/*your custom css goes here*/

/* =========================================================================
   Project custom overrides
   ========================================================================= */

/* -------------------------------------------------------------------------
   Dropdown (aiz-selectpicker / bootstrap-select) option readability.
   The theme rendered the selected/active option as light (white) text on a
   light-grey background, making it invisible. Force readable colours:
     - normal option : dark text on white
     - hovered option: brand colour text on a soft tint
     - selected/active option: white text on the brand colour
   ------------------------------------------------------------------------- */
.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-menu .dropdown-item,
.bootstrap-select .dropdown-menu li a .text,
.bootstrap-select .dropdown-menu .dropdown-item .text {
    color: #2b2b3a !important;
}

.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-menu .dropdown-item {
    background-color: #fff;
}

/* Hover / keyboard focus */
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus,
.bootstrap-select .dropdown-menu .dropdown-item:hover,
.bootstrap-select .dropdown-menu .dropdown-item:focus {
    background-color: #fdeef3 !important;
}
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus,
.bootstrap-select .dropdown-menu .dropdown-item:hover,
.bootstrap-select .dropdown-menu .dropdown-item:focus,
.bootstrap-select .dropdown-menu li a:hover .text,
.bootstrap-select .dropdown-menu .dropdown-item:hover .text,
.bootstrap-select .dropdown-menu .dropdown-item:focus .text {
    color: #e6356b !important;
}

/* Currently selected / active option */
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li.active a,
.bootstrap-select .dropdown-menu .dropdown-item.selected,
.bootstrap-select .dropdown-menu .dropdown-item.active,
.bootstrap-select .dropdown-menu .dropdown-item:active,
.bootstrap-select .dropdown-menu li.selected a .text,
.bootstrap-select .dropdown-menu li.active a .text,
.bootstrap-select .dropdown-menu .dropdown-item.selected .text,
.bootstrap-select .dropdown-menu .dropdown-item.active .text {
    background-color: #e6356b !important;
    color: #fff !important;
}

/* Disabled options stay muted but readable */
.bootstrap-select .dropdown-menu li.disabled a,
.bootstrap-select .dropdown-menu .dropdown-item.disabled {
    color: #9a9aa8 !important;
    background-color: #fff !important;
}

/* Search box inside the dropdown */
.bootstrap-select .bs-searchbox .form-control {
    color: #2b2b3a !important;
}