*{ 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}


.clear {
	clear: both;
	
}



#hide_search_wrapper {
	display: block;
	text-align: center;
}


#hide_search_wrapper_desktop {
	display: none;
	float: right;
}

#searchform {
	font-family: 'Lato' !important;
	font-size: 13px !important;
	display: none;
}

#btn_search, #btn_search_extra, #show_hide_searchform {	
	background: #29186e;
	color: #fff;
	font-size: 24px;
	text-align: center;
	padding-top: 12px;
	cursor: pointer;
	margin-top: 5px;
	line-height: 2;
}
#btn_hide_search {
	background: #29186e;
}
#btn_search, #btn_search_extra {
	width: 100%;
	height: 50px;
	margin-top: 5px;
	padding-top: 0;
	background-color: transparent;
	//padding-left: 40px;
}

#btn_search_extra {
	margin-top: -20px;
}


.searchbutton {
	width: 100%;
	height: 100%;
    border: none;
   	cursor: pointer;
	color: #fff;
}



/* override list widths & padding*/

.ui-multiselect-menu {
	scrollbar-width: thin;
}

.ui-multiselect-menu.ms_medium {
	width: 300px !important;
	line-height: 1 !important;
	max-height: 280px;
	max-height: calc(50vh - 10px);
    overflow-y: scroll;
	scrollbar-width: thin;
	z-index: 9999999999999;
}

.ui-multiselect-menu.ms_narrow {
	width: 130px !important;
	z-index: 9999999999999;
}

.ui-multiselect-checkboxes label {
    padding: 1px 1px 1px 21px !important;
}

.ui-widget, .ui-widget input {
	font-family: 'Lato' !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	padding: 6px 5px 4px;
	color: #4e4e4e;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	background: #fff !important;
	color: #4e4e4e;
}

.ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) {
	font-size: 13px;
}

.ui-slider .ui-slider-handle {
	background: #76c5ee !important;
}

.ui-state-active .ui-icon { 
	background-image: url(https://code.jquery.com/ui/1.13.1/themes/base/images/ui-icons_444444_256x240.png);
}

.ui-icon {
	margin-top: 0;
}

.ui-multiselect-grouplabel {
	border-top: 1px solid #A3A3A3;	
	border-bottom: none;
	padding-bottom: 3px !important;
	text-align: left;
    text-decoration: underline !important;
}

/* end ui style overrides */


#searchform input[type=text], #searchform select, #searchform textarea  {	
	font-family: 'Lato' !important;
	font-size: 13px;
	padding: 10px;
	background: #fff !important;
	border: 0;
	width: 100%;
	//max-width: 496px; /*not looking good on tablet size*/
	border-radius: 3px;	
	border: 1px solid #c5c5c5;
}


/* a div with this class around the checkbox + label will indent wrapping text */
.checkbox-field {
    display: flex;
    flex-direction: row;
}


.bg_search_full {
	background: #A1A1A1;
}

.search_wrapper {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 2px 0 14px;
	background: transparent;
}

.bg_search {
	background: #A1A1A1;
	padding: 15px 20px 20px;
	color: #fff;
}
.bg_search_extra {
	background: #8C8C8C;
	padding: 5px 20px 10px;
	color: #fff;
	overflow: hidden;
}

.searchform_left, .searchform_right {
	width: 100%;
	margin: 0 auto 0;
	overflow:hidden
}



#type_wrapper, #location_wrapper, #bedroom_wrapper, #pricerange_wrapper, #price_min_wrapper, #price_max_wrapper, #reference_wrapper,  #bathroom_wrapper, #builtarea_wrapper, #plotsize_wrapper, #keyword_wrapper, .feature_wrapper {
	margin-bottom: 5px;
}

#proptype_ms, #location_ms, #bedrooms_ms, #pricerange_ms, #bathrooms_ms {
    width: 100% !important;
	padding: 10px;
}

.sel-conc {
	font-weight: bold;
}


.search_right {
	float: right;
	width: 50px;
	text-align: right;
	margin-top: -34px;
}

#extra_wrapper {
	width: 100%;
	text-align: center;
}
#extra_filters {
	display: inline;
	margin: 0;
	background: #29186e;
	font-weight: bold;
	padding: 5px 7px;
	border-radius: 3px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}


#number_extra_filters {
	display: inline-block;
	text-decoration: underline;
}
#number_extra_filters2 {
	display: inline-block;
	text-decoration: underline;
}

#div_extra_filters {
	display: none;
	padding: 5px 0 0;
}

#extra_left {
	width: 100%;
}

#extra_right {
	width: 100%;
}

#bathroom_wrapper {
	width: 130px;
}
#builtarea_wrapper {
	width: 155px;
	float: left;
	margin-right: 10px;
}
#plotsize_wrapper {
	width: 155px;
	float: left;
}

#keyword_wrapper {
	width: 100%;
}

.feature_wrapper {
	width: 140px;
	float: left;
	margin-right: 20px;
}

.search_extra {	
	width: 100%;
}




@media all and (min-width: 540px){
	
	
	
	#type_wrapper, #location_wrapper, #bedroom_wrapper, #pricerange_wrapper, #reference_wrapper, #bathroom_wrapper, #builtarea_wrapper, #plotsize_wrapper, #keyword_wrapper, .feature_wrapper {
		margin-bottom: 0;
	}
	
	.searchform_left, .searchform_right {
		width: 500px;
		margin: 0 auto 0;
		overflow:hidden
	}
	
	.searchform_left {
		//padding-left: 20px;
	}
	
	.searchform_right {
		//padding-right: 20px;
	}

	#btn_search, #btn_search_extra {
		width: 100%;
	}
		
	.sel-conc {
		font-weight: bold;
	}	


	
	#bathroom_wrapper {
		float: left;
		margin-right: 40px;
	}
	#builtarea_wrapper {
		float: left;
		margin-right: 20px;
	}
	#plotsize_wrapper {
		float: left;
	}

	#keyword_wrapper {
		float: left;
	}

	.feature_wrapper {
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	
	

}

@media all and (min-width: 980px){

	#searchform {
		display: block;
	}
	#hide_search_wrapper {
		display: none;
	}
	
	#type_wrapper, #location_wrapper, #bedroom_wrapper, #pricerange_wrapper, #reference_wrapper, .btn_wrapper {
		float: left;
		width: 29%;
		margin: 2%;
	} 

	#btn_search {
		width: 100%;
		//padding-left: 40px;
	}
	
}

@media all and (min-width: 1280px){
	
	.searchform_left, .searchform_right {
		float: left;
		width: 50%;	
	}
	
	#type_wrapper, #location_wrapper, #bedroom_wrapper, #pricerange_wrapper, #reference_wrapper, .search_right {
		float: left;
		width: 29%;
		margin: 2%;
	} 

	#btn_search {
		width: 100%;
		//padding-left: 40px;
	}
	
	#clear_form {
		margin-right: 2%;
	}
	
	#keyword_wrapper {
		max-width: 496px;
	}

	.sel-conc {
		font-weight: bold;
	}

			
	.feature_wrapper {
		width: 31%;
		margin-right: 2%;
		margin-top: 16px;
	}
	
	.search_right_extra {
		float: right;
		width: 50px;
		text-align: right;
		margin-top: 12px;
	}

}




#search_title {
	text-align: center;
	font-weight: bold;
}
#clear_form {
	text-align: right;
	margin-bottom: 8px;	
}

#btn_clear_form {
	
}

@media all and (min-width: 400px){
	#clear_form {
		margin-top: -33px;
	}
}

@media all and (max-width: 980px){
	
	#search_modal_bg {
		display: none;
		position: fixed;
		background: rgba(0,0,0,0.5);
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
	}
	
	#searchform {
		overscroll-behavior: contain;
	}
	
	/* the following classes are added to the body tag by jquery in searchform.php */
	.modal_search_on {
		height: 100% !important;
		overflow: hidden !important;
	}
	.modal_search_off {
		overflow: auto !important;
		position: relative;
	}
}