/* Some data colors. Light mode uses defaults */

[data-bs-theme=dark] {
    --bs-flatpckr-text: #eee;
    --bs-flatpckr-text-selected: #eee;
    --bs-flatpckr-text-disabled: #393939;
    --bs-flatpckr-bg: #006AE6;
    --bs-card-bg: #15171C;
    --bs-app-elements-new-bg-color: #1e1e2d;
    --bs-app-elements-new-shadow: 0 4px 12px 0 rgba(120, 120, 120, 0.03);
    --bs-app-elements-new-hard-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.8);
    --bs-app-card-new-bg-color: #1e1e2d;
    --bs-app-map-overlay: rgba(21, 21, 33, 0.7);
    --bs-app-graph-overlay: rgba(91, 91, 128, 0.7);
    --bs-app-new-body-color: #151521;
    --bs-app-new-form-control-color: rgba(40, 40, 63, 0.6);
    --bs-new-blockui-message-bg: #080808b8 ;
    --bs-new-blockui-message-clr: #f9f9f9;
}

[data-bs-theme=light] {
    --bs-flatpckr-text: #393939;
    --bs-flatpckr-text-disabled: #eee;
    --bs-flatpckr-text-selected: #eee;
    --bs-flatpckr-bg: #006AE6;
    --bs-card-bg: #ffffff;
    --bs-app-elements-new-bg-color: #ffffff;
    --bs-app-elements-new-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.03);
    --bs-app-elements-new-hard-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.6);
    --bs-app-card-new-bg-color: #ffffff;
    --bs-app-map-overlay: rgba(245, 248, 250, 0.7);
    --bs-app-graph-overlay: rgba(170, 170, 203, 0.7);
    --bs-app-new-body-color: #f5f8fa;
    --bs-app-new-form-control-color: rgba(233, 234, 234, 0.6);
    --bs-new-blockui-message-bg: #080808b8;
    --bs-new-blockui-message-clr: #f9f9f9;
}


.highcharts-background {
    fill: var(--bs-card-bg) !important;
    stroke: transparent !important;
}

.highcharts-button-box {
    fill: var(--bs-primary-light) !important;
}

.highcharts-button text {
    fill: var(--bs-text-primary) !important;
}

.highcharts-button path {
    fill: var(--bs-text-primary) !important;
}

.overflow-scroll-gradient {
    position: relative;
}

.overflow-scroll-gradient::before {
    content: '';
    z-index: calc(var(--bs-modal-zindex) - 1);
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 25px;
    background: linear-gradient(var(--bs-card-bg), rgba(255, 255, 255, 0.001)); /* transparent keyword is broken in Safari */
}

.overflow-scroll-gradient::after {
    content: '';
    z-index: calc(var(--bs-modal-zindex) - 1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 99%;
    height: 25px;
    background: linear-gradient(rgba(255, 255, 255, 0.001), var(--bs-card-bg)); /* transparent keyword is broken in Safari */
}

.toast-position-top-center {
    top: 12px;
    left: 50%;
    margin: 0 0 0 -150px;
}

.toast-position-top-left {
    top: 12px;
    left: 35%;
    margin: 0 0 0 -150px;
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .badge.badge-up, .header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .badge.badge-up {
    right: -3px;
}

.badge.badge-up {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 1.429rem;
    min-height: 1.429rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.786rem;
    line-height: 0.786;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}


.app-sidebar {
    border-right: 0.15rem solid #2B2B40 !important;
    background-color: #15171C !important;
}

.app-sidebar .app-sidebar-logo {
    border-bottom: 0.15rem solid #2B2B40 !important;
}

/*.card{*/
/*    background-color: var(--bs-app-card-new-bg-color);*/
/*}*/


.app-header {
    background-color: var(--bs-card-bg) !important;
    box-shadow: var(--bs-app-elements-new-shadow) !important;
}

.app-sidebar-menu .menu > .menu-item > .menu-link > .menu-title {
    font-weight: 400;
    font-size: 1.09rem;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #a2a2ab;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link.active {
    background-color: rgba(51, 51, 61, 0.62);
}

/*.app-default, body {*/
/*    background-color: var(--bs-app-new-body-color);*/
/*}*/

/*.modal {*/
/*    --bs-modal-bg: var(--bs-app-card-new-bg-color);*/
/*}*/

/*.flatpickr-calendar {*/

/*    !*box-shadow: var(--bs-dropdown-box-shadow);*!*/
/*    background-color: var(--bs-app-card-new-bg-color);*/
/*}*/

/*.menu-sub-dropdown {*/
/*    background-color: var(--bs-app-card-new-bg-color);*/
/*}*/

/*.select2-container--bootstrap5 .select2-dropdown {*/
/*    background-color: var(--bs-app-card-new-bg-color);*/
/*}*/

/*.form-control {*/
/*    background-color: var(--bs-app-new-form-control-color);*/
/*}*/

[data-bs-theme=light] .btn.btn-secondary {
    background-color: #E1E3EA;
}

[data-bs-theme=dark] .btn.btn-secondary {
    background-color: #323248;
}

/*.daterangepicker{*/
/*    background-color: var(--bs-app-card-new-bg-color);*/
/*}*/

/*.daterangepicker .ranges{*/
/*    background-color: var(--bs-app-card-new-bg-color);*/
/*}*/

/*.daterangepicker .calendar-table {*/
/*    background-color: var(--bs-app-card-new-bg-color);*/
/*}*/

.dataTables_processing {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: var(--bs-card-bg) !important;
    width: 200px;
    box-shadow: var(--bs-app-elements-new-hard-shadow) !important;
}

div#mapPrimeContainer {
    position: relative;
}

div.overlay-map {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: var(--bs-app-map-overlay);
    opacity: 0.9;
    z-index: 1;
}

div#graphContainer {
    position: relative;
}

div.graph-overlay-loader {
    position: absolute;
    top: 35%;
    left: 42%;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: var(--bs-app-graph-overlay);
    opacity: 0.9;
    z-index: 1;
    border-radius: 5px;
}

.table {
    min-height: 100px;
}

/*.drawer {*/
/*    background-color:  var(--bs-app-card-new-bg-color)!important;*/
/*}*/

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 300px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

/*.modal.left .modal-body,*/
/*.modal.right .modal-body {*/
/*    padding: 15px 15px 80px;*/
/*}*/

/*Left*/
.modal.left.fade .modal-dialog {
    left: -300px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -300px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

/*.swal2-popup {*/
/*    background-color: var(--bs-app-card-new-bg-color);*/
/*}*/

/* 0 to 299 */
.drp-custom {
    width: 100%;
    margin-bottom: 1.25rem;
}

/* 300 to X */
@media (min-width: 1700px) {
    /* or 301 if you want really the same as previously.  */
    .drp-custom {
        position: absolute;
        right: 30px;
        top: 105px;
    }
}

.flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-month.startRange, .flatpickr-monthSelect-month.endRange {
    color: var(--bs-flatpckr-text-selected)!important;
    background-color: var(--bs-flatpckr-bg)!important;
    border-color: var(--bs-flatpckr-bg)!important;
}

.flatpickr-monthSelect-month {
    color: var(--bs-flatpckr-text)!important;
}

.flatpickr-monthSelect-month:hover {
    color: var(--bs-flatpckr-text-selected)!important;
    background-color: var(--bs-flatpckr-bg)!important;
    border-color: var(--bs-flatpckr-bg)!important;
}

.flatpickr-monthSelect-month.flatpickr-disabled {
    color: var(--bs-flatpckr-text-disabled)!important;
}


.btn-check:active+.btn.btn-active-kva, .btn-check:checked+.btn.btn-active-kva, .btn.btn-active-kva.active, .btn.btn-active-kva.show, .btn.btn-active-kva:active:not(.btn-active), .btn.btn-active-kva:focus:not(.btn-active), .btn.btn-active-kva:hover:not(.btn-active), .show>.btn.btn-active-kva {
    color: var(--bs-info-inverse);
    border-color:  rgba(225,66,145,0.81);
    background-color:  rgba(225,66,145,0.81) !important;
}

.btn-check:active+.btn.btn-active-kva .svg-icon, .btn-check:active+.btn.btn-active-kva i, .btn-check:checked+.btn.btn-active-kva .svg-icon, .btn-check:checked+.btn.btn-active-kva i, .btn.btn-active-kva.active .svg-icon, .btn.btn-active-kva.active i, .btn.btn-active-kva.show .svg-icon, .btn.btn-active-kva.show i, .btn.btn-active-kva:active:not(.btn-active) .svg-icon, .btn.btn-active-kva:active:not(.btn-active) i, .btn.btn-active-kva:focus:not(.btn-active) .svg-icon, .btn.btn-active-kva:focus:not(.btn-active) i, .btn.btn-active-kva:hover:not(.btn-active) .svg-icon, .btn.btn-active-kva:hover:not(.btn-active) i, .show>.btn.btn-active-kva .svg-icon, .show>.btn.btn-active-kva i {
    color: var(--bs-info-inverse);
}

.apexcharts-xaxistooltip.apexcharts-theme-light {
    background: var(--bs-app-card-new-bg-color) !important;
    color: var(--bs-gray-800);
}

.apexcharts-xaxistooltip.apexcharts-theme-dark {
    background: var(--bs-app-card-new-bg-color) !important;
    color: var(--bs-gray-800);
}


.blockui .blockui-message {
    background-color: var(--bs-new-blockui-message-bg) !important;
    color: var(--bs-new-blockui-message-clr) !important;
}

.file-card {
    width: 337.3px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: var(--bs-card-bg);
}

.file-card:hover {
    background: var(--bs-app-card-new-bg-color);
}

.download-icon {
    display: none;
}

.file-card:hover .download-icon {
    transition: all 0.3s ease-in-out;
    display: inline-block;
}