.loader.simple-loader .loader-body {
    -webkit-background-size: 15% 15%;
            background-size: 15%;
}
.iq-navbar-header{
    height: 105px !important;
}
.iq-navbar.navs-sticky {
    height: 70px;
}
.iq-navbar .navbar-collapse .navbar-nav li .sub-drop.dropdown-menu {
    top: 65px;
}
.iq-navbar .dropdown .dropdown-menu[data-bs-popper] {
    top: 63px;
}


@media (min-width:961px)  {
    .loader.simple-loader .loader-body {
        -webkit-background-size: 5% 5%;
                background-size: 5%;
    }
    .iq-navbar-header{
        height: 189px !important;
    }
    .iq-navbar .navbar-collapse .navbar-nav li .sub-drop.dropdown-menu {
        top: 56px;
    }
    .iq-navbar .dropdown .dropdown-menu[data-bs-popper] {
        top: 57px;
    }
}

/* TABLE */
div.dataTables_wrapper div.dataTables_processing {
    top: 55px;
    border-radius: 0.35rem;
    box-shadow: 1px 1px 7px #aaa;
}
.table {
    --bs-table-color: #232d42;
    --bs-table-bg: white !important;
    --bs-table-accent-bg: white !important;
    --bs-table-active-color:  rgba(0, 0, 0, 0.7) !important;
    --bs-table-hover-color:  rgba(0, 0, 0, 0.7) !important;
}
.table tbody tr td {
    color: rgba(0, 0, 0, 0.55);
}
.input-group-text {
    color: rgba(0, 0, 0, 0.55);
}
.table-responsive .dataTables_wrapper .row .dataTables_info {
    padding-left: 0 !important;
}
.table-responsive .dataTables_wrapper .row .dataTables_filter, .table-responsive .dataTables_wrapper .row .dataTables_paginate {
    padding-right: 0 !important;
}
.table-responsive .dataTables_wrapper .row .dataTables_length {
    padding-left: 0 !important;
}

/* DROPIFY */
.dropify-wrapper .dropify-message span.file-icon {
    font-size: 21px !important;
}
.dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before {
    font-size: 41px !important;
}
.custom-form-floating-sm>label {
    width: auto !important;
}

/* FORM FLOATING */
.form-floating {
    position: relative;
    font-size: 14px !important;
}

/* SELECT2 */
.select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.5em + 0.75rem + 6px) !important;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    line-height: calc(1.5em + 1rem) !important;
}
.select2-container--bootstrap4 .select2-selection {
    border: 1px solid #eee;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: rgba(0, 0, 0, 0.55);
    line-height: calc(1.5em + 1rem);
}
.select2-container--open {
    z-index: 9999999 !important;
} 

/* INPIT */
.form-control {
    padding: 0.5rem 1rem !important;
}
label {
    color: #495057 !important;
}
.input-group-text {
    color: #495057 !important;
}

/* DROPDOWN */
.dropdown-menu {
    box-shadow: 1px 1px 9px #eee !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    margin-bottom: 1rem;
}

/* CLOCKPICKER */
.popover {
    z-index: 1063 !important;
}

/* BOX */
.box {
    border-radius: 0.25rem;
    padding: 10px; 
}
#box-kegiatan{
    height: auto;
    max-height: 315px;
    overflow: auto;
    position: relative;
}

/* SWEETALER */
.swal2-styled.swal2-confirm {
    background-color: var(--bs-primary) !important;
}
.swal2-styled.swal2-confirm:focus{
    box-shadow:0 0 0 3px rgba(100,150,200,.5) !important
}
.swal2-input{
    text-align: center;
}

.notification-counting {
    padding-top: 2.3px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
    top: -8px;
    right: 13px;
    font-size: 12px;
    min-width: 15px;
}

.sidebar.sidebar-mini+.main-content .iq-navbar.navs-sticky.menu-sticky {
    width: cover;
}
.sidebar+.main-content .iq-navbar.navs-sticky.menu-sticky {
    width: cover;
}

/* .sidebar.sidebar-default .nav-link:not(.static-item).active, .sidebar.sidebar-default .nav-link:not(.static-item)[aria-expanded=true] {
    background: var(--bs-success) !important;
}

.sidebar.sidebar-default .nav-link:not(.static-item) {
    --shadow-dark-color: var(--bs-success-rgb) !important;
}

.sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded=true]) {
    background: var(--bs-success-tint-90) !important;
    color: var(--bs-success) !important;
} */

/* .iq-header-img{
    filter: hue-rotate(282deg);
} */

::-webkit-scrollbar-thumb {
    background: #a2a0a5;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: #ebeefd !important;
}