.registration-form {
  position: relative;
}

.registration-form .iti {
  width: 100%;
  display: block;
}

.registration-form .iti__selected-dial-code,
.registration-form .iti__country-name,
.registration-form .iti__dial-code {
  color: inherit;
}

.registration-form .iti--separate-dial-code input,
.registration-form .iti--allow-dropdown input,
.registration-form input[name="phone"] {
  width: 100%;
  padding-left: 110px;
}

.registration-form input.valid,
.registration-form input[type="text"].valid,
.registration-form input[type="email"].valid,
.registration-form input[type="tel"].valid {
  border-color: #28a745 !important;
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.16) !important;
}

.registration-form input.invalid,
.registration-form input[type="text"].invalid,
.registration-form input[type="email"].invalid,
.registration-form input[type="tel"].invalid,
.registration-form [data-validation-error="true"] {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.16) !important;
}

.registration-form .phone-checking,
.registration-form input[type="tel"][style*="border-color: #ffc107"],
.registration-form input[type="tel"][style*="border-color: rgb(255, 193, 7)"] {
  border-color: #ffc107 !important;
  box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.16) !important;
}

.registration-form button[type="submit"]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.toast-top-right {
  top: 16px;
  right: 16px;
}

.toast {
  opacity: 1;
}

.toast-success,
.toast-error,
.toast-warning,
.toast-info {
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
}