/* Hage Hosting visual layer for the exact uploaded HostBill Theme 2019 */
:root{--hh-green:#89c651;--hh-green-dark:#6eaa3c;--hh-dark:#202a33;--hh-dark2:#172028;--hh-text:#344054;--hh-muted:#667085;--hh-border:#e4e9ed;--hh-bg:#f5f7f8;--hh-white:#fff;--hh-radius:14px;--hh-shadow:0 8px 28px rgba(20,34,45,.08)}
body.template_2019{background:var(--hh-bg);color:var(--hh-text);-webkit-font-smoothing:antialiased}
/* top navigation */
.template_2019 .navbar.fixed-top{background:var(--hh-dark)!important;border:0!important;box-shadow:0 4px 20px rgba(0,0,0,.16)!important}
.template_2019 .navbar-left{background:var(--hh-dark2)!important;border-right-color:rgba(255,255,255,.08)!important}
.template_2019 .navbar-brand{display:flex;align-items:center;padding:7px 15px!important}
.template_2019 .navbar-brand img.hh-navbar-logo{max-height:43px!important;max-width:185px!important;width:auto!important;object-fit:contain}
.template_2019 .navbar .nav-link,.template_2019 .btn-left-navbar{color:#eef2f4!important}
.template_2019 .navbar .nav-link:hover,.template_2019 .btn-left-navbar:hover{color:var(--hh-green)!important}
.template_2019 .navbar-search .form-control{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important}
.template_2019 .navbar-search .input-group-text{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.08)!important;color:#c9d1d7!important}
.template_2019 .navbar-order .btn-success{background:var(--hh-green)!important;border-color:var(--hh-green)!important;color:#fff!important}
/* public website links */
.hh-public-nav{height:100%;align-items:center;gap:17px;margin:0 18px 0 8px;white-space:nowrap}
.hh-public-nav>a,.hh-public-parent{color:#eef2f4!important;font-size:12px;font-weight:700;text-decoration:none!important;display:flex;align-items:center;gap:2px;height:100%}
.hh-public-nav>a:hover,.hh-public-parent:hover{color:var(--hh-green)!important}
.hh-public-parent .material-icons{font-size:16px}
.hh-public-dropdown{position:relative;height:100%;display:flex;align-items:center}
.hh-public-dropdown-menu{position:absolute;top:calc(100% - 2px);left:-16px;width:285px;background:#fff;border:1px solid var(--hh-border);border-radius:12px;padding:8px;box-shadow:0 16px 42px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(7px);transition:.18s;z-index:2000}
.hh-public-dropdown:hover .hh-public-dropdown-menu{opacity:1;visibility:visible;transform:none}
.hh-public-dropdown-menu a{display:block!important;height:auto!important;padding:11px 12px;border-radius:9px;color:var(--hh-dark)!important;text-decoration:none!important}
.hh-public-dropdown-menu a:hover{background:#f0f8e9!important;color:var(--hh-green-dark)!important}
.hh-public-dropdown-menu strong,.hh-public-dropdown-menu small{display:block}.hh-public-dropdown-menu small{color:var(--hh-muted);font-size:10px;margin-top:2px}
/* sidebar */
.template_2019 aside.sidebar,.template_2019 .sidebar{background:#fff!important;border-right:1px solid var(--hh-border)!important;box-shadow:4px 0 20px rgba(20,34,45,.035)}
.template_2019 .sidebar .nav-link{color:#4b5965!important;border-radius:9px;margin:2px 9px;font-weight:600}
.template_2019 .sidebar .nav-link:hover{background:#f5f9f1!important;color:var(--hh-green-dark)!important}
.template_2019 .sidebar .nav-link.active,.template_2019 .sidebar .active>.nav-link{background:#edf7e5!important;color:var(--hh-green-dark)!important;font-weight:800}
.template_2019 .sidebar .nav-link.active .material-icons,.template_2019 .sidebar .active>.nav-link .material-icons{color:var(--hh-green)!important}
.template_2019 .sidebar-heading{color:#98a2ad!important;text-transform:uppercase;letter-spacing:.06em;font-size:10px!important;font-weight:800!important}
/* content/cards */
.template_2019 .body-content{background:var(--hh-bg)!important}
.template_2019 .card,.template_2019 .panel,.template_2019 .box,.template_2019 .widget,.template_2019 .ui.segment{border:1px solid var(--hh-border)!important;border-radius:var(--hh-radius)!important;box-shadow:var(--hh-shadow)!important;background:#fff!important}
.template_2019 .card-header,.template_2019 .panel-heading{background:#fff!important;border-bottom-color:var(--hh-border)!important;color:var(--hh-dark)!important;font-weight:800}
.template_2019 h1,.template_2019 h2,.template_2019 h3,.template_2019 h4,.template_2019 h5{color:var(--hh-dark)}
/* controls */
.template_2019 .btn{border-radius:9px;font-weight:700}
.template_2019 .btn-primary,.template_2019 .btn-success{background:var(--hh-green)!important;border-color:var(--hh-green)!important;color:#fff!important}
.template_2019 .btn-primary:hover,.template_2019 .btn-success:hover{background:var(--hh-green-dark)!important;border-color:var(--hh-green-dark)!important}
.template_2019 .badge-primary,.template_2019 .badge-success{background:var(--hh-green)!important}
.template_2019 a.text-primary,.template_2019 .text-primary{color:var(--hh-green-dark)!important}
.template_2019 .form-control,.template_2019 select,.template_2019 textarea{border-radius:9px;border-color:#d7dfe5}
.template_2019 .form-control:focus,.template_2019 select:focus,.template_2019 textarea:focus{border-color:var(--hh-green)!important;box-shadow:0 0 0 .2rem rgba(137,198,81,.14)!important}
.template_2019 .table thead th{color:var(--hh-dark);font-weight:800;border-bottom-color:var(--hh-border)}
/* login */
.template_2019 .section-signin .form-credentials,.template_2019 .section-passreminder .form-credentials{background:#fff;padding:34px;border:1px solid var(--hh-border);border-radius:18px;box-shadow:0 18px 50px rgba(20,34,45,.10)}
/* footer */
.hh-footer-content{margin-top:45px!important}.hh-footer{background:var(--hh-dark)!important;color:#aeb8c2!important}
.hh-footer-inner{max-width:1320px;width:calc(100% - 40px);margin:0 auto}.hh-footer-top{padding:48px 0 38px;background:var(--hh-dark)}
.hh-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:44px}.hh-footer-brand img{max-width:205px;max-height:58px;object-fit:contain;margin-bottom:15px}.hh-footer-brand p{max-width:390px;line-height:1.7;font-size:12px}
.hh-footer-column h4{color:#fff!important;font-size:13px;margin:0 0 15px;font-weight:800}.hh-footer-column a{display:block;color:#aeb8c2!important;text-decoration:none!important;font-size:12px;margin:0 0 9px}.hh-footer-column a:hover{color:var(--hh-green)!important}
.hh-footer-bottom{background:var(--hh-dark2);border-top:1px solid rgba(255,255,255,.06)}.hh-footer-bottom .hh-footer-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7f8b95}
@media(max-width:1390px){.hh-public-nav{gap:10px;margin-right:8px}.hh-public-nav>a,.hh-public-parent{font-size:11px}.template_2019 .navbar-search{max-width:180px}}
@media(max-width:991.98px){.template_2019 .navbar-brand img.hh-navbar-logo{max-width:150px!important}.hh-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:575.98px){.hh-footer-grid{grid-template-columns:1fr;gap:25px}.hh-footer-bottom .hh-footer-inner{padding:14px 0;align-items:flex-start;flex-direction:column;justify-content:center}.hh-footer-tagline{display:none}}


/* =========================================================
   V7 - REMOVE GLOBAL LEFT SIDEBAR
   Kept in external CSS so Smarty does not parse CSS braces.
   ========================================================= */
body.template_2019 .body-content{margin-left:0!important;width:100%!important;}
body.template_2019 .section-main{margin-left:0!important;width:100%!important;max-width:none!important;}
body.template_2019 > .sidebar,
body.template_2019 > .sidebar-overlay{display:none!important;}
body.template_2019 .top-navbar{margin-left:0!important;width:100%!important;}