/* Global Dropdown Style {Light Mode}
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Default Style
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

.dropdown {
    color: #333133 !important;   
}

.dropdown .Select-control {
    background-color: transparent !important;
    border: 1px solid #74747E !important;    
}

/* Select Text Input */
.dropdown .Select-input input {
    color: #333133 !important;
}

/* Selected Value */
.dropdown .Select-control .Select-value .Select-value-label {
    color: #333133 !important;
}

.dropdown .Select-control .Select-value .Select-value-label span {
    color: #333133 !important;
}

/* Add Below Classes for Custom Dropdown Width
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.dropdown_large .Select-control {
    background-color: transparent !important;
    border: 1px solid #74747E !important;  
    color: #333133 !important;
}

.dropdown_xlarge .Select-control {
    background-color: transparent !important;
    border: 1px solid #74747E !important;  
    color: #333133 !important;
}   

/* Dash Overrides
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Dropdown Menu Overrides */
.Select-menu-outer {
    background: white !important;
    color: #333133 !important;
    border: .5px solid #868686 !important;
}
.Select-menu-outer:hover {
    border: .5px solid #868686 !important;
}