
.search-card__area-code--category-1 {
      padding: 1px 10px;
}
.search-result a{
  text-decoration: none;
  color: inherit;
}
.search-result a:hover{
  text-decoration: none;
  color: inherit;
}

.search-card__title span,
.search-card__value span {
      min-height: 27px;
      max-width: 105px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
.btn.btn-booking{
    position: absolute;
    background-color: #60D3C8;
    border-radius: 9px;
    color: #fff;
    padding: 5px 18px;
    right: 15px;
    bottom: 20px;
}
.btn.btn-booking:hover{
  color: #fff;
}
.search-result .search-card__title {
  width: 110px;
}
span.status.font-vacant{
  color: #65d729;
}

span.area-category-name {
  max-width: 150px;
}
span.area-tenan-name{
  max-width: 175px;
}
.search-card__value .search-card__area-code--category-1 {
    max-width: unset;
    display: inline-table;
    width: auto;
}
.search-result .search-card__title{
    width: 130px;
}
@media(max-width:1199px){
  .search-result .search-card__title {
    width: 100px;
  }
    .search-card__value {
      width: 145px;
    }
 span.area-category-name {
   max-width: 130px;
 }

 span.area-tenan-name {
   max-width: 145px;
 }
}
@media(max-width:991px) {
  .search-card__value {
    width: 185px;
  }
  span.area-category-name {
    max-width: 130px;
  }

  span.area-tenan-name {
    max-width: 185px;
  }
}
@media(max-width:767px) {


  span.area-tenan-name {
    max-width: 100%;
  }
  .search-card__value {
    float: left;
    width: 75%;
  }
}
.pointer{
    cursor: pointer;
}
.path-svg.active{
  fill: rgb(246 255 0 / 80%)!important;
}

path.unactive,
polygon.unactive,
rect.unactive,
circle.unactive
{
  fill: rgb(192 191 191)!important;
}
path.date-active,
polygon.date-active,
rect.date-active,
circle.date-active
{
  fill: rgb(170 203 123)!important;
}
path.date-unactive,
polygon.date-unactive,
rect.date-unactive,
circle.date-unactive
{
  fill: rgb(255 119 106)!important;
}
g path.st13{fill:#6AC8C2!important;}
g path.st14{fill:#F5AA55!important;}
g path.st15{fill:#9DC786!important;}
g path.st16{fill:#9CCFE4!important;}
g path.st17{fill:#59C4E6!important;}
g path.st18{fill:#88BAB9!important;}
g path.st19{fill:#B699C5!important;}