.wc_imobi_filter{
  background:#eee;
}

.wc_imobi_filter .content{
  padding:20px 0;
}

.wc_imobi_filter h1{
  font-size:1.4em;
  font-weight:300;
  color:#008068;
  padding-left:5px;
  padding-bottom:10px;
}

.wc_imobi_filter select, .wc_imobi_filter input:not([type="checkbox"]), .wc_select_multiple{
  font-size:0.9em!important;
  display:inline-block;
  width:25%;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:5px solid #eee;
  margin-bottom:5px;
  outline:none;
  background-image:url('images/wc_arrow.png');
  background-repeat:no-repeat;
  background-position:center right 10px;
  background-size:10px;
  cursor:pointer;
}

.wc_imobi_filter .btn.btn_default{
  width:7.5%!important;
}

.wc_imobi_filter .btn.btn_green{
  width:17.5%!important;
}

.wc_imobi_filter input:not(.wc_select_multiple){
  background-image:none;
}

.wc_imobi_filter input::-webkit-input-placeholder {
  color: #000;
}

.wc_imobi_filter input:-moz-placeholder { /* Firefox 18- */
  color: #000;  
}

.wc_imobi_filter input::-moz-placeholder {  /* Firefox 19+ */
  color: #000;  
}

.wc_imobi_filter input:-ms-input-placeholder {  
  color: #000;  
}

.wc_imobi_filter .btn{
  float:right;
  width:25%;
  border:5px solid #eee;
  padding:10px 8px;
  margin-top:0;
}

.wc_mobile_filter{
  display:block;
  width:100%;
  background:#eee;
  padding:20px;
  color:#008068;
  font-weight:600;
  text-align:center;
  cursor:pointer;
  display:none;
}

.wc_mobile_filter span{
  display:inline-block;
  vertical-align:middle;
}

.wc_mobile_filter .bar{
  margin-right:5px;
  vertical-align:middle;
}

.wc_multiple_tags{
  float:left!important;
  width:100%!important;
  border:5px solid #eee;
  padding:5px;

  background:#fff!important;
}

.wc_form_tags{
  font-size:0.8em;
  float:left;
  width:auto;
  background:#eee;
  margin:5px;
  padding:3px 0 3px 5px;
}
.wc_form_tags input{
  display:none;
}
.wc_form_tags span{
  float:left;
  padding:2px;
}
.wc_form_tags svg{
  float:left;
  font-size:0.9em;
  color:#777;
  cursor:pointer;
  margin:4px;
}

.wc_filter_modal_district_container, .wc_filter_modal_district_container *{margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.wc_filter_modal_district_container{position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.7); z-index:999999;}
.wc_filter_modal_district_content{position:absolute; top:15%; right:15%; bottom:15%; left:15%; background:#fff; padding:0 10px 10px 10px;}
.wc_filter_modal_district_content_header{height:40px; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; padding:0!important;}
.wc_filter_modal_district_content_data{overflow-y:auto; height:calc(100% - 40px); display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;}
.wc_filter_district_content_close{position:absolute; top:0; right:0; background:none; padding:8px; border:0; outline:0; cursor:pointer;}
.wc_filter_district_content_close svg{color:#777;}

.wc_filter_district_buttons{float:left; width:100%; padding:15px; text-align: center;}
.wc_filter_district_buttons button{padding:2px 10px; background:none; border:0; font-size:0.8em; display:inline-block; cursor:pointer; border-right:1px solid #ccc; outline:0;}
.wc_filter_district_buttons button:last-of-type{border:0;}

.wc_filter_modal_district_content h3{flex-basis:100%; background:#eee; padding:5px 10px; font-size:0.9em; color:#222; width:100%; margin:5px 0; height:28px;}
.wc_filter_modal_district_content label{flex-basis:23%; font-size:0.8em; color:#222; padding:4px; margin:1%; cursor:pointer; display:flex; flex-wrap:nowrap;}
.wc_filter_modal_district_content label input{float:left; width:13px; height:13px; flex-basis:15px;}
.wc_filter_modal_district_content label span{float:left; padding:0 0 0 5px; margin-top:-1px; flex-basis:calc(100% - 15px);}

/* 1024 */
@media (max-width:64em){
  .wc_imobi_filter select,
  .wc_imobi_filter input:not([type="checkbox"]), .wc_select_multiple{
    width:50%;
  }
  .wc_imobi_filter .btn.btn_default{
    width:15%!important;
  }
  .wc_imobi_filter .btn.btn_green{
    width:35%!important;
  }
}

/* 900 */
@media (max-width:56.25em){
  .wc_filter_modal_district_content{top:10%; right:10%; bottom:10%; left:10%;}
}

/* 768 */
@media (max-width:56.25em){
  .wc_filter_modal_district_content{top:6%; right:6%; bottom:6%; left:6%;}
  .wc_filter_modal_district_content label{flex-basis:31.33333333333333%;}
}

/* 640 */
@media (max-width: 40em) {
  .wc_filter_modal_district_content label{flex-basis:48%;}
}

/* 512 */
@media (max-width:32em){
  .wc_imobi_filter .content{
    display:none;
  }
  .wc_filter_modal_district_content label{flex-basis:98%;}

  .wc_mobile_filter{
    display:block;
  }

  .wc_imobi_filter select,
  .wc_imobi_filter input:not([type="checkbox"]), .wc_select_multiple{
    width:100%;
  }
  .wc_imobi_filter .btn.btn_default{
    width:30%!important;
  }
  .wc_imobi_filter .btn.btn_green{
    width:70%!important;
  }
}