.custom-btn {
    padding: 0.33rem 1rem;
}

.btn-green {
    background-color: #154637;
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus-visible  {
    background-color: #267d63 !important;
}
.btn-green:disabled
{
    background-color: #154637 !important;
}
.btn-red {
    background-color: #BD2130;
}

.btn-red:hover,
.btn-red:active ,
.btn-red:focus-visible {
    background-color: #d12436 !important;
}

.btn-gray {
    background-color: #5A6268;
}

.btn-gray:hover ,
.btn-gray:active,
.btn-gray:focus-visible  {
    background-color: #6A757D !important;
}

.bg-green-500 {
    background-color: #00824D !important;
}

.bg-green-300 {
    background-color: #00AD66 !important;
}

/* form controls colors */
.form-control:checked,
.form-check-input:checked {
    background-color: #00824D !important;
    border-color: #00824D !important;
}

.form-control:focus,
.btn:focus,
.form-check-input:focus,
.form-select:focus,
.dselect-wrapper .form-select.show {
    border-color: #00824ead !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .25rem #00824e2e !important;
}

.table-top-row {
    margin: 0 0;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #DEE2E6;
}
.table thead th {
    border-bottom-width: 1px;
}
.table-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.table-bottom-row .dt-buttons button {
    background-color: #154637;
    color: white;
}

.table-bottom-row .dt-buttons button:hover {
    background-color: #555;
}

.dataTable th {
    white-space: nowrap;
    word-break: break-all;
}

.dataTable td {
    word-break: break-all;
}
.dt-button.processing:after {
    display: none !important;
}
div.dt-buttons > .dt-button:focus:not(.disabled), div.dt-buttons > div.dt-button-split .dt-button:focus:not(.disabled)
{
    outline:2px solid  rgb(31, 104, 82) !important;
}
/* style for search box */
.dt-search {
    text-align: start !important;
}

.dt-search input {
    height: auto !important;
    font-size: 1rem !important;
}

.dt-search input {
    margin: 0 !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
}

/* Style the pagination container */
.table-bottom-row .dataTables_wrapper .dataTables_paginate {
    margin-top: 20px;
    text-align: center;
}

/* Style the pagination buttons */
.table-bottom-row .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    color: #333;
    margin: 0 5px;
    padding: 5px 10px;
    cursor: pointer;
}

/* Style pagination buttons on hover */
.table-bottom-row .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #e2e2e2;
}

/* Style the current page button */
.table-bottom-row .pagination .page-item .page-link {
    color: #000;
}

.table-bottom-row .pagination .page-item.active .page-link {
    background-color: #154637 !important;
    border-color: rgb(31, 104, 82);
    color: white;
}

.table-bottom-row .pagination .page-item.active .page-link:focus,
.table-bottom-row .pagination .page-item .page-link:focus {

    box-shadow: 0 0 0 .2rem rgba(76, 175, 79, 0.23);
}


/* For Select2 with default theme */
.select2-results__option[aria-disabled='true'] {
    background-color: gray; /* Light gray color */
    color: white !important;
}
/* Make sure the whole LI gets background */
.select2-results__option:has(.option-created-true) {
    background-color: gray;
}