body {
    overflow-x: hidden;
}

.main-content {
    overflow: visible !important;
}

.jfTFaH {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
}

.jfTFaH .circle-spot {
    background-color: rgb(32, 116, 187);
    border-radius: 50%;
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: 10px;
}

.fhQuvz {
    position: relative;
    margin: 0px auto;
}

.bOuIyv {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin-right: 8px;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-transform: uppercase;
}

.hyugPH {
    position: absolute;
    line-height: 0;
}

.bOuIyv.default {
    background: rgb(244, 244, 246);
    border: 1px dashed rgb(188, 190, 199);
}

/*select2*/
.select2-container .selection {
    display: block !important;
    height: 38px !important;
    white-space: nowrap !important;
    line-height: 26px !important;
}

.select2-container .select2-selection {
    height: 38px !important;
    padding: 0.375rem 0.75rem !important;
}

.select2-container .select2-selection .select2-selection__rendered {
    padding-left: 0 !important;
}

/* Đổi màu nền của nút pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #fff;
    color: #333;
    border: none;
}

/* Đổi màu khi nút pagination được hover */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #038edc !important;
    color: #fff !important;
    border: none;
    border-radius: 6px;
}

/* Đổi màu của trang hiện tại */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #038edc;
    color: #fff !important;
    border: none;
    border-radius: 6px;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 1.6rem !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 1.25rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #038edc !important;
    color: #fff !important;
    border: none;
    border-radius: 6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: transparent !important;
}

table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable thead th,
table.dataTable thead td {
    padding: 0.75rem 0.75rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px !important;
    -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
    border-color: rgb(239, 240, 242) !important;
    overflow-x: hidden;
}

table.dataTable tbody td:last-child {
    overflow-x: unset;
}

table.dataTable thead th,
table.dataTable thead td {
    font-weight: bold !important;
}

table.dataTable tbody {
    border-color: rgb(239, 240, 242) !important;
}

table.dataTable.no-footer {
    border-color: rgb(239, 240, 242) !important;
}

.modal .select2-container *,
.modal .select2-container {
    z-index: 1051;
}

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

.select2-container .select2-selection--single {
    height: calc(2.25rem + 2px) !important;
}

.select2-selection__arrow {
    height: calc(2.25rem + 2px) !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #eff0f2 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.table {
    table-layout: auto !important;
}

.title-bold {
    font-weight: bold !important;
}

.text-red {
    color: #f00;
    font-weight: 700;
}

.bg-moore {
    background-color: #1a56db !important;
}