/* Pusat Data & Sistem Informasi Kemendag RI
Mempersembahkan Catat Aku (Catatan Akuntabilitas)
Styled by @bobbyfajarc */

@import url('https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap');


@import '../app.min.css';
@import '../icons.min.css';

@import url('https://cdn.jsdelivr.net/npm/animate.css/animate.min.css');
@import url('https://cdn.jsdelivr.net/npm/aos/dist/aos.min.css');
@import url('https://cdn.jsdelivr.net/npm/apexcharts/dist/apexcharts.min.css');
@import url('https://cdn.jsdelivr.net/npm/chartist/dist/index.min.css');
@import url('https://cdn.datatables.net/v/bs5/jszip-3.10.1/dt-2.2.2/b-3.2.2/b-colvis-3.2.2/b-html5-3.2.2/b-print-3.2.2/fh-4.0.1/r-3.0.4/rg-1.5.1/datatables.min.css');
 
@import url('https://cdn.jsdelivr.net/npm/flag-icons/css/flag-icons.min.css');
@import url('https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css');
@import url('https://cdn.jsdelivr.net/npm/owl.carousel/dist/assets/owl.carousel.min.css');
@import url('https://cdn.jsdelivr.net/npm/prismjs/themes/prism.min.css');
@import url('https://cdn.jsdelivr.net/npm/selectize/dist/css/selectize.bootstrap3.css');
@import url('https://cdn.jsdelivr.net/npm/summernote/dist/summernote.min.css');
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons-outline.min.css');
@import url('https://cdn.jsdelivr.net/npm/jstree/dist/themes/default/style.min.css');


/* Scrollbar*/
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #8C90A6;
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--bs-primary);
}

.sidebar-logo-bg {
    position: absolute;
    bottom: -30px;
    right: -60px;
    width: 250px;
    height: 250px;
    background: url('../../images/logo/logo-icon-dark.svg') no-repeat center;
    background-size: contain;
    opacity: 0.1;
    transform: rotate(-15deg);
    z-index: 0;
    pointer-events: none;
}

/* Shimmer & Header Position */
@keyframes shimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.custom-shimmer {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    animation: shimmer 2s infinite linear;
    z-index: 1;
    overflow: hidden;
}

.header-illust {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 80%;
    max-width: 270px;
}

@media (max-width: 768px) {
    .header-illust {
        width: 65%;
        max-width: 200px;
        right: -10px;
        top: 50%;
        transform: translateY(-50%);
    }
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    box-shadow: inset 0 0 0 9999px rgba(var(--bs-primary-rgb), 0.08) !important;
}