/* --- Pozice pro ikonu šipky zafixovaná vpravo --- */
.nuvia-multiselect > .caret{
    position: absolute;
    top: 45%;
    right: 5px;
}
/*____________________________ */

/* --- Definování velikosti ikony --- */
.multiselect-height-34 > b.caret {
    width: 10px;
    height: 10px;
}
/*____________________________ */

/* --- Definování font size pro vybraný text ---*/
.multiselect-height-34 > span{
    font-size: 13px;
}
/*_____________________________ */

.multiselect-height-34{
    height: 34px !important;
}

/* --- Barva pozadí pro multiselect ---*/
.btn-multiselect {
    background-color: #ffffff;
    border: 1px solid #66afe9;
}

.btn-multiselect:hover {
    background-color: #e6e6e6;
    border: 1px solid #66afe9;
}
/*----------------------------*/

.height-multiselect.btn.multiselect{
    padding: 5px;
}

/* Nastavení pevné šířky pro dropdown menu*/
ul.multiselect-container.dropdown-menu.pull-right{
    left: 0 !important;
    width: 350px;
}
/*---------------------------*/

.multiselect-container label.checkbox {
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 0px;
}

.multiselect-all label.checkbox {
    font-weight: bold;
}

.btn.multiselect {
    padding: 2px;
    font-size: 11px;
}

/* --- Nastavování šířky multiselectu --- */
.btn.multiselect.idx-item-style{
    height: 30px;
    text-align: left;
    padding-left: 12px;
}

.btn.multiselect.idx-item {
    width: 150px;
}
.btn.multiselect.idx-item-medium {
    width: 250px;
}
.btn.multiselect.idx-item-large {
    width: 300px;
}
.btn.multiselect.idx-item-xl {
    width: 363px;
    height: 30px;
    text-align: left;
    padding-left: 12px;
}
.btn.multiselect.idx-item-m {
    height: 30px;
    text-align: left;
    padding-left: 12px;
    width: 100%;
}
.btn.multiselect.idx-item-s {
    height: 30px;
    text-align: left;
    padding-left: 12px;
    width: 160px;
}
/*---------------------------*/

/* --- Ošetření pro delší text => Zobrazování zkráceného obsahu podle šířky multiselectu --- */
.text-overflow-ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px !important;
}
/*----------------------------*/

.dropdown-menu{
    margin-right: 70px;
    z-index: 1051; /* modal ma z-inex: 1050 */

}
.multiselect-container label.checkbox {
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 0px;
}
.show-selected label.checkbox{
    font-weight: bold;
}
.form-control.nuvia-multiselect::before {
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    z-index: 1051;
    position: absolute;
    display: block;
    top: 3px;
    right: 17px;
    font-family: 'FontAwesome';
    content: "\f110";
    color: red;
    opacity: 0;
    -webkit-animation: none;
    animation: none;
}
.form-control.nuvia-multiselect.disabled::before {
    opacity: 1;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}