/*!
 * Bootstrap-select material theme v1.2
 * 
 * A material design mod by djibe (Dependencies : Material Design Icons by Google and Daemonite Material UI)
 * Free for personnal use only, no commercial use allowed
 * Known bugs : No RTL support, dropup, floating label
 *
 * Based on Bootstrap-select v1.13.1 https://developer.snapappointments.com/bootstrap-select
 *
 * Copyright 2012-2018 SnapAppointments, LLC
 * Licensed under MIT https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE
 */

.show > .btn.dropdown-toggle {
    background-image: linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.12))
}


.btn-float-dropdown .dropdown-menu {
    border-radius: 0;
    margin-top: 1rem;
    min-width: 3.5rem;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center
}

    .btn-float-dropdown .dropdown-menu:before {
        display: none
    }

    .btn-float-dropdown .dropdown-menu .btn-float {
        display: block;
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto
    }


.dropdown-toggle.dropdown-toggle-split {
    padding-left: .2em;
    padding-right: .2em
}

    .dropdown-toggle.dropdown-toggle-split:after, .dropleft .dropdown-toggle.dropdown-toggle-split:before {
        margin-left: 0;
        margin-right: 0
    }


.dropdown, .dropleft, .dropright, .dropup {
    position: relative
}

.dropdown-menu {
    background-color: transparent;
    border-radius: 2px;
    color: inherit;
    display: none;
    float: left;
    font-size: 1rem;
    font-weight: 400;
    left: 0;
    line-height: 1.5rem;
    list-style: none;
    margin: 0;
    min-width: 7rem;
    padding: .5rem 0;
    position: absolute;
    text-align: left;
    text-align: start;
    top: 100%;
    z-index: 80
}

[dir=rtl] .dropdown-menu {
    text-align: right;
    text-align: start
}

.dropdown-menu.show {
    display: block
}

    .dropdown-menu.show:before, .dropdown-menu.show > * {
        -webkit-animation-duration: .3s;
        -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
        animation-duration: .3s;
        animation-timing-function: cubic-bezier(.4,0,.2,1)
    }

@media (min-width:576px) {
    .dropdown-menu.show:before, .dropdown-menu.show > * {
        -webkit-animation-duration: .39s;
        animation-duration: .39s
    }
}

@media (min-width:992px) {
    .dropdown-menu.show:before, .dropdown-menu.show > * {
        -webkit-animation-duration: .2s;
        animation-duration: .2s
    }
}

@media screen and (prefers-reduced-motion:reduce) {
    .dropdown-menu.show:before, .dropdown-menu.show > * {
        -webkit-animation: none;
        animation: none
    }
}

.dropdown-menu.show:before {
    -webkit-animation-name: dropdown-menu-show;
    animation-name: dropdown-menu-show
}

.dropdown-menu.show > * {
    -webkit-animation-name: dropdown-item-show;
    animation-name: dropdown-item-show
}

.dropdown-menu.show > :first-child {
    -webkit-animation-name: dropdown-item-show-1;
    animation-name: dropdown-item-show-1
}

.dropdown-menu.show > :nth-child(2) {
    -webkit-animation-name: dropdown-item-show-2;
    animation-name: dropdown-item-show-2
}

.dropdown-menu.show > :nth-child(3) {
    -webkit-animation-name: dropdown-item-show-3;
    animation-name: dropdown-item-show-3
}

.dropdown-menu:before {
    -webkit-transform-origin: 0 0;
    background-color: #fff;
    border-radius: 2px;
    bottom: 0;
    box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 3px rgba(0,0,0,.12),0 4px 15px 0 rgba(0,0,0,.2);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 0 0;
    z-index: -1
}

.nav:not(.flex-column):not(.flex-column-reverse) .dropdown-menu {
    min-width: 100%
}

.menu {
    margin-top: -3.125rem
}

    .menu:before {
        -webkit-transform-origin: 0 2rem;
        transform-origin: 0 2rem
    }

.show > a {
    outline: 0
}

.dropdown-menu-right:not([x-placement]) {
    left: auto;
    right: 0
}

    .dropdown-menu-right:not([x-placement]).menu:before {
        -webkit-transform-origin: 100% 2rem;
        transform-origin: 100% 2rem
    }

    .dropdown-menu-right:not([x-placement]):before {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

.dropleft .dropdown-menu:not([x-placement]) {
    left: auto;
    right: 100%;
    top: 0
}

    .dropleft .dropdown-menu:not([x-placement]).menu {
        margin-top: 0
    }

    .dropleft .dropdown-menu:not([x-placement]):before {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

.dropright .dropdown-menu:not([x-placement]) {
    left: 100%;
    top: 0
}

    .dropright .dropdown-menu:not([x-placement]).menu {
        margin-top: 0
    }

    .dropright .dropdown-menu:not([x-placement]):before {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

.dropup .dropdown-menu:not([x-placement]) {
    bottom: 100%;
    top: auto
}
.dropup .dropdown-menu {
    bottom: -100%;
    top: auto !important;
}
    .dropup .dropdown-menu:not([x-placement]).menu {
        margin-bottom: -3.125rem;
        margin-top: 0
    }

        .dropup .dropdown-menu:not([x-placement]).menu:before {
            -webkit-transform-origin: 0 calc(100% - 2rem);
            transform-origin: 0 calc(100% - 2rem)
        }

    .dropup .dropdown-menu:not([x-placement]):before {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

    .dropup .dropdown-menu:not([x-placement]) > :first-child, .dropup .dropdown-menu:not([x-placement]) > :nth-child(2), .dropup .dropdown-menu:not([x-placement]) > :nth-child(3) {
        -webkit-animation-name: dropdown-item-show;
        animation-name: dropdown-item-show
    }

    .dropup .dropdown-menu:not([x-placement]) > :last-child {
        -webkit-animation-name: dropdown-item-show-1;
        animation-name: dropdown-item-show-1
    }

    .dropup .dropdown-menu:not([x-placement]) > :nth-last-child(2) {
        -webkit-animation-name: dropdown-item-show-2;
        animation-name: dropdown-item-show-2
    }

    .dropup .dropdown-menu:not([x-placement]) > :nth-last-child(3) {
        -webkit-animation-name: dropdown-item-show-3;
        animation-name: dropdown-item-show-3
    }

.dropup .dropdown-menu-right:not([x-placement]).menu:before {
    -webkit-transform-origin: 100% calc(100% - 2rem);
    transform-origin: 100% calc(100% - 2rem)
}

.dropup .dropdown-menu-right:not([x-placement]):before {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.dropdown-menu[x-placement=bottom-end]:before, .dropdown-menu[x-placement=left-start]:before {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.dropdown-menu[x-placement=top-end].show > :first-child, .dropdown-menu[x-placement=top-end].show > :nth-child(2), .dropdown-menu[x-placement=top-end].show > :nth-child(3), .dropdown-menu[x-placement=top-start].show > :first-child, .dropdown-menu[x-placement=top-start].show > :nth-child(2), .dropdown-menu[x-placement=top-start].show > :nth-child(3) {
    -webkit-animation-name: dropdown-item-show;
    animation-name: dropdown-item-show
}

.dropdown-menu[x-placement=top-end].show > :last-child, .dropdown-menu[x-placement=top-start].show > :last-child {
    -webkit-animation-name: dropdown-item-show-1;
    animation-name: dropdown-item-show-1
}

.dropdown-menu[x-placement=top-end].show > :nth-last-child(2), .dropdown-menu[x-placement=top-start].show > :nth-last-child(2) {
    -webkit-animation-name: dropdown-item-show-2;
    animation-name: dropdown-item-show-2
}

.dropdown-menu[x-placement=top-end].show > :nth-last-child(3), .dropdown-menu[x-placement=top-start].show > :nth-last-child(3) {
    -webkit-animation-name: dropdown-item-show-3;
    animation-name: dropdown-item-show-3
}

.dropdown-menu[x-placement=top-end]:before {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.dropdown-menu[x-placement=top-start]:before {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.menu[x-placement=bottom-end]:before {
    -webkit-transform-origin: 100% 2rem;
    transform-origin: 100% 2rem
}

.menu[x-placement=left-start], .menu[x-placement=right-start] {
    margin-top: 0
}

    .menu[x-placement=left-start]:before {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .menu[x-placement=right-start]:before {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

.menu[x-placement=top-end], .menu[x-placement=top-start] {
    margin-bottom: -3.125rem;
    margin-top: 0
}

    .menu[x-placement=top-end]:before {
        -webkit-transform-origin: 100% calc(100% - 2rem);
        transform-origin: 100% calc(100% - 2rem)
    }

    .menu[x-placement=top-start]:before {
        -webkit-transform-origin: 0 calc(100% - 2rem);
        transform-origin: 0 calc(100% - 2rem)
    }

@-webkit-keyframes dropdown-item-show {
    0% {
        opacity: 0
    }

    99% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dropdown-item-show {
    0% {
        opacity: 0
    }

    99% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes dropdown-item-show-1 {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dropdown-item-show-1 {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes dropdown-item-show-2 {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dropdown-item-show-2 {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes dropdown-item-show-3 {
    0% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dropdown-item-show-3 {
    0% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes dropdown-menu-show {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20% {
        -webkit-transform: scale(.333333,0);
        transform: scale(.333333,0)
    }

    40% {
        -webkit-transform: scale(.666667,.25);
        transform: scale(.666667,.25)
    }

    60% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    80% {
        -webkit-transform: scaleY(.75);
        transform: scaleY(.75)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dropdown-menu-show {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20% {
        -webkit-transform: scale(.333333,0);
        transform: scale(.333333,0)
    }

    40% {
        -webkit-transform: scale(.666667,.25);
        transform: scale(.666667,.25)
    }

    60% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    80% {
        -webkit-transform: scaleY(.75);
        transform: scaleY(.75)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes menu-animation {
    0% {
        margin-top: -3.5rem
    }

    to {
        margin-top: 0
    }
}

@keyframes menu-animation {
    0% {
        margin-top: -3.5rem
    }

    to {
        margin-top: 0
    }
}

.dropdown-menu-sm, .menu-cascading {
    font-size: .9375rem;
    line-height: 1.5rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media (min-width:576px) {
    .dropdown-menu-sm, .menu-cascading {
        min-width: 20rem
    }
}

.dropdown-divider {
    background-color: rgba(0,0,0,.12);
    height: 1px;
    margin: .5rem 0;
    overflow: hidden
}

.dropdown-header {
    color: rgba(0,0,0,.87);
    display: block;
    font-size: 1rem;
    font-weight: bolder;
    line-height: 1.5rem;
    margin: 0;
    padding: .75rem 1rem;
    white-space: nowrap
}

.dropdown-menu-sm .dropdown-header, .menu-cascading .dropdown-header {
    font-size: .9375rem;
    line-height: 1.5rem;
    padding: .25rem 1.5rem
}

.dropdown-item {
    -webkit-transform-origin: 0 0;
    background: none;
    border: 0;
    clear: both;
    color: rgba(0,0,0,.87);
    display: block;
    font-weight: inherit;
    padding: .75rem 1rem;
    position: relative;
    text-align: inherit;
    transform-origin: 0 0;
    transition-duration: .3s;
    transition-property: background-color,color;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    white-space: nowrap;
    width: 100%
}

@media (min-width:576px) {
    .dropdown-item {
        transition-duration: .39s
    }
}

@media (min-width:992px) {
    .dropdown-item {
        transition-duration: .2s
    }
}

@media screen and (prefers-reduced-motion:reduce) {
    .dropdown-item {
        transition: none
    }
}

.dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.87);
    text-decoration: none
}

.dropdown-item.active {
    background-color: #f5f5f5
}

.dropdown-item.disabled, .dropdown-item:disabled {
    background-color: transparent;
    color: rgba(0,0,0,.38);
    pointer-events: none
}

.dropdown-menu-sm .dropdown-item, .menu-cascading .dropdown-item {
    padding: .25rem 1.5rem
}

.dropdown-item-text {
    -webkit-transform-origin: 0 0;
    color: rgba(0,0,0,.87);
    display: block;
    font-weight: inherit;
    padding: .75rem 1rem;
    transform-origin: 0 0
}

.dropdown-menu-sm .dropdown-item-text, .menu-cascading .dropdown-item-text {
    padding: .25rem 1.5rem
}

.dropdown-toggle:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "expand_more";
    display: inline-block;
    font-family: Material Icons;
    font-feature-settings: "liga";
    font-size: 1.714286em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: .583333em;
    margin-left: .2em;
    margin-right: -.2em;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: -.302198em;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: normal
}

.dropright .dropdown-toggle:after {
    content: "keyboard_arrow_right"
}

.dropup .dropdown-toggle:after {
    content: "expand_less"
}

.dropdown-toggle:empty:after {
    margin-left: -.2em
}

.dropleft .dropdown-toggle:after {
    display: none
}

.dropleft .dropdown-toggle:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "keyboard_arrow_left";
    display: inline-block;
    font-family: Material Icons;
    font-feature-settings: "liga";
    font-size: 1.714286em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: .583333em;
    margin-left: -.2em;
    margin-right: .2em;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: -.302198em;
    white-space: nowrap;
    word-wrap: normal
}

select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

/* Select in material design */
.bootstrap-select.selectbox > .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    border-radius: 0;
    font-size: initial;
    font-weight: initial;
    padding: 0.6875rem 1.5em 0.6875rem 0;
    text-transform: none;
    background-color: transparent;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
}

.bootstrap-select.selectbox.form-control-lg > .btn,
.bootstrap-select.selectbox.form-control-sm > .btn {
    padding-left: 0;
}

.bootstrap-select.selectbox.selectbox-material > .btn {
    background-color: #f5f5f5;
    border-radius: 4px 4px 0 0;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-transition: background 0.1s;
    transition: background 0.1s;
}

.bootstrap-select.selectbox.selectbox-material.form-control-lg > .btn {
    padding-left: 1rem;
}

.bootstrap-select.selectbox.selectbox-material.form-control-sm > .btn {
    padding-left: 0.75rem;
}

.bootstrap-select.selectbox > .btn:hover {
    border-color: rgba(0, 0, 0, 0.87);
}

.bootstrap-select.selectbox > .btn:hover {
    background-color: transparent;
}

.bootstrap-select.selectbox-material > .btn:hover {
    background-color: #ececec;
}

.bootstrap-select.selectbox-material.disabled > .btn:hover {
    background-color: #f5f5f5;
}

.bootstrap-select.selectbox > .btn:focus {
    border-color: var(--secondary);
    -webkit-box-shadow: inset 0 -2px 0 -1px var(--secondary);
    box-shadow: inset 0 -2px 0 -1px var(--secondary);
}

.bootstrap-select.selectbox > .dropdown-toggle::after {
    visibility: hidden;
}

.bootstrap-select.selectbox.disabled > .btn {
    color: rgba(0, 0, 0, 0.38);
    border-style: dotted;
}

    .bootstrap-select.selectbox.disabled > .btn:hover,
    .bootstrap-select.selectbox.disabled > .btn:focus {
        color: rgba(0, 0, 0, 0.38);
        border-color: inherit;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.bootstrap-select.selectbox-material > .dropdown-toggle.bs-placeholder,
.bootstrap-select.selectbox-material > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select.selectbox-material > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select.selectbox-material > .dropdown-toggle.bs-placeholder:active {
    color: rgba(0, 0, 0, 0.6);
}

/* Dropdown to use for inline editing in datatables*/
.bootstrap-select.selectbox-datatable > .btn {
    border-bottom: 0;
}

    .bootstrap-select.selectbox-datatable > .btn:focus {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.bootstrap-select.selectbox-datatable .dropdown-menu:before {
    border-radius: 2px;
    background-color: #fafafa;
}

.bootstrap-select.selectbox-datatable .dropdown-item.active {
    background-color: #ededee;
}

.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    z-index: 1;
    text-align: right;
    white-space: nowrap;
}

    .bootstrap-select > .dropdown-toggle.bs-placeholder,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
        color: rgba(0, 0, 0, 0.54) !important;
        background: #dddddd !important;
    }

        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
            color: rgba(255, 255, 255, 0.5);
        }

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}

    .bootstrap-select > select.mobile-device {
        top: 0;
        left: 0;
        display: block !important;
        width: 100% !important;
        z-index: 2;
    }

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
    border-color: #f44336;
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
    border-color: #4caf50;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto;
}

    .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

    .bootstrap-select.dropdown-menu-right,
    .bootstrap-select[class*="col-"].dropdown-menu-right,
    .row .bootstrap-select[class*="col-"].dropdown-menu-right {
        float: right;
    }

.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0;
}

    .form-group-lg .bootstrap-select.form-control .dropdown-toggle,
    .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
        height: 100%;
        font-size: inherit;
        line-height: inherit;
        border-radius: inherit;
    }

.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
    width: 100%;
}

.bootstrap-select.disabled * {
    cursor: default;
}

.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
    outline: none !important;
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    height: 100%;
    width: 100%;
    text-align: left;
}

.bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit;
}

.bootstrap-select[class*="col-"] .dropdown-toggle {
    width: 100%;
}

/* Dropdown, ok */

.bootstrap-select > .dropdown-menu {
    border-radius: 4px;
    min-width: 100%;
    margin-bottom: 2rem;
    padding: 0;
}

    .bootstrap-select > .dropdown-menu::before {
        -webkit-transform-origin: center top 0px !important;
        transform-origin: center top 0px !important;
        max-height: calc(100vh - 32px);
    }

    .bootstrap-select > .dropdown-menu.show {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        overflow: visible !important;
    }

.bootstrap-select .dropdown-menu.show::before,
.bootstrap-select .dropdown-menu.show > *,
.bootstrap-select .dropdown-menu.inner.show::before,
.bootstrap-select .dropdown-menu.inner.show > * {
    -webkit-animation-name: none !important;
    animation-name: none !important;
}

.bootstrap-select > .dropdown-menu.show:first-of-type::before,
.bootstrap-select > .dropdown-menu.show:first-of-type > * {
    -webkit-animation-name: bs-select-menu-show;
    animation-name: bs-select-menu-show !important;
}

/*.bootstrap-select>.dropdown-menu.show:nth-of-type(2)::before,
.bootstrap-select>.dropdown-menu.show:first-of-type(2) > * {
  -webkit-animation-name: none;
  animation-name: none;
}*/

.bootstrap-select.dropdown-fast > .dropdown-menu.show::before {
    -webkit-animation-duration: 0.1s !important;
    animation-duration: 0.1s !important;
}

@-webkit-keyframes bs-select-menu-show {
    0% {
        -webkit-transform: scale(0, 0);
    }

    100% {
        -webkit-transform: scale(1, 1);
    }
}

@keyframes bs-select-menu-show {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

.bootstrap-select .dropdown-menu.inner.show::before {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .dropdown-menu > .inner:focus {
    outline: none !important;
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Scrollbar */

.bootstrap-select div.inner.show::-webkit-scrollbar {
    width: 10px;
    cursor: pointer;
}

.bootstrap-select div.inner.show::-webkit-scrollbar-button {
    height: 2rem;
}

.bootstrap-select div.inner.show::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #dfdfdf;
    -webkit-transition: all 0.3s;
    -webkit-box-shadow: inset -5px 0 0 0 #fff;
}

    .bootstrap-select div.inner.show::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0;
    }

/* 
 * Dropdown options
 */

/* Menu header, data-header */

.bootstrap-select .popover-header {
    color: rgba(0, 0, 0, 0.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-weight: bolder;
    line-height: 1.5;
    margin: 0;
    padding: 0.75rem 1rem;
    white-space: nowrap;
}

    .bootstrap-select .popover-header button {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

.bootstrap-select > .dropdown-dense ~ .dropdown-menu .dropdown-divider {
    margin: 0.25rem 0;
}

/* Optgroup header */

.bootstrap-select .dropdown-menu.inner.show .dropdown-header {
    font-weight: normal;
    font-size: 90%;
    color: rgba(0, 0, 0, 0.54);
}

/* ??? */

.bootstrap-select .dropdown-menu li.active small {
    color: #ccc;
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: initial;
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .bootstrap-select .dropdown-menu li a:focus {
        outline: none;
    }

/* Option spacing, ok */

.bootstrap-select .dropdown-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bootstrap-select .dropdown-menu li a.opt {
    padding: 0.75rem 1.5rem;
}

/* Dense menu option spacing, ok */

.bootstrap-select.dropdown-dense .dropdown-menu li a.opt,
.bootstrap-select.dropdown-dense .dropdown-menu .dropdown-header {
    padding: 0.25rem 1rem;
}

/* checkbox unchecked */

.bootstrap-select.show-tick .dropdown-menu li a span.check-mark {
    display: inline-block;
    visibility: visible;
    opacity: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1.25rem;
    -webkit-animation-name: fadeOutCheckbox;
    animation-name: fadeOutCheckbox;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.bootstrap-select.show-tick > .dropdown-dense ~ .dropdown-menu
li
a
span.check-mark {
    margin-right: 1rem;
}

@-webkit-keyframes fadeOutCheckbox {
    from {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
    }

    to {
        opacity: 0;
        -webkit-transform: rotateZ(-20deg);
    }
}

@keyframes fadeOutCheckbox {
    from {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    to {
        opacity: 0;
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
    }
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select .dropdown-menu li small {
    padding-left: 1rem;
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 0.25rem;
    width: 90%;
    margin: 0 2%;
    min-height: 26px;
    padding: 0.375rem 1rem;
    background: #616161;
    border: 0;
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.428572;
    border-radius: 2px;
    color: #fff;
}

/* No results found */

.bootstrap-select .no-results {
    padding: 1rem;
    background: #fff;
    margin: 0;
    white-space: nowrap;
}

    .bootstrap-select .no-results::before {
        /* todo */
        font-family: "Material Icons";
        content: "\e000";
        position: relative;
        color: var(--danger);
        font-size: 1.5rem;
        margin-right: 1rem;
        vertical-align: middle;
        bottom: 2px;
    }

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

/* checkbox checked */

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: initial;
    display: inline-block;
    opacity: 1;
    -webkit-animation-name: fadeInCheckbox;
    animation-name: fadeInCheckbox;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.bootstrap-select.show-tick .bs-ok-default::after {
    font-family: "Material Icons";
    content: "\e5ca";
    position: relative;
    color: rgba(0, 0, 0, 0.54);
    font-size: 1.5rem;
    width: 1.5rem;
}

@-webkit-keyframes fadeInCheckbox {
    from {
        opacity: 0;
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
    }

    to {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}

@keyframes fadeInCheckbox {
    from {
        opacity: 0;
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
    }

    to {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option::before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option::after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup
.dropdown-toggle
.filter-option::before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup
.dropdown-toggle
.filter-option::after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right
.dropdown-toggle
.filter-option::before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right
.dropdown-toggle
.filter-option::after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle
.filter-option::before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle
.filter-option::before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option::after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle
.filter-option::after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 0.25rem 1rem;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-actionsbox .btn-group button {
        width: 50%;
    }

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-donebutton .btn-group button {
        width: 100%;
    }

.bs-searchbox + .bs-actionsbox {
    padding: 0 1rem 4px;
}

/* Search box, ok */

.bootstrap-select .bs-searchbox {
    position: relative;

}
.bootstrap-select .bs-searchbox {
    position: relative;
    padding: 0;
    overflow: hidden;
}

    .bootstrap-select .bs-searchbox::before {
        font-family: "Material Icons";
        content: "\e8b6";
        position: absolute;
        color: rgba(0, 0, 0, 0.54);
        left: 0.2rem;
        bottom: calc(0.375rem + -2px);
        font-size: 1.5rem;
    }

    .bootstrap-select .bs-searchbox .form-control {
        border-radius: 4px 4px 0 0;
        margin-bottom: 0;
        padding-left: 2REM;
        padding-right: 1rem;
        background: #f5f5f5;
    }
/* Divider */
.bootstrap-select > .dropdown-menu.show,
.bootstrap-select > .dropdown-menu.show > .inner.show {
    min-height: 0 !important;
}

.bootstrap-select .dropdown-menu.inner.show li.divider {
    background-color: rgba(0, 0, 0, 0.12);
    height: 1px;
    margin: 0.5rem 0;
    overflow: hidden;
}
.btn.dropdown-toggle.btn-light{
    background:rgba(204, 204, 204, 0.2);
    color:#000;
}

.dropdown + label {
    position: absolute;
    top: -20px;
    font-size: 0.8rem;
}
button.dropdown-toggle {
    height:2rem !important;
    line-height: 2rem !important;
    transform:translateY(2px);
}