/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23.07.2019, 09:24:54
    Author     : Nico
*/

.ef-body, .ef-body *{
    box-sizing: border-box;
}

.ef-body{
    background-color: #f8f9fb;
}

.ef-form{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    width: 100%;
}

.ef-form > .ef-form-spacer{
    width: 100%;
    height: 1px;
    background: #DDD;
    margin: 15px 0;
}

.ef-form-submit-button{
    text-align: right;
    padding: 0 15px;
    width: 100%;
}

.ef-filter-box{
    width: 33%;
}

.ef-filter-title{
    margin: 0px;
    padding: 10px 10px 0 10px;
    color: #6F7377;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}

.ef-filter-content{
    position: relative;
    margin: 5px;
}

.ef-filter-value{
    background: white;
    border: 2px solid #acaeb1;
    padding: 5px;
    height: 27px;
    
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.ef-filter-value:after{
    content: "\e61a";
    display: block;
    font-family: icon;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: 7px;
    right: 7px;
    color: #8f9092;
}

.ef-filter-content.show{

}


.ef-filter-dropdown{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    background: white;
    width: calc(100% - 4px);
    margin: 0;
    left: 0px;
    top: 24px;
    border: 2px solid #acaeb1;
    z-index: 100;
    box-shadow: 0 7px 7px rgba(0,0,0,0.2);
    max-height: 300px;
}


.ef-filter-content.show .ef-filter-dropdown{
    visibility: visible;
    opacity: 1;
}

.ef-filter-dropdown ul.ef-filter-ul,
.owlmodal-body ul.ef-filter-ul{
    padding: 0px;
    list-style: none;
} 


.ef-filter-dropdown ul li{
    padding: 1px 10px;
    list-style: none;
}
.owlmodal-body ul.ef-filter-ul li{
    padding: 10px 0px;
    list-style: none;
}


.ef-filter-dropdown ul li:hover,
.owlmodal-body ul.ef-filter-ul li:hover,
.ef-filter-dropdown ul li.listbox-active{
    background: #f0f0f0;
    cursor: pointer;
}

.ef-filter-dropdown li label,
.owlmodal-body ul.ef-filter-ul li label{
    display: block;
    cursor: pointer;
}
    
.ef-filter-dropdown li label span{
    display: inline-block;
    vertical-align: top;
    padding: 3px;
}
.owlmodal-body ul.ef-filter-ul li label span{
    vertical-align: top;
    padding: 3px;
}

.ef-filter-selected{
    margin: 10px 0;
}
.ef-filter-selected span:not([aria-hidden]){
    padding:5px;
    background:lightgray;
    margin:0px 10px 10px 0;
    display:inline-block;
}


/*
 * overlay
 */
.ef-layer{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    z-index: 90000;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}
.ef-layer.visible{
    opacity: 1;
    visibility: visible;
}
.ef-layer-loading{
    background: url('tag_load_sprites.png') repeat scroll 0 0 transparent;
    display: block;
    height: 50px;
    margin: -25px 0 0 -25px;
    width: 50px;
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 90001;
    opacity: 0;
    visibility: hidden;
}
.ef-layer-loading.visible{
    opacity: 1;
    visibility: visible;
}

.ef-layer-loading:before{
    font-family: icon;
    content: "\e620";
    color: gray;
    display: block;
    font-size: 34px;
    font-weight: normal;


    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes example {
    from {  
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


.tmSlider{
    margin: 10px auto;
}


.ef-filter-title .info{
    display: inline-block;
    font-family: icon;
    font-size: 13px;
    font-weight: normal;
    width: 15px;
    background: #DDDDDD;
    text-align: center;
    height: 15px;
    border-radius: 50%;
    margin-left: 5px;
    color: #777;
    cursor: pointer;
}
.ef-filter-title .info:before {
    content: "\e903";
}

/* mobile */

.ef-mobile .ef-filter-title span{
    display: none;
}
.ef-mobile .ef-filter-value{
    height: 32px;
}
.ef-mobile .ef-filter-header {
    display:flex; 
    justify-content:space-between; 
    width:100%
}

@media (max-width : 640px) {
	.ef-mobile .ef-filter-box {
        width: 50%;
    }
}


.ef-filter-selected.ef-mobile{
    margin: 17px 8px;
}

.ef-filter-selected a{
    display: inline-block;
    text-decoration: blink;
    color: black;
    background: #e8e8e8;
    border-radius: 3px;
    padding: 7px 10px;
    margin-left: 5px;
}
.ef-filter-selected a:hover{
    background: white;
}
.ef-filter-selected span:not([aria-hidden]){
    border-radius: 3px;
}

.owlmodal-body .owlmodal-ef ul.ef-filter-ul{
    text-align: left;
}

.owlmodal-body .owlmodal-ef {
    text-align: right;
}



/*
 * tmSlider
 */

.ef-filter-content .tmSlider{cursor: pointer; margin:0 auto;background: #f9f9f9;border: 1px solid #e0e0e0;border-radius: 4px;height: 8px;position: relative;width: 120px;}
.ef-filter-content .tmSlideButton{width: 12px;height: 12px;top: -3px;position: absolute;background: #ffffff;border: 1px solid #bbbbbb;border-radius: 4px;margin-left: -7px;z-index:20;}
.ef-filter-content .tmSlideRange{background: #074F93;position: absolute;height: 8px;line-height: 8px;top: 0px;z-index:10;font-size:1px;}
.ef-filter-content .tmSlideRangeRight{border-radius: 0 4px 4px 0;}
.ef-filter-content .tmSlideRangeLeft{border-radius: 4px 0 0 4px;}
.ef-filter-content .tmSlideRangeRightHover, .awesomeTags .tmSlideRangeLeftHover{background: #eeeeff;border: 1px solid #aaaaaa;cursor:pointer;}
.ef-filter-content .tmSlideLastButton{z-index:25;background: #eeeeff;}
.ef-filter-content .sliderValue{width: 100px;}
.ef-filter-content .sliderView {color: #074F93;font-weight: bold;line-height: 25px;text-align: center;}
.ef-filter-content .sliderView input {background: none repeat scroll 0 0 transparent;border: 0 solid;color: #074F93;padding: 0;text-align: left;width: 30px;}
.ef-filter-content .sliderView span {background: none repeat scroll 0 0 white;border: 1px solid #DDDDDD;padding: 2px 3px;}
.ef-filter-content div.tag_select_field span {font-weight: bold;position: relative;}

.ef-mobile .tmSlider{width: 90%;margin: 10px 0;}
.ef-mobile .sliderView{padding-top: 5px;}
.ef-mobile .sliderView input{font-size: 14px !important;}
.ef-mobile .tmSlideButton{background-color: #0d5396 !important;}
.ef-mobile .tmSlideRange {background-color: #0d5396 !important;}