#csbody, #calldata, #biodata {
    background-color: black !important;
    color: white !important;
}

#csbody strong, #calldata strong, #biodata strong {
    color: #D35400 !important;
}

#t_bio.biodiv {
    background-color: #ffffff !important;
    color: black !important;
}

img {
    border: 2px solid #D35400;
}

.noborder, .mautic-brand img {
    border: none !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Sidebar Branding Override */
.app-sidebar .sidebar-header .mautic-brand, .mautic-brand {
    background-image: none !important;
    text-align: center;
    padding: 0 !important;
    display: block !important;
}

.mautic-brand svg {
    display: none !important;
}

.sidebar-header {
    height: auto !important;
    min-height: 60px;
    padding-top: 5px;
}

/* --- GLOBAL DARK THEME OVERRIDES --- */

/* Backgrounds */
body, 
#app-wrapper, 
#app-content, 
.content-body, 
.page-header, 
.panel, 
.panel-footer, 
.panel-heading,
.list-group-item,
.modal-content,
.dropdown-menu {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Sidebar & Navbar */
.app-sidebar, 
.app-sidebar .sidebar-content, 
.app-sidebar .sidebar-header, 
.app-sidebar .sidebar-footer,
#app-header.navbar {
    background-color: #000000 !important;
    border-color: #333 !important;
}

/* Text Colors */
body, h1, h2, h3, h4, h5, h6, .text-muted, .text-white {
    color: #e0e0e0 !important;
}

strong, b {
    color: #D35400 !important;
}

/* Links */
a, a:hover, a:focus, .btn-link {
    color: #D35400 !important;
}

/* Buttons */
.btn-primary, .btn-default {
    background-color: #D35400 !important;
    border-color: #a84300 !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-default:hover {
    background-color: #e65c00 !important;
}

/* Inputs */
.form-control {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #fff !important;
}

/* Tables */
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-color: #333 !important;
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #222 !important;
}
.table-hover>tbody>tr:hover {
    background-color: #333 !important;
}

/* Images */
img {
    border: 2px solid #D35400 !important;
}
.noborder, .mautic-brand img, .avatar img, .img-circle {
    border: none !important;
}

/* Navbar Logo */
.mautic-brand {
    background: none !important; 
    background-image: none !important;
}

/* Icons */
.fa, .ri {
    color: #D35400 !important;
}

/* Borders */
.panel, .table, hr {
    border-color: #333 !important;
}

/* --- DARK THEME FIXES FOR FRAMES --- */

.panel, .panel-default, .panel-body, .panel-footer, 
.portlet, .portlet-body, 
.card, 
.bg-white, 
.box-layout, 
.list-group-item,
.modal-content,
.modal-body,
.modal-header,
.modal-footer,
.well, .well-lg, .well-sm {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* Fix Inputs inside panels */
input, textarea, select, .form-control {
    background-color: #2a2a2a !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* Fix Table backgrounds again */
.table, .table td, .table th {
    background-color: transparent !important;
}

/* Fix any remaining white backgrounds */
[class*="bg-white"] {
    background-color: #1a1a1a !important;
}

/* Dashboard Widget backgrounds */
.widget-body, .widget-title {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Fix Chart text color */
.chart-no-data, .text-disabled {
    color: #cccccc !important;
}

/* Fix Dropdown/Menu Selected Items */
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a {
    background-color: #333 !important;
    color: #D35400 !important;
}

/* Fix Dashboard Tiles */
.tile {
    background-color: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

.tile .card-header {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-bottom: 1px solid #333 !important;
}

.tile .card-body {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* --- REVERT BUTTONS & FIX SELECTION TEXT --- */

/* Restore Orange to toolbar buttons */
.toolbar--action-list .btn-primary,
.toolbar--action-list button.btn-primary {
    background-color: #D35400 !important;
    border-color: #a84300 !important;
    color: #ffffff !important;
}

/* Specific target for the "X items selected" banner background */
.bulk-actions, 
.toolbar--batch-summary,
div[data-toggle="cancel-checkall"] {
    background-color: #1a1a1a !important;
    border-color: #D35400 !important;
}

/* Ensure the text itself and any labels inside it are NOT purple */
.toolbar--batch-summary span, 
.toolbar--batch-summary strong {
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

/* --- SELECTION COUNTER FIX --- */
.toolbar--batch-summary strong, 
.toolbar--batch-summary .badge,
.toolbar--batch-summary .label {
    background-color: #D35400 !important;
    color: #ffffff !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
}

.toolbar--batch-summary {
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

/* --- COLUMN HEADER SHADING --- */
.table > thead > tr > th, 
th, 
thead {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-bottom: 2px solid #333 !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.05em;
}

/* --- SORTABLE HEADER BUTTON FIX --- */
th .table-sort,
th .btn-ghost.btn-block {
    background-color: transparent !important;
    color: #e0e0e0 !important;
    border: none !important;
    padding: 10px 15px !important;
    height: auto !important;
    text-transform: inherit !important;
    font-size: 11px !important;
}

th .table-sort:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #D35400 !important;
}

/* --- ROBUST CUSTOM CHECKBOX REPLACEMENT --- */
input[type="checkbox"]#customcheckbox-one0,
input[type="checkbox"][data-toggle="selectall"],
input[type="checkbox"][data-toggle="checkall"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #2a2a2a !important;
    border: 2px solid #D35400 !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    outline: none !important;
    box-shadow: none !important;
}

input[type="checkbox"]#customcheckbox-one0:checked,
input[type="checkbox"][data-toggle="selectall"]:checked,
input[type="checkbox"][data-toggle="checkall"]:checked {
    background-color: #D35400 !important;
}

input[type="checkbox"]#customcheckbox-one0:checked::after,
input[type="checkbox"][data-toggle="selectall"]:checked::after,
input[type="checkbox"][data-toggle="checkall"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 2px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* --- DEPTH & CHART UNIFICATION --- */
.dashboard-widgets .tile,
.dashboard-widgets .card-flex,
.panel, 
.card {
    border: 1px solid #3a3a3a !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5) !important;
}

.chart-wrapper, 
.chart-container, 
.layer-one,
.chart-no-data,
canvas.chart {
    background-color: #121212 !important;
    border-radius: 4px !important;
}

.pt-sd.pr-md.pb-md.pl-md {
    background-color: #121212 !important;
}

/* --- DASHBOARD WIDGET UNIFICATION --- */
.dashboard-widgets .card-flex,
.dashboard-widgets .tile,
.dashboard-widgets .card-header,
.dashboard-widgets .card-body {
    background-color: #252525 !important;
    border: none !important;
    box-shadow: none !important;
}

.dashboard-widgets hr.bdr-b {
    border-bottom: 1px solid #333 !important;
    margin: 0 !important;
}

.dashboard-widgets h4,
.dashboard-widgets .card-header h4,
.dashboard-widgets .text-muted,
.dashboard-widgets .small {
    color: #e0e0e0 !important;
}

/* --- FINAL ALIGNMENT & HEADER FIXES --- */

/* Shift the "Select All" checkbox left */
#customcheckbox-one0,
input[data-toggle="checkall"] {
    margin-left: -28px !important; 
    left: -5px !important;
}

/* Fix Header Dark Box */
table thead tr {
    background-color: #252525 !important;
}

table thead tr th {
    background-color: inherit !important;
    border-right: 1px solid #252525 !important;
}

th.col-report-id,
th.col-actions,
th:last-child {
    background-color: #252525 !important;
    box-shadow: none !important;
}

/* --- AGGRESSIVE SEARCH GLOW REMOVAL --- */
#gsearchModal *,
#gsearchModal input {
    box-shadow: none !important;
    outline: none !important;
}


/* --- FINAL POLISH PASS --- */

/* 1. Fix Logo Crop */
.mautic-brand, 
.mautic-brand img, 
.navbar-brand img {
    border-radius: 0 !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    overflow: visible !important;
    background: none !important;
}

/* 2. Fix Search Icon Visibility */
.search-button i,
.btn-ghost i {
    color: #D35400 !important; /* Force Orange */
}

/* 3. Kill Lingering White Backgrounds */
.bg-white, 
[class*="bg-white"], 
.panel-white, 
.tile-white {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* 4. Fix Navbar Item Alignment if needed */
.navbar-nav > li > a {
    color: #e0e0e0 !important;
}
.navbar-nav > li > a:hover {
    color: #D35400 !important;
}


/* --- SPECIFIC UI REFINEMENTS --- */

/* 1. Fix White Menu Highlights */
.nav > li.active > a, 
.nav > li.active > a:hover, 
.nav > li.active > a:focus,
.nav-sidebar li.active > a,
.nav-sidebar li > a:hover {
    background-color: #333 !important;
    color: #D35400 !important;
}

/* 2. Fix White Search Text Boxes */
input[type="text"], 
input[type="search"], 
input.form-control,
.twitter-typeahead .tt-input,
.twitter-typeahead .tt-hint {
    background-color: #2a2a2a !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* 3. Adjust Select All Checkbox Alignment */
#customcheckbox-one0,
input[data-toggle="checkall"] {
    margin-left: -15px !important; /* Reduced from -28px */
    left: 0 !important;
}

/* Ensure global input focus isn't white */
input:focus, .form-control:focus {
    background-color: #2a2a2a !important;
    color: #fff !important;
}

/* --- FIX YELLOW ALERTS --- */
.alert-warning {
    background-color: #1a1a1a !important;
    background-image: none !important;
    border: 1px solid #333 !important;
    border-left: 5px solid #D35400 !important; /* Standard Orange Accent */
    color: #e0e0e0 !important;
}

.alert-warning * {
    color: #e0e0e0 !important;
}

/* --- SUBMENU & ALIGNMENT FINAL TWEAKS --- */

/* 1. Fix white background in expanded/nested menus */
.nav-submenu, 
.nav-sidebar .nav-submenu,
.dropdown-menu,
.dropdown-menu > li,
.nav .open > a {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
}

/* 2. Checkbox Midpoint Alignment */
#customcheckbox-one0,
input[data-toggle="checkall"] {
    margin-left: -22px !important; /* Midpoint between -15 and -28 */
    left: 0 !important;
}

/* --- SURGICAL REFINEMENTS --- */

/* 1. Nudge Checkbox right */
#customcheckbox-one0,
input[data-toggle="checkall"] {
    margin-left: -18px !important;
}

/* 2. Page Selector Active State */
.pagination > .active > a, 
.pagination > .active > span {
    background-color: #D35400 !important;
    border-color: #D35400 !important;
    color: #fff !important;
}

/* 3. Dashboard Buttons (From, To, Save) */
#daterange_apply, 
.btn-success, 
button[type="submit"],
.btn-primary.btn-save {
    background-color: #D35400 !important;
    border-color: #a84300 !important;
    color: #fff !important;
}

/* 4. Kill Yellow Alert Sliver on Right */
.alert-warning {
    border-right: 1px solid #333 !important;
    box-shadow: none !important;
}
.alert-warning:after, .alert-warning:before {
    display: none !important;
}

/* --- FINAL ALIGNMENT NUDGE --- */
#customcheckbox-one0,
input[data-toggle="checkall"] {
    margin-left: -20px !important;
}

/* --- DATE RANGE GROUP FIX --- */
.input-group-addon {
    background-color: #2a2a2a !important;
    border-color: #444 !important;
}

.input-group-addon label.control-label {
    color: #e0e0e0 !important;
    background-color: transparent !important;
}

/* Ensure the inputs themselves are dark as well */
#daterange_date_from, #daterange_date_to {
    background-color: #2a2a2a !important;
    color: #fff !important;
}

/* --- FINAL RESTORATION & ALIGNMENT --- */

/* 1. Perfect Alignment */
#customcheckbox-one0,
input[data-toggle="checkall"] {
    margin-left: -19px !important;
}

/* 2. Restore Custom Dark Checkboxes */
input[type="checkbox"]#customcheckbox-one0,
input[type="checkbox"][data-toggle="selectall"],
input[type="checkbox"][data-toggle="checkall"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: #2a2a2a !important;
    border: 2px solid #D35400 !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

input[type="checkbox"]:checked {
    background-color: #D35400 !important;
}

/* 3. Kill Purple Banner Again */
.bulk-actions, 
.toolbar--batch-summary,
div[data-toggle="cancel-checkall"] {
    background-color: #1a1a1a !important;
    border-color: #D35400 !important;
}

.bg-primary, 
.btn-primary,
[class*="bg-primary"] {
    background-color: #D35400 !important;
    border-color: #a84300 !important;
}

/* Ensure text inside selection banner is correct */
.toolbar--batch-summary span, 
.toolbar--batch-summary strong {
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

.toolbar--batch-summary strong {
    background-color: #D35400 !important;
    color: #fff !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
}

/* --- ULTIMATE PRECISION ALIGNMENT --- */
#customcheckbox-one0,
input[data-toggle="checkall"] {
    margin-left: -19.5px !important;
}

/* --- UNIFIED CUSTOM CHECKBOXES --- */

/* Force ALL checkboxes to the custom theme */
input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #2a2a2a !important;
    border: 2px solid #D35400 !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    outline: none !important;
}

/* Checked state for ALL */
input[type="checkbox"]:checked {
    background-color: #D35400 !important;
}

/* Add the white checkmark back for ALL */
input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    top: 1px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* Remove the "weird gray box" from addons */
.input-group-addon {
    background-color: transparent !important;
    border: none !important;
    padding: 0 5px !important;
}

/* Clean up header border specifically */
th.col-actions {
    border-right: none !important;
}

/* --- REMOVE CHECKMARK (SOLID ORANGE ONLY) --- */
input[type="checkbox"]:checked::after {
    content: none !important;
}

/* --- FINAL .5px NUDGE LEFT --- */
#customcheckbox-one0,
input[data-toggle="checkall"] {
    margin-left: -20px !important;
}

/* --- REMOVE CHECKMARK FROM SELECT ALL --- */
input[type="checkbox"]#customcheckbox-one0:checked::after,
input[data-toggle="checkall"]:checked::after {
    content: none !important;
}

/* --- FINAL UI POLISH: BANNER, INPUTS, BUTTONS --- */

/* 1. Selection Banner: Solid Orange Background, White Text */
.toolbar--batch-summary,
.alert-info,
.bulk-actions {
    background-color: #D35400 !important;
    background: #D35400 !important;
    border-color: #a84300 !important;
    color: #ffffff !important;
}

.toolbar--batch-summary strong, 
.toolbar--batch-summary span {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* 2. Input Hover/Focus: Light Gray (Not White) */
.form-control:hover, 
.form-control:focus, 
input:hover, 
input:focus,
textarea:hover, 
textarea:focus, 
select:hover, 
select:focus {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #D35400 !important;
    box-shadow: none !important;
}

/* 3. Button Hover Text Color Fix */
/* Ghost buttons (Orange Text) -> Solid Orange (White Text) */
.btn-ghost:hover,
.btn-default:hover,
.btn-primary:hover {
    background-color: #e65c00 !important;
    color: #ffffff !important;
    border-color: #e65c00 !important;
}

/* Ensure icons inside hovered buttons also turn white */
.btn-ghost:hover i,
.btn-default:hover i,
.btn-primary:hover i {
    color: #ffffff !important;
}