*{margin:0;padding:0}
body{background:#eee url(/login/templates/Core/images_layout/login/bg-image.jpg?v2) no-repeat center 0;background-attachment:fixed;text-align:left;font-family: "Roboto", Helvetica, Arial, sans-serif;font-size:20px;color:#767676;}

p.message{color:#b53333;margin-bottom:10px;font-size:16px;}
p.message a{color:#b53333;}
p.success{color:#006600;}

.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
a:link,a:visited{color:#737373;}
a:hover{text-decoration:none;}

.header-wrapper:before{content:'';position:absolute;top:0;left:0;right:0;height:20px;background:rgba(255,255,255,.4);}
.header{max-width:1440px;margin:0 auto 100px;}
.header-logo{display:inline-block;background:#fff;padding:15px 15px 10px;}

.form{max-width:350px;margin:0 auto 60px;background:#fff;}
.form-header{background:#6bb022;height:60px;position:relative;margin:0 0 10px;}
.form-header:before{content:'';position:absolute;top:-20px;left:50%;width:78px;height:78px;margin:0 0 0 -39px;background:url(/login/templates/Core/images_layout/login/mr-signet.png) no-repeat 0 0;}
.form-buttons{margin:30px auto 25px;text-align:center;}
button{background:#6bb022;border:1px solid #6bb022;color:#fff;font-size:24px;padding:7px 20px;line-height:1;cursor:pointer;transition:all .4s;}
button:hover,button:focus{background:#4c7c18;border-color:#4c7c18;}
.action{text-align:center;color:#000;font-size:12px;padding:0 0 10px;}
.action a{color:#000;}
.no-js .action{display:none;}
#form-password{display:none;}

.apps{text-align:center;margin:0 0 40px;}
.app{display:inline-block;margin:0 10px;}

.slogan{text-align:center;font-size:54px;font-weight:300;color:#fff;margin:0 0 60px;}
.slogan strong{font-weight:700;}

.footer-wrapper{background:#6e6e6e;background:rgba(110,110,110,.8);font-size:12px;
border-top:10px solid #fff;border-color:rgba(255,255,255,.6);padding:10px 10px 70px;}
.footer,.footer a{color:#fff;}
.footer{max-width:1440px;margin:0 auto;}
.footer-copyright{float:right;}
@media screen and (min-height:940px){
.footer-wrapper{position:absolute;position:fixed;bottom:0;left:0;right:0;}
}

#form_send_passwd{background:#fff;position:fixed;top:40%;width:280px;padding:20px;left:50%;margin:0 0 0 -160px;}
#form_send_passwd label{font-size:13px;}
button.send_passwd{position:relative;margin:20px 0 0;font-size:12px;bottom:auto;}

.message{margin:0 auto;max-width:90%;}

.input{position:relative;z-index:1;display:block;margin:0 auto 10px;
max-width:278px;/*width:calc(100% - 2em);*/width:100%;vertical-align:top;
padding-top:1.9em;overflow:hidden;}
.input-field{position:relative;display:block;padding:.8em .5em;width:94%;
border:1px solid #ccc;border-radius:0;background:transparent;color:#767676;
font-weight:400;font-family:"Roboto",Helvetica,Arial,sans-serif;
-webkit-transition:border-color .25s;
transition:border-color .25s;
-webkit-appearance:none;}
.input-field:focus{outline:none;}
.input-label{display:inline-block;float:right;padding:0;width:100%;
color:#767676;font-weight:bold;position:absolute;top:18px;left:10px;
text-align:left;overflow:hidden;pointer-events:none;
-webkit-transform:translate3d(0,1.3em,0);
transform:translate3d(0,1.3em,0);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;}
.input-label-content{position:relative;display:block;padding:0;width:100%;
font-weight:400;color:#767676;}
.input-label-content::after{content:attr(data-content);position:absolute;
top:-215%;left:0;color:#56aa1c;font-weight:700;font-size:16px;}
.input-field:focus,.input--filled .input-field{border-color:#56aa1c;}
.input-field:focus + .input-label,.input--filled .input-label{
-webkit-animation:anim-input-1 .25s forwards;
animation:anim-input-1 .25s forwards;}
.input-field:focus + .input-label .input-label-content,
.input--filled .input-label-content{
-webkit-animation:anim-input-2 .25s forwards ease-in;
animation:anim-input-2 .25s forwards ease-in;}
@-webkit-keyframes anim-input-1{
  0%,70%{
    -webkit-transform:translate3d(0,3em,0);
    transform:translate3d(0,3em,0);
  }
  71%,100%{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
  }
}

@-webkit-keyframes anim-input-2{
  0% {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
  }
  70%,71% {
    -webkit-transform:translate3d(0,125%,0);
    transform:translate3d(0,125%,0);
    opacity:0;
    -webkit-animation-timing-function:ease-out;
  }
  100%{
    color:transparent;
    -webkit-transform:translate3d(0,200%,0);
    transform:translate3d(0,200%,0);
  }
}
@keyframes anim-input-1 {
  0%,70%{
    -webkit-transform:translate3d(0,3em,0);
    transform:translate3d(0,3em,0);
  }
  71%,100%{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
  }
}
@keyframes anim-input-2{
  0%{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
  }
  70%,71%{
    -webkit-transform:translate3d(0,125%,0);
    transform:translate3d(0,125%,0);
    opacity:0;
    -webkit-animation-timing-function:ease-out;
  }
  100%{
    color:transparent;
    -webkit-transform:translate3d(0,200%,0);
    transform:translate3d(0,200%,0);
  }
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('/fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
  url('/fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
  url('/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}