/* OnlineEFD legacy crimson, navy and white palette. */
@media screen {
  .vfd-ui {
    --vfd-accent: #282870;
    --vfd-accent-hover: #1e1e54;
    --vfd-accent-soft: #fbecef;
  }

  .vfd-ui .sidebar { background: #fff !important; border-right: 1px solid var(--vfd-line); }
  .vfd-ui .sidebar .sidebar-brand-text,
  .vfd-ui .sidebar .sidebar-heading,
  .vfd-ui .sidebar .nav-item .nav-link,
  .vfd-ui .sidebar .nav-item .nav-link i { color: var(--vfd-accent) !important; }
  .vfd-ui .sidebar .nav-item .nav-link { border-bottom: 1px solid #de0a26; }
  .vfd-ui .sidebar .nav-item .nav-link:hover,
  .vfd-ui .sidebar .nav-item .nav-link.active { background: var(--vfd-accent-soft); }
  .vfd-ui .sidebar .nav-item .nav-link.active { box-shadow: inset 3px 0 #c41e3a; }
  .vfd-ui .sidebar #sidebarToggle { background: #c41e3a; }
  .vfd-ui .sidebar #sidebarToggle::after { color: #fff; }
  .vfd-ui .topbar .btn-g-search { background: #282870 !important; border-color: #282870 !important; color: #fff !important; }
  .vfd-ui .form-control:focus,
  .vfd-ui .form-select:focus { box-shadow: 0 0 0 3px #28287026; }
  .turbo-progress-bar { background: #c41e3a; }

  .onlineefd-auth { background: #c41e3a !important; }
  .onlineefd-auth .card { background: #fff !important; }
  .onlineefd-auth .text-dark,
  .onlineefd-auth a:not(.btn) { color: #282870 !important; }
  .onlineefd-auth .btn-primary { background: #282870 !important; border-color: #282870 !important; color: #fff !important; }
  .onlineefd-auth .btn-primary:hover { background: #1e1e54 !important; }
  .onlineefd-auth .form-control { background: #fff !important; border-color: #6773a0 !important; color: #233647 !important; }
  .onlineefd-auth .form-control::placeholder { color: #617183; opacity: 1; }
  .onlineefd-auth :is(a, button, input):focus-visible { outline: 3px solid #282870; outline-offset: 3px; }
}