@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;700;800&family=Montserrat:wght@100;200;300;400&display=swap');
/* Reservation System style starts */
 .padding-0-20 {
    padding: 0px 20px !important;
}

.project-details-btn {
    text-transform: uppercase !important;
}
.customer-account-index .block-dashboard-orders{
    display: none;
}
body.account *:focus-visible {
    outline-color: #e02b27 !important;
}
/*.reservation-list-btn,
.reservation-btn {
    border-radius: 18px;
    text-transform: uppercase !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    max-height: 2.375rem;
    min-width: 6rem;
    max-width: 12rem;
    font-size: 0.75rem !important;
    font-weight: 750;
    background-color: #ffff !important;
    color: #000 !important;
    cursor: pointer !important;
    margin-top: 2rem !important;
    text-align: center;
}*/
.btn-round {
    border-radius: 18px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    min-width: 6rem;
    max-width: 12rem;
    font-size: 0.75rem !important;
    font-weight: 750;
    background-color: #ffff !important;
    color: #067df4 !important;
    cursor: pointer !important;
}
.btn-round2{
    border-radius: 18px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    min-width: 6rem;
    max-width: 12rem;
    font-size: 0.75rem !important;
    font-weight: 750;
    background-color: #067df4 !important;
    color: #ffff !important;
    cursor: pointer !important;
}
#project-details-table {
    font-size: 0.8rem !important;
}
#project-details-table .btn-round {
    border-radius: 9px !important;
    border-color: #131721BD !important;
}
/*#project-details-table label {
    color: #067df4 !important;
}*/
#project-details-table span {
    color: #067df4 !important;
    float: right !important;
}
.project-details-table label {
    color: white !important;
    font-weight: 900;
}
.project-details-table span {
    color: whitesmoke !important;
    font-weight: 300;
}
.table {
    width: 100% !important;
}
.d-table {
    width: 100% !important;
    display: revert !important;
}
.table div {
    padding: 1px 5px;
}
.table label {
    color: white !important;
    font-weight: 900;
}
.table span {
    color: whitesmoke !important;
    font-weight: 300;
}
.table div:nth-child(odd) {
    background: #067DF409;
}
.table div:nth-child(even) {
    background: #1211;
}
.empty {
    color: red;
    padding: 10px;
    background: oldlace;
}
.f-right {
    float: right !important;
}
.d-none {
    display: none !important;
}
.line {
    border: 0;
    border-top: 1px solid white !important;
    width: 100%;
}
.table th {
    color: white;
    font-weight: 900;
}
.table td {
    color: white;
    font-weight: 300;
}
#form-main,
#terms-and-conditions {
    background: black;
    color: white;
    padding: 10px;
}
.table label span {
    color: red !important;
}
#form-main label,
#form-main h3,
#terms-and-conditions label,
#terms-and-conditions h3 {
    color: white !important;
}
/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* 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);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
    background-color: #1a1a1a;
    margin: 15% auto !important;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
}
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.number::-webkit-outer-spin-button,
.number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.number {
    -moz-appearance: textfield;
}
#modal #container #table {
    color: white !important;
    display: inline-table;
    width: 100%;
    font-size: 1rem;
}
#modal #container #table th {
    font-weight: 900;
}
#modal #container #table td {
    font-weight: 300;
}
#modal #container #table tr:hover {
    /* color: #067DF4; */
    background-color: #8C8C8C;
}
.table #view-document a {
    color: #067df4 !important;
    text-decoration: underline !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #000000 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #067DF4 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444 !important;
}
.p-rs-img {
    height: 100px !important;
    width: auto;
    display: block;
    border-radius: 5px;
    border-color: #067df4 !important;
}
ul.sales-declaration-items {
    list-style-type: none;
    margin-left: -20px;
    margin-bottom: 0 !important;
}
/* #message{
    display: none;
    color: red;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 30px;
}
#message p {
    padding: 10px;
    background: blanchedalmond;
    margin-bottom: 0px !important;
} */
#client-selected input {
    width: 75px !important;
}
.d-flex {
    display: flex !important;
}
.sales-declaration-items label {
    cursor: pointer;
}
.p-rs-pdf {
    height:200px;
    width:60%;
}
.file-span,
.file-name-span,
.attachment-span {
    display: flex;
    justify-content: space-between;
}
.file-span button,
.file-name-span button,
.attachment-span button {
    width: 17px;
    height: 17px;
    color: black;
    background-color: red;
    border-radius: 5px;
    padding: 0px;
    line-height: 1rem;
}
.file-span button,
.file-name-span button {
    display: none;
}
/* Reservation System style ends */
/*nov02 start*/
body.account .page-main #projects_search_form .project-details-heading{
    display: flex !important;
    justify-content: space-between !important;
    padding: 1rem 1rem 1rem 2.5rem!important;
    background-color: #f1f1f1 !important;
    align-items: center !important;
    border-radius: 10px 10px 0px 0px ;
}
@media screen and (max-width: 1215.98px) {
    body.account .page-main #projects_search_form .project-details-heading{
        justify-content: flex-start !important;
    }
}
body.account .page-main #projects_search_form .project-details-heading .project-sub-details-heading span{
    font-size: 20px !important;
    padding: 0px 10px !important;
    white-space: nowrap !important;
}
/* body.account .page-main #projects_search_form .project-details-heading .project-sub-details-heading span:is(:nth-child(3), :nth-child(4), :nth-child(5), :nth-child(6)){
    width: 100px !important;
} */
body.account .page-main #projects_search_form .project-details-heading span{
font-size: 1.25rem !important;
padding: 0px 10px !important;
font-weight: 700 !important;
line-height: 20px !important;
}
@media screen and (max-width: 1120.98px) {
    .custom-accordion-tab .tab-label,
    body.account .page-main #projects_search_form .project-details-heading span{
        font-size: 1rem !important;
    }
}
@media screen and (max-width: 850.98px) {
    body.account .page-main #projects_search_form .project-details-heading span{
        font-size: 0.9rem !important;
    }
}
/* body.account .page-main #projects_search_form .project-details-heading  .project-details-heading-sub{
display: flex;
justify-content: flex-start;
width: 70% !important;
} */
body.account .page-main #projects_search_form .project-details-heading  .project-details-heading-sub span{
    width: 150px !important;
}
body.account.project_theme_mode_dark .page-main #projects_search_form .project-details-heading span{
color: #000 !important;
}
body.account .page-main #projects_search_form .project-details-heading .project-sub-details-heading,
.proxima-myaccount-container .tab-label.project-name span.project-sub .project-button,
.proxima-myaccount-container .tab-label.project-name span.project-sub .project-details-div {
    display: flex;
    justify-content: space-between !important;
}
.proxima-myaccount-container .tab-label.project-name span.project-sub .project-button{
    flex-wrap: nowrap !important;
}
.proxima-myaccount-container .tab-label.project-name span.project-sub .project-button a:first-child{
    margin-right: 5px !important;
}
.proxima-myaccount-container .tab-label.project-name span.project-sub .project-details-div span[class*='project'] {
min-width: 150px !important;
text-align: left !important;
padding: 0px 10px !important;
}
.proxima-myaccount-container .tab-label.project-name span.project-sub .project-details-div span[class*='project']:is(:nth-child(2),:nth-child(3)){
min-width: 70px !important;
}
.proxima-myaccount-container .tab-label.project-name span.project-sub a.btn {
    margin-left: 0 !important;
    }
@media screen and (max-width: 575.98px) {
    .proxima-myaccount-container .tab-label.project-name span.project-sub span:is(.project-multiple-contract-span,.project-sunset-date-span,.project-deposite-exchange-span,.project-est-settlement-date-span,.project-developers-span){
        display: none !important;
    }
    body.account .page-main #projects_search_form .project-details-heading{display: none !important;}
}
.modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
    margin: 0 !important;
    width: fit-content !important;
}
.modals-wrapper #project-details-table .btn-round {
    border-color: #fff !important;
    border-radius: 18px !important;
}
.modals-wrapper #project-details-table .btn-round:hover {
    border: 2px solid #067df4 !important
}
.agent-projects-discounts .proxima-myaccount-container .body-content form .table tbody tr td ul,
.agent-projects-discounts .proxima-myaccount-container .body-content form .table tbody tr td li{
    margin:0 !important;
    padding-left: 0 !important;
}
.agent-projects-discounts.account.project_theme_mode_dark .proxima-myaccount-container .body-content form .table tbody tr td li b{
    color: #fff !important;
}
.agent-projects-salescommission .proxima-myaccount-container .body-content form .table thead tr th,
.agent-projects-discounts .proxima-myaccount-container .body-content form .table thead tr th {
    vertical-align: middle !important;
    padding: 2px 2px 2px 10px !important;
}
body:is(.reservation-viewdraft-index,.reservation-psp-index) .proxima-myaccount-container .body-content form .table tbody tr td,
.agent-projects-salescommission .proxima-myaccount-container .body-content form .table tbody tr td,
.agent-projects-discounts .proxima-myaccount-container .body-content form .table tbody tr td {
    color: #fff !important;
}
.agent-projects-salescommission .proxima-myaccount-container .body-content form .table thead tr th:nth-child(1),
.agent-projects-discounts .proxima-myaccount-container .body-content form .table thead tr th:nth-child(1) {
    min-width: 1rem !important;
}
.agent-projects-salescommission .proxima-myaccount-container .body-content form .table thead tr :is(th:nth-child(6), th:nth-child(8)) {
    min-width: 11rem !important;
}
.agent-projects-salescommission .proxima-myaccount-container .body-content form .table thead tr :is(th:nth-child(2), th:nth-child(3)) {
    min-width: 13rem !important;
}
.agent-projects-salescommission .proxima-myaccount-container .body-content form .table thead tr th:nth-child(7) {
    min-width: 6rem !important;
}
.agent-projects-discounts .proxima-myaccount-container .body-content form .table thead tr :is(th:nth-child(3), th:nth-child(4), th:nth-child(5), th:nth-child(6)) {
    min-width: 7rem !important;
}
.agent-projects-discounts .proxima-myaccount-container .body-content form .table thead tr th:nth-child(7) {
    min-width: 14rem !important;
}
.agent-projects-salescommission .proxima-myaccount-container .body-content form .table thead tr th:last-child,
.agent-projects-discounts .proxima-myaccount-container .body-content form .table thead tr th:last-child {
    border-radius: 0px 20px 20px 0px;
}
body:is(.reservation-reservationcomplete-index, .reservation-psp-reservation) .proxima-myaccount-container .body-content .table :is(label, span),
.agent-projects-salescommission .proxima-myaccount-container .body-content .table :is(label, span),
.agent-projects-information .proxima-myaccount-container .body-content .table :is(label, span),
.agent-projects-discounts .proxima-myaccount-container .body-content .table :is(label, span),
.agent-projects-vendorcommission .proxima-myaccount-container .body-content .table :is(label, span) {
    font-size: 0.8rem !important;
}
body:is(.reservation-reservationcomplete-index, .reservation-psp-reservation) .proxima-myaccount-container .body-content .table span,
.agent-projects-salescommission .proxima-myaccount-container .body-content .table span,
.agent-projects-discounts .proxima-myaccount-container .body-content .table span,
.agent-projects-information .proxima-myaccount-container .body-content .table span,
.agent-projects-vendorcommission .proxima-myaccount-container .body-content .table span {
    color: #067df4 !important
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td{
    height: 2.5625rem !important;
    padding: 2px 2px 7px 15px !important;
}
body:is(.reservation-viewdraft-index,.reservation-psp-index) .proxima-myaccount-container .body-content form .table thead tr th:last-child,
body:is(.reservation-viewdraft-index,.reservation-psp-index) .proxima-myaccount-container .body-content form .table tbody tr td:last-child{
    white-space: nowrap !important;
    padding-right: 10px !important;
}
/*.agent-projects-index .custom-accordion-tab ul.property-details .property-current-reservation-list .reservation-btn .current-reservation-list {
    color: #067df4 !important
}
.agent-projects-index .custom-accordion-tab ul.property-details :is(property-current-reservation-list, property-reserve-now) .btn:hover {
    color: #fff !important
}*/
/*nov02 ends*/
/*.agent-projects-information .proxima-myaccount-container .body-content .table :is(label, span){
    text-decoration:underline !important
}*/
#project-details-table tbody tr:nth-child(odd) {
    background-color: #333333;
}
.modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content
/*.popup-info*/
    {
    background-color: #222222;
}
/******reservation-property-form ***********/
.reservation-property-form .table-grid-container {
    grid-template-columns: repeat(4, 2fr) !important;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div,
.reservation-property-form .proxima-myaccount-container .body-content form .table:not(.custom-accordion-menu) div {
    margin-bottom: 10px !important;
    /*border-color: #067df4 !important;*/
}
.offer-property-form .proxima-myaccount-container .body-content form .table div label,
.reservation-property-form .proxima-myaccount-container .body-content form .table div label {
    font-weight: 600 !important;
    font-size: 13px !important;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div span.reservation-form-span,
.reservation-property-form .proxima-myaccount-container .body-content form .table div span.reservation-form-span {
    font-weight: 200 !important;
    font-size: 14px !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client li label{
    position: relative;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client li label::after{
    position: absolute;
    right: -19.4px !important;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div span.reservation-form-span:before,
.offer-property-form  .proxima-myaccount-container .body-content form .table div span.reservation-form-span input:before,
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client li label::after,
.reservation-property-form .proxima-myaccount-container .body-content form .table div span.reservation-form-span:before,
.reservation-property-form .proxima-myaccount-container .body-content form .table div span.reservation-form-span input:before {
    content: ":";
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #067df4 !important;
    margin-right: 10px !important;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div label span:before,
.reservation-property-form .proxima-myaccount-container .body-content form .table div label span:before {
    content: ":";
    display: none !important;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div input,
.offer-property-form  .proxima-myaccount-container .body-content form .table span.reservation-form-span select,
.reservation-property-form .proxima-myaccount-container .body-content form .table div input:not(.confirm-radio-input),
.reservation-property-form .proxima-myaccount-container .body-content form .table span.reservation-form-span select {
    border-radius: 20px !important;
    height: 2.9rem !important;
    padding: 0.5rem 1rem !important;
    width: 90% !important;
    line-height: 100%;
    font-size: 12px !important;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table span.reservation-form-span .select2-container--default .select2-selection--single,
.offer-property-form  .proxima-myaccount-container .body-content form .table .select2-container--default .select2-selection--multiple,
.reservation-property-form .proxima-myaccount-container .body-content form .table span.reservation-form-span .select2-container--default .select2-selection--single,
.reservation-property-form .proxima-myaccount-container .body-content form .table .select2-container--default .select2-selection--multiple {
    width: 100% !important;
    border-radius: 20px !important;
    height: 2.375rem !important;
    font-size: 12px !important;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table span.reservation-form-span .select2-container ,
.reservation-property-form .proxima-myaccount-container .body-content form .table span.reservation-form-span .select2-container {
    width: 90% !important;
    margin-left: -4px;
    font-size: 12px !important;
}
.offer-property-form  .select2-container .select2-selection--single .select2-selection__rendered,
.reservation-property-form .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 1rem !important;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client),
.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client) {
    display: inline-flex;
    min-width: fit-content;
    font-size: 0.75rem !important;
    height: 2.375rem !important;
    font-weight: 700;
    background-color: #067df4 !important;
    border-color: #067df4 !important;
    cursor: pointer !important;
    color: #fff !important;
    border-radius: 20px !important;
    align-items: center;
    text-transform: uppercase !important;
}
.offer-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"]:hover,
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"]:hover ,
.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"]:hover,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"]:hover {
    background-color: #fff !important;
    border-color: #067df4 !important;
    color: #067df4 !important;
}
.offer-property-form .proxima-myaccount-container .body-content form .table span.reservation-form-span select,
.reservation-property-form .proxima-myaccount-container .body-content form .table span.reservation-form-span select {
    margin-left: -4px;
    font-size: 12px !important;
    padding-right: 30px !important;
    background-position: 96% !important;
    background-origin: padding-box !important;
    line-height: 14px;
}
.offer-property-form .proxima-myaccount-container .body-content form .table span.reservation-form-span select.accordion-payment-li,
.reservation-property-form .proxima-myaccount-container .body-content form .table span.reservation-form-span select.accordion-payment-li{
    margin-left: 0 !important;
}
.offer-property-form .proxima-myaccount-container .body-content form .table div a.myAnchor,
.reservation-property-form .proxima-myaccount-container .body-content form .table div a.myAnchor {
    font-size: 15px !important;
    text-decoration: underline;
    color: #7377ab !important;
    padding-left: 3px !important;
}
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"],
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"],
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"],
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"] {
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    min-width: 8rem;
    font-size: 0.75rem !important;
    height: 2.375rem !important;
    font-weight: 700;
    background-color: #067df4 !important;
    border-color: #067df4 !important;
    cursor: pointer !important;
    color: #fff !important;
    border-radius: 20px !important;
    align-items: center;
}
.offer-property-form .select2-container--default .select2-search--inline .select2-search__field,
.reservation-property-form .select2-container--default .select2-search--inline .select2-search__field {
    padding: 0 !important;
    margin: 0 !important;
    height: 2.375rem !important;
}
.offer-property-form div.mage-error,
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group div.mage-error,
.reservation-property-form div.mage-error,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group div.mage-error {
    font-size: 0.7rem !important;
    margin-left: 25px !important;
}
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group div.mage-error,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group div.mage-error,
.offer-property-form .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group div.mage-error{
    margin-left: 5px !important;
    white-space:nowrap !important;
}
.offer-property-form .select2-container--default .select2-selection--single .select2-selection__arrow,
body:is(.reservation-property-form, .offer-property-form) .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px !important;
    right: 3px !important;
}
body.reservation-reservationcomplete-index .modals-wrapper .modal-popup.modal-pop-up-custom-client-update{
    bottom: 20px !important;
}
body.reservation-reservationcomplete-index .modals-wrapper .modal-popup.modal-pop-up-custom-client-update .modal-inner-wrap{
    width: 80% !important;
}
body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table-grid-container div label,
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div label,
body.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container label,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div label,
.offer-property-form .proxima-myaccount-container .body-content .modal-content .table-grid-container div label,
body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div label{
    font-weight: 600 !important;
    font-size: 15px !important;
}
body.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container label span{
    color: #e02b27 !important;
}
.offer-property-form .proxima-myaccount-container .body-content .modal-content .table-grid-container div label,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div label{
    white-space:break-spaces !important
}
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
body.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container div.form-group select,
body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
body.agent-referral .proxima-myaccount-container .body-content div.form-group select{
    background-size: 12px !important;
}
body.reservation-viewdraft-index #viewform-edit-client .select2-selection.select2-selection--multiple,
body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input,
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input::placeholder{
    font-size: 0.8rem;
}
body.project_theme_mode_normal.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
body.project_theme_mode_normal.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input,
body.project_theme_mode_normal.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container div.form-group select,
body.project_theme_mode_normal.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container div.form-group input,
body.project_theme_mode_normal.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input,
body.project_theme_mode_normal.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
.project_theme_mode_normal.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group input,
.project_theme_mode_normal.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group select ,
body.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group input,
body.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group select,
body.offer-property-form .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input,
body.offer-property-form .proxima-myaccount-container .body-content  .modal-content .table-grid-container div.form-group select {
    border: 1px solid #000 !important
}

body.agentmanagement-information-search #agent-search-form div.form-group input,
body.agent-referral #agent-referral-form div.form-group input
{
    width: 100% !important;
    border-radius: 20px !important;
    height: 2.375rem !important;
    font-size: 0.8rem;
    max-width: 600px;
}
body.reservation-viewdraft-index #viewform-edit-client .select2-selection.select2-selection--multiple,
body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input,
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input,
body.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container div.form-group select,
body.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container div.form-group input,
body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input,
body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group input,
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group select,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group input,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group select,
.offer-property-form .proxima-myaccount-container .body-content  .modal-content .table-grid-container div.form-group input,
.offer-property-form .proxima-myaccount-container .body-content  .modal-content .table-grid-container div.form-group select,
body.agent-referral .proxima-myaccount-container .body-content div.form-group select {
    width: 100% !important;
    border-radius: 20px !important;
    height: 2.375rem !important;
    font-size: 0.8rem!important;
}
body.reservation-viewdraft-index #viewform-edit-client .select2-selection.select2-selection--multiple input{
    border: none !important;
    height: auto !important;
    padding-left: 12px !important;
}
body.reservation-viewdraft-index #viewform-edit-client .select2-selection.select2-selection--multiple{
    padding: 5px;
    height: auto !important;
}
.checkout-onepage-success .page-title-wrapper select,
.rokanthemes-onepagecheckout .page-title-wrapper select,
.reservation-property-form .proxima-myaccount-container .body-content form .table span.reservation-for,m-span select,
.offer-property-form .proxima-myaccount-container .body-content form .table span.reservation-form-span select,
body.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container div.form-group select,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group select,
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group select,
body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
body.agent-referral .proxima-myaccount-container .body-content div.form-group select{
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}
body.reservation-reservationcomplete-index .table div:nth-child(odd),
body.reservation-reservationcomplete-index .table div:nth-child(even){
    background-color: transparent !important;
}
body.reservation-reservationcomplete-index .table .edit-client-form-buttons.edit-client div{
  display: block;
  height: 80px !important;
  padding: 20px 0px 20px 0px !important
}
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-caption,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-caption {
    color: #067df4 !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}
.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .close:hover,
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .close:hover {
    color: #067df4 !important;
}
body:is(.reservation-reservationcomplete-index, .reservation-property-form, .reservation-client-registration) .proxima-myaccount-container .body-content .modal-content .table div.table-grid-container{
    width: 100% !important;
}
body.reservation-reservationcomplete-index .modal-content div.table-grid-container:nth-child(1) div:nth-child(even),
body.reservation-property-form .modal-content .table div.table-grid-container:nth-child(1) div:nth-child(even),
body.offer-property-form .modal-content .table div.table-grid-container:nth-child(1) div:nth-child(even),
body.reservation-client-registration .modal-content .table div.table-grid-container:nth-child(1) div:nth-child(odd){
    padding-left: 10px;
    text-align: left !important;
}
body.reservation-reservationcomplete-index .modal-content div.table-grid-container:nth-child(3) div:nth-child(odd),
body.reservation-property-form, .modal-content .table div.table-grid-container:nth-child(3) div:nth-child(odd),
body.reservation-client-registration .modal-content .table div.table-grid-container:nth-child(3) div:nth-child(even){
    padding-left: 10px;
    text-align: left !important;
}
body.reservation-reservationcomplete-index .modal-content div.table-grid-container:nth-child(5) div:nth-child(odd),
body.reservation-property-form, .modal-content .table div.table-grid-container:nth-child(5) div:nth-child(odd),
body.reservation-client-registration .modal-content .table div.table-grid-container:nth-child(5) div:nth-child(even){
    padding-left: 10px;
    text-align: left !important;
}
body.reservation-reservationcomplete-index .modal-content div.table-grid-container div{
    text-align: left !important;
}
body.reservation-reservationcomplete-index.account .modal-content form.table .edit-client-address-title{
    padding-left: 10px !important;
}
body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table div,
body.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table div,
body.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table div,
body.offer-property-form .proxima-myaccount-container .body-content .modal-content .table div{
   margin-bottom: 10px !important;
}
body.offer-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table div.mage-error,
body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table div.mage-error,
body.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table div.mage-error{
    white-space: nowrap !important;
 }
 .offer-property-form .proxima-myaccount-container .body-content form .table :is(div .bank-details, div#client-selected p),
.reservation-property-form .proxima-myaccount-container .body-content form .table :is(div .bank-details, div#client-selected p) {
    font-size: 14px !important;
    display: block;
    margin-left: 24px;
}
body.offer-property-form .proxima-myaccount-container .body-content form .table div .bank-details,
body.reservation-property-form .proxima-myaccount-container .body-content form .table div .bank-details{
    margin-left: 0px !important;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div#client-list,
.offer-property-form  .proxima-myaccount-container .body-content form .table div#client-selected ,
.reservation-property-form .proxima-myaccount-container .body-content form .table div#client-list,
.reservation-property-form .proxima-myaccount-container .body-content form .table div#client-selected {
    border: none !important;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div:nth-last-child(1),
.reservation-property-form .proxima-myaccount-container .body-content form .table div:nth-last-child(1) {
    /*border: 2px solid;*/
    border-left: 0;
    border-radius: 00px 20px 20px 0px;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div:nth-last-child(2),
.offer-property-form  .proxima-myaccount-container .body-content form .table div:nth-last-child(3),
.reservation-property-form .proxima-myaccount-container .body-content form .table div:nth-last-child(2),
.reservation-property-form .proxima-myaccount-container .body-content form .table div:nth-last-child(3) {
    /*border: 2px solid;*/
    border-left: 0;
    border-right: 0;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div:nth-last-child(4),
.reservation-property-form .proxima-myaccount-container .body-content form .table div:nth-last-child(4) {
    /*border: 2px solid;*/
    border-right: 0;
    border-radius: 20px 0px 0px 20px;
    /*padding: 3px 10px !important;*/
}
.offer-property-form  #form-main label[for="remittance"],
.offer-property-form  #form-main label[for="photo-id"],
.reservation-property-form #form-main label[for="remittance"],
.reservation-property-form #form-main label[for="photo-id"] {
    color: #067df4 !important;
}
/* checkout style fix*/
.modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .actions-toolbar{
    text-align:center;
}
.modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .fieldset .password label span{
      color:#FFFFFF !important;
}
.modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .actions-toolbar > .primary {
    float: none;
    display:inline-block;
    margin-bottom: 2rem;
    text-align:center;
  }
  .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .actions-toolbar > .primary button.action.login.primary{
    border-radius:30px;
    font-size: 0.75rem !important;
    font-weight: 750;
    padding: .4rem 1.5rem .4rem 1.5rem!important;
    background : #ffffff !important;
    cursor: pointer!important;
    color: #067DF4 !important;
}
.modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .actions-toolbar > .primary button.action.login.primary:hover{
    color: #ffffff !important;
    background : #067DF4!important;
}
ol#checkoutSteps li *,.opc-block-summary table *{
    color:#000000 !important;
}
ol#checkoutSteps li div.mage-error{
    font-size: 11px !important;
    color: #e02b27 !important;
}
.items-in-cart  .table span{
    color:#000000 !important;
}
 .offer-property-form .proxima-myaccount-container .body-content form .table div.mage-error,
.reservation-property-form .proxima-myaccount-container .body-content form .table div.mage-error{
    margin:0px !important;
    border:0px !important;
    padding:4px 0px 0px 30px;
}
.opc-block-summary  .table span{
    color:#000000 !important;
}
.terms-accept-btn{
    display: inline-flex;
    min-width: 6rem;
    font-size: 0.75rem !important;
    height: 2.375rem !important;
    font-weight: 700;
    background-color: #fff !important;
    border-color: #000 !important;
    cursor: pointer !important;
    color: #000 !important;
    border-radius: 20px !important;
    align-items: center;
    text-transform: uppercase !important;
    justify-content: center;
}
.proxima-myaccount-container .body-content .reservation-form #reserve-form #message{
    font-size: 20px !important;
    text-align: center;
    color: #e02b27;
}
/* Reservation Form 29/11/2022 Start */
.reservation-accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.reservation-accordion.active, .reservation-accordion:hover {
    background-color: #ccc;
}

.reservation-panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}
.proxima-myaccount-container .body-content #reserve-form .table {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    position: relative;
}
.proxima-myaccount-container .body-content #reserve-form .table.reservation-fee-table{
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}
.reservation-property-form .proxima-myaccount-container .body-content form .table div .reservation-fee-table span.reservation-form-span:before{
    content: '';
    display: none !important;
}
.proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion{
	background:linear-gradient(top,#787c88,#3e4454);
	background:-webkit-linear-gradient(top,#787c88,#3e4454);
	background:-moz-linear-gradient(top,#787c88,#3e4454);
	padding:20px;

}

body.offer-property-form .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion ul li:nth-child(1) span.reservation-form-span{
    width: fit-content !important;
}
.proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion ul.offer-form-grid{
    grid-template-columns:repeat(2,1fr);
}
.proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion ul{
	margin:0px;
	padding:0px;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-gap:5px;
}
.proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion ul>li{
	margin:0px;
	font-size:13px;
	list-style:none;
    display: flex;
}
.proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion ul li>label{
	width:50%;
	display:inline-block;

}
.proxima-myaccount-container .body-content #reserve-form .table button.reservation-accordion{
	background:#2b2b37;
	border-radius:30px;
	color:#FFFFFF;
	position:relative;
	font-size:15px;
	text-transform:capitalize;
	box-sizing:border-box;
	padding:5px 15px;
}
.proxima-myaccount-container .body-content #reserve-form .table button.reservation-accordion:after{
	content:"+";
	display:block;
	width:20px;
	height:20px;
	border-radius:100%;
	background:#333333;
	border:1px solid #FFFFFF;
	text-align:center;
	font-size:20px;
	position:absolute;
	top:calc(50% -  10px);
	right:30px;
	line-height:80%;
}
.proxima-myaccount-container .body-content #reserve-form .table button.reservation-accordion.active:after	{
	content:"-";
	line-height:75%;
}
.proxima-myaccount-container .body-content #reserve-form .table table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    padding: 0 !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul{
	padding:10px;
	margin:0px;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-gap:2px;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li{
	list-style:none;
	margin:0px ;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li >label{
	display:inline-block;
	width:28%;
}
@media (max-width: 809.98px) {
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li >label{
        width: 26% !important;
    }
}
@media (max-width: 576.98px) {
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li >label{
        width: 100% !important;
    }
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li >label span{
    color: #b70707 !important;
}
body.offer-property-form  .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li >label span,
body.reservation-property-form .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li >label span{
    position: absolute !important;
    margin-left: 2px !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li>span{
	display:inline-block;
	width:67%;
	padding:0px 30px 0px 0px;
	box-sizing:border-box;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li>span ul.select2-selection__rendered{
    margin:0px;
    padding:0px;
    display:block;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li>span ul.select2-selection__rendered li{
    display:inline-block;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li>span ul.select2-selection__rendered li>span{
    width:auto;
}
#client-selected p{
    margin:0px;
    padding:0px;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client{
    display:block;
    position: relative;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>li:nth-child(1) label{
    display:block;
    vertical-align:top;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>li:nth-child(1) span{
    width:100%;
    margin-left: 4px !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>li:nth-child(1) span.select2.select2-container.select2-container--default .selection{
    display: block;
    height: auto;
    width: 83% !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>li:nth-child(1) span.select2.select2-container.select2-container--default{
    height: auto;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>li:nth-child(1) span:before{
    display:none;
}
.onepagecheckout-index-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
    background-color: #ffffff !important;
    width: 100% !important;
}
.onepagecheckout-index-index .modal-content {
    background-color: #ffffff !important;
    width: 100% !important;
}
/*div#checkout .message-error {
    display: none;
}*/
div#checkout .checkout-shipping-address,
div#checkout .checkout-shipping-method,
div#checkout .opc-block-summary,
div#checkout .checkout-billing-address,
div#checkout #giftcardaccount-placer {
    display: none !important;
}
div#checkout .checkout-payment-method {
    width: 100% !important;
}
.proxima-myaccount-container .body-content form:not(.projectofferreport) .my-reservation-list-table thead tr :is(th:nth-child(6), th:nth-child(8)) {
    width: 8rem !important;
}
.proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th:last-child {
    border-radius: 0px 21px 21px 0px!important;
}
.proxima-myaccount-container .body-content form:not(.projectofferreport) .my-reservation-list-table thead tr th:nth-child(1) {
    border-radius: 20px 0px 0px 20px;
    min-width: 8rem !important;
}
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th:nth-child(6),
.reservation-psp-index .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th:nth-child(6){
    min-width: 7rem;
}
.reservation-viewdraft-index .reservation-psp-index .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th:nth-child(8),
.reservation-psp-index .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th:nth-child(8){
min-width: 8rem;
}
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .table thead tr th,
.reservation-psp-index .proxima-myaccount-container .body-content form .table thead tr th {
    padding: 2px 2px 0px 10px !important;
    vertical-align: middle;
}
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .table thead tr th:nth-child(9){
    min-width: 8rem !important
}
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .table thead tr th:nth-child(12),
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .table thead tr th:nth-child(11){
    min-width: 7rem !important
}
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .table thead tr th:nth-child(13){
    min-width: 5rem !important
}
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th:nth-child(3),
.reservation-psp-index .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th:nth-child(3) {
    min-width: 5rem !important;
}
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th:nth-child(4),
.reservation-psp-index .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th:nth-child(4) {
    min-width: 5rem !important;
}
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr :is(th:nth-child(6), th:nth-child(8), th:nth-child(7)){
    min-width: 9rem !important;
}
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .table thead tr th:nth-child(10){
    min-width: 7rem !important;
}
.reservation-viewdraft-index .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th{
    padding-right: 20px !important;
}
.checkout-onepage-success .print {
    display: none;
}
.proxima-myaccount-container .body-content form .my-reservation-list-table :is(tbody tr td a, tbody tr td a span) {
    color: #067df4 !important;
}
.proxima-myaccount-container .body-content form .my-reservation-list-table :is(tbody tr td a, tbody tr td a span):hover {
    color: #fff !important;
}
.checkout-container{
    background:#FFFFFF;
    width:calc(100% - 40px);
    margin:0px auto 20px auto;
}
.rokanthemes-onepagecheckout .opc-wrapper{
    padding:20px;
    width:100%;
}
.rokanthemes-onepagecheckout #opc-sidebar{
     float:none;
     text-align:center;
     margin:0px auto;
     border:0px;
}
.proxima-myaccount-container .body-content #reserve-form .table button.reservation-accordion span.tick{
    position: absolute;
    width: 20px;
    height: 20px;
    background: #23C955;
    border: 1px solid #FFFFFF;
    top: calc(50% - 10px);
    right: 60px;
    border-radius: 100%;
    font-family: Arial Unicode MS, Lucida Grande;
    text-align: center;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li >label{
    display:inline-block;
    width:31%;
    vertical-align:top;
    padding:6px 0px 0px 0px;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li table#client-selected.table{
    margin:0px 0px 0px 10px;
    width:auto !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li table#client-selected.table td{
    padding: 3px 10px 20px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li table#client-selected.table td input{
    margin:0px 10px 0px 0px;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>li:nth-child(1) label{
    display:block;
    vertical-align:top;
    width:15.5%;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li table#client-selected.table td div.mage-error{
    position: absolute;
    bottom: -5px;
    left: 0px;
    padding: 0px 0px 0px 10px;
}
.offer-property-form  .proxima-myaccount-container .body-content form .table div .solicitor-text ,
.offer-property-form  .proxima-myaccount-container .body-content form .table div .refund-text,
.reservation-property-form .proxima-myaccount-container .body-content form .table div .solicitor-text ,
.reservation-property-form .proxima-myaccount-container .body-content form .table div .refund-text{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 10px;
    line-height: 1rem;
    color: #808080;
}
/* .offer-property-form  .proxima-myaccount-container .body-content form .table div .attachments-container #not-signing-ack .client-acknowledgments div:not(#acknowledgment-error).mage-error, */
.reservation-property-form .proxima-myaccount-container .body-content form .table div .attachments-container #not-signing-ack .client-acknowledgments div:not(#acknowledgment-error).mage-error{
    display: none !important;
} 
.offer-property-form  .proxima-myaccount-container .body-content form .table div .attachments-container #not-signing-ack .client-acknowledgments div:not(#acknowledgment-error).mage-error{
    display: none;
} 
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li span.client-acknowledgments .attach-span .selection_remove span{
    padding-right: 5px !important;
}
@media screen and (max-width:700px){
	.proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion ul,.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul{
        grid-template-columns: repeat(1,1fr);
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li:nth-child(2){
        border-bottom: 0 !important;
    }
	.proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion ul li{
		padding:2px 0px;
		line-height:100%;
	}
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li>label,.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li>span{
        display:block;
        width:100%!important;
        padding:0px;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li>span:before{
        display:none;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul .d-flex{
        flex-direction: column !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client-new li>span.client-edit-box{
        width: 100% !important;
        padding-left: 0 !important;
    }
    .offer-property-form  .proxima-myaccount-container .body-content form .table .select2-container--default .select2-selection--multiple,
    .reservation-property-form .proxima-myaccount-container .body-content form .table .select2-container--default .select2-selection--multiple{
        width: 96% !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>li:nth-child(1) span{
        margin-left: 0 !important;
        width: 97% !important;
        height:auto !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li{
        flex-direction: column !important;
    }
    body.reservation-property-form.account .table .client-photo-ids span.file-span{
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    body.reservation-property-form.account .table .client-photo-ids span.file-name-span{
        align-items: flex-end !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li.row{
        flex-direction: column !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>li:nth-child(1) span.select2.select2-container.select2-container--default .selection{
        width:100% !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>li:nth-child(1) label,
    .offer-property-form  .proxima-myaccount-container .body-content form .table div label[for="photo-id"],
    .reservation-property-form .proxima-myaccount-container .body-content form .table div label[for="photo-id"]{
        white-space: nowrap;
    }
    .offer-property-form  .proxima-myaccount-container .body-content form .table span.reservation-form-span .select2-container,
    .offer-property-form  .proxima-myaccount-container .body-content form .table span.reservation-form-span select,
    .reservation-property-form .proxima-myaccount-container .body-content form .table span.reservation-form-span .select2-container,
    .reservation-property-form .proxima-myaccount-container .body-content form .table span.reservation-form-span select{
        margin-left:0px !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li span.client-acknowledgments .attach-span {
        flex-direction: column;
        align-items: flex-start !important;
        border: 1px solid #d9d9d9;
        margin-bottom: 6px;
        box-shadow: 2px 2px 5px -1px #ccc;
        padding: 6px 0 6px 0;
    }
    .reservation-property-form .proxima-myaccount-container .body-content form .table div .attachments-container .client-acknowledgments .attach-span .file-span input{



    }
    body.reservation-property-form.account .table span.attachment-span .file-name-text, body.reservation-property-form.account .table span.file-name-span .file-name-text{
        width: auto !important;
    }
    .offer-property-form  .select2-container--open .client-select2.select2-dropdown,
    .reservation-property-form .select2-container--open .client-select2.select2-dropdown{
        margin-top: 0 !important;
    }
}
@media screen and (max-width:991px){
    .proxima-myaccount-container .body-content .reservation-form .actions-toolbar .primary{
        display: flex !important;
    }
    .proxima-myaccount-container .body-content .reservation-form .actions-toolbar .primary .btn-primary.action.submit.primary{
        width: fit-content !important;
        margin-right: 10px !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li.row .col-2{
        max-width: 25% !important;
        min-width: 100% !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container label{
        white-space: nowrap !important
    }

    body.reservation-property-form.account .table span.file-span .file_upload.client_acknowledgment{
        padding-left: 3px !important;
    }
 }
.reservation-form .select2-container--open .select2-dropdown{
    top: -20px !important;
}
/* Reservation Form 29/11/2022 End */
/*body.account .reservation-list-btn,body.account .reservation-btn{
    max-height: 4.375rem;
}*/
body.project_theme_mode_normal.rokanthemes-onepagecheckout .page-title-wrapper select{
    color: #000;
    background-color: #fff !important;
    border-color: #000 !important;
}
.rokanthemes-onepagecheckout .page-title-wrapper{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.rokanthemes-onepagecheckout .page-title-wrapper select{
    margin-right: 20px;
    width: 100px;
    height: 2.375rem;
    border-radius: 20px;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase;
    border: 2px solid #ffffff !important;
    text-align: unset
}
.checkout-onepage-success .page-title-wrapper select,
.rokanthemes-onepagecheckout .page-title-wrapper select{
text-align: left !important;
}
.eway-secure-field-form input{
    width: 99% !important;
}
.rokanthemes-onepagecheckout #opc-sidebar .actions-toolbar > .primary > .btn-placeorder.btn-primary{
    max-width: 9rem;
    height: 2.375rem !important;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    border-radius: 18px;
    background-color: #000 !important;
    border-color: #000 !important;
}
/* light mode */
body.account.project_theme_mode_normal  #modal #container #table{
    color: #000 !important;
  }
  body.account.project_theme_mode_normal  #form-main,body.account.project_theme_mode_normal #terms-and-conditions{
    background: #fff !important;
    color: #000 !important;
  }
  body.account.project_theme_mode_normal .terms-accept-btn:hover{
    color: #fff !important;
    background-color: #000 !important;
    border-color: #fff !important;
  }
  body.account.project_theme_mode_normal #form-main label,body.account.project_theme_mode_normal #form-main h3,body.account.project_theme_mode_normal #terms-and-conditions label,body.account.project_theme_mode_normal #terms-and-conditions h3{
    color: #000 !important;
  }
  body.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client{
    width: 75% !important;
}
  /*body.account.project_theme_mode_normal .custom-accordion-tab .tab .btn-secondary.reservation-list-btn:hover,  body.account.project_theme_mode_normal .custom-accordion-tab .tab .btn-secondary.reservation-btn:hover{
    color: #fff !important;
    background-color: #000 !important;
    border:2px solid #fff !important;
}*/
/*body.account.project_theme_mode_normal .reservation-list-btn,body.account.project_theme_mode_normal .reservation-btn{
    border:2px solid #000 !important;
    color: #000 !important;
}*/
body.account.project_theme_mode_normal .table label{
    color: #000 !important;
}
body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client),body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"],body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"],
body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client),body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"],body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"]{
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}
body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"],body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"],
body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"],body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"]{
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}
body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,.offer-property-form  .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"]:hover,body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"]:hover,
body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"]:hover,body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"]:hover{
    background-color: #fff !important;
    border-color: #000 !important;
    color: #000 !important;
}
body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content form .table div a.myAnchor,
body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content form .table div a.myAnchor {
    color: #222222 !important;
}
body.account.project_theme_mode_normal .modal-content{
    background-color: #fff !important;
}
body.account.offer-property-form  .modal-content.modal-md,
body.account.reservation-property-form .modal-content.modal-md{
    padding-bottom: 40px !important;
}
#selectSolicitor .selection .select2-selection.select2-selection--single,
body.account.reservation-client-registration .modal-content.modal-md #edit-client .selection .select2-selection.select2-selection--single,
body.account.offer-property-form  .modal-content.modal-md #edit-client .selection .select2-selection.select2-selection--single,
body.account.reservation-property-form .modal-content.modal-md #edit-client .selection .select2-selection.select2-selection--single{
    height: 2.535rem;
    border-radius: 20px;
}
#selectSolicitor .selection .select2-selection.select2-selection--single #select2-select_solicitor-container,
body.account.reservation-client-registration .modal-content.modal-md #edit-client .selection .select2-selection.select2-selection--single #select2-client-legal_entity-container,
body.account.offer-property-form  .modal-content.modal-md #edit-client .selection .select2-selection.select2-selection--single #select2-client-legal_entity-container,
body.account.reservation-property-form .modal-content.modal-md #edit-client .selection .select2-selection.select2-selection--single #select2-client-legal_entity-container{
    line-height: 35px !important;

}
.select2-container .select2-selection--single .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--single .select2-selection--single .select2-selection__placeholder,
body.account.reservation-client-registration #create-new-client .select2-container--default .select2-selection--single .select2-selection__rendered,
body.account.reservation-client-registration #create-new-client .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.account.offer-property-form  #create-new-client .select2-container--default .select2-selection--single .select2-selection__rendered,
body.account.offer-property-form  #create-new-client .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.account.reservation-property-form #create-new-client .select2-container--default .select2-selection--single .select2-selection__rendered,
body.account.reservation-property-form #create-new-client .select2-container--default .select2-selection--single .select2-selection__placeholder
{
    font-size: 12px !important;
}
#selectSolicitor .selection .select2-selection.select2-selection--single button span,
body.account.reservation-client-registration .modal-content.modal-md #edit-client .selection .select2-selection.select2-selection--single button span,
body.account.offer-property-form  .modal-content.modal-md #edit-client .selection .select2-selection.select2-selection--single button span,
body.account.reservation-property-form .modal-content.modal-md #edit-client .selection .select2-selection.select2-selection--single button span{
    line-height: 0.5rem !important;
    display: block !important;
}

 body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #reservation-sales-advice-form fieldset .field.sales-advice.required{
    color: #fff !important;
 }
 body.account.project_theme_mode_normal.offer-property-form  .proxima-myaccount-container .body-content .reservation-form .modal-content .table-caption,
body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-caption{
    color: #000 !important;
}
body.account.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .close:hover{
    color: #8c8c8c !important;
}
body.account.project_theme_mode_normal .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #fff !important;
}
body.rokanthemes-onepagecheckout.project_theme_mode_normal .page-title-wrapper .page-title{
    color: #000 !important;
}
body.project_theme_mode_normal.rokanthemes-onepagecheckout .page-title-wrapper select{
    color: #000;
    background-color: #fff !important;
    border-color: #000 !important;
}
body.project_theme_mode_normal.rokanthemes-onepagecheckout #opc-sidebar .actions-toolbar > .primary > .btn-placeorder.btn-primary:hover{
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
}
body.project_theme_mode_normal:is(.reservation-reservationcomplete-index,.reservation-psp-reservation) .proxima-myaccount-container .body-content .table span,
body.project_theme_mode_normal.agent-projects-salescommission .proxima-myaccount-container .body-content .table span,
body.project_theme_mode_normal.agent-projects-discounts .proxima-myaccount-container .body-content .table span,
body.project_theme_mode_normal.agent-projects-information .proxima-myaccount-container .body-content .table span,
body.project_theme_mode_normal.agent-projects-vendorcommission .proxima-myaccount-container .body-content .table span {
    color: #000 !important
}
body.project_theme_mode_normal.account .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion{
    background: #fff !important;
    border: 2px solid #000 !important;
}
body.project_theme_mode_normal.account .table span.file-span .file_upload{
    color: #000;
}
body.account .table span.file-span .file_upload{
    width: fit-content;
}
body.project_theme_mode_normal.account .table span.file-span .file_hide_text {
    color: transparent !important;
    font-size: 12px !important;
}
body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .my-reservation-list-table :is(tbody tr td a, tbody tr td a span) {
    color: #000 !important;
}
body.agent-projects-index.project_theme_mode_normal.account #modal #container #table td input[type="date"]{
    border: 1.5px solid #000;
}
body.project_theme_mode_normal.account .mobile-sort-properties{
    display: flex !important;
}
body.project_theme_mode_normal.checkout-onepage-success .page-title-wrapper select{
    color: #000;
    background-color: #fff !important;
    border-color: #000 !important;
}
.account.project_theme_mode_normal .reservation-form p.new-status-message .new-clear-all{
    border: 2px solid #000000 !important;
    color: #000000 !important;
}
.reservation-property-form.project_theme_mode_normal .proxima-myaccount-container .body-content form .table div.mage-error,
body.offer-property-form .proxima-myaccount-container .body-content form .table div.mage-error{
    background: none !important;
}
body.project_theme_mode_normal .custom-accordion-tab ul.property-details label{
    margin-right: 5px !important;
}
body.project_theme_mode_normal .custom-accordion-tab ul.property-details label.property-emr-label{
    text-align: left;
    white-space: nowrap;
}
body.account .custom-accordion-tab ul.property-details li.property-detail-mobile-only{
    display: none !important;
}
body.project_theme_mode_normal.page-layout-1column .column.main .checkout-success p,body.project_theme_mode_normal .page-title-wrapper .page-title{
    color: #000 !important;
}
body.project_theme_mode_normal.account .table-grid-container div.odd{
    background-color: #ddd !important;
}
body.agent-projects-information .table-grid-container div.odd.vendor-label{
    display: flex;
    align-items: center;
    height: 30px !important;
}
.detail-table .table-striped :is(thead tr th,tbody tr td){
    font-size: 0.8rem !important;
}
.detail-table .table-striped thead tr th{
    background-color: #808080;
}
body.project_theme_mode_normal .detail-table .table-striped thead tr th{
    color: #fff !important;
}
body.account.reservation-reservationcomplete-index .detail-table .table-striped thead tr th{
    color: #fff !important;
}
body.agent-projects-information.project_theme_mode_normal .detail-table .table-striped thead tr th{
    color: #fff !important;
}
body.agent-projects-information.project_theme_mode_dark .detail-table .table-striped thead tr th{
    color: #fff !important;
}
.page-layout-1column.checkout-onepage-success .column.main .checkout-success{
    font-size: 20px !important;
}
body.project_theme_mode_normal.account .table-grid-container div{
    background: #fff ;
}
body.project_theme_mode_normal.agent-projects-index .custom-accordion-tab .reservation-box .inner-reservation-box{
    border-top:0.5px solid #ddd !important;
    border-left:0.5px solid #ddd !important;
}
.account.project_theme_mode_normal .reservation-form p.new-status-message{
    color: #fff;
}
.account.project_theme_mode_normal .reservation-form p.new-status-message .new-clear-all{
    border: 2px solid #000000 !important;
    color: #000000 !important;
}
.account.project_theme_mode_normal .reservation-form p.new-status-message{
    color: #000;
}
.modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .fieldset .field.password.required .mage-error{
    font-size: 10px;
}
.account.project_theme_mode_normal .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .actions-toolbar > .primary button.action.login.primary{
    color: #000 !important;
    background: #ffff!important;
    border-color: #000 !important;
}
.account.project_theme_mode_normal .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .fieldset .password label span{
    color: #000 !important;
}
.project_theme_mode_normal .project-details-button-list{
    background: #fff!important;
}
body.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table div{
    background: #fff !important;
}
body.project_theme_mode_normal.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table div label span,
body.project_theme_mode_normal.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table div label span,
body.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table div label span{
    color: #e02b27 !important;
}
body.project_theme_mode_normal.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table div,
body.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table div{
    background: transparent !important;
}
/* light mode */
/* dark mode */
/*body.account.project_theme_mode_dark .custom-accordion-tab .tab .btn-secondary.reservation-list-btn:hover,body.account.project_theme_mode_dark.agent-projects-index .custom-accordion-tab .tab .btn-secondary.reservation-btn:hover{
    color: #fff !important;
    background-color: #000 !important;
    border:2px solid #fff !important;
}*/
.reservation-property-form.project_theme_mode_dark .proxima-myaccount-container .body-content .reservation-form .modal-content .table div{
 background-color: #1a1a1a !important;
}
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content.modal-md .table div{
    min-width: 73% !important;
}
body.account.project_theme_mode_dark.agent-projects-index .custom-accordion-tab .tab .btn-secondary{
    color: #fff !important;
}
body.account.project_theme_mode_dark.account .modals-wrapper #project-details-table .btn-round{
    color: #fff !important;
}
body.account.project_theme_mode_dark.agent-projects-index .custom-accordion-tab .tab .btn-secondary:hover{
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}
body.account.project_theme_mode_dark.account .modals-wrapper #project-details-table .btn-round:hover{
    color: #000 !important;
}
body.account.project_theme_mode_dark .terms-accept-btn:hover{
  color: #fff !important;
  background-color: #000 !important;
  border-color: #fff !important;
}
body.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client{
    width: 100% !important;
}
body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client),body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"],body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"]{
    background-color: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
}
body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"],body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"]{
    background-color: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
}
body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content form .table div #add-client :is(#create-client,#modify-client):hover,body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="submit"]:hover,body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .actions-toolbar button[type="button"]:hover{
    color: #fff !important;
  background-color: #000 !important;
  border-color: #fff !important;
}
body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-caption{
    color: #fff !important;
}
body.account.project_theme_mode_dark.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .close:hover{
    color: #fff !important;
}
body.project_theme_mode_dark.rokanthemes-onepagecheckout #opc-sidebar .actions-toolbar > .primary > .btn-placeorder.btn-primary:hover{
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
    border-width: 2px !important;
}
body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table :is(tbody tr td a, tbody tr td a span){
    color: #000 !important;
}
body.commissionsystem-mypaidinvoices-index.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table :is(tbody tr td a, tbody tr td a span){
    color: #fff !important;
}
body.commissionsystem-mypaidinvoices-index.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table :is(tbody tr td a, tbody tr td a span):hover{
    color: #067DF4 !important;
}
body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table :is(tbody tr td a, tbody tr td a span):hover{
    color: #fff !important;
    background-color: #000 !important;
    border-color: #fff !important;
}
body.project_theme_mode_dark.account:is(.reservation-reservationcomplete-index,.reservation-psp-reservation) .proxima-myaccount-container .body-content .table span,
body.project_theme_mode_dark.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table span,
body.project_theme_mode_dark.account.agent-projects-discounts .proxima-myaccount-container .body-content .table span,
body.project_theme_mode_dark.account.agent-projects-information .proxima-myaccount-container .body-content .table span,
body.project_theme_mode_dark.account.agent-projects-vendorcommission .proxima-myaccount-container .body-content .table span {
    color: #fff !important
}
body.project_theme_mode_dark.account .proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion{
    background: #000 !important;
    border: 2px solid #fff !important;
}
body.project_theme_mode_dark.account .table span.file-span .file_upload{
    color: #ffff;
}
body.reservation-property-form.account .table span.file-span .file_upload{
    width: 95px !important;
}
body.reservation-property-form.account .table .client-photo-ids span.file-span .file_upload{
    padding-left: 8px !important;
}
body.reservation-property-form.account .table .attach-span.remittance-span span.file-span .file_upload{
    padding-left: 3px !important;
}
/* .reservation-property-form .proxima-myaccount-container .body-content form .table div .attachments-container .client-acknowledgments .attach-span .file-span,
.reservation-property-form .proxima-myaccount-container .body-content form .table div .attachments-container .client-acknowledgments .attach-span{
    padding-left: 0px !important;
} */
.reservation-property-form .proxima-myaccount-container .body-content form .table div .attachments-container .client-acknowledgments .attach-span .file-span input{
    padding-left: 7px !important;
}
body.project_theme_mode_dark.account .table span.file-span .file_hide_text {
    color: transparent !important;
    font-size: 12px !important;
}
body.project_theme_mode_dark.account .table span.select2-selection__rendered{
    color: #000 !important;
}
.account.project_theme_mode_dark .reservation-form p.new-status-message .new-clear-all{
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}
.account.project_theme_mode_dark .reservation-form p.new-status-message{
    color: #fff;
}
.account.project_theme_mode_dark .reservation-form p.new-status-message .new-clear-all{
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}
.account.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .actions-toolbar > .primary button.action.login.primary{
    color: #000 !important;
}
.account.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .actions-toolbar > .primary button.action.login.primary:hover{
    color: #000 !important;
    background: #ffff!important;
}
/* dark mode */
body.account .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>.reservation-form-span::before{
    content: ":";
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #067df4 !important;
    margin-right: 10px !important;
}
.account.agent-projects-index .property-details-mobile-only,.account.agent-projects-index .property-Outlays-mobile-only, .image-mobile-only{
    display: none ;
}
/*.account.agent-projects-index .custom-accordion-tab .tab .btn-secondary.reservation-btn ,.account.agent-projects-index .custom-accordion-tab .tab .btn-secondary.reservation-list-btn{
    margin-top: unset !important;
}*/
.account.agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.property-reserve-now{
    height: 50px;
    align-items: center;
    display: inline-flex !important;
    padding-left: 10px !important;
    padding-right: 5px;
}
.checkout-onepage-success .page-title-wrapper select{
    width: 100px;
    margin-right: 20px;
    width: 100px;
    height: 2.375rem;
    border-radius: 20px;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase;
    border: 2px solid #ffffff !important;
    text-align: unset
}
/*@media screen and (max-width: 575.98px) {
    li[class*="property-current-reservation-list"]{
        display: block !important;
    }
    li[class*="property-reserve-now"]{
        display: block !important;
    }

  }*/
  .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li>span.client-edit-box {
        width: 69%!important;
  }
  .offer-property-form .proxima-myaccount-container .body-content form .table span.client-edit-box  .select2-container--default .select2-selection--multiple,
  .reservation-property-form .proxima-myaccount-container .body-content form .table span.client-edit-box  .select2-container--default .select2-selection--multiple{
        min-height: 100px !important;
        padding: 10px !important;
        height: auto !important;
        border: 1px solid #aaa;
  }
  .proxima-myaccount-container .body-content #reserve-form .table:not(.custom-accordion-menu) .reservation-panel ul li{
    margin-bottom: 10px !important;
  }
  @media screen and (max-width: 768.98px) {
    .proxima-myaccount-container .proxima-myaccount-sidebar ul.nav.items {
        height: 90vh;
        overflow-y: scroll;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client li label::after{
        display: none;
    }
    body.account .table .client-photo-ids .selection_remove{
        margin-bottom: 6px !important;
    }
  }
  @media screen and (max-width: 575.98px) {
    .proxima-myaccount-container .custom-accordion-tab .tab-label span.project-sub{
        width: 60% !important;
        justify-content: right !important;
    }
    .project_theme_mode_dark.agent-projects-index .custom-accordion-tab .tab .btn-secondary.project-details-btn{
        min-width: 5rem !important;
        max-width: 5rem !important;
    }
    .proxima-myaccount-container .tab-label.project-name span.project-sub .project-suburb-span, .proxima-myaccount-container .tab-label.project-name span.project-sub .project-postcode-span{
        flex: unset !important;
        width: 70px;
    }
    .proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name{
        padding: 1rem 1rem 1rem 1.5rem !important;
    }
    .proxima-myaccount-container .body-content .projects-main-section #modal .modal-content{
        width: 1266px !important;
    }
    .proxima-myaccount-container .body-content .projects-main-section #showMoreModal .modal-content{
        width: 101% !important;
    }
    .modal-content{
        width: 100% !important;
    }
    .offer-property-form .proxima-myaccount-container .body-content form .table#client-selected tr,
   .reservation-property-form .proxima-myaccount-container .body-content form .table#client-selected tr{
        display: flex;
        flex-direction: column !important;
    }
    .proxima-myaccount-container .tab-label.project-name span.project-sub .project-postcode-span{
        text-align: center;
    }
    .proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name{
        width: calc(100% - 50px) !important;
    }
    /*.custom-accordion-tab ul.property-details li :is(.property-current-reservation-list,.property-reserve-now){
        max-width: 115px !important;
    }*/
  }
  body:is(.reservation-viewdraft-index,.reservation-psp-index) .proxima-myaccount-container .body-content form .table{
    display: table !important;
    overflow-x: auto;
  }
  @media screen and (max-width: 2313px) {
    body.reservation-viewdraft-index .proxima-myaccount-container .body-content form .table{
        /* display: block !important; */
        overflow-x: auto;
      }
  }
  @media screen and (max-width: 1810px) {
    body.reservation-psp-index .proxima-myaccount-container .body-content form .table{
        display: block !important;
        overflow-x: auto;
      }
    }
  @media screen and (max-width: 749.98px) {
      .proxima-myaccount-container .proxima-myaccount-sidebar{
        z-index: 901 !important;
    }
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content{
        width: 100% !important;
    }
  }
  @media screen and (max-width: 575.98px) {
  body.account.page-layout-2columns-left .sidebar-main .block .title{
    bottom: 13px !important;
    top: 0px;
    left:  0px !important;
    width: 124px;
    position: relative;
  }
  .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title::after{
    top: 1px !important;
  }
  body.account.agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.property-status i,body.account.agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.img-container{
    display: none;
}
}
.proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion ul li:nth-child(1){
    display: flex !important;
}
.proxima-myaccount-container .body-content #reserve-form .table.project-section-accordion ul li:nth-child(1) span.reservation-form-span{
    display: inline-block !important;
    width: 130px !important;
    line-height:18px !important;
}
.checkout-onepage-success .page-title-wrapper{
    display: flex !important;
    justify-content: flex-end !important;
}
.page-layout-1column .column.main .checkout-success p{
    color: #fff !important;
}
.page-layout-1column .column.main .checkout-success{
    margin-top: 30px !important;
}
.checkout-onepage-success .page-title-wrapper select{
    float: right !important;
}
.account.reservation-property-form .attachment-span button{
    border-radius: 40px !important;
    display: inline-flex;
    justify-content: center;
}
.account.reservation-property-form .attachment-span button span{
    font-size: xx-small;
    font-weight: 600;
    padding: 2px;
    color: #fff !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 2px;
}
body.agent-projects-index .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!important
}
body.agent-projects-index .custom-accordion-tab ul.property-details-basic-details{
    grid-template-columns: 0.3fr 0.6fr 0.7fr 0.5fr 0.4fr 0.4fr 0.4fr 0.6fr 0.8fr 0.2fr 0.2fr !important
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client .mage-error{
    position: absolute !important;
    bottom: 0 !important;
}
body.rokanthemes-onepagecheckout .page-title-wrapper .page-title{
    margin-right: auto !important;
    margin-left: auto !important;
}
.checkout-onepage-success.page-layout-1column .page-title-wrapper .page-title, body.rokanthemes-onepagecheckout .page-title-wrapper .page-title{
    padding-left: 100px;
}
.agent-projects-index .custom-accordion-tab ul.property-details-basic-details li a img.img-thumbnail{
    /* max-width: 90% !important; */
    max-width: 74% !important;
    width: 30px !important;
}
.agent-projects-index .custom-accordion-tab ul.property-details-basic-details li{
    justify-self: center !important;
}
/* .agent-projects-index .custom-accordion-tab ul.property-details-basic-details li:nth-child(1){
    min-height: 100px !important;
} */
body.account .proxima-myaccount-container .body-content form .table tbody tr td,
body.account .proxima-myaccount-container .body-content form .table tbody tr td{
    font-size: 0.8rem !important;
    height: 2.5625rem !important;
    padding: 2px 2px 7px 10px !important;
}
.rokanthemes-onepagecheckout .page-layout-1column .column.main .opc-wrapper .checkout-payment-method .fieldset{
    margin: 0px auto;
    width: 60% !important;
}
@media screen and (max-width: 767.98px) {
    #eway-secure-field-name{
        width: 90% !important;
    }
  }
.rokanthemes-onepagecheckout .page-layout-1column .column.main .opc-wrapper .checkout-payment-method .fieldset .step-title{
    text-align: center;
}
.rokanthemes-onepagecheckout .page-layout-1column .column.main .opc-wrapper .checkout-payment-method .fieldset .payment-method._active{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
 .rokanthemes-onepagecheckout.checkout-index-index #opc-sidebar .actions-toolbar > .primary{
    display: flex;
    justify-content: center;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li>span.client-edit-box .select2-container--default .select2-selection--multiple .select2-selection__clear{
    margin-right: 0px !important;
    margin-top: -10px !important;
}
.rokanthemes-onepagecheckout #opc-sidebar .actions-toolbar > .primary > .btn-placeorder.btn-primary.btn-placeorder{
    max-width: 10rem !important;
}
.checkout-onepage-success.page-layout-1column .page-title-wrapper .page-title{
    margin: auto !important;
}
body.reservation-property-form.account .table span.file-name-span,
body.reservation-property-form.account .table span.attachment-span{
    display: flex ;
    font-size: 12px !important;
    padding: 0.5rem 1rem !important;
}
body.reservation-property-form.account .table span.attachment-span,
body.reservation-property-form.account .table span.attach-span,
body.reservation-property-form.account .table span.file-name-span,
body.reservation-property-form.account .table span.file-span,
body.offer-property-form .table span.attachment-span,
body.offer-property-form .table span.attach-span,
body.offer-property-form .table span.file-name-span,
body.offer-property-form .table span.file-span{
    display: flex;
    align-items: center !important;
}
body:is(.reservation-property-form, .offer-property-form, .account) .table span.file-span .id-name{
    min-width: 175px !important;
    font-size: 12px !important;
    align-items: center !important;
    display: flex !important;
    padding-left: 8px;
    margin-top: 0px !important;
}
body:is(.reservation-property-form, .offer-property-form, .account)  .table span.file-span .acknowledgment-name {
    min-width: 175px !important;
    font-size: 12px !important;
    align-items: center !important;
    display: flex !important;
    padding-left: 8px;
    margin-top: 0px !important;
    height: fit-content !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li>span.client-photo-ids .id-,
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li>span.client-acknowledgments .acknowledgment-name{
    width: fit-content;
    white-space: nowrap;
}
body:is(.reservation-property-form, .offer-property-form, .account) .table span.file-span .file_upload.client_acknowledgment{
    padding-left: 8px !important;
}
body:is(.reservation-property-form, .offer-property-form, .account) .table span.file-span  .file_upload.client_photo_id,
body:is(.reservation-property-form, .offer-property-form, .account) .table span.file-span  .file_upload.client_acknowledgment{
    width: 100px !important;
}
body.macDevice.reservation-property-form.account .table span.file-span  .file_upload.client_photo_id,
body.macDevice.reservation-property-form.account .table span.file-span  .file_upload.client_acknowledgment{
    width: 100px !important;
}
body.macDevice.offer-property-form .table span.file-span  .file_upload.client_photo_id,
body.macDevice.offer-property-form .table span.file-span  .file_upload.client_acknowledgment{
    width: 100px !important;
}
body:is(.reservation-property-form, .offer-property-form) .proxima-myaccount-container .body-content form .table div label.file-btn{
    padding: 1px 10px !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    border-radius: 2px !important;
    border: 1px solid #808080 !important;
    background-color: transparent !important;
    margin-right: 5px;
}
body:is(.reservation-property-form, .offer-property-form, .account) .table span.attachment-span .file-name-text,
body:is(.reservation-property-form, .offer-property-form, .account) .table span.file-name-span .file-name-text{
    font-size: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0px 5px !important;
    display: block !important;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: fit-content;
}
body:is(.reservation-property-form, .offer-property-form, .account) .table span #not-signing-ack .file-name-span .file-name-text{
    width: auto !important;
}
body.project_theme_mode_normal.account .table span.acknowledgment-file{
    white-space: nowrap ;
    margin-right: 10px;
}
body.account .table .selection__choice__remove,
body.account .table .selection_remove{
    line-height: 0 !important;
    width: 10px;
    height: 10px;
    /* display: inline-flex; */ /* setting using jquery*/
    align-items: center;
    justify-content: center;
}
body.account .table #not-signing-ack .selection_remove{
    padding-left: 5px !important;
}
body.account .table .selection__choice__remove span,
body.account .table .selection_remove span{
    color: #fff;
    line-height: 0 !important;
    font-size: xx-small;
    font-weight: 600;
}
.d_none{
    display: none;
}
.reservation-property-form .proxima-myaccount-container .body-content form .table div .attachments-container #signing-ack,
.reservation-property-form .proxima-myaccount-container .body-content form .table div .attachments-container #not-signing-ack {
    display: none;
}
.reservation-property-form .proxima-myaccount-container .body-content form .table div .attachments-container .choose-signing input[type="radio"] {
    width: 15px !important;
}
body:is(.reservation-property-form, .offer-property-form) .proxima-myaccount-container .body-content form .table div .attachments-container .choose-signing label {
    cursor: pointer;
    height: 2.375rem !important;
    padding: 0.5rem 1rem !important;
}
body:is(.reservation-property-form, .offer-property-form) .proxima-myaccount-container .body-content form .table div .attachments-container .choose-signing input[type="radio"]{
    height: fit-content !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid{
    display: block !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li{
    display: flex !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li >label{
    width: 20% !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span{
    display: flex;
    width: 96.2%;
    justify-content: space-between;
    padding-bottom: 10px !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span .photo-type-span{
    width: 36.1%;
    min-width: 160px;
    padding-right: 10px;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span select{
    border-radius: 20px !important;
    height: 2.375rem !important;
    padding: 0.5rem 1rem !important;
    line-height: 100%;
    font-size: 12px !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids div.mage-error{
	display:none !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span .client_file-name-span{
    display: inline-flex !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span span.client-error-span{
   font-size: 12px !important;
   color:#e02b27 !important;
   padding: 0px 0px 10px 8px !important;
}
.reservation-property-form .proxima-myaccount-container .body-content form .table div .attachments-container .attach-span{
    display: flex;
 }
body.reservation-property-form.account .table span.file-name-span,
body.reservation-property-form.account .table span.attachment-span{
    padding: 0px 5px !important;
    width: fit-content !important;
    justify-content: center !important;
}
/********reservation-box ***********/
.reservation-box{
    display: flex;
    justify-content: space-evenly;
    width: 160px;
}
body.agent-projects-index .custom-accordion-tab .reservation-box .inner-reservation-box{
    width: 26px;
    height: 15px;
    background-color: #fff;
    color: #212121 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-weight: 900;
    font-size: 9px !important;
    box-shadow:1px 1px 1px #888888;
    cursor: pointer;
    border-radius: 2px !important;
}
.agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.reservation-box.sort-reservation{
    padding-left: 20px !important;
}
body.agent-projects-index .custom-accordion-tab ul.property-details label.property-status-label{
    margin-bottom: 0 !important;
}
body.agent-projects-index .custom-accordion-tab ul.property-details #property-status label.property-status-label{
    margin-bottom: 5px !important;
}
.inner-color-box-one{
    background-color: #FB178A !important;
}
.inner-color-box-two{
    background-color: #FFC900 !important;
}
.inner-color-box-three{
    background-color: #84D600 !important;
}
.inner-color-box-four{
    background-color: #4ACEC7 !important;
}
.inner-color-box-five{
    background-color: #808080 !important;
}
body.account .proxima-myaccount-container .body-content .backbutton.reservation-back-btn .btn-primary{
    width: 2.375rem !important;
    padding: 0 !important;
}
body.account .proxima-myaccount-container .body-content .backbutton.reservation-back-btn{
    position: absolute;
    top: -33px;
    right: 130px;
}
@media (max-width: 575.98px){
.custom-accordion-tab ul.property-details li.reservation-box.property-current-reservation-list{
    display: flex !important;
    align-items: center;
    height: 20px;
}
.custom-accordion-tab ul.property-details li.reservation-box.property-current-reservation-list{
    margin-top: 10px !important;
    max-width: 160px !important;
}
.custom-accordion-tab ul.property-details li.reservation-box.property-current-reservation-list a{
    line-height: 11px !important;
    margin-right: 0.2rem !important;
}
.reservation-box .desktop-info-icon img{
    padding-left: 3px !important;
}
body.account .custom-accordion-tab ul.property-details li.property-detail-mobile-only{
    display: block !important;
}
}
@media screen and (min-width: 768px){
body.rokanthemes-onepagecheckout.checkout-index-index .token-list,body.rokanthemes-onepagecheckout.checkout-index-index .securefields-wrapper {
    width: 99%;
}
 }
 .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span{
    flex-direction: column !important;
    align-items: flex-start !important;
    border: 1px solid #d9d9d9;
    margin-bottom: 6px;
    box-shadow: 2px 2px 5px -1px #ccc;
    width: 62% !important;
    padding: 10px 0px 0px 5px !important;
}
@media screen and (max-width: 768px){

    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span select{
        margin-left: 8px;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li.legal_entity{
        flex-direction: column;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span .client_file-name-span{
        display: flex !important;
        width: 90% !important;
        justify-content: space-between !important;
        flex-direction: column !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span .photo-type-span{
        width: 95% !important;
    }
}
 body.reservation-property-form .table-grid-container .btn-round.f-right{
    color: #000 !important;
}
body.agent-projects-index #modal #container #table td input[type="date"]{
    height: 2.375rem;
    border-radius: 20px;
    font-size: 1rem;
}
/****** tooltip **********/
.tooltip {
    position: relative;
  }

  .tooltip .tooltiptext {
    display: none;
    width: 120px;
    background-color: #808080;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }

  body.account.reservation-viewdraft-index #myReservationTable .tooltip .tooltiptext{
    width: 300px!important;
    font-size: 13px!important;
    color: #fff!important;
    text-align: left!important;
    background: #5c5c5c!important;
  }
  body.account.reservation-viewdraft-index #myReservationTable .tooltip .tooltip-flex{
    background: #5c5c5c!important;
  }
  .tooltip:hover .tooltiptext {
    display: block;
    opacity: 1;
  }
  body.agent-projects-index .custom-accordion-tab .reservation-box .inner-reservation-box .tooltiptext{
    display: none !important;
  }
  body.agent-projects-index .custom-accordion-tab .reservation-box .inner-reservation-box.fa-ban.tooltip:hover .tooltiptext{
    display: block !important;
  }
  body.agent-projects-index .custom-accordion-tab .reservation-box .inner-reservation-box.fa-ban.tooltip:hover::after,
  body.agent-projects-index .custom-accordion-tab .reservation-box .desktop-info-icon:hover::after{
    content: "";
    left: 62% !important;
    position: absolute;
    top: -29%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #808080 transparent transparent transparent;
}
body.agent-projects-index .custom-accordion-tab .reservation-box .desktop-info-icon .tooltiptext{
    width: auto;
    transform: translate(-44%);
    background-color: #808080;
    font-size: 10px;
    color: #fff;
    padding: 7px 5px 7px 7px!important;
}
 body.agent-projects-index .custom-accordion-tab .reservation-box .desktop-info-icon img{
    padding-top: 2px;
}
 body.agent-projects-index .custom-accordion-tab{
    overflow: hidden;
    overflow-x: auto !important;
}
body.account.project_theme_mode_dark.agent-projects-index .custom-accordion-tab #property-showmore-title-id{
 color: #fff !important;
}
body.account.project_theme_mode_normal.agent-projects-index .custom-accordion-tab #property-showmore-title-id{
    color: #000 !important;
   }

body.agent-projects-index .custom-accordion-tab #property-showmore-title-id{
    text-align: center !important;
   }
body.agent-projects-index .custom-accordion-tab .tab.show{
    overflow: visible;
}
body.agent-projects-index .custom-accordion-tab .tooltip-flex{
    display: flex;
    color: #fff !important;
    align-items: center;
}
body.agent-projects-index .custom-accordion-tab .tooltip-flex .inner-reservation-box{
    margin-right: 5px;
}
body.agent-projects-index .custom-accordion-tab .tooltip-flex .tootip-inner-span{
    min-width: 111px !important;
    color: #fff !important;
    white-space: nowrap;
    text-align: left;
    margin-left: 5px;
    font-weight: 400 !important;
}
body.agent-projects-index .custom-accordion-tab .reservation-box .info-icon img{
    padding-top: 10px;
    padding-left: 1px;
}
body.agent-projects-index .custom-accordion-tab .reservation-box .info-icon .tooltiptext{
    font-size: 10px;
    bottom: 90%;
}
  /****** tooltip **********/
  .reservation-client-registration .table div:nth-child(odd){
    background: none !important;
}
body.account.reservation-client-registration .proxima-myaccount-container .body-content .backbutton.reservation-back-btn{
    position: absolute;
    top: 29px;
    right: 150px;
}
body.account.reservation-property-form .proxima-myaccount-container .body-content .backbutton.reservation-back-btn{
    top:-40px !important;
}
@media only screen and (min-width: 700px) and (max-width: 800px) {
	.reservation-filter{
        flex-direction: column !important;
    }
}
@media screen and (min-width: 1400px){
    body.account .proxima-myaccount-container .body-content .backbutton.reservation-back-btn {
        top:-35px;
    }
    body.account.reservation-client-registration .proxima-myaccount-container .body-content .backbutton.reservation-back-btn{
        right:165px !important;
    }
    body.reservation-property-form.account .table span.file-name-span .file-name-text{
        width: auto !important;
    }
}
@media screen and (min-width: 1900px){
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span{
        width: 96.5% !important;
    }
}

 @media screen and (min-width: 1680px){
    body.account .proxima-myaccount-container .body-content .backbutton.reservation-back-btn {
        top:-38px !important;
    }
    body.account.reservation-client-registration .proxima-myaccount-container .body-content .backbutton.reservation-back-btn{
        top: 31px !important;
        right:175px !important;
    }
}
@media screen and (max-width: 1300px){
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li span{
        padding-right: 5px !important;
    }
}
@media screen and (max-width: 1200px){
    body.account .proxima-myaccount-container .body-content .backbutton.reservation-back-btn {
        top:-32px !important;
    }
    body.account.reservation-client-registration .proxima-myaccount-container .body-content .backbutton.reservation-back-btn{
        top: 28px !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li.row .col-2{
        padding: 0 !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span{
        min-width: 434px !important;
    }
}
@media screen and (max-width: 991.98px){
    .account .page-title-wrapper{
        padding-left: calc(1% + 3rem) !important;
    }
    }
@media screen and (max-width: 768px){
    body.account .proxima-myaccount-container .body-content .backbutton.reservation-back-btn {
        top:-30px !important;
    }
    body.account.reservation-client-registration .proxima-myaccount-container .body-content .backbutton.reservation-back-btn{
        top: 27px !important;
        right: 130px !important;
    }
    .checkout-onepage-success .page-title-wrapper select,
    .rokanthemes-onepagecheckout .page-title-wrapper select{
    width: 80px !important;
}
}
@media screen and (max-width: 575.98px){
    body.account.reservation-client-registration .proxima-myaccount-container .body-content .backbutton.reservation-back-btn{
        top: 26px !important;
        right: 110px !important;
    }
}
@media screen and (max-width: 575.98px){
    .account .page-title-wrapper{
        padding-left: 3rem !important;
    }
}
.reservation-form p.new-status-message .new-clear-all{
    display: inline-flex;
    justify-content: center;
    padding: 2px 7px !important;
    /*height: 1.375rem !important;
    width: 6rem!important;*/
    width:fit-content;
    font-weight: 700 !important;
    font-size: 0.5rem !important;
    text-transform: uppercase !important;
    background:transparent;
    border-radius: 18px !important;
    margin-left: 10px !important;
    text-align: center;
    cursor: pointer;
}
/* payment receipt button upload style in reservation list */
body .proxima-myaccount-container .body-content form .table a .view-icon::after{
    position: relative;
    top: 4px !important;
}
body .proxima-myaccount-container .body-content form .table a .view-upload::after{
    content: '';
    cursor: pointer;
    position: relative;
    left: 2px;
}
body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table a .view-icon::after{
    content: url(../images/view-light.svg);
    position: relative;
    top: 5px !important;
}
body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table a .view-upload::after{
    content: url(../images/upload-light.svg);
}
body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table a .view-refund::after{
    content: url(../images/refund-light.svg);
    cursor: pointer;
}
body.project_theme_mode_normal .proxima-myaccount-container .body-content form .table a .view-icon::after{
    content: url(../images/view-dark.svg);
    cursor: pointer;
}
body.project_theme_mode_normal .proxima-myaccount-container .body-content form .table a .view-upload::after{
    content: url(../images/upload-dark.svg);
}
body.project_theme_mode_normal .proxima-myaccount-container .body-content form .table a .view-refund::after{
    content: url(../images/refund-dark.svg);
    cursor: pointer;
}
input.reservation-payment-receipt-file{display: none;}
 /** Project details modal **/
body:is(.reservation-viewdraft-index,.reservation-psp-index) .proxima-myaccount-container .body-content form .my-reservation-list-table thead tr th:nth-child(9){
    border-radius: 0px 0px 0px 0px!important;
}
.modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content{
    width: 100% !important;
}
body.account:not(.reservation-reservationcomplete-index, .offer-viewoffer-index, .offer-viewoffer-details, .agentregistration-invitations-index ) .modals-wrapper .modal-popup:not([class*="custom_modal__"],.modal-pop-up-edit-consultant,.qr-code-modal,.default-modal-width)._inner-scroll .modal-inner-wrap{
    width: 55% !important;
}
body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup._inner-scroll.preview .modal-inner-wrap{
    width: fit-content !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #preview-form{
    display: flex;
    flex-direction: column;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #preview-form .btn-container-preview{
    margin: 20px 0px !important;
    display: flex;
    justify-content: flex-end;
}
body.account .modals-wrapper .modal-popup._inner-scroll.qr-code-modal .modal-inner-wrap{
    width: 100% !important;
}
@media screen and (min-width: 1024px){
    body.account .modals-wrapper .modal-popup._inner-scroll.qr-code-modal .modal-inner-wrap{
        width: 25% !important;
    }
}
@media screen and (max-width: 575.98px) {
    body.account:not(.reservation-reservationcomplete-index) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap{
        width: 100% !important;
    }
    }
  .project-details-button-list td{
      width: fit-content !important;
  }
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #popup-modal-payment-receipt table tbody :is(tr :is(th:nth-child(2),th:nth-child(3)),tr :is(td:nth-child(2),td:nth-child(3)) ){
    text-align: left !important;
    padding: 0px 5px !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #popup-modal-payment-receipt table tbody tr th{
    vertical-align: top !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #popup-modal-payment-receipt table tbody tr td,
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #popup-modal-payment-receipt table tbody tr th{
    padding: 0px 5px !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #popup-modal-payment-receipt table tbody :is(tr :is(th:nth-child(1)),tr :is(td:nth-child(1)) ){
    text-align: left;
    padding-right: 5px !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-refund-details-view table tbody :is(tr :is(th:nth-child(2),th:nth-child(3)),tr :is(td:nth-child(2),td:nth-child(3)) ){
    text-align: left !important;
    padding: 0px 5px !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-refund-details-view table tbody tr th{
    vertical-align: top !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-refund-details-view table tbody tr td,
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-refund-details-view table tbody tr th{
    padding: 0px 5px !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-refund-details-view table tbody :is(tr :is(th:nth-child(1)),tr :is(td:nth-child(1)) ){
    text-align: left;
    padding-right: 5px !important;
}
body.account .modals-wrapper #project-details-table :is(span ,label){
    width: 100% !important;
}
/** Project details modal alert **/
.modal-pop-up-custom .modal-inner-wrap .modal-content,.modal-pop-up-custom .modal-inner-wrap .modal-title{
    border: 0 !important;
}
body.project_theme_mode_dark.account .modal-pop-up-custom .modal-inner-wrap .modal-title{
    color: #fff !important;
}
body.project_theme_mode_normal.account .modal-pop-up-custom .modal-inner-wrap .modal-title{
    color: #000 !important;
}
body.project_theme_mode_dark.account .modal-pop-up-custom .modal-inner-wrap{
    background: #222222 !important;
}
body.project_theme_mode_normal.account .modal-pop-up-custom .modal-inner-wrap{
    background: #fff !important;
}
body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content{
    background: #fff !important;
}
.project-details-button-list{
    display: flex !important;
    flex-wrap: wrap;
    background: #222222 !important;
}
 /* payment receipt alert */
 /* body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .alert{
    width: 95% !important;
    margin: 0 !important;

} */
/* body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt tr td{
    text-align: left;
    padding-right: 10px !important;
} */
body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt tr td a{
    margin-bottom: 10px !important;
}
 /* sales commisionpage scroll not working issue fix */
@media screen and (max-width: 768.98px) {
    body:is(.agent-projects-discounts, .agent-projects-salescommission) .proxima-myaccount-container .body-content form{
      overflow-x:scroll;
    }
    }
    @media screen and (max-width: 575.98px) {
      body.account .proxima-myaccount-container .body-content .backbutton.reservation-back-btn {
          right: 15px !important;
      }
      body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt tr td{
        font-size: 10px !important;
    }
      }
    .project-details-button-list td{
        width: fit-content !important;
    }
 /* confirm alert style */
body:is(.reservation-viewdraft-index,.reservation-psp-index).project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table :is(tbody tr td a, tbody tr td a span){
    color:#fff !important}


    body:is(.reservation-viewdraft-index,.reservation-psp-index) .modal-popup.confirm .modal-inner-wrap{
    max-width: 30rem;
    height: 22rem;
    }

    body:is(.reservation-viewdraft-index,.reservation-psp-index) .modal-popup.confirm .modal-inner-wrap .modal-content{
    margin: 2% auto !important;
    border: 0;
    }

    body:is(.reservation-viewdraft-index,.reservation-psp-index) .modal-popup.confirm .modal-inner-wrap .modal-footer{
        margin-top: 2rem !important;
        padding-top: 0rem !important;
        margin-left: auto;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
        padding: 3px 10px!important;
     }
    .select2-selection__choice .select2-selection__choice__remove span{
        font-size: 18px;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
        background-color: #ffb4b4 !important;
        color: #fff!important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span:focus {
        color: #fff!important;
    }
    /* Dark */
    body:is(.reservation-viewdraft-index,.reservation-psp-index).project_theme_mode_dark .modal-popup.confirm .modal-inner-wrap .modal-footer{
        background-color: #000;
    }
    body:is(.reservation-viewdraft-index,.reservation-psp-index).project_theme_mode_dark .modal-popup.confirm .modal-inner-wrap{
        background-color: #000;
    }
    body:is(.reservation-viewdraft-index,.reservation-psp-index).project_theme_mode_dark .modal-popup.confirm .modal-inner-wrap .modal-content{
        background-color: #000;
        color: #fff;
    }
    body:is(.reservation-viewdraft-index,.reservation-psp-index).project_theme_mode_dark .modal-popup.confirm .modal-inner-wrap .modal-header{
        background-color: #000;
        color: #fff;
    }
    body:is(.reservation-viewdraft-index,.reservation-psp-index).project_theme_mode_dark .modal-popup.confirm .modal-inner-wrap .modal-header h1{
        color: #fff;
    }
    body.project_theme_mode_dark .btn-round{
        border: 2px solid #fff !important;
        background-color: #000 !important;
        color: #fff !important;
    }
/* confirm alert style */
 @media (max-width: 576.98px) {
    .nav-open body .proxima-header .navigation{
        max-width: 260px !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li span.attach-span{
        flex-direction: column;
        align-items: end !important;
    }
}
 /* payment receipts uploads new form */
 .project_theme_mode_darkbody:is(.reservation-viewdraft-index,.reservation-psp-index) .modal-pop-up-custom-payment-receipts-upload .modal-inner-wrap #reservation-payment-receipt-form label{
    color: #fff !important;
}
#popup-modal-refund-details-update .form select,
 #popup-modal-payment-receipt-upload .form .input-text.reservation-payment-receipt-form-amount,
#popup-modal-refund-details-update .form .input-text {
    border-radius: 20px !important;
    height: 2.375rem !important;
    padding: 0.5rem 1.5rem !important;
    font-size: 12px !important;
    border-color: #000 !important;
}
#popup-modal-refund-details-update .form select{
    width: 100% !important;
}
.project_theme_mode_dark #popup-modal-refund-details-update .form fieldset .pop-field-grid label,
.project_theme_mode_dark #popup-modal-refund-details-update .form input[type="file"]{
    color: #fff !important;
}
#popup-modal-refund-details-update .form fieldset .actions-toolbar .primary{
    float:right !important;
}
#popup-modal-refund-details-update .form fieldset .actions-toolbar .primary button{
    margin: 0 !important;
    margin-right: 5px !important;
}
#popup-modal-refund-details-update .form fieldset .pop-field-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px 20px;
    margin-bottom: 25px !important;
    position: relative;
}
#popup-modal-refund-details-update .form fieldset .pop-field-grid .field{
    position: relative !important;
}
#popup-modal-refund-details-update .form fieldset .purchaser-div{
    display: flex;
    justify-content: space-between;
    align-items: flex-end !important;
    margin: 10px 0px !important;
}
.project_theme_mode_dark #popup-modal-refund-details-update .form fieldset .purchaser-div label{
    color: #fff !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content form .field.signed-photo-id-section .control div.mage-error,
#popup-modal-refund-details-update .form fieldset .pop-field-grid .field div.mage-error{
    position: absolute !important;
    left: 10px !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content form .field.signed-photo-id-section .control div.mage-error{
    top: 25px !important;
    left: 0 !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content form .field.signed-photo-id-section .control .input-class {
    position: relative;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content form .field.signed-photo-id-section .control .input-class.select-position{
    top: -15px;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content form .field.signed-photo-id-section .control .input-class input[type="file"]{
    padding-bottom: 30px !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content form .field.signed-photo-id-section .control .input-class div.mage-error{
    position: absolute !important;
    top: 30px !important;
}
.account.project_theme_mode_normal #popup-modal-payment-receipt-upload .form .input-text.reservation-payment-receipt-form-amount{
    border-color: #000;
}
body.account #popup-modal-payment-receipt-upload .form .amount.required .control #amount-error{
    position: absolute;
    top: 30px;
    left: 10px;
}
body.account #popup-modal-payment-receipt-upload .form .amount.required .control{
    position: relative;
    display: flex;
    align-items: center;
}
body.account #popup-modal-payment-receipt-upload .form .amount.required .control::before{
    content: '$';
    position: absolute;
    left: 10px;
    font-weight: 600;
    color: #000;
    font-size: 12px !important;
}
.account.project_theme_mode_normal #popup-modal-payment-receipt-upload .form .input-text.reservation-payment-receipt-form-amount{
    border-color: #000;
}
 body:is(.reservation-viewdraft-index,.reservation-psp-index) .modals-wrapper :is(.modal-pop-up-custom-payment-receipts-upload,.modal-pop-up-custom-payment-receipts)  .modal-inner-wrap{
    width: 50% !important;
}
body .proxima-myaccount-container .body-content form .table thead tr th:last-child{
    border-radius: 0px 20px 20px 0px;
}
/* reservation form acknowledgement */
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li>span p{
    font-weight: 200 !important;
    font-size: 14px !important;
    padding: 0rem 1.2rem !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li>span p#signing-ack{
    padding: 0.5rem  !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container li >label{
    width: 15% !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.attachments-container{
    grid-template-columns: 1fr !important;
}
 .proxima-myaccount-container .body-content .project-details-table #client-names span.tick{
    cursor: pointer;
    background: #23C955;
    border: 1px solid #FFFFFF;
    border-radius: 100%;
    text-align: center;
    font-family: Arial Unicode MS, Lucida Grande;
    font-size: 8px !important;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-top: 2px;
    margin-left: 10px;
}
.proxima-myaccount-container .body-content .project-details-table #client-names ul{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
	padding:0px;
}
.proxima-myaccount-container .body-content .project-details-table #client-names ul li{
	list-style:none;
	margin-top:0px;
    margin-bottom:0.5rem;
}
 /******** Client Registration **********/
.reservation-client-registration #client-registration-form .select2-container--default .select2-selection--single{
    border-radius: 20px !important;
    height: 2.375rem !important;
    padding: 0.1rem 0.5rem !important;
    width: 100% !important;
    line-height: 100%;
    font-size: 12px !important;
    border-color: #000 !important;
}
body.reservation-client-registration.account.project_theme_mode_dark #client-registration-form label{
    color: #fff;
}
body.reservation-client-registration.account.project_theme_mode_dark #client-registration-form label span{
    color: #b70707 !important;
}
body.reservation-client-registration.account.project_theme_mode_normal #client-registration-form label{
    color: #000;
}
.reservation-client-registration #client-registration-form {
    border: 1px solid;
    padding: 15px 25px;
}
body.account.project_theme_mode_dark.reservation-client-registration #client-registration-form {
    border: 1px solid #fff;
}
body.account.project_theme_mode_normal.reservation-client-registration #client-registration-form {
    border: 1px solid #000;
}
body.account.project_theme_mode_normal.reservation-client-registration #client-registration-form label span{
    color:#b70707 !important;
}
.agentmanagement-information-search #agent-search-form,
.agent-referral #agent-referral-form {
    border: 1px solid;
    padding: 15px 25px;
}
body.account.agentmanagement-information-search #agent-search-form,
body.account.agent-referral #agent-referral-form {
    border: 1px solid #fff;
}
body.account.agentmanagement-information-search #agent-search-form,
body.account.agent-referral #aagent-referral-form {
    border: 1px solid #000;
}
body.account.agentmanagement-information-search #agent-search-form label span,
body.account.agent-referral #aagent-referral-form label span{
    color:#b70707 !important;
}
.reservation-client-registration #client-registration-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 25px;
    position: absolute;
    top: 4px;
    right: 1px;
    width: 30px;}
    .reservation-client-registration #client-registration-form .form-group {
        margin: 5px 0px 10px ;
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .reservation-client-registration #client-registration-form h4 {
        margin: 13px 0px;
        font-size: 18px;
    }
    body.account.project_theme_mode_dark.reservation-client-registration #client-registration-form h4 {
        color: #fff;
    }
    body.account.project_theme_mode_normal.reservation-client-registration #client-registration-form h4 {
        color: #000;
    }
    .agentmanagement-information-search #agent-search-form .form-group,
    .agent-referral #agent-referral-form .form-group {
        margin: 5px 0px 10px ;
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    body.account.agentmanagement-information-search #agent-search-form h4,
    body.account.agent-referral #agent-referral-form h4 {
        color: #000;
    }
    body.account.project_theme_mode_normal.reservation-client-registration .proxima-myaccount-container .body-content .client-search-results h4{
        color: #000;
    }
    body.reservation-client-registration.account .proxima-myaccount-container .body-content :is(#create-client,#modify-client){
        margin: 15px 0px;
        display: flex;
        width: fit-content;
        margin-left: auto;
    }
    #tbl-client_wrapper #tbl-client_length{
        /*display: none !important;*/
    }
    #tbl-client_wrapper #tbl-client_filter input{
        padding: 0.1rem 1rem !important;
    }
    body.account.project_theme_mode_dark.reservation-client-registration #tbl-client_wrapper #tbl-client_filter label {
        color: #fff !important;
    }
     #tbl-client_wrapper #tbl-client_filter label{
        /*display: flex;
        align-items: center;*/
     }
     #tbl-client_wrapper table thead tr th{
        background-color: #fff;
        color: #000 ;
        height: fit-content;
        padding: 5px 10px;
        font-size: 0.8rem !important;
        border: 0;
        font-weight: 900;
     }
     .detail-table .table-striped tbody tr td,
     #tbl-client_wrapper table tbody tr td{
        font-size: 0.8rem !important;
        height: 2.5625rem !important;
        padding: 2px 2px 7px 10px !important;
     }
     .detail-table .table-striped tbody tr td{
        padding: 2px 2px 7px 7px !important;
     }
     #tbl-client_wrapper table{
        padding-top: 20px;
     }
     #tbl-client_wrapper table thead tr th:first-child{
        border-radius: 20px 0px 0px 20px;
     }
     #tbl-client_wrapper table thead tr th:last-child{
        border-radius: 0px 20px 20px 0px;
     }
     #tbl-client_wrapper .dataTables_info{
        /*display: none;*/
     }
     body.account.reservation-client-registration #tbl-client_wrapper #tbl-client_paginate a.previous::after{
        visibility: visible !important;
     }
     body.account.reservation-client-registration #tbl-client_wrapper #tbl-client_paginate a.next::after{
        visibility: visible !important;
     }
     body.account.project_theme_mode_normal.reservation-client-registration #tbl-client_wrapper #tbl-client_paginate a.previous::after{
        /*content: "\f060";
        color: #000;*/
     }
     body.account.project_theme_mode_normal.reservation-client-registration #tbl-client_wrapper #tbl-client_paginate a.next::after{
        /*content: "\f061";
        color: #000;*/
     }
      body.reservation-client-registration.project_theme_mode_dark .proxima-myaccount-container .body-content .client-search-results h4{
        color:#fff !important
    }
    #tbl-client_paginate span a{
        padding: 5px 8px !important;
    }
/******** Client Registration **********/
 body.accountbody:is(.reservation-viewdraft-index,.reservation-psp-index) .proxima-myaccount-container .body-content form .table thead tr th:nth-child(10){
    border-radius: 0 !important;
}
body.account .modals-wrapper .modal-popup:not([class*="custom_modal__"],.default-modal-width)._inner-scroll .modal-inner-wrap .modal-content{
    padding: 10px 20px !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt .payment-receipt-record-view{
    margin: 5px 5px !important;
}
#create-new-client .modal-content .close{
    position: relative;
    bottom: 20px;
}
body.reservation-client-registration .proxima-myaccount-container .body-content #create-new-client .modal-content .table-caption{
        font-size: 1.5rem !important;
    font-weight: 600 !important;
}
body.project_theme_mode_dark.reservation-client-registration .proxima-myaccount-container .body-content #create-new-client .modal-content .table-caption{
    color: #fff !important;
}
body.project_theme_mode_normal.reservation-client-registration .proxima-myaccount-container .body-content #create-new-client .modal-content .table-caption{
    color: #000 !important;
}
/* reservation slider */
.agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.reservation-box.sort-reservation{
    flex-direction: column;
}
.reservation-filter{
    display: flex;
}
.reservation-filter .reservation-filter-label{
    font-size: 12px;
    min-width: fit-content;
    line-height: 16px;
    margin-right: 5px;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #808080;
    -webkit-transition: .4s;
    transition: .4s;
    width: 26px;
    height: 15px;
}
     .slider:before {
        position: absolute;
        content: "";
        height: 11px;
        width: 11px;
        left: 2px;
        bottom: 2px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
    }
    label.switch.small-length,
    body .custom-accordion-tab ul.property-details label.switch.small-length{
        margin-bottom: 0 !important;
        position: relative;
     }
     .proxima-myaccount-container .body-content form .fieldset > .field.enable-notification input[type="checkbox"]{
        opacity: 0 !important;
     }
.slip:checked + .slider {
    background-color: #808080;
}
 .slip:focus + .slider {
    box-shadow: 0 0 1px #000;
}
 .slip:checked + .slider:before {
    transform: translateX(26px);
    background-color: #fff;
}
.small-slip{
    position:relative !important;
}
.small-slip:checked + .slider {
    background-color: #067DF4;
}
 .small-slip:focus + .slider {
    box-shadow: 0 0 1px #000;
}
 .small-slip:checked + .slider:before {
    transform: translateX(11px);
    background-color: #fff;
}
.slider.round {
    border-radius: 34px;
}
     .slider.round:before {
        border-radius: 50%;
    }
    /* reservation slider */
body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt .no-payment-receipts-text{
    color: #fff;
}
body.account:is(.reservation-viewdraft-index,.reservation-psp-index) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt table > tbody > tr > :is(th:last-child ,td:last-child){
    text-align: center !important;
}
body.agent-projects-index.account #modal #container #table td,
body.agent-projects-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table > tbody > tr > :is(th ,td){
    height: 2.5rem;
    padding: 5px 0px 5px 12px !important;
    text-align: left !important;
}
body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table > tbody > tr > :is(th ,td){
    color: #fff;
}
body.reservation-viewdraft-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table > tbody > tr > :is(th ,td):last-child{
    text-align: left !important;
}
body:is(.reservation-property-form, .reservation-client-registration, .offer-property-form) .create-new-client-form-buttons{
    display: flex;
    justify-content: flex-end !important;
    background: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
body:is(.reservation-viewdraft-index,.reservation-psp-index) .proxima-myaccount-container .body-content form .table tbody tr td.payment-receipt-filename-76{
    color: #067df4 !important;
    text-decoration: underline !important;
    padding-top: 2px !important;
}
body: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{
    padding-right: 5px !important;
}
body.account.project_theme_mode_dark: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: #fff !important;
}
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: 2px !important;
}
body:is(.reservation-viewdraft-index,.reservation-psp-index,.reservation-myteamsreservations-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{
    color: #067df4 !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content form .field.signed-photo-id-section .control{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    position: relative;
}
body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content form .field.signed-photo-id-section .control label{
    color: #fff !important;
}
body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content form .field.signed-photo-id-section .control label{
    color: #000 !important;
}
@media (max-width: 576.98px) {
#popup-modal-refund-details-update .form fieldset .pop-field-grid{
    grid-template-columns: 1fr !important;
}
#popup-modal-refund-details-update .form fieldset,
#popup-modal-refund-details-update .form fieldset .pop-field-grid .field{
    text-align: left !important;
}
}
  /* new client responsive */
  body.reservation-viewdraft-index .table-grid-container{
    grid-template-columns: auto auto auto auto auto auto !important;
}
 @media (min-width: 1080.98px) {
    body:is(.reservation-reservationcomplete-index, .reservation-property-form, .offer-property-form, .reservation-client-registration) .table-grid-container{
    grid-template-columns: repeat(6, 2fr) !important;
    }
}
@media (max-width: 1080.98px) {
    body:is(.reservation-reservationcomplete-index, .reservation-property-form, .offer-property-form, .reservation-client-registration) .table-grid-container{
    grid-template-columns: repeat(4, 2fr) !important;
    }
    body.reservation-viewdraft-index .table-grid-container{
        grid-template-columns: repeat(4, auto) !important;
    }
}
@media (max-width: 576.98px) {

    body:is(.reservation-reservationcomplete-index, .reservation-property-form, .offer-property-form, .reservation-client-registration) .table-grid-container{
    grid-template-columns: repeat(1, 2fr) !important;
    }
    body:is(.reservation-reservationcomplete-index, .reservation-psp-reservation) .proxima-myaccount-container .body-content .table :is(label, span){
        font-size: 1.5rem !important;
    }
    .proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name span:nth-child(1){
        width: 100% !important;
    }
    body.reservation-viewdraft-index .table-grid-container{
        grid-template-columns: repeat(1, auto) !important;
    }
}
/* new client responsive */
 body:is(.reservation-viewdraft-index,.reservation-psp-index) .modals-wrapper :is(.modal-pop-up-custom-payment-receipts-upload,.modal-pop-up-custom-payment-receipts) .modal-inner-wrap .modal-header .modal-title{
    padding: 10px 0px !important;
}
body.account.project_theme_mode_dark:is(.reservation-viewdraft-index,.reservation-psp-index) .modals-wrapper :is(.modal-pop-up-custom-payment-receipts-upload,.modal-pop-up-custom-payment-receipts) .modal-inner-wrap .modal-header .modal-title{
    color: #fff !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #reservation-payment-receipt-form fieldset .field.file_re input{
    width: 100% !important;
    margin-bottom: 0 !important
}
body.account.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #reservation-payment-receipt-form fieldset .field.file_re input{
    color: #fff !important;
}
/* reservation delete */
body:is(.reservation-viewdraft-index,.reservation-psp-index) .modal-popup.confirm .modal-inner-wrap{
    max-width: 25rem !important;
    height: fit-content !important;

}
body:is(.reservation-viewdraft-index,.reservation-psp-index) .modal-popup.confirm .modal-inner-wrap{
    padding: 22px 25px !important;
}
body:is(.reservation-viewdraft-index,.reservation-psp-index) .modal-popup.confirm .modal-inner-wrap .modal-content{
    padding: 0 !important;
}
body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content .popup-modal{
    overflow: auto;
    overflow-y: hidden;
}
body:is(.reservation-viewdraft-index,.reservation-psp-index) .modal-popup.confirm .modal-inner-wrap .modal-footer{
    margin: 0 !important;
    display: flex;
    justify-content: flex-end;
    padding: 15px 0px !important;
}
body:is(.reservation-viewdraft-index,.reservation-psp-index) .modal-popup.confirm .modal-inner-wrap .modal-header{
    padding: 14px 0px !important
}
body:is(.reservation-viewdraft-index,.reservation-psp-index) .modal-popup.confirm .modal-inner-wrap .modal-footer .action-dismiss{
    margin-right: 5px !important;
}
 /* reservation delete */
/* popup width increase */
body.account.agent-projects-index .modals-wrapper
.modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap{
    width: 60% !important;
}
@media screen and (max-width: 991px){
    body.account.agent-projects-index .modals-wrapper
.modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap{
    width: 100% !important;
    text-align: left !important;
}
body.account.agent-projects-index .modals-wrapper
body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content{
    text-align: left !important;
}
}
body.account.agent-projects-index .modals-wrapper
.modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap select , input{
   border-radius: 5px !important;
}
 body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content{
    padding: 60px 40px !important;
}
body div.mage-error{
    font-size: 11.2px !important;
}
body.account .project-details-button-list{
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 10px !important;
}
body.account .project-details-button-list .btn-round{
    min-width:fit-content;
    white-space: nowrap !important;
}
body.project_theme_mode_dark.account .close:hover{
    color: #fff !important;
}
.reservation-client-registration.project_theme_mode_dark table.dataTable tbody tr{
    background-color: transparent !important;
}
#tbl-client_wrapper #tbl-client_filter{
    position: relative;
    float: right !important;
}
#tbl-client_wrapper #tbl-client_filter.fa-search:before {
    content: "\f002";
    position: absolute;
    top: 10px;
    right: 15px;
}
body.account #submit-client-registration.btn-round,body.account #submit-event-registration.btn-round{
    width: fit-content !important;
}
body.account #submit-agent-search.btn-round{
    width: fit-content !important;
}
.modals-wrapper .modal-popup:not([class*="custom_modal__"])._inner-scroll .modal-inner-wrap .modal-header{
    display: flex;
    justify-content: space-between;
}
body .modal-custom .modal-title, body .modal-popup:not(:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice, [class*="custom_modal__"])) .modal-title, body .modal-slide:not(:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice,[class*="custom_modal__"])) .modal-title{
    margin-left: 20px !important;
}
.modal-custom .action-close, .modal-popup:not(:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice,[class*="custom_modal__"])) .action-close, .modal-slide:not(:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice,[class*="custom_modal__"])) .action-close{
    position: relative !important;
}
/* payment error */
#co-payment-form{
    margin: 20px auto !important;
    width: 35%;
}
.rokanthemes-onepagecheckout .checkout-container{
    position: relative;
}
.rokanthemes-onepagecheckout .opc-estimated-wrapper .estimated-block{
    display: flex;
    width: 230px;
    justify-content: space-between;
    padding: 10px;
}
.rokanthemes-onepagecheckout .opc-estimated-wrapper{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    display: none !important;
}
.rokanthemes-onepagecheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-content .messages{
    position: absolute;
    width: 100%;
    left: 0;
    top: -35px;
}
.rokanthemes-onepagecheckout.checkout-index-index .message.error{
    margin:15px auto;
    width: 45%;
}
#co-payment-form fieldset .step-title{
    white-space: nowrap;
    text-align: center;
    display: none !important;
}
@media (max-width: 992px) {
    .rokanthemes-onepagecheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-content .messages{
        top: -40px;
    }
}
@media (max-width: 558px) {
    .rokanthemes-onepagecheckout .opc-wrapper #co-payment-form{
        width: 100% !important;
        margin: 10px !important;
    }
    .rokanthemes-onepagecheckout.checkout-index-index .message.error{
        width: 95%;
    }
}
/* payment error */
body .select2-results__option--selectable{
    margin-bottom: 0 !important;
}
body.account.project_theme_mode_dark .modals-wrapper .modal-popup.modal-project-details-custom .modal-inner-wrap .modal-header{
    background-color: #222222 !important;
}
body.account .modals-wrapper .modal-popup:not([class*="custom_modal__"])._inner-scroll .modal-inner-wrap .modal-header .action-close{
    height: auto !important;
    margin-left: auto !important;
    display: block !important;
}
select::-ms-expand {
    display: none;
 }
 body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single,
 body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single,
 #selectSolicitor .select2-container--default .select2-selection--single,
 body.reservation-property-form #create-new-client .select2-container--default .select2-selection--single,
 body.offer-property-form #create-new-client .select2-container--default .select2-selection--single,
 body.reservation-reservationcomplete-index #popup-modal-edit-client .select2-container--default .select2-selection--single,
 body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single,
 select {
    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;
    -moz-appearance: none !important;
}
body.agent-projects-index .custom-accordion-tab .reservation-box .inner-reservation-box.fa-ban {
    font-size: 10px !important;
    color: #D0342C !important;
    background-color: #c7c7c7!important;
 }
  /*print button design*/
     .catalog-product-view .gallery-placeholder{
        position: relative;
    }
    .catalog-product-view .gallery-placeholder a{
        left: 2px;
        bottom: 45px;
        position: absolute;
        background-color: #808080;
        color: #fff;
        z-index: 9;
        padding: 2px 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
     .catalog-product-view .gallery-placeholder{
        position: relative;
    }
    .catalog-product-view .gallery-placeholder a{
        left: 2px;
        bottom: 45px;
        position: absolute;
        background-color: #808080;
        color: #fff;
        z-index: 9;
        padding: 2px 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    .agent-projects-index .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content{
        padding: 30px !important;
    }
    .agent-projects-index .proxima-myaccount-container .body-content .projects-main-section #showMoreModal.modal .modal-content{
        min-width: 75% !important;
    }
    .agent-projects-index .proxima-myaccount-container .body-content .projects-main-section #showMoreModal .property-details{
        padding: 20px 0px !important;
        justify-content: space-between !important;
    }
       /* Payment Details */
       .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client-new li>span.client-edit-box{
        position: relative;
        padding-left: 20px;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client-new li>span.client-edit-box .select2-container{
        width: auto !important;
        min-width: 92%;
        margin-left: 0 !important;
    }
    .offer-property-form  .proxima-myaccount-container .body-content form .table div .client-new span.reservation-form-span.client-edit-box:before,
    .reservation-property-form .proxima-myaccount-container .body-content form .table div .client-new span.reservation-form-span.client-edit-box:before{
        position: absolute;
        left: 5px !important;
    }
    body.account .proxima-myaccount-container .body-content form .table.reservation-fee-table tbody tr td{
        width: 50% !important;
        padding-left: 0px !important;
    }
    body.account .proxima-myaccount-container .body-content form .table.reservation-fee-table tbody tr td:nth-child(2){
        text-align: start !important;
        padding-left: 20px !important;
    }
     /* Payment Details */
 /* Rental Guarantee text */
    body.reservation-property-form .proxima-myaccount-container .body-content #reserve-form .table .solicitor-text,
    body.reservation-property-form .proxima-myaccount-container .body-content #reserve-form .table .refund-text{
        margin: 0 !important;
    }
    .account.reservation-property-form .reservation-form p.new-status-message{
        line-height: normal;
    }
    .account.reservation-property-form.project_theme_mode_dark .proxima-myaccount-container .body-content #reserve-form .table .solicitor-text,
    .account.reservation-property-form.project_theme_mode_dark .proxima-myaccount-container .body-content #reserve-form .table .refund-text{
        color: #fff !important;
    }
    .account.reservation-property-form .proxima-myaccount-container .body-content #reserve-form .table{
        background: transparent !important;
    }
    .account.reservation-property-form.project_theme_mode_normal .proxima-myaccount-container .body-content #reserve-form .table .solicitor-text,
    .account.reservation-property-form.project_theme_mode_normal .proxima-myaccount-container .body-content #reserve-form .table .refund-text{
        color: #000 !important;
    }
    /* Rental Guarantee text */
    /* reservation-psp-reservation */
    #reserve-form .legend,
    #res-approve-reject-form .legend{
        font-size: 20px;
    }
    #reserve-form textarea,
    #res-approve-reject-form textarea{
        border-radius: 18px !important;
        border: 1px solid #000;
    }
    body.account.reservation-psp-reservation.project_theme_mode_normal .proxima-myaccount-container .body-content .project-details-table .detail-table .odd.vendor-label{
        background: #ddd !important;
    }
    body.account.reservation-psp-reservation.project_theme_mode_normal .proxima-myaccount-container .body-content .project-details-table .detail-table{
        background: none !important;
        padding: 0 !important;
    }
    /* reservation-psp-reservation */
    #payment #checkout-step-payment, #payment #checkout-step-payment #co-payment-form fieldset{
        margin-bottom: 0 !important
    }
    .rokanthemes-onepagecheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-content #eWAYBlock{
        padding-top: 30px !important;
    }
/* refund-details */
.refund-details-table tbody tr{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.refund-details-table tbody tr td{
    min-width: 60%;
    position: relative;
}
.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap{
    width: 55% !important;
}
.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll.modal-pop-up-custom-refund-details-update .modal-inner-wrap{
    width: 45% !important;
}
.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #popup-modal-refund-details-update .refund-warning-text{
    display: block !important;
    margin: 0px 0px 10px 0px !important;
    text-align: justify !important;
    font-style: italic !important;
}
body.account.reservation-viewdraft-index.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #popup-modal-refund-details-update .refund-warning-text{
    color: #fff !important;
}
.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-payment-receipt-form .fieldset .actions-toolbar{
    display: flex;
}
.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-payment-receipt-form .fieldset .actions-toolbar .primary{
    margin-left: auto;
}
.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-payment-receipt-form .fieldset .field {
    display: inline-flex !important;
    width: 100% !important;
    margin: 10px 0px !important;
}
.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-payment-receipt-form .fieldset .field .control #file_re-error{
    padding-left:11px !important;
    text-align: left !important;
}
.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-payment-receipt-form .fieldset .field label{
    width: 120px !important;
    padding: 0px 10px 0px 0px;
    text-align: left !important;
}
.refund-details-table tbody tr td:nth-child(1){
    min-width: 40%;
    /* white-space: nowrap; */
    text-align: left !important;
}
.refund-details-table tbody tr td:nth-child(2){
    padding-left: 10px !important;
}
.refund-details-table tbody tr td:nth-child(2)::before{
    content: ':';
    position: absolute;
    left: 00px !important;
}
@media  (max-width: 575.98px) {
    .reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap{
        width: 100% !important;
    }
    .refund-details-table tbody tr td:nth-child(2)::before{
        left: 20px !important;
    }
}
/* refund-detailst */
body.account .table .select2-selection__clear span{
    color: #000 !important;
}
body.account.reservation-viewdraft-index .proxima-myaccount-container .body-content #viewform-edit-client .modal-content .table-caption,
body.account.reservation-client-registration .proxima-myaccount-container .body-content #create-new-client .modal-content .table-caption,
body:is(.account, .reservation-property-form) .proxima-myaccount-container .body-content .reservation-form .modal-content .table-caption,
body.offer-property-form .proxima-myaccount-container .body-content .modal-content .table-caption{
    font-size: 26px !important;
    font-weight: 700 !important;
}
body:is(.reservation-property-form, .offer-property-form) .proxima-myaccount-container .body-content .reservation-form .modal-content .table .edit-client-form-buttons{
padding-bottom: 30px !important;
}
/* overlay */
.modal-sm{
    width: 300px;
  }
  .modal-md{
    width: 500px;
  }
  .modal-lg{
    width: 800px;
  }
  .modal-xl{
    width: 1140px;
  }
  .offer-property-form .edit-client-input-section.table-grid-container ,
  .reservation-property-form  .edit-client-input-section.table-grid-container {
    grid-template-columns: repeat(1, 2fr) !important;
  }
  /* overlay */
.logged_agent_reservation{
    border: 2px solid #b70707!important;
}
.reservation-property-form .select2-container--open .client-select2.select2-dropdown{
    left: 6px;
    margin-top: -19px !important;
    border: 0 !important;
}
.reservation-property-form .select2-container--open .client-select2.select2-dropdown--above{
    margin-top: 0 !important;
}
.reservation-property-form .edit-client-select2{
    left: 0px;
}
 body.account.reservation-property-form .select2-container--open .select2-dropdown.client-select2{
    background-color: transparent !important;
}
.reservation-property-form .select2-container--open .select2-dropdown.client-select2 span.select2-results{
    width: 83% !important;
    background: #fff !important;
}
.proxima-myaccount-container .body-content #reserve-form .table.refund_details .table{
    margin: 2px 0px;
}
  /* reservation complete popup  */
  body.account.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update .modal-inner-wrap{
    width: 40% !important;
}

@media (max-width: 820.98px) {
body.account.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update .modal-inner-wrap{
    width: 80% !important;
}
}
@media (max-width: 576.98px) {
    body.account.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update .modal-inner-wrap{
        width: 100% !important;
    }
    }
.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .actions-toolbar{
    display: flex;
    justify-content: flex-end;
}
.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control{
    display: flex !important;
    position: relative !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}
.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control label.label-photo-type{
    display: block;
    white-space: nowrap;
    margin-right: 10px;
}
.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control label.label-photo-type{
    color: #fff !important;
}
.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control .file-name-span{
    margin-left: 5px !important;
}
.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control div.mage-error{
    position: absolute;
    top: 30px !important;
}
.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control .field.photo-type div.mage-error{
    right: 30px !important;
    top: 27px !important;
}
@media (max-width: 820.98px) {
.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control .field.photo-type div.mage-error{
    top: 23px !important;
}
}
body.reservation-reservationcomplete-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload .field.ack.required .control input,
.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control input{
    width: 87px !important;
    min-width: 87px !important;
    color: transparent !important;
}
.account.macDevice .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control input{
    width: 83px !important;
    min-width: 83px !important;
}
body.reservation-reservationcomplete-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload .field.ack.required .control{
    display: flex;
    align-items: center;
}
body.reservation-reservationcomplete-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload .field.ack.required .control .file-name-span span{
    padding-left: 5px !important;
}
body.reservation-reservationcomplete-index.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload .field.ack.required .control .file-name-span span{
    color: #fff !important;
}

.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control #photo_id-error{
    position: absolute;
    top: 28px !important;
}
@media (max-width: 576.98px) {
    .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control #photo_id-error{
        top: 70% !important;
        width: 80px !important;
        line-height: 10px !important;
    }
    }
.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-type.required .control #photo_type{
    border-radius: 18px !important;
    height: 2.35rem !important;
    font-size: 0.75rem !important;
}
.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control .file-name-span{
    color: #fff !important;
}
.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update .modal-inner-wrap .modal-header{
    background-color: #222222 !important;
}
.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update .modal-inner-wrap .modal-header .modal-title{
    color: #fff !important;
}
.modal-pop-up-custom-refund-details-update.modal-slide,.modal-pop-up-custom-refund-details-update.modal-popup{
    bottom: 100px !important;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details,.offer-viewoffer-details).account .proxima-myaccount-container .body-content{
    padding-top: 0 !important;
    padding-left: 1rem !important;
}
body.reservation-reservationcomplete-index.account .table-grid-container{
    padding-left: 0rem !important;
}
  /* reservation complete popup  */
@media (max-width: 1105.98px) {
    .proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name span:nth-child(1){
        width: 200px;
    }
}
@media  (max-width: 991.98px) {
    .tab-label.project-name span.project-sub{
        height: 80px;
}
}
@media  (max-width: 810.98px) {
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.client>li:nth-child(1) label{
        width: 12.5% !important;
}
}
@media  (max-width: 768.98px) {
    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #reservation-payment-receipt-form fieldset .field.file_re input{
        width: 190px !important;
    }
    .tab-label.project-name span.project-sub{
        height: auto;
    }
    body.account.agent-projects-index .custom-accordion-tab .tab-label span.project-sub a:last-child,
    body.account.agent-projects-index .custom-accordion-tab .tab .btn-round.add_property{
        text-align: center;
        min-width: 5rem !important;
        max-width: 5rem !important;
        margin-top: 1rem;
    }
    body.account.agent-projects-index .custom-accordion-tab .tab .btn-secondary.project-details-btn{
        margin-top: 1rem;
    }
}
.table.project-details-table{
    padding: 10px !important;
}
body.account.agent-projects-information .table.project-details-table .detail-table {
    padding-left: 0 !important;
}
@media  (max-width: 575.98px) {
.table.project-details-table .table-striped.table-responsive-stack{
    display: flex;
}
.table.project-details-table .table-striped.table-responsive-stack tbody{
    width: 59%;
}
.table.project-details-table .table-striped.table-responsive-stack thead{
    width: 41%;
}
.table.project-details-table .table-striped.table-responsive-stack thead tr td:nth-child(4){
    white-space: nowrap !important
}
.table.project-details-table .table-striped.table-responsive-stack :is(thead,tbody) tr{
   display: flex;
   flex-direction: column;
}
body.account.reservation-reservationcomplete-index .detail-table .table-striped thead tr th,
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody#client-names tr td a{
    font-size: 1.1rem !important;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td,.detail-table .table-striped tbody tr td{
    padding: 8px 12px !important;
    min-height: 39.4px !important;
    font-size: 1.1rem !important;
}
body.account.reservation-reservationcomplete-index .detail-table .table-striped thead tr th:nth-child(5),
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td:nth-child(5), .detail-table .table-striped tbody tr td:nth-child(5){
    min-height: 60px !important;
}
.detail-table .table-striped tbody tr td{
    height: 32.4px !important;
}
.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-payment-receipt-form .fieldset .field{
    flex-direction:column;
}
.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #reservation-payment-receipt-form .fieldset .field.file_re.required{
    align-items: flex-start !important;
}
#tbl-client_wrapper #tbl-client_filter.fa-search:before {
    top: 15px;
    right: 25px;
}
}
@media  (max-width: 400.98px) {
    body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td, .detail-table .table-striped tbody tr td,
    body.account.reservation-reservationcomplete-index .detail-table .table-striped thead tr th,
    body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody#client-names tr td a{
    font-size: 0.9rem !important;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td,.detail-table .table-striped tbody tr td{
    min-height: 35.3px !important;
}
body.macDevice.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td,.detail-table .table-striped tbody tr td{
    min-height: 35px !important;
}
}
@media (max-width: 768.98px){
    .checkout-onepage-success .page-title-wrapper,
    .rokanthemes-onepagecheckout .page-title-wrapper{
        flex-direction: column !important;
        align-items: center !important;
    }
    .checkout-onepage-success.page-layout-1column .page-title-wrapper .page-title, body.rokanthemes-onepagecheckout .page-title-wrapper .page-title{
        padding-left: 0 !important;
        padding-bottom: 10px !important;
    }
}
/* @media  (max-width: 375.98px) {
.proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name span:nth-child(1){
    width: 60px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
} */
.checkout-cart-index .cart-empty p{
    color: #fff !important;
}
.checkout-container .opc-wrapper{
   padding: 0 !important;
   margin: 0 !important;
}
#checkoutSteps #payment{
    margin: 0 !important;
}
/* cursor-not-allowed */
.cursor-not-allowed{
     cursor: not-allowed !important;
     cursor: no-drop !important;
    }
    .pointer-event-none{
     pointer-events: none !important;
    }
    .disabled{
     pointer-events: none !important;
     opacity: 0.5 !important;
    }
/* cursor-not-allowed */

.custom-accordion-tab .label-tab-minus.tab-label::after{content: "\f068";}
#terms-and-conditions h3{
    font-size: 27px !important;
}
.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group select{
    background-size: 0.8rem !important;
}
.account .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: #000 !important;
}
@media screen and (max-width: 767px){
.dataTables_wrapper .dataTables_paginate {
    float: right !important;
}
}
@media screen and (max-width: 575.98px){
    .projects-main-section .sort-bar-two{
        align-items: flex-start !important;
    }
}
ul.sales-declaration-items li label{
    display: -webkit-flex !important;
    display: flex !important;
    align-items: baseline !important;
}
ul.sales-declaration-items li label div:nth-child(1){
    width: 15px;
    height: 15px;
}
ul.sales-declaration-items li label div:nth-child(2){
    padding-left: 10px !important;
}
body.listingsystem-index-projectsterms ul.sales-declaration-items li label div:nth-child(2){
    padding-left: 0px !important;
}
ul.sales-declaration-items li label p{
    margin-bottom: 0 !important;
}
ul.sales-declaration-items li label div:nth-child(1) input[type="checkbox"]{
    width: 15px !important;
    height: 15px !important;
}
.project_theme_mode_normal .btn-icon-round {
    color: black !important;
    border: 2px solid black !important;
    border-radius: 17px !important;
    padding: 2px 0px 2px 2px !important;
}
.project_theme_mode_normal .btn-icon-round>a {
    color: black !important;
}
.project_theme_mode_dark .btn-icon-round {
    color: white !important;
    border: 2px solid white !important;
    border-radius: 17px !important;
    padding: 2px 0px 2px 2px !important;
}
.project_theme_mode_dark .btn-icon-round>a {
    color: white !important;
}

.registration-container-grid .container-grid .field-file.uploaded-file .control{
    display: flex !important;
    align-items: center !important;
}
.registration-container-grid .container-grid .field-file.uploaded-file .control span.file-name .close-file{
    font-size: 8px !important;
    width: 12px !important;
    height: 12px !important;
    left: -17px !important;
    top: -6px !important;
}
body.account.reservation-client-registration #tbl-client_wrapper table tbody tr td{
    padding-top: 10px !important;
}
body.commissionsystem-salestransaction-index.account .ms-options-wrap.ms-active > .ms-options{
    min-height: auto !important;
}
#create-new-client h3.new-client,
body.account .modal-content form.table .edit-client-address-title{
    font-size:23px !important;
    font-weight: 700 !important;
    padding-left: 15px !important;
    text-align: left !important;
}
body.account.project_theme_mode_dark .modal-content form.table .edit-client-address-title{
    color: #fff !important;
}
/* print */
.catalog-product-view .product-main-content .product.media .fotorama__stage {
    width: 100% ;
    max-width: 100% ;
    margin-left: 0 ;
    left: 0;
    height: auto;
    max-height: auto ;
    overflow: hidden;
}
/* print */

/* back-btn and theme select */
.back-btn-all-project-screen{
    display: flex;
    align-items: center;
}
.back-btn-all-project-screen .backbutton.reservation-back-btn button{
    padding: 0 !important;
    width: 2.375rem !important;
    margin-right: 7px !important;
}
@media (max-width: 576.98px){
    .back-btn-all-project-screen{
        margin-left: auto !important;
        margin-top: 0px !important;
    }
    body .page-title-wrapper .back-btn-all-project-screen select{
        margin: 0 !important;
        margin-right: 5px !important;
    }
    body.agent-projects-index .custom-accordion-tab{
        overflow: hidden !important;
        overflow-x:  hidden !important;
    }
}
/* back-btn and theme select */
@media (min-width: 576.98px) and (max-width: 1500.98px){
    body.account .page-main #projects_search_form .project-details-heading{
    min-width: 1150px;
}
body.agent-projects-index .custom-accordion-tab .tab{
    min-width: 1150px !important
}
}
.reservation-viewdraft-index.project_theme_mode_normal .container.roomBookingContainer div.dataTables_wrapper div.dataTables_filter input{
    border-color: #000 !important;
}
body.reservation-viewdraft-index .container.roomBookingContainer .dataTables_length.bs-select select{
    border-radius: 15px !important;
    border-color: #000 !important;

}
body.account.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll.modal-pop-up-custom-solicitor .modal-inner-wrap .modal-header h1,
body.account.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll.modal-pop-up-custom-solicitor .modal-inner-wrap .modal-content{
    padding-left: 30px !important;
    margin-left: 0 !important;
}
.modal-pop-up-custom-solicitor .modal-inner-wrap ul li.select_solicitor.select-solicitor-li .reservation-form-span{
    display: inline-block;
    width: calc(100% - 280px);
}
.modal-pop-up-custom-solicitor .modal-inner-wrap ul li.select_solicitor.select-solicitor-li .primary{
    display: inline-block;
}
.modal-pop-up-custom-solicitor .modal-inner-wrap ul li.select_solicitor.select-solicitor-li label{
    display: block;
}
@media  (max-width: 768.98px){
    .modal-pop-up-custom-solicitor .modal-inner-wrap ul li.select_solicitor.select-solicitor-li .reservation-form-span{
        display: inline-block;
        width: calc(100% - 206px);
    }
}
@media  (max-width: 578.98px){
    .modal-pop-up-custom-solicitor .modal-inner-wrap ul li.select_solicitor.select-solicitor-li .reservation-form-span{
        display: block;
        width: 100%;
    }
    .modal-pop-up-custom-solicitor .modal-inner-wrap ul li.select_solicitor.select-solicitor-li .primary{
        margin-top:10px;
    }
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul{
    padding-left: 0 !important;
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul{
    display: grid !important;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap: 10px 20px;
    margin: 0 !important;
    padding: 10px 0px !important;
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li:first-child{
    grid-column: span 3;
}
@media (max-width: 991.98px) {
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul{
        grid-template-columns:1fr 1fr;
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li:first-child{
    grid-column: span 2;
}
}
@media (max-width: 578.98px) {
    .reservation-viewdraft-index #reservation-solicitor-form fieldset ul{
            grid-template-columns:1fr;
    }
    .reservation-viewdraft-index #reservation-solicitor-form fieldset ul li:first-child{
        grid-column: span 1;
    }
    }
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li div.mage_error,
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li div.mage-error{
    position: absolute !important;
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li{
    position: relative;
    list-style: none !important;
    text-align: start !important;
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li label span{
    color: #e02b27;
}
.project_theme_mode_dark.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li label{
    color: #fff !important;
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li input,
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li select,
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li .select2-container--default .select2-selection--single{
    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;
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li input.disable-field {
    pointer-events:none !important;
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 19px !important;
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset ul li .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 2px !important;
}
.reservation-viewdraft-index #reservation-solicitor-form fieldset .actions-toolbar{
    display: flex;
    justify-content: flex-end;
}
@media (max-width: 768.98px){
body.account .project-details-button-list .btn-round{width: 125px !important;}
body.account .project-details-button-list{flex-wrap: wrap !important;}
}
body:is(.reservation-viewdraft-index,.reservation-psp-index).account.page-layout-2columns-left .proxima-myaccount-container .body-content form .table tbody tr td a .edit-icon::after{
    content: '';
    position: relative;
    top: 3px;
    cursor: pointer;
}

body:is(.reservation-viewdraft-index,.reservation-psp-index).account.page-layout-2columns-left.project_theme_mode_normal .proxima-myaccount-container .body-content form .table tbody tr td a .edit-icon::after{
    content: url(../images/edit-solid-dark.svg);
}
body:is(.reservation-viewdraft-index,.reservation-psp-index).account.page-layout-2columns-left.project_theme_mode_dark .proxima-myaccount-container .body-content form .table tbody tr td a .edit-icon::after{
    content: url(../images/edit-solid-white.svg);
}
body.account.project_theme_mode_normal .table label.view-upload{
    padding: 2px !important;
}
body.reservation-viewdraft-index div.mage_error{
    color: #e02b27;
}
body.account div.form-group input[list="countries"]::-webkit-calendar-picker-indicator {
    opacity: 0 !important;
}
body.account div.form-group input[list="countries"] {
    background: url(../images/select-default-dropdown.svg);
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    background-origin: content-box !important;
    background-size: 12px !important;
    background-position: right !important;
    -webkit-appearance: none !important;
}
body.reservation-property-form{
    padding: 0 !important;
}
@media screen and (min-width:1300px){
    .reservation-viewdraft-index .proxima-myaccount-container .body-content form .my-reservation-list-table#myReservationTable thead tr th{
        min-width:inherit !important;
     }
    }
    .page-layout-1column.checkout-onepage-success .column.main .checkout-success .border-sales-advice{
        border: 0.5px solid #808080;
        margin: 0 auto;
        width: 50%;
        margin-bottom: 20px;
        border-radius: 20px;
        padding: 0px 20px;
    }
    @media (max-width: 576.98px) {
        body.account.agent-projects-index .custom-accordion-tab .tab .project-action,
        body.agent-projects-index .custom-accordion-tab{
            overflow: auto !important;
        }
    }
    .account.commissionsystem-salescommission-salescommission #salesCommissionTable_wrapper{
        overflow: visible !important;
    }
    .account.project_theme_mode_normal.commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content form .table thead tr:nth-child(2) th,
    .account.project_theme_mode_normal.reservation-summaryreport-summary .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(2) th,
    .account.project_theme_mode_normal.reservation-project-offer .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(2) th{
        border-top: 2px solid #fff !important;
    }
    .account.project_theme_mode_dark.commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content form .table thead tr:nth-child(2) th,
    .account.project_theme_mode_dark.reservation-summaryreport-summary .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(2) th,
    .account.project_theme_mode_dark.reservation-project-offer .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(2) th{
        border-top: 5px solid #000 !important;
    }
    .account.reservation-summaryreport-summary .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(2) th input,
    .account.reservation-project-offer .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(2) th input{
        border: 1px solid #808080 !important;
        height: 2.353rem !important;
        font-size: 12px !important;
    }
    .commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content form .table thead tr th,
    .account.reservation-summaryreport-summary .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(1) th,
    .account.reservation-project-offer .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(1) th{
        vertical-align: middle !important;
    }
    .commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content form .table thead tr:nth-child(2) th:last-child{
        padding-right: 10px !important;
    }
    .commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content form .table thead tr:nth-child(1) th:nth-child(1){
        padding-left: 20px !important;
    }
    .account.project_theme_mode_dark.commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(2) th input{
        border: 1px solid #000 !important;
    }
    .account.commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(2) th input{
        min-width: 85px !important;
    }
    .account.project_theme_mode_dark.commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(1) th:nth-child(2){
        min-width: 15rem !important;
    }
    .commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content form .table thead tr th{
        padding: 8px 12px !important;
        padding-right: 26px !important;
    }
    .commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content form .table thead tr:nth-child(2) th{
        padding-right: 12px !important;
    }
    .account.project_theme_mode_dark.reservation-project-offer .proxima-myaccount-container .body-content .projectofferreport table thead tr:nth-child(1) th::before{
        opacity: 0.3;
    }

    body .mode-indicator{
        z-index: 99999;
        height: auto;
        display: block;
        min-width: 160px !important;
        width: 50% !important;
        position: fixed;
        text-align: center;
        right: 10%;
        left: 10%;
        margin: auto !important;
        top: 0px;
    }
    body .mode-indicator .mode-text{
        background-color: #fff3cd;
        min-width: 100%;
        width: 100%;
        display: block;
        padding: 0px 20px;
        font-weight: 700;
        height: auto;
        margin: 0 !important;
        font-size: 14px;
        color: #e02b27;
        line-height: 17px;
        /* border-radius: 0px 0px 15px 14px; */
    }
    @media screen and (max-width: 991px){
        body .mode-indicator,
        body .proxima-header{
            position: relative;
        }
        body.modemessage .mode-indicator,
        body.modemessage .proxima-header{
            position: relative;
        }
        body.modemessage .mode-indicator{
                position: relative;
                width: 100% !important;
                right: unset !important;
                left: unset !important;
                top: 0;
                height: auto;
            }
            .proxima-myaccount-container .proxima-myaccount-sidebar{
                top: -88px !important;
                position: absolute;
                width: 140px !important;
                right: 100px  !important;
            }
            .account .page-title-wrapper{
                margin: 2.5rem 0rem 0rem 0rem !important;
            }
        }
        @media (max-width: 578.98px){
            .proxima-myaccount-container .proxima-myaccount-sidebar{
                right: 40px !important;
            }
        }
        @media screen and (max-width: 600px){
            body.page-layout-2columns-left .page-title-wrapper {
                 margin-top: 2.5rem !important;
                padding-left: 0rem !important;
            }
        }
        @media (max-width: 578.98px) {
            .proxima-myaccount-container .proxima-myaccount-sidebar{
                top: -119px !important;

            }
         }
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content label{
        color: #fff !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .refund-method-options label{
        color: #fff !important;
    }
    body.account .modal-popup.modal-pop-up-custom-refund-details-update .modal-title .refund-reservationnum::before{
        padding-right: 15px !important;
    }
    body.project_theme_mode_normal.account .modal-popup.modal-pop-up-custom-refund-details-update .modal-title .refund-reservationnum::before{
        content: url(../images/xrefund-dark.svg);
    }
    body.project_theme_mode_dark.account .modal-popup.modal-pop-up-custom-refund-details-update .modal-title .refund-reservationnum::before{
        content: url(../images/xrefund-light.svg);
    }
    body.account.customer-account-index .body-content .input-field-section{
        display: flex !important;
        margin-bottom: 35px !important;
    }
    body.project_theme_mode_dark.account.customer-account-index .body-content .input-field-section label{
        color: #fff !important;
    }
    body.account.project_theme_mode_normal.customer-account-index .input-field-section .field.country_code .select2-container--default .select2-selection--single .select2-selection__clear{
        color: #000 !important;
    }
    body.account.customer-account-index .input-field-section .field.country_code .select2-container--default .select2-selection--single .select2-selection__clear{
        position: relative;
        bottom: 15px !important;
    }
    body.project_theme_mode_dark.account.customer-account-index .input-field-section .field.country_code .select2-container--default .select2-selection--single .select2-selection__rendered,
    body.project_theme_mode_dark.account .select2-container--default .select2-selection--single .select2-selection__placeholder,
    body.project_theme_mode_dark.account.customer-account-index .input-field-section .field.country_code .select2-selection.select2-selection--single,
    body.project_theme_mode_dark.account.customer-account-index .body-content .input-field-section input{
        color: #fff !important;
        border-color: #fff !important;
        background-color: transparent !important;
    }
    body.project_theme_mode_normal.account.customer-account-index .body-content .input-field-section input{
        border-color: #000 !important;
    }
    body.account.customer-account-index .body-content .input-field-section .field.sender_name,
    body.account.customer-account-index .body-content .input-field-section .sender_email,
    body.account.customer-account-index .body-content .input-field-section .field.phone-number,
    body.account.customer-account-index .body-content .input-field-section .field.country_code{
        width: 50% !important;
        margin-right: 10px !important;
        position: relative !important;
    }
    body.account.customer-account-index .body-content .input-field-section .field.sender_name div.mage-error,
    body.account.customer-account-index .body-content .input-field-section .field.sender_email div.mage-error,
    body.account.customer-account-index .body-content .input-field-section .field.phone-number div.mage-error,
    body.account.customer-account-index .body-content .input-field-section .field.country_code div.mage-error{
        position: absolute;
        top: 55px !important;
    }
    body.account.customer-account-index .input-field-section .field.country_code .select2.select2-container.select2-container--default{
        width: 100% !important;
    }
    body.account.customer-account-index .body-content .input-field-section .field.sender_email input,
    body.account.customer-account-index .body-content .input-field-section .field.sender_name input,
    body.account.customer-account-index .body-content .input-field-section .field.phone-number input,
    body.account.customer-account-index .input-field-section .field.country_code .select2-selection.select2-selection--single{
        width: 100% !important;
        border-radius: 20px !important;
        height: 2.375rem !important;
        padding: 0.5rem 1rem !important;
        border-color: #000;
    }
    body.account.customer-account-index .input-field-section .field.country_code .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 18px !important;
    }
    .proxima-myaccount-container .body-content form .fieldset > .field.enable-notification{
        display: flex;
    }
    .proxima-myaccount-container .body-content form .fieldset > .field.enable-notification label,
    .proxima-myaccount-container .body-content form .fieldset > .field.enable-notification .control{
        width: auto !important;
    }
    .proxima-myaccount-container .body-content form .fieldset > .field.enable-notification .control{
        margin-left: 3px;
        }
    @media screen and (min-width:991px){
        .proxima-myaccount-container .body-content form .fieldset > .field.enable-notification .control{
            margin-top: 5px;
            margin-left: -8px;
            }
        }

    body.account.customer-account-index .body-content .input-field-section .field.country_code .select2-container--default .select2-selection--single .select2-selection__arrow{
        top:5px !important
    }
    .proxima-myaccount-container .body-content .box-content form .fieldset .actions-toolbar{
        display: flex !important;
    }
    .proxima-myaccount-container .body-content .box-content form .fieldset .actions-toolbar .primary{
        margin-left: auto !important;
    }

    /* photoid popup */
    body.account .modals-wrapper .modal-popup._inner-scroll.modal-pop-up-custom-photo-id-update .modal-inner-wrap .modal-content .form .field.photo-id .control .field.photo-type {
        margin-left: auto !important;
    }
    body.account .modals-wrapper .modal-popup._inner-scroll.modal-pop-up-custom-photo-id-update .modal-inner-wrap .modal-content .form .field.photo-id .control .field.photo-type select{
        border: 2px solid #000 !important;
        border-radius: 20px !important;
        height: 2.323rem !important;
        font-size: 13px !important;
        min-width: 165px !important;
    }
    .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control .file-name-span{
        display: block;
        white-space: nowrap;
        width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
     /* special offer ul li space */
    body.account.reservation-project-offer .proxima-myaccount-container .body-content form .dataTables_wrapper .table tr ul li,
    body.account.reservation-project-offer .proxima-myaccount-container .body-content form .dataTables_wrapper .table tr ul{
        margin-bottom: 5px !important;
        font-size: 12px !important;
    }
    body.account.reservation-project-offer .proxima-myaccount-container .body-content form .table tbody tr td:nth-child(4){
        max-width: 700px !important;
        min-width: 175px !important;
    }
    body.account.reservation-project-offer .proxima-myaccount-container .body-content form .dataTables_wrapper .table tr td:last-child ul{
        padding: 0 !important;
        text-align: left !important;
        min-width:200px !important
    }
    body.project_theme_mode_dark.account.reservation-project-offer .proxima-myaccount-container .body-content form .dataTables_wrapper .table tr ul li b{
        color: #fff !important;
    }
 /* reservation form new dropdown  */

    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span .client_file-name-span{
        display: flex !important;
        flex-direction: column !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span .client-photo-container{
        display: flex !important;
        margin-bottom: 30px !important;
        position:  relative !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span .client-photo-container .id-name{
        visibility: hidden !important;
    }
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul.upload-section-grid li span.client-photo-ids .attach-span .client-photo-container:nth-child(1) .id-name{
        visibility: visible !important;
    }
    body:is(.reservation-property-form, .offer-property-form, .account) .table .client-photo-container span.attachment-span,
    body:is(.reservation-property-form, .offer-property-form, .account) .table .client-photo-container span.file-name-span{
        position: absolute;
        right: 140px;
        top: 38px;
        justify-content: flex-start !important;
    }

    @media (min-width: 1400.98px){
        body:is(.reservation-property-form, .offer-property-form, .account) .table .client-photo-container span.file-name-span{
            left: 182px;
        }
    }
    @media (max-width: 768.98px){
        body:is(.reservation-viewdraft-index, .reservation-reservationcomplete-index, .reservation-property-form, .offer-property-form, .reservation-client-registration) .table-grid-container{
            display: block !important;
        }
        body.reservation-property-form.account .table .client-photo-container span.attachment-span,
        body.reservation-property-form.account .table .client-photo-container span.file-name-span{
            position: absolute;
            right: unset;
            top: 45px;
            left: 0 !important;
        }
    }
    @media (max-width: 578.98px) {
        body.account.customer-account-index .body-content .input-field-section{
            flex-direction: column;
        }
        body.account.customer-account-index .body-content .input-field-section .field.country_code .select2-container--default .select2-selection--single .select2-selection__arrow{
            top: 0 !important;
        }
        }
 /* reservation form new dropdown  */
 body.project_theme_mode_dark.page-layout-1column .column.main .checkout-success p b{
        color: #fff !important;
 }
 body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #reservation-sales-advice-form fieldset .field.sales-advice.required{
    color: #fff !important;
    }

body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table div.edit-client-input-section.table-grid-container .form-group{
    width: 443px !important;
}
@media (max-width: 578.98px) {
    body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table div.edit-client-input-section.table-grid-container .form-group{
        width: 100% !important;
    }
    .table.project-details-table .table-striped.table-responsive-stack tbody tr td:nth-child(6){
        display: flex !important;
        align-items: center !important;
    }
    body:is(.reservation-reservationcomplete-index,.reservation-psp-reservation) .proxima-myaccount-container .body-content .table span.span-file{
        font-size: 1.1rem !important;
    }
    body:is(.reservation-reservationcomplete-index, .reservation-psp-reservation) .proxima-myaccount-container .body-content .table #client-names td:nth-child(6) span:nth-child(1){
        margin-right: 5px !important;
    }
}
 /* reservation view link popup  */
 body:is(.reservation-reservationcomplete-index,.reservation-psp-reservation) .proxima-myaccount-container .body-content .table span.span-file{
    display: block !important;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section{
    display: flex !important;
    align-items: center !important;
    margin: 10px 0px !important;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section #div-ack-recall,
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section #div-ack-upload{
    border: 1px solid;
    padding: 10px;
    width: 50%;
 }
 body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section #div-ack-recall a{
    color:  #fff !important;
 }
 body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section #div-ack-recall a{
    color:  #000 !important;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section #div-ack-upload fieldset{
    margin: 0 !important;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section #div-ack-upload fieldset .field.ack.required{
    position: relative;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section #div-ack-upload fieldset .field.ack.required div.mage-error{
    position: absolute;
    bottom: -15px !important;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section .or-span{
    padding: 0px 10px !important;
 }
 body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload{
    color: #000 !important;
    margin-top: 12px;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt .deposit-details{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    margin-right: 7%;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt .deposit-details .span-deposit{
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #000 !important;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-schedule .deposit-details{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    margin-right: 7%;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-schedule .deposit-details .span-deposit{
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #000 !important;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt .deposit-details .span-deposit .span-amount{

 }
 @media (max-width: 1180.98px){
        body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt .deposit-details{
            margin-right: 0 !important;
            flex-direction: column !important;
            align-items: flex-start;
        }
        body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt .deposit-details .span-deposit{
            padding-bottom: 20px !important;
        }
        body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-schedule .deposit-details .span-deposit{
            padding-bottom: 20px !important;
        }
 }
 @media (min-width: 1600.98px){
    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt .deposit-details{
        margin-right: 10%;
    }
    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-schedule .deposit-details{
        margin-right: 10%;
    }
}
 body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-payment-receipt .deposit-details .span-deposit{
    color: #fff !important;
 }
 body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload{
    color: #fff !important;
    margin-top: 12px;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload .ack-note{
    padding-bottom: 10px;
    display: block;
    font-style: italic;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section #div-ack-upload fieldset .actions-toolbar .primary{
    width: 100px !important;
 }
 /* reservation view link popup  */
body.reservation-client-registration .proxima-myaccount-container .body-content .client-registration-btn-container,
body.agent-referral .proxima-myaccount-container .body-content .client-registration-btn-container{
    display: flex;
    justify-content: flex-end;
}
body.reservation-client-registration .proxima-myaccount-container .body-content .client-registration-btn-container a,
body.agent-referral .proxima-myaccount-container .body-content .client-registration-btn-container a{
    margin-left: 0 !important;
}
body.reservation-client-registration .proxima-myaccount-container .body-content .client-registration-btn-container a:nth-child(1),
body.agent-referral .proxima-myaccount-container .body-content .client-registration-btn-container a:nth-child(1){
    margin-right: 10px !important;
}
/* remove-button-new style */
body .file-span button,body .file-name-span button,body .attachment-span button{
    width: auto !important;
    min-height: 12px !important;
}
body .file-span button span,body .file-name-span button span,body .attachment-span button span{
    padding: 0px 5px;
    text-transform: capitalize;
    font-size: 10px !important;
}
body.project_theme_mode_normal .file-span button,body.project_theme_mode_normal .file-name-span button,body.project_theme_mode_normal .attachment-span button{
    background-color: #000 !important;
}
body.account.project_theme_mode_normal .file-span button span,body.project_theme_mode_normal .file-name-span button span,body.project_theme_mode_normal .attachment-span button.selection_remove span{
    color: #fff !important;
}
body.project_theme_mode_dark .file-span button,body.project_theme_mode_dark .file-name-span button,body.project_theme_mode_dark .attachment-span button{
    background-color: #fff !important;
}
body.account.project_theme_mode_dark .file-span button span,body.project_theme_mode_dark .file-name-span button span,body.project_theme_mode_dark .attachment-span button.selection_remove span{
    color: #000 !important;
}
/* remove-button-new style */
/* Help-desk popup  */
body.account .modals-wrapper .modal-popup._inner-scroll.help-desk-popup .modal-inner-wrap{
    width: 50% !important;
    padding: 0 !important;
}
body.page-layout-2columns-left .modals-wrapper .help-desk-popup.modal-popup._inner-scroll .modal-inner-wrap .modal-header{
    padding: 0 !important;
}
body.account .modals-wrapper .custom_login.modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close,
body.account .modals-wrapper .help-desk-popup.modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close{
    display: block !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .helpdesk-info-modal .registration-container{
    display: block !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .helpdesk-info-modal .registration-container .fieldset.info .input-flex .field{
   width: 100% !important;
   text-align: left !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .helpdesk-info-modal .registration-container .fieldset.info .input-flex .field textarea,
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .helpdesk-info-modal .registration-container .fieldset.info .input-flex .field select,
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .helpdesk-info-modal .registration-container .fieldset.info .input-flex .field input{
    width: 100% !important;
    border-radius: 20px !important;
    height: 2.323rem !important;
    font-size: 14px !important;
    border: 1px solid #000;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .helpdesk-info-modal .registration-container .fieldset.info .input-flex .field input[type="file"]{
    border: 0 !important;
    border-radius: 0 !important;
 }
 body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .helpdesk-info-modal .registration-container .fieldset.info .input-flex .field input[type="file"]{
    color: #fff !important;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .helpdesk-info-modal .registration-container .fieldset.info .input-flex .field textarea{
    border-radius: 5px !important;
    height:auto !important;
 }
 body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .helpdesk-info-modal fieldset.info button{
    float: right;;
 }
 body.reservation-viewdraft-index .proxima-myaccount-container .body-content .viewdraft-btn{
    display:-webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
 }
 body.reservation-viewdraft-index .proxima-myaccount-container .body-content .viewdraft-btn div:nth-child(1){
    margin-right: 8px !important;
 }
 @media (max-width: 578.98px) {
    body.account .modals-wrapper .modal-popup._inner-scroll.help-desk-popup .modal-inner-wrap{
        width: 100% !important;
    }
}
/* create-client dropdown select2 */
body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single,
body:is(.reservation-property-form, .offer-property-form) #create-new-client .select2-container--default .select2-selection--single,
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single,
body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single,
body.reservation-reservationcomplete-index #popup-modal-edit-client .select2-container--default .select2-selection--single{
    height: 2.535rem;
    border-radius: 20px;
    border: 1px solid;
}
body.reservation-viewdraft-index #viewform-edit-client .select2-container--default .select2-selection--single .select2-selection__rendered,
body:is(.reservation-property-form, .offer-property-form) #create-new-client .select2-container--default .select2-selection--single .select2-selection__rendered,
body.account.reservation-client-registration  #create-new-client .select2-container--default .select2-selection--single .select2-selection__rendered,
body.reservation-reservationcomplete-index #popup-modal-edit-client .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 36px !important;
    font-size: 0.8rem !important;
    padding-right: 0 !important;
}
body.account.reservation-viewdraft-index #viewform-edit-client .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.account.agent-projects-information #create-new-client .select2-container--default .select2-selection--single .select2-selection__placeholder,
body:is(.reservation-property-form, .offer-property-form) #create-new-client .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.account.reservation-reservationcomplete-index #popup-modal-edit-client .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.account.reservation-client-registration #create-new-client .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: #000 !important;
    font-size: 0.8rem !important;
    line-height: 32px !important;
    display: block !important;
}
body.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group .selection .select2-selection.select2-selection--single button span,
body.offer-property-form .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .selection .select2-selection.select2-selection--single button span,
body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .selection .select2-selection.select2-selection--single button span,
body.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container div.form-group .selection .select2-selection.select2-selection--single button span {
    line-height: 0.5rem !important;
    display: block !important;
    right: 14px !important;
    position: relative;
    color: transparent !important;
}
body.reservation-viewdraft-index .select2-container--default .select2-selection--single .select2-selection__arrow b,
body:is(.reservation-property-form, .offer-property-form)  .select2-container--default .select2-selection--single .select2-selection__arrow b,
body.reservation-client-registration .select2-container--default .select2-selection--single .select2-selection__arrow b,
body:is(.reservation-property-form, .offer-property-form)  .select2-container--default .select2-selection--single .select2-selection__arrow b,
body.reservation-reservationcomplete-index .select2-container--default .select2-selection--single .select2-selection__arrow b,
body.agent-projects-information .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}
body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single,
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single{ background-position: 96% !important;}
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single,
#selectSolicitor .select2-container--default .select2-selection--single,
body:is(.reservation-property-form, .offer-property-form) #create-new-client .select2-container--default .select2-selection--single,
body.reservation-reservationcomplete-index #popup-modal-edit-client .select2-container--default .select2-selection--single,
body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single{
    background-position: 91% !important;
    background-size: 12px !important;
}
@media (min-width: 1300.98px) {
body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .select2-container--default .select2-selection--single{
    background-size: auto !important;
}}
body.reservation-viewdraft-index .select2-container--default .select2-selection--single .select2-selection__clear{
    display: none;
}
body.reservation-viewdraft-index #viewform-edit-client .height-btn{
    height: 50px !important;
    padding: 8px 0px !important;
    background-color: #fff !important;
}
@media (min-width: 1300.98px) {
    body.reservation-viewdraft-index #viewform-edit-client .select2-container--default .select2-selection--single .select2-selection__rendered,
    body.account.reservation-viewdraft-index #viewform-edit-client .select2-container--default .select2-selection--single .select2-selection__placeholder,
    body.account.agent-projects-information #create-new-client .select2-container--default .select2-selection--single .select2-selection__placeholder,
    body.reservation-property-form #create-new-client .select2-container--default .select2-selection--single .select2-selection__placeholder,
    body.reservation-reservationcomplete-index #popup-modal-edit-client .select2-container--default .select2-selection--single .select2-selection__placeholder,
    body.account.reservation-client-registration #create-new-client .select2-container--default .select2-selection--single .select2-selection__placeholder{
        line-height: 38px !important;
    }
}
@media (max-width: 578.98px) {
    body.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group .selection .select2-selection.select2-selection--single button span,
    body.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .selection .select2-selection.select2-selection--single button span,
    body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .selection .select2-selection.select2-selection--single button span{
    right: 0px !important;
}
 }

/* create-client dropdown select2 */
/* new my reservation icon */
body.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid{
    display: flex;
    flex-wrap: wrap;
}
body.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid i{
    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 600 !important;
    font-style: unset !important;
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid i{
    color: #000 !important;
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid i{
    color: #fff !important;
}
body.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a span{
    font-size: 12px;
    margin-left: 5px !important;
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a span{
    color: #000;
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a span{
    color: #fff;
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a{
    border: 1px solid #000;
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid i.release-new-icon::after{
    content: url(../images/Releasenew.svg);
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid i.release-icon::after{
    content: url(../images/Release.svg);
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid i.release-new-icon::after{
    content: url(../images/ReleasenewWhite.svg);
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid i.release-icon::after{
    content: url(../images/ReleaseWhite.svg);
}
body.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid i.comment-check::after{
    content: url(../images/RequestContractIcon.svg);
}
body.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a{
    min-height: auto;
    width: auto !important;
    border: 1px solid #fff;
    border-radius: 5px !important;
    padding: 7px 5px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 5px;
    cursor: pointer;
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover{
    background-color: #fff !important;
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover span{
    color: #000 !important;
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover i{
    color: #000 !important;
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover i.release-new-icon::after{
    content: url(../images/Releasenew.svg);
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover i.release-icon::after{
    content: url(../images/Release.svg);
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover{
    background-color: #000 !important;
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover span{
    color: #fff !important;
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover i{
    color: #fff !important;
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover i.release-new-icon::after{
    content: url(../images/ReleasenewWhite.svg);
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover i.release-icon::after{
    content: url(../images/ReleaseWhite.svg);
}
body.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a:hover i.comment-check::after{
    content: url(../images/RequestContractIcon.svg);
}
body.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a i.comment-check{
    line-height: 10px !important;
}
body.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a.cursor-not-allowed:hover{
    background-color: inherit !important;
}
body.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a.cursor-not-allowed:hover span{
   color: #000 !important;
}
body.reservation-reservationcomplete-index.account.project_theme_mode_dark .proxima-myaccount-container .body-content .reservation-icon-grid a.cursor-not-allowed:hover span{
    color: #fff !important;
 }
 body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a.cursor-not-allowed:hover i.release-new-icon::after{
    content: url(../images/Releasenew.svg);
}
body.project_theme_mode_normal.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a.cursor-not-allowed:hover i.release-icon::after{
    content: url(../images/Release.svg);
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a.cursor-not-allowed:hover i.release-new-icon::after{
    content: url(../images/ReleasenewWhite.svg);
}
body.project_theme_mode_dark.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content .reservation-icon-grid a.cursor-not-allowed:hover i.release-icon::after{
    content: url(../images/ReleaseWhite.svg);
}
/* new my reservation icon */

@media (max-width: 768.98px){
form.container.roomBookingContainer #projectOfferTable_wrapper table{
    display: block !important;
    overflow-y: scroll !important;
}}
body.reservation-summaryreport-summary.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table thead tr:nth-child(1) th{
    border-bottom: 5px solid #000 !important;
}
body.reservation-summaryreport-summary.account .proxima-myaccount-container .body-content form .table#projectSummaryTable tr th input{
    border-color: #000 !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload .ack-pdf-link{
    display: flex;
    justify-content: flex-start;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload .ack-pdf-link label{
    padding-right: 5px !important;
}
body.reservation-summaryreport-summary.account .proxima-myaccount-container .body-content form table#projectOfferTable tr th input{
    min-width: 85px !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload .ack-pdf-link span a{
    color: #067DF4 !important;
}
body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload .ack-pdf-link label{
    color: #fff !important;
}
body.reservation-summaryreport-summary.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table thead tr:nth-child(1) th{
    border-bottom: 5px solid #000 !important;
    vertical-align: middle !important;
}
body.reservation-summaryreport-summary.account .proxima-myaccount-container .body-content form .table#projectSummaryTable tr th input{
    border-color: #000 !important;
}
@media (max-width: 768.98px){
    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-ack-upload .ack-pdf-link{
        flex-direction: column !important;
        align-items: baseline !important;
    }
    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section{
        flex-direction: column !important;
    }
    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section #div-ack-recall,
    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #div-ack-section #div-ack-upload{
        width: 100% !important;
    }}
/* reservation-reservationcomplete-index popup  */
body.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-inner-wrap{
    width: 400px !important;
    display: flex;
}
/* body.account.reservation-reservationcomplete-index .modal-popup .modal-inner-wrap{
    display: none;
} */
@media (max-width: 578.98px) {
    body.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-inner-wrap{
        width: 90% !important;
    }
}
body.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-header{
    padding: 0 !important;
    display: flex;
    justify-content: space-between !important;
}
body.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-header .action-close{
    background-color: #000 !important;
}
body.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-content{
    margin: 0 auto !important;
    padding: 20px 0px !important;
}
body.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-footer{
    padding: 15px 3rem !important;
    margin-left: auto !important;
}
body.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-content{
    background-color: #fff !important;
    color: #000 !important;
    border: 0 !important;
    margin: auto !important;
    width: 90% !important;
}
body.project_theme_mode_dark.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-content{
    background-color: #222222 !important;
    color: #fff !important;
    border: 0 !important;
}
body.project_theme_mode_dark.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-inner-wrap{
    background-color: #222222 !important;
    color: #fff !important;
    border: 0 !important;
}
body.project_theme_mode_dark.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-header h1{
    color: #fff !important;
}
/* reservation-reservationcomplete-index popup alert*/
body.account .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content #container h6{
    margin: 15px 5px !important;
}
body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content #container h6{
    color: #fff !important;
}
.project_theme_mode_normal .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    color: #000 !important;
}
.project_theme_mode_dark .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    color: #fff !important;
}
.modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-selection--multiple .select2-selection__clear{
    display: none !important;
}
.reservation-reservationbyagent-reservationbyagent .proxima-myaccount-container .body-content form .table thead tr th{
    min-width: 100px !important;
    padding-right: 22px !important;
}
.reservation-reservationbyagent-reservationbyagent .proxima-myaccount-container .body-content form .table thead tr :is(th:nth-child(2), th:nth-child(3), th:nth-child(4), th:nth-child(6)){
    min-width: 70px !important;
}
body.reservation-reservationbyagent-reservationbyagent .proxima-myaccount-container .body-content form .table{
    display: block !important;
    overflow-y: hidden !important;
    overflow-x: scroll !important;
}
body.reservation-reservationbyagent-reservationbyagent.account .proxima-myaccount-container .body-content form .table :is(tbody tr td a, tbody tr td a span):hover,
body.reservation-reservationbyagent-reservationbyagent.account .proxima-myaccount-container .body-content form .my-reservation-list-table :is(tbody tr td a, tbody tr td a span){
    color: #067df4 !important;
}
@media (max-width: 1100.98px) {
body.uesele-style .page-title-wrapper{
    max-width: 991px !important;
}
.proxima-myaccount-container .body-content form table#salesCommissionTable{
    display: block !important;
    overflow-y: scroll !important;
}
}
body.reservation-project-offer #projectOfferTable_wrapper{
    overflow: visible !important;
}
body.reservation-summaryreport-summary.account .proxima-myaccount-container .body-content form .table tbody tr td{
    text-align: center !important;
}
body.reservation-summaryreport-summary.account .proxima-myaccount-container .body-content form .table tbody tr td:first-child{
    text-align: left !important;
    padding-left: 20px !important;
}
body.reservation-summaryreport-summary.account .proxima-myaccount-container .body-content form .table thead tr:nth-child(2) th{
    padding-top: 8px !important;
}
@media (max-width: 768.98px){
    /* body .mode-indicator {
        width: 44% !important;
        left: 30% !important;
    } */
    }
    @media (max-width: 578.98px) {
        /* body .mode-indicator{
            left: 0 !important;
            width: 100% !important;
        } */
        .table.project-details-table .table-striped.table-responsive-stack tbody tr td:nth-child(7){
            display: flex;
        }
        .table.project-details-table .table-striped.table-responsive-stack tbody tr td:nth-child(7) span{
            position: relative;
        }
        .table.project-details-table .table-striped.table-responsive-stack tbody tr td:nth-child(7) span.span-file{
            font-size: 0.9rem !important;
            padding-right: 5px !important;
        }
        body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody#client-names tr td:nth-child(7) a{
            position: absolute !important;
        }
        .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control{
            display: block !important;
        }
        .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control{
            margin-bottom: 20px !important;
        }
        .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control .field.photo-type div.mage-error{
            top: 48px !important;
            left: 0;
        }
        .project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control .file-name-span{
            float: right;
            padding-top: 6px !important;
        }
        body.account .modals-wrapper .modal-popup._inner-scroll.modal-pop-up-custom-photo-id-update .modal-inner-wrap .modal-content .form .field.photo-id .control .field.photo-type select{
            padding: 0px 10px;
        }
    }
    body.project_theme_mode_normal .btn.btn-round#submit-client:hover,
body.project_theme_mode_normal .btn.btn-round:hover{
    background-color: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
 }
 body.agentmanagement-information-search .btn.btn-round#submit-agent-search:hover,
body.agentmanagement-information-search .btn.btn-round:hover,
 body.agent-referral .btn.btn-round#submit-agent-search:hover,
body.agent-referral .btn.btn-round:hover{
    background-color: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
 }
 body.project_theme_mode_dark .btn.btn-round:hover{
    background-color: #fff !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
 }
 .account.commissionsystem-salestransaction-index .proxima-myaccount-container .body-content{
    margin: 10px 0px;
 }
.back-btn-all-project-screen .viewdraft-btn,
#client-registration-hide {
    margin-right: 5px !important;
}
body.page-layout-2columns-left .btns-container{
    display: flex;
    justify-content: flex-end;
    margin: 13px 13px !important;
}
 body.account .proxima-myaccount-container .body-content form .table#salesCommissionTable tbody tr td{
    text-align: center;
    padding-left: 0px !important;
}
body.account .proxima-myaccount-container .body-content form .table#salesCommissionTable tbody tr td:nth-child(1),
body.account .proxima-myaccount-container .body-content form .table#salesCommissionTable tbody tr td:nth-child(2){
    text-align: left;
    padding-left: 20px !important;
}

/* body.page-layout-2columns-left .modals-wrapper .custom_login.modal-popup._inner-scroll .modal-inner-wrap{
    width: 60% !important;
}
body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap{
    width: 60% !important;
}
body.page-layout-2columns-left .modals-wrapper .custom_login.modal-popup._inner-scroll .modal-inner-wrap .modal-header{
    padding: 0 !important;
}
body.page-layout-2columns-left .modals-wrapper .custom_login.modal-popup._inner-scroll .modal-inner-wrap{
    width: 60% !important;
    padding: 0 !important;
}
@media (max-width: 578.98px) {
    body.page-layout-2columns-left .modals-wrapper .custom_login.modal-popup._inner-scroll .modal-inner-wrap{
        width: 85% !important;
    }

}
body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap{
    width: 50% ;

}
body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap select, input{
    margin-bottom: 5px !important;
}
body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .mage-error-phone , .mage-error-country_code{
    position: absolute !important;
} */
/* dropzone js */

form.dropzone {
    padding: 0;
  }

  div.dropzone {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .dropzone {
    min-height: 150px;
    border: 1px solid rgb(0 0 0) !important;
    background: white;
    border-radius: 5px;
  }
  .dragover {
    border: 0.5px solid blue !important;
  }

  .dz-error-mark {
    display: none !important;
  }

  .dz-progress {
    display: none !important;
  }
  .dropzone.dz-started .dz-message {
    display: block !important;
}
  .dz-image img {
    position: relative !important;
  }

  .dropzone .dz-preview:hover .dz-image img {
    /* disable default blur in drop zone */
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    -webkit-filter: none !important;
    filter: none !important;
  }

  .dz-image-overlay {
    /* center items inside it */
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    /* scratch it width, and height to match parent div */
    position: absolute;
    background: #00000014;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: none;
  }

  .dropzone .dz-preview:hover .dz-image-overlay {
    display: flex !important;
  }

  .dropzone .dz-preview .dz-error-message {
    font-size: 10px !important;
    top: 90px !important;
    width: 178px !important;
}
@media (max-width:767px){
    body.project_theme_mode_normal #project-details-table tbody tr{
        width: 100%;
    display: grid !important;
    grid-template-columns: repeat(2, 2fr) !important;
    }

}

@media (max-width: 768.98px){
    body:is(.reservation-reservationcomplete-index, .reservation-property-form, .offer-property-form, .reservation-client-registration) .table-grid-container.mobile-view {
        display:block !important;
    }

    body.reservation-reservationcomplete-index.account .table-grid-container.view_dektop{
        display: none !important;
    }
  body.reservation-reservationcomplete-index  .table.project-details-table .table-striped.table-responsive-stack{
    width: 100% !important;
    grid-template-columns: repeat(2, 2fr) !important;
    display: grid !important;
    grid-row-gap: 10px !important;
  }
  body.reservation-reservationcomplete-index .table.project-details-table .table-striped.table-responsive-stack thead{
    width: 100% !important;
  }
  body.reservation-reservationcomplete-index  .table.project-details-table .table-striped.table-responsive-stack tbody{
    width: 100% !important;
  }
  body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody#client-names tr td:nth-child(7) a{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width: 100px !important;
    position: relative !important;

  }
}
@media screen and (max-width: 575.98px){
    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content  table:nth-child(1) tr{
        display:grid;
        grid-template-columns: auto auto ;
        grid-template-rows: auto auto ;
    }
    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content table:nth-child(1) tr td:nth-child(1){
        grid-area:1 / 1 / 2 / 2;
    }
    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content
    table:nth-child(1) tr td:nth-child(2){
        grid-area:2 / 2 / 2 / 1;
    }
    body.agent-projects-index.account #modal #container #table td, body.agent-projects-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table > tbody > tr > :is(th ,td){
        height: auto !important;
    }
}
.reservation-details {
    position: relative;
    padding: 15px 0px; }
    .reservation-details p.greenbtn {
      margin: 0px 0px 15px 0px !important; }
      .reservation-details p.greenbtn a, .reservation-details p.greenbtn input[type="button"], .reservation-details p.greenbtn span {
        border-radius: 20px;
        /* background: #50CFBB; */
        font-size: 14px;
        color: #000000;
        padding: 4px 20px; }
    .reservation-details p.listingbtns {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin: 0px 0px 15px 0px; }
      .reservation-details p.listingbtns a, .reservation-details p.listingbtns input[type="button"], .reservation-details p.listingbtns span {
        border-radius: 20px;
        background: #DCDCDC;
        color: #000000;
        padding: 5px 20px;
        margin: 0px 10px 0px 0px; }
        .reservation-details p.listingbtns a.active, .reservation-details p.listingbtns input[type="button"].active, .reservation-details p.listingbtns span.active {
          background: #067DF4;
          color: #FFFFFF; }
    .reservation-details ul.reservationbox {
      margin: 0px;
      padding: 0px; }
      .reservation-details ul.reservationbox.first {
        display: grid;
        grid-template-columns: 65% 35%; }
        .reservation-details ul.reservationbox.first > li {
          list-style: none;
          padding: 20px; }
          .reservation-details ul.reservationbox.first > li.primary {
            display: grid;
            grid-template-columns: 50% 50%;
            border-radius: 5px;
            background: #F1F1F1;
            grid-gap: 10px; }
            .reservation-details ul.reservationbox.first > li.primary ul {
              margin: 0px;
              padding: 0px; }
              .reservation-details ul.reservationbox.first > li.primary ul li {
                list-style: none;
                display: flex; }
                .reservation-details ul.reservationbox.first > li.primary ul li label {
                  width: 40%;
                  color: #000;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: normal; }
                  .reservation-details ul.reservationbox.first > li.primary ul li.active a,
                .reservation-details ul.reservationbox.first > li.primary ul li span {
                  width: 60%;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 400;
                  line-height: normal;
                  color: #000; }
                .reservation-details ul.reservationbox.first > li.primary ul li.active a {
                  color: #067DF4 !important;
                  font-weight: 700 !important; }

                  .reservation-details ul.reservationbox.solicitor {
                    display: grid;
                    grid-template-columns: 50% 50%;
                    grid-gap: 15px;
                }
                .reservation-details .reservationbox.solicitor .solicitor_second label {
                    width: 60%!important;
                }
                .reservation-details .reservationbox.solicitor .solicitor_second .date_label{
                    font-weight: 700;
                }
                .reservation-details ul.reservationbox.solicitor .grid-li-reservation{
                    list-style: none;
    padding: 20px;
    border-radius: 5px;
    background: #F1F1F1;
                }

      .reservation-details ul.reservationbox.second {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-gap: 15px; }
        body.reservation-reservationcomplete-index .grid-li-reservation.div_request .title-label.main-title-label,
        body.reservation-reservationcomplete-index .grid-li-reservation.div_document .title-label.main-title-label
        {
            font-size: 16px!important;
         }
        .reservation-details ul.reservationbox.second > .inner-reservationbox-second > li, .reservation-details ul.reservationbox.second > li {
          list-style: none;
          padding: 20px;
          border-radius: 5px;
          background: #F1F1F1; }
          .reservation-details ul.reservationbox.second > ul.primary,
          .reservation-details ul.reservationbox.second > li.primary {
            border-radius: 5px;
            border: 1px solid #067DF4;
            background: #D5EAFF; }
      .reservation-details ul.reservationbox ul.sub {
        margin: 0px;
        padding: 0px; }
        .reservation-details ul.reservationbox ul.sub li span a.payment-receipt-view,
        .reservation-details ul.reservationbox ul.sub li span a.reservation-photo-view
        {
            background-color:#067DF4 !important ;
            color: #fff;
        }
        .reservation-details ul.reservationbox ul.sub li {
          list-style: none;
          display: flex; }
          .reservation-details ul.reservationbox ul.sub li label {
            width: 40%;
            color: #000;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
          }
body.agentregistration-index-index .registration-container-grid .container-grid .field-file.uploaded-file .control{
    flex-direction: column !important;
}
body.agentregistration-index-index .registration-container-grid .container-grid .field.radio-edit{
    flex-direction: row !important;
}
.registration-container-grid .container-grid .field-file.uploaded-file .control .file-name.certificate_filename.removefile_symbol,
.registration-container-grid .container-grid .field-file.uploaded-file .control .file-name.bank_statement_document_filename.removefile_symbol,
.registration-container-grid .container-grid .field-file.uploaded-file .control .file-name.abn_filename.removefile_symbol,
.registration-container-grid .container-grid .field-file.uploaded-file .control .file-name.acn_filename.removefile_symbol,
.registration-container-grid .container-grid .field-file.uploaded-file .control .file-name.corporation_licence_document_filename.removefile_symbol,
.registration-container-grid .container-grid .field-file.uploaded-file .control .file-name.individual_licence_document_filename.removefile_symbol,
.registration-container-grid .container-grid .field-file.uploaded-file .control .file-name.pii_insurance_policy_document_filename.removefile_symbol
{
    position: relative;
    top: 0;
    right: 0;
}
.registration-container-grid .container-grid .field-file.uploaded-file .control .certificate_remove.RemoveFilename,
.registration-container-grid .container-grid .field-file.uploaded-file .control .bank_statement_remove.RemoveFilename,
.registration-container-grid .container-grid .field-file.uploaded-file .control .ABN_document_remove.RemoveFilename,
.registration-container-grid .container-grid .field-file.uploaded-file .control .ACN_document_remove.RemoveFilename,
.registration-container-grid .container-grid .field-file.uploaded-file .control .corporation_licence_document_remove.RemoveFilename,
.registration-container-grid .container-grid .field-file.uploaded-file .control .individual_licence_document_remove.RemoveFilename,
.registration-container-grid .container-grid .field-file.uploaded-file .control .pii_insurance_policy_document_remove.RemoveFilename
{
    position: absolute;
    bottom: 0;
    right: 0;
    top: 53px !important;
}
.registration-container-grid .container-grid .field-file.uploaded-file .control  .certificate_remove,
.registration-container-grid .container-grid .field-file.uploaded-file .control  .bank_statement_remove,
.registration-container-grid .container-grid .field-file.uploaded-file .control  .ABN_document_remove,
.registration-container-grid .container-grid .field-file.uploaded-file .control  .ACN_document_remove,
.registration-container-grid .container-grid .field-file.uploaded-file .control  .corporation_licence_document_remove,
.registration-container-grid .container-grid .field-file.uploaded-file .control  .individual_licence_document_remove,
.registration-container-grid .container-grid .field-file.uploaded-file .control  .pii_insurance_policy_document_remove
{
    position: absolute;
    top: 18px ;
    right: 0;
}
.registration-container-grid .container-grid .field-file.uploaded-file .control span.file-name {
    font-size: 12px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 20px);
}
.registration-container-grid .container-grid .field-file.uploaded-file .control .removefileSection {
    top: 7px;
    width: 100%;
    display: inline-flex;
    position: relative;
    /* top: 2px; */
    align-items: center;
}
.registration-container-grid .container-grid .field-file.uploaded-file .control span.file-name .close-file {
    font-size: 10px !important;
    width: 13px !important;
    height: 12px !important;
    left: -17px !important;
    top: -55px !important;
}
.registration-container-grid .container-grid .field-file.uploaded-file .control .removefileSection .bank_statement_remove {
    position: absolute;
    right: -11px;
    top: 4px;
}
.registration-container-grid .container-grid .field-file.uploaded-file .control .removefileSection .bank_statement_remove .close-file{
    position: relative;
}

.corporation_license_details .field.radio-edit {
    font-size: 14px !important;
    padding-top: 11px;
}
.registration-container-grid .container-grid .field label.label {
    font-size: 1rem;
}
.registration-container-grid .container-grid .field-file.uploaded-file .control .file-name.acn_filename.removefile_symbol,
.registration-container-grid .container-grid .field-file.uploaded-file .control .file-name.abn_filename.removefile_symbol{
    position: absolute !important;
    left: 0 !important
}
.registration-container-grid .container-grid .control.select-dropdown::after {
    content: "";
    border-color: #067DF4 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 6px 6px;
    height: 0;
    left: 94%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.registration-container .field.radio-edit label{
    font-size: 1rem !important;
}
@media (max-width: 1300.98px){
    .registration-form-background{
        padding: 10px 60px 13px 60px !important;
      }

}
.agent-section .agent-form p{
    margin: 50px 0 40px 0 !important;
}

.noticeBoard {
    padding: 20px 0px;
    position: relative;
    overflow: hidden; }
    .noticeBoard * {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
      line-height: 100%;
      font-weight: normal; }
    .noticeBoard p.btns {
      display: flex;
      padding: 0px;
      justify-content: flex-start;
      align-items: center;
      padding: 0px; }
      .noticeBoard p.btns button {
        margin: 0px 10px 0px 0px;
        white-space: nowrap;
        max-width: inherit;
        border: 2px solid #000000 !important;
        color: #000000 !important;
        width: auto !important;
        border-radius: 18px !important;
        height: 2.375rem !important;
        background-color: #ffffff00 !important;
        padding: 0.3rem 1rem !important;
        font-weight: 700 !important;
        font-size: 0.75rem !important;
         text-transform: unset !important;
        white-space: nowrap; }
        .noticeBoard p.btns button.select-notice-type{
            background-color:#067DF4 !important;
            border-color: #067DF4!important;
            color: #fff !important;}
      @media screen and (max-width: 800px) {
        .noticeBoard p.btns {
    position: absolute;
    display: inline-flex;
    overflow: scroll;
    width: -webkit-fill-available;
    top: 10px;}
          .noticeBoard p.btns button {
            display: inline-block;
            margin: 0px 5px 5px 0px !important; } }
    .noticeBoard ul.noticeboard_main {
      margin: 0px;
      padding: 30px 0px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10px; }
      /* @media screen and (max-width: 800px) {
        .noticeBoard ul.noticeboard_main {
          display: block; } } */
      .noticeBoard ul.noticeboard_main > li {
        list-style: none;
        padding: 0px 10px; }
        .noticeBoard ul.noticeboard_main > li:nth-child(1) {
          max-height: 500px;
          overflow: auto; }
          .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid {
            width: 100%; }
            .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr th,
            .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr td {
              border-bottom: 1px solid #DCDCDC;
              padding: 10px !important;
              font-size: 14px;
              text-align: left;
              font-weight: 700;
              vertical-align: top;
              cursor:pointer;}
              .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr td span.selected {
                width: 10px;
                height: 10px;
                border-radius: 100%;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                background: #067DF4;
                display: block;
                margin: 0px auto; }
            .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr.selected td {
              background: rgba(245, 245, 245, 0.8); }
        .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday {
          border-radius: 5px;
          background: #F5F5F5;
          padding: 20px;
          height: 500px;
          overflow-x: auto;
          min-height: 100%; }
          .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday h3 {
            color: #000;
            font-size: 16px;
            font-family: Inter;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            margin: 0px 0px 10px 0px; }
          .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday p.posted_date {
            font-size: 14px;
            font-weight: 400;
            line-height: 15px;
            margin: 0px 0px 10px 0px;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday p.posted_date span {
              padding: 2px 4px;
              color: #FFF;
              font-size: 14px;
              font-family: Inter;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              border-radius: 7px;
              background: #8C8C8C;
              cursor: pointer;
              margin: 0px 0px 0px 5px; }
          .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday p.propertyimage {
            margin: 0px 0px 10px 0px; }
            .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday p.propertyimage img {
              max-width: 250px;
              width: 100%; }
          .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday p.dealday {
            color: #000;
            font-size: 14px;
            font-family: Inter;
            font-style: normal;
            word-break: break-all;
            white-space: break-spaces;
            font-weight: 400;
            line-height: normal; }
          .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday p.subtns {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin: 10px 0px 0px 0px;
            flex-wrap: wrap;
            gap: 7px; }
            .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday p.subtns button {
              padding: 5px 8px;
              color: #FFF;
              font-size: 14px;
              /* font-family: Inter; */
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              border-radius: 10px;
              background: #8C8C8C;
              margin: 0px 5px 0px 0px;
              cursor:pointer}
          .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday ul {
            margin: 0px;
            padding: 20px 0px 0px 0px !important; }
            .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday ul li {
              list-style: none;
              margin: 0px 0px 8px 0px;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: normal; }
    .filtermenu {
      /* position: absolute; */
      top: 0px;
      width: min-content;
      left: 0px;
      bottom: 0px;
      background: #FFFFFF;
      padding: 20px 15px;
      transition: all ease .5s;
      /* display: none; } */}
      .filtermenu.open {
        left: 0px;
        transition: all ease .5s; }
      .filtermenu h2 {
        color: #000;
        font-size: 24px;
        font-family: Inter;
        font-style: normal;
        font-weight: 700;
        margin: 0px 0px 20px 0px; }
      .filtermenu ul {
        margin: 0px;
        text-align:left;
        padding: 0px; }
        .filtermenu ul li {
          list-style: none;
          margin: 0px 0px 15px 0px; }
          .filtermenu ul li select, .filtermenu ul li input[type="text"], .filtermenu ul li input[type="date"] {
            width: 100%;
            border-radius: 35px;
            border: 2px solid #000;
            background: #FFF;
            padding: 8px 10px;
            line-height: 100%;
            height: auto !important; }
          .filtermenu ul li > label {
            color: #000;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            display: block;
            margin: 0px 0px 10px 0px; }
          .filtermenu ul li p.tags {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .filtermenu ul li p.tags span {
                position: relative;
              display: block;
              width: 50%; }
              .filtermenu ul li p.tags span select, .filtermenu ul li p.tags span input {
                width: calc(100% - 10px); }
          .filtermenu ul li p.noticetypes span {
            display: inline-block;
            padding: 5px 10px;
            border: 2px solid #000000;
            border-radius: 35px;
            font-size: 15px;
            background: #FFFFFF;
            margin: 0px 5px 5px 0px;
            cursor: pointer;
            font-weight: 600; }
          .filtermenu ul li p.daterange {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .filtermenu ul li p.daterange span {
                margin-right: 5px;
              display: block;
              width: 50%; }
              .filtermenu ul li p.daterange span select, .filtermenu ul li p.daterange span input {
                color: #000;
                width: calc(100% - 10px);
                border-radius: 35px !important; }
          .filtermenu ul li.btns button {
            border-radius: 20px;
            background: #067DF4;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            padding: 7px 14px !important;
            color: #fff; }
            .filtermenu ul li.btns button.grey {
              background: #D9D9D9;
              color: #000000; }
              @media screen and (max-width:600px){
                .filtermenu{
                    margin:0px auto;
                    width: 100%  !important;
                }
                div.filtermenu{
                    padding-bottom: 50px !important;
                }
            }

  .createnotice {
    /* position: fixed; */
    border: 0 !important;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /* background: rgba(0, 0, 0, 0.5); */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none; }
    .createnotice .createnoticbox {
      width: 100%;
      /* max-width: 780px; */
      background: #fff;
      /* padding: 20px; } */}
      .createnotice .modal-header h2 {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0px 0px 0px 0px; }
      .createnotice .createnoticbox p.btns {
        display: flex;
        margin-bottom: 0;
        justify-content: flex-end;
        align-items: center; }
        .createnotice .createnoticbox p.btns button {
          border-radius: 20px !important;
          background: #067DF4 !important;
          color: #FFFFFF !important;
          height: 28px !important;
          padding: 7px 28px 8px 28px !important;
          border: 0px !important;
          margin: 0px 0px 0px 20px; }
          .createnotice .createnoticbox p.btns button.grey {
            background: #D9D9D9 !important;
            color: #000000 !important; }
            .createnotice .createnoticbox p.btns button {
                min-width: 76px !important;
                justify-content: center;
                display: inline-flex;
                align-items: center;
                font-size: 14px;
            font-weight: 700; }
      .createnotice .createnoticbox ul {
        margin: 0px;
        padding: 0px; }
        .createnotice .createnoticbox ul li {
          list-style: none;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin: 0 !important;
          padding: 0px 0px 20px 0px; }
          .createnotice .createnoticbox ul li.mandatory.title{
            padding-bottom: 30px !important;
            margin: 0px 0px 50px 0px;}
          .createnotice .createnoticbox ul li > label {
            color: #000;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            width: 100px;
            text-align: left;
          }
          .reservation-details ul.reservationbox ul.sub li span {
            width: 60%;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            color: #000; }
            .reservation-details ul.reservationbox ul.sub li span a, .reservation-details ul.reservationbox ul.sub li span input[type="button"], .reservation-details ul.reservationbox ul.sub li span span {
              border-radius: 20px;
              background: #DCDCDC;
              color: #000000;
              padding: 5px 20px;
              margin: 0px 5px 0px 5px; }
              .reservation-details ul.reservationbox ul.sub li span a.selected, .reservation-details ul.reservationbox ul.sub li span input[type="button"].selected, .reservation-details ul.reservationbox ul.sub li span span.selected {
                background: #067DF4;
                color: #FFFFFF; }
          .reservation-details ul.reservationbox ul.sub li.active span {
            color: #067DF4;
            font-weight: 700; }


          .createnotice .createnoticbox ul li > span {
            display: block;
            width: calc(100% - 100px); }
          .createnotice .createnoticbox ul li > p {
            display: block;
            width: calc(100% - 100px);
            margin: 0px; }
          .createnotice .createnoticbox ul li.title > span {
            position: relative; }
            .createnotice .createnoticbox ul li.title > span input[type="text"] {
              width: 100%;
              padding: 5px 10px;
              border-radius: 5px;
              border: 1px solid #D9D9D9;
              height: 27px;
              /* height: inherit !important; */}
            .createnotice .createnoticbox ul li.title > span > label {
              position: absolute;
              bottom: -10px;
              right: 0px;
              color: #000;
              font-size: 10px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              margin: 0px; }
          .createnotice .createnoticbox ul li.postedby > span select {
            display: inline-flex !important;
            border-radius: 10px !important;
            border: 1px solid #8C8C8C !important;
            background: #8C8C8C !important;
            color: #FFFFFF !important;
            -webkit-text-fill-color: #FFFFFF !important;
            padding: 3px 20px 3px 10px !important;
            width: auto !important;
            align-items: center;
            font-size: 14px;
            height: inherit !important;
            line-height: 100%; }
          .createnotice .createnoticbox ul li.noticetype > p {
            flex-wrap: wrap;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .createnotice .createnoticbox ul li.noticetype > p span {
              display: block;
              border: 2px solid #000000;
              border-radius: 10px;
              color: #000;
              font-size: 12px;
              font-weight: 700;
              line-height: normal;
              cursor: pointer;
              margin: 0px 10px 4px 0px;
              padding: 5px 10px; }
          .createnotice .createnoticbox ul li.tags > p {
            display: flex;
            justify-content: flex-start;
            width: 15%;
            align-items: center; }
            .createnotice .createnoticbox ul li.tags > p span {
              display: block;
              position: relative;
              margin: 0px 10px 0px 0px; }
              .createnotice .createnoticbox ul li.tags > p span select {
                border: 2px solid #000000;
                border-radius: 10px;
                color: #000;
                font-size: 12px;
                font-weight: 700;
                line-height: normal;
                padding: 5px 10px;
                background-image: none !important;
                height: inherit; }
          .createnotice .createnoticbox ul li.datetime > p {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .createnotice .createnoticbox ul li.datetime > p span {
              display: block;
              width: 50%;
              display: flex;
              justify-content: space-between;
              align-items: center;
            min-width:350px;}
              .createnotice .createnoticbox ul li.datetime > p span input{
                color: #000;
                height: 27px;
            margin-right: 10px !important;}
              .createnotice .createnoticbox ul li.datetime > p span input[type="date"] {
                width: calc(100% - 20px);
                border: 2px solid #000000;
                color: #000;
                font-size: 12px;
                font-weight: 700;
                line-height: normal;
                padding: 5px 10px;
                height: inherit;
                min-width: inherit !important;
                max-width: 150px !important;
                display: block; }
                @media screen and (max-width:580px){
                    /* .createnotice .createnoticbox ul li.datetime > p span{
                        display:block;
                    } */
                    /* .createnotice .createnoticbox ul li.datetime > p span input{
                        margin-bottom: 10px !important;
                    } */
                     .createnotice .createnoticbox ul li.datetime > p span input[type="date"] {
                         margin:0px 0px 10px 0px;
                     }
                }
              .createnotice .createnoticbox ul li.datetime > p span:nth-child(2) {
                text-align: right;
                justify-content: flex-start;
                color: #000;
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                padding: 0px 0px 0px 50px; }
                .createnotice .createnoticbox ul li.datetime > p span:nth-child(2) input[type="checkbox"] {
                height: 21px;
                margin: 0px 0px 0px 10px !important; }
          .createnotice .createnoticbox ul li.noticebody {
            align-items: flex-start; }
            .createnotice .createnoticbox ul li.noticebody > span {
              position: relative; }
              .createnotice .createnoticbox ul li.noticebody > span textarea {
                width: 100%;
                border-radius: 5px !important;
                height: 150px;
                overflow: auto;
                resize: none; }
              .createnotice .createnoticbox ul li.noticebody > span > label {
                position: absolute;
                bottom: -10px;
                right: 4px;
                color: #000;
                font-size: 10px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                margin: 0px; }
.notice-board-menu-section>.notice_count{
    color: white;
    -webkit-text-fill-color: #fff;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    background: #067DF4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    font-size: 0 !important;
    margin-top: 2px;
}
.createnotice .createnoticbox ul li{
    position: relative;
}
.createnotice .createnoticbox ul li.tags #notice_tag_section-error{
    position: absolute;
    inset: 35px 0px 0px 102px;
    color: #D0342C;
    font-size: 11px;
    text-align: left;
}
.createnotice .createnoticbox ul li.mandatory div.mage-error{
    position: absolute;
    bottom: 2px;
    color: #D0342C;
    margin:0px !important;
}
.modals-wrapper .createnotice.modal-popup._inner-scroll .modal-inner-wrap .modal-header{
    border-bottom: 0 !important;
    padding: 0 !important;
    width: 100%;
}
.terms h3 {
    color: #000;
    font-size: 22px;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    padding-left: 20px;
    line-height: 40px !important;
    margin-bottom: 5px !important;
}

.terms .termsbox{
    border-radius: 5px;
    border: 1px solid #067DF4;
    max-width: 70%;
    margin: 0 20px 20px !important;
    }
.terms .upload_terms .termsbox {
border-radius: 5px;
border: 1px solid #067DF4;
max-width: 100% !important;;
margin: 0 20px 20px !important;
}
.terms .termsbox dl {
    margin: 0px;
    padding: 10px;
}
.terms .termsbox dl dt {
color: #000;
font-size: 14px;
font-weight: 700;
line-height: normal;
}
.terms .termsbox dl dd {
color: #000;
font-size: 14px;
font-weight: 500;
line-height: normal;
margin: 0px 0px 20px 0px;
}
.page-title-wrapper .page-title span{
    padding-left: 5px !important;
}
.terms .corner-btns {
    padding: 0 20px;
}
.terms .corner-btns .terms_cancel {
    border-radius: 18px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    min-width: 6rem;
    max-width: 12rem;
    font-size: 0.75rem !important;
    font-weight: 750;
    background-color:#DCDCDC !important;
    color: #000 !important;
    cursor: pointer !important;
    border: 1px solid #DCDCDC;
    margin: 0 !important;
}
.terms .corner-btns .terms_submit {
    border-radius: 18px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    min-width: 6rem;
    max-width: 12rem;
    font-size: 0.75rem !important;
    font-weight: 750;
    background-color: #067df4 !important;
    color: #fff !important;
    cursor: pointer !important;
    margin: 0 5px !important;
}
.project-form-terms{
    padding: 15px 15px 0 !important;
}
.terms .modal-inner-wrap {
    padding: 20px !important;
    border-radius: 5px !important;
    border: none !important;
}
body.listingsystem-uploadproperty-upload .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap {
    border-radius: 5px !important;
}
body.listingsystem-uploadproperty-upload .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap  .modal-footer{
    display: none !important;
}
body.reservation-property-form  .terms .modal-header, .modal-content{
    border: none !important;
}
body.listingsystem-uploadproperty-upload .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header{
    border: none !important;
}
body.reservation-property-form  .modal .modal-content .table-caption.new-solicitor {
    text-align: left !important;
    color: #000 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
}

body:is(.reservation-property-form, .offer-property-form)  .modal form .new-client-input-section label {
    text-align: left !important;
    color: #000 !important;
    white-space: break-spaces !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}
body:is(.reservation-property-form, .offer-property-form)  .modal-content .new-client-input-section .form-group input.accordion-solicitor-li, .reservation-form-span select#solicitor_state{
    width: 100% !important;
    border-radius: 20px !important;
    height: 2.375rem !important;
    font-size: 0.8rem;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    border: 1px solid #000 !important;
}
body:is(.reservation-property-form, .offer-property-form)  .create-new-client-form-buttons input#submit-client:not(.btn-round2) {
    border-radius: 18px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    min-width: 6rem;
    max-width: 12rem;
    font-size: 0.75rem !important;
    font-weight: 750;
    background-color: #ffff !important;
    cursor: pointer !important;
}
body:is(.reservation-property-form, .offer-property-form)  .table span {
    color: #e02b27 !important;
}
#html-body:is(.reservation-property-form, .offer-property-form) .table label span {
    color: #e02b27 !important;
}
body:is(.reservation-property-form, .offer-property-form) .modal-content .create-new-solicitor-form-buttons .new-solicitor{
    column-gap: 10px;
        justify-content: flex-end;
        align-items: center;
        display: flex
    }

    body:is(.reservation-reservationcomplete-index, .reservation-property-form, .offer-property-form, .reservation-client-registration) .proxima-myaccount-container .body-content .modal-content .table div.table-grid-container
.form-group{
margin: bottom 20px !important;;
}

body:is(.reservation-reservationcomplete-index, .reservation-property-form, .offer-property-form, .reservation-client-registration) .proxima-myaccount-container .body-content .modal-content  .table div:nth-child(odd){
background: transparent !important;
}
body:is(.reservation-property-form, .offer-property-form) .modal-content.modal-width {
    padding: 40px 40px 90px 40px !important;
    width: 50% !important;

}
body:is(.reservation-property-form, .offer-property-form) .modal-content .table-caption .edit-solicitor{
    padding-bottom: 20px !important;
}
body:is(.reservation-property-form, .offer-property-form) .modal-content .edit-solicitor-form-buttons input{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
body:is(.reservation-property-form, .offer-property-form) .modal-content .table-caption.edit-solicitor{
    margin-bottom: 20px !important;
}
body.reservation-property-form .reservation-form-span select#select_solicitor {
    height: 2.535rem;
    border-radius: 20px;
    border-color: #000 !important;
}
body:is(.reservation-reservationcomplete-index, .reservation-property-form, .offer-property-form , .reservation-client-registration) .proxima-myaccount-container .body-content .modal-content .table div:nth-child(even){
    background-color: transparent !important;
}
body:is(.reservation-property-form, .offer-property-form) .create-new-solicitor-form-buttons.new-solicitor {
    display: flex;
    justify-content: flex-end ;
}
@media (max-width: 578.98px){
    .terms .termsbox {
        max-width: 100% !important;
        width: 95% !important;
        margin: auto !important;
        }
        body.modemessage .confirmation-contract .modal-inner-wrap .modal-header .modal-title
        {
            font-size: 26px !important;
        }
}
body.modemessage  .modal-popup:not(.confirm-alert-info-success-modal,[class*="custom_modal__"]) .modal-inner-wrap .modal-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px !important;
}
body.modemessage .modal-popup:not(.confirm-alert-info-success-modal) .modal-inner-wrap .modal-footer{
    padding: 20px !important;
}

.reservation-complete-proof-id-form .proof_id{
    width: 88px !important;
}
@media not all and (min-resolution:.001dpcm){
    .reservation-complete-proof-id-form .proof_id{
        width: 80px !important;
    }
}

.reservation-complete-proof-id-form .div-proof-id-upload{
    display: flex;
    align-items: center;
    margin: 0 0 20px;
    position: relative;
}
.reservation-complete-proof-id-form .div-proof-id-upload #proof_id-error{
    position: absolute;
    top: 13px;
}
.reservation-complete-proof-id-form .div-proof-id-upload .file-name-span .file-name-text{
   display: flex;
   align-items: center;
}

.reservation-complete-proof-id-form .div-proof-id-upload .file-name-span .deicorp-uploaded-name a{
    max-width: 150px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block !important;
}
.reservation-complete-proof-id-form .div-proof-id-section{
    border: 1px solid;
    padding: 10px;
    margin: 10px 0px !important;
}
.modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-proof-id-update #popup-modal-proof-id-upload{
    margin-top:12px;
}
.reservation-complete-proof-id-form .selection_remove{
    margin-left: 10px;
}
.proxima-myaccount-container .body-content #reserve-form .deicorp-proof-section{
    flex-direction: column !important;
    align-items: flex-start !important;
    border: 1px solid #d9d9d9;
    margin-bottom: 6px;
    box-shadow: 2px 2px 5px -1px #ccc;
    width: 62% !important;
    padding: 10px 0px 0px 5px !important;
    border-radius: 1px;
}
body.account.project_theme_mode_dark .table-client-person tbody tr:nth-of-type(odd){
    background-color: #000 !important;
}
body.account.project_theme_mode_normal .table-client-person tbody tr:nth-of-type(odd){
    background-color: #fff !important;
}
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-proof-id-upload .proof-pdf-link span a,
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-proof-id-upload .file-name-span #proof-id-file,
body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-proof-id-upload .file-name-span span a{
    color: #067DF4 !important;
    cursor: grab;
}
body.project_theme_mode_dark.account .table span.file-span #deicorp-proof{
    padding: 10px 2px !important;
}
.proxima-myaccount-container .body-content #reserve-form .deicorp-proof-section #sample-deicorp{
    margin-bottom: 10px!important;
}
.proxima-myaccount-container .body-content #reserve-form .deicorp-proof-section .file-span{
    justify-content: left!important;
}
.modal-pop-up-custom-proof-id-update .modal-inner-wrap{
    width: 50% !important;
}
.proxima-myaccount-container .body-content #reserve-form .deicorp-proof-section .file-span span{
    margin-bottom: 2px !important;
}
.proxima-myaccount-container .body-content #reserve-form .deicorp-proof-section .file-span #deicorp-id-name{
    cursor: grab;
    color: #7377ab !important;
}
body.project_theme_mode_normal #reserve-form .deicorp-proof-section,
body.project_theme_mode_normal #reserve-form .deicorp-proof-section #sample-deicorp{
    background:transparent;
}

body:is(.reservation-property-form, .account, .offer-property-form) .table span.file-span .file_upload{
    margin:0 !important;
}
body:is(.reservation-property-form, .account, .offer-property-form) .table span.file-name-span .file-name-text{
    width: 150px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
body:is(.reservation-property-form, .account, .offer-property-form) .table span.file-name-span .selection_remove{

    font-size: 10px !important;
    border-radius: 5px;
    margin-left: 25px;
}
body.reservation-property-form.account .table span.file-span .file_upload{
    width: 100px !important;
}
.proxima-myaccount-container .body-content #reserve-form .deicorp-proof-section .file-span span{
    margin-bottom: 0 !important;
}
@media (max-width: 767px){

    body.reservation-property-form.account .body-content #reserve-form .deicorp-proof-section{
        width: 100% !important;
        padding: 15px !important;
    }
    body.reservation-reservationcomplete-index .modal-pop-up-custom-proof-id-update .modal-inner-wrap{
        width: 95% !important;
    }
  body.reservation-reservationcomplete-index  .reservation-complete-proof-id-form .div-proof-id-upload{
        flex-direction: column !important;

    }
    body.reservation-reservationcomplete-index .reservation-complete-proof-id-form .div-proof-id-upload .file-name-span .file-name-text{
        margin-top: 20px;
    }

}
@media (max-width: 400px){
    .proxima-myaccount-container .body-content #reserve-form .deicorp-proof-section .file-span{
        flex-direction: column !important;
    }
}
@media (max-width: 1200px){
    body.reservation-property-form.account .table span.file-name-span .file-name-text{
        width: 90px !important;
    }


}

body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap select, input{
    margin: 0 !important;
}
body.account.agent-projects-index .reservation-complete-proof-id-form .div-proof-id-upload .file-name-text{
    margin-left: 20px;
    display: flex;
    align-items: center;
}
.reservation-complete-proof-id-form .div-proof-id-upload .file-name-span .file-name-text{
    display: flex !important;
    max-width: 150px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}
@media (max-width:991px){
    .reservation-complete-proof-id-form .div-proof-id-upload .file-name-span .file-name-text{
    max-width: 120px !important;
    }

}
 .reservation-complete-proof-id-form .div-proof-id-upload .file-name-span .deicorp-uploaded-name{
    max-width: 150px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
body.account.agent-projects-index .reservation-complete-proof-id-form .div-proof-id-upload .file-name-text .selection_remove{

    font-size: 10px !important;
    border-radius: 5px;
    margin-left: 25px;
    align-items: center !important;
}
/* body.reservation-reservationcomplete-index .modal-pop-up-custom-proof-id-update .modal-inner-wrap{
    width: 60% !important;
} */
body:is(.reservation-property-form, .offer-property-form, .account) .table span.file-span {
    justify-content: flex-start !important;
}
body:is(.reservation-property-form, .offer-property-form, .account) .table span.file-span input{
    margin-bottom: 0 !important;
}
body:is(.reservation-property-form, .offer-property-form, .account) .table span.file-name-span .file-name-text {
    width: 100px !important;
}
body:is(.reservation-property-form, .offer-property-form, .account) .table span.file-span {
    justify-content: flex-start !important;
}
.deicorp-proof-section .file-span #deicorp-proof-error{
    position: absolute;
    bottom: 11px;
    padding-left: 14px;
}
@media screen and (max-width: 767px){
    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content{
        padding: 10px 12px !important;
    }
    .table.detail-table div {
        padding: 0px;
    }
    body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors {
        padding: 0px !important;
        display: block !important;
    }
    body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors .director{
        margin-bottom: 10px !important;
    }
    body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors .director span{
        font-size: 12px !important;
    }
    body:is(.reservation-reservationcomplete-index, .reservation-psp-reservation) .proxima-myaccount-container .body-content .table :is(label, span){
        font-size: 14px !important;
    }
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors{
    display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        grid-gap: 10px;
        padding:20px;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors .director{
    /* border:1px solid #f1f1f1; */
    /* box-shadow:0px 0px 10px rgba(0,0,0,.15); */
    white-space:normal;
    border-radius:6px;
    background:#FFFFFF !important;
    padding:10px;
    margin: 0 !important;
    height: 100% !important;
    margin: 0px 4px !important;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors .director span{
    word-wrap:break-word;
    line-height:100%;
}

.project_theme_mode_normal.reservation-property-form .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group.r-span input{
    border: none !important;
}
body.project_theme_mode_normal.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group.r-span input{
    border: none !important;
}

body.project_theme_mode_normal.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container div.form-group.r-span input
{
    border: none !important;
}
body:is(.reservation-property-form, .offer-property-form) .select2-container--default .select2-selection--multiple {
    padding-right: 10px !important;
    border-radius: 20px !important;
    border: 1px solid #000 !important;
}
body.account.project_theme_mode_normal .table label.primary-director-div,body.account.project_theme_mode_normal .table label.primary-director-div {
    color: green !important;
    background-color: lightgreen;
    font-size: 12px!important;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 20px;
    margin-left: 10px;
}
body:is(.reservation-property-form, .offer-property-form) .proxima-myaccount-container .body-content .modal-content .table .r-span span{
    font-size: 0.8rem !important;
}
body:is(.reservation-property-form, .offer-property-form) .proxima-myaccount-container .body-content .modal-content .table .r-span span{
    font-size: 0.8rem !important;
}
body:is(.reservation-property-form, .offer-property-form) .proxima-myaccount-container .body-content .reservation-form .modal-content .table-grid-container div.form-group select{
    -webkit-appearance: none !important;
    appearance: none !important;
}

body.account.reservation-client-registration #create-new-client .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: auto !important;
}
body.edit-client-body{
	overflow:hidden !important;
}
@media screen and (max-width: 1600px){
    body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .offer-viewoffer-details) .modals-wrapper .modal-popup:not([class*="custom_modal__"],.qr-code-modal,.non-header-footer-modal,.default-modal-width)._inner-scroll .modal-inner-wrap{
       width: 85% !important;
    }
   }

@media screen and (max-width:767px){

    body .mode-indicator,
    body .proxima-header{
        position:relative;
    }
    body.agent-projects-index .page-wrapper .proxima-header{
        height: 65px !important;
    }

}
/*
body.reservation-property-form #add-solicitor .btn.btn-round .solicitor {color: #FFFFFF !important;border: 2px solid #000 !important;background:#000000 !important;}
body.reservation-property-form #add-solicitor .btn.btn-round.solicitor:hover {color: #000000 !important;border: 2px solid #000 !important;background:#FFFFFFF !important;}
      */
body.offer-property-form #add-solicitor .solicitor,
body.reservation-property-form #add-solicitor .solicitor {
    color: #FFF !important;
    border: 2px solid #000 !important;
    background: #000 !important;
    border-radius: 18px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    min-width: 6rem;
    max-width: 12rem;
    font-size: 0.75rem !important;
    font-weight: 750;
    cursor: pointer !important;
    text-transform: uppercase!important;
}

@media screen and (max-width: 700px){
    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content{
        padding: 10px 12px !important;
    }
}
body.reservation-property-form #add-solicitor .solicitor:hover {
    color: #000 !important;
    border: 2px solid #000 !important;
    background: #FFF !important;
}
body.reservation-property-form #add-solicitor {
    display:inline-block !important;
}
.proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li> #add-solicitor{
    width: 75% !important;
}
/* external listing ui fix */
.project_theme_mode_normal .container.roomBookingContainer .tableContainer .dataTables_length{
    position: absolute !important;
    top: 15px !important;
}
/* reservation system ui style */
@media screen and (max-width: 768px){
body.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .reservation-info-modal tr {
    grid-template-columns: repeat(2, 1fr) !important;

}

}
body.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .reservation-info-modal tr td{
    display: inline-flex;
    align-items: center;
    column-gap: 10px;
    text-align: left;
}
body.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .reservation-info-modal tr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin-bottom: 10px !important;
}
body.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .reservation-info-modal tr td input[type="checkbox"]{
    top: 0 !important;
}
body.reservation-viewdraft-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .reservation-info-modal tr .secondary.text-left{
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    column-gap: 10px;
}
/* view reservation new design style fix */
body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .reservation-details ul.reservationbox ul.sub li span{
    width: auto;
}
.createnotice .createnoticbox ul li.postedby > span{
    display: inline-block;
    position: relative;
    width: fit-content;
}
.createnotice .createnoticbox ul li.tags > p span .drop-arrow{
    border-top: 5px solid #000 !important;
    right: 10px !important;
    top: 13px !important;
}
.drop-arrow,
.createnotice .createnoticbox ul li.tags .notice_tag_section > p span .drop-arrow,
/* .createnotice .createnoticbox ul li.tags > p span .drop-arrow, */
.createnotice .createnoticbox ul li.postedby > span .drop-arrow{
    right: 7px;
    top: 10px;
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}
.createnotice .createnoticbox ul li > label span{
    color: #D0342C;
    font-weight: 700;
}
body.account.noticeboard-form-index .modals-wrapper .modal-popup.filtermenu._inner-scroll .modal-inner-wrap form ul,
body.account.noticeboard-form-index .modals-wrapper .modal-popup.filtermenu._inner-scroll .modal-inner-wrap form ul li{
    list-style: none;
    padding: 0;
}
body.account.noticeboard-form-index .modals-wrapper .modal-popup.filtermenu._inner-scroll .modal-inner-wrap form ul li p{
    margin:0px;
}
body.account.noticeboard-form-index .modals-wrapper .modal-popup.filtermenu._inner-scroll .modal-inner-wrap form ul li .tags{
    margin: 0 5px 0px 0px ;
}
body.account.noticeboard-form-index .modals-wrapper .modal-popup.filtermenu._inner-scroll .modal-inner-wrap form ul li label{
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 19px;
}
body.account.noticeboard-form-index .modals-wrapper .modal-popup.filtermenu._inner-scroll .modal-inner-wrap{
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0;
    margin-top: 0;
    height: auto;
    min-height: 100%;
    left: 0;
    font-family: 'Inter';
}
body.account .modals-wrapper .modal-popup.createnotice._inner-scroll .modal-inner-wrap .modal-footer{
    display: none !important;
}

/* noticeboard createnotice popup and filter section */
body.noticeboard-form-index a.btn.create-notice,
.noticeboard-form-index .noticeBoard p.btns button {
    padding: 5px 8px 5px 8px !important;
    height: 27px !important;
    line-height: 10px !important;
    border-radius: 10px;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.noticeboard-form-index .noticeBoard p.btns button{
    border-radius: 10px !important;
    line-height: 14px !important;
    border-width: 1px !important;
}
.noticeboard-form-index .noticeBoard p.btns button:nth-child(1):hover{
    background-color: #D9D9D9 !important;
    border-color: #D9D9D9 !important;
}
body.noticeboard-form-index a.btn.create-notice{
    font-size: 12px;
    font-weight: 700;
    line-height: 12px !important;
    border-radius: 10px !important;
    text-align: left;
    border: 2px solid #fff !important;
    background-color: #067DF4 !important;
    color: #FFFFFF !important;
    padding:5px 8px !important;
    min-width: 110px !important;
}
body.noticeboard-form-index a.btn.create-notice.active,
body.noticeboard-form-index a.btn.create-notice:hover,
.createnotice .createnoticbox ul li.noticetype > p span.active{
    border: 2px solid #067DF4;
    background-color: #067DF4;
    color: #fff;
}
body .modals-wrapper .modal-popup.filtermenu._inner-scroll .modal-inner-wrap .modal-content{
    border: 0 !important;
    padding: 0 !important;
}
body .modals-wrapper .modal-popup.filtermenu._inner-scroll .modal-inner-wrap .modal-header .modal-title{
    margin-left: 0 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    font-family: 'Inter' !important;
}
.filtermenu ul li.btns button,
.filtermenu ul li p.noticetypes span,
.filtermenu ul li select, .filtermenu ul li input[type="text"], .filtermenu ul li input[type="date"]{
    height: 28px !important;
    font-size: 14px;
    font-weight: 400;
    padding: 0 15px;
}
.filtermenu ul li p.noticetypes span{
    color: #000 !important;
}
.filtermenu ul li p.tags span select{
    padding-right: 20px !important;
}
.filtermenu .drop-arrow{
    border-top-color: #000;
    right: 20px;
    top: 12px;
}
body.modemessage.noticeboard-form-index .createnotice.modal-slide .modal-title{
    font-size: 24px !important;
    font-weight: 700;
}
/* noticeboard createnotice popup and filter section */
/* My payment details alert popup */
body .payg-alert._show .modal-inner-wrap .modal-header{
    display: flex;
    padding: 0 !important;
    align-items: start !important;
    justify-content: center;
}
.reservation-details ul.reservationbox ul.sub.sub-right-elements li label{
    max-width: 75px;
}
.reservation-details ul.reservationbox.first{
    grid-template-columns: repeat(3, 1fr)
}
.reservation-details ul.reservationbox.first li.grid-li-one{
    grid-area: 1 / 1 / 2 / 4;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.reservation-details ul.reservationbox.first li.grid-li-two{
    grid-area: 2 / 1 / 3 / 3;
}
.reservation-details ul.reservationbox.first li.grid-li-three{
    grid-area: 2 / 3 / 3 / 4;
    padding-left: 33px !important;
}
.reservationbox.third{
    list-style: none;
}
.reservationbox.third .table-grid-container{
    border-radius: 5px;
    background: #F1F1F1;
    /* background: #D5EAFF; */
    border:1px solid #F1F1F1;
}
body.account .reservationbox.third .table-grid-container .title-label label{
    font-size: 14px !important;
    font-weight: 700;
    line-height: 40px !important;
}
.reservationbox.third .table-grid-container table thead tr{
    background: #D5EAFF;
}
.reservationbox.third .table-grid-container table tbody .director span{
    color: #000;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 700;
}
.reservationbox.third .table-grid-container table tbody .all-directors .director span{
    font-weight: 500;
}
.reservationbox.third .table-grid-container table tbody .all-directors .director{
    background-color: #fff !important;
    margin: 10px;
    width: fit-content;
    padding: 10px;
    border-radius: 5px;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
}
.account.reservation-reservationcomplete-index .reservationbox.third .table-grid-container table tbody tr td{
    background: #F1F1F1;
    border-radius:5px !important
}
.account.reservation-reservationcomplete-index .reservationbox.third .table-grid-container table thead tr th{
    border-bottom:1px solid #F1F1F1;
    background: #F1F1F1;
    color: #067DF4  !important;
    font-weight: 700;
    font-size: 14px !important;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors .director span:nth-child(1){
    display: flex !important;

    align-items: center !important;
}
/* .reservation-details ul.reservationbox.second li.grid-li{
    display: flex;
    flex-wrap: wrap;
}
.reservation-details ul.reservationbox.second li{
    width: auto !important;
}
.reservation-details ul.reservationbox.second{
    display: flex !important;
    width: 100%;
} */
.reservation-details ul.reservationbox .table {
    padding: 0 !important;
    overflow: hidden;
    overflow-x: auto;
}
body.account.reservation-reservationcomplete-index .reservation-details ul.reservationbox .table tbody tr td{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    /* grid-gap: 5px; */
    height: auto !important;
}
.reservation-details ul.reservationbox .table tbody tr td .director{
    order: 1;
}
.reservation-details ul.reservationbox .table tbody tr td .all-directors{
    order: 3;
    padding: 0 !important;
}

.reservation-details p.listingbtns a.active,
.reservation-details p.listingbtns a.active span,
.reservation-details ul.reservationbox ul.sub li span a.span-file,
.reservation-details ul.reservationbox ul.sub li span a.reservation-ack-view {
    background-color: #067DF4 !important;
    color: #fff;
}
.reservation-details p.listingbtns a.active{
    font-weight: 700;
}
.reservation-details ul.reservationbox ul.sub li span a,
.reservation-details ul.reservationbox ul.sub li span input[type="button"],
.reservation-details ul.reservationbox ul.sub li span span{
    padding: 2px 5px !important;
}

.reservation-details ul.reservationbox ul.sub li span a.proof-of-id-update,
.reservation-details ul.reservationbox ul.sub li span a.reservation-proof-view,
.reservation-details ul.reservationbox ul.sub li span a.reservation-ack-update,
.reservation-details ul.reservationbox ul.sub li span a.reservation-payment-receipt-file-upload,
.reservation-details ul.reservationbox ul.sub li span a.reservation-photo-id-update,
.reservation-details ul.reservationbox ul.sub li span a.payment-receipt-view,
.reservation-details ul.reservationbox ul.sub li span a.reservation-ack-view,
.reservation-details ul.reservationbox ul.sub li span a.reservation-photo-view {
    margin-left: 0 !important;
}
.reservation-details ul.reservationbox ul.sub li span a.span-file{
white-space: nowrap;
}
.reservation-details ul.reservationbox ul.sub li span span.document-signed-tick{
    padding: 0 !important;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100% !important;
    text-align: center !important;
    background-color: #50CFBB !important;
}
.reservation-details ul.reservationbox ul.sub li span a.reservation-client-update{
    font-weight: 400 !important;
    margin-left: 5px ;
}
.reservation-details ul.reservationbox ul.sub li span a.reservation-client-remove{
    font-weight: 400 !important;
    margin-left: 5px ;
}
/* .reservation-details ul.reservationbox.second {
    grid-template-columns: 60% 40% !important;
} */
.reservation-details ul.reservationbox.second > li.grid-li ul.sub:nth-child(even) li label{
    margin-right: 5px !important;
}
.reservation-details ul.reservationbox.second > li.grid-li ul.sub li span.email-span{
    word-break: break-all;
    width: 50%;
}
.reservation-details ul.reservationbox.second  li.grid-li ul.sub:first-of-type li label.title-label{
    visibility: visible;
}
.reservation-details ul.reservationbox.second  li.grid-li ul.sub li label.title-label{
    visibility: hidden;
}
.reservation-details ul.reservationbox.second > ul li.grid-li,
.reservation-details ul.reservationbox.second > li.grid-li{
    /* display: grid;
    grid-template-columns: auto max-content; */
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    overflow: hidden;
    overflow-x: auto;
    flex-direction: column;
}
.reservation-details ul.reservationbox.second li div label.title-label{
    font-weight: 700 !important;
    line-height: 32px;
    font-size: 14px !important;
    color: #000;
    display: block !important;
}

/*.reservation-details ul.reservationbox.second > .inner-reservationbox-second :not(.div_document) ul.sub span,
.reservation-details ul.reservationbox.second > .inner-reservationbox-second :not(.div_request) ul.sub span,
.reservation-details ul.reservationbox.second > li:nth-child(2) ul.sub span{
    width: 60% !important;
}*/

@media (max-width: 400.98px) {
.reservation-details ul.reservationbox.second > li:nth-child(2) ul.sub li.psp-li span{
    word-break: break-word;
}}
.reservation-details .blue-text-active{
    color: #067DF4 !important;
}
.reservation-details ul.reservationbox.first > li.primary ul li span[class*='payment-receipt-'] {
    display: flex !important;
}
.reservation-details p.listingbtns a{
    /* margin-bottom: 10px; */
    height: auto;
    width: fit-content;
    padding: 5px 10px 5px 10px !important;
    line-height: 14px;
    font-size: 14px !important;
}
.reservation-details p.listingbtns a.req-contract{
    cursor: pointer;
}
.reservation-details p.listingbtns{
    flex-wrap: wrap;
    margin: 0px 0px 15px 0px;
}
.reservation-details ul.reservationbox ul.sub li.li-ack-view label{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* .reservation-details ul.reservationbox ul.sub li.li-ack-view .reservation-ack-update, */
.reservation-details ul.reservationbox ul.sub li.li-photo-view a.cursor-not-allowed{
    background-color: #067DF4 !important;
    color: #fff;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details,.offer-viewoffer-details).account .proxima-myaccount-container .body-content .title-breadcrumb{
    height: 73px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details,.offer-viewoffer-details).account .proxima-myaccount-container .body-content .title-breadcrumb .title-section{
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    margin: 0 !important;
    margin-bottom: 0px !important;
    /* font-family: 'Inter' !important; */
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details,.offer-viewoffer-details).account .proxima-myaccount-container .body-content .title-breadcrumb .title-section span{
    padding-right: 5px !important;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details,.offer-viewoffer-details).account .proxima-myaccount-container .body-content .title-breadcrumb .breadcrumb-section a{
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: #8c8c8c;
    /* font-family: 'Inter' !important; */
    text-transform: uppercase;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details,.offer-viewoffer-details).account .proxima-myaccount-container .body-content .title-breadcrumb .breadcrumb-section a{
    padding-right: 10px !important;
    position: relative;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details,.offer-viewoffer-details).account .proxima-myaccount-container .body-content .title-breadcrumb .breadcrumb-section a::before{
    content: ">";
    padding-right: 10px;
}

body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details,.offer-viewoffer-details).account.page-layout-2columns-left .page-title-wrapper .page-title,
body.reservation-reservationcomplete-index .page-title-wrapper .page-title,
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details,.offer-viewoffer-details).account .proxima-myaccount-container .body-content .title-breadcrumb .breadcrumb-section a:nth-child(1)::before{
    display: none !important;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details).account.page-layout-2columns-left .page-title-wrapper,
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details) .page-title-wrapper {
    /* padding: 0 !important;
    margin: 2.5rem 0rem 0rem 0rem !important;
    padding-right: 50px !important; */
    position: absolute;
    right: 0;
    z-index: 1;
    padding: 0px 35px!important;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details) .page-main{
    padding-top: 10px !important;
}
body.reservation-reservationcomplete-index.account.page-layout-2columns-left .page-title-wrapper .back-btn-all-project-screen{
    margin-left: auto !important;
    display: inline-flex;
}
body.account.reservation-reservationcomplete-index .modals-wrapper .modal-popup.modal-pop-up-custom-payment-receipts._inner-scroll .modal-inner-wrap{
    width: 49% !important;
}
/* over all design change */
.reservation-reservationcomplete-index .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-main .block-collapsible-nav-content,
.reservation-reservationcomplete-index .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-main .block-collapsible-nav-content
.reservation-reservationcomplete-index .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title,
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details) .proxima-myaccount-container .proxima-myaccount-sidebar{
    display: block !important;
    position: unset !important;
    width: 100% !important;
}
.reservation-reservationcomplete-index .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title::after{
    display: none !important;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details,.offer-viewoffer-details) .proxima-myaccount-container .proxima-myaccount-sidebar{
    margin-top: 0 !important;
    background-color: #f1f1f1 !important;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details) .proxima-myaccount-container{
flex-direction: row !important;
margin-top: 2.5rem !important;
}
@media screen and (max-width: 991.5px){
    .reservation-reservationcomplete-index .proxima-myaccount-container .proxima-myaccount-sidebar,
    .reservation-reservationcomplete-index .proxima-myaccount-container .proxima-myaccount-sidebar{
        display: none !important;
    }
    body.reservation-reservationcomplete-index.account.page-layout-2columns-left .back-btn-all-project-screen,
    body.reservation-reservationcomplete-index.account.page-layout-2columns-left .back-btn-all-project-screen .backbutton.reservation-back-btn button{
        margin:0px 0px 0px 5px !important;
    }
    body.reservation-reservationcomplete-index.account.page-layout-2columns-left .page-title-wrapper,
body.reservation-reservationcomplete-index .page-title-wrapper {
    padding-right: 5px !important;
}
.reservation-reservationcomplete-index .proxima-myaccount-container .body-content{
    width: 100% !important;
}
}

/* over all design change */
body.reservation-reservationcomplete-index header.page-header{
    position: relative !important;
}
body.account.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #popup-modal-payment-receipt table tbody tr td:last-child,
body.account.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #popup-modal-payment-receipt table tbody tr th:last-child{
text-align: left;
}
body.account.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #popup-modal-payment-receipt table tbody tr th:last-child{
    padding-left: 13px !important;
}
/* .reservation-reservationcomplete-index .reservation-details ul.reservationbox li.grid-li-reservation ul.sub li label{
    width: 30% !important;
} */
.reservation-details ul.reservationbox.first > li.primary ul li.active a{
    background: none !important;
    padding: 0 !important;
    font-size: 14px !important;
}
.reservation-details ul.reservationbox.second > li,
.reservation-details ul.reservationbox.first > li{
    padding: 10px 10px 20px 10px !important;
}
.reservation-details ul.reservationbox.first > li{
    margin-bottom: 15px !important;
}
.reservation-details ul.reservationbox ul.sub li{
    margin-bottom: 10px !important;
}
.reservation-details ul.reservationbox.first > li.primary ul li.active a {
    margin: 0 !important;
}
.reservation-details ul.reservationbox ul.sub li span.telephone-span a,
.reservation-details ul.reservationbox ul.sub li span.email-span a{
    margin: 0 !important;
    background: none !important;
    color: #067DF4 !important;
    padding: 0 !important;
    word-break: break-all;
    font-weight: 700 !important;
}
.reservation-details ul.reservationbox ul.sub li span :is(.proof-of-view-not-allowed, .photo-of-view-not-allowed, .payment-view-not-allowed, .ack-view-not-allowed){
    background-color: #067DF4 !important;
    color: #fff !important;
}
body.account.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-proof-id-upload .file-name-span #proof-id-file,
.reservation-reservationcomplete-index .modals-wrapper .modal-pop-up-custom-payment-receipts._inner-scroll .modal-inner-wrap,
body.reservation-reservationcomplete-index .modals-wrapper .modal-popup.preview._inner-scroll .modal-inner-wrap{
    width: auto !important;
}
.reservation-reservationcomplete-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-proof-id-upload .file-name-span #proof-id-file{
    display: block !important;
    margin-left: 5px !important;
    cursor: pointer !important;
    max-width: 300px !important;
}
body.reservation-reservationcomplete-index .modals-wrapper .modal-popup.modal-pop-up-custom-proof-id-update._inner-scroll .modal-inner-wrap{
    width: 70% !important;
}
.reservation-details ul.reservationbox.second > li.grid-li-reservation.grid-li-reservation-directory{
    display: flex !important;
    flex-wrap: wrap !important;
}
.reservation-details ul.reservationbox.second > li.grid-li-reservation.grid-li-reservation-directory ul{
    width: 50% !important;
    background: #fff !important;
    padding: 10px;
    border-radius: 5px !important;
    margin: 5px !important;
    width: 47% !important;
}
.reservation-details ul.reservationbox.second > li.grid-li-reservation.grid-li-reservation-directory ul > li:nth-child(1){
    visibility: hidden;
}
.reservation-details ul.reservationbox.second > li.grid-li-reservation.grid-li-reservation-directory ul > li:nth-child(2) .primary-director-div{
    padding: 6px 8px;
    background: #50CFBB;
    border-radius: 20px;
    display: block;
    width: 69px !important;
    position: absolute;
    right: 15px;
}
.reservation-details ul.reservationbox.second > li.grid-li-reservation.grid-li-reservation-directory ul:nth-child(1) > li:nth-child(1){
    visibility: visible;
}
.reservation-reservationcomplete-index .reservation-details ul.reservationbox li.grid-li-reservation ul.sub li label.title-label{
    color: #067DF4 !important;
}
.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:nth-child(2) ul.sub span.span-primary q{
    margin: 0px 5px !important;
}
.reservation-details ul.reservationbox.second.third > li.primary.grid-li{
    height: fit-content !important;
}
.reservation-details ul.reservationbox.second.third > li.primary.grid-li ul.sub li span{
    width: 60% !important;
}
.reservation-details ul.reservationbox.second > li.grid-li-reservation.grid-li-reservation-directory > div{
    width: 100% !important;
}
.reservation-details ul.reservationbox.second > li.grid-li-reservation.grid-li-reservation-directory > div label.title-label{
    margin: 0 10px !important;
    color: #067DF4 !important;
}
.reservation-details ul.reservationbox ul.sub li.psp-li{
    margin-bottom: 23px !important;
}
/* theme helpdesk back arrow */
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details) .back-btn-all-project-screen .backbutton.reservation-back-btn button{
    border-width: 1px !important;
    width: 24px !important;
    height: 24px !important;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details) .back-btn-all-project-screen .backbutton.reservation-back-btn button i{
    font-size: 12px;
    padding: 4px !important;
    font-weight: 400 !important;
    border-width: 1px !important;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details) .secondary .info,
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details) .page-title-wrapper .back-btn-all-project-screen select{
    font-size: 8px !important;
    line-height: 9px;
    width: 65px;
    height: 24px !important;
    padding: 6px 10px !important;
    border-width: 1px !important;
}
.project-details-box .sharedetails p.sharebtns .chk-room-filter span{
    padding: 4px 10px;
}
body.reservation-reservationcomplete-index .back-btn-all-project-screen .viewdraft-btn .secondary.text-right{
    display: flex !important;
}
body:is(.reservation-reservationcomplete-index,.reservation-reservationcomplete-details) .secondary .info{
    width: 70px !important;
}
.reservation-details p.greenbtn a{
    padding: 5px 10px !important;
}
.reservation-details ul.reservationbox ul.sub li label.main-title-label{
    font-size: 16px !important;
}
/* theme helpdesk back arrow */
.reservation-details ul.reservationbox ul.sub.sub-legal li span{
    width: 50% !important;
}
.reservation-details ul.reservationbox ul.sub.sub-legal li label{
    width: 40% !important;
}
.reservation-details ul.reservationbox.second > ul.inner-reservationbox{
    /* padding: 12px 15px 22px 16px !important; */
    padding: 10px 10px 20px 10px ;
    list-style: none !important;
    margin-bottom: 15px !important;
}
.reservation-details ul.reservationbox.second > ul.inner-reservationbox .main-title-label{
    font-weight: 750;
    font-size: 16px;
    margin-bottom: 15px !important;
    display: block;
    color:#000;
    padding-left: 5px !important;
}
.reservation-details ul.reservationbox.second > ul.inner-reservationbox .grid-li ul.sub{
    width: 100% !important;
}
.reservation-details ul.reservationbox.second > li.grid-li-reservation{
    height: fit-content;
}
.reservation-details ul.reservationbox ul.sub li.active span.email-span{
    width: 59% !important;
}
.reservation-reservationcomplete-index .back-btn-all-project-screen .viewdraft-btn{
margin-left: 10px !important;
}
@media screen and (min-width: 1700px){
    .reservation-details ul.reservationbox.second{
        grid-template-columns: 50% 50% !important;
    }
}
@media screen and (max-width: 1345px){
    .reservation-details ul.reservationbox ul.sub li span a[class*='payment-receipt']{
        display: block;
        width: fit-content;
        margin-bottom: 10px;
    }

    }
    @media screen and (max-width: 1199px) and (min-width: 768px){
        .reservation-reservationcomplete-index .reservation-details ul.reservationbox li.grid-li-reservation ul.sub li label,
        .reservation-details ul.reservationbox .inner-reservationbox  ul.sub li label{
            width: 26% !important;
        }
    }
    @media screen and (max-width: 1199.5px){
        .reservation-details ul.reservationbox.first > li.primary{
            grid-template-columns: 100%;
        }

        .reservation-details ul.reservationbox.second{
            grid-template-columns: 100% !important;
        }
        .reservation-details ul.reservationbox.second > li.grid-li-reservation{
            order: 0;
            margin-bottom: 0;
        }
        .reservation-details ul.reservationbox.second > ul.inner-reservationbox {
            order: 1;
        }
        .reservation-details ul.reservationbox ul.sub{
            overflow: hidden;
            overflow-x: auto !important;
        }
        .reservation-details ul.reservationbox.second{
            grid-template-columns: 100% !important;
        }

        }
@media screen and (max-width: 991px){
    .reservation-details ul.reservationbox ul.sub.sub-right-elements{
        display: flex !important;
    }
    .reservation-details ul.reservationbox ul.sub.sub-right-elements li:nth-child(1) label{
        margin-right: 15px;
    }
    .reservation-details ul.reservationbox.second {
        display: grid;
        grid-template-columns: 100% !important;
    }
    .reservation-details p.listingbtns a{
        margin: 0 !important;
    }
    .reservation-details .grid-li-one p.listingbtns{
        gap: 15px;
    }
}
@media screen and (max-width: 576px){
    .reservation-details ul.reservationbox.first li.grid-li-two,
    .reservation-details ul.reservationbox.second,
    .reservation-details ul.reservationbox.first > li.grid-li{
        grid-template-columns: 100% !important;
    }
    .reservation-details ul.reservationbox.second > li.grid-li{
        order: 2;
    }
    .reservation-details ul.reservationbox.second > li{
        order: 1;
    }
    .reservation-details ul.reservationbox ul.sub li span.email-span{
        /* min-width: 120px !important */
        width: 60% !important;
    }
    body.reservation-reservationcomplete-index.account.page-layout-2columns-left .page-title-wrapper,
    body.reservation-reservationcomplete-index .page-title-wrapper{
        display: flex !important;
        margin: 0 !important;
    }
    body.reservation-reservationcomplete-index.account.page-layout-2columns-left .page-title-wrapper .page-title,
     body.reservation-reservationcomplete-index .page-title-wrapper .page-title{
        visibility: hidden !important;
        display: none !important;
    }
    /* .reservation-details ul.reservationbox ul.sub li.li-ack-view label, */
    .reservation-reservationcomplete-index .reservation-details ul.reservationbox li.grid-li-reservation ul.sub li label,
    .reservation-details ul.reservationbox.first > li.primary ul li label{
        margin-right: 5px !important;
    }
    .reservation-details ul.reservationbox.second.third > li:nth-child(1){
        order: 1;
    }
    .reservation-details ul.reservationbox.second.third > li:nth-child(2){
        order: 2;
    }
    .reservation-details ul.reservationbox.second > li.grid-li-reservation.grid-li-reservation-directory ul{
        width: 100% !important;
    }
    .reservation-details ul.reservationbox ul.sub li span a{
        background-color: #fff;
    }
    .reservation-details ul.reservationbox.second .primary ul.sub li span a{
        background-color: #F1F1F1;
    }
    .reservation-reservationcomplete-index .reservation-details ul.reservationbox li.grid-li-reservation ul.sub li label{
        width: 40% !important;
    }
}
/* view reservation new design style fix */

body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors{
    padding: 0 !important;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors .director{
    margin: 10px 0 !important;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors{
    grid-template-columns: repeat(3, 2fr) !important;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .reservation-details ul.reservationbox.third .table-grid-container{
    padding: 10px !important;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .reservation-details ul.reservationbox.third .table-grid-container .nt.title-label{
    padding-left: 12px !important;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tr td > .director{

  box-shadow: 0px 0px 10px rgba(0,0,0,.15);
    white-space: normal;
    border-radius: 0px 6px 6px 0px ;
    background: #d6e9fd !important;
    padding: 10px !important;
    border: 1px solid #067DF4 !important;
    border-left: 0px solid #067DF4 !important;
}
body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tr td > .director:first-child {
     border-radius: 6px 0px 0px 6px ;
     border-left: 1px solid #067DF4 !important;
     border-right: 0px solid #067DF4 !important;
}
/* body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors .director{
    padding: 15px !important;
} */
.reservation-details ul.reservationbox ul.sub li span a.reservation-proof-view{
    background-color: #067DF4 !important;
    color: #fff !important;
}
body.account.reservation-reservationcomplete-index .reservation-details p.greenbtn a{
    cursor: unset !important;
}
.reservation-details ul.reservationbox ul.sub li span.btn-contact-grp a{
    text-align: center !important;
    min-width: 80px !important;
    display: block !important;
    padding: 5px 10px 5px 10px !important;
    height: auto;
    line-height: 14px;
}
body.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .form .actions-toolbar{
    display: flex;
    justify-content: flex-end !important;
}
.reservation-complete-proof-id-form .div-proof-id-upload .file-name-span .deicorp-uploaded-name {
    cursor: pointer !important;
}
.reservation-complete-proof-id-form .div-proof-id-upload .file-name-span .deicorp-uploaded-name .dark-theme-icon{
    cursor: pointer !important;
}

.reservation-complete-proof-id-form .proof-pdf-link #proof-pdf{
    cursor: pointer !important;
}
.reservation-complete-proof-id-form .proof-pdf-link #proof-pdf .myAnchor{
    cursor: pointer !important;
}

body.reservation-reservationcomplete-index .modals-wrapper .modal-popup:not(.default-modal)._inner-scroll .modal-inner-wrap{
    width: 55% !important;
}
body.reservation-reservationcomplete-index .reservation-details .greenbtn a{
    cursor: unset !important;
}
body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .refund-text  .refund-warning-text{
    display: block !important;
    margin: 0px 0px 10px 0px !important;
    text-align: justify !important;
    font-style: italic !important;
}
/* .reservation-details ul.reservationbox li.grid-li-reservation ul.sub li label{
    width: 25% !important;
} */
.reservation-details ul.reservationbox ul.sub li.edit-btn-li label{
    display: inline-flex;
}
.reservation-details ul.reservationbox ul.sub.sub-legal li label.legal-label{
    font-size: 16px !important;
    font-weight: 750 !important;
}
@media screen and (max-width: 767px){
    .reservation-details ul.reservationbox.first li.grid-li-one{
        grid-area: 2 / 1 / 2 / 4;
    }
    .reservation-details ul.reservationbox.first li.grid-li-two{
        grid-area: 3 / 1 / 3 / 3;
    }
    .reservation-details ul.reservationbox.first li.grid-li-three{
        grid-area: 1 / 1 / 2/ 4;
        padding: 0 !important;
        margin: 10px 0px;
    }
    .reservation-details p.greenbtn{
        margin-bottom: 0px !important;
    }
    .reservation-details ul.reservationbox.first {
        display: grid;
        grid-template-columns: 100% !important;
    }
    body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors{
        grid-template-columns: repeat(1, 2fr) !important;
        display: grid !important;
    }
    body.reservation-reservationcomplete-index.account .proxima-myaccount-container .body-content{
        padding-left: 0 !important;
    }
    body.reservation-reservationcomplete-index.account .reservation-details ul.reservationbox.second > li{
        padding: 10px !important;
        grid-template-columns: repeat(1, 2fr) !important;
    }
    body.reservation-reservationcomplete-index.account .reservation-details ul.reservationbox.second > li.grid-li{
        flex-direction: column;
    }
    .reservation-details ul.reservationbox .primary.grid-li ul.sub{
        width: 100% !important;
    }
    body.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap{
        width: 100% !important;
    }
    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content form .field.signed-photo-id-section .control{
        grid-template-columns: repeat(1, 2fr) !important;
        row-gap:10px !important;
    }
     li.hover-container div.spa .spa-inner-div{
        display: inline-flex;
        flex-direction: column;
    }
    li.hover-container .spa{
        padding-top: 10px !important;
    }
}
@media screen and (max-width:1200px){
    body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody tr td .all-directors{
        grid-template-columns: repeat(2, 2fr) !important;
    }
    body.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap{
        width: 90% !important;
    }
    /* .reservation-details ul.reservationbox li.grid-li-reservation ul.sub li label{
        width: 36% !important;
    } */
}
@media screen and (max-width: 1020px){
.reservation-details ul.reservationbox.second > ul.inner-reservationbox{
    order: 1;
}
}
/* My payment details alert popup */
/* #showMoreModal */
.agent-projects-index .proxima-myaccount-container .body-content .projects-main-section #showMoreModal .custom-accordion-tab ul:last-child{
    text-align: right;
    text-align: end;
}
@media screen and (max-width: 991px){
    .agent-projects-index .proxima-myaccount-container .body-content .projects-main-section #showMoreModal .property-details{
        justify-content: flex-start !important;
    }
    #showMoreModal li{
        text-align: center !important;
    }
}
@media screen and (max-width: 700px){
    .agent-projects-index .proxima-myaccount-container .body-content .projects-main-section #showMoreModal .property-details{
        justify-content: center !important;
    }
    .agent-projects-index .proxima-myaccount-container .body-content .projects-main-section #showMoreModal.modal .modal-content{
        top: 100px;
    }
    #showMoreModal li{
        min-width: 33.33% !important;
        margin: 0;
        margin-right: 0 !important;
        text-align: left !important;
    }
}
/* #showMoreModal * /
    /* #span_external_area error msg */
    .account .proxima-myaccount-container .listing-body-content .project-field .control-date-range .control span#span_external_area,
    .account .proxima-myaccount-container .listing-body-content .project-field .control-date-range .control span#span_internal_area{
        position: absolute;
        display: inherit !important;
        bottom: -20px;
    }
    /* #span_external_area error msg */
    body.modemessage .proxima-header.sticky{
        position: fixed !important;
        left: 0 !important;
        right:0 !important;
        top:0 !important;
        z-index: 99;
    }
    /* header setion and indiactor fix  */
    .account .page-title-wrapper{
        margin: 2.5rem 0rem 0rem 0rem !important;
    }
    body.account.page-layout-2columns-left .page-title-wrapper .QR_code_psp_mobile{
        display: none;}
    @media screen and (min-width: 991px){
        body .mode-indicator,
        body header.page-header{
            position: relative !important;
        }
        /* .account .page-title-wrapper{
            margin-top: 2.8rem !important;
        } */
        body .mode-indicator{
        inset: auto;
        width: 100% !important;
        }

    }
    @media screen and (max-width: 991px){
        body.account.page-layout-2columns-left .page-title-wrapper .QR_code_psp_mobile{
            cursor: pointer !important;
            /* display: block !important; */
            background: rgba(0, 0, 0, 0.6);
            padding: 5px 2px 0px 1px;
            border-radius: 2px;
            order: 3;
            position: relative !important;
            top: -28px;
            right: 4px;}
            .back-btn-all-project-screen{
                margin-left: auto;
                margin-right: 12px !important;
            }
            .modemessage  .proxima-myaccount-container .proxima-myaccount-sidebar{
            position: fixed !important;
            top: 80px !important;
            right: 15px !important;
        }
        .modemessage_blank  .proxima-myaccount-container .proxima-myaccount-sidebar{
            position: fixed !important;
            top: 40px !important;
            right: 15px !important;
        }
       .modemessage .proxima-myaccount-container .proxima-myaccount-sidebar.sticky{
            top: 40px !important;
        }
        /* .proxima-header .right-main-nav .QR_code_psp{
            display: none;
        } */
        body.account .header-container .header>.flex-layout .logo-container{
            margin: 0  !important;
        }
        .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title{
            width: 135px !important;
            justify-content: space-between !important;
        }
        .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title::after{
            margin-left: 10px !important;
        }
        .account .page-title-wrapper .back-btn-all-project-screen select{
            margin-right: 15px ;
        }

    }
    @media (max-width: 578.98px) {
        body.account.page-layout-2columns-left .page-title-wrapper{
            /*flex-direction: column !important;*/
            position: relative;
            row-gap: 20px !important;
         }
         body .mode-indicator .mode-text{
            padding: 0 !important;
         }
         body.account.page-layout-2columns-left .page-title-wrapper .QR_code_psp_mobile{
            position: absolute !important;
            /* top: -63px; */
         }
         ul.sales-declaration-items{
            margin-top: 10px !important;
            left: 0 !important;
         }
    }
    /* header setion and indiactor fix  */

 /* hover effect section  */
 li.hover-container .spa{
    display: flex;
 }
 li.hover-container div.spa .spa-inner-div{
    position: relative;
    margin-left: 15px;
    width: auto !important;}
    li.hover-container .spa h2{
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700;
    text-align: left !important;
    margin:0 !important;
    padding-top: 0.2rem !important;}
    li.hover-container .spa p.cont1 {
    margin-bottom: 0 !important;}
li.hover-container .spa .spa-contact-hover,
li.hover-container .spa .spa-contact-hover .tooltip,
li.hover-container div.spa > div{
    position: unset;}
li.hover-container .spa .btn-grp-spa {
    width: 100% !important;
    width: fit-content !important;}
li.hover-container .spa .btn-grp-spa.spa-solicitor-hover{
    margin-top: 15px !important;
}
li.hover-container .spa .spa-solicitor-hover,
li.hover-container .spa .spa-contact-hover{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;}
    .hover-container :is(#spa-contact, #slctr-email) {
width: 100%;
display: block;
height: fit-content;}
.hover-container .btn-grp-spa :is(.btn-spa, .btn-slctr)  {
background: #DCDCDC;
padding: 0px 20px;
border-radius: 20px;
font-size: 14px;
color: #000 !important;
text-transform: capitalize !important;
margin: 5px 0px 15px;}
.hover-container .btn-grp-spa .phone-btn:is(.btn-spa, .btn-slctr) {
    margin-right: 10px !important;}
.hover-container .btn-grp-spa :is(.btn-spa, .btn-slctr) {
    height: fit-content !important;
    margin: 0px !important;
    padding: 5px 10px !important;
    min-width: fit-content !important;
    position: relative  !important;
    line-height: 0 !important;}
/* .hover-container :is(.btn-spa, .btn-slctr).tooltip .tooltiptext {
    top: -31px !important;} */
.hover-container :is(.btn-spa, .btn-slctr).tooltip .tooltiptext {
    font-size: 12px !important;
    bottom: -41px;
    left: unset !important;
    height: fit-content;
    white-space: nowrap;
    right: 0;}
.hover-container :is(.btn-spa, .btn-slctr).tooltip .tooltiptext {
background-color: transparent;
color: #000;
 width: auto;}
.hover-container .btn-grp-spa :is(.btn-spa, .btn-slctr) a {
color: #000 !important;}
li.hover-container .btn-grp-spa span span.tootip-inner-span {
line-height: initial !important;}
li.hover-container .btn-grp-spa span span {
    background: #fff;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 12px;
    width: auto;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #067df2;}
    li.hover-container .hover-btn-agent,
li.hover-container :is(#spa-contact, #slctr-email) span{
background: #DCDCDC;
padding: 5px 10px;
border-radius: 20px;
font-size: 14px;
line-height: 14px !important;
color: #000 !important;
text-transform: capitalize !important;
width: fit-content;
display: flex;
min-width: 100px;
align-items: center;
justify-content: center;
text-align: center;}
.hover-container .hover-btn-agent .tooltip-arrow,
.hover-container :is(.btn-spa, .btn-slctr).tooltip .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;
    top: 0px !important;}
li.hover-container :is(.btn-spa, .btn-slctr).tooltip .tooltiptext .tootip-inner-span {
text-transform: lowercase !important;}
li.hover-container div.spa .spa-inner-div > p:not(.cont1){
    display: none;
}
/* agent matrix hover  */
li.hover-container .hover-btn-agent{
    background: #DCDCDC;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    width: 100%;
    max-width: 110px;
    display: flex;
    position: relative;
    justify-content: space-around;
    box-shadow: none;
}
li.hover-container .hover-btn-agent i{
    color: #000;
}
li.hover-container .hover-btn-agent i:hover{
    color: #067DF4;
}
li.hover-container .agent-contact-hover{
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: normal;
}
li.hover-container .agent-contact-hover span.default-span-view{
        background: #DCDCDC;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 300;
    border-radius: 1.25rem;
    display: inline-block;
}
.hover-container .hover-btn-agent .tooltip-arrow{
    left: 15px;
    top: -7px !important;
}
li.hover-container .hover-btn-agent .tooltiptext{
    display: none;
    position: absolute;
    width: max-content;
    color: #000;
    top: 35px;
    left: 0;
    background: #f5f5f5;
    padding: 4px 12px;
    border-radius: 1.25rem;
    text-transform: lowercase;
    border: 3px solid #067DF4;
    font-weight: 400;
    z-index: 9;
}
li.hover-container .hover-btn-agent:hover .tooltiptext{
    display: block;
}
li.hover-container .agent-contact-hover #spa-contact .default-span-view{
line-height: normal !important;}
li.hover-container .hover-btn-agent .button-text{
    min-width: auto;
    width: auto;
    line-height: unset !important;
    color: #000 !important;
    font-weight: 400 !important;
}
li.hover-container .hover-btn-agent .button-text:hover{
    color: #067DF4 !important;
    font-weight: 500 !important;
}
/* agent matrix hover  */
@media screen and (max-width: 991px){
    /* li.hover-container .spa{
        height: 40px !important;
    } */
    li.hover-container .spa .spa-solicitor-hover,
    li.hover-container .spa .spa-contact-hover{
        margin-right: 10px !important;
        margin-bottom: 0 !important;
        display: inline-flex; }
        /* li.hover-container .spa .spa-solicitor-hover{
            margin-top: 10px;
        } */
li.hover-container div.spa .spa-inner-div {
    width: auto !important;
    height: 55px;}}
    @media (max-width: 767px){
    li.hover-container div.spa .spa-inner-div {
        height: auto;
    }
}
/* hover effect section  */
/*
terms and condition ui style */


.container-checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #dcdcdc;
  }

  /* On mouse-over, add a grey background color */
  .container-checkbox:hover input ~ .checkmark {
    background-color: #dcdcdc;
  }

  /* When the checkbox is checked, add a gray background */
  .container-checkbox input:checked ~ .checkmark {
    background-color: #dcdcdc;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .container-checkbox input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .container-checkbox .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
    body.project_theme_mode_normal.account .page-title-wrapper .page-title span{
        font-weight: 800 !important;
    }

    body.agentmanagement-information-search.account .page-title-wrapper .page-title span,
    body.agent-referral.account .page-title-wrapper .page-title span{
        font-weight: 800 !important;
    }
/* terms and conditions ui bug fix */
.terms .upload_terms .termsbox {
    margin: 0 !important;
  }
/* header style */

@media (max-width: 767px){
    body.modemessage .proxima-myaccount-sidebar{
        top:38px !important;
    }

    body.modemessage .page-wrapper .proxima-header{
        height: auto !important;
    }

    body.reservation-reservationcomplete-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content{
        text-align: left !important;
    }

}
@media (max-width: 991px){
    body.modemessage_blank .proxima-myaccount-container .proxima-myaccount-sidebar.sticky{
        top: 40px !important;
        height:auto!important;
    }

    .account.modemessage_blank .page-title-wrapper{
        margin: 6.5rem 0rem 0rem 0rem !important;
    }
}
body .mode-indicator, body.account header.page-header{
    background-color: #000 !important;
}
@media (max-width: 768px){
    .account.modemessage_blank .page-title-wrapper{
        margin: 7.5rem 0rem 0rem 0rem !important;
    }
}

/* commissionsystem ui style */
body.commissionsystem-salestransaction_salestransactiondetails-index .modal-inner-wrap .modal-header{
display: flex !important;
justify-content: center !important;
}
body.commissionsystem-salestransaction_salestransactiondetails-index .modal-inner-wrap .modal-header .action-close{
    display: none !important;
}
.proxima-header.sticky{
    backdrop-filter: blur(4px) !important;
    position: fixed !important;
}
body.account .proxima-header.sticky{
    background: rgba(0, 0, 0, 0.6) !important;
}
@media (min-width: 420px){
    .modemessage .proxima-myaccount-container .proxima-myaccount-sidebar{
        top: 55px !important;
    }
}
@media (max-width: 420px){
    .modemessage .proxima-myaccount-container .proxima-myaccount-sidebar{
        top: 67px !important;
    }
}
@media (max-width:767px){
    body.commissionsystem-salestransaction_salestransactiondetails-index .payg-alert._show .modal-inner-wrap{
        max-width: 75% !important;
    width: 75% !important;
    }
    body.commissionsystem-salestransaction_salestransactiondetails-index .payg-alert._show .modal-inner-wrap .modal-header h1{
        font-size:22px !important ;
    }
    body.commissionsystem-salestransaction_salestransactiondetails-index .payg-alert._show .modal-inner-wrap .modal-content{
        text-align: center !important;
    }
}
body:is(.reservation-property-form, .offer-property-form)  .proxima-myaccount-container .body-content #create-new-solicitor .mage-error{
	margin-left: 0px !important;
}
body:is(.reservation-property-form, .offer-property-form) .proxima-myaccount-container .body-content .modal-content .edit-solicitor-form-buttons {
    height: 70px !important;
}
/* my reservation ui fix */
@media (max-width:767px){
    body:is(.reservation-property-form, .offer-property-form) .modal-content.modal-width{
        width: 90% !important;
    }
}
body:is(.reservation-property-form, .offer-property-form) #select_solicitor_data .modal-content.modal-width{
    padding: 20px 25px !important;
}
.reservation-form-span select#solicitor_state,
body:is(.reservation-property-form, .offer-property-form) .modal-content .new-client-input-section .form-group input.accordion-solicitor-li{
    font-size: 12px !important;
}
@media screen and (max-width: 1180px){
    .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul li> #add-solicitor{
        width: 100% !important;
    }

}
/*Agent Registration File Upload */
body.agentregistration-index-index .registration-container-grid .container-grid .field-file.uploaded-file .control{
    flex-direction: column !important;
}
/* reservation system ui fix */
@media (max-width:767px){
    body.account.reservation-reservationcomplete-index .modals-wrapper .modal-popup.modal-pop-up-custom-payment-receipts._inner-scroll .modal-inner-wrap{
        width: 100% !important;
    }
    .modals-wrapper .modal-popup._inner-scroll._show.modal-pop-up-custom-photo-id-update #popup-modal-photo-id-upload .field.photo-id.required .control div.mage-error{
        top: 70px !important;
    }
}

.reservation-details ul.reservationbox ul.sub li span a.reservation-ack-update,
.reservation-details ul.reservationbox ul.sub li span a.reservation-photo-id-update{
    margin: 0 !important;
}
.reservation-details ul.reservationbox ul.sub li span a.reservation-photo-view{
    margin: 0 5px 0 0 !important;
}
body.project_theme_mode_normal .btn.btn-round:active {
    background-color: #fff !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}
/* QR code header style fix */
/* @media (max-width:991px){
    body.agent-projects-information.account.page-layout-2columns-left .page-title-wrapper {
       margin-top: 55px !important;
   }

   body.account.page-layout-2columns-left.agent-projects-information .page-title-wrapper .QR_code_psp_mobile {
       top: -53px !important;
   }
} */

.reservation-reservationcomplete-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header{
    padding: 0 !important;
}
.account .page-title-wrapper{
    padding-right: 50px !important;
}
/* common break point for responsive agent-projects-information reservation-reservationcomplete-index */
@media (max-width: 991.98px){
    body:is(.agent-projects-information, .reservation-reservationcomplete-index) .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title {
    background-color: #067df4 !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: auto;
    height: auto !important;
    padding: 0.5rem 1rem !important;
    border: 0px solid #D9D9D9;
    border-radius: 0px;
    max-height: unset;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block !important;
    align-items: center !important;
    color: #fff !important;
}
body:is(.agent-projects-information, .reservation-reservationcomplete-index) .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title strong {
    color: #fff !important;
    font-size: 1.5rem !important;
    font-family: "Avenir LT Std", sans-serif !important;
    text-transform: uppercase;

        }
        body:is(.agent-projects-information, .reservation-reservationcomplete-index) .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title {
        width: auto !important;
        justify-content: space-between !important;
    }
}
/* common break point for responsive agent-projects-information reservation-reservationcomplete-index */
.project_theme_mode_normal .container.roomBookingContainer .tableContainer .dataTables_filter{
    padding: 15px 0 !important;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 50% !important;
    display: inline-block;
    height: 35px !important;
    border-radius: 20px;
    text-align: left;
    line-height: 20px;

}
@media screen and (max-width:767px){
    .project_theme_mode_normal .container.roomBookingContainer .tableContainer .dataTables_filter{
        text-align: right !important;
    }
    .project_theme_mode_normal .container.roomBookingContainer .tableContainer .dataTables_length{
        position: absolute !important;
        top: -25px !important;
    }
    .proxima-myaccount-container .body-content form .table tr .img-thumbnail{
        width: 12% !important;

    }
}
body.listingsystem-externallist-index  .proxima-myaccount-container .body-content form .table tbody tr td{
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}
/* listing system ui fix */
body.listingsystem-externallist-edit .modal-inner-wrap .modal-header ,
body.listingsystem-externallist-add .modal-inner-wrap .modal-header{
    justify-content: space-between !important;
}
body.listingsystem-externallist-edit .modal-popup .modal-title, body .modal-slide:not(:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice,[class*="custom_modal__"])) .modal-title ,
body.listingsystem-externallist-add .modal-popup .modal-title, body .modal-slide:not(:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice,[class*="custom_modal__"])) .modal-title {
    font-size: 22px !important;
    text-transform:uppercase !important;
}
body.listingsystem-externallist-edit input[type="text"],
body.listingsystem-externallist-edit input[type="price"]{
    font-size: 16px !important;
}
body.listingsystem-index-editproperty input[type="text"],
body.listingsystem-index-editproperty input[type="price"]{
    font-size: 16px !important;
}
/* .account .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range .mage-error{
    color: #ffd969 !important;
} */
body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal, .map-selector-pop-up, .modal-confirm-popup, .confirm-alert-info-success-modal, .default-modal)) .modal-inner-wrap .modal-footer button:hover{
    background-color: #fff !important;
    color: #000 !important;
}
body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal, .map-selector-pop-up,.commission-popup , .modal-confirm-popup, .default-modal)) .modal-inner-wrap .modal-footer button span:hover{
    background-color: #fff !important;
    color: #000 !important;
}
body.listingsystem-externallist-edit .btn-round.default-gray-btn{
    display: flex;
    white-space: nowrap !important;
}
/* listing system ui change */
body.listingsystem-uploadproperty-save .project-window .corner-btns,
body.listingsystem-externallist-add .project-window .corner-btns,
body.listingsystem-index-property .project-window .corner-btns,
body.listingsystem-index-editproperty .project-window .corner-btns,
body.listingsystem-externallist-edit .project-window .corner-btns{
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}
body.listingsystem-externallist-add.account .project-window .corner-btns .new-round-btn.default-blue-btn,
body.listingsystem-index-property.account .project-window .corner-btns .new-round-btn.default-blue-btn{
    border-radius: 30px !important;
    display:flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important;
    min-width: 10rem !important;
    max-width: 12rem !important;
    font-size: 0.75rem !important;
    font-weight: 750;
    background-color: #067df4 !important;
    color: #fff !important;
    cursor: pointer !important;
    margin: 0 5px !important;
}
body.listingsystem-uploadproperty-save.account .project-window .corner-btns .new-round-btn.default-blue-btn,
body.listingsystem-index-editproperty.account .project-window .corner-btns .new-round-btn.default-blue-btn,
body.listingsystem-externallist-edit .project-window .corner-btns .new-round-btn.default-blue-btn,
.account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-field .new-round-btn.default-blue-btn {

    border-radius: 30px !important;
    display:flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important;
    min-width: 6rem !important;
    max-width: 12rem !important;
    font-size: 0.75rem !important;
    font-weight: 750;
    background-color: #067df4 !important;
    color: #fff !important;
    cursor: pointer !important;
    margin: 0 5px !important;
}
.account .proxima-myaccount-container .listing-body-content .project-field .control-date-range .mage-error {
    font-size: 14px !important;
}
body.listingsystem-externallist-edit.account .proxima-myaccount-container .listing-body-content .project-field{
    float: unset !important;
}
body.listingsystem-index-editproperty.account .proxima-myaccount-container .listing-body-content .project-field,
body.listingsystem-externallist-add.account .proxima-myaccount-container .listing-body-content .project-field,
body.listingsystem-index-property.account .proxima-myaccount-container .listing-body-content .project-field{
    float: unset !important;
}
body.listingsystem-externallist-add .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,
body.listingsystem-externallist-edit.account .proxima-myaccount-container .listing-body-content .project-grid .first-col{
    grid-template-columns: repeat(2, 1fr) !important;
    display: grid !important;
    grid-column-gap: 20px !important;
}
body.listingsystem-externallist-add .proxima-myaccount-container .listing-body-content .project-field,
body.listingsystem-index-property.account .proxima-myaccount-container .listing-body-content .project-field,
body.listingsystem-externallist-edit.account .proxima-myaccount-container .listing-body-content .project-field{
    width: 100% !important;
}
@media screen and (max-width:991px){
    body.listingsystem-externallist-add .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,
    body.listingsystem-index-property-edit.account .proxima-myaccount-container .listing-body-content .project-grid .first-col,
    body.listingsystem-externallist-edit.account .proxima-myaccount-container .listing-body-content .project-grid .first-col{
        grid-template-columns: repeat(1, 1fr) !important;

    }
    body.listingsystem-uploadproperty-save.account .project-window,
    body.listingsystem-index-property-edit.account .project-window,
    body.listingsystem-externallist-add.account .project-window,
    body.listingsystem-externallist-edit.account .project-window,
    body.listingsystem-index-property .project-window{
        margin-left: 0 !important;
    }
    body.listingsystem-uploadproperty-save.account .proxima-myaccount-container,
    body.listingsystem-externallist-add.account .proxima-myaccount-container,
    body.listingsystem-externallist-edit.account .proxima-myaccount-container,
    .account.listingsystem-index-property .proxima-myaccount-container{
     display: flex !important;
     flex-direction: column !important;
    }
    body.listingsystem-externallist-add.account .project-window .corner-btns .new-round-btn.default-blue-btn,
    body.listingsystem-index-property.account .project-window .corner-btns .new-round-btn.default-blue-btn{
        min-width: 35% !important;
    }
}
.account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-grid .first-col{
    grid-template-columns: repeat(2, 1fr) !important;
    grid-column-gap: 20px !important;
    display: grid !important;
}
@media screen and (max-width:578.98px){
.account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-grid .first-col{
    grid-template-columns: 100% !important;
}
.account .proxima-myaccount-container .listing-body-content #update-property .first-col > .upload-section .project-field{
    margin: 0 !important;
}
.account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-grid .first-col .upload-section-container.upload-section{
    grid-column: auto !important;
}}
.account.listingsystem-externallist-edit .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range.plan-date{
    min-height: auto !important;
}
.account.listingsystem-externallist-add .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range .image-container-grid .upload-img-container{
    min-width: 33.3%;
    max-width: 140px;
}
.account.listingsystem-externallist-add .proxima-myaccount-container .listing-body-content
 .project-field.upload-field
.image-container-grid .upload-img-container .thumb-image,
.account.listingsystem-externallist-add .proxima-myaccount-container .listing-body-content
 .project-field.upload-field .control-date-range
.image-container-grid .upload-img-container .thumb-image{
    max-width: 70%;
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    height: auto;
}
.account.listingsystem-externallist-add  .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range{
    overflow: auto;
    min-height: 220px !important;
}
.account.project_theme_mode_normal.listingsystem-uploadproperty-upload  .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range{

    min-height: auto !important;
}


.account.listingsystem-externallist-add  .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range .image-container-grid{
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    margin: 15px 0px !important;
}
body.account .btn-round.default-gray-btn{
    white-space: nowrap !important;
}
/* For upload page error msg doubt
 body.account:is(.listingsystem-uploadproperty-upload, .listingsystem-uploadproperty-save) .proxima-myaccount-container .column.main div[data-bind="scope: 'messages'"]{
    position: absolute !important;
     bottom: 165px !important;
    left: 10px !important;
    top: unset !important;
}
@media screen and (max-width:1200px){
    body.account:is(.listingsystem-uploadproperty-upload, .listingsystem-uploadproperty-save) .proxima-myaccount-container .column.main div[data-bind="scope: 'messages'"]{
        bottom: 145px !important;
    }
}  */
.account.listingsystem-externallist-add  .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range.plan-date{
    min-height: auto !important;
}
.account.listingsystem-externallist-add .proxima-myaccount-container .listing-body-content .project-field{
   margin-right: 0 !important;
}
.listingsystem-externallist-add  .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range.plan-date{
    min-height: auto !important;
    overflow: unset !important;
}
.listing-body-content .project-field.upload-field .control-date-range.plan-date{
    overflow: unset !important;
}
.listingsystem-externallist-add .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range.plan-date{
    overflow: unset !important;
}

/* internal listing edit property ui fix*/
.account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range .image-container-grid .upload-img-container{
flex-direction: column !important;
max-width: 90px !important;

}
.account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range .upload-img-container a{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 9px;
}
body.listingsystem-externallist-edit .modal-popup .modal-title, body .modal-slide:not(:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice,[class*="custom_modal__"])) .modal-title, body.listingsystem-externallist-add .modal-popup .modal-title, body .modal-slide:not(:is(.modal-pop-up-custom-sales-advice-confirm,.modal-pop-up-custom-sales-advice,[class*="custom_modal__"])) .modal-title {

    font-size: 22px !important;

}

.account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-field .fa-trash{
    font-size: 12px !important;
}

/* listing system ui fix popup ,date and edit feild */
body.listingsystem-externallist-edit .modal-inner-wrap .modal-footer button:hover{
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
}
body.listingsystem-externallist-edit .modal-inner-wrap .modal-footer button:hover{
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
}
body.listingsystem-externallist-edit .modal-popup.confirm .modal-inner-wrap .modal-footer{
    column-gap: 10px;
}
body.listingsystem-index-editproperty .modal-inner-wrap .modal-footer button:hover{
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
}
body.listingsystem-index-editproperty .modal-inner-wrap .modal-footer button:hover{
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
}
body.listingsystem-index-editproperty .modal-popup.confirm .modal-inner-wrap .modal-footer{
    column-gap: 10px;
}
body.listingsystem-index-editproperty .modal-popup.confirm .modal-inner-wrap .modal-header h1{
    font-size: 22px !important;
}
body .proxima-myaccount-container .listing-body-content .project-field .control-date-picker input{
    color: #000 !important;
    text-align: left !important;
    display: flex;
    justify-content: flex-start !important;
    /* position: relative !important; */
    left: 0 !important;
}
body .proxima-myaccount-container .listing-body-content .project-field .control-date-picker ::placeholder {
    text-align: left !important;
    display: flex;
    justify-content: flex-start !important;
  }
  .account.listingsystem-externallist-add .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range div.mage-error,
  body .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range div.mage-error{
  top: 43px !important;
  }

  body .modal-inner-wrap .modal-footer button.action-primary-ls.action-accept-ls:hover{
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
  }
  body .modal-inner-wrap .modal-footer button.action-primary-ls.action-accept-ls:visited{
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
  }
  body .modal-inner-wrap .modal-footer button.action-primary-ls.action-accept-ls:focus{
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
  }
  /* createnotice and filter section new changes */
    body.reservation-property-form #add-solicitor {
    display:inline-block !important;}
    .createnotice .createnoticbox ul li.tags  .notice_tag_section > p span .drop-arrow{
    border-top: 5px solid #000 !important;
    right: 10px !important;
    top: 13px !important;}
    .createnotice .createnoticbox ul li.tags .notice_tag_section {
    display: flex;
    justify-content: flex-start;
    width:calc(100% - 100px);
    align-items: center; }
    .createnotice .createnoticbox ul li.tags  .notice_tag_section p {
    width:auto;
    display:block;
    margin:0px;}
    .createnotice .createnoticbox ul li.tags  .notice_tag_section p >span {
    display: block;
    position: relative;
    margin: 0px 10px 0px 0px; }
    .createnotice .createnoticbox ul li.tags  .notice_tag_section p >span select {
    border: 2px solid #000000;
    border-radius: 10px;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    padding: 5px 30px 5px 10px;
    background-image: none !important;
    height: inherit;
    min-width:100px;
    max-width:150px;}
    .filtermenu ul li p.noticetypes span.filter-notice-type.select-filter-notice-type{
    background-color: #067DF4 !important;
    border-color: #067DF4!important;
    color: #fff !important;}
    .createnotice .createnoticbox ul li.tags .notice_tag_section p >span select option:nth-child(1){
     color: #fff !important;
    background: #8C8C8C !important;
    font-weight: 700;}
    .createnotice .createnoticbox ul li.tags .notice_tag_section p >span select option:nth-child(1):hover{
    background-color: #8C8C8C !important;}
    .createnotice .createnoticbox ul li.mandatory:is(.title, .postedby, .noticebody) div.mage-error{
    white-space: nowrap;
    bottom: -20px !important;}
    .createnotice .createnoticbox ul li.mandatory.title div.mage-error{
    bottom: -25px !important;}
    .createnotice .createnoticbox ul li.mandatory.title > span > label{
    bottom: -15px;
    right: 5px;}
    .filtermenu ul li.btns button{
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    justify-content: center;}
    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item.notice-board-menu-section{
    align-items: flex-start;
    display: inline-flex;}
    .modals-wrapper .modal-popup.filtermenu._inner-scroll .modal-inner-wrap .modal-header{
    border: 0 !important;}
    .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr td:first-child{
    border-radius: 5px 0px 0px 0px;}
    .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr td:last-child{
    border-radius: 0px 5px 0px 0px;}
    .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr.active,
    .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr:hover{
    background-color: #F5F5F5 !important;}
    .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr:first-child:hover{
    background-color: transparent !important;}
    .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr:first-child:hover th{
    cursor:auto};
    .noticeBoard ul.noticeboard_main > li:nth-child(1) table.notice_grid tr.active{
    background-color: #F5F5F5 !important;}
    .createnotice .createnoticbox ul li.mandatory.tags{
    padding-bottom: 25px !important;}
    body.noticeboard-form-index.account .page-title-wrapper .page-title .base{
    font-size: 24px !important;}
    body.account:not(.reservation-reservationcomplete-index, .offer-viewoffer-index, .offer-viewoffer-details, .agentregistration-invitations-index , .agent-projects-index) .modals-wrapper .modal-popup._inner-scroll:not(.default-modal,.non-header-footer-modal,.default-modal-width) .modal-inner-wrap{
    max-width: 748px !important;}
    .createnotice .createnoticbox ul li.noticebody > span > label,
    .createnotice .createnoticbox ul li.mandatory.title:is(.title,.noticebody)  span > label{
    margin-bottom: 0 !important;}
    .createnotice .createnoticbox ul li label{
    margin-bottom: 10px !important;}
    .notice_dealoftheday .action-close{
    display: none !important;
    position: absolute;
    inset: 0 0 auto auto;}
    .noticeboard-form-index .projects-main-section{
    width: 100%;}
    body.noticeboard-form-index .back-btn-all-project-screen .backbutton.reservation-back-btn button{
    width: 22px !important;
    height: 22px;}
    body.noticeboard-form-index .back-btn-all-project-screen .backbutton.reservation-back-btn button span{
    line-height: 100%;}
    body.noticeboard-form-index.account.page-layout-2columns-left .page-title-wrapper{
    padding-left: calc(260px + 4rem) !important;}
    .noticeboard-modal{
    overflow: hidden;}
    .noticeBoard ul.noticeboard_main.open > li:nth-child(2) .notice_dealoftheday .filter_slider{
    display: none;}
    body .createnotice div#start_date-error.mage-error{
    position: absolute;
    bottom: 0;}

    @media screen and (max-width:991px){
    body.noticeboard-form-index.account.page-layout-2columns-left .page-title-wrapper{
    padding-left: calc(1% + 3.5rem)  !important;}}

    @media screen and (max-width:768px){
    .createnotice .createnoticbox ul li.datetime > p span{
    width: min-content;
    min-width: 150px !important;
    display: block;}
    .createnotice .createnoticbox ul li.datetime > p span input:nth-child(1){
    margin-bottom: 10px !important;}
    body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup:not([class*="custom_modal__"])._inner-scroll .modal-inner-wrap{
    width: 95% !important;}
    .createnotice .createnoticbox ul li{
    flex-direction: column;
    align-items: flex-start;}
    .createnotice .createnoticbox ul li.postedby div.mage-error{
    left: -100px;}
    .createnotice .createnoticbox ul li.datetime > p span:nth-child(2)#show_checkbox{
    width: auto;
    align-items: flex-end;}
    .createnotice .createnoticbox ul li.mandatory.postedby{
    flex-direction: row;}
    .createnotice .createnoticbox ul li.tags #notice_tag_section-error {
    position: absolute;
    inset: 65px 0px 0px 0px}
    .createnotice .createnoticbox ul li.datetime > p{
    width: 100%;}
    .createnotice .createnoticbox ul li.datetime p q#date-section{
    justify-content: space-between;
    flex-direction: row;}
    .createnotice .createnoticbox ul li:is(.noticetype) > p,
    .createnotice .createnoticbox ul li:is(.title, .noticebody, .noticetype) > span{
    width: 100%;}
    body .createnotice div#start_date-error.mage-error{
    left: 0;}
    body.noticeboard-form-index.account.page-layout-2columns-left .modal-popup.createnotice .modal-content{
    padding-bottom: 80px !important;}}

    @media screen and (max-width:575.98px){
    .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday h3{
    margin-top: 5px !important;}
    .createnotice .createnoticbox ul li.mandatory.postedby{
    padding-bottom: 15px !important;}
    .createnotice .createnoticbox ul li.mandatory:is(.title, .postedby, .noticebody) div.mage-error{
    bottom: -15px !important;}
    .createnotice .createnoticbox ul li.mandatory.title div.mage-error {
    bottom: -19px !important;}
    body .createnotice div.mage-error {
    font-size: 9px !important;}
    .createnotice .createnoticbox ul li.mandatory.title,
    .createnotice .createnoticbox ul li{
    padding: 0px 0px 17px 0px;
    padding-bottom: 17px !important;}
    .createnotice .createnoticbox ul li.tags .notice_tag_section p >span select{min-width: 130px;}
    body.noticeboard-form-index.account.page-layout-2columns-left .page-title-wrapper{
    padding-left: 17px !important;}}

    @media screen and (max-width: 768px){
        .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday{
            transition: all ease .5s;
            bottom: -200%;
            position:fixed;
            left:0px;
            right:0px;
            z-index:9999;

        }
        .noticeBoard ul.noticeboard_main.open > li:nth-child(2) .notice_dealoftheday{
            bottom: 0px;
             transition: all ease .5s;
             min-height:inherit;
             overflow-x: auto;
             padding-bottom: 80px;
             border-radius: 0;
        }
        .noticeBoard ul.noticeboard_main.open > li:after{
            content: '';
            position: fixed;
            inset: 0;
            background-color: rgba(51, 51, 51, 0.55);
        }
        .notice_dealoftheday .action-close{
            display: block !important;
            background-color: transparent;
        }
        .noticeBoard ul.noticeboard_main{
            grid-template-columns: 100%;
        }
        .elmt-close-icon{
            display: block !important;
    }
    .noticeBoard ul.noticeboard_main.open > li:nth-child(2) .notice_dealoftheday .filter_slider{
        width: 25%;
        height: 3px;
        margin: auto;
        background-color: #8c8c8c;
        border-radius: 1px;
        position: relative;
        top: -15px;
        display: block;
    }
}
    .modals-wrapper .createnotice.modal-popup._inner-scroll .modal-inner-wrap .modal-header{
        position: relative !important;
        justify-content: flex-start !important;}
    .modals-wrapper .createnotice.modal-popup._inner-scroll .modal-inner-wrap .modal-header button{
    position: absolute !important;
    top: 0 !important;}
    body.noticeboard-form-index.account.page-layout-2columns-left .page-title-wrapper{
    flex-direction: row !important;}
  /* reservation-property-form popup */
  body.account.reservation-property-form .modal-content.modal-md{
    padding: 25px !important;
  }
  body.account.reservation-property-form .modal-content.modal-md .conflict-client,
  body.account.reservation-property-form .modal-content.modal-md .new-client-input-section .form-group{
    padding-bottom: 10px !important;
  }
  body.account.reservation-property-form .modal-content.modal-md .edit-client-buttons input{
    float: unset !important;
  }
  body.account.reservation-property-form .modal-content.modal-md .edit-client-buttons {
    text-align: right !important;
  }
  @media screen and (max-width:568px){
  body.account.reservation-property-form .modal-content.modal-md{
    width: 95% !important;
  }
}
#myReservationTable_wrapper{
    overflow-x: auto !important;
    overflow-y: hidden;
    max-width: 100%;
    padding-bottom: 20px;
}
  /* reservation-property-form popup */
  .confirmation-contract .modal-inner-wrap .modal-footer button{
  margin-left: 10px;}
  body.modemessage .confirmation-contract .modal-inner-wrap .modal-header .modal-title{
      font-size: 26px !important;
      padding-right: 40px !important;}
      body.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-header .action-close{
        position: absolute;
        top: 0;}
  /* reservation-property-form popup */
  /*Property Expert*/
  .modal-inner-wrap .modal-popup:not([class*="custom_modal__"]) header.modal-header {
    padding: 10px;
    display: flex;
    justify-content: space-between; }
    .modal-inner-wrap .modal-popup:not([class*="custom_modal__"]) header.modal-header h1 {
      margin: 0px;
      font-size: 22px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      color: #000000; }
      .modal-popup:not(.confirm-alert-info-success-modal, [class*="custom_modal__"]) .modal-inner-wrap header.modal-header button.action-close {
      background: none !important;
      color: #B6B6B6 !important; }
      .modal-popup:not(.confirm-alert-info-success-modal, .map-selector-pop-up, [class*="custom_modal__"] ) .modal-inner-wrap header.modal-header button.action-close:before {
        background: none !important; }
 /* alert popup close buton in external list add & edit start */
 body:is(.listingsystem-externallist-edit, .listingsystem-externallist-add) .modal-inner-wrap header.modal-header button.action-close:before {
    background: #000 !important; }
 /* alert popup close buton in external list add & edit end*/

   .modal-popup:not([class*="custom_modal__"],.default-modal-width) .modal-inner-wrap .modal-content {
    padding: 20px !important;
    margin: 0px !important;
    width: 100% !important; }
    .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li {
          list-style: none;
          padding: 10px 20px 10px 10px; }
          .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(1) {
            /* padding: 10px 50px 10px 10px; */
            padding: 10px 25px 10px 0px;
           }
            .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(1) p {
              margin: 0px 0px 20px 0px;
              padding: 0px; }
              .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(1) p.first {
                display: flex;
                justify-content: space-between;
                align-items: center; }
                .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(1) p.first span {
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  width: calc(50% - 10px) !important;
                  padding: 12px 14px;
                  border-radius: 5px;
                  border: 1px solid #B6B6B6;
                  background: #FFF;
                  font-style: normal;
                  font-weight: 700;
                  line-height: normal; }
                  .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(1) p.first span input[type="radio"] {
                    margin: 0px 10px 0px 0px !important; }
              .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(1) p.second {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                color: #000000 !important;
                margin: 0px 0px 10px 0px; }
                .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(1) p.second a {
                  border-radius: 21px;
                  border: 1px solid #000;
                  display: block;
                  font-family: Avenir LT Std;
                  font-size: 12px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: normal;
                  padding: 7px 10px;
                  display: block;
                  color: #000000 !important;
                  cursor: pointer;
              }
              .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(1) p.third select {
                border-radius: 7px;
                border: 1px solid #B6B6B6;
                background: #FFF;
                width: 100%;
                padding: 3px 13px;
                font-size: 13px !important;
                text-overflow: ellipsis;
                overflow: hidden !important;
                text-wrap: nowrap !important;
              }
          .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li {
            padding: 10px 0px 0px 20px;
            width: 100%;}
            .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container {
              margin: 0px;
              padding: 0px !important;
              max-width: 100% !important; }
              .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker {
                background: #FFFFFF;
                border: 0px;
                box-shadow: none; }
                .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar {
                  border: 0px !important; }
                  .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td, .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th {
                    border: 0px !important;
                    text-align: center !important;
                    background: none !important;
                    font-size: 13px;
                    padding: 5px !important; }
                    body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker td.ui-datepicker-current-day  a.ui-state-default{
                      color: #fff !important;
                    }
                    .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th a.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th span.ui-state-default {
                      text-align: center !important;
                      background: #eef5ff;
                      color: #0069FF !important;
                      border-radius: 100%;
                      width: 30px;
                      height: 30px;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      margin: 0px auto; }
                      .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight.ui-state-active, .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default.ui-state-highlight.ui-state-active, .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th a.ui-state-default.ui-state-highlight.ui-state-active, .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th span.ui-state-default.ui-state-highlight.ui-state-active {
                        background: #0069FF !important;
                        color: #FFFFFF !important; }
                    .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th span.ui-state-default {
                      background: none !important;
                      color: #808080 !important; }
          .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(3) {
            width: 180px;
            padding: 80px 10px 0px 10px; }
            .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(3) p {
              margin: 0px;
              padding: 0px; }
            .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(3) ul {
              margin: 0px;
              padding: 0px;
              max-height: 270px;
              overflow: auto; }
              .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(3) ul li.available-slot, .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(3) ul li.set-available-slot {
                list-style: none;
                margin: 0px 0px 10px 0px;
                text-align: center;
                font-size: 13px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                background: #FFFFFF;
                color: #0069FF;
                display: block;
                padding: 5px 0px;
                border: 1px solid #0069FF;
                cursor:pointer;
                border-radius: 4px; }
              .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(3) ul li.set-available-slot {
                background: #0069FF !important;
                color: #FFFFFF !important; }
          .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li h3 {
            font-size: 17px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -0.17px;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li h3 span {
              display: flex;
              width: 24px;
              height: 24px;
              background: #DCDCDC;
              border-radius: 100%;
              justify-content: center;
              align-items: center;
              font-size: 13px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              margin: 0px 10px 0px 0px; }
              .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin: 0px; }
                .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span {
                  color: #63A3FF;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: normal;
                  padding: 8px 0px 0px 40px;
                  position: relative;
                  display: flex;
                  justify-content: center;
                  align-items: center; }
                  .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span .fee-amt{
                      color: #2671df !important;
                      font-weight: 800;
                  }
                  .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span label {
                    margin: 0px;
                    display: inline-block;
                    padding: 0px 5px; }
                  .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span:before {
                    border-radius: 100%;
                    background: #EDF5FF;
                    width: 28px;
                    height: 28px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    content: "!";
                    position: absolute;
                    left: 0px;
                    top: 0px; }
                  .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span.btns:before {
                    display: none;
                    padding: 0px; }
                  .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span.btns button {
                    border-radius: 50px;
                    border: 3px solid #000 !important;
                    margin: 0px 0px 0px 10px;
                    font-size: 15px !important;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                    text-transform: uppercase;
                    padding: 0 !important;
                    display: block !important;
                    background: #FFFFFF !important;
                    color: #000000 !important;
                    min-width: 116px;
                    min-height: 36px;
                    max-width: 116px;
                    text-align: center;
                    max-height: 36px !important;
                   }

    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li {
          list-style: none;
          padding: 10px 20px 10px 10px; }
          .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(1) {
            /* padding: 10px 50px 10px 10px; */
            padding: 10px 25px 10px 0px;
           }
            .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(1) p {
              margin: 0px 0px 20px 0px;
              padding: 0px; }
              .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(1) p.first {
                display: flex;
                justify-content: space-between;
                align-items: center; }
                .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(1) p.first span {
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  width: calc(50% - 10px) !important;
                  padding: 12px 14px;
                  border-radius: 5px;
                  border: 1px solid #B6B6B6;
                  background: #FFF;
                  font-style: normal;
                  font-weight: 700;
                  line-height: normal; }
                  .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(1) p.first span input[type="radio"] {
                    margin: 0px 10px 0px 0px !important; }
              .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(1) p.second {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                color: #000000 !important;
                margin: 0px 0px 10px 0px; }
                .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(1) p.second a {
                  border-radius: 21px;
                  border: 1px solid #000;
                  display: block;
                  font-family: Avenir LT Std;
                  font-size: 12px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: normal;
                  padding: 7px 10px;
                  display: block;
                  color: #000000 !important;
                  cursor: pointer;
              }
              .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(1) p.third select {
                border-radius: 7px;
                border: 1px solid #B6B6B6;
                background: #FFF;
                width: 100%;
                padding: 3px 13px;
                font-size: 13px !important;
                text-overflow: ellipsis;
                overflow: hidden !important;
                text-wrap: nowrap !important;
              }
          .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) {
            border-left: 1px solid #CCCCCC;
            padding: 10px 0px 0px 20px;
            width: 40%;}
            .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container {
              margin: 0px;
              padding: 0px !important;
              max-width: 100% !important; }
              .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker {
                background: #FFFFFF;
                border: 0px;
                box-shadow: none; }
                .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar {
                  border: 0px !important; }
                  .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td, .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th {
                    border: 0px !important;
                    text-align: center !important;
                    background: none !important;
                    font-size: 13px;
                    padding: 5px !important; }
                    body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker td.ui-datepicker-current-day  a.ui-state-default{
                      color: #fff !important;
                    }
                    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th a.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th span.ui-state-default {
                      text-align: center !important;
                      background: #eef5ff;
                      color: #0069FF !important;
                      border-radius: 100%;
                      width: 30px;
                      height: 30px;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      margin: 0px auto; }
                      .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight.ui-state-active, .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default.ui-state-highlight.ui-state-active, .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th a.ui-state-default.ui-state-highlight.ui-state-active, .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th span.ui-state-default.ui-state-highlight.ui-state-active {
                        background: #0069FF !important;
                        color: #FFFFFF !important; }
                    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th span.ui-state-default {
                      background: none !important;
                      color: #808080 !important; }
          .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(3) {
            width: 180px;
            padding: 80px 10px 0px 10px; }
            .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(3) p {
              margin: 0px;
              padding: 0px; }
            .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(3) ul {
              margin: 0px;
              padding: 0px;
              max-height: 270px;
              overflow: auto; }
              .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(3) ul li.available-slot, .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(3) ul li.set-available-slot {
                list-style: none;
                margin: 0px 0px 10px 0px;
                text-align: center;
                font-size: 13px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                background: #FFFFFF;
                color: #0069FF;
                display: block;
                padding: 5px 0px;
                border: 1px solid #0069FF;
                cursor:pointer;
                border-radius: 4px; }
              .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(3) ul li.set-available-slot {
                background: #0069FF !important;
                color: #FFFFFF !important; }
          .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li h3 {
            font-size: 17px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -0.17px;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li h3 span {
              display: flex;
              width: 24px;
              height: 24px;
              background: #DCDCDC;
              border-radius: 100%;
              justify-content: center;
              align-items: center;
              font-size: 13px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              margin: 0px 10px 0px 0px; }
              .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin: 0px; }
                .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span {
                  color: #63A3FF;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: normal;
                  padding: 8px 0px 0px 40px;
                  position: relative;
                  display: flex;
                  justify-content: center;
                  align-items: center; }
                  .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span .fee-amt{
                      color: #2671df !important;
                      font-weight: 800;
                  }
                  .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span label {
                    margin: 0px;
                    display: inline-block;
                    padding: 0px 5px; }
                  .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span:before {
                    border-radius: 100%;
                    background: #EDF5FF;
                    width: 28px;
                    height: 28px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    content: "!";
                    position: absolute;
                    left: 0px;
                    top: 0px; }
                  .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span.btns:before {
                    display: none;
                    padding: 0px; }
                  .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span.btns button {
                    border-radius: 50px;
                    border: 3px solid #000 !important;
                    margin: 0px 0px 0px 10px;
                    font-size: 15px !important;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                    text-transform: uppercase;
                    padding: 0 !important;
                    display: block !important;
                    background: #FFFFFF !important;
                    color: #000000 !important;
                    min-width: 116px;
                    min-height: 36px;
                    max-width: 116px;
                    text-align: center;
                    max-height: 36px !important;
                   }

    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul {
      margin: 0px;
      padding: 0px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li {
        list-style: none;
        width: calc((100% - 180px)/2);
        padding: 10px 20px 10px 10px; }
        .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(1) {
          /* padding: 10px 50px 10px 10px; */
          padding: 10px 25px 10px 0px;
         }
          .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(1) p {
            margin: 0px 0px 20px 0px;
            padding: 0px; }
            .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(1) p.first {
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(1) p.first span {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                width: calc(50% - 10px) !important;
                padding: 12px 14px;
                border-radius: 5px;
                border: 1px solid #B6B6B6;
                background: #FFF;
                font-style: normal;
                font-weight: 700;
                line-height: normal; }
                .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(1) p.first span input[type="radio"] {
                  margin: 0px 10px 0px 0px !important; }
            .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(1) p.second {
              display: flex;
              justify-content: space-between;
              align-items: center;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: normal;
              color: #000000 !important;
              margin: 0px 0px 10px 0px; }
              .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(1) p.second a {
                border-radius: 21px;
                border: 1px solid #000;
                display: block;
                font-family: Avenir LT Std;
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                padding: 7px 10px;
                display: block;
                color: #000000 !important;
                cursor: pointer;
            }
            .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(1) p.third select {
              border-radius: 7px;
              border: 1px solid #B6B6B6;
              background: #FFF;
              width: 100%;
              padding: 3px 13px;
              font-size: 13px !important;
              text-overflow: ellipsis;
              overflow: hidden !important;
              text-wrap: nowrap !important;
            }
        .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) {
          border-left: 1px solid #CCCCCC;
          padding: 10px 30px 10px 20px; }
          .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container {
            margin: 0px;
            padding: 0px !important;
            max-width: calc(100% - 30px) !important; }
            .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker {
              background: #FFFFFF;
              border: 0px;
              box-shadow: none; }
              .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar {
                border: 0px !important; }
                .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td, .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th {
                  border: 0px !important;
                  text-align: center !important;
                  background: none !important;
                  font-size: 13px;
                  padding: 5px !important; }
                  body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker td.ui-datepicker-current-day  a.ui-state-default{
                    color: #fff !important;
                  }
                  .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th a.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th span.ui-state-default {
                    text-align: center !important;
                    background: #eef5ff;
                    color: #0069FF !important;
                    border-radius: 100%;
                    width: 30px;
                    height: 30px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin: 0px auto; }
                    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight.ui-state-active, .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default.ui-state-highlight.ui-state-active, .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th a.ui-state-default.ui-state-highlight.ui-state-active, .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th span.ui-state-default.ui-state-highlight.ui-state-active {
                      background: #0069FF !important;
                      color: #FFFFFF !important; }
                  .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default, .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th span.ui-state-default {
                    background: none !important;
                    color: #808080 !important; }
        .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(3) {
          width: 180px;
          padding: 80px 10px 0px 10px; }
          .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(3) p {
            margin: 0px;
            padding: 0px; }
          .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(3) ul {
            margin: 0px;
            padding: 0px;
            max-height: 270px;
            overflow: auto; }
            .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(3) ul li.available-slot, .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(3) ul li.set-available-slot {
              list-style: none;
              margin: 0px 0px 10px 0px;
              text-align: center;
              font-size: 13px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              background: #FFFFFF;
              color: #0069FF;
              display: block;
              padding: 5px 0px;
              border: 1px solid #0069FF;
              cursor:pointer;
              border-radius: 4px; }
            .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(3) ul li.set-available-slot {
              background: #0069FF !important;
              color: #FFFFFF !important; }
        .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li h3 {
          font-size: 17px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          letter-spacing: -0.17px;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li h3 span {
            display: flex;
            width: 24px;
            height: 24px;
            background: #DCDCDC;
            border-radius: 100%;
            justify-content: center;
            align-items: center;
            font-size: 13px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            margin: 0px 10px 0px 0px; }
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0px; }
      .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span {
        color: #63A3FF;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding: 8px 0px 0px 40px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center; }
        .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span .fee-amt{
            color: #2671df !important;
            font-weight: 800;
        }
        .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span label {
          margin: 0px;
          display: inline-block;
          padding: 0px 5px; }
        .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span:before {
          border-radius: 100%;
          background: #EDF5FF;
          width: 28px;
          height: 28px;
          display: flex;
          justify-content: center;
          align-items: center;
          content: "!";
          position: absolute;
          left: 0px;
          top: 0px; }
        .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span.btns:before {
          display: none;
          padding: 0px; }
        .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span.btns button {
          border-radius: 50px;
          border: 3px solid #000 !important;
          margin: 0px 0px 0px 10px;
          font-size: 15px !important;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          text-transform: uppercase;
          padding: 0 !important;
          display: block !important;
          background: #FFFFFF !important;
          color: #000000 !important;
          min-width: 116px;
          min-height: 36px;
          max-width: 116px;
          text-align: center;
          max-height: 36px !important;
         }

          body.account.agent-projects-information .proxima-myaccount-container .body-content form.table div.new-client-input-section label span{
            color:#FF0000 !important;
        }
        /* body.account.agent-projects-information .proxima-myaccount-container .body-content form.table div.new-client-input-section .form-group .form-control,body.account.agent-projects-information .proxima-myaccount-container .body-content form.table div.new-client-input-section .select2-selection {
            border:1px solid #000000 !important;
            border-radius:30px !important;
            font-size:13px !important;
        }  */
        body.account .modal-content form.table h3.edit-client-address-title{
            font-size:20px !important;
            margin:0px !important;
            padding:20px 0px 10px 0px !important;
        }
        .agent-projects-information .select2-dropdown{z-index: 999999 !important;}
        .property_expert_div {
            padding: 0px;
            margin: 0px;
            border-radius: 5px;
            background: #F5F5F5;
            padding: 20px; }
            .property_expert_div h2 {
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              margin: 0px;
              color: #000000; }
            .property_expert_div ul {
              margin: 0px;
              padding: 30px 0px;
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              grid-gap: 20px; }
              @media screen and (max-width: 1400px) {
                .property_expert_div ul {
                  grid-template-columns: repeat(2, 1fr); } }
              .property_expert_div ul li {
                list-style: none;
                border-radius: 10px;
                background: rgba(255, 255, 255, 0.7);
                padding: 20px 20px 20px 120px;
                position: relative;
                margin: 0px;
                min-width: 100%;
             }
                .property_expert_div ul li > p {
                  margin: 0px; }
                  .property_expert_div ul li > p.prf-pic {
                    position: absolute;
                    left: 20px;
                    top: 20px; }
                    .property_expert_div ul li > p.prf-pic span.profile {
                      width: 60px;
                      height: 60px;
                      border-radius: 100%;
                      display: block;
                      overflow: hidden;
                      background: #F5f5f5;
                      margin: 0px auto 10px auto; }
                      .property_expert_div ul li > p.prf-pic span.profile img {
                        width: 100%; }
                    .property_expert_div ul li > p.prf-pic span.rating-star,
                    .p_e_ratinga .rating-stara,
                    .p_e_ratingc .rating-starc,
                    .p_e_rating .rating-star,
                    .profilebox p.prfimg .rating-star {
                      display: block;
                      width: 60px;
                      height: 12px;
                      background: url(../images/greystar.png) no-repeat 0% 0%;
                      background-size: auto 12px;
                      margin: 0px auto 10px auto; }
                      .property_expert_div ul li > p.prf-pic span.rating-star label,
                      .p_e_ratinga .rating-stara label,
                      .p_e_ratingc .rating-starc label,
                      .p_e_rating .rating-star label,
                      .profilebox p.prfimg .rating-star label{
                        height: 12px;
                        background: url(../images/yellowstar.png) no-repeat 0% 0%;
                        background-size: auto 12px;
                        margin: 0px;
                        display: block;
                        width: 0px; }
                      .property_expert_div ul li > p.prf-pic span.rating-star.one label,
                      .p_e_ratinga .rating-stara.one label,
                      .p_e_ratingc .rating-starc.one label,
                      .p_e_rating .rating-star.one label,
                      .profilebox p.prfimg .rating-star.one label {
                        width: 12px !important; }
                      .property_expert_div ul li > p.prf-pic span.rating-star.two label,
                      .p_e_ratinga .rating-stara.two label,
                      .p_e_ratingc .rating-starc.two label,
                      .p_e_rating .rating-star.two label,
                      .profilebox p.prfimg .rating-star.two label {
                        width: 24px !important; }
                      .property_expert_div ul li > p.prf-pic span.rating-star.three label,
                      .p_e_ratinga .rating-stara.three label,
                      .p_e_ratingc .rating-starc.three label,
                      .p_e_rating .rating-star.three label,
                      .profilebox p.prfimg .rating-star.three label {
                        width: 36px !important; }
                      .property_expert_div ul li > p.prf-pic span.rating-star.four label,
                      .p_e_ratinga .rating-stara.four label,
                      .p_e_ratingc .rating-starc.four label,
                      .p_e_rating .rating-star.four label,
                      .profilebox p.prfimg .rating-star.four label {
                        width: 48px !important; }
                      .property_expert_div ul li > p.prf-pic span.rating-star.five label,
                      .p_e_ratinga .rating-stara.five label,
                      .p_e_ratingc .rating-starc.five label,
                      .p_e_rating .rating-star.five label,
                      .profilebox p.prfimg .rating-star.five label {
                        width: 60px !important; }
                    .property_expert_div ul li > p.prf-pic span.rating,
                    .profilebox p.prfimg .rating{
                      padding: 5px;
                      display: block;
                      border-radius: 3px;
                      background: #DCDCDC;
                      font-size: 12px;
                      font-style: normal;
                      font-weight: 700;
                      line-height: normal;
                      margin: 0px auto;
                      max-width: 40px;
                      text-align: center;
                      cursor: default !important;
                    }
                      .p_e_ratinga .ratinga,
                      .p_e_ratingc .ratingc,
                      .p_e_rating .rating{
                        cursor: default !important;
                        padding: 5px;
                        display: block;
                        border-radius: 3px;
                        font-size: 12px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        margin: 0px auto;
                        max-width: 40px;
                        text-align: center;
                        color:black !important;
                      }
                  .property_expert_div ul li > p.phone {
                    padding: 3px 0px 5px 30px;
                    margin: 0px 0px 10px 0px;
                    color: #000;
                    background: url(../images/phone1.svg) no-repeat 0% 0%; }
                    .property_expert_div ul li > p.phone a {
                      display: block;
                      text-decoration: none;
                      color: #000000;
                      font-size: 13px;
                      font-style: normal;
                      font-weight: 500;
                      line-height: 100%; }
                  .property_expert_div ul li > p.email {
                    padding: 3px 0px 5px 30px;
                    margin: 0px 0px 10px 0px;
                    color: #000;
                    background: url(../images/email1.svg) no-repeat 0% 0%; }
                    .property_expert_div ul li > p.email a {
                      display: block;
                      text-decoration: none;
                      color: #000000;
                      font-size: 13px;
                      font-style: normal;
                      font-weight: 500;
                      line-height: 100%;
                      word-break: break-all;
                     }
                  .property_expert_div ul li > p.videos {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr) !important;
                    padding: 0px;
                    margin: 0px 0px 20px 0px; }
                    @media screen and (max-width: 1440px){
                        .property_expert_div ul li > p.videos{
                            grid-template-columns: repeat(1, 1fr) !important;
                        }
                    }
                    .property_expert_div ul li > p.videos span {
                      display: block;
                      margin: 0px 10px 0px 0px;
                      /* width: calc((100%/2) - 10px); */
                      width: auto;
                      overflow: hidden;
                      border-radius: 6px; }
                      .property_expert_div ul li > p.videos span video {
                        width: 100%;
                        height: 100%; }
                .property_expert_div ul li h3 {
                  font-size: 17px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: normal;
                  margin: 0px 0px 10px 0px; }
                  .property_expert_div ul li h3 span {
                    color: #929292;
                    leading-trim: both;
                    text-edge: cap;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal; }
                    .property_expert_div ul li h3 span label {
                      color: #000;
                      leading-trim: both;
                      text-edge: cap;
                      font-size: 14px;
                      font-style: normal;
                      font-weight: 750;
                      line-height: normal;
                      color: #000000; }
                .property_expert_div ul li button.schedule-meeting {
                  background: #000000;
                  border-radius: 20px;
                  color: #FFFFFF;
                  padding: 8px 16px;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 750;
                  line-height: normal;
                  display:block !important;
                }

                  #profile-section {
                    border-radius: 6px;
                    width: 95%;
                    background: #F5F5F5;
                    padding: 20px; }
                    #profile-section .profilebox {
                      background: #FFFFFF;
                      padding: 40px 30px 110px 200px;
                      border-radius: 7px;
                      position: relative;
                      margin: 0px 0px 20px 0px; }
                      #profile-section .profilebox p.prfimg {
                        position: absolute;
                        left: 30px;
                        top: 40px;
                        width: 140px; }
                        #profile-section .profilebox p.prfimg span.profilepic {
                          width: 120px;
                          height: 120px;
                          border-radius: 100%;
                          display: block;
                          overflow: hidden;
                          background: #F5f5f5;
                          margin: 0px auto 10px auto; }
                          #profile-section .profilebox p.prfimg span.profilepic img {
                            object-fit: cover;
                            height: inherit;
                            width: 100%; }
                        #profile-section .profilebox p.prfimg span.ratingstar {
                          display: block;
                          width: 100px;
                          height: 20px;
                          background: url(greystar.png) no-repeat 0% 0%;
                          background-size: auto 20px;
                          margin: 0px auto 10px auto; }
                          #profile-section .profilebox p.prfimg span.ratingstar label {
                            height: 20px;
                            background: url(yellowstar.png) no-repeat 0% 0%;
                            background-size: auto 20px;
                            margin: 0px;
                            display: block;
                            width: 0px; }
                          #profile-section .profilebox p.prfimg span.ratingstar.one label {
                            width: 20px !important; }
                          #profile-section .profilebox p.prfimg span.ratingstar.two label {
                            width: 40px !important; }
                          #profile-section .profilebox p.prfimg span.ratingstar.three label {
                            width: 60px !important; }
                          #profile-section .profilebox p.prfimg span.ratingstar.four label {
                            width: 80px !important; }
                          #profile-section .profilebox p.prfimg span.ratingstar.five label {
                            width: 100px !important; }
                        #profile-section .profilebox p.prfimg span.rating {
                          padding: 5px;
                          display: block;
                          border-radius: 3px;
                          background: #DCDCDC;
                          font-size: 12px;
                          font-style: normal;
                          font-weight: 700;
                          line-height: normal;
                          margin: 0px auto;
                          max-width: 40px;
                          text-align: center;
                          cursor: default !important;
                        }
                      #profile-section .profilebox h3 {
                        font-size: 22px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        color: #000000;
                        margin: 0px; }
                      #profile-section .profilebox ul {
                        margin: 0px;
                        padding: 20px 0px 0px 0px;
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        grid-gap: 20px; }
                        #profile-section .profilebox ul li {
                          list-style: none;
                          margin: 0px; }
                          #profile-section .profilebox ul li label {
                            color: #A5A5A5;
                            leading-trim: both;
                            text-edge: cap;
                            font-size: 12px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: normal;
                            display: block; }
                          #profile-section .profilebox ul li span {
                            color: #000;
                            leading-trim: both;
                            text-edge: cap;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: normal;
                            display: block; }
                            #profile-section .profilebox ul li span a {
                              color: #000; }
                    #profile-section .videobox {
                      background: #FFFFFF;
                      padding: 30px;
                      border-radius: 7px;
                      position: relative; }
                      #profile-section .videobox > a {
                        border-radius: 20px;
                        background: #000;
                        position: absolute;
                        top: 30px;
                        right: 30px;
                        display: block;
                        padding: 8px  16px;
                        color: #F5F5F5;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 750;
                        line-height: normal; }
                      #profile-section .videobox h3 {
                        color: #000;
                        leading-trim: both;
                        text-edge: cap;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal; }
                      #profile-section .videobox ul {
                        margin: 0px;
                        padding: 20px 0px;
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        grid-gap: 20px; }
                        #profile-section .videobox ul li {
                          list-style: none; }
                          #profile-section .videobox ul li h4 {
                            font-size: 15px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: normal;
                            color: #000000;
                            margin: 0px 0px 10px 0px; }
                          #profile-section .videobox ul li .video {
                            width: 100%; }
                            #profile-section .videobox ul li .video video {
                                border: 10px solid #D5EAFF !important;
                                border-radius: 5px !important;
                              width: 100%; }
  /*Property Expert*/
  /*agent-projects-information date picker mobile view and create client popup */
  body.account.agent-projects-information.modal-openclient .proxima-myaccount-container .body-content form div{
    background-color: #fff;
  }
  body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input{
    margin-bottom: 23px !important;
}
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group div.mage-error{
    position: absolute;
    bottom: 0;
}
body.account.agent-projects-information.modal-openclient .proxima-myaccount-container .body-content form div.form-group.mult-select-input{
    bottom: -23px;
    left: 0;
}
body.account.agent-projects-information.modal-openclient .proxima-myaccount-container .body-content form div.create-new-client-form-buttons.new-client{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}
body.account.agent-projects-information.modal-openclient .proxima-myaccount-container .body-content form div.form-group.r-span.legal-entity .select2-selection.select2-selection--multiple{
    border: none !important;
    flex-direction: column-reverse;
    display: flex;
}
body:is(.agent-projects-information) .proxima-myaccount-container .body-content .table span.select2-selection__rendered{
    width: 120px;
}
@media screen and (max-width:767px){
    body.agent-projects-information.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap{
        max-width: 100% !important;
        min-width: 90% !important;
    }
    body.agent-projects-information.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap{
        max-width: 100% !important;
        min-width: 90% !important;
    }
}
@media screen and (max-width:991px){
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li{
        width: 100%;
        padding: 0px !important;}
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul{
        flex-direction: column;}
    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li{
        width: 100%;
        padding: 0px !important;}
    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul{
        flex-direction: column;}
    .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li{
            width: 100%;
            padding: 0px !important;}
    .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul{
            flex-direction: column;}

    }
@media screen and (max-width:768.98px){
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span{align-items: flex-start;}
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox,
    /* .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span:not(.btns){
        flex-direction: column;} */
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span.btns{
        padding: 15px 0px;
        margin-left: auto;}

    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span{align-items: flex-start;}
    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox,
    /* .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span:not(.btns){
    flex-direction: column;} */
    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span.btns{
    padding: 15px 0px;
    margin-left: auto;}
    .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span{align-items: flex-start;}
    .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox,
    /* .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span:not(.btns){
    flex-direction: column;} */
    .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span.btns{
    padding: 15px 0px;
    margin-left: auto;}
body.agent-projects-information .table-grid-container{
    grid-template-columns: auto auto;
}}
  /*agent-projects-information date picker mobile view and create client popup */
    /* New comman table style */
    body.account.page-layout-2columns-left .elmt-container .elmt-table,
    body.account.page-layout-2columns-left .elmt-container{
    display: block;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table{
    overflow-x: auto;
    overflow-y: hidden;
    padding: 20px 20px !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table{
    border-collapse: separate !important;
    border-spacing: 0px 5px !important; }
    body.account.page-layout-2columns-left .elmt-container .elmt-table table thead{
    position: relative !important;
    bottom: 5px !important;}
    body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th,
    body.account.page-layout-2columns-left .elmt-container .elmt-table table tbody tr td{
    font-size: 14px !important;
    line-height: 18px !important; }
  body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th{
  background-color: #D5EAFF !important;
  border-top: 1px solid #067DF4 !important;
  border-bottom: 1px solid #067DF4 !important;
  padding: 16px 7px !important;
  min-height: 48px !important;
  font-weight: 700 !important;
  height: auto !important;
  vertical-align: middle !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table tbody tr td:first-of-type,
  body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th:first-child,
  body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th.th-icon{
    text-align: center !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th.sorting.sorting_desc{
  padding-right: 20px !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th.th-icon,
  body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th.th-min-txt,
  body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th:last-child,
  body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th:first-child{
    width: fit-content;
    min-width: fit-content !important;
    max-width: fit-content !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th:first-child{
  white-space: nowrap;
  border-left: 1px solid #067DF4 !important;
  border-radius: 4px 0px 0px 4px !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table thead tr th:last-child{
  border-right: 1px solid #067DF4 !important;
  border-radius: 0px 4px 4px 0px !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table tbody tr td{
  background-color: transparent !important;
  border-top: 1px solid #DCDCDC !important;
  border-bottom: 1px solid #DCDCDC !important;
  padding: 17px 7px !important;
  height: auto !important;
  min-height: 58px !important;
  vertical-align: middle !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table tbody tr td:not(.td-icon) a{
    color:#067df4 !important;}
    body.account.page-layout-2columns-left .elmt-container .elmt-table table tbody tr td.td-icon span{
        max-width: 170px !important;
        align-items: center !important;
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table tbody tr td:first-of-type{
  border-left: 1px solid #DCDCDC !important;
  border-radius: 4px 0px 0px 4px !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table tbody tr td:last-of-type{
  border-right: 1px solid #DCDCDC !important;
  border-radius: 0px 4px 4px 0px !important;}
  body.account.page-layout-2columns-left .elmt-container .elmt-table table tbody tr td.td-icon a i{
    color: #000;
    background: #DCDCDC;
    outline: 1px solid #000;
    height: 25px;
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;}
    body.account.page-layout-2columns-left .elmt-container .elmt-table table tbody tr td.td-icon a i:hover{
    color: #067DF4;
    background: #D5EAFF;
    -webkit-text-stroke: 0;
    outline: 1px solid #067DF4;}
    body.account.page-layout-2columns-left .elmt-container .elmt-table table tbody tr td.td-icon a i:hover::before{
    transform: scale(0.9);}
    body.account.page-layout-2columns-left .elmt-container .elmt-alert{
    min-width: 170px;
    display: flex;
    width: 36%;
    justify-content: center;
    border-radius: 4px;
    margin: 10px auto 0px 20px;
    padding: 1.469rem;}
    body.account.page-layout-2columns-left .elmt-container .elmt-alert.elmt-wrng-alert{
    color: #856404;
    background-color: #FFFAEC !important;
    border: 1px solid #F2D32B !important;}
    body.account.page-layout-2columns-left .elmt-container .elmt-alert.elmt-drg-alert{
    color: #721c24;
    background-color: #f8d7da !important;
    border-color: #721c24 !important;}
    body.account.page-layout-2columns-left .elmt-container .elmt-alert.elmt-success-alert{
    color: #155724;
    background-color: #d4edda !important;
    border-color: #155724 !important;}
/* New comman table style */


/* c-add property date picker style fix */
body.listingsystem-index-property .proxima-myaccount-container .listing-body-content .project-field .control-date-picker input{
    position: static !important;
}
/*my report css*/
#myreports{
	margin:0px auto;
	padding:10px;
    overflow: auto;
    height: 100vh;
}
#myreports h2{
	font-size:20px;
	color:#222222;
	margin:0px;
	padding:0px;
}
#myreports ul{
	padding:20px 0px;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-gap:20px;
	margin:0px 0px 20px 0px;
}
#myreports ul li{
	list-style:none;
	padding:10px;
	border:1px solid #CCCCCC;
	display:flex;
	justify-content:flex-start;
	align-items:center;
    cursor: pointer;
    margin-bottom: 0;
}
#myreports ul li span{
	display:block;
	width:60px;
	height:60px;
	border:1px solid #CCCCCC;
}
#myreports ul li span img{
	width:100%;
}
#myreports ul li h3{
	width:calc(100% - 80px);
	font-size:14px;
	margin:0px;
	padding:0px 0px 0px 20px;
}
body.myreport-myreport-index.account .page-title-wrapper{
padding-right: 3.5rem !important;
}
@media screen and (max-width:800px){
	#myreports ul{
	grid-template-columns:repeat(2,1fr);
	}
}
@media screen and (max-width:600px){
	#myreports ul{
	grid-template-columns:repeat(1,1fr);
    margin: 0px;
	}
    body.myreport-myreport-index.account.page-layout-2columns-left .page-title-wrapper{
        flex-direction: row !important;
    }
    body.myreport-myreport-index.page-layout-2columns-left .page-title-wrapper{
        padding-left: calc(1% + 3rem) !important;
    }
}
@media screen and (max-width:575.98px){
    body.myreport-myreport-index.account .page-title-wrapper{
        padding-right: 0 !important;
        }
    body.myreport-myreport-index.page-layout-2columns-left .page-title-wrapper{
        padding-left: 17px !important;
    }}
/*my report css end*/
/* date error section creatnotice */
.createnotice .createnoticbox ul li.datetime p q{
    width: 100%;
    display: flex;
}
.createnotice .createnoticbox ul li.datetime p #date-error{
    position: absolute;
    font-size: 11px;
    bottom:0px;
    text-align: left;
}
/* .createnotice .createnoticbox ul li.datetime p{
    width: auto;
} */
/* date error section creatnotice */
/*filterment*/
.modal-popup.filtermenu.modal-slide._inner-scroll{
    position:fixed !important;
    left:-388px !important;
    transition:all ease .5s !important;
    transform: scale(1) !important;
}
.modal-popup.filtermenu.modal-slide._inner-scroll._show{
    left:0px !important;
        transform: scale(1) !important;
}
body.account.noticeboard-form-index .modals-wrapper .modal-popup.filtermenu._inner-scroll .modal-inner-wrap form ul li p.daterange{
    width: fit-content;
}
.createnotice .createnoticbox ul li.datetime > p span:nth-child(2)#show_checkbox{
    min-width: auto !important;
}
@media screen and (max-width:991px){
    /* .createnotice .createnoticbox ul li.datetime p q{
        flex-direction: column;
    } */
    .createnotice .createnoticbox ul li.datetime > p span:nth-child(2)#show_checkbox{
        padding-left: 0 !important;
        flex-direction: row !important;
    }
}
@media screen and (max-width:768px){

.createnotice .createnoticbox ul li.datetime > p span:nth-child(2){
    padding: 0 !important;
}
.createnotice{top: 33px !important;}
}
@media screen and (max-width:510px){
/* .createnotice .createnoticbox ul li.tags .notice_tag_section {
    width: 160px !important;
    flex-direction: column !important;
} */
.createnotice .createnoticbox ul li.tags .notice_tag_section p >span{
    margin-bottom: 5px !important;
}
/* .createnotice .createnoticbox ul li.datetime > p span{
    min-width: auto !important;
    width: 80% !important;
} */
.createnotice .createnoticbox ul li.datetime > p span{
    display: flex;
    flex-direction: column;
}
.createnotice .createnoticbox ul li.datetime > p span{
    width: 185px;
    min-width: 185px !important;}
}
@media screen and (max-height:850px){
    .modal-popup.createnotice.modal-slide._inner-scroll._show{
        height: 100% !important;
    }
}
@media screen and (max-width:600px){
    .noticeBoard ul.noticeboard_main > li:nth-child(2) .notice_dealoftheday p.propertyimage img{
        min-width: 250px;
    }
    .modal-popup.createnotice.modal-slide._inner-scroll,
    .modal-popup.filtermenu.modal-slide._inner-scroll{
     top:inherit !important;
    left:0px !important;
    right:0px !important;
    bottom:-100% !important;
    width:100% !important;
}
.modal-popup.filtermenu.modal-slide._inner-scroll div[data-role="focusable-start"],
.modal-popup.createnotice.modal-slide._inner-scroll div[data-role="focusable-start"]{
    position: relative;
    width: 20%;
    margin: auto;
}
.modal-popup.filtermenu.modal-slide._inner-scroll div[data-role="focusable-start"]::after,
.modal-popup.createnotice.modal-slide._inner-scroll div[data-role="focusable-start"]::after{
    content: "";
    position: absolute;
    z-index: 9999;
    margin: auto;
    width: 100%;
    text-align: center;
    height: 3px;
    background-color: #8c8c8c;
    border-radius: 1px;
    margin-top: 2px;
}
.modal-popup.filtermenu.modal-slide._inner-scroll div[data-role="focusable-start"]::after{
    top: -15px;
}
.modal-popup.createnotice.modal-slide._inner-scroll._show,
.modal-popup.filtermenu.modal-slide._inner-scroll._show{
    bottom:0px !important;
    height: auto;
}
.modal-popup.createnotice.modal-slide._inner-scroll{
    position:fixed !important;
    bottom:-200% !important;
    transition:all ease .5s !important;
    transform: scale(1) !important;
}
body.noticeboard-form-index .modal-popup.createnotice.modal-slide._inner-scroll .modal-inner-wrap{
    width: 100% !important;
    z-index: 999;
    height: 100%;
    bottom: 0 !important;
}
.modal-popup.createnotice.modal-slide._inner-scroll._show{
    transform: scale(1) !important;
    height: 85%;
    z-index: 999999 !important
}
.createnotice .createnoticbox ul li.noticebody > span textarea{
    height: auto !important;
}
}
.elmt-close-icon{
    display: none;
    position: absolute;
    inset: 0 0 auto auto;
    border: 0;
}
.elmt-close-icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    line-height: 32px;
    color: #222222;
    content: '\e616';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    background-color: #F5F5F5 !important;
}
.elmt-close-icon:focus,
.elmt-close-icon:hover{
    border: none !important;
}
/* New notice board Changes */
body.noticeboard-form-index a.btn.create-notice,
.noticeboard-form-index .projects-main-section .noticeBoard > p.btns{
margin: 0px 10px;}
/* Styling the scrollbar in Chrome */
.noticeBoard > p.btns::-webkit-scrollbar {
    width: 10px;
  }
  .noticeBoard > p.btns::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
  }
  /* Styling the scrollbar in Firefox */
  .noticeBoard > p.btns::-moz-scrollbar {
    height: 5px;
  }
  .noticeBoard > p.btns::-moz-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
  }
  /* Styling the scrollbar in Safari */
  .noticeBoard > p.btns::-webkit-scrollbar {
    height: 5px;
  }
  .noticeBoard > p.btns::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
  }
  .required_mage_error{
    color: #ff0000 !important
  }
/* Property expert SCHEDULE A MEETING*/
body.agent-projects-information.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index) .modals-wrapper .modal-popup._inner-scroll:not(.default-modal) .modal-inner-wrap {
    max-width: 68% !important;
}

/* rating-modal */
body.propertyexperts-mymeetings-index.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .propertyexperts-myavailability-index )
.modals-wrapper .rating-modal .modal-inner-wrap{
    max-width: fit-content !important;
}
.modals-wrapper .rating-modal .modal-inner-wrap .modal-header{
    position: absolute;
    right: 0;
}
.modals-wrapper .rating-modal .modal-inner-wrap table thead tr th{
font-size: 12px;
font-weight: 600;
color: #8599B5 !important;
text-align: center;
}
.modals-wrapper .rating-modal .modal-inner-wrap .tab-rating {
    display: flex;
    justify-content: flex-start;
    gap: 120px;
}
body.propertyexperts-mymeetings-index.account .modals-wrapper .rating-modal .modal-inner-wrap .modal-content{
    padding: 20px 30px !important;
}
.modals-wrapper .rating-modal .modal-inner-wrap .tab-rating .tabratinglinks.active label,
.modals-wrapper .rating-modal .modal-inner-wrap .tab-rating .tabratinglinks.active{
    color: #0069FF;
}
.modals-wrapper .rating-modal .modal-inner-wrap .tab-rating .tabratinglinks label{
    color: #8FA3C0;
    display: inline-flex;
    width: 31px;
    font-size: 16px;
    height: 31px;
    align-items: center;
    justify-content: center;
    background: #EDF5FF;
    border-radius: 1.25rem;
    font-weight: 750;
    margin-right: 15px ;
}
.modals-wrapper .rating-modal .modal-inner-wrap .tab-rating .tabratinglinks{
    font-size: 19px;
    font-weight: 700;
    color: #8FA3C0;
    display: inline-flex;
    cursor: pointer;
}
.modals-wrapper .rating-modal .popup-tabs .note label{
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 0px 20px 0px !important;
}
.modals-wrapper .rating-modal .popup-tabs .note textarea{
    border: 1px solid #B6B6B6;
    border-radius: 7px;
}
.modals-wrapper .rating-modal .popup-tabs .popuptab .tabratingcontent > div{
    text-align: right;
}
.modals-wrapper .rating-modal .popup-tabs .popuptab .tabratingcontent > div a{
    border: 3px solid #000 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    height: 36px;
    padding: 0 !important;
    min-width: 113px;
}
.modals-wrapper .rating-modal .popup-tabs .popuptab .tabratingcontent form fieldset.info{
    margin-bottom: 5px;
}
.modals-wrapper .rating-modal table tbody td{
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
    padding: 15px 10px !important;
    border-bottom: 1px solid #EFEFEF !important;
}
.modals-wrapper .rating-modal table tbody td .rate{
    text-align: center;
}
.modals-wrapper .rating-modal .table div:nth-child(odd){
    background: transparent !important;
}
.modals-wrapper .rating-modal table tbody td:first-child{
    font-weight: 750;
    font-size: 14px;
    width: 20px;
}
.modals-wrapper .modal-popup.rating-modal._inner-scroll .modal-inner-wrap .modal-header{
    padding: 0 !important;
}
/* rating-modal */

  body.listingsystem-uploadproperty-upload.account .proxima-myaccount-container .listing-body-content .project-field .control-date-picker input{
    top:0 !important;
  }
  /* upload listing page error msg position */
  body.listingsystem-uploadproperty-upload .page-wrapper .page-main .columns .column.main{
    display: flex;
    flex-direction: column;
  }
  body.listingsystem-uploadproperty-upload .page-wrapper .page-main .columns .column.main > .messages{
    margin-left: 2rem !important;
  }
  body.listingsystem-uploadproperty-upload .page-wrapper .page-main .columns .column.main .listing-body-content{
    order: 1;
  }
  body.account:is(.listingsystem-uploadproperty-upload ) .proxima-myaccount-container .column.main div[data-bind="scope: 'messages'"]{
    position: unset !important;
    order: 0;
  }
  body.account:is(.listingsystem-uploadproperty-upload ) .project-form-terms{
    padding: 11px 2rem!important;
  }
  body.account:is(.listingsystem-uploadproperty-upload ) .project-form-terms p{
    margin: 0;
  }
  body.account:is(.listingsystem-uploadproperty-upload ) .project-form-terms p span{
    font-style: italic !important;
  }
  body.account:is(.listingsystem-uploadproperty-upload ) .page-title-wrapper .page-title span{
    padding: 0 !important;
  }
  body.account:is(.listingsystem-uploadproperty-upload ) .page-title-wrapper {
    padding-left: calc(260px + 4rem) !important;
    }
    @media screen and (max-width:991.98px){
    body.account:is(.listingsystem-uploadproperty-upload ) .page-title-wrapper {
            padding-left: 4rem !important;
    }
    }
    /* upload listing page error msg position */
     /* upload listing page new btn style change */
     body.account .elmt-button{
        margin: 0 2px;
        border: 0;
        padding: 7px 14px;
        height: 2rem;
        width: auto;
        border-radius: 1.25rem;
        background-color: #067df4;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        display: inline-flex;
        cursor: pointer;
        align-items: center;}
        body.account .elmt-button.btn-clr-gray:hover,
        body.account .elmt-button:hover{
        outline: 1px solid #067df4;
        background: #D5EAFF;
        color: #067df4;}
        body.account .elmt-button:focus-visible{
        outline-color:#067df4 !important;}
        body.account .elmt-button i{
        white-space: nowrap;}
        body.account:is(.listingsystem-uploadproperty-upload ) .project-form-terms{
        display: flex !important;
        justify-content: space-between;
        gap: 5px;}
        body.account .elmt-button.btn-clr-gray{
            background-color: #DCDCDC;
            color: #000;
            outline: 1px solid #000;}
         /* upload listing page new btn style change */
    /* showMoreModal popup  */
  .agent-projects-index .proxima-myaccount-container .body-content .projects-main-section #showMoreModal .property-details{
    justify-content: flex-start !important;
    gap: 10px;
  }
  .agent-projects-index .proxima-myaccount-container .body-content .projects-main-section #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;
}
  /*  showMoreModal popup */
  /* common fix new 21-9 */
  body.account .container.roomBookingContainer.table-container-option .tableContainer .dataTables_filter,
  body.account .container.roomBookingContainer.table-container-option .tableContainer .dataTables_length{
      position: unset !important;
      padding: 0 !important;
  }
  @media (max-width: 1199.98px){
    .cms-home-proxima .main-banner-carousel .nivoSlider{
             padding-top: 0 !important;
    }
  }
  @media (max-width: 600.98px){
    body.account .container.roomBookingContainer.table-container-option .tableContainer .dataTables_filter,
    body.account .container.roomBookingContainer.table-container-option .tableContainer .dataTables_length{
        padding-bottom: 10px !important;
        text-align: left !important;
    }
  }

  @media screen and (max-width: 575.98px){
    .account .page-title-wrapper{
        padding-right: 0px !important;
    }}
    /* propertyexperts-scheduledmeetings-ui fix */
    body.account.propertyexperts-scheduledmeetings-index .container.roomBookingContainer table.dataTable tbody td.p_e_rating a.btnrating{
        background: #000;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        margin-left: 5px;
    }
    body.account.propertyexperts-scheduledmeetings-index  .container.roomBookingContainer #tbl-client_wrapper table td:nth-child(9){
        color: #2DA419 !important;
        font-weight: 700;
    }
    body.account.propertyexperts-scheduledmeetings-index .container.roomBookingContainer table.dataTable tbody td.p_e_rating span.rating_count{
        max-width:100% !important;
        text-align: left !important;
    }
    body.account.propertyexperts-index-index .div-invitation-add-btn .invitation-add-btn{
        border: 2px solid #000 !important;
        color: #000 !important;
    }
    body.account.propertyexperts-index-index .div-invitation-add-btn .invitation-add-btn:active{
        background-color: #000 !important;
        color:#fff !important;
        -webkit-text-fill-color:#fff !important;
    }
    body.account.propertyexperts-index-index  .tab button.tablinks{
    background: transparent !important;
    color: #B6B6B6 !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
    padding-left: 10px !important;
    }
    body.account.propertyexperts-index-index  .tab button.tablinks:active{
        color: #000 !important;
        border-bottom: 2px solid #000;
    }
    body.account.propertyexperts-index-index .proxima-myaccount-container .container .row .div-invitation-add-btn{
        text-align: right;
        width: 100%;
        margin: 0 0 20px 0;
    }
    body.account.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container button.btn.sendInvitationBtn{
        border: 2px solid #000 !important;
        color: #000 !important;
    }
    body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button.approve-meeting{
        border: 1px solid red;
        color: red;
        font-size: 12px !important;
        text-transform: capitalize;
    }
    body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button.approve-meeting i{
        margin: 0 5px 0 0;
    }
    body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button.approve-meeting-accept{
        border: 1px solid green;
        color: green;
        font-size: 12px !important;
        text-transform: capitalize;
    }
    body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button.approve-meeting-accept i{
        margin: 0 5px 0 0;
    }
    body.account.propertyexperts-index-index .tab button.tablinks:focus{
        color: #000 !important;
        border-bottom: 2px solid #000;
    }
    body.account.propertyexperts-index-index .container{
        max-width: calc(100% - 30px) !important;
    }
    body.account.propertyexperts-index-index .container .row{
        align-items: center !important;
        justify-content: space-between !important;
    }
    body.account.propertyexperts-index-index .container .row h4.project-name{
        margin: 0 !important;
    }
    body.account.propertyexperts-index-index .proxima-myaccount-container .container .row .div-invitation-add-btn{
        width: auto;
    }
    body.agent-projects-information.account #project_form .table-grid-container:nth-child(3){
        grid-template-columns: repeat(6, 2fr) !important;
        column-gap: 20px !important;
    }
    @media screen and (max-width: 1280px){
        body.agent-projects-information.account #project_form .table-grid-container:nth-child(3){
            grid-template-columns: repeat(4, 2fr) !important;
            column-gap: 20px !important;
        }
    }
    @media screen and (max-width:767px){
        body.agent-projects-information.account #project_form .table-grid-container:nth-child(3){
            grid-template-columns: repeat(1, 2fr) !important;
            column-gap: 20px !important;
        }
        body.agent-projects-information.account #project_form  .table-grid-container{
            column-gap: 20px !important;
            grid-template-columns: repeat(1, 2fr) !important;
        }
    }

    body.agent-projects-information.account #project_form  .table-grid-container{
        column-gap: 20px !important;
    }
    body.account.agent-projects-information.account .proxima-myaccount-container .body-content .modal{
        background-color: rgba(0, 0, 0, 0.4) !important;
    }
    body.agent-projects-information.account #project_form .table-grid-container:nth-child(3) select,
    body.agent-projects-information.account #project_form .table-grid-container:nth-child(3) .do-not-edit,
    body.agent-projects-information.account #project_form .table-grid-container:nth-child(3)  input,
    body.project_theme_mode_normal.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group select,
    body.project_theme_mode_normal.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input,
    body.project_theme_mode_normal.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group .do-not-edit
    {
        display: block !important;
    }
    body.account.agent-projects-information.account .proxima-myaccount-container .body-content .modal.modal-client{
        z-index: 9999 !important;
    }
    body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button[class*="approve-meeting"]{
        border: 2px solid #000 !important;
        height: 23px !important;
        width: max-content;
        padding: 0px 10px;
        color: #000;
    }
    body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal)):is(.date_time, .meetingstatus) .modal-inner-wrap .modal-footer button.send:hover,
    body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button.approve-meeting.approve-meeting-accept:hover{
        background-color: green !important;
        color: #fff !important;
        border-color: green !important;
    }
    body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal)):is(.date_time, .meetingstatus) .modal-inner-wrap .modal-footer button.cancelmeeting:hover,
    body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button.approve-meeting:hover{
        background-color: red !important;
        color: #fff !important;
        border-color: red !important;
    }
    body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button.approve-meeting:hover i,
    body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button.approve-meeting.approve-meeting-accept:hover i{
        color: #fff !important;
    }
    body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button.update-status{
        border: 2px solid #000;
        text-transform: capitalize;
        color: #000 !important;
        width: fit-content;
        height: 23px !important;
        padding: 0px 10px;
        line-height: normal !important;
    }
    /* common fix new 21-9 */

    body.account.agent-projects-information .proxima-myaccount-container .body-content form .publishmsgbox-group {
       display: grid;
       grid-template-columns: repeat(2, 2fr) !important;
       align-items: self-start;
       column-gap: 10px;
       margin-bottom: 20px;
       max-width: 80%;
   }
   @media screen and (max-width: 767px){
    body.account.agent-projects-information .proxima-myaccount-container .body-content form .publishmsgbox-group {
        max-width:100%;
        grid-template-columns: repeat(1, 2fr) !important;
        row-gap: 10px;
        margin:20px 10px;
    }
   }

   body.account.agent-projects-information .proxima-myaccount-container .body-content form .publishmsgbox-group .publishmsgbox_msg{
    width: 100%;
    height: 100%;
    word-break: break-all;
    padding: 10px;
   }
   body.account.agent-projects-information .proxima-myaccount-container .body-content form .publishmsgbox-group .publishmsgbox{
    width: 100%;
    height: 100%;
   }
   body.account.agent-projects-information .proxima-myaccount-container .body-content form .publishmsgbox-group .publishmsgbox_msg h6{
    margin: 10px !important;
    text-align: left !important;
   }

    /* PROJECT DETAILS page-publishmsgbox_msg  style fix */
/* new changes*/
@media screen and (max-width: 768px){
    body.agentmanagement-agentmatrix-agentmatrix.account.page-layout-2columns-left .page-title-wrapper {
        flex-direction: row !important;
        text-align: left !important;
    }
}
/* new changes*/
body.agentmanagement-agentmatrix-agentmatrix .summary-agent-popup{
    display: none;
}
    @media screen and (max-width: 575.98px){
    body.agentmanagement-agentmatrix-agentmatrix .summary-agent-popup {
        display: block;
        z-index: -1;
        background-color: rgba(0, 0, 0, 0.4) !important;
        position: fixed !important;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        overflow: auto;
        bottom: 0;
    }
    body.agentmanagement-agentmatrix-agentmatrix .summary-agent-popup.show {
        z-index: 9999 ;
    }
    body.agentmanagement-agentmatrix-agentmatrix .summary-agent-popup .modal-content {
        inset: auto 0 -120% 0;
        position: absolute;
    }

    body.agentmanagement-agentmatrix-agentmatrix .summary-agent-popup.show .modal-content {
        inset: auto 0 0 0;
        position: absolute;
        -webkit-transition: .4s;
        transition: .4s;
        margin: 0 !important;
    }
    body.agentmanagement-agentmatrix-agentmatrix .summary-agent-popup .modal-content .agent-mobile-content{
        border-radius: 5px;
        background: #F5F5F5;
        padding: 15px !important;
    }
    body.agentmanagement-agentmatrix-agentmatrix .summary-agent-popup .modal-content .agent-mobile-content h5{
        color: #000;
        font-size: 16px !important;
        line-height:19px ;
        font-weight: 750 !important;
        margin-bottom: 10px !important;
    }
    body.agentmanagement-agentmatrix-agentmatrix .summary-agent-popup .modal-content .agent-mobile-content .details-group {
        display: flex;
        align-items: center;
        padding-bottom: 5px;
    }
}
    /* agentmanagement-agentmatrix-summary-style fix */


    body.propertyexperts-index-index .dataTables_wrapper table,
    #tbl-client_wrapper table {
        display: table!important;
    }
    body.propertyexperts-index-index .propertyexperts-search-results .roomBookingContainer table td{
        color: #000 !important;
        font-size: 0.8rem !important;
        height: 2.5625rem !important;
        padding: 2px 2px 7px 10px !important;
    }
    .project-details-box ul.project-details-mainlist > li:nth-child(3) .spa p.contlist a:nth-child(5) span{
        background: url(../images/ManagePropertyExperts.svg) no-repeat 0% 50%;
        background-size: 24px auto;
    }
    .project-details-box ul.project-details-mainlist > li:nth-child(3) .spa p.contlist a:nth-child(6) span{
        background: url(../images/PropertyExpert.svg) no-repeat 0% 50%;
        background-size: 24px auto;
    }
    .project-details-box ul.project-details-mainlist > li:nth-child(3) .spa p.contlist a:nth-child(7) span{
        background: url(../images/ProjectTraining.svg) no-repeat 0% 50%;
        background-size: 24px auto;
    }
    .project-details-box ul.project-details-mainlist > li:nth-child(3) .spa p.contlist a:nth-child(9) span{
        background: url(../images/ProjectDiscount.svg) no-repeat 0% 50%;
        background-size: 24px auto;
    }
    .project-details-box ul.project-details-mainlist > li:nth-child(3) .spa p.contlist a.manager-view-icon span{
        background: url(../images/manage_availablity.svg) no-repeat 0% 50%;
        background-size: 24px auto;
    }
    .agent-projects-information .select2-container.select2-container--default.select2-container--open{
        z-index: 9999;
    }
    body.account.propertyexperts-index-index .div-invitation-add-btn .invitation-add-btn{
        max-width: 100% !important;
    }

    body.account.propertyexperts-index-index .div-invitation-add-btn .invitation-add-btn:hover{
        color: #fff !important;
        background-color: #000 !important;
    }
    body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal, .map-selector-pop-up , .modal-confirm-popup, .confirm-alert-info-success-modal, .default-modal)) .modal-inner-wrap .modal-footer button:hover{
        background-color: #000 !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
    body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal, .confirm-alert-info-success-modal,.default-modal)) .modal-inner-wrap .modal-footer button{
        width: auto !important;
        min-width: auto !important;
        max-width: auto !important;
        padding: 0 20px !important;
        margin-left: 10px !important;
    }
    /* AVAILABLE DATE AND TIME-responsive-style fix */
    @media screen and (max-width:991px){
        .availability ul{
            flex-direction: column;
            width: 100%;
        }
        .availability ul li:nth-child(1){
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 30px;
        }
        .availability ul  li:nth-child(2){
            width: 100%;
            padding: 0 !important;
        }
        .availability ul li:nth-child(3){
            /* flex-wrap: wrap; */
            display: block;
            width: 100%;
            max-height: 100% !important;
            height: auto !important;
            overflow: hidden !important;
        }
    }


    /* property expert reponsive  */
    @media screen and (max-width:768.68px){
        #profile-section .videobox ul{
            grid-template-columns: repeat(1, 1fr);
        }
       }
    @media screen and (max-width:568.68px){
        #profile-section{
          width: 100% !important;
        }
        #profile-section .profilebox p.prfimg{
            position: initial;
            margin: auto;
        }
        #profile-section .profilebox{
            padding: 30px !important;
        }
        #profile-section .profilebox h3{
            text-align: center;
        }
      }
      /* property expert reponsive  */
@media screen and (max-width:1440px) {
    body.propertyexperts-scheduledmeetings-index .container.roomBookingContainer .dataTables_wrapper {
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }
    body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container .tabcontent{
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

}
@media screen and (max-width:991px){
    body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container table.propertyexpert tbody td{
        line-height: 25px !important;
    }
}
   /*propertyexperts-scheduledmeetings reponsive  */

   body.propertyexperts-myavailability-index form.container#form_myavailabilitygrid{
       margin: 0 !important;
   }
   body.propertyexperts-myavailability-index .modal-inner-wrap .modal-footer button#cancelButton:hover{
    -webkit-text-fill-color: #fff !important;
   }
   body.propertyexperts-myavailability-index .modal-inner-wrap .modal-footer button#saveButton:hover{
    -webkit-text-fill-color: #fff !important;
   }

   @media screen and (max-width:767px){
    .property_expert_div ul{
        grid-template-columns: repeat(1, 1fr);
    }
   }
   @media screen and (max-width:991px){
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox,
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul{
       flex-direction: column;
    }
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(1),
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(2),
    .modal-inner-wrap .modal-content #popup-modal-schedule-meeting form#meeting_form > ul > li:nth-child(3)
    {
        width: 100% !important;
    }

    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox,
    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul{
       flex-direction: column;
    }
    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(1),
    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(2),
    .modal-inner-wrap .modal-content #popup-modal-schedule-inspection form#inspection_form > ul > li:nth-child(3)
    {
        width: 100% !important;
        border-left: none;
    }

    .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox,
    .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul{
       flex-direction: column;
    }
    .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(1),
    .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(2),
    .modal-inner-wrap .modal-content #popup-modal-project-training form#project_training_form > ul > li:nth-child(3)
    {
        width: 100% !important;
    }

   }
   @media screen and (max-width:1280px){
    body.agent-projects-information.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup._inner-scroll:not([class*='custom_modal__']) .modal-inner-wrap{
        max-width: 100% !important;
        width: 90% !important;
    }
   }
   /* SCHEDULE A MEETING-responsive-style fix */
   body.account.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container button.btn.sendInvitationBtn:active,
   body.account.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container button.btn.sendInvitationBtn:hover{
    background-color: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
   }
   body.account.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close{
    background-color: transparent !important;
    color: #000 !important;
   }
   .modals-wrapper .modal-popup._inner-scroll:not(.custom_modal__share_project,.custom_modal__modal) .modal-inner-wrap .modal-header .action-close:before{
    color: #000 !important;
    font-weight: 600 !important;
   }
   @media screen and (max-width:1280px) {
       body.propertyexperts-index-index .fieldset.info .input-flex .field {
           width: 100% !important;
       }
   }

   body.propertyexperts-index-index  select {
       border-radius: 20px !important;
   }
   @media screen and (max-width:991px){
    body.account.propertyexperts-index-index .container .dataTables_wrapper{
        overflow-x: auto !important;
        width: 100%;
    }
    body.propertyexperts-index-index .modal-popup.confirm .modal-inner-wrap {
        max-width: 100% !important;
        min-width: 90% !important;
    }
   }
 @media screen and (max-width:767px) {
     body.account.propertyexperts-index-index .container .row h6 {
         margin-bottom: 20px !important;
     }
 }

 body.account.propertyexperts-index-index .container .row h6 {
     width: fit-content;
 }
   /* PROPERTY EXPERTS-responsive-style fix */
   body.account .property_expert_div ul li > p.videos .video{
    background: url(../images/video-28-regular.svg) no-repeat 0% 0%;
}
body.account .property_expert_div ul li > p.videos .video:hover {
    background: url(../images/video-28-filled.svg) no-repeat 0% 0%;
}
body.project_theme_mode_normal.account .property_expert_div ul li > p.videos span {
    padding: 0px 0px 0px 30px;
}
body.project_theme_mode_normal.account .property_expert_div ul li > p.videos label{
    position: relative;
    top: -4px;
}


body.agent-projects-information #create-new-client  input{
    display: block !important;
}
/* common - modal width responsive  */
.elmt-modal-container{}
.elmt-modal-container .modal-inner-wrap{
    width: 98% !important;
    max-width: 98% !important;
    min-width: 98% !important;}
.elmt-modal-container.elmt-modal-sm .modal-inner-wrap,
.elmt-modal-container.elmt-modal-md .modal-inner-wrap,
.elmt-modal-container.elmt-modal-lg .modal-inner-wrap,
.elmt-modal-container.elmt-modal-xl .modal-inner-wrap{
    width: fit-content !important;
    max-width: fit-content !important;
    min-width: fit-content !important;}
.elmt-modal-container.elmt-modal-xl .modal-inner-wrap .modal-content{
    min-width: 1080px;}
.elmt-modal-container.elmt-modal-lg .modal-inner-wrap .modal-content{
    min-width: 991px;}
.elmt-modal-container.elmt-modal-md .modal-inner-wrap .modal-content{
    min-width: 768px;}
.elmt-modal-container.elmt-modal-sm .modal-inner-wrap .modal-content{
    min-width: 568px;}
@media screen and (max-width:1080.68px){
.elmt-modal-container.elmt-modal-xl .modal-inner-wrap,
.elmt-modal-container.elmt-modal-xl .modal-inner-wrap .modal-content{
        min-width: auto !important;
        max-width: 100% !important;
        width: 98% !important;}}
@media screen and (max-width:991.68px){
.elmt-modal-container.elmt-modal-lg .modal-inner-wrap,
.elmt-modal-container.elmt-modal-lg .modal-inner-wrap .modal-content{
        min-width: auto !important;
        max-width: 100% !important;
        width: 98% !important;}}
@media screen and (max-width:768.68px){
.elmt-modal-container.elmt-modal-md .modal-inner-wrap,
.elmt-modal-container.elmt-modal-md .modal-inner-wrap .modal-content{
        min-width: auto !important;
        max-width: 100% !important;
        width: 98% !important;}}
@media screen and (max-width:568.68px){
.elmt-modal-container.elmt-modal-sm .modal-inner-wrap,
.elmt-modal-container.elmt-modal-sm .modal-inner-wrap .modal-content{
    min-width: auto !important;
    max-width: 100% !important;
    width: 98% !important;}}
/* common - modal width responsive  */

@media screen and (max-width:568.68px){
body.propertyexperts-mymeetings-index.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .propertyexperts-myavailability-index ) .modals-wrapper .modal-popup._inner-scroll.elmt-modal-container .modal-inner-wrap{
    width: 98% !important;
}}

body.propertyexperts-index-index .select2-container--default .select2-selection--single{
    border-radius: 20px !important;
}
body.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll.invitation-form-popup .modal-inner-wrap .modal-content .registration-container .fieldset.info{
width: 80% !important;
}
@media screen and (max-width:991px){
    body.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll.invitation-form-popup .modal-inner-wrap .modal-content .registration-container .fieldset.info{
        width: 100% !important;
        }
}
body.agent-projects-information.account #project_form .table-grid-container:nth-child(3) input.d-none,
body.agent-projects-information .proxima-myaccount-container .body-content .modal-content .table-grid-container div.form-group input.d-none{
display: none !important;
}
body.agent-projects-information #create-new-client .select2-container--default .select2-selection--multiple  .select2-selection__choice__remove span{
    display: block !important;
}
body.account.agent-projects-information #create-new-client .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    display:block !important;
}
body.account.agent-projects-information #create-new-client  form div.form-group.r-span.legal-entity .select2-selection.select2-selection--multiple{
    border-radius: 20px;
    height: 20px;
    height: auto;
    display: block !important;
    border: 1px solid #000 !important;
}
body.account.agent-projects-information #create-new-client   div.form-group.mult-select-input{
    bottom: 0 !important;
}
body.agent-projects-information #create-new-client .selection .select2-search.select2-search--inline input.select2-search__field{
    border: 0 !important;
    margin-bottom: 0 !important;
}
/* SCHEDULE A MEETING-popup-style-fix */

   body.account.propertyexperts-index-index .tab button.tablinks.active{
    color: #000 !important;
    border-bottom: 2px solid #000;
   }
   /* SCHEDULE A MEETING-responsive-style fix */

   body.propertyexperts-mymeetings-index  .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tab button{
    margin-right: 10px;
    border-bottom: 2px solid #B6B6B6;
   }
   body.propertyexperts-mymeetings-index  .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tab button.active{
    margin-right: 10px;
    border-bottom: 2px solid #000;
   }
   /*propertyexperts-mymeetings-responsive-style fix */


   body.account.propertyexperts-index-index .tab button.tablinks.active{
    margin-right: 10px;
    border-bottom: 2px solid #000;
    background: transparent !important;
   }
   body.account.propertyexperts-index-index .tab button.tablinks{
    margin-right: 10px;
    border-bottom: 2px solid #B6B6B6;
    background: #b6b6b62b !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
   }
   body.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll.invitation-form-popup .modal-inner-wrap .modal-content .registration-container .fieldset.info{
    width: 100% !important;

   }
   body.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll.invitation-form-popup .modal-inner-wrap .modal-content .registration-container  .fieldset.info .input-flex .field{
    width: 100% !important;
   }
   body.propertyexperts-index-index .select2-container--default .select2-selection--single .select2-selection__placeholder{
    font-size: 12px !important;
   }
   body.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll.invitation-form-popup .modal-inner-wrap .modal-content .registration-container .fieldset.info .field .label{
    font-weight: 600 !important;
   }
   body.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll.invitation-form-popup .modal-inner-wrap .modal-content .registration-container .fieldset.info span.btn-right{
    display: flex;
    justify-content: flex-end !important;
   }
   body.propertyexperts-index-index .modal-popup.confirm .modal-inner-wrap .modal-header{
    display: flex;
    justify-content: flex-start !important;
    text-align: left !important;
   }
   body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal,.propertyexperts-index-index, .map-selector-pop-up, .commission-popup, .default-modal)) .modal-inner-wrap .modal-footer button span:hover{
    -webkit-text-fill-color: #000 !important;
   }
   body.project_theme_mode_normal.account .modal-popup.confirm .modal-inner-wrap .modal-footer button:hover{
    -webkit-text-fill-color: #fff !important;
   }
   button.week-selection.active{
    background-color:#0069FF !important;
    color:#ffffff !important;
   }
   @media screen and (max-width:991px){
    body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span.fee_text{
    display: block !important;
    }
    body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span.fee_text{
        display: block !important;
        }
    body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span.fee_text{
        display: block !important;
        }
   }
   body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll:not(.default-modal) .modal-inner-wrap .modal-content{
    padding: 30px !important;
   }
   body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span.btns button{
    border: 2px solid #000 !important;
   }
   body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span.btns button{
    border: 2px solid #000 !important;
   }
   body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span.btns button{
    border: 2px solid #000 !important;
   }
   body.propertyexperts-index-index .modal-popup.confirm .modal-inner-wrap {
    max-width: 30% !important;
   }
   body.propertyexperts-index-index .modal-popup.confirm .modal-inner-wrap .modal-header button.action-close{
    display: none !important;
   }
   body.propertyexperts-index-index .modal-popup.confirm .modal-inner-wrap .modal-footer button{
    margin: 0 10px 0 0 !important;
   }
   body.account:not(.reservation-reservationcomplete-index, .offer-viewoffer-details, .agentregistration-invitations-index, .agent-projects-index ) .modals-wrapper .modal-popup._inner-scroll:not(.default-modal,.non-header-footer-modal,.default-modal-width) .modal-inner-wrap .modal-content{
    padding: 30px !important;
   }
   body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup:not(.modal-pop-up-custom-sales-advice, [class*="custom_modal__"])._inner-scroll .modal-inner-wrap .modal-content :not(.pp_status) button:not([class*="owl-"],.select2-selection__choice__remove,.select2-selection__clear,#new-solicitor){
    margin-top: 20px;
   }
   body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index , .custom-popup-class) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content select:not(#select_solicitor,.default-select),
   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){
    border-radius: 20px !important;
    height: 2.375rem !important;
   }
   body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content select#fee_symbol{
    padding: 0px 15px;
    line-height: 120%;
    margin-bottom: 20px;
   }
   body.project_theme_mode_normal.account .modal-popup.confirm .modal-inner-wrap .modal-footer button span:hover{
    background-color: #000 !important;
    color:#fff !important;
    -webkit-text-fill-color: #fff !important;
   }
   /* propertyexperts-index-index-popup-style-fix */

   @media screen and (max-width:767px){
    body.account.propertyexperts-index-index .proxima-myaccount-container .container .row .div-invitation-add-btn{
     text-align: center !important;
     margin-bottom: 40px !important;
    }
    body.account.propertyexperts-index-index .proxima-myaccount-container .container div.dataTables_wrapper div.dataTables_filter{
        text-align: right !important;
    }
    body.account.propertyexperts-index-index .property_expert_tab.tab {
       display: flex !important;
       width: 100%;
       justify-content: center;
   }
   }
   @media screen and (max-width:1440px) {
    body.account.propertyexperts-index-index .proxima-myaccount-container .container .row .div-invitation-add-btn{
        margin: 0 0 20px 0 !important;
    }
   }
   @media screen and (max-width:991px){
    body.account.propertyexperts-index-index .container .dataTables_wrapper{
        overflow-y: hidden;
    }
   }
   body.propertyexperts-index-index .proxima-myaccount-container .body-content .propertyexperts-search-results .roomBookingContainer table .btn.btn-secondary.btn-round{
    height: auto !important;
    width: max-content;
   }
   body.propertyexperts-index-index .propertyexperts-search-results .roomBookingContainer table td .action-btn-grp{
    display: inline-flex;
    align-items: center;
   }
   
   /* propertyexperts-index-index-tab-style-fix */

   body.agent-projects-information .property_expert_div ul li > p.prf-pic span.profile{
    background-image: url('../images/user-bg.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
   }
   .property_expert_div ul li button.schedule-meeting{
    text-transform: capitalize !important;
   }
   .property_expert_div ul li button.schedule-meeting:hover{
    background: #fff !important;
    color:  #000 !important;
    border: 2px solid #000;
   }
   /* SCHEDULE A MEETING-style-fix */

   body.propertyexperts-myprofile-index #profile-section .profilebox a.edit_profile{
    text-align: right;
    display: flex;
    justify-content: flex-end;

   }
   body.propertyexperts-myprofile-index #profile-section .profilebox a.edit_profile i{
    font-size: 20px;
    color: #000;

   }
   body.propertyexperts-myprofile-index  #profile-section .profilebox p.prfimg span.profilepic{
    background-image: url('../images/user-bg.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size:auto;
   }

   /* MY PROFILE style-fix */
   .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tab{
    padding: 0px 0px 35px 0px !important;
   }
   @media screen and (max-width:767px){
    .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tab{
        padding: 0px 0px 60px 0px !important;
       }
   }

   body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild{
    display: flex;
    column-gap: 20px;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px !important;
   }
   body.propertyexperts-mymeetings-index .container-feild{
    display: flex;
    column-gap: 20px;
    align-items: center;
    justify-content: flex-start;

   }
   @media screen and (max-width:767px){
    body.propertyexperts-mymeetings-index .container-feild,
    body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild{
    flex-direction: column;
    align-items: initial;
    justify-content: flex-start;

    }
   }
   body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild .feild label.hide-label{
    visibility: hidden;
   }
   body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild .feild{
    display: flex;
    flex-direction: column;
    width: 19%;
   }
   .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent div.dataTables_wrapper div.dataTables_filter input{
    display: inline-block;
    width: auto;
    padding: 0px 9px 0px 10px;
    border: 1px solid #ECECEC !important;
    height: 40px;
    font-size: 12px !important;
    margin-left: 10px !important;
   }
   body.propertyexperts-mymeetings-index .container-feild .feild button,
   body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild .feild button{
    height: 2.375rem !important;
    font-size: .75rem !important;
    line-height: 0.75rem;
    text-align: center;
    align-items: center;
    margin: 0;
    display: flex;
    justify-content: center;
    border: 2px solid #000 !important;
    border-radius: 20px;
    background: #fff !important;
    color: #000 !important;
    width: 95px;
    text-transform: capitalize !important;
   }
   body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild .feild button:hover,
   body.propertyexperts-mymeetings-index .container-feild .feild button:hover{
    background: #000 !important;
    color: #fff !important;
   }

   body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild .feild button:hover{
    background: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
   }
   body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild .feild input{
    height: 2.375rem !important;
   }
   body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild .feild label{
    font-size: 14px;
    font-weight: 600 !important;
    text-transform: capitalize;
    line-height: 30px;
   }
   @media screen and (max-width:767px){
    body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild {
    flex-direction: column;
     gap: 10px;
 }body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild .feild{
    width: 100%;
 }
   }
   /* MY AVAILABILITY date feild style fix */
   .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable td.p_e_ratingc span.rating-feild ,
   .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable td.p_e_ratinga span.rating-feild {
    display: flex;
    align-items: center;
   }
   .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable td.p_e_ratingc span.rating-feild .ratingc,
   .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable td.p_e_ratinga span.rating-feild .ratinga {
    max-width: auto !important;
    margin: 0 !important;
    min-width: 40px !important;
   }
   .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable td.p_e_ratingc span.rating-feild .rating-starc ,
   .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable td.p_e_ratinga span.rating-feild .rating-stara {
    margin: 0 !important;
   }
   /* MY MEETINGS date feild style fix */

   body.propertyexperts-index-index .proxima-myaccount-container .body-content .propertyexperts-search-results .roomBookingContainer table button.btn.btn-secondary.btn-round{
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    margin-left: 0 !important;
   }
   body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-schedule-meeting > p.btnsbox span.btns button:hover{
    background: #000 !important;
    color: #fff !important;
   }
   body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-schedule-inspection > p.btnsbox span.btns button:hover{
    background: #000 !important;
    color: #fff !important;
   }
   body.agent-projects-information .modal-inner-wrap .modal-content #popup-modal-project-training > p.btnsbox span.btns button:hover{
    background: #000 !important;
    color: #fff !important;
   }
   body.account.agent-projects-information.account .proxima-myaccount-container .body-content .modal.modal-client .modal-content span.close.client-modal-close{
   color:#000 !important ;
   }
   /* propertyexperts-index-index-style-fix */

   body.propertyexperts-myprofile-index .modals-wrapper #modal-content-15 .psp-registration-container-grid{
    gap: 15px !important;
   }
   body.propertyexperts-myprofile-index .modals-wrapper #modal-content-15 .psp-registration-container-grid input[type="file"]{
    border: 1px solid #ECECEC !important;
    border-radius: 20px !important;
    width: 100%;
    height: 2.375rem !important;
    padding: 5px 10px;
   }
   body.propertyexperts-myprofile-index .modals-wrapper #modal-content-15 .psp-registration-container-grid input[type="tel"]{
    height: 2.375rem !important;
    border-radius: 20px !important;
   }

   /* MY PROFILE-popup style fix */


    /* common fix new 21-9 */

    .availability ul li:nth-child(3){
        max-height: 100% !important;
        height: auto !important;
        overflow: hidden !important;
    }
    .availability ul li:nth-child(3) button{
        padding: 5px 0px !important;
        margin: 0 0  10px !important;
    }
    .availability ul li:nth-child(3) p.selected-date{
        margin: 18px 0 18px 0 !important;
    }
    .availability ul li:nth-child(3) .date-btn-grp{
        max-height: 270px;
        overflow: auto;
    }
    .availability ul li:nth-child(3) p.selected-date{
        text-align: center;
    }
    .availability ul li:nth-child(2){
        padding: 0px 30px 0 10px !important;
    }
    .availability ul li:nth-child(3) button.active-slot{
        color: #fff !important;
        background: #9a9a9a !important;
        border: 1px solid #9a9a9a !important;
    }
    .availability ul li:nth-child(3) button.active-slot:hover{
       color:#fff !important ;
    }
    /* AVAILABLE DATE AND TIME-style fix */
    body.account.propertyexperts-scheduledmeetings-index .container.roomBookingContainer table.dataTable tbody td.p_e_rating span.rating_count{
        cursor: default !important;
    }

    /* MY SCHEDULED MEETINGS-style fix  */
    @media screen and (max-width:991px) {
        body.propertyexperts-peregistration-index .psp-registration-container .psp-registration-container-grid {
            grid-template-columns: repeat(1, 1fr) !important;
        }

        body.propertyexperts-peregistration-index .agent-section .psp-registration-container form {
            padding: 20px !important;
        }
    }

    body.account.propertyexperts-myprofile-index input[type="file"]::file-selector-button,
    body.account.propertyexperts-myprofile-index input[type="file"]::-webkit-file-upload-button {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        padding: 0.2em;
        border: none;
        background-color: #067df4 !important;
        border-radius: 3px;
    }

    body.propertyexperts-myprofile-index .modals-wrapper .select2-container--default .select2-selection--single {
        border-radius: 20px !important;
        height: 2.375rem !important;
        border: 1px solid #ECECEC !important;
    }
    @media screen and (max-width:767px){
        body.propertyexperts-myprofile-index .modals-wrapper #modal-content-15 .psp-registration-container-grid{
        grid-template-columns: repeat(1, 1fr)!important;
        }
    }
    /* EDIT PROFILE popup in my profile page style fix */

    body.propertyexperts-index-index  .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .btn-right  {
        text-align: right !important;
        display: flex;
        justify-content: flex-end;
    }
    /* UPDATE FEES in PROPERTY EXPERTS page style fix */
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .approve-meeting-section .submit-section .section-btn{
        display: flex;
        justify-content: flex-end;
    }
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .approve-meeting-section .submit-section {
        width: 100%;
        padding: 0 20px
    }
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .approve-meeting-section .submit-section .container-grid .field .label span a{
        color: #067df4 !important;
    }
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .approve-meeting-section .submit-section .section-btn .btn-accept-meeting,
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .approve-meeting-section .submit-section .section-btn .btn-decline-meeting {
       border-radius: 20px !important;
       background: #fff;
       color: #000;
       height: 2.375rem;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-width: 6rem;
       max-width: 12rem;
       font-size: 0.75rem !important;
       font-weight: 700;
       border: 2px solid #000 !important;
       text-transform: capitalize;
   }
   body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .approve-meeting-section .submit-section .section-btn .btn-accept-meeting:hover,
   body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .approve-meeting-section .submit-section .section-btn .btn-decline-meeting:hover{
    background: #000;
    color: #fff;
   }
   @media screen and (max-width:767px){
   body.propertyexperts-mymeetings-index.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .propertyexperts-myavailability-index ) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap{
    max-width: 100% !important;
   }
}
body.propertyexperts-scheduledmeetings-approve .page-main .row .meeting-approval-submit-section .container-grid .field .label a{
    color: #067df4 !important;
}
/* MEETING APPROVAL popup in my meeting page style fix */


body.propertyexperts-scheduledmeetings-approve .modal-popup .modal-inner-wrap {
    max-width: 30% !important;
}
@media screen and (max-width:991px){
    body.propertyexperts-scheduledmeetings-approve .modal-popup .modal-inner-wrap {
        max-width: 100% !important;
    }
}
body.propertyexperts-scheduledmeetings-approve .modal-inner-wrap .modal-footer button {
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
}
body.propertyexperts-scheduledmeetings-approve .modal-inner-wrap .modal-footer button:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}
body.propertyexperts-scheduledmeetings-approve .modal-popup .modal-footer {
    margin-top: auto;
    padding-bottom: 2rem;
    padding-top: 12px;
}
body.propertyexperts-scheduledmeetings-approve .modal-popup.confirm .modal-inner-wrap .modal-content{
    text-align: left;
    padding-left: 30px !important;
}
/* approve-popup */
body.propertyexperts-scheduledmeetings-approve .page-main .row{
    padding: 60px 0;
    max-width: 60% !important;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
@media screen and (max-width:767px){
    body.propertyexperts-scheduledmeetings-approve .page-main .row{
       max-width: 100% !important;
    }
}
body.propertyexperts-scheduledmeetings-approve .page-main .row .meeting-approval-submit-section{
    padding: 20px 40px 0;
    margin: 0 auto !important;
}
body.propertyexperts-scheduledmeetings-approve .page-main .row .meeting-approval-submit-section .section-btn .btn-accept-meeting,
body.propertyexperts-scheduledmeetings-approve .page-main .row .meeting-approval-submit-section .section-btn .btn-decline-meeting{
    border-radius: 20px !important;
    background: #fff;
    color: #000;
    height: 2.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 6rem;
    max-width: 12rem;
    font-size: 0.75rem !important;
    font-weight: 700;
    border: 2px solid #000 !important;
    text-transform: capitalize;
}
body.propertyexperts-scheduledmeetings-approve .page-main .row .meeting-approval-submit-section .section-btn .btn-accept-meeting:hover,
body.propertyexperts-scheduledmeetings-approve .page-main .row .meeting-approval-submit-section .section-btn .btn-decline-meeting:hover{
    background: #000;
    color: #fff;
}
body.propertyexperts-scheduledmeetings-approve .page-main .row .meeting-approval-submit-section .section-btn {
    display: flex;
    justify-content: flex-end;
}
body.propertyexperts-scheduledmeetings-approve .page-main .row .meeting-approval-submit-section .container-grid .field  .label{
    font-size: 18px !important;
}
body.propertyexperts-scheduledmeetings-approve .page-main .row .meeting-approval-submit-section .container-grid {
   margin-bottom: 30px;
}
/* MEETING APPROVAL popup in my meeting page style fix */

body.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable td a {
    cursor:pointer;
    color: #067df4 !important;
    white-space: nowrap;
}
body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td button.update-status{
    font-size: 12px !important;
}
body.account.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main table tbody tr td.modal-btn div {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
body.propertyexperts-mymeetings-index .container-feild .feild input[type*="date"]{
    height: 2.375rem !important;
}
/* MY MEETINGS page style fix */

body.account.agent-projects-information.modal-openclient .proxima-myaccount-container .body-content form div.create-new-client-form-buttons.new-client input{
    height: 2.375rem !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    min-width: 116px !important;
}

/* New Client popup in SCHEDULE A MEETING style fix */

body.account.propertyexperts-scheduledmeetings-index .container.roomBookingContainer #tbl-client_wrapper table td a{
    color:#067df4 !important ;
}
/* MY SCHEDULED MEETINGS tbl style fix */

    .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tab.tab_filter{
        display:inline-block;
    }
    body.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper .dataTables_filter{
        padding-bottom: 20px !important;
    }
    body.propertyexperts-mymeetings-index .container-feild{
        position: relative;
        top: 40px !important;
        width: fit-content;
    }
    @media screen and (max-width:991px){
        body.propertyexperts-mymeetings-index .container-feild{
            position: relative;
            top: 0px !important;
        }
    }
    @media screen and (max-width:767px){
        body.propertyexperts-mymeetings-index .container-feild{
          flex-direction: column;
          align-items: normal !important;
        }
    }
    body.propertyexperts-mymeetings-index .proxima-myaccount-container .column.main form#form_mymeetingsgrid .tab{
        padding: 0px !important;
    }
    /* propertyexperts-mymeetings-index tab style fix */


    body.propertyexperts-mymeetings-index.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .propertyexperts-myavailability-index ) .modals-wrapper .modal-popup.meeting-approval._inner-scroll .modal-inner-wrap{
        max-width: 30% !important;
    }
    body.propertyexperts-mymeetings-index.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .propertyexperts-myavailability-index ) .modals-wrapper .modal-popup.meeting-approval._inner-scroll .modal-inner-wrap .modal-content{
       padding-top: 0 !important;
    }
    body.propertyexperts-mymeetings-index.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .propertyexperts-myavailability-index ) .modals-wrapper .modal-popup.meeting-approval._inner-scroll .modal-inner-wrap .modal-content .approve-meeting-section .submit-section .container-grid .field div{
        padding-bottom: 15px !important;
     }
     body.propertyexperts-mymeetings-index.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .propertyexperts-myavailability-index ) .modals-wrapper .modal-popup.meeting-approval._inner-scroll .modal-inner-wrap .modal-content .approve-meeting-section .submit-section .container-grid .field div.mage-error{
        padding-bottom: 0px !important;
     }
    @media screen and (max-width:991px){
        body.propertyexperts-mymeetings-index.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .propertyexperts-myavailability-index ) .modals-wrapper .modal-popup.meeting-approval._inner-scroll .modal-inner-wrap{
            max-width: 100% !important;
        }
    }
    /* propertyexperts-mymeetings popup style fix */
    body.propertyexperts-myavailability-index .container ._has-datepicker .ui-datepicker td.ui-datepicker-current-day a.ui-state-default:hover,
    body.propertyexperts-myavailability-index .container ._has-datepicker .ui-datepicker td.ui-datepicker-current-day a.ui-state-default:active,
    body.propertyexperts-myavailability-index .container ._has-datepicker .ui-datepicker td.ui-datepicker-current-day a.ui-state-default{
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
    body.propertyexperts-myavailability-index td a.ui-state-default:hover{
        background: #0069FF !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    /* AVAILABLE DATE AND TIME popup-style fix */
    body.propertyexperts-myprofile-index .select2-container--default .select2-selection--multiple{
        border-radius: 20px !important;
        border: 1px solid #ECECEC !important;
    }
    body.account.project_theme_mode_normal .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display{
        font-size: 0.8rem !important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice{
        border: 1px solid #ECECEC !important;
    }
    /* EDIT PROFILE popup in propertyexperts-myprofile page style fix */

    .property_expert_div .video label:hover{
        color: #2e74ee !important;
        cursor: pointer;
    }
    /* Property Experts card style fix */
    body.account.propertyexperts-scheduledmeetings-index .container.roomBookingContainer #tbl-client_wrapper table td a.btnrating{
        color: #fff !important;
        cursor:pointer;
    }
    body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:before{
        color: #000 !important;
    }
    body.account.propertyexperts-scheduledmeetings-index .modal-inner-wrap header.modal-header h1{
        padding: 0 !important;
    }
    body.propertyexperts-scheduledmeetings-index.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content{
        padding-top: 0 !important;
    }
    body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container table.propertyexpert thead tr th {
      font-size: 12px;
      font-weight: 600;
      color: #8599B5 !important;
      text-align: center;
      line-height: 20px;
  }
  body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container table.propertyexpert tbody td{
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
    padding: 15px 10px !important;
    border-bottom: 1px solid #EFEFEF !important;
  }
  body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container .tabcontent .note{
    padding-top: 20px !important;
  }
    /* MY SCHEDULED MEETINGS style fix */
   body.propertyexperts-peregistration-index .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff!important;
    border: 1px solid #ECECEC !important;
    margin-bottom: 0rem!important;
    }
    body.propertyexperts-peregistration-index .select2-container--default .select2-selection--multiple {
        border: 1px solid #ECECEC !important;
    }
    body.propertyexperts-peregistration-index .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span:hover{
        background-color: transparent !important;
        color: #999!important;
    }
    body.propertyexperts-peregistration-index .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
        background-color: transparent !important;
        color: #999!important;
    }
    body.propertyexperts-mymeetings-index .container-feild .feild .serach_section,
    body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild .feild .serach_section{
        display:flex;
    }
    body.propertyexperts-mymeetings-index .container-feild .feild button,
    body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content .container-feild .feild button{
        margin-right:10px;
    }
    /* EventManagement new page all style */
    .event-main-management-container{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .eventmanagement.container{
        min-height: 200px;
        padding: 10px 20px;
        border: 1px solid #000;
        margin-bottom: 10px;
        display: inline-block !important;
        width: 50% !important;
        margin: 0;
        border-radius: 5px;
        box-shadow: 2px 2px 0px 0px rgba(6,125,244,1);
        -webkit-box-shadow: 2px 2px 0px 0px rgba(6,125,244,1);
        -moz-box-shadow: 2px 2px 0px 0px rgba(6,125,244,1);
    }
    .eventmanagement.container .qrcode-section{
        width: 100%;
    }
    .eventmanagement.container .qrcode-section > label{
        font-weight: 700;
    }
    .eventmanagement.container .qrcode-section .form-group{
        width: 100%;
    }
    .eventmanagement.container .qrcode-section .form-group input{
        border-color: #000;
    }
    .eventmanagement.container .qrcode-section .btn-group, .event-main-management-container .event .form-group .btn-group{
        display: flex;
        text-align: right;
        padding: 15px 0px 0px 0px;
        justify-content: flex-end;
        gap: 10px;

    }
    .event.details{
        width: 45%;
        display: inline-block;
    }
    .event.details .form-group:nth-child(1){
        width: 100%;
        display: inline-block;
        min-height: 200px;
        border: 1px solid #000;
        padding: 10px 20px;
        border-radius: 5px;
        box-shadow: 2px 2px 0px 0px rgba(6,125,244,1);
        -webkit-box-shadow: 2px 2px 0px 0px rgba(6,125,244,1);
        -moz-box-shadow: 2px 2px 0px 0px rgba(6,125,244,1);
    }
    .event.details .form-group:nth-child(1) span{
        display: flex;
        justify-content: space-between;
        padding-bottom: 5px;
    }
    .event.details .form-group:nth-child(1) span label{
        width: 50%;
    }
    .event.details .form-group:nth-child(1) span label:nth-child(1){
        font-weight: 700;
        width: 30%;
    }
    .event.details .form-group:nth-child(1) span label:nth-child(2){
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 70%;
    }
    .event.details .form-group:nth-child(2){
        text-align: right;
        padding: 10px 0px;
    }
    body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ).reservation-client-registration .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap{
         width: fit-content !important;
    }
    body.reservation-client-registration .confirm-client-registration.alert-info-modal .modal-inner-wrap{
        width: 700px;
        max-width: 100%;
        padding: 10px 10px 15px 10px;
    }
    body.account.reservation-client-registration .modal-popup.alert-info-modal.confirm .modal-inner-wrap .modal-content  > div{
        text-align: left;
    }
    body.account .elmt-button:disabled{
        outline: 1px solid #8c8c8c;
        background: #DCDCDC;
        color: #8c8c8c;
    }
    @media screen and (max-width:700px){
        .event-main-management-container{
            flex-direction: column;
            gap: 10px;
        }
        .event.details,
        .eventmanagement.container{
            width: 100% !important;
            min-height: auto;
        }
        body.account .event-main-management-container .elmt-button{
            padding: 3px 14px;
        }
        body.reservation-client-registration .confirm-client-registration.alert-info-modal .modal-inner-wrap{
            width: 100%;
            max-width: 95% !important;
        }
    }
    #tbl-event_wrapper div.dataTables_length select{
        max-width:65px;
    }
        /* EventManagement new page all style */
    .property-e-language-item{
        padding: 1px 5px;
        border: 1px solid;
        border-radius: 35px;
        font-size: 12px;
        background: #ebebeb;
        margin-right: 0px;
        margin-bottom: 6px;
        height: 25px!important;
        min-width: 80px;
        text-align: center;
        display: inline-block;
    }
    .property-e-language-list{
        display: inline-block;
        width: 100%;
    }

    /* pop up new style*/
    body.reservation-client-registration .confirm-client-registration.modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal,.confirm-alert-info-success-modal)) .modal-inner-wrap .modal-footer button.action-secondary.action-dismiss span:hover, body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal,.confirm-alert-info-success-modal)) .modal-inner-wrap .modal-footer button.action-primary.action-accept span:hover {
        border-color: #FFF !important;
        color: #FFF !important;
        background-color: #000 !important;
    }
    body.reservation-client-registration .confirm-client-registration.modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal,.confirm-alert-info-success-modal)) .modal-inner-wrap .modal-footer button.action-secondary.action-dismiss:hover,body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal,.confirm-alert-info-success-modal)) .modal-inner-wrap .modal-footer button.action-secondary.action-dismiss:hover,body.project_theme_mode_normal.account .modal-popup.confirm .modal-inner-wrap .modal-footer button.action-primary.action-accept:hover  {
        background-color: #000 !important;
        color: #FFF !important;
        border-color: #000 !important;
    }
    body.reservation-client-registration .confirm-client-registration .modal-inner-wrap{
        max-width: 40% !important;
    }
    body.project_theme_mode_normal.account.reservation-client-registration .modal-popup.confirm .modal-inner-wrap .modal-content{
        padding: 0 30px !important;
    }

     .confirm-client-registration.modal-popup.confirm .modal-inner-wrap .modal-footer button.action-secondary.action-dismiss:hover ,body.project_theme_mode_normal.account .modal-popup.confirm .modal-inner-wrap .modal-footer button.action-primary.action-accept:hover {
        -webkit-text-fill-color: #FFF !important;
    }
    body.reservation-client-registration .confirm-client-registration.modal-popup.confirm .modal-inner-wrap .modal-footer button.action-secondary.action-dismiss span:hover ,body.project_theme_mode_normal.account .modal-popup.confirm .modal-inner-wrap .modal-footer button.action-primary.action-accept span:hover {
        -webkit-text-fill-color: #FFF !important;
    }
    body.reservation-client-registration .confirm-client-registration header.modal-header {
        display: flex;
        justify-content: space-between;
        padding: 30px;
    }
    body.reservation-client-registration .confirm-client-registration.modal-popup .modal-title{
        margin-left: 0px !important;
    }
    body.reservation-client-registration .confir m-client-registration.modal-popup.confirm .modal-inner-wrap .modal-content {
        text-align: left;
    }
    body.reservation-client-registration .confirm-client-registration.modal-popup .action-close:before {
        background-color: unset !important;
        color: #000;
    }
     /* pop up new style*/
     /* client registration new change */
     .elmt-tab {
        padding: 10px 0;
     }
     .elmt-tab .elmt-tablinks{
        border: 1px solid;
        border-color: #000;
        border-radius: 5px 5px 0px 0px;
        padding: 3px 9px;
        color: #000;
        cursor: pointer;
     }

     .elmt-tab .elmt-tablinks.active{
        background: #067df4;
        border-color: #067df4;
        color: #fff;
     }
     .client-search-results .tabcontent .view-qr-code{
        background: transparent;
        font-size: 16px;
        color: #000;
        padding: 0;
        text-transform: capitalize;
        display: inline-flex;
        align-items: center;
     }
     .client-search-results .tabcontent .view-qr-code::after{
        content: "";
        background: url(../images/qrcode-solid.svg) no-repeat;
        width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5px;
     }
     .client-search-results .tabcontent .view-qr-code:hover:after{
        background: url(../images/qr-external-link.svg) no-repeat;
     }
     .reservation-client-registration #client-registration-form > .form-group:nth-of-type(2){
        flex-direction: row !important;
        gap: 10px;
     }
     .reservation-client-registration #client-registration-form > .form-group:nth-of-type(2) .span-align{
        display: inline-flex;
        align-items: center;
        gap: 5px;
     }
     body.account.reservation-client-registration #client-registration-form .form-group{
        margin-bottom: 22px;
        position: relative
     }
     body.account.reservation-client-registration #client-registration-form .form-group div.mage-error{
        position: absolute;
        bottom: -20px;
     }
     /* client registration new change */
     /* text indicator red*/
     body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table label.positive_class,
     body.account.project_theme_mode_normal.page-layout-2columns-left .table label.positive_class{
        color: #28a745 !important;
     }
     body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table label.negative_class,
     body.account.project_theme_mode_normal.page-layout-2columns-left .table label.negative_class {
        color: #dc3545 !important
     }
     body.account.project_theme_mode_normal.page-layout-2columns-left .table label.add-btn,
     body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table label.add-btn{
        padding: 2px 5px;
        border: 1px solid #000;
        border-radius: 3px;
        cursor: pointer;
        color: #000 !important;
        font-weight: 700;
        font-size: 7.5px !important;
     }
     body.account.project_theme_mode_normal.page-layout-2columns-left .table label.add-btn:hover,
     body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table label.add-btn:hover{
        background-color: #067dff !important;
        color: #fff !important;
        border-color: #0069FF !important;
     }
     body.account.project_theme_mode_normal.page-layout-2columns-left .table label.add-btn.label-disable:hover,
     body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table label.add-btn.label-disable:hover{
        background-color: transparent !important;
        color: #000 !important;
        border-color: #000 !important;
     }
     body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table label.disable_class.label-disable,
     body.account.project_theme_mode_normal.page-layout-2columns-left .table label.disable_class.label-disable{
        opacity: 0.4;
        cursor: default;
        font-weight: 400!important;
     }
     body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table label.positive_class.label-disable,
     body.account.project_theme_mode_normal.page-layout-2columns-left .table label.positive_class.label-disable,
     body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table label.negative_class.label-disable,
     body.account.project_theme_mode_normal.page-layout-2columns-left .table label.negative_class.label-disable{
        opacity: 0.4;
        cursor: default;
     }
     /* text indicator red*/
     .modals-wrapper .modal-popup.custom-popup-class._inner-scroll .modal-inner-wrap .modal-footer{
        display: none;
     }

     /*request section*/
     body:is(.reservation-reservationcomplete-index,.offer-viewoffer-details) .inner-reservationbox-second{
        padding-left: 0;
     }

     body.reservation-reservationcomplete-index .div_document label{
        max-width: 100%;
        /*display: grid!important;*/
        grid-template-columns: repeat(3, 1fr)!important;
        margin-bottom: 10px!important;
     }
     body.reservation-reservationcomplete-index .div_request label{
        max-width: 100%;
        display: grid!important;
     grid-template-columns: repeat(4, 1fr)!important;
     margin-bottom: 10px!important;
      }
     body.reservation-reservationcomplete-index .div_document li{
        max-width: 100%;
        display: grid!important;
    grid-template-columns: repeat(3, 1fr)!important;
    margin-bottom: 10px!important;
      }
      body.reservation-reservationcomplete-index .div_notes li{
        max-width: 100%;
        display: grid!important;
        grid-template-columns: repeat(5, 1fr)!important;
        margin-bottom: 10px!important;
      }
      body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .div_request li{
        max-width: 100%;
        display: grid!important;
    grid-template-columns: repeat(4, 1fr)!important;
    margin-bottom: 10px!important;
      }
      body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .div_document ul li span:first-child,
       body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .div_request  ul li span:first-child{
        font-weight: 700;
      }
      body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .btn_span_request{
        text-align: right;
      }
      .grid-li-reservation.div_document li:last-child{
        grid-template-columns: repeat(1, 1fr)!important;
        text-align: right;
        padding-top: 1rem;
      }
      .grid-li-reservation.div_document li:last-child span{
        width: 93%!important;
      }
      #add_notes_modal .modal-footer .dark-theme-btn.add-notes-submit{
        color: #fff!important;
        border: none;
      }
      #add_notes_modal .modal-footer .light-theme-btn.add-notes-cancel{
        border: none!important;
      }

      #add_notes_modal .modal-footer button{
        font-weight: 700;
        padding: 6px 10px !important;
        line-height: 0 !important;
        max-height: 29px !important;
      }
      #add_notes_modal .modal-footer button.add-notes-cancel{
        font-weight: 400;
      }

      #request_modal .modal-footer .dark-theme-btn.request-submit{
        color: #fff!important;
        border: none;
      }
      #request_modal .modal-footer .light-theme-btn.request-cancel{
        border: none!important;
      }

      #request_modal .modal-body #request-form i{
        position: relative;
        float: right;
        bottom: 28px;
        right: 10px;
        color: #000;
      }
      #status_change_modal .modal-footer .dark-theme-btn.status-submit{
        color: #fff!important;
        border: none;
      }
      #status_change_modal .modal-footer .light-theme-btn.status-cancel{
        border: none!important;
      }
      #status_change_modal .modal-body #status-change-form i{
        position: relative;
        float: right;
        bottom: 28px;
        right: 10px;
        color: #000;
      }
      .mt--3{
        margin-top: -3px!important;
      }
      .grid-li-reservation.div_document .sub li label{
       width:100%!important;
      }

body.reservation-reservationcomplete-index .btn_span_document .reservation-ack-update{
    max-height: 20px;
  }
      body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .btn_span_document{
        display: flex!important;
      }
      body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .div_document li,
       body.reservation-client-registration   .div_request li{
        justify-content: space-between;
     }
     body:is(.reservation-reservationcomplete-index,.offer-viewoffer-details) .grid-li-reservation.div_request .sub div{
        display: flex;
     }
     body:is(.reservation-reservationcomplete-index,.offer-viewoffer-details) .grid-li-reservation.div_request ul h6{
        margin-top: 0;
        margin-bottom: 16px;
     }
     body:is(.reservation-reservationcomplete-index,.offer-viewoffer-details) .grid-li-reservation:is(.div_document,.div_notes, .div_attachments) ul h6{
        margin-top: 0;
        margin-bottom: 10px;
     }
     body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .grid-li-reservation.div_request .btn_newrequest{
        border-radius: 20px;
    background: #DCDCDC;
    color: #000000;
    padding: 5px 20px;
    margin: 0px 5px 0px 5px;
     }
     body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .modal-pop-up-new-request .modal-header h1{
        font-size:16px!important;
     }
     body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details)  .modal-pop-up-new-request .modal-header .close {
        color: #000;
        padding: 7px 10px;
        background-color: #fff;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details)  .modal-pop-up-new-request .modal-content .modal-body label {
    font-weight: 550;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details)  .modal-pop-up-new-request .modal-content .modal-body select {
        border-radius: 5px;
    border: 1px solid #DCDCDC;
    background: #FFF;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 550;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details)  .modal-pop-up-new-request .modal-content {
        border-radius: 5px;

    }
    body:is(.account, .reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-pop-up-new-request.modal-popup._inner-scroll .modal-inner-wrap  .modal-content{
        padding: 10px 10px !important;
    }
    body:is(.account, .reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-pop-up-new-request.modal-popup._inner-scroll .modal-inner-wrap  .modal-content .modal-body{
        padding: 10px;
        background-color: #F5F5F5!important;
    }
    body:is(.account, .reservation-reservationcomplete-index, .offer-viewoffer-details) .modal-pop-up-new-request  h6{
        margin-bottom: 7px;
        font-size: 16px;
        font-weight: 700;
    }
    body:is(.account, .reservation-reservationcomplete-index, .offer-viewoffer-details) .modal-pop-up-new-request .select-div1 p,
    body:is(.account, .reservation-reservationcomplete-index, .offer-viewoffer-details) .modal-pop-up-new-request .select-div1 span{
        color: #000;
        font-size: 14px;
        font-weight: 550;
    }
    body:is(.account, .reservation-reservationcomplete-index, .offer-viewoffer-details) .modal-pop-up-new-request .proceed_doc_ul li{
        margin-bottom: 0;
        color: #000;
        font-size: 14px;
        font-weight: 550;
    }
    body:is(.account, .reservation-reservationcomplete-index, .offer-viewoffer-details) .modal-pop-up-new-request .required_doc_ul{
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0;
        color: #000;
        font-size: 14px;
        font-weight: 550;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) #request_modal #request-form .select-div1 .dark-theme-btn.float-right.request_type_sample{
        margin-top: -2rem!important;
    }
    @media screen and (max-width:1440px){
        body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .div_document li {
            max-width: 100%;
            display: grid!important;
            grid-template-columns: repeat(3, 1fr)!important;
        }
        body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .grid-li-reservation.div_document li:last-child span {
            width: 100%!important;
        }
    }


    /* External listing  Design issue in Button(CHOOSE FILE) */
    .modal-content .file-select input{
        padding-left: 3px
    }
    .pp_status {
        max-width: 100%;
        margin: 0px auto;
        padding: 30px 50px;
    }
    body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-content-popup.for-sale-modal._inner-scroll .modal-inner-wrap{
        max-width: 894px !important;
        width: 100% !important;
    }
    body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-content-popup.onhold-modal._inner-scroll .modal-inner-wrap {
        max-width: 896px !important;
        width: 100% !important;
    }
    @media screen and (max-width:991px){
        body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-content-popup.onhold-modal._inner-scroll .modal-inner-wrap{
            max-width: 85% !important;
            width: 100% !important;
        }
    }
    body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-content-popup.vendor-price-onhold-modal._inner-scroll .modal-inner-wrap{
        max-width: 645px !important;
        width: 100% !important;
    }
    body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-content-popup.vendor-price-onhold-modal._inner-scroll .modal-inner-wrap .pp_status{
        padding: 0px 50px;
    }
    .pp_status h3 {
        color: #000;
        font-family: Avenir LT Std;
        font-size: 24px;
        font-style: normal;
        font-weight: 750;
        line-height: normal;
        margin: 0px 0px 5px 0px;
        text-align: center;
    }

    .pp_status ul {
        margin: 0px;
        padding: 10px 0px 20px 0px;
    }
    .pp_status ul.statuschange{
        padding: 10px 0px 0px 0px;
    }
    .pp_status ul.statuschange li {
        list-style: none;
        text-align: center;
        margin: 0px;
        padding: 5px 0px;
    }
    .pp_status ul.statuschange.radio-option li{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pp_status ul.statuschange li input[type="radio"]{
        margin-right: 10px !important;
        height: 14px;
        width: 14px;
        appearance: none;
        -webkit-appearance: none;
        border-radius: 50% !important;
        outline: 2px solid #000;
    }
    .pp_status ul.statuschange li input[type=radio]:checked {
        background-color: #067DF4;
        border: 2px solid #fff;
        outline: 2px solid #067DF4;
     }
    .pp_status ul.statuschange li label{
        color: #000;
    }
    .pp_status ul.statuschange li p {
        margin: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
    }

    .pp_status ul.statuschange li p input {
        margin: 0px 10px 0px 0px !important;
    }

    .pp_status ul.statusprofile {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
        align-items: center;
    }

    .pp_status ul.statusprofile li {
        list-style: none;
    }

    .pp_status ul.statusprofile li label {
        display: block;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        margin: 0px 0px 10px 0px;
        color: #000;
    }

    .pp_status ul.statusprofile li span {
        display: block;
        text-align: center;
    }
    .pp_status ul.statusprofile li span.inner-span {
        display: flex;
        align-items: center;
        color: #000;
        justify-content: center;
        min-height: 29px;
    }
    body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .pp_status input[type="text"],
    .pp_status ul.statusprofile li span input[type="text"],
    .pp_status ul.statusprofile li span input[type="date"],
        .pp_status ul.statusprofile li span input[type="datetime-local"]{
        width: 100%;
        border-radius: 2px !important;
        border: 1px solid #8C8C8C !important;
        min-height: 29px;
        height:auto !important;
    }
    .pp_status ul.statusprofile li span.price-sign input[type="text"]{
        padding-left: 20px;
    }
    .pp_status ul.statusprofile li span.price-sign{
        position: relative;
    }
    .pp_status ul.statusprofile li span .validation-message{
        position: absolute;
    }
    .pp_status ul.statusprofile li span.price-sign::before{
        content: '$';
        position: absolute;
        left: 10px;
        height: 100%;
        display: inline-flex;
        align-items: center;
        color: #000;
    }
    .pp_status input[type="date"]::-webkit-calendar-picker-indicator{
        background:url(../images/date-blue.svg) no-repeat;
        width: 20px;
		height:18px;
    }
    .pp_status>p {
        text-align: center;
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        margin: 0px;
    }

    .pp_status>p.btns {
        padding: 20px 0px 0px 0px;
    }

    .pp_status>p.btns button {
        border-radius: 20px;
        background: #D9D9D9;
        color: #000;
        /* font-family: Work Sans; */
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 0 !important;
        padding: 10px 15px !important;
    }

    .pp_status>p.btns button.primary {
        background: #067DF4;
        color: #FFFFFF;
    }
    .pp_status>p.btns button:is(.primary,.secondary):hover{
        background: #000;
        color: #FFFFFF;
    }
    .pp_status ul.statusprofile li span#current_price{
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
    }
    .pp_status ul.statuschange.prp-status-change table{
        width: 65%;
        margin: auto;
        color: #000;
        font-size: 16px;
    }
    .pp_status ul.statuschange.prp-status-change table td{
        letter-spacing: 0.5px;
    }

    body.account .modals-wrapper .modal-content-popup.modal-popup._inner-scroll .modal-inner-wrap{
        max-width: fit-content !important;
        padding: 20px 30px;
        border-radius: 10px;
        min-height: auto;
    }

    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details{
        display: flex;
        justify-content: space-between;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details{
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap !important;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li{
        flex: 1 1 100%;
        max-width: 140px !important;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-lot{
        max-width: 200px !important;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.lg-width{
        max-width: 180px !important;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.icon-num-li{
        max-width: 50px !important;
        display: flex;
        justify-content: center !important;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-lot > label.property-lot-label,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-rop > label.property-rop-label,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.reservation-box .reservation-filter,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.reservation-box > label.property-reservation-label,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-land_size > label.property-land_size-label,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-block > label.property-block-label,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-offer_available > label.property-rop-label,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-titled-date > label.property-titled-date-label,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.icon-num-li > label{
        justify-content: center !important;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-lot,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-rop,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-land_size,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-block,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-offer_available,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-titled-date{
        text-align: center;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-rop .capsule-price{
        min-width: auto !important;
        word-break: keep-all !important;
    }
    .property-details-mobile-only .property-mobile-sub-section-image ul li.property-rop.property-rop-mobile .price-change-info,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-rop a.price-change-info{
        display: inline-block;
        color: #000;
        margin-left: 2px;
    }
    .property-details-mobile-only .property-mobile-sub-section-image ul li.property-rop.property-rop-mobile .price-change-info{
        position: relative;
        top: 0.5px;
    }
    .property-details-mobile-only .property-mobile-sub-section-image ul li.property-rop.property-rop-mobile{
        margin-top: 10px;
    }
    .property-details-mobile-only .property-mobile-sub-section-image ul li.property-rop.property-rop-mobile .price-change-info i,
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-rop a.price-change-info i{
        font-size: 20px;
        position: relative;
        bottom: -2px;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-rop{
        max-width: 145px !important;
        position: relative;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-rop a.price-change-info{
        position: absolute;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.reservation-box .reservation-filter > label.switch.small-length, body .custom-accordion-tab ul.property-details label.switch.small-length{
        width: auto !important;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.reservation-box{
        padding-left: 0 !important;
        justify-content: center;
        gap: 5px;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.icon-num-li.three-dot-li{
        max-width: 10px !important;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.icon-num-li.onhold-li{
        max-width: 30px !important;
    }
    body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.icon-num-li.share-li{
        max-width: 30px !important;
    }
    @media (min-width:1600px){
        body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-block{
            max-width: 290px !important;
        }
        body.account.agent-projects-index .flex-base-container .custom-accordion-tab ul.property-details-basic-details li.property-offer_available{
            min-width: 250px !important;
            max-width: 250px!important;
        }
    }
    @media screen and (max-width:992px){
        .modal-popup.modal-content-popup.modal-slide {
            z-index: 902;
        }}
    @media screen and (max-width:700px){
        .pp_status h3{
            text-align: left;
        }
    .pp_status ul.statusprofile{
        grid-template-columns: auto;
        justify-content: flex-start;
    }
    .pp_status ul.statusprofile li span#current_price{
        justify-content: flex-start;
    }
    .pp_status{
        padding: 30px 30px;
    }
    .pp_status ul.statusprofile li span,
    .pp_status ul.statusprofile li label{
        text-align: left;
    }}
    @media screen and (max-width:568px){
    .pp_status{
        padding: 10px 10px;
    }}
    body.modemessage .modal-content-popup .modal-inner-wrap .modal-header,
    .modal-content-popup .modal-header{
        display: none !important;
    }
    body.account .modals-wrapper .modal-content-popup.modal-popup._inner-scroll .modal-inner-wrap .modal-content{
        padding: 0 !important;
    }
    body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-content-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap{
        padding: 20px 20px !important;
    }
    body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-content-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content{
        all: unset;
        padding: 0 !important;
    }
    body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-content-popup .close{
        background: url(../images/hex-close.svg) no-repeat;
        background-size: 20px;
        width: 20px;
        height: 20px;
    }
    /*style - property-status-change in developer login */
    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.property-status-change .property-status-change-label {
        display: flex;
        column-gap: 10px;
        cursor: pointer;
    }
    .agent-projects-index .custom-accordion-tab ul.property-details-mobile-only li.property-status-change-mobile .property-status-change-label .hold-status.tick-status,
    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.property-status-change .property-status-change-label .hold-status.tick-status{
        background: url(../images/green-tick-circle.svg) no-repeat 100% 50%;
        width: 24px;
        height: 24px;
        background-size: auto;
        margin-top: 5px
    }
    .agent-projects-index .custom-accordion-tab ul.property-details-mobile-only li.property-status-change-mobile .property-status-change-label .hold-status.tick-status{
        display: inline-block;
    }
    .agent-projects-index .custom-accordion-tab ul.property-details-mobile-only li.property-status-change-mobile .property-status-change-label .hold-status,
    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.property-status-change .property-status-change-label .hold-status{
        background: url(../images/hold-icon.svg) no-repeat 100% 50%;
        width: 24px;
        height: 24px;
        background-size: auto;
        margin-top: 5px
    }
    .agent-projects-index .custom-accordion-tab ul.property-details-mobile-only li.property-status-change-mobile{
        margin-left: auto;
    }
    .agent-projects-index .custom-accordion-tab ul.property-details-mobile-only li.property-status-change-mobile .property-status-change-label .hold-status{
        display: inline-block;

    }
    .agent-projects-index .custom-accordion-tab ul.property-details-mobile-only li.property-status-change-mobile .tooltip .tooltiptext{
        bottom: 190%;
        margin-left: -110px;
    }
    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.property-status-change .property-status-change-label .tick-status{
        background: url(../images/green-tick-circle.svg) no-repeat 100% 50%;
        width: 24px;
        height: 24px;
        background-size: auto;
        margin-top: 5px
    }

    .pp_status ul.statuschange li p:nth-child(1){
        margin-bottom: 15px;
    }
        .agent-projects-index .custom-accordion-tab ul.property-details-mobile-only li.property-status-change-mobile{
            display: flex !important;
            align-items: center;
            justify-content: center;
            column-gap: 10px;
            margin-top: 25px;

        }
        .custom-accordion-tab ul.property-details-mobile-only label{
            display: inline;
        }
        .property-details-mobile-only .property-mobile-sub-section-two ul li.property-aspect,
        .property-details-mobile-only .property-mobile-sub-section-two ul li.property-land_size{
            display: block !important;
        }

        .property-details-mobile-only .property-mobile-sub-section-image ul li.property-rop .property-rop-span-mob{
            margin-top: 18px;
            border: 1px solid #000 !important;
            border-radius: 20px;
            padding: 3px 10px !important;
            min-width: 140px !important;
            width: auto !important;
        }
        @media (max-width: 575.98px) {
        .property-details-mobile-only .property-mobile-sub-section-image ul li.property-rop.property-rop-mobile{
            display: inline-block !important;
            float: unset;
            margin-left: auto;
            max-width: fit-content !important;
        }
        }
    /* new change for reservation view */
    body:is(.reservation-reservationcomplete-index,.offer-viewoffer-details) .grid-li-reservation.div_request .sub div.h6-button{
        align-items: center;
        margin-bottom: 10px !important;
    }
    body:is(.reservation-reservationcomplete-index,.offer-viewoffer-details) .grid-li-reservation.div_request ul .h6-button h6{
        margin-bottom: 0;
    }
    body.reservation-reservationcomplete-index .modals-wrapper .modal-popup.modal-pop-up-new-request._inner-scroll .modal-inner-wrap{
        width: auto !important;
        border-radius: 10px;
        overflow: hidden;
    }
    body:is(.account, .reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-pop-up-new-request.modal-popup._inner-scroll .modal-inner-wrap .modal-content .modal-body{
        border-radius: 5px;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) #request_modal .modal-footer button{
        font-weight: 700;
        padding: 6px 10px !important;
        line-height: 0 !important;
        max-height: 29px !important;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) #request_modal .modal-footer button.request-cancel{
        font-weight: 400;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-popup.modal-pop-up-new-request._inner-scroll .modal-inner-wrap .modal-content{
        width: unset !important;
        max-width: unset;
        min-width: unset;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-popup.modal-pop-up-new-request._inner-scroll .modal-inner-wrap .modal-content{
        width: unset !important;
        max-width: unset;
        min-width: unset;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-popup.modal-pop-up-new-request._inner-scroll .modal-inner-wrap .modal-content #request_view_modal{
        width: 444px;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-popup.modal-pop-up-new-request._inner-scroll .modal-inner-wrap .modal-content #request_modal{
        width: 844px;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) #request_modal div.mage-error{
        font-size: 14px !important;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .reservation-details ul.reservationbox ul.sub li span.address-span{
        width: 60%;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .div_document li .btn_span_document > a{
        height: fit-content;
    }
    .grid-li-reservation.div_document .sub li:nth-of-type(1) label:last-child{
        text-align: center;
    }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .div_request li{
    grid-template-columns: 2fr 1fr 1fr 1fr!important;
      }
    body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details)  .div_document li{
    grid-template-columns: 3fr 2fr 2fr !important;
      }
    .reservation-details ul.reservationbox ul.sub li span.btn_span_document{
        justify-self: end;
        justify-content: right;
    }
    @media screen and (max-width:991px){
        body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-popup.modal-pop-up-new-request._inner-scroll .modal-inner-wrap .modal-content #request_modal{
            width: 100%;
        }
        body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-popup.modal-pop-up-new-request._inner-scroll .modal-inner-wrap{
            width: 70% !important;
        }
    }
    @media screen and (max-width:568px){
        body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-popup.modal-pop-up-new-request._inner-scroll .modal-inner-wrap .modal-content #request_view_modal{
            width: 100%;
        }
        body:is(.reservation-reservationcomplete-index, .offer-viewoffer-details) .modals-wrapper .modal-popup.modal-pop-up-new-request._inner-scroll .modal-inner-wrap{
            width: 85% !important;
        }
    }
    /* new change for reservation view */

    .solicitorbox {
        border-radius: 5px;
        background: #F5F5F5;
        padding: 10px; }
        .solicitorbox h4 {
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          margin: 0px 0px 10px 0px; }
        .solicitorbox ul.form {
          margin: 0px;
          padding: 0px 10px 20px 0px; }
          .solicitorbox ul.form li {
            list-style: none;
            margin: 0px; }
            .solicitorbox ul.form li p {
              margin: 0px;
              padding: 0px 0px 15px 0px; }
            .solicitorbox ul.form li > label {
              font-size: 14px;
              font-style: normal;
              font-weight: 550;
              line-height: normal;
              display: block;
              margin: 0px 0px 5px 0px; }
            .solicitorbox ul.form li > span {
              display: block; }
              .solicitorbox ul.form li > span input[type="text"], .solicitorbox ul.form li > span input[type="tel"], .solicitorbox ul.form li > span input[type="email"], .solicitorbox ul.form li > span select {
                width: 100%;
                border-radius: 5px !important;
                border: 1px solid #DCDCDC !important;
                background: #FFF;
                padding: 5px 10px;
                height: 30px;
                font-size: 14px !important; }
              .solicitorbox ul.form li > span button {
                border-radius: 20px;
                background: #DCDCDC;
                font-size: 14px;
                font-style: normal;
                font-weight: 550;
                line-height: normal;
                color: #000000;
                padding: 5px 10px;
                text-transform: capitalize;
                font-family: inherit;
                white-space: nowrap;
                margin: 0px 10px; }
              .solicitorbox ul.form li > span.double {
                display: flex;
                justify-content: space-between;
                align-items: center; }
          .solicitorbox ul.form.single {
            border-bottom: 1px solid #DCDCDC;
            margin: 0px 0px 20px 0px; }
          .solicitorbox ul.form.two {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 15px; }
          .solicitorbox ul.form.three {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 15px; }

            /* modal-pop-up-edit-soliciton */
            body:is(.reservation-reservationcomplete-index,.offer-viewoffer-details) .modals-wrapper .modal-popup._inner-scroll.modal-pop-up-edit-solicitor .modal-inner-wrap{
                bottom: 50px;
                width: 100% !important;
                max-width: 556px;
                border-radius: 10px;
                overflow: hidden;
            }
           .modal-pop-up-edit-solicitor .modal-inner-wrap header.modal-header h1{
                font-size: 16px !important;
                font-weight: 700;
            }
            .solicitorbox ul.form li > span select{
                background: url(../images/select-drop-down.svg);
                background-origin: border-box !important;
                padding-right: 20px;
                background-position: 98% !important;
            }
            .modal-pop-up-edit-solicitor input[type="button"]{
                font-size: 14px;
                font-weight: 500;
                padding: 0px 10px !important;
                min-height: 29px;
                border: 0;
                display: inline-flex;
                align-items: center;
            }
            /* modal-pop-up-edit-soliciton */
    /* commission-popup style change */
    body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.commission-popup._inner-scroll .modal-inner-wrap{
        max-width: 1060px !important;
        width: 85% !important;
      }
      body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.commission-popup._inner-scroll .modal-inner-wrap button{
        background-color: #fff;
      }
      body.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.commission-popup._inner-scroll .modal-inner-wrap button:hover{
       color: #000;
      }
       /* commission-popup style change */
    /* notice-note style */
    .createnotice .createnoticbox .notice-note{
        font-size: 12px;
        font-style: italic;
    }
    .createnotice .createnoticbox ul li.postedby span .drop-arrow{
        right: 11px;
        top: 16px;
    }
    .createnotice .createnoticbox ul li.tags .notice_tag_section > p span .drop-arrow{
        right: 11px !important;
        top: 16px !important;
    }
/* add new peoject bg-style */
.account .proxima-myaccount-container .listing-body-content .project-grid.add-new-project{
    margin-top: 1rem !important;
}
.account .proxima-myaccount-container .listing-body-content .project-grid.add-new-project h5{
    font-size: 16px;
    background-color: #f1f1f1;
    padding: 15px 15px 15px 17px;
    text-transform: uppercase;
    margin: 0 !important;
}
.account .proxima-myaccount-container .listing-body-content .project-grid.add-new-project .first-col{
    width: 100%;
    margin-bottom: 10px !important;
    padding: 0 13px 20px 13px;
    border: 4px solid #f1f1f1;
}
body.listingsystem-index-index.account .page-title-wrapper{
    padding-left: calc(266px + 3.3rem) !important;
}

    /* .modal-pop-up-new-request alignment field */
    .modals-wrapper .modal-pop-up-new-request.modal-popup._inner-scroll .modal-inner-wrap .modal-content .modal-body .fieldset > .doc [for="doc"] > span{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .modals-wrapper .modal-pop-up-new-request.modal-popup._inner-scroll .modal-inner-wrap .modal-content .modal-body .fieldset > .doc [for="doc"] > span > span{
        color: #067df4;
        cursor: pointer;
    }
    .modals-wrapper .modal-pop-up-new-request.modal-popup._inner-scroll .modal-inner-wrap .modal-content .modal-body .fieldset .add-client-doc-section{
        margin: 0px 0px 10px 0px;
    }
    .modals-wrapper .modal-pop-up-new-request.modal-popup._inner-scroll .modal-inner-wrap .modal-content .modal-body .fieldset div:nth-of-type(1){
        margin:0 0 5px 0;
    }
    .modals-wrapper .modal-pop-up-new-request.modal-popup._inner-scroll .modal-inner-wrap .modal-content .modal-body .select-div1{
        margin: 20px 0px 0px 0px;
    }
    .modals-wrapper .modal-pop-up-new-request.modal-popup._inner-scroll .modal-inner-wrap .modal-content .modal-body .fieldset .deleteClientDoc{
        color: #067df4;
        position: relative;
        top: 1px;
        left: 5px;
    }
    /* .modal-pop-up-new-request alignment field */
    .reservation-details p.listingbtns a.create_newrequest{
        margin-right: 10px !important;
    }
    .reservation-details p.greenbtn span.valid-till-top{
        font-weight: 750;
    }
    span.overdue {
        font-weight: bold;
        color: red;
    }
    span.paid {
        font-weight: bold;
        color: green;
    }

    body.offer-property-form .proxima-myaccount-container .body-content #reserve-form .table .reservation-panel ul select.form-control{
        overflow: auto;
        min-height: 100px !important;
        padding: 10px !important;
        height: auto !important;
        border: 1px solid #aaa;
    }
    
    .addvance-search-box.modal-search-projects-filter.main-filter-section.inspection-form{
        position: relative;
        border: none;
    }