/* Hide Select2's custom elements */
.select2-container-hidden {
    position: absolute !important;
    left: -9999px !important;
}

.select2-dropdown-hidden {
    display: none !important;
}

/* Ensure the original select is visible and styled -------------------------------------------- */
select.select2 {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

/* Style for multiple select */
select.select2[multiple] {
    height: auto !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px !important; /* Pas deze waarde aan naar wens */
  overflow-y: auto !important;
}

/* Zorg voor een consistente breedte */
.select2-container {
  width: 100% !important;
}

/* Voorkom dat de dropdown de pagina uitbreidt */
.select2-dropdown {
  max-width: 100%;
}

.timezone-dropdown {
    max-height: 300px;
    overflow-y: auto !important;
}
