@charset "utf-8";
/* CSS Document */

/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
!
 *   AdminLTE v2.1.2
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <http://almsaeedstudio.com>
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/
/*
 * Core: General Layout Style
 * -------------------------
 */
html,
body {
  min-height: 100%;
}
.layout-boxed html,
.layout-boxed body {
  height: 100%;
}
body { 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}

.form-control:not(select) {
    -moz-appearance: none;
}
.form-control.error{border:1px solid red !important;}
.form-group.has-error .form-control {
    border-color: #dd4b39 !important;
    box-shadow: none;
}
.btn {
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: none;
}
.btn.uppercase {
    text-transform: uppercase;
}
.btn.btn-flat {
    border-radius: 0;
    border-width: 1px;
    box-shadow: none;
}
.btn:active {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.btn:focus {
    outline: medium none;
}
.btn.btn-file {
    overflow: hidden;
    position: relative;
}
.btn.btn-file > input[type="file"] {
    background: white none repeat scroll 0 0;
    cursor: inherit;
    display: block;
    font-size: 100px;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    outline: medium none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
/*
 * Page: Login & Register
 * ----------------------
 */
.overlay{ background:rgba(74, 210, 240, 0.8); position:fixed; top:0; left:0; right:0; bottom:0; height:100%; box-shadow:0px 0px 100px rgba(74, 210, 240, 0.9) inset;}

.login-logo,
.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.login-logo a,
.register-logo a {
  color: #fff;
}
.login-page,
.register-page {
 background:url(../images/bg.jpg) no-repeat  center center / 100% auto; overflow:hidden;
}
.login-box,
.register-box {
  width: 330px;
  margin:6% auto; position:relative; z-index:100;
}
.login-box-body h1{ position:relative; color:#f5f5f5; font-weight:400; font-size:28px; margin:0 -21px; padding:8px 20px 8px 20px; border-bottom:1px solid rgba(0, 0, 0, 0.5); box-shadow:0px 0px 1px rgba(0, 0, 0, 0.5); background: rgba(6, 86, 132, .9); text-align:center}

.login-box-body h1 img{float:right; padding:2px 0 0}
.login-box-body h1:before{content:''; width:5px; height:100%; background:#1a80bb; position:absolute; left:0px; top:0;}
.login-box-body .form-group {margin-bottom:25px;}
 .login-box-body .row { margin-bottom:15px;}
.login-box-body a{color:#000; text-decoration:none; border-bottom:1px solid #333; padding:0 0 3px;}
.form-control{
    -moz-appearance: none;
    border: 1px solid #e0e2e4;
    height: 40px; font:16px/1.5em;
}
.form-control::-moz-placeholder { color:#666;}
.login-box-body .btn{ text-transform:uppercase;}
h6{color:#666; margin:15px auto}
@media (max-width: 768px) {
  .login-box,
  .register-box {
  /*  width: 90%;*/
    margin-top: 20px;
  } .login-logo {max-width:30%; display:block; text-align:center; margin:0 auto 10px;}
  
  .login-page,
.register-page {
 background:url(../images/bg.jpg) no-repeat  center center / auto auto; overflow:visible;
}

}

@media (max-width: 400px) {
  .login-box,
  .register-box {
  width: 90%;
    margin: 10px auto;
  }
}
img{max-width:100%; height:auto;}
  .login-box label,
  .register-box label { font-weight:normal;}
  .login-box label.error,
  .register-box label.error/*,  label.error*/{ display:none !important;}

.login-box-body,
.register-box-body {
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-top: 0;
border-radius:4px; box-shadow:0 3px 20px 0 rgba(0,0,0,0.20);}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #aaa; height:40px; line-height:40px;
}
.login-box-msg,
.register-box-msg { text-align:center;
  margin: 15px auto; color:#333;
}
.social-auth-links {
  margin: 10px 0;
}
 .login-box label.error-msg{ font-size:13px;}
 .login-box label.success-msg{font-size:13px;}