.layout-navbar {
    width:100% !important;
    position: sticky;
    top: 0;
}
.card-header h3 {
    color: #000 !important;
    font-weight: 600;
}
.head-color {
    background-color: #faf3ff;
}.head-color span{
    color: #8800e2;
}
.table.dataTable td.dt-type-numeric {
    text-align: left;
}
.table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left;
}
tr td {
    color: #000;
}
table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 0%) !important;
}
.action-btns {
    padding: 0.2375rem 1.25rem !important;
}


/* Ensure consistent size for select2 container */
.select2-container .select2-selection--multiple {
    height: auto;  /* Use auto for multiple selects to fit tags */
    min-height: 38px;  /* Enforce a minimum height */
    padding: 5px;  /* Add some padding */
    background-color: #fff;  /* Ensure background color */
    border: 1px solid #ced4da;  /* Border for visual consistency */
    box-sizing: border-box;  /* Prevent overflow */
    border-radius: 4px;  /* Optional: rounded corners */
}

/* Ensure consistent size for selected items (tags) */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #a415db;  /* Background for selected items */
    border-color: #007bff;  /* Border for selected items */
    color: #fff;  /* Text color for selected items */
    padding: 0 10px;  /* Add padding inside selected items */
    margin-right: 5px;  /* Spacing between selected items */
    border-radius: 4px;  /* Optional: rounded tags */
    font-size: 14px;  /* Adjust text size */
    line-height: 24px;  /* Ensure consistent line-height */
}

/* Placeholder and options styling */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #6c757d;  /* Placeholder color */
    font-style: italic;  /* Placeholder in italics */
}

.select2-container--default .select2-results__option {
    padding: 10px;  /* Space inside each option */
    font-size: 14px;  /* Adjust font size */
    line-height: 24px;  /* Ensure consistent line-height */
}

/* Highlight selected option */
.select2-container--default .select2-results__option--highlighted {
    background-color: #007bff;  /* Background for highlighted option */
    color: white;  /* Text color for highlighted option */
}

/* Prevent z-index issues with other elements */
.select2-container {
    z-index: 9999 !important;
}

/* Ensure select2 dropdown stays consistent in size */
.select2-dropdown {
    box-sizing: border-box;  /* Prevent size issues */
}

/* Set the width for the Select2 container */
.select2-container {
    width: 32.75em; /* Desired width */
}

/* Ensure the selection area is also the same width */
.select2-container .select2-selection--multiple {
    width: 100%; /* Fill the width of the container */
}

/* Ensure the search field in the dropdown takes full width */
.select2-container .select2-search__field {
    width: 100% !important; /* Fill the width of the dropdown */
}

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

/* Optional: Make the dropdown responsive */
@media (max-width: 768px) {
    .select2-container {
        width: 100%; /* Full width on smaller screens */
    }
}