@charset "UTF-8";

.mfSelect-wrap{
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 210px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  font-size: 13px;
  background: #fff;
  color:initial;
  text-transform: none;
  white-space: normal;
  text-decoration: none;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  z-index: 1000;
}
.mfSelect-wrap.mfSelect-triangle:before,
.mfSelect-wrap.mfSelect-triangle:after{
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;right: 0;
  top: -20px;
  margin: 0 auto;
  border: 10px solid #fff;
  border-color: transparent transparent #fff transparent;
}
.mfSelect-wrap.mfSelect-triangle:before{
  top: -21px;
  border-color: transparent transparent #c0c0c0 transparent;
}
.mfSelect-wrap>input.mfSelect-search-input{
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 34px 6px 10px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  font-size: 14px;
  border: 0;
  border-bottom: 1px solid #eeeeee;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.mfSelect-wrap>input.mfSelect-search-input::-ms-clear {
  display: none;
  width : 0;
  height: 0;
}
.mfSelect-wrap>.mfSelect-lists-scroll-view{
  max-height: 252px;
  width: 100%;
}
.mfSelect-wrap>.mfSelect-lists-scroll-view::-webkit-scrollbar {
  width: 9px;
  background-color: rgba(255,255,255, 0);
  -webkit-border-radius: 100px;
}
.mfSelect-wrap>.mfSelect-lists-scroll-view::-webkit-scrollbar:hover {
  width: 9px;
}

.mfSelect-wrap>.mfSelect-lists-scroll-view::-webkit-scrollbar-thumb {
  background: #B0B0B0;
  -webkit-border-radius: 100px;
  width: 9px;
  min-height: 50px;
}

.mfSelect-wrap>.mfSelect-lists-scroll-view::-webkit-scrollbar-thumb:hover,
.mfSelect-wrap>.mfSelect-lists-scroll-view::-webkit-scrollbar-thumb:active  {
  background: #828282;
}
.mfSelect-wrap>.mfSelect-lists-scroll-view>.mfSelect-lists-container{
  position: relative;
  display: table;
  border-radius: inherit;
  table-layout: auto;
  width: 100%;
}
.mfSelect-wrap .mfSelect-list-item{
  display: table-row;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.mfSelect-wrap .mfSelect-list-inactive{
  padding: 5px;
  background: #F8F8F8;
  font-weight: bold;
  cursor: default;
}
.mfSelect-wrap .mfSelect-item-hidden{
  display: none;
}
.mfSelect-wrap .mfSelect-list-item.hovered,
.mfSelect-wrap .mfSelect-list-item.hovered.active,
.mfSelect-wrap .mfSelect-list-item:hover{
  color: #f5a623;
}
.mfSelect-wrap .mfSelect-list-item.active{
  /*color: #f5a623;*/
  font-weight: bold;
  /*background: #f7f7f7;*/
}
.mfSelect-wrap .mfSelect-list-item.active .mfm-text-grey{
  font-weight: normal;
}
.mfSelect-wrap .mfSelect-list-item + .mfSelect-list-item .mfSelect-col1,
.mfSelect-wrap .mfSelect-list-item + .mfSelect-list-item .mfSelect-col2,
.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-link,
.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-tags{
  border-top: 1px solid #eeeeee;
}
.mfSelect-wrap .mfSelect-col1,
.mfSelect-wrap .mfSelect-col2{
  display: table-cell;
  vertical-align: middle;
  padding: 10px 12px;
  text-align: left;
}
.mfSelect-wrap label.mfSelect-col1{
  position: relative;
  padding-left: 35px;
}
.mfSelect-wrap label.mfSelect-col1 input[type=checkbox]{
  position: absolute;
  top: 13px;
  left: 12px;
}


.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-tags,
.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-link{
  width: 100%;
  display: block;
  padding: 14px 12px;
  color: #4a90e2;
}
.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-tags{
  white-space: normal;
  padding: 5px 6px;
}
.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-tags>a{
  display: inline-block;
  padding: 4px;
  font-size: 10px;
  margin: 2px;
  color: #222;
  background: #ccc;
  -webkit-box-shadow: inset -1px -1px 0 rgba(255,255,255,.2);
  box-shadow: inset -1px -1px 0 rgba(255,255,255,.2);
}
.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-tags>a:after{
  content:'×';
  display: inline-block;
  text-align: center;
  width: 10px;
  height: 100%;
  color: #fff;
}
.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-link:focus,
.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-link:hover{
  text-decoration: underline;
}
.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-link:after{
  content: ' ';
  display: table-cell;
  vertical-align: middle;
  width: 10%;
}
.mfSelect-wrap .mfSelect-list-item.mfSelect-bottom-link>.mfSelect-col-group>a{
  width: auto;
  text-transform: none;
  text-align: left;
}



.mfSelect-empty-message{
  display: table-cell;
  vertical-align: middle;
  padding: 10px 12px;
  color: #909090;
}

/* MODIFICATORS */
.mfSelect-wrap.mfSelect-input-mode{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
input.mfSelect-input-mode{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mfSelect-input-carret{

}
.mfSelect-input-carret:before{
  /*content: '\25BC';*/
  position: absolute;
  display: block;
  text-align: center;
  width: 20px;
  height: 32px;
  line-height: 33px;
  top:0px;
  right: 0px;
  font-size: 10px;
  color: #000;
  cursor: pointer;
}
.mfSelect-wrap .mfSelect-input-carret:before{
  content: '\25B2';
}
.mfSelect-clear-text{
  display: block;
  width: 20px;
  text-align: center;
  font-style: normal;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 15px;
}
.mfSelect-caller-input{
  padding: 6px 22px 6px 10px !important;
  line-height: 1.42857143 !important;
  color: #555 !important;
  background-color: #fff !important;
  background-image: none !important;
}

.mfSelect-list-item-disabled{
  color: #B3B3B3 !important;
  pointer-events:none;
}

@media only screen and (max-width: 480px){
  .mfSelect-caller-input {
    padding: 6px 0 6px 5px !important;
  }
}