body {
    font-family: 'Lato' !important;
    font-size: 14px !important;
}
.property-detail-map-wrapper {position: relative;height: 340px;}
.property-detail-map-wrapper .property-detail-map {height: 100%;position: absolute;right: 0;width: 100%;}
.property-detail-map {width: 100% !important;}
#submit-map {margin-bottom: 20px;}
#submit-map {height: 320px;width: 100%;}
.social-space{height: 23px;line-height: 26px;}
.listing-compare-col {
    padding: 2px 20px;
}
.listing-compare-list li {
    padding: 12.45px 0;
}
.header-top {
    padding: 8px 1000px;
}
.form-control {
    font-size: 12px !important;
    font-family: "Lato", sans-serif !important;
}

ul.nav.nav-pills.nav-topbar li.nav-item {
    margin: 0 15px !important;
}

.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.float-right{
    float: right !important;
}
.float-left{
    float: left !important;
}
.rounded-5{
    border-radius: 5px !important;
}
.rounded-15{
    border-radius: 15px !important;
}
.disabled{
    background: #D1D1D1;
}

.listing-carousel-wrapper .owl-controls{
    position: absolute;
    top: -54px;
    right: 54px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.cke_dark_background, .cke_dialog_ui_vbox_child, .cke_dialog_footer{
    padding: 0 !important;
}
.cke_ltr .cke_dialog_close_button{
    right: 20px;
    top: 20px;
}

/* **************************************** */

.input-new{
    border: 0.5px solid #90A1B9;
    color: #1D293D;
    padding: 8px 12px;
    border-radius: 4px !important;
}

.input-new-call{
    border: 0.5px solid #90A1B9;
    color: #1D293D;
    padding: 8px 12px;
    border-radius: 4px !important;
    background-color: transparent !important;
}

.main-title-new{
    font-size: 24px !important;
    font-weight: 500 !important;
}

.sky-700{
    color: #0069A8;
}

.blue-link-new{
    color: #0A42FA;
}

.slate-800{
    color: #1D293D;
}

.slate-500{
    color: #62748E;
}

.slate-400{
    color: #90A1B9;
}

.slate-100{
    color:#F1F5F9
}

select:required:invalid {
    color: gray;
  }
  option[value=""][disabled] {
    display: none;
  }
  option {
    color: black;
  }

  .error-text-new{
    font-size: 12px;
    color: #ef4444;
  }

  .link-new{
    color: #0069A8 !important;
    font-weight: 600;
    /* text-decoration: underline; */
  }

  .link-new:hover{
    color: #0069A8;
    text-decoration: underline;
  }

  .background{
    background-color: #2563eb;
  }

  .vector-style-new{
    width: 40% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .footer-new{
    background-color: #444854 !important;
  }

  .footer-list-new{
    color: white !important;

  }

  .footer-add-new{
    color: antiquewhite;
    font-size: smaller;
  }

.footer-add-new a:hover{
    color: skyblue !important;
    text-decoration: underline;
    ;
 }

 #todayprops{
  margin-top: 40px !important;
  color: #90A1B9 ;
 }

 .cursor-pointer{
  cursor: pointer !important;
 }

 .contact-new{
  background-color: #F1F5F9;
  padding: 10px;
 }
  
 .new-bg-login{
  border: 1px solid #90A1B9 !important;
 }

 .tooltip-custom {
  position: relative;
  display: inline-block;
}

.tooltip-custom::after {
  content: "Compare Property";
  position: absolute;
  top: 130%; 
  left: 50%;
  transform: translateX(-50%);
  background-color: #e0e0e0;
  color: #333;
  padding: 8px 12px;
  border-radius: 50px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  font-size: 12px;
  z-index: 100;
}

.tooltip-custom:hover::after {
  opacity: 1;
}

.tooltip-custom-fav {
  position: relative;
  display: inline-block;
}

.tooltip-custom-fav::after {
  content: "Favourite Property";
  position: absolute;
  top: 130%; 
  left: 50%;
  transform: translateX(-50%);
  background-color: #e0e0e0;
  color: #333;
  padding: 8px 12px;
  border-radius: 50px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  font-size: 12px;
  z-index: 100;
}

.tooltip-custom-fav:hover::after {
  opacity: 1;
}