* {
    font-family: system-ui;
}

input, textarea, select option, .select2-results li {
    text-align: center;
}

span.select2-selection.select2-selection--single.form-select.form-select-solid.form-select-lg.fw-bold {
    text-align: center !important;
    display: inline-block;
}

.dataTables_length {
    float: right;
}

.dataTables_filter {
    float: left;
    display: none; /* Hide the default search box */
}

.fz-20px {
    font-size: 20px;
}

/* Remove the default Select2 appearance */
.apply-custom-select2 .select2-container--default .select2-selection--single {
    border: unset !important;
    padding: 2px 10px !important;
    border-radius: 5px;
    height: 40px !important;
    background: #f5f8fa !important;
}

/* Reset font and padding */
.apply-custom-select2 .select2-selection__rendered {
    padding: 5px !important;
    height: 40px !important;
    font-size: 15px !important;
}
/* Remove the arrow dropdown icon */
.apply-custom-select2 .select2-selection__arrow {
    margin: 5px;
}

.custom-for-select2 .select2-container--bootstrap5 .select2-selection--single {
    padding: 0px 25px;
}

    .custom-for-select2 .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
        height: 32.5px !important;
    }

.custom-for-select2 span.select2.select2-container.select2-container--bootstrap5.select2-container--below.select2-container--focus {
    min-width: 150px !important;
}

[name="OrdersTable_length"] {
    margin: 3px 0px;
}

table.table-td-bold * {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

table td {
    line-height: 16px;
    padding: 5px !important;
}

.btn.btn-warning, .btn.btn-warning i {
    color: black;
}

table .btn.btn-warning, table .btn.btn-success, table .btn.btn-danger {
    margin: 2px;
    font-size: 10px !important;
    font-weight: unset;
}

#OrdersTable_wrapper input[type="checkbox"] {
    transform: scale(2);
    padding: 10px;
    margin: 10px !important;
}

.highlight-yellow {
    border-radius: 1em 0 1em 0;
    background-image: linear-gradient( -100deg, rgba(255, 224, 0, 0.2), rgba(255, 224, 0, 0.7) 95%, rgba(255, 224, 0, 0.1) );
}

.bg-aliceblue {
    /*background: aliceblue;*/
    background: linear-gradient(aliceblue, transparent);
}

[name="OrdersTable_length"] {
    min-height: 40px !important;
    margin: 0 6px !important;
    margin-top: -6px !important;
}