@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');









  body {









    font-family: 'Outfit', 'Trebuchet MS', sans-serif;









  }









  .menu-header-row {









    background: linear-gradient(130deg, #f7fbff, #eef5ff);









    padding: 10px 12px;









    margin: 0;









  }









  .menu-title {









    margin: 0;









    font-size: 18px;









    color: #14325a;









    font-weight: 700;









  }









  .menu-user-tools {









    text-align: right;









    font-size: 13px;









    color: #405772;









    display: flex;









    align-items: center;









    justify-content: flex-end;









    gap: 8px;









    flex-wrap: wrap;









  }









  .menu-user-tools a {









    color: #0d5bc2;









    font-weight: 600;









    text-decoration: none;









    margin-right: 8px;









  }









  .menu-user-tools a:hover {









    text-decoration: underline;









  }









  .current-user-badge {









    display: inline-flex;









    align-items: center;









    gap: 6px;









    padding: 5px 10px;









    border-radius: 999px;









    background: var(--taj-theme-color);









    color: #ffffff;









    font-weight: 700;









    font-size: 12px;









    letter-spacing: .2px;









    border: 1px solid rgba(255,255,255,.38);









    box-shadow: 0 2px 8px rgba(10, 54, 106, .32);









    max-width: 240px;









    white-space: nowrap;









    overflow: visible;









    text-overflow: ellipsis;









  }









  .sync-mini {









    display: inline-flex;









    align-items: center;









    gap: 6px;









    min-width: 170px;









    padding: 4px 8px;









    border: 1px solid #c9dbf5;









    background: #f6faff;









    border-radius: 8px;









    font-size: 11px;









    color: #24496f;









  }









  .sync-mini.d-none {









    display: none !important;









  }









  .sync-mini-track {









    display: inline-block;









    width: 70px;









    height: 6px;









    background: #dfeafb;









    border-radius: 999px;









    overflow: visible;









    vertical-align: middle;









  }









  .sync-mini-bar {









    display: block;









    height: 6px;









    width: 0%;









    background: linear-gradient(90deg, #0f62c8, #2f86e6);









  }









  .sync-mini-text {









    white-space: nowrap;









    font-weight: 600;









  }









  .menu-bar {









    background: linear-gradient(90deg, #0a448e, #0f66cf 45%, #2d89ea);









    border: 1px solid #0c4f9d;









    border-radius: 0px 0px 10px 12px !important;









    box-shadow: 0 10px 22px rgba(10, 50, 97, 0.22);









    padding: 8px 4px;









    align-items: center;









  }









  .menu-bar .navbar-collapse {









    display: flex;









    align-items: baseline;









    flex-wrap: wrap;









    gap: 6px;









  }









  .menu-bar .navbar-nav {









    gap: 2px;









    align-items: center;









  }









  .menu-bar .nav-item {









    display: flex;









    align-items: center;









  }









  .menu-bar .nav-link {









    color: #fff;









    font-size: 13px;









    padding: 0.35rem 0.35rem;









    font-weight: 600;









    border-radius: 8px;









    line-height: 1.5;









    display: flex;









    align-items: center;









  }









  .menu-bar .nav-link:hover {









    background-color: rgba(255, 255, 255, 0.18);









  }









  .dropdown-menu {









    background-color: #f8fbff !important;









    border: 1px solid #d7e2f2;









    box-shadow: 0 10px 18px rgba(17, 49, 84, 0.16);









    border-radius: 10px;









    padding: 6px;









  }









  .dropdown-submenu > .dropdown-menu {









    background-color: #f2f7ff !important;









  }









  .dropdown-submenu .dropdown-submenu > .dropdown-menu {









    background-color: #ecf3ff !important;









  }









  .dropdown-item {









    border-radius: 8px;









    font-size: 13px;









    color: #173a64;









    padding-top: 6px;









    padding-bottom: 6px;









  }









  .dropdown-menu .dropdown-item:hover {









    background-color: #ddeaff !important;









    color: #0d56b5;









  }









  .dropdown-submenu {









    position: relative;









  }









  .dropdown-submenu > .dropdown-menu {









    top: 0;









    left: 100%;









    margin-top: -1px;









    display: none;









  }









  .dropdown-submenu.show > .dropdown-menu {









    display: block;









  }









  @media (min-width: 992px) {









    .dropdown-submenu:hover > .dropdown-menu {









      display: block;









    }









  }









  #menuSearch {









    border: 1px solid #8eb6ea;









    background: rgba(255, 255, 255, 0.96);









    border-radius: 9px;









    height: 34px;









    line-height: 34px;









    width: 160px;









    flex: 0 0 auto;









    order: -1;









    margin-right: 10px;









    padding: 0 10px;









    color: #133256;









    font-size: 13px;









    vertical-align: middle;









    align-self: center;









  }









  #menuSearch:focus {









    outline: 0;









    border-color: #c8ddfb;









    box-shadow: 0 0 0 3px rgba(229, 239, 255, 0.5);









  }









  #login-as {









    border: 1px solid #8eb6ea;









    border-radius: 8px;









    height: 34px;









    line-height: 34px;









    padding: 0 8px;









    margin-left: 6px;









    background: #fff;









    vertical-align: middle;









    align-self: center;









    font-size: 12px;









    color: #133256;









    cursor: pointer;









    box-shadow: 0 3px 8px rgba(10, 50, 97, 0.12);









    outline: none;









    appearance: auto;









  }









  #login-as:focus {









    border-color: #0f66cf;









    box-shadow: 0 0 0 3px rgba(15, 102, 207, 0.18);









  }









  #login-as option {









    background: #fff;









    color: #133256;









    padding: 6px 8px;









    border-radius: 0 0 8px 8px;









  }









  #login-as option:last-child {









    border-radius: 0 0 10px 10px;









  }









  .allowed-stores {









    display: block;









    margin-top: 8px;









    font-size: 12px;









    color: #203654;









  }









  #allowed-store-select {









    display: inline-block;









    width: auto;









    min-width: 150px;









    margin-left: 0;









    border: 1px solid #8eb6ea;









    border-radius: 8px;









    padding: 4px 6px;









    background: #fff;









  }









  .allowed-stores a {









    color: #0d5bc2;









    font-weight: 600;









    text-decoration: none;









  }









  .allowed-stores a:hover {









    text-decoration: underline;









  }









  .mobile-back-row {









    display: none;









  }









  @media (max-width: 991.98px) {









    body {









      background: #f3f6fb;









    }









    .menu-header-row {









      padding: 9px 10px;









      border-radius: 0 0 10px 10px;









    }









    .dropdown-submenu > .dropdown-menu {









      position: relative;









      left: 0;









      display: none;









    }









    .dropdown-submenu.show > .dropdown-menu {









      display: block !important;









    }









    #menuSearch {









      min-width: 100%;









      width: 100%;









      margin: 8px 0 0;









      height: 38px;









      border: 1px solid #bcd0ea;









      border-radius: 10px;









      background: #fff;









      padding: 8px 4px;









    }









    .menu-title {









      font-size: 16px;









      margin-bottom: 6px;









    }









    .menu-user-tools {









      text-align: left;









      justify-content: flex-start;









      width: 100%;









      gap: 6px;









    }









    .menu-user-tools a {









      margin-right: 0;









    }









    .current-user-badge {









      width: 100%;









      max-width: none;









      justify-content: center;









      font-size: 13px;









      padding: 7px 10px;









    }









    #allowed-store-select {









      width: 100%;









      min-width: 0;









    }









    .sync-mini {









      width: 100%;









      justify-content: space-between;









    }









    .menu-bar {









      padding: 8px 4px;









      background: #0f4f9e;









      border: 0;









      border-radius: 10px;









    }









    .menu-bar .navbar-toggler {









      border-color: rgba(255,255,255,.45);









      padding: 6px 10px;









      min-height: 40px;









      display: flex;









      align-items: center;









      justify-content: space-between;









      gap: 8px;









      font-weight: 600;









      color: #fff;









      width: 100%;









    }









    .menu-bar .navbar-collapse {









      margin-top: 8px;









      background: #ffffff;









      border: 1px solid #d8e4f5;









      border-radius: 10px;









      padding: 10px 16px 10px 0px;









      max-height: 72vh !important;









      overflow-y: auto !important;






      overflow-x: hidden !important;









      scrollbar-width: auto !important;









      scrollbar-color: #0066cc #e8e8e8 !important;







    }







    .menu-bar .navbar-collapse::-webkit-scrollbar {







      width: 10px;







    }







    .menu-bar .navbar-collapse::-webkit-scrollbar-track {







      background: #e8e8e8;







    }







    .menu-bar .navbar-collapse::-webkit-scrollbar-thumb {







      background: #0066cc;







      border-radius: 5px;







    }







    .menu-bar .navbar-collapse::-webkit-scrollbar-thumb:hover {







      background: #0052a3;







    









    }









    .menu-bar .navbar-collapse.collapse:not(.show) {









      display: none !important;









    }









    .menu-bar .navbar-collapse.collapse.show {









      display: block !important;









      width: 100%;









    }









    .menu-bar .navbar-nav {









      width: 100%;









    }









    .menu-bar .navbar-nav > li,









    .menu-bar .dropdown-menu > li,









    .menu-bar .dropdown-submenu {









      width: 100%;









    }









    .menu-bar .nav-link {









      display: block;









      width: 100%;









      padding: 11px 6px;









      min-height: 44px;









      border-radius: 8px;









      background: #f6f9ff;









      color: #0d3f82 !important;









      font-weight: 600;









      margin-bottom: 6px;









      border: 1px solid #dce8f8;









    }









    .menu-bar .nav-link:hover,









    .menu-bar .nav-link:focus {









      background: #eaf2ff;









      color: #0b2f62 !important;









    }









    .menu-bar .nav-link.dropdown-toggle::after {









      float: right;









      margin-top: 8px;









    }









    .menu-bar .dropdown-menu {









      position: static !important;









      inset: auto !important;









      transform: none !important;









      float: none;









      width: 100%;









      min-width: 100% !important;









      margin-top: -2px;









      box-shadow: none;









      border-radius: 10px;









      padding: 0;









      border: 1px solid #dce8f8;









      background: #fcfdff;









    }









    .menu-bar .dropdown-menu.show {









      display: block !important;









    }









    .mobile-back-row {









      display: none;









      margin-bottom: 8px;









    }









    .mobile-back-btn {









      border: 1px solid #c9dbf5;









      background: #eef5ff;









      color: #0b3d80;









      font-weight: 600;









      border-radius: 8px;









      padding: 8px 4px;









      font-size: 13px;









      width: 100%;









      text-align: left;









    }









    .mobile-back-btn:hover {









      background: #e1edff;









    }









    .menu-bar .nav-item.dropdown,









    .menu-bar .dropdown-submenu {









      position: static !important;









    }









    .menu-bar .dropdown-submenu > .dropdown-menu {









      padding-left: 0;









      margin-top: 2px;









      border-left: 0;









      background: #ffffff;









    }









    .menu-bar .dropdown-item {









      display: block;









      width: 100%;









      white-space: normal;









      line-height: 1.35;









      padding: 10px 12px;









      min-height: 42px;









      font-size: 14px;









      border-radius: 0;









      color: #163a66;









    }









    .menu-bar .dropdown-item.dropdown-toggle {









      background: #f2f7ff;









      border: 0;









      border-bottom: 1px solid #e2ecfa;









      font-weight: 600;









      margin-bottom: 0;









    }









    .menu-bar .dropdown-item.dropdown-toggle::after {









      float: right;









      margin-top: 8px;









    }









    .menu-bar .dropdown-submenu > a.dropdown-toggle::after {









      float: right;









      margin-top: 8px;









    }









    .menu-bar .navbar-nav > .nav-item {









      border-bottom: 1px solid rgba(255,255,255,.12);









      padding-bottom: 2px;









      margin-bottom: 2px;









    }









    .menu-bar .navbar-nav > .nav-item:last-child {









      border-bottom: 0;









      margin-bottom: 0;









      padding-bottom: 0;









    }









    .menu-bar .dropdown-menu-end {









      right: auto;









      left: 0;









    }









  }









  @media (max-width: 575.98px) {









    .menu-title {









      font-size: 14px;









    }









  }