/* custom css */

/* define color variables */

:root {
    --dark-blue: #001744;
    --dark-gray: #101013;
    --light-gray: #293041;
    --light-bg-color: #f0f6ff;
    --light-text-color: #acf;
  }

  body {
    background-color: var(--light-bg-color);
  }

  .btn-primary {
    background-color: var(--dark-blue) !important;
    border-color: var(--dark-blue) !important;
  }
  .btn-primary:hover {
    background-color: var(--dark-blue) !important;
    border-color: var(--dark-blue) !important;
  }

  .bs-stepper .step.active .bs-stepper-circle {
    background-color: var(--dark-blue);
  }
  .bs-stepper .step.crossed .step-trigger .bs-stepper-circle {
    background-color: var(--dark-blue);
  }
  .bs-stepper .step.crossed .step-trigger .bs-stepper-circle {
    color: var(--dark-blue) !important;
  }
  .bg-menu-theme {
    background-color: var(--light-gray) !important;
  }

  .bg-menu-theme .menu-link {
    color: var(--light-text-color) !important;
  }
  html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover {
    background-color: var(--dark-blue) !important;
  }
  .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: var(--dark-blue) !important;
  }

  .bs-stepper.vertical .bs-stepper-content .content:not(.active) {
    display: block !important;
  }
  .bs-stepper.vertical .bs-stepper-pane:not(.fade),
  .bs-stepper.vertical .content:not(.fade) {
    visibility: visible !important;
  }

  .header {
    background-color: var(--dark-blue) !important;
    padding: 20px; /* Adjust the padding as needed */
  }
  .radio-check, .radio-check-inline{
    display: inline-block;
    min-height: 0 !important;
    padding-left: 0 !important;
  }
  .radio-check + .label {
    display: inline-block;
  }