/* Webcore outer shell styling.
 * Keeps HostBill behaviour/markup while matching the Webcore Panel shell.
 */

body.template_2019 {
    --wc-header:#2c302f;
    --wc-sidebar:#303433;
    --wc-shell-border:#3b403f;
    --wc-shell-text:#f5f7f6;
    --wc-shell-muted:#b3bcba;
    --wc-shell-hover:#393e3c;
    --wc-shell-blue:#0b82df;
    --wc-shell-green:#08aa83;
    font-family:Arial,Helvetica,sans-serif;
}

body.template_2019 .material-icons,
body.template_2019 .material-icons-outlined,
body.template_2019 .material-icons-round,
body.template_2019 .material-icons-sharp,
body.template_2019 .material-icons-two-tone {
    font-family:'Material Icons'!important;font-weight:normal!important;font-style:normal!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap!important;word-wrap:normal!important;direction:ltr!important;-webkit-font-feature-settings:'liga'!important;-webkit-font-smoothing:antialiased!important;font-feature-settings:'liga'!important;
}

body.template_2019 .navbar.fixed-top {min-height:64px;height:64px;padding:0;background:var(--wc-header)!important;border:0;border-bottom:1px solid var(--wc-shell-border);box-shadow:none;}
body.template_2019 .navbar-left {width:228px!important;min-width:228px!important;max-width:228px!important;min-height:64px;height:64px;margin:0!important;padding:0!important;display:flex;align-items:stretch;background:var(--wc-header)!important;border-right:1px solid var(--wc-shell-border);border-bottom:0!important;box-sizing:border-box;}
body.template_2019 .navbar-brand {min-width:0;flex:1 1 auto;min-height:64px;height:64px;margin:0!important;padding:0 14px!important;display:flex;align-items:center;}
body.template_2019 .navbar-brand img {width:154px!important;height:auto!important;max-width:154px!important;max-height:38px!important;margin:0!important;object-fit:contain;}
body.template_2019.sidenav-toggled .navbar-left,body.template_2019.sidenav-toggled .navbar-brand {display:flex!important;visibility:visible!important;opacity:1!important;}
body.template_2019.sidenav-toggled .navbar-left {width:228px!important;min-width:228px!important;max-width:228px!important;}
body.template_2019.sidenav-toggled .navbar-brand {min-width:0!important;flex:1 1 auto!important;width:auto!important;}
body.template_2019.sidenav-toggled .navbar-brand img {display:block!important;visibility:visible!important;opacity:1!important;width:154px!important;max-width:154px!important;}
body.template_2019 .btn-left-navbar,body.template_2019 .btn-toggler {flex:0 0 48px;min-width:48px;width:48px;min-height:64px;height:64px;margin:0!important;padding:0!important;line-height:1!important;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:#d8dddb!important;background:transparent!important;border:0!important;border-left:1px solid var(--wc-shell-border)!important;border-radius:0!important;box-sizing:border-box;}
body.template_2019 .btn-left-navbar:hover,body.template_2019 .btn-toggler:hover {color:#fff!important;background:var(--wc-shell-hover)!important;}
body.template_2019 .btn-left-navbar .material-icons,body.template_2019 .btn-toggler .material-icons {margin:0!important;padding:0!important;line-height:1!important;font-size:26px;color:inherit!important;}
body.template_2019 .navbar-body {min-height:64px;height:64px;flex:1 1 auto;align-items:stretch;background:var(--wc-header)!important;border-bottom:0!important;}

body.template_2019 .navbar-search {flex:1 1 auto;max-width:none;margin:0!important;padding:0 15px;display:flex;align-items:center;}
body.template_2019 .navbar-search .input-group {width:100%;max-width:none;height:38px;background:transparent!important;border:0!important;border-radius:0;overflow:visible;display:flex;align-items:center;}
body.template_2019 .navbar-search .input-group-text,body.template_2019 .navbar-search .form-control {height:38px;color:#e2e6e5!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.template_2019 .navbar-search .input-group-text {padding:0 8px 0 0;display:flex;align-items:center;justify-content:center;}
body.template_2019 .navbar-search .navbar-search-icon {height:38px;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0!important;line-height:1!important;}
body.template_2019 .navbar-search .navbar-search-icon .material-icons {display:block;margin:26px 0 0!important;padding:0!important;color:#aeb7b4;font-size:16px;line-height:1!important;}
body.template_2019 .navbar-search .form-control {padding:6px 3px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.2;font-weight:500;}
body.template_2019 .navbar-search .form-control::placeholder {color:#d3d8d6;opacity:1;}

body.template_2019 .navbar-order {height:64px;display:flex;align-items:stretch;border-left:1px solid var(--wc-shell-border);}
body.template_2019 .navbar-order-toggler {height:64px;min-height:64px;margin:0!important;padding:0 23px!important;display:flex;align-items:center;justify-content:center;color:#fff!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.2;font-weight:600;}
body.template_2019 .navbar-order-toggler:hover,body.template_2019 .navbar-order-toggler:focus {background:var(--wc-shell-hover)!important;}
body.template_2019 .navbar-order-toggler .material-icons {font-size:15px;}

body.template_2019 .navbar-menu,body.template_2019 ul.navbar-menu {height:64px;margin:0;align-items:stretch;}
body.template_2019 .navbar-menu .nav-item {min-height:64px;display:flex;align-items:stretch;}
body.template_2019 .navbar .navbar-body .navbar-menu .nav-link {min-width:56px;min-height:64px;height:64px;margin:0;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--wc-shell-text)!important;background:transparent;border:0;border-left:1px solid var(--wc-shell-border);border-radius:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
body.template_2019 .navbar .navbar-body .navbar-menu .nav-link:hover,body.template_2019 .navbar .navbar-body .navbar-menu .nav-link:focus {background:var(--wc-shell-hover);text-decoration:none;}
body.template_2019 .navbar .navbar-body .navbar-menu .nav-link>.material-icons {font-size:18px;}
body.template_2019 .navbar-menu-balance,body.template_2019 .navbar-menu-user {display:flex;flex-direction:column;justify-content:center;line-height:1.05;}
body.template_2019 .navbar-menu-balance small,body.template_2019 .navbar-menu-user small {font-size:12px;line-height:1.2;}
body.template_2019 .navbar-menu-balance .text-gray,body.template_2019 .navbar-menu-user .text-gray {color:#b8c0be!important;}
body.template_2019 .navbar-menu-user .text-dark {color:#fff!important;font-size:10px;font-weight:600;}
body.template_2019 .navbar-menu .badge,body.template_2019 .btn-left-navbar .badge {min-width:17px;height:17px;padding:3px 5px!important;display:inline-flex;align-items:center;justify-content:center;border-radius:2px!important;font-size:9px;line-height:1;}

body.template_2019 .sidebar {top:64px!important;min-height:calc(100vh - 64px)!important;background:var(--wc-sidebar)!important;color:#d7dcda;}
body.template_2019 .sidebar .nav,body.template_2019 .sidebar ul {margin-bottom:0;}
body.template_2019 .sidebar .nav-link,body.template_2019 .sidebar a {font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.2;font-weight:400;}
body.template_2019 .sidebar .nav-item>.nav-link {min-height:40px;padding-top:10px;padding-bottom:10px;background-color:#292d2c;}
/* Nested sidebar rows use the slightly roomier 12px vertical spacing. */
body.template_2019 .sidebar .nav .nav .nav-item>.nav-link,
body.template_2019 .sidebar ul ul .nav-item>.nav-link,
body.template_2019 .sidebar ul ul li>a {min-height:36px;padding-top:12px;padding-bottom:12px;font-size:13px;background-color:#303433;}
body.template_2019 .sidebar .nav-link .material-icons,body.template_2019 .sidebar .material-icons {font-size:16px;}
/* Match the Webcore Panel sidebar hover: a clearly lighter charcoal row. */
body.template_2019 .sidebar .nav-link:hover,
body.template_2019 .sidebar a:hover,
body.template_2019 .sidebar .nav-item>.nav-link:hover,
body.template_2019 .sidebar ul ul li>a:hover {background-color:#3a3f3e!important;color:#fff!important;}
/* Active always wins over hover/focus so the current page remains blue. */
body.template_2019 .sidebar .nav-link.active,
body.template_2019 .sidebar .nav-link.active:hover,
body.template_2019 .sidebar .nav-link.active:focus,
body.template_2019 .sidebar .active>.nav-link,
body.template_2019 .sidebar .active>.nav-link:hover,
body.template_2019 .sidebar .active>.nav-link:focus {background-color:var(--wc-shell-blue)!important;color:#fff!important;}
body.template_2019 .sidebar .sidebar-title,body.template_2019 .sidebar .nav-header,body.template_2019 .sidebar .menu-title,body.template_2019 .sidebar h6 {margin-top:16px;margin-bottom:6px;color:#c8cecc!important;font-family:Arial,Helvetica,sans-serif;font-size:10px!important;line-height:1.2;font-weight:400!important;letter-spacing:0;text-transform:uppercase;}

body.template_2019 .navbar .dropdown-menu,body.template_2019 .dropdown-order-items,body.template_2019 .navbar-search-results {border:1px solid #d8dde0;border-radius:2px;box-shadow:0 8px 24px rgba(0,0,0,.14);font-family:Arial,Helvetica,sans-serif;}
body.template_2019 .navbar .dropdown-item {font-size:12px;}
body.template_2019 .body-content {padding-top:0!important;}

@media (max-width:991.98px) {
    body.template_2019 .navbar.fixed-top,body.template_2019 .navbar-left {min-height:60px;height:60px;}
    body.template_2019 .navbar.fixed-top {border-bottom:0!important;}
    body.template_2019 .navbar-left {width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;border-bottom:0!important;}
    body.template_2019 .navbar-brand,body.template_2019 .btn-left-navbar,body.template_2019 .btn-toggler {min-height:60px;height:60px;}
    body.template_2019 .btn-left-navbar,body.template_2019 .btn-toggler {flex-basis:46px;width:46px;min-width:46px;margin:0!important;padding:0!important;}
    body.template_2019 .btn-left-navbar .material-icons,body.template_2019 .btn-toggler .material-icons {font-size:24px;}
    body.template_2019 .navbar-brand img {width:136px!important;max-width:136px!important;max-height:33px!important;}
    body.template_2019 .navbar-body {min-height:48px!important;height:48px!important;padding:0!important;align-items:stretch!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important;}
    body.template_2019 .navbar-body .navbar-search {min-height:48px!important;height:48px!important;margin:0!important;padding:0 12px!important;align-items:center!important;}
    body.template_2019 .navbar-body .navbar-search .input-group,body.template_2019 .navbar-body .navbar-search .input-group-text,body.template_2019 .navbar-body .navbar-search .form-control,body.template_2019 .navbar-body .navbar-search .navbar-search-icon {height:32px!important;min-height:32px!important;}
    body.template_2019 .navbar-body .navbar-search .navbar-search-icon .material-icons {margin:0!important;}
    body.template_2019 .navbar-body .navbar-menu,body.template_2019 .navbar-body ul.navbar-menu {min-height:48px!important;height:48px!important;margin:0!important;padding:0!important;align-items:stretch!important;}
    body.template_2019 .navbar-body .navbar-menu .nav-item {min-height:48px!important;height:48px!important;}
    body.template_2019 .navbar .navbar-body .navbar-menu .nav-link {min-height:48px!important;height:48px!important;padding:0 10px!important;}
    body.template_2019 .body-content {padding-top:0!important;}
    body.template_2019 .sidebar {top:60px!important;min-height:calc(100vh - 60px)!important;}
}