body {height:100%;font-size:12px;font-family:Tahoma, Verdana, Arial;}
body > .bg {position:fixed;width:100%;height:100%;z-index:1;left:0px;top:0px;background-image: url('../images/loginpage/background.png');background-position:center center;background-attachment:fixed;}

.login {position:fixed;top:50%;left:50%;width:1px;height:1px;overflow:visible;display:block;z-index:2;}
.login > .loginform {width:254px;height:250px;position:absolute;top:-25px;left:-128px;visibility:visible;}
.login > .loginform .collapse .columns {padding-bottom:10px;}

.collapse .prefix {height:40px;display:block;border-right:none;border-top:4px solid rgba(217, 217, 217, .23);border-left:4px solid rgba(217, 217, 217, .23);border-bottom:4px solid rgba(217, 217, 217, .23);background-clip:padding-box;-webkit-background-clip:padding-box;padding:0px 5px 0px 0px;font-family:'Ubuntu', Arial, Tahoma, Verdana;background-color:#3a3d3f;background-image:url('../images/loginpage/input-prefix-background.png');background-position:right center;background-repeat:no-repeat;-webkit-border-top-left-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomleft: 6px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.collapse .prefix, 
.collapse .prefix label {font-size:12px;font-weight:bold;color:#fff;text-transform:uppercase;}
.collapse input.input {height:40px;border-top:4px solid rgba(217, 217, 217, .23);border-right:4px solid rgba(217, 217, 217, .23);border-bottom:4px solid rgba(217, 217, 217, .23);background-clip:padding-box;-webkit-background-clip:padding-box;font-family:Arial, Tahoma, Verdana;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;}

.remember {text-transform:uppercase;color:rgba(255, 255, 255, .41);font-weight:bold;font-family:'Ubuntu', Tahoma, Verdana, Arial;text-shadow: 0px 1px 0px rgba(0, 0, 0, .41);}
.remember:hover {color:rgba(255, 255, 255, .41);}

.button-login {outline-offset:-2px;background-clip:padding-box;-webkit-background-clip:padding-box;background-color:#84be42;outline:none !important;border:4px solid rgba(217, 217, 217, .23) !important;text-align:center;float:right;color:#fff !important;cursor:pointer;display:inline-block;font-family:'Ubuntu', Tahoma, Verdana, Arial;font-size:10px;font-weight:300;line-height:12px;margin:0;padding:9px 12px 9px 12px;text-transform:uppercase;text-decoration:none;-webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
.button-login:focus,
.button-login:active {background-color:#78b137;outline:none !important;}

label:hover {cursor:pointer}

a.logo {display:none;}

.lt-ie9 .prefix {padding:0px;height:34px;}
.lt-ie9 input.input {height:34px;line-height:20px;}
.lt-ie9 .button-login {border:none;padding:12px 16px 12px 16px;}

.unsupported-browser {margin-top:-20px;}
.unsupported-browser h3 {font-weight:normal;color:#fff;text-align:center;margin-top:0px;}
.unsupported-browser p {text-align:center;color:#fff;}

h3 {font-weight:normal;color:#fff;text-align:center;margin-top:0px;}
div.progress {border:4px solid rgba(217, 217, 217, 0.228);padding:0px;}
div.progress .meter {background-color:#2ba6cb;background-size:30px 30px;background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,transparent 75%, transparent);animation: animate-stripes 3s linear infinite; }
.description {font-size:12px;color:#fff;text-align:center;}
@keyframes animate-stripes {
  from {background-position: 0 0;} to {background-position: 60px 0;}
}

@media only screen and (max-width: 549px) {
  body {height:100%;background-color:#14A9F1;}
  body > .bg {display:none;}
  a.logo {display:block;text-align:center;}
  a.logo img {margin:0 auto;margin-top:10px;margin-bottom:10px;}
  .login {position:static;margin:0 auto;top:auto;left:auto;height:254px;width:250px;}
  .login > .loginform {width:254px;height:250px;position:static;top:none;left:none;}
}