:root {
    --bs-body-color: #333;
    --bs-body-bg: #eff2f6;
}

a {
    text-decoration: none;
}

td, th {
    white-space: nowrap;
}

.table > :not(:first-child) {
    border-top: none;
}

.table {
    color: #000;
}

.form-control {
    color: #000;
}

.fw-semi-bold {
    font-weight: 500;
}

.table .thead-light th {
    border-color: #ddd;
    background-color: #f6f9fc
}

.text-decoration-underline {
    text-decoration-skip-ink: none;
}

.table thead tr th {
    text-align: center;
    vertical-align: middle;
}

.table tr td {
    padding: .3rem;
    vertical-align: middle;
}

.table {
    margin-bottom: 0;
}

.card-footer,
.card-header {
    padding: .7rem .7rem;
}

.select2-container--default .select2-selection--single {
    border-color: #ced4da;
}

select + .select2-container--bootstrap-5 {
    z-index: 0;
}

.form-floating > textarea.form-control {
    height: unset;
}

.cddl-logo {
    width: 100px;
}

.mt-logo {
    width: 100px;
}

.card thead.tableSlimHead th,
.card .tableSlimHead thead th {
    font-size: 13px;
}

.card .tableSlimHead th {
    padding: .4rem;
}

.card .tableEndNoBorder td:first-child,
.card .tableEndNoBorder th:first-child {
    border-left: 0;
}

.card .tableEndNoBorder td:last-child,
.card .tableEndNoBorder th:last-child {
    border-right: 0;
}

.card .tableBorderLastChild tbody tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.border-radius-0 {
    border-radius: 0;
}

.form-control.highlight {
    background-color: #fff1e1;
}

.table tr td .form-control {
    padding: .4rem;
}

.table tr td.p-0 .form-control {
    height: 34px;
}

    .table tr td.p-0 .form-control:focus {
        box-shadow: none;
        background-color: #fbe4ca
    }

td > select.form-select + .select2-container .select2-selection {
    padding: .5rem 2rem .5rem .4rem;
    height: 38px;
}

    td > select.form-select + .select2-container .select2-selection .select2-selection__arrow {
        top: 17%;
        right: 7px;
    }

.card-header .select2-container .select2-selection {
    padding: .5rem 1.5rem .4rem .5rem;
    height: 35px;
    width: 300px;
}

    .card-header .select2-container .select2-selection .select2-selection__arrow {
        top: 10%;
        right: 4px;
    }

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

.fw-bold {
    font-weight: 600 !important;
}

#notificationItems.dropdown-menu {
    width: 350px;
    word-wrap: break-word;
    right: -50px;
    left: auto;
}

#profileItems.dropdown-menu {
    word-wrap: break-word;
    right: 0px;
    left: auto;
    top: auto;
}

.white-space-pre-line {
    white-space: pre-line;
}

.action,
.serial {
    width: 45px;
    text-align: center;
}

.action {
    padding-top: 0;
    padding-bottom: 0;
}

.td-amount {
    width: 115px;
    text-align: right;
}

.serial-col {
    width: 35px;
}

.col-80p,
.quantity-col,
.amount-col,
.date-col,
.action-col {
    width: 80px;
}

.col-20p {
    width: 20px;
}

.col-40p {
    width: 40px;
}

.col-50p {
    width: 50px;
}

.col-60p {
    width: 60px;
}

.col-80p {
    width: 80px;
}

.col-100p {
    width: 100px;
}

.col-120p {
    width: 120px;
}

.col-150p {
    width: 150px;
}

.col-200p {
    width: 200px;
}

.col-250p {
    width: 250px;
}

.col-300p {
    width: 300px;
}

.col-20pm {
    min-width: 20px;
}

.col-40pm {
    min-width: 40px;
}

.col-50pm {
    min-width: 50px;
}

.col-60pm {
    min-width: 60px;
}

.col-80pm {
    min-width: 80px;
}

.col-100pm {
    min-width: 100px;
}

.col-120pm {
    min-width: 120px;
}

.col-150pm {
    min-width: 150px;
}

.col-200pm {
    min-width: 200px;
}

.col-250pm {
    min-width: 250px;
}

.col-300pm {
    min-width: 300px;
}

td.amount-col {
    text-align: right;
}

.col-7pt {
    width: 7%;
}

.modal-xl {
    max-width: 98% !important;
}

.form-check label {
    cursor: pointer;
}