:root {

    /* Dark Inverse */
    /* --grey-25: #383838;
    --grey-50: #383838;
    --grey-100: #494949;
    --grey-200: #494949;
    --grey-300: #494949;
    --grey-400: #C3C3C3;
    --grey-500: #E1E1E1;
    --grey-600: #E1E1E1;
    --grey-700: #E1E1E1;
    --grey-800: #E1E1E1;
    --grey-900: #E1E1E1; */

    --grey-25: #222222;
    --grey-50: #222222;
    --grey-100: #373737;
    --grey-200: #373737;
    --grey-300: #373737;
    --grey-400: #C3C3C3;
    --grey-500: #E1E1E1;
    --grey-600: #E1E1E1;
    --grey-700: #E1E1E1;
    --grey-800: #E1E1E1;
    --grey-900: #E1E1E1;


    

    --base-white: #494949;

    --surface: #494949;
    --background: #121212;
    --primary: #c7002b;
    --secondary: #445a69;
    --on-background: #C3C3C3;
    --on-surface: #E1E1E1;
    --on-primary: #040404;
    --on-secondary: #020202;


    /* CDR */
    --primary-25: #C3C3C3;
    --primary-50: #C3C3C3;
    --primary-100: #C3C3C3;
    --primary-200: #C3C3C3;
    --primary-300: #C3C3C3;
    --primary-400: #C3C3C3;
    --primary-500: #C3C3C3;
    --primary-600: #c7002b;
    --primary-700: #c7002b;
    --primary-800: #c7002b;
    --primary-900: #c7002b;

    --nav-brand-logo: url('../assets/img/iheartmedia_logo_white.png');
    --nav-brand-logo-icon: url('../assets/img/iheartmedia_icon_white.png');
    --login-panel-image: url('../assets/img/consumer_data.jpg');
    --primary-to-grey-240deg: linear-gradient(-120deg,rgba(56, 57, 58, 0.4),rgba(56, 57, 58,0.8));
    --login-panel-overlay: var(--primary-to-grey-240deg);


    --attention-50: var(--attention-200);
    
}    

body,
.main-content {
    background-color: var(--grey-25) !important;
}

#sidebar-nav {
    background-color: var(--grey-100) !important;
}
#sidebar-nav .divider {
    background-color: var(--grey-25) !important;
}
.nav-active {
    background-color: var(--grey-400) !important;
}
.nav-item-base {
    border-radius: 0px !important;
}
.nav-item-base:hover {
    background-color: var(--grey-400) !important;
}
.nav-item-base:hover > div.nav-item-content > div.text {
    color: var(--grey-50) !important;
}
.nav-active > div.nav-item-content > div.text {
    color: var(--grey-50) !important;
    background-color: var(--grey-400)!important;
}
.badge-text {
    color: var(--grey-100) !important;
}
.btn-primary {
    color: var(--grey--700) !important;
}
.btn-primary > i,
.btn-primary > div {
    color: var(--grey--700) !important;
}
.avatar-sub {
    color: var(--grey-700) !important;
}

::selection {
    /* background: var(--primary-400); WebKit/Blink Browsers */
    background: rgba(233, 233, 233, 0.3) !important;
    /* color: var(--grey-100); */
}
::-moz-selection {
    /* background: var(--primary-400);  Gecko Browsers */
    background: rgba(233, 233, 233, 0.3) !important;
    /* color: var(--grey-100); */
}


.dataTables_filter > label > input,
.dataTables_length > label > select {
    background: var(--grey-100) !important;
}
table.dataTable > thead > tr,
table.dataTable > thead:hover > tr {
    background: var(--grey-100) !important;
}
table.dataTable tbody tr:nth-child(even) {
    background-color: var(--grey-100) !important;
}

table.dataTable tbody tr:hover {
    background-color: var(--grey-25) !important;
}
.settings .form {
    background: var(--grey-100);
    padding: 75px 100px !important;
    border-radius: 32px;
    margin: auto;
    width: 1000px !important;
    min-height: unset !important;
}
.segment-divider {
    background: var(--grey-50) !important;
}
/* .badge-attention > .badge-text {
    color: var(--grey-700) !important;
} */

.badge-attention {
    /* background: var(--attention-200) !important; */
    background: #76B3F8 !important;
}

.badge-warning {
    background: var(--warning-200) !important;
}
.badge-success {
    background: var(--success-200) !important;
}
.badge-error {
    background: var(--error-300) !important;
}

.dataTables_info {
    color: var(--grey-700) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: red !important;
}
[data-login-form-content],
[data-forgot-password-form-content] {
    background-color: unset !important;
}

.top-logomark > .img {
    width: 330px !important;
    height: 60px !important;
    background-position: left !important;
}

.terms {
    display :none;
} 

.form-wrapper > .right-half {
    background-position: center;
}
.metric-icon > svg {
    height: 125% !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap !important;
}
.body-panel-card-header {
    background-color: var(--grey-100) !important;
}

[data-report-tabs] > button {
    color: var(--grey-700) !important;
}

.modal-page-cover {
    background: var(--surface);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--grey-300);
}

::-webkit-scrollbar-corner {
    background: var(--grey-25);
}



.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: var(--grey-100)!important;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: var(--grey-100)!important;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: var(--grey-100)!important;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-bottom-color: var(--grey-100)!important;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
    border-bottom-color: var(--grey-100)!important;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
    border-top-color: var(--grey-100)!important;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    border-top-color: var(--grey-100)!important;
}

.mapboxgl-popup-close-button {
    padding-right: 6px;
    padding-top: 2px;
}