.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    line-height: 2.5rem !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 0 !important;
}
.custom-control{
    padding-left: 1.5rem !important;
}
.custom-control-label{
    font-weight: 500 !important; 
    position: unset !important;
}
.custom-control-label::before {
    left: 0 !important;
}
.custom-control-label::after {
    left: 0 !important;
}

/* costum wizard */
.wizard > .content{
    max-height: calc(100% - 120px);
    overflow: scroll;
    min-height: 60vh !important;
    margin: 0.25em !important;
}
.wizard > .content > .body{
    width: 100% !important;
}
.wizard > .steps .number{
    display: none;
}
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{
    margin: 0 0.25em 0.25em !important;
    padding: 0.25em 0.5em !important;
}
.wizard > .content > .body label.error{
    margin-left: 0.25em !important;
    font-size: 0.8em;
}
.toggle-btn {
    width: 200px; /* Atur lebarnya sama */
    height: 60px; /* Tinggi juga bisa diatur biar seimbang */
    padding: 10px;
    text-align: center; /* Tengahin teks */
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-grow: 1;
    padding: 0.5rem;
    border: none;
    background-color: #f8f9fa;
    color: #6c757d;
    }
.toggle-btn.active {
background-color: #053E5D;
color: white;
}
/* datatable */
.scrolledTable{ overflow-y: auto; clear:both; overflow-x: unset }