:root{
    --sd-table-color: #5A6A85;
    --sd-table-bg: #fff;
    --sd-table-bg-type: #EAEFF4;
}
.dark-logo{
    max-height: 50px!important;
}
.bg-softgrey{
    background-color: #efefef!important;
}
.table-data td{
    padding:.8rem!important;
    vertical-align: middle!important;
    font-size: .8rem!important;
}
.table-data th{
    background-color: #f9fafb!important;
    padding: .7rem!important;
    color: #939bac!important;
    font-size: .9rem;
    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;
}