/* Verberg de originele select voor de kleurvariaties */
#kleur {
    display: none; /* Verberg de originele select dropdown */
}

/* Styling voor de custom select voor kleurvariaties */
.custom-select-wrapper {
    position: relative;
    width: 100%;
}

.custom-select {
    width: 100%;
    padding: 0px;
    background-color: #fff;
    border: 1px solid #E3E1DC;
    border-radius: 5px;
    cursor: pointer;
}

/* Wanneer de dropdown is geopend, maak de opties zichtbaar */
.custom-select.open .custom-option {
    display: flex;
}

/* Stijl voor de gesloten en open dropdown */
.custom-select.closed {
    max-height: 50px; /* Zorg ervoor dat de dropdown dicht blijft bij de standaard geselecteerde waarde */
    overflow: hidden;
}

/* Weergave van de geselecteerde optie */
.custom-select-display {
/*    display: flex; */
    align-items: center;
    padding: 10px;
    cursor: pointer;
}

.custom-select-display img {
    width: 24px;  
    height: 24px; 
    margin-right: 10px;
}

.custom-select-options {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    max-height: 300px; /* Open de dropdown volledig */
}

.custom-select-options div:hover {
    background-color: #3584e4;
}

.custom-option {
   /* display: flex; */
    align-items: center;
    padding: 10px;
    cursor: pointer;
    display: none; /* Verberg de opties eerst */
}

.custom-option img {
    width: 24px;  /* Reduced size for the option image */
    height: 24px; /* Reduced size for the option image */
    margin-right: 10px;
}

.fusion-accordian .fusion-panel.fusion-toggle-boxed-mode {
  border-radius: 5px;
}