/* Write your custom CSS here */
.tutorial-item {
    width: 30px;
    height: 30px;
}

div.dataTables_scrollBody thead {
    display: none;
}

div.container {
    width: 80%;
}

table.dataTable {
    table-layout: fixed;
    /* width: 100%; */
}

table.dataTable th {
    padding: 15px 25px !important;
    font-size: 12px;
}

table.dataTable td {
    padding: 5px 25px !important;
    font-size: 12px;
}

table.dataTable td h6 {
    margin-bottom: 0px;
}

table.dataTable th:first-child, table.dataTable td:first-child {
    width: 100px;
    overflow: hidden;
}

table.dataTable th:not(:first-child), table.dataTable td:not(:first-child) {
    width: 180px;
    overflow: hidden;
}

table.dataTable th:nth-child(3), table.dataTable td:nth-child(3) {
    text-align: right;
}

table.dataTable th:nth-child(9), table.dataTable td:nth-child(9) {
    width: 250px;
    overflow: hidden;
}

table.dataTable th:nth-child(14), table.dataTable td:nth-child(14) {
    width: 250px;
    overflow: hidden;
}

table.dataTable th:last-child, table.dataTable td:last-child {
    width: 250px;
    overflow: hidden;
}

.dataTables_length, .dataTables_filter {
    margin-bottom: 1em;
}

.dataTables_wrapper .row:last-child {
    margin-top: 1em;
    margin-bottom: 1em;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center;
}

.dataTables_scrollBody tfoot.datatable_footer {
    display: none;
}

.dataTables_scrollFoot {
    display: block;
}

@media (min-width: 768px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: flex-end;
    }
}

div.dataTables_wrapper div.dataTables_filter input {
    width: 210px;
}

.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.select2-selection.select2-selection--single {
    height: 42px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-top: 5px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #295F98 !important;
    color: white !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-top: 5px !important;
}

.select2-selection.select2-selection--single {
    border-radius: 10px;
}

.select2-selection.select2-selection--single {
    border-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #999 !important;
}

.search-tanggal-buat-awal.form-control, .search-tanggal-buat-akhir.form-control,
.search-tanggal-bayar-awal.form-control, .search-tanggal-bayar-akhir.form-control {
    border-color: #aaaaaa;
    color: #999;
}

.search-menu.form-control {
    border-color: #aaaaaa !important;
}

ion-icon {
    width: 1.3em;
    height: 1.3em;
}

.btn-search, .btn-cancel, .btn-export, .btn-filter {
    display: flex;
    height: 42px;
    align-items: center;
    }

.btn-search, .btn-cancel {
    --ionicon-stroke-width: 45px;
    font-weight: var(--ionicon-stroke-width);
}

.swal2-title {
    font-weight: 500 !important;
}

th {
    white-space: nowrap !important;
}

.swal2-styled.swal2-confirm {
    background-color: #295F98 !important;
}

.swal2-modal .swal2-styled:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.history-status.badge {
    font-size: 10px;
    padding: 5px 10px;
}