.fmAuthorization {
	background: gray !important;
  
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
  local('MaterialIcons-Regular'),
  url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
  url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
  url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

.fmAuthorization  .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
/*
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: 0 auto;
*/
}
/*
input:placeholder-shown {
  border: 5px solid red;
}
*/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

.fmAuthorization  .logo{
    width: 161px;
    height: 40px;
    display: block;
    width: 100%;
    background: url(../img/logo.svg) no-repeat center;
    margin-bottom: 20px;
}
.fmAuthorization  .forgot-pass{
    text-align: left;
    margin-bottom: 20px;
}
.fmAuthorization .forgot-pass a{
    color: #75b0fa;
}

.fmAuthorization .login-page {
  width: 400px;
  min-width: 300px;
  padding: 8% 0 0;
  margin: auto;
}

.fmAuthorization .form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 500px;
  margin: 0 auto 30px;
  padding: 25px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  border-radius: 5px;
}

.fmAuthorization .logo{
    width: 161px;
    height: 40px;
    display: block;
    width: 100%;
    background: url(/images/EnergoIT/logo.svg) no-repeat center;
    margin-bottom: 20px;
}


.fmAuthorization .kapcha{
  text-align: left;
margin-bottom: 20px;
}

.fmAuthorization .txtTextCommon input {
  font-family: "Roboto", sans-serif;
  width: 100%;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
  border-radius: 5px;
}

.fmAuthorization .txtTextDefault{
  outline: 0;
  background: #f2f2f2;
  border: 0;

  
}

.fmAuthorization .txtTextTrue{
  background: #f2f2f2;
  border: 1px solid #1edb28;
  outline: none;
}

.fmAuthorization .txtTextFalse{
  background-color: #fce4e4;
  border: 1px solid #cc0033;
  outline: none;
}


.fmAuthorization .txtTextDefault input:focus {
  background: #fff;
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(117,176,250,1);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(117,176,250,1);
box-shadow: inset 0px 0px 2px 0px rgba(117,176,250,1);
}
::placeholder {
  color: #7d7d7d;
}


.fmAuthorization button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #8bcffe;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  border-radius: 5px;
}
.fmAuthorization  button:hover,.fmAuthorization .form button:active,.fmAuthorization .form button:focus {
  background: #75b0fa;
}
.fmAuthorization .messagereg {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 13px;
  text-align:center;
}
.fmAuthorization .messagereg a {
  color: #75b0fa;
  text-decoration: none;
}

.fmAuthorization .form .register-form {
  display: none;
}

.fmAuthorization .form .repairpassword-form {
  display: none;
}

.fmAuthorization .form .register-form h1, .fmAuthorization .form .repairpassword-form h1, .fmAuthorization .form .login-form1 h1{
  text-align: left;
  font-size: 16px;
  margin: 0 0 20px 0;
}

.fmAuthorization .container {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: 0 auto;
}
.fmAuthorization .container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.fmAuthorization .container .info {
  margin: 50px auto;
  text-align: center;
}
.fmAuthorization .container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.fmAuthorization .container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.fmAuthorization .container .info span a {
  color: #000000;
  text-decoration: none;
}
.fmAuthorization .container .info span .fa {
  color: #EF3B3A;
}

.fmAuthorization .login-input {
	border-radius: 5px;
	border: 1px solid #c5c5c5;
	font-size: 14px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	background: #fff;
	padding: 17px 43px 15px 28px;
	color: #000;
	width: 100%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fmAuthorization .inputImg_close {
    position:absolute;
    top:10px;
    right:5px;
    width:24px;
    height:24px;
    background: url(/images/eye_close.png) no-repeat center; 
}
.fmAuthorization .inputImg_open {
    position:absolute;
    top:10px;
    right:5px;
    width:24px;
    height:24px;
    background: url(/images/eye_open.png) no-repeat center; 
}