/* global css */
body {
    /* font-weight: 600; */
}

p {
    /* font-size: 1.25rem; */
}

/* 1. Styling LOGO */
.fixed-background-dik {
    background: #cb2d3e;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right,
            #ef473a,
            #cb2d3e);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right,
            #ef473a,
            #cb2d3e);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* background-image: linear-gradient( 312deg, rgba(249,151,119,1) -2.1%, rgb(25 5 75) 90% ); */

    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.logo-single-dik {
    width: 110px;
    height: 35px;
    background: url(../img/logo.png) no-repeat;
    background-size: contain;
    background-position: left center;
    display: inline-block;
    margin-bottom: 60px;
}

/* 2. Datatable */
tfoot {
    display: table-header-group;
}

.dataTables_filter {
    display: none;
}

/* .row .view-filter {
    display: none;
} */

* {
    scrollbar-width: 1px;
    scrollbar-color: var(--theme-color-2) #343a40;
}

/* 3. Scroll */
*::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}

*::-webkit-scrollbar-track {
    background: #7b859043;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--theme-color-2);
    border-radius: 10px;
}

.scrollXMenu {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    min-height: 50px;
}

.scrollYMenu {
    overflow-x: hidden;
    overflow-y: auto;
    /* white-space: nowrap; */
    /* width: fit-content; */
    height: 45vh;
}

/* 4. sweet alert 2 */
body.swal2-shown>[aria-hidden="true"] {
    transition: 0.1s filter;
    filter: blur(10px);
}

/* 5. styling icon material google*/
i.material-icons-outlined.md-64 {
    font-size: 4em;
}

i.material-symbols-outlined.md-64 {
    font-size: 4em;
}



/* select2 */
span.select2-selection__clear {
    padding-right: 5px !important;
}

.select2-results__options::-webkit-scrollbar {
    width: 16px;
    background-clip: padding-box;
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: #F4F4F4;
    height: 8px;
    background-clip: padding-box;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #0F2464;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-button {
    display: none;
}

/* .select2-container .select2-selection {
    height: 60px;
    overflow: scroll;
} */

/* $("#selboxChild").select2({ width: '300px', dropdownCssClass: "bigdrop" });
SCSS */

/* .bigdrop.select2-container .select2-results {max-height: 200px;}
.bigdrop .select2-results {max-height: 200px;overflow-y: auto;}
.bigdrop .select2-choices {min-height: 150px; max-height: 150px;} */