html{width:100%}body{overflow-x:hidden!important}body.show-spinner>*{opacity:0}body.show-spinner:before{content:" ";display:inline-block;width:30px;height:30px;border:2px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:rgba(0,0,0,.3);animation:a 1s ease-in-out infinite;-webkit-animation:a 1s ease-in-out infinite;left:calc(50% - 15px);top:calc(50% - 15px);position:fixed;z-index:1}@keyframes a{to{transform:rotate(1turn)}}
li.select2-results__option ul.select2-results__options{margin-left: 10px !important;}
/* Antisipasi widget_uprofile tidak mencetak class="dropdown-item" *
.navbar-right .user .dropdown-menu.dropdown-menu-right a{padding: .75rem 1.5rem;color: #212121;display: block;width: 100%;clear: both;font-weight: 400;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;}*/
.adv-table { width: 100%; }
.footer .footer-inner {text-align: center;}
label {margin-bottom: 0;}
form.form-horizontal label { font-weight: bold; }

.custom-switch .custom-switch-input:disabled+.custom-switch-btn { cursor: not-allowed; background: rgba(33,33,33,.40); border-color: #a7a7a7;}
.custom-switch.switch-xs .custom-switch-input+.custom-switch-btn {width: 34px; height: 16px; padding: 1px;}
.custom-switch.switch-xs .custom-switch-input+.custom-switch-btn:after, .custom-switch.switch-xs .custom-switch-input+.custom-switch-btn:before { width: 12px; height: 12px; }
.custom-switch.switch-xs .custom-switch-input:checked+.custom-switch-btn:after { left: 17px; }
.custom-switch.switch-sm .custom-switch-input+.custom-switch-btn {width: 41px; height: 20px; padding: 2px;}
.custom-switch.switch-sm .custom-switch-input+.custom-switch-btn:after, .custom-switch.switch-sm .custom-switch-input+.custom-switch-btn:before { width: 14px; height: 14px; }
.custom-switch.switch-sm .custom-switch-input:checked+.custom-switch-btn:after { left: 20px; }
.custom-switch.switch-md .custom-switch-input+.custom-switch-btn {width: 51px; height: 25px; padding: 2px;}
.custom-switch.switch-md .custom-switch-input+.custom-switch-btn:after, .custom-switch.switch-md .custom-switch-input+.custom-switch-btn:before { width: 19px; height: 19px; }
.custom-switch.switch-md .custom-switch-input:checked+.custom-switch-btn:after { left: 24px; }

.custom-checkbox.checkbox-info .custom-control-input:checked~.custom-control-label:before, .custom-radio.radio-info .custom-control-input:checked~.custom-control-label:before { background-color: #3195a5; border: 1px solid #3195a5; }
.custom-checkbox.checkbox-warning .custom-control-input:checked~.custom-control-label:before, .custom-radio.radio-warning .custom-control-input:checked~.custom-control-label:before { background-color: #b69329; border: 1px solid #b69329; }
.custom-checkbox.checkbox-success .custom-control-input:checked~.custom-control-label:before, .custom-radio.radio-success .custom-control-input:checked~.custom-control-label:before { background-color: #3e884f; border: 1px solid #3e884f; }
.custom-checkbox.checkbox-danger .custom-control-input:checked~.custom-control-label:before, .custom-radio.radio-danger .custom-control-input:checked~.custom-control-label:before { background-color: #c43d4b; border: 1px solid #c43d4b; }

.dropdown-menu .divider { border: 0.5px solid rgba(33, 33, 33, .15) }
.dark-theme .dropdown-menu .divider { border: 0.5px solid hsla(0, 0%, 59%, .15) }

.dark-theme .tabeleditor tbody>tr:nth-child(odd) td:first-child, .tabelberwarna tbody>tr:nth-child(odd) td:first-child { border-left: 6px solid #eee; }
.dark-theme .tabeleditor tr.group td { background-color: #3e3e3e !important; }
.dark-theme .list-group-item { background-color: rgba(255,255,255,.25); }
/*Untuk perbaiki form-control saat memiliki child valid-icon,invalid-icon,valid-tooltip,invalid-tooltip*/
!div.form-controls div.valid-icon,!div.form-controls div.invalid-icon,
!div.form-controls div.valid-tooltip,!div.form-controls div.invalid-tooltip,
!div.input-group div.valid-icon,!div.input-group div.invalid-icon,
!div.input-group div.valid-tooltip,!div.input-group div.invalid-tooltip { position: relative;}
.switch-inline { display: inline-block; float: right; }
.switch-inline > label { position: relative; top: -5px; padding-right: 4px; }
.switch-inline > .custom-switch { display: inline-block; }

.symbol.required:before { content: "*"; display: inline; color: #E6674A; font-size: 20px; line-height: 10px; padding-left: 0px; }

.red-tooltip + .tooltip > .tooltip-inner {background-color: #dc3545;}
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color: #dc3545; }

/*TAMABAHN CSS*/
.navbar #notificationDropdown, .navbar .notification-dropdown {
    width: 260px;
    padding: 1.5rem;
    height: 280px;
    right: 15px
}

.navbar .header-icon#notificationButton .count, .navbar .header-icon.notification-button .count {
    font-size: 9px;
    color: #880a1f;
    border: 1px solid #880a1f;
    border-radius: 10px;
    position: absolute;
    width: 18px;
    height: 15px;
    text-align: center;
    font-weight: 700;
    top: 2px;
    right: 2px;
    line-height: 14px
}

@media (max-width:575px) {
    .navbar .header-icon#notificationButton .count, .navbar .header-icon.notification-button .count {
        right: -1px
    }
}

.modal:nth-child(2) {
    z-index: 1052 !important;
}
.modal-backdrop.show:nth-child(2) {
    z-index: 1051 !important;
}
.modal:nth-child(3) {
    z-index: 1054 !important;
}
.modal-backdrop.show:nth-child(3) {
    z-index: 1053 !important;
}
.modal:nth-child(4) {
    z-index: 1056 !important;
}
.modal-backdrop.show:nth-child(4) {
    z-index: 1055 !important;
}
/*END TAMBAHAN CSS*/