/*!
 * NUCLEAR OVERRIDE - KILL ALL WHITE BACKGROUNDS
 * This loads AFTER theme.css and custom.css
 */

/* TILES FIX - These fuckers have hardcoded #f8f8f8 background */
html body .tiles .tile,
.tiles .tile {
    background-color: #0a0a0a !important;
    background: #0a0a0a !important;
    border-right: 1px solid rgba(0, 255, 136, 0.2) !important;
    color: #ffffff !important;
}

.tiles .tile:hover {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
}

.tiles .tile .stat {
    color: #00ff88 !important;
}

.tiles .tile .title {
    color: #aaa !important;
}

/* OVERRIDE THEME.CSS BG-COLOR CLASSES */
html body .bg-color-gold,
.bg-color-gold {
    background-color: rgba(255, 193, 7, 0.1) !important;
    background: rgba(255, 193, 7, 0.1) !important;
}

html body .bg-color-green,
.bg-color-green {
    background-color: rgba(0, 255, 136, 0.15) !important;
    background: rgba(0, 255, 136, 0.15) !important;
}

html body .bg-color-red,
.bg-color-red {
    background-color: rgba(255, 68, 68, 0.1) !important;
    background: rgba(255, 68, 68, 0.1) !important;
}

html body .bg-color-blue,
.bg-color-blue {
    background-color: rgba(0, 255, 136, 0.1) !important;
    background: rgba(0, 255, 136, 0.1) !important;
}

/* KILL ALL #fff BACKGROUNDS FROM THEME.CSS */
body {
    background-color: #000000 !important;
}

/* Tables that theme.css makes white */
.table {
    background-color: transparent !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* Form controls theme.css tries to make white */
.form-control,
html body .form-control {
    background-color: #1a1a1a !important;
}

/* Breadcrumbs */
.breadcrumb {
    background-color: transparent !important;
}

/* Alerts that might be light */
.alert-warning {
    background-color: rgba(255, 193, 7, 0.1) !important;
    border-color: rgba(255, 193, 7, 0.3) !important;
    color: #ffc107 !important;
}

.alert-light {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(0, 255, 136, 0.2) !important;
    color: #aaa !important;
}

/* Pagination */
.page-item .page-link {
    background-color: #0a0a0a !important;
    border-color: rgba(0, 255, 136, 0.2) !important;
    color: #aaa !important;
}

.page-item.active .page-link {
    background-color: #00ff88 !important;
    border-color: #00ff88 !important;
    color: #000 !important;
}

/* List groups */
.list-group-item {
    background-color: #0a0a0a !important;
    border-color: rgba(0, 255, 136, 0.1) !important;
    color: #aaa !important;
}

/* Progress bars */
.progress {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* OVERRIDE ALL WHITE/LIGHT INLINE STYLES */
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: white"],
[style*="background-color:white"],
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: white"],
[style*="background:white"] {
    background-color: #0a0a0a !important;
    background: #0a0a0a !important;
}

/* Light grays that appear white */
[style*="background-color: #f8f9fa"],
[style*="background-color:#f8f9fa"],
[style*="background-color: #f8f8f8"],
[style*="background-color:#f8f8f8"],
[style*="background: #f8f9fa"],
[style*="background:#f8f9fa"],
[style*="background: #f8f8f8"],
[style*="background:#f8f8f8"] {
    background-color: #0a0a0a !important;
    background: #0a0a0a !important;
}

/* HEADER AND NAVIGATION */
.header,
#header {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

.topbar {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* DROPDOWNS */
.dropdown-menu {
    background-color: #0a0a0a !important;
}

.dropdown-item {
    background-color: transparent !important;
    color: #aaa !important;
}

.dropdown-item:hover {
    background-color: rgba(0, 255, 136, 0.1) !important;
    color: #00ff88 !important;
}

/* INPUTS IN DROPDOWNS */
.dropdown-menu input,
.dropdown-menu select {
    background-color: #1a1a1a !important;
    color: #fff !important;
}

/* MODAL OVERRIDES */
.modal-content {
    background-color: #0a0a0a !important;
}

.modal-header {
    background-color: rgba(0, 255, 136, 0.1) !important;
    border-bottom-color: rgba(0, 255, 136, 0.2) !important;
}

.modal-body {
    background-color: transparent !important;
}

.modal-footer {
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-top-color: rgba(0, 255, 136, 0.2) !important;
}

/* INVOICE SPECIFIC */
.invoice {
    background-color: #0a0a0a !important;
}

.invoice .invoice-header {
    background-color: rgba(0, 255, 136, 0.1) !important;
}

.invoice-container {
    background-color: transparent !important;
}

.invoice-container .card {
    background-color: #0a0a0a !important;
}

.transactions-container {
    background-color: #0a0a0a !important;
    border: 1px solid rgba(0, 255, 136, 0.2) !important;
}

.payment-btn-container {
    background-color: transparent !important;
}

/* CLIENT AREA SPECIFIC */
.client-home-cards .card {
    background-color: #0a0a0a !important;
}

/* PRODUCT GROUPS */
.product-group {
    background-color: #0a0a0a !important;
}

/* ORDER SUMMARY */
.order-summary {
    background-color: #0a0a0a !important;
}

/* CHECKOUT */
.checkout-container {
    background-color: transparent !important;
}

/* DOMAIN CHECKER RESULTS */
.domain-checker-result {
    background-color: #0a0a0a !important;
}

/* SUPPORT TICKETS */
.ticket-reply {
    background-color: #0a0a0a !important;
}

/* KNOWLEDGE BASE */
.kb-article {
    background-color: #0a0a0a !important;
}

/* ANNOUNCEMENTS */
.announcement {
    background-color: #0a0a0a !important;
}

/* STATUS PAGE */
.status-row {
    background-color: #0a0a0a !important;
}

/* AFFILIATES */
.affiliate-stat {
    background-color: #0a0a0a !important;
}

/* FINAL NUCLEAR OPTION - EVERYTHING */
* {
    scrollbar-color: #00ff88 #0a0a0a !important;
}

*:not(img):not(svg):not(video):not(canvas):not(iframe) {
    background-color: inherit !important;
}

/* Specific overrides for any remaining white */
div, section, article, aside, main, header, footer, nav {
    background-color: transparent !important;
}

/* Only give actual backgrounds to specific elements */
html {
    background-color: #000000 !important;
}

body {
    background: linear-gradient(180deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
    background-attachment: fixed !important;
}

/* PAYMENT FORMS */
.payment-form,
.payment-method,
.cc-input-container,
[id*="paymentGatewayInput"] {
    background-color: #0a0a0a !important;
}

/* CHECKOUT PAGES */
.checkout-security-msg {
    background-color: #0a0a0a !important;
}

.summary-container {
    background-color: #0a0a0a !important;
}

/* LOGIN/REGISTER FORMS */
.logincontainer,
.login-container,
.register-container {
    background-color: #0a0a0a !important;
}

/* SIDEBARS */
.sidebar,
.secondary-sidebar {
    background-color: #0a0a0a !important;
}

/* FOOTERS */
.footer,
#footer,
footer {
    background-color: #0a0a0a !important;
}

/* CONTENT WRAPPERS */
.content-wrapper,
.main-content,
.main-body,
#main-body {
    background-color: transparent !important;
}

/* WHMCS SPECIFIC CONTAINERS */
.whmcs-container {
    background-color: transparent !important;
}

/* SECTION CONTAINERS */
.section,
.section-container {
    background-color: transparent !important;
}

/* OVERRIDE ANY DIV WITH BACKGROUND STYLE */
div[style*="background"] {
    background-color: transparent !important;
    background: transparent !important;
}

/* EXCEPT FOR SPECIFIC DARK ELEMENTS */
div[style*="background:#0a0a0a"],
div[style*="background:#1a1a1a"],
div[style*="background:rgba(0"],
div[style*="background:linear-gradient"] {
    /* Keep these as they are */
}

/* PANELS THAT MIGHT BE WHITE */
.panel-body {
    background-color: transparent !important;
}

.panel-default {
    background-color: #0a0a0a !important;
    border-color: rgba(0, 255, 136, 0.2) !important;
}

/* WELLS */
.well {
    background-color: #0a0a0a !important;
    border-color: rgba(0, 255, 136, 0.2) !important;
}

/* TABS */
.tab-content {
    background-color: transparent !important;
}

.nav-tabs > li.active > a {
    background-color: #0a0a0a !important;
}

/* FINAL OVERRIDES FOR SPECIFIC PROBLEM AREAS */
.row {
    background-color: transparent !important;
}

.col,
[class*="col-"] {
    background-color: transparent !important;
}

/* KILL ANY REMAINING WHITE */
.white,
.light,
[class*="white"],
[class*="light"]:not(.highlight) {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
}