/* GENERATED - the tutor registration form in light colours, only inside the admin panel's
   "Add a Tutor" pop-up in light mode (html.admin-light, set by tutorregistration.html?admin=1&theme=light).
   Made from registration-common.css + tutor-registration.css by tools/build-tutor-registration-light-css.py. */

html.admin-light {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f4f6;
  --border: #dde0e5;
  --border-light: #cfd3da;
  --text: #111418;
  --muted: #5b6472;
  --muted-2: #808895;
  --danger: #dc2626;
  --success: #15803d;
  --info: #4f46e5;
  color-scheme: light;
}

html.admin-light input[readonly] {
  background: #f3f4f6 !important;
}

html.admin-light .otp-header strong {
  color: #111418;
}

html.admin-light .secondary-button:hover {
  color: #111418;
}

html.admin-light .modal-close:hover {
  color: #111418;
}

html.admin-light .profile-button:hover {
  background: #f3f4f6;
}

html.admin-light .footer {
  border-top: 1px solid rgba(0, 0, 0, 0.10);
}

html.admin-light .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

html.admin-light .profile-modal-box {
  background: #ffffff;
  border: 1px solid #dde0e5;
}

html.admin-light .profile-modal-close:hover {
  color: #111418;
}

html.admin-light .student-profile-item {
  background: #f7f8fa;
}

html.admin-light .student-profile-item strong {
  color: #111418;
}

html.admin-light .profile-logout:hover {
  color: #111418;
}

html.admin-light .in-flag {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

html.admin-light .intro h1 {
  color: #111418;
}

html.admin-light .section {
  border-bottom: 1px solid #dde0e5;
}

html.admin-light .field input[type="text"],
html.admin-light .field input[type="email"],
html.admin-light .field input[type="tel"],
html.admin-light .field textarea {
  color: #111418;
  background: #ffffff;
}

html.admin-light .phone-input {
  background: #ffffff;
}

html.admin-light .country-code {
  border-right: 1px solid #dde0e5;
}

html.admin-light .same-phone input {
  background: #ffffff;
}

html.admin-light .same-phone input:checked::after {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

html.admin-light .selection-option {
  color: #111418;
  background: #ffffff;
}

html.admin-light .time-option {
  color: #111418;
  background: #ffffff;
}

html.admin-light .other-time input {
  color: #111418;
  background: #ffffff;
}

html.admin-light .terms input {
  background: #ffffff;
}

html.admin-light .terms input:checked::after {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

html.admin-light .loader {
  border-top-color: #ffffff;
}

html.admin-light .registered-email {
  background: #f7f8fa;
}

html.admin-light .registered-email strong {
  color: #111418;
}

html.admin-light .modal-box {
  background: #ffffff;
  border: 1px solid #dde0e5;
}

html.admin-light .site-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

html.admin-light .site-header .logo {
  color: #111418;
}

html.admin-light .field input[type="number"],
html.admin-light .field select {
  color: #111418;
  background: #ffffff;
}

html.admin-light .field select option {
  background: #ffffff;
  color: #111418;
}

html.admin-light .date-field input[type="date"] {
  color: #111418;
  color-scheme: light;
  background: #ffffff;
}

html.admin-light .field input:disabled {
  background: #f3f4f6;
}

html.admin-light .upload-card {
  background: #ffffff;
  border: 2px dashed #cfd3da;
}

html.admin-light .upload-info strong {
  color: #111418;
}

html.admin-light .upload-card.has-file {
  background: #f0fbf4;
}

html.admin-light .verification-note {
  background: #f7f8fa;
}

html.admin-light .float-field > span {
  background: linear-gradient(to bottom, var(--surface) 50%, #ffffff 50%);
}

html.admin-light .float-field input[readonly] + span {
  background: linear-gradient(to bottom, var(--surface) 50%, #f3f4f6 50%);
}

html.admin-light .phone-input .flag-code {
  border-right: 1px solid #dde0e5;
}

html.admin-light .pill-check {
  background: #ffffff;
}

html.admin-light .float-field input[readonly] + span {
  background: linear-gradient(to bottom, var(--surface) 50%, #f3f4f6 50%);
}

html.admin-light .terms-badge .tick {
  stroke: #111418;
}

html.admin-light .field .float-field input[type="number"] {
  color: #111418;
}

html.admin-light .field .float-field input:disabled {
  background: #f3f4f6;
}

html.admin-light .field .float-field input:disabled + span {
  background: linear-gradient(to bottom, var(--surface) 50%, #f3f4f6 50%);
}

html.admin-light #otpPage .otp-input {
  color: #111418;
}

html.admin-light .loc-item:hover,
html.admin-light .loc-item.is-active {
  background: rgba(0, 0, 0, 0.05);
}

html.admin-light .loc-state {
  background: rgba(0, 0, 0, 0.08);
}