/***
Login page
***/

body:not(.page-header-fixed):not(.login) {
  background-image: url("../../img/bg/bg-login.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}

.h1, .h2, .h3, .h4, .h5, .h6, .aq-login {
  font-family: 'Proxima Nova', sans-serif;
}

/* logo page */
.login {
  background-color: #666 !important;
}

.login .logo {
  margin: 30px 0 0 30px;
}

.login .content {
  width: 520px;
  max-width: 520px;
  margin: 0 auto 30px;
  padding: 0;
  overflow: hidden;
}
.login.large .content {
  width: 700px;
  max-width: 700px;
}

.login .content h1,
.login .content h2,
.login .content h3,
.login .content h4 {
  color: #ffffff;
}

.login .content h2 {
  font-size: 46px;
  font-weight: 600 !important;
  margin-bottom: 25px;
}

.login .content p,
.login .content label {
  color: #ffffff;
}

.login .content p {
  font-size: 18px;
}

.login .content p a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}

.login .content .login-form,
.login .content .forget-form {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.login .content .form-control {
  background-color: rgba(0,0,0,.4);
  color: #ffffff;
  height: 60px;
}
.login .content .form-control:focus {
  border-color: #ffffff;
  -webkit-text-fill-color: #828282;
  color: #828282;
}
.login .input-group-addon {
  border-color: #ffffff;
  background: rgba(0,0,0,.4);
  min-width: 60px;
  border-radius: 3px 0 0 3px !important;
  font-size: 20px;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.login .input-group-addon > i {
  color: #ffffff;
}
.login .has-error .input-group-addon,
.login .has-error .form-control,
.login .has-error .form-control:focus {
  border-color: #f03e3e;
}
.aq-login .has-error .help-inline,
.aq-login .has-error .help-block,
.aq-login .has-error .control-label {
  color: #E2665C;
  font-size: 14px;
  font-weight: 500;
}
.aq-login .has-error .form-control {
  border-color: #E2665C;
}
.aq-login .has-error .input-group .form-control {
  border-left-color: #ccc;
}
.aq-login .has-error .input-group-addon {
  color: #E2665C;
  border-color: #E2665C;
}
.login .has-success .form-control,
.login .has-success .input-group-addon {
  border-color: #468847;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.login .input-group .form-control {
  border-radius: 0 3px 3px 0 !important;
}
.login input::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.7;
}
.login input::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}
.login input:-ms-input-placeholder {
  color: #fff;
  opacity: 0.7;
}
.login input:-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}

.login .content .forget-form,
.aq-login .content .forget-form {
  display: none;
}

.login .content .register-form {
  display: none;
}

.aq-login .content .form-title,
.aq-login .content h2 {
  font-size: 34px;
  font-weight: 600 !important;
  margin-bottom: 10px;
  margin-top: 0;
}

.login .content .form-actions {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  float: left;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  float: none;
}

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .btn {
  color: #ffffff;
  font-weight: 600;
  border: 1px solid #ffffff;
  border-radius: 3px !important;
  margin-top: 10px;
  font-size: 16px;
  white-space: normal;
  background: none;
  box-shadow: none;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  -ms-transition: all .2s linear;
  transition: all .2s linear;
}
.login .content .btn:hover,
.login .content .btn:focus {
  background: rgba(0,0,0,.4);
}
.login .content button[type="submit"] {
  background-color: #114996;
  border-color: #114996;
}
.login .content button[type="submit"]:hover,
.login .content button[type="submit"]:focus {
  background-color: #2B63B0;
  border-color: #2B63B0;
}

.login .content .forget-password {
  margin-top: 5px;
}
.login .content .forget-password p,
.login .content .forget-password p a {
  font-size: 14px;
  font-weight: normal;
}

.login .content .create-account {
  border-top: 1px dotted #eee;
  padding-top: 10px;
  margin-top: 15px;
}

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
}

/* select2 dropdowns */
.login .content .select2-container i {
  display: inline-block;
  position: relative;
  color: #ccc;
  z-index: 1;
  top:1px;
  margin: 4px 4px 0px 3px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.login .content .has-error .select2-container i {
  color: #b94a48;
}

.login .content .select2-container a span {
  font-size: 13px;
}

.login .content .select2-container a span img {
  margin-left: 4px;
}


@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {
    margin: 20px 0 0 0;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .login .content {
    width: 100%;
    padding: 30px;
  }
  .login .content .form-title,
  .login .content h2 {
    font-size: 32px;
  }
}

.aq-login .help-block,
.aq-login .password-help-block {
  margin-top: 1rem;
  font-size: 14px;
}
.aq-login .password-help-block {
  display: block;
}
.aq-login .has-error .password-help-block {
  /*display: none;*/
}
.login .password-help-block {
  margin-top: 0;
}
.login .help-block + .help-block {
  color: white;
  margin-top: 0rem;
  margin-bottom: 2rem;
}
.login .content p.lead {
  font-weight: 600;
  margin-bottom: 35px;
}

.login .content p.aq-auth-description {
  margin-bottom: 40px;
}

.login .content hr {
  border-top: none;
}

.login .help-block a {
  color: white;
  font-weight: 600;
}

.aq-email-verify-button button {
  margin-top: 25px !important;
  margin-bottom: 30px;
}

.aq-email-verify-notice {
  font-weight: 300;
  font-size: 14px !important;
}

.aq-email-verify-notice i.material-icons {
  float: left;
  height: 60px;
  width: 40px;
}

.pwstrength_viewport_progress {
  position: relative;
  top: 5px;
  margin-bottom: 25px;
}
.pwstrength_viewport_progress .progress {
  background: #aaa;
  width: calc(100% - 25%);
  margin-left: 25%;
  margin-top: 1rem;
  height: 7px;
  margin-bottom: 10px;
}
.pwstrength_viewport_progress .progress .password-verdict {
  white-space: nowrap;
  display: block;
  position: absolute;
  left: 0px;
  top: -6px;
  color: #666;
}

.aq-login .container {
  width: 100%;
}
.aq-login .container a {
  font-weight: 600;
  color: #333;
  text-decoration: underline;
  white-space: normal;
}
.aq-login .logo {
  position: relative;
  height: 250px;
  padding: 0;
}
.aq-login .logo .logo-wrapper {
  width: 100%;
  position: relative;
  top: 50%;
  margin-top: -60px;
}
.aq-login .logo .logo-wrapper img {
  max-height: 65px;
  display: block;
  margin: 0 auto;
}
.aq-login .content {
  background: #FFFEFE;
  min-height: 100vh;
  padding: 3em 3rem;
}
@media only screen and (min-width : 768px) {
  .aq-login .logo {
    height: 100vh;
  }
  .aq-login .logo .logo-wrapper img {
    max-height: 85px;
  }
}
@media only screen and (min-width : 992px) {
  .aq-login .logo .logo-wrapper {
    position: absolute;
  }
  .aq-login .logo .logo-wrapper img {
    max-height: 100px;
    height: 100px;
  }
  .aq-login .content {
    padding: 4em 6rem;
  }
}
@media only screen and (min-width : 1200px) {
  .aq-login .content {
    padding: 4em 8rem;
  }
}
.aq-login .btn {
  border-radius: 3px;
}
.aq-login .btn.btn-lg {
  font-size: 18px;
  font-weight: 600;
}
.aq-login .btn-primary {
  background-color: #24549D;
  color: white;
}
.aq-login .input-group-addon {
  background-color: #FBFAFA;
}
.form-control,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
  height: 50px;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 3px;
  background-color: #FBFAFA;
}
.input-group-lg>.input-group-addon>i {
  color: #979C9C;
  font-size: 14px;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.password-rules {
  margin-top: 0;
}
.password-rules ul {
  padding-left: 0;
  list-style: none;
}
.password-rules ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  color: #000;
}
.password-rules ul li.success {
  color: #aaa;
}
.password-rules ul li:after {
  content: 'fiber_manual_record';
  color: #999;
  position: absolute;
  left: 4px;
  top: 3px;

  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  vertical-align: middle;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
.password-rules ul li.success:after {
  color: #00a54f;
  content: 'check';
  font-weight: 600;
  font-size: 16px;
  left: 0;
  top: 1px;
}
.password-rules ul li.optional:after {
  color: #0387ca;
  content: 'fiber_manual_record';
}
.password-success {
  background: #a3cc38;
  padding: 15px;
  margin: 2rem 0;
  border-radius: 5px;
  color: white;
}
.password-success p {
  margin-bottom: 0;
}
.password-success i {
  margin-right: 10px;
}

.reset-password-form .form-actions {
  margin-top: 7rem;
}
.reset-password-body #pwstrength_viewport_progress {
  margin-top: -9rem;
}
.reset-password-body .pwstrength_viewport_progress .progress {
  width: calc(100% - 35%);
  margin-left: 35%;
}
.reset-password-form .form-group > div {
  position: relative;
}

.btn-show-password {
  position: absolute;
  background: transparent;
  color: #999;
  font-size: 14px;
  top: 6px;
  right: 4px;
  z-index: 999;
  padding: 6px;
}
input[type=password] + .btn-show-password .mi-visibility,
.btn-show-password .mi-visibility {
  display: block;
}
input[type=password] + .btn-show-password .mi-visibility_off,
.btn-show-password .mi-visibility_off {
  display: none;
}
input[type=text] + .btn-show-password .mi-visibility,
.btn-show-password.off .mi-visibility {
  display: none;
}
input[type=text] + .btn-show-password .mi-visibility_off,
.btn-show-password.off .mi-visibility_off {
  display: block;
}