input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
  -moz-box-shadow: 0 0 0 30px white inset !important;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.alert h5,
.form-message h5 {
  font-size: 1.2rem;
}

.alert p {
  font-size: 1rem;
}

.form-message p {
  font-size: 1rem;
}

.text-hint {
  color: rgba(0, 0, 0, 0.25);
}

.input-group-prepend,
.input-group-text {
  background: #fff;
  display: grid;
  text-align: center;
  width: 100px;
}

#page-content-box {
  margin: 1rem 0 1.5rem 0;
  padding: 1.15rem 0 0 0;
}

#page-content-header .btn {
  border: none;
  color: #00000099;
  font-size: 1rem;
  padding: 0;
}

#form-box {
  padding: 1.5rem;
}

#form-box-header {
  margin-bottom: 1.5rem;
}

#form-box-header h4 {
  border-bottom: 1px solid #ccc;
  font-family: Arial, 'Times New Roman';
}

#form-box-body form>div {
  width: 50%;
}

#form-box-body form>div>fieldset>div:nth-child(2) {
  margin-bottom: 1rem;
}

#form-box-body label {
  color: #26231F !important;
  font-size: 0.875rem !important;
}

#form-box-body input:not(input[type="checkbox"]):not(input[type="radio"]),
#form-box-body textarea,
#form-box-body select,
#form-box-body .select2-selection,
.select2-dropdown {
  border-color: #ccc !important;
  border-radius: 0.5rem !important;
}

.select2-dropdown {
  border-width: 0.063rem !important;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

#form-box-body .has-error-field input {
  border-color: #dc3545 !important;
}

#form-box-body .has-warning-field input {
  border-color: #d39e00 !important;
}

#form-box-body .has-error-field input:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
}

#form-box-body .has-warning-field input:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
}

#form-box-body input[type="file"] {
  cursor: pointer;
}

#form-box-body a.btn,
#form-box-body button:not(.ck-button):not(.select2-selection__choice__remove) {
  align-content: center;
  border: none;
  border-radius: 3.125rem;
  height: 40px;
  font-size: 0.875rem;
  padding: 0 1.625rem;
}

@media (max-width: 1023px) {
  #page-content-box {
    margin: 1.5rem 0 0 0;
  }

  #form-box {
    padding: 1.5rem 1rem;
  }

  #form-box-body form>div {
    width: 100%;
  }

  #form-box-body a.btn,
  #form-box-body button {
    border-radius: 0.313rem;
    width: 100%;
  }
}