:root {
    --sd-table-color: #5A6A85;
    --sd-table-bg: #fff;
    --sd-table-bg-type: #EAEFF4;
}

.action-loader {
    display: flex;
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: rgba(255, 255, 255, .3);
}

.preloader {
    /* background: rgba(255, 255, 255, .3) !important; */
}

.dark-logo {
    max-height: 50px !important;
}

.bg-softgrey {
    background-color: #efefef !important;
}

.dt-list td {
    padding: .5rem !important;
    vertical-align: middle !important;
    font-size: .8rem !important;
}

.dt-list th {
    background-color: #f9fafb !important;
    padding: .5rem !important;
    color: #939bac !important;
    font-size: .8rem;
    font-weight: 500;
}

.table-data .btn-sm {
    padding: .3rem .5rem !important;
    font-size: .65rem !important;
}

.page-wrapper {
    min-height: 100vh !important;
}

.modal-no-rounded {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.round-logo-pemda {
    width: 120px;
    height: 120px;
}

.border-bottom-primary-3 {
    border-bottom: 3px solid var(--bs-primary);
}

.sidebar-avatar {
    width: 50px;
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    border-bottom-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

.table th {
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--sd-table-color))) !important;
    padding: 8px !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--sd-table-color);
    --bs-table-bg-type: var(--sd-table-bg-type);
}

body table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
}

.form-control:disabled {
    background-color: #F9FAFB !important;
}

.dt-list td {
    color: var(--sd-table-color) !important;
    vertical-align: middle;
    padding: 6px !important;
    font-size: .85rem !important;
}

.dt.table-responsive {
    /* overflow-x: clip!important; */
    overflow-x: scroll;
    overflow-y: clip !important;
}

.lds-ripple {
    width: 200px !important;
}

.select2-close-mask {
    z-index: 2099;
}

.select2-dropdown {
    z-index: 3051;
}

.dataTable thead td,
.dataTable thead th {
    white-space: nowrap;
}

.bg-auth {
    background-image: url('../images/bg-auth.webp');
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
}

.header-logo {
    max-height: 100px;
}

.show-sidebar .dark-logo {
    max-height: 36px !important;
}

.preloader {
    display: flex;
}