/* Property development card styles */
.development_card_container{
  background-color: #E8F4FB;
  border-radius: 12px;
  border: solid 1px var(--gray-300);
  padding: 8px 16px 8px 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--fuente-tokko);
  margin-bottom: 24px;
}
.development_picture_container{
  width: 87px;
  height: 58px;
  border-radius: 8px;
  border: solid 1px var(--background-box);
  overflow: hidden;
  min-height: 58px;
  min-width: 87px;
  position: relative;
  & img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  & .dev_icon_container{
    display: flex;
    border-radius: 3px;
    background-color: #E8D8F5;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 20px;
    height: 20px;
    & i{
      font-size: 16px;
      margin: auto;
      color: #573871;
    }
  }
}
.development_content_container{
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: calc(100% - 100px);
  & .dev_belongs_label{
    color: var(--gray-600);
    line-height: 16px;
  }
}
.dev_info_container{
  display: flex;
  align-items: center;
  & .dev_status_container{
    display: flex;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    flex-wrap: wrap;
    & label{
      color: var(--gray-800);
      font-weight: 600;
    }
    & span{
      color: var(--gray-600);
    }
  }
  & .dev_right_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
  }
  & .dev_left_container{
    max-width: calc(100% / 2.5);
    width: 100%;
    & .dev_name{
    overflow: hidden;
    color:  #082B3F;
    text-overflow: ellipsis;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px; /* 150% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    cursor: pointer;
    max-width: calc(100% - 120px);
    white-space: nowrap;
    }
    & .dev_status{
      font-weight: 700;
      line-height: 16px;
      &.status_color_1,
      &.status_color_3{
        color: var(--not-available-color);
      }
      &.status_color_2{
        color: var(--available-color);
      }
    }
  }
  & .dev_website_container{
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    min-width: fit-content;
    & a{
      text-decoration: none;
    }
    & i, span{
      font-size: 14px;
      color: #0F567F;
    }
    & span{
      font-weight: 600;
      text-decoration-line: underline;
    }
  }
}
.property-name-box .address_label, .development_name_label{
  font-size: var(--font-size-base-small);
  color: var(--gray-800);
  font-family: var(--fuente-tokko);
  display: flex;
}
.property-name-box #address:not(.dev-name-box){
  width: 94% !important;
    white-space: break-spaces;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dev-name-title#name{
  width: 86% !important;
    white-space: break-spaces;
    text-overflow: ellipsis;
    overflow: hidden;
}
.selection_attributes #property_custom_attributes_ul li {
  padding-bottom: 12px;
}
.prop-title-lang-box{
  position: absolute;
  top: 11px;
  right: 67px;
  margin: 0 !important;
}
#development_details{
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 8px;
  & #publication_title, #web_page{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    line-height: 20px;
  }
}
/* New address modal styles */
 #modal_address_inputs_container , #smart_cotization_disabled_modal, #smart_price_scale_modal{
  display: none;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5); 
}
.modal_address_header{
  display: flex;
  justify-content: space-between;
  & span{
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: var(--gray-800);
  }
  & i{
    font-size:16px;
    color: var(--gray-800);
    cursor: pointer;
  }
}
.shortinfo{
  display: flex;
  align-items: center;
  height: 20px;
  font-size: 14px;
  color: var(--gray-600);
  font-family: var(--fuente-tokko);
  & #propertysubtype{
    cursor: pointer;
    &:hover{
      color:#D64A36
    }
  }
}
.modal_address_inputs {
  background-color: #fefefe;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border: 1px solid var(--background-box);
  min-height: 366px;
  width: 668px;
  border-radius: 16px;
  box-shadow: 2px 8px 8px 0 rgba(49, 57, 61, 0.15);
}
.modal_address_inputs_list{
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  & li{
    width: 100%;
    display: flex;
    gap: 16px;
    &::after{
      content: none !important;
    }
  }
  &::after{
  content: none !important;
  }
}
.input_container{
  display: flex;
  flex-direction: column;
  gap: 4px;
  & input{
    border: solid 1px var(--gray-300);
    color: var(--gray-600);
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 14px;
    height: 32px;
    &:focus, &:hover{
      border-color: var(--gray-800);
    }
    &::placeholder{
      color: var(--gray-500);
    }
  }
  & label{
    font-size: 12px;
    padding-left: 16px;
    color: var(--color-grey-800)
  }
}
.street_number_row{
  & .input_container:first-child{
    width: 414px;
  }
}
.floor_apartment_section_row{
  & .input_container{
    flex: 1;
  }
}
.block_complement_row, .lot_building_row{
  & .input_container:first-child{
    width: 190px;
  }
  & .input_container:last-child{
    flex: 1;
  }
}
.modal_address_inputs_list li:nth-last-child(3){
    border-bottom: 1px solid var(--gray-300);
    padding-bottom: 24px !important;
}
.full_publishing_row{
  display: flex;
  flex-direction: column;
  gap: 24px;
  & .input_container{
    position: relative;
    width: 100% !important;
  }
}
.modal_buttons_container{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 24px;
  display: flex;
  & #cancel_address_btn{
      font-family: var(--fuente-tokko);
      font-size: var(--font-size-base);
      background: none;
      color: var(--gray-800);
      font-weight: 700;
      &:hover{
        color: var(--gray-600);
      }
  }
  #save_address_btn{
    background: var(--rojo-tokko);
    font-family: var(--fuente-tokko);
    color: #FFF;
    font-size: var(--font-size-base);
    padding: 10px 16px;
    border-radius: 8px;
    font-weight: 700;
    &:hover{
      background: var(--rojo-tokko-hover);
    }
    &.disabled{
      color: var(--gray-600) ;
      background-color: var(--gray-300) ;
      pointer-events: none;
    }
  }
}
#reset_full_address_btn,#reset_full_address_en_btn, #reset_publishing_address_btn, #reset_publishing_address_en_btn{
  position: absolute;
  background: none;
  color: var(--color-grey-700) !important;
  font-size: 12px;
  font-weight: 700;
  bottom: 5px;
  right: 6px;
  &:hover{
    color: var(--gray-800);
  }
  &.disabled{
    opacity: 0.5;
    pointer-events: none;
  }
}
#modal_full_address, #modal_publishing_address, #modal_full_address_en, #modal_publishing_address_en{
  padding-right: 86px;
}
/* end new address modal styles */


#propertysubbox.card.property_details {
  padding: 0 !important;
  background-color: transparent;
  & #property_info, #development_info{
    display: flex !important;
    flex-direction: column;
    margin-top: 24px;
    gap: 24px;
  }
}
#propertysubbox.card:not(.property_details) {
  padding-top: 24px;
}
.select_files_btn {
  width: max-content !important;
}
#development_files #help h2 p{
    width: 100%;
    margin-left: 5px;
    margin-top: 10px;
}
.txtarea_concreted_op{
  margin: 0 !important;
  width: 100%;
}
.txtarea_concreted_op textarea, .comments_reserv_op textarea, .comments_reserv_op textarea {
  min-width: 100%;
  border-color: var(--gray-300);
  border-radius: 4px;
  padding: 8px 10px;
}
.txtarea_concreted_op, .txtarea_concreted_op {
  margin-top: 0 !important;
}
.ocup_contact_input_container {
  position: relative;
}
#temprent_contact .wrp-loader {
  display: none !important;
}
#loadin_temprent_contact {
  display: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid transparent;
  animation: rotation 1s linear infinite;
  background: linear-gradient(white, white), conic-gradient(#878c9b, #ffffff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  position: absolute;
  top: 6px;
  right: 16px;
}
@keyframes rotation {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}
.btn-save-changes {
  float: none !important;
  display: inline-block !important;
  font-size: 14px !important;
  padding: 8px 12px !important;
  line-height: 14px;
}
#video_url_input {
  position: relative;
}
#url_input_text_error,
#title_input_text_error {
  color: var(--rojo-tokko);
  bottom: -20px;
  left: 0;
  font-size: 12px;
  font-weight: 500;
  display: none;
}
.comments_concreted_op {
  margin: 0 !important;
  width: 100%;
}
.comments_reserv_op{
  margin-left: 0;
  width: 100%;
}
.input-video-error {
  border: solid 1px var(--rojo-tokko) !important;
}
#web_page {
  max-width: 350px;
  height: 21px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 17px;
  white-space: nowrap;
}
.fake_address_label_content{
  position: relative;
  max-width: 110px;
  cursor: text !important;
}
.fake_address_label_content:hover{
  color: inherit!important;
}
.fake_address_label_content span:first-child{
  max-width: 78px;
  height: min-content !important;
}
#propertylist > li > div{
  width: calc(100% - 160px) !important;
}
.fake-lang{
  position: absolute;
}

@keyframes rotation {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}
.btn-save-changes{ float: none !important; display: inline-block !important; font-size: 14px !important; padding: 8px 12px !important; line-height: 14px;}

.timeline-text-ellipsis{
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  line-height: 16px;
  white-space: nowrap
}
#propertylist li span{
  width: 110px !important;
  margin-right: 5px !important;
}
.english_content_width{
  max-width: 78px !important;
}
.text-ellipsis{
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  line-height: 16px;
  height: 20px;
  white-space: nowrap
}
#on_promotions_benefits {
  & .new_box_field{
  align-items: flex-start;
  flex-direction: column;
  &:first-child{
    margin-bottom: 24px !important;
    & input{
      width: 100%;
      height: 32px;
    }
  }
}
& #btn-save-promotions{
  background-color: var(--rojo-tokko);
  padding: 8px 16px;
  font-size: 14px;
  font-family: 'Nunito Sans';
  font-weight: 700;
  border-radius: 8px;
  &:hover{
    background-color: var(--rojo-tokko-hover);
  }
}
}
.dev-name-title form input{
  border-radius: 4px;
  border: solid 1px var(--border-textarea-color);
  padding: 2px 8px;
} 
#development_list{
  max-width: 100%;
}
#development_diffusion #developmentsubbox{
  padding: 0 !important;
}
.ellipsis_text {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
#development_list {
  max-width: 100%;
}
#form-save-promotions .new_box_field_label{
  width: 85px;
}
#form-save-promotions input, #form-save-promotions textarea{
  border: solid 1px var(--border-textarea-color) !important;
  border-radius: 6px !important;
  padding: 8px;
  &:hover{
    border-color: var(--gray-800) !important;
  }
}
#form-save-promotions input{
  height: 24px;
}
#portal_title_suggestion {
  bottom: -2px !important;
  transform: translateY(100%);
}

/* New Property/Development File Styles */
.new_property_status_box{
  padding: 20px 24px 24px 24px;
  margin-top: 20px;
  & .new_file_box_container{
    padding: 0;
    border: none;
        & .box_title{
      padding: 0;
      font-size: 20px;
    }
  }
}
.general_info_surface {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.property-tag{
  font-size: var(--font-size-base);
}
.new_file_box_container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding: 24px;
  border-radius: 16px;
  background-color: var(--white);
  margin: 0 !important;
  & .box_title:not(.title_description){
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  & .box_title_button{
    line-height: 24px;
    height: 41px;
    font-size: var(--font-size-base);
    margin-bottom: 0 !important;
    & span{
      font-family: var(--fuente-tokko);
      margin-left: 6px;
    }
  }
  &.wysiwyg{
    padding: 24px !important;
    background-color: var(--white) !important;
  }
}
.new_file_box_content{
  & .new_subbox_container{
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    &:not(:last-child){
      border-bottom: solid 1px var(--gray-300);
    }
    &:first-child{
      padding-top: 0 !important;
    }
    &:last-child{
      padding-bottom: 0 !important;
    }
  }

}
.property_info.development_info_long::after{
  content: none !important;
}
.property_info.development_info_long{
  margin: 0 !important;
  padding: 0 !important;
}
#development_info .new_description_container form textarea{
  height: 383px !important;
}
.add-tag-button-container{
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--grey-800, #2E393F);
  font-size: var(--font-size-base);
  & span{
    font-weight: 700;
    line-height: 24px;
    flex-shrink: 0;
  }
  & i{
    font-size: var(--font-size-base);
  }
}
#tags:has(#taglist){
  display:flex;
  flex-wrap: wrap;
  gap: 16px;
}
.box_title {
  overflow: hidden;
  color: var(--gray-800);
  text-overflow: ellipsis;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  & .show_hide_btn{
    font-size: var(--font-size-base);
    font-weight: 700;
    color: var(--gray-800) !important;
    cursor: pointer;
    margin-left: 24px;
    &:hover{
      color: var(--rojo-hover-editable) !important;
      text-decoration: none ;
    }
  }
}
.new_box_list {
  width: 100%;
  display: flex;
  column-gap: 24px;
  row-gap: 8px;
  flex-wrap: wrap;
}
.new_box_field {
  display: flex !important;
  padding: 4px;
  align-items: center;
  border-radius: 6px;
  width: calc(33.3% - 8px);
  &:hover:not(.our_commission_container):not(.attr_editing):not(.no_hover){
    background-color: rgba(148, 162, 171, 0.10);
  }
  &.attr_editing{
    background-color: rgba(148, 162, 171, 0.20);
  }
}
.attr_field, .attr_field .new_box_field_label{
  cursor: pointer;
}
.new_box_field_label {
  color: var(--gray-800) !important;
  font-size: var(--font-size-base);
  font-weight: 600 !important;
  line-height: 24px;
  min-width: fit-content;
  margin-right: 8px;
}
.new_box_field_data,.new_box_field_data_measure {
  color: var(--gray-600);
  font-size: var(--font-size-base);
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  & div:not(#key_location):not(#key_other_details.editing){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    &.internal_data_max_width{
      max-width: calc(100% - 300px);
      min-width: 340px;
    }
  }
}
#li_key_location_extra{
  flex: 1;
}
#transaction_requirements.empty, 
#network_information.empty, 
#internal_comments.empty, 
#legally_checked_text.empty,
#desc_edit.empty,
#desc_en_edit.empty,
#financing_details.empty {
  color: var(--gray-500);
}
#new_custom_tag_list{
  display: flex;
  row-gap: 16px;
  column-gap: 24px;
  flex-wrap: wrap;
  width: 100%;
}
.new_custom_tag_field{
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
   & i.icon-dropdown{
    position: absolute;
    right: 16px;
    top: 60%;
  }
  & .new_box_field_data{
    width: 100%;
  }
}
.custom_tag_select{
  width: 100%;
  padding: 8px 16px;
  border-radius: 8px !important;
 border-color: var(--gray-300) !important;
 cursor: pointer;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

}
.new_box_field_data.force-numeric, 
.new_box_field_data.edit, 
.currency-selector-currency.new_box_field_data,
#rent_requirement,
#commission{
  &:hover{
  cursor: pointer;
  text-decoration: none;}
}
#development_details .new_box_field_data, #age_type_selector, #basic_age{
  &:hover{
  cursor: pointer;
}
}

.new_property_tags_container .subbox_title{
  margin-bottom: 6px;
}
.new_box_field_data input, select {
  border: 1px solid var(--border-textarea-color) !important;
  border-radius: 4px !important;
  color: var(--gray-600);
  font-size: 14px;
  background-color: var(--color-white, #FFF);
}
#basic_surface input{
  border-radius: 4px 0 0 4px !important;
}
.iptu_value_container {
  gap: 12px;
  & div {
    color: var(--gray-800);
    overflow: visible !important;
    &:hover{
      color: var(--rojo-hover-editable) !important;
    }
  }
  & .iptu_value_input form input {
    max-width: 80px;
  }
}
.new_box_field_data select::-webkit-scrollbar {
    width: 6px;
  }
.new_box_field_data select::-webkit-scrollbar-thumb {
  background: #bbb;  
  border-radius: 3px;
}
.new_box_field_data form input{
  max-width: 50px;
}
.new_box_field_data.long form input, .new_box_field_data.long form select{
  max-width: 100px;
  font-size: 15px !important;
}
.new_box_field_data.longest form input, .new_box_field_data.longest form select{
  max-width: 100%;
  font-size: 15px !important;
}
.new_file_box_content .new_box_field_data:not(.extra_attr_field),
.new_file_box_content .new_box_field_data div:first-child:not(#basic_age).focused,
.new_file_box_content .new_box_field_data form input, 
.new_file_box_content .new_box_field_data form select,
#development_details .new_box_field_data.editing,
#development_details .new_box_field_data form,
#development_details .new_box_field_data div:first-child,
#development_details .new_box_field_data form input,
#development_details .new_box_field_data form select{
  width: 100% !important;
  max-width: 100%;
  font-size: 15px !important;
}
.new_file_box_content li:not(.attr_editing) span.surfaces_field:not(.focused){
width: auto !important;
}
.key_location_extra_items .new_box_field_data{
  width: 100%;
}
.key_location_extra_items .new_box_field_data.longest form input{
  width: 100% !important;
}
#key_other_details{
  width: 100%;
}
.operations_container{
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.private_operation_info_container{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.date_field_container{
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(33.33% - 10px);
}
.operations_attr_container{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.operation_date_container{
  display: flex;
  align-items: center;
  gap: 24px;
  width: calc(75% - 24px);
}
.tag_checkbox_container > .new_attr_checkbox{
  min-width: 33.33%;
}
.new_attr_checkbox label, .date_label{
overflow: hidden;
color: var(--gray-800, #2E393F);
text-overflow: ellipsis;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.date_label{
  min-width: fit-content
}
.tag_checkbox_container{
  display: flex;
  align-items: center;
  gap: 24px;
  background: var(--gray-100, #F3F6F8);
  padding: 6px 8px;
}
#taglist{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.new-custom-tag{
  display: flex;
  align-items: center;
  background-color: var(--brand-secondary-50);
  color: #10253F;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 4px;
  flex-shrink: 0;
}
/* Reservation Styles */
.reservation_data_container{
  display: flex;
  flex-direction: column;
  gap: 24px;
  & .tags_name{
    color: var(--color-grey-700);
  }
  & .reservation_item{
    display: flex;
    gap: 12px;
    padding: 4px 0;
    width: 100%;
    & .property_label{
      font-weight: 600;
      color: var(--gray-800);
    }
  }
}
.reservation_data_box{
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 20px;
  gap: 8px;
  align-items: center;
  & .reservation_data_left, .reservation_data_right{
    width: calc(50% - 92px);
  }
}
.reservation_files_container{
  width: 100%;
}
.reservation_buttons_container{
  width: 50%;
  display: flex;
  gap: 24px;
  & button{
    padding: 8px 16px !important;
    margin: 0 !important;
    font-weight: 700;
    cursor: pointer;
    font-size: var(--font-size-base-small);
  }
  & .reservation_buy_btn{
    border-radius: 8px !important;
    background-color: var(--rojo-tokko) !important;
    &:hover{
      background-color: var(--rojo-tokko-hover) !important;
    }
  }
  & .reservation-text-btn{
    background: none;
    color: var(--gray-800);
    text-decoration: none;
    min-width: fit-content;
    &:hover{
      color: var(--color-grey-700);
    }
  }
}
.hoggax-logo-container{
  width: fit-content;
}
/* Operation concreted Styles */
.operation_concreted_data_container{
  display: flex;
  flex-direction: column;
  font-size: 14px;
  & .tags_name{
    color: var(--color-grey-700);
  }
  & .reservation_item{
    display: flex;
    gap: 12px;
    padding: 4px 0;
    line-height: 20px;
    width: 100%;
    & .property_label{
      font-weight: 600;
      color: var(--gray-800);
    }
  }
  & .reason_info{
    padding: 0 0 24px 0;
    margin-bottom: 24px !important;
    border-bottom: solid 1px var(--gray-300);
  }
  & .operation_concreted_data{
    display: flex;
    gap: 12px;
  }
  & .operation_left_data, .operation_right_data{
    width: 40%;
    & .reservation_item{
      padding: 4px 0;
    }
  }
}

/* Quote block Styles */
.quote_box_content{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.quote_status_data_container{
  & .tags_name{
  color: var(--color-grey-700);
  }
  & .tags_name b{
    color: var(--gray-800);
    font-weight: 600;
  }
  & .quote_status{
    padding: 0 0 24px 0;
    margin-bottom: 24px !important;
    border-bottom: solid 1px var(--gray-300);
  }  & .quote_status,.quote_status_data{
    margin: 0;
    display: flex;
    gap: 12px;
    font-size: 14px;
    line-height: 20px;
  }
  & .quote_status_data{
    padding: 4px 0;
  }
}
.quote_buttons_container{
  display: flex;
  gap: 24px;
  & .quote-text-btn{
    padding: 8px 16px;
    font-weight: 700;
    color: var(--gray-800);
    cursor: pointer;
    font-size: var(--font-size-base-small);
  }
}
.quote_comments_container, .concreted_comments_container, .reservation_comments_container, .comments_reserv_op{
  display: flex;
  flex-direction: column;
  &:not(.quote_comments_container, .comments_reserv_op){
    gap: 16px;
  }
  & .comment_title{
    margin: 0 !important;
    padding: 8px 16px;
    background-color: var(--color-grey-100);
    border-radius: 6px;
    font-size: 14px;
    color: var(--gray-800);
  }
  & textarea{
    margin: 0 !important;
    border-radius: 8px;
    font-size: 14px !important;
    &:hover{
      border-color: var(--gray-800);
    }
  }
  & .add_comment_container, .add_comment_concreted_container, .add_comment_reservation_container{
    display: flex;
    justify-content: end;
  }
  & button#capture_comment, #submit_comment_op, input.submit_comment_res{
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: var(--rojo-tokko);
    &:hover{
      background-color: var(--rojo-tokko-hover);
    }
  }
  & .li_comments{
    border: none !important;
    margin-top: 8px;
    & img{
      width: 35px;
    }
  }
}

/* New Wysiwig Wrapper Styles */

.new_description_container{
  display: flex;
padding: 16px 8px !important;
flex-direction: column;
gap: 8px;
border-radius: 8px;
border: solid 1px var(--gray-300) !important;
cursor: pointer;
font-size: var(--font-size-base);
& form textarea{
  border-radius: 8px !important;
  font-size: var(--font-size-base) !important;
  color: var(--gray-800);
}
&:hover{
  border-color: var(--gray-800) !important;
}
&.border-none{
  border: none !important;
  padding: 0 !important;
}
& button{
  font-size: var(--font-size-base);
  padding: 8px 16px;
  border-radius: 8px;
}
}
.new_description_container:empty::before {
  content: attr(data-placeholder);
  color: var(--gray-500);
  cursor: pointer;
}
#new_wrapper_wysiwyg_sp, #new_wrapper_wysiwyg_en{
    display: none;
    width: 100%;
    position: relative;
}
#new_wrapper_wysiwyg_sp .wrapper-loader-wysiwyg,
#new_wrapper_wysiwyg_en .wrapper-loader-wysiwyg{
    display:none;
    position:absolute;
    right:150px;
    bottom:-70px;
    transform: scale(.35);
}
#new_wrapper_wysiwyg_sp #form_prop_wysiwyg,
#new_wrapper_wysiwyg_en #form_prop_wysiwyg_en{
  display: flex;
  flex-direction: column;
  gap: 24px;
  & .note-editor{
    border: solid 1px var(--gray-300);
    border-radius: 8px;
    overflow: hidden;
  }
  & .panel-heading{
    background-color: var(--color-grey-100);
  }
}
#new_wrapper_wysiwyg_sp .info-wysiwyg,
#new_wrapper_wysiwyg_en .info-wysiwyg{
  position: absolute;
  top: 10px;
  right: 16px;
  z-index: 10;
}
#new_wrapper_wysiwyg_sp .tooltip,
#new_wrapper_wysiwyg_en .tooltip{
    position: absolute;
    top: -32px !important;
    right: -58px !important;
    left: revert !important;
    z-index: 10;
    width: 170px;
}
#new_wrapper_wysiwyg_sp .tooltip .tooltip-arrow::before,
#new_wrapper_wysiwyg_en .tooltip .tooltip-arrow::before{
    display: none;
}
#new_wrapper_wysiwyg_sp .tooltip.top .tooltip-arrow,
#new_wrapper_wysiwyg_en .tooltip.top .tooltip-arrow{
    top: 39px;
    border-top-color: #1A4958;
}
#new_wrapper_wysiwyg_sp .tooltip .tooltip-inner,
#new_wrapper_wysiwyg_en .tooltip .tooltip-inner{
    background-color: #1A4958;
    font-size: 12px !important;
}
#new_wrapper_wysiwyg_sp .note-editable.panel-body,
#new_wrapper_wysiwyg_en .note-editable.panel-body{
    height: 381px !important;
}

.wysiwyg_buttons{
  width: 100%;
  display: flex;
  justify-content: end;
  gap: 8px;
  & button:first-child{
    background: none;
    color: var(--gray-800);
  }
}
.wysiwyg_buttons button{
  font-size: var(--font-size-base);
  padding: 8px 16px;
  border-radius: 8px;
  &:first-child:hover{
    color: var(--gray-600);
  }
}
.language_description_selector{
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: solid 1px var(--gray-300);
  line-height: normal;
  gap: 4px;
  & span{
    font-size: 12px;
    padding: 4px 5px;
  }
  & span.selected{
    border-radius: 4px;
    background-color: var(--gray-800);
    color:#FFF
  }
}
.new_internal_data_list{
  display: flex;
  flex-direction: column;
  width: 100%;
  & .li_long, .li_short{
    padding-bottom: 24px !important;
    font-size: 16px;
  }
  & #internal_data_text.transactions{
    padding-top:16px !important;
  }
  & .property_label{
    font-weight: 600 !important;
    color: var(--gray-800);
  }
}
#internal_data .internal_data_text_container textarea{
  margin: 0;
  width: 100% !important;
  max-width: 100% !important;
}
#legally_checked_text form{
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 8px;
  & button{
    order: 2;
    &:last-child{
      order: 1;
      background: none !important;
      color: var(--gray-800);
    }
  }

}
#internal_data_text{
  font-size: var(--font-size-base);
  color: var(--color-grey-800);
  font-weight: 600;
  margin-left: 0;
}
#internal_data_text.transactions{
    border-top: none !important;
    margin-bottom: 4px;
  }
.measurement_unit{
  font-size: 0.75em; 
  position: absolute; 
  top: -2px;
  right: -6px;
}
.new_box_cotizar_list {
  display: flex;
  align-items: center;
  gap: 4px;
}
.year-option {
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.2s;
    border-radius: 4px;
    &:hover {
        background-color: var(--gris-7);
    }
}

.subbox_columns_container{
  display: flex;
  width: 100%;
}
.subbox_column_content{
  display : flex;
  flex-direction: column;
  gap: 8px;
  width: 50%;
  &::after{
    content: none !important;
  } 
}
.subbox_title{
  color: var(--gray-800, #2E393F);
  font-size: var(--font-size-subtitles);
  font-weight: 700;
  line-height: 28px;
  font-size: 18px;
  padding-left: 4px;
  margin-bottom: 16px;
}
.new_viewmoreless_btn{
  border: none !important;
  font-size: 14px;
  color: var(--gray-800);
  font-weight: 700;
  &:hover{
    color: var(--rojo-hover-editable);
  }
}
#viewmore_additionals, #viewless_additionals, #viewmore_services, #viewless_services, #viewmore_rooms, #viewless_rooms{
   width:100%; 
   text-align:center; 
   cursor:pointer; 
   margin-top: 8px;
   padding-top: 8px;
   text-decoration: underline; 
}
#property_additionals_ul.filtered { 
  height: auto !important; 
  overflow-y: hidden !important; }

#property_rooms_ul.filtered { 
  height: auto !important; 
  overflow-y: hidden !important; 
}
#property_services_ul.filtered { 
  height: auto !important; 
  overflow-y: hidden !important; 
}

.new_add_attr_btn{
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 4px;
  cursor: pointer;
  color: var(--gray-800);
  border-top: none !important;
  & i, span{
    font-size: 14px;
    font-weight: 700;
  }
}
.new_add_attr_btn:hover{
    color:var(--rojo-hover-editable);
    & i{
      color:var(--rojo-hover-editable) !important;
    }
}
.extra_attr_placeholder{
  color: var(--gray-500) !important;
}
.extra_attr_field{
  flex: 1;
  & form{
    width: 98%;
  }
}
#new_extra_attributes_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  &:after{
    content: none !important;
  }
}
#new_extra_attributes_ul .extra_attr_header{
  display: flex;
  padding: 8px;
  align-items: center;
  background-color: var(--color-grey-100);
  color: var(--gray-800);
  font-size: var(--font-size-base);
  & span{
    font-weight: 700;
  }
  & span:first-child{
    width: 45%;
  }
}
#new_extra_attributes_ul .extra_attr_row{
  display: flex;
  padding: 8px;
  font-weight: 400;
  color: var(--gray-800);
  & span:first-child{
    width: 45%;
  }
  & .extra_attr_value_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 55%;
  }
  & .extra_attr_icons {
  display: flex;
  gap: 16px;
  font-size: 16px;
  & i:not(:nth-last-child(-n+2)){
    cursor: pointer;
    opacity: 0.3;
  }
  & i.ea_enabled{
  opacity: 1;
  }
  }
}
#new_extra_attributes_ul li.extra_attr_row:not(:last-of-type),#new_extra_attributes_ul li.derivation_row:not(:last-of-type) {
  border-bottom: solid 1px var(--gray-300);
}
.colleagues_subinfo{
  font-size: 16px;
  color: var(--color-grey-600);
  line-height: 20px;
}
.derivation_row{
  display: flex;
  align-items: center;
  padding: 8px 16px;
  & span:first-child{
    width: 45%;
  }
  & div{
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    & i{
      font-size: 16px;
    }
  }
  & .new_box_field_data{
    &:hover{
      color: var(--rojo-hover-editable);
  }
  }
}
#add_auto_derivation.editing{
  width: 300px !important;
  & form {
    width: 100%;
    & input{
      width: 100%;
      height: 24px;
      border-radius: 4px;
      border: solid 1px var(--border-textarea-color);
    }
  }
}
.internal_derivation_text{
  font-size: var(--font-size-base);
  color: var(--color-grey-600);
  line-height: 24px;
  margin-bottom: 24px;
  & .tip_text{
    color: var(--color-info-600);
  }
}
.filters_input{
  border: solid 1px var(--gray-300) !important;
  border-radius: 8px !important;
}
.tags_title_search_container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  & .unified_tags_search_container{
    width: 48%;
  }
}
#unified_tags_search::placeholder{
  color: var(--gray-500);
}
.search_input_wrapper{
  position: relative;
  display: flex;
  align-items: center;
}

.unified_search{
  width: 100% ;
  padding:10px 16px 10px 32px;
  font-size: var(--font-size-base);
  background: var(--color-white, #FFF) ;
  transition: all 0.3s ease ;
  color: var(--gray-800);
}

.unified_search:focus{
  border-color: var(--gray-600);
}

.unified_search.filtering{
  background: var(--gray-50);
  border-color: var(--gray-400);
}
.icono_buscar_unified_search{
  position: absolute;
  left: 12px;
  font-size: var(--font-size-base);
}
.no_results_message{
  font-size: 14px;
  color: var(--gray-600);
  line-height: 20px;
  padding: 12px 0;
}

.clear_search_btn{
  position: absolute;
  right: 12px;
  color: var(--gray-800);
  background: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.clear_search_btn:hover{
  color: var(--gray-600, #586A74);
  background: var(--gray-100, #F3F6F8);
}
.new_property_tags_container .property_longbox_content{
  padding: 0;
}
.tags_checkbox{
display: flex;
padding: 6px 8px;
margin: 0 !important;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 4px;
background: var(--gray-100, #F3F6F8);
cursor: pointer;
border: solid 1px transparent;
height: 40px;
& label{
  color: var(--gray-800);
  font-size: var(--font-size-base-small);
  margin-top: 1px;
}
}
.tags_checkbox:hover{
  border: solid 1px var(--gray-400);
}
.tags_checkbox > input{
  cursor: pointer;
  pointer-events: none;
}
.new_tags_list{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  height: 141px !important;
  overflow-y: hidden;
  row-gap: 8px;
  align-content: flex-start;
}
.new_tags_list.new_viewmore{
  height: auto !important;
}
#renovation-year-search {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.option-selected {
   background-color: var(--gris-7);
}
#renovation-year-search::placeholder {
    color: #999;
}
#renovation-year-search{
  width: 100%;
  height: 24px;
}
.price_m2_autocalculate_container{
  display: flex;
  align-items: center;
  gap: 12px;
}
.price_m2_manual_container{
  display: flex;
  align-items: center;
  gap: 12px;
}
#autocalculate-btn, #price_m2_manual_edit_btn {
  color: var(--gray-800);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 8px;
}
#price_m2_manual_edit_btn{
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 12px;
  & span{
    font-weight: 700 !important;
  }
}
#renovation-year-dropdown, #construction-year-dropdown{
  display:none; 
  position:absolute; 
  max-height:200px; 
  overflow-y:auto; 
  z-index:1; 
  border-radius: 8px;
  border: 1px solid var(--gray-300, #D6DEE2);
  background: var(--color-white, #FFF);
  box-shadow: 2px 8px 8px 0 rgba(49, 57, 61, 0.15);
}
.no-results {
color: var(--gray-600, #586A74);
font-size: 12px;
line-height: 16px;
}
#construction-year-search {
    margin-left: 3px;
    width: 100% !important;
    height: 24px;
}
.age_value_input{
  min-width: max-content;
}
.age-text{
  font-style: italic;
  color: var(--gray-500);
} 
#construction-year-search::-webkit-outer-spin-button,#renovation-year-search::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#construction-year-search::-webkit-inner-spin-button,#renovation-year-search::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#construction-year-search[type=number], #renovation-year-search[type=number] {
  -moz-appearance: textfield;
}
#smart-cotization-btn{
  width: max-content;
  position: absolute;
  top: 30px;
  right: 42px;
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border-radius: 6px;
  padding: 2px 16px 2px 8px;
  margin: 0;
  border: solid 1px var(--quintoandar-primary);
  & img{
    width: 28px;
    height: 28px;
    object-fit: cover;
  }
  & span{
    color: var(--quintoandar-primary);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }
}
.smart_disabled_modal_content{
  background-color: #fefefe;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border: 1px solid var(--background-box);
  width: 578px;
  border-radius: 16px;
  box-shadow: 2px 8px 8px 0 rgba(49, 57, 61, 0.15);
  & .disabled_header_content{
    display: flex;
    align-items: center;
    gap: 24px;
  }
  & .disabled_header_container{
    position: relative;
    & .icon-cerrar{
      position: absolute;
      top: 0px;
      right: 0px;
      font-size: 16px;
    }
  }
  & .disabled_header_text{
    display: flex;
    flex-direction: column;
    gap: 8px;
    & > span:first-child{
      font-size: 20px;
      color: var(--gray-800);
      line-height: 28px;
      font-weight: 700;
    }
    & > span:last-child{
      font-size: 14px;
      color: var(--gray-600);
      line-height: 20px;
    }
  }
  & .icon-header_container{
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background-color: #E8F4FB;
    border: solid 1px #D1E9F6;
    display: flex;
    align-items: center;
    justify-content: center;
    & i{
      font-size: 24px;
      color: var(--color-info-600);
    }
  }
  & .disabled_fields_list{
    display: flex;
    flex-direction: column;
    padding: 0 8px;
    background-color: var(--color-grey-50);
    & li{
      position: relative;
      font-size: 14px;
      color: var(--gray-800);
      border-bottom: solid 1px var(--gray-300);
      padding: 12px 0;
      line-height: 20px;
      & i{
        position: absolute;
        font-size: 16px;
        right: 0px;
        top: 12px;
        color: #1B90D2;
      }
    }
    & li:last-child{
      border-bottom: none;
  }
}
}
.cotization_box_container{
  display: flex;
  align-items: stretch;
  gap: 24px;
  font-size: 16px;
  color: var(--color-grey-800);
  flex-wrap: wrap;
}

.cotization_box_field_header{
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 16px;
  background-color: var(--color-grey-100);
  margin-bottom: 16px;
}

.cotization_box_field{
width: calc(33.33% - 16px);
}

.cotization_box_field_data{
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cotization_data_field{
  display: flex;
  align-items: center;
  gap: 24px;
  line-height: 24px;

  & div{
    color: var(--color-grey-600);
  }
}
#credit_eligible{
  font-size: var(--font-size-base);
}
.new_box_field_button,
.currency-selector-currency{
  cursor: pointer;
}

.new_box_field_button{
  flex-shrink: 0;
}

.currency-selector-container {
  display: flex;
  gap: 16px;
  align-items: center;

  & .currency-selected{
    color: var(--color-grey-800);
    font-weight: 600;
  }
}

.cotization_second_box{
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  gap: 16px;
  background-color: var(--color-grey-50);
  margin-top: 16px;
  & p{
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    color: var(--color-grey-800);
  }
}

.cotization_second_box_field{
  display: flex;
  align-items: center;
  gap: 16px;
  font-style: italic;

  & i{
    font-size: 16px;
    margin-top: -1px;
  }
}

/* Fast tooltip with HTML structure */
.info-icon-wrapper {
  position: relative;
  display: flex;
  gap: 4px;
}

.fast-tooltip {
  position: absolute;
  bottom: 130%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #1D2327;
  color: white;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  white-space: normal;
  max-width: 350px;
  min-width: 280px;
  line-height: 1.4;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
  z-index: 1001;
  pointer-events: none;
}

.info-icon-wrapper:hover .fast-tooltip {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.1s;
}

/* Currency selector disabled styles */
.currency-selector-container.currency-disabled {
  opacity: 0.6;
}

.currency-selector-currency.currency-disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.currency-selector-container.currency-disabled .currency-separator {
  opacity: 0.5;
}

/* Promotional price container styles */
.cotization_data_field_container {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Promotional price currency selector spacing */
#promotional_currency_selector {
  margin-left: 10px;
}

.new_attr_checkbox {
  font-size: 13.33px;
  padding: 6px 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.new_attr_checkbox > label {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.new_attr_checkbox:hover, .new_attr_checkbox > input, .new_attr_checkbox > label {
  cursor: pointer;
}
.field-container.editable-mode {
    border-color: var(--border-textarea-color);
}

.readonly-value {
    padding: 2px 4px;
    color: var(--gray-600);
    font-size: 14px;
}

.field-container.editable-mode input {
    border: none;
    outline: none;
    background: transparent;
}

.field-container.editable-mode input[type="date"] {
    width: 100px !important;
    border: solid 1px var(--border-textarea-color);
    border-radius: 4px;
    padding: 2px 4px;
}

.date_field_container form input {
    width: 50px ;
    border-radius: 4px;
    border: solid 1px var(--border-textarea-color);
    padding: 2px 4px;
    border: solid 1px var(--border-textarea-color);
}

.new_longbox_content{
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid var(--gray-300);
}

.li_long_new_styles{
  font-size: 16px;
  display: flex;
  align-items: center;
  column-gap: 16px;
  width: 100% !important;
  padding: 24px 0px;
  border-bottom: 1px solid var(--gray-300);
  margin: 0 !important;
  min-height: 21px;
  box-sizing: content-box;
  &:not(#li_key_location){
    flex-wrap: wrap;
  }
  & .property_label{
    margin-right: 0 !important;
  }
  
  & p{
    color: var(--color-grey-800) !important;
    font-weight: 600;
    text-wrap: nowrap;
  }
}

.li_long_new_styles:first-child{
  padding-top: 0px !important;
}
.our_commission_container{
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.commision-selector-container{
  padding-left: 16px;
  border-left: 1px solid var(--gray-300);
}

#cotizer_user_add,
.commision-selector-item-add,
.add_owner_contact{
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  cursor: pointer;
  color: var(--color-grey-800)!important;
}
.commision-display-value{
  &:hover{
    color: var(--rojo-hover-editable)!important;
  }
}
.commision-selector-input-container{
  display: flex;
  align-items: center;
  gap: 8px;

  & input{
    width: 40px !important;
    margin: 0px !important;
  }

  & input::-webkit-outer-spin-button,
  & input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  & input {
    -moz-appearance: textfield;
  }
  & p.new_box_field_data{
    &:hover{
      color: var(--rojo-hover-editable) !important;
    }
  }
}
#commision-container-buyer_commision{
  border: none;
  padding: 0;
}
.commision-value-container{
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: fit-content;
  & p{
    font-weight: 400 !important;
    color: var(--color-grey-700);
    &:hover{
      color: var(--rojo-hover-editable) !important;
    }
  }
}

#cotizer_user_list,
.contacts_owners_list,
.key_location_extra_items{
  display: flex;
  align-items: center;
  gap: 12px;
}

.commision-money-value{
  font-size: 16px;
  color: var(--color-grey-700) !important;
  font-weight: 400;
}
#addtag_search:focus:not(:hover), #property_contact .btn-secondary-outlined:focus:not(:hover) {
  background-color: var(--white);
  border-color: solid 1px var(--petrokko);
  color: var(--petrokko);
}
.tag {
  color: var(--color-grey-700) !important;
}

.tag:hover {
  color: var(--color-grey-700) !important;
  text-decoration: underline;
}

#property_contact li span {
  height: fit-content !important;
}

.receives_inquiry_checkbox{
  display: flex;
  align-items: center;
  gap: 8px;

  & label{
    font-size: 14px;
    font-weight: 400;
    color: var(--color-grey-800) !important;
  }
}
.legal_tax_check_container{
  display: flex;
  flex-direction: column;

}
.internal_data_text_container{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#legally_checked_text button{
  margin: 0 !important;
}
.update_and_create_date_item {
  flex: 1;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-grey-800) !important;

  & p{
    font-weight: 600;
  }
}

.update_and_create_date_container {
  width: 100%;
  display: flex;
  margin-top: 24px;
}

/* @media (min-width: 1100px) {
.new_box_field_data {
  &.attr_max_width div{
    max-width: calc(100vw / 3 - 230px);
  } 
}
}*/

/* Age field ellipsis - NO overflow hidden para mostrar dropdown */
.new_box_field .year_age_container {
  flex: 1 1 0;
  min-width: 0;
  display: flex !important;
  align-items: center;
  gap: 4px;
}

.year_age_container .age_value_input {
  flex-shrink: 1;
  min-width: 0;
}

.year_age_container #age_type_selector {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  min-width: 0;
  max-width: fit-content;
}

.year_age_container #construction-year-search,
.year_age_container #renovation-year-search {
  width: 50px;
  min-width: 50px;
}

#construction-year-dropdown,
#renovation-year-dropdown {
  z-index: 9999 !important;
}
.disabled_element{
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}
#construction-year-dropdown .year-option,
#renovation-year-dropdown .year-option {
  text-align: center;
}

/* Surface measurement selector styles */
#surface_measure_select{
  border-radius: 0 4px 4px 0!important;
  border-left: -10px;
  height: 22px;
  min-width: 50px;
  text-align: center;
}