.disable_search {
  color: #c0c0c0 !important;
  background-color: #ffffff !important;
  cursor: not-allowed !important;
  border-color: #e4e4e4 !important;
}

label.error {
  color: red;
  font-size: 1rem;
  display: block;
  margin-top: 5px;
}

.guest-card-autofill {
  text-align: right;
  cursor: pointer;
}

.guest-card-autofill button {
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  background-color: #4d74ad;
  border-radius: 4px;
}

.no_units {
  background-color: #333;
  border: 1px solid #333;
  font-size: 15px;
  color: #ffffff;
  font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif !important;
  padding: 15px 15px 14px 15px !important;
  border-radius: 4px;
  cursor: not-allowed;
}

/* floorplan popup start */
.floorplan-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 999999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.floorplan-modal-content {
  background-color: #fefefe;
  padding: 20px;
  width: 900px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.floorplan-modal-header {
  text-align: center;
  font-size: 20px;
  padding: 0px 0px 15px;
}

.floorplan-modal-image-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.floorplan-modal-image img {
  width: 500px;
  height: 400px;
  object-fit: scale-down;
}

/* The Close Button */
.resport_floorplan_close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: 4px;
  right: 8px;
  cursor: pointer;
}

.resport_floorplan_close:hover,
.resport_floorplan_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* floorplan popup end */

/* check availablity sort icon */
.sorting_default {
  position: relative;
}

.sorting_default:after {
  content: '\2193';
  color: #8c9099;
  display: inline-block;
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}

.sorting_default:before {
  content: '\2191';
  color: #8c9099;
  display: inline-block;
  font-size: 16px;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
}

.sorting_desc {
  position: relative;
}

.sorting_desc:after {
  content: '\2193';
  color: #8c9099;
  display: inline-block;
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}

.sorting_asc {
  position: relative;
}

.sorting_asc:after {
  content: '\2191';
  color: #8c9099;
  display: inline-block;
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}

/* check availablity sort icon end */



/* Modal Content */
/* property image popup */
.property-images-content {
  background-color: #fefefe;
  padding: 20px;
  width: 900px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.property-images-header {
  text-align: center;
  font-size: 20px;
  padding: 0px 0px 15px;
}

.property-images-image img {
  width: 500px;
  height: 400px;
  object-fit: scale-down;
}

.propertyImages {
  display: none;
}

.property_name {
  cursor: pointer;
}

.property-name-header {
  text-align: center;
  font-size: 20px;
  padding: 0px 0px 15px;
}

.property-images {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 999999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

.property-modal-image-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* The Close Button */
.resport_property_close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: 4px;
  right: 8px;
  cursor: pointer;
}

.resport_property_close:hover,
.resport_property_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* images scroll button css*/
.property-images-prev-image-block {
  margin-right: 20px;
}

.property-images-prev-image-block button:before {
  content: "";
  background-image: url(../../default/images/floorplan-prev-arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  height: 54px;
  width: 54px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.property-images-next-image-block {
  margin-right: 20px;
}

.property-images-next-image-block button:before {
  content: "";
  background-image: url(../../default/images/floorplan-next-arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  height: 54px;
  width: 54px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.property-modal-image-block button {
  border: none;
  background-color: transparent;
}

/* media queries */

@media only screen and (max-width: 1024px) {
  .floorplan-modal-content {
    width: 730px;
  }
}

@media only screen and (max-width: 912px) {
  .floorplan-modal-content {
    width: 80%;
  }

  .floorplan-modal-image img {
    width: 300px;
    height: 300px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 600px) {
  .floorplan-modal-header {
    font-size: 16px;
    text-align: left;
  }

  .floorplan-modal-image img {
    width: 100%;
    height: 160px;
  }
}

/* property imgage popup */
@media only screen and (max-width: 1024px) {
  .property-images-content {
    width: 730px;
  }
}

@media only screen and (max-width: 912px) {
  .property-images-content {
    width: 80%;
  }

  .property-images-image img {
    width: 300px;
    height: 300px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 600px) {
  .property-images-header {
    font-size: 16px;
    text-align: left;
  }

  .property-images-image img {
    width: 100%;
    height: 160px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 768px) and (min-width: 320px) and (max-width: 600px) {

  .property-images-next-image-block {
    margin-right: 10px;
  }

  .property-images-next-image-block button:before {
    width: 30px;
    height: 30px;
  }

  .property-images-prev-image-block {
    margin-right: 10px;
  }

  .property-images-prev-image-block button:before {
    width: 30px;
    height: 30px;
  }
}