[data-bs-theme=dark] {
    --bs-app-bg-color: #2b2b2b; /* bg main */
    --bs-app-header-base-bg-color: #373737; /* bg header*/
    --bs-body-bg: #1f1f1f; /* bg card */
    --bs-root-card-border-color: #373737; /* border card */
    --bs-scrollbar-color: #4d4d4b;
    --bs-scrollbar-hover-color: #5a5a5a;
    --bs-link-color-rgb: 199, 108, 45;
    --bs-link-hover-color-rgb: 204, 204, 204;
    --bs-primary: #c76c2d;
    --bs-primary-active: #ab581f;
    --bs-component-active-bg: #c76c2d;
    --bs-header-primary-link-bg-color: #111111;
}
[data-bs-theme=light] {
    --bs-app-bg-color: #eef2fa; /* bg main */
    --bs-app-header-base-bg-color: #ffffff; /* bg header*/
    --bs-body-bg: #ffffff; /* bg card */
    --bs-root-card-border-color: #dadada; /* border card */
    --bs-scrollbar-color: #4d4d4b;
    --bs-scrollbar-hover-color: #5a5a5a;
    --bs-link-color-rgb: 199, 108, 45;
    --bs-link-hover-color-rgb: 0, 0, 0;
    --bs-primary: #c76c2d;
    --bs-primary-active: #ab581f;
    --bs-component-active-bg: #c76c2d;
    --bs-header-primary-link-bg-color: #eeeeee;
}

.app-default, body {
    /*background: transparent url('../assets/media/bglogin.png') no-repeat bottom center;*/
    background-size: cover !important;
/*    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23DDDDDD'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23A0A0A0' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23A0A0A0' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;*/
}

/* PIVOT */
html[data-bs-theme="light"] td.pvtUiCell {
    border: 1px solid #cccccc !important;
}
html[data-bs-theme="dark"] td.pvtUiCell {
    border: 1px solid #555555 !important;
}

html[data-bs-theme="light"] table.pvtTable tbody tr td {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #5c5c5c;
}
html[data-bs-theme="dark"] table.pvtTable tbody tr td {
    color: #ffffff !important;
    background-color: #282828 !important;
    border: 1px solid #5c5c5c !important;
}

html[data-bs-theme="light"] .sticky-table table tr.sticky-header th,
html[data-bs-theme="light"] .sticky-table table tr.sticky-header td,
html[data-bs-theme="light"] .sticky-table table tr.sticky-footer th,
html[data-bs-theme="light"] .sticky-table table tr.sticky-footer td {
    background-color: #e9e9e9 !important;
}
html[data-bs-theme="dark"] .sticky-table table tr.sticky-header th,
html[data-bs-theme="dark"] .sticky-table table tr.sticky-header td,
html[data-bs-theme="dark"] .sticky-table table tr.sticky-footer th,
html[data-bs-theme="dark"] .sticky-table table tr.sticky-footer td {
    background-color: #000000 !important;
}

html[data-bs-theme="light"] .pvtUi {
    color: #000000 !important;
}
html[data-bs-theme="dark"] .pvtUi {
    color: #ffffff !important;
}

html[data-bs-theme="light"] .sticky-table table td.sticky-cell,
html[data-bs-theme="light"] .sticky-table table th.sticky-cell,
html[data-bs-theme="light"] .sticky-table table td.sticky-cell-opposite,
html[data-bs-theme="light"] .sticky-table table th.sticky-cell-opposite {
    background-color: #e9e9e9 !important;
}
html[data-bs-theme="dark"] .sticky-table table td.sticky-cell,
html[data-bs-theme="dark"] .sticky-table table th.sticky-cell,
html[data-bs-theme="dark"] .sticky-table table td.sticky-cell-opposite,
html[data-bs-theme="dark"] .sticky-table table th.sticky-cell-opposite {
    background-color: #000000 !important;
}

html[data-bs-theme="light"] .pvtAxisContainer li span.pvtAttr {
    background: #e9e9e9;
    border: 1px solid #707070;
}
html[data-bs-theme="dark"] .pvtAxisContainer li span.pvtAttr {
    background: #555555;
    border: 1px solid #707070;
}

/* TAB */

.nav-line-tabs {
    border-bottom-color: #c76c2d !important;
}
    .nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
        border-bottom: 5px solid #c76c2d;
    }
        .nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
            color: var(--bs-dark);
        }


/* Bg Abstract */
/*html[data-bs-theme="light"] .bg-abstract1 {
    background: transparent url('../assets/media/shapes/abstract-1.svg') no-repeat; 
}
html[data-bs-theme="dark"] .bg-abstract1 {
    background: transparent url('../assets/media/shapes/abstract-1-dark.svg') no-repeat;
}
html[data-bs-theme="light"] .bg-abstract2 {
    background: transparent url('../assets/media/shapes/abstract-2.svg') no-repeat;
}
html[data-bs-theme="dark"] .bg-abstract2 {
    background: transparent url('../assets/media/shapes/abstract-2-dark.svg') no-repeat;
}
html[data-bs-theme="light"] .bg-abstract3 {
    background: transparent url('../assets/media/shapes/abstract-3.svg') no-repeat;
}
html[data-bs-theme="dark"] .bg-abstract3 {
    background: transparent url('../assets/media/shapes/abstract-3-dark.svg') no-repeat;
}
html[data-bs-theme="light"] .bg-abstract4 {
    background: transparent url('../assets/media/shapes/abstract-4.svg') no-repeat;
}
html[data-bs-theme="dark"] .bg-abstract4 {
    background: transparent url('../assets/media/shapes/abstract-4-dark.svg') no-repeat;
}
html[data-bs-theme="light"] .bg-abstract5 {
    background: transparent url('../assets/media/shapes/abstract-5.svg') no-repeat;
}
html[data-bs-theme="dark"] .bg-abstract5 {
    background: transparent url('../assets/media/shapes/abstract-5-dark.svg') no-repeat;
}*/

.bg-cover {background-size: cover !important;}
.bg-pos-rb {background-position: right bottom !important;}
.bg-pos-lb {background-position: left bottom !important;}
/*
html[data-bs-theme="light"] .bg-search {
    background: #FFFFFF;
    background: transparent url('../assets/media/bg-search.png') no-repeat;
    background-size: cover;
}
html[data-bs-theme="dark"] .bg-search {
    background: #FFFFFF;
    background: transparent url('../assets/media/bg-search-dark.png') no-repeat;
    background-size: cover;
}*/

/*.hasilcari.show:before {
    content: "asdf";
}*/



:root {
    --dt-row-selected: 224, 224, 000;
    --dt-row-selected-text: 0, 0, 0;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: white;
}

html[data-bs-theme="light"] .app-header {
    border-top: 5px solid #fee50f; /* border header*/
    /* border-bottom: 1px solid #555555;  border header*/
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
    background: rgb(255 255 255 / 69%);
    backdrop-filter: blur(10px);
}
html[data-bs-theme="dark"] .app-header {
    border-top: 5px solid #fee50f; /* border header*/
    /* border-bottom: 1px solid #555555;  border header*/
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
    background: rgb(77 77 77 / 69%);
    backdrop-filter: blur(10px);
}

.app-blank {
    background-color: var(--bs-app-bg-color);
}

@media (min-width: 992px) {
    .app-header .app-header-menu .menu > .menu-item > .menu-link .menu-title {
        color: var(--bs-gray-600);
    }
    .app-header .app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, 
    .app-header .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title 
    {
        color: var(--bs-gray-600);
    }
    .app-header .app-header-menu .menu > .menu-item.here > .menu-item > .menu-link,
    .app-header .app-header-menu .menu > .menu-item.here > .menu-link {
        color: var(--bs-gray-800);
        /*background-color: var(--bs-header-primary-link-bg-color);*/
        /*box-shadow: var(--bs-box-shadow) !important;*/      
    }
}

@media (min-width: 992px) {
    html[data-bs-theme="light"] .app-header .app-header-menu .menu > .menu-item.here > .menu-item > .menu-link,
    html[data-bs-theme="light"] .app-header .app-header-menu .menu > .menu-item.here > .menu-link,
    html[data-bs-theme="light"] .app-header .app-header-menu .menu > .menu-item > .menu-item > .menu-link:hover,
    html[data-bs-theme="light"] .app-header .app-header-menu .menu > .menu-item > .menu-link:hover
    {
        background: #FFFFFF;
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%);
        box-shadow: 1px 1px #eeeeee !important;
    }
    html[data-bs-theme="dark"] .app-header .app-header-menu .menu > .menu-item.here > .menu-item > .menu-link,
    html[data-bs-theme="dark"] .app-header .app-header-menu .menu > .menu-item.here > .menu-link,
    html[data-bs-theme="dark"] .app-header .app-header-menu .menu > .menu-item > .menu-item > .menu-link:hover,
    html[data-bs-theme="dark"] .app-header .app-header-menu .menu > .menu-item > .menu-link:hover
    {
        background: #373737;
        background: linear-gradient(0deg, rgba(55, 55, 55, 1) 0%, rgba(31, 31, 31, 1) 100%);
        box-shadow: 1px 1px #555555 !important;
    }
}

.pulse-ring {
    border-color: #fffd00;
}

.separator.separator-content::after,
.separator.separator-content::before {
    border-bottom: 1px solid #3d3d3d;
}

table.dataTable td.dt-empty, table.dataTable th.dt-empty {
    vertical-align: middle !important;
    border: 1px solid #4d4d4b !important;
    background-color: #2e2e29;
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
    /*box-shadow: inset 0 0 0 9999px #414951 !important;
    color: #fff !important;*/
}

table.table.dataTable > tbody > tr.selected > * {
    /*box-shadow: inset 0 0 0 9999px #525252 !important;*/
}

    table.table.dataTable > tbody > tr.selected > * a:not([class=btn]) {
        color: #000000 !important;
    }

.table > thead {
    font-weight: bold !important;
}

table.dataTable thead tr td.dt-type-date,
table.dataTable thead tr td.dt-type-numeric,
table.dataTable thead tr th.dt-type-date,
table.dataTable thead tr th.dt-type-numeric {
    text-align: left !important;
}



/* button MINERBA */
.row.MINERBA .btn.btn-primary.catalog {
    background-color: #718695;
}

    .row.MINERBA .btn-check:active + .btn.btn-primary.catalog,
    .row.MINERBA .btn-check:checked + .btn.btn-primary.catalog,
    .row.MINERBA .btn.btn-primary.catalog.active,
    .row.MINERBA .btn.btn-primary.catalog.show,
    .row.MINERBA .btn.btn-primary.catalog:active:not(.btn-active),
    .row.MINERBA .btn.btn-primary.catalog:focus:not(.btn-active),
    .row.MINERBA .btn.btn-primary.catalog:hover:not(.btn-active),
    .row.MINERBA .show > .btn.btn-primary.catalog {
        background-color: #7f95a4 !important;
    }

/* button MIGAS */
.row.MIGAS .btn.btn-primary.catalog {
    background-color: #5b8d7e;
}

    .row.MIGAS .btn-check:active + .btn.btn-primary.catalog,
    .row.MIGAS .btn-check:checked + .btn.btn-primary.catalog,
    .row.MIGAS .btn.btn-primary.catalog.active,
    .row.MIGAS .btn.btn-primary.catalog.show,
    .row.MIGAS .btn.btn-primary.catalog:active:not(.btn-active),
    .row.MIGAS .btn.btn-primary.catalog:focus:not(.btn-active),
    .row.MIGAS .btn.btn-primary.catalog:hover:not(.btn-active),
    .row.MIGAS .show > .btn.btn-primary.catalog {
        background-color: #6ba493 !important;
    }


/* button GATRIK */
.row.GATRIK .btn.btn-primary.catalog {
    background-color: #c09054;
}

    .row.GATRIK .btn-check:active + .btn.btn-primary.catalog,
    .row.GATRIK .btn-check:checked + .btn.btn-primary.catalog,
    .row.GATRIK .btn.btn-primary.catalog.active,
    .row.GATRIK .btn.btn-primary.catalog.show,
    .row.GATRIK .btn.btn-primary.catalog:active:not(.btn-active),
    .row.GATRIK .btn.btn-primary.catalog:focus:not(.btn-active),
    .row.GATRIK .btn.btn-primary.catalog:hover:not(.btn-active),
    .row.GATRIK .show > .btn.btn-primary.catalog {
        background-color: #d8a25f !important;
    }

/* button EBTKE */
.row.EBTKE .btn.btn-primary.catalog {
    background-color: #538c3e;
}

    .row.EBTKE .btn-check:active + .btn.btn-primary.catalog,
    .row.EBTKE .btn-check:checked + .btn.btn-primary.catalog,
    .row.EBTKE .btn.btn-primary.catalog.active,
    .row.EBTKE .btn.btn-primary.catalog.show,
    .row.EBTKE .btn.btn-primary.catalog:active:not(.btn-active),
    .row.EBTKE .btn.btn-primary.catalog:focus:not(.btn-active),
    .row.EBTKE .btn.btn-primary.catalog:hover:not(.btn-active),
    .row.EBTKE .show > .btn.btn-primary.catalog {
        background-color: #5c9b46 !important;
    }

/* button Lainnya */
.row.Lainnya .btn.btn-primary.catalog {
    background-color: #f27439;
}

    .row.Lainnya .btn-check:active + .btn.btn-primary.catalog,
    .row.Lainnya .btn-check:checked + .btn.btn-primary.catalog,
    .row.Lainnya .btn.btn-primary.catalog.active,
    .row.Lainnya .btn.btn-primary.catalog.show,
    .row.Lainnya .btn.btn-primary.catalog:active:not(.btn-active),
    .row.Lainnya .btn.btn-primary.catalog:focus:not(.btn-active),
    .row.Lainnya .btn.btn-primary.catalog:hover:not(.btn-active),
    .row.Lainnya .show > .btn.btn-primary.catalog {
        background-color: #f58550 !important;
    }



/* div anim seq */
.div-seq {
    opacity: 0;
    _transform: translateY(20px);
}

    .div-seq.animate {
        opacity: 1;
        _transform: translateY(0);
        animation-duration: 1000ms;
        animation-name: slide-in;
    }

/* img overlay */
.img-overlay {
    /*background-color: rgba(0, 0, 0, 0.2);*/
    background: linear-gradient(145deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.26) 47%, rgba(0, 0, 0, 0) 100%);
}
    .img-overlay:hover {
        /*background-color: rgba(0, 0, 0, 0.3);*/
    }

/*
.row.MINERBA .bg-catalog {
    background: transparent url('../assets/media/bg-minerba.jpg') no-repeat right center;
    background-size: cover;
}
    .row.MINERBA .bg-catalog.Minerba.One {
        background: transparent url('../assets/media/bg-minerba.jpg') no-repeat right center;
        background-size: cover;
    }

    .row.MINERBA .bg-catalog.MOMI {
        background: transparent url('../assets/media/bg-minerba.jpg') no-repeat right center;
        background-size: cover;
    }

    .row.MINERBA .bg-catalog.MODI {
        background: transparent url('../assets/media/bg-minerba.jpg') no-repeat right center;
        background-size: cover;
    }

    .row.MINERBA .bg-catalog.Produksi.Batubara {
        background: transparent url('../assets/media/bg-minerba.jpg') no-repeat right center;
        background-size: cover;
    }

.row.MIGAS .bg-catalog {
    background: transparent url('../assets/media/bg-migas.jpg') no-repeat right center;
    background-size: cover;
}
    .row.MIGAS .bg-catalog.Minyak.Mentah {
        background: transparent url('../assets/media/bg-migas.jpg') no-repeat right center;
        background-size: cover;
    }

.row.EBTKE .bg-catalog {
    background: transparent url('../assets/media/bg-ebtke.jpg') no-repeat right center;
    background-size: cover;
}

.row.GATRIK .bg-catalog {
    background: transparent url('../assets/media/bg-gatrik.jpg') no-repeat right center;
    background-size: cover;
}

.row.Lainnya .bg-catalog {
    background: transparent url('/assets/media/bg-lainnya.jpg') no-repeat right center;
    background-size: cover;
}
*/
/* MODAL */

/*.modal-content {
    background-color: #2b2b2b;
    border: 1px solid #363843;
}
.modal-header {
    border-bottom: 1px solid #363843;
}
.modal-footer {
    border-top: 1px solid #363843;
}
*/

/* JSTREE */

.jstree-default .jstree-clicked {
    background: #e2e20d !important;
}
.jstree-default .jstree-hovered {
    background: #af8b08 !important;
}


/* FORM */

.form-check-input:checked {
    background-color: #bf6e39;
    border-color: #c46d33;
}

.form-check-input {
    background-color: #ffffff;
}



/* Administrator */

.administrator {
    /*border: 1px solid red;*/
}
    .administrator .card.div-seq.animate:after,
    .administrator .card.bg-catalog:after {
        color: yellow;
        text-align: right;
        padding-right: 10px;
        font-size: 10px;
        content: "Administrator";
    }

.test1 {
    border: 1px solid red;
}

.test2 {
    border: 1px solid blue;
}

.test3 {
    border: 1px solid yellow;
}