.page-login:before {
  background-image: unset;
}


.page-login form a {}

.page-login .form-control,
.page-login .floating-label,
.page-login .form-control:focus+.floating-label {
  color: #656565;
}

.page-login a {
  color: #9fa8da;
}

@media (max-width: 767px) {
  .page-login form {
    width: auto;
  }
}

.forget-password {
  float: left;
  font-size: 10px;
  color: grey !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.no-account {
  font-size: 10px;
  color: grey;
  float: left;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.no-account a {
  color: #397172;
  font-weight: bold;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.form-group.form-material .form-control-label {
  color: #656565;
}

.page-copyright {
  text-align: center;
}

.page-dark.layout-full .brand {
  margin-top: 60px;
  padding-left: 0px;
}

.brand {
  display: flex;
  justify-content: center;
  vertical-align: middle;
  flex-direction: column;
}

.brand>.brand-img {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .brand>.brand-img {
    width: 50%;
  }
}

@media screen and (max-width: 425px) {}

.panel-body {
  padding-left: 0px;
  padding-right: 0px;
}

.page-copyright {
  margin-top: 0px;
  margin-bottom: 60px;
}

.custom-card {
  background-color: #FFFFFF;
  box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.10);
  border-radius: 36px;
  padding: 30px 45px;
}

@media screen and (max-width: 768px) {
  .custom-card {
    padding: 30px 30px;
  }
}

@media screen and (max-width: 425px) {
  .custom-card {
    padding: 30px 30px;
  }
}


.page-content {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 1024px) {
  .page-content {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .page-content {
    width: 100%;
    padding: 30px 30px;
  }
}

@media screen and (max-width: 425px) {
  .page-content {
    width: unset;
    padding: 30px 30px;
  }
}

@media screen and (max-width: 768px) {
  .page-content .steps {
    margin: 0rem;
    flex-direction: column
  }
}

#reg_form {
  width: 100%;
}

.form-material .form-control {
  padding: 10px;
  border: 2px solid #E1E0E5 !important;
  border-radius: 5px !important;
  background-image: none;
  transition: all 0.3s ease;
}


/* Base state - empty input */
.form-material select.form-control {
  padding-top: 0;
  padding-bottom: 0;
}

/* Error state */
.form-material.has-danger .form-control {
  border-color: #f44336;
  background-image: none;
}

.form-material.has-danger .form-control:focus {
  border: 2px solid #f44336 !important;
  border-radius: 5px !important;
  box-shadow: 0px 3px 8px rgba(244, 67, 54, 0.2);
}

.form-material.has-danger .form-control-label {
  color: #f44336;
}

/* Success state */
.form-material.has-success .form-control {
  border: 2px solid #397171 !important;
  border-radius: 5px !important;
  background-image: none;
}

.form-material.has-success .form-control:focus {
  border: 2px solid #397171 !important;
  border-radius: 5px !important;
  box-shadow: 0px 3px 8px rgba(57, 113, 113, 0.2);
}

.form-material.has-success .form-control-label {
  color: #397171;
}

/* Focus state - override material design bottom border */
.form-material .form-control:focus {
  border: 2px solid #397171 !important;
  border-radius: 5px !important;
  background-image: none;
  box-shadow: 0px 3px 8px rgba(57, 113, 113, 0.2);
}

/* Remove material design background-image from all states */
.form-material .form-control,
.form-material .form-control.empty,
.form-material .form-control:focus,
.form-material .form-control.focus,
.form-material .form-control:not(.empty),
.form-material.has-success .form-control,
.form-material.has-success .form-control:focus,
.form-material.has-success .form-control.focus,
.form-material.has-success .form-control:not(.empty),
.form-material.has-danger .form-control,
.form-material.has-danger .form-control:focus,
.form-material.has-danger .form-control.focus,
.form-material.has-danger .form-control:not(.empty) {
  background-image: none !important;
}

.checkbox-primary input[type=radio]:checked+input[type=hidden]+label::before,
.checkbox-primary input[type=radio]:checked+label::before,
.checkbox-primary input[type=checkbox]:checked+input[type=hidden]+label::before,
.checkbox-primary input[type=checkbox]:checked+label::before {
  background-color: #0B3D34;
  border-color: #0B3D34;
}

.page-dark.layout-full .brand {
  margin-top: 60px;
}

.panel-body,
.page-copyright {
  padding-left: 0px;
  padding-right: 0px;
}

.g-recaptcha {
  margin-top: 1rem;
}

.reset-heading {
  font-weight: 500;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}