/*filter bar*/
form.spproperty-search {background: white;border-radius: 10px;padding: 0px 0px 0px 0px;margin-top: 100px;position: relative;}
form.spproperty-search>.row {display: flex;justify-content: space-between;text-align: center;align-items: center;}

/*tabs*/
.search-tag {position: absolute;top: -90px;background: #000;padding: 10px;border-radius: 10px;width: fit-content;}
.search-tag button{background: transparent;box-shadow: none;color: #fff;border: 0px;padding: 10px 20px;border-radius: 10px;transition:0.5s ease;}
.search-tag button:hover{background: #f68520;box-shadow: none;color: #fff;transition:0.5s ease;}

/*tabs radio*/
.search-tag label.btn {background-color: transparent;color:#fff;border: 1px solid transparent;border-radius: 10px;padding:10px 15px;margin: 0;}
.search-tag label.btn:hover {background-color: #f68920;border: 1px solid #f68920;transition:0.5s ease;}
.search-tag label.btn.active {background-color: #e54e25;border: 1px solid #e54e25;transition:0.5s ease;}
.search-tag [type="radio"] {display: none;}

/*filter-basic*/
.filter-item {position: relative;height: 40px;display: flex;align-items: center;}.filter-item:after {content: '';position: absolute;background: #ccc;height: 71px;width: 1px;top: -15px;right: -48px;}
.row.basic-filter {/* overflow: hidden; */}
.row.basic-filter {padding-left: 50px;}


/*chosen-single*/
.chosen-container-single .chosen-single{box-shadow: none;background: none;border: 0px;}

/*keyword*/
input#keyword {border: 0px;margin-right: -25px;color:#777;}
input#keyword::placeholder{color: #777777!important;}

/*location*/
.filter-location {border-bottom: 0px!important;}.filter-location::placeholder {color: #777!important;}
input#myInput.filter-location {color: #777;}
select#mySelect {color: #777;}
.location input#myInput {border: 0px;color: #777;text-align: left;padding-left: 20px;}
[placeholder*="Location"]::placeholder {color:#777!important;}
.location-icon {display: flex;}
.location img {top: 10px;position: relative;}


/*autocomplete*/
form.spproperty-search .location .form-group {display: block;}
div#myInputautocomplete-list {display: block!important;width: 100%;}
div#myInputautocomplete-list {display: block!important;width: 125%;margin-left: -8px;text-align: left;position: absolute;background: #fff;padding: 10px;border-radius: 0px 0px 10px 10px;top: 50px;z-index: 99;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

/*type*/
.property-type {display: flex;align-items: center;padding-left: 20px;}
select.property-type-select, select.property-type-select:focus {border-bottom: 0px;color: #777;}

/*icon*/
form.spproperty-search .form-group {display: flex;flex-direction: row;align-items: center;color: #777777;}
form.spproperty-search img.property-single-icon {width: 20px;height: 20px;object-fit: contain;filter: invert(50%) sepia(2%) saturate(8%) hue-rotate(62deg) brightness(92%) contrast(88%);}

@media only screen and (min-width: 992px) {
form.spproperty-search .filter-item:nth-child(2) img.property-single-icon,
form.spproperty-search .filter-item:nth-child(3) img.property-single-icon,
form.spproperty-search .filter-item:nth-child(4) img.property-single-icon{
    transform: translate(30px, 0px);}}

img.property-single-icon.property-type-chevron {float: right;top: 3px;position: relative;}


/*advance filter button*/
a.spproperty-show-advance img {float: right;top: 2px;position: relative;}
a.spproperty-show-advance {width: 100%;padding-left: 20px;}
a.spproperty-show-advance span {/* float: left; */color: #777;}
.row.basic-filter .filter-item:nth-child(4):after {display: none;}

/*search now*/
button#mod-spproperty-search-submit {padding: 25px;color: #fff;background: #f5821f;border-radius: 10px;}
.property-search-button {float: right;}
button#mod-spproperty-search-submit:hover {background:#e85224;}
.property-search-button img{filter:invert(1) brightness(100);width: 30px;height: 30px;}
form.spproperty-search .property-search-button img.property-single-icon {filter: invert(1) brightness(100);}

/*advanced filter bar*/
.spproperty-search-advance hr {margin-top: 0px;display: none;}
.spproperty-search-advance {padding: 30px 50px 0px 50px;border-top: 1px solid #ccc;}

/*filter features*/
.filter-feature {display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;padding: 0px 40px;}

/*filter title*/
.filter-title {margin-right: 30px;font-weight: 900;}
@media (max-width: 991px){.filter-title {font-size: 16px;font-weight: normal;color: #777;}}

/*filter content*/
.filter-content {max-width: 150px;}

/*number*/
.number-input {display: flex;}input.quantity {color: #000;border: 0;}button.minus,button.plus {border: 0px;background: transparent;font-size: 20px;font-family: 'Montserrat';border: 1px solid #777;border-radius: 100px;width: 65px;height: 39px;color: #777;}

/*remove number input controls*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*advance-filter-price*/
.advance-filter-price.filter-feature {display: block;text-align: left;}
.advance-filter-price.filter-feature .form-group {width: 100%;display: block;}
.advance-filter-price.filter-feature .filter-content {max-width: none;}
small.spproperty-price-range {margin: 15px 0px;display: block;}

/*advance-filter-sqft*/
.advance-filter-sqft.filter-feature {display: block;text-align: left;}
.advance-filter-sqft.filter-feature .form-group {width: 100%;display: block;}
.advance-filter-sqft.filter-feature .filter-content {max-width: none;}
small.spproperty-size-range {margin: 15px 0px;display: block;}

/*advance filter range*/
.noUi-connect {
	background: rgb(246,136,32);
	background: linear-gradient(90deg, rgba(246,136,32,1) 0%, rgba(232,81,36,1) 100%);
}

.noUi-horizontal .noUi-handle {
	background: #f47323;
}

.noUi-connects {
	height: 8px;
}

.noUi-horizontal {
	height: 8px;
}

.noUi-horizontal .noUi-handle {
	width: 20px;
	height: 20px;
	top: -7px;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	box-shadow: none;
}

/*property status*/
.col-12.col-sm-12.col-xs-12.filter-feature.property-status {display: block;text-align:left;}
.p-status-radio-group label {color: #777;margin-left: 5px;}
.p-status-radio-group {display: flex;min-width: fit-content;margin-right: 15px;}
.col-12.col-sm-12.col-xs-12.filter-feature.property-status .filter-title {margin-bottom: 15px;}
.p-status-radio-group .btn {background-color: #fff;border: 1px solid #ccc;border-radius: 10px;padding:10px 15px;margin: 0;}
.p-status-radio-group .btn:hover {background-color: #f68920;border: 1px solid #f68920;}
.p-status-radio-group .btn.active {background-color: #e54e25;border: 1px solid #e54e25;}
.p-status-radio-group .p-status-radio{display:none;}


/*popup filter*/

div#myModal {left: 0;right: 0;background: #000000b0;z-index: 99999999!important;position: fixed;}
.modal-content {width: fit-content;margin: auto;top: 20%;left: 0;right: 0;height: fit-content;position: absolute;}
div#category-list label {color: #000!important;text-align:left;}
.modal-body {width: fit-content;margin: auto;}
.property-type-select {background: transparent;border: 0px;color: #777;width: 100%;text-align:left;font-size:16px;padding:0px;}
div#category-list input {margin-right: 5px;}


@media screen and (min-width:992px){.property-type-select {text-align: center;}}

.modal-header {background: #222222;color: #fff;}div#category-list {text-align: left;}
div#myModal span.close:hover {cursor: pointer;}
div#myModal span.close {font-size:25px;}

.modal-footer {border-color: #777;}




/*mobile filter*/
@media (max-width: 991px){
form.spproperty-search .form-group, 
.property-type{border: 1px solid #ccc;border-radius: 10px;padding: 5px 10px;min-height: 50px;margin-bottom: 15px;text-align: left;}

form.spproperty-search .filter-item:nth-child(1) .form-group {flex-direction: row-reverse;}/*search keyword*/
  
form.spproperty-search .row.basic-filter {padding: 20px 15px 10px;}
  
form.spproperty-search .property-search-button .form-group {border: 0px;display: block;width: 100%;padding: 0;}
  
button#mod-spproperty-search-submit {width: 100%;}.property-search-button {float: none;}
  
form.spproperty-search .property-search-button img.property-single-icon {margin: auto;}
  
a.spproperty-show-advance span {font-size: 16px;}   
  
.spproperty-search-advance {padding: 15px;}
  
.number-input .quantity {text-align: center;border: 0;}
  
form.spproperty-search .filter-content .form-group {border: 0px;padding: 0;}  
  
.filter-feature {margin-bottom: 15px;padding: 0px 15px;}

button.category-btn {padding: 10px;}

.location input#myInput {padding-left: 0px;}
  
div#myInputautocomplete-list {width: 80%!important;margin: 0px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.filter-item {position: relative;height: auto;display: inline-table;}

a.spproperty-show-advance {padding: 0;}  
  
}/*//end of mobile filter*/

/**button display**/
@media (max-width: 991px){.mobile-hidden.property-search-button {display: none;}}
@media (min-width: 992px){.desktop-hidden.property-search-button {display: none;}}

/*item not found*/
.spproperty .sp-no-item-found {margin-top: 0px;background: transparent;}
.spproperty .sp-no-item-found>p {font-size: 18px;}






/*end of filter*/



