:root {
    /***  Dark Colours - Darkest to lightest ***/
    --d1: #000000!important;
    --d2: #080808!important;
    --d3: #101010!important;
    --d4: #181818!important;
    --d5: #202020!important;
    --d6: #282828!important;
    --d7: #303030!important;
    --d8: #383838!important;
    --d9: #404040!important;
    --d10: #484848!important;
    --d11: #505050!important;
    --d12: #585858!important;
    --d13: #606060!important;
    --d14: #686868!important;
    --d15: #696969!important;
    /*** Light Colours - Lightest to Darkest  **/
    --l1: #ffffff!important;
    --l2: #f8f8f8!important;
    --l3: #f5f5f5!important;
    --l4: #f0f0f0!important;
    /****   Theme  ****/
    --t1: #aacc3b!important;
}


/**** TEXT  ****/

.select2-container--default .select2-selection--single .select2-selection__rendered,
#reportrange,
#reportrange * {
    color: var(--d1);
}


/* div.dtsp-panesContainer button[class^="dtsp"]:hover,
input[class^="dtsp"]:hover, */

.dtsp-searchPane.dtsp-columns-2 .dtsp-topRow.dtsp-subRowsContainer input.btn,
input.btn-primary,
button.btn,
button.btn-primary,
.btn.btn-primary,
[class^="dtsp-subRow"] [class^="dtsp-"] input[class^="dtsp-"],
div.dtsp-topRow {
    color: var(--d4);
    background: var(--l4);
}

.disabled,
button.disabled,
button.btn.disabled {
    color: var(--d4);
    background: #E0E0E0!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: transparent!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
li.paginate_button a.page-link {
    color: var(--d3);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.text-dark,
.text-light,
div.wrapper div.content-wrapper div.content-header div.container-fluid div.row.mb-2 div.col-sm-6 h1#alth {
    color: var(--l4);
}

a,
a:hover {
    text-decoration: underline;
    color: var(--l1);
}

.main-sidebar a,
.main-sidebara:hover {
    text-decoration: none;
}

.dtsp-collapseAll,
.dtsp-showAll,
.dtsp-clearAll,
[class^="dtsp-"],
[class*="dataTables_"],
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate,
div.dtsp-panesContainer button.dtsp-disabledButton,
button[class^="dtsp-"],
input[class^="dtsp"],
.content-wrapper,
.footer,
.main-footer,
footer,
.main-header,
.navbar,
.navbar-expand,
.navbar-white,
.navbar-light,
.navbar-nav .nav-item,
.navbar-nav,
div.col-sm-6 h1.m-0.text-dark,
.text-dark,
.dark,
[class*="dark"],
.form-control,
div.dataTables_filter input.form-control {
    color: var(--l2);
}

[class*="disabledButton-"] {
    color: var(--l4);
}

.main-header [class*="fa-"],
.main-header [class*="icon"] {
    color: var(--t1);
}

button.dtsp-disabledButton.dtsp-paneButton,
button[class^="dstp-disabledButton"],
button.dtsp-paneButton[class*="Button"] .dtsp-caret,
div.dtsp-panesContainer button.dtsp-disabledButton {
    color: var(--d4);
}

div.dtsp-panesContainer div.dtsp-titleRow button[class^="dtsp-"]:hover {
    color: var(--d4);
}


/**************************** Background ****/

body,
.content-wrapper {
    background-color: var(--d3);
}

.table {
    background-color: var(--d6);
}

tr.even,
table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even,
table.dataTable.stripe tbody tr.even [class*="sorting"],
table.dataTable.display tbody tr.even [class*="sorting"],
table.dataTable tbody tr {
    background-color: var(--d14);
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.stripe tbody tr.odd [class*="sorting"],
table.dataTable.display tbody tr.odd [class*="sorting"] {
    background-color: var(--d10);
}

.main-header,
.navbar,
.navbar-expand,
.navbar-white,
.navbar-light,
.footer,
.main-footer,
footer,
aside,
.main-sidebar,
.sidebar-dark-primary,
.sidebar-collapse,
.-bg,
.small-box,
.bg-info,
.col-12 .small-box.bg-info.-bg.text-center,
[class*="small-box bg-info -bg"] {
    background-color: var(--d6);
    border-color: var(--d5);
}

table.table-bordered,
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-top-color: var(--d8);
    border-bottom-color: var(--d8);
    border-left-color: var(--d8);
    border-right-color: var(--d8);
}


/* .-bg,
.small-box,
.bg-info, */

.card-header,
.card-footer {
    background-color: var(--d8);
}


/* .-bg,
.small-box,
.bg-info,
.small-box.inner {
    background-color: var(--d15);
} */

.card-body,
.card {
    background-color: var(--d10);
}

.page-item.active .page-link {
    background: var(--t1);
    border-color: var(--t1);
}

.text-light,
#alth {
    color: var(--l4);
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.exp_chart button.btn.btn-primary,
.btn.btn-primary,
#submitFilters {
    background-color: #f0f0f0!important;
    border-color: #f0f0f0!important;
    color: #010101!important;
}