/*
Custom style for the jMeeoSelect plugins (in addition to the default bootstrap-select css)
default class assigned to the container is:
.jmeeo-select
*/

.jmeeo-select .dropdown-toggle {
    background-color: var(--bg-color-2);
    border-color: var(--bg-color-3);
    color: var(--main-text-color);
}

.jmeeo-select .dropdown-item {
    background-color: var(--bg-color-3);
    color: var(--main-text-color);
}

.jmeeo-select .dropdown-item:hover {
    background-color: var(--bg-color-4);
    color: var(--main-text-color) !important;
}

.jmeeo-select .dropdown-menu {
  max-width: 100%;
}

.jmeeo-select .dropdown-divider{
  border-top: 1px solid var(--bg-color-4);
  margin: 0.1rem 0;
}

.jmeeo-select .dropdown-item.text-muted {
  background-color: var(--bg-color-2) !important;
}