body {
    padding-right: 0px !important;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon,
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .feather {
    font-size: 26px;
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon {
    font-size: 16px;
}

.layout-sidebar-large .main-header .header-part-right .user img {
    object-fit: cover;
}

.layout-sidebar-large .main-header .logo img {
    width: 50px;
    height: 50px;
}

.on-hover {
    cursor: pointer;
}

/* Table */
table .btn {
    min-width: 85px;
    margin: 2px 5px;
}

.table-responsive .dataTables_wrapper .row .col-sm-12 {
    overflow-x: auto !important;
}

.dataTables_processing.card {
    z-index: 99;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    border-radius: 0.25rem;
}

.select2-container--bootstrap4.select2-container--open .select2-selection {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* Datepicker */

.datepicker-dropdown {
    padding: 0.5rem 0.7rem !important;
}

/* Datetimepicker */

.datetimepicker {
    padding: 0.5rem 0.7rem;
}

.datetimepicker td,
.datetimepicker th {
    display: table-cell;
}

.datetimepicker .switch {
    padding-left: 0px;
}

.datetimepicker span.fa {
    font-family: "Font Awesome 5 Free", 'Font Awesome 5 Brands' !important;
    font-weight: 900;
}

.checkbox .checkmark:after {
    top: -3px;
}

i.fa-spinner {
    animation: rotation 1s infinite;
}

input[type="checkbox"][readonly] {
    cursor: default;
    pointer-events: none;
}

.biodata-penduduk-state[readonly] button {
    cursor: default;
    pointer-events: none;
}

.breadcrumb {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
}

.breadcrumb ul {
    width: 100%;
    margin-left: -7px;
    margin-top: 10px;
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon {
    margin-right: 12px;
}

.swal2-spacer {
    margin: 1rem 0 !important;
}

.layout-sidebar-large .sidebar-left-secondary {
    width: 260px;
}

.sidebar-left .tooltip-data,
.sidebar-left-secondary .tooltip-data {
    background-color: #F44336;
    width: 26px;
    display: block;
    border-radius: 10px;
    font-size: 9px;
    font-weight: bold;
    position: absolute;
    right: 5px;
    color: white;
    text-align: center;
}

.sidebar-left .tooltip-data {
    top: 5px;
}

.form-control-plaintext:focus {
    outline: none;
}

@keyframes rotation {
    100% {
        transform: rotate(360deg);
    }
}

/* Gap utilities: 1 (small) to 5 (largest) */
.gap-1 { gap: .25rem; }
.gap-2 { gap: .5rem; }
.gap-3 { gap: 1rem; }
.gap-4 { gap: 1.5rem; }
.gap-5 { gap: 3rem; }

/* Axis-specific gap utilities */
.gap-x-1 { column-gap: .25rem; }
.gap-x-2 { column-gap: .5rem; }
.gap-x-3 { column-gap: 1rem; }
.gap-x-4 { column-gap: 1.5rem; }
.gap-x-5 { column-gap: 3rem; }

.gap-y-1 { row-gap: .25rem; }
.gap-y-2 { row-gap: .5rem; }
.gap-y-3 { row-gap: 1rem; }
.gap-y-4 { row-gap: 1.5rem; }
.gap-y-5 { row-gap: 3rem; }

.ar-1-1 {
    aspect-ratio: 1 / 1;
}

.rounded-pill {
    border-radius: 50rem !important;
}