.select2-selection__rendered {
    line-height: 32px !important;
}

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

.select2-selection__arrow {
    height: 36px !important;
}

.swal2-container {
    z-index: 9999;
}

.new-modal-title {
    font-size: 16px !important;
    text-transform: uppercase;
    color: black;
    font-weight: 700 !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    font-weight: bold !important;
    font-size: xx-large;
    color: red !important;
    /*  position: absolute !important;
    right: 20px !important;*/
}

/*.select2-selection__clear::before {*/
/* Add a custom icon using a pseudo-element */
/*content: "\f00d";*/ /* Example: Font Awesome 'x' icon */
/*font-family: "Font Awesome 5 Free";*/ /* Or your chosen icon font */
/*font-weight: 900;
    color: #999;*/ /* Adjust color as needed */
/*}*/

.baseColor {
    background-color: #81c784bf !important;
}

.color-legend {
    list-style: none; /* Remove default list bullets */
    padding: 0;
    margin: 0;
    display: flex; /* Use flexbox for horizontal layout */
    gap: 15px; /* Space between legend items */
    align-items: center; /* Vertically align items */
}

.legend-item {
    display: flex;
    align-items: center;
}

.color-swatch {
    width: 15px; /* Size of the color square */
    height: 15px;
    border: 1px solid #ccc; /* Optional border for definition */
    margin-right: 5px; /* Space between swatch and label */
    display: inline-block; /* Ensure it respects width/height */
}

    /* Define specific colors for swatches */
    .color-swatch.base {
        background-color: #81c784bf !important;
    }

    .color-swatch.ActiveAvailblity, .ActiveAvailblity {
        background-color: #fff59d !important
    }

    .color-swatch.Immididate, .Immididate {
        background-color: #CE93D8 !important
    }

    .color-swatch.LD, .LD {
        background-color: #b3e5fc !important;
    }

    .color-swatch.Place, .Place {
        background-color: #ffcdd2 !important;
    }

.legend-label {
    font-size: 0.9em; /* Adjust font size as needed */
    color: #333;
}

div.dataTables_filter input {
    width: 300px !important;
}