/*filter bar*/
form.spproperty-search {background: white;border-radius: 10px;/* padding: 0px 15px 0px 15px; */margin-top: 100px;position: relative;}
form.spproperty-search>.row {display: flex;justify-content: space-between;text-align: center;align-items: center;}
div#mod-sp-property-search153 {
    padding: 0px;
}
select#garage-select {
    border: 0px;
    box-shadow: none;
}
select#garage-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
  position: relative;
  top: 2px;
  color: #777777;
}
input#keyword {
    width: 100%;
    padding: 0px;
}
.button-col{padding:0px;}





/*tabs*/
.search-tag {position: absolute;top: -80px;background: #0B7680;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: #EBC04F;border: 1px solid #EBC04F;transition:0.5s ease;}
.search-tag label.btn.active {
    background-color: #ebc04f;
    border: 1px solid #ebc04f;
    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: 0px;}
.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;color:#777;box-shadow: unset !important;}
input#keyword::placeholder{color: #777777!important;}

/*big screen*/@media(min-width:1600px){
  input#keyword {
    width: 230px !important;
}
}
  /*screen*/
  @media only screen and (max-width:1599px) and (min-width:1024px){}
  input#keyword {
    width: 210px !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;width: 100%;flex-grow: 1;justify-content: space-between;align-items: center;}
.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);}
.desk-hidden.property-search-button {
    margin: 0px 15px;
}
}

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: #EBC04F;border-radius: 10px;}
.property-search-button {float: right;}
button#mod-spproperty-search-submit:hover {background:#0b7680;}
.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-area*/
.advance-filter-area.filter-feature {display: block;text-align: left;}
.advance-filter-area.filter-feature .form-group {width: 100%;display: block;}
.advance-filter-area.filter-feature .filter-content {max-width: none;}
small.spproperty-area-range {margin: 15px 0px;display: block;}

/*advance filter range*/
.noUi-connect {
	background: rgb(246,136,32);
	background: linear-gradient(231deg, #EBC04F 0%, #0B7680 40%);
}

.noUi-horizontal .noUi-handle {
	background: #0B7680;
}

.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: #ebc04f;
    border: 1px solid #ebc04f;
    color: #fff;
}
.p-status-radio-group .btn.active {
    background-color: #ebc04f;
    border: 1px solid #ebc04f;
    color: #fff;
}
.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: #0b7680;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; */width: 100%;display: flex;justify-content: space-between;}/*search keyword*/
  
form.spproperty-search .row.basic-filter {padding: 20px 15px 10px;padding: 15px!important; }
  
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: 14px;}   
  
.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;}


button#apply-btn {
    background-color: #ebc04f;
    border: 1px solid #ebc04f;
    color: #fff;
}
button#apply-btn:hover {
       background-color: #0b7680;
    border: 1px solid #0b7680;
    color: #fff;
}
span.property-type-text {
    font-size: 14px;
}


/*end of filter*/
.form-group {
    margin-bottom: 0px !important; 
}
select {
    max-width: 200px;
    /* margin: 0px 10px; */
    padding: 0px;
}

.row.basic-filter {
    background-color: #ffffff;
    box-shadow: #cfcfcf 0px 0px 10px;
    border-radius: 10px;
    padding: 0px !important;
    flex-wrap: wrap;
}

/* .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: -15px;
    margin-left: -15px
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
} */

/*Tablet: */
@media screen and (max-width: 1023px) and (min-width: 768px){
form.spproperty-search .form-group, .property-type {
margin-bottom: 10px !important; 
}
 select {
    max-width: 530px !important;
    width: 530px !important;
  }
  .com-spproperty.view-properties .col-xs-12.col-sm-12 {
    padding: 10px !important;
}
}



/*EO FILTER*/