/* Perbesar switch */
.custom-switch .form-check-input {
    width: 50px;
    height: 26px;
    cursor: pointer;
    position: relative;
}

/* Text ON */
.custom-switch .form-check-input:checked::before {
    content: "ON";
    position: absolute;
    left: 6px;
    top: 5px;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
}

/* Text OFF */
.custom-switch .form-check-input:not(:checked)::before {
    content: "OFF";
    position: absolute;
    right: 6px;
    top: 5px;
    font-size: 11px;
    color: #ffffff;
    font-weight: 600;
}

.table-compact th,
.table-compact td {
    padding: 8px 12px !important; /* default bootstrap 12px */
    font-size: 14px;
}

.table-compact thead th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.table-compact .btn {
    padding: 3px 6px;
    font-size: 13px;
}