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);
    }
}