/*----------------------------------------
    Login Page
------------------------------------------*/
.login-bg {
  background-image: url("../../images/gallery/flat-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #191919;
}

#login-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
}

#login-page .card-panel.border-radius-6.login-card {
  margin-left: 0 !important;
  background-color: #151515;
  border: 1px solid rgba(231, 231, 231, 0.2);
}

#login-page .login-form .input-field.col.s12 h5.ml-4,.select-dropdown.dropdown-trigger,#birthdate{
  color: #fff;
}
#btnLogin,#btnRegister,.btnRecoverPWD{
  background-color: #0081C6!important;
}

#login-page .login-form .input-field.col.s4 p.medium-small a{
  color:#0081c6;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
}

.input-field .prefix.active,.datepicker-table td.is-today,a,.btn-flat,.dropdown-content li > span,input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label{
  color: #0081C6;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
  border-bottom: 1px solid #0081C6;
  box-shadow: 0 1px 0 0 #0081C6;
}

.select-wrapper input.select-dropdown:focus{
  border-bottom: 1px solid #0081C6;
}

.datepicker-date-display,.datepicker-table td.is-selected{
  background-color: #0081C6;
}

.select-wrapper .caret{
  fill: #fff
}

.datepicker-day-button:focus{
  background-color: #0081c630;
}

.login-form input{
  color: white
}

[type="checkbox"]:checked + span:not(.lever):before{
  border-right: 2px solid #0081C6;
  border-bottom: 2px solid #0081C6;
}