/*************************************************************************/
/* BOOTSTRAP SELECT                                                      */
/*************************************************************************/

.bootstrap-select.form-control {
    width: 100%;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

    .bootstrap-select.form-control > .dropdown-toggle {
        width: 100%;
        min-height: 38px;
        padding: 8px 34px 8px 12px;
        color: var(--form-text, #465468);
        background-color: var(--form-background, #ffffff);
        border: 1px solid var(--form-border, #d9e0e7);
        border-radius: 7px;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        box-shadow: none;
        text-shadow: none;
    }

        .bootstrap-select.form-control > .dropdown-toggle:hover {
            color: var(--form-text, #465468);
            background-color: #ffffff;
            border-color: #cbd4dd;
        }

        .bootstrap-select.form-control.open > .dropdown-toggle,
        .bootstrap-select.form-control > .dropdown-toggle:focus,
        .bootstrap-select.form-control > .dropdown-toggle:active {
            color: var(--form-text, #465468);
            background-color: #ffffff;
            border-color: var(--form-accent, #b18849);
            outline: 0 !important;
            box-shadow: 0 0 0 2px rgba(177, 136, 73, 0.12);
        }

/*************************************************************************/
/* MULTIPLE SELECT                                                       */
/*************************************************************************/

.bootstrap-select.show-tick .dropdown-menu li.selected a {
    font-weight: 500;
}

    .bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark {
        color: var(--form-text, #465468);
    }