.theme-white .logout_img {
    width: 25px;
    transition: all 0.3s ease-in-out;
}
.theme-black .logout_img {
    width: 25px;
    transition: all 0.3s ease-in-out;
}
.theme-black .logout_btn {
    border: 1px solid #2a2a2b;
    padding: 0.4rem 1rem;
}
.dashboard-filters {
    margin-left: 1.2%;
    margin-bottom: 1%;
    z-index: 999999;
    margin-top: 1.2%;
    border: 1px solid #2a2a2b;
    width: 97.5%;
    padding: 1%;
    border-radius: 8px;
}
.dashboard-filters .chosen-container {
    width: 90% !important;
    margin: 0% 5% 0% 2%;
}
.theme-white .dashboard-filters .chosen-container-single .chosen-single {
    height: 38px;
    border: 1px solid #fff;
    line-height: 38px;
    background: #fff;
    /* background-image: linear-gradient( hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 100%, 0)); */
    font-size: 16px;
    padding-left: 14px !important;
}
.theme-black .dashboard-filters .chosen-container-single .chosen-single {
    height: 38px;
    border: 1px solid #2a2a2b;
    line-height: 38px;
    background: #161617;
    /* background-image: linear-gradient( hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 100%, 0)); */
    font-size: 16px;
    box-shadow: none;
    padding-left: 14px !important;
}
/* .theme-black .dashboard-filters .chosen-container-single .chosen-single::before {
   content: "";
   position: absolute;
   top: 0; left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(120deg, rgba(255,255,255,0.2) 100%, transparent 60%);
   border-radius: inherit;
   pointer-events: none;
 } */
.timeframe_dropdown {
    font-size: 14px;
}
.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
    font-size: 14px;
}
.chosen-container .chosen-results li.disabled-result {
    font-size: 14px;
}
.theme-white
    .dashboard-filters
    .dashboard_select
    .chosen-container-single
    .chosen-single
    span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: black;
}
.theme-black
    .dashboard-filters
    .dashboard_select
    .chosen-container-single
    .chosen-single
    span {
    display: block;
    overflow: hidden;
    font-size: 14px;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: white;
}

.dashboard-filters
    .dashboard_select
    .chosen-conta
    iner
    .chosen-results
    li.active-result {
    font-size: 16px;
    display: list-item;
    cursor: pointer;
    color: white !important;
}
.theme-white
    .dashboard-filters
    .dashboard_select
    .chosen-container-single
    .chosen-search
    input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #ece9e9;
    font-size: 12px;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    color: black;
}
.theme-black
    .dashboard-filters
    .dashboard_select
    .chosen-container-single
    .chosen-search
    input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #ece9e9;
    font-size: 12px;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    color: white;
}
.dashboard-filters
    .dashboard_select
    .chosen-container-active.chosen-with-drop
    .chosen-single {
    background-image: linear-gradient(
        hsla(0, 0%, 100%, 0.6),
        hsla(0, 0%, 100%, 0) 50%,
        hsla(0, 0%, 0%, 0) 50%,
        hsla(0, 0%, 100%, 0)
    ) !important;
}
.dashboard-filters .chosen-container-single .chosen-default {
    color: #444;
}
.dashboard-filters .chosen-container-single .chosen-single div b {
    margin-top: 6px;
}
.dashboard-filters .dashboard_filter_button {
    width: 100%;
    border-radius: 4px;
    height: 40px;
    font-size: 14px;
    text-align: center;
}
.campaign-progress .apexcharts-legend {
    position: relative !important;
}
/*--- /.price-range-slider ---*/
.price-range-slider {
    width: 100%;
    float: left;
    padding: 6px 25px 0px 0px;
    .range-value {
        margin: 0;
        input {
            width: 100%;
            background: none;
            color: #000;
            font-size: 16px;
            font-weight: initial;
            box-shadow: none;
            border: none;
            margin: 10px 0 0px 0;
        }
    }

    .range-bar {
        border: none;
        background: #000;
        height: 3px;
        width: 96%;
        margin-left: 8px;

        .ui-slider-range {
            background: #f74f2e;
        }

        .ui-slider-handle {
            border: none;
            border-radius: 25px;
            background: #fff;
            border: 2px solid #f74f2e;
            height: 17px;
            width: 17px;
            top: -0.52em;
            cursor: pointer;
        }
        .ui-slider-handle + span {
            background: #f74f2e;
        }
    }
}

.dashboard-filters .chosen-container {
    width: 100% !important;
    margin: 0% 5% 0% 0%;
}
.dashboard-filters .chosen-container .chosen-drop {
    width: 100% !important;
}
.dashboard-filters .inputs {
    height: 40px;
    border: 1px solid #e0dfdf;
    line-height: 20px;
    background-color: white;
    background-image: linear-gradient(
        hsla(0, 0%, 100%, 0.6),
        hsla(0, 0%, 100%, 0) 50%,
        hsla(0, 0%, 0%, 0) 50%,
        hsla(0, 0%, 100%, 0)
    );
    font-size: 16px;
    color: #101010;
    padding-left: 20px !important;
    width: 100% !important;
}
.theme-black
    .campaign-progress
    .apexcharts-legend
    .apexcharts-legend-series
    .apexcharts-legend-text {
    color: #f1f1f1 !important;
    font-size: 14px !important;
}
.theme-white
    .campaign-progress
    .apexcharts-legend
    .apexcharts-legend-series
    .apexcharts-legend-text {
    color: #101010 !important;
    font-size: 14px !important;
}
.dashboard-filters .textareas {
    height: 80px;
    border: 1px solid #e2dfdf;
    line-height: 24px;
    background-color: white;
    background-image: linear-gradient(
        hsla(0, 0%, 100%, 0.3),
        hsla(0, 0%, 100%, 0) 50%,
        hsla(0, 0%, 0%, 0) 50%,
        hsla(0, 0%, 100%, 0.1)
    );
    font-size: 16px;
    color: #101010;
    padding-left: 20px !important;
    width: 100% !important;
}
.theme-black .dashboard-filters .chosen-container .chosen-results {
    color: #f1f1f1 !important;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 5px 4px 4px 0;
    padding: 0 0 0 4px;
    font-size: 17px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}
.theme-white .dashboard-filters .chosen-container .chosen-results {
    color: #101010 !important;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 5px 4px 4px 0;
    padding: 0 0 0 4px;
    font-size: 17px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.dashboard-filters
    .dashboard_select
    .chosen-container-single
    .chosen-single
    span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #101010;
}
.dashboard-filters
    .dashboard_select
    .chosen-conta
    iner
    .chosen-results
    li.active-result {
    font-size: 16px;
    display: list-item;
    cursor: pointer;
    color: #101010 !important;
}
.dashboard-filters
    .dashboard_select
    .chosen-container-single
    .chosen-search
    input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #ece9e9;
    font-size: 1.4em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    color: #101010;
}
.theme-white
    .dashboard-filters
    .dashboard_select
    .chosen-container
    .chosen-drop {
    background-color: #fff !important;
    /* background-image: linear-gradient(hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 100%, 0)) !important; */
}
.theme-black
    .dashboard-filters
    .dashboard_select
    .chosen-container
    .chosen-drop {
    background-color: #000 !important;
    /* background-image: linear-gradient(hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 100%, 0)) !important; */
}
.dashboard-filters
    .dashboard_select
    .chosen-container-active.chosen-with-drop
    .chosen-single {
    /* background-image: linear-gradient(hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 100%, 0)) !important; */
}
.dashboard-filters .chosen-container-single .chosen-default {
    color: #444;
}
.graph_filter_div {
    position: absolute;
    /* top: 2.5%; */
    right: 6%;
    align-items: center;
    z-index: 999999;
    width: 65%;
    display: flex;
}
.dashboard_heading_div {
    position: absolute;
    top: 2.5%;
    width: auto;
    z-index: 999999999;
    align-items: center;
    display: flex;
}
.dashboard_heading_div img {
    width: 26px;
}
.dashboard_text {
    font-size: 22px;
    color: #f9fafb;
    margin-left: 15px;
}
.theme-white .graph-filter {
    width: 8%;
    padding: 0.5% 1%;
    box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2) !important;
    background: white;
    border-radius: 4px;
    /* margin-right: 2%; */
}
.theme-black .graph-filter {
    width: 8%;
    padding: 0.5% 1%;
    background: #1f1f20; /* Transparent layer */
    border-radius: 4px;
    border: 1px solid #2a2a2b;
    /* margin-right: 2%; */
}
/* .theme-black .graph-filter::before{
   content: "";
   position: absolute;
   top: 0; left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(120deg, rgba(255,255,255,0.3) 0%, transparent 60%);
   border-radius: inherit;
   pointer-events: none;
} */
.theme-white .graph_filter_label {
    width: auto;
    color: #101010;
    padding: 0.4% 0%;
}
.theme-black .graph_filter_label {
    color: white;
    width: auto;
    padding: 0.4% 0%;
}
.theme-black .graph_filter_label2 {
    font-size: 14px;
}
.theme-white .fa-calendar-alt:before,
.fa-calendar-days:before {
    color: #101010;
}
.theme-black .fa-calendar-alt:before,
.fa-calendar-days:before {
    color: #fff;
}
.graph_filter_period {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    align-content: center;
}
.theme-black .graph_filter_period {
    color: white;
}
.theme-white .dash_dropdown {
    color: #111111 !important;
    background-color: #ffffff !important;
    box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2) !important;
    top: 25% !important;
    left: 10% !important;
}
.theme-black .dash_dropdown {
    color: #fff !important;
    background-color: #000 !important;
    box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2) !important;
    top: 25% !important;
    left: 10% !important;
}
.theme-white .dash_dropdown .dropdown-item {
    color: #111111 !important;
}
.theme-black .dash_dropdown .dropdown-item {
    color: #fff !important;
}
/*--- /.price-range-slider ---*/

@media (min-width: 1200px) and (max-width: 1399px) {
    .dashboard-filters .chosen-container-single .chosen-single {
        height: 34px;
        border: none;
        line-height: 34px;
    }
    .graph-filter {
        width: 11.5%;
    }
    .graph_filter_div {
        width: 70%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .dashboard-filters .chosen-container-single .chosen-single {
        height: 34px;
        border: none;
        line-height: 34px;
    }
}
.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
    width: -webkit-fill-available !important;
}
.apexcharts-canvas {
    width: 100% !important;
}