input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

#form-box-header h4 {
  border-bottom: 1px solid #eee;
  font-family: 'ZapfHumnst BT', Arial, 'Times New Roman';
  padding-bottom: 5px;
}

.form-message h5,
.alert h5 {
  font-size: 18px;
}

.form-message p {
  font-size: 15px;
}

.alert p {
  font-size: 15px;
  margin: 0;
}

.text-hint {
  color: #6c757d;
  font-size: 13px;
  font-style: italic;
}

.input-group-prepend,
.input-group-text {
  background: #fff;
  display: grid;
  text-align: center;
  width: 100px;
}

#form-box-body {
  padding: 10px 0 10px 0;
}

.has-error-field input {
  border-color: #dc3545 !important;
}

.has-warning-field input {
  border-color: #d39e00 !important;
}

.has-error-field input:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
}

.has-warning-field input:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
}

#form-box-body button[type=submit] {
  display: inline-block;
}

@media (max-width: 991px) {
  #form-box-body .form-control {
    width: 100%;
  }

  #form-box-body button[type=submit] {
    display: block;
    width: 100%;
  }

  #page-content-box #form-box-body form .form-group {
    width: 100%;
  }
}

@media (min-width: 992px) {
  #page-content-box #form-box-body form .form-group {
    width: 50%;
  }
}