/* Palette Alba Medica for the standalone development login. */
:root {
  --development-accent: #ff4b32;
  --development-accent-dark: #e93620;
  --development-accent-soft: #fff0ed;
  --development-blue: #0d6efd;
  --development-blue-dark: #0d6efd;
  --development-blue-soft: #e7f1ff;
  --development-ink: #203240;
  --development-text: #2d3748;
  --development-muted: #718096;
  --development-bg: #f5f8ff;
  --development-surface: #ffffff;
  --development-border: #e4e9f2;
  --rr-theme-1: var(--development-accent);
}

body.development-login-page {
  background: var(--development-bg);
  color: var(--development-text);
}

.development-login-page .rr-header-area,
.development-login-page .rr-header-2-top {
  background: var(--development-surface);
}

.development-login-page .rr-header-area {
  border-bottom: 1px solid var(--development-border);
  box-shadow: 0 2px 14px rgba(32, 50, 64, 0.06);
}

.development-login-page .rr-header-2-contat-icon span,
.development-login-page .rr-header-bar button,
.development-login-page .rr-header-2-top-info a:hover {
  color: var(--development-accent);
}

.development-login-page .reserved-login-card {
  border: 1px solid var(--development-border);
  box-shadow: 0 10px 35px rgba(32, 50, 64, 0.08);
}

.development-login-page .reserved-login-badge {
  background: var(--development-blue-soft);
  color: var(--development-blue);
}

.development-login-page .rr-contact-form-box h6,
.development-login-page .rr-section-title {
  color: var(--development-ink);
}

.development-login-page .rr-form-input-main .form-control,
.development-login-page .rr-form-input-main .nice-select {
  border-color: var(--development-border);
  color: var(--development-text);
}

.development-login-page .rr-form-input-main .form-control:focus,
.development-login-page .rr-form-input-main .nice-select:focus,
.development-login-page .rr-form-input-main .nice-select.open {
  border-color: var(--development-blue);
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.12);
}

.development-login-page .btn-outline-primary {
  border-color: var(--development-blue);
  color: var(--development-blue);
}

.development-login-page .btn-outline-primary:hover,
.development-login-page .btn-outline-primary:focus {
  background: var(--development-blue);
  border-color: var(--development-blue);
  color: #fff;
}

.development-login-page .rr-btn.rr-form-theme-bg,
.development-login-page #verifyUsernameOtpButtonBS,
.development-login-page #btn-cookie-accept {
  background: var(--development-accent);
  border-color: var(--development-accent);
  color: #fff;
}

.development-login-page .rr-btn.rr-form-theme-bg:hover,
.development-login-page .rr-btn.rr-form-theme-bg:focus,
.development-login-page #verifyUsernameOtpButtonBS:hover,
.development-login-page #verifyUsernameOtpButtonBS:focus,
.development-login-page #btn-cookie-accept:hover,
.development-login-page #btn-cookie-accept:focus {
  background: var(--development-accent-dark);
  border-color: var(--development-accent-dark);
  color: #fff;
}

.development-login-page .text-primary,
.development-login-page .nice-select .option.selected,
.development-login-page .nice-select .option.focus,
.development-login-page .nice-select .option:hover {
  color: var(--development-blue) !important;
}

.development-login-page .nice-select .option:hover,
.development-login-page .nice-select .option.focus {
  background: var(--development-blue-soft);
}

.development-login-page .modal-content {
  border-color: var(--development-border);
  box-shadow: 0 10px 35px rgba(32, 50, 64, 0.14);
}

.development-login-page .rr-footer-main {
  background: var(--development-ink);
}

.development-login-page .back-to-top-btn {
  background: var(--development-accent);
}

.development-login-page .back-to-top-btn:hover {
  background: var(--development-accent-dark);
}

@media (max-width: 575px) {
  .development-login-page .reserved-login-card {
    padding: 32px 20px;
  }
}

.development-login-page .reserved-login-card button[type="submit"].rr-btn:hover,
.development-login-page .reserved-login-card button[type="submit"].rr-btn:hover > span {
  color: #000;
}