.page-content th > .form-control {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 479px) {
    .panel-actions .dataTables_length {
        display: none;
    }
}

@media (max-width: 320px) {
    .panel-actions .dataTables_filter {
        display: none;
    }
}

@media (max-width: 767px) {
    .dataTables_length {
        float: left;
    }

    #exampleAddRow_wrapper .col-sm-12 {
        overflow-x: auto;
    }
}

.dataTables_processing {
    background-color: transparent !important;
}

.form-material.form-group .form-control-label {
    padding-top: 5px !important;
}

.form-horizontal .form-control-label {
    padding: 0;
}

table.dataTable thead {
    background-color: #365390;
}

table.dataTable.dtr-inline thead {
    background-color: #424242 !important;
}

table.dataTable thead tr th {
    font-weight: 500 !important;
    color: #fff !important;
}

table.dataTable tbody {
    color: #504f4f;
    font-weight: 400;
}

table.dataTable td {
    vertical-align: middle;
}

#ms-menu-list {
    margin: auto;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_filter select {
    width: 140px;
    display: inline-block;
}

table.dataTable tbody td {
    font-weight: 500 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.table tfoot th,
.table thead th {
    font-weight: 500 !important;
    color: #fff !important;
}

.table thead {
    background-color: #bd2e30 !important;
}

.table.dataTable {
    width: 100% !important;
}

tr.even {
    background: #f6f6f6 !important;
}

th,
td {
    white-space: nowrap;
}

div.dataTables_wrapper {
    margin: 0 auto;
}

.dataTable td {
    padding: 8px 20px;
}

.dataTable th {
    padding: 12px 20px;
}

.DTFC_RightBodyWrapper,
.dataTables_scrollBody {
    border-right: solid 0.5px #eee;
}

.dataTables_scrollBody {
    border-left: solid 0.5px #eee;
    border-bottom: solid 0.5px #eee;
}

/* @media (min-width: 768px) { */
.dataTables_scrollHeadInner table.dataTable {
    overflow: hidden !important;
}

/* } */

.dataTable tbody tr.selected {
    background: #feaba0 !important;
}

div.dataTables_wrapper div.dataTables_processing {
    z-index: 99;
}

.dataTable thead tr th {
    text-align: center !important;
}

tr.blur-background {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(100px);
    --webkit-backdrop-filter: blur(100px);
}

tr.blur-background,
tr.blur-background .btn-pure.btn-info,
tr.blur-background .btn-pure.btn-warning,
tr.blur-background .btn-pure.btn-danger {
    color: rgba(97, 97, 97, 0.2) !important;
}

.dataTables_scrollHead {
    border-top-right-radius: 2.8rem 0.8rem;
    border-top-left-radius: 2.8rem 0.8rem;
}

ul.pagination {
    padding-top: 0.85em;
}

.pagination a.page-link {
    padding: 0.4rem 0.8rem;
    margin: 0 0.2rem;
    border: 0 !important;
    border-radius: 0.3rem;
}

/* Target hanya select dengan atribut name="table_data_length" */
select[name="table_data_length"] {
    padding-left: 0.2rem !important;
    padding-right: 0 !important;
    width: 54px !important;
    border-radius: 0.4rem;
    height: 1.9rem !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

/* Hilangkan panah di Internet Explorer */
select[name="table_data_length"]::-ms-expand {
    display: none !important;
}

#table_data_processing {
    background: transparent !important;
}

/* Fixed Column Styling */
.DTFC_RightBodyLiner {
    margin-top: -6.2px;
    height: 487px !important;
    /* overflow-y: hidden !important; */
    /* overflow-y: auto !important; */
    overflow: hidden !important;
}

.DTFC_RightBodyLiner .dataTable td {
    padding-left: 0 !important;
}

.DTFC_RightBodyWrapper {
    /* z-index: 9; */
    margin-top: -6.2px;
    /* height: 477px !important; */
}

.DTFC_RightHeadBlocker {
    height: 46px;
    background: #bd2e30;
    border-top-right-radius: 3.8rem 1.2rem;
    /* width: 30px !important; */
    /* right: -19px !important; */
}

.dataTables_length {
    float: left;
}

td.dataTables_empty {
    z-index: 99;
    position: relative;
}

.DTFC_RightBodyLiner .DTFC_Cloned {
    overflow: hidden !important;
}