@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body.page-products.categorypath-projects.category-projects .proxima-product-grid .product-item {
    min-height: 360px;
}

a.form-btn{
    height: auto !important;
}


/* .agentMatrix new html structure style */
.agentmanagement-agentmatrix-agentmatrix .proxima-myaccount-container .body-content{
    padding: 0.625rem 0 0.625rem  0.938rem !important;
}
.agentmanagement-agentmatrix-agentmatrix.account .proxima-myaccount-container{
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
}
.master-agent-dropdown {
    padding: 20px 10px;
}
.master-agent-dropdown .select2-container .selection > .select2-selection--single{
    border: 2px solid #067DF4;
}
.master-agent-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #067DF4 transparent transparent transparent;
}
.agentMatrix .tabcontent #tab_commission_content .tab_commission_scroll{
    overflow: auto;
    max-height: 100vh;
    padding-bottom: 30px;
}

    .agentMatrix .tabcontent:is(.tab_performance_content, .tab_commission_content, .tab_summary_content){
       overflow-x: hidden;
       overflow-y: auto;
       background: #F5F5F5;
       border-radius: 5px;
       padding: 15px 10px;
       margin: 10px 0;
   }
   .agentMatrix .tabcontent:is(.tab_performance_content, .tab_commission_content, .tab_summary_content) .inner-main-sect{
       height: auto;
   }
   .agentMatrix .tabcontent:is(.tab_performance_content, .tab_commission_content, .tab_summary_content) .inner-main-sect > .inner-main-sect{
        background: #DCDCDC;
        border-radius: 5px;
    }
   .agentMatrix .tabcontent:is(.tab_performance_content, .tab_commission_content, .tab_summary_content) .body-scroll-only{
       overflow: auto;
       height: 100vh;
       padding-bottom: 30px;
   }
   .agentMatrix .tabcontent #tab_commission_content .tab_commission_scroll::-webkit-scrollbar,
   .body-scroll-only::-webkit-scrollbar {
   width: 2px;
   }
   .agentMatrix .tabcontent #tab_commission_content .tab_commission_scroll:-webkit-scrollbar-track ,
   .body-scroll-only::-webkit-scrollbar-track {
   border-radius: 4px;
   }
   .agentMatrix .tabcontent #tab_commission_content .tab_commission_scroll::-webkit-scrollbar-thumb,
   .body-scroll-only::-webkit-scrollbar-thumb {
   background: #dcdcdc;
   border-radius: 0px;
   }
   .agentMatrix .tabcontent #tab_commission_content .tab_commission_scroll::-webkit-scrollbar-thumb:hover,
   .body-scroll-only::-webkit-scrollbar-thumb:hover {
   background: #DCDCDC;
   }
   .agentMatrix .tabcontent [class*='content-sect']{
       display: flex;
       align-items: center;
       height: 59px;
   }
   .agentMatrix .tabcontent :is(.main-content-sect, .title-content){
       display: flex;
       width: 100%;
       align-items: center;
       justify-content: space-between;
   }
   .agentMatrix .tabcontent .main-content-sect{
    border-bottom: 1px solid #DCDCDC;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p{
       margin: 0;
       flex: 1 1 100%;
       text-align: center;
       max-width: 120px;
   }
   .agentMatrix .tabcontent.tab_commission_content :is(.main-content-sect) p.wrap-span{
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p.btn-container{
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
       max-width: 100%;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p.btn-container .btn-span{
       display: inline-flex;
       flex-direction: column;
       gap: 3px;
   }
   .agentMatrix .tabcontent .title-content p{
       font-size: 14px;
       font-weight: 750;
       line-height: 17px;
       }

   .agentMatrix .tabcontent.tab_performance_content .main-content-sect :is([class*='content-sect-four'], [class*='content-sect-two']) p{
       max-width: 100%;
   }
   .agentMatrix .tabcontent .main-content-sect p span.sm-screen-title{
        display: none;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p span{
       display: block;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p span.agmtx-sm-btn{
       display: inline-block;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p span.inline-span{
       display: inline;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p q input{
        height: 21px;
        width: fit-content;
        text-align: center;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p q{
    position: relative;
    display: inline-block;
    height: auto;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p  label[class*='_error']{
    position: absolute;
    left: 0;
    bottom: -20px;
    width: max-content;
   }
   .agentMatrix .tab_performance_content :is([class*='content-sect-two'])  p span:nth-child(2){
    position: relative;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p q:nth-of-type(1){
    padding-right: 10px;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p q:nth-of-type(2){
    padding-left: 10px;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p q:nth-of-type(1) input{
       max-width: 100px;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p q:nth-of-type(2) input{
       max-width: 50px;
       padding: 0 2px;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p span.block-span:nth-child(1){
       padding-bottom: 3px;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p span.block-span:nth-child(2){
       padding-top: 2px;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p span.inline-span:nth-of-type(1){
       padding-right: 10px;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p span.inline-span:nth-of-type(2){
       padding-left: 10px;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) :is(p.main-title, div.main-content-text){
       flex: 0 0 140px;
       max-width: 140px;
       text-align: left;
       cursor: pointer;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p.plus-icon{
       flex: 0 0 35px;
       max-width: 35px;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p.plus-icon i{
       cursor: pointer;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p > span:is(.sm-screen, .md-screen){
       display: none;
   }
   .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p span.tick-icon{
       margin: auto;
   }

   .agentMatrix .tabcontent p.sublinks span:nth-child(2){
    gap: 10px;
   }


   .agentMatrix .tab_summary_content [class*='content-sect-one']{
       flex: 1 1 50%;
       max-width: 50%;
   }
   .agentMatrix .tab_summary_content [class*='content-sect-two']{
       flex: 1 1 20%;
       max-width: 20%;
   }
   .agentMatrix .tab_summary_content [class*='content-sect-three']{
       flex: 1 1 20%;
       max-width: 20%;
       gap: 13px;
   }
   .agentMatrix .tab_summary_content [class*='content-sect-four']{
       flex: 1 1 10%;
       max-width: 10%;
   }





   .agentMatrix .tab_performance_content [class*='content-sect-one']{
       flex: 1 1 40%;
       max-width: 40%;
   }
   .agentMatrix .tab_performance_content :is([class*='content-sect-two'], [class*='content-sect-three'], [class*='content-sect-four']){
       flex: 1 1 20%;
       max-width: 20%;
   }

   .agentMatrix .tab_commission_content [class*='content-sect-one']{
       flex: 1 1 100%;
       max-width: 100%;
   }
   .agentMatrix .tab_performance_content [class*='content-sect-four'].progressbox{
   text-align: left;
   width: 370px;
 }
 .agentMatrix .tab_performance_content [class*='content-sect-four'].progressbox .progresstext {
   font-weight: 400;
   text-align: left;
 }
 .agentMatrix .tab_performance_content .overall-sect [class*='content-sect-four'].progressbox .progresstext {
    font-weight: 700
  }
 .agentMatrix .tab_performance_content [class*='content-sect-four'].progressbox span.progressbar {
   width: 90%;
   display: block;
   height: 8px;
   background: #BBBBBB;
   border-radius: 0px;
   overflow: hidden;
 }
 .agentMatrix .tab_performance_content [class*='content-sect-four'].progressbox span.progressbar label {
   display: block;
   margin: 0px;
   height: 8px;
   border-radius: 0px;
   background: #067DF4;
 }
 .agentMatrix .tabcontent .sublinks-performance-tab-small-screens{
   display: none;
 }
 .agentMatrix .tabcontent .sublinks-performance-tab-small-screens .mobile-view-btn span:is(.performance-commission-tab, .performance-target-tab){
   float: right;
 }
 .agentMatrix .tabcontent .sublinks-performance-tab-small-screens > span:nth-child(1){
   display: block;
   padding: 10px 0px;
 }
 .agentMatrix .tabcontent :is(.main-content-sect.overall-sect p ,.main-content-sect.overall-sect p input){
    font-weight: 700;
 }
 .agentMatrix .tabcontent.tab_performance_content :is([class*='content-sect-two'], [class*='content-sect-four']) p.btn-container{
   justify-content: flex-start;;
 }
 .agentMatrix .tabcontent.tab_performance_content :is([class*='content-sect-two'], [class*='content-sect-four']) p span{
    text-align: left;
 }
 .agentMatrix .tabcontent.tab_performance_content :is([class*='content-sect-two'], [class*='content-sect-four']) p span.btn-span span{
    text-align: center;
 }
 .agentMatrix .tabcontent.tab_performance_content :is( [class*='content-sect-four']) p.btn-container span:nth-child(2){
    gap: 5px;
    display: inline-flex;
    flex-wrap: wrap;
 }
 .agentMatrix .tabcontent .sublinks-performance-tab-small-screens .mobile-view-btn{
    display: none;
}
.agentMatrix .tabcontent :is(.main-content-sect) p .span-txt-res{
    display: flex;
    justify-content: center;
    gap: 5px;
}
.agentMatrix .tabcontent .main-content-sect[class*='team-content-sect'] p span.inline-span.quantity_input_text_span.teams_target_count,
.agentMatrix .tabcontent .main-content-sect[class*='team-content-sect'] p span.inline-span.quantity_input_text_span {
  display:  inline-block !important;
}
.agentMatrix .tabcontent .main-content-sect[class*='team-content-sect'] p q{
  display: none !important;
}
   @media (min-width: 1200.98px) {
       .agentMatrix .tabcontent :is(.title-content, .main-content-sect) :is(p.main-title, div.main-content-text){
       flex: 0 0 200px;
       max-width: 200px;
   }
   }
   @media (min-width: 1400.98px) {
       .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p{
       max-width: 100%;
   }
   .agentMatrix .tabcontent.tab_performance_content [class*='content-sect-two'] p.btn-container{
        justify-content: flex-start;
   }
   }
   @media (max-width: 1199.98px) {
    .agentMatrix .tab_performance_content [class*='content-sect-one']{
        flex: 1 1 70%;
        max-width: 70%;
    }
    .agentMatrix .tab_performance_content :is([class*='content-sect-two'], [class*='content-sect-three'], [class*='content-sect-four']){
            flex: 1 1 30%;
            max-width: 30%;
    }
    .agentMatrix .tab_performance_content :is([class*='content-sect-three']){
            justify-content: center;
    }
    .agentMatrix .tabcontent .sublinks-performance-tab-small-screens .mobile-view-btn{
        display: block;
    }
    .agentMatrix .tabcontent.tab_commission_content :is(.title-content, .main-content-sect) p{
            min-width: 120px;
    }
    .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p.plus-icon{min-width: auto;}
    .agentMatrix .tab_summary_content :is(.title-content, .main-content-sect) p > span.md-screen{
        display: inline-flex;
        gap: 10px;
        font-weight: 750;
    }
    .agentMatrix .tab_summary_content :is(.title-content, .main-content-sect) p > span.md-screen span:nth-child(2){
        font-weight: 400;
    }
    .agentMatrix .tab_summary_content :is(.title-content, .main-content-sect) .resposive-md p {
        max-width: max-content;
    }
    .agentMatrix .tab_summary_content [class*='content-sect-two'].resposive-sm .lg-screen{
        display: block;
    }
    .agentMatrix .tab_summary_content :is(.title-content, .main-content-sect) p > span.lg-screen{
        display: none;
    }
    .agentMatrix .tab_summary_content .main-content-sect{
        flex-wrap: wrap;
        height: auto;
    }
    .agentMatrix .tab_summary_content :is(.title-content-sect-four, .title-content-sect-three){
        display: none;
    }
    .agentMatrix .tab_summary_content [class*='content-sect-four']{
        flex: 1 1 fit-content;
        max-width: fit-content;
        padding-right: 20px;
    }
    .agentMatrix .tab_summary_content [class*='content-sect-one']{
        flex: 1 1 70%;
        max-width: 70%;
    }
    .agentMatrix .tab_summary_content [class*='content-sect-two']{
        flex: 1 1 30%;
        max-width: 30%;
    }
    .agentMatrix .tab_summary_content [class*='content-sect-three']{
        margin-left: auto;
        gap: 13px;
        justify-content: flex-end;
        margin-right: 13px;
        flex: 1 1 50%;
        max-width: 50%;
    }
    .agentMatrix .tabcontent.tab_performance_content :is([class*='content-sect-two'], [class*='content-sect-four'], [class*='content-sect-three']) p.btn-container > :is(.btn-span, :nth-child(2)){
        display: none !important;
    }
    .agentMatrix .tabcontent .sublinks-performance-tab-small-screens{
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;

    }
    .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p q:nth-of-type(1) input{
        max-width: 100px;
    }
    }
    @media (min-width:991.98px) and (max-width: 992px) {
        .agentmanagement-agentmatrix-agentmatrix .proxima-myaccount-container .proxima-myaccount-sidebar{
            display: block !important;
        }}
   @media (max-width: 991.98px) {
    .agentmanagement-agentmatrix-agentmatrix .proxima-myaccount-container .body-content{
        padding: 0.625rem 0rem !important;
    }
    .agentmanagement-agentmatrix-agentmatrix.account .page-title-wrapper{
        padding-left:  1.875rem !important;
    }
   }
   @media (max-width: 768.98px) {
    .agentMatrix .tabcontent :is(.main-content-sect) p .span-txt-res{
        gap: 0px;
    }
    .agentMatrix .tabcontent .main-content-sect p.responsive-sm-txt .span-txt-res > span{
        font-size: 0;
       }
       .agentMatrix .tabcontent .main-content-sect p.responsive-sm-txt .span-txt-res > span::first-letter{
        font-size: 14px !important;
       }
       body.agentmanagement-agentmatrix-agentmatrix.account.page-layout-2columns-left .page-title-wrapper .page-title span{
        font-size: 2rem !important;
       }
    }

   @media (max-width: 568.98px) {
    .agentMatrix .tabcontent .sublinks-performance-tab-small-screens{
        display: block !important
    }
    .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p.plus-icon{
        flex: 0 0 25px;
        max-width: 25px;
    }
    .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p span.inline-span:nth-of-type(1){
        padding-right: 5px;
    }
    .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p span.inline-span:nth-of-type(2){
        padding-left: 5px;
    }
   .agentMatrix .tab_summary_content :is([class*='content-sect-two'].resposive-sm .lg-screen, .title-content-sect-two, .title-content-sect-four, .title-content-sect-three){
       display: none;
   }
   .agentMatrix .tab_summary_content [class*='content-sect-one']{
       flex: 1 1 100%;
       max-width: 100%;
   }
   .agentMatrix .tab_summary_content :is([class*='content-sect-three'], [class*='content-sect-four'], [class*='content-sect-two']){
       flex: 1 1 100%;
       max-width: 100%;
       justify-content: flex-end;
       height: 30px;
       gap: 15px;
       margin: 0;
       padding-right: 10px;
   }
   .agentMatrix .tab_summary_content :is([class*='content-sect-three'], [class*='content-sect-four'], [class*='content-sect-two']) p{
       max-width: fit-content;
       text-align: right;
       font-weight: 750;
   }
   .agentMatrix .tab_summary_content :is([class*='content-sect-three'], [class*='content-sect-four'], [class*='content-sect-two']) p :is(.md-screen, .sm-screen){
       display: inline-flex !important;
       gap: 10px;
   }
   .agentMatrix .tab_performance_content .main-content-sect :is([class*='content-sect-three'], [class*='content-sect-four'], [class*='content-sect-two']){
        flex: 1 1 100%;
        max-width: 100%;
        justify-content: flex-end;
   }
   .agentMatrix .tab_performance_content [class*='content-sect-one']{
        flex: 1 1 100%;
        max-width: 100%;
   }
   .agentMatrix .tabcontent.tab_performance_content .main-content-sect{
        flex-wrap: wrap;
        height: auto;
   }
   .agentMatrix .tab_performance_content .title-content :is([class*='content-sect-three'], [class*='content-sect-four'], [class*='content-sect-two']){
       display: none !important;
   }
   .agentMatrix .tab_performance_content .main-content-sect :is([class*='content-sect-three'], [class*='content-sect-four'], [class*='content-sect-two']) p{
        display: flex;
        max-width: 70%;
        justify-content: flex-end;
        gap: 10px;
        align-items: baseline;
        padding-right: 20px;
   }
   .agentMatrix .tab_performance_content .main-content-sect [class*='content-sect-four'] p{
        max-width: 80%;
   }
   .agentMatrix .tab_performance_content .main-content-sect [class*='content-sect-four'] p > span:nth-child(2){
        width: 80%;
   }
   .agentMatrix .tabcontent .main-content-sect p span.sm-screen-title{
        display: block;
        font-weight: 750;
   }
   .agentMatrix .tab_performance_content .main-content-sect :is([class*='content-sect-three']) :is(span.agent_input_text_span, #overall-count-commission){
        min-width: 80px;
    }
    .agentMatrix .tabcontent :is(.title-content, .main-content-sect) p.sm-dnone-p{
        display: none;
    }
   }
/* .agentMatrix new html structure style */
/* agentregistration-index */
body.agentregistration-index-index .page-title-wrapper{
    margin: 10rem 0rem 6rem !important;
}
/* agentregistration-index */

/* form style */

select.form-field,
input[type="text"].form-field,
input[type="password"].form-field,
input[type="url"].form-field,
input[type="tel"].form-field,
input[type="search"].form-field,
input[type="number"].form-field,
input[type*="date"].form-field,
input[type="email"].form-field{
    width: 100% !important;
    border-radius: 20px !important;
    height: 2.375rem !important;
    font-size: 0.8rem;
    line-height: normal;
    background: #fff;
    background-clip: padding-box;
    padding: 0 10px;
    vertical-align: baseline;
    box-sizing: border-box;
}
select.form-field{
    color:#666666 !important;
    font-size: 14px;
}
/* select.form-field{
    background: url(../images/backarrow.svg);
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    background-origin: content-box !important;
    background-size: auto !important;
    background-position: right !important;
    -webkit-appearance: none !important;
} */

button.form-btn{
    height: 2.375rem !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0.35rem 1.5rem 0.35rem 1.5rem !important;
    text-transform: none !important;
    background-color: #fff;
    border-radius: 20px !important;
    min-width: 6rem !important;
    text-align: center;
}
a.form-btn:hover{
    background-color: #000;
    color: #fff !important;

}
textarea.form-txt-area{
    border: 1px solid #000 !important;
    border-radius: 10px;
    padding: 8px 16px 8px 20px;
    background-color: transparent !important;

}
/* External Listing block element */
.elmt-field-list{
    display: block;
    margin-bottom: 10px;
}
.elmt-field-list label.delete_date{
    cursor: pointer;
}
.add-btn a{
    display: inline-block;
    line-height: normal;
}
/* External Listing block element */
body.listingsystem-externallist-add .listing-body-content .project-window{
    margin-left: 1.5rem !important;
}
body.listingsystem-externallist-index form.container.table-container-option{
    max-width: calc(100% - 5px) !important;
}
/* EXTERNAL LISTING style fix */
body.page-products .page-wrapper .page-main .proxima-product-grid .product-item-info .product .product-image-container .product-image-wrapper img{
    height: 300px;
}
.page-products .proxima-product-grid .product-item .product-item-photo{
    max-height: none !important;
}
/* agentregistration-index */
body.agentregistration-index-index .page-title-wrapper{
    margin: 10rem 0rem 6rem !important;
}
button.form-btn:hover{
    background-color: #000;
    color: #fff !important;
}
.btn:focus {
    background: #fff;
    border: 2px solid transparent;
    color: #ffffff;
  }
/* gradient box style */
.gradient-card.product-item-details{
    left: 0 !important;
}
.inner-gradient-card.details-inner{
    padding: 0.75rem 1rem !important;
    left: 0 !important;
    z-index: 5;
    border-radius: 20px;
    border: 0;
    bottom: 0.75rem!important;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    background: #0006;
}
.product-item-photo::after{
    background: transparent !important;
}


/* sale new_commission_structure_fee_updates style */
body .input_amount_holder {
    margin-bottom: 15px;
}
body .input_amount_holder .fee-symbol-select{
    position: absolute;
    top: auto;
    left: 0;
    width: 65px;
    border-radius: 0 !important;
    height: 40px !important;
    background-color: #ebebeb6b !important;
}
body.account.agent-projects-salescommission .modals-wrapper .modal-popup._inner-scroll.custom-popup-class .modal-inner-wrap .modal-content select.fee-symbol-select{
    height: 45px !important;
    border-radius: 0 !important;
}
body:is(.commissionsystem-salescommission-salescommission, .agent-projects-salescommission) .proxima-myaccount-container .body-content form .table tr .fa-info-circle.info-icon{
    font-size: 16px;
    color: #067df4;
}
body:is(.commissionsystem-salescommission-salescommission, .agent-projects-salescommission) .proxima-myaccount-container .body-content form .table tr .info-box span{
   display: flex;
   width: 100%;
}
body:is(.commissionsystem-salescommission-salescommission, .agent-projects-salescommission) .proxima-myaccount-container .body-content form .table tr td{
    position: relative;
}
body:is(.commissionsystem-salescommission-salescommission, .agent-projects-salescommission) .proxima-myaccount-container .body-content form .table tr .info-box {
   margin-left: 10px;
   width: 100%;
   min-width: 195px;
   display: none;
   position: absolute;
   background-color: rgb(235, 243, 255);
   box-shadow: 0 1px 3px rgb(199 ,213, 255 ,0.12), 0 1px 2px rgba(0,0,0,0.24);
   padding: 10px;
   z-index: 999;
   bottom: 40px;
   border-radius: 5px;
   left:115px;
 }
 body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content form .table thead tr th{
    word-break: keep-all;
}
body .proxima-myaccount-container .body-content form .table tbody tr td .fee_amount_msg{
    display: flex;
    align-items: center;
    column-gap: 10px;
    background: none;
    margin: 0;
    padding: 0;
    min-width: 120px;
}
body .proxima-myaccount-container .body-content form .table tbody tr td .fee_amount_msg label{
    margin: 0;
    padding: 0;
}

body.agent-projects-salescommission.account .proxima-myaccount-container .body-content form .table thead tr th:last-child,
body.agent-projects-salescommission.account .proxima-myaccount-container .body-content form .table tbody tr td:last-child{
    text-align: center;
}

body.commissionsystem-salescommission-salescommission.account .proxima-myaccount-container .body-content form .table tr th:nth-child(6){
    min-width:100px !important;
}
body.account.agent-projects-salescommission .proxima-myaccount-container .body-content form .table thead tr th:nth-child(8){
    min-width: 100px !important;
}

/* commissionsystem-salescommission-salescommission style end */
/* commissionsystem-salescommission-salescommission style end */
/* ai_repharse_pop transition */
.modals-wrapper .ai_repharse_pop.modal-popup._inner-scroll .modal-inner-wrap{
    position: absolute;
    right: -150%;
    top: 0;
    bottom: 0;
    margin: auto !important;
    max-height: 100%;
    left: auto;
    transition: all ease .9s;
}
.modals-wrapper .ai_repharse_pop._show.modal-popup._inner-scroll .modal-inner-wrap{
    right: -0%;
    transition: all ease .9s;
}
.btn-round.ai_repharse{
    min-height: 29px;
    padding: 0px 15px;
    line-height: 100% !important;
    height: 100%;
    font-weight: 400 !important;
}
.modals-wrapper .ai_repharse_pop.modal-popup._inner-scroll,
.modals-wrapper .ai_repharse_pop.modal-popup._inner-scroll._show{
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
/* ai_repharse_pop transition */
/* chat Gpt Text box popup */
.pp_generatedecription {
    position: relative;
    padding: 10px; }
    .pp_generatedecription h2 {
      margin: 0px;
      padding: 0px 0px 20px 0px;
      color: #000;
      font-family: Open Sans;
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      text-transform: uppercase; }
    .pp_generatedecription span.close {
      color: #A7A7A7;
      font-size: 16px;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      position: absolute;
      top: 10px;
      right: 10px; }
    .pp_generatedecription p.gen_description {
      margin: 0px 0px 10px 0px; }
      .pp_generatedecription p.gen_description textarea {
        width: 100%;
        height: 100px;
        border-radius: 11px;
        border: 1px solid #000;
        resize: none;
        overflow: auto; }
    .pp_generatedecription p.rgtbtn {
      text-align: right; }
      .pp_generatedecription p.rgtbtn button {
        border-radius: 40px;
        background:#067df4  url(../images/generate.svg) no-repeat 15px 50%;
        background-size: 16px auto;
        color: #FFF;
        text-align: center;
        font-family: Open Sans;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        padding: 8px 10px 8px 45px;
    }
    .pp_generatedecription p.rgtbtn button.generate-desc-button{
        background: #00000024 url(../images/generate.svg) no-repeat 15px 50%;
    }

    .pp_generatedecription .description {
      border-radius: 5px;
      background: #F4F7FF;
      margin: 0px 0px 15px 0px ;
      padding: 15px;
      position: relative; }
      .pp_generatedecription .description span.textsize {
        display: block;
        color: #979797;
        font-size: 14px;
        font-style: normal;
        min-height: 15px;
        font-weight: 300;
        line-height: normal; }
      .pp_generatedecription .description span.close {
        color: #A7A7A7;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        position: absolute;
        top: 10px;
        right: 10px; }
        .pp_generatedecription .description > div.txt-description,
      .pp_generatedecription .description > p {
        color: #000;
        font-family: Avenir LT Std;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
        margin: 10px 0px; }
        .pp_generatedecription .description > p.btns {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .pp_generatedecription .description > p.btns span.more {
            color: #000;
            font-family: Open Sans;
            font-size: 13px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            display: block;
            background: url(../images/morebg.svg) no-repeat 0% 50%;
            background-size: 16px auto;
            padding: 0px 0px 0px 26px; }
          .pp_generatedecription .description > p.btns button {
            border-radius: 24px;
            border: 2px solid #4479FF;
            background: #4479FF;
            padding: 7px 13px;
            color: #fff;
            line-height: 100%;
            text-align: center;
            font-family: Open Sans;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase; }
/* end style for chat Gpt popup */
body.listingsystem-externallist-add .pp_generatedecription .description > p.btns button{
    margin-top: 0 !important;
}
body.listingsystem-externallist-add  .pp_generatedecription .description > p.btns{
    margin-top: 20px;
}
#toast-container-ai{
    position: fixed;
    top: 20px;
    right: 50px;
    max-width: 320px;
    margin: 0 auto;
    background-color: white;
    color: #4479FF;
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 16px;
    z-index: 9999;
    border: 1px solid #4479FF;
}
#toast-container-ai.toast-container-hide{
    display: none !important;
}
 /* external list add page btn -style */
 body.project_theme_mode_normal .btn-round.ai_repharse.elemt-blue-btn{
     background-color: #067df4 !important;
     border-color: #067df4 !important;
     color: #fff !important;
     cursor: default !important;
   }
   body.account .btn-round.default-gray-btn.elemt-blue-btn{
    background-color: #067df4 !important;
    border-color: #067df4 !important;
    color: #fff !important;
    cursor: pointer !important;
  }
   body.listingsystem-externallist-edit .hidefooterclass .modal-inner-wrap .modal-footer button,
   body.listingsystem-externallist-add .hidefooterclass .modal-inner-wrap .modal-footer button{
    display: none;
  }
  body .btn-round.ai_repharse.elemt-blue-btn.generate-desc-button{
    background-color: #00000024 !important;
    border-color: transparent !important;
    /* pointer-events: auto! important;
    cursor: not-allowed! important; */

  }
  /* body.listingsystem-externallist-add .modal-popup.map-selector-pop-up .modal-inner-wrap header.modal-header button.action-close */
  body.listingsystem-externallist-edit .modal-popup.map-selector-pop-up .modal-inner-wrap header.modal-header button.action-close
{
    display: none;
  }

  body.listingsystem-externallist-edit .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer{
    padding: 10px 20px 25px 20px !important;
  }
  body.listingsystem-externallist-add .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer{
   padding: 0 20px 30px 20px !important ;
  }
  body.listingsystem-externallist-add .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer button.elmt-btn-blue{
    margin-right: 19px !important;
  }
  body.listingsystem-externallist-edit .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer button.elmt-btn-blue{
    margin-right: 20px !important;
  }

  body.listingsystem-externallist-edit .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer button.elmt-btn-blue,
  body.listingsystem-externallist-add .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer button.elmt-btn-blue {

    background-color: #067df4 !important;
    border-color: #067df4 !important;
    color: #fff !important;
    cursor: pointer !important;


  }
  body.listingsystem-externallist-edit .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer button.elmt-btn-blue:hover,
  body.listingsystem-externallist-add .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer button.elmt-btn-blue:hover{

    background-color: #fff !important;
    border-color: #067df4 !important;
    color:#067df4 !important;
    cursor: default !important;
    -webkit-text-fill-color:#067df4 !important;
  }
  body.listingsystem-externallist-edit .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer button.elmt-btn-blue span,
  body.listingsystem-externallist-add .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer button.elmt-btn-blue span{
    all: unset !important;
    color: #ffff !important;
    border-color: #fff !important;
  }
  body.listingsystem-externallist-edit .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer button.elmt-btn-blue span:hover,
  body.listingsystem-externallist-add .modal-popup.map-selector-pop-up .modal-inner-wrap .modal-footer button.elmt-btn-blue span:hover{
    border-color: #067df4 !important;
    color: #067df4 !important;
    cursor: default !important;
    -webkit-text-fill-color: #067df4 !important;
  }
  body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal , .map-selector-pop-up,.confirmation-contract, .alert-info-modal, .alert-msg-confirm, .commission-popup, .default-modal)) .modal-inner-wrap .modal-footer button:not(.action-dismiss) span{
    background-color: #067df4 !important;
    border-color: #067df4 !important;
    color: #fff !important;
    cursor: default !important;
  }
  body.listingsystem-externallist-add .modal-inner-wrap .modal-content #mapModal{
    margin-left: 8px !important;
    margin-right:8px !important;
  }
  body.listingsystem-externallist-edit .modal-inner-wrap .modal-content #mapModal{
    margin-left: 20px !important;
    margin-right:20px !important;
  }
  .account.listingsystem-externallist-add .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control #property_cgi_images_0-error{
    top: 66px !important;
    left: 28px !important;
  }
  /* proxima and custom css - start */
  body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details:not(.sortfilter-header-desktop){
    min-height: 25px;
  }
  body.listingsystem-externallist-index.account .proxima-myaccount-container .body-content form .table tbody tr td{
    padding-left: 20px !important;
  }
  body.project_theme_mode_normal.account .modal-popup.confirm.modal-confirm-popup .modal-inner-wrap .modal-footer button span:hover{
     background-color: #067df4 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  .listingsystem-externallist-edit.account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range{
    overflow:  hidden !important;
  }
/* external list table style  */
  @media (max-width: 767px){
    body.listingsystem-externallist-index.account .proxima-myaccount-container .body-content form  .table tbody tr td{
        display: flex;
      }
      body.listingsystem-externallist-index.account .proxima-myaccount-container .body-content form  .table tbody tr td:before{
        width: 80px !important;
        margin-right: 10px;
        padding-right: 40px;
      }
  }

  /* proxima and custom css - end */

  /* DOCUMENT REUPLOAD style start */
  .__uploadContainer {
    width: 100%;
    padding-top: 30px !important;
  }
  .__uploadContainer #tabsDiv{
      display:flex;
      column-gap: 20px;
  }
  @media (max-width: 768px){
      .__uploadContainer #tabsDiv{
      column-gap: 5px;
      flex-direction: column;
  }
  }
  .__uploadContainer .__dcoUploadTitle {
    font-size: 35px;
    line-height: 42px;
    font-weight: 700;
    color: #000;
  }
  .__uploadContainer #tabsDiv {
    height: 100%;
    border: 0;
  }

  .__uploadContainer #tabsDiv ul.ulClass {
    height: 100%;
    padding: 0px 5px;
    margin-top: 0 !important;
  }
  @media (max-width: 768px){
      .__uploadContainer #tabsDiv ul.ulClass li{
        border-left: 1px solid #e6e6e6 !important;

      }
      .__uploadContainer #tabsDiv ul.ulClass li:active{
        border-left: 0;
      }
      .__uploadContainer #tabsDiv ul.ulClass li:first-child{
        border-top: 1px solid #e6e6e6 !important;

      }
  }

  .__uploadContainer #tabsDiv li {
    width:auto;
    height: 60px;
    margin-bottom: 0 !important;
  }

  .__uploadContainer #tabsDiv button.linkClass  {
    float: left;
    border-bottom: 1px solid #e6e6e6 !important;
    border-right: 1px solid #e6e6e6 !important;
    background-color: #fff;
    border: 0;
    white-space:nowrap;
  }
  @media (max-width: 1280px){
      .__uploadContainer #tabsDiv button.linkClass {
          white-space:wrap;
  }
  }

  .__uploadContainer #tabsDiv button.linkClass {
    display: block;
    background-color: inherit;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    padding: 25px 15px;
    width: 100%;
    text-align: left;
    cursor: pointer;

  }
  @media (max-width: 768px){
      .__uploadContainer #tabsDiv button.linkClass{
          font-size: 11px;
          line-height: 16px;
          padding: 10px;
          height: calc(100%);
          text-align: center;

      }
      .__uploadContainer #tabsDiv button.linkClass.active{
        box-shadow: 0 0 5pt 0.5pt #D3D3D3;
        border-right: 0;
      }
  }

  .__uploadContainer #tabsDiv button.linkClass.active {
    background-color: #f6f6f6;
    font-weight: 600;
    color: #000;
    border-right: 2px solid #077df4 !important;
  }
  .__uploadContainer .contentClass {
    display: none;
    padding: 0px 15px;
    width: 100%;
    border-style: none;
    height: 100%;
  }
  .__uploadContainer .contentClass .__docUploadForm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    margin-bottom: 20px;
  }
  @media (max-width: 768px){
  .__uploadContainer .contentClass .__docUploadForm {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 40px;
  }
  }
  .__uploadContainer .contentClass .__docUploadForm .__docFormField {
    padding-bottom: 30px;
    position: relative;
  }
  .__uploadContainer .contentClass .__docUploadForm .__docFormField.select-two-error{
  display: flex;
  flex-direction: column;
  }
  .__uploadContainer .contentClass .__docUploadForm .__docFormField.select-two-error .mage-error{
    order: 3;
  }
  .__uploadContainer .contentClass .__docUploadForm .__docFormField.select-two-error label{
    order: 1;
  }

  .__uploadContainer .contentClass .__docUploadForm .__docFormField.__fieldDisable input{
    background-color: #eee;
    cursor: not-allowed;
    box-shadow: none;
    border: 1px solid #d8d8d8;
  }


  .__uploadContainer .contentClass .__docUploadForm .__docFormField .select2-container{
    width: 100% !important;
    order: 2;
  }
  .__uploadContainer .contentClass .__docUploadForm select,
  .__uploadContainer .contentClass .__docUploadForm input {
    display: block;
    width: -webkit-fill-available;
    border-radius: 7px !important;
    border: 1px solid #c5c5c5;
    padding: 11px 10px 11px 20px;
    height: auto !important;
    outline:none !important;
  }
  .__uploadContainer .contentClass .__docUploadForm select:focus,
  .__uploadContainer .contentClass .__docUploadForm select:hover,
  .__uploadContainer .contentClass .__docUploadForm input:hover,
  .__uploadContainer .contentClass .__docUploadForm input:focus{
    box-shadow: 0 0 5pt 0.5pt #D3D3D3;
  }
  .__uploadContainer .contentClass .__docUploadForm input.formFile{
      padding: 10px 10px 10px 20px;
  }
  .__uploadContainer .contentClass .__docUploadForm input.formDate{
      padding: 10px 10px 10px 20px;
  }
  .__uploadContainer .contentClass .__docUploadForm label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    display: flex;
    column-gap: 5px;
    position: relative;

  }
  .__uploadContainer .contentClass .__docUploadForm label span.label-important{
    color: #e02b27;
    font-size: 17px;
  }
  .__uploadContainer .contentClass .__docUploadForm label .edit-file {
    margin-right: 5px;
  }
  .__uploadContainer .contentClass .__docUploadForm label.__fieldGroup{
    justify-content: space-between;
  }
  .__uploadContainer .contentClass .__docUploadForm label.__fieldGroup a i{
    color: #067DF4;
  }
  .__uploadContainer .contentClass .__docUploadForm select,
  .__uploadContainer .contentClass .__docUploadForm input[type="file"],
  .__uploadContainer .contentClass .__docUploadForm input[type="text"]
 {
    color: #a6a6a6;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
  .__uploadContainer .contentClass .__docUploadForm input[placeholder],
  .__uploadContainer .contentClass .__docUploadForm [placeholder],
  .__uploadContainer .contentClass .__docUploadForm *[placeholder] {
    color: #000 !important;
    font-weight: 500;
    opacity: 1;
}
.__uploadContainer .contentClass .__docUploadForm input[type="text"]{
    color: #000 !important;
    font-weight: 400;
}
.__uploadContainer .contentClass .__docUploadForm input[type="date"]{
   color: #000 !important;
   height: 42px !important;
}
  .__uploadContainer .contentClass .__docUploadForm ::-webkit-file-upload-button {
    all: unset;
    background-color: #dcdcdc;
    border-radius: 14px;
    display: inline-block;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #000;
    margin-right: 8px;
  }
  .__uploadContainer .contentClass .__docUploadForm input[type="date"]::-webkit-calendar-picker-indicator,
  .__uploadContainer .contentClass .__docUploadForm input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  background: url(../images/doc-date.svg) 95% 50% no-repeat;
  background-size: 16px !important;
  padding-right: 0 !important;
  width: 100px;;
  opacity: 1;
}
 .__uploadContainer .contentClass .__footSubmitBtn{
  float: right;

 }
 .__uploadContainer .contentClass .__footSubmitBtn .__submitBtn:hover{
  background-color: #fff;
  color:#067df4 ;
  border: 2px solid #067df4 ;
  -webkit-text-fill-color: #067df4;

}
.__uploadContainer .contentClass .__footSubmitBtn .__submitBtn{
  background-color: #067df4 ;
  color: #fff;
  -webkit-text-fill-color: #fff;
  height: 40px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
}
.__uploadContainer .contentClass .__footSubmitBtn .__submitBtn a{
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
  color: #067df4 ;
  text-transform: capitalize;

}

@media (max-width: 768px){
  .__uploadContainer .contentClass .__footSubmitBtn .__submitBtn a{
      font-size: 11px;
  }

}
.__uploadContainer .contentClass .__docUploadForm label .edit-file a i{
  color: #067DF4;
}
.__uploadContainer .contentClass h6.pii_fields.heading{
  margin: 0 0 25px !important;
}
.__uploadContainer .contentClass .__docUploadForm .select2-container--default .select2-selection--single{
  display: flex;
  align-items: center;
  width: -webkit-fill-available;
  border-radius: 7px !important;
  border: 1px solid #c5c5c5;
  height: 40px;
  outline: none !important;
}
.__uploadContainer .contentClass .__docUploadForm .select2-container--default .select2-selection--single .select2-selection__arrow{
  background: url(../images/select-default-dropdown.svg);
  background-repeat: no-repeat !important;
  background-color: #fff !important;
  background-origin: content-box !important;
  background-size: auto !important;
  background-position: right !important;
  -webkit-appearance: none !important;
  top: 5px;
  right: 10px;
}
.__uploadContainer .contentClass .__docUploadForm .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: unset;
  border-style: none;
}

.__uploadContainer .contentClass .__docUploadForm   div.mage-error{
  position: absolute;
}
.__uploadContainer .contentClass .__docUploadForm   #individual_licence_suburb-error,
.__uploadContainer .contentClass .__docUploadForm   #corporation_licence_suburb-error,
.__uploadContainer .contentClass .__docUploadForm   #suburb-error{
  bottom: 5px;
}

.__uploadContainer .contentClass div:is(.expire_alert, .expired_alert) p.email-notified{
  margin: 10px 0 !important;
  width: 100% !important;
  word-break: break-all;
}

 /* DOCUMENT REUPLOAD style end */
  /* proxima and custom css - end */

/* duplicated style start*/

  /* Every confirm success alert popup - start */
/* ._has-modal .confirm-alert-info-success-modal .modal-inner-wrap{
    max-width: 400px;
    border-radius: 5px;
    overflow: hidden;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header{
    padding: 0;
    display: flex;
}
._has-modal .confirm-alert-info-success-modal.header-none .modal-inner-wrap .modal-title{
    display: none;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .modal-title{
    margin: 0px 0px 0px 20px;
    padding: 12px 0px;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close{
    margin-left: auto;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close:hover::before,
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close{
    background-color: unset;
}

._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close:hover:before{
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 5px;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close:before{
   background-color: #fff !important;
    color: #000 !important;
    font-weight: 600;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close:hover{
    border-radius: 0px 0px 0px 5px;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-content{
    padding: 20px;
    font-size: 1.2rem;
    text-align: center;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer{
    padding: 10px 20px 20px 20px;
    display: flex;
    justify-content: right;
}
._has-modal .confirm-alert-info-success-modal.footer-none .modal-inner-wrap .modal-footer{
    display: none;
}
body._has-modal.account .alert-msg-confirm  .modal-inner-wrap .modal-footer .action-accept,
body._has-modal.account .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer .action-accept{
    all: unset;
    font-size: .75rem;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 1.25rem;
    padding: 0px 24px;
    height: 30px;
    line-height: normal;
}


body._has-modal.account .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer .action-primary.action-accept{
    background-color: #067df4;
    border: 2px solid #067df4;
    border-color: #067df4 !important;
    color: #fff;
}
body._has-modal.account .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer .action-primary.action-accept:hover{
    border-color: #067df4 !important;
    color: #000 !important;
    -webkit-text-fill-color: #067df4 !important;
    background-color: #fff !important;
}
body._has-modal.account.page-layout-2columns-left .modal-popup.confirm-alert-info-success-modal .modal-inner-wrap .modal-footer button span:hover,
body._has-modal.account.page-layout-2columns-left .modal-popup.confirm-alert-info-success-modal .modal-inner-wrap .modal-footer button span{
    all: unset;
    background-color: transparent !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}
body._has-modal.account.page-layout-2columns-left .modal-popup.confirm-alert-info-success-modal .modal-inner-wrap .modal-footer button.action-primary span:hover{
    all: unset;
    -webkit-text-fill-color: #067df4 !important;
    background-color: transparent !important;
}
body._has-modal.account.page-layout-2columns-left .modal-popup.confirm-alert-info-success-modal .modal-inner-wrap .modal-footer button span:hover{
    -webkit-text-fill-color: #fff !important;
} */

/* .modal-popup:not(.confirm-alert-info-success-modal) */
/* Every confirm success alert popup - end */

/* duplicated style end*/

body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table label.add-btn.fee_amount.positive_class{
    padding: 0px 5px;
    margin-top: 2px;
}

/* sales commission tbl style end */

    /* proxima and custom css buuton - start */
      .custom-theme-btn{
        background-color: #067DF4;
        border-radius: 1.25rem;
        padding: 0px 20px;
        height: 35px;
        display: inline-flex;
        align-items: center;
        border: 2px solid #067DF4;
        color: #fff;
      }
      .custom-theme-btn:visited{
        color: #fff;
      }
      .custom-theme-btn:hover{
        background-color: #fff;
        color: #067DF4;
      }
      /* SALES ADVICE popup style start */
      #popup-modal-sales-advice .field.sales-advice{
        margin-bottom: 10px !important;
      }
      #popup-modal-sales-advice .field.sales-advice p{
        margin-bottom: 10px !important;
      }
      #popup-modal-sales-advice .actions-toolbar {
        display: flex;
        justify-content: end;
      }
      /* proxima and custom css button - end */
  body.listingsystem-externallist-index.account .proxima-myaccount-container .body-content form .table tbody tr td{
    padding-left: 20px !important;
  }
  body.project_theme_mode_normal.account .modal-popup.confirm.modal-confirm-popup .modal-inner-wrap .modal-footer button span:hover{
     background-color: #067df4 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  .listingsystem-externallist-edit.account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range{
    overflow:  hidden !important;
  }
/* external list table style  */
  @media (max-width: 767px){
    body.listingsystem-externallist-index.account .proxima-myaccount-container .body-content form  .table tbody tr td{
        display: flex;
      }
      body.listingsystem-externallist-index.account .proxima-myaccount-container .body-content form  .table tbody tr td:before{
        width: 80px !important;
        margin-right: 10px;
        padding-right: 40px;
      }
  }

  /* checkout loader img hide style start */
  #checkout #checkout-loader .loader img
  {
    display:none
  }
  /* checkout loader img hide style end */

  /* custom loader style  start*/
.loading-mask-no-payment {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.5);
}
/* custom loader style end */

  /* reservation-reservationcomplete popup style start */

  body.reservation-reservationcomplete-index .modals-wrapper .modal-popup.modal-pop-up-custom-client-update .modal-inner-wrap{
    width: 80% !important;
    min-width: 80% !important;
  }
  @media (max-width: 767px){
    body.reservation-reservationcomplete-index .modals-wrapper .modal-popup.modal-pop-up-custom-client-update .modal-inner-wrap{
        width: 90% !important;
        min-width: 90% !important;
      }
  }
  body.reservation-reservationcomplete-index .modals-wrapper .modal-popup.modal-pop-up-custom-client-update .modal-content{
    padding: 20px 20px 10px !important;
  }
  body.reservation-reservationcomplete-index .modals-wrapper .modal-popup.modal-pop-up-custom-client-update .modal-content .form-control{
  margin-bottom: 10px !important;
  }
/*
  reservation-reservationcomplete popup style start */


  /* proxima and custom css - end */


  /* brouchure-form style start */
  .brouchure-form .form-group-field .form-control.text-input.rea-feild::-webkit-file-upload-button {
    all: unset;
    background-color: #dcdcdc;
    border-radius:17px;
    display: inline-block;
    padding: 5px 8px;
    margin-right: 10px;
  }
  .brouchure-form .form-group-field .__brouchureFormColor{
    position: relative;
    margin-top: 10px;
  }
  .brouchure-form .form-group-field .__brouchureFormColor .__chooseColor{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0;
    padding: 0;
  }
  .brouchure-form .form-group-field .__brouchureFormColor  input[type="color"] {
    width: 50px;
    -webkit-appearance: none;
  }
  .brouchure-form .form-group-field .__brouchureFormColor  input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
  }
  .brouchure-form .form-group-field .__brouchureFormColor  input[type="color"]::-webkit-color-swatch {
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
  .brouchure-form .form-group-field .__brouchureFormColor .__chooseCode{
    border-radius: 10px !important;
    background-color: transparent !important;
    border: 1px solid #000 !important;
    height: 40px;
  }
  .brouchure-form .form-group-field .__brouchureFormColor input[type="text"].__chooseCode {
    text-transform: uppercase;
    padding-left: 60px;
  }
  .brouchure-form .form-group-field .__brouchureFormColor .__codeCopy{
    position: absolute;
    right: 20px;
    top: 5px;
    background: url(../images/copy.png);
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    background-origin: content-box !important;
    background-size: auto !important;
    background-position: right !important;
    -webkit-appearance: none !important;
  }
    /* brouchure-form style end */
  /* proxima and custom css - end */
  /* Every confirm success alert popup - start */
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap{
    max-width: 400px;
    border-radius: 5px;
    overflow: hidden;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header{
    padding: 0;
    display: flex;
}
._has-modal .confirm-alert-info-success-modal.header-none .modal-inner-wrap .modal-title{
    display: none;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .modal-title{
    margin: 0px 0px 0px 20px;
    padding: 12px 0px;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close{
    margin-left: auto;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close:hover::before,
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close{
    background-color: unset;
}

._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close:hover:before{
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 5px;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close:before{
   background-color: #fff !important;
    color: #000 !important;
    font-weight: 600;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-header .action-close:hover{
    border-radius: 0px 0px 0px 5px;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-content{
    padding: 20px;
    font-size: 1.2rem;
    text-align: center;
}
._has-modal .confirm-alert-info-success-modal.modal-left-content .modal-inner-wrap .modal-content{
    text-align: left;
    margin: 0 0 0 20px !important;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer{
    padding: 10px 20px 20px 20px;
    display: flex;
    justify-content: right;
}
._has-modal .confirm-alert-info-success-modal.footer-none .modal-inner-wrap .modal-footer{
    display: none;
}
body._has-modal.account .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer .action-accept{
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap .action-accept:hover{
    background-color: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
body._has-modal.account .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer .action-primary.action-accept{
    background-color: #067df4;
    border: 2px solid #067df4;
    border-color: #067df4 !important;
}
body._has-modal.account .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer .action-primary.action-accept:hover{
    border-color: #067df4 !important;
    color: #000 !important;
    -webkit-text-fill-color: #067df4 !important;
    background-color: #fff !important;
}
body._has-modal.account .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer .action-secondary.action-dismiss{
  background-color: #DCDCDC;
  border: 2px solid  #DCDCDC;
  border-color:  #DCDCDC !important;
}
body._has-modal.account .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer .action-secondary.action-dismiss:hover{
  border-color:  #000 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  background-color: #fff !important;
}
body._has-modal.account.page-layout-2columns-left .modal-popup.confirm-alert-info-success-modal .modal-inner-wrap .modal-footer button span:hover,
body._has-modal.account.page-layout-2columns-left .modal-popup.confirm-alert-info-success-modal .modal-inner-wrap .modal-footer button span{
    all: unset;
    background-color: transparent !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    cursor:  inherit !important;
}
body._has-modal.account.page-layout-2columns-left .modal-popup.confirm-alert-info-success-modal .modal-inner-wrap .modal-footer button.action-primary span:hover{
    all: unset;
    -webkit-text-fill-color: #067df4 !important;
    background-color: transparent !important;
}
._has-modal .alert-popup-close-hide.alert-popup-close-hide .modal-inner-wrap .modal-header .action-close,
._has-modal .confirm-alert-info-success-modal.alert-popup-close-hide .modal-inner-wrap .modal-header .action-close{
    visibility: hidden;
}
._has-modal .confirm-alert-info-success-modal .modal-inner-wrap {
   padding: 15px 10px;
}
body._has-modal.account .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer{
    display: flex;
    gap: 10px;
}
body._has-modal.account .confirm-alert-info-success-modal .modal-inner-wrap .modal-footer button{
    padding: 0px 15px;
    color: #000;
    font-weight: 500;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 1.25rem;
    font-size: 1rem;
    width: fit-content;
    min-width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    line-height: normal;
}
body._has-modal.account .confirm-alert-info-success-modal.with-overlay::after{
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(51, 51, 51, 0.55);
}
body._has-modal.account .confirm-alert-info-success-modal.with-overlay .modal-inner-wrap{
 z-index: 1;
}
/* popup animation */
._has-modal .confirm-alert-info-success-modal:not(.center-align-alert) .modal-inner-wrap {
    transition:all ease .5s !important;
    top: -150%;
 }
 ._has-modal .confirm-alert-info-success-modal:not(.center-align-alert)._show .modal-inner-wrap {
    transition:all ease .5s !important;
    top: 10%;
 }
 /* popup animation */
  /* Theme based */
  ._has-modal .confirm-alert-info-success-modal.theme .modal-inner-wrap .modal-header .modal-title{
    display: inline-flex;
    gap: 10px;
    align-items: center;
 }
._has-modal .confirm-alert-info-success-modal.theme .modal-inner-wrap .modal-header .modal-title::before{
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
}

._has-modal .confirm-alert-info-success-modal.theme.success-theme .modal-inner-wrap .modal-header .modal-title::before{
  content: "\f058";
  color: #28a745;
}
._has-modal .confirm-alert-info-success-modal.theme.info-theme .modal-inner-wrap .modal-header .modal-title::before{
  content: "\f05a";
  color: #17a2b8;
}
._has-modal .confirm-alert-info-success-modal.theme.alert-theme .modal-inner-wrap .modal-header .modal-title::before{
  content: "\f06a";
  color: #dc3545;
}
._has-modal .confirm-alert-info-success-modal.theme.success-theme .modal-inner-wrap .action-accept:hover{
  background-color: #28a745 !important;
  border-color: #28a745;
}
._has-modal .confirm-alert-info-success-modal.theme.alert-theme .modal-inner-wrap .action-accept:hover{
  background-color: #dc3545 !important;
  border-color: #dc3545;
}
._has-modal .confirm-alert-info-success-modal.theme.info-theme .modal-inner-wrap .action-accept:hover{
  background-color: #17a2b8 !important;
  border-color: #17a2b8;
}
/*  Theme based  */
/* .modal-popup:not(.confirm-alert-info-success-modal) */
/* Every confirm success alert popup - end */



body .form-section .contact-form p.btns{
    text-align: right;
    max-width: 100%;
}


/* agent product page style start */
body.page-products .page-wrapper .proxima-project-list .products-grid .product-items .product-item .product-item-info .product-item-details .details-inner .product-item-name a{
  margin-bottom: 15px;
}
.specifications-list li.list-inline-item.txt-end{
 padding-left: 20px;
}
body.page-products .products-grid .product-items .product-item .product-item-info .product-item-details, .products-grid .product-items .product-item .product-item-info .product-item-details{
  min-height: auto !important;
}

/* agent product page style end */

/* Publish button project detail page start */

.agent-projects-information  .publishbox{
    position: relative;
    display: inline-block;
    margin-left: calc(100% - 136px);
    top: unset;
    right: unset;
}
.agent-projects-information .publishbox > button{
    white-space: nowrap;
}
/* Publish button project detail page end */
._has-modal .alert-msg-confirm  .modal-inner-wrap {
    width: 400px;
    background: #FFF;
    position: relative;
}
body .modal-popup.confirm.alert-msg-confirm  .modal-inner-wrap .modal-header button{
    display: none;
}
body .modal-popup.confirm.alert-msg-confirm  .modal-inner-wrap .modal-footer{
    padding: 0 20px 20px;
}

body.page-with-filter.page-products .proxima-project-list.overview-project-list{
    margin-top: 3rem !important;
}

@media screen and (max-width: 1080px){
    body.page-with-filter.page-products .proxima-project-list.overview-project-list{
        margin-top: 2rem !important;
    }
}
body.page-with-filter.page-products .proxima-project-list.overview-project-list .field.limiter .limiter-options{
    padding: 10px;
    height: auto;
}
@media screen and (max-width: 767px){
    body.page-products .page-wrapper .page-main .proxima-product-grid .product-item-info .product .product-image-container .product-image-wrapper img{
        width: 100%;
    }
}
body.page-products .specifications-list li.list-inline-item{
    line-height: 20px;
    margin-bottom: 10px;
}
/* all agent site buy option page icon alignment - start  */
body.page-products ul.specifications-list li.list-inline-item{
    line-height: 100%;
}
/* all agent site buy option page icon alignment - end  */


/* all agent site - start  */
/* new style change buy and rent page search bar - start */
body:is(.categorypath-rent,.category-other-properties).page-with-filter.page-products .proxima-product-overview-section{
    padding: 10rem 5rem !important;
    margin-top: 0px;
  }
  body:is(.categorypath-rent,.category-other-properties):not(.bestwayproperty-style,.australialandproperty-style,.trio-style,.ewproperty-style) .page-wrapper .proxima-header.sticky + style + .proxima-product-banner + .proxima-product-overview-section{
    margin-top: 100px;
  }
  body:is(.categorypath-rent,.category-other-properties).page-with-filter.page-products .proxima-product-overview-section .deatils-box{
    margin: auto;
  }

  @media (max-width: 768.98px){
    body:is(.categorypath-rent,.category-other-properties).page-with-filter.page-products .proxima-product-overview-section{
      margin-bottom: 68px !important;
    }
  }
  @media (max-width: 568.98px){
    body:is(.categorypath-rent,.category-other-properties).page-with-filter.page-products .proxima-product-overview-section{
        padding: 10rem 3rem !important;
      }
  }
  /* new style change buy and rent page search bar - end */



  /* all agent site - end  */

    /* new proxima theme - start  */

  body.proximanew-style .limiter .limiter-label, body.proximanew-style .limiter .limiter-text, body.proximanew-style .limiter .label{
    color: #000 !important;
  }
  body#html-body.proximanew-style .project-search .container{
    max-width: 100% !important;
    float: unset;
  }
  body#html-body.proximanew-style .project-search li.SearchBtn{
    width: 100%;
    max-width: fit-content;
  }
  body#html-body.proximanew-style .project-search label.advanced-search-label{
    color: #000;
    font-size: 14px;
  }
  @media (max-width: 768.98px){
    body#html-body.proximanew-style .project-search label.advanced-search-label{
        position: static;
      }
    body#html-body.proximanew-style .project-search .search-list{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    body#html-body.proximanew-style .project-search li.SearchBtn{
        width: 100% !important;
        max-width: 75px;
      }
      body#html-body.proximanew-style .project-search li.SearchBtn button{
        max-width: 75px;
      }
      body#html-body.proximanew-style .project-search li.SearchBtn button{
        margin: 0;
      }
      body#html-body.proximanew-style .project-search::after{
        background-color: transparent !important;
      }
      body#html-body.proximanew-style .search-list li.type{
        width: calc(100% - 75px) !important;
      }
      body#html-body.proximanew-style .search-list li.type select{
        max-width: 100%;
      }
      body#html-body.proximanew-style .project-search li.location{
        width: 100% !important;
        min-width: auto;
        max-width: 100%;
      }
  }
  /* customer-account-index style start */
  body.customer-account-index .proxima-myaccount-container .body-content form .field>.control input[type="text"]{
    color: #000000 !important;
    font-weight: 300 !important;
    font-size: 15px !important;
  }

  /* customer-account-index style end */
  /* new proxima theme - end  */

  /* white labeling popup style start */
  body.account .modal-popup.dev--popup-modal .modal-inner-wrap{
   /* max-width: 615px !important; */
   max-width: fit-content !important;
   min-height: auto !important;
   position: relative;

  }
  @media (min-width: 700px){
    body.account .modal-popup.dev--popup-modal .modal-inner-wrap{
      min-width: 615px !important;   
     }
  }
  body.account .modal-popup:not([class*="custom_modal__"]).dev--popup-modal   .modal-inner-wrap .modal-header{
    border-bottom: 0 !important;
  }

  body.account.agent-projects-index .modals-wrapper .modal-popup._inner-scroll.dev--popup-modal .modal-inner-wrap .modal-content{
    padding: 0 60px 20px !important;
  }

  body .dev--popup h3{
    font-size: 24px;
    line-height:28px ;
    font-weight:700 ;
    color: #000;
    text-align: center;
  }
  body.account .modal-popup.dev--popup-modal .dev--popup h1{
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
  }
  body.account .modal-popup.dev--popup-modal .dev--popup h1:nth-child(2){
    margin-bottom: 20px;
  }
  body .dev--popup .search--field{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
  body .dev--popup .search--field span{
    width: 100%;
    position: relative;
  }
  body .dev--popup .search--field span ul.search-suggestions{
    padding: 0;
    list-style: none;
    border: 1px solid #8c8c8c;
    border-top: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999999;

    /* height: 350px;
    overflow: auto; */
  }
  body .dev--popup .dev--moadal-input-type .search--field span input{
    border-bottom-left-radius: 0 ;
    border-bottom-right-radius: 0 ;
  }
  body .dev--popup .search--field span ul.search-suggestions li{
    padding: 8px 10px;
    cursor: pointer;
    margin: 0;
    border-bottom: 1px solid #8c8c8c;

  }
  body .dev--popup .search--field span ul.search-suggestions li:last-child{
    border: 0;
  }
  body .dev--popup .search--field span ul.search-suggestions li:hover{
    background-color:#eff8ff ;
    color: #2d2d2d;
  }
  body .dev--popup .search--field input{
    border: 1px solid  #8C8C8C;
    border-radius: 2px !important;
    height: 37px;
  }
  body .dev--popup  button{
    padding:10px 15px ;
    border-radius: 20px;
    margin: 0 0 0 20px !important;
    height: 37px;
    display: flex;
    align-items: center;
  }
  body .dev--popup  .blue--btn{
    background-color:  #067DF4;
  }
  body .dev--popup  .gray--btn{
    background-color: #D9D9D9;
  }
  body .dev--popup  button.blue--btn a{
    color: #fff;
  }
  body .dev--popup  button.gray--btn a{
    color: #000;
  }
  body .dev--popup  button a{
    font-size:14px ;
    line-height: 16px;
    font-weight: 800;
    text-transform: capitalize;

  }
  body .dev--popup  .agent--content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto;
  }
  body .dev--popup  .agent--content-msg{
    margin: 0px auto 20px;
  }
  body .dev--popup  .agent--content-msg label{
    font-size: 16px;
    line-height:19px ;
    font-weight: 700;
    color:#000 ;
  }
  body .dev--popup  .agent--content label{
    font-size: 16px;
    line-height:19px ;
    font-weight: 700;
    color:#000 ;
  }
  body .dev--popup  .agent--content span{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
  }
  body .dev--popup  .agent--content button{
    background-color:#D9D9D9;
    border-radius:20px ;
    height: 20px;
    margin-top: 0 !important;
    padding: 2px 5px;
    display: flex;
    align-items: center;
  }
  body .dev--popup  .agent--content button a {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
  }
  body .dev--popup .agent--list{
    display: flex;
    flex-direction: column;
  }
  body .dev--popup .agent--list .items{
    display: flex;
    justify-content: space-between;

  }
  body .dev--popup .agent--list .items label{
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #000;
    margin-bottom: 15px;
  }
  body .dev--popup .agent--list .items span i{
    color: #000;
    font-size: 18px;
  }
  body .dev--popup .footer--btns{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;

  }
  body .dev--popup .agent-condition{
    text-align: center;
    margin: 20px auto;
  }
  body .dev--popup .agent-condition label{
    font-size: 16px;
    line-height:19px ;
    color: #000;
    font-weight: 400;
    padding-left: 10px;
  }
  body .dev--popup .search--field span {
    border-radius: 2px !important;
  }
  body .success-message {
    display: flex;
    flex-direction: column;
    align-items: center;

  }
  body .dev--popup  .success-message button{
    margin-bottom: 20px !important;
  }
  /* body .dev--popup .fancytree-ext-filter:after, */
  body .dev--popup #searchSpan ul:after{
    content: "";
    position: absolute;
    top:90px;
    left: calc(100% + 2px);
    right: -100px;
    bottom: 0px;
    background: #FFFFFF;
    z-index: 99;
  }
  body .dev--popup .dev--moadal-input-type input[type="text"]{
    border-bottom-left-radius: none !important;
    border-bottom-right-radius: none !important;
  }
  body.agent-projects-index .loading-mask{
    z-index: 999999;
  }
  @media (max-width: 768px){
    body.account.agent-projects-index .modals-wrapper .modal-popup._inner-scroll.dev--popup-modal .modal-inner-wrap .modal-content{
      padding: 15px !important;
    }
    body .dev--popup .agent--content{
      flex-direction: column;
      row-gap: 20px;
    }
    body .dev--popup .agent--content button{
      margin: 0 !important;
    }
  }
  body .dev--popup-modal .fancytree-ext-filter{
    max-height: 60vh;
    overflow: auto;
    border: 1px solid #eeeeee;
    background: #ffff;


  }
  /* @media (max-width:991px){
    body .dev--popup-modal .fancytree-ext-filter{
      height: 60vh;
      overflow: auto;
      position: absolute;
      border: 1px solid #eeeeee;
      width: calc(100% - 90px);
      background: #ffff;

    }
  } */
  body .dev--popup-modal .fancytree-partsel span.fancytree-checkbox,
  body .dev--popup-modal .fancytree-selected span.fancytree-checkbox{
    /* background-image: url('../../../../../frontend/bluesky/bluesky_armania_proxima_02/en_US/Proptech_Agents/images/check.svg') !important; */
    background-image: url(../../../../../frontend/bluesky/bluesky_armania_proxima_02/en_US/Proptech_Agents/images/check.svg) !important;
    background-color: #067DF4;
    background-position: 2px;
    width: 13px;
    height: 13px;
    background-size: 8px;
    border: 1px solid #1d5386;
  }
  body .dev--popup-modal span.fancytree-checkbox{
    margin-right: 5px;
    background-position: -1px -33px;
    width: 13px;
    height: 13px;
  }
  /* body .dev--popup-modal span.fancytree-checkbox:hover{
    background-position: -1px -33px;
  } */
  body .dev--popup-modal mark{
    background: transparent !important;
  }


  .fancytree-plain span.fancytree-node:hover span.fancytree-title,
  body .dev--popup-modal .fancytree-plain span.fancytree-active span.fancytree-title,
  body .dev--popup-modal .fancytree-plain span.fancytree-selected span.fancytree-title,
  body .dev--popup-modal .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
  body .dev--popup-modal .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title{
    background-color: transparent;
    border-color: transparent;
  }

  body .dev--popup-modal .fancytree-ext-filter ul.fancytree-container{
    border: 0;
  }
  body .dev--popup .agent--list h6{
    margin-bottom: 15px;
    margin-top: 0;
  }
    /* white labeling popup style end */

  /* input-logo-field style start */
  .input-new-upload-field{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
  }
  .input-new-upload-field .control {
    border: 1px solid #000;
    min-height: 2.375rem !important;
    height: 2.375rem !important;
    border-radius: 1.25rem;
    padding: 5px 15px !important;
    width: 49%;
    display: flex;
    align-items: center;

  }
  .input-new-upload-field .control input#website_logo{
    display: none;
  }
  .input-new-upload-field .control label[for="website_logo"]{
    padding: 0px 15px;
    border-radius: 1.25rem;
    background-color: #2222;
    cursor: pointer;
    min-height: 2rem !important;
    height: 2rem !important;
    line-height: normal;
    display: inline-flex;
    align-items: center;
  }
  .input-new-upload-field .upload-img-container{
    display: flex;
    padding: 0;
    gap: 10px;
    align-items: center;
    width: 130px;
  }
  @media (min-width: 578.98px){
    .input-new-upload-field .upload-img-container{
      position: relative;
      margin-top: -100px;
      margin-bottom: -75px;
    }
  }
  .input-new-upload-field .upload-img-container .img-thumbnail{
    width: auto;
    height: auto;
  }
  .label.info-icon::after{
    content: "\f05a";
    font-family: 'Font Awesome 5 Pro';
    cursor: pointer;
  }
  .label.info-icon{
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  @media (max-width: 578.98px){
    .input-new-upload-field .control,
  body#html-body.account.customer-account-index .body-content .input-field-section .field{
    width: 100% !important;
  }
  .input-new-upload-field{
    flex-direction: column;
    align-items: flex-start;
  }
  }

  .sub_section_container{
    background-color: #f1f1f1;
    padding: 20px;
    margin: 20px 0px;
    border-radius: 16px;
  }
  .sub_section_container h5{
    margin: 10px 0 20px 0;
  }
  #html-body .sub_section_container input{
    background-color: #fff !important;
  }
  /* input-logo-field style end */

  /* input-field indication text style start */
  .fieldset em,
   .input-field-section .field em{
    color: #7f7f7f;
  }
  .input-field-section .field em:before{
    content: "*";
    padding-right: 3px;
    font-size: 16px;
  }
    /* input-field indication text style end */

    /* reservation summary page overlay start */
    @media (min-width: 767.98px){
    .reservation-summaryreport-summary .container.roomBookingContainer .table-responsive{
        padding-top: 55px !important;
    }
    }
    /* reservation summary page overlay end */

    .reservation-property-form.project_theme_mode_normal .proxima-myaccount-container .body-content form .table div.mage-error,
    .offer-property-form .proxima-myaccount-container .body-content form .table div.mage-error{
      position:absolute;
      padding: 4px 0px 0px 18px;
    }

    /* reservation-property-form page error start */

    #html-body .proxima-myaccount-container .body-content #reserve-form .deicorp-proof-section .file-span{
      position: relative;
    }
    #html-body .deicorp-proof-section .file-span #deicorp-proof-error{
      bottom: 0px;
    }
    #html-body.reservation-property-form .proxima-myaccount-container .body-content form .table div.mage-error,
    #html-body.offer-property-form .proxima-myaccount-container .body-content form .table div.mage-error{
      line-height: normal;
    }
    /* reservation-property-form page error end */

    /* agent-projects-information  page box error start */
    #html-body .logged_agent_reservation{
      outline: 2px solid #b70707 !important;
      border: 0 !important;
    }
    /* agent-projects-information  page box error end */

  /* reservation system view start */
    .reservation-details .grid-li-one p.listingbtns{
      gap: 15px;
    }
    .reservation-details p.listingbtns a.req-contract{
    margin: 0;
    }
  /* reservation system view end */
     /* table with th sorting  start */
     #html-body .proxima-myaccount-container .body-content form .table tr th.sorting{
      padding-right: 25px !important;
    }
    #html-body.reservation-myteamsreservations-index .proxima-myaccount-container .body-content form .table tr th{
      width: fit-content !important;
      min-width: fit-content !important;
    }

    #html-body .proxima-myaccount-container .body-content form .table tr th:is(.sorting ,.sorting_disabled){
      vertical-align: middle;
    }
     /* table with th sorting  end */


 /* reservation popup modal-pop-up-custom-sales-advice-confirm start */
    #html-body .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap{
      max-width: 842px !important;
      width: 100% !important;
      padding: 50px 100px;
      border-radius: 10px;
      min-height: auto;
      margin-top: auto;
      margin-bottom: auto;
  }
  @media (max-width: 767.98px){
        #html-body .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap{
          padding: 25px;
      }
    }
  #html-body .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap header{
      border: 0 !important;
      padding: 0 !important;
      justify-content: center;
  }
  #html-body .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap header .action-close{
      position: absolute;
      right: 20px;
      top: 20px;
  }
  #html-body .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content{
      padding: 0 !important;
      overflow: auto;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content fieldset .field label,
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content fieldset .field p + span,
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content p{
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 400;
      color: #000;
      line-height: normal;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content fieldset .field label{
    font-weight: 600;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-title{
      padding: 0;
      font-weight: 700;
      font-size: 24px;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content fieldset{
      margin: 0;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content fieldset .field > div {
    padding: 15px 0 0 0;
  }
  .reservation-sales_advice-details-view table tr th{
    vertical-align: middle;
  }
  .reservation-sales_advice-details-view table tr td{
    text-align: center;
  }
  .reservation-sales_advice-details-view table tr td .sales-advice-record-view{
    margin: 5px;
    min-width: fit-content;
  }
  .reservation-sales_advice-details-view{
    /* overflow-y: auto;
    overflow-x: auto;
    max-height: 200px; */
    margin: 20px 0px;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content fieldset .field{
    margin: 0;
    padding: 25px 0;
}
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content fieldset .field ul{
    padding-left: 30px;
    margin: 0;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content fieldset .field ul li{
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #000;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .modal-content fieldset .field ul li::marker{
    font-size: 20px;
    line-height: normal;
  }
  #html-body .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .actions-toolbar{
    display: flex;
      justify-content: center !important;
  }
  #html-body .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .actions-toolbar .primary{
      display: flex;
      gap: 20px;
      margin: 0;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .actions-toolbar button{
      padding: 0px 15px 0px 15px;
      gap: 10px;
      border-radius: 20px;
      opacity: 0px;
      font-size: 14px;
      line-height: normal;
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      text-transform: capitalize;
      cursor: pointer;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .actions-toolbar button[type="button"]{
      background-color: #D9D9D9;
      color: #000;
      margin: 0;
  }
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .actions-toolbar button[title="OK"],
  .modal-popup:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice) .modal-inner-wrap .actions-toolbar button[type="submit"]{
      background-color: #067DF4;
      color: #fff;
  }
   /* reservation popup modal-pop-up-custom-sales-advice-confirm end */


  /* commissionsystem-salestransaction_myteampayments-listeditrequests start */
   .proxima-myaccount-container .column.main table tbody tr td button:is(.approve-reject-request, .approve-accept-request){
    border-color: #000;
    color: #000;
   }
   #html-body .paginate_button{
    display: inline;
    border: 2px solid !important;
    font-size: 13px !important;
    border-radius: 20px !important;
    padding: 6px 18px !important;
    margin: 0px 5px;
    cursor: pointer !important;
   }
   #html-body .paginate_button.current{
    background-color: #000 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
   }
   body:is(.commissionsystem-salestransaction_myteampayments-listeditrequests) .proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable td{
    font-size: 1rem !important;
    font-weight: 300 !important;
    height: 60px !important;
    padding: 2px 2px 7px 10px !important;
   }
   body:is(.commissionsystem-salestransaction_myteampayments-listeditrequests) .proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable th{
    font-size: 0.8rem !important;
    height: 2.5625rem !important;
    font-weight: 900 !important;
    vertical-align: middle;
   }
  /* commissionsystem-salestransaction_myteampayments-listeditrequests end */

   /* .commissionsystem-salestransaction_myteampayments-index table text color start */
   body:is(.commissionsystem-salestransaction_myteampayments-index, .commissionsystem-salestransaction_salestransactiondetails-index) .table-grid-container.font-size-18{
    color: #000;
   }
   #tableteamPayment + .editPayments button{
    width: fit-content;
    padding: 0px 20px;
   }
    /* page confirmation start */
   div:is(#approved, #rejected, #failed) .page-info-container{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 999;
    padding: 0 !important;
   }
   div:is(#approved, #rejected, #failed) .page-info-container > form > section{
    height: 100%;
   }
   div:is(#approved, #rejected, #failed) .page-info-container > form {
    height: 100%;
   }
   div#approved .page-info-container .page-info-content{
    background-color: #d4edda;
    color: #155724;
   }
   div#rejected .page-info-container .page-info-content{
    background-color: #fff3cd;
    color: #856404;
   }
   div#failed .page-info-container .page-info-content{
    background-color: #f8d7da ;
    color: #721c24;
   }
   div:is(#approved, #rejected, #failed) .page-info-container .page-info-content{
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
   }
   div#approved .page-info-container .page-info-content .icon-confirm::after{
    content: "\f058";
   }
   div#rejected .page-info-container .page-info-content .icon-confirm::after{
    content: "\f06a";
   }
   div#failed .page-info-container .page-info-content .icon-confirm::after{
    content: "\f071";
   }
   div:is(#approved, #rejected, #failed) .page-info-container .page-info-content .icon-confirm::after{
    font-family: "Font Awesome 5 Pro";
    font-size: 150px;
    color: inherit;
   }
   div:is(#approved, #rejected, #failed) .page-info-container .page-info-content  h2{
    font-weight: 400;
    color: inherit;
   }
   div:is(#approved, #rejected, #failed) .page-info-container .page-info-action {
    height: 40%;
    display: flex;
    align-items: center;
   }
   div:is(#approved, #rejected, #failed) .page-info-container .page-info-action button{
    border-radius: 100vw;
    font-weight: 300;
   }
   div#approved .page-info-container .page-info-action button{
    background-color: #155724;
   }
  div#rejected .page-info-container .page-info-action button{
    background-color: #856404;
  }
  div#failed .page-info-container .page-info-action button{
    background-color: #721c24;
  }
 /* page confirmation end */
   /* .commissionsystem-salestransaction_myteampayments-index table text color end */
 /* main filter web state option start */
 .main-filter-section.addvance-search-box .body-content select#state_select2 + .select2-container .selection > .select2-selection{
  border: 2px solid #000;
  border-radius: 20px;
  display: flex;
  align-items: center;
 }
 .main-filter-section.addvance-search-box .body-content select#state_select2 + .select2-container .select2-selection__arrow{
  display: none;
 }
 .main-filter-section.addvance-search-box .body-content select#state_select2 + .select2-container button.select2-selection__clear{
  padding: 0;
  margin: 0;
  right: 25px;
  color: #000;
  position: absolute;
}
 /* main filter web state option end */

  /* My account Landing page style change start */
  body.account .page-main #projects_search_form .flex-base-container .project-details-heading span.span-lg-content,
  .flex-base-container .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span.span-lg-content {
    max-width: 230px;
  }
  .flex-base-container .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span.project-postcode-span{
    word-break: break-word;
  }
  /* My account Landing page style change end */

    /* confirm-alert-info-success-modal width-fit-content style change start */
  ._has-modal .confirm-alert-info-success-modal.width-fit-content .modal-inner-wrap{
    max-width: 1038px;
}
._has-modal .confirm-alert-info-success-modal.width-fit-content .modal-inner-wrap .modal-content{
  text-align: left;
}
    /* confirm-alert-info-success-modal width-fit-content style change end */

/* for choose file text - start */
.input-file-button-container{
  border-radius: 20px !important;
  height: 2.375rem !important;
  padding: 0.5rem 1rem !important;
  border: 1px solid !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  width: calc(100% - 280px);
  display: inline-flex;
  align-items: center;
  position: relative;
}
#html-body input[type="file"].input-file-button{
  width: 90px;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  height: auto !important;}
  .reservation-viewdraft-index #reservation-solicitor-form fieldset ul li:first-child{
    padding-bottom: 20px;
  }
  .input-file-button-container div.mage-error,
  .input-file-button-container #authorization_solicitor-error.mage-error{
    bottom: -20px;
  }
  /* for choose file text - end */

  .proxima-myaccount-container .body-content .chart-container form .table tbody tr td button:not(:nth-of-type(1)){
    margin-top: 10px;
  }

  .modals-wrapper .modal-popup.default-modal button:not(.select2-selection__choice__remove,.select2-selection__clear,.unset_btn){
    background-color: #fff !important;
    border-color: #000 !important;
    border-radius: 100vw;
    font-size: 1rem;
    font-weight: 600;
    padding: 0px 20px;
    min-height: 32px;
    color: #000;
    text-transform: capitalize;
  }
/* default modal style - start */
.modals-wrapper .modal-popup.default-modal:not(.custom_modal__share_project) button:not(.btn_tag,[class*=owl-],.select2-selection__choice__remove,.select2-selection__clear){
    background-color: #fff !important;
    border-color: #000 !important;
    border-radius: 100vw;
    font-size: 1rem;
    font-weight: 600;
    padding: 0px 20px;
    min-height: 32px;
    color: #000;
    text-transform: capitalize;
  }
  .modals-wrapper .modal-popup.default-modal:not(.share_social_media_property-modal, .custom_modal__share_project) button:not(.select2-selection__choice__remove,.select2-selection__clear,.action-close):hover{
    padding: 0px 10px;
    min-height: fit-content;
    font-weight: 500;
  }
  .modals-wrapper .modal-popup.default-modal button.text-fill{
    padding: 0px 10px;
    min-height: fit-content;
    font-weight: 500;
  }
  .modals-wrapper .modal-popup.default-modal:not(.custom_modal__share_project) button:not(.btn_tag,[class*=owl-]):hover{
    background-color: #000 !important;
    color: #fff !important;
  }
  .modals-wrapper .modal-popup.default-modal button.action-dismiss{
    background-color: #DCDCDC !important;
    border-color: #DCDCDC !important;
    color: #000 !important;
  }
  .modals-wrapper .modal-popup.default-modal button.action-accept{
    background-color: #067DF4 !important;
    border-color: #067DF4 !important;
    color: #fff !important;
  }
  body .dev--popup .agent--list .items .delete-agent{
    cursor: pointer;
  }

/* add new project style change:start */
body.account.listingsystem-index-index .proxima-myaccount-container .listing-body-content .project-field:is(.custom-select2, .custom-suburb-select2){
  font-weight: 400;
}
  body.account.listingsystem-index-index .proxima-myaccount-container .listing-body-content .project-field{
    font-size: 16px;
    line-height: 20px;
    font-weight:700 ;
    color: #000;
  }
  .account .proxima-myaccount-container .listing-body-content .project-field .control-date-range .select2-container{
    margin-top: 10px;
  }
  body.account.listingsystem-projects-projectsedit .proxima-myaccount-container .listing-body-content .project-field .control-date-range button.btn_tag__secondary,
  body.account.listingsystem-index-index .proxima-myaccount-container .listing-body-content .project-field .control-date-range button.btn_tag__secondary{
    margin-top: 10px;
  }

  /* add new project style change:end */

  /* listing system page style change : start */
  body.listingsystem-index-editproperty.account .proxima-myaccount-container .listing-body-content .project-grid .first-col,
  body.listingsystem-index-property.account .proxima-myaccount-container .listing-body-content .project-grid .first-col{
    padding: 0 13px 20px 13px;
    border: 4px solid #f1f1f1;
  }
  body.listingsystem-index-editproperty.account .project-window .section-style1 h2,
  body.listingsystem-index-property.account .project-window .section-style1 h2{
    font-size: 16px;
    background-color: #f1f1f1;
    padding: 15px 15px 15px 17px;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  body.listingsystem-index-editproperty.account #update-property,
  body.listingsystem-index-property.account #form-property{
    margin-top: 1rem;
  }
  body.listingsystem-index-editproperty.account #maincontent .page-title,
  body.listingsystem-index-property.account #maincontent .page-title{
    margin-left: 10px;
  }
  body.listingsystem-index-editproperty.account .select2-container .select2-selection--multiple .select2-selection__rendered,
  body.listingsystem-index-property.account .select2-container .select2-selection--multiple .select2-selection__rendered{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    height: 40px;
  }
  body.listingsystem-index-editproperty.account .proxima-myaccount-container .listing-body-content .project-field .control-date-range .select2-container,
  body.listingsystem-index-property.account .proxima-myaccount-container .listing-body-content .project-field .control-date-range .select2-container{
    overflow: unset;
    height: 40px;
    border-radius: 5px !important;
  }
  body.listingsystem-index-editproperty.account .proxima-myaccount-container .listing-body-content .project-field .control-date-range.mult > .select2-container,
  body.listingsystem-index-property.account .proxima-myaccount-container .listing-body-content .project-field .control-date-range.mult > .select2-container{
    background: url(../images/new-select-down-dark.svg) no-repeat 98% 50%;
    background-origin: border-box;

  }
  .project-field.select-field.field-multi-select .control-date-range{
    margin-top: 0 !important;
  }
  body.listingsystem-index-editproperty.account .select2-container--default .select2-selection--multiple,
  body.listingsystem-index-property.account .select2-container--default .select2-selection--multiple{
    background-color: transparent;
  }
  body.listingsystem-index-editproperty.account .select2-container--default .select2-selection--multiple .select2-selection__clear span,
  body.listingsystem-index-property.account .select2-container--default .select2-selection--multiple .select2-selection__clear span{
    display: none;
  }
  body.listingsystem-index-editproperty.account .proxima-myaccount-container .listing-body-content .project-field.select-field.field-multi-select .control-date-range::after,
  body.listingsystem-index-property.account .proxima-myaccount-container .listing-body-content .project-field.select-field.field-multi-select .control-date-range::after{
    top:16px;
  }
  /* listing system page style change : end */
  /* date picker with full with clickable - start*/
  .listing-body-content .control-date-picker-full-width input[type="date"]::-webkit-calendar-picker-indicator,
  .listing-body-content .control-date-picker-full-width input[type="datetime-local"]::-webkit-calendar-picker-indicator {
      background: url(../images/date-new.svg) 95% 50% no-repeat;
      background-size: 16px !important;
      padding-right: 0 !important;
      opacity: 1;
  }
  .listing-body-content .control-date-picker-full-width input[type="date"]::-webkit-calendar-picker-indicator{
      width: calc(100% - 100px);
  }
  .listing-body-content .control-date-picker-full-width input[type="datetime-local"]::-webkit-calendar-picker-indicator {
      width: calc(100% - 200px);
  }
  body .proxima-myaccount-container .listing-body-content .project-field .control-date-picker.control-date-picker-full-width input{
      background: none !important;
      display: block;
  }
  /* date picker with full with clickable - end*/
  /* listing system add property style:start */
  body.account.listingsystem-projects-projectsedit .proxima-myaccount-container .listing-body-content .project-field .select2-selection__clear span,
  body.account.listingsystem-index-index .proxima-myaccount-container .listing-body-content .project-field .select2-selection__clear span{
    display: none;
  }
  body.account.listingsystem-projects-projectsedit .proxima-myaccount-container .listing-body-content .select2-container--open .select2-dropdown--below{
    z-index: 99;
  }
  .account .proxima-myaccount-container .listing-body-content #parent_project label{
    font-weight: 700;
  }
  .account .proxima-myaccount-container .listing-body-content #parent_project .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #323232;
  }
  body.listingsystem-projects-projectsedit  .select2-dropdown,
  body.listingsystem-index-index  .select2-dropdown{
    z-index: 9;
  }

  /* listing system add property style:end */

  /* listing-body-property-tab style:start */

  .listing-body-property-tab .input-symbol-meter-square:after {
    color: #37424a !important;
    content: "m\00B2";
    font-size: 16px !important;
    font-weight: 400;
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    right: 10px;
    line-height: 62px;

}
.listing-body-property-tab .input-symbol-dollar {
    position: relative;
    display: block;
}
.listing-body-property-tab .input-symbol-dollar:after {
    color: #37424a !important;
    content: "$";
    font-size: 16px !important;
    font-weight: 400;
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    left: 10px;
    line-height: 63px;
}
  /* listing-body-property-tab style:end */

  /* listing system-index-editproperty style:start */
  .account .proxima-myaccount-container .listing-body-content .project-field.select-field.field-multi-select .control-date-range .mage-error{
    position: absolute;
    bottom: -27px;
  }
  .account .proxima-myaccount-container .listing-body-content .project-field .img-upload-container .control-date-range{
    min-height: 175px;
  }
  body.account.listingsystem-index-editproperty  .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range{
    justify-content: space-between !important;
  }
  /* listing system-index-editproperty style:end */

  /* reservation share file  style changes:start */

  body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property,
  body.agent-projects-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property{
    background:#F5F5F5;
    padding: 10px 10px 60px 10px;
    margin: 10px 0;
  }
  body.agent-projects-information.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property p,
  body.agent-projects-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property p{
    font-size: 14px;
    font-style: italic;
    margin: 10px 0;
  }
  body.agent-projects-information.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property .data.sales-table.table h6,
  body.agent-projects-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property .data.sales-table.table h6{
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0 10px 0;
  }
  body.agent-projects-information.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property .house-property-send-email-button.elmt-button-black,
  body.agent-projects-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property .house-property-send-email-button.elmt-button-black{
    float: right;
    margin-bottom: 10px;
  }
  body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property .house-property-send-email-button,
  body.agent-projects-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property .house-property-send-email-button{
    float: right;
    margin-top: 15px;
  }
  body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property .house-property-send-email-button span,
  body.agent-projects-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .share-files-house-property .house-property-send-email-button span{
    color: #fff !important;
    font-weight: 700 !important;
  }

  body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #home-and-land-model .modal-footer a{
    color: #fff;
  }
/* reservation share file  style changes:end */



/* listingsystem-projects-project style change:start */
body.account.listingsystem-projects-projectsedit .proxima-myaccount-container .listing-body-content #copy_project_details  .control-date-range,
body.account.listingsystem-index-index .proxima-myaccount-container .listing-body-content #copy_project_details .control-date-range{
  margin-top: 15px;
}
body.account.listingsystem-projects-projectsedit .proxima-myaccount-container .listing-body-content #copy_project_details  .control-date-range a.disabled-click,
body.account.listingsystem-index-index .proxima-myaccount-container .listing-body-content #copy_project_details .control-date-range a.disabled-click{
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
/* listingsystem-projects-project style change:end */
/* home_and_land_mvp_solution modal style changes:start*/
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .inline-list.document_details span {
  cursor: pointer;
}
/* home_and_land_mvp_solution modal style changes:end */


/* Add new project select2  style changes:start*/
div:is(.custom-select2, .custom-suburb-select2) .select2-container--default .select2-selection--single{
  border: 1px solid #000;
  height: 40px;
  border-radius: 10px;
}
div:is(.custom-select2, .custom-suburb-select2) .select2-container--default .select2-selection--single .select2-selection__rendered{
  height: -webkit-fill-available;
  height: -moz-available;
  padding: 8px 16px 8px 20px;
  line-height: 150% !important;
  color: #000 !important;
}
div:is(.custom-select2, .custom-suburb-select2) .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: -webkit-fill-available;
  height: -moz-available;
  width: 33px;
}
div:is(.custom-select2, .custom-suburb-select2) .select2-container--default .select2-selection--single .select2-selection__arrow{
  background: url('../images/new-select-down-dark.svg') no-repeat 0% 50%;
}
div:is(.custom-select2, .custom-suburb-select2) .select2-container--default .select2-selection--single .select2-selection__arrow b{
  display: none;
}
div.custom-select2 .select2-container--default .select2-selection--single .select2-selection__placeholder::after{
  content: " Project";
}
/* div.custom-suburb-select2 .select2-container--default .select2-selection--single .select2-selection__placeholder::after{
  content: " Suburb";
} */
div.custom-suburb-select2 .select2-container--default{
  width: -webkit-fill-available !important;
  width: -moz-available !important;
}
/* Add new project select2  style changes:end*/
  /* reservation view all button style - start */
  .fill_btn_container{
    width: calc(100% - 112px);
    padding-left: 10px;
  }
   a.fill_btn{
    background-color: #dddddd;
    padding: 3px 10px;
    border-radius: 20px;
    color: #000;
    cursor: pointer;
    line-height: normal;
  }
   a.fill_btn.primary{
    background-color:#067DF4;
    color: #fff;
  }
  a.fill_btn + a.fill_btn{
    margin-left: 5px;
  }
  /* reservation view all button style - end */

/*reservation client loader style starts*/
  #r_client_loader.loading-mask{
    z-index: 999;
  }
  #r_client_loader .loading{
    z-index: 999999999;
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color: #888;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: absolute;
    left: 50%;
    top: 50%;
  }
  /* default modal style - end */

/* all reservation popup style change start*/
#html-body.reservation-viewdraft-index .soliciter_change_modal .modal-inner-wrap{
  min-width: 300px !important;
  width: fit-content !important;
}
#html-body.reservation-viewdraft-index .soliciter_change_modal .modal-header{
  padding:0!important;
}
#html-body.reservation-viewdraft-index .soliciter_change_modal .modal-content{
  padding: 10px 20px !important;
}
body.reservation-viewdraft-index .soliciter_change_modal #request_contract{
  margin-top:0!important;
}

body.agent-projects-information .loading-mask{
  z-index: 99999999;
}
/* all reservation popup style change end*/

  /* Add/Remove-consultant style changes :start */
  body .modal-pop-up-edit-consultant .modal-content button.consultant-submit{
    float: right;
    margin: 20px 0 10px !important;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 10px !important;
    min-height: 29px;
    border: 0;
    display: inline-flex;
    align-items: center;
  }
  /* Add/Remove-consultant style changes :end */

  /* Add/Remove-consultant consultant modal starts*/
  #r_consultant_loader.loading-mask{
    z-index: 999;
  }
  #r_consultant_loader .loading{
    z-index: 999999999;
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color: #888;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: absolute;
    left: 50%;
    top: 50%;
  }

@-webkit-keyframes rotate {
/* 100% keyframe for  clockwise.
use 0% instead for anticlockwise */
100% {
-webkit-transform: rotate(360deg);
}
}
/*reservation client loader style ends*/

/*reservation add client modal style starts*/
body.reservation-reservationcomplete-index .modal-pop-up-custom-client-add.modal-popup._inner-scroll .modal-inner-wrap {
  width: 50%;
}
#html-body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details).account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:hover::before {
  color: #000 !important;
}
body.reservation-reservationcomplete-index .modal-pop-up-custom-client-add.modal-popup._inner-scroll .modal-inner-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-bottom: 0;
}
/*reservation add client modal style ends*/

/* reservation-reservationcomplete-index remove client error msg style:start */
body.reservation-reservationcomplete-index  .client-error-validation{
    color: #D8000C;
    background-color: #ffd1d3;
    border-color: #f5c6cb;
    padding: 4px 5px;
    font-size: 13px;
    border-radius: 4px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid #d8000c66;
    text-align: center;
    font-weight: 900;
    font-size: 12px;
}

body.reservation-reservationcomplete-index  #notification-delete{
margin-top: 0.5rem;
}



/* reservation-reservationcomplete-index remove client error msg style:end */
/*confirmation-modal style starts*/
#confirmation-modal-client .modal-content{
  border-radius: 4px;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
  width: 27%;
}
#confirmation-modal-client p{
color: #686868;
  font-size: 1.2rem;
  padding: 11px 11px 0 11px;
  font-size: 1.2rem;
  text-align: center;

}
#confirmation-modal-client .btn-container{
margin: 10px 0;
text-align: center;
}
#confirmation-modal-client button{
  background-color: #067df4!important;
  border: 2px solid #067df4!important;
  border-color: #067df4 !important;
  font-size: 1rem !important;
  font-weight: 500;
  color:#fff !important;
}

#confirmation-modal-client button:hover{
background-color: #fff!important;
border: 2px solid #067df4!important;
border-color: #067df4 !important;
-webkit-text-fill-color: #107de9 !important;
}

/*confirmation-modal style ends*/

/*reservation client details style starts*/
body.reservation-reservationcomplete-index .reservation-details ul.reservationbox .span_clientbtn {
  display: flex;
}
#html-body.reservation-reservationcomplete-index .alert-successbg .modal-header .action-close:before,
#html-body.reservation-reservationcomplete-index .alert-errorbg .modal-header .action-close:before{
  color: grey !important;
}
#html-body.reservation-reservationcomplete-index .alert-successbg .modal-header .action-close:hover:before,
#html-body.reservation-reservationcomplete-index .alert-errorbg .modal-header .action-close:hover:before{
  background-color: #fff!important;
}
body.reservation-reservationcomplete-index .alert-warningbg .modal-content div {
  color: #ac343f;
}
body.reservation-reservationcomplete-index .alert-warningbg .modal-content {
  padding-top: 50px !important;
}
body.reservation-reservationcomplete-index .alert-errorbg .modal-content,
body.reservation-reservationcomplete-index .alert-successbg .modal-content {
  padding-top: 0 !important;
  padding-bottom: 40px !important;
}
body.reservation-reservationcomplete-index .alert-errorbg .modal-content div {
  color: #ac343f;
}
body.reservation-reservationcomplete-index .alert-successbg .modal-content div {
  color: #28a745;
}
#html-body.reservation-reservationcomplete-index .alert-warningbg .modal-header,
#html-body.reservation-reservationcomplete-index .alert-successbg .modal-header,
#html-body.reservation-reservationcomplete-index .alert-errorbg .modal-header{
  display: none!important;
}

.alert-errorbg .modal-inner-wrap .modal-content::before {
  content: "\f058";
  color: #ac343f;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
}
.alert-successbg .modal-inner-wrap .modal-content::before {
  content: "\f058";
  color: #28a745;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
}
.alert-warningbg .modal-header .modal-title, .alert-successbg .modal-header .modal-title, .alert-errorbg .modal-header .modal-title {
  display: none!important;
}
.reservation-client-save:hover, .reservation-client-cancel:hover{
  background-color: transparent!important;
  border: 2px solid #067df4;
  border-color: #067df4;
  -webkit-text-fill-color: #107de9!important;
}
/*reservation client details style ends*/

   /* Add/Remove-consultant consultant modal ends*/


   /* edit consultant popup style change:start */
   body.account.reservation-reservationcomplete-index .select2-container--default .select2-selection--multiple .select2-selection__choice.locked-tag .select2-selection__choice__remove{
    display: none;
   }
   body.account.reservation-reservationcomplete-index .select2-container--default .select2-selection--multiple .select2-selection__choice.locked-tag{
    padding: 0 7px !important;
   }

   /* edit consultant popup style change:end */

  /*news and events style starts*/
  body.proxima-news-events .proxima-news-events .pne.banner{
        padding: 4.6875rem 0;
        min-height: 355px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
  }
  @media screen and (max-width: 1200px) {
    .proxima-news-events .pne.news .news__wrap article h1 {
        font-size: 36px!important;
    }
  }
  @media screen and (max-width: 756px) {
    .proxima-news-events .pne.news .news__wrap article h1 {
        font-size: 24px!important;
    }
  }
   /*news and events style ends*/

   /* modal close hover style :start */
   body .modals-wrapper .modal-popup:not([class*="custom_modal__"])._inner-scroll .modal-inner-wrap .modal-header .action-close:before{
    line-height: 40px !important;

  }
  /* modal close hover style :end */

/* proprty reservation style changes:start */
  body.project_theme_mode_normal.account .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion ul:nth-child(2){
    margin-top: 20px;
  }
  .modals-wrapper .modal-popup.custom_modal__carousel_details .modal-inner-wrap .modal-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .modals-wrapper .modal-popup.custom_modal__carousel_details .modal-inner-wrap .modal-footer p.note--content{
    background-color: #F5F5F5;
    padding: 10px;
    margin: 10px 0;
    font-size: 11px;
    border-radius: 6px;

  }
  .modals-wrapper .modal-popup.custom_modal__carousel_details .modal-inner-wrap .modal-footer p.note--content b{
    font-size: 14px;
    margin-right: 4px;
  }
  /* proprty reservation style changes:end */
   /* login page header new style changes:start */
   @media (min-width: 990px){
    body.customer-account-createpassword:not(.agent-website-page) .header.custom-container,
    body.customer-account-forgotpassword:not(.agent-website-page) .header.custom-container,
    body.customer-account-logoutsuccess:not(.agent-website-page) .header.custom-container,
    body.agentregistration-index-index:not(.agent-website-page) .header.custom-container,
    body.customer-account-login:not(.agent-website-page) .header.custom-container{
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
   }
   @media (min-width: 1200px) and (max-width: 1510px) {
    body.customer-account-createpassword:not(.agent-website-page) .proxima-header .sticky-header,
    body.customer-account-forgotpassword:not(.agent-website-page) .proxima-header .sticky-header,
    body.customer-account-logoutsuccess:not(.agent-website-page) .proxima-header .sticky-header,
    body.agentregistration-index-index:not(.agent-website-page) .proxima-header .sticky-header,
    body.customer-account-login:not(.agent-website-page) .proxima-header .sticky-header{
      position: absolute;
      top: 21px;
      left: 42px;
    }
   }
    #html-body.customer-account-createpassword .page-wrapper .page-title-wrapper .page-title,
    #html-body.customer-account-forgotpassword .page-wrapper .page-title-wrapper .page-title,
    #html-body.ccustomer-account-logoutsuccess .page-wrapper .page-title-wrapper .page-title,
    #html-body.agentregistration-index-index .page-wrapper .page-title-wrapper .page-title,
    #html-body.customer-account-login .page-wrapper .page-title-wrapper .page-title{
     color: #fff !important;
   }
   /* login page header new style changes:end */

   /*reservation add or delete client starts*/
   body.reservation-reservationcomplete-index .reservationbox .dark-theme-icon.reservation-client-remove.add_analytics{
    border-radius: 20px;
    background: #DCDCDC;
    color: #000000;
    padding: 2px 5px !important;
    margin: 0px 5px 0px 5px;
    padding: 2px 5px !important;
}
   /*reservation add or delete client ends*/

   /*listing system upload*/
   body.listingsystem-index-editproperty #update-property .project-field.upload-field{ 
    position:relative;
   }
body.listingsystem-index-editproperty #update-property .project-field.upload-field .myToast_success{
    background-color: #fff;
    padding: 2px 10px;
    border-left: 3px solid green;
    color: green;
    border-radius: 5px;
    margin: 12px 0;
    border-radius: 0;
    opacity: .8;
    font-size: 11px;
    width: fit-content;
    box-shadow: 0 0 7px #d5d2d2;
    position:absolute; top: -27px;
}
/*listing system upload End*/
   /* reservation SELECT HOUSE DESIGN start  */
body.agent-projects-information .custom_modal__carousel_details .carousel-detail-section .arrow--grp{
  margin-top: -30px;
}
 body.agent-projects-information .custom_modal__carousel_details .carousel-detail-section .arrow--grp,
 body.agent-projects-index .custom_modal__carousel_details .carousel-detail-section .arrow--grp {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: -15px;
 }

 body.agent-projects-information .custom_modal__carousel_details .carousel-detail-section .arrow--grp button.scrollback,
 body.agent-projects-information .custom_modal__carousel_details .carousel-detail-section .arrow--grp button.scrolltarget,
 body.agent-projects-index .custom_modal__carousel_details .carousel-detail-section .arrow--grp button.scrollback,
 body.agent-projects-index .custom_modal__carousel_details .carousel-detail-section .arrow--grp button.scrolltarget {
   background-color: gainsboro !important;
   border: 0;
   color: #000;
   border-radius: 100%;
   width: 35px;
   height: 35px;
   padding: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 0 !important;
 }

 body.agent-projects-information .custom_modal__carousel_details .carousel-detail-section .arrow--grp .scrollback,
 body.agent-projects-index .custom_modal__carousel_details .carousel-detail-section .arrow--grp .scrollback {
   background: url(../images/owl-arrow.svg) no-repeat center;
   margin-top: 0 !important;

 }

 body.agent-projects-information .custom_modal__carousel_details .carousel-detail-section .arrow--grp .scrolltarget,
 body.agent-projects-index .custom_modal__carousel_details .carousel-detail-section .arrow--grp .scrolltarget {
   background: url(../images/owl-arrow-right.svg) no-repeat center;
   margin-top: 0 !important;
 }
   /* reservation SELECT HOUSE DESIGN  end */
   /* new main filter style start*/
   .main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 0;
   }
   /* new main filter style start*/
/* agent matrix tab_performance_content errormsg style __ start */
.agentMatrix .tabcontent#tab_performance_content p.sublinks > span:nth-of-type(1),
.agentMatrix .tabcontent#tab_performance_content{
  position: relative;
}
.agentMatrix .tabcontent#tab_performance_content p.sublinks .mage-error{
  color: #e02b27;
  position: absolute;
  left: 0px;
  top: -25px;
  font-weight: 600;
}
/* agent matrix tab_performance_content errormsg style __ end */
/* new main filter style start*/
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-selection--single .select2-selection__clear{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 0px;
  padding-right: 3px;
  background-color: #fff;
  z-index: 1;
  position: relative;
  margin-top: 1px;
 }
 .main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-selection--single .select2-selection__arrow b{
  left: 4px;
  top: 14px;
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-color: transparent;
  border-top: 5px solid var(--theme-color);
 }
 .quick-search > div{
  cursor: pointer;
 }
 /* new main filter style end*/
   /* new main filter style end*/

   body.commissionsystem-salestransaction-index .tableCommisionGrid thead tr th:nth-child(11){
    min-width: 7rem !important;
}
/*style for client photo id view disable */
body.reservation-reservationcomplete-index a.cursor-not-allowed.empty-photo-id.reservation-photo-view.dark-theme-icon
{
    display:none !important;
}
body.reservation-property-form .disabled_cursor::-webkit-file-upload-button{
   cursor: not-allowed;
}


/* virtual_property_booking  style changes:start */

  /* body.agent-projects-index .modal-popup.custom_modal__virtual-property-modal .modal-inner-wrap{
    width: 90% !important;
    min-width: 90% !important;
  } */
  body.agent-projects-index .modal-popup.custom_modal__virtual-property-modal .modal-inner-wrap .modal-header{
    border: 0 !important;
    border-bottom: 0 !important;
  }
  body.agent-projects-index .modal-popup.custom_modal__virtual-property-modal .modal-inner-wrap .modal-header .modal-title{
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
  }
  body.agent-projects-index .modal-popup.custom_modal__virtual-property-modal .modal-inner-wrap iframe{
    border: 0 !important;
  }

  body.virtualpropertybooking-projects-manageavailabilityviews .body-content iframe{
    border: 0;
  }

  ._has-modal .modals-wrapper .modal-popup._inner-scroll.custom_modal__virtual-property-modal .modal-inner-wrap {
    transition:all ease .5s !important;
    right: -350%;
    position: absolute !important;
    top: unset !important;
    left: unset !important;
    bottom: unset !important;
    width: 0;
    min-width: 0;
    height: 90%;
    min-height: 90%;

 }
 ._has-modal  .modals-wrapper .modal-popup._inner-scroll.custom_modal__virtual-property-modal._show .modal-inner-wrap
  {
    transition:all ease .5s !important;
    right:0;
    top: unset !important;
    left: unset !important;
    bottom: unset !important;    
    width: 90%;
    min-width: 90%;
    min-height: 100%;
 }
 ._has-modal  .modals-wrapper .modal-popup._inner-scroll.custom_modal__virtual-property-modal._show .loading-mask{
  position: absolute;
  display: flex;
  top: 65px !important;
 }

/* virtual_property_booking  style changes:end */

/* reservation-property-form btn style:start */
body.account.reservation-property-form .table #not-signing-ack .selection-data button span,
body.account.reservation-property-form .table #not-signing-ack .selection-data button {
  display: block;
  color: #fff !important;
}
/* reservation-property-form btn style:end */
 

 /* listing property upload section error msg aligment style start*/
.account .proxima-myaccount-container .listing-body-content .upload-section .project-field.upload-field .control-date-range div.mage-error{
  bottom: -30px !important;
}
 /* listing property upload section error msg aligment style end*/
/* my account all project developer name style changes:start */

.flex-base-container .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span.project-developers-span{
  position: relative;
}
.flex-base-container .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span.project-developers-span p.project-dev-name{
  position: absolute;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-width: 130px;
  line-height: 1.6;
  height: auto !important;
  word-break: break-word;
  overflow-y: hidden !important;

}
body.account.agent-projects-index .custom-accordion-tab .checkbox.icon-num-li input{
  width: 100%;
  opacity: 1;
}
body.account.agent-projects-index .custom-accordion-tab .tab .project-action a.property-accesss-btn{
  min-width: max-content;
}
/* my account all project developer name style changes:end */

/* main-filter-section scroll style changes:start */
.main-filter-section.addvance-search-box .body-content{
  overflow-y: auto;
  height: 100% !important;
  padding-bottom: 7rem !important;
}
/* main-filter-section scroll style changes:end */


/* error text text_internal_area field start */
.account .proxima-myaccount-container .listing-body-content .project-field#text_internal_area .control-date-range .control span#span_internal_area{
    display: block !important;
}
/* error text text_internal_area field end */
/* error text text_external_area field start */
.account .proxima-myaccount-container .listing-body-content .project-field#text_external_area .control-date-range .control span#span_external_area{
  display: block !important;
}
/* error text text_external_area field end */

/* error text listingsystem-uploadproperty-save alignment start */
.listingsystem-uploadproperty-save .column.main {
  position: relative;
}
.listingsystem-uploadproperty-save .column.main div[data-bind="scope: 'messages'"]{
  top: 10px !important;
  right: 215px !important;
}
/* error text listingsystem-uploadproperty-save alignment end */
/*reservation error text style start*/
body.project_theme_mode_normal.account .table .validation_ack_photo{
  color:#e02b27!important;
}
.reservation-property-form .proxima-myaccount-container .body-content form .table div .attachments-container #not-signing-ack .client-acknowledgments div#acknowledgment-error.mage-error{
  display: none
} 
body.reservation-property-form #client-acknowledgments input.mage-error+#acknowledgment-error {
  top: 22px;
  left: -11px;
}
/*reservation error text style ends*/

/*project sale start*/
body.proximanew-style .proxima-projectforsale-header {
  padding: 50px 0 85px 0 !important;
}
/*project sale ends*/
/* cursor-pointer - start */
.cursor-pointer{
  cursor: pointer !important;
}
/* cursor-pointer - end */

/* four column view - start */
#html-body .non-header-footer-modal.default-modal-width{
  overflow: hidden;
  border-radius: 5px;
}
#html-body .default-modal-width .modal-inner-wrap{
  max-width: 80%;
}
#html-body .non-header-footer-modal .modal-footer,
#html-body .non-header-footer-modal .modal-header{
  display: none;
}
#html-body .non-header-footer-modal .modal-content > h3 {
  font-size: 26px;
}
#html-body .default-modal-width .four-column-view + h3 {
  font-size: 26px;
  margin-top: 20px;
}
#html-body .default-modal-width .modal-content{
  padding: 20px;
}
.four-column-view {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 25px;
}
.four-column-view >  div{
  flex: 0 1 calc(100% / 6.5);
  position: relative;
}
@media screen and (max-width: 1080px) {
  .four-column-view >  div {
    flex: 0 1 calc(100% / 3);
  }
}
.four-column-view > div > input:not([type="checkbox"]){
  border-radius: 20px !important;
  height: 2.375rem;
}
.four-column-view > div > :is(select, input){
  font-size: 14px !important;
  border-color: #000;
}
.four-column-view > div > label  > span{
  color: #b70707;
}
.four-column-view  > div > select + div.mage-error,
.four-column-view  > div > input + div.mage-error{
  position: absolute;
    line-height: 0;
    margin: 0;
    bottom: -10px;
    left: 10px;
}
.column-view.button-container{
  padding: 15px 0;
  justify-content: space-between;
  display: flex;
}
/* four column view - end */


/*agent-multi-select place holder - start*/
#html-body .project-field.agent-multi-select .control-date-range.remove-placeholder::after{
  content: "Select Agent";
  bottom: 6px;
  top: auto;
  left: 12px;
}
#html-body .project-field.agent-multi-select .select2-container--default .select2-selection--multiple .select2-selection__choice{
  display: none;
}
#html-body .project-field.agent-multi-select .select2-container--default{
  background-image: url(../images/select-drop-down.svg);
  background-repeat: no-repeat;
  background-position: 98%;
}
/*agent-multi-select place holder - end*/
      /* hide header by adding class proxima-header-remove start */
      #html-body.proxima-header-remove header:not(.sticky){
        background-color: transparent !important;
    }
    #html-body.proxima-header-remove header{
        height: auto;
        box-shadow: none;
    }
    .proxima-header-remove header .header.panel.custom-container{
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 30px !important;
    }
    .proxima-header-remove header .header.panel.custom-container .flex-layout.menu-container{
        justify-content: flex-end !important;
    }
    .proxima-header-remove header:not(.sticky) .header-container .header.links li select{
        border-color: #000;
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }
    .proxima-header-remove .proxima-header:not(.sticky) .header-container .header.links li i{
        color: #000 !important;
    }
    #html-body.proxima-header-remove .proxima-myaccount-container .proxima-myaccount-sidebar{
        top: 0px !important;
        position: relative;
    }
    body.proxima-header-remove header:not(.sticky).elmt-header .elmt-tag .elmt-header-select ul li.init{
      border: 2px solid var(--proxima-black) !important;
      -webkit-text-fill-color: var(--proxima-black);
      color: var(--proxima-black);
    }
    body.proxima-header-remove header:not(.sticky).proxima-header .right-main-nav .QR_code_psp .container-qr-code img{
      background-color: #000;
      padding: 3px;
      border-radius: 2px;
    }
    @media screen and (max-width: 991.98px){
      .proxima-header-remove header .header.panel.custom-container{
        margin: 0 !important;
        padding: 0 20px !important;
      }
    }
     /* hide header by adding class proxima-header-remove end */

     #html-body._has-modal > span.select2-container{
      z-index: 99999999;
     }

     /*modal-content-marketing-section css - start*/
     #html-body.listingsystem-externallist-index .modal-content-marketing-section .select2-container--default .select2-selection--multiple .select2-selection__choice{
        border-radius: 20px;
        background-color: rgba(220, 220, 220, 1)!important;
        width: fit-content;
        padding: 5px 8px;
        font-weight: 700;
        margin-bottom: 0;
      }
      body.listingsystem-externallist-index .modal-content-marketing-section .select2-selection__choice .select2-selection__choice__remove{
        border-radius: 20px;
        width: fit-content;
        padding: 5px 10px;
        font-weight: 700;
        margin-bottom: 1px;
      }
      body.listingsystem-externallist-index .modal-content-marketing-section .select2-selection__choice .select2-selection__choice__remove span{
        font-size: 12px;
        line-height: 8px;
        background-color: rgba(187, 24, 24, 1);
        color: #fff;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        font-weight: 500;
        position: relative;
        right: -7px;
        bottom: 1px;
        cursor: pointer;
      }
      body.listingsystem-externallist-index .modal-content-marketing-section .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        padding: 3px 6px 3px 0px !important;
      }
      body.listingsystem-externallist-index  .modals-wrapper .modal-popup.default-modal.custom_modal__detail_table_one .modal-content-marketing-section  button:not(.btn_tag,[class*=owl-]):hover {
        background-color: transparent !important;
    }
    body.listingsystem-externallist-index  .modals-wrapper .modal-popup.default-modal.custom_modal__detail_table_one .modal-content-marketing-section .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: transparent!important;
  }
  #html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content .table-body-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px!important;
    gap: 10px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #marketing-form {
  padding-top: 1rem!important;
}
body.listingsystem-externallist-index .modal-content-marketing-section .data-table-content.custom-select2-container-default{
position: relative;
}
body.listingsystem-externallist-index .modal-content-marketing-section .data-table-content.custom-select2-container-default #tasks-error{
  position: absolute;
    bottom: -15px;
  }
  #html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content > section .data-table-content .btn_tag {
    text-align: center;
}
#html-body .custom_modal__detail_table_one .data-table-content .default-select{
  white-space: nowrap; 
  overflow: hidden;
   text-overflow: ellipsis;
}
body.listingsystem-externallist-index.invoice-save-loader .loading-mask{
  z-index: 99999999;
  background-color: rgba(255, 255, 255, 0.9);
}
.custom_modal__detail_table_one .modal-content-marketing-section p#address strong{
  padding-right: 10px;
  font-weight: 700;
}
    /*modal-content-marketing-section css - ends*/

/* External listing and second hand system :style:start */
      body.listingsystem-externallist-index .proxima-myaccount-container .body-content form:not(.projectofferreport) .table thead tr :is(th:nth-child(4)){
            min-width: 400px;
      }
      body.listingsystem-externallist-index .custom-accordion-tab ul.property-details.listing-modal-more li span.prop-value{
        height: 25px;
        display: block;
      }
/* External listing and second hand system:style:end */
     /*Projects for sale css - start */
     body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view {
      background-color: #F9F9F9 !important;
     }
     body.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .proxima-project-list {
      background-color: #F9F9F9 !important;
  }
     body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .product-items .product-item-info .product_details {
      position: relative;
      bottom: 0;
      left: 0;
      top: -26px;
      background-color: #fff !important;
      font-weight: 500;
      font-size: 0.875rem;
      color: #000 !important;
      padding: 0.75rem 1rem;
      z-index: 5;
      border-radius: 20px;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .product-items .product-item-info .product_details .price-details,
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .product-items .product-item-info .product_details .location-box{
    color: #6C757D;
    font-size: 1.438rem;
    font-weight: 400;
    line-height: 2.565rem;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .product-items .product-item-info .product_details .price-details{
    padding: 0;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .product-items .product-item-info .product_details .location-box{
    padding-left: 2px;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .product-items .product-item-info .product_details .product-item-name a{
    color: #212529;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2.118rem;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-dots{
    position: relative;
    top: -37px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-carousel .owl-dots:not(.disabled) .owl-dot{
     width: 5px;
     height: 4px;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-carousel .owl-dots .owl-dot.active span{
    display: block!important;
    background: #fff;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-carousel .owl-dots:not(.disabled) .owl-dot{
    background-color: transparent;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-carousel .owl-dots:not(.disabled) .owl-dot.active{
    background-color: transparent;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view  .owl-carousel:hover .owl-nav button:hover:before{
    color: #fff;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view  .product-item-info{
    border-radius: 16px;
    min-height: 478px;
    background-color: #fff;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .page-wrapper .page-main .proxima-product-grid .product-item-info .product .product-image-container .product-image-wrapper img{
    border-radius: 16px 16px 0px 0px;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view  .product_details .location-box .fa-map-marker-alt {
    color: #19248E;
    font-size: 1.4rem;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view   .products-grid .product-items .product-item:hover .product-item-photo .product-image-wrapper .product-image-photo
{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: none;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .products-grid .product-items .product-item:hover  .owl-carousel .owl-nav button.owl-next{
  right: 0;
    -webkit-transform: translate(50%, -50%) scale(0);
    -moz-transform: translate(50%, -50%) scale(0);
    -ms-transform: translate(50%, -50%) scale(0);
    transform: none;
    background-color: transparent;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .products-grid .product-items .product-item:hover  .owl-carousel .owl-nav button.owl-prev{
  left: 0;
    -webkit-transform: translate(50%, -50%) scale(0);
    -moz-transform: translate(50%, -50%) scale(0);
    -ms-transform: translate(50%, -50%) scale(0);
    transform: none;
    background-color: transparent;
}

body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .proxima-project-list .product-items .product-item .product-item-info .product-item-photo::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 70%);
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 70%); */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  z-index: 0;
  padding:5rem;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-carousel .owl-dots:not(.disabled){
  background-color: #00000066;
    margin: 0 auto;
    padding: 0px 17px 16px 0px;
    margin-top: 0;
    width: fit-content;
    border-radius: 10px;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-dots.disabled{
  position: relative;
  top: -37px;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .product__wrapper .productitem__link {
  position: absolute;
    inset: 0;
    z-index: 9;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .product-image-wrapper{
  position: unset;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-carousel{
  position: unset;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-nav .owl-next,
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-nav .owl-prev{
  z-index: 99;
  isolation: isolate;
  top: 43%;
  bottom: 50%;
}
body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .owl-carousel .owl-nav button:before{
  font-size: 100px;
  color: #fff;
}
body.proximanew-style.page-products.categorypath-projects.category-projects .page-main .proxima-project-list .product-item-info .product-item-photo {
  border-radius: 16px;
  max-height: 100% !important;
  text-decoration: none;
}
@media screen and (max-width: 768.98px){
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .products-grid .product-items .product-item.active  .owl-carousel .owl-nav button.owl-next{
      right: 0;
      -webkit-transform: translate(50%, -50%) scale(0);
      -moz-transform: translate(50%, -50%) scale(0);
      -ms-transform: translate(50%, -50%) scale(0);
      transform: none;
      background-color: transparent;
  }
  body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .products-grid .product-items .product-item.active  .owl-carousel .owl-nav button.owl-prev{
    left: 0;
      -webkit-transform: translate(50%, -50%) scale(0);
      -moz-transform: translate(50%, -50%) scale(0);
      -ms-transform: translate(50%, -50%) scale(0);
      transform: none;
      background-color: transparent;
  }
  #html-body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .custom-container .multiple-scroll .owl-carousel .owl-nav{
    display: block;
  }
  #html-body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .proxima-product-grid .multiple-scroll .product-item{
    min-height: auto !important;
  }
  #html-body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .multiple-scroll .product-item-info{
    min-height: auto;
  }
  }

/*Projects for sale css - end */
     /* text-ellipsis-wrap start */
     .text-ellipsis-wrap{
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      max-width: 120px;}
      /* text-ellipsis-wrap end */

      /* area info css- start */
      .listing-body-property-tab .input-symbol-meter:after {
        color: #37424a !important;
        content: "m";
        font-size: 16px !important;
        font-weight: 400;
        position: absolute;
        display: block;
        height: 100%;
        top: 0;
        right: 10px;
        line-height: 62px;
    }
      /* area info css- end */

      /* error text- start */
      .txt-error-tag{
        position: relative;
      }
      .txt-error-tag .txt-error{
        position: absolute;
        bottom: -11px;
      }
      .txt-error{
        color: #e02b27;
        font-size: 11.2px;
      }

      /* error text- start */
      /* Edit payment commission popup start */

      #html-body.commissionsystem-salestransaction_myteampayments-index .modal-popup.commission-popup .modal-inner-wrap #editPaymentsTable thead tr:first-of-type{
        position: relative;
      }
      #html-body.commissionsystem-salestransaction_myteampayments-index .modal-popup.commission-popup .modal-inner-wrap .Change_Commission_input select{
        padding-right: 25px;
        background-origin: padding-box !important;
        background-position-x: 85% !important;
        min-width: 60px;
        width: auto; 
      }
      #html-body.commissionsystem-salestransaction_myteampayments-index .modal-popup.commission-popup .modal-inner-wrap select#newAgents{
        position: absolute;
        width: auto;
        right: 0;
        background-origin: padding-box !important;
        background-position-x: 95% !important;
        line-height: normal;
      }
      #html-body.commissionsystem-salestransaction_myteampayments-index .modal-popup.commission-popup .modal-inner-wrap #editPaymentsTable thead tr:first-of-type .addBtn{
        position: absolute;
        margin-top: 0 !important;
        right: 0;
        top: 0;
      }
      /* Edit payment commission popup end */
     /* commissionsystem-salestransaction css- end */
    #html-body.project_theme_mode_normal.account.commissionsystem-salestransaction_myteampayments-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close::before {
        color: #000 !important;
    }
    #html-body.project_theme_mode_normal.account.commissionsystem-salestransaction_myteampayments-index .modals-wrapper .modal-popup:not([class*="custom_modal__"])._inner-scroll .modal-inner-wrap .modal-header .action-close {
        background: #fff !important;
    }
    #html-body.account.commissionsystem-salestransaction_myteampayments-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .data-info-new table>tbody>tr> :is(th, td) {
      height: fit-content !important;
    }
     /* commissionsystem-salestransaction css- end */
/* project page change owl carousel - start */

#html-body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .custom-container .multiple-scroll .owl-carousel .owl-nav{
  margin: 0;
}
#html-body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .custom-container .multiple-scroll .owl-carousel .owl-dots{
  position: relative;
  margin-top: -20px;
  bottom: 10px;
  top: unset;
}

#html-body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .proxima-product-grid .multiple-scroll .product-item .product_details{
  position: relative;
  top: unset;
  width: 100%;
}

#html-body.proximanew-style.proxima-style.page-products.categorypath-projects.category-projects.catalog-category-view .proxima-product-grid .multiple-scroll .product-item .product-item-photo{
  border-radius: 0;
}
/* project page change owl carousel - end */

/* External listing and second hand system my offer :style:start */
.reservation-details ul.reservationbox ul.sub li span.list-data {
  width: 40%;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
/* External listing and second hand system my offer :style:end */

/*my account style:start*/
body.customer-account-index .bankdetails-form .details textarea{
  border: 1px solid #000000;
    border-radius: 5px;
    margin-top: 5px;
    min-height: 150px;
}
/*my account style:ends*/

#html-body.listingsystem-externallist-edit .modal-popup.map-selector-pop-up .modal-inner-wrap header.modal-header button.action-close {
  display: block;
}
#html-body.listingsystem-externallist-edit .modal-popup.map-selector-pop-up .modal-header,
#html-body.listingsystem-externallist-add .modal-popup.map-selector-pop-up .modal-header{
  display: flex;
}
#html-body.listingsystem-externallist-edit .modal-popup.map-selector-pop-up .modal-header .modal-title,
#html-body.listingsystem-externallist-add .modal-popup.map-selector-pop-up .modal-header .modal-title{
  margin-left: 0!important;
}

/* .cursor-pointer-default start */
.cursor-pointer-default{
  cursor: default !important;
}
/* .cursor-pointer-default end */

/* offer-property-form style changes:start */
body.offer-property-form .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion .offer-form-grid{
  column-gap: 8rem;
    row-gap: 15px;
}
body.offer-property-form .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion .offer-form-grid li{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
body.offer-property-form .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion .offer-form-grid li:first-child{
  display: flex !important;
  column-gap: 3rem;
}
body.offer-property-form .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion .offer-form-grid li label{
  width: max-content;
  span{
    color: #b70707 !important;
    font-size: 16px;
  }
}

body.offer-property-form .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion .offer-form-grid li .reservation-form-span input{
  height: 30px;
  border: 1px solid #8C8C8C;
  padding-left: 2rem;

}
body.offer-property-form .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion .offer-form-grid li .reservation-form-span{
 position: relative;
 }
body.offer-property-form .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion .offer-form-grid li:nth-child(5) .reservation-form-span::after{
 content: '$';
 position: absolute;
 left: 8px;
 top: 4px;
}
.offerbtns{
  display: flex;
  gap: 10px;
}
#html-body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-popup._inner-scroll:not([class*="custom_modal__"],.modal-pop-up-edit-solicitor) .modal-inner-wrap .modal-header .action-close:hover {
  background-color: #fff !important;
}
body.offer-property-form .modal-content.modal-width .reservation-form-span .form-group select{
  border-radius: 20px;
}
body.offer-property-form .edit-client-input-section.table-grid-container{
  width:100%;
}
body.offer-property-form .edit-client-input-section.table-grid-container select{
  border: 1px solid #000;
}
body.offer-property-form .reservation-panel.file-upload-section .attachments-container .choose-signing.row label{
  display: flex;
}
body.offer-property-form .attachments-container .choose-signing.row label input{
  position: relative;
  top: 7px;
  margin-right: 5px !important;
}
/* offer-property-form style changes:end */

 /* table list data start offer detail page start */

  .list-data-three > label,
  .list-data-three > .list-data{
    flex: 1 1 calc(100% / 3);
    max-width: 150px;
  }
  .list-data-four > label,
  .list-data-four > .list-data{
    flex: 1 1 calc(100% / 4);
    max-width: 150px;
  }
  .list-data-five > label,
  .list-data-five > .list-data{
    flex: 1 1 calc(100% / 5);
    max-width: 150px;
  }

  /* table list data start offer detail page start */

  /* long txt widt change in offer page - start */
  body:is(.offer-viewoffer-details) .reservation-details ul.reservationbox ul.sub li span.longtext{
    max-width: 60%;
  }
  body:is(.offer-viewoffer-details) .reservation-details ul.reservationbox ul.sub li span.button-span{
    display: inline-flex;
    gap: 5px;;
  }
  body:is(.offer-viewoffer-details) .reservation-details ul.reservationbox ul.sub li span.button-span > span{
    margin: 0;
  }
   /* long txt widt change in offer page - end */


   /* offer-property-form text alignment change start */
   #html-body.offer-property-form.account #client-acknowledgments .selection__choice__remove.acknowledgment_remove_btn span{
    color: #fff !important;
    position: relative;
    top: -2px;
   }
   #html-body.offer-property-form.account #client-acknowledgments input.client_acknowledgment + div.mage-error{
    padding: 0;
    left: calc(100% - 92px);
    top: 30px;
    white-space: nowrap;
    margin: 0 !important;
   }

   #html-body.offer-property-form input#sales_price_input_id + #sales_price_input_id-error{
    margin: 4px 10px !important;
    padding: 0;
   }
   #html-body.offer-property-form.account #client-acknowledgments .attach-span > .file-span{
    position: relative;
   }
    /* offer-property-form text alignment change end */

    /* create offer page - create new client popup -style:start */
    body.offer-property-form .locked-tag .select2-selection__choice__remove {
      display: none !important;
  }


  body.offer-property-form .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group.r-span input{
    border:0 !important;
  }
    /* create offer page - create new client popup -style:end */

    /* create offer client details section remove btn style:start */
    .account.offer-property-form .attachment-span button{
      display: inline-flex;
    }
    /* create offer client details section remove btn style:end */
/* project page change owl carousel - end *

/* project_page-search_enhancements custom-datalist-dropdown - start */
body.page-products.categorypath-projects.category-projects .search-block-inner .search-list .budget input,
body.page-products.categorypath-projects.category-projects .search-block-inner .search-list .type input {
  cursor: pointer;
}
body.categorypath-projects.category-projects .project-search .search-block-inner .search-list .type .form-group .dropdown-check-list input{
  padding-right: 30px;
  float: right;
}
.custom-datalist-dropdown .ui-menu{
  padding: 10px;
  background-color: rgb(255, 255, 255);
  z-index: 99;
  max-height: 200px;
  overflow: auto;
  list-style: none;
  width: 100% !important;
  min-width: auto;
  max-width: 90%;
}
.custom-datalist-dropdown .ui-menu .ui-menu-item{
  cursor: pointer;
}
@media (min-width: 568.98px) {
  .custom-datalist-dropdown .ui-menu{
      max-width: 95%;
  }
}
@media (min-width: 768.98px) {
  .custom-datalist-dropdown .ui-menu{
      max-width: 320px;
  }

}

@media (min-width: 991.98px) {
  .custom-datalist-dropdown .ui-menu{
      max-width: 408px;
  }
}
@media (max-width: 767px){
  body.page-products .project-search .search-block-inner .search-list .type .form-group .items{
    width: 100%;
   }
}
@media screen and (min-width:1180px){
  body.page-products .project-search .search-block-inner .search-list .type .form-group .items li{
    display: flex;
    justify-content: space-between;
   }
   body.page-products .project-search .search-block-inner .search-list .type .form-group .items li span{
    max-width: 700px !important;
    min-width: 400px !important;

   }
   body.page-products .project-search .search-block-inner .search-list .type .form-group .anchor{
    max-width: 700px !important;
    min-width: 440px !important;
  }
}
/* @media screen and (max-width:900px){
  body.page-products .project-search .search-block-inner .search-list .type .form-group .items{
    width: 100%;
   }
} */
@media screen and (max-width:904px){
  body.page-products .project-search .search-block-inner .search-list .type .form-group .items li span{
    max-width: 90% !important;
    min-width: 90% !important;

   }
   body.page-products .project-search .search-block-inner .search-list .type .form-group .items li{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
   }
 
}
/* project_page-search_enhancements custom-datalist-dropdown  - end */
/* project page change owl carousel - end *
/* For proxima wix - theme start */
#html-body.for-production-project-page * :not(i){
 /* font-family: poppins-extralight,poppins,sans-serif !important; */
 font-family: "Poppins", serif !important;
}
#html-body.for-production-project-page .proxima-project-list,
#html-body.for-production-project-page{
  background-color: #067DF4;
}
#html-body.for-production-project-page .search-list .SearchBtn .main-search-button{
  background-color: #19248e !important;
  border-color: #19248e !important;
}
#html-body.for-production-project-page .pages .items .item:hover a, 
#html-body.for-production-project-page .pages .items .item.current a, 
#html-body.for-production-project-page .pages .items .item:hover strong, 
#html-body.for-production-project-page .pages .items .item.current strong{
  background-color: #19248e !important;
}
#html-body.for-production-project-page{
  background-color: #fff !important;
}
#html-body.for-production-project-page header .wrapper .rightsection button{
  background-color: #19248e !important;
}
/* For proxima wix - theme end */

 /* Sales Commission details page style:start */
.proxima-myaccount-container .body-content .roomBookingContainer #currentSalesCommissionTable,
.proxima-myaccount-container .body-content .roomBookingContainer #salesCommissionTable,
.proxima-myaccount-container .body-content .projectofferreport #current_commission #propertySalesCommissionTable{
  overflow-x: auto;
  display: block !important;
}


/* Sales Commission details page style:end */

/* Sales Commission listing page-style:start */
@media screen and (max-width:767px){
  body.commissionsystem-salestransaction-index .order-products-toolbar .pager .pages .pages-items .next,
  body.commissionsystem-salestransaction-index .order-products-toolbar .pager .pages .pages-items .page{
    font-size: 12px !important;
    width: 2.8rem;
  }
  body.commissionsystem-salestransaction-index.account .proxima-myaccount-container .body-content form .table.tableCommisionGrid tbody tr td{
    height: auto !important;
  }
  body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .table tbody tr td button.editRequestLinkBtn{
    margin-top:0;
  }
 
}
@media screen and (max-width:624px){
  body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .table tbody tr td button.editRequestLinkBtn{
    margin-left: 73px;
    margin-top: 10px;
  }
}
/* Sales Commission listing page-style:end */

    /* offer-property-form text photo id popup start */

@media screen and (max-width: 1600px) {
  #html-body.offer-viewoffer-details .modals-wrapper .modal-popup.modal-pop-up-custom-photo-id-update .modal-inner-wrap {
        width: 100% !important;
        max-width: 600px;
        min-height: auto;
      }

    /* #html-body.offer-viewoffer-details .modals-wrapper .modal-popup.modal-pop-up-custom-payment-receipts .modal-inner-wrap {
      width: 100% !important;
      max-width: 550px;
      min-height: auto;
    } */
  } 
  #html-body.offer-viewoffer-details .modals-wrapper .modal-popup.modal-pop-up-additional-doc-upload .modal-inner-wrap select.text-info-select{
    font-size: 13px;
    line-height: normal;
  }
  #html-body.offer-viewoffer-details .modals-wrapper .modal-popup.modal-pop-up-custom-photo-id-update .modal-inner-wrap{
    min-width: 300px !important;
    width: auto !important;
  }

  @media screen and (max-width:767px){
    .reservation-details ul.reservationbox ul.sub li.document_data,
    .reservation-details ul.reservationbox ul.sub li.document_label{
      display: flex !important;
      justify-content: flex-start;
      
    }
    .reservation-details ul.reservationbox ul.sub li.document_data span:first-child,
    .reservation-details ul.reservationbox ul.sub li.document_label label:first-child{
      max-width: 65px !important;
    }
  }
  body.offer-viewoffer-details .reservation-details ul.reservationbox ul.sub li span.list-data.text-wrap{
    word-break: break-all;
  }
  #html-body.offer-viewoffer-details .modals-wrapper .modal-popup.modal-pop-up-custom-photo-id-update .modal-inner-wrap{
    min-width: 500px !important;
    width: auto !important;
  }
  #html-body.offer-viewoffer-details .modals-wrapper .modal-popup.modal-pop-up-custom-photo-id-update .modal-inner-wrap #photo-id-form .control{
    float: unset !important;
  }

      /* offer-property-form text photo id popup end */

  /* table list data start offer detail page start */

  .flex-gap-10{
    gap: 10px;
  }
  .flex-gap-15{
    gap: 15px;
  }
  #html-body .bg-link-tag{
    height: auto;
    padding: 5px !important;
    display: inline-block;
    margin: 0 !important;
    border-radius: 9px;
  }
  /* table list data start offer detail page end */
/* flex_column_568 : start */
@media (max-width: 568.98px) {
  .flex_column_568{
    flex-direction: column;
    gap: 10px;;
  }
  .flex_column_568 > button{
    margin-left: auto;
  }
  #html-body .flex_column_568 > button::after{
    top: 0;
  }
}

/* flex_column_568 : end */

/* iframe info-about slide start*/
#html-body .info-about.iframeContainer *{
  transition: all ease-in-out 0.2s;
}

#html-body .info-about.iframeContainer.open {
  position: absolute;
  bottom: 0;
  right: -46px;
  height: auto;
  z-index: 99;
  /* width: 105%; */
  width:87vw;
  /* height: 100%; */
  height: 50%;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
}
#html-body .iframeContainer.info-about.open {
  top: -10rem !important;
    z-index: 999;
}
#html-body .info-about.iframeContainer.open .iframe-modal {
  height: 100%;
  z-index: 9;
}
#html-body .info-about.iframeContainer.open .iframe-overlay{
  position: fixed;
  inset: 0;
  background: #80808063;
  z-index: 8;
}
#html-body .info-about.iframeContainer .Backtolist{
  cursor: pointer;
  z-index: 9;
}
/* #html-body .info-about.iframeContainer.open .Backtolist{
  transform: rotate(180deg);
} */
/* iframe info-about slide start*/
/* commissionsystem-salescommission-salescommissionpropertylevel  search bar style:start */
@media screen and (max-width:1280px){
 body.commissionsystem-salescommission-salescommissionpropertylevel  .container.roomBookingContainer .tableContainer #propertySalesCommissionTable_filter{
    float: right;
    padding-right: 10px !important;
  }
  body.commissionsystem-salescommission-salescommissionpropertylevel  .container.roomBookingContainer .tableContainer #propertySalesCommissionTable_length{
    float: left;
    margin-top: 6px;
  }
 body.commissionsystem-salescommission-salescommissionpropertylevel  div.dataTables_wrapper #propertySalesCommissionTable_length select{
    width: 30% !important;
  }
}
/* commissionsystem-salescommission-salescommissionpropertylevel  search bar style:end */
 /* table list data start flex offer detail page start */
 #html-body .list-data-flex{
  display: flex !important;
}
@media screen and (max-width: 767px) {
  #html-body .list-data-flex{
    justify-content: space-between;
  }
}
 /* table list data start flex offer detail page end */

 /* flex gap flex 10 15 20 start */
 /* .flex-gap-10{
    gap: 0.625rem;
  }
  .flex-gap-15{
    gap: 0.938rem;
  }
  .flex-gap-20{
    gap: 1.25rem;
  }*/

  /* flex gap flex 10 15 20 end */

  /* input and text field round corner start */
  .four-column-view > div > :is(select, input){
    border-radius: 20px !important;
    height: 2.375rem !important;
    font-size: 12px !important;
    line-height: normal;
  }
  .four-column-view .offer-client-directors{
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 0 1 60%;
  }
  #html-body .main-custom-select-two .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 2.375rem;
    background-image:url(../images/select-default-dropdown.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    right: 10.5px;
  }
  #html-body .multi-custom-select-two .select2.select2-container.select2-container--default,
  #html-body .main-custom-select-two .select2.select2-container.select2-container--default{
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    border: none !important;
    border-radius: 0;
  }
  #html-body .main-custom-select-two .select2-container--default .select2-selection--single{
    border-radius: 20px !important;
    height: 2.375rem !important;
    padding: 4px;
    border-color: #000;
  }
  #html-body .main-custom-select-two .select2-container--default .select2-selection--single .select2-selection__clear{
    padding-left: 1px;
  }
  #html-body .main-custom-select-two .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none; 
  }
  #html-body .multi-custom-select-two .select2-container--default .select2-selection--multiple{
    border: 1px solid #000;
    height: 100%;
  }
  #html-body .multi-custom-select-two .select2-selection.select2-selection--multiple{
    border: 1px solid #000;
    border-radius: 20px;
    padding: 8px;
  }
  #html-body .multi-custom-select-two .select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin: 3px;
  }
  .four-column-view .offer-client-directors label > span {
    color: #b70707;
  }
  /* input and text field round corner end */
/* creservation progress bar style:start */

.reservation-progress-indicator > .progress{
  width: calc(100% - 30px);
  background-color: #808080;
  height: 18px;
  border-radius: 3px;
  position: relative;                                            
}
.reservation-progress-indicator > .progress > .progress-bar{
  background-color: #1E81D3;
}
.reservation-progress-indicator > .progress > .progress-bar .progress-txt{
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  color: #fff !important;
  position: absolute;
  right: 7px;
}
/* reservation progress bar style:start */
/*proxima new style top projects style -  start*/
#html-body.proximanew-style.proxima-style .page-title-wrapper .page-title {
  color: #000 !important;
  font-size: 2.8rem;
  line-height: 39px;
  text-transform: uppercase;
}
#html-body.proximanew-style.proxima-style .page-title-wrapper .page-title span {
  font-weight: 600 !important;
}
#html-body.proximanew-style.proxima-style {
  background: transparent !important;
  /* overflow: hidden; */
}
body.proximanew-style.proxima-style .featured-products-section.bg-theme {
  background-color: transparent !important;
}
body.proximanew-style .featured-products-section.bg-theme .featured-product-slider-container::before {
  background-color: transparent !important;
}
body.proximanew-style.proxima-style .featured-products-section .owl-stage-outer .item {
  background-color: transparent;
}
body.proximanew-style.proxima-style .featured-products-section .featured-product-slider-container:after {
  background-color: transparent !important;
}
body.proximanew-style.proxima-style .featured-product-owl .item-conainer .details-box {
  padding: 0.75rem 1rem !important;
  left: 0.75rem !important;
  z-index: 5;
  border-radius: 20px;
  border: 0;
  bottom: 0.75rem !important;
  background: #0000004a;
  position: absolute;
  font-weight: 500;
  font-size: 0.875rem;
  color: #fff !important;
  width: calc(100% - 45px);
}

body.proximanew-style.proxima-style .featured-product-owl .item-conainer .details-box h5 {
  margin-bottom: 0 !important;
  cursor: pointer;
}

body.proximanew-style.proxima-style .featured-product-owl .item-conainer .details-box h5 a {
  font-size: 1.3rem !important;
  font-weight: 700;
}

#html-body.proximanew-style.proxima-style .featured-product-owl .item-conainer .details-box .price-details {
  padding: 5px 0 !important;
}

body.proximanew-style.proxima-style .featured-product-owl .item-conainer .details-box h4 {
  flex-wrap: wrap !important;
  color: #fff;
}

body.proximanew-style.proxima-style .featured-product-owl .item-conainer .details-box h4 {
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  color: #000000;
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

body.proximanew-style.proxima-style .featured-product-owl .item-conainer .details-box h4 i {
  font-size: 24px !important;
  padding-bottom: 5px !important;
  color:#fff!important;
  display: flex;
}

body.proximanew-style.proxima-style .featured-product-owl .item-conainer .details-box h4 i span {
  font-size: 0.875rem !important;
  color: #fff;
  padding-left: 5px;
}
body.proximanew-style.proxima-style .proxima-header{
  display: none;
} 
body.proximanew-style.proxima-style .featured_bg{
  width: 100%;
}
body.proximanew-style.proxima-style .featured-product-slider-container .productitem__link{
  position: absolute;
    inset: 0;
    z-index: 9;
}
body.proximanew-style.proxima-style .featured_bg .parallax-section {
  height: 100vh;
}

@media (max-width: 800px) {
  body.proximanew-style.proxima-style .featured_bg .parallax-section {
      height: 100vh;
  }
}
/*proxima new style top projects style -  ends*/

/*project details - start*/
body.agent-projects-information .project-details-box .project-details-mainlist.tripple  .sub .show-details .div_developer{
  gap: 30px;
  align-items: baseline;
}
body.agent-projects-information .div_Backtolist{
    position: sticky!important;
    top: 0;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    z-index: 99;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
}
#html-body.agent-projects-information .info-about.iframeContainer.open .iframe-modal {
  border-top: none;
}
/*project details - ends*/
/* Listingsystem-uploadproperty-upload label style :start */
.account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-field.upload-field p.max-len{
  font-size: 14px;
  text-align: left;
  margin: 5px;
}
/* Listingsystem-uploadproperty-upload label style : end */
/* inline content property reservation page  start */
.inline-content-tag{
  font-size: 16px;
  display: flex;
  color: #000;
  font-weight: 700;
  gap: 10px;
}
/* inline content property reservation page  end */

/* Listingsystem-uploadproperty-upload label style : end */
/************* Projects Listing page - Internal styles: START ***********/
#html-body.agent-projects-listing .projects-search-results .project-description {
  width: 65%;
}

#html-body.agent-projects-listing .custom-accordion-tab ul.property-details-grid-container {
  grid-template-columns: 0.3fr 0.6fr 1fr 0.5fr 0.4fr 0.4fr 0.4fr 1fr 1.2fr 1fr 1fr 0.2fr 0.2fr .2fr !important;
}

#html-body.agent-projects-listing .slider-section h5 {
  font-weight: 700;
  letter-spacing: 0em;
  text-align: left;
  margin: 15px 10px 20px 20px !important;
}

#html-body.agent-projects-listing .slider-section h5.title {
  font-size: 18px;
  line-height: 22px;
}

#html-body.agent-projects-listing .slider-section h5.sub-title {
  font-size: 14px;
  line-height: 17px;
}

#html-body.agent-projects-listing .slider-section .d-flex div {
  width: 50%;
}

#html-body.agent-projects-listing .slider-section .d-flex div .inner-row {
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 15px 0px;
}

#html-body.agent-projects-listing .slider-section .d-flex div .span-content {
  padding: 0px 20px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: initial;
}

#html-body.agent-projects-listing .slider-section .d-flex div .span-content:first-child {
  font-weight: 700;
  min-width: 40%;
}

#html-body.agent-projects-listing .slider-section .d-flex div .span-content:last-child {
  font-weight: 400;
  min-width: 60%;
}

#html-body.agent-projects-listing .slider-section .section-input {
  margin: 20px !important;
  display: flex;
}

@media screen and (max-width: 768px) {
  #html-body.agent-projects-listing  .slider-section .d-flex div {
      width: 100%;
  }

  #html-body.agent-projects-listing   .slider-section .d-flex {
      flex-direction: column;
  }
}

@media screen and (min-width: 700px) {
  #html-body.agent-projects-listing .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing {
      grid-template-columns: repeat(3, 1fr) !important;
  }

  #html-body.agent-projects-listing .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap,
  #html-body.agent-projects-listing .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap {
      max-width: fit-content !important;
  }

  #html-body.agent-projects-listing .share_social_media_property-modal ul.listing {
      grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (max-width: 768px) {
  #html-body.agent-projects-listing .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap {
      width: 95% !important;
  }
}

#html-body.agent-projects-listing .domain::after {
  content: "";
  clear: both;
  display: table;
}

#html-body.agent-projects-listing [class*="domainarea"] {
  float: left;
  padding: 0 30px 5px 0px;
}

#html-body.agent-projects-listing [class*="domainarea"] {
  width: 100%;
}

#html-body.agent-projects-listing .fa-external-link {
  padding-right: 2px;
}





@media only screen and (min-width: 768px) {

  /* For desktop: */
  #html-body.agent-projects-listing .domainarea {
      width: 50%;
  }
}

#html-body.agent-projects-listing .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content .property-domain_url span {
  color: #077df4 !important;
}

#html-body.agent-projects-listing .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content .property-rea_status span {
  color: red !important;
}

#html-body.agent-projects-listing .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content .property-rea_url span {
  color: #077df4 !important;
}

#html-body.agent-projects-listing .sub-domain {
  border-radius: 10px;
  border: 1px solid #a9afbf;
  background: #fff;
}

#html-body.agent-projects-listing .custom-accordion-tab .domainarea ul li {
  width: 100% !important;
  padding: 18px;
}

#html-body.agent-projects-listing .custom-accordion-tab .domainarea ul li label {
  margin-bottom: 1rem !important;
}



#html-body.agent-projects-listing .custom-accordion-tab ul.property-details {
  margin-bottom: 0 !important;
}



#html-body.agent-projects-listing .custom-accordion-tab .domainarea {
  justify-content: space-between;
  align-items: center;
  align-items: center;
  border-radius: 10px;
}

#html-body.agent-projects-listing .pt-0 {
  padding-top: 0 !important;
}

#html-body.agent-projects-listing .property-domain_lastupdate-date {
  border-top: 1px solid #a9afbf;
  padding-top: 1rem;
}

#html-body.agent-projects-listing .property-rea_lastupdate-date {
  border-top: 1px solid #a9afbf;
  padding-top: 1rem;
}

#html-body.agent-projects-listing .custom-accordion-tab .domainarea ul {
  margin: 0px;
  padding: 0px;

  display: flex;
  justify-content: space-between;

}

#html-body.agent-projects-listing .custom-accordion-tab .domainarea ul li {
  list-style: none;
  width: 50%;
  padding: 20px;
  margin: 0px;
  text-align: left;
}

#html-body.agent-projects-listing .custom-accordion-tab .domainarea ul li label {
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#html-body.agent-projects-listing .custom-accordion-tab .domainarea ul li span,
#html-body.agent-projects-listing .custom-accordion-tab .domainarea ul li p {
  text-align: left;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#html-body.agent-projects-listing .custom-accordion-tab .domainarea ul li span a {
  color: #189aec !important;
}

#html-body.agent-projects-listing .custom-accordion-tab .domainarea ul li#property-domain_status span {
  color: #38a055 !important;
}

@media (max-width: 768px) {
  #html-body.agent-projects-listing .domain-status {
      padding: 5px 10px 0px 5px !important;
  }

  #html-body.agent-projects-listing  .rea-status {
      padding: 5px 10px 0px 5px !important;
  }

  #html-body.agent-projects-listing .property-domain_lastupdate-date {
      padding-left: 5px !important;
  }

  #html-body.agent-projects-listing .property-rea_lastupdate-date {
      padding-left: 5px !important;
  }
}

/* The Modal (background) */
#html-body.agent-projects-listing .modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0 0 0 / 62%);
}

/* Modal Content/Box */
#html-body.agent-projects-listing .modal-content {
  background-color: #1a1a1a;
  margin: 20% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: fit-content;
  /* Could be more or less, depending on screen size */
}

/* The Close Button */
#html-body.agent-projects-listing .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

#html-body.agent-projects-listing .close:hover,
#html-body.agent-projects-listing .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#html-body.agent-projects-listing .validation-message-text.error {
  color: red !important;
}
#html-body.agent-projects-listing .project-sub .pro-value {
  height: fit-content !important;
}
#html-body.agent-projects-listing #propCont{
  margin-right: 0;
  margin-left: 0;
  padding-left: 0!important;
  padding-right: 0 !important;

}
#html-body.agent-projects-listing #propAgt{
  width: 100%;
  text-align: center; 
  height: 200px;
  background-size: contain; 
  background-position: center;  
  background-repeat: no-repeat;
}
#html-body.agent-projects-listing #proDts{
  justify-content: center;  
  padding: 20px;
  border-bottom: 0;
}
#html-body.agent-projects-listing .moreload-btn{
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
#html-body.agent-projects-listing .moreload-btn .showmore_button{
  margin-top: 20px;
  border: 2px solid #000 !important;
}
#html-body.agent-projects-listing .moreload-btn .showmore_button:hover{
  border: 2px solid #000 !important;
}
 
/************* Projects Listing page - Internal styles: END ***********/   



/************* Projects search page - Internal styles: START ***********/
#html-body.projects-search-details .mage_error_range_one_id{
  position: absolute;
  top: 25px;
  right: 4px;
  font-size: 12px;
  }
  @media screen and (max-width: 578.98px){
    #html-body.projects-search-details .main-filter-section.addvance-search-box {
          top: auto!important;
      }
  }
  #html-body.projects-search-details .close-advance-search{
      cursor: pointer;
  }

  #html-body.projects-search-details  .mage_error_property_status,
  #html-body.projects-search-details .select-section .mage_error_range_one_id{
    color:red;
  }
  
  #html-body.projects-search-details .ort-bar-two .sort-reset-btn{
    display: inline-flex;
  }
/************* Projects search page - Internal styles: END ***********/

/************* Property page - Internal styles: start ***********/

#html-body.agent-projects-listing .modal-popup{
z-index: 902;
}
#html-body.listingsystem-externallist-index .modals-overlay,
#html-body.agent-projects-listing .modals-overlay{
  z-index: 900 !important;
}
#html-body.agent-projects-listing .validation-message-text.error {
color: red !important;
}
#html-body.agent-projects-listing  .width-a{
  min-width: auto !important;
}
#html-body.agent-projects-listing .property-details .property-status {
  margin-bottom: 1px;
  margin-top: 20px;
}
#html-body.agent-projects-listing .property-mobile-design-latest .property-details{
  border-bottom:0px;
}
#html-body.agent-projects-listing .property-mobile-sub-section-ones ul li span.l-gray{
  color: #9d9d9d !important;
}
#html-body.agent-projects-listing .property-image a img.img-thumbnail{
  width: 80%;  
  margin: 10px 0px;
}
#html-body.agent-projects-listing  .mage-error-file_limit,
#html-body.agent-projects-listing  .mage-error-checkbox{
  color:red
}
#html-body.agent-projects-listing  .property-status .property-status-label{
  cursor: pointer
}
/* #html-body.agent-projects-listing  .property-status .property-status-label i.edit-i{
  position: absolute;
  right: -8px;
  transform: rotate(0deg);
  top:2px;font-size:14px;
} */
#html-body.agent-projects-listing  .property-details.pro-details-rate{
  justify-content: center;
  padding: 20px;    
  border-bottom: 0;
}
#html-body.agent-projects-listing .property-odd-even-reverted .property-mobile-design-latest ul.property-details.property-details-mobile-only{
  border-bottom:0px;
}
#html-body.agent-projects-listing  .hasnoheader .modal-header{
  display: none !important;
}

#html-body .projects-search-results .custom-accordion-tab.tabs{
  box-shadow:none !important;
  border-radius: 10px 10px 0 0;
  border: 1px solid rgb(0 , 0 , 0 , 0.05);
}
  

/************* Property page - Internal styles: END ***********/


#html-body.listingsystem-externallist-edit .modal-popup .four-column-view > div > :is(select, input){
  font-size: 12px !important;
}

/* full-width-modal start */
.full-width-modal .overflow-table{
  overflow: auto;
}
.full-width-modal #table{
  color: #000;
  min-width: 766px;
}
.full-width-modal #container > h6{
  margin: 15px 5px !important;
  font-size: 14px !important;
}
.full-width-modal #table th{
  font-weight: 900;
  padding: 12px 8px !important;
}
.full-width-modal #table :is(th , td){
  padding: 5px 0px 5px 12px !important;
  font-size: 14px !important;
}
.full-width-modal #table tbody tr{
  transition: none;
}
.full-width-modal #table tbody tr:hover{
    background-color: #8C8C8C;
}
#html-body .full-width-modal .modal-inner-wrap{
  border-radius: 0 !important;
  width: 100% !important;
  padding: 30px;
  min-height: auto;
}
#html-body .full-width-modal .modal-inner-wrap .modal-content{
  padding: 0 !important;
  overflow: visible;
}
#html-body .full-width-modal .modal-inner-wrap .modal-content .close{
  position: absolute;
  top: -15px;
}

@media only screen and (max-width: 760px) {
  .full-width-modal #table thead tr {
    position: static;
  }
  .full-width-modal #table td {
    display: table-cell;
    background-color: #fff;
    text-align: left;
    white-space: nowrap;
  }
  .full-width-modal #table td::before {
    display: none;
  }
  .full-width-modal #table tr {
    display: table-row;
  }
}
/* full-width-modal end */
/* section-table-layout table layout change start */
.section-table-layout table thead tr th{
  max-height: 44px;
  line-height: normal;
}
.section-table-layout table thead tr th.status{
  padding-left: 10px;
  padding-right: 36px;
}
@media only screen and (max-width: 1600px) {
.section-table-layout table thead tr th.long-text{
  padding-left: 5px;
  padding-right: 15px;
}
.section-table-layout table tbody tr td.long-text{
  padding-left: 5px !important;
}
.section-table-layout table thead tr th.sorting.long-text::after,
.section-table-layout table thead tr th.sorting.long-text::before{
  right: 1px;
}}
/* section-table-layout table layout change end */
/* For uat microsite - theme start */
.main-container section.enquirenow .wrapper ul li button{
  background-color: #fff !important;
  color: #19248E !important;
}
#enquirenow .wrapper{
  display: flex;
}
#enquirenow .wrapper .form.contact{
  flex: 1 1 100%;
  max-width: 650px;
}
#enquirenow .wrapper .wrapper-img{
  position: static;
  flex: 1 1 100%;
  max-width: calc(100% - 650px);
}
@media (max-width: 1200px) {
    #enquirenow .wrapper .wrapper-img {
      display: none;
    }
    #enquirenow .wrapper .form.contact ul,
    #enquirenow .wrapper .form.contact{
      max-width: 100%;
    }
}
@media (min-width: 1200px) {
    #enquirenow .wrapper .wrapper-img img{
      width: 100% !important;
    }
}
/* For uat microsite - theme end */

/*project details- add property style:start */
body.listingsystem-index-property .listing-body-property-tab .section-style1 .project-field .control-date-range .select2-container--default .select2-selection--single {
  border: none !important;
  padding: 5px 16px 0px 9px;
  font-size: 16px;
  background-color: transparent;
}
body.listingsystem-index-property .listing-body-property-tab .section-style1 .project-field .control-date-range .select2-container{
background: url(../images/new-select-down-dark.svg) no-repeat 98% 50%;
    background-origin: border-box;
}
body.listingsystem-index-property .listing-body-property-tab .section-style1 .project-field .control-date-range .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 6px;
  top: 4px;
}
body.listingsystem-index-property .listing-body-property-tab .section-style1 .project-field .control-date-range .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent;
}
/*project details- add property style:end */

/*project details- edit property style:start */
body.listingsystem-index-editproperty .listing-body-property-tab .section-style1 .project-field .control-date-range .select2-container--default .select2-selection--single {
  border: none !important;
  padding: 5px 16px 0px 9px;
  font-size: 16px;
  background-color: transparent;
}
body.listingsystem-index-editproperty .listing-body-property-tab .section-style1 .project-field .control-date-range .select2-container{
background: url(../images/new-select-down-dark.svg) no-repeat 98% 50%;
    background-origin: border-box;
}
body.listingsystem-index-editproperty .listing-body-property-tab .section-style1 .project-field .control-date-range .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 6px;
  top: 4px;
}
body.listingsystem-index-editproperty .listing-body-property-tab .section-style1 .project-field .control-date-range .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent;
}
/*project details- edit property style:end */
/*symbol transition - start*/
body .symbol_transition  .control::before {
  color: #fff;
  display:none;
}
body .symbol_transition  .symbol_transition_input_control {
  border: 1px solid #000;
    border-radius: 20px;
}
body .symbol_transition_span {
    position: absolute;
    left: 8px;
    color: #000;
}
#html-body .symbol_transition .symbol_transition_input{
  margin-left: 10px !important;
  border: none !important;
}
/*symbol transition - ends*/
/*commission and current year subscription - start*/
body.commissionsystem-salestransaction-index .chart-container .secondary{
  margin: 0 3rem 0 3rem;
}
body.commissionsystem-salestransaction-index .secondary .secondary_div{
  display: contents;
  justify-content: space-between;
}
/*commission and current year subscription - ends*/
/* my offer style - start*/
body.offer-viewoffer-index .offer-layout-content #offerlist .status span .btn_tag__custom-info{
  border: none;
}
/* my offer style - ends*/


/* External Listing table list icon color change - start */
.proxima-myaccount-container .publish-status-icon span.home-logo-color-one{
  background: url(../images/rea-logo-9CD7D3.svg) no-repeat 50% 50%;
}
.proxima-myaccount-container .publish-status-icon span.home-logo-color-two{
  background: url(../images/rea-logo-00D43B.svg) no-repeat 50% 50%;
}
.proxima-myaccount-container .publish-status-icon span.domain-logo-color-one{
  background: url(../images/domain-logo-color-one.svg) no-repeat 50% 50%;
}
.proxima-myaccount-container .publish-status-icon span.domain-logo-color-two{
  background: url(../images/domain-logo-color-two.svg) no-repeat 50% 50%;
}
/* External Listing table list icon color change - end */
/*show more modal - start*/
body.agent-projects-index .proxima-myaccount-container .body-content form .custom_modal__carousel_details.showMore__Modal#showMoreModal div.modal-inner-wrap {
  max-width: 1100px;
}
body.agent-projects-information .proxima-myaccount-container .body-content form .custom_modal__carousel_details.showMore__Modal#showMoreModal div.modal-content,
body.agent-projects-index .proxima-myaccount-container .body-content form .custom_modal__carousel_details.showMore__Modal#showMoreModal div.modal-content {
  width: 100% !important;
}
body.agent-projects-information .custom_modal__carousel_details.showMore__Modal#showMoreModal .custom-accordion-tab ul.property-details,
body.agent-projects-index .custom_modal__carousel_details.showMore__Modal .modal-inner-wrap .modal-content .block-list ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-gap: 11px !important;
    grid-template-rows: auto auto auto auto auto auto auto auto auto !important;
    grid-auto-flow: column;
}
body.agent-projects-information .custom_modal__carousel_details.showMore__Modal#showMoreModal .custom-accordion-tab ul.property-details li,
#html-body.agent-projects-index .custom_modal__carousel_details.showMore__Modal#showMoreModal .custom-accordion-tab ul.property-details li{
  display: grid;
  grid-template-columns: 2fr 1fr!important;
  min-width: 100%!important;
}
#html-body .showMore__Modal.default-modal .txt__primary span{
  color: #067DF4!important;
}
.showMore__Modal.default-modal ul.txt li{
  margin-bottom: 10px;
  line-height: 1.3;
}
.showMore__Modal.default-modal .property-est_vendor_price{
    font-weight: 700;
    list-style-type: none;
}
.showMore__Modal.default-modal #property-est_vendor_price{
  margin-top: 20px;
}
.showMore__Modal.default-modal .price__dtls{
  display: flex;
  flex-direction: row;
  gap: 20px;
}
#html-body .showMore__Modal.default-modal .price__dtls label,
#html-body .showMore__Modal.default-modal .price__dtls span{
color: #067DF4 !important;
font-weight: 600;
}
#html-body .showMore__Modal.default-modal .txt span#land_price,
#html-body .showMore__Modal.default-modal .txt span#land_reservation_fee{
  color: #067DF4!important;
}
.showMore__Modal.default-modal .property-est_vendor_price label{
  font-weight: 700;
    font-size: 16px;
}
.showMore__Modal.default-modal .modal-inner-wrap .modal-content .property-emr-label {
  text-align: left;
  white-space: pre-wrap;
}
.showMore__Modal .modal-inner-wrap .modal-content .block-list ul li{
  flex: 0 1 33.3333333333%!important;
  max-width: 250px!important;
}
.custom_modal__carousel_details.showMore__Modal .modal-inner-wrap .modal-content .block-list ul li label:nth-of-type(1) {
  font-weight: 700;
  max-width: 150px;
}
.custom_modal__carousel_details.showMore__Modal .modal-inner-wrap .modal-content .block-list ul li span:nth-of-type(1) {
  font-weight: 400;
}
@media (max-width: 568.68px) {
  .custom_modal__carousel_details.showMore__Modal .modal-inner-wrap .modal-content .block-list ul li label:nth-of-type(1) {
    max-width: 50%;
  }
}
.custom_modal__carousel_details.showMore__Modal .modal-inner-wrap .modal-content .block-list ul li label:nth-of-type(2) {
  font-weight: 100;
  max-width: 110px;
}
@media (max-width: 568.68px) {
  .custom_modal__carousel_details.showMore__Modal .modal-inner-wrap .modal-content .block-list ul li label:nth-of-type(2) {
    max-width: 50%;
  }
}
.custom_modal__carousel_details.showMore__Modal .modal-inner-wrap .modal-content .block-list ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-gap: 11px !important;
    grid-template-rows: auto auto auto auto auto auto auto auto auto !important;
    grid-auto-flow: column;
}
body.account.agent-projects-information .custom_modal__carousel_details.showMore__Modal#showMoreModal .custom-accordion-tab ul.property-details {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-gap: 11px !important;
    grid-template-rows: auto auto auto auto auto auto auto auto auto !important;
    grid-auto-flow: column;
}
body.account.agent-projects-information .custom_modal__carousel_details.showMore__Modal#showMoreModal:not(.projectdetail_showMore_popup) .custom-accordion-tab ul.property-details li{
  display: grid !important;
  grid-template-columns: 2fr 1fr!important;
}
body.agent-projects-information .proxima-myaccount-container .body-content form .custom_modal__carousel_details.showMore__Modal#showMoreModal div.modal-content,
body.agent-projects-index .proxima-myaccount-container .body-content form .custom_modal__carousel_details.showMore__Modal#showMoreModal div.modal-content {
  width: 100% !important;
}
/*show more modal - ends*/

/* fractional-investment-tab reservation page  start */
#html-body .inline-content-tag p > span{
  font-size: 16px !important;
  font-weight: 700;
}
#html-body .inline-content-light-font-tag{
  display: flex;
  font-size: 14px !important;
  font-weight: 300 !important;
}
#html-body #reserve-form .inline-content-light-font-tag :is(label){
  font-size: inherit !important;
  font-weight: inherit !important;
  padding: 0;
}
#reserve-form .custom-accordion-menu span{
  line-height: normal;
}
#reserve-form .custom-accordion-menu .reservation-panel{
  background-color: #1211;
}
#reserve-form .custom-accordion-menu .share-details{
  background-color: transparent;
  padding: 0;
}
#html-body #reserve-form .custom-accordion-menu > div > ul{
  padding: 5px 10px; 
}
#html-body #reserve-form .custom-accordion-menu > div > ul:first-of-type{
  padding: 10px 10px 5px 10px; 
}
#html-body #reserve-form .custom-accordion-menu > div > ul:last-of-type{
  padding: 5px 10px 10px 10px; 
}
@media (max-width: 568.98px) {
  .inline-content-tag{
    flex-direction: column;
  }
}
/* fractional-investment-tab reservation page  end */
 /* flex gap flex 10 15 20 start */
 .flex-gap-10{
  gap: 10px !important;
}
  .flex-gap-20{
    gap: 20px !important;
  }
  .flex-gap-30{
    gap: 30px !important;
  }
  .flex-gap-40{
    gap: 40px !important;
  }
  @media (max-width: 1400.98px) {
    .flex-gap-40{
      gap: 20px !important;
    }
  }
/* flex gap flex 10 15 20 end */
 /* agent-projects-information grid table start */
body.account.agent-projects-information .project-details-box .sharedetails .grid table td,
.project-details-box .sharedetails .grid table th{
    text-align: center !important;
}
@media (max-width: 1600.98px) {
#html-body .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.reservation-box{
  min-width: 180px !important;
}}
 /* agent-projects-information grid table end */
/* 
project details page -property - style:start */
body.agent-projects-information.account.agent-projects-information .proxima-myaccount-container .body-content form #showMoreModal div.modal-content{
  width: 100% !important;
}

#html-body.agent-projects-information #showMoreModal:not(.projectdetail_showMore_popup) .custom-accordion-tab ul.property-details{
  justify-content: space-between !important;
  display: flex !important;
}
#html-body.agent-projects-information #showMoreModal .custom-accordion-tab ul.property-details li{
  flex: 1 1 auto;
  min-width: fit-content !important;
  max-width: fit-content !important;
  width: auto !important;
  margin: 0;
}
#html-body.agent-projects-information #showMoreModal .custom-accordion-tab ul.property-details li:last-child{
  margin-right: auto !important;
}

/* project details page -property - style:end */

/* project page scroll style:start */

.show_data{
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  background: #fff;
}
.show_data:hover,
.show_data:active{
  background:#fff;
}
.show_data:active{
  transform: scale(0.9);
}
.show_data.loader-class .bubble-loader{
  display: block;
}
.show_data.loader-class .text-span{
  display: none;
}
.show_data .bubble-loader{
  display: none;
}
.show_data .bubble-loader .spinner-grow {
  background-color:#067df4;
  opacity: 1;
  width: 1rem;
  height: 1rem;
  position: relative;
}
.show_data .bubble-loader .spinner-grow:nth-of-type(odd) {
  right: -1px;
}
.show_data .bubble-loader .spinner-grow:nth-of-type(even) {
  left: -1px;
}
.show_data .spinner-grow-two{
  -webkit-animation: spinner-growtwo .75s linear infinite;
  animation: spinner-growtwo .75s linear infinite;
}
.show_data .spinner-grow-one{
  -webkit-animation: spinner-growone .75s linear infinite;
  animation: spinner-growone .75s linear infinite;
}
@keyframes spinner-growtwo {
0% {
  -webkit-transform: scale(0);
  transform: scale(0);
}
50% {
  -webkit-transform: scale(1.7);
  transform: scale(1.7);
}
100% {
  -webkit-transform: scale(0);
  transform: scale(0);
}
}
@keyframes spinner-growone {
0% {
  -webkit-transform: scale(1.7);
  transform: scale(1.7);
}
50% {
  -webkit-transform: scale(0);
  transform: scale(0);
}
100% {
  -webkit-transform: scale(1.7);
  transform: scale(1.7);
}
}
#html-body .projects-search-results .page_scroll{
  padding-bottom: 60px;
  position: relative;
}
@media screen and (min-width:1920px){
  #html-body.agent-projects-listing .show_data .scroll_loader{
    background-size:800px 225px !important;
  }
}
/* project page scroll style:end */
/*client details(indo_legal_entity) style - start*/
.reservation-property-form .proxima-myaccount-container .body-content form .table div .indo_legal_entity span.reservation-form-span input:before {
  content: ":";
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #067df4 !important;
  margin-right: 10px !important;
  display: none;
}
@media (min-width : 700px) {
  .indo-legal{
  position: relative;
  left: calc(0% - 16.666667% + -30px);
}
}
/*client details(indo_legal_entity) style - end*/
/*offer details-payment details style - start*/

/* #html-body.offer-viewoffer-details .modal-pop-up-custom-payment-receipts .modal-inner-wrap {
  width: 45% !important;
}
@media screen and (max-width: 1640px) {
  #html-body.offer-viewoffer-details .modals-wrapper .modal-popup.modal-pop-up-custom-payment-receipts .modal-inner-wrap {
      max-width: 750px!important;
  }
  #html-body.offer-viewoffer-details .modal-pop-up-custom-payment-receipts .modal-inner-wrap{
    width: 55% !important;
  }
}
@media screen and (max-width: 900px) {
  #html-body.offer-viewoffer-details .modals-wrapper .modal-popup.modal-pop-up-custom-payment-receipts .modal-inner-wrap,
  #html-body.offer-viewoffer-index .modals-wrapper .modal-popup.modal-pop-up-custom-payment-receipts .modal-inner-wrap {
      max-width: 550px!important;
  }
} */

/*offer details-payment details style - ends*/

/* agentregistration alert msg style:start */

.agentregistration-index-index .agent-section .registration-container .notification_error_message {
    background-color: #fdb0b09c;
    width: 400px;
    margin: 10px auto;
    border-radius: 3px;
    padding: 5px 20px 5px 20px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.agentregistration-index-index .agent-section .registration-container .notification_error_message .notification{
    font-size: 12px !important;
    color: #000;
    text-align: center;
    margin: 0;
}

.agentregistration-index-index .agent-section .registration-container .notification_error_message .notification i{
  font-size: 14px;
  color: #ef1e1e ;
}

/* agentregistration alert msg style:end */
/*My account landing page loader and see more style - start*/
#html-body .projects-search-results .custom-accordion-tab.tabs{
  position: relative;
}
.show_data{
  position: relative;
  width: 100%;
}
body.agent-projects-listing:not(._has-modal){
  overflow-y: auto;
  padding-bottom: 1px;
} 
#html-body.agent-projects-listing.projects-search-details.agent-projects-index .proxima-myaccount-container{
  margin-bottom: 0rem !important;
}
/*My account landing page loader and see more style -   end*/

/* reservation form 49 - style: start */
.confirm-radio-input{
  height: 20px;
  width: 20px;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 50% !important;
  outline: 2px solid #000;}

.confirm-radio-input:checked{
  background-color: #000;
  border: 3.5px solid #fff;
  outline: 2px solid #000;
}
#html-body #reserve-form .form49-available{
    display: inline-flex;
    padding: 0;
    gap: 50px;
    padding-left: 20px;
    align-items: start;
}
#html-body .form49-available label{
  font-size: 14px !important;
  display: inline-block;
  line-height: normal;
}
#html-body .form49-available > span:not(.form-49-upload),
#html-body .form49-available label[for]{
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
#html-body .form49-available > span:not(.form-49-upload){
  gap: 20px;
}
#html-body .form49-available > span.form-49-upload > span > a{
  text-decoration: underline;
    color: #000;
    font-weight: 600;
    display: block;
}
#html-body .form49-available > span.form-49-upload .file-span-form-49 input[type="file"]{
  padding: 0 !important;
  border-radius: 0 !important;
  width: 86px !important;
  height: auto !important;
}
@media screen and (min-width: 1095px) {
#html-body .form49-available label{
  white-space: nowrap;
}}
@media screen and (max-width: 1095px) {
#html-body #reserve-form .form49-available{
flex-direction: column;
gap: 20px;}}

#html-body .modal-inner-wrap .remove-item-btn,
#html-body #reserve-form .remove-item-btn{
  line-height: 100%;
    height: auto;
    min-height: auto !important;
    text-transform: capitalize;
    border: 0;
    border-radius: 1.25rem;
    padding: 1px 7px;
}
#html-body .modal-inner-wrap .remove-item-btn > span,
#html-body #reserve-form .remove-item-btn > span{
  all: inherit;
  line-height: normal;
  border: 0;
  padding: 0;
  color: #fff !important;
}
#html-body #reserve-form .form-49-upload .attachment-span{
  display: grid;
}
#html-body .modal-inner-wrap span.grid-items,
#html-body #reserve-form .form-49-upload .attachment-span,
#html-body #reserve-form span.grid-items{
    width: 100% !important;
    grid-template-columns: 4fr 1fr;}
#html-body .modal-inner-wrap span.show,    
#html-body #reserve-form span.show{
      display: grid;
}
#html-body .modal-inner-wrap span.hide, 
#html-body #reserve-form span.hide{
      display: none;
} 
#html-body #reserve-form .form-49-upload span:is(.attachment-span,.file-name-span){
    padding: 0 !important;
}
#html-body #reserve-form .form-49-upload .attachment-span > .file-name-text{
    color: #000 !important;
    width: 100% !important;
}
#html-body #reserve-form .form-49-upload .attachment-span > .file-name-text > a[href]{
    all: inherit;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
  }
/* reservation form 49 - style: end */

/* reservation view page new changes - style: start */
.modal-pop-up-custom-declaration .popup-modal table{
  border-collapse: separate;
  border-spacing: 0rem 1rem;
}
#reservedetails .btn_content{
  display: flex;
  height: fit-content;
  gap: 5px;
  margin-inline: 5px;
}
#reservedetails .btn_content > a{
  margin-inline: 0px;
}
#reservedetails .btn_content > a.bg_primary{
  background-color: #067DF4;;
}
#html-body .modal-inner-wrap span.grid-items{
  gap: 10px 0;
  max-width: 280px;
}
#html-body input#file_declaration{
  width: 94px !important;
  border-radius: 0px !important;
}
form:is(#reservation-declaration-form) .fieldset > div:first-of-type > span{
  display: block;
  color: #000;
}
form:is(#reservation-declaration-form) .fieldset > div:first-of-type> span > a{
  text-decoration: underline;
  color: inherit;
}
/* reservation view page new changes - style: end */
/* white label reservation-client-registration style:start */

@media screen and (max-width: 1440px){
  #html-body.whitelabel-style.reservation-client-registration #create-new-client .modal-content{
    width: 95% !important;
  }
  #html-body.whitelabel-style.reservation-property-form #create-new-client .modal-content{
    width: 95% !important;
  }
  #html-body.whitelabel-style.reservation-client-registration #create-new-client .modal-content.modal-md{
    width: 500px !important;
  }
}

/* white label reservation-client-registration style:end */

/* fractional-investment-tab reservation page  start */
#html-body .custom-accordion-menu .inline-content-light-font-tag label + span::before{
  color: #000 !important;
}
/* fractional-investment-tab reservation page  end */


/* project details page contact spa style:start */
#html-body.agent-projects-information .project-details-box ul.project-details-mainlist.tripple>li:nth-child(3) .spa .btn-grp-spa{
  height:auto !important;
}
/* project details page contact spa style:end */

#html-body.agent-projects-information #showMoreModal.projectdetail_showMore_popup .custom-accordion-tab ul.property-details li{
  max-width: 100% !important;
}
.custom_modal__carousel_details.showMore__Modal.projectdetail_showMore_popup .modal-inner-wrap .modal-content .block-list ul li label:nth-of-type(1){
  max-width: 170px;
}
/* client registration pop up select input style:start */

#html-body #create-new-client .select-default-input > select {
  min-height: 38px;
  background-position: 93% 50% !important;
}


/* client registration pop up select input style:end */

/* reservation Directors box style:start */
.reservation-details ul.reservationbox.second > li:nth-child(2) ul.sub span.span-primary{
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    position: relative;
    align-items: center !important;
}
.reservation-details ul.reservationbox.second > li.grid-li-reservation.grid-li-reservation-directory ul > li:nth-child(2) .commissioner-div{
  padding: 6px 8px;
  background: #50CFBB;
  border-radius: 20px;
  display: block;
  width: auto !important;
}
.reservation-details ul.reservationbox.second > li.grid-li-reservation.grid-li-reservation-directory ul > li:nth-child(2) .primary-director-div{
  position: relative !important;
}
/* reservation Directors box style:end */

/* Sale commission and my commission popup start */
#html-body .custom_modal__action .modal-inner-wrap{
  padding: 10px 30px;
}
#html-body .custom_modal__action .modal-inner-wrap{
  width: 100% !important;
  max-width: 563px !important;
  border-radius: 10px !important;
  background: #fff;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-header{
  padding: 0px;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-header .action-close{
  background-color: transparent !important;
  font-size: 35px;
  rotate: 45deg;
  cursor: pointer;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-title{
  font-size: 18px;
  text-align: left;
  padding: 10px 0;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-footer{
  padding: 10px 0 !important;
  text-align: right;
}
#html-body .custom_modal__action:not(.prop-modal) .modal-inner-wrap .modal-footer button{
  font-size: 16px !important;
  line-height: normal !important;
  height: auto !important;
  padding: 5px 10px !important;
  /* border-color: #067df4 !important;
  color: #fff !important; */
}
#html-body .custom_modal__action .modal-inner-wrap .modal-footer button:not(.btn_tag__secondary):hover{
  background-color: #067df4 !important;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-content{
  padding: 10px 0 !important;
  display: flex;
  flex-direction: column;
  /* gap: 10px; */
  /* gap: 13px; */
  width: 100%;
  margin: 0 !important;
  overflow: auto;
  /* max-height: 59vh; */
}
/* #html-body .custom_modal__action .modal-inner-wrap .modal-content > div{
  display: flex;
  gap: 10px;
  color: #000;
} */
#html-body .custom_modal__action .modal-inner-wrap .modal-content > .multi-content > span:not(.select2-container){
  flex: 1 1 calc(100% / 3);
  max-width: 218px !important;
  white-space: normal !important;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-content > div:last-of-type:not(.multi-content) > span:not(.select2-container){
  flex: 1 1 calc(100% / 2);
  max-width: 100%;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-content > div > span:not(.select2-container):nth-of-type(1){
  max-width: 46px;
  white-space: nowrap;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-content > div.list_Div > span:nth-of-type(1) {
  max-width: 100%!important;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-content > div > span :is(select, input){
  border: 1px solid #8C8C8C !important;
  border-radius: 5px !important;
  height: 30px;
  margin-top: 5px !important;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-content > div:not(.multi-content) > span :is(select, input)[disabled]{
color: #000 !important;
opacity: 1;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-header {
  display: flex;
  justify-content: space-between;
}
#html-body .custom_modal__action {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  align-content: center;
  justify-items: center;
}
#html-body .custom_modal__action{
  z-index: 99;
  position: fixed;
  inset: 0;
  align-content: center;
  justify-items: center;
}
#html-body .custom_modal__action + .overlay-modal{
  background-color: rgba(51, 51, 51, 0.55);
  position: fixed;
  inset: 0;
}
#html-body .custom_modal__action .modal-inner-wrap .modal-header .action-close:hover{
  color: #dc3545 !important;
}
/* Sale commission and my commission popup end */
.tag_tooltip{
  position: relative;
  z-index: 9;
}
.tag_tooltip span{
  display: none;
}
.tag_tooltip:hover > span{
  display: block;
  position: absolute;
  background: url(../images/Info-icon-white.svg) no-repeat 4% 12px;
  border-radius: 10px;
  padding: 12px;
  padding-left: 45px;
  bottom: calc(100% + 4px);
  width: 363px;
  font-size: 18px;
  font-weight: normal;
  background-color: #8C8C8C;
  color: #fff;
}
.tag_tooltip:hover::before{
  content: "";
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #8C8C8C;
  bottom: 100%;
  left: 6px;
}
/* zoho_writer_ new template style:start */
.project-details-box ul.project-details-mainlist > li:nth-child(3) .spa p.contlist a.zoho_writer_sa span{
  background: url(../images/template-write.png) no-repeat 0% 50% !important;
  background-size: 24px auto !important;
}
body.agent-projects-information #zoho-write-sales-advice-modal .form-group{
  margin-bottom: 20px;
}
body.agent-projects-information #zoho-write-sales-advice-modal .form-group-btn{
  display: flex;
  align-items: center;
  justify-content: end;
  column-gap: 20px;
}
body.agent-projects-information #zoho-write-sales-advice-modal .form-group label{
  font-weight: 700;
}
body.agent-projects-information #zoho-write-sales-advice-modal .form-group .label-important
 {
  color: #e02b27;
 }
body.agent-projects-information #zoho-write-sales-advice-modal  .border{
  margin: 30px auto;
  border: 1px solid #8888884f;
}
body.agent-projects-information #zoho-write-sales-advice-modal  .zoho_template_grid table{
    border-collapse: collapse;
    width: 100%;
  }
  
  body.agent-projects-information #zoho-write-sales-advice-modal  .zoho_template_grid table  td,
  body.agent-projects-information #zoho-write-sales-advice-modal  .zoho_template_grid table  th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
  }

 

/* zoho_writer_ new template style:end */

/* user-register-form qr code style:start */
    .user-register-form div.content-contact{
        max-width: 900px !important;
    }
    .user-register-form  ul{
        width: 100% !important;
    }
    .user-register-form h5{
        font-size: 24px;
    }
    .user-register-form p{
        font-size: 16px;
        line-height: 20px;
        color: #000;
        font-weight: 700;
    }
    .user-register-form  ul li label{
        display: block !important;
        margin-bottom: 5px;
    }
    .user-register-form p.btns{
        display: flex;
        justify-content: flex-end;
        column-gap: 10px;
        margin-top: 50px;
    }
    .user-register-form p.btns .btn--tag{
        padding: 8px 15px;
        font-size: 14px;
        height: auto !important;
        border-radius: 100vw;
        text-transform: capitalize;
        line-height: 100%;
        font-weight: 700;
        border: 1px solid;
    
        cursor: pointer;
        transition: none;
    }
    .user-register-form p.btns .btn--tag.btn__primary{
        background: #DCDCDC;
        border: 1px solid #DCDCDC;
        color: #000;

    }
    .user-register-form p.btns .btn--tag.btn__secondary{
        background: #4479FF !important;
        border: 1px solid #4479FF !important;
        color: #fff;

    }
    
    .user-register-form p.hdmsg{
        font-weight: 700;
        line-height: 20px;
        
    }
    .user-register-form .alert-field{
        display: flex;
        column-gap: 15px;
       
    }
    .user-register-form li{
        margin-bottom: 10px !important;
    }
    .user-register-form  label{
        font-weight: 700 !important;
        font-size: 16px;
        line-height: 20px;
    }
    .user-register-form li input{
        height: 30px !important;
    }
    .user-register-form li:first-child{
        display: flex;
        align-items: center;
        column-gap: 10px;
    }
    .user-register-form  li:first-child label{
      margin-bottom: -6px !important;
    }
    .user-register-form  li:first-child input{
      height: auto !important ;
    }
    .user-register-form  li{
      width: 98%;
    }

    .user-register-form.reg-form-submit .content.content-contact{
      text-align: center;
    }
    .user-register-form.reg-form-submit p.btns button{
       content: url('../images/hex-close.svg');
       background: transparent;
       border: none;
       color: #000;
    }
    .user-register-form.reg-form-submit span{
        font-size: 16px;
        line-height: 20px;
        color: #000;
    }

    .view-details-info .user-register-form .section-three div.content-contact{
      max-width: 500px !important;
      padding: 20px;
    }
    .view-details-info .user-register-form div.content-contact form ul :is(li:nth-child(1), li:nth-child(2)){
      width: 98% !important;
    }
    @media screen and (max-width: 767px){
      body:not(.catalog-product-view) .view-details-info .user-register-form .section-three div.content-contact form ul li:nth-child(5){
        width: 100% !important;
      }
      .view-details-info .user-register-form div.content-contact form ul :is(li:nth-child(1), li:nth-child(2)){
        width: 100% !important;
      }
     
    }

    /* user-register-form qr code style:end */


/* modal-pop-up-custom-declaration width change : start */
#html-body :is(.modal-pop-up-custom-declaration, .modal-pop-up-custom-declaration-upload) .modal-inner-wrap{
  max-width: 600px !important;
  width: 100% !important;
}
#html-body .modal-pop-up-new-request .form49-available > span:not(.form-49-upload):nth-of-type(1) > label > input.confirm-radio-input{
  height: 15px;
  width: 15px;
}
#html-body .modal-pop-up-new-request .form49-available > span:not(.form-49-upload):nth-of-type(1) > label > input.confirm-radio-input:checked{
  background-color: #067DF4;
  border: 3px solid #fff;
  outline: 2px solid #067DF4;
}
#html-body .modal-pop-up-new-request .form49-available > span:not(.form-49-upload):nth-of-type(1){
  margin: 10px 0;
}
#html-body .modal-pop-up-new-request span.form49-available {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* modal-pop-up-custom-declaration width change : end */

/* modal-pop-up-new-request remove overflow : start */

#html-body .modals-wrapper .modal-pop-up-new-request .modal-inner-wrap #request_modal{
  overflow: hidden;
}
/* modal-pop-up-new-request remove overflow : end */

/* all uset property start */
body#html-body .unset-all,
body#html-body :is(#maincontent, #proxima-header, .modals-wrapper) .unset-all{
  all: unset !important;
}
/* all uset property end*/

/* new select two design start */
.select_two_change{

}
.select_two_change > span{
  display: flex;
  flex-direction: column;
}
.select_two_change > span > .d-inline-flex{
  display: flex;
  flex-direction: column;
}
.select_two_change > span > .d-inline-flex > .select2-container{
  width: -webkit-fill-available !important;
}
.select_two_change .select2-container--default .select2-selection--multiple,
.select_two_change .select2-container--default.select2-container--focus .select2-selection--multiple{
  display: flex;
  flex-direction: column-reverse;
  border: none;
}
.select_two_change > span > .d-inline-flex > .select2-container .select2-search__field{
  width: -webkit-fill-available !important;
  border: 1px solid #000;
  padding: 0 9px;
}
.select_two_change .select2-container .select2-selection--multiple .select2-selection__rendered{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  gap: 10px;
  margin-top: 5px;
}
body.account.project_theme_mode_normal .select_two_change .select2-container--default .select2-selection--multiple .select2-selection__choice{
  margin: 0;
  display: inline-flex;
  background-color: #067DF4 !important;
  border-radius: 10px;
  align-items: center;
  color: #fff;
  overflow: hidden;
}
.select_two_change .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  background: #fff;
  border-radius: 0;
  color: #D8000C;
  bottom: 0;
}
.commissionsystemenhancement-managecommission-index .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  color: #fff !important;
}
/* new select two design end */

/*sales commission style start */
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section{
  /* margin-left: 10px; */
  line-height: 1.5;
}
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section .select2-selection--multiple,
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls  #reservationid_by_keyword,
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls  #transid_by_keyword{
  border: 1px solid #000;
  border-radius: 20px !important;
}
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section .select2-search .select2-search__field{
  height: 23px!important;
  padding: 0 9px;
}
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section .select2-selection .select2-search.select2-search--inline{
  line-height: 2;
}
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section .select2-search .select2-search__field::placeholder{
  font-weight: 700;
}
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls  #reservationid_by_keyword,
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls  #transid_by_keyword{
  height: 30px!important;
}
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls input::placeholder{
  color: #000;
}
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section .select2-container .select2-selection__choice{
  margin-bottom: 0;
}
/* body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section a.btn_tag{
  line-height: 1;
} */
/*sales commission style ends */

/* alert with icon - popup start */
.icon-custom-alert{
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s ease;
  height: 150px;
  font-size: larger;
  justify-content: flex-end;
  outline: 1px solid;
  margin: auto;
  width: 22%;
  left: 0;
  padding: 30px;
  font-weight: 600;
}
.icon-custom-alert::after{
  content: "";
  -webkit-mask-image: url(../images/Info-icon.svg);
  mask-image: url(../images/Info-icon.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-image: url(../images/Info-icon.svg);
  background-color:  #155724;
  mask-size: 100%;
  width: 40px;
    height: 40px;
    background-size: 0;
    position: absolute;
    top: 16px;
    z-index: 2;
}
/* alert with icon - popup end */
/* new select two design single select start */
.select-two-container .select2-container--default .select2-selection--single{
  border-radius: 20px !important;
  border-color: #000;
  width: 100%;
  height: 100%;
}
.select-two-container .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #000 !important;
  font-weight: 700;
}
.select-two-container .select2-container .select2-selection--single .select2-selection__clear{
  margin: 0;
  padding: 0;
  color: #000;
  position: relative;
  right: 16px;
  top: 0px;
  z-index: 2;
}
.select-two-container .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: #000 transparent transparent transparent;
}
.select-two-container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-color: transparent transparent #000 transparent;
}
body.commissionsystemenhancement-mycommissions-index .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  color: #fff !important;
}
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section .select2-selection--multiple{
  padding: 0;
}
body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section .select2-search .select2-search__field{
  width: 100%;
  height: auto !important;
  min-height: 30px;
}
/* new select two design single select end */
@media screen and (max-width: 568.98px){
  body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section a.btn_tag{
    font-size: 14px;
  }
}

/* Pagenation NEW DESIGN change start  */

#html-body .section-table-layout .paginate_button{
  font-size: 16px !important;
  padding: 12px 14px !important;
  display: inline-flex;
  border-radius: 60px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #8C8C8C !important;
  line-height: 13px;
  color: #8c8c8c
}
#html-body .section-table-layout .paginate_button:hover:not(.disabled){
  color: #067DF4;
}
#html-body .section-table-layout .paginate_button.current{
  border: 1px solid #067DF4 !important;
  background-color: #067DF4 !important;
  color: #8c8c8c 
}
#html-body .section-table-layout .paginate_button.next:not(.disabled),
#html-body .section-table-layout .paginate_button.previous:not(.disabled){
  color: #067DF4;
}

/* Pagenation NEW DESIGN change end */

/* .commission-section-table table changes start */
.commission-section-table div.dataTables_wrapper div.dataTables_filter{
  display: none;
}
.commission-section-table button:hover{
  border-width: 1px;
}
.commission-section-table button.btn_view{
  margin-right: 8px;
}
/* .commission-section-table table changes end */
/* .commissionsystemenhancement-managecommission-index start */
.commissionsystemenhancement-managecommission-index .proxima-myaccount-container .body-content{
  padding-top: 60px !important;
}
/* .commissionsystemenhancement-managecommission-index end */
/*info icon css - start*/
#html-body .info-icon2 {
  background-image: url(../images/Info-icon2.svg);
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: -5px;
}
.info-icon2.tooltip.tag_tooltip .tooltiptext{
  color: #fff !important;
  font-size: 0.7rem;
  padding: 5px 10px;
  /* word-wrap: break-word; */
  word-break: break-word;
  max-width: 300px;
}
.info-icon2.tag_tooltip:hover > span {
  width: max-content;
  background-image: none;
  bottom: calc(100% + 6px); 
}
.info-icon2.tag_tooltip:hover::before {
  content: "";
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #8C8C8C;
  bottom: 110%;
  left: 6px;
}
.info-icon2.tooltip.tag_tooltip .tooltiptext{
  left: auto;
  right: 0;
  margin-left: 0;
  max-width: 230px;
  text-align: left;
}
.info-icon2.tooltip.tag_tooltip .tooltiptext ul{
  padding: 3px 3px 0 16px;
}
#html-body .info-icon2.tooltip.tag_tooltip .tooltiptext ul li{
  max-width: 100%!important;
  text-align: left;
  justify-self: left !important;
}
@media (max-width: 1600.98px) {
  #html-body .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-offer_available {
      /* min-width: 160px !important; */
      min-width: 240px !important;
      padding: 4px;
  }
}

/*info icon css - ends*/

/* property-offer_available list alignment mobile : start */
#html-body .property-offer_available.mobile-view{
max-width: 100%;
}
#html-body .property-offer_available.mobile-view .span-text-icon{
flex: 1 1 calc(100% - 40px)
}
.property-offer_available.mobile-view .info-icon2.tooltip.tag_tooltip .tooltiptext{
left: auto;
right: 0;
}
/* property-offer_available list alignment mobile : end */

/*offer css - start*/
.custom_modal__carousel_details #land_offer_available #land_offer_available_text,
#land_offer_available_details .offer_available_homeandland span.offer_available{
  background-color: #FFCB00;
    color: #000;
    font-weight: 750;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 0.8rem;
}
#land_offer_available_details .offer_available_homeandland span.offer_available{
  line-height: 2.8;
}
.custom_modal__carousel_details #land_offer_available_details .offer_available_homeandland{
  display: flex;
    gap: 10px;
}
.custom_modal__carousel_details #land_offer_available_details .offer_available_homeandland .offer_available_section{
  line-height: 1.5;
}
@media (max-width: 800px) {
  .custom_modal__carousel_details #land_offer_available_details .offer_available_homeandland{
    flex-flow: column;
  }
}
.custom_modal__carousel_details #land_offer_available_details .offer_available_homeandland .offer_available_section span{
  color: #000;
}
/*offer css - ends*/
/* select2 multi-select mage error alignment start */
[class*="multi-select"] select + .mage-error{
  position: absolute;
  top: 45px;
  margin: 0;
}
/* select2 multi-select mage error alignment end */
/* custom_modal__action New style changes start */
#html-body .custom_modal__action.frame-one .modal-inner-wrap .modal-title{
  font-size: 18px !important;
  padding: 0;
  text-transform: capitalize !important;
}
#html-body .custom_modal__action.frame-one .modal-inner-wrap .modal-content > div.actions-toolbar{
  justify-content: flex-end;
}
#html-body .custom_modal__action.frame-one .modal-inner-wrap > .modal-content{
  padding: 0 !important;
}
#html-body .custom_modal__action.frame-one .modal-inner-wrap .modal-content{
  display: flex;
  gap: 30px;
  color: #000;
}
#html-body .custom_modal__action.frame-one .modal-inner-wrap .modal-content > div.actions-toolbar > div{
  display: inline-flex;
  gap: 10px;
}
#html-body .custom_modal__action.frame-one .modal-inner-wrap{
  padding: 20px 30px;
  min-height: auto;
}
#html-body .custom_modal__action.frame-one .modal-inner-wrap .modal-header .action-close{
  rotate: 0deg;
}
#html-body .custom_modal__action.frame-one .modal-inner-wrap .modal-content > p{
  line-height: 121%;
  font-size: 18px;
  font-weight: 400;
  color: #323232;
}
/* custom_modal__action New style changes end */
/* Sales Advice Zoho Template style:start */


.project-details-box ul.project-details-mainlist .show-details .select2-container--default .select2-selection.select2-selection--single{
  font-size: 14px !important;
  border-radius: 2px !important;
  border: 1px solid #DCDCDC !important;
  height: 30px !important;
}
.project-details-box ul.project-details-mainlist > li ul li.show-details.select-two-sales span{
  width:-webkit-fill-available !important;
  height: 100%;
  align-content: center;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Sales Advice Zoho Template style:end */

/* .commissionsystemenhancement-managecommission-index new start */
body.commissionsystemenhancement-managecommission-index .page-title-wrapper .page-title span{
  word-break: break-word;
}
/* .commissionsystemenhancement-managecommission-index new end */
/* common word break change start */
#html-body #maincontent .word-style-break{
  word-break: break-word;
}
/* common word break change end */

/*sales commission add agent placeholder css - start*/

.wrapper_addAgent {
  position: relative;
}
.wrapper_addAgent select{
  min-width: 200px;
  border-color: #666;
  position: relative;
  z-index: 1;
  background-color: transparent;
}
#html-body.commissionsystemenhancement-paymentdetails-index .wrapper_addAgent select{
  font-size: 0;
  background-color: transparent !important;
}
#html-body.commissionsystemenhancement-paymentdetails-index .wrapper_addAgent select.select_addAgent{
  font-size: 16px;
  background-color: transparent !important;
}
#html-body.commissionsystemenhancement-paymentdetails-index .wrapper_addAgent select optgroup{
  font-size:16px;
}
#html-body.commissionsystemenhancement-paymentdetails-index .wrapper_addAgent select option{
  font-size: 16px;
  background-color: transparent;
}
#html-body.commissionsystemenhancement-paymentdetails-index .wrapper_addAgent select + .placeholder{
  display: block;
}
#html-body.commissionsystemenhancement-paymentdetails-index .wrapper_addAgent select.select_addAgent + .placeholder{
  display: none ;
  font-size: 16px;
}
body.commissionsystemenhancement-paymentdetails-index .placeholder {
  position: absolute;
  top: 8px;
  left: 1px;
  padding: 16px;
  color: #000;
  border: 1px solid #8C8C8C;
  border-radius: 2px !important;
  width: 100%;
  min-height: 23px;
  height: 100%;
  background-color: transparent;
  font-size: 16px;
  max-height: 26px;
  padding: 0 10px;
  width: auto;
  border: none;
}
body.commissionsystemenhancement-paymentdetails-index .edit-mode .section-table-layout table tbody:nth-of-type(2) {
  padding-top: 0px !important;
}
/*sales commission add agent placeholder css - ends*/
/*icon-custom-alert new - start*/
body .icon-custom-alert {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding-top: 65px;
  z-index: 99;
}
.icon-custom-alert.alert-warning::after{
  background-color:  #856404;
}
.icon-custom-alert.alert-danger::after{
  background-color:  #721c24;
}
/*icon-custom-alert new - end*/
/* commom hide modal close btn :start */
#html-body .modal-hide-close-btn .modal-inner-wrap .modal-header .action-close{
  display: none !important;
}
/* commom hide modal close btn :end */
  /*sales commission style select two start */
 :is(#commission_status,#commission_agents) + .select2-container .select2-selection--multiple .select2-selection__clear + .select2-selection__rendered{
  padding: 0px 9px;
  font-weight: 700;
  }
  body:is(.commissionsystemenhancement-mycommissions-index,.commissionsystemenhancement-listingcommission-index) :is(.salescommisn_dtls,.listcommisn_dtls) .scroll-section .select2-container--default .select2-selection--multiple .select2-selection__clear{
    color: #000;
      margin: 0;
      line-height: 100%;
      height: 100%;
      float: unset;
      padding: 0;
      position: absolute;
      right: 7px;
      top: 0;
      bottom: 0;
  }
  body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section .select2-selection--multiple  .select2-selection__clear + ul + .select2-search.select2-search--inline{
    display: none;
  }
  body.commissionsystemenhancement-mycommissions-index .salescommisn_dtls .scroll-section .select2-selection--multiple{
    align-content: center;
    min-height: 30px;
  }
  /*sales commission style select two  end */
  #html-body .custom_modal__action .modal-inner-wrap .modal-content > div.multi-content{
    align-items: center;
  }
  #html-body .custom_modal__action .modal-inner-wrap .modal-content > div.multi-content > span{
    align-self: flex-end ;
    flex: 1;
    position: relative;
  }
  #html-body .custom_modal__action .modal-inner-wrap .modal-content > div.multi-content .separator{
    padding: 5px 5px 10px 5px;
    white-space: nowrap !important;
    flex: 0
  }
  #html-body .custom_modal__action:not(.modal_details) .select2-container{
   width: 80% !important;
  }
  #html-body .custom_modal__action .select2-container--default .select2-selection--multiple{
    border: none;
    padding: 0;
    margin: 0;
    min-height: auto;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    cursor: default;
  }
  #html-body .custom_modal__action .select2-container--default .select2-search--inline .select2-search__field{
    width: 100% !important;
    padding: 0px 9px;
    background-image: url(../images/select-drop-down.svg);
    background-origin: padding-box;
    background-position: calc(100% - 10px);
    line-height: normal;
    background-repeat: no-repeat;
  }
  #html-body .custom_modal__action .select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding: 7.5px 10px !important;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    background-color: #DCDCDC !important;
    line-height: 19.2px;
    font-size: 16px !important;
    border-radius: 20px;
    gap: 5px;
    margin: 0 !important
  }
  #html-body .custom_modal__action .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    padding: 0;
    position: static !important;
    font-size: 16px;
    background-color: #BB1818;
    color: #DCDCDC;
    border-radius: 20px;
    line-height: 100%;
    height: 20px;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  #html-body .custom_modal__action .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    background-color: #BB1818 !important;
    color: #fff !important;
  }
  #html-body .custom_modal__action .select2-selection__choice .select2-selection__choice__remove span{
    line-height: 19.2px;
  }
  #html-body .custom_modal__action .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
   padding: 0 !important;
   line-height: normal
  }
  #html-body .custom_modal__action  .select2-container .select2-selection--multiple .select2-selection__rendered{
    display: inline-flex;
   gap: 10px;
     flex-wrap: wrap;
  }
  #html-body .custom_modal__action .modal-inner-wrap .modal-content > div.multi-content  span.error-text{
    position: absolute;
    left: 0;
    /* top: 53px; */
    bottom: -13px;
    font-size: 10px;
    color: #b70707;
  }
  #html-body .custom_modal__action:not(.modal_details,.prop-modal) .select2-container--default .select2-selection--multiple .select2-selection__choice:first-of-type button{
    display: none;
  }
    /* Custom modal for text start */

#html-body .custom_modal__action.text-modal .modal-inner-wrap .modal-content p{
  padding: 0 0 10px 0 !important;
  line-height: 21.6px;
  font-size: 18px;
}
#html-body .custom_modal__action.text-modal .modal-inner-wrap .modal-title {
  line-height: 21.6px
}
 /* Custom modal for text end */

 /* Claim Commissions--modal style:start */
 #html-body .custom_modal__action.claim--modal .modal-inner-wrap{
  max-width: 600px !important;
  text-align: left;
}
#html-body .custom_modal__action.claim--modal .modal-inner-wrap .modal-content h5 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  margin-bottom: 10px;
  
}
#html-body.commissionsystemenhancement-listingcommission-index .custom_modal__action.claim--modal .modal-inner-wrap .modal-content {
  padding: 0px 0 10px 0 !important;;
}
#html-body.commissionsystemenhancement-listingcommission-index .custom_modal__action.claim--modal .modal-inner-wrap .modal-content p{
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  margin: 0 0 10px 0;
}
#html-body .custom_modal__action.claim--modal .modal-inner-wrap .modal-content .d--grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-left: 0;
  list-style: none;
  
}
#html-body .custom_modal__action.claim--modal .modal-inner-wrap .modal-content .d--grid li{
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  margin-bottom: 10px;
}
#html-body.commissionsystemenhancement-listingcommission-index .custom_modal__action.claim--modal .modal-inner-wrap .modal-footer{
  margin: 20px 0;
}
#html-body.commissionsystemenhancement-listingcommission-index .custom_modal__action.claim--modal .modal-inner-wrap .modal-footer a{
  font-size: 16px !important;
}

#html-body.commissionsystemenhancement-listingcommission-index .custom_modal__action.claim--modal .modal-inner-wrap .modal-header .action-close:hover{
  color: inherit !important;
}
#html-body.commissionsystemenhancement-listingcommission-index .tag_tooltip:hover > span{
  font-size: 14px !important;
  line-height: 20px;
  right: 0;
}
 /* Claim Commissions--modal style:end*/

 /* commissionsystemenhancement-listingcommission-index Sales Revenue style:start */
 body.commissionsystemenhancement-listingcommission-index .listCommission_Div .text-info-banner > .text-banner-card .btn_tag.active{
  background-color: #067DF4 !important;
  border-color: #067DF4 !important;
  color: #ffffff !important;
 }
 body.commissionsystemenhancement-listingcommission-index .listCommission_Div .text-info-banner > .text-banner-card a.hover-none{
  color: inherit !important;
 }
 body.commissionsystemenhancement-listingcommission-index .listCommission_Div .text-info-banner > .text-banner-card p select{
  height: 30px;
  margin-top: 10px;
 }
 /* commissionsystemenhancement-listingcommission-index Sales Revenue style:end */
 @media (max-width: 1399.98px) {
 .icon-custom-alert{
    left: calc(50% - 200px);
    width: 35%;
 }}
 #html-body .custom_modal__action .modal-inner-wrap .modal-content > div[data-bind="if: notes"] > div,
 #html-body .custom_modal__action .modal-inner-wrap .modal-content > div:not(:last-of-type, [data-bind="if: notes"]){
  margin-bottom: 10px;
 }
 #html-body .custom_modal__action .modal-inner-wrap .modal-content > div.multi-content{
  margin-bottom: 15px;
 }
/* my payment details-commissionsystemenhancement-listingcommission- style:start */
#html-body.commissionsystemenhancement-listingcommission-paymentdetails .payment-details-table .section-table-layout table tbody > tr > td.fee-section{
  flex-direction: row !important;
  font-size: 18px;
}
#html-body.commissionsystemenhancement-listingcommission-paymentdetails  .payment-details-table .section-table-layout table tbody > tr > td.fee-section > div{
  grid-template-columns: 40% 100%;
}
#html-body.commissionsystemenhancement-listingcommission-paymentdetails .board-panel > div > section span{
  font-size: 18px;
}
#html-body.commissionsystemenhancement-listingcommission-paymentdetails .page-title-wrapper .page-title span{
  font-size: 24px !important;
  line-height: 28px;
}
body.commissionsystemenhancement-listingcommission-index .listCommission_Div .text-info-banner > .text-banner-card a.btn_tag{
  height: auto;
}
@media (max-width: 1080.98px){
  body.commissionsystemenhancement-listingcommission-index .scroll-section > div{
    min-width: 127px;
  }
}

/* my payment details-commissionsystemenhancement-listingcommission- style:end */

 /* cursor-pointer - start */
.cursor-pointer-none{
  cursor: auto !important;
}
/* cursor-pointer - end */

/* image file upload icon and alignment noticeboard :start */
.file-upload.newtype .d-flex.flex-column-reverse{
  position: relative;
  width: 100%
}
.file-upload.newtype .d-flex.flex-column-reverse .fa-window-close {
  position: absolute;
  right: calc(100% - 222px);
  top: 0;
  font-size: 20px;
}
.file-upload.newtype .d-flex.flex-column-reverse > img.notice-img-preview{
  margin-bottom: 10px;
}
/* image file upload icon and alignment noticeboard :end */
/* notice board createnotice list alignment :start */
#html-body .createnotice .createnoticbox ul li > label{
  flex: 1 1 100%;
  max-width: 162px;
  width: auto;
}
.noticeboard-form-index .projects-main-section .noticeBoard > p.btns{
  overflow: auto;
}
/* notice board createnotice list alignment :end */
/* property-offer_available list alignment : start */
.property-offer_available > div > div > span{
 flex: 1 1 calc(100% - 40px);
}
.property-offer_available > div > div{
  /* padding: 3px; */
  gap: 5px;
}
.property-offer_available > div > div span{
  word-break: break-word;
}
.property-offer_available
/* property-offer_available list alignment : end */

/* multi_offer_pop multi_tooltiptext : start */
.multi_offer_pop:hover  .multi_tooltiptext{
  scale: 1;
}
.multi_tooltiptext{
  scale: 0;
  position:absolute;
  left:0;
  right: 0;
  background-color: #808080;
  border-radius: 6px;
  padding: 5px;
  bottom: 0;
  z-index: 9;
  font-size: 0.7rem;
}
#html-body .multi_tooltiptext{
  color: #fff!important;
}
/* multi_offer_pop multi_tooltiptext : end */



 /* property-offer_available list alignment new : start */
 .property-offer_available .offer_available_container{
  display: flex;
 }
 .property-offer_available .offer_available_text{
   flex: 1 1 calc(100% - 25px);
   text-align: left;
   display: flex;
   flex-wrap: wrap;
   column-gap: 5px;
 }
 .property-offer_available .info-icon2{
   flex: 1 1 25px;
   background-repeat: no-repeat;
   background-position: right;
 }
#html-body .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-offer_available {
  min-width: 240px !important;
  padding: 4px;
}
.property-offer_available .offer_available_text.for-multiple{
  position: relative;
  flex-wrap: nowrap;
}
.property-offer_available .offer_available_text.for-multiple > span{
  white-space: nowrap;
}
@media (max-width: 1200.98px) {
  .property-offer_available .offer_available_text > span:last-of-type{
    width: 100%;
  }
  #html-body .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-offer_available {
    /* min-width: 160px !important; */
    min-width: 180px !important;
  }
  .property-offer_available .offer_available_text.for-multiple > span:first-of-type{
    padding-bottom: 22px;
  }
  .property-offer_available .offer_available_text.for-multiple > span:last-of-type{
    position: absolute;
    right: 0;
    bottom: 0;
    white-space: nowrap;
  }
}
 /* property-offer_available list alignment new : end */
 /* projectOfferTable_wrapper hover effect start */
 #projectOfferTable_wrapper table tbody tr:first-of-type td:is(:first-of-type,:nth-of-type(2),:nth-last-of-type(3)){
  visibility: visible !important;
}
 #projectOfferTable_wrapper table tbody tr.even:hover::after{
  content: "";
  background-color: rgba(0, 0, 0, 0.075);
  position: absolute;
  inset: 0;
  z-index: 1;
}
#projectOfferTable_wrapper table tbody tr.odd::after{
  content: "";
  background-color: rgba(0, 0, 0, 0.075);
  position: absolute;
  inset: 0;
  z-index: 1;
}
#projectOfferTable_wrapper table tbody :is(tr:is(.odd,.even),tr:is(.odd,.even):hover) {
  background-color: transparent;
}
#projectOfferTable_wrapper table tbody tr:hover{
  background-color: transparent;
  box-shadow: none;
}
#projectOfferTable_wrapper table tbody tr:hover td{
  box-shadow: none;
}
#projectOfferTable_wrapper table tbody tr td{
  box-shadow: none;
    background-color:transparent;
}
#projectOfferTable_wrapper table tbody tr{
  position: relative;
}
#projectOfferTable_wrapper table tbody tr td {
  position: relative;
  z-index: 2;
}
/* projectOfferTable_wrapper hover effect end */
 /* property-offer_available list alignment new : start */
#html-body .property-mobile-sub-section-two ul:only-of-type{
  padding-bottom: 40px;
}
#html-body .property-mobile-sub-section-two ul{
  padding-bottom: 20px;
}
 /* property-offer_available list alignment new : end */

 /* mobile view tootipl list alignment start */
.mobile-view .multi_tooltiptext > ul{
  padding: 0px 0px 0 12px;
}
.mobile-view .multi_tooltiptext > ul > li{
  max-width: 100%;
  list-style: disc;
  display: list-item !important;
  text-align: left;
  margin: 0 0 2px 0;
}
.mobile-view .info-icon2.tag_tooltip:hover::before{
  right: 5px;
  left: auto;
}
/* mobile view tootipl list alignment end */

/* Myaccount page list table small screen alignment start  */
#html-body.agent-projects-index #maincontent .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.checkbox input[type="checkbox"]{
  position: relative !important;
}
@media (max-width: 1500.98px) {
  #html-body.agent-projects-index #maincontent .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-rop{
    min-width: 120px !important;
  }
  #html-body.agent-projects-index #maincontent .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-land_size{
    min-width: 80px !important;
  }
  #html-body.agent-projects-index #maincontent .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.icon-num-li:not(.three-dot-li, .onhold-li, .share-li ){
    min-width: 45px !important;
  }
  #html-body.agent-projects-index #maincontent .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-lot,
  #html-body.agent-projects-index #maincontent .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-block{
    min-width: 100px !important;
  }
}
/* Myaccount page list table small screen alignment start */
/* delegated access login section start */
#html-body.delegatedaccesslogin-delegatedlogin-index .page-title-wrapper .page-title{
  display: none !important;
}
.delegated-access-login{
  margin: auto;
  width: 50%;
  justify-items: center;
}
@media (max-width: 1399.98px) {
  .delegated-access-login{
    width: 70%;
  }
}
.delegated-access-login > div{
  display: inline-block;
}
.delegated-access-login > div > h2{
  text-align: center;
  margin: 0;
  font-size: 40px;
}
.delegated-access-login > div > p{
  margin: 0;
  font-size: 18px;
  font-weight: 100;
  text-align: right;
}
.delegated-access-login > form{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.delegated-access-login > form label .required{
 color: #e02b27;
}
.delegated-access-login > form label{
  color: #000;
}
.delegated-access-login > form .agent-dropdown + .select2-container {
 width: 100% !important;
}
.delegated-access-login > form .agent-dropdown + .select2-container .select2-selection--single{
  min-height: 40px;
  height: auto;
  display: flex;
  align-items: center;
  border: 2px solid #067DF4;
}
.delegated-access-login > form .agent-dropdown + .select2-container .select2-selection--single .select2-selection__clear {
  order: 2;
  padding: 0;
  margin: 0;
  margin-left: auto;
  height: auto;
  color: red;
  float: unset;
}
.delegated-access-login > form .agent-dropdown + .select2-container .select2-selection--single .select2-selection__rendered {
  order: 1;
  height: 100%;
  padding-right: 0;
  width: 100%;
  font-size: 1rem;
}
.delegated-access-login > form .agent-dropdown + .select2-container .select2-selection--single .select2-selection__arrow{
  order: 3;
  display: block;
  height: 5px;
  margin-right: 10px;
  width: 20px;
  position: relative;
  inset: auto;
}
.delegated-access-login > form .agent-dropdown + .select2-container .select2-selection--single .select2-selection__arrow b{
  border-top-color: #067DF4;
}
.delegated-access-login > form .agent-dropdown + .select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-bottom-color: #067DF4;
}
.delegated-access-login > form > button{
  align-self: flex-end;
  border-radius: 1.25rem;
  margin: 10px 0px;
}
#html-body.delegatedaccesslogin-delegatedlogin-index .proxima-myaccount-container .proxima-myaccount-sidebar{
  margin-top: 0 !important;
}
.alert-login-message .alert-login-message{
  margin: 0.5rem 2rem 0 2rem;
  padding: 5px 10px;
  /* color: #fff;
  background-color: #067df4; */
  border-radius: 5px;
  font-size: 1rem;
  line-height: normal;
  border: 1px solid #067df466;
}
.delegatedaccesslogin-delegatedlogin-index .select2-container .select2-results__option--highlighted.select2-results__option--selectable{
  color: #fff !important;
}

.customer-account-index  #maincontent .page.messages .messages{
  display: flex;
  justify-content: flex-end;
}
.customer-account-index  #maincontent .page.messages .messages > div{
  margin: 10px 2rem 0 0;
  width: calc(100% - 347px);
}
@media (max-width: 568.98px) {
  .customer-account-index  #maincontent .page.messages .messages > div{
    width: 100%
  }
}
/* delegated access login section end */

/* floating button back for payment details page start */
#html-body .proxima-myaccount-container .body-content .floating-btns{
  position: absolute;
  top: -38px;
  right: 130px;
  width: 38px;
  height: 38px;
  display: inline-flex;
}
#html-body .proxima-myaccount-container .body-content .floating-btns .btn_back{
  border: 2px solid #000;
  background-color: #fff;
  color: #000;
  padding: 0;
  width: 100%;
  font-size: 0.75rem;
  outline: 3px solid #fff;
}
#html-body:is(.commissionsystemenhancement-paymentdetails-index) button.helpdesk_popup{
  height: 38px !important;
  width: 100px !important;
  padding: 0 !important;
  font-size: 12px !important;
}
#html-body:is(.commissionsystemenhancement-paymentdetails-index) .page-title-wrapper{
  padding-right: calc(26px + 1.5rem) !important;
}
#html-body:is(.commissionsystemenhancement-paymentdetails-index) button#btn-backbutton{
  width: 38px !important;
  height: 38px;
}
/* @media (max-width: 990.98px) {
  #html-body .proxima-myaccount-container .body-content .floating-btns{
    right: 143.5px;;
  }
}
@media (max-width: 575.98px) {
  #html-body .proxima-myaccount-container .body-content .floating-btns{
    right:160.5px;
  }
} */
/* floating button back for payment details page end */
#html-body .flex-none{
  flex: none !important;
}
.select2-container--default .select2-results>.select2-results__options#select2-keywords-results{
background-color: transparent !important;
}
#select2-keywords-results .select2-results__option--selectable.select2-results__option--highlighted{
  color: #fff !important;
  background-color: #067df4;
}
#keywords_list{
  padding: 0px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 5px;
  height: auto;
}
#keywords_list >.elmt-field-list{
  padding: 5px 10px;
  background-color: #DCDCDC;
  border-radius: 1.25rem;
  line-height: normal;
  margin: 0;
}
#keywords_list >.elmt-field-list > label + span{
  cursor: pointer;
  display: inline-block;
  line-height: 100%;
  color: #fff;
  background: #BB1818;
  padding: 0px 3px;
  border-radius: 1.25rem;
}

#keyword_search_data{
  list-style: none;
  padding: 10px;
  font-size: 16px;
  line-height: 100%;
  border: 1px solid #8C8C8C;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 0;
}
#keyword_search_data li {
  margin: 0;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 100%;
  color: #323232;
}
#keyword_search_data ul{
  list-style: none;
  padding: 0;
}
#keyword_search_data > li > ul:not(:first-of-type){
  padding-left: 10px;
}
.main-filter-section.addvance-search-box .body-content input:focus{
  -webkit-text-fill-color: #000 !important;
  color: #000 !important;
  border-color: #000 !important;
  background-color: #fff !important;
}
/* Keyword list mobile viwq in web start */
  @media screen and (max-width: 578.98px){
    #html-body.projects-search-details .main-filter-section.addvance-search-box {
        max-height: 95%;
        overflow: auto;
      }
  }
  /* Keyword list mobile viwq in web start */
/* Keyword list web hover start */
#keyword_search_data > li > ul:last-of-type li{
  padding: 5px 8px;
  margin: 2px 0px;
}
  #keyword_search_data > li > ul:last-of-type li:hover{
    background-color: #067DF4;
    color: #fff;
  }
  /* Keyword list web hover end*/
/* for create notice board  popup start */
.createnotice .createnoticbox ul li.datetime p q#date-section{
  flex-direction: column;
  gap: 10px;
}
.createnotice .createnoticbox ul li.datetime > p span:nth-child(2)#show_checkbox{
  padding-left: 0;
  padding-bottom: 15px;
}
#html-body .createnotice div#start_date-error.mage-error {
  bottom: 17px;
}
/* for create notice board  popup end */

/* seemore discription image modal start */
.custom_modal__modal.notice-app-popup .modal-inner-wrap{
  max-width: 600px;
}
.custom_modal__modal.notice-app-popup .modal-inner-wrap .modal-content{
  padding: 0px !important;
}
div.notice-app-popup > div{
  padding: 60px 10px;
  position: relative;
}
div.notice-app-popup > div > span:last-of-type{
  position: absolute;
  bottom: 20px;
  right: 15px;
  font-size: 18px;
}
div.notice-app-popup > div > span:last-of-type > a[href]{
  padding: 5px 10px !important;
  font-size: 18px;
  font-weight: 600;
}

div.notice-app-popup > div > span:nth-last-of-type(2){
  display: block;
    margin: 10px 0;
    padding: 5px;
    height: 80px;
}
aside.modal-popup.notice-app-popup{
  max-height: 90vh;
}
div.notice-app-popup > div > span:nth-last-of-type(2) > p{
  line-height: 120%;
    font-size: 18px;
    margin-bottom: 0;
    display: block;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: scroll;
    max-height: 110px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
div.notice-app-popup > div > span:first-of-type{
  display: block;
  background-color: #ebebeb;
}
div.notice-app-popup > div > span:first-of-type > img{
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: top;
  max-height: 40vh;
}

.modals-wrapper .modal-popup._inner-scroll.custom_modal__modal .modal-inner-wrap .modal-header .action-close{
    right: 10px;
    top: 10px;
    border-radius: 5px;
    background: transparent;
}
.modals-wrapper .modal-popup._inner-scroll.custom_modal__modal .modal-inner-wrap .modal-header .action-close::before{
  color: #000;
  background: transparent;
  font-weight: 700;
  border-radius: 5px;
}
.modals-wrapper .modal-popup._inner-scroll.custom_modal__modal .modal-inner-wrap .modal-header .action-close:hover:before{
  color: #fff;
  background: #000;
}
/* semore discription image modal end */
/* categorypath-buy search section design change start*/
#html-body.proximanew-style.categorypath-buy .page-wrapper .project-search{
  padding: 0 64px;
  margin: 20px auto 0 auto;
  width: 100%;
}
#html-body.proximanew-style.categorypath-buy .page-wrapper .project-search .container{
  background-color: #4479ff !important;
  border-radius: 5px;
  padding: 0 !important;
}
#html-body.proximanew-style.categorypath-buy .search-list {
  gap: 10px;
}
#html-body.proximanew-style.categorypath-buy  .search-block.project-search h5{
  font-size: 24px;
  line-height: 29px;
  color: #fff !important;
}
#html-body.proximanew-style.categorypath-buy .search-list > li.location{
  width: 100% !important;
  min-width: auto;
  min-height: auto;
  max-height: max-content;
  box-shadow: none !important;
  max-width: calc(100% -  600px);
}
#html-body.proximanew-style.categorypath-buy .search-list > li.type{
  max-width: 450px;
  width: 100% !important;

}
#html-body.proximanew-style.categorypath-buy .search-list > li.location .form-group{
  padding: 0;

}
#html-body.proximanew-style.categorypath-buy .search-list > li.type .form-group > label,
#html-body.proximanew-style.categorypath-buy .search-list > li.location .form-group > label{
  display: block;
}
#html-body.proximanew-style.categorypath-buy .search-list > li.location .form-group > label + .location-input input{
  height: auto !important;
  min-height: auto;
  padding: 10px 15px;
  border: 1px solid #fff !important;
  border-radius: 5px !important;
  color: #000 !important;
  background-color: #fff !important;
  font-size: 0.875rem;
}
#html-body.proximanew-style.categorypath-buy label.advanced-search-label{
  color: #fff !important;
  font-size: 14px;
  text-underline-position: under;
  text-decoration: underline;
}
#html-body.proximanew-style.categorypath-buy .search-list > li.type .form-group > label + .select-input select{
  font-size: 0.875rem;
  min-height: auto;
  height: auto !important;
  max-height: 100%;
  padding: 10px 15px;
  border: 1px solid #ffff !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  background-color: #fff !important;
  max-width: 100%;
  color: #000;}
  #html-body.proximanew-style.categorypath-buy .search-list > li.SearchBtn{
    align-self: center;
  }
  #html-body.proximanew-style.categorypath-buy .search-list > li.SearchBtn .main-search-button{
    min-height: 46px !important;
    margin-top: 5px;
    border-radius: 5px !important;
    background-color: #fff !important;
    color: #4479ff !important;
    font-size: 1rem;
    font-weight: 400;
    border-color: #4479ff !important;
    min-width: 100%;
    box-shadow: none !important;
  }
  #html-body.proximanew-style.categorypath-buy .search-list > li.SearchBtn .main-search-button:hover{
    background-color: #4479ff !important;
    color: #fff !important;
    border-color: #fff !important;
  }
  #html-body.proximanew-style.categorypath-buy .search-list > li.SearchBtn .form-group{
    padding: 0;
  }
  #html-body.proximanew-style.categorypath-buy .search-list >  li.SearchBtn{
    width: 100%;
    max-width: 150px;
    align-self: center;
  }
  #html-body.proximanew-style.categorypath-buy .page-wrapper .project-search .container .search-block-main .search-block-inner{
    padding: 48px 43px 
  }
  #html-body.proximanew-style.categorypath-buy .page-wrapper .project-search .container .addvance-search-box{
    top: 0 !important;
  }
  #html-body.proximanew-style.categorypath-buy .page-wrapper .project-search .container .addvance-search-box .body-content{
    max-height: 600px;
    overflow: auto;
  }
  @media (max-width: 1399.98px) {
    #html-body.proximanew-style.categorypath-buy .page-wrapper .project-search .container .addvance-search-box .body-content{
      max-height: 300px;
    }
    #html-body.proximanew-style.categorypath-buy .page-wrapper .project-search .container .addvance-search-box .body-content.footer {
      padding: 15px 10px;
  }
  #html-body.proximanew-style.categorypath-buy .search-list > li.location{
    max-width: calc(100% -  450px);
  }
  #html-body.proximanew-style.categorypath-buy .search-list > li.type{
    max-width: 450px;
  }
  }
  @media (max-width: 1080.98px) {
    #html-body.proximanew-style.categorypath-buy .search-list{
      flex-wrap: wrap;
    }
  #html-body.proximanew-style.categorypath-buy .search-list > li.location{
    max-width: 100%;
  }
  #html-body.proximanew-style.categorypath-buy .search-list > li.type{
    max-width: calc(100% -  160px);
  }
  #html-body.proximanew-style.categorypath-buy .page-wrapper .project-search .container .search-block-main .search-block-inner{
    padding: 40px 20px;
  }
  }
  /* categorypath-buy search section design change end*/
/* #html-body .flex-base-container ul li.property-offer_available .info-icon2.tooltip.tag_tooltip .tooltiptext{
  top: -4px;
  bottom: auto;
  right: 25px;
} */
/* #html-body .flex-base-container .properties-container .sortfilter-header-desktop + div > .properties-container:is(:nth-of-type(1),:nth-of-type(2))  ul li.property-offer_available .info-icon2.tag_tooltip:hover::before{
  bottom: 44%;
  left: -3px;
  rotate: 270deg;
} */
 /* For overflow tooltip content start */
.custom-accordion-tab .tab-label.label-tab-minus + .tab{
  overflow: visible;
}
 /* For overflow tooltip content end */
 /* project offer table list data alignment start */
 #projectOfferTable_wrapper table tbody tr td > ul > li{
  flex: 1 1 100%;
  list-style-position: inside;
 }
 #projectOfferTable_wrapper table tbody tr td > ul{
  display: flex;
  flex-direction: column;
  height: 100%;
 }

/* project offer table list data alignment end */


 /* From page inline style tag offer table page start */
body.account.project_theme_mode_normal:is(.reservation-viewdraft-index, .reservation-psp-index).account.page-layout-2columns-left:is(.project_theme_mode_dark, .project_theme_mode_normal) .proxima-myaccount-container .body-content form .table tbody tr td a i {
  color: #000 !important;
  padding: 6px;
}

body.account.project_theme_mode_normal:is(.reservation-viewdraft-index, .reservation-psp-index).account.page-layout-2columns-left:is(.project_theme_mode_dark, .project_theme_mode_normal) .proxima-myaccount-container .body-content form .table tbody tr td a i:hover {
  background: #fff;
  border-radius: 16px;
}

body.account.project_theme_mode_normal .table label.view-upload {
  padding: 6px;
}

body.account.project_theme_mode_normal .table label.view-upload:hover {
  background: #fff;
  border-radius: 16px;
}

#projectOfferTable_wrapper {
  overflow: auto;
}

.project_theme_mode_normal .container.roomBookingContainer .tableContainer .dataTables_length {
  position: unset !important;
  max-width: 200px;
}

#projectOfferTable_wrapper table tbody tr:first-of-type td:is(:first-of-type, :nth-of-type(2)) {
  visibility: visible !important;
}

#projectOfferTable_wrapper table tbody tr.even:hover::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.075);
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* new */
#projectOfferTable_wrapper table tbody tr.odd::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.075);
  position: absolute;
  inset: 0;
  z-index: 1;
}

#projectOfferTable_wrapper table tbody :is(tr:is(.odd, .even), tr:is(.odd, .even):hover) {
  background-color: transparent;
}

#projectOfferTable_wrapper table tbody tr:hover {
  background-color: transparent;
  box-shadow: none;
}

#projectOfferTable_wrapper table tbody tr:hover td {
  box-shadow: none;
}

#projectOfferTable_wrapper table tbody tr td {
  box-shadow: none;
  background-color: transparent;
}

#projectOfferTable_wrapper table tbody tr {
  position: relative;
}

#projectOfferTable_wrapper table tbody tr td {
  position: relative;
  z-index: 2;
}
 /* From page inline style tag offer table page end */
 .agent-projects-index  .lac-notification-sticky{
  top: 0 !important;
 }

 /* custom-two-select-two new Start */
 #html-body .custom_modal__share_project .modal-inner-wrap .dropdown-section .list-data-column-two.custom-two-select-two{
  grid-template-columns: auto !important;
  gap: 0px !important;
  }                        
  #html-body .custom-two-select-two .select2-container{
  width: 100% !important;
  position: static !important;
  }
  #html-body .custom-two-select-two .select2-container--default .select2-search--inline .select2-search__field{
      width: 100% !important;
      border: 1px solid #E9E9E9;
      min-height: 40px;
      height: auto;  
      font-size: 14.5px;
      padding: 0px 22px;
  }
  #html-body .custom-two-select-two .select2-container--default .select2-selection--multiple{
      padding: 0;
      border: 0;
      display: flex;
      flex-direction: column;
      position: relative;
  }
  #html-body .custom-two-select-two .select2-container--default .select2-selection--multiple .select2-selection__clear{
    right: 10px;
    position: absolute;
    margin: 0;
    color: #000;
    top: 10px;
  }
  #html-body .custom-two-select-two .select2-container .select2-selection--multiple .select2-selection__rendered{
      order: 2;
      display: flex;
      flex-wrap: wrap;
      gap: 0px;
      padding: 2px 0px;
  }
  #html-body .custom-two-select-two .select2-search.select2-search--inline{
      order:1;
  }
  #html-body .custom-two-select-two .select2-results__option--selectable::before{
      content: url(../images/blue-uncheck.svg);
  }
  #html-body .custom-two-select-two .select2-container--default .select2-results__option--selected::before{
    content: url(../images/blue-check.svg);
}
#html-body .custom-two-select-two .select2-results__option--selectable{
  display: flex;
  gap: 12px;
  padding: 0;
  padding-top: 20px;
  font-size: 14.5px;

}
#html-body .custom-two-select-two .select2-dropdown{
  width: 100% !important;
  position: static !important;
  border: none;
  border-radius: 0;
  border-top: 1px solid #D8D8D8;
}
#html-body .custom-two-select-two .select2-container--default .select2-results__option--selected,
#html-body .custom-two-select-two .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: transparent;
}
#html-body .custom-two-select-two .select2-container--default .select2-results>.select2-results__options{
   background-color: transparent !important;
}
#html-body .custom-two-select-two .select2-container--default .select2-selection--multiple .select2-selection__choice{
  flex-direction: row-reverse;
  margin: 8px 5px 3px 0;
  font-size: 14px;
  padding-right: 10px !important;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #F2F2F2 !important;
}
#html-body .custom-two-select-two .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  position: static !important;
  padding: 0;
}
#html-body .custom-two-select-two .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
  font-size: 13px !important;
  padding: 0 !important;
  color: #464646;
}
#html-body .custom-two-select-two .select2-container--default .select2-selection--multiple .select2-selection__choice:first-of-type .select2-selection__choice__display{
  font-size: 14.5px !important;
  color: #000;
}
#html-body .custom-two-select-two .select2-selection__choice .select2-selection__choice__remove span{
  font-size: 19.5px;
  color: #464646;
  padding: 0 !important;
  font-weight: 600;
}
#html-body .custom-two-select-two .select2-selection__choice:first-of-type .select2-selection__choice__remove span{
  color: #000;
}
#html-body .custom-two-select-two .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
  background-color: transparent !important;
  border-radius: 3px;
}
#html-body .custom-two-select-two .select2-selection__choice .select2-selection__choice__remove span:hover{
  color: #b70707 !important;
}
   /* custom-two-select-two new end */

 /* wrap-pill-container start*/
  .wrap-pill-container{
    display: flex;
    flex-wrap: wrap;
  }
  .wrap-pill-container .selected-items{
    background-color: #DCDCDC;
    padding: 7px 7px 7px 13px;
    line-height: 100%;
    border-radius: 1.25rem;
    display: flex;
    align-items: center;
    margin: 6px 6px 0 0 ;
  }
  .wrap-pill-container .remove-close{
    color: #DCDCDC;
    cursor: pointer;
    background-color: #b70707;
    margin-left: 2px;
    padding: 2px 5px;
    border-radius: 1.25rem;
    line-height: 100%;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }  
    /* wrap-pill-container start*/
/* Common fix for all agent sites that got their banners removed start */
#html-body:is(.agent-website-page,.wtrealestate-style,.sihmar-style,.loven-reality-style,.one_agency-style,.hubrealestate-style) .page-wrapper .search-block.project-search .search-block-main .search-block-inner{
  position: static;
}
#html-body:is(.agent-website-page,.wtrealestate-style,.sihmar-style,.loven-reality-style,.one_agency-style,.hubrealestate-style) .search-block.project-search{
  margin: 0;
  padding-top: 154px;
  background-color: transparent !important;
}
#html-body:is(.agent-website-page,.wtrealestate-style,.sihmar-style,.loven-reality-style,.one_agency-style,.hubrealestate-style) .proxima-project-list{
  margin-top: 0;
  padding-top: 1.5rem !important;
}
#html-body.page-with-filter .project-search .addvance-search-box .body-content{
  max-height: 580px;
  overflow: auto;
}
#html-body.page-with-filter .close-advance-search{
  cursor: pointer;
}
#html-body.page-with-filter .project-search .addvance-search-box {
  top: 0 !important;
}
@media (max-width: 1399.98px) {
  #html-body.page-with-filter .project-search .addvance-search-box .body-content{
    max-height: 355px;
    overflow: auto;
  }
}
/* Common fix for all agent sites that got their banners removed end */
 /* tootip for project address start */
    .property-details-basic-details .tooltip {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .property-details-basic-details span.tooltip span.tooltip-text {
        color: #fff;
    }

    .property-details-basic-details .tooltip .tooltip-text {
        visibility: hidden;
        background-color: #676363; /* Match the gray background */
        color: #fff;
        text-align: center;
        padding: 5px;
        border-radius: 4px;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .property-details-basic-details .tooltip:hover .tooltip-text {
        visibility: visible;
        opacity: 1;
    }
    /* tootip for project address end */

  /* tooltip alignment start*/
 .info-icon2.tooltip.tag_tooltip .tooltiptext ul{
  padding: 3px 3px 0 12px;
 }
  /* tooltip alignment end*/ 

  /* center alignmnent property_width and property_length start */
  body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details:not(.sortfilter-header-desktop) li:is(.property_length,.property_width){
    text-align: center;
  } 
    /* center alignmnent property_width and property_length end */

/* reservation-viewdraft-index modal-pop-up-custom-sales-advice-confirm popup close button hover color change start */

/* #html-body.reservation-viewdraft-index .modal-popup.modal-pop-up-custom-sales-advice-confirm .modal-inner-wrap .modal-header .action-close:hover{
  background-color: #fff !important;
} */
/* #html-body.reservation-viewdraft-index .modal-popup.modal-pop-up-custom-sales-advice-confirm .modal-inner-wrap .modal-header .action-close:hover::before{
  color: #000 !important;
} */
#html-body.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll.modal-pop-up-custom-sales-advice-confirm  .modal-inner-wrap .modal-header .action-close:hover{
  background-color: #000 !important;
}
#html-body.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll.modal-pop-up-custom-sales-advice-confirm  .modal-inner-wrap .modal-header .action-close:hover::before{
  color: #fff !important;
}
/* reservation-viewdraft-index modal-pop-up-custom-sales-advice-confirm popup close button hover color change end */
   /* custom-two-select-two new Start */
   .area-text .tox  .tox-toolbar--scrolling{
    flex-wrap: wrap;
   }
   .area-text .tox  .tox-toolbar__group{
    width: 100%;
   }
   .area-text .tox  .tox-toolbar__group :is(.tox-tbtn,.tox-split-button){
      width: auto;
   }
   .area-text .tox  .tox-toolbar__group .tox-split-button{
      padding: 0px 20px;
   }
   .area-text .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){
    border: none;
   }
   @media (max-width: 1399.98px) {
        #html-body .custom-two-select-two .select2-container--default .select2-results>.select2-results__options{
          max-height: 100px;
      }
   }
   /* custom-two-select-two new end */
/* floating button back for payment details page start */
#html-body .proxima-myaccount-container .body-content .floating-btns{
  position: absolute;
  top: -38px;
  right: 130px;
  width: 38px;
  height: 38px;
  display: inline-flex;
}
#html-body .proxima-myaccount-container .body-content .floating-btns .btn_back{
  border: 2px solid #000;
  background-color: #fff;
  color: #000;
  padding: 0;
  width: 100%;
  font-size: 0.75rem;
  outline: 3px solid #fff;
}
#html-body:is(.commissionsystemenhancement-paymentdetails-index) button.helpdesk_popup{
  height: 38px !important;
  width: 100px !important;
  padding: 0 !important;
  font-size: 12px !important;
}
#html-body:is(.commissionsystemenhancement-paymentdetails-index) .page-title-wrapper{
  padding-right: calc(26px + 1.5rem) !important;
}
#html-body:is(.commissionsystemenhancement-paymentdetails-index) button#btn-backbutton{
  width: 38px !important;
  height: 38px;
}
@media (max-width: 990.98px) {
  #html-body .proxima-myaccount-container .body-content .floating-btns{
    right: 143.5px;;
  }
}
@media (max-width: 575.98px) {
  #html-body .proxima-myaccount-container .body-content .floating-btns{
    right:160.5px;
  }
}
/* floating button back for payment details page end */

/* new Marketing Tasks Settings style:start */
body .form-section .marketing-form .form-group-field{
  display: flex;
  column-gap: 15px;
  flex-direction: column;
}
body .form-section .marketing-form .form-group-field .form-group span.delete-btn,
body .form-section .marketing-form .form-group-field .form-group .sub-value{
  padding: 8px 16px 8px 5px;
  background-color: transparent !important;
  margin-top: 10px !important;
  height: 40px;
  width: 100%;
  display: block;
}
body .form-section .marketing-form .form-group .add-task-new{
    margin: 0;
    position: absolute;
    right: 3px;
    font-size: 11px;
    top: 3px;
}
body .form-section .marketing-form .form-group .add-task-new,
body .form-section .marketing-form  .form-group .add-task{
  color:#067DF4 ;
  font-weight: 700;
  width: fit-content;
  padding-bottom: 8px;
  cursor: pointer;
}
div.span_fullwidth span.select2-container--below,
div.span_fullwidth span.select2-container--default{
  width: 100%!important;
}
/* hidefooter for all popup start */
.hidefooterclass .modal-footer {
  display: none;
}
.add-new-client-popup .modal-header .modal-title{
  padding: 0 !important;
}
/* hidefooter for all popup start */
.multi-custom-select-two #other-directors + .select2-container .select2-search.select2-search--inline {
  opacity: 0;
}
/* hover button with email start */
.hover-element .hover-item{
  padding: 7px 12px;
  background-color: #DCDCDC;
  color: #000;
  border-radius: 1.25rem;
  line-height: 100%;
}
.hover-element .overlap-hover-btn{
  padding: 7px 12px;
  background-color: #DCDCDC;
  color: #000;
  border-radius: 1.25rem;
  line-height: 100%;
  border: 0 !important;
  font-size: 14px;
  position: relative;
  margin: 0 !important;
  text-transform: none;
}
.hover-element .overlap-hover-btn > a,
.hover-element .overlap-hover-btn > a > span{
  font-size: 14px;
  line-height: 100%;
  color: #067DF4;
}
.hover-element .overlap-hover-btn > a > i{
  font-size: 14px;
  line-height: 100%;
}
body .form-section .marketing-form  .form-group .add-task{
  cursor: pointer;
}

.marketing-form #div-marketing-tasks.form-group-field .form-row .form-group .input-wrapper .gst-value{
  width: 80px;
}
body .form-section #div-marketing-tasks p.btns {
  margin: 0 0 30px 0;
}
body.customer-account-index .form-section #div-marketing-tasks.form-group-field{
  max-width: 53%;
}
body.customer-account-index .marketing-form .form-group-field .form-row .form-group:nth-of-type(2){
  max-width: 100%;
}
#html-body.listingsystem-externallist-index .dollar-sign:after{
  top: -1px;
}
body.customer-account-index .form-section #div-marketing-tasks.form-group-field select{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
@media (max-width: 991px){
  body .form-section #div-marketing-tasks.form-group-field{
    max-width: 100% !important;
    padding: 0 10px;
  }
}
/* new Marketing Tasks Settings style:end */

/* form alignment change portal public setup style:start */

.marketing-form .form-group-field .form-row .form-group span > :is(input:not(.text-only-input),select){
  padding: 9.5px 20px;
  height: auto;
  font-size: 14px;
  line-height: normal;
  border-radius: 5px !important;
  margin-top: 5px !important;
  border: 1px solid #000 !important;
}
.marketing-form .form-group-field .form-row .form-group span > select{
  background-origin: content-box !important;
}
.marketing-form .form-group-field .form-row .form-group{
  position: relative;
}
.marketing-form .form-group-field .form-row .form-group div.mage-error{
  position: absolute;
  bottom: -12px;
}
.marketing-form .form-group-field .form-row .form-group:nth-of-type(1),
.marketing-form .form-group-field .form-row .form-group:nth-of-type(2){
  width: 100%;
}
@media (max-width: 1399.98px) {
    .marketing-form .form-group-field .form-row .form-group:nth-of-type(2){
      max-width: 127px;
    }
}
.marketing-form .form-group-field .form-row .form-group:nth-of-type(3){
  max-width: 77px;
}
.marketing-form .form-group-field .form-row .form-group span > input.text-only-input{
  position: relative;
  border: none;
  padding: 15px 10px 13px 10px;
}
.marketing-form .form-group-field .form-row{
  gap: 10px;
  flex-wrap: nowrap;
  padding-bottom: 14px;
}
.marketing-form .form-group-field .form-row .form-group.icon-field{
  display: flex;
  align-items: flex-end;
}
.marketing-form .form-group-field .form-row .form-group > label{
  font-size: 14px;
  line-height: normal;
}
#html-body #maincontent .delete-btn{
  cursor: pointer;
}
.marketing-form .form-group-field .form-row .form-group .dollar-sign input{
  padding-left: 20px !important;
}
.marketing-form .form-group-field .form-row .form-group .dollar-sign.rp-sign input{
  padding-left: 23px 1ic;
}
.marketing-form .form-group-field .form-row .form-group .dollar-sign:after{
  line-height: normal !important;
}
.marketing-form .form-group-field .form-row .form-group .dollar-sign.rp-sign:after{
  content: "Rp" !important;
  left: 5px !important;
}
#html-body #maincontent .delete-btn .fa-trash::before{
  content: url(../images/delete-btn.svg)
}
.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 5px !important;
  border: 1px solid #000 !important;
  height: auto;
  border-radius: 4px;
  padding: 9px 20px;
}

.currency-symbol {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-weight: bold;
  color: #333;
  font-size: 13px !important;
}

.input-wrapper input {
  height: 100%;
  padding: 0;
  border: none;
  line-height: normal;
}
.input-wrapper input:disabled{
  opacity: 1;
  color: #000;
}
.border-0{
  border: none !important;
}
/* form alignment change portal public setup style:end */
.hover-element .overlap-hover-btn .tooltiptext .tooltip-arrow{
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #067df4;
  right: 15px;
  position: absolute;
  bottom: 0px !important;
  rotate: 180deg;
}
.hover-element .overlap-hover-btn .tooltiptext {
  display: none;
  opacity: 0;
  background-color: transparent;
  width: max-content;
  margin: 0;
  right: 0;
  left: auto;
}
.hover-element .overlap-hover-btn:hover .tooltiptext {
  display: block;
  opacity: 1;
}
.hover-element .overlap-hover-btn .tooltiptext .tooltip-flex {
  display: flex !important;
  align-items: center;
  column-gap: 5px;
  justify-content: space-around;
}
.hover-element .overlap-hover-btn .tooltiptext .tooltip-flex .tootip-inner-span{
    background: #fff;
    color: #000;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 12px;
    min-width: 130px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #067df2;
}
/* hover button with email end */

/* marketing-form style:start */

#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content .table-body-content
 .data-table-content:nth-of-type(2) #tasks{
border-radius: 5px !important;
height: unset !important;

}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #marketing-form .table-body-content .data-table-content.dollar-sign:nth-of-type(4) input{
  border: none;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-control{
    border-radius: 5px !important;
    padding: 5px 10px;
    color: #323232 !important;
    width: -webkit-fill-available;
    line-height: normal !important;
    display: inline-block;
    height: auto !important;
    margin:10px 0;
    border-color: #8C8C8C !important;
    height: 37px !important;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row{
  column-gap: 20px;
  padding-left: 115px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group {
  margin-bottom: 10px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group label{
  display: block;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .input-wrapper{
  margin: 0 !important;
  border-color: #8C8C8C !important;
  width: 100px;
}

#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing label{
  margin-bottom: 10px;
}

#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group .currency-value{
  position: relative;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group .currency-value .currency-symbol{
  top:19px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group .currency-value input{
  padding-left: 19px;
  width: 280px;
}
.marketing-form #div-marketing-tasks.form-group-field .form-row .form-group .input-wrapper .gst-value,
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group .input-wrapper .gst-value{
  width:100px;
  line-height: 0;
  padding-left: 3px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content .table-body-content .data-table-content:nth-of-type(2) #add_new_marketing_tasks{
  margin:10px 0 0 ;
  color: #067DF4;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  padding: 0;
  cursor: pointer;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group.task-value input{
  width: 230px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content .table-body-content .data-table-content:nth-of-type(2){
  max-width: 230px !important;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group .delete-btn .fa-trash::before{
  content: url(../images/delete-btn.svg);
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group.icon-field{
  margin-top: 22px;
}
.marketing-form #div-marketing-tasks.form-group-field .form-row .form-group .input-wrapper  .currency-symbol{
  position: relative;
    font-size: 13px;
    top: 7px;
    left: -2px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .input-wrapper .currency-symbol{
    position: relative;
    font-size: 13px !important;
    top: 7px;
    left: 0px;
}
#html-body.listingsystem-externallist-index .dollar-sign:after{
  top: 1px !important;
  font-size: 14px !important;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content #tasks_details_listing .input-wrapper{
  line-height: 100%;
}
@media (max-width: 767px) {
  body.customer-account-index .marketing-form .form-group-field .form-row .form-group:nth-of-type(2){
    max-width: 88px;
  }
  .marketing-form .form-group-field .form-row .form-group span > :is(input:not(.text-only-input),select){
    padding: 9.5px 5px;
  }
  body .form-section .marketing-form .form-group-field .form-group span.delete-btn{
    padding: 0;
  }
  body.customer-account-index .marketing-form .form-group-field .form-row .form-group:nth-of-type(2) .input-wrapper,
  body.customer-account-index .marketing-form .form-group-field .form-row .form-group:nth-of-type(3) .input-wrapper{
    padding: 9px 5px;
  }
}
/* marketing-form style:end */
#share-content .mce-content-body p:first-child{
  padding-left: 5px;
}


.modal_newClient{
  overflow: hidden!important;
}
.modal_newClient .modal-content{
  max-height: 800px;
  margin: 5% auto!important;
}

.modal_newClient form{
  max-height: 700px;
    overflow-y: auto;
}
@media (max-width: 1400px) {
  .modal_newClient .modal-content{
    max-height: 500px;
    margin: 7% auto!important;
  }
  .modal_newClient form{
    max-height: 400px;
  }
}
/* Refresh button style change start */
.email_generate_error{
  display: inline-block;
  width: calc(100% - 121px);
  text-align: left;
}
.email_generate_error p{
  display: inline-block;
}
#html-body .refresh-icon{
  background-color: #067DF4 !important;
  line-height: 0;
  position: relative;
  height: 25px;
  width: 25px;
  border: 0 !important;
  margin-left: 5px;
}
#html-body .refresh-icon::before{
  content: url(../images/arrows-rotate.svg);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 4px;
  position: absolute;
}


@media (max-width: 700.98px) {
  .email_generate_error{
    display: flex;
    width: 100%;
  }
}
/* Refresh button style change end */
/* popup submit button color change start */
#html-body:is(.reservation-property-form, .offer-property-form) .create-new-client-form-buttons input#submit-client{
  background-color: rgb(6, 125, 244) !important;
}
/* popup submit button color change end */
/* modal-pop-up-custom-payment-schedule popup edit mode start */
.modal-pop-up-custom-payment-schedule .popup-modal > table td > span > :is(input,select){
  height: auto;
  border-color: #000;
  width: calc(100% - 6px);
}
.modal-pop-up-custom-payment-schedule .popup-modal > table tr.edit-mode td > span + span{
  display: block;
}
.modal-pop-up-custom-payment-schedule .popup-modal > table tr td > span + span{
  display: none;
}
.modal-pop-up-custom-payment-schedule .popup-modal > table tr.edit-mode td > span:first-of-type {
  display: none;
}
.modal-pop-up-custom-payment-schedule .popup-modal > table tr.edit-mode td > span:first-of-type {
  display: none;
}
.modal-pop-up-custom-payment-schedule .popup-modal > table tr td.edit-section{
  text-align: center;
  font-size: 18px;
  color: #067df2;
  cursor: pointer;
}
.modal-pop-up-custom-payment-schedule .popup-modal > table tr td .fa-check-square{
  color: #28a745;
  padding-right: 5px;
}
.modal-pop-up-custom-payment-schedule .popup-modal > table tr td .fa-times-circle{
  color: #ef1e1e;
}
.modal-pop-up-custom-payment-schedule .popup-modal > table tr.edit-mode td > span{
  position: relative
}
.modal-pop-up-custom-payment-schedule .popup-modal > table tr.edit-mode td > span .currency-symbol{
  position: absolute;
  bottom: 0px;
  padding: 2px 4px 0px 4px;
  left: 0;
  height: 100%;
  margin-bottom: 1px;
}
.modal-pop-up-custom-payment-schedule .popup-modal > table tr.edit-mode td > span .currency-symbol + input{
  padding-left: 12px;
}
#html-body.reservation-reservationcomplete-index .modal-pop-up-custom-payment-schedule .modal-inner-wrap{
  width: 100% !important;
  min-height: auto;
  max-width: 850px;
}
@media (max-width: 850.98px) {
  .reservation-reservationcomplete-index .modal-pop-up-custom-payment-schedule .modal-inner-wrap{
    max-width: 100%;
  }
}
/* modal-pop-up-custom-payment-schedule popup edit mode end*/
/* Project details page iframe slider start */
.div_developer .arrow-icon{
    padding-right: 15px !important;
}
.div_developer .arrow-icon::after{
  font-size: 8px !important;
  right: 6px !important;
  top: auto !important;
}
#html-body .iframeContainer.info-about.open{
  top: -6.5rem !important;
}
/* Project details page iframe slider end */
/* .reservation-details page date edit section start */
.reservation-details ul.reservationbox ul.sub li .est-date-wrapper .est-date-text {
  margin: 0;
  padding: 0 4px 0 0 !important;
}
.reservation-details ul.reservationbox ul.sub li .est-date-wrapper > button{
  border: 0;
}
/* .reservation-details page date edit section end */

/* agentregistration-wladdagents-index title color change start */
#html-body:is(.agentregistration-wladdagents-index) .page-title-wrapper .page-title{
  color: #000 !important;;
}
/* agentregistration-wladdagents-index title color change end */

/* for active blue color button start */
#html-body button.active_primary{
  background-color: #067DF4 !important;
  color: #fff !important;
  border-color: #067DF4 !important;
}
/* for active blue color button end */

/* invoice page style:start */
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content #modal-content-marketing-section .table-content .table-body-content .data-table-content:nth-of-type(1){
  max-width: 110px;
}
.marketing-form #div-marketing-tasks.form-group-field .form-row .form-group div.mage-error{
  position: absolute;
  bottom: -20px;
  left: 0;
  white-space: nowrap;
}
.marketing-form #div-marketing-tasks.form-group-field .form-row{
  padding-bottom: 30px;
}
body .form-section #div-marketing-tasks.form-group-field{
  max-width: 60%;
}

/* invoice page style:end */



/* property-table style:start */
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid{
  border:1px solid #1b1b1b; 
  padding: 30px 25px;
  border-radius: 10px;
  width: 100%;
 
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-content{
  border-bottom: 0 !important;
  
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-content li{
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 100%;
  color: #000;
}

#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-details .tooltip-icon{
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../images/information-outline.svg);
  background-size: cover;
  background-repeat: no-repeat;

}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-details{
  margin-bottom: 30px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-content{
  align-items: center;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-content,
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-details{
  display: grid;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 10px;
  justify-content: space-between;
  list-style: none;
  border-bottom: 1px solid #1b1b1b;
  padding-bottom: 15px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-details .item-head{
  font-size: 16px;
  line-height: 100%;
  color: #000;
  font-weight: 700;

}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-details .item-head:nth-child(2),
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-details .item-head:nth-child(3){
  max-width: 130px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-details .item-head:nth-child(5){
  max-width: 100px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .tbody-content{
  display: flex;
  align-items: center;
  column-gap: 10px;
  max-width: 55px !important;
 
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .tbody-content input{
  max-width: 55px !important;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .tbody-content .default-select{
  padding-right: 35px;
}

#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .tbody-content .default-select{
  background-position: 25px 7px !important;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .sub-property-details .item-head:nth-child(2)::after{
  top: -4px;
  right: 4px;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .tbody-content div.mage-error{
  position: absolute;
}

#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .tooltip-container .tooltip-text {
  visibility: hidden;
  background-color:#808080;
  color: #fff;
  text-align: left;
  padding: 20px;
  border-radius: 5px;
  width: 400px;
  display: flex;
  align-items: flex-start;
  column-gap: 10px;
  position: absolute;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .tooltip-container .tooltip-text p{
  color: #FFFFFF !important;
  margin-bottom: 0 !important;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .property-details-grid .tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
body.listingsystem-externallist-index.ext-commission-setup-loader .loading-mask{
  z-index: 99999999;
  background-color: rgba(255, 255, 255, 0.9);
}
#html-body.listingsystem-externallist-index .custom_modal__detail_table_one .modal-inner-wrap{
  max-width: 90% !important;
}
/* property-table style:end */

/* external_listing_carousel new carousel change end */
/*Email-support-sharefile-house-design css - start*/
div:not(.modals-wrapper) .select-house-modal::after{
  background-color: rgba(51, 51, 51, 0.55);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    content: "";
}
div:not(.modals-wrapper) .select-house-modal .modal-inner-wrap{
  z-index: 9;
}
/*Email-support-sharefile-house-design css - ends*/


/* agent-projects-information popup style:start */

#html-body.agent-projects-information .modals-overlay{
  z-index: 900 !important;
}

/* agent-projects-information popup style:end */
/* floating button back for payment details schedule  page start */
#html-body:is(.commissionsystemenhancement-paymentdetails-index) .reservation-back-btn + .viewdraft-btn + .secondary button {
  height: 38px !important;
  width: 100px !important;
  padding: 0 !important;
  font-size: 12px !important;
}
#html-body .proxima-myaccount-container .body-content .floating-btns {
  position: absolute;
  top: -38px;
  right: 233px;
  width: 38px;
  height: 38px;
  display: inline-flex;
}
@media (max-width: 735.98px) {
  #html-body:is(.commissionsystemenhancement-paymentdetails-index) .page-title-wrapper{
      flex-direction: column !important;
      gap: 20px;
  }
}
@media (max-width: 990.98px) {
  #html-body .proxima-myaccount-container .body-content .floating-btns{
    right: 248.5px;
  }
}
@media (max-width: 575.98px) {
  #html-body .proxima-myaccount-container .body-content .floating-btns{
    right: 267.5px;
  }
}
/* floating button back for payment details schedule  page end */
/* Onhold popup list alignment start */
.pp_status ul.statuschange li:not(:first-of-type){
  margin: 0 auto;
  max-width: 200px;
  text-align: left;
}
/* Onhold popup list alignment end */
/* all-projects-listing-loader-issue style: start */
@media (max-width: 1500px){
  .custom-accordion-tab .tab-label.tab-label.project-name{
    min-width: 1150px !important;
  }
  .container-custom-accordion-tab .custom-accordion-tab{
    float: unset !important;
  }
}

/* all-projects-listing-loader-issue style: end */

/*manage payments style: start*/
#html-body .modal-popup.custom_modal__detail_table_one .modal-inner-wrap{
  max-width: 1200px;
}
.Div_managePayment .sales__transaction h3{
  padding: 1rem 0 0 1rem;
}
.Div_managePayment .sales__transaction{
  background: #f5f5f5;
}
.Div_managePayment .sales__transaction label{
  font-size: 16px!important;
}
.Div_managePayment  h6{ 
  background-color: #f5f5f5;
  padding: 1rem 0 0.5rem 1.4rem;
}
.Div_managePayment .Div_paymentDetails tr{
  padding-bottom: 1rem;
}
.Div_managePayment .Div_paymentDetails th,
.Div_managePayment .Div_paymentDetails td {
  color: #323232;
}
.Div_managePayment .Div_paymentDetails th{
  font-size: 16px;
  font-weight: 750;
}
.Div_managePayment .Div_paymentDetails th:nth-child(2),
.Div_managePayment .Div_paymentDetails td:nth-child(2){
  max-width: 15%;
}
.Div_managePayment .Div_paymentDetails td{
  font-size: 18px;
  font-weight: 400;
}
.Div_managePayment .Div_paymentDetails .total__commissionPayable td {
  font-weight: 600;
}
.Div_managePayment .Div_paymentDetails .total__commissionPayable td:first-child {
  max-width: 26.5%;
}

.Div_managePayment .Div_paymentDetails .total__commissionPayable td:last-of-type {
  max-width: fit-content;
}



.Div_managePaymentViewInvoice .initial-row-commission-setup-cancel{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.Div_managePayment .project-details-box ul.project-details-mainlist > li ul li{
  align-items: baseline!important;
}
.Div_managePayment .project-details-box ul.project-details-mainlist > li ul li div, .Tbl_invoice li div{
  color: #323232;
}
#html-body .Tbl_invoice tbody{
  padding-top: 0!important;
}
.Tbl_invoice tbody tr td:last-of-type {
  max-width: fit-content!important;
  padding: 0!important;
}
.invoice-details-next-table .section-table-layout table thead tr th{
  max-width: 14%;
  color: #323232;
}
.invoice-details-next-table .section-table-layout table tbody tr td{
  max-width: 14%;
  color: #323232;
}
/*manage payments style: ends*/

.pl-0{
  padding-left: 0;
}

/* client share file popup style:start */
#html-body.listingsystem-externallist-index .modals-wrapper .custom_modal__share_project .modal-inner-wrap .modal-content .section_content .box_section .client-dropdown{
  width: 65%;
}

#html-body.listingsystem-externallist-index .modals-wrapper .custom_modal__share_project .modal-inner-wrap .modal-content .section_content .box_section .client-dropdown span {
  width: 100%;
  display: block;
}
/* client share file popup style:end */
/*add agent invitation(whitelabel) css -start*/
.whitelabel-style.agentregistration-wladdagents-index #add-agent-invitation-form .form-group{
	margin-bottom: 7px;
  }
  .whitelabel-style.agentregistration-wladdagents-index #add-agent-invitation-form .form-group select{
	font-size: 14px;
  }
  body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .agent-projects-index ) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content input[type="text"]:not(.default-input),.modal-content input[type="email"]{
    border-radius: 20px !important;
    height: 2.375rem !important;
   }
/*add agent invitation(whitelabel) css -ends*/
/* h-auto class for modal popup height issue in small screen start */
@media screen and (max-width: 991px) {
  .modals-wrapper .modal-popup._inner-scroll.h-auto .modal-inner-wrap {
      min-height: auto;
  }
}
/* h-auto class for modal popup height issue in small screen end */

/* custom-payment-schedule select style start */
.modal-pop-up-custom-payment-schedule .popup-modal > table td > span > select{
  margin-right: 6px;
  border-radius: 5px;
  font-size: 14px;
  width: calc(123px - 6px);
  background-origin: padding-box !important;
  padding-inline: 10px 21px;
  background-position: 90% 50% !important;
  background-size: 12px !important;
}
/* custom-payment-schedule select style end */
/* paymnet details total amount details alignmnent : start */
@media (min-width: 1080px){
  #html-body .agent-summary-table + .w-100{
    width: 60% !important;
    position: relative;
  }
  #html-body .agent-summary-table + .w-100 > :is(.edit-mode-info) > div:nth-of-type(1){
      text-align: start;
  }
  #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info){
      width: 100%;
  }
  #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info){
    width: 100%;
  }
  #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(2){
    position: absolute;
    right: 24%;
  }
  #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(3){
    position: absolute;
    right: 6%;
  }}
  
      @media (max-width: 1600px){
        #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(2){
          position: absolute;
          right: 24.6%;
        }
        #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(3){
          position: absolute;
          right: 7%;
        }}
        @media (max-width: 1500px){
          #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(2){
            position: absolute;
            right: 24.6%;
          }
          #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(3){
            position: absolute;
            right: 8%;
          }}
        @media (max-width: 1450px){
          #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(2){
            position: absolute;
            right: 23.6%;
          }
          #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(3){
            position: absolute;
            right: 8.5%;
          }}
          @media (max-width: 1200px){
            #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(2){
              position: absolute;
              right: 22%;
            }
            #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(3){
              position: absolute;
              right: 6%;
            }}
            @media (max-width: 1399px){
              #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(2){
                position: absolute;
                right: 23.6%;
              }
              #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(3){
                position: absolute;
                right: 5.5%;
              }}
              @media (max-width: 1245px) {
                #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info) > div:nth-of-type(2) {
                    position: absolute;
                    right: 21.6%;
                }
            }
  @media (min-width: 1080px) and (max-width: 1399.68px) {
    #html-body .agent-summary-table + .w-100 {
        width: 55% !important;
    }
  }
  @media (max-width: 1080.68px) {
    #html-body .agent-summary-table + .w-100 > :is(.total-count,.edit-mode-info)  {
        width: 50%;
    }
  }
  /* paymnet details total amount details alignmnent : end */
/* select-house-modal style:start */

#html-body.agent-projects-listing:not(.listingsystem-externallisting-listingclientfeedback) .modals-wrapper .custom_modal__share_project.select-house-modal{
  z-index:903 !important ;
}

/* select-house-modal style:end */

/*Property Campaign Report style : start*/
#html-body .campainreport__modal.custom_modal__carousel_details .custom_modal__action .modal-inner-wrap{
  max-width: 1200px !important;
}
#html-body .campainreport__modal.custom_modal__carousel_details .custom_modal__action .modal-inner-wrap .modal-content{
   max-height: 75vh;
}
@media (min-width: 900px) and (max-width: 1399.68px) {
  #html-body .campainreport__modal.custom_modal__carousel_details .custom_modal__action .modal-inner-wrap .modal-content {
    max-width: 1200px !important;
    /* max-height: 64vh; */
}
}
.propertyCampaign_preview-section{
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px !important;
    display: grid;
    grid-template-columns: 7fr 3fr;
}
.propertyCampaign_previewonly{
    border: 1px solid #ddd;
    padding: 15px !important;
    margin: 15px;
}
.propertyCampaign_title{
    display: grid;
    grid-template-columns: 7fr 2fr;
    grid-column-gap: 20px;
}
.propertyCampaign_title h6{
  font-weight: 400;
  /* font-size: 32px; */
  font-size: clamp(15px, 1.2375vw, 23.76px);
  padding-bottom: 10px;
  color: #000;
}
.propertyCampaign_title .report_title h5{
  font-weight: 700;
  /* font-size: 32px; */
  font-size: clamp(15px, 1.2375vw, 23.76px);
  line-height: 1.5;
}
.propertyCampaign_title .report_title h6{
  font-weight: 700;
  font-size: 1.2rem;
  padding-bottom: 0;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.propertyCampaign_previewonly .propertyCampaign_title .report_date{
  font-weight: 400;
  /* font-size: 20px; */
  font-size: clamp(12px, 0.7734375vw, 14.85px) !important;
  margin-bottom: 10px;
}
.propertyCampaign_previewonly .propertyCampaign_title .report_date > span{
  font-size: inherit;
}
.propertyCampaign_img{
  display: grid;
  grid-template-columns: 6fr 3fr;
  grid-column-gap: 20px;
}
.propertyCampaign_img h6{
  /* font-size: 17.82px; */
  font-size: clamp(13px, 0.928125vw, 17.82px);
  font-weight: 700;
}
.Key_Stats{
  display: flex;
  grid-column-gap: 7px;
  padding-right: 0 !important;
  padding: 20px 0 10px 0 !important;
  align-items: center;
}
.Key_Stats ul:first-child li{
  font-weight: 400;
  /* font-size: 2.8rem; */    padding: 7px 0 7px 7px;
  font-size: clamp(22.88px, 1.85677vw, 35.65px);
  color: #000;
}
.Key_Stats ul:nth-child(2) li{
  font-weight: 400;
  /* font-size: 0.875rem; */
  font-size: clamp(10px, 0.61875vw, 11.88px);
  color: #000;
  line-height: 1.2;
  text-align: center;
  width: fit-content;
  flex-grow: 1;
}
.bg_CampaignReport {
  background-color: #F5F5F5;
  padding: 1.5rem !important;
  color: #000;
  line-height: 1.4 !important;
  font-weight: 400;
  /* font-size: 1rem !important; */
  font-size: clamp(10px, 0.61875vw, 11.88px) !important;
}
.report_titles{
    font-weight: 700;
    /* font-size: 1.4rem !important; */
    font-size: clamp(15px, 1.2375vw, 23.76px);
    line-height: 3!important;
}
.Feedbackalign{
  display: grid;
  grid-template-columns: 1fr 6fr;
}
.Feedbackalign h6,
.Feedbackalign p{
  line-height: 1.4 !important;
}
 .propertyCampaign_tags li{
  background-color: #DCDCDC;
    border-color: #DCDCDC;
    color: #000000;
    padding: 10px !important;
    border-radius: 19px;
    width: max-content;
    font-size: 14px;
    font-weight: 600;
    margin: 10px !important;
}
.modal_footer{
  text-align: end;
  padding: 30px 0;
}
.display__grid{
  display: grid;
}
/*Property Campaign Report style : ends*/
 /* property filter modal style:start */

   #html-body.propertymatching-propertymatching-index .prop-modal{
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;

   }

   #html-body.propertymatching-propertymatching-index .prop-modal .modal-inner-wrap{
    height: 100vh;
    padding: 0 !important;
    border-radius: 0 !important;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .modal-inner-wrap .modal-header{
    padding: 10px 20px;
    border-bottom: 1px solid #E5E5E5;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .modal-inner-wrap .modal-header .modal-title{
    text-transform: uppercase;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal  .prop-form {
    padding: 30px;
    height: 100%;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .prop-form  .filter-container{
    column-gap: 10px;
    margin-bottom: 20px;
    align-items: center;
    width: 100%;
    
   }
   #html-body.propertymatching-propertymatching-index .prop-modal   .prop-form  .filter-container input[type="time"],
   #html-body.propertymatching-propertymatching-index .prop-modal   .prop-form  .filter-container input[type="date"],
   #html-body.propertymatching-propertymatching-index .prop-modal   .prop-form  .filter-container input[type="text"],
   #html-body.propertymatching-propertymatching-index .prop-modal  .prop-form  .filter-container select{
    width: 100%;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 50px !important;
    border: 1px solid #A3A3A3 ;
    color: #000;
    font-weight: 500;
    padding: 0 15px;
   
   }
   #html-body.propertymatching-propertymatching-index .prop-modal   .prop-form  .filter-container input::placeholder{
    color: #ACACAC;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal  .prop-form  .filter-container label{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 10px;

   }
   #html-body.propertymatching-propertymatching-index .prop-modal  .prop-form  label{
    margin-bottom: 15px;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .modal-inner-wrap .modal-content{
    height: 100%;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .modal-inner-wrap .modal-content #popup-modal-allproject{
    height: calc(100% - 77px);
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .modal-footer{
    border-top: 1px solid #E5E5E5 !important
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .prop-filter-btns .secondary-tag{
     background-color:#ffffff ;
     color: #000;
     border: 1px solid #D9D9D9;
     font-size: 11px;
     height: 36px;
     display: flex !important;
     align-items: center;
     justify-content: center;
     width: 70px;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .prop-filter-btns{
    justify-content: flex-end;
    column-gap: 15px;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .prop-filter-btns .primary-tag{
     background-color:#067DF4;
     color: #ffffff;
     border: 1px solid #067DF4;
     font-size: 11px;
     height: 36px;
     display: flex !important;
     align-items: center;
     justify-content: center;
     min-width: 70px;
     width: auto;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .modal-footer{
    margin-top: auto;
        padding: 25px 0 20px 25px  !important;
   }


   #html-body.propertymatching-propertymatching-index .prop-modal  .prop-form   input[type=range] {
    width: 100%;
    margin-top: 8px !important;

  }
  #html-body.propertymatching-propertymatching-index .prop-modal .prop-form  form{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }


 /* property filter modal style:end */

 /* saved-property-count style:start */
 #html-body .property_matching-section > section .card-scroll-section .card-info-section .saved-property-count{
  height: 23px;
  width: 26px;
  text-align: center;
  background-color: #000000;
  border-radius: 100%;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;

 }
 /* saved-property-count style:end */

 /* common style propertymatching-property-index start */
 .propertymatching-property-index .proxima-myaccount-container .body-content{
  padding: 0 !important;
 }
 .propertymatching-property-index :is(#proxima-header, .page-title-wrapper){
  display: none;
 }
  /* common style propertymatching-property-index end*/

  /* propertymatching-propertymatching-index select2 style change start */

  #html-body.propertymatching-propertymatching-index .prop-modal .prop-form  .filter-container .select2-container{
    width: 100% !important;
   }
   #html-body.propertymatching-propertymatching-index .prop-modal .prop-form  .filter-container .select2-container.select2-container--default .select2-search--inline .select2-search__field{
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 50px !important;
    border: 1px solid #A3A3A3;
    padding: 0 15px;
    cursor: default;
   }
     /* propertymatching-propertymatching-index select2 style change end */

       /* propertymatching-propertymatching-index prop-filter-btns active style change start */
     #html-body.propertymatching-propertymatching-index .prop-modal .filter-container  .prop-filter-btns .primary-tag{
      border: 1px solid #A3A3A3;
      color: #000;
      background-color: #fff;
     }
     #html-body.propertymatching-propertymatching-index .prop-modal .filter-container  .prop-filter-btns .primary-tag.active{
      background-color: #067DF4;
      color:#fff;
     }
   /* propertymatching-propertymatching-index prop-filter-btns active style change start */
/*external listing - add style:start*/
body.listingsystem-externallist-add .proxima-myaccount-container .listing-body-content .project-grid .other_document_section .first-col .project-field:nth-child(5),
body.listingsystem-externallist-edit .proxima-myaccount-container .listing-body-content .project-grid .other_document_section .first-col .project-field:nth-child(5)  {
  max-width: initial;
}
.add_other_doc{
  cursor: pointer;
}
body.listingsystem-externallist-add .div_attachment.other_document_section a img,
body.listingsystem-externallist-edit .div_attachment.other_document_section a img{
  max-width: 20px;
}
.preview_other_doc_file{
  max-width: 55px;
  min-width: 55px;
  border-radius: 0;
  padding: 4px;
}
.custom-accordion-tab ul.row-two.property-details li:last-child {
  min-width: 113px;
  max-width: 150px;
}
#share-mail-modal .client-dropdown #select_client{
  cursor: pointer;
}
#property_entity_id.btn_tag:focus,
#property_entity_id.btn_tag:active{
  background: none!important;
  color: #067DF4;
  border-color: #067DF4;
}
/*external listing - add style:ends*/
#html-body.listingsystem-externallist-index .modal-popup.upload_payment_modal .modal-inner-wrap{
  z-index: 902;
}

/* external list popup Upload Payment Receipt style:start */
.listingsystem-externallist-index .upload_payment_modal::after{
    background-color: rgba(51, 51, 51, 0.55);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    content: "";
    z-index:901 !important ;
}
/* external list popup Upload Payment Receipt style:end */

/*marketing for property address style:start*/
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content > section.table-head > div:nth-of-type(1) {
  max-width: 110px!important;
}

#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content > section.table-head > div:nth-of-type(2),
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content .table-body-content .data-table-content:nth-of-type(2) {
  max-width: 230px !important;
  min-width: 230px;
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content > section.table-head > div:nth-of-type(3) {
  max-width: 130px!important;
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content .table-body-content .data-table-content:nth-of-type(3) {
  max-width: 130px !important;
  min-width: 130px;
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group:nth-of-type(1) {
  max-width: 110px !important;
  min-width: 110px;
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group:nth-of-type(2) {
  max-width: 230px !important;
  min-width: 230px;
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group:nth-of-type(3) {
  max-width: 310px !important;
  min-width: 310px;
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group .currency-value input {
   width: 310px; 
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content #marketing-form .table-body-content .data-table-content.dollar-sign:nth-of-type(4) input {
  padding-left: 10px;
  font-size: 16px !important;
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row {
  column-gap: 89px;
  padding-left: 0px;
}
@media (min-width: 900px) and (max-width: 1399.68px) {
  #html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row {
    column-gap: 10px;
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group:nth-of-type(3) {
  max-width: 250px !important;
  min-width: 250px;
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .modal-content .table-content #tasks_details_listing .form-row .form-group .currency-value input {
  width: 250px; 
}
}
#html-body .custom_modal__detail_table_one.marketing__modal .modal-inner-wrap .dollar-sign:after {
  content: "$";
  position: absolute;
  left: 1px;
  font-size: 16px !important;
  top: -1px !important;
}
/*marketing for property address style:ends*/
/* table action-toggle hover change start */
#html-body .action-toggle.btn_tag__primary.hover-none:active, 
#html-body .action-toggle.btn_tag__primary.hover-none:hover{
  background-color: #067DF4 !important;
  border: 1px solid #067DF4 !important;
  color: #ffffff !important;
}
/* table action-toggle hover change end */

/* common modal-popup height fit for small screen change start */
@media screen and (max-width: 991px) {
  #html-body .modals-wrapper .modal-popup._inner-scroll.height-fit .modal-inner-wrap {
      min-height: auto;
  }
}
/* common modal-popup height fit for small screen change end */
  /* propertymatching-propertymatching-index select2 style change new start */
  #html-body.propertymatching-propertymatching-index .prop-modal .prop-form  .filter-container.wth-50-select-2 .select2-container{
    width: 50% !important;
   }
    /* propertymatching-propertymatching-index select2 style change new end */

    /* custom color chaange and icon change property matching start */
      #html-body .custom-calender-icon[type="date"]::-webkit-calendar-picker-indicator,
      #html-body .custom-calender-icon[type="datetime-local"]::-webkit-calendar-picker-indicator {
          background: url(../images/custom-calender-icon.svg) 95% 50% no-repeat;
          background-size: 16px !important;
          padding-right: 0 !important;
          opacity: 1;
      }
      #html-body #maincontent .filter-container input::placeholder{
        color: #000;
      }
      #html-body #maincontent .filter-container input::-moz-placeholder {
        color: #000;
      }
      #html-body #maincontent .filter-container input:-ms-input-placeholder ,
      #html-body #maincontent .filter-container input::-ms-input-placeholder ,
      #html-body #maincontent .filter-container input::-webkit-input-placeholder {
        color: #000;
      }
      /* custom color chaange and icon change property matching end */


/* common modal-popup-close-btn style:start */
  #html-body .modal_close_default .action-close::before {
  color: #000 !important;
}
  #html-body .modal_close_default button::before,
  #html-body .modal_close_default button:hover,
  #html-body .modal_close_default .action-close:hover::before{
  color: #000 !important;
  background-color: #fff !important;
}
/* common modal-popup-close-btn style:end */
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content > section.table-head > div.icon-space,
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content .table-body-content .data-table-content.icon-space{
  max-width: 30px !important;
}
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content > section.table-head > div.lg-space,
#html-body .custom_modal__detail_table_one .modal-inner-wrap .modal-content .table-content .table-body-content .data-table-content.lg-space{
  max-width: 300px !important;
}

/* external list internal style to external page :start */
 
  .listing-body-content-externalist-tab  #property_cgi_images-error{
    top: 66px !important;
    left: 28px !important;
    }
    .account .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range {
        top: 0px !important;
    }

/* grid-li-reservation.div_attachments style:start */
.div_attachments #res_attachment_wrapper  li,
.div_attachments .res_attachment{
   display: grid !important;
   align-items: center;
   grid-template-columns: repeat(3, 1fr) !important;
}
.div_attachments .res_attachment input{
  width: 100%;
  border-radius: 0 !important;
}

.div_attachments #res_attachment_wrapper  li span{
      word-break: break-all;
 }

.div_attachments .res_attachment,
.div_attachments  #res_attachment_wrapper li label{
  width: 100%;
}
.div_attachments #res_attachment_wrapper li span a {
    margin: 0;
    border-radius: 0;
    font-size: 12px;
}
.div_attachments .res_attachment{
    padding-top: 10px;
}
.div_attachments .res_attachment #res_attchments_type{
    height: 30px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    max-width: 80%;
}
.div_attachments .res_attachment #res_attchments_add{
    max-width: 155px;
    height: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
}
/* grid-li-reservation.div_attachments style:end */


/* for flex including grid start */
.flex-grid{
  display: flex;
  gap: 10px;
}
.flex-grid > :is(div,span,label){
  flex: 1 1 100%;
}
.flex-grid .flex-item-5{
    flex: 1 1 calc(100% / 5);
    max-width: calc(100% / 5);
}
.flex-grid .flex-item-4{
    flex: 1 1 calc(100% / 4);
    max-width: calc(100% / 4);
}
.flex-grid .flex-item-6{
    flex: 1 1 calc(100% / 6);
    max-width: calc(100% / 6);
}
/* for flex including grid start */


/* reservation-booking-confirmed-form style:start */
#html-body.reservation-reservationcomplete-index .modal-pop-up-booking-confirmed .modal-inner-wrap{
  width: 30% !important;
}
#reservation-booking-confirmed-form .symbol_transition_input_control{
 border: none !important;
}
#reservation-booking-confirmed-form .fieldset select{
  width: 100%;
  border-radius: 30px !important;
  border: 1px solid #000 !important;
}
/* reservation-booking-confirmed-form style:end */
    .account .proxima-myaccount-container .listing-body-content .project-field:nth-child(odd) {
        clear: unset !important;
    }

    .listing-body-content-externalist-tab .modal-popup.confirm .modal-inner-wrap {
        max-width: 50rem;
        width: fit-content;
        min-width: 335px;
        height: fit-content;
    }

    .listing-body-content-externalist-tab .modal-popup .action-close {
        display: none;
    }

    .listing-body-content-externalist-tab .modal-content {
        background-color: #1a1a1a;
        margin: 0% auto !important;
    }

   .listing-body-content-externalist-tab .select2-search.select2-search--inline {
        opacity: 0;
    }

    .listing-body-content-externalist-tab .select2-container .select2-selection--multiple .select2-selection__rendered {
        top: 0px;
        position: absolute;
    }

    .listing-body-content-externalist-tab .select2-container--default.select2-container--focus .select2-selection--multiple {
        height: 38px;
    }

    .listing-body-content-externalist-tab .select2-selection.select2-selection--multiple {
        height: 38px;
    }

   .listing-body-content-externalist-tab .project-field.select-field.field-multi-select .control-date-range {
        margin-top: 10px;
    }

   .listing-body-content-externalist-tab  .select2.select2-container.select2-container--default {
        overflow-y: scroll;
        overflow-x: hidden;
        border: 1px solid #000 !important;
        border-radius: 10px;
    }

   .listing-body-content-externalist-tab .select2-container--default.select2-container--focus .select2-selection--multiple {
        border: 0px;

    }
   .listing-body-content-externalist-tab .hidden-option {
        display: none;
    }

  /* external list internal style to external page :end */
/* Style change | z-index-overlap overlap overlay start */
  ._has-modal .confirm-alert-info-success-modal.z-index-overlap{
    z-index: 1002;
  }
  ._has-modal .confirm-alert-info-success-modal.z-index-overlap + .modals-overlay{
    z-index: 1001;
  }
/* Style change | z-index-overlap overlap overlay end */
#html-body #maincontent .all-hover-none:hover{
    color: initial !important;
}

/* Style change |  propertyCampaign_preview start */
#home-and-land-model .propertyCampaign_preview-section{
  height: 100%;
  display: flex;
  width: 100%;
}
.propertyCampaign_preview-section .propertyCampaign_tags{
  display: flex;
  padding: 15px;
  flex: 1 1 100%;
  max-width: 364px;
  height: 100%;
  overflow: auto;
}
.propertyCampaign_preview-section .propertyCampaign_previewonly{
    flex: 1 1 100%;
    max-width: 738px;
    height: 100%;
    overflow: auto;
    font-size: clamp(25px, 2.5vw, 48px) !important;
}
 .propertyCampaign_preview-section .propertyCampaign_tags li{
  background-color: transparent;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}
 .propertyCampaign_preview-section .propertyCampaign_tags ul,
 .propertyCampaign_preview-section .propertyCampaign_tags li > div{
  width: 100%;
}
.propertyCampaign_preview-section .propertyCampaign_tags li:not(:last-child){
    margin-bottom: 10px !important;
}
.propertyCampaign_preview-section .propertyCampaign_tags li textarea{
    padding: 10px;
    border: 1px solid #8C8C8C;
    border-radius: 2px;
    background-color: #FFFFFF;
    margin-top: 10px;
}
.propertyCampaign_preview-section .propertyCampaign_tags li textarea::placeholder{
  color:#D9D9D9 !important;
}
 .propertyCampaign_preview-section .propertyCampaign_tags li h6{
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    padding: 10px 0 5px 0;
 }
 #html-body .campainreport__modal.custom_modal__carousel_details .custom_modal__action .modal-inner-wrap .modal-content{
    height: 100%;
    max-height: 100%;
 }
 #home-and-land-model{
    height: calc(100vh - 300px);
 }
 #home-and-land-model + .modal_footer{
    margin: 0 !important;
    padding: 20px 0px 20px 0 !important;
 }
 .propertyCampaign_preview-section .propertyCampaign_tags ul li:nth-of-type(2) > div > div > label{
  display: block;
  padding: 3px;
  cursor: pointer;
 }
   .propertyCampaign_preview-section .propertyCampaign_tags li > div > div > label.active,
  .propertyCampaign_preview-section .propertyCampaign_tags li > div > div > label:hover{
  background-color: #F5F5F5;
 }
  .propertyCampaign_preview-section .propertyCampaign_tags li > div > div > label:not(:last-of-type){
  margin-bottom: 10px;
  }
 /* Style change |  propertyCampaign_preview end */

 /* .custom_modal__share_project._show + .modals-overlay{ 
  display: block !important;
 } */

/* date text placehoder start */
  #html-body .date-text{
  position: relative;
  cursor: pointer;
}
 #html-body .date-text input[type="date"] ~ .placeholder-span{
    position: absolute;
    left: 3px;
    top: 3px;
    right: 3px;
    text-align: center;
    background-color: #fff;
    bottom: 3px;
    border-radius: 1.25rem;
    align-items: center;
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
}
#html-body .date-text:hover input[type="date"]~ .placeholder-span{
  display: none;
}
.Price_Indications_Stats {
  display: flex;
  gap: 30px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}
.Price_Indications_Stats  > ul:nth-of-type(1) {
  flex: 1 1 100%;
  max-width: 164px;
  padding: 10px;
  display: flex;
  gap: 10px;
}
.Price_Indications_Stats > ul:nth-of-type(1) > li:nth-child(1) {
  font-weight: 400;
  /* font-size: 20px; */
  font-size: clamp(12px, 0.7734375vw, 14.85px);
  text-align: left;
  line-height: 120%;
}
.Price_Indications_Stats > ul:nth-of-type(1) > li:nth-child(2) {
font-weight: 400;
/* font-size: 48px; */
font-size: clamp(20.88px, 1.85677vw, 35.65px);
text-align: left;
}
.Price_Indications_Stats > ul:nth-of-type(2) {
  flex: 1 1 100%;
  max-width: 281px;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.Price_Indications_Stats > ul:nth-of-type(2) > li {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.Price_Indications_Stats > ul:nth-of-type(2) > li > span:first-of-type {
  /* font-size: 20px; */
  font-size: clamp(12px, 0.7734375vw, 14.85px);
  flex: 1 1 100%;
  max-width: 150px;
  text-align: right;
}
.Price_Indications_Stats > ul:nth-of-type(2) > li > span:last-of-type {
  /* font-size: 24px; */
  font-size: clamp(13px, 0.928125vw, 17.82px);
  flex: 1 1 100%;
  max-width: 121px;
  text-align: left;
}
.Price_Indications_Stats > ul:nth-of-type(3) {
  flex: 1 1 100%;
  max-width: 331px;
  padding: 10px 0;
  display: flex;
  gap: 10px;
  justify-content: center;
}
.Price_Indications_Stats > ul:nth-of-type(3) > li:last-of-type {
  /* font-size: 24px; */
  font-size: clamp(13px, 0.928125vw, 17.82px);
  font-weight: 700;
  padding-top: 10px;
}
.Price_Indications_Stats > ul:nth-of-type(3) > li:first-of-type {
  /* font-size: 20px; */
  font-size: clamp(12px, 0.7734375vw, 14.85px);
  line-height: 130%;
}
/* date text placehoder start */

.propertyCampaign_title > ul:nth-of-type(2) > li:nth-of-type(2){
  padding-block: 10px;
}
.propertyCampaign_title > ul:nth-of-type(2) > li:nth-of-type(2) img{
  width: 180px;
  height: 60px;
}
.open-inspection-stats > ul{
  display: flex;
  gap:30px;
  font-family: Avenir LT Std;
  line-height: 100%;
  letter-spacing: 0%;
}
.open-inspection-stats{
  margin: 20px 0 !important;
}
.open-inspection-stats >ul > li{
  padding: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  flex: 1 1 100%;
}
.open-inspection-stats > ul > li:nth-of-type(1) {
  max-width: 169px;
}
.open-inspection-stats > ul > li:nth-of-type(2) {
  max-width: 161px;
}
.open-inspection-stats > ul > li:nth-of-type(3) {
  max-width: 164px;
}
.open-inspection-stats > ul > li:nth-of-type(4) {
  max-width: 141px;
}
.open-inspection-stats > ul > li > .open-inspection-stats-title {
  font-weight: 400;
  /* font-size: 20px; */
  font-size: clamp(12px, 0.7734375vw, 14.85px);
  line-height: 130%;
}
.open-inspection-stats > ul > li > .open-inspection-stats-value {
  font-weight: 400;
  /* font-size: 48px; */
  font-size: clamp(20.88px, 1.85677vw, 35.65px);
  text-align: center;
  white-space: nowrap;
}
.date-of-inspection{
  display: flex;
  gap: 30px;
}
.date-of-inspection .date-of-inspection-label {
  max-width: 180px;
}
.date-of-inspection ul > li {
   display: flex;
   gap: 10px;
    flex-direction: column;
    line-height: 100%;
    letter-spacing: 0%;
    font-family: Avenir LT Std;
}
.date-of-inspection .date-of-inspection-label > li {
  max-width: 180px;
}
.date-of-inspection .date-of-inspection-label > li > span:nth-of-type(1){
  font-weight: 700;
  /* font-size: 20px; */
  font-size: clamp(12px, 0.7734375vw, 14.85px);
  text-align: right;
  white-space: nowrap;
}
.date-of-inspection .date-of-inspection-label > li > span:nth-of-type(2){
  font-weight: 400;
  /* font-size: 20px; */
  font-size: clamp(12px, 0.7734375vw, 14.85px);
  text-align: right;
  padding: 10px 0;
}
.date-of-inspection .date-of-inspection-values {
  display: flex;
  gap: 30px;
}
.date-of-inspection .date-of-inspection-values > li {
  max-width: 83px;
  flex: 1 1 100%;
  justify-content: space-between;
}
.date-of-inspection .date-of-inspection-values > li > span:nth-of-type(1){
  font-weight: 700;
  /* font-size: 20px; */
  font-size: clamp(10px, 0.7734375vw, 14.85px);
  text-align: center;
}
.date-of-inspection .date-of-inspection-values > li > span:nth-of-type(2){
font-weight: 300;
/* font-size: 48px; */
font-size: clamp(20px, 1.85677vw, 35.65px);
text-align: center;
}
 #html-body .text-only[type="date"]::-webkit-calendar-picker-indicator{
          background-color: transparent;
          width: 130px;;
}
.propertyCampaign_title ul:nth-of-type(2) > li{
    line-height: 140%;
    text-align: center;
    /* font-size: 16px; */
    font-size: clamp(10px, 0.61875vw, 11.88px);
}
.propertyCampaign_title ul:nth-of-type(2) > li span{
  font-size: clamp(10px, 0.61875vw, 11.88px);
}
 @media (max-width: 1399.98px) {
/* .open-inspection-stats > ul > li > .open-inspection-stats-title{
  font-size: 18px;
}
.open-inspection-stats > ul > li > .open-inspection-stats-value{    
  font-size: 38px;
}
.Price_Indications_Stats > ul:nth-of-type(1) > li:nth-child(1) {
  font-size: 18px;
}
.Price_Indications_Stats > ul:nth-of-type(1) > li:nth-child(2) {
  font-size: 38px;
}
.Price_Indications_Stats > ul:nth-of-type(2) > li > span:first-of-type {
  font-size: 18px;
}
.Price_Indications_Stats > ul:nth-of-type(2) > li > span:last-of-type {
  font-size: 20px;
}*/
.Price_Indications_Stats > ul:nth-of-type(3) > li:last-of-type {
  /* font-size: 20px; */
  font-weight: 700;
} 
.Price_Indications_Stats > ul:nth-of-type(3) > li:first-of-type {
  /* font-size: 18px; */
  line-height: 130%;
}
}
 @media (max-width: 1599.98px) {
  .open-inspection-stats > ul{
    gap: 20px;
  }
}
.propertyCampaign_preview-section .propertyCampaign_tags li .custom-dropbox{
    border: 1px solid #ccc;
    padding: 10px;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 4px;
}
#html-body .campainreport__modal.custom_modal__carousel_details .custom_modal__action .modal-inner-wrap .action-close:hover{
  color: #000 !important;
}
.opacity-100{
  opacity: 1 !important;
}
.feedback-text.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 6.5em; /* fallback for older browsers */
  position: relative;
}

.Feedbackalign h6{
  font-weight: 700;
  font-size: clamp(10px, 0.61875vw, 11.88px) !important;
}
.Feedbackalign p{
  font-weight: 400;
  font-size: clamp(10px, 0.61875vw, 11.88px) !important;
}
#html-body .campainreport__modal{
  z-index: 101;
}
#html-body.listingsystem-externallisting-listingclientfeedback .loading-mask{
  z-index: 102;
}

#html-body :is(.select-2-black,.inline-select-2,.listing-section-table) .select2-container.select2-container--default.select2-container--open .select2-selection__arrow b{
  border-bottom-color: #000;
}
#html-body :is(.select-2-black,.inline-select-2,.listing-section-table) .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-top-color: #000;
} 
#html-body :is(.select-2-black,.inline-select-2) .select2-container--default .select2-selection--single{
  border-color: #000;
}
#html-body.select-2-black-dropdown .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: #067DF4;
  color: #fff !important;
}
 #home-and-land-model + .modal_footer{
    display: flex;
    justify-content: flex-end;
    gap: 15px;
 }
 .Feedbackalign{
  gap: 14.85px;
}
#html-body .campainreport__modal.custom_modal__carousel_details .custom_modal__action .modal-inner-wrap .btn_tag{
  line-height: normal;
  font-family: 'Avenir LT Std', sans-serif !important;
  box-shadow: none !important;
}
.propertyCampaign_img img{
  max-height: 300px;
}
.line-height-normal{
  line-height: normal !important;
}
.dis-flex{
  display: flex;
}
.w-min{
      width: min-content;
}