.footer{background-color:transparent;color:#000;} 
.footer .nav-link{color:#000} 
.footer .btn{background-color:#DD9933;color:#fff;} 

.card-header{background-color:#0C0C19;border-bottom:1px solid #0C0C19;color:#fff;} 
.client-home-cards .card-header{background-color:#0C0C19;} 
.client-home-cards .card-body {padding-top:20px;} 

.sidebar .list-group-item.active,
.sidebar .list-group-item.active:focus,
.sidebar .list-group-item.active:hover{
    background-color:#000;
    border-color:#fff
} 

header.header .topbar{background-color:#000;color:#fff;} 
header.header .topbar .btn{color:#fff;} 
header.header .topbar .active-client .input-group-text{color:#fff;} 
header.header .topbar .active-client .btn{color:#fff;} 

.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc{
    background-color:#0C0C19; 
    color:#fff;
} 

p:has(a[href*="whmcs.com"]) {
  color: #fff !important;
  text-align: center;
}


table.table-list thead th{
    background-color:#0C0C19;
    border-bottom:1px solid #0C0C19;
    color:#fff;
} 

.page-item.active .page-link,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    background-color:#0C0C19;
    border-color:#0C0C19
} 

.navbar-light,.main-navbar-wrapper {
    background-color:#0C0C19; 
    color:#fff;
} 
.navbar-light a,.navbar a{color:#fff} 
.navbar li a,.navbar li a:link,.navbar li a:active,.navbar li a:visited{color:#fff;} 
.navbar li a:focus,.navbar li a:hover{color:#fff; test-decoration:none;} 

.dropdown-menu {margin-top:15px;} 
.dropdown-menu,
.dropdown-menu a:link,
.dropdown-menu a:active,
.dropdown-menu a:visited {
    color:#000 !important
} 
.dropdown-menu:hover {color:#999 !important} 

.primary-content .card-body { 
    overflow: inherit; 
} 

.sidebar-menu-item-label { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 100%; 
} 

h2 {color:#DD9933;} 

.btn-defaut,.btn-success,.btn-success,.btn-primary {
    color:#fff; 
    border:0px; 
    background-color:#DD9933 !important;
} 

body,html {
    background-color:radial-gradient(circle at center, #0f0f1c, #0c0c18) !important;
}

.navbar-light .navbar-nav.toolbar {
  display: flex;
  justify-content: flex-end; /* or flex-start or center depending on where you want it */
  padding: 10px;
}

.navbar-light .navbar-nav.toolbar .nav-item {
  margin-left: auto; /* pushes the button to the right */
}

.navbar-light .btn.nav-link.collapsed {
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ccc; /* to keep the box but make it subtle */
}
.header-flex-container {
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
}

@media (max-width: 991.98px) {
  .navbar-light .nav-item.ml-3 {
    display: none !important;
  }
}
.d-flex {
  display: flex !important;
}
.align-items-center {
  align-items: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
/* Dark hamburger icon for mobile navbar in WHMCS */
#pxl-header-mobile .nav-link.collapsed .fas.fa-bars {
  color: #fff !important;  /* Ensures the icon shows up dark */
font-size: 1.4rem !important; /* Default is usually around 1rem */
}

#mainNavbar.collapse a:hover {
  color: #fff;
  text-decoration: underline;
}

#mainNavbar.collapse.show {
  background-color: #2a2a2a;
  /* other styles */
}
/* === Custom Top Bar Styling === */
section.top-bar-fr {
    background: var(--secondary-bg);
    padding-top: 5px;
    padding-bottom: 0px;
    position: relative;
    z-index: 1; /* keep below header/logo */
    overflow: visible; /* prevent clipping and allow clicks */
    background: radial-gradient(circle at center, #0f0f1c, #0c0c18);
}

section.top-bar-fr .container {
    padding: 0px 0px;
    border-bottom: 1px solid #a09e9e5c;
    padding-bottom: 18px;
}

.uabb-btn-horizontal {
    display: inline-block;
    width: 41%;
    overflow: hidden;
}

.uabb-btn-horizontal.uabb-dual-button-one {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.uabb-btn-horizontal.uabb-dual-button-two {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

a.uabb-btn {
    color: #fff;
    padding: 2px 6px;
    text-align: center;
    display: block;
    text-decoration: none;
    transition: all 0.4s;
    width: 100%;
    height: 100%;
}

li.active a {
    background-color: #f56728;
}

/* green */
.tob-bar-contents.green a.uabb-btn:hover {
    background-color: #66af5b;
    text-decoration: none;
}
.tob-bar-contents.green .uabb-btn {
    border: 2px solid #66af5b;
}
.uabb-dual-button-one a.uabb-btn {
    border-right-width: 1px !important;
}

/* discord */
.tob-bar-contents.discord a.uabb-btn:hover {
    text-decoration: none;
    background-color: #7289da;
}
.tob-bar-contents.discord .uabb-btn {
    border: 2px solid #7289da;
}

/* orange */
.tob-bar-contents.orange a.uabb-btn:hover {
    background-color: #f37137;
    text-decoration: none;
}
.tob-bar-contents.orange .uabb-btn {
    border: 2px solid #f37137;
}

.pxl-menu-primary {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 25px;
}

.pxl-menu-primary .nav-item .nav-link {
    color: white;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.pxl-menu-primary .nav-item .nav-link:hover {
    color: #00bfff;
}

.card-body {
  background-color: #f8f9fa !important;  /* Light grey background */
}