@import "compass";

#advance-search{
	#advance-search-t1 {
		background-color: #F0F0F0;
		border: 1px solid #C8C9CA;
		padding: 2%;
		width: 96%;
		margin-top: 10px;
	
		#heading {
			color: #506576;
			font-weight: normal;
			font-size: 20px;
			text-transform: uppercase;
			margin-bottom: 10px;
			display: none;
		}
		
		.control-group {
			margin-bottom: 0;
		}
		
		.control-label {
			color: #545454;
			font-size: 14px;
			line-height: 30px;
			font-weight: normal;
		}
		
		select {
			width: 100%;
			font-size: 14px;
		}
		
		input{
			width: 240px;
		}
		
		.column-content, .column-content-center{
			padding: 0;
		}
		
		button.btn, input.btn[type="submit"]{
			text-transform: capitalize;
		}
	}
	
	#advance-search-t2 {
		background-color: transparent;
		border: none;
		padding: 20px;
		
		.mobileView
		{
			display:none;
		}
		.desktopView{
			display:none;
		}
		.customRow{
		  .span2{
		      margin-left:5px;
		  }
		}
		
		ul{
		  margin: 0;
		}
		
		label {
           color: #575756;
           font-size: 15px;
           font-weight: 400;
        }
		
		.form{
			min-height:0px !important;
		}
		#heading {
			color: #506576;
			font-weight: normal;
			font-size: 20px;
			text-transform: uppercase;
			margin-bottom: 10px;
			display: none;
		}
		
		.description{
			color: white;
		     font-size: 30px;
		    font-weight: 300;
		    line-height: 34px;
		    margin-bottom: 15px;
		    margin-left: 0;
		    text-align: center;
		}
		 
		#search-toggle-button-desktop{
			margin-top: 10px;
		}
		#search-toggle-button-desktop:before{
			background-color: #4f6573;
		    border-radius: 6px;
		    color: white;
		    content: "";
		    cursor: pointer;
		    font-family: "ionicons";
		    font-size: 60px;
		    font-weight: bold;
		    padding: 0 10px;
		}
		
		.search-toggle-close#search-toggle-button-desktop:before{
		    content: "";
		    font-family: "ionicons";
		}
		
		#search-toggle-button{
			margin-top: 10px;
		}
		
		#search-toggle-button:before{
			background-color: #4f6573;
		    border-radius: 6px;
		    color: white;
		    content: "";
		    cursor: pointer;
		    font-family: "ionicons";
		    font-size: 60px;
		    font-weight: bold;
		    padding: 0 10px;
		}
		
		.search-toggle-close#search-toggle-button:before{
		    content: "";
		    font-family: "ionicons";
		}
		
		.control-group {
			margin-bottom: 0;
		}
		
		.control-label {
			color: #545454;
			font-size: 14px;
			line-height: 30px;
			font-weight: normal;
			display: none;
		}
		
		select {
			width: 100%;
			font-size: 18px;
			height: 39px;
		   	background-color: #e3e3e3;
    		color: gray;
    		border-radius:0px;
		}
		
		.dd-select{
		  height: 38px;
		}
		
		.dd-selected{
		  padding: 8px;
		}
		
		input{
			width: 97%;
			height: 30px;
			font-size: 18px;
		}
		
		input[type="text"]:focus, .uneditable-input:focus{
			box-shadow: none;
		}
		
		.column-content, .column-content-center{
			padding: 0;
		}
		
		.row {
			margin-top: 15px;
			margin-left: 0;
		}
		
		.button-holder {
			margin-top: 0;
			margin-bottom: 0;
			padding: 15px 0;
		}
		
		button.btn, input.btn[type="submit"]{
			border-radius: 6px;
		    font-size: 18px;
		    height: 48px;
		    text-transform: uppercase;
		    width: 100%;
		}
	
		#saleprice{
			border:0;
			font-weight: bold;
			
			.control-label {
				display: block;
			}
		}
		
		#leteprice{
			border:0;
			font-weight: bold;
			
			.control-label {
				display: block;
			}
		}
		
		#range{
			color:#4F6673;
			font-weight:bold;
			text-align: center;
			
			input{
				background-color: transparent;
			    border: medium none;
			    color: white;
			    font-size: 18px;
			    margin-bottom: 0;
			    padding-bottom: 0;
			    padding-top: 0;
			    text-align: center;
			    width: auto;
			}
			
			p{
				color:#4F6673;
				margin-bottom: 0;
			}
			
			#sale-slider-range{
				margin-top: 10px;
			}
			
			#let-slider-range{
				margin-top: 10px;
			}
			
			#com-slider-range{
				margin-top: 10px;
			}
		}
		
		#negotiable{
			text-align:right;
			
			.control-group{
				padding-top: 22px;
				
				label{
					font-size: 18px;
					color: #fff;
				}
				
				input.field{
					width: 22px;
					height: 15px;
					font-size: 18px;
				}
			}
		}
	
		.ui-slider-horizontal{
			top: -7px;
		}
		
		 .ui-slider-handle{
			height: 30px;
			width: 30px;
			top: -10px;
		}
		
		.ui-slider-range{
			background-color: white;
		}
		
		.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
			background-color: #4F6673;
			border: none;
		}	
		.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
			border-radius: 20px;
		}
	}
	
}

.configurationForm .control-label {
	float: left;
	width: 30%;
}