.listing-archive-container {
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.listing-archive-card {
  width: 23.666%;
  width: calc(33.33% - 25px);
  min-height: 542px;
  margin: 0 12.5px 25px;
  background-color: #f4f4f4 !important;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.listing-archive-card:hover {
  background-color: #042531 !important;
}

.listing-archive-card:hover .listing-card-details * {
  color: #fff !important;
}

.listing-card-imgholder {
  line-height: 0;
}

.listing-card-imgholder img {
  height: 302.5px !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100% !important;
}

.listing-card-imgpagination {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.listing-card-status {
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  background: #002532;
  color: #fff;
  text-transform: uppercase;
}

.listing-card-heading {
  min-height: 60px;
  font-size: 20px;
  font-weight: 300;
}

.listing-card-title {
  color: #002532;
  font-weight: 500;
}

.is-inspection .listing-card-title {
  font-size: 20px;
  font-weight: 300;
  color: #001f2b;
}

.listing-card-details {
  min-height: 222.5px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.listing-card-attr div:after {
  content: '|';
  margin: 0 5px;
}

.listing-card-attr div:last-child:after {
  display: none;
}

a.link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

a.link-overlay.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.2;
}

/**** INSPECTION AND AUCTION ****/

.listing-card-list-imgholder img {
  min-width: 285px !important;
  height: 185px !important;
  object-fit: cover !important;
}

.listing-no-property {
  height: 75vh;
}

.pagination-archive {
  border: 1px solid #d2d5da;
}

.paging-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  min-height: 50px;
  color: #002532;
  padding: 10px;
  line-height: 1;
  border-right: 1px solid #d2d5da;
}

.paging-link.active,
.paging-link:hover {
  background-color: #002532;
  border: 1px solid #002532;
  color: #fff;
}

.paging-link-next {
  border-right: 0;
}

.paging-link-prev,
.paging-link-next {
  min-width: 65px;
}

.paging-link.disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 37, 50, 0.3);
}

@media only screen and (max-width: 767px) {
  .paging-link {
    min-width: 45px;
  }
}

.page-link-break.disabled {
  opacity: 1;
  border: 0;
}

.vue-slider-component .vue-slider-dot {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stepps-slider-tooltip {
  background: #0072bc;
  padding: 0.5em;
  min-width: 60px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  color: #fff;
  -webkit-transition: background-color 0.15s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.15s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.15s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.15s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, background-color 0.15s ease-in-out;
  transition: transform 0.1s ease-in-out, background-color 0.15s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, background-color 0.15s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}

/* .stepps-slider-tooltip:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 3!important;
} */

.archive-map,
.listing-map-notice {
  width: calc(66.66% - 25px) !important;
  margin: 0 12.5px 25px;
  height: auto !important;
  position: relative;
  overflow: hidden;
}

/**** Multiselect General ****/
.multiselect__content {
  margin: 0 !important;
}

.multiselect__input {
  border: 0 !important;
  padding: 0 0 0 5px !important;
  background-color: transparent !important;
}

.multiselect__input:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.multiselect__tags {
  border-radius: 0;
  max-height: unset;
  height: 100%;
}

.multiselect__tag {
  margin: 0 !important;
  margin-right: 5px !important;
  /* max-width: 127px; */
  background: #28c7ec;
  border-radius: 0;
}

.multiselect__tag-icon {
  border-radius: 0;
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: #28c7ec;
  opacity: 0.87;
}

.multiselect__tag-icon:after {
  color: #fff;
}

.multiselect__content-wrapper {
  z-index: 9;
  border: 0;
}

.multiselect__option {
  padding: 5px 10px !important;
  font-size: 16px;
  min-height: 35px;
  color: #000;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.multiselect__option--selected {
  background: #28c7ec;
  color: #fff;
}

.multiselect__option:hover {
  background: #dfe8ee;
}

.multiselect__input,
.multiselect__single {
  color: #002532;
  background-color: transparent !important;
  line-height: 20px !important;
}

.multiselect__input::-webkit-input-placeholder {
  color: #fff !important;
}

.multiselect__input:-ms-input-placeholder {
  color: #fff !important;
}

.multiselect__input::-ms-input-placeholder {
  color: #fff !important;
}

.multiselect__input::placeholder {
  color: #fff !important;
}

.multiselect__select:before {
  content: 'g';
  font-family: CunninghamsIcon;
  margin-top: 0;
  height: 100%;
  width: 7px;
  border: 0;
  top: unset;
  color: #d2d5da;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.multiselect__spinner:after,
.multiselect__spinner:before {
  border-color: #00467e transparent transparent;
}

.filter-multiselect.multiselect--active .multiselect__select {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.listing-filter-suburb .multiselect__spinner {
  background-color: #fff;
}

.multiselect--active {
  z-index: 999;
}

.listing-filter-container,
.filter-multiselect-price,
.filter-multiselect-beds {
  border: 1px solid #d2d5da;
}

.filter-price-dropdown-icon {
  color: #d2d5da;
  transition: transform 0.2s ease;
}

.filter-price-dropdown-icon.is-open {
  transform: rotate(-90deg) !important;
}

.listing-range-filter-popup {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  width: 350px;
  display: flex;
  z-index: 9;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.listing-filter-wrapper {
  border-right: 1px solid #d2d5da;
}

.filter-multiselect {
  min-height: 50px;
  height: 50px;
  cursor: pointer;
}

.filter-multiselect .multiselect__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent !important;
  padding: 0 0.5rem;
  border: 1px solid transparent !important;
  border-radius: 0;
}

.filter-multiselect .multiselect__tags > span {
  line-height: 1;
}

.filter-multiselect .multiselect__input,
.filter-multiselect .multiselect__single {
  margin-bottom: 0;
}

.filter-multiselect .multiselect__select {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  padding: 0;
  top: 0;
  right: 24px;
  z-index: 99;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.propery-card-list-imgs {
  width: calc(66.66% - 25px) !important;
  max-height: 445px !important;
  height: 445px !important;
  margin: 0 12.5px 25px;
}

/* .propery-card-list-imgs-container {
  width: auto!important;
} */

.propery-card-list-imgs-container img {
  height: 445px !important;
  width: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.propery-card-list-imgs .slick-dots {
  bottom: 20px;
}

.propery-card-list-imgs .slick-next {
  right: 20px;
  z-index: 10;
}

.propery-card-list-imgs .slick-prev {
  left: 20px;
  z-index: 10;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.propery-card-list-imgs .slick-prev:before,
.propery-card-list-imgs .slick-next:before {
  content: 'g';
  font-family: CunninghamsIcon;
}

@media only screen and (max-width: 1000px) {
  #listing-archive,
  #upcoming-inspection-archive {
    margin-top: 5rem !important;
  }

  .listing-archive-card {
    width: calc(50% - 25px);
    min-height: 445px;
  }

  .listing-card-imgholder img {
    height: 225.5px !important;
  }

  .listing-filter-container {
    position: relative;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    border-bottom: 0px !important;
    border: 0;
    padding: 8rem 2rem 0;
    height: 100%;
  }

  .listing-filter-container-footer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
  }

  body .listing-filter-wrapper {
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 1rem;
    flex: unset !important;
    min-height: 76px;
  }

  body .btn-devices-filter {
    position: absolute;
    top: 50%;
    right: 15px;
    height: auto !important;
    transform: translateY(-50%);
  }

  body .listing-filter-section.open {
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow: hidden !important;
    margin-top: 0;
    padding: 0 !important;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    object-fit: cover;
    background-color: #fff !important;
  }

  body .listing-filter-section.open .listing-range-filter-popup {
    position: relative;
    width: 100%;
    padding: 0 !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    top: unset;
    left: unset;
  }

  .filter-multiselect {
    border: 1px solid #d2d5da;
  }

  .listing-filter-suburb-wrapper {
    order: 0;
  }

  .listing-filter-type-wrapper {
    order: 1;
  }

  .listing-filter-price-container {
    order: 2;
  }

  .listing-filter-beds-container {
    order: 3;
  }

  .listing-filter-cars-wrapper {
    order: 4;
  }

  .btn-add-calendar {
    padding: 10px 18px !important;
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .btn-add-calendar {
    width: 100% !important;
  }

  .listing-filter-container {
    padding: 8rem 1rem 0;
  }

  .listing-archive-container {
    margin: 0;
  }

  .listing-archive-card,
  .listing-slider-loader-card {
    width: 100%;
    margin: 0 0 25px !important;
  }

  .listing-slider-loader-card {
    width: 100% !important;
  }

  .archive-map,
  .listing-map-notice {
    width: 100% !important;
    height: 485px !important;
    margin-left: 0;
    margin-right: 0;
  }

  .listing-archive-map-view {
    flex-direction: column-reverse;
  }

  .listing-archive-seemore {
    min-height: 350px;
  }

  .propery-card-list-imgs {
    display: none !important;
  }

  #listing-single-map .gm-style .gm-style-iw {
    padding: 0px !important;
    max-height: unset !important;
  }

  #listing-single-map .gm-style .gm-style-iw-d {
    overflow: auto !important;
    width: 100%;
    max-width: unset !important;
    max-height: unset !important;
  }

  #listing-single-map .gm-style .gm-style-iw-t::after {
    background-color: #e9e6e7 !important;
  }

  #listing-single-map .gm-style .gm-style-iw .gm-ui-hover-effect {
    opacity: 1 !important;
  }

  #listing-single-map .gm-style .gm-style-iw .gm-ui-hover-effect:before {
    content: '\f00d';
    font-family: fontAwesome;
    position: absolute;
    z-index: 12;
    top: 10px;
    left: 5px;
    color: #fff;
    font-size: 18px;
  }

  #listing-single-map .gm-style .gm-style-iw .gm-ui-hover-effect img {
    display: none !important;
  }

  #listing-single-map .listing-card-details {
    min-height: 172.5px !important;
  }

  .listing-archive-container-map .archive-map {
    height: 600px !important;
    margin: 0 !important;
  }
}