/*.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;
}

/* Apply this class to your modal-dialog div */
.modal-auto-width {
    max-width: 90%; /* Adjust as needed */
    width: auto;
}

/* Removes rounded corners from the main selection box */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-radius: 0 !important;
}

/* Optional: Removes rounded corners from the dropdown menu */
.select2-dropdown {
    border-radius: 0 !important;
}

/* Optional: Removes rounded corners when the dropdown is open (removes the "connected" look) */
.select2-container--open .select2-selection--single,
.select2-container--open .select2-selection--multiple {
    border-radius: 0 !important;
}

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

.input-group .select2-container {
    flex: 1 1 auto;
    width: 1% !important;
}

.icon-size {
    font-size: 15px !important;
}

.form-control{
    border-radius: 0!important;
}

.select2-container--open .select2-dropdown {
    z-index: 10000 !important;
}