.bootstrap-select.crud,
.bootstrap-select.teal{
    --color: #1aa798;
}

.bootstrap-select.design{
    --color: var(--color-primary);
}

.bootstrap-select .dropdown-item.active{
    background-color: var(--color);
}

.popover-header{
    padding: 15px;
}

.bootstrap-select.crud > .dropdown-toggle{
    padding: 15px;
    background-color: var(--color);
    color: white;
}

.bootstrap-select.teal > .dropdown-toggle{
    border-radius: 9999px;
}

.bootstrap-select .filter-option-inner-inner .text-muted{
    display: block;
    font-size: 10px;
}

.bootstrap-select .text-muted{
    color: rgba(255,255,255, .7) !important;
}

.bootstrap-select .dropdown-item:focus, .bootstrap-select .dropdown-item:hover{
    background-color: var(--color);
    color: white;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger{
    color: white;
}


.bootstrap-select > .dropdown-toggle{
    background-color: var(--color);
    color: white;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 30px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover{
    color: white;
}

.bootstrap-select .filter-option-inner-inner{
    text-transform: uppercase; 
}

.bootstrap-select > .dropdown-toggle.bs-placeholder{
    background-color: var(--color);
    color: white;
    text-transform: uppercase;
}

.bootstrap-select .dropdown-item.active{
    background-color: var(--color);
}