/**
    Multiselect Widget
*/
.multiselect-native-select {
    width: 100%;
    display: inline-block;
}


/** 
    Btn Default
*/
.multiselect-native-select .btn-default {
    background: none;
    border: 1px solid #e9e6ed;
}

/*
    NultiSelect Dropdown Toggle Button
*/
.multiselect-container .vdx-dropdown-option-toggle {

    margin-left: 5px;
    margin-right: 10px;
    bottom: 1px;
    width: 25px;
    height: 25px;
    z-index: 1;
    pointer-events: all;
    position: relative;
    padding-top: 0.1em;
    padding-left: 0.5em;
    border: none;
    float: right;
}

.multiselect-container .multiselect-group.dropdown-item {
    display: inline-block;
    /*width: 100%;*/
    padding: 0.25rem 0rem .25rem .75rem;    
    position: relative;
}

.multiselect-container .vdx-dropdown-option-toggle + .multiselect-group.dropdown-item {
    margin-top: -48px;
    /*padding-left: 42px;*/
}

.multiselect-container .vdx-dropdown-option-toggle + .multiselect-group.dropdown-item + .multiselect-option.dropdown-item  {
    margin-top: -15px;
}

.multiselect-container button.multiselect-group-option-indented-full {
   /* padding-left: 4.2em!important;*/
}

/**
    Toggle Button
*/
button.multiselect-group .dropdown-toggle {
    /*
    border: 1px red solid;
    padding: 5px;
    pointer-events: auto;
    width: */
}

@media (min-width: 800px) {
    button.multiselect.dropdown-toggle.btn.active {
        background-color: #e2eae2;
        box-shadow: none;
    }
}

button.multiselect.dropdown-toggle:hover {
    border: 1px solid #D45366!important;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.12) !important;
}

/**
    Dropdown Menu 
*/
.multiselect-container.dropdown-menu.show {
    width: inherit;
    height: 308px; /* Höhe des übergeordneten Containers */
    overflow: scroll;     
    background: #FAFAFA;
    /* border: 2px red solid;  */
}
    
.multiselect-container.dropdown-menu .multiselect-scrollcontainer {
    max-width: 100%;
    max-height: 100%;
    overflow-y: auto;    
    padding-bottom: 40px;
}

/**
    Reset and Submit Button
*/
.multiselect-container .multiselect-buttons.btn-group {
    position: absolute!important;
    bottom: 0px;
    width: 100%;
    background: #e9e6ed;
    padding: 5px;
}

.multiselect-container.dropdown-menu .multiselect-submit,
.multiselect-container.dropdown-menu .multiselect-reset {
    margin-top: 0px;
    font-size: 12px;
    color: #AAA;
    margin-left: 1px;
}


.multiselect-container.dropdown-menu .multiselect-submit.btn-primary {
    background-color: #f47386;
    color: white;
    border-color: #f47386;
}

.multiselect-container.dropdown-menu .multiselect-submit.btn-primary:hover {
    background-color: #ff888f!important;
}

/**
    Dropdown Menu - Label
*/
.multiselect-container.dropdown-menu .multiselect-option label {
    font-size: 1em;
}


@media (max-width: 799px) {
    .multiselect-container.dropdown-menu .multiselect-group.dropdown-item.active,
    .multiselect-container.dropdown-menu .multiselect-option.dropdown-item.active {
        color: #144448;
        background-color: #fdfdfd;
    }
}

@media (min-width: 800px) {
    .multiselect-container.dropdown-menu .multiselect-group.dropdown-item.active,
    .multiselect-container.dropdown-menu .multiselect-option.dropdown-item.active {
        color: #144448;
        background-color: #e2eae2;    
    }
}

.multiselect.dropdown-toggle.btn .badge {
    color: white;
    background-color: #144448!important;
    float: right !important;
    top: 2px!important;
}

.multiselect.dropdown-toggle.btn .fa.fa-dropdown-icon {
    float: right !important;
    top: 3px!important;
    margin-left: 10px;
}

/**.multiselect-option.dropdown-item,**/
.multiselect-option.dropdown-item:hover,
.multiselect-option.dropdown-item:focus,

/**.multiselect-option.dropdown-item.active,**/
.multiselect-option.dropdown-item.active:hover,
.multiselect-option.dropdown-item.active:focus,

.multiselect.dropdown-toggle.btn:hover,

.multiselect-native-select button:hover {
    color: #144448;
    background-color: #f8DEE0!important;
    box-shadow: none;
}
 

.multiselect-container > li > a > label > input[type="checkbox"]
{
    margin: 0px 5px 0px 0px;
    position: relative;
    display: inline;
}