﻿.ListingSearch .ListingSearchPagination {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ListingSearch .search-result-city,
.ListingSearch .search-result-address,
.ListingSearch .srCity,
.ListingSearch .srAddress {
    font-size: 0.9rem;
}

.ListingSearch .srTop {
  display: flex;
  align-items:center;
}
.ListingSearch .filler{
  flex:1;
}

.ListingSearch .AddressDisplay {
  display: flex;
  flex-direction: column;
  line-height: 1rem;
  padding: 0.5rem 0;
}

.ListingSearch .lsLine {
  position:relative
}

.ListingSearch .lsLine img{
  height:30px;
}

.ListingSearch .heart-container {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor:pointer;
}

.ListingSearchItemContainer {
    font-family: Roboto;
}

.ListingSearchFillerItem .card-body .search-result-details .fillerBlock {
    display: block;
    clear: both;
    position: relative;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 4px;
    background: rgb(242, 242, 242);
}

.ListingSearchItem .card-body .officeName {
    padding-top:5px;
    color: rgb(89, 107, 130);
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
}

.ListingSearchFillerItem .card-body .search-result-details .fillerBlock:not(:last-child) {
    margin-bottom:8px;
}

.ListingSearchFillerItem .card-body .search-result-details .fillerBlock::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderAnimationComposited;
    animation-timing-function: linear;
    min-width: 468px;
    content: "";
    background: linear-gradient(to right, rgb(242, 242, 242) 8%, rgba(43, 43, 43, 0.16) 18%, rgb(242, 242, 242) 33%) 0% 0% / 936px 104px rgb(242, 242, 242);
}

.ListingSearchFillerItem .card-body .search-result-details .block-0 {
    width:100%;
    height:32px;
}
.ListingSearchFillerItem .card-body .search-result-details .block-1 {
    width:75%;
    height:24px;
}
.ListingSearchFillerItem .card-body .search-result-details .block-2 {
    width:50%;
    height:16px;
}

@keyframes placeHolderAnimationComposited {
    0% {
        transform: translateX(-468px);
    }

    100% {
        transform: translateX(468px);
    }
}


