html.dark-style {
    --card-border-color: #44485e;
    --form-border-color: #6c718d;
}

html.dark-style .select2-container--default .select2-selection,
html.dark-style .form-control,
html.dark-style .form-select {

    border: 1px solid var(--form-border-color);

}

html.dark-style .card {

    box-shadow: none !important;
    border: 1px solid #555c81 !important
}

html.dark-style table.dataTable {
    --bs-table-striped-bg: transparent !important
}

html.dark-style .card.akumulasi-anggaran-card {
    border: 1px solid #42555e !important;
    background: #2b3940 !important
}

html.dark-style .leaflet-layer,
html.dark-style .leaflet-control-zoom-in,
html.dark-style .leaflet-control-zoom-out,
html.dark-style .leaflet-control-attribution {
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%) !important;
}


html.dark-style .dropify-wrapper {

    background-color: transparent !important;
    border-color: var(--form-border-color) !important;
}

html.dark-style .dropify-wrapper .dropify-preview {

    background-color: #2f3349;

}

html.dark-style .menu-header .menu-header-text {

    color: #a4a7ef;
}


html.dark-style .gvnn-nav ul.nav-pills {
    background: #2f3349;

}

html.dark-style .gvnn-nav .nav-link {
    color: #bdbdbd;
    background: rgb(81, 86, 118, .45);

}

html.dark-style .gvnn-nav .nav-pills .nav-link.active,
html.dark-style .gvnn-nav .nav-pills .nav-link.active:hover,
html.dark-style .gvnn-nav .nav-pills .nav-link.active:focus {
    background-color: #c7c7c7;
    color: #1d1d1d;
}


html.dark-style .gvnn-nav .nav-pills .nav-link:hover,
html.dark-style .gvnn-nav .nav-pills .nav-link:focus {
    background-color: #c7c7c7 !important;
    color: #1d1d1d;
}

html.dark-style .ikon-grid-item-border {

    border: 1px solid #535a7b;

}

html.dark-style .akumulasi-anggaran-card .ikon-grid-item-border {

    border: 1px solid #3a4d56;

}

html.dark-style #searchdata-result {

    background: #2f3248;

}

html.dark-style #searchdata-close {

    background: rgb(255, 0, 0, .35);

    color: #fff;
}



html.dark-style .gvnn-loader {
    color: #e9e9e9;

}

html.dark-style .gvnn-loader::after,
html.dark-style .gvnn-loader::before {

    background-color: #e9e9e9;

}

html.dark-style .gvnn-loader::before {
    background-color: #7171ff;

}

html.dark-style .gvnn-numbering-list li:before {

    -webkit-text-fill-color: rgb(49 53 74);

    -webkit-text-stroke-color: #5f6689;

}

html.dark-style .apexcharts-legend-text {
    color: #dee1f3 !important
}



html.dark-style .apexcharts-pie-label,
html.dark-style .apexcharts-datalabels,
html.dark-style .apexcharts-datalabel,
html.dark-style .apexcharts-datalabel-label,
html.dark-style .apexcharts-datalabel-value,
html.dark-style .apexcharts-text tspan {

    color: #cad0ef !important;
    fill: #cad0ef !important;
}