@charset 'utf-8';

.jq-select-multiple, .jq-selectbox{-webkit-user-select:none; -ms-user-select:none; user-select:none}
.jq-select-multiple select, .jq-selectbox select{position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; opacity:0}
.jq-selectbox{width:100%; position:absolute; top:0; left:0; z-index:10}
.jq-selectbox__select{position:relative; cursor:pointer; overflow:hidden}
.jq-selectbox__select-text{width:100%; display:block; -webkit-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.jq-selectbox__dropdown{position:relative; top:auto!important; bottom:auto!important; left:auto!important; right:auto!important; min-width:100%; height:auto!important}
.jq-selectbox__search input{-webkit-appearance:textfield; width:100%; height:30px; padding:0 10px; font:14px/1 Arial; color:#373737; border:1px solid #000}
.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}
.jq-selectbox__dropdown ul{position:relative; overflow:auto; overflow-x:hidden; list-style:none; -webkit-overflow-scrolling:touch}
.jq-select-multiple li, .jq-selectbox__dropdown li{cursor:pointer}
.jq-select-multiple li:before, .jq-selectbox__dropdown li:before{display:none}
.jq-select-multiple li.disabled, .jq-selectbox__dropdown li.disabled{opacity:.5; cursor:default}
.jq-select-multiple li.optgroup, .jq-selectbox__dropdown li.optgroup{cursor:default}
.jq-select-multiple{border:1px solid #000; background:#fff; font:14px/1.5 Arial}
.jq-select-multiple ul{position:relative; overflow-x:hidden; -webkit-overflow-scrolling:touch}
.jq-selectbox.opened .jq-selectbox__dropdown{display:block!important}
.jq-selectbox .placeholder{opacity:.5}
.jq-selectbox.disabled .jq-selectbox__select-text{color:#bdbdbd}
.jq-selectbox.disabled *{cursor:default}
.jq-selectbox__search{margin:10px 10px 0}
.jq-selectbox__not-found{padding:0 10px}

.select{height:30px; margin:0 0 5px; text-align:left; position:relative; -webkit-user-select:none; -ms-user-select:none; user-select:none}
.desktop .select select{display:none}
.select li{max-width:100%; margin:0; padding:2px 21px; display:block; font:13px/20px 'Lato', sans-serif; color:#333; letter-spacing:0.04em; overflow:hidden; word-break:break-all; transition: 0.3s linear;}
.desktop .select li:hover{color:#2da3df; text-decoration:underline;}
.select li.disabled, .select li.sel, .select li.selected{color:#2da3df;}
.select li.optgroup{font-weight:700}
.select li.option{padding-left:15px}
.select .jq-selectbox{height:30px;}
.select .jq-selectbox.opened .jq-selectbox__select-text{border-color:#333;}
.select .jq-selectbox.opened .jq-selectbox__select:before{-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg)}
.select .jq-selectbox select{display:block}
.select .jq-selectbox__select{display:block!important; position:relative; z-index:1}
.select .jq-selectbox__select:before{content:""; width:10px; height:7px; margin:-3.5px 0 0; position:absolute; top:50%; right:14px; background:url(../../img/add-arrow.png) no-repeat; background-size:100% 100%;}
.select .jq-selectbox__select-text{height:30px; padding:0 30px 0 20px; border:1px solid #e8e8e8; background:#fff; border-radius:3px; font:13px/28px 'Lato', sans-serif; color:#333; letter-spacing:0.04em;}
.select .jq-selectbox__dropdown{width:100%!important; min-width:0; margin:10px 0 0!important; position:absolute!important; top:100%!important; left:0!important; overflow:hidden; background:#fff; border-radius:3px; box-shadow:0 3px 16px rgba(0,0,0,0.1);}
.select .jq-selectbox__dropdown ul{max-height:157px!important; margin:0; padding:8px 0; overflow:auto}
.select .jq-selectbox__dropdown.bottom{margin:0 0 10px !important;top:auto!important; bottom:100% !important;}
.select .mCSB_scrollTools_vertical .mCSB_draggerContainer{margin:10px 0!important}
.select .mCSB_scrollTools .mCSB_dragger{height:16px!important}
.select .mCSB_scrollTools{right:10px; width:16px}
.select .mCSB_scrollTools .mCSB_draggerRail{width:4px}
.select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:16px; border-radius:50%}

.select_placeholder .jq-selectbox__select-text{color:rgba(33,33,33,0.5);}
.select_placeholder li:first-child{display:none;}

.hide-selected .jq-selectbox__select-text{color:#333;}

@media screen and (max-width:767px){
    .select .jq-selectbox__select-text{padding:0 30px 0 15px;}
    .select li{padding:2px 16px;}
}