html { height:100%; }
body {overflow:hidden;}
.login-bkg {position:absolute; top:140px; left:0px; right:0px; height:330px; background-color:#c07e0e; z-index:1;box-shadow:0px 0px 18px rgba(0,0,0,0.4);}
.login{background:linear-gradient(#cccccc 0%,#aaaaaa 100%);min-height:100%;}.login .fa-paw{font-size:26px}a.hiddenanchor{display:none}.login_wrapper{right:0px;margin:0px auto;margin-top:5%;max-width:350px;position:relative}.registration_form,.login_form{position:absolute;top:0px;width:100%}.registration_form{z-index:21;opacity:0;width:100%}.login_form{z-index:22;padding:12px 20px;background:linear-gradient(rgba(247,247,247,0.9) 0%,rgba(170,170,170,0.9) 100%);border-radius:17px;box-shadow:4px 4px 8px rgba(0,0,0,0.3);text-align:center;}#signup:target ~ .login_wrapper .registration_form,#signin:target ~ .login_wrapper .login_form{z-index:22;animation-name:fadeInLeft;animation-delay:.1s}#signup:target ~ .login_wrapper .login_form,#signin:target ~ .login_wrapper .registration_form{animation-name:fadeOutLeft}.animate{animation-duration:0.5s;animation-timing-function:ease;animation-fill-mode:both}.login_box{padding:20px;margin:auto}
.left{float:left}.alignleft{float:left;margin-right:15px}.alignright{float:right;margin-left:15px}.clearfix:after,form:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.login-bkg {position:absolute; top:140px; left:0px; right:0px; height:330px; background-color:#cccccc; z-index:1;box-shadow:0px 0px 18px rgba(0,0,0,0.4);}
.login_form  { color: #444; }
.login-msg { position:relative; }
.login-msg > div.alert { position:absolute;left:0px;right:0px; }
.login-hide { visibility:hidden; }
.login_content{margin:0 auto;padding:5px 0 0;position:relative;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,0.5);min-width:280px}.login_content a,.login_content .btn-default:hover{text-decoration:none}.login_content a:hover{text-decoration:underline}.login_content h1{position:relative;font:normal 30px "ubuntu-regular", Arial, sans-serif;letter-spacing:-0.05em;line-height:20px;margin:10px 0 30px}.login_content h1:before,.login_content h1:after{content:"";height:1px;position:absolute;top:10px;width:25%}.login_content h1:after{background:#7e7e7e;background:linear-gradient(left, #7e7e7e 0%, #fff 100%);right:0}.login_content h1:before{background:#7e7e7e;background:linear-gradient(right, #7e7e7e 0%, #fff 100%);left:0}.login_content h1:before,.login_content h1:after{content:"";height:1px;position:absolute;top:10px;width:16%}.login_content h1:after{background:#7e7e7e;background:linear-gradient(left, #7e7e7e 0%, #fff 100%);right:0}.login_content h1:before{background:#7e7e7e;background:linear-gradient(right, #7e7e7e 0%, #fff 100%);left:0}.login_content form{margin:20px 0 0;position:relative}.login_content form input[type="text"],.login_content form input[type="email"],.login_content form input[type="password"]{border-radius:3px;box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;border:1px solid #c8c8c8;color:#777;margin:0 0 20px;width:100%}.login_content form input[type="text"]:focus,.login_content form input[type="email"]:focus,.login_content form input[type="password"]:focus{box-shadow:0 0 2px #A97AAD inset;background-color:#fff;border:1px solid #A878AF;outline:none}#username{background-position:10px 10px !important}#password{background-position:10px -53px !important}.login_content form div a{font-size:12px;margin:10px 15px 0 0;width:40%;}.reset_pass{margin-top:10px !important}.login_content div .reset_pass{margin-top:13px !important;margin-left:39px;float:left}.separator{border-top:1px solid #706f6f;margin-top:10px;padding-top:2px}.button{background:#f7f9fa;background:linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%);box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;border-radius:0 0 5px 5px;border-top:1px solid #CFD5D9;padding:15px 0}.login_content form input[type="submit"],#content form .submit{float:left;margin-left:38px}.button a{color:#7E7E7E;font-size:17px;padding:2px 0 2px 40px;text-decoration:none;transition:all 0.3s ease}.button a:hover{background-position:0 -135px;color:#00aeef}header{width:100%}
select, input[type=text], input[type=password], textarea { transition: all 0.25s ease-in-out; outline: none; box-shadow:none !important; border: 1px solid #DDDDDD !important; border-radius:3px;}
select:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 0.75) !important; border: 1px solid rgba(81, 203, 238, 1) !important; background-color: #EFF !important; color:#000 !important;}
.focus { transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0.75) !important; border-color: rgba(81, 203, 238, 1) !important; background-color: rgba(81, 203, 238, 1) !important; color:#FFF !important;}
select option[value=""] { font-style:italic; color:#bbb; }
.value-is-mandatory div.form-field-label:after {content:'\f069';color:#D00; font-size:60%;margin-left:7px; font-family:FontAwesome;position:relative;top:-3px;}
form.login-form {min-height:297px;}
form.login-form div.form-contents {min-height:174px; height:164px; overflow:hidden; position:relative;}
form.login-form div .form-contents div { clear:both;} 
form.login-form .login-field { width:80%;margin:0px auto;} 
form.login-form .login-field .btn { width:50%; margin:0px; float:right; } 
form.login-form .input-group { margin-bottom:8px !important; } 
form.login-form input.form-control { margin:0px !important; }
form.login-form .input-group i { font-size:20px; }
form.login-form .input-group-addon { width:40px;max-width:40px; overflow:hidden; padding: 0px 5px 0px 5px !important;}
form.login-form .clearfix { clear:both;} 
form.login-form .fa-exclamation-triangle { font-size:40px;margin-bottom:10px; }
body.login #pleaseUseChrome{ cursor:pointer; position:absolute;z-index:999999999;bottom:10px;right:30px;width:400px; padding-left:120px; }
body.login #pleaseUseChrome img {position:absolute;top:10px;left:15px;width:90px; } 
body.login #pleaseUseChrome b { color:#ccf; font-weight:bold; font-size:14px; }
@keyframes delay-show{0%{opacity:0;}95% {opacity:0;}100%{opacity:1;}}
body.login #pleaseUseChrome { animation: delay-show; animation-fill-mode:forwards; animation-duration:1s;   }