/* Keep HostBill's real menu links, but place the navigation in a left rail
   instead of a second header row. The same menu becomes a drawer on mobile. */
body.template_2019 .sidebar {
  display: block !important;
  position: fixed !important;
  float: none !important;
  top: 76px !important;
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: 244px !important;
  min-height: 0 !important;
  height: calc(100vh - 76px) !important;
  margin: 0 !important;
  transform: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 1020 !important;
  scrollbar-width: thin;
  border: 0 !important;
  border-right: 1px solid var(--arc-line) !important;
}
body.template_2019 .navbar .navbar-left {
  background: #fff !important;
  width: auto !important;
  flex: 0 0 auto !important;
}
body.template_2019 .sidebar .sidebar-wrap {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 18px 12px 30px !important;
  overflow: visible !important;
}
body.template_2019 .sidebar .sidebar-heading {
  display: block !important;
  margin: 18px 11px 5px !important;
  padding: 0 !important;
  color: var(--arc-muted) !important;
  font: 700 .65rem Rubik, Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.template_2019 .sidebar .nav {
  flex-direction: column !important;
  align-items: stretch;
  width: 100%;
  margin: 0 0 9px !important;
  gap: 2px;
}
body.template_2019 .sidebar .nav-item > .nav-link,
body.template_2019 .sidebar .sidebar-services-link {
  display: flex !important;
  align-items: center;
  width: 100%;
  white-space: normal !important;
  padding: 10px 12px !important;
  line-height: 1.35;
}
body.template_2019 .sidebar .nav-link .material-icons {
  flex: 0 0 auto;
  margin-right: 6px !important;
}
body.template_2019 .body-content,
body.template_2019 .footer-content,
body.template_2019.sidenav-toggled .body-content,
body.template_2019.sidenav-toggled .footer-content {
  margin-left: 244px !important;
  margin-right: 0 !important;
}
body.template_2019 .body-content {
  margin-top: 76px !important;
}
body.template_2019 .body-content .section-main {
  margin: 0 auto 30px !important;
}
body.template_2019 .dropdown-order-items,
body.template_2019.sidenav-toggled .dropdown-order-items {
  left: 0 !important;
}
body.template_2019 .sidebar .nav-item {
  position: relative;
}
body.template_2019 .sidebar .collapse.show {
  position: static;
  min-width: 0;
  padding: 5px 0 5px 14px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body.template_2019 .sidebar .collapse.show .nav {
  display: flex;
}
body.template_2019 .sidebar-overlay {
  display: none !important;
}
body.template_2019 .navbar .arc-header-message .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.template_2019 .navbar .arc-header-message .material-icons {
  font-size: 21px;
}
@media (max-width: 991px) {
  body.template_2019 .navbar .btn-toggler {
    display: inline-flex !important;
    align-items: center;
    cursor: pointer;
  }
  body.template_2019 .sidebar {
    top: 76px !important;
    width: min(310px, calc(100vw - 34px)) !important;
    height: calc(100vh - 76px) !important;
    transform: translateX(-110%) !important;
    transition: transform .2s ease;
    z-index: 1050 !important;
    box-shadow: 12px 8px 30px rgba(0,0,0,.22) !important;
  }
  body.template_2019.arc-mobile-nav-open .sidebar {
    transform: translateX(0) !important;
  }
  body.template_2019.arc-mobile-nav-open .sidebar-overlay {
    display: block !important;
    position: fixed;
    inset: 76px 0 0;
    z-index: 1040;
    background: rgba(8,15,30,.55);
  }
  body.template_2019 .body-content,
  body.template_2019 .footer-content,
  body.template_2019.sidenav-toggled .body-content,
  body.template_2019.sidenav-toggled .footer-content {
    margin-left: 0 !important;
  }
  body.template_2019 .body-content {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  body.template_2019 .sidebar {
    top: 64px !important;
    height: calc(100vh - 64px) !important;
  }
  body.template_2019.arc-mobile-nav-open .sidebar-overlay {
    top: 64px;
  }
}

/* Arc blue revision: clear blue surfaces, with white cards kept for readable
   account tables, forms and checkout controls. */
body.template_2019,
body.template_2019 .body-content {
  background: #eaf2ff !important;
}
body.template_2019 .navbar.fixed-top {
  background: linear-gradient(105deg, #1769e0 0%, #0d4fb9 100%) !important;
  border-bottom-color: #0d4fb9;
  box-shadow: 0 8px 22px rgba(13, 79, 185, .19);
}
body.template_2019 .navbar .navbar-left {
  background: transparent !important;
}
body.template_2019 .navbar .btn-left-navbar,
body.template_2019 .navbar .navbar-menu > .nav-item > .nav-link,
body.template_2019 .navbar .navbar-menu-user .text-dark,
body.template_2019 .navbar .navbar-menu-user .text-gray {
  color: #fff !important;
}
body.template_2019 .navbar .navbar-menu > .nav-item > .nav-link:hover,
body.template_2019 .navbar .btn-left-navbar:hover {
  color: #dceaff !important;
}
body.template_2019 .navbar .dropdown-menu {
  background: #fff;
  border: 1px solid #cbdcf5;
  box-shadow: 0 18px 40px rgba(13, 79, 185, .18);
}
body.template_2019 .navbar .dropdown-menu .dropdown-item {
  color: #14243d !important;
}
body.template_2019 .navbar .dropdown-menu .dropdown-item:hover {
  background: #eaf2ff;
  color: #0d4fb9 !important;
}
body.template_2019 .sidebar {
  background: #dceaff !important;
  border-right-color: #b9d3fc !important;
}
body.template_2019 .sidebar .nav-item > .nav-link,
body.template_2019 .sidebar .sidebar-services-link {
  color: #164988 !important;
}
body.template_2019 .sidebar .nav-link.active,
body.template_2019 .sidebar .sidebar-services-link.active {
  background: #1769e0 !important;
  color: #fff !important;
  box-shadow: 0 5px 13px rgba(23, 105, 224, .2) !important;
}
body.template_2019 .sidebar .nav-link.active .material-icons {
  color: #fff !important;
}
body.template_2019 .arc-hero {
  background: linear-gradient(110deg, #1769e0 0%, #1057c7 100%);
  color: #fff;
  border: 0;
  border-radius: 14px;
  padding: 30px 34px;
  box-shadow: 0 16px 35px rgba(23, 105, 224, .18);
}
body.template_2019 .arc-hero h1,
body.template_2019 .arc-hero h2,
body.template_2019 .arc-hero .arc-eyebrow,
body.template_2019 .arc-hero .text-secondary,
body.template_2019 .arc-hero .text-muted {
  color: #fff !important;
}
body.template_2019 .arc-hero .arc-eyebrow {
  opacity: .78;
}
body.template_2019 .arc-hero .btn-primary {
  background: #fff !important;
  border-color: #fff !important;
  color: #0d4fb9 !important;
}
body.template_2019 .card-header {
  background: #eaf2ff !important;
  border-bottom-color: #c9ddfb !important;
}
body.template_2019 .orderpage,
body.template_2019 .default-cart,
body.template_2019 .cart-default-listing {
  background: transparent;
}
@media (max-width: 767px) {
  body.template_2019 .arc-hero {
    padding: 23px 20px;
  }
}