/* Billing adapter for the approved main-site menu. Native WHMCS/Bootstrap markup and behavior stay intact. */
body.fgh-billing #header .main-navbar-wrapper{
 background:#101722!important;border:0!important;border-radius:0!important;
 margin:0!important;padding:0!important;width:100%;box-shadow:none!important;
}
body.fgh-billing #header .main-navbar-wrapper>.container{
 width:100%;max-width:1240px!important;padding-left:24px!important;padding-right:24px!important;
}
body.fgh-billing #mainNavbar>.navbar-nav>li>a{
 color:#eef4fc!important;font-size:15px!important;font-weight:600!important;line-height:20px!important;
 text-shadow:none!important;text-decoration:none!important;border-radius:0!important;
}
body.fgh-billing #mainNavbar>.navbar-nav>li>a:hover,
body.fgh-billing #mainNavbar>.navbar-nav>li>a:focus,
body.fgh-billing #mainNavbar>.navbar-nav>li.show>a{
 background:#1c2b40!important;color:#fff!important;
}
body.fgh-billing #mainNavbar>.navbar-nav>li.active>a{
 box-shadow:inset 0 -3px #ff6424!important;
}
body.fgh-billing #mainNavbar .dropdown-menu{
 background:#152033!important;border:1px solid #28384d!important;border-top:2px solid #ff6424!important;
 border-radius:0 0 6px 6px!important;min-width:245px;padding:5px 0!important;
 box-shadow:0 12px 25px rgba(5,18,36,.2)!important;margin-top:0!important;
}
/* WHMCS assigns dropdown-item to both the outer li and its inner anchor. */
body.fgh-billing #mainNavbar .dropdown-menu>li.dropdown-item{
 padding:0!important;margin:0!important;background:transparent!important;white-space:normal!important;
}
body.fgh-billing #mainNavbar .dropdown-menu a{
 display:block;color:#e5eef9!important;background:transparent!important;
 padding:12px 18px!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;
 text-decoration:none!important;white-space:normal!important;border-radius:0!important;
}
body.fgh-billing #mainNavbar .dropdown-menu a:hover,
body.fgh-billing #mainNavbar .dropdown-menu a:focus,
body.fgh-billing #mainNavbar .dropdown-menu .active>a,
body.fgh-billing #mainNavbar .dropdown-menu a.active{
 color:#fff!important;background:#243a55!important;
}
body.fgh-billing #mainNavbar .dropdown-menu .dropdown-divider{border-top-color:#304158!important}
body.fgh-billing #mainNavbar .dropdown-menu .disabled>a,
body.fgh-billing #mainNavbar .dropdown-menu a.disabled{color:#8797ac!important;background:transparent!important}
body.fgh-billing #mainNavbar a:focus-visible,
body.fgh-billing #header [data-target="#mainNavbar"]:focus-visible{
 outline:2px solid #ff985d!important;outline-offset:-3px!important;
}
/* Keep WHMCS's native navbar-expand-xl breakpoint and secondary account menu. */
@media(min-width:1200px){
 body.fgh-billing #mainNavbar{padding:0!important;align-items:stretch!important}
 body.fgh-billing #mainNavbar>.navbar-nav{align-items:stretch;min-height:56px}
 body.fgh-billing #mainNavbar>.navbar-nav>li>a{
  min-height:56px!important;padding:18px 16px!important;display:flex;align-items:center;justify-content:center;gap:7px;
 }
 body.fgh-billing #mainNavbar>#nav{min-width:0;flex:1 1 auto}
 body.fgh-billing #mainNavbar>#nav>li{flex:0 1 auto}
 body.fgh-billing #mainNavbar>.navbar-nav.ml-auto{flex:0 0 auto}
}
@media(max-width:1199px){
 body.fgh-billing #header .main-navbar-wrapper>.container{padding-left:22px!important;padding-right:22px!important}
 body.fgh-billing #mainNavbar{padding:0!important}
 body.fgh-billing #mainNavbar.show{padding:8px 0 14px!important}
 body.fgh-billing #mainNavbar>.navbar-nav>li{border-top:1px solid rgba(198,216,240,.1)}
 body.fgh-billing #mainNavbar>.navbar-nav>li>a{
  min-height:49px!important;display:flex;align-items:center;justify-content:space-between;
  padding:14px 10px!important;text-align:left!important;
 }
 body.fgh-billing #mainNavbar .dropdown-menu{
  position:static!important;float:none!important;width:100%;min-width:0;margin:0 0 10px!important;
  border:0!important;border-radius:6px!important;background:#1a283c!important;box-shadow:none!important;
 }
 body.fgh-billing #mainNavbar .dropdown-menu a{font-size:13px!important;padding:12px 15px!important}
 body.fgh-billing #mainNavbar>.navbar-nav.ml-auto{margin-left:0!important}
}
@media(prefers-reduced-motion:reduce){
 body.fgh-billing #header .main-navbar-wrapper .collapsing{transition:none!important}
}

body.fgh-billing #header .main-navbar-wrapper{border-bottom:1px solid #344a65!important}