/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
    @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');
    @import url("./font-awesome/css/all.css");
    @import url("./font-awesome/css/fontawesome.css");
    @import url("./avenir-webfont/avenir-font-style.css");

    html {
        font-size: 16px !important;
        scroll-behavior: smooth;
    }

    body.account {
        font-size: 14px;
    }

    body.agentmanagement-agentmatrix-index.account *:focus {
        outline-width: 0 !important;
    }
    /* body.agent-projects-information.page-layout-2columns-left .page-main{
        font-family: 'Inter', sans-serif !important;
     } */
    /*popup
    */
    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content th .mage-error {
        font-size: 1rem;
        font-weight: 400;
        background: transparent;
    }

    .proxima-myaccount-container .body-content .export {
        display: flex !important;
        justify-content: right !important;
    }

    .proxima-myaccount-container .body-content .export button {
        /* margin-left: 10px !important; */
        padding: 2px 15px !important;
        margin: 8px 0px 8px 10px !important;
    }

    /*Popup border*/
    .modal-popup .modal-title {
        border-bottom: none;
    }

    table.fancytree-ext-table tbody span.fancytree-node,
    table.fancytree-ext-table tbody span.fancytree-node:hover {
        display: inline-flex;
        align-items: center;
    }

    /* input[id='file-upload-button'] {
        font-size: 10px !important;
        width: 100px !important;
    } */
    /*Choose file*/
    /* input::-webkit-input-placeholder, input::placeholder {
        font-size: 8px !important;
    } */
    /*input #file-upload-button{
        font-size: 10px;
        width: 100%;
    }*/
    /*multiselect*/
    #ms-list-1>button {
        position: relative;
        width: 100%;
        text-align: left;
        border: 1px solid #838383;
        background-color: #fff;
        padding: 5px 20px 5px 5px;
        margin-top: 1px;
        font-size: 13px;
        color: #838383;
        outline-offset: -2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #insurance_policy_details .registration-container-grid .container-grid .field-select .control::after {
        display: none;
    }

    .control #ms-list-1 .ms-options {
        min-height: 96px !important;
        max-height: 96px !important;
    }

    /*popup
    */
    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content th .mage-error {
        font-size: 1rem;
        font-weight: 400;
        background: transparent;
    }

    #insurance_policy_details {
        width: 100%;
    }

    #agreement_details {
        width: 100%;
    }

    #agreement_details {
        width: 100%;
    }

    #personal_details section:nth-child(1) {
        border: none;
    }

    /*Agreement details */
    .registration-nav-flex sub_nav#agreement_details {
        width: 100%;
    }

    /* agentmatrix popup */
    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #editPaymentsTable #parent-agent-name {
        margin: 15px 0px !important;
        font-size: 14px;
        font-weight: normal;
        margin: 0px 0px 10px 0px;
        color: #9A9BA7;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #teamChangeModal #parent-agent-name span {
        display: block;
        font-weight: 600;
        font-size: 18px;
        color: #000000;
        margin: 5px 0px 0px 0px;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #teamChangeModal label {
        font-weight: 300 !important;
        font-size: 14px;
        font-weight: normal;
        margin: 0px 0px 5px 0px;
        color: #9A9BA7 !important;
        display: block;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content input[type="text"] {
        height: 35px !important;
        border-radius: 0px !important;
        padding: 0px 15px !important;
        width: 100%;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-footer {
        padding: 1rem 2rem;
        margin-left: auto !important;
        border: 0 !important;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #team-change-popup-modal {
        padding: 0 !important;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close,
    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup.confirm .action-close {
        position: relative !important;
        height: auto;
        margin-left: auto !important;
        width: fit-content;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup.confirm .modal-inner-wrap {
        width: 35rem;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup.confirm .modal-inner-wrap .modal-content {
        padding: 20px 0px 20px 0px;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup.confirm .modal-footer {
        padding: 10px 20px;
        margin-left: auto !important;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header {
        padding-left: 20px !important;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header,
    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup.confirm .modal-inner-wrap .modal-header {
        display: flex !important;
        justify-content: space-between;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup.confirm .modal-inner-wrap .modal-header {
        padding: 0 !important;
    }

    /* dark */
    body.account.project_theme_mode_dark.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #editPaymentsTable #parent-agent-name {
        color: #fff;
    }

    body.account.project_theme_mode_dark.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header {
        background-color: #fff !important;
    }

    body.account.project_theme_mode_dark.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap {
        background: #222222 !important;
    }

    body.account.project_theme_mode_dark.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup.confirm .modal-inner-wrap {
        background: #222222 !important;
    }

    body.account.project_theme_mode_dark.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup.confirm .modal-inner-wrap .modal-content {
        color: #fff !important;
        background: #222222 !important;
    }

    /*dark*/
    /* light */
    body.account.project_theme_mode_normal.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content input[type="text"] {
        border: 1px solid #000 !important;
    }

    /* light */
    /* agentmatrix popup */
    /*Edited + icon
    */
    table.fancytree-ext-table {
        font-size: 15px;
    }

    .fa-plus:before {
        content: "\f067";
        font-size: 10px;
    }

    /*Edited upload sign*/
    .container-grid .field .label .edit-file {
        position: absolute;
        right: 6px;
        /* bottom: 6px;*/
    }

    /*.edit-file .fa-download {*/
    /*icon position*/
    /*position: relative;
        right: -20px;
    }*/
    .edit-file .fa-download:hover:after {
        /* Tooltip*/
        content: "Sample Download";
        display: block;
        position: absolute;
        top: -16px;
        right: -16px;
        font-size: 9px;
        white-space: nowrap !important;
        color: black;
    }

    .agentregistration-documentreupload-index .edit-file .fa-download:hover:after {
        right: -10px !important;
        top: -9px !important;
    }

    .agentregistration-documentreupload-index.project_theme_mode_dark .edit-file .fa-download:hover:after {
        color: #fff !important;
    }

    html,
    body,
    .abs-account-blocks .block-title>strong,
    .block-giftregistry-results .block-title>strong,
    .block-giftregistry-shared-items .block-title>strong,
    .block-wishlist-search-results .block-title>strong,
    .block-reorder .block-title>strong,
    .block-wishlist .block-title>strong,
    .block-compare .block-title>strong,
    .widget .block-title>strong,
    .account .column.main .block:not(.widget) .block-title>strong,
    .multicheckout .block-title>strong,
    .paypal-review .block .block-title>strong,
    .magento-rma-guest-returns .column.main .block:not(.widget) .block-title>strong,
    [class^='sales-guest-'] .column.main .block:not(.widget) .block-title>strong,
    .sales-guest-view .column.main .block:not(.widget) .block-title>strong,
    .block-title,
    .navigation.custommenu li.level0 .level-top,
    .navigation li.level0.parent .submenu .mega-columns .level1.parent>a,
    .verticalmenu.navigation .list-category-dropdown li.level0>.submenu .title-cat-mega-menu span,
    .verticalmenu.navigation .list-category-dropdown li.level0.classic .parent .subchildmenu .title-cat-mega-menu span,
    .verticalmenu.navigation li.level0>a,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .block-widget-rokanthemes-brand .brand-item .brand-name,
    .rokanthemes-onepagecheckout .step-title,
    .rokanthemes-onepagecheckout #opc-sidebar .title,
    .rokanthemes-onepagecheckout #opc-sidebar .opc-block-summary .table-totals,
    .container_vertical_tab_postions.wrapper_category_product_tabs .ui-tabs-nav li a,
    .container_vertical_tab_postions.wrapper_product_tabs .ui-tabs-nav li a,
    .super-deal-banner-content .super-deal-countdown .time_circles .number,
    .super-deal .super-deal-banner-content .super-deal-countdown .number,
    .super-deal-banner .super-deal-banner-content .super-deal-countdown .number,
    .super-deal .item-deal-product .info-price-deal label,
    .wrapper_sub_category_tabs .widget-tabs ul>ul>li>a,
    .wrapper_sub_category_tabs.onlyparent .list-category-item .category-item a .cate-name.cate-count,
    .customer-account-create .form-create-account .fieldset:not(.additional_info) .legend,
    .customer-account-forgotpassword .forget .fieldset:not(.additional_info) .legend,
    .filter-options .filter-options-title,
    .sidebar .block .filter-options-title,
    .filter-options .block-title:not(.filter-title) strong,
    .sidebar .block .block-title:not(.filter-title) strong {
        font-family: 'Avenir LT Std', sans-serif !important;
    }

    .bg-theme {
        background-color: #000000 !important;
    }

    .theme-color {
        color: #067DF4 !important;
    }

    section,
    .section,
    .product.info.detailed,
    .block.related,
    .block.upsell {
        margin: 0 !important;
    }

    .block,
    .sidebar .widget.block:not(:last-child),
    .sidebar .widget:not(:last-child),
    .block-banners,
    .block-banners-inline {
        margin: 0 !important;
    }

    .btn {
        box-shadow: none !important;
        outline: none !important;
        cursor: pointer !important;
        padding: 0.5rem 1rem 0.35rem 1rem !important;
        line-height: 1;
        text-transform: none !important;
        font-family: 'Avenir LT Std', sans-serif;
    }

    .btn-primary {
        background-color: #067DF4 !important;
        border-color: #067DF4 !important;
        color: #FFFFFF !important;
    }

    .btn-primary:hover {
        background-color: #FFFFFF !important;
        border-color: #FFFFFF !important;
        color: #067DF4 !important;
    }

    .btn-secondary {
        background-color: #FFFFFF !important;
        border-color: #FFFFFF !important;
        color: #067DF4 !important;
    }

    .btn-secondary:hover {
        background-color: #067DF4 !important;
        border: 1px solid #067DF4 !important;
        color: #FFFFFF !important;
    }

    .btn-outline-white {
        background-color: transparent !important;
        border: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
    }

    .btn-outline-white:hover {
        background-color: #FFFFFF !important;
        border: 2px solid #FFFFFF !important;
        color: #067DF4 !important;
    }

    .section-title {
        font-size: 2.5rem !important;
        line-height: 3rem !important;
    }

    .section-subtitle {
        font-size: 1.5rem !important;
        line-height: 1.8125rem !important;
    }

    .description {
        font-size: 1rem !important;
    }

    .fw-400 {
        font-weight: 400 !important;
    }

    .fw-500 {
        font-weight: 500 !important;
    }

    .fw-600 {
        font-weight: 600 !important;
    }

    .fw-700 {
        font-weight: 700 !important;
    }

    .text-white {
        color: #FFFFFF !important;
    }

    .text-primary {
        color: #067DF4 !important;
    }

    .custom-container {
        margin: 0 auto;
        width: 100% !important;
        max-width: 1920px !important;
    }

    /*-------------Header Styles Start-------------*/
    .nav-toggle {
        left: unset !important;
        /*right:0 !important;*/
    }

    .nav-toggle:before {
        color: #fff !important;
    }

    .proxima-header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        border: 0;
        z-index: 100;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        height: 6.25rem;
        padding: 0.5rem 0rem;
    }
    @media screen and (min-width: 992px){

        body:not(.account ) .proxima-header {
            margin-bottom: -100px !important;

        }
    }

    body.account .proxima-header.sticky {
        background-color: #000000 !important;
    }

    .proxima-header .flex-layout {
        padding: 0 !important;
    }

    .proxima-header .menu-container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .proxima-header .sticky-header {
        padding: 1.5625rem 0 !important;
    }

    .proxima-header .hotline {
        display: none !important;
    }

    .proxima-header .logo-container {
        max-width: 172px !important;
    }

    .proxima-header .col-action {
        display: none !important;
    }

    .proxima-header .header-container .header .header-content .for-full-width-menu {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    .proxima-header.sticky .header-container .header .header-content .for-full-width-menu {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        padding-bottom: 0rem !important;
    }

    .proxima-header .navigation [data-content-type="html"],
    .proxima-header.sticky .navigation [data-content-type="html"] {
        margin-left: 0 !important;
    }

    .proxima-header .for-full-width-menu:after,
    .proxima-header .for-full-width-menu:before {
        display: none;
    }

    .proxima-header .navigation {
        background: transparent !important;
    }

    .proxima-header .navigation .level0 {
        margin-right: 1.5rem !important;
    }

    .proxima-header .navigation .level0>.level-top,
    .proxima-header .navigation .level0.more-list {
        line-height: 1 !important;
        font-size: 0.875rem !important;
        font-weight: 750 !important;
        color: #FFFFFF !important;
        padding: 0 !important;
        text-transform: uppercase !important;
        cursor: pointer;
    }

    .proxima-header .navigation .level0 .select-input {
        line-height: 1 !important;
        font-size: 0.875rem !important;
        font-weight: 750 !important;
        color: #FFFFFF !important;
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none !important;
        outline: none !important;
        border: 0 !important;
    }

    .proxima-header .navigation .level0.active>.level-top,
    .proxima-header .navigation .level0>.level-top.active,
    .proxima-header .navigation .level0:hover>.level-top,
    .proxima-header .navigation .level0>.level-top:hover,
    .proxima-header .navigation .level0.more-list:hover {
        color: #067DF4 !important;
    }

    .nav-open body .proxima-header .navigation .submenu.level0 .subchildmenu a {
        line-height: 1 !important;
        font-size: 0.875rem !important;
        font-weight: 500 !important;
        color: #FFFFFF !important;
        padding: 0 !important;
        text-transform: uppercase !important;
        cursor: pointer;
    }

    .nav-open body .proxima-header .navigation .submenu.level0 .subchildmenu a:hover {
        color: #244EEF !important;
    }

    .proxima-header .navigation .btn {
        max-height: 2.75rem !important;
        height: 2.75rem !important;
        padding: 0.5rem 1rem !important;
        font-size: 1rem !important;
        font-weight: 750 !important;
        text-transform: none !important;
    }

    .proxima-header .hidden-sticky.hidden-sm {
        margin-left: auto !important;
    }

    .proxima-header .hidden-sticky.hidden-sm ul.header.links {
        display: flex;
        align-items: center;
    }

    .proxima-header .hidden-sticky.hidden-sm ul.header.links li:last-child a {
        box-shadow: none !important;
        outline: none !important;
        text-decoration: none !important;
        cursor: pointer !important;
        padding: 0.5625rem 2.25rem !important;
        text-transform: none !important;
        background-color: #244EEF !important;
        border-color: #244EEF !important;
        color: #FFFFFF !important;
        font-weight: 600 !important;
        font-size: 1rem !important;
        height: 2.75rem;
    }

    .proxima-header .hidden-sticky.hidden-sm ul.header.links li:last-child a:hover {
        background-color: #1030AB !important;
        border-color: #1030AB !important;
        color: #FFFFFF !important;
    }

    .proxima-header .right-main-nav {
        display: flex !important;
        align-items: center !important;
    }

    .proxima-header .right-main-nav ul {
        display: flex;
        list-style: none;
        margin-bottom: 0 !important;
    }

    .proxima-header .right-main-nav ul li {
        margin-left: 1rem;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        border-right: 0 !important;
    }

    .proxima-header .right-main-nav ul li.laguage-input-list {
        position: relative
    }

    .proxima-header .right-main-nav ul li.laguage-input-list .fa-angle-down {
        position: absolute;
        right: 1rem;
        top: 0.7rem;
        font-size: 1rem !important;
        color: #FFFFFF;
    }

    .proxima-header .right-main-nav .switcher-language {
        background-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        font-weight: 750;
        font-size: 0.75rem !important;
        color: #FFFFFF;
        cursor: pointer;
        height: auto !important;
        padding: 0.5rem 1rem !important;
        min-width: 5.0625rem;
        border: 2px solid #D9D9D9;
        border-radius: 20px;
        max-height: 2.375rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        position: relative;
        margin-right: 0rem !important;
    }

    .proxima-header .right-main-nav .switcher-language .view-default,
    .proxima-header .right-main-nav .switcher-language .switcher-trigger span {
        font-weight: 750;
        font-size: 0.75rem !important;
        color: #FFFFFF;
        font-family: 'Avenir LT Std', sans-serif !important;
    }

    .proxima-header .right-main-nav .switcher-language .options .action.toggle {
        display: flex;
        align-items: center;
        height: 1rem;
    }

    .proxima-header .right-main-nav .switcher-language .switcher-dropdown {
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        border: 0;
        top: calc(100% + 7px) !important;
        left: -15px;
        color: #000 !important;
        background: #fff !important;
        background-color: #fff !important;
        min-width: 5.0625rem !important;
    }

    .proxima-header .right-main-nav .switcher-language .switcher-dropdown:after {
        border-color: transparent transparent #fff transparent !important;
    }

    .proxima-header .right-main-nav .switcher-language .switcher-dropdown a {
        color: #000 !important;
    }

    .proxima-header .right-main-nav .switcher-language .switcher-dropdown li {
        background: #fff !important;
        background-color: #fff !important;
    }

    .proxima-header .right-main-nav .switcher-language .switcher-dropdown li:hover {
        background: #fff !important;
        background-color: #fff !important;
    }

    .proxima-header .right-main-nav .switcher-language .switcher-dropdown a:hover,
    .proxima-header .right-main-nav .switcher-language .switcher-dropdown li:hover a {
        color: #067DF4 !important;
    }

    .proxima-header .right-main-nav .switcher-language .options .action.toggle:after {
        font-size: 1.75rem;
        font-weight: 700;
        padding: 0;
        width: 1.25rem;
        text-align: center !important;
        height: 1rem;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin-left: 0.25rem !important;
    }

    body.cms-information-center .page-wrapper .page-main .column.main div[data-content-type="html"] {
        padding-top: 100px !important;
    }

    .proxima-header .right-main-nav .switcher-language .switcher-dropdown:before {
        display: none !important;
    }

    .proxima-header .right-main-nav ul li .btn {
        padding: 0.5rem 1rem 0.35rem 1rem !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        max-height: 2.375rem;
        height: 2.375rem;
        border-radius: 18px;
        text-transform: uppercase !important;
    }

    .proxima-header .right-main-nav ul li .call-btn {
        min-width: 6.75rem;
        font-size: 0.75rem !important;
        font-weight: 750;
    }

    .proxima-header .right-main-nav ul li .signin-btn {
        min-width: 5.8125rem;
        font-size: 0.75rem !important;
        font-weight: 750;
    }

    .proxima-header .left-main-nav {
        margin-left: 0 !important;
    }

    .proxima-header .navigation .level0 .submenu {
        padding: 1rem !important;
        margin-top: 1.5rem !important;
        background-color: rgba(0, 0, 0, 0.6) !important;
        background: rgba(0, 0, 0, 0.6) !important;
    }

    .proxima-header .navigation .level0 .submenu li {
        padding: 3px 15px !important;
    }

    .proxima-header .navigation .level0 .submenu a {
        line-height: 1 !important;
        font-size: 0.875rem !important;
        font-weight: 750 !important;
        color: #FFFFFF !important;
        padding: 0 !important;
        text-transform: uppercase !important;
        cursor: pointer;
    }

    .proxima-header .navigation .level0 .submenu a:hover {
        color: #067DF4 !important;
    }

    /*-------------Header Styles End-------------*/
    .page-main {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        background-color: #000;
    }

    /*-------------Main Banner Styles Start-------------*/
    .main-banner-carousel .nivoSlider {
        overflow: hidden;
        background-size: cover;
        background-position: center;
        background-color: #000000;
        line-height: 0;
    }

    .main-banner-carousel .nivoSlider img {
        width: 100% !important;
        height: auto !important
    }

    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text {
        top: 20% !important;
    }

    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h4 {
        font-size: 3.375rem !important;
        color: #FFF !important;
        font-weight: 750 !important;
        text-transform: unset !important;
        line-height: 4.0625rem;
    }

    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text p {
        font-size: 1.125rem !important;
        color: #FFF !important;
        font-weight: 600 !important;
        text-transform: unset !important;
        line-height: 1.3125rem !important;
    }

    /*-------------Main Banner Styles End-------------*/
    /*-------------Strip Section Styles Start-------------*/
    .strip-section.blue-strip {
        padding: 3.5625rem 0;
        background: #067DF4;
        /*border: 0.5px solid rgba(217, 217, 217, 0.3);*/
    }

    .strip-section h2 {
        font-size: 3.5rem !important;
        color: #FFF !important;
        font-weight: 600 !important;
        margin-top: 0rem !important;
        margin-bottom: 1rem !important;
        line-height: 4.1875rem;
    }

    .strip-section h2 span {
        font-weight: 700 !important;
    }

    .strip-section h3 {
        font-size: 1.125rem !important;
        color: #FFF !important;
        font-weight: 500 !important;
        margin-top: 0rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3125rem;
    }

    .strip-section .scroll-down-arrow {
        font-size: 3.125rem !important;
    }

    .floating {
        animation-name: floating;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    @keyframes floating {
        0% {
            transform: translate(0, 0px);
        }

        50% {
            transform: translate(0, 15px);
        }

        100% {
            transform: translate(0, -0px);
        }
    }

    /*-------------Strip Section Styles End-------------*/
    /*-------------Social Media Right Styles Start-------------*/
    .social-media-right {
        position: fixed;
        right: 0;
        top: 50%;
        z-index: 11;
        list-style: none !important;
        background-color: #6978A0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .social-media-right li {
        margin-bottom: 0;
        padding: 0.8rem 0.8rem 0.4rem 0.8rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .social-media-right li a {
        cursor: pointer;
        color: #FFFFFF;
    }

    .social-media-right li a:hover {
        color: #244EEF;
    }

    /*-------------Social Media Right Styles End-------------*/
    /*-------------Search Block Styles Start-------------*/
    .search-block {
        background-color: transparent;
        margin-top: -5.625rem;
        position: relative;
        z-index: 9;
    }

    .search-block:after {
        position: absolute;
        content: "";
        left: 0;
        top: 4.625rem;
        bottom: -2px;
        right: 0;
        background-color: #000000 !important;
    }

    .search-block-main {
        position: relative;
    }

    .search-block-inner {
        padding: 2.375rem 2.8125rem 2rem 2.8125rem;
        background-color: #067DF4;
        position: relative;
        border-width: 0px 0.5px;
        border-style: solid;
        border-color: #D9D9D9;
        z-index: 9;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
    }

    .search-block .block-subtitle {
        font-weight: 700 !important;
        font-size: 1.5rem !important;
        color: #FFFFFF !important;
        text-transform: uppercase !important;
    }

    .empty-label {
        opacity: 0;
    }

    .search-block label {
        font-weight: 500;
        font-size: 0.875rem;
        color: #FFFFFF;
        margin-bottom: 0.5rem;
        display: block;
    }

    .search-block .text-input {
        padding: 0.5rem 1.25rem;
        background-color: transparent !important;
        border: 1px solid #D9D9D9 !important;
        box-shadow: none !important;
        outline: none !important;
        border-radius: 21px;
        height: 2.5625rem !important;
        font-weight: 400;
        font-size: 0.875rem;
        color: #D9D9D9;
    }

    .search-block .search-list {
        display: flex;
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

    .search-block .search-list li {
        margin-left: 1.1875rem;
        margin-bottom: 0;
    }

    .search-block .search-list li .form-group {
        margin-bottom: 0;
        padding-bottom: 1rem;
    }

    .search-block .search-list li.location {
        width: calc(100% - 35.25rem);
        margin-left: 0;
    }

    .search-block .search-list li.type {
        width: 24.625rem;
    }

    .search-block .SearchBtn {
        width: 8.25rem;
    }

    .search-block .btn-search {
        width: 100%;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.5625rem !important;
        background-color: transparent !important;
        color: #FFFFFF !important;
        border: 2px solid #FFFFFF !important;
        border-radius: 21px;
        text-transform: uppercase !important;
    }

    .search-block .btn-search:hover {
        background-color: #FFFFFF !important;
        color: #067DF4 !important;
    }

    .search-block .filter-input {
        padding: 0.5rem 1.25rem !important;
        background-color: transparent !important;
        border: 1px solid #D9D9D9 !important;
        box-shadow: none !important;
        outline: none !important;
        border-radius: 21px;
        height: 2.5625rem !important;
        font-weight: 400;
        font-size: 0.875rem;
        color: #D9D9D9;
    }

    .search-block .filter-input .fa-angle-down {
        font-size: 1.125rem !important;
    }

    .search-block .text-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #D9D9D9;
    }

    .search-block .text-input::-moz-placeholder {
        /* Firefox 19+ */
        color: #D9D9D9;
    }

    .search-block .text-input:-ms-input-placeholder {
        /* IE 10+ */
        color: #D9D9D9;
    }

    .search-block .text-input:-moz-placeholder {
        /* Firefox 18- */
        color: #D9D9D9;
    }

    .search-block select.text-input {
        -webkit-appearance: none;
        position: relative;
        padding-right: 2rem !important;
        background: none !important;
    }

    .search-block .location-input,
    .search-block .type-input {
        position: relative;
    }

    .search-block .location-input .fa-map-marker-alt,
    .search-block .type-input .fa-home-lg-alt {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2rem;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        color: #B8BECC;
        font-size: 1.125rem;
        z-index: 5;
    }

    .search-block .select-input .fa-angle-down {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0.35rem;
        width: 1.25rem;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        color: #B8BECC;
        font-size: 1.125rem;
        z-index: 5;
    }

    /* .search-block .select-input select.text-input:focus+.fa-angle-down {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        justify-content: flex-end;
    } */

    .search-block .addvance-search-label {
        font-size: 0.875rem;
        font-weight: 700;
        color: #FFFFFF;
    }

    .search-block .select-input select option {
        background-color: #000;
        padding: 0.5rem 0.5rem;
    }

    /*-------------Search Block  Styles End-------------*/
    /*-------------Advanced Search Block  Styles Start-------------*/
    .addvance-search-box {
        padding: 2.375rem 2.8125rem 2rem 2.8125rem;
        background-color: #000000;
        position: relative;
        border-width: 0 0.5px;
        border-style: solid;
        border-color: #D9D9D9;
        z-index: 9;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
    }

    .addvance-search-box .header {
        background-color: #3497fb;
        padding: 1.375rem 3.4375rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .addvance-search-box .header h4 {
        margin: 0 !important;
        font-weight: 700;
        font-size: 1.3125rem;
        color: #ffffff;
    }

    .addvance-search-box .header .fa-times {
        color: #B8BECC;
        font-size: 1.625rem;
    }

    .addvance-search-box .body-content {
        background-color: #067DF4;
        padding: 2rem 3rem 0.5rem 3rem;
    }

    .addvance-search-box .body-content h4 {
        margin: 0 0 0.75rem 0 !important;
        font-weight: 700;
        font-size: 1rem;
        color: #ffffff;
        display: block;
    }

    .addvance-search-box .body-content .button-check-box {
        padding-left: 0;
        margin-top: 0.5rem;
    }

    .addvance-search-box .body-content .button-check-box {
        position: relative;
    }

    @media (max-width: 575.98px) {
        body .header-container .header>.flex-layout .logo-container {
            margin-left: 30px !important;
        }

        body .primary-menu-container .nav-toggle {
            left: 10px !important;
        }

/*
        .proxima-header .right-main-nav .QR_code_psp {
            margin-left: 10px !important;
            position: absolute;
            right: 0;
            top: 5px;
        } */

        body #proxima-header .link.letstalk {
            display: none;
        }

    }

    .addvance-search-box .body-content .button-check-box .custom-control-input {
        position: absolute;
    }

    .addvance-search-box .body-content .button-check-box .custom-control-label {
        padding: 0.5rem 1.79rem;
        background: transparent;
        border: 1px solid #fff;
        font-weight: 500;
        font-size: 0.875rem;
        color: #fff;
    }

    .addvance-search-box .body-content .button-check-box .custom-control-label:before,
    .addvance-search-box .body-content .button-check-box .custom-control-label:after {
        display: none;
    }

    .addvance-search-box .body-content .button-check-box .custom-control-input:checked~.custom-control-label {
        color: #067DF4;
        border: 1px solid #fff;
        background: #fff;
    }

    .addvance-search-box .body-content .form-group label {
        font-weight: 500;
        font-size: 0.75rem;
        color: #DADADA;
    }

    .addvance-search-box .body-content .form-group .text-input {
        height: 2.625rem;
        padding: 0.75rem 0.9375rem;
    }

    /*--- /.price-range-slider ---*/
    .range-slider {
        zoom : 1;
        margin: 1.25rem 0;
        padding-top: 3.5rem;
        position: relative;
        text-align: center;
    }

    .range-slider:before,
    .range-slider:after {
        content: " ";
        display: table;
    }

    .range-slider:after {
        clear: both;
    }

    @media (min-width: 640px) {
        .range-slider {
            padding-top: 3.5rem;
        }
    }

    @media (min-width: 1024px) {
        .range-slider {
            padding-top: 3.5rem;
        }
    }

    .range-slider .track {
        bottom: 1.99rem;
        height: 0.375rem;
        left: 0;
        margin-bottom: -0.1875rem;
        position: absolute;
        width: 0;
        z-index: 50;
    }

    @media (min-width: 640px) {
        .range-slider .track {
            bottom: 1.3rem;
        }
    }

    @media (min-width: 1024px) {
        .range-slider .track {
            bottom: 1.3rem;
        }
    }

    .range-slider .track--full {
        background: #E4EAF0;
        border-radius: 0.5625rem;
        width: 100%;
        height: 0.375rem;
    }

    .range-slider .track--included {
        background: #00C48C;
        border-radius: 3px;
    }

    .range-slider .slider-thumb {
        background: #00C48C !important;
        border: 2px solid #FFFFFF !important;
        border-radius: 50%;
        cursor: pointer;
        display: none;
        display: block\9;
        height: 1.0625rem;
        left: 0;
        position: absolute;
        width: 1.0625rem;
        z-index: 101;
    }

    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
        .range-slider .slider-thumb {
            display: block;
        }
    }

    @media (min-width: 640px) {
        .range-slider .slider-thumb {
            height: 1.0625rem;
            width: 1.0625rem;
        }
    }

    @media (min-width: 1024px) {
        .range-slider .slider-thumb {
            height: 1.0625rem;
            width: 1.0625rem;
        }
    }

    .range-slider [type=range] {
        -webkit-appearance: none;
        background: none;
        height: 2.0625rem;
        margin: 0;
        outline: none;
        padding: 0;
        pointer-events: none;
        position: relative;
        width: 100%;
        z-index: 75;
    }

    @media only screen and (min-width: 600px) {
        .range-slider [type=range] {
            height: 2.0625rem;
        }
    }

    @media (min-width: 640px) {
        .range-slider [type=range] {
            height: 1.0625rem;
        }
    }

    @media (min-width: 1024px) {
        .range-slider [type=range] {
            height: 1.0625rem;
        }
    }

    .range-slider [type=range]:focus {
        outline: none;
    }

    .range-slider [type=range]::-moz-focus-outer {
        border: 0;
    }

    .range-slider [type=range]:first-of-type {
        float: left;
        margin-bottom: -3rem;
    }

    @media (min-width: 640px) {
        .range-slider [type=range]:first-of-type {
            margin-bottom: -1.0625rem;
        }
    }

    @media (min-width: 1024px) {
        .range-slider [type=range]:first-of-type {
            margin-bottom: -1.0625rem;
        }
    }

    .range-slider [type=range]:last-of-type {
        float: right;
        margin-bottom: 0;
    }

    .range-slider [type=range]::-webkit-slider-runnable-track {
        background: none;
        border: 0;
        height: 0.375rem;
        z-index: -1;
    }

    .range-slider [type=range]::-ms-fill-lower {
        background: none;
        border: 0;
    }

    .range-slider [type=range]::-ms-fill-upper {
        background: none;
        border: 0;
    }

    .range-slider [type=range]::-ms-track {
        background: transparent;
        border: 0;
        border-color: transparent;
        color: transparent;
        height: 0.375rem;
        z-index: -1;
    }

    .range-slider [type=range]:focus::-ms-fill-lower {
        background: none;
        border: 0;
    }

    .range-slider [type=range]:focus::-ms-fill-upper {
        background: none;
        border: 0;
    }

    .range-slider [type=range]::-moz-range-track {
        -moz-appearance: none;
        background: none;
        border: 0;
        height: 0.375rem;
        z-index: -1;
    }

    .range-slider [type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: #00C48C;
        border: 2px solid #FFFFFF;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.13);
        border-radius: 50%;
        cursor: pointer;
        height: 1.0625rem;
        margin-top: -0.75rem;
        outline: 0;
        pointer-events: all;
        position: relative;
        width: 1.0625rem;
        z-index: 100;
    }

    @media (min-width: 640px) {
        .range-slider [type=range]::-webkit-slider-thumb {
            height: 1.0625rem;
            margin-top: -0.75rem;
            width: 1.0625rem;
        }
    }

    @media (min-width: 1024px) {
        .range-slider [type=range]::-webkit-slider-thumb {
            height: 1.0625rem;
            margin-top: -0.75rem;
            width: 1.0625rem;
        }
    }

    .range-slider [type=range]::-ms-thumb {
        background: #00C48C;
        border: 2px solid #FFFFFF;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.13);
        border-radius: 50%;
        cursor: pointer;
        height: 1.0625rem;
        margin-top: 0;
        pointer-events: all;
        position: relative;
        width: 1.0625rem;
        z-index: 100;
    }

    @media (min-width: 640px) {
        .range-slider [type=range]::-ms-thumb {
            height: 1.0625rem;
            width: 1.0625rem;
        }
    }

    @media (min-width: 1024px) {
        .range-slider [type=range]::-ms-thumb {
            height: 1.0625rem;
            width: 1.0625rem;
        }
    }

    .range-slider [type=range]::-moz-range-thumb {
        -moz-appearance: none;
        background: #00C48C;
        border: 2px solid #FFFFFF;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.13);
        border-radius: 50%;
        cursor: pointer;
        height: 1.0625rem;
        margin-top: -0.75rem;
        pointer-events: all;
        position: relative;
        width: 1.0625rem;
        z-index: 100;
    }

    @media (min-width: 640px) {
        .range-slider [type=range]::-moz-range-thumb {
            height: 1.0625rem;
            margin-top: -0.75rem;
            width: 1.0625rem;
        }
    }

    @media (min-width: 1024px) {
        .range-slider [type=range]::-moz-range-thumb {
            height: 1.0625rem;
            margin-top: -0.75rem;
            width: 1.0625rem;
        }
    }

    .range-slider .output,
    .range-slider output {
        background: #161E34;
        border: 1px solid #161E34;
        border-radius: 0.25rem;
        color: #FFFFFF;
        display: inline-block;
        height: 2.5rem;
        font-weight: 400;
        font-size: 0.75rem;
        left: 50%;
        line-height: 2.5rem;
        padding: 0 0.75rem;
        position: absolute;
        text-align: center;
        top: 0;
        transform: translate(-50%, 0);
    }

    .range-slider .output,
    .range-slider output {
        max-width: 4.75rem;
        min-width: 2.75rem;
    }

    .range-slider .output:after,
    .range-slider output:after {
        position: absolute;
        content: "";
        bottom: -0.4rem;
        left: calc(50% - 0.3rem);
        width: 0;
        height: 0;
        border-left: 0.35rem solid transparent;
        border-right: 0.35rem solid transparent;
        border-top: 0.4rem solid #161E34;
        border-radius: 0.2rem;
    }

    /*--- /.price-range-slider ---*/
    .addvance-search-box .footer {
        padding: 1.375rem 3.4375rem;
        background-color: #3497fb;
        text-align: right;
    }

    .addvance-search-box .footer .btn {
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.375rem;
        text-transform: none !important;
        min-width: 8.6875rem;
    }

    /*-------------Advanced Search Block  Styles End-------------*/
    /*-------------About Section Styles Start-------------*/
    .about-section {
        padding: 6.625rem 0;
        /*border: 0.5px solid #D9D9D9;*/
    }

    .about-section .section-title {
        margin-top: 8rem !important;
        margin-bottom: 1.5rem !important;
    }

    .about-section .description {
        margin-bottom: 1rem !important;
    }

    .about-section .row-order-1 .description,
    .about-section .row-order-1 .section-title {
        padding-right: 0rem !important;
        padding-left: 6.875rem !important;
    }

    .about-section .row-order-2 .description,
    .about-section .row-order-2 .section-title {
        padding-left: 0rem !important;
        padding-right: 6.875rem !important;
    }

    .about-section .bottom-space {
        margin-bottom: 9.0625rem;
    }

    .home-about-section .custom-container {
        max-width: 1440px !important;
        margin: 0 auto;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .home-about-section .single-row {
        display: flex;
        align-items: center;
        margin-bottom: 6.0625rem;
    }

    .home-about-section .single-row:last-child {
        margin-bottom: 0;
    }

    .home-about-section .single-row .text-box {
        display: flex;
        align-items: center;
    }

    .home-about-section .single-row .text-box .arrow-horizontal {
        margin-right: 4.1875rem;
        position: relative;
    }

    .home-about-section .single-row .text-box .arrow-horizontal .arrow {
        position: relative;
        display: flex;
        height: 3px;
        background-color: #067DF4;
        border-radius: 0.275rem;
    }

    .home-about-section .single-row .text-box .arrow-horizontal .arrow:before {
        position: absolute;
        content: "";
        right: -5px;
        bottom: 5px;
        width: 20px;
        height: 4px;
        border-radius: 5px;
        background-color: #067DF4;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .home-about-section .single-row .text-box .arrow-horizontal .arrow:after {
        position: absolute;
        content: "";
        right: -5px;
        top: 5px;
        width: 20px;
        height: 4px;
        border-radius: 3px;
        background-color: #067DF4;
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .home-about-section .single-row .text-box .arrow-horizontal .arrow-1 {
        width: 3.5625rem;
    }

    .home-about-section .single-row .text-box .arrow-horizontal .arrow-2 {
        width: 10.8125rem;
    }

    .home-about-section .single-row .text-box .arrow-horizontal .arrow-3 {
        width: 18.1875rem;
    }

    .home-about-section .single-row .text-box .arrow-horizontal .arrow-4 {
        width: 25.9375rem;
    }

    .home-about-section .single-row .text-box .arrow-vertical {
        display: none;
    }

    .home-about-section .single-row .text-box h4 {
        font-size: 3.5rem !important;
        font-weight: 600 !important;
        line-height: 4.1875rem !important;
        color: #fff;
        width: 45rem;
        max-width: 45rem;
    }

    .home-about-section .single-row .image-box {
        max-width: 28.75rem;
        min-width: 28.75rem;
        position: relative;
    }

    .home-about-section .single-row .image-box:after {
        position: absolute;
        content: "";
        right: -8.125rem;
        top: 0;
        bottom: 0;
        width: 8.125rem;
        background: linear-gradient(90deg, rgba(63, 63, 63, 0.282) 0%, rgba(217, 217, 217, 0) 78.55%);
    }

    .home-about-section .single-row:nth-child(1) .image-box:after {
        width: 38.125rem;
        right: -38.125rem;
    }

    .home-about-section .single-row:nth-child(2) .image-box:after {
        width: 30rem;
        right: -30rem;
    }

    .home-about-section .single-row:nth-child(3) .image-box:after {
        width: 23.125rem;
        right: -23.125rem;
    }

    .home-about-section .single-row:nth-child(4) .image-box:after {
        width: 15.625rem;
        right: -15.625rem;
    }

    /*-------------About Section Styles End-------------*/
    /*-------------Strip Section Styles Start-------------*/
    .strip-section {
        padding: 2rem 0;
        background: #3F3F3F;
        /*border: 0.5px solid rgba(217, 217, 217, 0.3);*/
    }

    .strip-section .section-subtitle {
        margin-top: 0rem !important;
        margin-bottom: 0.75rem !important;
    }

    .strip-section .description {
        margin-bottom: 1rem !important;
    }

    .strip-section .btn {
        width: 8.25rem;
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.375rem;
    }

    /*-------------Strip Section Styles End-------------*/
    /*-------------Parallax Styles Start-------------*/
    .parallax-section {
        height: 90vh;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0rem 5rem;
    }

    .parallax-section h4 {
        font-size: 3rem;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    .parallax-section .btn {
        width: 8.25rem;
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.375rem;
    }

    section.module.parallax {
        height: 90vh;
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: rgba(0, 0, 0, 0.4);
        background-blend-mode: screen;
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0rem 5rem;
    }

    section.module.parallax h4 {
        font-size: 3rem;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    section.module.parallax .btn {
        width: 8.25rem;
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.375rem;
    }

    /*-------------Parallax Styles End-------------*/
    /*-------------Featured Products Styles Start-------------*/
    .featured-products-section {
        padding: 4.0625rem 0rem;
    }

    .featured-products-section .container {
        max-width: 100% !important;
        padding-left: 5rem !important;
    }

    .featured-products-section h3 {
        font-size: 2rem;
        margin-top: 0 !important;
        margin-bottom: 2.5rem !important;
    }

    .featured-product-owl .item-conainer {
        background-color: #fff;
        width: calc(100% - 1.875rem);
        overflow: hidden;
    }

    .featured-product-owl .item-conainer .details-box {
        padding: 1.375rem 1.5rem;
    }

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

    .featured-product-owl .item-conainer .details-box h5,
    .featured-product-owl .item-conainer .details-box h5 a {
        margin-top: 1.5rem !important;
        margin-bottom: 1rem !important;
        font-size: 1.3rem !important;
        font-weight: 700;
        color: #000000 !important;
        text-transform: uppercase !important;
    }

    .featured-product-owl .owl-stage-outer {
        overflow: visible;
    }

    .featured-products-section .featured-product-slider-container {
        margin-bottom: 1rem !important;
        position: relative;
    }

    .featured-products-section .featured-product-slider-container:before {
        position: absolute;
        content: "";
        top: 0;
        right: 100%;
        width: 100%;
        height: 100%;
        background-color: #000000 !important;
        z-index: 10;
    }

    .featured-product-owl .item-conainer img {
        width: 100%;
    }

    /*-------------Featured Products Styles End-------------*/
    /*-------------News Letter Styles Start-------------*/
    .news-letter-section {
        padding-top: 5.1875rem;
        background-image: none !important;
        background-color: #000000 !important;
    }

    .news-letter-section .inner-container {
        max-width: 59.0625rem;
        margin: auto;
    }

    .news-letter-section .news-letter-box {
        max-width: 42.75rem;
        margin: auto;
    }

    .news-letter-section .news-letter-box h4 {
        color: #FFFFFF !important;
        font-weight: 700;
        font-size: 2rem;
        margin-bottom: 1rem !important;
        margin-top: 0 !important;
    }

    .news-letter-section .news-letter-box p {
        color: #FFFFFF !important;
        font-weight: 400;
        font-size: 1rem;
        text-align: left;
    }

    .news-letter-section .news-letter-box form {
        display: flex;
    }

    .news-letter-section .news-letter-box form .text-input {
        height: 2.375rem;
        min-height: 2.375rem;
        padding: 0.25rem 1.25rem;
        font-size: 0.875rem;
        font-weight: 500;
        background-color: transparent !important;
        border: 1px solid #FFFFFF;
        border-radius: 20px;
        color: #D9D9D9 !important;
        width: clac(100% - 9.6875);
    }

    .news-letter-section .news-letter-box form .btn {
        width: 8.25rem;
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.375rem;
        margin-left: 1.4375rem;
    }

    .news-letter-section .news-letter-box form .submit-btn:hover {
        background-color: rgba(255, 255, 255, 0.95) !important;
    }

    .news-letter-section .news-letter-box .text-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #D9D9D9;
    }

    .news-letter-section .news-letter-box .text-input::-moz-placeholder {
        /* Firefox 19+ */
        color: #D9D9D9;
    }

    .news-letter-section .news-letter-box .text-input:-ms-input-placeholder {
        /* IE 10+ */
        color: #D9D9D9;
    }

    .news-letter-section .news-letter-box .text-input:-moz-placeholder {
        /* Firefox 18- */
        color: #D9D9D9;
    }

    .enquiry-form-outer {
        position: relative;
        padding-top: 5.1875rem;
    }

    .enquiry-form {
        width: 100%;
        padding: 2.375rem 4.75rem;
        background-color: #067DF4;
    }

    .enquiry-form .title-box {
        text-align: center;
    }

    .enquiry-form h4 {
        font-weight: 700;
        font-size: 1.5rem;
        color: #FFFFFF;
        margin-top: 0;
        margin-bottom: 1.5rem;
    }

    .enquiry-form label {
        color: #FFFFFF;
        font-weight: 500;
        font-size: 1rem;
    }

    .enquiry-form .text-input {
        height: 2.375rem;
        padding: 0.25rem 1.25rem;
        font-size: 0.875rem;
        font-weight: 400;
        background-color: transparent;
        border: 1px solid #D9D9D9;
        border-radius: 21px;
        color: #D9D9D9 !important;
    }

    .enquiry-form .btn {
        width: 8.25rem;
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.375rem;
    }

    .enquiry-form .text-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #D9D9D9;
    }

    .enquiry-form .text-input::-moz-placeholder {
        /* Firefox 19+ */
        color: #D9D9D9;
    }

    .enquiry-form .text-input:-ms-input-placeholder {
        /* IE 10+ */
        color: #D9D9D9;
    }

    .enquiry-form .text-input:-moz-placeholder {
        /* Firefox 18- */
        color: #D9D9D9;
    }

    /*-------------News Letter Styles End-------------*/
    /*-------------Footer Styles Start-------------*/
    .page-footer {
        margin-top: 0 !important;
    }

    .footer-section {
        padding: 6.9375rem 0 3.625rem 0;
        background-color: #000000;
    }

    .footer-section .container {
        max-width: 1080px !important;
    }

    .footer-section .address-list {
        list-style: none;
        padding-left: 0;
        margin-top: 4.7rem;
    }

    .footer-section .address-list li a {
        font-size: 1.5rem;
        color: #067DF4;
    }

    .footer-section .address-list li a:hover {
        color: #FFFFFF;
    }

    .footer-section .address-list li {
        font-weight: 500;
        font-size: 1.25rem;
        color: #FFFFFF;
        margin-bottom: 1.5rem;
        display: flex;
        align-items: flex-start;
    }

    .footer-section .address-list li ul {
        display: flex;
    }

    .footer-section .link-list {
        list-style: none;
        padding-left: 0;
    }

    .footer-section .link-list li {
        margin-bottom: 1rem;
    }

    .footer-section .link-list li h6 {
        font-weight: 700;
        font-size: 2rem;
        color: #FFFFFF;
        margin-bottom: 2.5rem;
        margin-top: 1.25rem;
    }

    .footer-section .link-list li a {
        font-weight: 500;
        font-size: 1.25rem;
        color: #FFFFFF;
        display: inline-flex;
        align-items: flex-start;
        cursor: pointer;
    }

    .footer-section .link-list li a:hover {
        color: #067DF4;
    }

    .copy-right-section {
        margin-top: 3rem;
    }

    .copy-right-section p,
    .copy-right-section p a {
        font-weight: 500;
        font-size: 1.25rem;
        color: #3F3F3F;
        margin-bottom: 0;
    }

    .copy-right-section p a {
        cursor: pointer !important;
    }

    .copy-right-section p a:hover {
        color: #067DF4;
    }

    /*-------------Footer Styles End-------------*/
    #purchase-fake-order.purchase-order {
        display: none !important;
    }

    /*-------------Product Banner Styles Start-------------*/
    .proxima-product-banner {
        padding: 12rem 0rem 13rem 0rem !important;
        margin-bottom: 0 !important;
        background-size: cover;
        background-position: center;
        position: relative;
        min-height: 60vh;
    }

    .proxima-product-banner:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+51&0+0,0.65+51 */
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
        /* IE6-9 */
        z-index: 1;
    }

    .proxima-product-banner .banner-inner {
        position: relative;
        z-index: 2;
        text-align: center;
    }

    .proxima-product-banner .banner-inner h4 {
        font-size: 3.625rem;
        font-weight: 700;
        line-height: 4.375rem;
        margin-bottom: 0.5rem !important;
        margin-top: 0 !important;
        color: #fff !important;
    }

    .proxima-product-banner .banner-inner p {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.375rem;
        margin-bottom: 0.5rem !important;
        margin-top: 0 !important;
        color: #fff !important;
    }

    /*-------------Product Banner Styles End-------------*/
    /*-------------Project List Page Search Styles Start-------------*/
    .search-block.project-search {
        margin-top: 0;
        background-color: transparent !important;
    }

    .search-block.project-search:after {
        display: none !important;
    }

    .search-block.project-search .search-block-inner {
        padding: 2.375rem 2.8125rem 2.375rem 2.8125rem;
        top: -5.625rem;
    }

    .search-block.project-search .addvance-search-box {
        padding: 0;
        top: -5.625rem;
    }
    .page-with-filter .search-block.project-search .addvance-search-box{
        top: -29rem !important;
    }
    .search-block.project-search h5 {
        font-size: 1.5rem;
        font-weight: 800;
        line-height: 2rem;
        margin-bottom: 0.5rem !important;
        margin-top: 0 !important;
        color: #fff !important;
        text-transform: uppercase;
    }

    label.advanced-search-label {
        margin-bottom: 0 !important;
        display: inline-block !important;
        cursor: pointer;
    }

    .inner-page-footer {
        padding-top: 4.625rem !important;
        border-top: 0.5px solid #666;
    }


    /*-------------Project List Page Search  Styles End-------------*/
    /*-------------Project List Page Styles Start-------------*/
    .proxima-project-list {
        width: 100%;
        padding: 12rem 0rem 3rem 0rem !important;
        background-color: #000 !important;
    }

    .proxima-navtab {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        list-style: none;
        padding-left: 0;
        margin-bottom: 4rem !important;
    }

    .proxima-navtab li {
        margin-bottom: 1rem !important;
    }

    .proxima-navtab li .nav-link {
        box-shadow: none !important;
        outline: none !important;
        cursor: pointer !important;
        padding: 0.75rem 1.5rem 0.75rem 1.5rem !important;
        line-height: 1;
        text-transform: none !important;
        background-color: transparent !important;
        border: 2px solid #FFF !important;
        font-size: 0.75rem;
        font-weight: 700;
        color: #FFFFFF !important;
        border-radius: 21px;
        margin-right: 0.5rem;
    }

    .proxima-navtab li .nav-link.active,
    .proxima-navtab li .nav-link:hover {
        background-color: #067DF4 !important;
        border-color: #067DF4 !important;
        color: #FFFFFF !important;
    }

    .proxima-product-grid .product-items {
        display: flex;
        width: calc(100% + 1rem) !important;
        flex-wrap: wrap;
        margin: 0 -0.5rem !important;
    }

    .proxima-product-grid .product-item {
        width: calc((100% - 0%) / 4) !important;
        margin: 0 !important;
        margin-bottom: 1.6875rem !important;
        height: 100%;
        background-color: transparent !important;
        padding: 0 0.5rem !important;
        border: 0 !important;
        text-align: left !important;
        display: inline-flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .proxima-product-grid .product-item .product-item-info {
        padding: 0 !important;
        text-align: left !important;
        width: 100% !important;
    }

    .proxima-product-grid .product-item .product-item-photo {
        padding: 0 !important;
        max-height: 320px;
    }
    .page-products .proxima-product-grid .product-item .product-item-photo {
        max-height: 158px !important;
        }
    .proxima-product-grid .product-item .product-item-photo .product-image-container {
        width: 100% !important;
    }

    .proxima-product-grid .product-item .product-item-photo .product-image-container .product-image-wrapper {
        padding: 0 !important;
        height: auto !important;
    }

    .proxima-product-grid .product-item .product-item-photo .product-image-container .product-image-wrapper .product-image-photo {
        position: relative;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
        width: 100% !important;
        margin: 0 !important;
    }

    .proxima-product-grid .product-item .product-item-photo .product-image-container .location-box {
        position: absolute;
        bottom: 0.75rem;
        left: 0.75rem;
        background-color: #FFFFFF !important;
        font-weight: 500;
        font-size: 0.875rem;
        color: #92522C !important;
        padding: 0.75rem 1rem;
        z-index: 5;
        border-radius: 20px;
    }

    .proxima-product-grid .product-item .product-item-photo .product-image-container .location-box i {
        color: #067DF4 !important;
        font-size: 1rem;
        font-weight: 700;
    }

    .proxima-product-grid .product-item .product-item-details {
        padding: 0.75rem 1rem !important;
        background-color: #FFFFFF;
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
    }

    .proxima-product-grid .product-item .product-item-details .details-inner {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .proxima-product-grid .product-item .product-item-details .product-item-actions,
    .proxima-product-grid .product-item .product-item-details .product-reviews-summary {
        display: none !important;
    }

    .proxima-product-grid .product-item .product-item-details .product-item-name {
        line-height: 2rem;
    }

    .proxima-product-grid .product-item .product-item-details .product-item-name>a {
        font-weight: 700;
        font-size: 1.5rem;
        color: #000;
        display: inline-flex;
        text-transform: uppercase !important;
        min-height: 5rem !important;
    }

    .proxima-product-grid .product-item .product-item-details .price-box {
        display: none;
    }

    .proxima-product-grid .product-item .product-item-details .view-details-btn {
        font-weight: 600;
        font-size: 1rem;
        height: auto;
        background-color: transparent !important;
        color: #067DF4 !important;
        text-transform: none !important;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        padding: 0 !important;
    }

    .proxima-product-grid .product-item .product-item-details .view-details-btn:hover {
        color: #0052a5 !important;
    }

    .specifications-list {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        min-height: 4rem !important;
    }

    .specifications-list li {
        font-weight: 500;
        font-size: 1rem;
        color: #000;
        display: inline-flex;
        align-items: center;
        margin-bottom: 0rem !important;
        line-height: 100%;
    }

    .specifications-list li:not(:last-child) {
        margin-right: 1rem !important;
    }

    .specifications-list li .icon {
        color: #067DF4;
    }

    /*-------------Project List Page Styles End-------------*/
    /*-------------Project Details Page Styles Start-------------*/
    .search-block.project-search.details-page-search {
        margin-top: -5.625rem;
    }

    .search-block.project-search.details-page-search:after {
        display: none;
    }

    .search-block.project-search.details-page-search .search-block-inner {
        top: 0;
    }

    .proxima-product-overview-section {
        padding: 20rem 0rem 13rem 0rem !important;
        margin-bottom: 0 !important;
        background-size: cover;
        background-position: center;
        margin-top: -5.625rem;
        background-attachment: fixed;
    }

    .proxima-product-overview-section .deatils-box {
        min-height: 25rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .proxima-product-overview-section h4 {
        font-weight: 700 !important;
        font-size: 3rem !important;
        color: #fff !important;
        margin-bottom: 0.5rem !important;
    }

    .proxima-product-overview-section p {
        font-weight: 500 !important;
        font-size: 1.125rem !important;
        color: #fff !important;
        margin-bottom: 0rem !important;
    }

    .proxima-project-list.overview-project-list {
        padding: 3rem 0rem 3rem 0rem !important;
    }

    /*-------------Project Details Page Styles End-------------*/
    /*-------------Property Details Page Styles Start-------------*/
    .property-overview-banner {
        padding: 10rem 0rem 10rem 0rem !important;
        margin-bottom: 0 !important;
        background-size: cover;
        background-position: center;
        position: relative;
        min-height: 90vh;
    }

    .property-overview-banner:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+51&0+0,0.65+51 */
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
        /* IE6-9 */
        z-index: 1;
    }

    .property-overview-banner .content-box {
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .property-overview-banner .content-box .text-box {
        width: calc(100% - 28.75rem);
        padding-right: 8.75rem;
    }

    .property-overview-banner .content-box .text-box h4 {
        font-weight: 700;
        font-size: 3.625rem;
        line-height: 4.375rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    .property-overview-banner .content-box .text-box p {
        font-weight: 500;
        font-size: 1.125rem;
        line-height: 1.375rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .property-overview-banner .content-box .card-block {
        width: 100%;
        max-width: 28.75rem;
        padding: 3.4375rem 4.9375rem;
        background: #000000;
        border-width: 0px 0.5px;
        border-style: solid;
        border-color: #D9D9D9;
        text-align: center;
    }

    .property-overview-banner .content-box .card-block img {
        max-width: 290px;
        width: 100%;
        margin-bottom: 2rem !important;
    }

    .property-overview-banner .content-box .card-block h5 {
        font-weight: 800;
        font-size: 1.5rem;
        line-height: 2.0625rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    .property-overview-banner .content-box .card-block h6 {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 2.0625rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 2rem !important;
    }

    .property-overview-banner .content-box .card-block ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
    }

    .property-overview-banner .content-box .card-block ul li .btn {
        height: 2.375rem;
        width: 8.25rem;
        max-width: 8.25rem;
        font-weight: 700;
        font-size: 0.75rem;
        border-radius: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .product-main-content .product.media {
        padding: 5rem 0rem !important;
        background-color: #000000 !important;
        padding-left: 8.125rem !important;
        padding-right: 8.125rem !important;
        width: 100%;
    }

    .product-main-content .product.media .fotorama__stage {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        left: 0 !important;
        height: 84vh !important;
        max-height: 84vh !important;
        overflow: hidden;
    }

    .product-main-content .product.media .fotorama__stage__shaft.fotorama__grab {
        width: 100% !important;
        max-width: 100% !important;
    }

    .product-main-content .product.media .fotorama__wrap--slide .fotorama__stage__frame {
        display: flex;
        align-items: center;
    }

    .product-main-content .product.media .fotorama__stage__frame .fotorama__img {
        width: 100% !important;
        max-width: 100% !important;
        max-height: unset !important;
    }

    .product-main-content .product.media .fotorama__nav-wrap--vertical.fotorama__nav-wrap {
        left: auto !important;
        right: 0 !important;
        width: 21.25rem !important;
        display: none !important;
    }

    .product-main-content .product.media .fotorama__nav.fotorama__nav--thumbs {
        width: 100% !important;
        position: relative;
        height: 84vh !important;
    }

    .product-main-content .product.media .fotorama__nav__frame.fotorama__nav__frame--thumb {
        width: 100% !important;
        height: calc((84vh / 3) - 0.416rem) !important;
        max-height: calc((84vh / 3) - 0.416rem) !important;
        border: 0 !important;
    }

    .product-main-content .product.media .fotorama__thumb {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fotorama__img {
        top: auto !important;
    }

    .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right,
    .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left {
        background: rgba(0, 0, 0, 0.6) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon,
    .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon {
        background-image: none !important;
        position: relative !important;
        -webkit-transform: rotate(0deg) !important;
        -ms-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: 30px !important;
        width: 30px !important;
        padding-bottom: 0px !important;
    }

    .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon:after {
        position: absolute !important;
        content: "\f107" !important;
        font-family: 'Font Awesome 5 Pro' !important;
        color: #fff !important;
        font-size: 1.5rem !important;
    }

    .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon:after {
        position: absolute !important;
        content: "\f106" !important;
        font-family: 'Font Awesome 5 Pro';
        color: #fff !important;
        font-size: 1.5rem !important;
    }

    .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right:hover .fotorama__thumb--icon:after,
    .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left:hover .fotorama__thumb--icon:after {
        color: #067DF4 !important;
    }

    .product-main-content .product.media .fotorama__arr--next,
    .product-main-content .product.media .fotorama__arr--prev {
        -moz-transform: translateX(0px) !important;
        -webkit-transform: translateX(0px) !important;
        -o-transform: translateX(0px) !important;
        -ms-transform: translateX(0px) !important;
        transform: translateX(0px) !important;
        opacity: 1 !important;
    }

    .product-main-content .product.media .fotorama__arr--prev {
        left: 0 !important;
    }

    .product-main-content .product.media .fotorama__arr--next {
        right: 0 !important;
    }

    .property-overview-details-section {
        padding-bottom: 5rem;
    }

    .property-overview-details-section .details-box h3 {
        font-weight: 700;
        font-size: 3rem;
        line-height: 3.625rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    .property-overview-details-section .details-box h5 {
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.8125rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 2.5rem !important;
    }

    .property-overview-details-section .details-box .specifications-list {
        min-height: unset !important;
        margin-bottom: 0rem !important;
    }

    .property-overview-details-section .details-box h4 {
        font-weight: 700;
        font-size: 2rem;
        line-height: 2.375rem;
        color: #FFFFFF;
        margin-top: 2 !important;
        margin-bottom: 1rem !important;
    }

    .property-overview-details-section .details-box p {
        font-weight: 500;
        font-size: 1.125rem;
        line-height: 1.375rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    .property-overview-details-section .details-box .specifications-list {
        margin-top: 0rem !important;
        margin-bottom: 0 !important;
    }

    .property-overview-details-section .details-box .specifications-list li {
        background-color: #FFFFFF !important;
        border: 0;
        color: #067DF4 !important;
        padding: 0.5rem 1.5rem 0.35rem 1.5rem !important;
        font-weight: 700;
        font-size: 0.75rem;
        border-radius: 20px;
        height: 2.375rem;
        margin-top: 1rem !important;
    }

    .property-overview-details-section .map {
        background-color: #fff;
    }

    .property-overview-details-section .details-box,
    .property-overview-details-section .map {
        height: 100%;
    }

    .w-200px {
        width: 12.5rem !important;
        min-width: 12.5rem !important;
    }

    .featured-product-owl.hidden-slider .owl-stage-outer {
        overflow: hidden;
    }

    .related-properties .view-details-btn {
        font-weight: 600;
        font-size: 1rem;
        height: auto;
        background-color: transparent !important;
        color: #067DF4 !important;
        text-transform: none !important;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        padding: 0 !important;
    }

    .related-properties .view-details-btn:hover {
        color: #0052a5 !important;
    }

    .related-properties .specifications-list {
        margin-bottom: 0.5rem !important;
    }

    .related-properties .item-conainer .img-box {
        position: relative;
    }

    .related-properties .item-conainer .img-box .location-box {
        position: absolute;
        bottom: 0.75rem;
        left: 0.75rem;
        background-color: #FFFFFF !important;
        font-weight: 500;
        font-size: 0.875rem;
        color: #000 !important;
        padding: 0.75rem 1rem;
        z-index: 5;
        border-radius: 20px;
        margin: 0 !important;
    }

    .related-properties .item-conainer .details-box h5 {
        margin-top: 0 !important;
    }

    .limiter .limiter-label,
    .limiter .limiter-text,
    .limiter .label {
        color: #FFFFFF !important;
    }

    .fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb {
        /*height: auto !important;*/
    }

    .fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb .fotorama__thumb {
        /*height: auto !important;*/
    }

    .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
        position: relative !important;
        height: auto !important;
    }

    /*-------------Property Details Page Styles End-------------*/
    /*-------------Contact Page Styles Start-------------*/
    .page-banner {
        padding: 10rem 0rem 10rem 0rem !important;
        margin-bottom: 0 !important;
        background-size: cover;
        background-position: center;
        position: relative;
        min-height: 53rem;
        max-height: 53rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        flex-direction: column;
    }

    .page-banner:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+51&0+0,0.65+51 */
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
        /* IE6-9 */
        z-index: 1;
    }

    .page-banner .content-box {
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
        z-index: 2;
        flex-direction: column;
        height: 100%;
    }

    .page-banner .content-box h4 {
        font-weight: 700;
        font-size: 3.625rem;
        line-height: 4.375rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 0rem !important;
        text-align: center;
    }

    .page-banner .content-box p {
        font-weight: 500;
        font-size: 1.125rem;
        line-height: 1.375rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        text-align: center;
    }

    .contact-section {
        padding: 7rem 0rem;
    }

    .contact-section .contact-container {
        max-width: 794px;
        margin: auto;
    }

    .contact-section .address-box {
        padding: 0 3rem;
    }

    .contact-section .address-box h4 {
        font-weight: 700;
        font-size: 1.5rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 0.5rem !important;
    }

    .contact-section .address-box p {
        font-weight: 400;
        font-size: 1rem;
        color: #FFFFFF;
        margin-top: 0 !important;
        margin-bottom: 02rem !important;
    }

    .contact-section .contact-form {
        max-width: 794px;
        margin: auto;
        text-align: center;
    }

    .contact-section .form-section h4 {
        font-weight: 500;
        font-size: 2.5rem;
        color: #FFFFFF;
        margin-top: 2rem !important;
        margin-bottom: 2.5rem !important;
        text-align: center;
    }

    .contact-section .contact-form .text-input {
        height: 2.5625rem;
        padding: 0.25rem 1.25rem;
        font-size: 0.875rem;
        font-weight: 400;
        background-color: transparent;
        border: 1px solid #D9D9D9;
        border-radius: 21px;
        color: #D9D9D9 !important;
    }

    .contact-section .contact-form .btn {
        width: 8.25rem;
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.375rem;
    }

    .contact-section .contact-form .text-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #D9D9D9;
    }

    .contact-section .contact-form .text-input::-moz-placeholder {
        /* Firefox 19+ */
        color: #D9D9D9;
    }

    .contact-section .contact-form .text-input:-ms-input-placeholder {
        /* IE 10+ */
        color: #D9D9D9;
    }

    .contact-section .contact-form .text-input:-moz-placeholder {
        /* Firefox 18- */
        color: #D9D9D9;
    }

    .contact-section .contact-form .center-line-container {
        display: flex;
        justify-content: center;
        padding: 1rem 0rem 2rem 0rem;
    }

    .contact-section .contact-form .center-line-container .center-line {
        width: 1px;
        height: 9.375rem;
        background-color: #fff;
    }

    /*-------------Contact Page Styles End-------------*/
    /*-------------Agent Page Styles Start-------------*/
    .agent-section {
        padding: 5rem 0rem;
    }

    .agent-section .agent-container {
        max-width: 945px;
        margin: auto;
    }

    .agent-section .agent-form {
        max-width: 945px;
        margin: auto;
        text-align: center;
        padding: 0rem 5rem;
    }

    .agent-section .agent-form.bordered {
        border: 1px solid #FFFFFF;
        padding: 2rem 5rem;
    }

    .agent-section .form-section h4 {
        font-weight: 500;
        font-size: 2.5rem;
        color: #FFFFFF;
        margin-top: 0rem !important;
        margin-bottom: 1.5rem !important;
        text-align: center;
    }

    .agent-section .agent-form .text-input {
        height: 2.5625rem;
        padding: 0.25rem 1.25rem;
        font-size: 0.875rem;
        font-weight: 400;
        background-color: transparent;
        border: 1px solid #D9D9D9;
        border-radius: 21px;
        color: #D9D9D9 !important;
    }

    .agent-section .agent-form .btn {
        width: 8.25rem;
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.375rem;
    }

    .agent-section .agent-form .text-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #D9D9D9;
    }

    .agent-section .agent-form .text-input::-moz-placeholder {
        /* Firefox 19+ */
        color: #D9D9D9;
    }

    .agent-section .agent-form .text-input:-ms-input-placeholder {
        /* IE 10+ */
        color: #D9D9D9;
    }

    .agent-section .agent-form .text-input:-moz-placeholder {
        /* Firefox 18- */
        color: #D9D9D9;
    }

    .agent-section .center-line-container {
        display: flex;
        justify-content: center;
        padding: 2rem 0rem 2rem 0rem;
    }

    .agent-section .center-line-container .center-line {
        width: 1px;
        height: 5rem;
        background-color: #fff;
    }

    /*-------------Agent Page Styles End-------------*/
    /*-------------Services Page Styles Start-------------*/
    .services-page-strip .text-box {
        margin: auto;
    }

    .about-section.service-section {
        padding: 0 0 0 0 !important;
    }

    .about-section.service-section .custom-container {
        padding: 0 !important;
        max-width: 100% !important;
    }

    .service-section .section-title {
        color: #067DF4 !important;
        font-size: 2.5rem !important;
        font-weight: 500 !important;
        margin-top: 0 !important;
    }

    .service-section .description {
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
    }

    .service-section .row-order-1 .description,
    .service-section .row-order-1 .section-title {
        padding-left: 8.125rem !important;
        padding-right: 8.125rem !important;
    }

    .service-section .row-order-2 .description,
    .service-section .row-order-2 .section-title {
        padding-right: 8.125rem !important;
        padding-left: 8.125rem !important;
    }

    .service-section .row-order-1,
    .service-section .row-order-2 {
        align-items: center;
    }

    .service-section .bottom-space {
        margin-bottom: 6.625rem;
    }

    .service-parallax .text-box {
        text-align: center;
        max-width: 945px;
        margin: auto;
    }

    .service-parallax h4 {
        font-size: 2.25rem;
        line-height: 2.6875rem;
    }

    .service-parallax p {
        font-size: 1rem;
        line-height: 1.1875rem;
    }

    .row-margin-0,
    .row.row-margin-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        line-height: 0;
    }

    .column-padding-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        line-height: 0;
    }

    /*-------------Services Page Styles End-------------*/
    /*-------------Information Center Page Styles Start-------------*/
    .information-section .btn {
        width: 8.25rem;
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.375rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 1rem;
    }

    .btn.w-200px {
        width: 200px;
    }

    .btn.w-160px {
        width: 160px;
    }

    .strip-section.blue-strip.information-page-strip {
        padding: 7rem 0rem;
    }

    .strip-section.blue-strip.information-page-strip h2 {
        font-size: 2.25rem !important;
        line-height: 3rem !important;
    }

    .strip-section.blue-strip.information-page-strip .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .information-parallax {
        background-position: revert;
        height: 60vh;
    }

    .information-parallax .text-box {
        text-align: center;
    }

    .information-parallax .text-box h5 {
        font-size: 2.25rem;
        margin-top: 0rem !important;
        margin-bottom: 1rem !important;
    }

    .information-parallax .text-box .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .strip-section.info-strip {
        padding: 4rem 0rem;
    }

    .strip-section.info-strip h4 {
        font-size: 2.25rem !important;
        margin-bottom: 1rem !important;
        line-height: 2.5rem !important;
    }

    /*-------------Information Center Page Styles End-------------*/
    /*------------- Agent Details Styles Start-------------*/
    .agent-details-wrapper {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #060E13;
        z-index: 999;
    }

    .agent-details-wrapper .agent-details-box-header {
        padding: 1.375rem 3.4375rem;
        background-color: #000;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .agent-details-wrapper .agent-details-box-header h4 {
        font-size: 1.3125rem !important;
        font-weight: 700;
        margin-bottom: 0rem !important;
        margin-top: 0rem !important;
        color: #fff !important;
    }

    .agent-details-wrapper .agent-details-box-header .fa-times {
        font-size: 1.3125rem !important;
        color: #B8BECC;
    }

    .agent-details-wrapper .agent-details-box-body {
        padding: 1.375rem 3.4375rem;
    }

    .agent-details-wrapper .agent-details-box-body .inner-box {
        padding-right: 15px;
        max-height: calc(100vh - 7rem);
        overflow-y: auto;
    }

    .agent-details-wrapper .agent-details-box-body .agent-column {
        margin-bottom: 1.3125rem;
    }

    .agent-details-wrapper .agent-details-box-body .agent-card {
        background-color: #000;
        padding: 1.5rem 1.875rem;
        height: 100%;
    }

    .agent-details-wrapper .agent-details-box-body .agent-card h4 {
        font-size: 1.3125rem !important;
        font-weight: 700;
        margin-bottom: 1rem !important;
        margin-top: 0rem !important;
        color: #fff !important;
    }

    .agent-details-wrapper .agent-details-box-body .agent-card h5 {
        font-size: 1rem !important;
        font-weight: 500;
        margin-bottom: 1.25rem !important;
        margin-top: 0rem !important;
        color: #DADADA !important;
    }

    .agent-details-wrapper .agent-details-box-body .agent-card p {
        font-size: 0.875rem !important;
        margin-bottom: 1.25rem !important;
        margin-top: 0rem !important;
        font-weight: 500;
        color: #DADADA !important;
        display: flex;
        align-items: flex-start;
    }

    .agent-details-wrapper .agent-details-box-body .agent-card p:last-child {
        margin-bottom: 0 !important;
    }

    .agent-details-wrapper .agent-details-box-body .agent-card p .fa-phone {
        margin-right: 0.625rem;
        padding-top: 0.25rem;
        color: #4893FC;
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
        -ms-filter: fliph;
        /*IE*/
        filter: fliph;
        /*IE*/
    }

    .agent-details-wrapper .agent-details-box-body .agent-card p .fa-map-marker-alt {
        margin-right: 1.4rem;
        padding-top: 0.25rem;
        color: #4893FC;
    }

    /*------------- Agent Details Styles End-------------*/
    /*------------- Sign In Styles Start-------------*/
    .page-title-wrapper {
        margin: 10rem 0rem 3rem 0rem !important;
    }

    body:not(.whitelabel-style.customer-account-logoutsuccess) .page-title-wrapper .page-title {
        color: #fff !important;
        text-transform: uppercase !important;
    }

    body:not(.whitelabel-style) .login-container {
        padding: 2rem 5rem !important;
        display: flex;
        justify-content: center;
    }

    .login-container .block.block-customer-login {
        width: 100% !important;
        max-width: 500px !important;
        padding: 2rem 2.5rem !important;
        background-color: #067DF4 !important;
    }

    .login-container .block.block-customer-login:before,
    .login-container .block.block-customer-login:after {
        display: none !important;
    }

    .login-container .block .block-title,
    .login-container .block .block-title b,
    .login-container .block .block-title strong {
        color: #fff !important;
    }

    .login-container .block .block-content .fieldset>.field {
        color: #fff !important;
        margin-bottom: 0 !important;
        padding-bottom: 1rem !important;
        font-size: 1rem !important;
    }

    .login-container .block .block-content .fieldset>.field>.label,
    .login-container .block .block-content .fieldset>.field>.label span {
        color: #fff !important;
        font-size: 1rem !important;
        padding-bottom: 0 !important;
    }

    .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .fieldset .field.password.required input,
    .login-container .block .block-content .fieldset>.field .control input {
        height: 2.5625rem !important;
        padding: 0.25rem 1.25rem !important;
        font-size: 0.875rem !important;
        font-weight: 400 !important;
        background-color: transparent !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 1px solid #D9D9D9 !important;
        border-radius: 21px !important;
        color: #D9D9D9 !important;
        font-family: 'Avenir LT Std', sans-serif !important;
    }

    .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .fieldset .field.password.required input:-webkit-autofill,
    .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .fieldset .field.password.required input:autofill,
    .login-container .block .block-content .fieldset>.field .control input:-webkit-autofill,
    .login-container .block .block-content .fieldset>.field .control input:autofill {
        background-color: transparent !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    .login-container .block .block-content .fieldset>.field.choice {
        display: flex !important;
        align-items: center !important;
        max-height: 2.5rem !important;
        margin-top: 0.5rem !important;
    }

    .login-container .block .block-content .fieldset>.field.choice input[type="checkbox"] {
        top: unset !important;
        margin: -1px 6px 0 0 !important;
        width: 1.15rem !important;
        height: 1.15rem !important;
    }

    .login-container .block .block-content .fieldset>.field.choice label {
        margin-bottom: 0 !important;
    }

    .login-container .block .block-content .actions-toolbar .secondary {
        color: #fff !important;
        margin-bottom: 1rem !important;
        font-size: 1rem !important;
    }

    .login-container .block .block-content .actions-toolbar .secondary a {
        color: #fff !important;
        font-size: 1rem !important;
    }

    .login-container .actions-toolbar .primary .action {
        width: 9.25rem !important;
        border-radius: 18px !important;
        font-size: 0.75rem !important;
        font-weight: 700 !important;
        height: 2.375rem !important;
        background-color: transparent !important;
        border: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
        padding: 0.3rem 1rem !important;
    }

    .login-container .actions-toolbar .primary .action:hover {
        background-color: #FFFFFF !important;
        border: 2px solid #FFFFFF !important;
        color: #067DF4 !important;
    }

    .login-container .fieldset:after {
        color: #ff0000 !important;
        font-size: 0.75rem !important;
    }

    .login-container .fieldset:last-child {
        margin-bottom: 0 !important;
    }

    /*------------- Sign In Styles End-------------*/
    /*------------- Account Dashboard Styles Start-------------*/
    .account .page-title-wrapper {
        margin: 8.5rem 0rem 0rem 0rem !important;
        text-align: left !important;
        padding-left: calc(260px + 3rem) !important;
    }

    .account .page-title-wrapper .page-title {
        color: #067df4 !important;
        font-size: 2rem !important;
        text-transform: uppercase !important;
    }

    .proxima-myaccount-container {
        position: relative;
        margin-left: 2rem !important;
        margin-right: 2rem !important;
        margin-bottom: 2rem !important;
        width: 100% !important;
        max-width: calc(100% - 4rem) !important;
        display: flex;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar {
        margin-top: -2rem !important;
        padding: 0rem !important;
        background-color: #f1f1f1;
        max-width: 260px !important;
        width: 260px !important;
        font-family: 'Avenir LT Std', sans-serif !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-main {
        width: 100% !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-additional {
        width: 100% !important;
        padding: 0 !important;
        margin-top: 0 !important;
        background-color: #f1f1f1 !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .block .title strong {
        color: #fff !important;
        font-size: 1.5rem !important;
        font-family: 'Avenir LT Std', sans-serif !important;
        text-transform: uppercase;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title {
        background-color: #067df4 !important;
        padding: 0.5rem 1rem !important;
        margin-bottom: 0 !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title {
        color: #fff !important;
        font-size: 1.125rem !important;
        font-family: 'Avenir LT Std', sans-serif !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-additional .block {
        margin-bottom: 0rem !important;
        display: block !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-additional .block .block-title,
    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-additional .block .block-content {
        margin-bottom: 0 !important;
        display: block !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-additional .block .block-content {
        padding: 0.5rem 1.25rem !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-additional .block .block-content form {
        display: block !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-additional .block .block-content form .subtitle {}

    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-additional .block .block-title strong {
        color: #fff !important;
        font-size: 1.25rem !important;
        font-family: 'Avenir LT Std', sans-serif !important;
        background-color: #3F3F3F !important;
        padding: 0.5rem 1rem !important;
        display: block;
        margin-bottom: 0;
    }

    .proxima-myaccount-container .sidebar.sidebar-additional .block .empty {
        margin-bottom: 0 !important;
        background-color: #f1f1f1 !important;
        padding: 0.5rem 1.25rem !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-additional .block .block-content .empty {
        padding: 0.5rem 0rem !important;
    }

    .proxima-myaccount-container .sidebar.sidebar-additional .block .empty,
    .proxima-myaccount-container .sidebar.sidebar-additional .subtitle,
    .proxima-myaccount-container .sidebar.sidebar-additional .block .block-title span {
        color: #000 !important;
        font-size: 1rem !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item {
        margin-bottom: 0 !important;
        background-color: #f1f1f1 !important;
        padding: 0.5rem 1.25rem !important;
        list-style: none !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item.current {
        position: relative;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item.current:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        bottom: 0;
        width: 0.25rem;
        height: 100%;
        background-color: #067DF4;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item .delimiter {
        background-color: rgba(0, 0, 0, 0.5);
        height: 1px;
        width: calc(100% + 1rem);
        display: block;
        margin: 0 -0.5rem;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item strong,
    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item.current a,
    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item.current strong {
        color: #000 !important;
        font-size: 1rem !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item a {
        color: rgba(0, 0, 0, 0.6) !important;
        font-size: 16px !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item a:hover {
        color: #000 !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar button.btn-primary,
    proxima-myaccount-container .proxima-myaccount-sidebar button.primary {
        background-color: #FFFFFF !important;
        border-color: #067DF4 !important;
        color: #067DF4 !important;
        font-size: 1rem !important;
        text-transform: none !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar button.btn-primary:hover,
    proxima-myaccount-container .proxima-myaccount-sidebar button.primary:hover {
        background-color: #067DF4 !important;
        border-color: #067DF4 !important;
        color: #FFFFFF !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar a.view {
        color: #067DF4 !important;
        font-size: 1rem !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar a.view:hover {
        text-decoration: underline !important;
    }

    .proxima-myaccount-container .body-content {
        padding: 1rem 1.5rem !important;
        width: calc(100% - 260px) !important;
        height: 100% !important;
    }

    .proxima-myaccount-container .body-content .block {
        line-height: 1;
    }

    .proxima-myaccount-container .body-content .block .block-title {
        margin-bottom: 1rem !important;
        border-bottom: 1px solid #D9D9D9 !important;
        padding-bottom: 0.5rem !important;
    }

    .proxima-myaccount-container .body-content .block .block-title,
    .proxima-myaccount-container .body-content .block .block-title strong {
        color: #fff !important;
        font-size: 1.75rem !important;
    }

    .proxima-myaccount-container .body-content .block-content .box,
    .proxima-myaccount-container .body-content .block-dashboard-addresses .block-title {
        margin-bottom: 2.5rem !important;
    }

    .proxima-myaccount-container .body-content .block-content .box-title {
        color: #000 !important;
        margin-bottom: 0.5rem !important;
        display: block !important;
        font-size: 1.125rem !important;
        font-family: 'Avenir LT Std', sans-serif !important;
    }

    .proxima-myaccount-container .body-content .block-content .box-title span {
        color: #fff !important;
        font-size: 1.125rem !important;
        font-family: 'Avenir LT Std', sans-serif !important;
    }

    .proxima-myaccount-container .body-content .block-content p,
    .proxima-myaccount-container .body-content .block-title p,
    .proxima-myaccount-container .body-content .block-content address,
    .proxima-myaccount-container .body-content .block-title address {
        color: #fff !important;
        font-size: 1rem !important;
    }

    .proxima-myaccount-container .body-content .block-content a,
    .proxima-myaccount-container .body-content .block-content a span,
    .proxima-myaccount-container .body-content .block-title a,
    .proxima-myaccount-container .body-content .block-title a span {
        margin-left: 0 !important;
        color: #067DF4 !important;
        font-size: 1rem !important;
    }

    .proxima-myaccount-container .body-content .block-content a.change-password,
    .proxima-myaccount-container .body-content .block-dashboard-addresses .block-title a {
        margin-left: 1rem !important;
    }

    .proxima-myaccount-container .body-content .block-content a:hover,
    .proxima-myaccount-container .body-content .block-title a:hover {
        text-decoration: underline !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field,
    .proxima-myaccount-container .body-content form .fieldset>.fields>.field {
        margin-bottom: 0 !important;
        padding-bottom: 1.25rem !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field>.label,
    .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.label {
        color: #000 !important;
        font-size: 1rem !important;
        width: 100% !important;
        text-align: left !important;
        display: block !important;
    }

    .proxima-myaccount-container .body-content form .field>.control input[type="text"],
    .proxima-myaccount-container .body-content form .fields>.field>.control input[type="text"],
    .proxima-myaccount-container .body-content form .fieldset>.field>.control input[type="text"],
    .proxima-myaccount-container .body-content form .field>.control input[type="date"],
    .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"] {
        height: 2.5625rem !important;
        padding: 0.25rem 1.25rem !important;
        font-size: 0.875rem !important;
        font-weight: 400 !important;
        background-color: transparent !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 1px solid #D9D9D9 !important;
        border-radius: 21px !important;
        color: #000 !important;
        font-family: 'Avenir LT Std', sans-serif !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field.sc-fromdate>.label,
    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fromdate>.label {
        color: #000 !important;
        font-size: 1rem !important;
        width: 100% !important;
        text-align: left !important;
        display: block !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field.sc-fromdate>.control,
    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fromdate>.control {
        width: calc(50% - 0.5rem) !important;
        max-width: calc(50% - 0.5rem) !important;
    }

    /* .proxima-myaccount-container .body-content form .fieldset .field.sc-fromdate .control:nth-child(2) {
            margin-right: 1rem !important;
        } */
    .proxima-myaccount-container .body-content form .actions-toolbar.right-align .secondary {
        margin-left: 1rem;
    }

    .proxima-myaccount-container .body-content form .actions-toolbar.right-align .secondary button {
        width: 8.25rem !important;
        border-radius: 18px !important;
        font-size: 0.75rem !important;
        font-weight: 700 !important;
        height: 2.375rem !important;
        padding: 0.3rem 1rem !important;
    }

    .proxima-myaccount-container .body-content form .actions-toolbar.right-align .secondary button.btn-primary {
        background-color: #FFFFFF !important;
        border-color: #067DF4 !important;
        color: #067DF4 !important;
    }

    .proxima-myaccount-container .body-content form .actions-toolbar.right-align .secondary button.btn-primary:hover {
        background-color: #067DF4 !important;
        border-color: #067DF4 !important;
        color: #FFFFFF !important;
    }

    .proxima-myaccount-container .body-content form .table {
        margin-top: 2rem;
        margin-bottom: 3rem;
    }
    .proxima-myaccount-container .body-content form .table.tbl_overflow{
        overflow-x: auto;
        display: block !important;
    }
    .proxima-myaccount-container .body-content form .table thead tr th {
        background-color: #fff !important;
        width: auto !important;
        color: #000 !important;
        font-size: 1rem !important;
    }

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

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table tbody tr td {
        background-color: transparent !important;
        width: auto !important;
        color: #FFF !important;
        font-size: 1rem !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .table tbody tr td {
        background-color: transparent !important;
        width: auto !important;
        color: #FFF !important;
        font-size: 1rem !important;
    }

    .proxima-myaccount-container .body-content form .table tbody tr:nth-child(even) td {
        background-color: rgba(0, 0, 0, 0.15) !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field.choice .label,
    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.choice .label {
        display: inline !important;
    }

    .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title.bg-color-title {
        background-color: #067DF4 !important;
    }

    .account .page-title-wrapper .page-title.page-title-theme {
        color: #067DF4 !important;
    }

    body.agent-projects-index .custom-accordion-tab ul.property-details li :is(.property-rop-label, .property-status-label) {
        color: #fff !important;
    }

    .custom-accordion-tab ul.property-details li .capsule-price {
        background-color: transparent !important;
        box-shadow: none;
        outline: none;
        padding: 0.2rem 0.9rem !important;
        min-width: 5.0625rem;
        border: 1.4px solid #D9D9D9;
        border-radius: 20px;
        max-height: 2.375rem;
    }

    .custom-accordion-tab ul.property-details h6 :is(a:visited, .alink:visited) {
        color: #067DF4 !important;
    }

    /*------------- Account Dashboard Styles End-------------*/
    /* Accordion styles */
    .custom-accordion-tab h1 {
        margin: 0;
        line-height: 2;
        text-align: center;
    }

    .custom-accordion-tab h2 {
        margin: 0 0 0.5em;
        font-weight: normal;
    }
    .custom-accordion-tab input.chk-reservation {
        width: calc(100% - 200px);
    }
    .custom-accordion-tab input {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .custom-accordion-tab.tabs {
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
    }

    .custom-accordion-tab .tab {
        width: 100%;
        color: white;
        overflow: hidden;
        position: relative;
        border-bottom: 1px solid #fff;
    }

    .custom-accordion-tab .tab:last-child {
        border-bottom: 0;
    }

    .custom-accordion-tab .tab-label {
        font-size: 1.1rem;
        font-weight: 600;
        color: #fff;
        width: calc(100% - 200px);
        display: flex;
        justify-content: space-between;
        padding: 1rem 1rem 1rem 2.5rem;
        cursor: pointer;
        position: relative;
    }

    .custom-accordion-tab .tab-label:hover {
        color: #067DF4;
    }

    .custom-accordion-tab .tab-label::after {
        content: "\f067";
        position: absolute;
        left: 0;
        width: 1rem;
        height: 1rem;
        text-align: center;
        transition: all 0.35s;
        font-family: 'Font Awesome 5 Pro';
    }

    .custom-accordion-tab .tab-content {
        max-height: 0;
        padding: 0 1em;
        color: #fff;
        background: #000;
        transition: all 0.35s;
    }

    .custom-accordion-tab .tab-close {
        display: flex;
        justify-content: flex-end;
        padding: 1em;
        font-size: 0.75em;
        background: #067DF4;
        cursor: pointer;
    }

    .custom-accordion-tab input:checked+.tab-label::after {
        content: "\f068";
    }

    .custom-accordion-tab input:checked~.tab-content {
        height: auto;
        max-height: unset;
        padding: 1rem;
    }

    .custom-accordion-tab ul.project-details {
        padding-left: 0px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .custom-accordion-tab ul.project-details li {
        margin-right: 1rem;
    }

    .custom-accordion-tab ul.project-details li p {
        margin-bottom: 0.5rem;
    }

    .custom-accordion-tab ul.project-details li h6,
    .custom-accordion-tab ul.project-details li label {
        color: #fff !important;
    }

    .custom-accordion-tab ul.project-details li.project-image {
        max-width: 200px;
    }

    .custom-accordion-tab .project-action .btn-primary {
        position: absolute;
        right: 0;
        top: 1rem;
        background-color: #FFFFFF !important;
        border-color: #FFFFFF !important;
        color: #067DF4 !important;
        padding: 0.5rem 1rem 0.35rem 1rem !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        max-height: 2.375rem;
        height: 2.375rem;
        border-radius: 18px;
        text-transform: uppercase !important;
        font-size: 0.75rem !important;
        font-weight: 750;
    }

    .custom-accordion-tab .btn-primary:hover {
        background-color: #067DF4 !important;
        border-color: #067DF4 !important;
        color: #FFFFFF !important;
    }

    .custom-accordion-tab .property-details-mobile-only ul.property-details {}

    .custom-accordion-tab ul.property-details {
        display: flex;
        padding-left: 0;
        display: flex;
        padding-left: 0;
        flex-wrap: wrap;
        margin-bottom: 0;
        list-style: none;
        border-bottom: 1px solid #067df4;
        margin-bottom: 1.2rem;
    }

    .custom-accordion-tab ul.property-details h6 {
        width: 100%;
        display: block;
        margin-bottom: 1rem !important;
        margin-top: 0 !important;
        font-size: 1rem !important;
        font-weight: 750;
        color: #FFFFFF !important;
    }

    .custom-accordion-tab ul.property-details label {
        width: 100%;
        display: block;
        margin-bottom: 5px !important;
        font-size: 1rem !important;
        font-weight: 750;
        color: #FFFFFF !important;
    }

    .custom-accordion-tab ul.property-details li {
        margin-right: 1rem;
        min-width: 100px;
        max-width: 150px;
    }

    .custom-accordion-tab ul.property-details li.property-image {
        display: block;
    }

    div.parallax-image* {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        top: 0;
    }

    div.parallax-image1 {
        background-image: url(https://test.proxima.com.au/media/catalog/category/Evo_-_1920.jpg);
    }

    div.parallax-image2 {
        background-image: url(https://test.proxima.com.au/images/proxima/images/parallax-img-two.png);
    }

    div.parallax-image3 {
        background-image: url(https://test.proxima.com.au/media/catalog/category/Evo_-_1920.jpg);
    }

    div.parallax-image4 {
        background-image: url(https://test.proxima.com.au/images/proxima/images/parallax-img-two.png);
    }

    main .sticky {
        width: 100%;
        height: 90vh;
        position: -webkit-sticky !important;
        /* Safari */
        position: sticky !important;
        top: 0px;
        z-index: 0;
        background-repeat: no-repeat;
    }

    .paralaxcontent {
        position: relative;
        width: 100%;
        height: 70vh;
        z-index: 1;
        margin-top: -90vh !important;
        background: transparent !important;
    }

    .overflowhidden {
        overflow: hidden;
    }

    /* project-sub */
    .tab-label.project-name span.project-sub {
        display: flex ;
        justify-content: space-between !important;
    }

    @media screen and (min-width: 575.98px) {
        .tab-label.project-name span.project-sub {
            justify-content: space-between;
            flex-wrap: nowrap !important;
        }
    }

    .custom-accordion-tab .tab-label.tab-label.project-name {
        /* width: calc(100% - 85px) !important; */
        width: 100% !important;
    }

    .custom-accordion-tab .tab-label.tab-label.project-name .project-sub {
        width: 100% !important;
        display: flex ;
        justify-content: space-between !important;
    }

    body.account .page-main #projects_search_form .project-details-heading span,
    .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span {
        min-width: 200px !important;
        padding: 0px 10px !important;
        height: 56px !important;
        overflow-y: visible !important;
    }
    body.account .page-main #projects_search_form .flex-base-container .project-details-heading span,
    .flex-base-container .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span {
        min-width: auto !important;
        flex: 1 1 100%;
        max-width: 120px;
    }
    .flex-base-container .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span.project-suburb-span{
       word-break: break-all;
    }
    body.account .page-main #projects_search_form div.container-custom-accordion-tab:not(.flex-base-container) .project-details-heading span:is(:nth-child(4), :nth-child(2), :nth-child(5)),
    div.container-custom-accordion-tab:not(.flex-base-container) .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(4), :nth-child(2), :nth-child(5)) {
        min-width: 115px !important;
    }

    body.account .page-main #projects_search_form div.container-custom-accordion-tab:not(.flex-base-container) .project-details-heading span:is(:nth-child(3)),
    div.container-custom-accordion-tab:not(.flex-base-container) .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(3)) {
        min-width: 100px !important;
        text-align: left !important;
        word-break: break-all;
    }

    body.account .page-main #projects_search_form div.container-custom-accordion-tab:not(.flex-base-container) .project-details-heading span:is(:nth-child(7), :nth-child(8), :nth-child(6)),
    div.container-custom-accordion-tab:not(.flex-base-container) .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(7), :nth-child(8), :nth-child(6)) {
        min-width: 160px !important;
    }

    body.account .page-main #projects_search_form div.container-custom-accordion-tab .project-details-heading span:is(:nth-child(1)),
    div.container-custom-accordion-tab .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(1)) {
       min-width: 190px !important;
    }

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

        body.account .page-main #projects_search_form div.container-custom-accordion-tab:not(.flex-base-container) .project-details-heading span:is(:nth-child(4), :nth-child(2), :nth-child(5)),
        div.container-custom-accordion-tab:not(.flex-base-container) .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(4), :nth-child(2), :nth-child(5)) {
            max-width: 115px !important;
        }

        body.account .page-main #projects_search_form div.container-custom-accordion-tab:not(.flex-base-container) .project-details-heading span:is(:nth-child(5)),
        div.container-custom-accordion-tab:not(.flex-base-container) .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(5)) {
            max-width: 125px !important;
        }

        body.account .page-main #projects_search_form div.container-custom-accordion-tab:not(.flex-base-container) .project-details-heading span:is(:nth-child(7), :nth-child(8), :nth-child(6)),
        div.container-custom-accordion-tab:not(.flex-base-container) .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(7), :nth-child(8), :nth-child(6)) {
            max-width: 160px !important;
        }
    }

    /* @media screen and (max-width: 1500.98px) {
        body.account .page-main #projects_search_form .project-details-heading span:is(:nth-child(4),:nth-child(2),:nth-child(5) ),
        .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(4),:nth-child(2),:nth-child(5) ){
        width: 100px !important;
        min-width: auto !important;
        }
        body.account .page-main #projects_search_form .project-details-heading span:is(:nth-child(7),:nth-child(8),:nth-child(6)),
        .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(7),:nth-child(8),:nth-child(6) ){
        width: 130px !important;
        min-width: auto !important;
        }
        body.account .page-main #projects_search_form .project-details-heading span:is(:nth-child(1)),
        .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(1)){
        width: 160px !important;
        min-width: 120px !important;
    }
    } */
    @media screen and (max-width: 575.98px) {
        .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(3), :nth-child(2)) {
            width: 100% !important;
            min-width: none !important;
        }
    }

    /* login-recaptcha */
    .login-container .action.captcha-reload {
        width: 10rem !important;
        background-color: #FFFFFF !important;
        border: 2px solid #FFFFFF !important;
        color: #067DF4 !important;
        /* width: 8.25rem !important; */
        border-radius: 18px !important;
        font-size: 0.75rem !important;
        font-weight: 700 !important;
        height: 2.375rem !important;
        background-color: transparent !important;
        border: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
        padding: 0.3rem 1rem !important;
    }

    /*myaccount */
    .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title.bg-color {
        background-color: #067DF4 !important;
    }

    .account .page-title-wrapper .page-title.page-title-theme {
        color: #067DF4 !important;
    }

    .custom-accordion-tab ul.property-details li :is(.property-rop-label, .property-status-label) {
        color: #067DF4 !important;
    }

    .custom-accordion-tab ul.property-details li .capsule-price {
        background-color: transparent !important;
        box-shadow: none;
        outline: none;
        padding: 0.2rem 0.9rem !important;
        min-width: 5.0625rem;
        border: 1.4px solid #D9D9D9;
        border-radius: 20px;
        max-height: 2.375rem;
    }

    .custom-accordion-tab ul.property-details h6 :is(a:visited, .alink:visited) {
        color: #067DF4 !important;
    }

    .custom-accordion-tab .property-Outlays-mobile-only ul.property-details,
    .custom-accordion-tab .property-details-mobile-only ul.property-details {
        border-bottom: 0px;
    }

    /** forgotpassword page */
    .forgotpassword-fieldset {
        margin-left: auto;
        margin-right: auto;
    }

    .forgotpassword-fieldset .fieldset {
        background-color: #067DF4 !important;
        border: none !important
    }

    .forgotpassword-fieldset .fieldset .field {
        color: #fff !important;
        margin-bottom: 0 !important;
        padding-bottom: 1rem !important;
        font-size: 1rem !important;
    }

    .forgotpassword-fieldset .fieldset label {
        color: #fff;
        font-size: 1rem;
        padding-bottom: 0 !important;
    }

    .forgotpassword-fieldset .fieldset>.field .control input {
        height: 2.5625rem !important;
        padding: 0.25rem 1.25rem !important;
        font-size: 0.875rem !important;
        font-weight: 400 !important;
        background-color: transparent !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 1px solid #D9D9D9 !important;
        border-radius: 21px !important;
        color: #D9D9D9 !important;
        font-family: 'Avenir LT Std', sans-serif !important;
    }

    .forgotpassword-fieldset .fieldset .actions-toolbar {
        flex-wrap: wrap;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .forgotpassword-fieldset .fieldset .actions-toolbar .control.captcha-image .captcha-img {
        margin: 0 12px 0px 0 !important
    }

    .forgotpassword-fieldset .fieldset .actions-toolbar .primary .action {
        width: 10rem !important;
        border-radius: 18px !important;
        height: 2.375rem !important;
        background-color: transparent !important;
        border: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
        padding: 0.3rem 1rem !important;
        font-weight: 700 !important;
        font-size: 0.75rem !important;
    }

    .forgotpassword-fieldset .fieldset .actions-toolbar .primary .action.submit {
        width: 12rem !important;
    }

    .forgotpassword-fieldset .fieldset .actions-toolbar .primary .action:hover {
        background-color: #FFFFFF !important;
        border: 2px solid #FFFFFF !important;
        color: #067DF4 !important;
    }

    /*filter */
    .property-details h6 div .filter-select {
        height: 2rem;
        padding: 2px 12px 2px 7px;
        text-transform: capitalize;
        min-width: 5.8125rem;
        font-size: 0.75rem !important;
        font-weight: 750;
        color: #067DF4 !important;
        border-radius: 2px;
    }

    /*sort-bar */
    .projects-main-section .sort-bar,
    .projects-main-section .sort-bar-two {
        display: flex;
    }

    .projects-main-section .sort-bar select {
        -webkit-appearance: none;
        height: 2.375rem !important;
        border-radius: 20px;
        margin-right: 0.5rem;
        flex: 2;
        font-size: 0.75rem !important;
        font-weight: 750;
        color: #067DF4 !important;
        text-transform: uppercase;
    }

    .projects-main-section .sort-bar select:last-child {
        /* margin-left: 1rem;*/
    }

    .projects-main-section .sort-bar input {
        height: 2.375rem !important;
        border-radius: 20px;
        margin-right: 0.5rem;
        flex: 1;
        font-size: 0.75rem !important;
        font-weight: 750;
        text-transform: uppercase;
    }

    .projects-main-section .sort-bar-two {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        padding-bottom: 20px;
        border-bottom: 1px solid #fff;
    }

    body.account .projects-main-section .sort-bar-two .sort-reset-btn button {
        width: fit-content !important;
        margin: 0px 10px 5px 0px;
    }

    .projects-main-section .sort-bar-two .sort-reset-btn button,
    body.account .proxima-myaccount-container .body-content .chart-container .secondary button.action {
        width: 6rem !important;
        border-radius: 18px !important;
        height: 2.375rem !important;
        background-color: #ffffff00 !important;
        border: 2px solid #FFFFFF !important;
        color: #ffffff !important;
        padding: 0.3rem 1rem !important;
        font-weight: 700 !important;
        font-size: 0.75rem !important;
        text-transform: uppercase !important;
    }

    .projects-main-section .sort-bar-two .sort-reset-btn button:hover {
        background-color: #067df4 !important;
        border: 2px solid #067df4 !important;
        color: #ffffff !important;
    }

    .projects-main-section .sort-bar-two .d-flex select {
        width: 220px;
        height: 2.375rem !important;
        border-radius: 20px;
        margin-right: 0.5rem;
        font-size: 0.75rem !important;
        font-weight: 750;
        color: #067DF4 !important;
        text-transform: uppercase;
    }

    .projects-main-section .sort-bar-two .d-flex .sort-label {
        min-width: 70px;
        color: #067DF4 !important;
    }

    .custom-accordion-tab .property-details h6 a {
        color: #067df4;
    }

    .projects-main-section .sort-bar input::placeholder {
        color: #067DF4 !important;
    }

    .header-container .header.links li {
        position: relative;
    }

    .header-container .header.links li select {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        outline: none !important;
        font-weight: 750;
        font-size: 0.75rem !important;
        -webkit-text-fill-color: #fff !important;
        color: #fff !important;
        cursor: pointer;
        height: auto !important;
        padding: 0.5rem 2rem 0.5rem 1rem !important;
        width: auto !important;
        border: 2px solid #D9D9D9;
        border-radius: 20px;
        max-height: 2.375rem;
        position: relative;
        margin-right: 0rem !important;
        text-transform: uppercase;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .header-container .header.links li select option {
        background-color: #1c1c1a !important;
        color: #1c1c1a;
    }

    .header-container .header.links li.link::after {
        content: '\e622';
        position: absolute;
        right: 7px;
        top: 5px;
        font-family: 'icons-blank-theme';
        font-size: 1.75rem;
        font-weight: 750;
        color: #fff;
        z-index: -1;
        display: none;
    }

    .proxima-header .right-main-nav ul li .signin-btn {
        min-width: 6rem;
        font-size: 0.75rem !important;
        font-weight: 750;
        padding: 1rem 1.5rem 1rem 1.5rem !important;
        background-color: #ffffff !important;
        cursor: pointer !important;
    }

    /* My Account Pages */
    .proxima-myaccount-container .form-address-edit .custom-fieldset .fields {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field>.control input[type="text"],
    .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input::placeholder {
        color: #fff;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset .fields :is(.field.sc-fromdate, .field.sc-status) {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field.sc-status {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding-bottom: 0 !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field.sc-fee-claimed {
        flex-direction: column !important;
        display: flex;
        margin-left: 20px;
        align-items: end !important;
        padding-bottom: 0 !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fromdate>label.label {
        width: 10rem !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-status>label.label {
        width: 5rem !important;
    }

    .proxima-myaccount-container .body-content form :is(.fieldset>.fields>.field.sc-fromdate>.label span, .fieldset>.fields>.field.sc-status>.label span) {
        color: #fff !important;
    }

    /*table-edit */
    .proxima-myaccount-container .body-content form .table {
        border-collapse: separate !important;
    }

    .proxima-myaccount-container .body-content form .table thead tr th {
        color: #067DF4 !important;
        padding: 2px 2px 7px 10px !important;
        font-size: 0.8rem !important;
        ;
        height: 2.5625rem !important;
    }

    .proxima-myaccount-container .body-content form:not(.projectofferreport) .table thead tr th:nth-child(1) {
        border-radius: 20px 0px 0px 20px;
        min-width: 7rem !important;
    }

    .proxima-myaccount-container .body-content form:not(.projectofferreport) .table thead tr :is(th:nth-child(2), th:nth-child(5), th:nth-child(7), th:nth-child(9)) {
        min-width: 7rem !important;
    }

    .proxima-myaccount-container .body-content form:not(.projectofferreport) .table thead tr th:nth-child(10) {
        min-width: 7rem !important;
    }

    .proxima-myaccount-container .body-content form .table :is(tbody tr td a, tbody tr td a span) {
        color: #7377ab !important;
    }

    .proxima-myaccount-container .body-content form .order-products-toolbar .pager .toolbar-number {
        color: #fff !important;
    }

    .proxima-myaccount-container .body-content form .order-products-toolbar .pager .limiter :is(.limiter-label, .limiter-text) {
        color: #fff !important;
    }

    body.account.project_theme_mode_normal .proxima-myaccount-container .body-content form .order-products-toolbar .pager .limiter :is(.limiter-label, .limiter-text) {
        color: #000 !important;
    }

    .proxima-myaccount-container .body-content form .order-products-toolbar .pager .limiter .limiter-options {
        height: 2.375rem !important;
        border-radius: 20px;
        background-color: #000 !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        border: 2px solid #fff !important;
    }

    body.account.project_theme_mode_normal .proxima-myaccount-container .body-content form .order-products-toolbar .pager .limiter .limiter-options {
        background-color: #fff !important;
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        border: 2px solid #000 !important;
    }

    .message.notice {
        margin: 0 20px 12px 20px;
        padding: 15px 40px !important;
        display: block;
        line-height: 1.2em;
        font-size: 1rem !important;
        background: #ffc107 !important;
        color: #000000 !important;
        padding-left: 40px;
        position: relative;
    }

    .message.error {
        margin: 10px 20px 0px 20px;
        padding: 8px 40px !important;
        display: block;
        line-height: 1.2em;
        font-size: 1rem;
        background: #fae5e5;
        color: #e02b27;
        padding-left: 40px;
        position: relative;
    }

    .message.notice>*:first-child:before {
        font-size: 40px !important;
        color: #d17c00 !important;
        top: 23px !important;
    }

    .message.error>*:first-child:before {
        font-size: 31px !important;
        color: #b30000 !important;
        top: 17px !important;
    }

    @media (max-width: 1105px) {
        .proxima-myaccount-container .form-address-edit .custom-fieldset .fields {
            flex-direction: column;
            align-items: flex-end;
        }

        .proxima-myaccount-container .body-content form .actions-toolbar.right-align .secondary {
            float: right !important;
        }

        .proxima-myaccount-container .body-content form .actions-toolbar.right-align .secondary {
            float: right !important;
        }

        .proxima-myaccount-container .two.custom-fieldset .fields {
            align-items: start !important;
        }

        body .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fee-claimed>label.label {
            text-align: left !important;
            padding: 6px 15px 0 0 !important;
        }

        body .proxima-myaccount-container .body-content form .actions-toolbar.right-align .secondary {
            margin-left: 0rem;
            margin-right: 1rem;
        }

        .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field.sc-fee-claimed {
            margin-left: 0 !important;
            align-items: start !important;
        }

        .proxima-myaccount-container .two.custom-fieldset {
            align-items: flex-start !important
        }
    }

    /* st  */
    .table-grid-container {
        display: grid;
        grid-template-columns: auto auto auto auto;
        padding: 10px;
        color: #fff;
    }

    .proxima-myaccount-container .column.main {
        padding-top: 2rem;
    }

    .proxima-myaccount-container .column.main .custom-title {
        background-color: #067df4 !important;
        border-radius: 20px;
        font-size: 0.9rem !important;
        height: 2.5625rem !important;
        font-weight: 750;
        color: white;
        padding: 0.6rem 0rem 0rem 0.6rem;
        text-transform: uppercase;
        position: relative;
    }

    .proxima-myaccount-container .column.main .claim-payment-btn {
        width: 10rem !important;
        border-radius: 18px !important;
        height: 2.375rem !important;
        background-color: transparent !important;
        border: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
        padding: 0.3rem 1rem !important;
        font-weight: 700 !important;
        font-size: 0.9rem !important;
    }

    .proxima-myaccount-container .column.main table {
        color: #fff;
    }

    .proxima-myaccount-container .column.main .claim-payment-btn:hover {
        background-color: #FFFFFF !important;
        border: 2px solid #FFFFFF !important;
        color: #067DF4 !important;
    }

    .proxima-myaccount-container .column.main .edit-payment a {
        color: #067DF4 !important;
    }

    @media (max-width: 575.98px) {
        .modal-content {
            width: 94% !important;
        }

        .custom-accordion-tab ul.property-details li {
            min-width: unset !important;
        }

        .modal-content ul.property-details label {
            font-size: 11px !important;
        }

        .modal-content ul.property-details span {
            font-size: 12px !important;
        }

        .modal-content .property-details {
            padding: 0px !important;
        }

        .account .proxima-myaccount-container {
            margin-right: 7px !important;
            margin-left: 7px !important;
            max-width: calc(100% - 14px) !important;
        }

        .custom-accordion-tab ul.property-details li {
            margin-right: 10px;
        }

        .custom-accordion-tab ul.property-details label {
            margin-bottom: 1px !important;
        }

        .custom-accordion-tab ul.property-details label {
            color: #9d9d9d !important;
        }

        .custom-accordion-tab ul.property-details li.property-rg_weekly_rental {
            min-width: unset;
        }

        .custom-accordion-tab ul.property-details li .capsule-price {
            font-size: 13px;
        }

        .property-details-mobile-only .property-status {
            margin-top: 11px;
            text-align: right !important;
        }

        .agent-projects-index .custom-accordion-tab ul.property-details li .capsule-price {
            border-color: #9d9d9d !important;
        }

        body.agent-projects-index .custom-accordion-tab ul.property-details li :is(.property-rop-label, .property-status-label) {
            color: #9d9d9d !important;
        }

        .property-details-mobile-only .property-mobile-sub-section-one ul,
        .property-details-mobile-only .property-mobile-sub-section-two ul,
        .property-details-mobile-only .property-mobile-sub-section-three ul {
            display: flex;
            padding: 5px;
            font-size: 11px;
            margin-top: 0px !important;
        }

        .custom-accordion-tab ul.property-details {
            margin-top: 0px !important;
        }

        .custom-accordion-tab ul.property-details li {
            margin-bottom: 0px;
        }

        .property-details-mobile-only .property-image img {
            margin: unset !important;
            float: right;
            margin-top: -2.5rem !important;
        }

        .property-details-mobile-only .property-mobile-sub-section-image ul li.property-rop {
            display: flex !important;
            float: right;
            margin-right: -16px !important;
            position: absolute;
            right: 15px;
            margin-top: 20px;
        }

        /* @media (max-width: 700px) {
            .property-details-mobile-only .property-mobile-sub-section-image ul li.property-rop {
                display: flex !important;
                float: right;
                margin-right: -16px !important;
                position: absolute;
                margin-top:-4px !important;
                right: unset !important;
           }
        } */
        .property-status i.fa-ellipsis-v {
            position: absolute;
            right: 27px;
            transform: rotate(90deg);
            top: 27px;
        }

        /* @media (max-width: 700px) {
            .property-status i.fa-ellipsis-v{
                position: absolute;
                right: 30px !important;
                top: 0 !important;
            }
        } */
        .property-mobile-sub-section-two ul li {
            display: flex !important;
        }

        .property-details-mobile-only .property-mobile-sub-section-image ul .property-rop-label {
            width: unset;
            font-size: 13px !important;
            padding-top: 1px;
        }

        .property-details-mobile-only .property-mobile-sub-section-image ul .capsule-price {
            border: 0px !important;
            padding: 0px 3px !important;
        }

        .custom-accordion-tab ul.property-details li .capsule-price {
            padding: 0px 3px !important;
        }

        .property-details-mobile-only .property-mobile-sub-section-image {
            position: absolute !important;
            right: 15px;
            margin-top: 1rem;
        }

        .custom-accordion-tab ul.property-details .property-mobile-sub-section-three label,
        .agent-projects-index .custom-accordion-tab ul.property-details label.property-rg_weekly_rental-label {
            font-size: 9px !important;
            color: #9d9d9d !important;
        }

        .custom-accordion-tab ul.property-details .property-mobile-sub-section-three li {
            font-size: 11px !important;
        }

        .property-details-mobile-only .property-mobile-sub-section-three ul li {
            min-width: unset;
        }

        #showMoreModal li {
            display: block !important;
            padding: 2px !important
        }

        #showMoreModal li span {
            display: block;
            text-align: left;
            padding-left: 5px !important;
        }

        #showMoreModal li label {
            white-space: nowrap !important;
        }

        #showMoreModal li ul {
            justify-content: flex-end !important;
        }
    }

    /* End of My account pages */
    .proxima-header .right-main-nav ul li .signin-btn:hover {
        background-color: #067DF4 !important;
        border: 1px solid #067DF4 !important;
    }

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

        /* styles for browsers larger than 993px; */
        .page-layout-2columns-right .column.main {
            width: 100% !important;
        }

        div.parallax-section-header {
            margin-top: -30vh !important;
        }
    }

    .edit-commission-payment-modal .btn,
    .team-change-invitation-modal .btn,
    .commission-info-modal .btn,
    .allproject-info-modal .btn,
    .reservation-info-modal .btn,
    .respsp-info-modal .btn,
    .roombooking-info-modal .btn {
        background-color: rgb(6, 125, 244) !important;
        font-size: 20px;
    }

    .edit-commission-payment-modal .btn i,
    .team-change-invitation-modal .btn i,
    .commission-info-modal .btn i,
    .allproject-info-modal .btn i,
    .reservation-info-modal .btn i,
    .respsp-info-modal .btn i,
    .roombooking-info-modal .btn i {
        margin-right: 7px;
        font-size: 16px;
    }

    .edit-commission-payment-modal .action-close,
    .team-change-invitation-modal .action-close,
    .commission-info-modal .action-close,
    .allproject-info-modal .action-close,
    .reservation-info-modal .action-close,
    .respsp-info-modal .action-close,
    .roombooking-info-modal .action-close {
        background-color: rgb(6, 125, 244) !important;
        font-size: 20px;
    }

    /* invoice edit */
    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name {
        display: flex !important;
        justify-content: space-between;
        width: auto !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .control {
        flex: 3;
    }

    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .control textarea {
        max-width: unset !important;
        border-radius: 5px !important;
        color: #000 !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name>.label {
        width: auto !important;
        flex: 0.7;
    }

    .proxima-myaccount-container .body-content form .fieldset>.fields>.invoice-head {
        color: #067DF4;
    }

    .proxima-myaccount-container .body-content form .table tr {
        color: #067DF4;
    }

    .proxima-myaccount-container .body-content form .table tr th {
        /*vertical-align: top !important;*/
    }

    .proxima-myaccount-container .body-content form .table tr th input {
        height: 2.5625rem !important;
        padding: 0.25rem 1.25rem !important;
        font-size: 0.875rem !important;
        font-weight: 700 !important;
        border-radius: 21px !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field-declaration {
        font-size: 1rem;
        color: #fff;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field-declaration span {
        float: right;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field-declaration button {
        border-radius: 18px !important;
        height: 2.375rem !important;
        padding: 0.3rem 1rem !important;
        font-weight: 700 !important;
        font-size: 0.75rem !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field-declaration button.editOk {
        background-color: #fff !important;
        color: #067DF4 !important;
        margin-left: 1rem !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field-declaration :is(button.editOk:hover, button.editCancel:hover) {
        color: #fff !important;
        background-color: #067DF4 !important;
        border-color: #067DF4 !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field-declaration button.editCancel {
        background-color: transparent !important;
        color: #fff !important;
        border: 2px solid #fff;
    }

    .customer-account-logoutsuccess .column.main p {
        text-align: center;
        color: #fff;
        font-size: 25px;
    }

    .has-dollar-prefix-control {
        position: relative;
    }

    .has-dollar-prefix-control .dollar-prefix {
        position: absolute;
        top: 7px;
        left: 9px;
        font-size: 16px;
        padding: 0rem 0.69rem;
    }

    .has-dollar-prefix-control {
        padding: 0.25rem 2rem !important;
    }

    /* .multiselect checkbox */
    .multiselect {
        width: 200px;
        position: relative;
    }

    .selectBox {
        position: relative;
    }

    .selectBox select {
        width: 100%;
        font-weight: bold;
    }

    .overSelect {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .multiselect label {
        color: #fff;
        margin: 0.2rem;
    }

    #checkboxes {
        z-index: 1;
        display: none;
        border: 1px #dadada solid;
    }

    #checkboxes label {
        display: block;
    }

    #checkboxes label:hover {
        background-color: #1e90ff;
        color: #fff !important;
    }

    .dropdown-edit {
        position: absolute;
        width: 98% !important;
        right: 2px !important;
        background-color: #fff;
    }

    .dropdown-edit label {
        color: #067df4 !important;
        z-index: 9;
    }

    .projects-main-section .sort-bar .dropdown-edit label input {
        height: auto !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field>.control input[type="text"],
    .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"] {
        height: 2.5625rem !important;
        padding: 0.25rem 1.25rem !important;
        font-size: 0.875rem !important;
        font-weight: 400 !important;
        background-color: transparent !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 1px solid #D9D9D9 !important;
        border-radius: 21px !important;
        /* color: rgba(0, 0, 0, 0.6) !important; */
        color: #fff !important;
        font-family: 'Avenir LT Std', sans-serif !important;
    }

    /*button changes*/
    .proxima-myaccount-container .body-content form .table tbody tr td:nth-child(10) {
        padding: 0 !important
    }

    .proxima-myaccount-container .body-content form .table tbody tr td button {
        height: 2.375rem !important;
        font-size: 0.9rem !important;
        padding: 0;
        width: 15rem;
        border-radius: 21px;
        background: 0 0;
        border: 2px solid #fff;
        line-height: .688rem !important;
        text-transform: capitalize;
    }

    .proxima-myaccount-container .body-content form .table tbody tr td button:hover {
        background-color: #fff !important;
        border-color: #067df4 !important;
        color: #067df4 !important
    }

    .proxima-myaccount-container .column.main .editPayments button {
        height: 2.375rem !important;
        font-size: .9rem !important;
        padding: 0;
        width: 10rem;
        border-radius: 21px;
        background: 0 0;
        border: 2px solid #fff;
        line-height: .688rem !important;
        text-transform: capitalize;
    }

    .proxima-myaccount-container .column.main :is(.editPayments button:hover, table tbody tr td button:hover) {
        background-color: #fff !important;
        border-color: #067df4 !important;
        color: #067df4 !important
    }

    .proxima-myaccount-container .column.main table tbody tr td button {
        height: 2.375rem !important;
        font-size: .9rem !important;
        padding: 0;
        width: 6rem;
        border-radius: 21px;
        background: 0 0;
        border: 2px solid #fff;
        line-height: .688rem !important
    }

    .proxima-myaccount-container .column.main .edit-payment button {
        width: 18rem !important;
        border-radius: 18px !important;
        height: 2.375rem !important;
        background-color: transparent !important;
        border: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
        padding: 0.3rem 1rem !important;
        font-weight: 700 !important;
        font-size: 0.9rem !important;
        text-transform: capitalize;
    }

    .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"] {
        color: #000 !important;
    }

    body.account.project_theme_mode_dark.commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"]#sc-fee-claimed {
        color: #fff !important;
    }

    body.account.project_theme_mode_normal.commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"]#sc-fee-claimed {
        color: #000 !important;
    }

    .proxima-myaccount-container .column.main .edit-payment button:hover {
        background-color: #fff !important;
        color: #067df4 !important;
    }

    .proxima-myaccount-container .body-content form .table thead tr th:nth-child(9) {
        /*border-radius: 0px 21px 21px 0px!important;*/
    }

    .proxima-myaccount-container .body-content form:not(.projectofferreport) .table thead tr :is(th:nth-child(6), th:nth-child(8)) {
        width: 6rem !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field>.control input[type="text"],
    .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"]::placeholder {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-size: 1rem !important;
        width: 100% !important;
        text-align: left !important;
        display: block !important;
        text-transform: capitalize;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field.sc-status .control {
        position: relative;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field.sc-status .control i.fa-caret-down {
        position: absolute;
        top: 14px;
        right: 21px;
    }

    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .has-dollar-prefix-control::before {
        content: '$';
        position: absolute;
        left: 10px;
        font-weight: 600;
        color: #000;
        font-size: 12px !important;
    }

    .two.custom-fieldset {
        display: flex;
        justify-content: space-between;
    }

    .edit-commission-payment-modal .btn,
    .team-change-invitation-modal .btn,
    .commission-info-modal .btn,
    .allproject-info-modal .btn,
    .reservation-info-modal .btn,
    .respsp-info-modal .btn,
    .roombooking-info-modal .btn {
        height: 2.375rem !important;
        font-size: .9rem !important;
        padding: 0;
        width: 6rem;
        border-radius: 21px;
        background: 0 0;
        border: 2px solid #fff;
        line-height: .688rem !important;
        text-transform: capitalize;
    }

    .edit-commission-payment-modal .btn:hover,
    .team-change-invitation-modal .btn:hover,
    .commission-info-modal .btn:hover,
    .allproject-info-modal .btn:hover,
    .reservation-info-modal .btn:hover,
    .respsp-info-modal .btn:hover,
    .roombooking-info-modal .btn:hover,
    .modal-popup:not(.confirm-alert-info-success-modal, .default-modal) .modal-inner-wrap .modal-footer button {
        background-color: #fff;
        border-color: #067df4 !important;
        color: #067df4 !important;
    }

    .edit-commission-payment-modal .btn i {
        font-size: 10px;
    }

    .modal-popup:not(.confirm-alert-info-success-modal, .default-modal) .modal-inner-wrap .modal-footer button {
        height: 2.375rem !important;
        font-size: .75rem !important;
        padding: 0;
        width: 6rem;
        border-radius: 21px;
        background: #067df4;
        border: 2px solid #fff;
        line-height: .688rem !important;
        text-transform: capitalize;
    }

    .edit-commission-payment-modal form table tbody tr td:nth-child(7) {
        display: flex;
        justify-content: flex-end;
        height: 35px;
    }

    .modals-wrapper .modal-popup:not([class*="custom_modal__"])._inner-scroll .modal-inner-wrap .modal-header .action-close {
        background: #067df4 !important;
    }

    #form-sales-search fieldset .right-align .secondary button.btn-primary {
        border-color: #fff !important;
        background-color: transparent !important;
        color: #fff !important;
        width: 6rem !important;
    }

    #form-sales-search fieldset .right-align .secondary button.btn-primary:hover {
        border-color: #067DF4 !important;
        background-color: #067DF4 !important;
    }

    #form-sales-invoice .has-dollar-prefix-control {
        padding: 0 !important;
    }

    .font-size-18 {
        font-size: 18px;
    }

    .white {
        color: #fff !important;
    }

    /*policy page*/
    .privacy-policy {
        margin: auto;
        width: 80%;
        margin-top: 100px;
        text-align: center;
    }

    .privacy-policy li {
        margin-bottom: 4px !important;
        margin-top: 3px !important;
    }

    .privacy-policy .list {
        text-align: left !important;
    }

    .privacy-policy .list p {
        margin-bottom: 4px !important;
    }

    .privacy-policy ol.main-ol li {
        font-weight: bold;
        list-style: number;
    }

    .privacy-policy ul.sub-ul li {
        font-weight: normal !important;
        margin-bottom: 5px !important;
        list-style: lower-alpha;
    }

    .privacy-policy ol.sub-ol li {
        font-weight: normal !important;
        margin-bottom: 5px !important;
        list-style: lower-roman !important;
    }

    .privacy-policy ol.sub-ol-new-light li {
        font-weight: normal !important;
    }

    .privacy-policy ol.sub-ol-new li {
        font-weight: bold;
        list-style: lower-alpha;
    }

    .privacy-policy ol.sub-ol-roman li {
        font-weight: normal !important;
        list-style: lower-roman;
    }

    body .modal-custom .action-close:before,
    body .modal-popup:not(.confirm-alert-info-success-modal,.custom_modal__modal) .action-close:before,
    body .modal-slide:not(.custom_modal__modal) .action-close:before {
        background-color: #067df3 !important;
    }

    body .modal-custom .action-close:hover,
    body .modal-popup:not(.confirm-alert-info-success-modal,.custom_modal__modal) .action-close:hover,
    body .modal-slide:not(.custom_modal__modal) .action-close:hover {
        background-color: #067df2 !important;
    }

    .pages .items .item:hover a,
    .pages .items .item.current a,
    .pages .items .item:hover strong,
    .pages .items .item.current strong {
        background: #067df4 !important;
    }

    .property-status-close-btn {
        color: #fff !important;
        text-align: center !important;
        background: #067df4 !important;
        cursor: pointer !important;
    }

    span.fancytree-title {
        color: #fff !important;
    }

    /*.fancytree-exp-el span.fancytree-expander, .fancytree-exp-edl span.fancytree-expander{
        background-color:#fff!important;
    }*/
    /*fancytree-*/
    table.fancytree-ext-table thead tr th {
        background-color: #fff !important;
        color: #067df4 !important;
    }

    table.fancytree-ext-table thead tr th:nth-child(1) {
        border-radius: 20px 0px 0px 20px !important;
    }

    table.fancytree-ext-table thead tr th:last-child {
        border-radius: 0px 20px 20px 0px !important;
    }

    .proxima-myaccount-container .body-content .form-matrix-edit .fieldset-fullname {
        margin-top: 20px !important;
    }

    .proxima-myaccount-container .body-content .form-matrix-edit .fieldset-fullname :is(.saveOk, .saveCancel) {
        background-color: #067df4 !important;
    }

    .proxima-myaccount-container .body-content .form-matrix-edit .fieldset-fullname :is(.saveOk:hover, .saveCancel:hover) {
        color: #067df4 !important;
        background-color: #fff !important;
    }

    table.fancytree-ext-table tbody tr td {
        color: #fff !important;
    }

    table.fancytree-ext-table tbody tr td {
        border: none !important;
    }

    table.fancytree-ext-table tbody tr:hover {
        outline: none !important;
    }

    .fancytree-expander[role="button"] {
        display: inline-block;
        font-family: 'Font Awesome 5 Pro';
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background: none !important;
        background-color: transparent !important
    }

    .commissionsystem-salestransaction-index p.toolbar-amount {
        display: none;
    }

    .fancytree-expander[role="button"]::before {
        content: "\f0da";
    }

    .fancytree-expanded .fancytree-expander[role="button"]::before {
        content: "\f0d7";
    }

    .download-guide-button .bfb-popup-align-inline .bfb-popup-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: fit-content;
        background-color: transparent !important;
        border: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
        height: auto;
        padding: 1rem 1.5rem 1rem 1.5rem !important;
        font-size: 0.75rem !important;
        border-radius: 21px;
        font-weight: 700;
    }

    .download-guide-button .bfb-popup-align-inline .bfb-popup-link:hover {
        background-color: #FFFFFF !important;
        border: 2px solid #FFFFFF !important;
        color: #067DF4 !important;
    }

    /********Submit-form*************/
    .cms-information-center .mfp-wrap .bfb-popup {
        overflow-y: hidden !important;
    }

    .cms-information-center .mfp-wrap .bfb-popup .bfb-popup .bfb-popup-close {
        background: none;
    }

    .brochure-forms form .magezon-builder {
        padding: 20px !important;
    }

    .brochure-forms form .magezon-builder .mgz-element.hu1xiro .mgz-link {
        background-color: #067DF4 !important;
        width: 6.25rem;
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.5rem;
        margin-top: 10px !important;
    }

    .accept-check-box-form-checkbox .mgz-element-inner {
        display: flex;
        align-items: center;
    }

    .accept-check-box-form-checkbox .mgz-element-inner .bfb-element-control {
        flex: 1 !important;
    }

    .accept-check-box-form-checkbox .mgz-element-inner .bfb-element-label {
        flex: 100% !important;
    }

    .accept-check-box-form-checkbox .mgz-element-inner .bfb-element-label {
        font-size: 11px !important;
    }

    .accept-check-box-form-checkbox .mgz-element-inner .mage-error {
        position: absolute;
    }

    .brochure-forms form div.mage-error {
        font-size: 12px !important;
    }

    .cms-information-center .mfp-wrap .bfb-popup .bfb-popup-close {
        font-size: 22px !important;
        color: #000 !important;
        background: none !important;
        top: 12px !important;
        right: 0px !important;
        font-family: 'Font Awesome 5 Pro' !important;
        font-weight: 900 !important;
    }

    .cms-information-center .mfp-wrap .bfb-popup .bfb-popup-close:before {
        content: "\f00d" !important;
    }

    .backbutton .btn-primary {
        width: 5.25rem;
        border-radius: 18px;
        font-size: 0.75rem;
        font-weight: 700;
        height: 2.375rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: transparent !important;
        border: 2px solid #FFFFFF !important;
        float: right;
    }

    .backbutton .btn-primary:hover {
        background-color: #FFFFFF !important;
        border: 2px solid #FFFFFF !important;
        color: #067DF4 !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect {
        border-radius: 21px !important;
        height: 2.375rem !important;
        font-size: 0.75rem !important;
        font-weight: 700 !important;
        color: #067DF4 !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field.sc-fee-claimed .control .multiselect-native-select .multiselect {
        width: 105px !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect:hover {
        background-color: #067DF4 !important;
        color: #fff !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect:active {
        background: #067DF4 !important;
        border: none !important;
        color: #fff !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect:focus {
        background: #067DF4 !important;
        border: none !important;
        color: #fff !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect-container .multiselect-option .form-check {
        padding-left: 0 !important;
        padding-right: 30px !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field.sc-fee-claimed .control .multiselect-native-select .multiselect-container {
        min-width: 80px !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field.sc-fee-claimed .control .multiselect-native-select .multiselect-container .multiselect-option .form-check {
        padding-left: 0 !important;
        padding-right: 0px !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect-container .multiselect-option .form-check label {
        font-size: 0.75rem !important;
        font-weight: 700 !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset .field.sc-fee-claimed .control .multiselect-native-select .multiselect-container .multiselect-option .form-check {
        display: flex !important;
        align-items: center !important
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset .field.sc-fee-claimed .control .multiselect-native-select .multiselect-container .multiselect-option .form-check label {
        padding-left: 20px !important;
    }

    .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect-container .multiselect-option:hover {
        background-color: #067DF4 !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fee-claimed>label.label {
        width: 9rem !important;
        text-align: right !important;
    }

    .proxima-myaccount-container .body-content form :is(.fieldset>.fields>.field.sc-fromdate>.label span, .fieldset>.fields>.field.sc-fee-claimed>.label span) {
        color: #fff !important;
    }

    .proxima-myaccount-container .body-content form :is(.fieldset>.fields>.field.sc-status>.control, .fieldset>.fields>.field.sc-fee-claimed>.control) {
        width: auto !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fee-claimed>.control {
        width: 50% !important;
    }

    .custom-accordion-tab ul.property-details label span,
    .custom-accordion-tab ul.property-details span {
        color: #fff !important;
    }

    .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content {
        position: relative !important;
    }

    .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content .close {
        position: absolute;
        right: 10px;
        top: -10px;
        color: #067DF4 !important
    }

    .proxima-myaccount-container .body-content .projects-main-section #showMoreModal.modal .modal-content .close {
        right: 15px !important;
        top: 0 !important;
    }

    .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content .close:hover {
        color: #067DF4 !important
    }

    .proxima-header .header-container .header.links li {
        width: auto;
    }

    .proxima-header .header-container .header.links li i {
        position: absolute;
        right: 15px;
        top: 9px;
        color: #fff !important;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field.customer-name-middlename {
        padding-bottom: 0 !important;
    }

    .proxima-myaccount-container .two.custom-fieldset {
        flex-direction: column !important;
    }

    .proxima-myaccount-container .form-address-edit .container {
        max-width: none !important;
        padding: 0 !important;
    }

    @media (max-width: 400px) {
        .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect {
            width: auto !important;
            min-width: 350px !important;
        }
    }

    /*******filter-popup*******/
    .modal-search-projects-filter {
        padding: 0 !important;
        width: 50%;
        margin: auto;
        border-top: 0.5px solid #D9D9D9;
        border-bottom: 0.5px solid #D9D9D9;
        z-index: 1050;
    }

    .modal-search-projects-filter .body-content .row select {
        height: 36px;
        left: 0px;
        top: 28px;
        border-radius: 30px;
        padding: 8px 15px 12px 15px;
        background-color: #000 !important;
        color: #fff !important;
        font-weight: 400;
        font-size: 12px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        line-height: 16px !important;
        -webkit-text-fill-color: #fff !important;
    }

    .modal-search-projects-filter .body-content .row .filter-dropdown-select-project {
        position: relative;
        width: 100% !important;
    }

    .modal-search-projects-filter .body-content .row .filter-dropdown-select-project::after {
        font-family: 'Font Awesome 5 Pro' !important;
        content: "\f0d7" !important;
        position: absolute;
        right: 15px;
        top: 7px;
        color: #fff !important;
    }

    .modal-search-projects-filter .footer {
        background-color: #000 !important;
        padding: 1.875rem 1.875rem !important
    }

    /* .proxima-myaccount-container form .modal-search-projects-filter .header {
        background-color: #000 !important;
        padding: 1.875rem 1.875rem 0 1.875rem !important
    } */

    .modal-search-projects-filter .body-content {
        width: 100% !important;
        background-color: #000 !important
    }

    .modal-search-projects-filter .body-content .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .modal-search-projects-filter .body-content .row .form-group .lot-no-input input::placeholder {
        font-weight: 400;
        font-size: 12px !important;
        color: #fff;
    }

    .modal-search-projects-filter .body-content .button-check-box .custom-control-label {
        border-radius: 15px !important;
        background: #4F4F4F !important;
        border-color: #4F4F4F !important;
        padding: 0.5rem 1rem !important;
        font-size: 13px !important;
        cursor: pointer;
    }

    .modal-search-projects-filter .body-content .button-check-box .custom-control-input:checked~.custom-control-label {
        background: #067DF4 !important;
        color: #fff !important;
    }

    .modal-search-projects-filter .header h4 {
        font-size: 25px !important;
        text-transform: uppercase !important;
    }

    .modal-search-projects-filter .body-content h4 {
        margin: 0.85rem 0 0.85rem 0 !important
    }

    .modal-search-projects-filter .body-content .row .form-group {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .modal-search-projects-filter .body-content .row .form-group .lot-no-input input {
        height: 36px;
        left: 0px;
        top: 28px;
        border-radius: 30px;
        padding: 12px 15px 12px 15px;
        background-color: #000 !important;
        color: #fff !important;
        font-size: 12px !important;
    }

    .modal-search-projects-filter .body-content .form-group label,
    .modal-search-projects-filter .body-content .row label[for="pet-select"],
    .modal-search-projects-filter .body-content h4 {
        font-size: 15px !important;
        font-weight: 400 !important;
        color: #fff;
    }

    .modal-search-projects-filter .body-content .row .col-lg-12 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .modal-search-projects-filter .body-content .row .pet-select {
        color: #fff;
    }

    .modal-search-projects-filter .footer .btn {
        text-transform: uppercase !important;
        font-size: 13px;
        height: 42px !important;
        border-radius: 30px !important;
    }

    .modal-search-projects-filter .footer .btn.btn-secondary {
        background-color: #067DF4 !important;
        border: 1px solid #067DF4 !important;
        color: #FFFFFF !important;
    }

    .modal-search-projects-filter .footer .btn.btn-secondary:hover {
        background-color: #FFFFFF !important;
        border-color: #FFFFFF !important;
        color: #067DF4 !important;
    }

    .modal-search-projects-filter .header .fa-times {
        color: #fff !important;
    }

    .modal-backdrop.show {
        opacity: .5;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
    }

    .modal-search-projects-filter .body-content .row:last-child {
        flex-direction: column !important;
    }

    .account .proxima-myaccount-container {
        min-height: auto !important;
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        /* .modal-search-projects-filter {
            width: 100% !important; removed for mobile device
        } */

        body.account.agent-projects-index .custom-accordion-tab .tab .btn-secondary.project-details-btn {
            min-width: 5rem !important;
            max-width: 5rem !important;
        }

        body.account.agent-projects-index .proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name {
            /* width: calc(100% - 55px) !important; */
            width: 100% !important;
        }
    }

    /* @media only screen and (min-width: 768px) and (max-width: 959px) {
        .modal-search-projects-filter {
            width: 60% !important; removed for mobile device
        }
    } */

    .modal-search-projects-filter .body-content .range-slider .track--full {
        background: #AFAFAF !important;
        height: 6px !important;
    }

    .modal-search-projects-filter .body-content .range-slider .track--included {
        background: #067df4 !important;
        height: 6px !important;
        border-radius: 12px !important;
    }

    .modal-search-projects-filter .body-content .range-slider .output,
    .range-slider output {
        max-width: 5.75rem;
    }

    .contact-section .contact-form .center-line-container,
    .agent-section .center-line-container {
        display: none !important;
    }

    /************.commissionsystem-mypaidinvoices-index *************/
    .commissionsystem-mypaidinvoices-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields {
        justify-content: end !important;
    }

    .commissionsystem-mypaidinvoices-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields :is(.field.sc-fromdate, .field.sc-status) {
        flex-direction: column;
        align-items: baseline;
        width: 40%;
    }

    .commissionsystem-mypaidinvoices-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields :is(.field.sc-fromdate, .field.sc-status) .control-date-range {
        display: flex;
        justify-content: space-between;
    }

    .commissionsystem-mypaidinvoices-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields :is(.field.sc-fromdate, .field.sc-status) .control-date-range .control {
        width: 45%;
        margin-left: 10px !important;
    }

    .commissionsystem-mypaidinvoices-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields :is(.field.sc-fromdate, .field.sc-status) .control-date-range .control input::placeholder {
        color: #fff !important;
    }

    .commissionsystem-mypaidinvoices-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fromdate>label.label {
        width: 15rem !important;
        text-align: right !important;
    }

    @media (max-width: 1105px) {
        .commissionsystem-mypaidinvoices-index .proxima-myaccount-container .two.custom-fieldset {
            align-items: end !important;
        }

        .commissionsystem-mypaidinvoices-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields {
            flex-direction: row;
            align-items: flex-end;
        }
    }

    body.project_theme_mode_dark.account.agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.property-status i {
        color: #fff !important;
    }

    /************.commissionsystem-mypaidinvoices-index *************/
    .modal-search-projects-filter .body-content .range-slider input[type=range]::-webkit-slider-thumb {
        background: #067df4 !important;
    }

    .modal-search-projects-filter .body-content .range-slider input[type=range]::-moz-range-thumb {
        background: #067df4 !important;
    }

    .modal-search-projects-filter .body-content .range-slider input[type=range]::-ms-thumb {
        background: #067df4 !important;
    }

    body.account .modals-wrapper #project-details-table span {
        color: #fff !important;
        display: block !important;
        width: 100px !important;
    }

    body.account .modals-wrapper #project-details-table span {
        color: #fff !important;
        display: block !important;
        width: 100px !important;
    }

    /* light mode */
    body.agentmanagement-information-search .page-main {
        background-color: #fff;
        color: #000;
    }

    body.project_theme_mode_normal .page-main {
        background-color: #fff;
        color: #000;
    }

    body.project_theme_mode_normal .custom-accordion-tab .tab-label {
        color: #000;
    }

    body.project_theme_mode_normal .projects-main-section .sort-bar-two .sort-reset-btn button,
    body.account.project_theme_mode_normal .proxima-myaccount-container .body-content .chart-container .secondary button.action {
        border: 2px solid #000000 !important;
        color: #000000 !important;
    }

    body.project_theme_mode_normal .btn-round {
        color: #000 !important;
        border: 2px solid #000 !important
    }

    body.agentmanagement-information-search .btn-round {
        color: #000 !important;
        border: 2px solid #000 !important;
        max-width: fit-content !important;
    }

    body.project_theme_mode_normal .custom-accordion-tab .tab {
        border-bottom: 1px solid #000;
        color: #000;
    }

    body.account.agent-projects-index .custom-accordion-tab .tab .project-action {
        display: flex !important;
        align-items: center !important;
        padding: 10px 40px;
        position: relative;
    }

    body.account.agent-projects-index .custom-accordion-tab .tab .project-action a {
        margin-top: 0 !important;
    }

    body.project_theme_mode_normal .custom-accordion-tab .tab-content {
        background-color: #fff;
        color: #000;
    }

    body.project_theme_mode_normal .custom-accordion-tab ul.property-details label {
        color: #000 !important;
    }

    body.project_theme_mode_normal .custom-accordion-tab ul.property-details label:is(.property-rop-label, .property-status-label) {
        color: #000 !important
    }

    body.project_theme_mode_normal .custom-accordion-tab :is(ul.property-details label span, ul.property-details span) {
        color: #000 !important;
        border-color: #000 !important;
    }

    body.account .page-title-wrapper select {
        color: #000;
        background-color: #fff !important;
        border-color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }

    body.account input[type="file"]::file-selector-button,
    body.account input[type="file"]::-webkit-file-upload-button,
    body.account select {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }

    body.project_theme_mode_normal.account.agent-projects-index .custom-accordion-tab input:checked~.tab-content .properties-container:nth-of-type(odd) {
        background-color: #ddd !important;
    }

    body.project_theme_mode_normal.account .sortfilter-header-desktop,
    body.project_theme_mode_normal.account .mobile-sort-properties {
        background-color: whitesmoke !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content {
        background-color: #fff !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content span {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content label {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account.agent-projects-index .custom-accordion-tab ul.property-details-basic-details li.property-status i {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .property-odd-even:nth-of-type(odd) .property-details {
        background-color: #ddd;
    }

    body.project_theme_mode_normal.account .custom-accordion-tab .tab-label::after {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .custom-accordion-tab ul.property-details li.property-rg_weekly_rental {
        color: #000 !important;
    }

    body.project_theme_mode_normal .btn-round:hover,
    body.project_theme_mode_normal .custom-accordion-tab .project-action .btn-primary:hover {
        background-color: transparent !important;
    }

    body.agentmanagement-information-search .btn-round:hover,
    body.agentmanagement-information-search .custom-accordion-tab .project-action .btn-primary:hover {
        background-color: transparent !important;
    }

    body.project_theme_mode_normal .custom-accordion-tab .project-action .btn-primary {
        border: 2px solid #000 !important;
        color: #000 !important;
    }

    body.project_theme_mode_normal.agent-projects-index .custom-accordion-tab ul.property-details li .capsule-price {
        color: #000 !important;
        border-color: #000 !important;
    }
    body.project_theme_mode_normal.agent-projects-index .custom-accordion-tab ul.property-details li .capsule-price.change-price-property {
        cursor: pointer;
    }

    body.project_theme_mode_normal.agent-projects-index .custom-accordion-tab .tab-label::after,
    body.project_theme_mode_normal.agent-projects-index .custom-accordion-tab ul.property-details label.property-rg_weekly_rental-label,
    body.project_theme_mode_normal.agent-projects-index .custom-accordion-tab ul.property-details li.property-rg_weekly_rental {
        color: #000 !important;
    }

    body.project_theme_mode_normal.agent-projects-index .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content .close {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .chart-container h5 {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .table tbody tr td,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .table tbody tr th {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .table thead tr th {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account #form-sales-search fieldset .right-align .secondary button.btn-primary {
        color: #000 !important;
        border: 0.5px solid #000 !important
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect:hover,
    #form-sales-search fieldset .right-align .secondary button.btn-primary:hover {
        background-color: transparent !important;
        border-color: #000 !important;
    }

    body.project_theme_mode_normal.account .table span {
        color: #000 !important;
    }
    body.project_theme_mode_normal.account .table#new_solicitor label span {
        color: #e02b27 !important
        }
    body.project_theme_mode_normal.account .custom-accordion-tab .property-details h6 a,
    body.project_theme_mode_normal.account .custom-accordion-tab .tab-label:hover {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .page-title-wrapper .page-title [data-ui-id="page-title-wrapper"] {
        color: #000 !important;
    }

    body.agentmanagement-information-search.account .page-title-wrapper .page-title [data-ui-id="page-title-wrapper"] {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect:focus,
    body.project_theme_mode_normal.account .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect:active {
        background: transparent !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .table tbody tr td button {
        border-color: #000 !important;
        color: #000 !important
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .table tbody tr td button:hover {
        border-color: #000 !important;
        background-color: transparent;
        color: #000 !important
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-content .box-title span {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-content p,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-title p,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-content address,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-title address {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block .block-title,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block .block-title strong {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-content a,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-content a span,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-title a,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-title a span {
        color: #808080 !important;
    }

    body.project_theme_mode_normal.account table.fancytree-ext-table tbody tr td,
    body.project_theme_mode_normal.account table.fancytree-ext-table thead tr th {
        color: #000 !important;
        padding: 5px 10px !important;
        font-size: 13px;

    }

    body.project_theme_mode_dark table.fancytree-ext-table tbody tr td {
        font-size: 13px !important;
    }

    body.project_theme_mode_dark.account table.fancytree-ext-table thead tr th {
        font-size: 13px !important;
    }

    body.project_theme_mode_normal.account #viewform-edit-client .table-grid-container {
        background-color: transparent !important;
    }
    body.project_theme_mode_normal.account .table-grid-container
    body.project_theme_mode_normal.account .proxima-myaccount-container .column.main .custom-title {
        background-color: #a6a6a6 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .column.main .claim-payment-btn,
    body.project_theme_mode_normal.account .proxima-myaccount-container .column.main .edit-payment button,
    body.project_theme_mode_normal .backbutton .btn-primary {
        color: #000 !important;
        border: 2px solid #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .column.main .claim-payment-btn:hover,
    body.project_theme_mode_normal.account .proxima-myaccount-container .column.main .edit-payment button:hover,
    body.project_theme_mode_normal.account .backbutton .btn-primary:hover {
        color: #000 !important;
        border: 2px solid #000 !important;
        background-color: #fff !important;
        ;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .column.main .container.font-size-18 {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-content a,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-content a span,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-title a,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-title a span {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-content a,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .block-title a {
        border: 2px solid #000;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.label,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.field-declaration {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .table tr th input {
        border-color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.fields>.invoice-head,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.fields>.invoice-head {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.field-declaration button.editCancel,
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.field-declaration button.editOk {
        background-color: transparent !important;
        color: #000 !important;
        border: 2px solid #000;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.field-declaration :is(button.editOk:hover, button.editCancel:hover) {
        background-color: transparent !important;
        color: #000 !important;
        border: 2px solid #000;
        border-color: #000 !important;
    }

    body.project_theme_mode_normal.account .table .thead-dark th {
        background-color: #fff !important;
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .table td,
    body.project_theme_mode_normal.account .table th {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .column.main .editPayments button {
        color: #000 !important;
        border: 2px solid #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .column.main .editPayments button:hover {
        color: #000 !important;
        border: 2px solid #000 !important;
    }

    body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal, .modal-confirm-popup, .confirm-alert-info-success-modal, .default-modal)) .modal-inner-wrap .modal-footer button span {
        border-color: #000 !important;
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal, .modal-confirm-popup, .confirm-alert-info-success-modal, .default-modal)) .modal-inner-wrap .modal-footer button {
        border-color: #000 !important;
    }

    body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal, .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.confirm .modal-inner-wrap .modal-footer button:hover{
        -webkit-text-fill-color: #000 !important;
    }
    body.project_theme_mode_normal.account .edit-commission-payment-modal .btn,
    body.project_theme_mode_normal.account .team-change-invitation-modal .btn,
    body.project_theme_mode_normal.account .commission-info-modal .btn,
    body.project_theme_mode_normal.account .allproject-info-modal .btn,
    body.project_theme_mode_normal.account .reservation-info-modal .btn,
    body.project_theme_mode_normal.account .respsp-info-modal .btn,
    body.project_theme_mode_normal.account .roombooking-info-modal .btn {
        background-color: #fff !important;
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .edit-commission-payment-modal .btn:hover,
    body.project_theme_mode_normal.account .team-change-invitation-modal .btn:hover,
    body.project_theme_mode_normal.account .commission-info-modal .btn:hover,
    body.project_theme_mode_normal.account .allproject-info-modal .btn:hover,
    body.project_theme_mode_normal.account .reservation-info-modal .btn:hover,
    body.project_theme_mode_normal.account .respsp-info-modal .btn:hover,
    body.project_theme_mode_normal.account .roombooking-info-modal .btn:hover {
        border-color: #000 !important;
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.field-declaration :is(button.editOk:hover, button.editCancel:hover) {
        background-color: transparent !important;
        border-color: #fff !important;
        color: #fff !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form :is(.fieldset>.fields>.field.sc-fromdate>.label span, .fieldset>.fields>.field.sc-fee-claimed>.label span),
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .order-products-toolbar .pager .toolbar-number {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account.commissionsystem-mypaidinvoices-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields :is(.field.sc-fromdate, .field.sc-status) .control-date-range .control input::placeholder {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account.commissionsystem-mypaidinvoices-index .proxima-myaccount-container .body-content form .fieldset>.field>.control input[type="text"] {
        color: #000 !important;
    }

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

    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #popup-modal-photo-id-upload .field {
        text-align: left !important;
    }

    body.project_theme_mode_normal.account #project-details-table tbody tr:nth-child(odd) {
        background-color: #ddd !important;
    }

    body.project_theme_mode_normal.account .edit-commission-payment-modal .btn,
    body.project_theme_mode_normal.account .team-change-invitation-modal .btn,
    body.project_theme_mode_normal.account .commission-info-modal .btn,
    body.project_theme_mode_normal.account .allproject-info-modal .btn,
    body.project_theme_mode_normal.account .reservation-info-modal .btn,
    body.project_theme_mode_normal.account .respsp-info-modal .btn,
    body.project_theme_mode_normal.account .roombooking-info-modal .btn {
        border: 2px solid #000 !important;
    }

    body.project_theme_mode_normal.account .modal-custom .action-close:before,
    body .modal-popup:not(.confirm-alert-info-success-modal,.custom_modal__modal) .action-close:before,
    body .modal-slide:not(.custom_modal__modal) .action-close:before {
        background-color: #000 !important;
    }

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

    body.project_theme_mode_normal.account .modals-wrapper #project-details-table .btn-round {
        border-color: #000 !important;
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .modals-wrapper #project-details-table span {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account #project-details-table tbody tr:nth-child(7) td {
        background-color: #fff !important;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup:not([class*="custom_modal__"])._inner-scroll .modal-inner-wrap .modal-header .action-close {
        background-color: #000 !important;
        height: 40px;
        width: 40px;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll:not([class*="custom_modal__"],.modal-pop-up-edit-solicitor) .modal-inner-wrap .modal-header .action-close:hover {
        background-color: #000 !important;
        border-radius: 3px;

    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll:not(.custom_modal__share_project,.custom_modal__modal) .modal-inner-wrap .modal-header .action-close:hover::before {
        color: #fff !important;
    }

    body.project_theme_mode_normal.account.commissionsystem-salestransaction_myteampayments-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close::before {
        color: #fff !important;
    }

    body.project_theme_mode_normal.account.commissionsystem-salestransaction_myteampayments-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close {
        background-color: #000 !important;
    }

    body.project_theme_mode_normal.account span.fancytree-title {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content .table :is(label, span),
    body.project_theme_mode_normal.account.agent-projects-information .proxima-myaccount-container .body-content .table :is(label, span),
    body.project_theme_mode_normal.account.agent-projects-discounts .proxima-myaccount-container .body-content .table :is(label, span),
    body.project_theme_mode_normal.account.agent-projects-vendorcommission .proxima-myaccount-container .body-content .table :is(label, span) {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .projects-main-section .sort-bar-two .sort-reset-btn button:hover,
    body.account.project_theme_mode_normal .proxima-myaccount-container .body-content .chart-container .secondary button.action:hover {
        background-color: #000 !important;
        color: #fff !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .form-matrix-edit .fieldset-fullname :is(.saveOk, .saveCancel) {
        background-color: #fff !important;
        color: #000 !important;
        border-color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .form-matrix-edit .fieldset-fullname :is(.saveOk, .saveCancel):hover {
        background-color: #000 !important;
        color: #fff !important;
        border-color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form :is(.fieldset>.fields>.field.sc-fromdate>.label span, .fieldset>.fields>.field.sc-status>.label span) {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account.agent-projects-index .custom-accordion-tab .tab .btn-secondary:hover,
    body.project_theme_mode_normal.account.agent-projects-index .custom-accordion-tab .project-action .btn-primary {
        color: #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content .container .row .chart-container {
        border: 1px solid #000 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.field>.control input[type="text"],
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"]::placeholder {
        color: #000 !important;
    }

    /* light mode */
    /* dark mode */
    body.account.agent-projects-index .custom-accordion-tab input:checked~.tab-content .properties-container .property-odd-even-reverted .image-mobile-only {
        width: 25% !important;
        min-height: 38px !important;
    }

    /* @media (max-width: 700px) {
        body.account.agent-projects-index .custom-accordion-tab input:checked ~ .tab-content .properties-container .property-odd-even-reverted .image-mobile-only{
            width: 20% !important;
            min-height: unset !important;
        }
    } */
    body.project_theme_mode_dark.account .btn-round {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        border: 2px solid #fff !important;
        background-color: #000 !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table thead tr th {
        color: #000 !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect {
        color: #000 !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect:hover,
    #form-sales-search fieldset .right-align .secondary button.btn-primary:hover {
        background-color: transparent !important;
        color: #fff !important;
        border-color: #fff !important;
    }

    body.project_theme_mode_dark.account #form-sales-search fieldset .right-align .secondary button.btn-primary {
        color: #fff !important;
        border: 0.5px solid #fff !important
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect:focus,
    body.project_theme_mode_dark.account .proxima-myaccount-container .form-address-edit .custom-fieldset :is(.field.sc-status, .fields .field.sc-fee-claimed) .control .multiselect-native-select .multiselect:active {
        background: #fff !important;
        color: #000 !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .chart-container h5 {
        color: #fff !important;
    }

    body.project_theme_mode_dark.account .page-title-wrapper .page-title [data-ui-id="page-title-wrapper"] {
        color: #fff !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .table tbody tr td button:hover {
        border-color: #000 !important;
        color: #000 !important
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .block-content a,
    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .block-content a span,
    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .block-title a,
    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .block-title a span {
        color: #fff !important;
    }

    body.project_theme_mode_dark.account table.fancytree-ext-table thead tr th {
        color: #000 !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .column.main .claim-payment-btn:hover,
    body.project_theme_mode_dark.account .proxima-myaccount-container .column.main .edit-payment button:hover,
    body.project_theme_mode_dark .backbutton .btn-primary:hover {
        color: #000 !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .block-content a,
    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .block-title a {
        border: 2px solid #fff;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .fieldset>.fields>.invoice-head,
    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .fieldset>.fields>.invoice-head {
        color: #fff !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .fieldset>.field-declaration button.editOk {
        color: #000 !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .fieldset>.field-declaration :is(button.editOk:hover, button.editCancel:hover) {
        background-color: transparent !important;
        border-color: #fff !important;
        color: #fff !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .column.main .editPayments button:hover {
        border-color: #fff !important;
        color: #000 !important;
    }

    body.project_theme_mode_dark.account .modal-inner-wrap .modal-footer button span {
        border-color: #000 !important;
        color: #000 !important;
    }

    body.project_theme_mode_dark.account .modal-inner-wrap .modal-footer button {
        border-color: #000 !important;
    }

    body.project_theme_mode_dark.account.commissionsystem-invoice-index .modal-inner-wrap .modal-footer button {
        border-color: #fff !important;
    }

    body.project_theme_mode_dark.account.commissionsystem-salestransaction_myteampayments-index .modal-inner-wrap .modal-footer button {
        border-color: #fff !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: #7377ab !important;
    }

    body.project_theme_mode_dark.account .edit-commission-payment-modal .btn,
    body.project_theme_mode_dark.account .commission-info-modal .btn,
    body.project_theme_mode_dark.account .team-change-invitation-modal .btn,
    body.project_theme_mode_dark.account .allproject-info-modal .btn,
    body.project_theme_mode_dark.account .reservation-info-modal .btn,
    body.project_theme_mode_dark.account .respsp-info-modal .btn,
    body.project_theme_mode_dark.account .roombooking-info-modal .btn {
        background-color: #000 !important;
    }

    body.project_theme_mode_dark.account .edit-commission-payment-modal .btn:hover,
    body.project_theme_mode_dark.account .team-change-invitation-modal .btn:hover,
    body.project_theme_mode_dark.account .commission-info-modal .btn:hover,
    body.project_theme_mode_dark.account .allproject-info-modal .btn:hover,
    body.project_theme_mode_dark.account .reservation-info-modal .btn:hover,
    body.project_theme_mode_dark.account .respsp-info-modal .btn:hover,
    body.project_theme_mode_dark.account .roombooking-info-modal .btn:hover {
        background-color: #fff !important;
        border-color: #000 !important;
        color: #000 !important;
    }

    body.project_theme_mode_dark.account #project-details-table tbody tr:nth-child(7) td {
        background-color: #222222 !important;
    }

    body.account.project_theme_mode_dark.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header {
        background-color: #222222 !important;
    }

    body.account.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header {
        background-color: #222222 !important;
    }

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

    body.account.project_theme_mode_dark.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .modal-title {
        color: #fff !important;
    }

    body.account.project_theme_mode_dark.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close {
        background-color: #000 !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close {
        background-color: #000 !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:hover {
        background-color: #000 !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper #project-details-table span {
        color: #fff !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper #project-details-table .btn-round {
        color: #fff !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper #project-details-table .btn-round:hover {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #000 !important;
    }

    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,
    .agent-projects-vendorcommission .proxima-myaccount-container .body-content .table span {
        color: #fff !important;
    }

    body.project_theme_mode_dark.account .projects-main-section .sort-bar-two .sort-reset-btn button:hover,
    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .chart-container .secondary button.action:hover {
        background-color: #fff !important;
        color: #000 !important;
        border-color: #fff !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .form-matrix-edit .fieldset-fullname :is(.saveOk, .saveCancel) {
        background-color: #000 !important;
        color: #fff !important;
        border-color: #fff !important
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content .form-matrix-edit .fieldset-fullname :is(.saveOk, .saveCancel):hover {
        background-color: #fff !important;
        color: #000 !important;
        border-color: #fff !important
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
        background-color: #222222 !important;
        border: 0 !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .fieldset>.field>.label,
    body.project_theme_mode_dark.account .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.label {
        color: #fff !important;
    }

    body.project_theme_mode_dark.account .fieldset>.legend {
        color: #fff !important;
    }

    body.project_theme_mode_dark.account .form-edit-account .save {
        border-radius: 18px !important;
    }

    body.project_theme_mode_dark.account .fieldset>.field:not(.choice)>.label {
        color: #fff !important;
    }

    body.account.project_theme_mode_dark.account.commissionsystem-salestransaction-index .modal-popup .modal-inner-wrap .commisionbox .cm_details :is(h2, h3, p, li, td) {
        color: #fff !important;
    }

    /* dark mode */
    /********* agent-projects-index grid ************/
    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details {
        display: grid;
        grid-template-columns: 1fr 0.6fr 0.8fr 0.4fr 0.4fr 0.4fr 0.5fr 1fr 1fr 1fr 0.2fr;
        align-items: center;
        justify-items: start;
        margin-bottom: 0 !important;
    }

    .agent-projects-index .custom-accordion-tab ul.property-details-grid-container {
        display: grid;
        grid-template-columns: 1fr 0.6fr 0.8fr 0.4fr 0.4fr 0.4fr 0.5fr 1fr 1fr 1fr 0.2fr;
        align-items: center;
        justify-items: start;
        margin-bottom: 0 !important;
    }

    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details label {
        display: flex !important;
        align-items: center !important;
    }
    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details label.property-status-label{
        justify-content: center;
    }
    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details label i.sort-icon-element {
        margin-left: 3px !important;
    }

    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details li {
        margin: 0 !important;
        min-width: unset !important;
        max-width: unset !important;
    }

    /********* agent-projects-index grid ************/
    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details li a {
        display: flex;
        align-items: center;
    }

    .agent-projects-index .custom-accordion-tab ul.property-details-basic-details li a img.img-thumbnail {
        max-width: 25% !important;
    }

    .agent-projects-index .custom-accordion-tab input:checked~.tab-content .properties-container:nth-of-type(odd) {
        background-color: #212121 !important;
    }

    .sortfilter-header-desktop,
    .mobile-sort-properties {
        background-color: #060E13 !important;
    }

    body.agent-projects-index .proxima-myaccount-container .body-content .projects-main-section .modal .modal-content .close {
        color: #fff !important;
    }

    /********* agent-projects-index grid ************/
    .account .page-title-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .account .page-title-wrapper select {
        width: 100px;
        margin-right: 3.5rem;
        width: 100px;
        height: 2.375rem !important;
        border-radius: 20px;
        font-weight: 700 !important;
        font-size: 0.75rem !important;
        text-transform: uppercase;
        border: 2px solid #ffffff !important;
        text-align: unset
    }

    @media (max-width: 991.98px) {
        .account.reservation-psp-index .page-title-wrapper {
            padding-left: 3rem !important;
        }
    }

    @media (max-width: 768.98px) {
        .account.reservation-psp-index .page-title-wrapper select {
            margin-right: 0 !important;
            margin-top: 5px !important;
        }

        .account.reservation-psp-index .page-title-wrapper {
            flex-direction: column !important;
        }

        .account.reservation-psp-index .page-title-wrapper select {
            text-align: unset !important
        }

        body.account.reservation-psp-index .proxima-myaccount-container .body-content .backbutton.reservation-back-btn {
            right: 15px !important;
        }
    }

    @media (max-width: 576.98px) {
        .account .page-title-wrapper select {
            margin-right: 0 !important;
            margin-top: 5px !important;
        }

        .account .page-title-wrapper {
            flex-direction: column !important;
        }

        .account .page-title-wrapper select {
            text-align: left !important;
            margin-right: 7px !important;
            margin-left: auto !important;
        }

        body.customer-account-createpassword .page-main .column.main form {
            width: 80% !important;
        }

        .commissionsystem-mypaidinvoices-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fromdate>label.label {
            text-align: left !important;
        }
    }

    .account .page-title-wrapper

    /********* new changes ************/
    .project_theme_mode_dark.agent-projects-index .custom-accordion-tab .tab-label:hover {
        color: #fff;
    }

    .project_theme_mode_dark.agent-projects-index .custom-accordion-tab .tab .btn-secondary {
        color: #000;
    }

    .project_theme_mode_dark.agent-projects-index .custom-accordion-tab .tab .btn-secondary:hover,
    .project_theme_mode_dark.agent-projects-index .custom-accordion-tab .project-action .btn-primary {
        color: #000 !important;
        border: 0 !important;
        background-color: #fff !important;
    }

    .project_theme_mode_dark.agent-projects-index .custom-accordion-tab .project-action .btn-primary {
        color: #000 !important;
    }

    .agent-projects-index .custom-accordion-tab .tab-label::after,
    .agent-projects-index .custom-accordion-tab ul.property-details label.property-rg_weekly_rental-label,
    .agent-projects-index .custom-accordion-tab ul.property-details li.property-rg_weekly_rental {
        color: #fff !important;
    }

    .agent-projects-index .custom-accordion-tab ul.property-details li .capsule-price {
        color: #fff !important;
        border-color: #fff !important;
    }

    body.commissionsystem-invoice-index .modal-custom .action-close:hover,
    body .modal-popup:not(.confirm-alert-info-success-modal, .custom_modal__modal) .action-close:hover,
    body .modal-slide:not(.custom_modal__modal) .action-close:hover {
        background-color: #000 !important;
    }

    body.commissionsystem-invoice-index .modal-popup .action-close:before {
        background-color: #000 !important;
    }

    body.customer-account-index.account .proxima-myaccount-container .body-content .block-content a,
    body.customer-account-index.account .proxima-myaccount-container .body-content .block-title a {
        border-radius: 18px !important;
        padding: 3px 14px 3px 14px !important;
    }

    body.account .table #view-document a,
    body.account a.pdf {
        color: #7377ab !important;
    }

    body .modal-popup.confirm .modal-popup .modal-inner-wrap .modal-content {
        background-color: #fff !important;
        color: #000 !important;
    }

    @media (max-width: 991.98px) {

        /*body.account .proxima-header .header-container .header.links li.xauthorization-link,
        body.account .proxima-header .header-container .header.links li i.myaccount-dropdown-icon {
            display: none !important;
        }*/

        body:is(.cms-home-proxima, .category-projects, .cms-services, .cms-information-center, .agent-index-index, .contact-index-index) .proxima-header .header-container .header.links li.xauthorization-link {
            display: block !important;
        }
        /* in doubt */
        /* .proxima-myaccount-container .proxima-myaccount-sidebar{
            right: 260px !important;
            width: 135px !important;
            top: 63px !important;
        } */
        /* in doubt */
    }

    /* Registration-form */
    .agentregistration-index-index .agent-section {
        padding: 0rem 0rem !important;
    }

    .page-title-wrapper .page-title.registration-title,
    .psp-registration-container h2 {
        font-size: 27px;
        font-weight: 600;
        line-height: 32px;
    }
    .otp-container,
    .registration-container,
    .psp-registration-container {
        background-color: #fff !important;
        margin: auto !important;
        width: 75% !important;
        position: relative;
        font-size: 1rem;
    }

    .registration-form-background {
        padding: 10px 75px 13px 75px !important;
        width: 100% !important;
        height: auto !important;
    }

    /* psp registration */
    .psp-registration-container {
        background-color: transparent !important;
    }

    .psp-registration-container h2 {
        text-align: center;
        color: #fff;
    }

    .psp-registration-container form {
        padding: 0px 30px 50px 30px;
        background: #FFFFFF;
    }

    .psp-registration-container .psp-registration-container-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
    }

    .psp-registration-container .psp-registration-container-grid .section-btn button {
        background: #067DF4;
        border-radius: 4px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        padding: 10px 15px;
        text-transform: uppercase;
    }

    .psp-registration-container .psp-registration-container-grid .field.field-check {
        margin-bottom: 26px !important;
    }

    .psp-registration-container-grid.submit-section.single-line {
        grid-template-columns: 1fr;
    }

    .psp-registration-container .psp-registration-container-grid .field .control {
        position: relative;
    }

    .psp-registration-container .psp-registration-container-grid.submit-section div.mage-error {
        top: 25px !important;
    }

    .psp-registration-container .psp-registration-container-grid .field.field-check .registration-checkbox {
        width: 20px;
        height: 20px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 1px solid #ECECEC;
        position: relative;
    }

    .psp-registration-container .psp-registration-container-grid .field.field-check .registration-checkbox:checked {
        background: #067DF4 !important;
    }

    .psp-registration-container .psp-registration-container-grid .field.field-check .registration-checkbox:checked::after {
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        color: #fff;
        font-size: 14px;
        text-align: center;
        top: 2px;
        right: 2px;
    }

    .psp-registration-container-grid .field .label .label-important {
        color: #e02b27 !important;
        padding-left: 4px !important;
    }

    .psp-registration-container .psp-registration-container-grid .field .span-align input[type="radio"]:checked {
        accent-color: #067DF4;
    }

    /* psp registration */
    .registration-form-background .heading {
        margin: 10px 0;
        font-size: 14px;
        color: #918787;
    }

    p.email-notified {
        font-size: 12px !important;
        margin: 5px 0px !important;
        background-color: #cce5ff !important;
        color: #000 !important;
        padding: 5px 20px 5px 20px;
        border-radius: 4px !important;
    }

    p.email-notified a {
        color: #067df3;
    }

    p.email-notified::before {
        content: "Note : ";
        font-size: 12px;
        color: #067DF4 !important;
    }

    p.email-notified #reciever_email {
        color: #067DF4 !important;
    }

    div:is(.expire_alert, .expired_alert) p.email-notified {
        margin: 10px auto !important;
        width: 60% !important;
    }

    .expire-alert-warning p.email-notified {
        background: #fff3cd !important;
    }

    .expire-alert-warning p.email-notified::before {
        color: #CCA300 !important;
    }

    .document-expire-warning p.email-notified {
        background: #fff3cd !important;
    }

    .document-expire-warning p.email-notified::before {
        color: #067df3 !important;
    }

    .expire-alert-danger p.email-notified {
        background: #f8d7da !important;
    }

    .expire-alert-danger p.email-notified::before {
        color: #990101 !important;
    }

    .registration-form-background section.section-btn,
    .psp-registration-container .psp-registration-container-grid .section-btn {
        margin: 23px 0px 6px 0px !important;
        display: flex;
        justify-content: flex-end;
    }

    .registration-form-background section .btn-registration {
        height: 40px;
        min-width: 79px;
        font-size: 12px;
        font-weight: 600;
        border-radius: 2px;
        padding: 7px 16px 7px 16px !important;
        background-color: #067DF4 !important;
        text-transform: uppercase !important;
    }

    .registration-form-background section .btn-registration-back {
        color: #067DF4 !important;
        width: 56px;
        background-color: #fff !important;
        border: 1px solid #067DF4;
        text-transform: uppercase !important;
    }

    .registration-container-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 15px !important;
        border-bottom: 0.5px solid #D9D9D9;
        padding-bottom: 20px !important;
    }

    .registration-container-grid.submit-section,
    .psp-registration-container-grid.submit-section {
        align-items: center;
        grid-template-columns: 1fr 1fr;
    }

    .registration-container-grid .container-grid {
        height: fit-content;
    }

    .registration-container-grid.highlight-banner {
        background-color: #F8F8F8 !important;
        position: relative;
        border: none;
    }

    .registration-container-grid.highlight-banner::after,
    .registration-container-grid.highlight-banner::before {
        content: '';
        background-color: #F8F8F8 !important;
        position: absolute;
        height: 100%;
    }

    .registration-container-grid.highlight-banner::after {
        width: 10px;
        left: -10px;
    }

    .registration-container-grid.highlight-banner::before {
        width: 10px;
        right: -10px;
    }

    .registration-container-grid .container-grid h5 {
        margin: 12px 0px !important;
        font-size: 11px !important;
        color: #918787;
        text-decoration: underline;
    }

    .registration-nav {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 5px !important;
    }

    .registration-nav.registration-nav-sub {
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-columns: unset;
        min-width: 140px !important;
        height: 200px;
        margin-right: 30px !important
    }

    .registration-nav.registration-nav-sub .registration-nav-content {
        justify-self: end;
        padding-right: 5px;
        border: 0;
    }

    .registration-nav.registration-nav-sub .registration-nav-content.active-blue {
        border-right: 2px solid #067DF4;
    }

    .registration-nav .registration-nav-content {
        display: flex;
        border-bottom: 2px solid #C4CACF;
        align-items: center;
        padding-bottom: 9px !important;
        padding-top: 25px !important;
    }

    .registration-nav .registration-nav-content .registration-nav-title {
        color: #C4CACF !important;
        font-family: Open Sans;
        font-size: 18px;
        font-weight: 700;
        line-height: 14px;
        display: block;
    }

    .registration-nav.registration-nav-sub .registration-nav-content .registration-nav-title {
        font-size: 14px !important;
        line-height: 17px !important;
    }

    .registration-nav .registration-nav-content .registration-nav-num {
        color: #FFFFFF !important;
        font-family: Open Sans;
        font-size: 10px;
        font-weight: 700;
        line-height: 14px;
        min-height: 21px;
        min-width: 21px;
        border-radius: 30px;
        background-color: #C4CACF !important;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-right: 11px !important;
    }

    .registration-nav .registration-nav-content.active-blue {
        border-color: #067DF4 !important;
    }

    .registration-nav.registration-nav-sub .registration-nav-content {
        max-height: 40px;
        cursor: pointer !important;
        padding: 0 !important;
    }

    .registration-nav.registration-nav-sub .registration-nav-content span {
        padding: 10px 5px 10px 10px !important;
        text-align: right !important;
    }

    .registration-nav.registration-nav-sub .registration-nav-content.active-blue {
        background-color: #efefef;
        border-radius: 5px 0px 0px 5px;
    }

    .registration-nav.registration-nav-sub .registration-nav-content .registration-nav-title span {
        text-align: right !important;
    }

    .registration-nav .registration-nav-content.active-blue .registration-nav-title {
        color: #000 !important;
    }

    .registration-nav.registration-nav-sub .registration-nav-content.active-blue .registration-nav-title {
        color: #000 !important;
    }

    .registration-nav .registration-nav-content.active-blue .registration-nav-num {
        background-color: #067DF4 !important;
    }

    .registration-nav .registration-nav-content .registration-nav-title .registration-nav-title span {
        display: block !important;
    }

    .registration-container-grid .container-grid .input-select {
        color: #B0B0B0 !important;
    }

    .registration-container-grid .container-grid .input-text.input-address {
        min-height: 76px !important;
    }

    .registration-container-grid .container-grid .input-text.input-address-edit {
        min-height: 83px !important;
    }

    .registration-container-grid .container-grid .field-radio .control,
    .psp-registration-container .psp-registration-container-grid .field-radio .control {
        display: flex !important;
        justify-content: space-between !important;
        width: fit-content !important;
        min-width: fit-content !important;
        height: 28px !important;
    }

    .registration-container-grid .container-grid .field-radio .control input[type="radio"] {
        height: unset !important;
        width: unset !important;
    }

    .registration-container-grid .container-grid .field-date .control,
    .registration-container-grid .container-grid .field-select .control {
        position: relative;
    }

    .registration-container-grid .container-grid .field-hidden {
        visibility: hidden;
    }

    .registration-container-grid .container-grid .field-select .control::after {
        content: "";
        /* position: absolute;
        right: 12px;
        width: 6px;
        height: 6px;
        border: solid #666262;
        transform: rotate(135deg);
        border-width: .5px 1.5px 0 0;
        /*top: calc(50% - 2.5px);*/
        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-grid .container-grid .field-date .control::after {
        content: url(../images/date.svg);
        position: absolute;
        right: 13px;
        top: 9px;
    }

    .agentregistration-documentreupload-index .registration-container-grid .container-grid .field-date .control::after {
        right: 24px;
    }

    .registration-container-grid .container-grid .field-date .control::after .psp-registration-container .psp-registration-container-grid .field-radio .control .radio-text,
    .psp-registration-container .psp-registration-container-grid .field .label,
    .registration-container-grid .container-grid .label,
    .registration-container-grid .container-grid .field-radio .control .radio-text {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding-top: 2px;
    }

    .registration-container-grid .container-grid .field-radio .control .radio-text {
        color: #616161 !important;
    }

    .registration-container-grid .container-grid .field-radio .control .span-align,
    .psp-registration-container .psp-registration-container-grid .field .span-align {
        display: flex !important;
        align-items: center !important;
        padding-right: 15px !important;
        min-width: fit-content !important;
    }

    .registration-container-grid .container-grid .label.label-gender {
        color: #616161 !important;
    }

    .registration-container-grid .container-grid .input-text.error-border {
        border-color: #FFA0A0 !important;
    }

    .registration-container-grid .container-grid .input-text::placeholder,
    .registration-container-grid .container-grid .input-select::placeholder {
        color: #B0B0B0 !important;
    }

    .registration-container-grid .field-check .label a,
    .psp-registration-container .psp-registration-container-grid .field.field-check .label a {
        color: #067DF4 !important;
    }

    .registration-container-grid .field-check .label {
        padding-top: 7px;
        font-size: 9px !important;
    }

    .registration-container-grid .container-grid .field-check .label .registration-checkbox {
        outline: 1px solid #ECECEC;
    }

    .registration-container .registration-container-grid .field div.mage-error {
        font-size: 12px !important;
    }

    .registration-container-grid .field.field-check .label span {
        font-size: 14px !important;
    }

    .customer-account-login .login-container .block .block-content .actions-toolbar .secondary {
        color: #fff !important;
        margin-bottom: 1rem !important;
        font-size: 1rem !important;
        display: flex !important;
        width: 100%;
    }

    .customer-account-login .login-container .block .block-content .actions-toolbar .secondary .action.remind:nth-child(2) {
        margin-left: auto !important;
    }
    .psp-registration-container .psp-registration-container-grid  .container-grid .field-file .control input[type='file'],
    .registration-container-grid .container-grid .field-file .control input[type='file'] {
        color: #B0B0B0;
        font-size: 12px !important;
        padding: 10px !important;
        padding-right: 19px !important;
        width: 100% !important;
    }

    .registration-container-grid .container-grid .field-file .label {
        display: inline-flex;
        justify-content: space-between;
    }
    .psp-registration-container .psp-registration-container-grid  .container-grid .field-file .control input[type='file']::file-selector-button,
    .registration-container-grid .container-grid .field-file .control input[type='file']::file-selector-button {
        background-color: #067DF4 !important;
        border: none !important;
        font-size: 12px !important;
        height: 15px;
        border-radius: 2px;
        color: #fff !important;
        padding: 1px 6px 2px 6px !important;
        width: 51px !important;
    }

    .registration-details .detail-card {
        margin-top: 16px !important;
        min-width: 50%;
    }

    .registration-details .detail-card .card-flex {
        display: flex !important;
    }

    .registration-details .detail-card .detail-card-inner {
        padding: 5px 0px !important;
    }

    .registration-details .detail-card .title-name {
        font-weight: 600 !important;
        font-size: 18px !important;
        margin: 0 !important;
        margin-bottom: 5px !important;
    }

    .registration-form-background .title-main {
        font-size: 13px;
        font-weight: 600;
        margin: 0 !important;
        margin-bottom: 5px !important;
    }

    .registration-details .detail-card h6.sub-title-name {
        font-weight: 400 !important;
        font-size: 9px !important;
        margin: 0 !important;
    }

    .registration-details .detail-card p.sub-title-name {
        font-size: 9px;
        font-weight: 400;
        color: #000;
        margin: 0 !important;
        position: relative;
    }

    .registration-details .detail-card p.sub-title-name::after {
        content: "|";
        font-size: 11px !important;
        margin: 0px 5px;
    }

    .registration-details .detail-card p.sub-title-name span {
        font-size: 14px;
        font-weight: 400;
        color: #878787 !important;
    }

    .registration-details .detail-card .sub-title-name span {
        color: #878787 !important;
    }

    .title-head-grid-two,
    .title-head-grid-six,
    .title-head-grid-three,
    .title-head-grid-four,
    .title-head-grid-five {
        list-style: none !important;
        margin-bottom: 0 !important;
    }

    .title-head-grid-two div,
    .title-head-grid-six div,
    .title-head-grid-three div,
    .title-head-grid-four div,
    .title-head-grid-five div {
        font-size: 12px;
        font-weight: 600;
        line-height: 11px;
        align-self: center !important;
        color: #39628B !important;
        padding: 5px 5px 5px 10px !important;
    }

    .title-head-grid-two.title-detail,
    .title-head-grid-six.title-detail,
    .title-head-grid-three.title-detail,
    .title-head-grid-four.title-detail,
    .title-head-grid-five.title-detail {
        background-color: #F8F8F8 !important;
    }

    .title-head-grid-two.title-detail div.file-icon,
    .title-head-grid-six.title-detail div.file-icon,
    .title-head-grid-three.title-detail div.file-icon,
    .title-head-grid-four.title-detail div.file-icon,
    .title-head-grid-five.title-detail div.file-icon {
        position: relative;
        padding-left: 20px !important;
        color: #067DF4 !important;
    }

    .title-head-grid-six.title-detail div.file-icon::before,
    .title-head-grid-three.title-detail div.file-icon::before,
    .title-head-grid-four.title-detail div.file-icon::before,
    .title-head-grid-five.title-detail div.file-icon::before {
        content: url(../images/detail-file.svg);
        position: absolute;
        left: 10px;
    }

    .title-head-grid-two.title-detail div,
    .title-head-grid-three.title-detail div,
    .title-head-grid-six.title-detail div,
    .title-head-grid-four.title-detail div,
    .title-head-grid-five.title-detail div {
        color: #484848 !important;
        font-weight: 400 !important;
        line-height: 15px !important;
    }

    .title-head {
        padding: 0 !important;
        margin-bottom: 15px !important;
    }

    h6.title-head-title {
        margin: 10px 0px 3px 0px;
        font-size: 12px;
        font-weight: 600;
        line-height: 12px;
    }

    .title-head-grid-two {
        display: grid;
        background-color: #DBE2E9 !important;
        min-height: 25px !important;
        grid-template-columns: 4fr 1fr;
    }

    .title-head-grid-four {
        display: grid;
        background-color: #DBE2E9 !important;
        min-height: 25px !important;
        grid-template-columns: 1.4fr 1.3fr 1.3fr 1fr
    }

    .title-head-grid-three {
        display: grid;
        background-color: #DBE2E9 !important;
        min-height: 30px !important;
        grid-template-columns: 2fr 2fr 1fr;
        align-content: center;
    }

    .title-head-grid-five {
        display: grid;
        background-color: #DBE2E9 !important;
        min-height: 40px !important;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        align-content: center;
    }

    .title-head-grid-six {
        display: grid;
        background-color: #DBE2E9 !important;
        min-height: 45px !important;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        align-content: center;
    }

    .title-head-grid-two div.title-hidden,
    .title-head-grid-six div.title-hidden,
    .title-head-grid-three div.title-hidden,
    .title-head-grid-five div.title-hidden,
    .title-head-grid-four div.title-hidden {
        visibility: hidden !important;
    }

    .registration-nav-flex {
        display: flex;
        padding-top: 30px;
        padding-bottom: 30px;
        margin: auto !important;
        justify-content: space-between !important;
        /*min-height: 200px;*/
    }

    /*Edited*/
    .registration-nav-flex .registration-container-grid {
        grid-template-columns: 1fr 1fr !important;
        min-height: 230px;
    }

    .default-height {
        min-height: 160px !important;
    }

    .psp-registration-container .psp-registration-container-grid .input-text,
    .psp-registration-container .psp-registration-container-grid .input-select,
    .registration-container-grid .container-grid .input-text,
    .registration-container-grid .container-grid .input-select {
        border-radius: 2px;
        padding: 0px 9px 0px 10px;
        border: 1px solid #ECECEC !important;
        height: 40px;
        font-size: 12px !important;
    }

    .registration-form-background .detail-content {
        padding: 0 !important;
    }

    .registration-form-background .detail-content li {
        font-size: 9px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 0 !important;
        list-style: none;
    }

    .registration-form-background .detail-content li.empty-li {
        visibility: hidden !important;
        height: 10px !important;
    }

    .registration-form-background .register-approved-text {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        height: 425px !important;
        text-align: center !important;
    }

    .registration-form-background .register-approved-text h4 {
        margin: 0 !important;
        margin-top: 20px !important;
    }

    .registration-form-background .register-approved-text p {
        margin: 0 !important;
        font-size: 15px;
        font-weight: 400;
        margin: 10px 0px !important;
    }

    .registration-form-background .registration-text-gray {
        font-size: 12px;
        font-weight: 400;
        line-height: 19px;
        height: 300px !important;
        margin-top: 32px !important;
    }

    .registration-container-grid .container-grid .field,
    .psp-registration-container .psp-registration-container-grid .field {
        display: inline-flex;
        flex-direction: column;
        position: relative;
        width: 100% !important;
        margin-top: 26px;
    }

    .registration-container-grid .container-grid .control {
        position: relative !important;
    }

    .registration-container-grid .container-grid .field.field-check,
    .psp-registration-container .psp-registration-container-grid .field.field-check {
        display: block;
        flex-direction: row !important;
        align-items: center !important;
    }

    .registration-container-grid .container-grid .field-file .control span.file-name {
        visibility: hidden;
        line-height: 12px;
        height: fit-content;
    }

    .registration-container-grid .container-grid .field-file.uploaded-file .control span.file-name {
        visibility: visible;
        font-size: 8px !important;
        position: relative;
    }

    .registration-container-grid .container-grid .field-file.uploaded-file .control {
        margin-bottom: 0 !important;
        position: relative;
    }

    .registration-container-grid .container-grid .field-file.uploaded-file .label .edit-file {
        /*bottom: 40px !important;*/
        top: 0px !important;
    }

    body.agentregistration-documentreupload-index .registration-container-grid .container-grid .field-file.uploaded-file .label .edit-file {
        top: 13px !important;
    }

    .registration-container-grid .container-grid .field-file.uploaded-file .control span.file-name .close-file {
        font-size: 5px;
        position: absolute;
        bottom: 3px;
        background: red;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        right: -10px;
    }

    .registration-container-grid .container-grid .field-file .control div a.download-link {
        font-size: 8px !important;
        text-decoration: underline;
        line-height: 12px !important;
        height: fit-content;
    }

    .registration-container-grid .container-grid .field-file .label .edit-file i {
        color: #067DF4 !important
    }

    .registration-container-grid .container-grid .field.blank {
        visibility: hidden;
    }

    .registration-container .registration-container-grid .field div.mage-error,
    .psp-registration-container .psp-registration-container-grid div.mage-error {
        font-size: 12px !important;
        position: absolute;
        top: 35px;
        left: 0px;
        line-height: normal;
    }

    .registration-container .registration-container-grid .field.field-check div.mage-error {
        top: 25px !important;
    }

    .registration-container-grid .container-grid .input-select {
        font-size: 12px !important;
        color: #000 !important;
    }

    .registration-container-grid .container-grid .input-select option {
        font-size: 12px !important;
        color: #000 !important;
    }

    .registration-container #ms-list-1 button,
    .ms-options-wrap.ms-has-selections button {
        color: #000 !important;
        border: 1px solid #000 !important;
        border-radius: 18px !important;
        font-size: 0.75rem !important;
        font-weight: 700 !important;
        padding: .3rem 1.7rem .3rem 1rem !important;
        white-space: break-spaces;
    }

    .registration-container .ms-options-wrap.ms-has-selections button {
        width: 90%;
    }

    .registration-container .ms-options-wrap>.ms-options {
        width: 90% !important;
    }

    .registration-container label .label-important {
        color: #e02b27 !important;
        padding-left: 3px !important;
    }

    /* @media (min-width: 1680.98px) {
            .registration-nav-flex {
                max-width: 786px;
            }
        } */
    @media (max-width: 1200.98px) {
        .registration-container-grid {
            grid-template-columns: 1fr 1fr !important
        }

        .registration-container-grid.highlight-banner::before {
            width: 50px;
            right: -50px;
        }
    }

    @media (max-width: 991.98px) {

        /*.registration-nav-flex {
            width: 400px !important;
        }*/
        .registration-container-grid {
            grid-template-columns: 1fr 1fr !important;
        }

        .registration-nav-flex .registration-container-grid {
            grid-template-columns: 1fr !important
        }

        .registration-container {
            width: 80% !important;
        }

        .registration-container-grid .field-check {
            text-align: left !important;
        }

        p.email-notified {
            width: 65% !important;
            margin: 0px auto !important;
        }

        .registration-container p.email-notified {
            width: 100% !important;
        }

        .title-head-grid-two div,
        .title-head-grid-six div,
        .title-head-grid-three div,
        .title-head-grid-four div,
        .title-head-grid-five div {
            font-size: 8px;
        }
    }

    @media (max-width: 768.98px) {
        .registration-form-background {
            padding: 10px 25px 13px 25px !important;
            overflow-x: scroll !important;
        }

        .registration-nav.registration-nav-sub {
            grid-template-rows: unset !important;
            grid-template-columns: 1fr 0.5fr 1fr 1.5fr !important;
            height: fit-content !important;
            margin-right: 0 !important;
        }

        .psp-registration-container form {
            padding: 15px !important;
            overflow: auto !important;
        }

        .registration-nav-flex {
            flex-direction: column !important;
            margin: 0 !important;
        }

        .registration-nav.registration-nav-sub .registration-nav-content {
            justify-self: start !important;
            padding: 0 !important;
            max-height: 100%;
            align-self: end !important;
        }

        .registration-container,
        .psp-registration-container {
            width: 100% !important;
        }

        .registration-nav.registration-nav-sub .registration-nav-content.active-blue {
            border-bottom: 2px solid #067DF4;
            border-right: 0 !important;
        }

        .registration-nav.registration-nav-sub .registration-nav-content span {
            text-align: left !important;
            padding: 5px 3px !important;
        }

        .title-head {
            display: flex !important;
        }

        .title-head-grid-four {
            grid-template-rows: 1fr 1fr 1fr 1fr !important;
            grid-template-columns: unset !important;
            min-height: 150px !important;
            width: 50% !important;
        }

        .title-head-grid-two.title-detail,
        .title-head-grid-four.title-detail {
            width: 60% !important;
        }

        .title-head-grid-two {
            grid-template-rows: 1fr 1fr !important;
            grid-template-columns: unset !important;
            min-height: 70px !important;
            width: 50% !important;
        }

        .title-head-grid-two,
        .title-head-grid-six,
        .title-head-grid-five,
        .title-head-grid-three,
        .title-head-grid-four {
            height: 40px !important;
        }

        .registration-details .detail-card p.sub-title-name span,
        .registration-details .detail-card p.sub-title-name {
            font-size: 14px;
        }

        .registration-container-grid,
        .psp-registration-container .psp-registration-container-grid,
        .psp-registration-container-grid.submit-section {
            grid-template-columns: 1fr !important;
        }

        .registration-container-grid.highlight-banner::after {
            width: 10px;
            left: -10px;
        }

        .registration-container-grid.highlight-banner::before {
            width: 10px;
            right: -10px;
        }

        .title-head-grid-two div,
        .title-head-grid-six div,
        .title-head-grid-three div,
        .title-head-grid-four div,
        .title-head-grid-five div {
            font-size: 10px;
        }
    }

    @media (max-width: 576.98px) {
        .registration-nav.registration-nav-sub {
            min-width: 440px !important;
        }

        .registration-nav.registration-nav-sub .registration-nav-content span.registration-nav-title {
            padding: 5px !important;
            font-size: 12px !important;
        }

        .registration-nav .registration-nav-content .registration-nav-title {
            text-align: right !important;
            font-size: 14px !important;
        }

        .psp-registration-container .psp-registration-container-grid .field-radio .control .radio-text,
        .psp-registration-container .psp-registration-container-grid .field .label,
        .registration-container-grid .container-grid .label,
        .registration-container-grid .container-grid .field-radio .control .radio-text {
            font-size: 12px !important;
        }

    }

    .registration-nav-flex .registration-container-grid .container-grid {
        width: auto !important;
    }

    .agentregistration-index-index .modal-popup.email-check-alert .modal-inner-wrap {
        width: 30% !important;
        top: 25% !important;
    }

    .agentregistration-index-index .modal-popup.email-check-alert .modal-inner-wrap .modal-header {
        display: flex !important;
        justify-content: space-between;
        padding: 0px 0px !important;
    }

    body.agentregistration-index-index .modal-popup.email-check-alert .modal-popup .action-close {
        background-color: #000 !important;
    }

    .agentregistration-index-index .modal-popup.email-check-alert .modal-footer {
        padding: 10px 20px !important;
        margin-left: auto !important;
    }

    .agentregistration-index-index .modal-popup.email-check-alert .modal-content {
        padding: 10px 20px !important;
        margin-left: auto !important;
        margin: 5% auto !important;
        background-color: #fff !important;
        border: 0 !important;
        color: #000 !important;
    }

    body.agentregistration-index-index .modal-popup.email-check-alert .modal-footer .btn-round {
        color: #000 !important;
        border: 2px solid #000 !important;
        background-color: #fff !important;
        padding: 0px 18px !important;
    }

    @media (max-width: 991.98px) {
        .agentregistration-index-index .modal-popup.email-check-alert .modal-inner-wrap {
            width: 70% !important;
        }
    }

    /* Registration-form */
    @media (max-width: 991.98px) {
        .proxima-header .header-container .header.links li i.myaccount-dropdown-icon {
            display: none !important;
        }
    }

    .commisionbox {
        width: calc(100% - 40px);
        /* border: 2px solid #808080; */
        border-radius: 10px;
        /* padding: 20px; */
        box-sizing: border-box;
        margin: 0px auto;
    }

    .commisionbox h3 {
        font-size: 18px;
        font-weight: 600;
        color: #000000;
        margin: 0px 0px 10px 0px;
    }

    .commisionbox h4 {
        font-size: 16px;
        font-weight: 500;
        color: #222222;
        margin: 0px 0px 10px 0px;
    }

    .commisionbox p {
        font-size: 14px;
        line-height: 1.5em;
        font-weight: 500;
        color: #000000;
    }

    .commisionbox p.cm_image {
        padding: 20px;
    }

    .commisionbox p.cm_image img {
        width: 100%;
        height: auto;
    }

    .commisionbox ul {
        margin: 0px;
        padding: 0px 0px 0px 20px;
    }

    .commisionbox ul li {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        margin: 0px 0px 10px 0px;
        line-height: 1.5em;
    }

    .commisionbox .cm_grid {
        overflow: auto;
        padding: 30px;
    }

    .commisionbox .cm_grid table {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #f5f5f5;
    }

    .commisionbox .cm_grid table th {
        background: #000000;
        padding: 10px;
        font-size: 14px;
        color: #FFFFFF;
        text-align: left;
    }

    .commisionbox .cm_grid table td {
        border-bottom: 1px solid #cdcdcd;
        color: #333333;
        padding: 10px;
    }

    body.dark .commisionbox {
        background: #333333;
        border: 2px solid #f5f5f5;
    }

    body.dark .commisionbox * {
        color: #FFFFFF;
    }

    body.dark .commisionbox .cm_grid table th {
        background: #f5f5f5;
        color: #000000;
    }

    body.dark .commisionbox .cm_grid table td {
        background: #000000;
        color: #f5f5f5;
    }

    .commisionbox .cm_details h2 {
        font-size: 26px !important;
    }

    body.account .proxima-myaccount-container .body-content .chart-container .secondary {
        text-align: end !important;
    }

    body.commissionsystem-salestransaction-index.account .proxima-myaccount-container .body-content .chart-container .secondary {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    body.commissionsystem-salestransaction-index.account.project_theme_mode_dark .proxima-myaccount-container .body-content .chart-container .secondary label {
        color: #fff !important;
    }

    .commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field,
    .commissionsystem-salestransaction-index .ms-options-wrap>button,
    body.commissionsystem-salestransaction-index.account .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"],
    body.commissionsystem-salestransaction-index.account .ms-options-wrap.ms-has-selections button {
        max-width: 200px;
        width: 200px !important;
    }

    body.commissionsystem-salestransaction-index.account.project_theme_mode_normal .proxima-myaccount-container .body-content .chart-container .secondary label {
        color: #000 !important;
    }

    body.commissionsystem-salestransaction-index.account .proxima-myaccount-container .body-content .chart-container .secondary label {
        font-weight: 700 !important;
        font-size: 1.2rem !important;
    }

    body.account.commissionsystem-salestransaction-index .modal-popup .modal-inner-wrap {
        width: 75% !important;
    }

    body.account.commissionsystem-salestransaction-index .modal-popup .modal-inner-wrap .commisionbox p.cm_image img {
        width: 100% !important;
    }

    body.account .modals-wrapper .modal-popup:not([class*="custom_modal__"],.default-modal-width)._inner-scroll .modal-inner-wrap .modal-content {
        padding: 10px !important;
    }

    .commissionsystem-salestransaction-index .ms-options-wrap>button {
        border-radius: 20px;
        border: 1px solid #000 !important;
        padding-left: 15px !important;
        height: 2.535rem !important;
    }

    .commissionsystem-salestransaction-index .ms-options-wrap>button span {
        color: #000;
        font-size: 0.75rem;
        font-weight: 700;
    }

    .commissionsystem-salestransaction-index .field.sc-fee-claimed .control select,
    .commissionsystem-salestransaction-index #ms-list-1 button,
    .ms-options-wrap.ms-has-selections button,
    .commissionsystem-salestransaction-index .fieldset .fullname .field .control input {
        height: 2.5625rem !important;
        border-radius: 20px !important;
    }

    .commissionsystem-salestransaction-index .field.sc-fee-claimed .control select {
        background-image: url(../images/select-default-dropdown.svg) !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }

    .commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field {
        padding-bottom: 0 !important;
        text-align: left !important;
        padding-top: 5px !important;
    }

    .commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.label {
        padding-top: 0;
    }

    @media (max-width: 576.98px) {
        body.account.commissionsystem-salestransaction-index .modal-popup .modal-inner-wrap {
            width: 95% !important;
        }

        .commisionbox .cm_grid {
            padding: 10px !important;
        }

        .modal-popup.modal-slide._inner-scroll._show {
            margin-top: 20px !important;
        }
        /* body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content{
            padding: 40px !important;

        } */
    }
    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content{
        border: transparent !important;
    }
    .modals-wrapper .modal-popup:not([class*="custom_modal__"], .vendor-price-onhold-modal)._inner-scroll .modal-inner-wrap .modal-header{
        border-bottom: 1px solid #888888 !important;
    }

    body .commisionbox p.cm_image {
        padding-left: 0 !important;
    }

    /* MY INVITATIONS */
    /* invitation popup */
    body.agentregistration-invitations-index .modal-popup .invitation-message {
        margin: auto;
        width: 90%;
        display: block;
    }

    body.agentregistration-invitations-index .modal-popup.confirm .modal-inner-wrap .modal-content {
        margin: 0 !important;
    }

    body.agentregistration-invitations-index .modal-popup .action-close {
        position: absolute !important;
    }

    body.agentregistration-invitations-index .modal-popup._show .modal-inner-wrap {
        width: 40% !important;
        border: 1px solid #fff !important;
    }

    body.account.project_theme_mode_normal.agentregistration-invitations-index .modal-popup._show .modal-inner-wrap {
        border: 1px solid #000 !important;
    }

    .agentregistration-invitations-index .modal-popup.modal-slide .modal-footer {
        display: none !important;
    }

    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container {
        width: 100% !important;
        border: 0 !important;
    }

    body.account .modals-wrapper .modal-popup._inner-scroll.invitation-form-popup .modal-inner-wrap .modal-content .registration-container {
        display: block !important;
    }

    body.agentregistration-invitations-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
        width: 100% !important;
        padding-top: 50px !important;
    }

    body.account .modals-wrapper .modal-popup._inner-.invitation-form-popup .modal-inner-wrap .modal-content {
        width: 100% !important;
    }

    body.account .modals-wrapper .modal-popup._inner-.invitation-form-popup .modal-inner-wrap .modal-content .registration-container form .fieldset .field {
        width: 100% !important;
    }

    body.agentregistration-invitations-index .modal-popup.modal-slide .btn-round.sendInvitationBtn {
        float: right;
    }

    body.agentregistration-invitations-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #form-invitation .fieldset .field {
        width: 100%;
    }

    body.agentregistration-invitations-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #form-invitation .fieldset .input-flex {
        text-align: left !important;
    }

    .modals-wrapper .modal-popup._inner-scroll.invitation-form-popup .modal-inner-wrap .modal-header {
        min-height: 33px;
    }

    body.agentregistration-invitations-index.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #form-invitation .fieldset {
        background-color: #222222 !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table thead tr th:first-child,
    body.agentregistration-invitations-index .proxima-myaccount-container .column.main table thead tr th:first-child {
        border-radius: 20px 0px 0px 20px;
    }

    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table tbody#container {
        text-align: center;
    }

    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table tbody#container tr th,
    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table tbody#container tr td {
        text-align: left !important;
        padding-left: 10px !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table tbody#container tr th:nth-child(1) {
        white-space: nowrap;
    }

    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table thead tr th {
        height: 2.35rem !important;
        font-weight: 600 !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table {
        margin-top: 10px !important;
        overflow: auto !important;
        display: block;
        padding-bottom: 20px !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table thead tr th:last-child,
    body.agentregistration-invitations-index .proxima-myaccount-container .column.main table thead tr th:last-child {
        border-radius: 0px 20px 20px 0px;
    }

    body.agentregistration-invitations-index .custom-fieldset fieldset>.fields>.field.search-field {
        margin-bottom: 0 !important;
        margin-right: 0 !important;
    }

    body.agentregistration-invitations-index .proxima-myaccount-container .column.main table #container tr td {
        font-size: 1rem;
        padding: 0px 0px 0px 15px !important;
    }

    body.agentregistration-invitations-index .modal-popup.confirm .modal-inner-wrap {
        max-width: 40% !important;
    }

    body.agentregistration-invitations-index .modal-popup .modal-footer {
        margin-left: auto;
    }

    body.agentregistration-invitations-index.project_theme_mode_dark .modal-popup._show .modal-inner-wrap {
        background-color: #000 !important;
    }

    body.account.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container {
        background: #222222 !important;
    }

    body.agentregistration-invitations-index.project_theme_mode_dark .modal-popup .modal-title {
        color: #fff !important;
    }

    body.agentregistration-invitations-index.project_theme_mode_dark .modal-popup.confirm .modal-inner-wrap .modal-content {
        background-color: #000 !important;
        color: #fff !important;
    }

    /* invitation popup */
    .agentregistration-invitations-index .custom-fieldset .control-date-range :is(.input-text, [name="search_agent_type"]) {
        border: 1px solid #000 !important;
        background-image: none !important;
    }

    .agentregistration-invitations-index .custom-fieldset .control-date-range [name="search_agent_type"] {
        background-image: url(../images/select-default-dropdown.svg) !important;
    }

    .btn-round.sendInvitationBtn {
        border: 2px solid !important;
    }

    fieldset.info .input-flex .field select[id="sub_agent_category"],
    .custom-fieldset .control-date-range :is(.input-text, [name="search_agent_type"]),
    .account .column.main .toolbar .limiter-options,
    .fieldset.info .input-flex .field .input-text,
    fieldset.info .input-flex .field select[id="agenttype"] {
        border-radius: 20px !important;
        height: 2.375rem !important;
        padding: 0.5rem 1rem !important;
        font-size: 12px !important;
        background-image: none !important;
        -webkit-text-fill-color: #000 !important;
    }

    .account.project_theme_mode_dark .column.main .toolbar .limiter-options {
        background: #000 !important;
        border: 2px solid #fff !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    .account.project_theme_mode_normal .column.main .toolbar .limiter-options {
        background: #fff !important;
        border: 2px solid #000 !important;
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }

    .agentregistration-invitations-index fieldset.info .input-flex .field select[id="agenttype"] {
        background-image: url(../images/select-default-dropdown.svg) !important;
    }

    .custom-fieldset .control-date-range .input-text::placeholder {
        font-size: 12px !important;
    }

    .custom-fieldset .fieldset-fullname .field-align {
        display: flex;
    }

    .proxima-myaccount-container .column.main table thead tr th {
        font-weight: 600;
        font-size: 0.8rem !important;
        min-width: 130px;
        border: none !important;
    }

    .custom-fieldset fieldset>.fields>.field.search-field {
        margin: 0 10px 24px !important;
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
    }

    .fieldset.info .input-flex {
        display: flex;
        justify-content: space-between;
    }

    .proxima-myaccount-container .column.main table #container tr td:nth-child(5),
    .proxima-myaccount-container .column.main table thead tr th:nth-child(5) {
        width: 200px !important;
    }

    .proxima-myaccount-container .column.main table #container tr td:nth-child(5) {
        max-width: 200px;
        table-layout: fixed;
        word-wrap: break-word;
    }

    .fieldset.info .input-flex {
        display: flex;
        margin-bottom: 15px;
    }

    .fieldset.info .input-flex .field {
        width: 48%
    }

    .pages .items .item a,
    .pages .items .item strong {
        height: 2.375rem !important;
        font-size: 13px !important;
        border-radius: 20px !important;
    }

    .account .column.main .toolbar {
        margin-top: 20px !important;
    }

    /* /dark/ */
    body.project_theme_mode_dark.account .pages .items .item:hover a,
    body.project_theme_mode_dark.account .pages .items .item.current a,
    body.project_theme_mode_dark.account .pages .items .item:hover strong,
    body.project_theme_mode_dark.account .pages .items .item.current strong {
        background: #000 !important;
        border: 2px solid #fff;
    }

    body.project_theme_mode_dark.account .fieldset.info .input-flex .field label {
        color: #fff !important
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .column.main table thead tr th {
        color: #000 !important;
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .column.main table thead tr th {
        background-color: #fff;
    }

    body.project_theme_mode_dark.account .order-products-toolbar .toolbar-number {
        color: #fff;
    }

    body.project_theme_mode_dark.account .btn-round.sendInvitationBtn {
        border-color: #fff !important;
        background-color: #000 !important;
    }

    body.project_theme_mode_dark.account .custom-fieldset.fieldset .fullname .field .label {
        color: #fff;
    }

    body.project_theme_mode_dark.account .btn-round.sendInvitationBtn {
        color: #fff !important;
    }

    /* /dark/ */
    /* /light/ */
    body.project_theme_mode_normal .fieldset.info .input-flex .field label {
        color: #000 !important
    }
    body.project_theme_mode_normal .fieldset.info .input-flex .field label span.requierd_field {
        color: #ff0000 !important
    }

    body.project_theme_mode_normal .proxima-myaccount-container .column.main table thead tr th {
        color: #fff !important;
    }

    body.project_theme_mode_normal .proxima-myaccount-container .column.main table thead tr th {
        background-color: #000;
    }

    body.project_theme_mode_normal .order-products-toolbar .toolbar-number {
        color: #000;
    }

    body.project_theme_mode_normal .custom-fieldset.fieldset .fullname .field .label {
        color: #000;
    }

    body.project_theme_mode_normal .btn-round.sendInvitationBtn {
        color: #000 !important;
        border-color: #000 !important;
        background-color: #fff !important;
    }

    .div-invitation-add-btn {
        float: left;
        width: 200px;
        margin-right: 0px;
        margin-top: 36px;
    }

    .div-invitation-add-btn .invitation-add-btn {
        line-height: 19px;
        height: auto;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .invitation-add-btn {
        max-width: 14rem !important;
    }

    body.project_theme_mode_normal .fieldset.info .input-flex .field .input-text,
    body.project_theme_mode_normal .fieldset.info .input-flex .field select[id="agenttype"],
    body.project_theme_mode_normal .fieldset.info .input-flex .field select[id="sub_agent_category"],
    .custom-fieldset .control-date-range :is(.input-text, [name="agent_type"]) {
        border-color: #000 !important;
    }

    body.project_theme_mode_normal .limiter .limiter-label,
    body.project_theme_mode_normal .limiter .limiter-text,
    body.project_theme_mode_normal .limiter .label {
        color: #000 !important;
    }

    body.project_theme_mode_normal .pages .items .item:hover a,
    body.project_theme_mode_normal .pages .items .item.current a,
    body.project_theme_mode_normal .pages .items .item:hover strong,
    body.project_theme_mode_normal .pages .items .item.current strong {
        background: #fff !important;
        border: 2px solid #000;
        color: #000;
    }

    body.project_theme_mode_normal .pages .items .item a,
    body.project_theme_mode_normal .pages .items .item strong {
        background: #000 !important;
        color: #fff;
    }

    body.project_theme_mode_normal .pages .items .item a.action:before {
        color: #fff;
    }

    body.project_theme_mode_normal .proxima-myaccount-container .column.main table thead tr th {
        color: #000 !important;
    }

    body.project_theme_mode_normal .pages .items .item:hover a.action:before {
        color: #000 !important;
    }

    /* /light/ */
    /* MY INVITATIONS */
    /*infoButtonCheckbox */
    .modal-popup.confirm .modal-inner-wrap .modal-content {
        text-align: center;
        color: #000;
        font-size: 13px;
        background: #fff;
        border: 0;
        width: auto;
        padding: 0 0 0 0;
        margin: 0;
    }

    .modal-title {
        text-align: left;
    }

    .infoButtonCheckbox {
        background: white;
        height: 29px;
        padding-left: 14px;
        padding-top: 5px;
        border-top: 1px solid #CCC;
    }

    .infoButtonCheckbox {
        display: flex;
        justify-content: end;
        padding-top: 0px;
    }

    .project_theme_mode_dark .infoButtonCheckbox {
        background-color: #222222 !important;
    }

    .project_theme_mode_dark .infoButtonCheckbox label {
        color: #fff !important;
        margin-top: 18px;
    }

    .project_theme_mode_normal .infoButtonCheckbox {
        background-color: #fff !important;
    }

    .project_theme_mode_normal .infoButtonCheckbox label {
        color: #000 !important;
        margin-top: 18px;
    }

    .infoButtonCheckbox label .popupClose {
        font-size: 10px !important;
        display: inline-flex;
        height: 24px !important;
        width: 49px;
        justify-content: center;
        align-items: end;
        margin-left: 7px;
    }

    .edit-commission-payment-modal,
    .commission-info-modal,
    .allproject-info-modal,
    .reservation-info-modal,
    .respsp-info-modal,
    .roombooking-info-modal,
    .team-change-invitation-modal {
        padding-bottom: 30px;
    }

    /* agentregistration-documentreupload-index */
    /* dark */
    .project_theme_mode_dark .registration-nav .registration-nav-content {
        color: #fff !important;
    }

    .agentregistration-documentreupload-index.project_theme_mode_dark .proxima-myaccount-container .body-content form .field>.label {
        color: #fff !important;
    }

    .agentregistration-documentreupload-index.project_theme_mode_dark .proxima-myaccount-container .body-content form .field>.control input::placeholder,
    .agentregistration-documentreupload-index.project_theme_mode_dark .proxima-myaccount-container .body-content form .field>.control input[type="date"] {
        color: #fff !important;
    }

    /* dark */
    /* light */
    .agentregistration-documentreupload-index.project_theme_mode_normal form .field>.control :is(input[type="date"], input[type="text"]) {
        border: 1px solid #ECECEC !important;
    }

    /* light */
    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form .field>.label {
        margin: 10px 0px;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form .field {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content .form-border {
        border: 1px solid #000;
        padding: 10px;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .field>.control input[type="date"],
    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .field>.control input[type="text"],
    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .field>.control select,
    .agentregistration-documentreupload-index .registration-container-grid .container-grid .input-text,
    .registration-container-grid .container-grid .input-select {
        height: 40px !important;
        width: 100%;
        border-radius: 2px !important;
        padding: 0px 20px 0px 10px !important;
        border: 1px solid #ECECEC !important;
        /* Edited*/
        font-size: 11px !important;
        background-image: none !important;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form .field>.label {
        font-size: unset;
    }
    .psp-registration-container .psp-registration-container-grid  .container-grid .field-file .control input[type='file'],
    .agentregistration-documentreupload-index .registration-container-grid .container-grid .field-file .control input[type='file'] {
        font-size: unset !important;
        padding: 0;
    }

    .agentregistration-documentreupload-index .registration-container-grid .container-grid .field-date .control,
    .agentregistration-documentreupload-index .registration-container-grid .container-grid .field-select .control {
        width: 100%;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .field>.control input[type="text"] {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    .registration-container-grid .container-grid .field-file .control div a.download-link {
        font-size: unset !important;
    }

    /* agentregistration-documentreupload-index */
    /* agentregistration-invitations-index */
    body:is(.agentregistration-invitations-index, .agentregistration-teamchange-index) .proxima-myaccount-container .column.main table thead tr th:first-child {
        border-radius: 20px 0px 0px 20px;
    }

    body:is(.agentregistration-invitations-index, .agentregistration-teamchange-index) .proxima-myaccount-container .column.main table thead tr th:last-child {
        border-radius: 0px 20px 20px 0px;
    }

    body.account.project_theme_mode_normal .proxima-myaccount-container .column.main :is(.editPayments button:hover, table tbody tr td button:hover) {
        background-color: #000 !important;
        border-color: #000 !important;
        color: #fff !important;
    }

    body.account.project_theme_mode_dark .proxima-myaccount-container .column.main :is(.editPayments button:hover, table tbody tr td button:hover) {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #000 !important;
    }

    /* agentregistration-invitations-index */
    /* teamchange */
    body.agentregistration-teamchange-index .proxima-myaccount-container .column.main table #container tr td:nth-child(5) {
        display: inline-flex !important;
    }

    body.agentregistration-teamchange-index .proxima-myaccount-container .column.main table #container tr td {
        font-size: 18px;
    }

    body.agentregistration-teamchange-index .modal-popup.confirm .modal-inner-wrap {
        max-width: 30rem;
    }

    body.agentregistration-teamchange-index .modal-popup.confirm .modal-inner-wrap .modal-content {
        margin: auto !important;
        border: 0 !important;
        padding: 0 !important;
    }

    body.agentregistration-teamchange-index .modal-popup .modal-footer {
        padding: 20px 35px !important;
        margin-left: auto !important;
    }

    body.agentregistration-teamchange-index .modal-popup .modal-header {
        padding-top: 20px !important;
    }

    body.agentregistration-teamchange-index.project_theme_mode_dark .modal-popup.confirm .modal-inner-wrap .modal-content {
        color: #fff !important;
        background-color: #222222 !important;
    }

    body.agentregistration-teamchange-index.project_theme_mode_dark .modal-popup .modal-header {
        color: #fff !important;
    }

    body.agentregistration-teamchange-index.project_theme_mode_dark .modal-popup .modal-header h1 {
        color: #fff !important;
    }

    body.agentregistration-teamchange-index.project_theme_mode_dark .modal-popup._show .modal-inner-wrap {
        background-color: #222222 !important;
    }

    body.agentregistration-teamchange-index.project_theme_mode_normal .modal-popup.confirm .modal-inner-wrap .modal-content {
        color: #000 !important;
        background-color: #fff !important;
    }

    body.agentregistration-teamchange-index.project_theme_mode_normal .modal-popup .modal-header {
        color: #000 !important;
    }

    body.agentregistration-teamchange-index.project_theme_mode_normal .modal-popup .modal-header h1 {
        color: #000 !important;
    }

    body.agentregistration-teamchange-index.project_theme_mode_normal .modal-popup._show .modal-inner-wrap {
        background-color: #fff !important;
    }

    /* teamchange */
    #ms-list-1 button,
    .ms-options-wrap.ms-has-selections button,
    .field.sc-fee-claimed .control select {
        color: #000 !important;
        border: 1px solid #000 !important;
        border-radius: 18px !important;
        font-size: 0.75rem !important;
        font-weight: 700 !important;
        padding: .3rem 1.7rem .3rem 1rem !important;
    }

    .field.sc-fee-claimed .control select {
        padding: .3rem 1.7rem .3rem 1rem !important;
        height: auto;
        min-height: 32px !important;
        background-image: none !important;
    }

    .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content#modal-content-1 {
        width: 100% !important;
    }

    .video_container {
        width: 100%;
        text-align: center;
    }

    .video_container video {
        margin: 0px auto;
        text-align: center;
    }

    .ms-options-wrap>.ms-options ul>li {
        margin: 0px !important;
    }

    #form-reservartion-search .ms-has-selections {
        width: 200px !important;
    }

    @media screen and (min-width:1100px) {
        .video_container video {
            width: 60%;
        }
    }

    @media screen and (max-width:900px) {
        .video_container video {
            width: 70%;
        }
    }

    @media screen and (max-width:600px) {
        .video_container video {
            width: 100%;
        }
    }

    body.project_theme_mode_normal .secondary .info {
        border: 2px solid #000000 !important;
        color: #000000 !important;
        width: 6rem !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: uppercase !important;
    }

    body.project_theme_mode_dark .secondary .info {
        border: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
        width: 6rem !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: uppercase !important;
    }

    body.account.agent-projects-index .modal-popup:not([class*="custom_modal__"]) .modal-inner-wrap {
        width: 65% !important;
    }

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

        body.account.agent-projects-index .video_container video,
        body.account.reservation-viewdraft-index .video_container video,
        body.account.reservation-psp-index .video_container video,
        body.account.roombooking-roomlistforbooking-index .video_container video {
            width: 100%;
        }
    }

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

        body.account.agent-projects-index .video_container video,
        body.account.reservation-viewdraft-index .video_container video,
        body.account.reservation-psp-index .video_container video,
        body.account.roombooking-roomlistforbooking-index .video_container video {
            width: 100%;
        }

        body.account.agent-projects-index .modal-popup .modal-inner-wrap {
            width: 100% !important;
        }
    }

    body.account.agent-projects-index .modal-content {
        min-width: 100% !important;
    }

    @media (min-width: 993px) {
        print.modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap {
            min-width: 300px;
            max-width: 80%;
        }
    }

    body.account .modal-popup.qr-code-modal .modal-inner-wrap {
        width: 100% !important;
    }

    /*QR code popup*/
    .proxima-header .right-main-nav .QR_code_psp {
        margin-left: 10px !important;
        cursor: pointer !important;
    }

    body.project_theme_mode_normal .qr-code-modal .qr-code-modal-div {
        background: #fff !important;
    }

    body.project_theme_mode_dark .qr-code-modal .qr-code-modal-div {
        background: #222222 !important;
    }

    @media screen and (min-width:1024px) and (max-width: 1600px) {
        body.account.agent-projects-index .modal-popup.qr-code-modal .modal-inner-wrap {
            width: 25% !important;
        }

        .QRCodeImage {
            text-align: center;
        }
    }

    @media screen and (max-width:767px) {
        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
            text-align: left !important;

        }

    }

    @media screen and (max-width:1024px) {
        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
            background: none !important;

        }

        .QRCodeImage {
            text-align: center;
        }
    }

    body.project_theme_mode_normal .QRCodeCnntainer {
        text-align: center;
        background: url(../images/pspdark.png) no-repeat 50% 20px;
        background-size: 200px auto;
        padding: 200px 0px 0px 0px;
    }

    body.project_theme_mode_dark .QRCodeCnntainer {
        text-align: center;
        background: url(../images/psplight.png) no-repeat 50% 20px;
        background-size: 200px auto;
        padding: 200px 0px 0px 0px;
    }

    body.project_theme_mode_normal .QRCodeCnntainer h2 {
        font-size: 30px;
        margin: 0px 0px 10px 0px;
    }

    body.project_theme_mode_dark .QRCodeCnntainer h2 {
        font-size: 30px;
        margin: 0px 0px 10px 0px;
        color: #FFF;
    }

    body.project_theme_mode_normal .QRCodeCnntainer h3 {
        font-size: 20px;
        margin: 0px 0px 10px 0px;
        font-weight: 500;
    }

    body.project_theme_mode_dark .QRCodeCnntainer h3 {
        font-size: 20px;
        margin: 0px 0px 10px 0px;
        font-weight: 500;
        color: #FFF;
    }

    body.project_theme_mode_normal .QRCodeCnntainer p {
        max-width: 300px;
        text-align: center;
        font-size: 15px;
        margin: 0px auto;
    }

    body.project_theme_mode_dark .QRCodeCnntainer p {
        max-width: 300px;
        text-align: center;
        font-size: 15px;
        margin: 0px auto;
        color: #FFF;
    }

    .QRCodeCnntainer p span {
        font-weight: 800;
    }

    body.project_theme_mode_normal .QRCodeCnntainer h4 {
        font-size: 20px;
        margin: 10px 0px 10px 0px;
        text-align: center;
    }

    body.project_theme_mode_dark .QRCodeCnntainer h4 {
        font-size: 20px;
        margin: 10px 0px 10px 0px;
        text-align: center;
        color: #FFF;
    }

    .QRCodeCnntainer h4 span {
        display: block;
        padding: 10px 0px;
        font-size: 12px;
        font-weight: 500;
    }

    .QRCodeImage img {
        background: #fff !important;
    }

    /*agent registration re-upload file page design*/
    /*agent registration re-upload by vinesh on 14 feb 2023*/
    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .registration-nav {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        margin: 0px 0px 20px 0px !important;
        cursor: pointer;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .registration-nav .registration-nav-content {
        cursor: pointer;
        transition: all ease .5s;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .registration-nav .registration-nav-content:hover {
        opacity: .5;
        transition: all ease .5s;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .registration-nav .registration-nav-content.active-blue {
        color: #067DF4 !important;
        position: relative;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .registration-nav .registration-nav-content.active-blue:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #067DF4 transparent transparent transparent;
        position: absolute;
        bottom: -10px;
        left: calc(50% - 5px);
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .field {
        margin-top: 0px;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form #asic_company_details .registration-container-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form .registration-container-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .proxima-myaccount-container .body-content form .field>.control input[type="text"],
    .proxima-myaccount-container .body-content form.document-reupload-form .fields>.field>.control input[type="text"],
    .proxima-myaccount-container .body-content form.document-reupload-form .fieldset>.field>.control input[type="text"],
    .proxima-myaccount-container .body-content form.document-reupload-form .field>.control input[type="date"],
    .proxima-myaccount-container .body-content form.document-reupload-form .fieldset>.fields>.field>.control input[type="text"] {
        border-radius: 0px !important;
    }

    #thank_you {
        width: 100%;
    }

    /*agent registration re-upload file page design*/
    /*agent registration re-upload by vinesh on 14 feb 2023*/
    .registration-container {
        margin: 0px auto;
        display: flex;
        justify-content: center;
        border: 1px solid #000000;
    }

    /* Listing-system new project section  */
    .listing-body-content input[type="date"]::-webkit-calendar-picker-indicator,
    .listing-body-content input[type="datetime-local"]::-webkit-calendar-picker-indicator {
        opacity: 0;
        z-index: 2;
        width: 50px;
    }

    .listing-body-content .label .label-important {
        color: #e02b27 !important;
        padding-left: 4px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-id-section {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        text-align: left;
        padding-top: 35px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-title-section {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: left;
        padding-top: 35px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-id-section .project-id {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
    }

    /* dark */
    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-id-section {
        color: #fff !important;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-id-section .project-id {
        color: #FFFFFFCC !important
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field label {
        color: #fff !important;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-title-section,
    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field input,
    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.select-option-field .control label {
        color: #fff !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-field.field-multi-select .control-date-range.remove-placeholder::after {
        content: '';
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-field.field-multi-select .control-date-range::after {
        content: 'Select';
        font-size: 16px;
        position: absolute;
        top: 7px;
        left: 20px;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-field.field-multi-select .select2-search.select2-search--inline {
        z-index: -1 !important;
        position: relative !important;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.select-field.field-multi-select .control-date-range::after {
        color: #fff;
    }

    .account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.select-field.field-multi-select .control-date-range::after {
        color: #000;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field .select2.select2-container.select2-container--default {
        border: 1px solid #fff !important;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field .select2-container--default .select2-selection--multiple {
        background-color: transparent !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field .select2-container--default .select2-selection--multiple {
        border-color: transparent;
    }

    body.project_theme_mode_dark.account .btn-round.new-round-btn {
        min-width: fit-content !important;
        min-height: fit-content !important;
        padding: 8px 16px !important;

    }

    .account.project_theme_mode_dark .page-title-wrapper .page-title .back-btn-space .fa-arrow-left::before {
        content: url(../images/light-back.svg) !important;
    }

    body.account.project_theme_mode_dark .project-window .corner-btns {
        background-color: #000 !important;
        border-top: 1px solid #fff !important;
    }

    body.project_theme_mode_dark.account .page-title-wrapper .theme-change::after {
        content: url(../images/theme-dark-icon.svg);
    }

    body.project_theme_mode_dark.account .proxima-myaccount-container .listing-body-content .project-field .control-date-picker input {
        background: url(../images/date-new-dark.svg) 96% 50% no-repeat;
        background-size: 16px !important;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select.control {
        background: url('../images/new-select-down.svg') no-repeat 98% 50%
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select.control-percent {
        background: url('../images/new-select-down.svg') no-repeat 98% 50%, url(../images/percent-dark.svg) no-repeat 90% 50%/ 16px;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range {
        border: 2px dashed #fff;
    }

    .account.project_theme_mode_dark .project-field-column-grid .second-col .text-section .text-section-title {
        color: #FFFFFFCC
    }

    .account.project_theme_mode_dark .project-field-column-grid .second-col .text-section .text-container {
        color: #FFFFFF99;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.upload-field .file-text {
        color: #FFFFFF99 !important;
    }

    .account.project_theme_mode_ .proxima-myaccount-container .listing-body-content .project-field.textarea-field textarea::placeholder {
        color: #FFFFFF99;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.upload-field label.file-text.file-icon {
        display: inline-flex !important;
        align-items: center !important;
    }

    /* dark */
    body.account .btn-round.default-gray-btn {
        background-color: #4F4F4F !important;
        border-color: #4F4F4F !important;
        color: #fff !important;
    }

    body.account .btn-round.default-blue-btn {
        height: auto !important;
        background: #067DF4 !important;
        border-color: #067DF4 !important;
        color: #fff !important;
        line-height: normal;
        padding: 7px 10px;
        text-transform: capitalize !important;
        border: none !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select option {
        color: #000;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select option:disabled {
        color: #4F4F4F;
    }

    /* light */
    body.account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field input,
    body.account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select.control,
    body.account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.textarea-field textarea {
        border: 1px solid #000 !important;
    }

    body.account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field input {
        border: 1px solid #fff !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .listing-body-content .project-field .control-date-picker input {
        background: url(../images/date-new.svg) 96% 50% no-repeat;
        background-size: 16px !important;
        padding-right: 0 !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .listing-body-content .project-field .control-percent input {
        background: url(../images/percent.svg) 96% 50% no-repeat;
        background-size: 16px !important;
    }

    body.project_theme_mode_normal.account .page-title-wrapper .theme-change::after {
        content: url(../images/theme-light-icon.svg);
    }

    body.account.project_theme_mode_normal .project-window .corner-btns {
        background-color: #fff !important;
        border-top: 1px solid #000 !important;
    }

    .account.project_theme_mode_normal .page-title-wrapper .page-title .back-btn-space .fa-arrow-left::before {
        content: url(../images/dark-back.svg) !important;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-title-section,
    .account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.textarea-field textarea {
        color: #000 !important;
    }

    body.account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field input[type="radio"] {
        border: 1px solid #fff !important
    }

    .account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select.control {
        background: url('../images/new-select-down-dark.svg') no-repeat 98% 50%;
    }

    .account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select.control-percent {
        background: url('../images/new-select-down-dark.svg') no-repeat 98% 50%, url(../images/percent.svg) no-repeat 90% 50%/ 16px, url(../images/line.svg) no-repeat 90% 50%/ 16px;
    }

    .account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select {
        color: #000;
    }

    .account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range {
        border: 2px dashed #000;
    }
    .account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range .image-container-grid{
        display: flex;
    }
    .account.project_theme_mode_normal .project-field-column-grid .second-col .text-section .text-section-title {
        color: #000000CC;
    }

    .account.project_theme_mode_normal .project-field-column-grid .second-col .text-section .text-container {
        color: #00000099;
    }

    .account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-id-section .project-id {
        color: #000000CC !important
    }

    .account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.upload-field .file-text {
        color: #00000099 !important;
    }

    .account.project_theme_mode_normal .proxima-myaccount-container .listing-body-content .project-field.textarea-field textarea::placeholder {
        color: #00000099;
    }

    /* light */
    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select.control.control-percent {
        padding-right: 80px !important;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select.control.control-percent::after {
        width: 2px;
        height: 100%;
        background-color: #fff;
        content: "";
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select.control {
        padding-right: 25px !important;
        line-height: 23px !important;
    }

    body.account .page-title-wrapper .page-title .back-btn-space {
        margin-right: 10px !important;
        margin-left: .25rem;
        cursor: pointer;
    }

    body.account .page-title-wrapper .page-title {
        display: flex !important;
        align-items: center !important;
    }

    /* body.account .page-title-wrapper select.theme-change{
            background-color: transparent !important;
            position: relative;
        } */
    body.account .page-title-wrapper .page-title .base {
        font-size: 32px !important;
        font-weight: 700 !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range,
    .account .proxima-myaccount-container .listing-body-content .project-field.textarea-field textarea,
    .account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select.control,
    .account .proxima-myaccount-container .listing-body-content .project-field.select-option-field .control-date-range {
        width: 100%;
        height: 40px;
    }

    .account.project_theme_mode_dark .proxima-myaccount-container .listing-body-content .project-field.textarea-field textarea::placeholder {
        color: #fff !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-option-field .control {
        margin-left: 10px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-option-field .control {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        margin-right: 10px;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-option-field .control label {
        margin-left: 10px;
        font-size: 14px;
        font-weight: 700;
        line-height: 19px;
    }

    .account .proxima-myaccount-container .listing-body-content .project-grid .first-col {
        width: 100%;
        margin-bottom: 10px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-grid {
        display: block !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-grid .fade-out-text {
        position: relative;
    }

    .account .proxima-myaccount-container .listing-body-content .project-grid .fade-out-text span {
        position: absolute;
        top: 35px;
    }

    .listingsystem-uploadproperty-upload.account .proxima-myaccount-container .listing-body-content .project-grid .fade-out-text span {
        position: relative;
        top: 10px;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        width: 45% !important;
        float: left;
        margin-right: 5%;
    }

    .account .proxima-myaccount-container .listing-body-content .upload-section {
        clear: both;
    }

    .account .proxima-myaccount-container .listing-body-content .upload-section .project-field:nth-child(odd),
    .account .proxima-myaccount-container .listing-body-content .upload-section .project-field {
        clear: unset;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field:nth-child(odd) {
        clear: both;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field {
        clear: none !important;
    }

    /* .account.listingsystem-uploadproperty-upload  .proxima-myaccount-container .listing-body-content .project-field.submit-section{
            position: absolute !important;
            top: 25%;
            left: 0;
            text-align: left !important;
        } */
    .listingsystem-uploadproperty-upload.account .proxima-myaccount-container .listing-body-content .project-grid {
        display: grid !important;
        grid-column-gap: 15px !important;
        grid-row-gap: 0 !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field .control-date-range {
        position: relative;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field .control select.type {
        position: absolute;
        width: 125px;
        right: 20px;
        height: 30px;
        top: 15px;
        border: 1px solid;
        border-radius: 10px;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field label {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        text-align: left;
    }
    .account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-field.upload-field > label > div >a{
        font-size: 14px;
        line-height: 16px;
        cursor: pointer;
    }
    .account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-field.upload-field > label > div >a:hover{
        color: #067df4 !important;
        text-decoration: underline;
    }
    .account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-field.upload-field > label {
        display: flex !important;
        justify-content: space-between !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field label sup {
        font-size: 23px;
        top: 0.3rem !important;
        left: 0.3rem;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field input {
        padding-right: 40px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field .control-date-picker input {
        padding-right: 20px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range,
    .account .proxima-myaccount-container .listing-body-content .project-field.textarea-field textarea,
    .account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select.control,
    .account .proxima-myaccount-container .listing-body-content .project-field input {
        height: 40px;
        width: 100%;
        left: 0px;
        top: 32px;
        border-radius: 10px;
        padding: 8px 16px 8px 20px;
        background-color: transparent !important;
        margin-top: 10px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field input[type="radio"] {
        height: 15px;
        width: 15px;
        box-shadow: 0 0 0 1px #808080;
        border-radius: 50%;
        border-width: 0.1rem;
        margin: 0px 0px 0px 2px !important;
        -webkit-appearance: none;
        padding: 0 !important;
        border: 0.2rem solid #000;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field input[type="radio"]:checked {
        box-shadow: 0 0 0 3px #067DF4;
        border-radius: 50%;
        border-width: 0.2rem;
        background-color: #067DF4 !important;
        margin: 0 !important;
    }

    .account .project-field input::placeholder {
        color: #4F4F4F;
        font-size: 14px;
        font-weight: 600;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.textarea-field textarea {
        min-height: 40px !important;
        color: #fff;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.upload-field .file-icon {
        background: url(../images/file-icon.svg);
        display: block;
        min-height: 30px;
        min-width: 30px;
        background-repeat: no-repeat;
        padding-left: 35px;
        color: #FFFFFF99 !important;
        background-position: center;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.upload-field .file-text {
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        margin-left: 10px;
        margin-right: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 120px;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.upload-field .file-text.upload {
        white-space: unset !important;
        overflow: unset !important;
        text-overflow: unset !important;
        width: auto !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range {
        height: 40px !important;
        top: 0 !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field#image_upload .control-date-range .d-flex.justify-content-between.align-items-center {
        justify-content: flex-start !important;
    }

    /* .account .proxima-myaccount-container .listing-body-content .project-field#image_upload .control-date-range .d-flex.justify-content-between.align-items-center img{
            width: 35%;
            padding-left: 10px;
            padding-top: 17px;
        } */
    .project-grid {
        display: grid !important;
    }

    .project-field-column-grid {
        grid-template-columns: 2fr 2fr !important;
        grid-gap: 80px !important;
    }

    .project-field-column-grid .first-col,
    .project-field-column-grid .second-col {
        position: relative;
    }

    .listing-body-content .project-field-column-grid .second-col {
        float: right;
        width: 30%;
    }

    .project-window {
        position: relative;
        scrollbar-width: none;
        overflow: -moz-scrollbars-none;
        ;
        -ms-overflow-style: none;
        overflow: auto;
        height: 200vh;
        margin-left: 2rem !important;
    }

    .project-window .corner-btns {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        text-align: right;
        padding-top: 15px !important;
        clear: both;
    }

    body.account .project-window .corner-btns .new-round-btn {
        padding: 14px 30px !important;
        height: 45px;
        border-radius: 30px !important;
        text-transform: uppercase !important;
    }

    .project-window::-webkit-scrollbar {
        display: none;
    }

    .project-field-column-grid .second-col .text-section {
        width: 100% !important;
        margin-left: auto !important;
        padding-top: 35px;
        position: sticky;
        top: 0;
        /* min-width: 300px; */
    }

    .project-field-column-grid .second-col .text-section .text-section-title {
        font-size: 40px;
        font-weight: 400;
        line-height: 64px;
        letter-spacing: 0em;
        text-align: right;
    }

    .project-field-column-grid .second-col .text-section .text-container {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: right;
    }

    @media screen and (max-width: 768.98px) {
        .project-field-column-grid {
            grid-template-columns: 1fr !important;
        }

        .project-field-column-grid .first-col {
            order: 2;
        }

        .project-field-column-grid .second-col {
            order: 1;
        }

        .account .proxima-myaccount-container .listing-body-content .project-field {
            width: 100% !important;
        }

        .listing-body-content .project-field-column-grid .second-col {
            display: none;
        }

        .account .proxima-myaccount-container .listing-body-content .project-field.field-multi-select {
            padding-bottom: 40px !important;
        }


    }


    /******* select standard ***********/
    select::-ms-expand {
        display: none;
    }

    select {
        font-size: 16px;
        line-height: 16px;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    /* Hide Calendar Icon In Chrome */
    .agentregistration-index-index input[type="date"]::-webkit-calendar-picker-indicator {
        opacity: 0;
        z-index: 2;
    }

    /******* select standard ***********/
    body[class*=" listingsystem-"] .page-wrapper .page-main .columns .column.main {
        padding: 0 !important;
        /* width: auto !important; */
    }



    body.listingsystem-projects-projectsedit .modal-inner-wrap .modal-header,
    body.listingsystem-index-index .modal-inner-wrap .modal-header {
        display: flex !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    body.listingsystem-projects-projectsedit .modal-inner-wrap .modal-header .action-close,
    body.listingsystem-index-index .modal-inner-wrap .modal-header .action-close {
        display: none !important;
    }

    body.listingsystem-projects-projectsedit .modal-inner-wrap .modal-content,
    body.listingsystem-index-index .modal-inner-wrap .modal-content {
        margin: 20px auto !important;
    }

    body.listingsystem-projects-projectsedit .modal-inner-wrap .modal-footer,
    body.listingsystem-index-index .modal-inner-wrap .modal-footer {
        padding: 20px 20px !important;
        margin-left: auto !important;
    }

    body.listingsystem-projects-projectsedit .modal-popup.confirm .modal-inner-wrap,
    body.listingsystem-index-index .modal-popup.confirm .modal-inner-wrap {
        max-width: 30rem !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select option {
        background-color: #fff !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select option:checked {
        background-color: #ddd !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select[multiple="multiple"] option {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }

    body.account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select[multiple="multiple"].control {
        position: relative;
        top: 0px;
    }

    body.account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select[multiple="multiple"].control.show {
        overflow: visible;
        top: 0px;
        position: relative;
    }

    body.account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select[multiple="multiple"].control.show option {
        top: 35px;
        position: relative;
        border-right: 1px solid;
        border-left: 1px solid;
        z-index: 1;
        padding: 5px 10px;
    }

    body.account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select[multiple="multiple"].control.show option:nth-child(2) {
        border-top: 1px solid;
        border-radius: 10px 10px 0px 0px;
    }

    body.account .proxima-myaccount-container .listing-body-content .project-field.select-field .control-date-range select[multiple="multiple"].control.show option:last-child {
        border-bottom: 1px solid;
        border-radius: 0px 0px 10px 10px;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range .mage-error {
        position: absolute !important;
        top: 35px !important;
        left: 0 !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range .required.mage-error {
        visibility: hidden !important;
        position: absolute !important;
    }

    body.account .proxima-myaccount-container .listing-body-content .project-field .control div.mage-error {
        position: absolute !important;
    }

    body.account .proxima-myaccount-container .listing-body-content .project-field input:is(#project_brochure, #project_summary, #attachment, #show_room_inspection) {
        visibility: hidden;
    }

    /* img-upload-container */

    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container {
        width: 100% !important;
        padding: 0 !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .img-thumbnail {
        max-width: 70%;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range {
        min-height: 175px;
        width: 100%;
        padding-bottom: 50px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range .d-flex.justify-content-between.align-items-center {
        position: relative;
        bottom: 0px;
        flex-wrap: wrap;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range input {
        position: absolute;
        top: 130px;
        border: 0 !important;
        width: auto;
        padding: 0;
        padding-right: 0 !important;
        border-radius: 0;
        left: 15px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range .d-flex.justify-content-between.align-items-center .upload-img-container {
        display: flex;
        align-items: center;
        width: auto !important;
        justify-content: space-between;
        margin-right: 10px;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field {
        display: flex !important;
        flex-direction: column !important;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range {
        justify-content: flex-start !important;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .project-field .img-thumbnail {
        max-width: 50% !important;
    }

    /* img-upload-container */
    body:is(.listingsystem-index-index, .listingsystem-index-property,.listingsystem-index-editproperty).account .proxima-myaccount-container .listing-body-content .project-field input.required.file.valid {
        visibility: hidden !important;
        position: absolute;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.textarea-field#developer_description,
    body.account .proxima-myaccount-container .listing-body-content .project-field#DA_info,
    body.account .proxima-myaccount-container .listing-body-content .project-field#developer_description {
        clear: both !important;
    }

    .account.listingsystem-projects-projectsedit .proxima-myaccount-container .listing-body-content .project-grid .first-col .upload-section-container.upload-section .field,
    .account.listingsystem-projects-projectsedit .proxima-myaccount-container .listing-body-content .project-grid .first-col .field,
    .account.listingsystem-index-index .proxima-myaccount-container .listing-body-content .project-grid .first-col .upload-section-container.upload-section .field,
    .account.listingsystem-index-index .proxima-myaccount-container .listing-body-content .project-grid .first-col .field,
    .account .proxima-myaccount-container .listing-body-content .project-grid form,
    .account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-grid .first-col .upload-section-container.upload-section,
    .account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-grid .first-col {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-gap: 20px 25px !important;
    }

    .account.listingsystem-projects-projectsedit .proxima-myaccount-container .listing-body-content .project-field,
    .account.listingsystem-index-index .proxima-myaccount-container .listing-body-content .project-field,
    .account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-field,
    .account .proxima-myaccount-container .listing-body-content .project-grid form,
    .account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-field {
        width: 100% !important;
    }

    .account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-field.search-field.submit-section {
        width: 100% !important;
    }

    .account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-grid form {
        display: block !important;
    }

    .account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-field button {
        float: right !important;
    }

    .account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-grid .first-col .upload-section-container.upload-section {
        grid-column: 3 / 1;
    }

    /* .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range .upload-img-container{
            align-items: baseline !important;
        } */
    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range .upload-img-container .fa-file-pdf {
        font-size: 18px;
        padding: 0px 5px 0px 5px;
        color: #f40f02;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range .upload-img-container a {
        color: #067DF4 !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field .fa-trash {
        padding: 0px 4px !important;
    }

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

        .account.listingsystem-projects-projectsedit .proxima-myaccount-container .listing-body-content .project-grid .first-col .upload-section-container.upload-section .field,
        .account.listingsystem-projects-projectsedit .proxima-myaccount-container .listing-body-content .project-grid .first-col .field,
        .account.listingsystem-index-index .proxima-myaccount-container .listing-body-content .project-grid .first-col .upload-section-container.upload-section .field,
        .account.listingsystem-index-index .proxima-myaccount-container .listing-body-content .project-grid .first-col .field,
        .account .proxima-myaccount-container .listing-body-content .project-grid form,
        .account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-grid .first-col .upload-section-container.upload-section {
            grid-template-columns: 1fr !important;
        }

        .account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-grid .first-col {
            display: block !important;
            padding-right: 20px !important;
        }
        .listingsystem-index-projectsterms .confirm._show .modal-inner-wrap .modal-content{
            font-size: 15px !important;
            }
            }
            .listingsystem-index-projectsterms .confirm._show .modal-inner-wrap .modal-header h1{
            width: 100%;
            text-align: center;
            }
            .listingsystem-index-projectsterms .confirm._show .modal-inner-wrap .modal-header h1{
            width: 100%;
            text-align: center;
            }
            /* Listing-system new project section  */
            .account.listingsystem-index-editproperty .proxima-myaccount-container .listing-body-content .project-grid .first-col {
            display: block !important;
            padding-right: 20px !important;
    }
    .listingsystem-index-projectsterms .confirm._show .modal-inner-wrap .modal-header h1{
        width: 100%;
        text-align: center;
    }
    body .proxima-myaccount-container .listing-body-content .project-field .control-date-picker input::-webkit-date-and-time-value{
        text-align: left;
    }
    /* Listing-system new project section  */

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

        body.commissionsystem-mypaidinvoices-index .proxima-myaccount-container .body-content form .table,
        body.commissionsystem-mypaidinvoices-index .proxima-myaccount-container .body-content form .table,
        body.commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .table {
            overflow-x: auto;
            display: block !important;
        }
    }

    /* scroll-default-scroll */
    /* body.account::-webkit-scrollbar,form::-webkit-scrollbar {
        height: 0.9em;
        width: 0.9em;
    }

    body.account::-webkit-scrollbar-track,form::-webkit-scrollbar-track {
    background-color: #aaa !important;
    }
    form::-webkit-scrollbar-track{
        border-radius: 5px !important;
    }
    body.account::-webkit-scrollbar-thumb,form::-webkit-scrollbar-thumb {
        background-color: #067df2;
        outline: 1px solid slategrey;
        border-radius: 5px;
    } */
    /* scroll-default-scroll */
    /* qr-code */
    @media screen and (min-width:1024px) {
        body.account .modal-popup.qr-code-modal .modal-inner-wrap {
            width: 25% !important;
        }
    }

    @media screen and (min-width:1024px) and (max-width: 1600px) {
        body.account.agent-projects-index .modal-popup.qr-code-modal .modal-inner-wrap {
            width: 25% !important;
        }

        /* .QR_code_psp {
        display: block;
        position: absolute;
        right: -60px;
        top: 5px;
        cursor: pointer !important;
        text-align: center;
    } */
    }

    /* @media screen and (max-width:1024px) {
    .QR_code_psp {
    display: block;
    position: absolute;
    right: -60px;
    top: 4px;
    }
    }

    @media screen and (max-width: 700px){
        .QR_code_psp {
            display: block;
            position: absolute;
            right: -40px;
            top: 4px;
        }
    }
    @media screen and (max-width: 650px){
        .QR_code_psp {
            display: block;
            position: absolute;
            right: -20px;
            top: 4px;
        }
    }
    @media screen and (max-width: 575.98px){
        .QR_code_psp {
            display: block;
            position: absolute;
            right: -6px;
            top: 4px;
        }
    }
        /* qr-code */
    /*16feb2023 grid*/
    .body-content pre {
        background: none !important;
        border: 0px !important;
        padding: 0px !important;
    }

    .body-content pre table.fancytree-ext-table thead tr th {
        background: transparent !important;
        color: #FFFFFF !important;
    }

    .body-content pre table.fancytree-ext-table tr td,
    body.agentmanagement-agentmatrix-index.account .body-content pre table.fancytree-ext-table thead tr th,
    body.agentmanagement-agentmatrix-index.account span.fancytree-title {
        font-size: 0.8rem !important;
    }

    body.agentmanagement-agentmatrix-index.account .body-content pre table.fancytree-ext-table tr td .edit {
        background: transparent !important;
        height: 2.375rem;
        border-radius: 8px;
        border: 1px solid;
        margin: 5px 0px;
    }

    body.project_theme_mode_normal.agentmanagement-agentmatrix-index.account .body-content pre table.fancytree-ext-table tr td .edit {
        color: #000 !important;
        border-color: #000 !important;
    }

    body.project_theme_mode_dark.agentmanagement-agentmatrix-index.account .body-content pre table.fancytree-ext-table tr td .edit {
        color: #fff !important;
        border-color: #fff !important;
    }

    body.project_theme_mode_normal.account .body-content pre table.fancytree-ext-table tr:nth-child(odd) td {
        background: #f0f0f0 !important;
    }

    body.project_theme_mode_dark.account .body-content pre table.fancytree-ext-table tr:nth-child(odd) td {
        background: #202020 !important;
    }

    .fields.field-declaration span {
        display: flex;
        justify-content: center;
    }

    .proxima-myaccount-container .body-content form .fieldset>.field-declaration button {
        min-width: 120px !important;
        text-align: center !important;
    }

    .agent-team-change i.fa-plus.addNewTeam:before {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #000000 !important;

    }

    body.project_theme_mode_dark.account table.fancytree-ext-table thead tr th {
        background: #FFFFFF !important;
        color: #000000 !important;
    }

    body.project_theme_mode_normal.account table.fancytree-ext-table tr:nth-child(odd) td,
    body.project_theme_mode_normal.account table.fancytree-ext-table tr:nth-child(odd) td span.fancytree-title {
        color: #000000 !important;
    }

    .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
        width: 100%;
    }

    body.project_theme_mode_dark.account table.fancytree-ext-table tr:nth-child(even) td .agent-team-change i.fa-plus.addNewTeam:before {
        color: #FFFFFF !important;
    }

    body.account.project_theme_mode_dark.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header {
        background: transparent !important;
        color: #FFFFFF !important;
    }

    body.account.project_theme_mode_dark.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .modal-title {
        background: transparent !important;
        color: #FFFFFF !important;
    }

    body.account.project_theme_mode_dark.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #teamChangeModal label {
        color: #FFFFFF !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close,
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:before {
        background: #000 !important;
        font-weight: 600 !important;
    }

    .modals-wrapper .modal-popup.teamchange-modal._inner-scroll .modal-inner-wrap {
        width: 40% !important;
    }

    @media screen and (max-width:900px) {
        .modals-wrapper .modal-popup.teamchange-modal._inner-scroll .modal-inner-wrap {
            width: 100% !important;
        }
    }

    @media screen and (max-width:600px) {
        .modals-wrapper .modal-popup.teamchange-modal._inner-scroll .modal-inner-wrap {
            width: 100% !important;
        }
    }

    .none-border {
        border: none !important;
        border: 0 !important;
    }

    .bottom-border {
        border-bottom: 0.5px solid #D9D9D9 !important;
    }

    /*room booking*/
    .container.roomBookingContainer {
        max-width: 100% !important;
        padding: 0px !important;
    }

    .project_theme_mode_dark .container.roomBookingContainer {
        color: #FFFFFF;
    }

    .project_theme_mode_normal .container.roomBookingContainer {
        color: #000000;
    }

    .container.roomBookingContainer .dataTable tr td {
        padding: 5px 10px !important;
    }

    .project_theme_mode_normal .container.roomBookingContainer .dataTable tr:nth-child(odd) td {
        background: #F5F5F5;
    }

    .project_theme_mode_dark .container.roomBookingContainer .dataTable tr:nth-child(odd) td {
        background: #202020;
    }

    body.roombooking-roomlistforbooking-index .container.roomBookingContainer .dataTable tr td:last-child {
        text-align: center !important;
    }

    .container.roomBookingContainer .dataTable button.bookRoom {
        border-radius: 40px !important;
        padding: 8px 10px !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 100% !important;
        min-width: 150px !important;
        border: 0px !important;
    }

    .project_theme_mode_normal .container.roomBookingContainer .dataTable button.bookRoom {
        background: #000000 !important;
        color: #FFFFFF !important;
    }

    .project_theme_mode_dark .container.roomBookingContainer .dataTable button.bookRoom {
        background: #FFFFFF !important;
        color: #000000 !important;
    }

    .iframeContainer {
        position: absolute;
        top: 45px !important;
        right: -2%;
        overflow: auto;
        width: 0%;
        transition: all ease .5s;
        background: #FFFFFF;
        bottom: 0px;
    }

    .iframeContainer.open {
        width: calc(100% - 240px);
        transition: all ease .5s;
        z-index: 99999;
        background: #FFFFFF;
        top: 45px !important;
    }

    .dataTables_length.bs-select {
        float: left;
    }

    .iframeContainer .embed-responsive {
        border-top: 1px solid #CCCCCC;
    }

    .Backtolist {
        display: block;
        width: 35px;
        height: 35px;
        background: #000000 url(../images/backarrow.svg) no-repeat 50% 50%;
        background-size: 16px auto;
        text-align: center;
        color: #FFFFFF;
        font-size: 0px !important;
        cursor: pointer;
    }

    .container.roomBookingContainer .dataTables_length.bs-select select,
    .container.roomBookingContainer .dataTables_filter input[type="search"] {
        padding: 6px 10px !important;
        height: auto !important;
        font-size: 13px !important;
        line-height: 100% !important;
        background-image: none !important;
    }

    .project_theme_mode_dark .dataTables_filter label,
    .project_theme_mode_dark .dataTables_length.bs-select label {
        color: #FFFFFF !important;
    }

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

        .dataTables_filter,
        .dataTables_length.bs-select {
            float: none;
            width: auto;
            padding: 10px;
            text-align: left !important;
        }

        .iframeContainer.open {
            width: 100% !important;
            top: 0 !important;
        }

        .iframeContainer {
            top: 0 !important;
            position: fixed;
            bottom: 0 !important;
        }
    }

    .project_theme_mode_dark .container.roomBookingContainer .dataTables_paginate.paging_simple_numbers a,
    .project_theme_mode_dark div.dataTables_wrapper div.dataTables_info,
    .project_theme_mode_dark .Backtolist {
        color: #fff !important;
    }

    .container.roomBookingContainer .dataTables_paginate.paging_simple_numbers a {
        padding: 5px 8px !important;
    }

    .project_theme_mode_dark .container.roomBookingContainer label {
        color: #fff
    }

    .project_theme_mode_normal .container.roomBookingContainer .dataTables_paginate.paging_simple_numbers a {
        color: #000 !important;
    }

    .container.roomBookingContainer div.dataTables_wrapper div.dataTables_filter input {
        border-radius: 20px !important;
        height: 2.375rem !important;
        padding: 0.5rem 1rem !important;
        border-color: #000 !important;
    }

    .container.roomBookingContainer .table-responsive {
        padding-top: 26px !important;
        padding-bottom: 5px !important;
    }

    .container.roomBookingContainer .dataTables_paginate.paging_simple_numbers a.paginate_button {
        display: inline;
        border: 2px solid !important;
        height: 2.375rem !important;
        font-size: 13px !important;
        border-radius: 20px !important;
        padding: 6px 18px !important;
        margin: 0px 5px;
        cursor: pointer !important;
    }

    @media screen and (max-width: 575.98px) {
        .container.roomBookingContainer .dataTables_paginate.paging_simple_numbers a.paginate_button {
            padding: 3px 7px !important;
        }
    }

    .project_theme_mode_dark .container.roomBookingContainer .dataTables_paginate.paging_simple_numbers a.paginate_button {
        border-color: #fff !important;
        color: #fff;
    }

    .project_theme_mode_normal .container.roomBookingContainer .dataTables_paginate.paging_simple_numbers a.paginate_button {
        border-color: #000 !important;
        color: #000;
    }

    .project_theme_mode_dark .container.roomBookingContainer .dataTables_paginate.paging_simple_numbers a.paginate_button.current {
        background-color: #fff !important;
        color: #000 !important;
        border: 2px solid #000 !important;
    }

    .project_theme_mode_normal .container.roomBookingContainer .dataTables_paginate.paging_simple_numbers a.paginate_button.current {
        background-color: #000 !important;
        color: #fff !important;
        border: 2px solid #fff !important;
    }

    /*room booking*/
    .project_theme_mode_normal .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .fieldset .field.password.required input {
        border: 1px solid #000 !important;
    }

    /*room booking*/
    /* agentregistration-invitations-index responsive*/
    .agentregistration-invitations-index .custom-fieldset .control-date-range :is(.input-text, [name="search_agent_type"]) {
        width: 170px !important;
    }

    @media (max-width: 1105px) {
        body.account.agentregistration-invitations-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields {
            flex-direction: row !important;
            flex-wrap: wrap !important;
            justify-content: flex-end !important;
            padding-top: 20px !important;
        }

        body.account.agentregistration-invitations-index .proxima-myaccount-container .two.custom-fieldset .actions-toolbar.right-align {
            display: flex !important;
            justify-content: flex-end;
            width: 100%;
        }

        body.account.agentregistration-invitations-index .proxima-myaccount-container .two.custom-fieldset .actions-toolbar.right-align .secondary {
            margin-right: 10px !important;
        }

        body.account.agentregistration-invitations-index #myInvitation {
            overflow-x: scroll;
            display: block !important;
        }
    }

    @media (max-width: 768.98px) {
        body.agentregistration-invitations-index .modal-popup._show .modal-inner-wrap {
            width: 100% !important;
            max-width: 100% !important;
        }

        body.agentregistration-invitations-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap #form-invitation .fieldset .field {
            text-align: left !important;
        }

        body.agentregistration-invitations-index .modal-popup.confirm._show {
            top: 150px !important;
        }
    }

    @media (max-width: 390px) {

        body.account.agentregistration-invitations-index .proxima-myaccount-container .two.custom-fieldset .actions-toolbar.right-align,
        body.account.agentregistration-invitations-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields {
            justify-content: flex-start !important;
        }

        body.agentregistration-invitations-index .custom-fieldset fieldset>.fields>.field.search-field {
            margin-left: 0 !important;
            margin-right: 5px !important;
            margin-bottom: 10px !important;
        }
    }

    /* agentregistration-invitations-index responsive*/
    /* agent-matrix-qr-code*/
    body.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
        width: unset !important;
    }

    /* my-commission-system */
    .cms-home-proxima .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header {
        background-color: #222222;
    }

    .cms-home-proxima .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
        border: none;
    }

    .agentregistration-invitations-index .modal-popup.confirm .modal-inner-wrap .modal-content {
        margin: 0 auto !important
    }

    @media screen and (max-width: 575.98px) {
        .form-matrix-edit table.fancytree-container {
            overflow-x: auto;
            display: block;
        }
    }

    /* agent-matrix-qr-code*/

    /* home page QR-code */
    body:not(.account) .QRCodeCnntainer {
        text-align: center;
        background: url(../images/psplight.png) no-repeat 50% 20px;
        background-size: 200px auto;
        padding: 200px 0px 0px 0px;
    }

    body:not(.account) .QRCodeCnntainer h2 {
        font-size: 30px;
        margin: 0px 0px 10px 0px;
        color: #FFF;
    }

    body:not(.account) .QRCodeCnntainer h3 {
        font-size: 20px;
        margin: 0px 0px 10px 0px;
        font-weight: 500;
        color: #FFF;
    }

    body:not(.account) .QRCodeCnntainer p {
        max-width: 300px;
        text-align: center;
        font-size: 15px;
        margin: 0px auto;
        color: #FFF;
    }

    body:not(.account) .QRCodeCnntainer h4 {
        font-size: 20px;
        margin: 10px 0px 10px 0px;
        text-align: center;
        color: #FFF;
    }

    body:not(.account) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close {
        background-color: #000;
        margin-left: auto;
    }

    /* home page QR-code */
    /* my-commission-system */
    body.commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fee-claimed>label.label {
        text-align: left !important;
        width: auto !important;
        padding: 0 !important;
    }

    body.commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fee-claimed>.control {
        width: 100% !important;
        position: relative;
    }

    body.commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.sc-fee-claimed>.control i {
        position: absolute;
        right: 10px;
        top: 12px;
    }

    body.commissionsystem-salestransaction-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field.sc-fee-claimed {
        align-items: flex-start !important;
    }

    body.commissionsystem-salestransaction-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field:is(.sc-status, .sc-fee-claimed) {
        margin-right: 0px !important;
        margin-left: 0 !important;
    }

    body.account.commissionsystem-salestransaction-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields {
        flex-wrap: wrap !important;
        margin-left: 5px !important;
    }

    body.account.commissionsystem-salestransaction-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .fee-claimed {
        display: flex !important;
        justify-content: space-between;
        width: 200px !important;
        margin-top: 5px !important;
    }

    body.account.commissionsystem-salestransaction-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .fee-claimed .field.sc-fee-claimed {
        margin-right: 5px !important;
    }

    body.account.commissionsystem-salestransaction-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .fee-claimed .control {
        width: 90% !important;
    }

    @media (max-width: 1105px) {
        body.account.commissionsystem-salestransaction-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields {
            flex-direction: row;
            align-items: flex-end;
        }

        body.account.commissionsystem-salestransaction-index .proxima-myaccount-container .two.custom-fieldset {
            align-items: center !important;
        }
    }

    .modals-wrapper .modal-popup.qr-code-modal .modal-inner-wrap .modal-header .action-close {
        background: #000000 !important;
    }

    @media screen and (min-width:1024px) {
        body.account .modal-popup.qr-code-modal .modal-inner-wrap {
            width: 25% !important;
        }
    }

    /* my-commission-system */
    body:not(.account) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header {
        background-color: #222222;
    }

    body:not(.account) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
        border: none;
    }

    .agentregistration-invitations-index .modal-popup.confirm .modal-inner-wrap .modal-content {
        margin: 0 auto !important
    }

    body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody#client-names tr td a {
        color: #067df4 !important;
        padding-right: 5px !important;
    }

    .custom-accordion-tab.label-tab-minus .tab-label::after {
        content: "\f068";
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.field>.control input[type="text"] {
        border: 1px solid !important;
    }

    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.field>.control input[type="text"],
    body.project_theme_mode_normal.account .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"]::placeholder {
        color: #000 !important;
        -webkit-text-fill-color: #000000 !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table tbody#container tr td,
    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table thead tr th {
        text-align: left !important;
        padding-left: 15px !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table tbody#container tr td:first-child {
        white-space: nowrap !important;
    }

    body.commissionsystem-salestransaction-index.account .proxima-myaccount-container .body-content form .table tbody tr td,
    body.commissionsystem-salestransaction-index.account .proxima-myaccount-container .body-content form .table tbody tr td {
        text-align: left !important;
    }

    body.commissionsystem-salestransaction_salestransactiondetails-index .table-grid-container div,
    body.commissionsystem-salestransaction_myteampayments-index .table-grid-container div {
        margin-right: 10px !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index .modal-slide._inner-scroll .modal-footer {
        padding: 15px 30px !important;
        text-align: end !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index.account.project_theme_mode_dark .modal-slide._inner-scroll .modal-footer {
        background-color: #222222 !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index.account .edit-commission-payment-modal .btn {
        margin-top: 10px !important;
        white-space: nowrap !important;
    }

    body.commissionsystem-invoice-index.account .modal-popup.confirm._show .modal-header,
    body.commissionsystem-salestransaction_myteampayments-index.account .modal-popup.confirm._show .modal-header {
        display: flex;
        justify-content: space-between;
        padding: 0 !important;
    }

    body.account.project_theme_mode_dark.commissionsystem-salestransaction_myteampayments-index.account .modal-popup.confirm._show .modal-header h1 {
        color: #fff !important;
    }

    body.commissionsystem-invoice-index.account.account .modal-popup.confirm._show .modal-header .action-close,
    body.commissionsystem-salestransaction_myteampayments-index.account .modal-popup.confirm._show .modal-header .action-close {
        margin-left: auto !important;
        background-color: #000 !important;
    }

    body.commissionsystem-invoice-index.account.account .modal-popup.confirm._show .modal-content,
    body.commissionsystem-salestransaction_myteampayments-index.account .modal-popup.confirm._show .modal-content {
        margin: 0px 10px !important;

    }

    body.account.project_theme_mode_dark.commissionsystem-invoice-index.account.account .modal-popup.confirm._show .modal-content,
    body.account.project_theme_mode_dark.commissionsystem-salestransaction_myteampayments-index.account .modal-popup.confirm._show .modal-content {
        background-color: #222222 !important;
        color: #fff !important;
    }

    body.commissionsystem-invoice-index.account .modal-popup.confirm._show .modal-footer,
    body.commissionsystem-salestransaction_myteampayments-index.account .modal-popup.confirm._show .modal-footer {
        padding: 10px 15px;
        margin-left: auto;
    }

    body.commissionsystem-invoice-index.account .modal-popup.confirm._show .modal-inner-wrap,
    body.commissionsystem-salestransaction_myteampayments-index.account .modal-popup.confirm._show .modal-inner-wrap {
        top: 25% !important;
        overflow: hidden !important;
    }

    body.account.project_theme_mode_dark.commissionsystem-invoice-index.account .modal-popup.confirm._show .modal-inner-wrap,
    body.account.project_theme_mode_dark.commissionsystem-salestransaction_myteampayments-index.account .modal-popup.confirm._show .modal-inner-wrap {
        background-color: #222222 !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table>tbody>tr> :is(th, td).commissionData {
        vertical-align: middle !important;
    }

    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table>tbody>tr> :is(th, td).commissionData input {
        border-radius: 20px !important;
        height: 38px !important;
        text-align: center !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index.account select#newAgents {
        height: 2.35rem !important;
        border-radius: 18px !important;
        padding-right: 25px !important;
        background-position: 100% !important;
        background-image: url(../images/select-default-dropdown.svg) !important;
        border: 1px solid #000 !important;
    }

    @media screen and (max-width:1024px) {
        body.commissionsystem-salestransaction_myteampayments-index.account select#newAgents {
            background-position: 160% !important;
            width: 100px !important;
        }
    }

    body.commissionsystem-salestransaction_myteampayments-index.account.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table>tbody>tr> :is(th, td) b {
        color: #fff !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index .backbutton .action.btn-primary {
        margin-right: 5px !important;
    }

    body.project_theme_mode_dark .limiter .limiter-label,
    .limiter .limiter-text {
        color: #fff !important;
    }

    body.account.commissionsystem-salestransaction_myteampayments-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table>tbody>tr> :is(th, td) {
        text-align: center !important;
        height: 50px !important;
        ;
    }

    .edit-commission-payment-modal .form-address-edit #editPaymentsTable thead tr:nth-child(2) th:nth-child(1),
    .edit-commission-payment-modal .form-address-edit #editPaymentsTable thead tr:nth-child(1) th:nth-child(1),
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table>tbody>tr> :is(th, td):nth-child(1) {
        text-align: left !important;
        padding-left: 0 !important;
    }

    .commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field,
    body.commissionsystem-salestransaction-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .field:is(.sc-status, .sc-fee-claimed) {
        margin-left: 10px !important;
    }

    body.account.commissionsystem-salestransaction-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields .fee-claimed .label {
        margin-bottom: 6px !important;
        white-space: nowrap !important;
    }

    body.commissionsystem-salestransaction_salestransactiondetails-index.project_theme_mode_dark .proxima-myaccount-container .column.main .custom-title,
    body.commissionsystem-salestransaction_myteampayments-index.project_theme_mode_dark .proxima-myaccount-container .column.main .custom-title {
        background-color: #fff !important;
        color: #000 !important;
    }

    body.commissionsystem-salestransaction_salestransactiondetails-index .proxima-myaccount-container .column.main .edit-payment button,
    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main .editPayments button {
        margin-top: 20px !important;
    }

    body.commissionsystem-salestransaction_myteampayments-index .proxima-myaccount-container .column.main table thead tr th {
        padding: 0 0 0 10px !important;
        vertical-align: middle !important;
        text-align: left !important;
    }


    /* new changes */
    body .proxima-myaccount-container .body-content form :is(.fieldset>.fields>.field.sc-status>.control, .fieldset>.fields>.field.sc-fee-claimed>.control) {
        width: 100%
    }

    body.agent-projects-discounts .proxima-myaccount-container .body-content form .table {
        margin: 0 !important;
    }

    body.agent-projects-discounts .proxima-myaccount-container .body-content .line {
        margin-top: 0.2rem !important;
    }

    .proxima-myaccount-container .column.main .backbutton {
        margin-right: 21px !important;
    }

    .commissionsystem-salestransaction-index .fieldset .fullname .field .control input[name="project_name"] {
        width: 100% !important;
        padding-left: 15px !important;
        height: 2.535rem !important;
        border: 1px solid #000 !important;
        color: #000 !important;
        -webkit-text-stroke-color: #000 !important;
    }

    .commissionsystem-salestransaction-index .fieldset .fullname .field .control input[type="checkbox"] {
        height: 1.1rem !important;
    }

    .commissionsystem-salestransaction-index.account.project_theme_mode_dark .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[name="sales_transaction_id"],
    .commissionsystem-salestransaction-index.account.project_theme_mode_dark .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[name="address"] {
        background-color: #fff !important;
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }

    .commissionsystem-salestransaction-index .ms-options-wrap>button span {
        line-height: 24px !important;
    }

    .commissionsystem-salestransaction-index.project_theme_mode_normal .proxima-myaccount-container .body-content form .order-products-toolbar .pager .limiter .limiter-options {
        background-color: #fff !important;
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        border: 2px solid #000 !important;
        background-image: none;
    }

    .edit-commission-payment-modal .form-address-edit #editPaymentsTable thead tr:nth-child(1) th:nth-child(1) {
        border-bottom: 0 !important;
    }

    .edit-commission-payment-modal .form-address-edit #editPaymentsTable thead tr:nth-child(1) th:nth-child(2),
    .edit-commission-payment-modal .form-address-edit #editPaymentsTable thead tr:nth-child(1) th:nth-child(3) {
        display: contents !important;
    }

    .edit-commission-payment-modal .form-address-edit #editPaymentsTable thead tr:nth-child(2) th,
    .edit-commission-payment-modal .form-address-edit #editPaymentsTable thead tr:nth-child(1) th {
        text-align: center !important;
    }

    table.fancytree-ext-table tbody tr td {
        padding-left: 15px !important;

    }

    table.fancytree-ext-table tbody tr td:nth-child(5),
    table.fancytree-ext-table tbody tr td:nth-child(2) {
        padding-left: 0px !important;
    }

    body.agentmanagement-agentmatrix-index.project_theme_mode_dark.account .modal-inner-wrap .modal-footer button {
        border-color: #fff !important;
    }

    .customer-account-login .login-container .block .block-content .actions-toolbar .secondary a:nth-child(1) {
        text-align: left !important;
    }

    .customer-account-login .login-container .block .block-content .actions-toolbar .secondary a:nth-child(2) {
        text-align: right !important;
    }

    body.agentregistration-invitations-index.account .column.main .toolbar .limiter-options {
        border: 2px solid !important;
        font-size: 16px !important;
    }

    body.agentregistration-invitations-index.account .column.main .toolbar .limiter-options option {
        position: absolute;
        top: 30px !important;
    }

    @media (max-width: 768px) {
        body.account.commissionsystem-salestransaction-index .proxima-myaccount-container .form-address-edit .custom-fieldset .fields {
            flex-direction: column !important
        }

        .proxima-myaccount-container .body-content form .fieldset>.field.customer-name-middlename {
            display: flex;
            justify-content: center !important;
        }
    }

    body.listingsystem-externallist-index .custom-accordion-tab .tab-label.tab-label.project-name {
        justify-content: left !important;
    }

    body.listingsystem-externallist-index .custom-accordion-tab input#is_exclusive {
        position: relative !important;
        opacity: 1 !important;
    }

    /* agentregistration-documentreupload-index page*/

    body.agentregistration-documentreupload-index #insurance_policy_details .section-btn button.btn,
    body.agentregistration-documentreupload-index #certificate_details .section-btn button.btn,
    body.agentregistration-documentreupload-index #cpd_bsb_details .section-btn button.btn,
    body.agentregistration-documentreupload-index #Individual_license_details .section-btn button.btn,
    body.agentregistration-documentreupload-index #corporation_license_details .section-btn button.btn,
    body.agentregistration-documentreupload-index #asic_company_details .section-btn button.btn {
        display: flex !important;
        margin-left: auto !important;
    }

    body.agentregistration-documentreupload-index .proxima-myaccount-container .body-content form.document-reupload-form {
        padding: 0 !important;
        border: 0 !important;
    }

    body.agentregistration-documentreupload-index .proxima-myaccount-container .body-content .form-border {
        border: 1px solid #000;
        padding: 10px;
    }

    .agentregistration-documentreupload-index .registration-container-grid .container-grid .field-file.uploaded-file .control,
    .agentregistration-documentreupload-index .registration-container-grid .container-grid .control {
        margin-bottom: 20px !important;
    }

    .agentregistration-documentreupload-index .registration-container-grid .container-grid .control div.mage-error {
        position: absolute;
    }

    .agentregistration-documentreupload-index .registration-container-grid .container-grid .field-file.uploaded-file .control div.mage-error {
        position: absolute;
        top: 35px !important;
    }

    .agentregistration-documentreupload-index input[type="date"]::-webkit-calendar-picker-indicator {
        opacity: 0;
        z-index: 2;
    }

    body.account.agentregistration-documentreupload-index .registration-container-grid .container-grid .control input[type="file"]::file-selector-button {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    /* agentregistration-documentreupload-index page*/
    /*fancytable..by vinesh on 17 march 20243*/

    body.project_theme_mode_normal.account table.fancytree-ext-table thead tr th {
        background: #000000 !important;
        color: #FFFFFF !important;
        vertical-align: middle;
    }

    body.project_theme_mode_dark.account table.fancytree-ext-table thead tr th {
        background: #FFFFFF !important;
        color: #000000 !important;
        vertical-align: middle;
    }

    body.project_theme_mode_normal.account table.fancytree-ext-table tbody tr:nth-child(even) td {
        background: #f1f1f1 !important;
        color: #000000 !important;
        vertical-align: middle;
    }

    body.project_theme_mode_dark.account table.fancytree-ext-table tbody tr:nth-child(even) td {
        background: #222222 !important;
        color: #FFFFFF !important;
        vertical-align: middle;
    }

    .fancytree-expanded .fancytree-expander[role="button"]::before {
        content: "\f0d7";
        position: relative;
        top: -4px;
    }

    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header h1,
    body.account.agentmanagement-agentmatrix-index .modals-wrapper .modal-popup.confirm .modal-inner-wrap .modal-header h1 {
        text-transform: uppercase;

    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup:not([class*="custom_modal__"])._inner-scroll .modal-inner-wrap .modal-header .action-close {
        background: transparent !important;
        width: auto !important;
        padding: 0px !important;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll:not(.custom_modal__share_project,.custom_modal__modal) .modal-inners-wrap .modal-header .action-close:before {
        background: transparent !important;
        color: #000000 !important;
        font-weight: 600 !important;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table h5 {
        margin: 0px 0px 10px 0px !important;
        font-size: 13px;
        color: #CCCCCC;

    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table .mage-error-checkbox {
        background-color: transparent !important;
        text-align: left !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table h5 {
        margin: 0px 0px 10px 0px !important;
        font-size: 13px;
        color: rgba(255, 255, 255, .5) !important;

    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table h5 span {
        display: block;
        color: #000000;
        font-size: 14px !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table h5 span {
        display: block;
        color: #FFFFFF !important;
        font-size: 14px !important;
    }

    /* body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table label{
                margin:0px !important;
                font-size: 13px;
                color:rgba(255,255,255,.5) !important;
            } */
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table input.input-text {
        border-radius: 8px !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table input.input-text {
        border-radius: 8px !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table input.input-text {
        margin-bottom: 20px !important;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table input.input-text:hover {
        background: #FFFFFF !important;
    }

    /* agentregistration-documentreupload-index page*/
    /*fancytable..by vinesh on 17 march 20243*/
    body.agent-projects-discounts.project_theme_mode_normal .proxima-myaccount-container .body-content .line {
        border-color: #000 !important;
    }

    body.agent-projects-salescommission.project_theme_mode_normal .proxima-myaccount-container .body-content .line {
        margin: 0;
        border-top: 1px solid #000 !important;
    }

    .limiter-options {
        background-image: none !important;
    }

    body.commissionsystem-salestransaction-index .proxima-myaccount-container .two.custom-fieldset .actions-toolbar.right-align {
        margin-right: 0px !important;
    }

    body.agent-projects-salescommission .proxima-myaccount-container .body-content .table-grid-container,
    body.agent-projects-discounts .proxima-myaccount-container .body-content .table-grid-container {
        display: flex !important;
        padding-left: 0 !important;
        padding-bottom: 0 !important;
    }

    @media (max-width: 991.98px) {
        .account .toolbar .limiter {
            float: right !important;
        }

        .account .toolbar .toolbar-amount {
            float: left !important;
        }
    }

    .project_theme_mode_normal table.dataTable thead>tr>th.sorting:after,
    .project_theme_mode_normal table.dataTable thead>tr>th.sorting_asc:after,
    .project_theme_mode_normal table.dataTable thead>tr>th.sorting_desc:after,
    .project_theme_mode_normal table.dataTable thead>tr>th.sorting_asc_disabled:after,
    .project_theme_mode_normal table.dataTable thead>tr>th.sorting_desc_disabled:after,
    .project_theme_mode_normal table.dataTable thead>tr>td.sorting:after,
    .project_theme_mode_normal table.dataTable thead>tr>td.sorting_asc:after,
    .project_theme_mode_normal table.dataTable thead>tr>td.sorting_desc:after,
    .project_theme_mode_normal table.dataTable thead>tr>td.sorting_asc_disabled:after,
    .project_theme_mode_normal table.dataTable thead>tr>td.sorting_desc_disabled:after {
        color: #000 !important;
        opacity: 1 !important;
    }

    .project_theme_mode_dark table.dataTable thead>tr>th.sorting:after,
    .project_theme_mode_dark table.dataTable thead>tr>th.sorting_asc:after,
    .project_theme_mode_dark table.dataTable thead>tr>th.sorting_desc:after,
    .project_theme_mode_dark table.dataTable thead>tr>th.sorting_asc_disabled:after,
    .project_theme_mode_dark table.dataTable thead>tr>th.sorting_desc_disabled:after,
    .project_theme_mode_dark table.dataTable thead>tr>td.sorting:after,
    .project_theme_mode_dark table.dataTable thead>tr>td.sorting_asc:after,
    .project_theme_mode_dark table.dataTable thead>tr>td.sorting_desc:after,
    .project_theme_mode_dark table.dataTable thead>tr>td.sorting_asc_disabled:after,
    .project_theme_mode_dark table.dataTable thead>tr>td.sorting_desc_disabled:after {
        color: #000 !important;
        opacity: 1 !important;
    }

    body.account.project_theme_mode_dark.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .table input {
        color: #fff !important;
    }

    body.account.project_theme_mode_normal.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .control textarea,
    body.account.commissionsystemenhancement-listingcommission-invoice .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .control textarea,
    body.account.commissionsystemenhancement-listingcommission-claimallcommission .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .control textarea, 
    body.account.project_theme_mode_normal.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"],
    body.account.commissionsystemenhancement-listingcommission-invoice .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"],
    body.account.commissionsystemenhancement-listingcommission-claimallcommission .proxima-myaccount-container .body-content form .fieldset>.fields>.field>.control input[type="text"] {
        border: 1px solid #000 !important;
    }

    body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .control textarea,
    body.account.commissionsystemenhancement-listingcommission-invoice .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .control textarea,
    body.account.commissionsystemenhancement-listingcommission-claimallcommission .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .control textarea {
        border-radius: 20px !important;
    }

    body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name,
    body.commissionsystemenhancement-listingcommission-invoice .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name,
    body.commissionsystemenhancement-listingcommission-claimallcommission .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name{
        width: 48% !important;
    }

    body.project_theme_mode_normal.account.reservation-psp-index .proxima-myaccount-container .body-content form .table thead tr th,
    body.project_theme_mode_normal.account.agent-projects-salescommission .proxima-myaccount-container .body-content form .table thead tr th,
    body.project_theme_mode_normal.account.agent-projects-discounts .proxima-myaccount-container .body-content form .table thead tr th {
        background-color: #000 !important;
        color: #fff !important;
    }

    body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .table.data.sales-table tr {
        display: flex;
        width: 100%;
    }

    body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .table.data.sales-table tr th {
        width: 100%;
        padding-bottom: 25px !important;
    }

    body.account.commissionsystem-invoice-index div.mage-error {
        position: absolute !important;
        margin-top: 5px !important;
        margin-left: 10px !important;
        background: transparent !important;
    }

    @media (max-width: 1260.98px) {
        body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .fieldset>.field-declaration span {
            margin-top: 20px !important;
        }
    }

    body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name {
        padding-bottom: 1.5rem !important;
    }

    body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .control.has-dollar-prefix-control {
        display: flex;
        align-items: center;
    }

    body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name .control.has-dollar-prefix-control input {
        padding-left: 20px !important;
    }

    @media (max-width: 991.98px) {
        body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .fieldset>.fields>.field.name {
            width: 100% !important;
        }
    }

    @media (max-width: 576.98px) {
        body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .table.data.sales-table tr {
            display: flex !important;
            flex-wrap: wrap !important;
        }

        body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .table.data.sales-table tr th {
            width: 100% !important;
        }

        body.account.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .table.data.sales-table input {
            max-width: 100% !important;
        }
    }

    body.commissionsystem-salestransaction_salestransactiondetails-index.account.page-layout-2columns-left .column.main .container.font-size-18 {
        margin: 0 !important;
    }

    body.account.reservation-client-registration #tbl-client_wrapper table tbody tr td {
        padding-top: 20px !important;
    }

    body.roombooking-roomlistforbooking-index .table-responsive {
        overflow: unset !important;

    }

    body.reservation-client-registration #tbl-client_wrapper table,
    body.reservation-client-registration #tbl-event_wrapper table,
    body.roombooking-roomlistforbooking-index .table.dataTable {
        display: table !important;
        overflow: auto !important;
    }

    body.roombooking-roomlistforbooking-index .table:not(.cart):not(.totals)>thead>tr>th:last-child {
        text-align: center !important;
    }

    .container.roomBookingContainer .dataTables_length.bs-select select {
        border-radius: 15px !important;
        border-color: #000 !important;
    }

    @media only screen and (min-width : 767px) {
        body.roombooking-roomlistforbooking-index .table.dataTable {
            display: inline-table !important;
        }
    }

    @media only screen and (max-width : 767px) {
        div.dataTables_wrapper div.dataTables_info {
            text-align: left !important;
        }

        body.commissionsystem-salestransaction-index .proxima-myaccount-container .body-content form .table tr {
            padding-bottom: 20px !important;
        }
    }

    /*---My Account - Hide unwanted items --*/
    body.account.customer-account-index .box.box-newsletter {
        display: none;
    }

    body.account.customer-account-index .block.block-dashboard-addresses {
        display: none;
    }

    body.account.customer-account-index .body-content {
        min-height: 550px;
    }

    body.account.customer-account-edit .field.choice #change-email {
        display: none;
    }

    body.account.customer-account-edit div.field.choice:has(> #change-email) {
        display: none;
    }

    body.account.customer-account-edit div.field.choice:has(> #assistance_allowed_checkbox) {
        display: none;
    }

    body.account.customer-account-index .action.edit {
        display: none;
    }

    body.account.customer-account-edit .field.field-name-firstname {
        display: none;
    }

    body.account.customer-account-edit .field.field-name-lastname {
        display: none;
    }

    body.account .header-content.sticky-header {
        display: none !important;
    }

    /*---End of My Account - Hide unwanted items --*/
    body.listingsystem-index-property .modal-inner-wrap .modal-header {
        display: flex !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    body.listingsystem-index-property .modal-inner-wrap .modal-header .action-close {
        display: none !important;
    }

    body.listingsystem-index-property .modal-inner-wrap .modal-content {
        margin: 20px auto !important;
    }

    body.listingsystem-index-property .modal-inner-wrap .modal-footer {
        padding: 20px 20px !important;
        margin-left: auto !important;
    }

    body.listingsystem-index-property .modal-popup.confirm .modal-inner-wrap {
        max-width: 30rem !important;
    }

    body.listingsystem-index-editproperty .modal-inner-wrap .modal-header {
        display: flex !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    body.listingsystem-index-editproperty .modal-inner-wrap .modal-header .action-close {
        display: none !important;
    }

    body.listingsystem-index-editproperty .modal-inner-wrap .modal-content {
        margin: 20px auto !important;
    }

    body.listingsystem-index-editproperty .modal-inner-wrap .modal-footer {
        padding: 20px 20px !important;
        margin-left: auto !important;
    }

    body.listingsystem-index-editproperty .modal-popup.confirm .modal-inner-wrap {
        max-width: 30rem !important;
    }

    /* Social media links css */
    /* body.project_theme_mode_normal.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-header .action-close {
    background: none !important;
} */

    /* body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-header .action-close {
    background: none !important;
} */

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap,
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-header,
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content {
        background: #383838 !important;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-header .action-close:before {
        background: none !important;
        color: #000000;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-header .action-close:before {
        background: none !important;
        color: #FFFFFF !important;
    }

    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content {
        border: 0px !important;
    }

    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content h5 {
        margin: 0px !important;
        padding: 0px 0px 15px 0px;
        font-size: 22px;
    }

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

    .modals-wrapper .modal-popup.share_social_media_property-modal .modal-inner-wrap .modal-content h6,
    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content h6 {
        margin: 0px 0px 17px 0px !important;
        font-size: 17px;
        text-align: left !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media_property-modal .modal-inner-wrap .modal-content h6 {
        color: #fff;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content h6 {
        color: #000;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table label.error,
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table label.error {
        color: #e02b27 !important;
        font-size: 11.2px !important;
        font-weight: 400 !important;
        display: block;
        text-align: left;
    }

    body.account .modals-wrapper .modal-popup.share_social_media_property-modal .modal-inner-wrap .data.sales-table.table input.input-text,
    body.account .modals-wrapper .modal-popup.share_social_media-modal .modal-inner-wrap .data.sales-table.table input.input-text {
        margin-bottom: 10px !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content h6 {
        color: #FFFFFF !important;
    }
    .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing,
    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing {
        display: grid;
        /* grid-template-columns: repeat(2, 1fr); */
        grid-gap: 10px;
        padding: 10px 0px;
        margin-bottom: 0 !important;
    }
    .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li,
    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li {
        list-style: none;
        font-size: 15px;
        margin: 0px;
        text-align: left !important;
    }

    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li>label {
        font-weight: 600;
    }

    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer {
        padding: 20px 10px;
        border: 0px;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer {
        background: #383838 !important;
    }

    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer .mobile-share-button {
        display: none;
    }

    /* body.project_theme_mode_normal.account .modal-inner-wrap .modal-footer .mobile-share-button {
    display: none;
} */
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .notice-message,
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .notice-message {
        display: none;
    }

    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .mage-error {
        background: none;
    }

    @media screen and (min-width:1080px) {
        .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing {
            /* grid-template-columns: repeat(4, 1fr); */
        }

        .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li {
            white-space: nowrap !important;
        }

        body.account.agent-projects-index .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap {
            width: 80% !important;
        }
    }

    @media screen and (max-width:700px) {
        .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer {
            text-align: center;
        }

        /* body.project_theme_mode_normal.account .modal-inner-wrap .modal-footer .mobile-share-button {
        display: block;
        margin: 0px auto;
    } */
        .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer .mobile-share-button {
            display: block;
            margin-left: 5px !important;
            /* margin: 0px auto; */
            position: absolute;
            bottom: 390px;
        }

        /* .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer .send-email-button {
        display: none;
    } */

        .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing {
            grid-template-columns: repeat(1, 1fr);
        }

        .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content .data.sales-table.table.email {
            display: none;
        }
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .data.sales-table.table label {
        color: #000000 !important;
    }

    /* End Social media links css */
    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .data.sales-table.table h5 {
        text-align: left !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .data.sales-table.table h5,
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .data.sales-table.table label {
        color: #fff !important;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .data.sales-table.table h5,
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .data.sales-table.table label {
        color: #000 !important;
    }

    /* mobile view- evo */
    @media screen and (max-width:700px) {

        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .notice-message,
        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .notice-message {
            border: 1px solid #89898926;
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 20px;
            display: block;
        }

        body.project_theme_mode_normal.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li i,
        body.project_theme_mode_normal.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li i {
            font-size: 12px;
        }

        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .email-mobile-hide,
        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .email-mobile-hide {
            display: none !important;

        }

        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .form-socialmedia-email ul.listing,
        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .form-socialmedia-email ul.listing {
            padding-left: 0;
            list-style: none;
            margin-left: 0;

        }

        body.account.agent-projects-index .email-mobile-hide {
            display: none !important;

        }

        /* body.project_theme_mode_dark.account .modal-inner-wrap .modal-footer button.send-email-button{
    display: none;
 } */

        /* body.account.agent-projects-index .modal-footer button.send-email-button {
    display: none !important;
} */
    }


    body.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li i,
    body.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li i {
        font-size: 12px;
    }

    body.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li i.fa.fa-eye,
    body.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li i.fa.fa-eye {
        padding: 5px !important;
    }

    body.project_theme_mode_dark.account.agent-projects-index ul.listing li i.fa.fa-external-link,
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li i.fa.fa-external-link,
    body.project_theme_mode_dark.account.agent-projects-index ul.listing li i.fa.fa-eye,
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li i.fa.fa-eye {
        color: #fff !important;
    }

    body.project_theme_mode_normal.account.agent-projects-index ul.listing li i.fa.fa-external-link,
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li i.fa.fa-external-link,
    body.project_theme_mode_normal.account.agent-projects-index ul.listing li i.fa.fa-eye,
    body.project_theme_mode_normal.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li i.fa.fa-eye {
        color: #000 !important;
    }

    body.account.agent-projects-index ul.listing li a.disable-view i.fa.fa-external-link,
    body.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li a.disable-view i.fa.fa-external-link,
    body.account.agent-projects-index ul.listing li a.disable-view i.fa.fa-eye,
    body.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content ul.listing li a.disable-view i.fa.fa-eye {
        color: #808080 !important;
        opacity: 0.7;
    }

    body.account.agent-projects-index ul.listing {
        padding-left: 0 !important;
        list-style: none !important;
        margin-left: 0;
        margin-bottom: 0 !important;
    }

    body.account.agent-projects-index ul.listing .mage-error-checkbox {
        background-color: transparent !important;
        white-space: nowrap !important;
        color: #e02b27 !important;
        font-size: 11.2px !important;
        font-weight: 400 !important;
    }

    body.account.agent-projects-index ul.listing i {
        padding-left: 15px !important;

    }

    body.account.agent-projects-index ul.listing li a.disable-view {
        pointer-events: none !important;
        cursor: default;
    }

    body.account.agent-projects-index ul.listing li {
        text-align: start !important;
    }

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

    /* body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table label {
    color: red !important;

} */
    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .notice-message {
        display: none;

    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section {
        display: flex !important;
        justify-content: space-around;
        align-items: center;
        column-gap: 20px;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code {
        width: 75% !important;
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.phone-number {
        width: 100% !important;
    }

    /* body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap
.notice-phone-text{
    border: 1px solid #ebebeb;
    padding: 20px;
    text-align: left;
} */
    /* body.project_theme_mode_dark .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap
.notice-phone-text{
    border: 1px solid #fff;
    padding: 20px;
    text-align: left;
} */
    body.account.project_theme_mode_dark .modals-wrapper .modal-popup.modal-project-details-custom .modal-inner-wrap label {
        color: #fff !important;
    }

    body.account.project_theme_mode_dark .modals-wrapper .modal-popup.modal-project-details-custom .modal-inner-wrap .notice-phone-text {
        color: #fff !important;
    }

    @media (max-width: 700px) {
        body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .notice-message {
            display: block !important;
            color: #fafafaed !important;

        }

        body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .notice-message {
            padding-bottom: 10px !important;
        }

        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .notice-message {
            display: block;

        }

        body.agent-projects-index.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap footer.modal-footer {
            padding: 15px 30px 20px 30px !important;
            /* position: relative; */
        }

        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section {
            flex-direction: column !important;
            row-gap: 20px;
        }

        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .notice-phone-text {

            text-align: center;
        }

        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code {
            width: 100% !important;
        }

        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section label {
            text-align: left !important;
            display: flex;
            justify-content: flex-start;
        }
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .notice-message {
        display: none;

    }

    body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table label {
        margin: 0px !important;
        font-size: 13px
    }

    body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .data.sales-table.table label {
        color: #000 !important;
    }

    /* popup */
    body.agent-projects-index.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap,
    body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap {
        width: 52% !important;
        top: 20%;
    }

    @media (max-width: 767.98px) {

        body.agent-projects-index.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap,
        body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap {
            width: 98% !important;
        }
    }

    body.agent-projects-index.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .modal-header,
    body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .modal-header {
        padding: 0 !important;
        display: flex !important;
        justify-content: space-between;
    }

    body.agent-projects-index.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .modal-content,
    body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .modal-content {
        padding: 20px 20px !important;
        margin: 0 !important;
        border: 0 !important;
    }

    body.agent-projects-index.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .modal-footer,
    body.agent-projects-index.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .modal-content,
    body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .modal-footer,
    body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .modal-content {
        padding: 20px 0px !important;
        margin: 0 !important;
    }

    body.agent-projects-index.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .modal-content,
    body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .modal-content {
        border: 0 !important;
        padding: 10px 20px !important;
    }

    body.agent-projects-index.account.project_theme_mode_normal .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .modal-content,
    body.agent-projects-index.account.project_theme_mode_normal .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .modal-content {
        color: #000 !important;
    }

    body.agent-projects-index.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .modal-footer,
    body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .modal-footer {
        padding: 20px 20px !important;
        display: flex !important;
    }

    body.agent-projects-index.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .modal-footer button,
    body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .modal-footer button {
        margin-left: auto !important;
    }

    body.agent-projects-index.project_theme_mode_dark.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .modal-header h1,
    body.agent-projects-index.project_theme_mode_dark.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .modal-content,
    body.agent-projects-index.project_theme_mode_dark.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap,
    body.agent-projects-index.project_theme_mode_dark.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .modal-header h1,
    body.agent-projects-index.project_theme_mode_dark.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .modal-content,
    body.agent-projects-index.project_theme_mode_dark.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap {
        background-color: #222222 !important;
        color: #fff !important;
    }

    body.agent-projects-index.project_theme_mode_dark.account .modals-wrapper .modal-popup.phone-success-alert._show .modal-inner-wrap .action-primary.action-accept,
    body.agent-projects-index.project_theme_mode_dark.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .action-primary.action-accept {
        background-color: transparent !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        border-color: #fff !important;
    }

    body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .action-primary.action-accept {
        border: 2px solid #000 !important;
    }

    body.agent-projects-index.account .modals-wrapper .modal-popup.shareproject-success-alert .modal-inner-wrap .action-close {
        background-color: #000 !important;
    }

    body.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer,
    body.account .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap .modal-footer {
        display: flex;
        padding: 20px 40px !important;
        border: 0 !important;
        justify-content: flex-end !important;
    }

    body.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer {
        justify-content: flex-end !important;
    }

    /* body.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer button,
body.account .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap .modal-footer button{
    margin-left: auto !important ;
    margin-right: 0 !important;
} */
    body.account .modal-inner-wrap .modal-footer button.mobile-share-button {
        display: none;
    }

    @media screen and (max-width:700px) {
        body.account .modal-inner-wrap .modal-footer button.mobile-share-button {
            display: block;
            margin-left: 5px !important;
            position: absolute;
            bottom: 390px;
        }

        body.account .page-main #projects_search_form .project-details-heading span.project-hide-headings-span {
            display: none;
        }

        body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .email-mobile-hide {
            display: none;
        }

        body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-footer {
            background-color: #222222 !important;
            border: 0 !important;
        }

        body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-footer button.mobile-share-button {
            display: block !important;
        }
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-footer button.mobile-share-button {
        display: none;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-footer {
        background-color: #222222 !important;
        border: 0 !important;
    }

    .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span.project-social-share-span {
        min-width: 85px !important;
        width: 85px;
        text-align: center;
    }

    @media screen and (max-width:1200px) {
        .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span.project-social-share-span {
            min-width: 80px !important;
            width: 80px;
        }
    }

    @media screen and (max-width:850px) {
        .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span.project-social-share-span {
            min-width: 60px !important;
            width: 60px;
            text-align: end;
        }
    }

    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content .mage-error-checkbox {
        font-weight: 400;
        font-size: 11.2px !important;
    }

    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content .mage-error-checkbox,
    body.account .modals-wrapper .modal-popup._inner-scroll.share_social_media_property-modal .modal-inner-wrap .error,
    body.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .data.sales-table.table label.error {
        color: #e02b27 !important;
    }

    body.account .modals-wrapper .modal-popup._inner-scroll.share_social_media_property-modal .modal-inner-wrap .error,
    body.account .modals-wrapper .modal-popup._inner-scroll.share_social_media-modal .modal-inner-wrap .team-change-invitation-modal .error {
        color: #e02b27 !important;
        font-size: 11.2px !important;
        font-weight: 400 !important;
    }

    body.account div.dataTables_info {
        float: left !important;
    }

    body.account div.dataTables_paginate {
        float: right !important;
    }

    body.account div.dataTables_info,
    body.account div.dataTables_paginate {
        padding-top: 0.85rem;
    }

    body .page-main .columns .column.main .map-content .map {
        position: relative !important;
        overflow: hidden !important;
        width: 80% !important;
        height: 450px !important;
        margin: auto !important;
    }

    body.agent-projects-information.account #project_form .table-grid-container:nth-child(3) {
        grid-template-columns: 0.01fr 1fr !important;
    }

    body.project_theme_mode_normal .btn-round.sendInvitationBtn i {
        height: 14px !important;
    }

    body.account.project_theme_mode_dark.agent-projects-index .custom-accordion-tab ul.property-details label.property-status-label a {
        color: #fff !important;
    }

    body.account.project_theme_mode_normal.agent-projects-index .custom-accordion-tab ul.property-details label.property-status-label a {
        color: #000 !important;
    }

    body.account.agent-projects-index .custom-accordion-tab .tab .project-action {
        flex-wrap: wrap !important;
        padding-left: 15px !important;
    }

    body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer {
        display: flex !important;
        padding: 10px 30px 30px 30px !important;
    }

    /* body.project_theme_mode_dark.account .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-footer button{
    margin-left: auto !important;
    margin-right: 0 !important;
} */

    @media (max-width: 575.98px) {
        .custom-accordion-tab ul.property-details li.property-social-media-share {
            margin-left: auto !important;
        }

        .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span {
            min-width: 100px !important;
            height: 30px !important;
        }

        .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span:is(:nth-child(3), :nth-child(2)) {
            min-width: 80px !important;
            height: 30px !important;
        }

        body.account.agent-projects-index .custom-accordion-tab .tab .project-action a {
            margin-left: 0rem !important;
            margin-top: 0.5rem !important;
            margin-right: 1rem !important;
        }

        body.account.agent-projects-index .custom-accordion-tab .tab .btn-round.add_property,
        body.account.agent-projects-index .custom-accordion-tab .tab .btn-secondary.project-details-btn {
            min-width: 6rem !important;
        }

        body .proxima-myaccount-container .proxima-myaccount-sidebar {
            right: 0 !important;
        }
    }
    body.account.agent-projects-index .custom-accordion-tab .tab .project-action a{
        margin-left: 0rem !important;
        margin-top: 0.5rem !important;
        margin-right: 1rem !important;
    }
    body.account.agent-projects-index .custom-accordion-tab .tab .btn-round.add_property,
    body.account.agent-projects-index .custom-accordion-tab .tab .btn-secondary.project-details-btn{
        min-width: 6rem !important;
    }
    /* in doubt */
    /* body .proxima-myaccount-container .proxima-myaccount-sidebar{
        right: 0 !important;
    } */

         @media (min-width: 485px) and (max-width: 575px){
            .property-details-mobile-only .property-mobile-sub-section-image ul li.property-rop {
                margin-right: 14px !important;
           }
           body.account .modals-wrapper .modal-popup.share_social_media-modal .modal-inner-wrap{
            max-height: auto !important;
        }
    }

body.account .proxima-myaccount-container .listing-body-content .project-field input:is(#project_brochure, #project_summary, #attachment,#proxima_brochure,#developers_brochures,#contract_of_sale){
    visibility: hidden;
}
/* img-upload-container */
    body.account .table span.label-important {
        color: #e02b27 !important;
        margin-left: 2px !important;
    }

    body.account .modals-wrapper .modal-popup.share_social_media-modal .modal-inner-wrap {
        max-height: 80%;
    }

    body.account.agent-projects-index .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap {
        width: 80% !important;
        /* bottom: 20px !important; */
        /* top: 20px !important; */
    }

    body.account.agent-projects-information .proxima-myaccount-container .body-content form div:not(.progress,.progress-bar) {
        position: relative;
    }

    ul.menus,
    body.account.agent-projects-information .proxima-myaccount-container .body-content form ul.menus {
        position: absolute;
        width: 96%;
        background-color: #b3b3b3;
        border: 0.5px solid #000 !important;
        border-top: 0 !important;
        border-radius: 2px;
        height: auto;
        margin-bottom: 0 !important;
        padding-left: 25px !important;
        z-index: 1;
    }

    ul.menus {
        font-size: 14px !important;
        border: 0 !important;
        border-radius: 10px;
        width: 100%;
    }

    ul.menus li {
        margin: 10px 0px !important;
    }

    body.account.agent-projects-information .proxima-myaccount-container .body-content form ul.menus li {
        font-size: 16px !important;
        margin: 10px 0px !important;
    }

    body.account.agent-projects-index .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap .modal-header h1 {
        text-align: left;
        width: 90%;
    }

    body.account.agent-projects-index .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap .modal-content {
        border: 0 !important;
    }

    body.account .proxima-myaccount-container .listing-body-content .project-field input:is(#project_brochure, #project_summary, #attachment) {
        visibility: hidden;
    }

    /* img-upload-container */
    .listingsystem-externallist-edit.account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container {
        width: 100% !important;
    }
    .account.listingsystem-externallist-edit .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range .image-container-grid{
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        overflow-y: auto;
        margin: 15px 0px;

    }
    .account.listingsystem-externallist-edit .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;
        height: fit-content;
    }
    .account.listingsystem-externallist-edit .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range{
        overflow: auto;
        /* height: auto !important; */
        min-height: 220px !important;
        border: 1px solid #000 !important;
    }
    .account.listingsystem-externallist-edit .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range input{
        top: unset;
        bottom: -10px;
    }
    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container {
        width: auto !important;
        padding: 0 !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .img-thumbnail {
        max-width: 70%;
    }
    .listingsystem-externallist-edit.account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .img-thumbnail{
        height: 50px;
    }
    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range {
        min-height: 175px;
        width: 100%;
        padding-bottom: 50px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range .d-flex.justify-content-between.align-items-center {
        position: relative;
        bottom: 0px;
        flex-wrap: wrap;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range input {
        position: absolute;
        top: 130px;
        border: 0 !important;
        width: auto;
        padding: 0;
        padding-right: 0 !important;
        border-radius: 0;
        left: 15px !important;
    }

    .account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range .d-flex.justify-content-between.align-items-center .upload-img-container {
        display: flex;
        align-items: center;
        width: 80px;
        justify-content: space-between;
        margin-right: 10px;
        column-gap: 10px;
    }
    body.account.agent-projects-information .proxima-myaccount-container .body-content form .top-div-wrapper {
    display: flex;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field {
        clear: none !important;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field {
        display: flex !important;
        flex-direction: column !important;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range {
        justify-content: flex-start !important;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range .image-container-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 111px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 15px;
        width: 100% !important;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range .image-container-grid .upload-img-container {
        display: inline-flex;
        align-items: center;
        margin-bottom: 8px !important;
        padding-left: 0 !important;
    }

    .account .proxima-myaccount-container .listing-body-content #update-property .first-col .project-field .img-thumbnail {
        max-width: 50% !important;
    }

    /* img-upload-container */
    /* showUrlsModal */
    #showUrlsModal .modal-content {
        width: 55% !important;
        min-width: 55% !important;
    }

    body #showUrlsModal .modal-content .property-showmore-title-class {
        margin: 0 !important;
        font-size: 26px !important;
        text-align: center !important;
    }

    body.project_theme_mode_dark #showUrlsModal .modal-content .property-showmore-title-class {
        color: #fff;
    }

    #showUrlsModal .modal-content ul.property-details {
        justify-content: flex-start !important;
        margin-bottom: 0 !important;
    }

    #showUrlsModal .custom-accordion-tab ul.property-details li {
        max-width: min-content !important;
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    #showUrlsModal .custom-accordion-tab ul.property-details li a {
        padding-bottom: 10px !important;
    }

    .project_theme_mode_dark #showUrlsModal .custom-accordion-tab ul.property-details li a {
        color: #FFF;
    }

    .project_theme_mode_normal #showUrlsModal .custom-accordion-tab ul.property-details li a {
        color: #000;
    }

    body.account.agent-projects-index ul.listing {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    body.account.agent-projects-index ul.listing li {
        white-space: nowrap !important;
    }

    @media only screen and (max-width : 767px) {
        #showUrlsModal .modal-content {
            width: 100% !important;
            min-width: 100% !important;
        }

        #showUrlsModal .modal-content ul.property-details {
            overflow-y: hidden !important;
            overflow-x: auto !important;
        }

        #showUrlsModal .modal-content ul.property-details {
            padding: 0 !important;
            padding-top: 30px !important;
        }
    }

    @media (max-width: 575.98px) {
        body.account.agent-projects-index ul.listing {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
        }

        #showUrlsModal .custom-accordion-tab ul.property-details li {
            display: block !important;
        }
    }

    /* showUrlsModal */
    /* filter-section new style */
    .modal-search-projects-filter .body-content .filter-section {
        display: flex;
        justify-content: space-between !important;
        padding: 20px 0px;
    }

    .modal-search-projects-filter .body-content .filter-section .row:nth-child(1) .filter-dropdown-select-project select,
    .modal-search-projects-filter .body-content .filter-section .row:nth-child(3) .filter-dropdown-select-project select {
        min-width: 113px;
    }

    .modal-search-projects-filter .body-content .filter-section .row:nth-child(2) .filter-dropdown-select-project select {
        min-width: 129px;
    }

    .modal-search-projects-filter .body-content .filter-section .col-lg-12 {
        display: flex;
        justify-content: space-around !important;
    }

    .modal-search-projects-filter .body-content .filter-section select {
        padding: 0px 0px 0px 11px !important;
        width: auto;
        flex-wrap: wrap;
    }

    .modal-search-projects-filter .body-content .filter-section .col-lg-12 h4 {
        margin: 0 5px 11px 5px !important;
        display: inline-flex;
        align-items: center;
    }

    .agent-projects-information .modal-popup.confirm._show .modal-inner-wrap {
        max-width: 30rem !important;
    }

    .agent-projects-information .modal-popup.confirm._show .modal-inner-wrap .modal-footer,
    .agent-projects-information .modal-popup.confirm._show .modal-inner-wrap .modal-header {
        padding: 0 0 10px 0 !important;
    }

    .agent-projects-information .modal-popup.confirm._show .modal-inner-wrap .modal-header h1 {
        margin-left: 0 !important;
    }

    .agent-projects-information .modal-popup.confirm._show .modal-inner-wrap .modal-content {
        padding: 20px 20px !important;
        margin: 0;
    }

    .agent-projects-information .modal-popup.confirm._show .modal-inner-wrap .modal-footer {
        text-align: end !important;
    }

    body.listingsystem-index-index.project_theme_mode_dark .modal-popup.confirm .modal-inner-wrap,
    body.listingsystem-index-index.project_theme_mode_dark .modal-popup.confirm .modal-inner-wrap .modal-content,
    .agent-projects-information.project_theme_mode_dark .modal-popup.confirm._show .modal-inner-wrap .modal-content,
    .agent-projects-information.project_theme_mode_dark .modal-popup.confirm._show .modal-inner-wrap {
        background-color: #222222 !important;
    }

    body.listingsystem-index-index.project_theme_mode_dark .modal-popup.confirm .modal-inner-wrap .modal-content,
    .agent-projects-information.project_theme_mode_dark .modal-popup.confirm._show .modal-inner-wrap .modal-content {
        color: #fff !important;
    }

    .body.project_theme_mode_normal.account .modal-inner-wrap .modal-footer button.project_theme_mode_dark .modal-popup.confirm._show .modal-inner-wrap .modal-content,
    body.listingsystem-index-index.project_theme_mode_dark .modal-popup .modal-title,
    .agent-projects-information.project_theme_mode_dark .modal-popup.confirm._show .modal-inner-wrap .modal-header h1 {
        color: #fff !important;
        background: #222222 !important;
    }

    body.listingsystem-index-index.project_theme_mode_normal.account .modal-popup:not(.confirm-alert-info-success-modal) .modal-inner-wrap .modal-footer button,
    body.agent-projects-information.project_theme_mode_normal.account .modal-popup:not(.confirm-alert-info-success-modal,.custom_modal__carousel_details) .modal-inner-wrap .modal-footer button {
        background-color: #000 !important;
        color: #fff !important;
    }

    body.listingsystem-index-index.project_theme_mode_normal.account .modal-popup:not(.confirm-alert-info-success-modal) .modal-inner-wrap .modal-footer button span,
    body.agent-projects-information.project_theme_mode_normal.account .modal-popup:not(.confirm-alert-info-success-modal) .modal-inner-wrap .modal-footer button span {
        color: #fff !important;
    }

    /* filter-section new style */
    .modal-search-projects-filter .body-content .filter-section {
        display: flex;
        justify-content: space-between;
        padding: 20px 0px;
        flex-wrap: wrap !important;
    }

    .modal-search-projects-filter .body-content .filter-section .col-lg-12 {
        display: flex;
        align-items: baseline;
        justify-content: space-between !important;
    }

    .modal-search-projects-filter .body-content .filter-section select {
        padding-right: 33px !important;
        width: 140px;
        flex-wrap: wrap;
    }

    .modal-search-projects-filter .body-content .filter-section .col-lg-12 h4 {
        margin-right: 10px !important;
    }

    .modal-search-projects-filter .body-content .filter-section-two {
        display: flex;
        justify-content: space-between;
    }

    .modal-search-projects-filter .body-content .filter-section-two .row {
        width: 50% !important;
    }

    .modal-search-projects-filter .body-content .filter-section-two .row:nth-child(1) {
        margin-right: 3% !important;
    }

    .modal-search-projects-filter .body-content .filter-section .filter-dropdown-select-project::after {
        top: 4px !important;
    }

    .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-search--inline .select2-search__field,
    .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-selection--multiple {
        border-radius: 30px !important;
        height: 36px !important;
    }

    .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-search.select2-search--inline {
        line-height: 0;
        position: relative;
        top: -5px;
    }

    .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-selection--multiple {
        background-color: transparent !important;
        border: 1px solid #fff !important;
        height: auto !important;
    }

    .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-search--inline .select2-search__field::placeholder {
        color: #fff !important;
        font-size: 12px !important;
        padding-left: 10px !important;
    }

    .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin: 8px 0px 0px 14px !important
    }

    body.agent-projects-index .select2-container--default .select2-results>.select2-results__options {
        background-color: #000 !important;
    }

    body.agent-projects-index .select2-results__option--selectable {
        color: #fff;
    }

    .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-selection--single .select2-selection__arrow {
        display: none !important;
    }

    .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-selection--multiple .select2-selection__clear {
        margin-right: 22px !important;
    }

    @media (max-width: 1600.98px) {

        .modal-search-projects-filter .body-content .filter-section select,
        .modal-search-projects-filter .body-content .filter-section .col-lg-12 h4 {
            font-size: 12px !important;
        }
    }

    @media (max-width: 1440.98px) {
        .modal-search-projects-filter .body-content .filter-section {
            flex-wrap: wrap !important;
        }
    }

    @media (max-width: 767.98px) {
        .modal-search-projects-filter .body-content .filter-section .row {
            min-width: 100% !important;
        }

        /* .modal-search-projects-filter {
            width: 60% !important; removed for mobile device
        } */

        .modal-search-projects-filter .body-content .filter-section .col-lg-12 {
            justify-content: space-between !important;
        }

        .modal-search-projects-filter .body-content .filter-section select {
            width: 130px !important;
        }
    }

    @media (max-width: 575.98px) {

        .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-search--inline .select2-search__field,
        .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-selection--multiple {
            min-height: 25px !important;
            height: auto !important;
        }

        .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-container--default .select2-selection--multiple .select2-selection__choice {
            margin: 8px 0px 0px 20px !important;
        }

        .modal-search-projects-filter .body-content .filter-section {
            display: grid !important;
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 10px !important;
            padding-bottom: 5px !important;
        }

        .modal-search-projects-filter .body-content .filter-section-two label {
            display: none !important;
        }
    }

    /* filter-section new style */

    /*---production_design_fix_allproject_space_remove_20_04_23 --*/
    @media (max-width: 767.98px) {
        .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span {
            height: 30px !important;
        }

        body.account.agent-projects-index .custom-accordion-tab .tab .project-action {
            padding-top: 5px !important;
        }

        body.account.agent-projects-index .proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name {
            padding-bottom: 5px !important;
        }

        body.account.agent-projects-index .custom-accordion-tab .tab .project-action {
            padding-left: 20px !important;
        }
    }

    /*---production_design_fix_allproject_space_remove_20_04_23 --*/

    @media (max-width: 575.98px) {
        body.account.agent-projects-index .custom-accordion-tab .tab .project-action a.btn {
            font-size: 0.65rem !important;
            white-space: nowrap !important;
        }

        body.account.agent-projects-index .custom-accordion-tab .tab .project-action a.project-details-btn {
            min-width: 9rem !important;
        }
    }

    body.account.agent-projects-index .custom-accordion-tab ul.property-details-basic-details {
        grid-template-columns: 0.3fr 0.6fr 1fr 0.5fr 0.4fr 0.4fr 0.4fr 0.6fr 0.6fr 0.2fr 0.3fr 0.3fr 0.3fr !important;
    }

    body.listingsystem-index-index.account .proxima-myaccount-container .listing-body-content .project-field input.required.file.valid {
        visibility: hidden !important;
        position: absolute;
    }

    /* overlay-image-section */
    body.image-overlay .page-wrapper .proxima-myaccount-container .overlay-section {
        display: block;
    }

    body .page-wrapper .proxima-myaccount-container .overlay-section {
        display: none;
    }

    body.image-overlay .page-wrapper {
        position: relative;
    }

    body.image-overlay .page-wrapper .proxima-myaccount-container {
        position: unset !important;
    }

    body.image-overlay .page-wrapper .proxima-myaccount-container .overlay-section {
        width: 100%;
        position: absolute;
        background: #000000c4;
        height: 100%;
        left: 0;
        z-index: 99999;
        top: 0;
        bottom: 0;
    }

    body.image-overlay .page-wrapper .proxima-myaccount-container .overlay-section .overlay-section-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        position: fixed !important;
    }

    body.image-overlay .page-wrapper .proxima-myaccount-container .overlay-section .overlay-section-content h1 {
        color: #fff !important;
        font-size: 22px;
    }

    body.image-overlay .page-wrapper .proxima-myaccount-container .overlay-section .overlay-section-content .spinner-grow:nth-child(odd) {
        animation-delay: 1s !important;
    }

    body.image-overlay .page-wrapper .proxima-myaccount-container .overlay-section .overlay-section-content .spinner-grow {
        width: 2rem !important;
        height: 2rem !important
    }

    /* overlay-image-section */
    .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;
    }

    @media (max-width: 1750px) and (min-width: 1440px) {
        .modal-search-projects-filter .body-content .filter-section .row:nth-child(1) .col-lg-12 h4 {
            margin-left: 0 !important;
            width: 40px !important;
        }

        .modal-search-projects-filter .body-content .filter-section .row:nth-child(4) .col-lg-12 h4 {
            width: 48px !important;
        }

        .modal-search-projects-filter .body-content .filter-section .row:nth-child(4) .filter-dropdown-select-project select {
            width: 120px !important;
        }
    }

    .modal-search-projects-filter .body-content .filter-section .row:nth-child(4) .filter-dropdown-select-project select {
        padding-right: 21px !important;
    }

    .modal-search-projects-filter .body-content .filter-section .row:nth-child(4) .filter-dropdown-select-project::after {
        right: 8px !important;
    }

    /* May18_Feedbacks style fix */
    .catalog-product-view .product-main-content .product.media .fotorama__wrap--slide .fotorama__stage__frame {
        justify-content: center !important;
    }

    /* body.account.agent-projects-index .custom-accordion-tab ul.property-details-basic-details {
        grid-template-columns: 0.3fr 0.6fr 1fr 0.5fr 0.4fr 0.4fr 0.4fr 0.6fr 0.6fr 0.2fr .2fr .2fr !important;
    } */

    .catalog-product-view .product-main-content .product.media .fotorama__stage__frame .fotorama__img {
        max-width: 970px !important;
        left: auto !important;
    }

    @media (max-width: 767.98px) {

        body.roombooking-roomlistforbooking-index .table.dataTable tbody tr td {
            font-size: 8px !important;
        }

        body.roombooking-roomlistforbooking-index .table.dataTable thead tr th {
            font-size: 10px;
        }

        .container.roomBookingContainer .dataTable button.bookRoom {
            min-width: 54px !important;
            font-size: 10px !important;
        }
    }

    @media (max-width: 575.98px) {

        /* body.reservation-client-registration #tbl-client_wrapper table, body.roombooking-roomlistforbooking-index .table.dataTable{
            display: block !important;
        } */
        /* in doubt */
        /* body .proxima-myaccount-container .proxima-myaccount-sidebar {
            right: 60px !important;
        } */
        /* in doubt */
        /* .modal-search-projects-filter {
            width: 98% !important; Removed for mobile
        } */

        .modal-search-projects-filter .body-content .filter-section .col-lg-12 h4 {
            display: none !important;
        }

        .modal-search-projects-filter .body-content .filter-section ul,
        .modal-search-projects-filter .body-content .filter-section select {
            width: 100% !important;
        }

        .modal-search-projects-filter .body-content .filter-section .row:nth-child(4) .filter-dropdown-select-project::after {
            right: 15px !important;
        }

        .modal-search-projects-filter .body-content .filter-section-two {
            padding-bottom: 20px !important;
        }

        .modal-search-projects-filter .body-content div:nth-child(5) .col-lg-12 h4 {
            display: none !important;
        }

        .modal-search-projects-filter .body-content .row .filter-dropdown-select-project .select2-search.select2-search--inline {
            top: 0 !important;
        }

        body.roombooking-roomlistforbooking-index .table.dataTable tbody tr td:nth-child(3),
        body.roombooking-roomlistforbooking-index .table.dataTable thead tr th:nth-child(3) {
            display: none;
        }

        body.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #preview-form iframe {
            width: auto !important;
            height: 300px !important;
        }
    }

    /* May18_Feedbacks style fix */
    @media screen and (max-width: 991.98px) {
        .proxima-myaccount-container .proxima-myaccount-sidebar {
            z-index: 901 !important;
        }
    }

    /* social media italic font */
    body.account.agent-projects-index .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap .modal-content .info-social-text,
    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content .info-social-text {
        font-style: italic !important;
        text-align: left !important;
    }

    body.account.project_theme_mode_dark.agent-projects-index .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap .modal-content .info-social-text,
    .project_theme_mode_dark .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content .info-social-text {
        color: #fff !important;
    }

    body.account.agent-projects-index .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap .modal-content .info-social-text,
    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content .info-social-text,
    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content .mage-error-checkbox,
    .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap .modal-content .mage-error-file_limit {
        margin: 15px 0px !important;
    }

    /* social media italic font */
    /* invoice */
    .account.commissionsystem-mypaidinvoices-index .toolbar .pages {
        top: 30px;
    }

    @media screen and (max-width: 991.98px) {
        .proxima-myaccount-container .body-content form .order-products-toolbar .pager .limiter .limiter-options {
            line-height: 11px !important;
        }

        .account.commissionsystem-mypaidinvoices-index .pages .items .item strong,
        .account.commissionsystem-mypaidinvoices-index .pages .items .item a {
            width: 30px !important;
            height: 30px !important;
        }

        .account.commissionsystem-mypaidinvoices-index .toolbar .pages {
            top: 0px;
        }

        .account.commissionsystem-mypaidinvoices-index .pages .items {
            display: flex;
            align-items: flex-start;
        }
    }

    .commissionsystem-mypaidinvoices-index .proxima-myaccount-container .body-content form .table #container tr td {
        height: 45px !important;
    }

    /* social media italic font */

    .modal-slide .modal-inner-wrap,
    .modal-popup .modal-inner-wrap .mobile_view_or h3 {
        display: none;

    }

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

        .modal-slide .modal-inner-wrap,
        .modal-popup .modal-inner-wrap .mobile_view_or h3 {
            display: block;

        }
    }

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

        .modal-slide .modal-inner-wrap,
        .modal-popup .modal-inner-wrap .mobile_view_or h3 {
            margin-top: 55px;

        }

        body.account .modals-wrapper .modal-popup.share_social_media-modal .modal-inner-wrap {
            max-height: max-content !important;
        }

        body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code {
            width: 100% !important;
        }

        body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code {
            width: 100% !important;
        }

        body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section {
            row-gap: 5px;
        }

        body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section {

            flex-direction: column;
        }
        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.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.project_theme_mode_normal.account .modal-popup.confirm .modal-inner-wrap .modal-content{
        padding: 30px !important;
      }
      body.reservation-reservationcomplete-index  .body-content .modal-content .table .r-span
      body.reservation-property-form .proxima-myaccount-container .body-content .modal-content .table .r-span,
      body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table .r-span,
      body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table .r-span {
        grid-column: 2 / 5 !important;
    }
    body.reservation-reservationcomplete-index  .body-content .modal-content .table .r-span .select2-selection__clear
    body.reservation-property-form .proxima-myaccount-container .body-content .modal-content .table .r-span  .select2-selection__clear,
    body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table .r-span  .select2-selection__clear{
      display: none !important;
  }
    body.reservation-reservationcomplete-index .modal-content div.table-grid-container .r-span {
        grid-column: 2 / 5 !important;
    }
    body.reservation-reservationcomplete-index .modal-content div.table-grid-container .r-  .select2-selection__clear {
display: none !important;
    }
    body.reservation-reservationcomplete-index .modal-content div.table-grid-container .r-span input{
        border: none !important;
    }
    body.proxima-myaccount-container .body-content .modal-content .table .r-span input
    body.reservation-property-form .proxima-myaccount-container .body-content .modal-content .table .r-span input,
    body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table .r-span input{
    border: none !important;
  }
  body.reservation-reservationcomplete-index  .body-content .modal-content .table .flblkfrm
    body.reservation-property-form .proxima-myaccount-container .body-content .modal-content .table .flblkfrm,
    body.reservation-client-registration .proxima-myaccount-container .body-content .modal-content .table .flblkfrm,
    body.reservation-viewdraft-index .proxima-myaccount-container .body-content .modal-content .table .flblkfrm {
      grid-column: 1 / 2 !important;
  }
  body.reservation-reservationcomplete-index .modal-content div.table-grid-container .flblkfrm {
    grid-column: 1 / 2 !important;
}
body.reservation-reservationcomplete-index .modal-content div.table-grid-container .legal-entity.flblkfrm{
    grid-column: 1 / 2 !important;
}
body.reservation-reservationcomplete-index .modal-content div.table-grid-container .legal-entity.flblkfrm .select2-selection__clear{
   display: none !important;
}
body.reservation-reservationcomplete-index .modal-content div.table-grid-container .form-group.r-span.legal-entity{
    grid-column: 2 / 5 !important;
}
body.reservation-property-form .modal-content div.table-grid-container .form-group.r-span.legal-entity{
    grid-column: 2 / 5 !important;
}
body.reservation-property-form .modal-content div.table-grid-container .legal-entity.flblkfrm{
    grid-column: 1 / 2 !important;
}
body.project_theme_mode_normal.reservation-reservationcomplete-index .modal-pop-up-custom-client-update .modal-content .table-grid-container .form-group.r-span.legal-entity input{
border: none !important;
}
  body.reservation-property-form .proxima-myaccount-container .body-content .modal-content .table .r-span span{
    border-radius: 20px !important;

  }
  body.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .modal-content .table .r-span span{
    border-radius: 20px !important;

  }

  body.reservreservation-property-form .select2-container--default .select2-selection--multiple{
    padding-right: 10px !important;
    border-radius: 20px !important;
    border: 1px solid #000 !important;
}
body.reservation-reservationcomplete-index .table .r-span .select2-container--default .select2-selection--multiple{
    padding-right: 10px !important;
    border-radius: 20px !important;
    border: 1px solid #000 !important;
}

    body.reservation-client-registration .select2-container--default .select2-selection--multiple {
        padding-right: 10px !important;
        border-radius: 20px !important;
        border: 1px solid #000 !important;
    }
    body.reservation-property-form .select2-container--default .select2-selection--multiple input,
    body.reservation-client-registration .select2-container--default .select2-selection--multiple input{
        border-radius: 5px !important;
        /* border: 1px solid #000 !important; */
    }
    body.reservation-viewdraft-index .table span,
    body.reservation-reservationcomplete-index  .table span,
    body:is(.reservation-property-form, .offer-property-form) .table span,
    body.reservation-client-registration  .table span{
        font-size: 14px !important;
        line-height: 28px;
    }
    body.reservation-property-form  .select2-container--default .select2-selection--multiple{
        padding: 5px !important;
    }
    body.account.reservation-client-registration #create-new-client .select2-container--default .select2-selection--single .select2-selection__rendered{
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 80%;
        overflow: hidden;
        display: block;
        height: 30px;
    }

      body .proxima-myaccount-container .body-content form .table tbody tr td i.fa.fa-check.updateTierData {
    padding-right: 15px;
}
body .proxima-myaccount-container .body-content form .table tbody tr td{
    width: auto !important;
}
body .proxima-myaccount-container .body-content form .table tbody tr.editable  td select {
    width: auto !important;
}
body .modal-popup.confirm .modal-inner-wrap .modal-content {
    margin: 0 !important;
    font-size: 18px !important;
}
body .modal-popup.confirm .modal-inner-wrap .modal-footer {

    text-align: right !important;
}
body .modal-popup.confirm .modal-inner-wrap .modal-header {

    text-align: right !important;
}
@media screen and (max-width: 1440px) {
    body:is(.agent-projects-discounts, .agent-projects-salescommission) .proxima-myaccount-container .body-content form{
        overflow-x: scroll !important;
    }
}
      body.account.agent-projects-index  .modal-popup.phone-success-alert .modal-inner-wrap{
        width: 50% !important;
    }

    body.account.agent-projects-index .modal-popup.phone-success-alert .modal-inner-wrap .modal-content {
        text-align: center;
        min-width: 50% !important;
    }

    body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code {
        width: 45%;
    }

    body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .phone_validation {
        width: 100% !important;
    }
body.agentregistration-index-index .registration-container-grid .container-grid .field.radio-edit{
    flex-direction: row !important;
    margin-top: 10px !important;
   }
   @media screen and (max-width: 1200px){
   body.agentregistration-index-index .registration-form-background{
    padding: 10px 20px 13px 20px !important;
   }
}
    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap select, input[type="number"]{
        font-size: 14px !important;
        border-radius: 20px;
    }

    body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section {
        display: flex;
        column-gap: 20px;
        align-items: center;
    }

    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% !important;

    }

    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;
    }

    body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code {
        width: 50% !important;
    }

    @media screen and (min-width: 1440px) {
        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.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code {
        width: 50% !important;

    }

    body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code .control {
        display: flex;
        align-items: center;
    }

    body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .phone_validation {
        width: 50% !important;
    }

    body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.phone-number {
        display: flex;
        align-items: center;
        column-gap: 10px;

    }

    body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.phone-number label {
        width: 30% !important;

    }

    body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code label {
        width: 30% !important;

    }

    body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.phone-number .control {
        width: 100% !important;

    }

    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content {
        padding: 40px !important;
    }

    body.account.agent-projects-index .modal-popup:not([class*="custom_modal__"]).modal-slide .modal-footer {
        padding: 20px !important;
    }

    .modals-wrapper .modal-popup:not([class*="custom_modal__"],.modal-pop-up-edit-solicitor, .vendor-price-onhold-modal)._inner-scroll .modal-inner-wrap .modal-header {
        border-bottom: 1px solid #888888 !important;
        padding: 10px !important;
    }

    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content {
        border: 1px solid transparent !important;
    }

    body.account.agent-projects-index .modal-popup:not([class*="custom_modal__"]).modal-slide .modal-footer {
        border-top: 1px solid #888888 !important;
    }

    @media screen and (max-width: 1200px) {
        body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code {
            width: 100% !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: 90% !important;
        }

        body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code .control {
            flex-direction: column;
            align-items: flex-start;
        }

        body.project_theme_mode_normal.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code {
            width: 100% !important;

        }

        body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code {
            width: 100% !important;
        }

        body.agent-projects-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .phone_validation {
            width: 100% !important;
        }

        body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.phone-number label {
            width: 100% !important;

        }

        body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.country_code label {
            width: 100% !important;

        }

        body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section .field.phone-number {
            flex-direction: column;
            align-items: flex-start;
            row-gap: 5px !important;

        }

    }

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

        body .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .input-field-section {
            row-gap: 5px !important;
        }
    }
    .project_theme_mode_normal .container.roomBookingContainer .tableContainer{
        position: relative;
    }
    .project_theme_mode_normal .container.roomBookingContainer .tableContainer .text-left{
        position: absolute !important;
    }
    body.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .table{
        margin-bottom: 0 !important;
    }
    body.bluesky-page-preloader.agent-index-index.page-layout-1column .text-white{
        border-top: 1px solid #d9d9d936;
        margin-top: 35px;
        font-size: 16px !important;
        margin-bottom: 0;
        line-height: 30px !important;
    }
    body.commissionsystem-invoice-index .proxima-myaccount-container .body-content form .fieldset > .fields > .field.name .has-dollar-prefix-control::before{
        top: 7px !important;
    }
    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .payg_info {
       margin-left: 15px !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 ;
        }
    }

        /* Agent-matrix-new-style */
        .project_theme_mode_normal{
            --theme-color: #000;
            --bg-theme-color: #fff;
            --gray-text-theme: #868686;
            --border-gray: #f1f1f1;
        }
        .project_theme_mode_dark {
            --theme-color: #fff;
            --bg-theme-color: #000;
            --gray-text-theme: whitesmoke;
            --border-gray: #f1f1f1;
        }
        #treegrid tbody{
            font-family: 'Avenir LT Std', sans-serif !important;
        }
        #treegrid tbody [role="gridcell"]:nth-child(2){
            position: relative;
            height: 60px !important;
            border-color: var(--bg-theme-color) !important;
            padding: 5px 0px !important;
            border-style: solid !important;
            border-width: 0px 10px 0px 30px !important;
        }
        #treegrid tbody tr [role="gridcell"]:last-child input{
            min-width: 50px !important;
        }
        #treegrid tbody tr:nth-child(even) [role="gridcell"]:nth-child(2){
            border-color: var(--border-gray)!important;
        }
        #treegrid tbody tr.fancytree-expanded  [role="gridcell"]:nth-child(2){
            padding: 5px 0px !important;
            border-style: solid !important;
            border-width: 0px 10px 0px 10px !important;
        }
        #treegrid tbody .fancytree-title{
            color: var(--theme-color);
            font-size: 13px !important;
            font-weight: 600;
            line-height: 16px;
            letter-spacing: 0.2px;
            min-width: 225px !important;
            outline: none;
        }
        #treegrid tbody .fancytree-node .span-elements{
            display: flex !important;
            flex-direction: column;
            position: absolute;
            left: 58px;
            bottom: 2px;
        }
        table.fancytree-ext-table tbody span.fancytree-node{
            padding-left: 0px !important;
        }
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop{
            line-height: 2px;
            display: block;
        }
        table.fancytree-ext-table tbody span.fancytree-node{
            padding-left: 0 !important;
            height: 40px;
            position: relative;
        }
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop .icon-info{
            background-size: 9px !important;
            display: inline-block;
            background-repeat: no-repeat !important;
            margin-right: 5px !important;
        }
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop .icon-info.icon-phone{
            top: 3px;
            background: url(./phon-icon.svg);
            width: 10px;
            height: 13px;
            position: relative;
        }
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop .icon-info.icon-mail{
            width: 10px;
            background: url(./mail-icon.svg);
            height: 7px;
        }
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop .phno-span,
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop .mail-span,
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop .last-seen{
            padding: 0px 3px 0px 6px;
            color: var(--gray-text-theme);
            font-size: 11px !important;
            font-weight: 400 !important;
        }
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop .phno-span,
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop .mail-span{
            padding: 0px 3px 0px 5px;
            border-left: 1px solid var(--gray-text-theme);
        }
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop .phno-span a,
        #treegrid tbody .fancytree-node .span-elements .more-details-desktop .mail-span a{
            text-decoration: none !important;
        }
        table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view .tooltiptext{
            padding: 5px 10px !important;
            width: 265px !important;
            margin-left: -120px !important;
        }
        table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view .tooltiptext .tooltip-flex{
            word-wrap: break-word;
            word-break: break-all;
            justify-content: flex-start;
        }
        table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view{
            display: none !important;
        }
        @media screen and (max-width: 1500px){
            table.fancytree-ext-table tbody span.fancytree-node{
                height: 85px;
            }
            #treegrid tbody .fancytree-node .span-elements .more-details-desktop .phno-span,
            #treegrid tbody .fancytree-node .span-elements .more-details-desktop .mail-span,
            #treegrid tbody .fancytree-node .span-elements .more-details-desktop .last-seen{
                display: block;
                line-height: 12px  !important;
            }
            #treegrid tbody .fancytree-title{
                line-height: 0 !important;
            }
        }
        @media screen and (max-width: 768px){
            table.fancytree-ext-table tbody span.fancytree-node{
                height: 40px;
            }
            table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view{
                display: block !important;
            }
            #treegrid tbody .fancytree-node .span-elements{
                display: none !important;
            }
            table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view{
                width: 15px !important;
            }
            table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view.active img{
                background-color: #b4b4b4 !important;
                border-radius: 10px !important;
            }

            table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view .tooltiptext {
                right: 0;
                width: 100% !important;
                min-width: max-content;
                margin-left: 0 !important;
                left: unset;
                }
    }
            /* Agent-matrix-new-style */

    body.project_theme_mode_normal.account
        .modals-wrapper
        .modal-popup._inner-scroll
        .modal-inner-wrap
        .input-field-section
        .field.country_code {
        width: 100% !important;
    }

    body
        .modals-wrapper
        .modal-popup._inner-scroll
        .modal-inner-wrap
        .input-field-section
        .field.country_code {
        width: 100% !important;
    }

    body.agent-projects-index
        .modals-wrapper
        .modal-popup._inner-scroll
        .modal-inner-wrap
        .input-field-section
        .phone_validation {
        width: 100% !important;
    }

    body
        .modals-wrapper
        .modal-popup._inner-scroll
        .modal-inner-wrap
        .input-field-section
        .field.phone-number
        label {
        width: 100% !important;
    }

    body
        .modals-wrapper
        .modal-popup._inner-scroll
        .modal-inner-wrap
        .input-field-section
        .field.country_code
        label {
        width: 100% !important;
    }

    body
        .modals-wrapper
        .modal-popup._inner-scroll
        .modal-inner-wrap
        .input-field-section
        .field.phone-number {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 5px !important;
    }


@media screen and (max-width: 767px) {
    body
        .modals-wrapper
        .modal-popup._inner-scroll
        .modal-inner-wrap
        .input-field-section {
        row-gap: 5px !important;
    }
}

body.modal-openclient {
    position: fixed;
    overflow: hidden !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form h2 input {
    width: 80% !important;
    }
    body.account.agent-projects-information .proxima-myaccount-container .body-content form table a .img-thumbnail {
    max-width: 90% !important;
    width: 30px !important;
    }
    body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing {
    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    text-decoration: none;
    list-style: none;
    column-gap: 10px;
    padding-left: 0 !important;
    }
    body.account.agent-projects-index .modals-wrapper .modal-popup:is(.share_social_media-modal, .share_social_media_property-modal) ul.listing li,
    body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing li {
    text-align: start;
    white-space: nowrap !important;
    margin-top: 0rem;
    margin-bottom: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 10px;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    }
    body.account.agent-projects-index .modals-wrapper .modal-popup:is(.share_social_media-modal, .share_social_media_property-modal) ul.listing li label,
    body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing li label {
    display: flex;
    align-items: center;
    column-gap: 10px;
    }
    body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
    border: 0 !important;
    }
    body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap {
    padding: 0 !important;
    }
    /* new proxima style  project details page */
.project-details-box {
    position: relative;
    padding: 10px 0px;
}

.project-details-box h2 {
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
}

.project-details-box a.edit {
    background: #dcdcdc;
    border-radius: 40px;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    padding: 6px 30px;
}

.project-details-box p.availability {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}

.project-details-box p.availability span {
    color: #2da419;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin: 0px 10px 0px 0px;
}

.project-details-box p.availability a {
    border-radius: 20px;
    background: #067df4;
    color: #f5f5f5;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    padding: 5px 10px;
}

.project-details-box ul.project-details-mainlist {
    display: grid;
    border-radius: 5px;
    background: #f5f5f5;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

.project-details-box ul.project-details-mainlist > li {
    list-style: none;
    height: 100%;
    padding: 20px 16px;
    margin: 0px;
}

.project-details-box ul.project-details-mainlist > li ul {
    margin: 0px;
    padding: 0px;
}

.project-details-box ul.project-details-mainlist > li ul li {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 16px !important;
}

.project-details-box ul.project-details-mainlist > li ul li h3 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
}

.project-details-box ul.project-details-mainlist > li ul li label {
    width: 38%;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
    padding: 0px 0px 0px 0px;
}

.project-details-box ul.project-details-mainlist > li ul li span {
    display: block;
    width: 80%;
    font-weight: 400;
    font-weight: 400;
    line-height: normal;
    font-size: 14px;
}

.project-details-box ul.project-details-mainlist > li ul li div {
    display: block;
    width: 62%;
    font-weight: 400;
    font-weight: 400;
    line-height: normal;
    font-size: 14px;
}

.project-details-box ul.project-details-mainlist.tripple > li:nth-child(3) {
    padding: 20px 0px 0px 40px;
}

.project-details-box ul.project-details-mainlist > li:nth-child(3) .spa h2 {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px 0px 10px 0px;
}

.project-details-box ul.project-details-mainlist > li:nth-child(3) .spa p {
    margin: 0px;
    padding: 0px;
}

.project-details-box
    ul.project-details-mainlist
    > li:nth-child(3)
    .spa
    p.cont1 {
    margin: 0px 0px 30px 0px;
}

.project-details-box
    ul.project-details-mainlist
    > li:nth-child(3)
    .spa
    p.cont1
    span {
    display: block;
    border-radius: 20px;
    background: #dcdcdc;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000000;
    padding: 5px 10px;
    margin: 0px 0px 15px 0px;
    text-align: center;
}

.project-details-box
    ul.project-details-mainlist
    > li:nth-child(3)
    .spa
    p.contlist
    span {
    display: block;
    margin: 0px 0px 5px 0px;
    padding: 4px 0px 1px 34px;
    font-size: 14px;
    color: #000000;
}

.project-details-box
    ul.project-details-mainlist
    > li:nth-child(3)
    .spa
    p.contlist
    a:nth-child(1)
    span {
    background: url(../images/file.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(2)
    span {
    background: url(../images/share.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(3)
    span {
    background: url(../images/eye.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(4)
    span {
    background: url(../images/currency.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(5)
    span {
    background: url(../images/currency.svg) no-repeat 0% 50%;
    background-size: 24px auto;
}

.project-details-box ul.project-details-mainlist.tripple {
    grid-template-columns: 50% 30% 20%;
}

.project-details-box
    ul.project-details-mainlist.tripple
    > li:nth-child(2)
    label {
    width: 60%;
}

.project-details-box
    ul.project-details-mainlist.tripple
    > li:nth-child(2)
    span {
    width: 40%;
}

.project-details-box ul.project-details-mainlist.tripple > li:nth-child(3) {
    background: #ffffff !important;
}
.project-details-box ul.project-details-mainlist.tripple>li:nth-child(3) .spa .spa-contact-hover,
.project-details-box ul.project-details-mainlist.tripple>li:nth-child(3) .spa .developer-contact-hover{
    display: flex;
    width: 180px;
    justify-content: space-between;
    }
.project-details-box ul.project-details-mainlist.double {
    grid-template-columns: 50% 50%;
}

.project-details-box ul.project-details-mainlist.double > li h2 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 30px 0px 10px 0px;
}

.project-details-box ul.project-details-mainlist.double > li .grid table {
    border-collapse: collapse;
    /* width: 100%; */
    width: auto;
}

.project-details-box ul.project-details-mainlist.double > li .grid table th {
    padding: 10px 5px !important;
    font-size: 14px;
    font-weight: 700;
    padding-top: 0 !important;
}

.project-details-box ul.project-details-mainlist.double > li .grid table td {
    padding: 10px 5px !important;
    font-size: 14px;
    font-weight: 400;
}
.project-details-box ul.project-details-mainlist.double > li .grid table td:first-child{
    padding-left: 0 !important;
}
.project-details-box ul.project-details-mainlist.double > li h4 {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px 0px 10px 0px;
}

.project-details-box ul.project-details-mainlist.double > li p.deposite {
    margin: 0px 0px 20px 0px;
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.project-details-box ul.project-details-mainlist.double > li p.deposite span {
    display: block;
    font-size: 13px;
}

.project-details-box ul.project-details-mainlist.double > li .activepromotions {
    border-radius: 5px;
    border: 2px solid #237415;
    background: #fff;
    padding: 20px;
}

.project-details-box
    ul.project-details-mainlist.double
    > li
    .activepromotions
    h3 {
    color: #237415;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px 0px 15px 0px;
}

.project-details-box
    ul.project-details-mainlist.double
    > li
    .activepromotions
    p {
    color: #000;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0px 0px 15px 0px;
}

.project-details-box
    ul.project-details-mainlist.double
    > li
    .activepromotions
    ul {
    margin: 0px;
    padding: 0px;
}

.project-details-box
    ul.project-details-mainlist.double
    > li
    .activepromotions
    ul
    li {
    margin: 0px 0px 5px 0px;
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    list-style: none;
    padding: 0px 0px 0px 20px;
    position: relative;
}

.project-details-box
    ul.project-details-mainlist.double
    > li
    .activepromotions
    ul
    li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #000000;
    position: absolute;
    left: 5px;
    top: 4px;
}

@media screen and (max-width: 991px) {
    .project-details-box ul.project-details-mainlist {
        display: grid !important;
         background: #ffffff;
        grid-template-columns: repeat(1, 1fr);
    }


    /* .project-details-box
        ul.project-details-mainlist.double
        li
        .activepromotions {
        border: 0px;
        background: #e9ffd4;
    } */
}


.project-details-box .sharedetails p.sharebtns {
    margin: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 20px 0px;
}

.project-details-box .sharedetails p.sharebtns span {
    border-radius: 20px;
    border: 3px solid #000;
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px 10px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-details-box .sharedetails p.sharebtns span label {
    padding: 0px 30px 0px 0px;
    font-size: 13px;
    display: block;
    margin: 0px 5px 0px 0px;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > .property-icon-section li.property-bedroom i,
.project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.bed,
.project-details-box .sharedetails p.sharebtns span label.bed {
    background: url(../images/bed.svg) no-repeat 98% 50%;
    background-size: 24px auto;
}
.project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.bath,
.project-details-box .sharedetails p.sharebtns span label.bath {
    background: url(../images/bathtub.svg) no-repeat 98% 50%;
    background-size: 24px auto;
}
.project-details-box .sharedetails p.sharebtns span label.bath{
    padding: 3px 30px 2px 0px;
}
.project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.car,
.project-details-box .sharedetails .grid table th span.car {
    background: url(../images/car.svg) no-repeat 98% 50%;
    background-size: 24px auto;
}

.project-details-box .sharedetails .grid {
    border-radius: 5px;
    background: #f5f5f5;
    padding: 20px;
    overflow: hidden;
    overflow-x: auto !important;
}

.project-details-box .sharedetails .grid table {
    border-collapse: collapse;
    width: 100%;
}

.project-details-box .sharedetails .grid table th {
    padding: 5px;
}

.project-details-box .sharedetails .grid table th span {
    display: block;
    min-width: none;width: 24px;
    min-height: 24px;
}

.project-details-box .sharedetails .grid table th span.bed {
    background: url(../images/bed.svg) no-repeat 50% 50%;
    background-size: 18px auto;
}

.project-details-box .sharedetails .grid table th span.bath {
    background: url(../images/bathtub.svg) no-repeat 50% 50%;
    background-size: 18px auto;
}

.project-details-box .sharedetails .grid table th span.car {
    background: url(../images/car.svg) no-repeat 50% 50%;
    background-size: 18px auto;
}

.project-details-box .sharedetails .grid table th span.navigation {
    background: url(../images/navigation.svg) no-repeat 50% 50%;
    background-size: 18px auto;
    width: 100%;
    margin: auto;
}

.project-details-box .sharedetails .grid table td {
    padding: 5px;
}
.project-details-box .sharedetails .grid table td span.action {
    background: url(../images/dots-vertical.svg) no-repeat 50% 50%;
    background-size: auto 20px;
}

.project-details-box .sharedetails .grid table td a span.share {
    background: url(../images/share.svg) no-repeat 50% 50%;
    background-size: 20px auto;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td {
    font-weight: 700 !important;
    }
    body.account.agent-projects-information .project-details-box .sharedetails .grid table td span {
    font-size: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    body.account.agent-projects-information .project-details-box .sharedetails .grid table td .tooltip::before{color: #b30000;}
    body.account.agent-projects-information .project-details-box .sharedetails .grid table td .tooltip .tooltiptext {
    display: none;
    }
    body.account.agent-projects-information .project-details-box .sharedetails .grid table td .tooltip:hover .tooltiptext {
    display: block;
    }
    .project-details-box .btn-spa.tooltip .tooltiptext,
    .project-details-box .btn-dev.tooltip .tooltiptext{
    background-color: transparent;
    color: #000;
    width: auto;
    }
    .project-details-box .btn-spa.tooltip .tooltiptext .tootip-inner-span,
    .project-details-box .btn-dev.tooltip .tooltiptext .tootip-inner-span{
    width: auto !important;
    }
    .project-details-box ul.project-details-mainlist>li:nth-child(3) .spa p.cont1 {
    margin-bottom: 0 !important;
    }
    .project-details-box.do-not-edit .project-details-mainlist .show-in-listing {
    display: flex;
    }
    .project-details-box.do-not-edit .project-details-mainlist .show-in-edit,
    .project-details-box .project-details-mainlist .show-in-listing {
    display: none;
    }
    /* body.account.agent-projects-information .project-details-box  p.availability{
    margin-top: 15px;
    } */
    .project-details-box ul.project-details-mainlist>li ul li .firb_limit_str-edit{
    position:  relative !important;
    }
    .project-details-box ul.project-details-mainlist>li ul li .deposit_for_cx-edit{
    position:  relative !important;
    }
    .project-details-box .sharedetails .grid{
    padding: 20px 10px !important;
    }
    .project-details-box .sharedetails .grid{
    overflow: hidden;
    overflow-x: hidden !important;
    }
    body.account.agent-projects-information .proxima-myaccount-container .body-content .project-details-box h2 {
    width: 80%;
    margin:0px 0px 16px 0 !important;
    }
    .project-details-box ul.project-details-mainlist.double.document-section .show-details h2:nth-child(3){
        margin-top: 36px !important;
    }
    body.account.agent-projects-information .btn-round.default-blue-btn,
    body.account.agent-projects-information .project-details-box a.edit {
    padding: 3px 5px !important;
    font-size: 10px !important;
    line-height: 10px !important;
    width: 52px !important;
    min-width: 52px !important;
    display: block !important;
    margin-right: 0 !important;
    font-weight: 750;
    }
    .project-details-box ul.project-details-mainlist > li div.grid{
        padding-bottom: 16px !important;
    }
    @media screen and (max-width: 1200px){
    body.account.agent-projects-information .proxima-myaccount-container .body-content .project-details-box h2{
    width: 100%;
    text-align: center;
    }
    .project-details-box .sharedetails{
    max-width: 100% !important;
    }
    body.account.agent-projects-information form .project-details-box a.edit{
    right: unset !important;
    }
    }
    @media screen and (max-width:991px){
    .project-details-box ul.project-details-mainlist.double>li .grid table th{
    word-break: break-all !important;
    }
    }
    @media screen and (max-width: 767px){
    body.account.agent-projects-information .project-details-box a.edit{
    top:7px !important;
    }
    }
    .project-details-box .property-details-mobile-only .property-mobile-sub-section-two ul li[class*="property-"] {
    margin-right: 5px;
    }
    .project-details-box .property-details-mobile-only .property-mobile-sub-section-two ul li[class*="property-"] label {
    width: 20px;
    }
    .project-details-box .property-details-mobile-only .property-mobile-sub-section-two ul li[class*="property-"] label i{
    text-align: center;
    width: 100%;
    }
    .project-details-box .property-details-mobile-only .property-image img{
    width: 70px !important;
    }
    .project-details-box .property-details-mobile-only .reservation-box .inner-reservation-box::before{
    color: #b30000;
    }
    .project-details-box .property-details-mobile-only .reservation-box .inner-reservation-box{
    min-width: 25px !important;
    min-height: 25px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .project-details-box .property-details-mobile-only .property-social-media-share label .share_social_media_js_property{
    color: #067df2;
    }
    /* .project-details-box .property-details-mobile-only .property-social-media-share {
    border-bottom: 1px solid #067df2 !important;
    margin-bottom: 10px;
    padding-bottom: 5px;
    } */
    .project-details-box .property-details-mobile-only .property-mobile-sub-section-one li{
    padding-right: 10px !important;}
    /* new proxima style  project details page */
body.account.agent-projects-information
    .proxima-myaccount-container
    .body-content
    form
    h2
    input {
    width: 80% !important;
}

body.account.agent-projects-information
    .proxima-myaccount-container
    .body-content
    form
    table
    a
    .img-thumbnail {
    max-width: 90% !important;
    width: 30px !important;
}

body.account.agent-projects-information
    .project-details-box
    .sharedetails
    .grid
    table
    td {
    font-weight: 700 !important;
}

body.account.agent-projects-information
    .project-details-box
    .sharedetails
    .grid
    table
    td
    span {
    font-size: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.agent-projects-information
    .modals-wrapper
    .modal-popup._inner-scroll
    .modal-inner-wrap
    .modal-content
    .sales-table
    .listing {
    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    text-decoration: none;
    list-style: none;
    column-gap: 10px;
    padding-left: 0 !important;
}
body.agent-projects-information
    .modals-wrapper
    .modal-popup._inner-scroll
    .modal-inner-wrap
    .modal-content
    .sales-table
    .listing
    li {
    text-align: start;
    white-space: nowrap !important;
    margin-top: 0rem;
    margin-bottom: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 10px;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}
body.agent-projects-information
    .modals-wrapper
    .modal-popup._inner-scroll
    .modal-inner-wrap
    .modal-content
    .sales-table
    .listing
    li
    label {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
body.agent-projects-information
    .modals-wrapper
    .modal-popup._inner-scroll
    .modal-inner-wrap
    .modal-content {
    border: 0 !important;
}
body.agent-projects-information
    .modals-wrapper
    .modal-popup._inner-scroll
    .modal-inner-wrap {
    padding: 0 !important;
}
/* Agent-matrix-new-style */
.project_theme_mode_normal {
    --theme-color: #000;
    --bg-theme-color: #fff;
    --gray-text-theme: #868686;
    --border-gray: #f1f1f1;
}
.project_theme_mode_dark {
    --theme-color: #fff;
    --bg-theme-color: #000;
    --gray-text-theme: whitesmoke;
    --border-gray: #f1f1f1;
}
#treegrid tbody {
    font-family: "Avenir LT Std", sans-serif !important;
}
#treegrid tbody [role="gridcell"]:nth-child(2) {
    position: relative;
    height: 60px !important;
    border-color: var(--bg-theme-color) !important;
    padding: 5px 0px !important;
    border-style: solid !important;
    border-width: 0px 10px 0px 30px !important;
}
#treegrid tbody tr [role="gridcell"]:last-child input {
    min-width: 50px !important;
}
#treegrid tbody tr:nth-child(even) [role="gridcell"]:nth-child(2) {
    border-color: var(--border-gray) !important;
}
#treegrid tbody tr.fancytree-expanded [role="gridcell"]:nth-child(2) {
    padding: 5px 0px !important;
    border-style: solid !important;
    border-width: 0px 10px 0px 10px !important;
}
#treegrid tbody .fancytree-title {
    color: var(--theme-color);
    font-size: 13px !important;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.2px;
    min-width: 225px !important;
    outline: none;
}
#treegrid tbody .fancytree-node .span-elements {
    display: flex !important;
    flex-direction: column;
    position: absolute;
    left: 58px;
    bottom: 2px;
}
table.fancytree-ext-table tbody span.fancytree-node {
    padding-left: 0px !important;
}
#treegrid tbody .fancytree-node .span-elements .more-details-desktop {
    line-height: 2px;
    display: block;
}
table.fancytree-ext-table tbody span.fancytree-node {
    padding-left: 0 !important;
    height: 40px;
    position: relative;
}
#treegrid
    tbody
    .fancytree-node
    .span-elements
    .more-details-desktop
    .icon-info {
    background-size: 9px !important;
    display: inline-block;
    background-repeat: no-repeat !important;
    margin-right: 5px !important;
}
#treegrid
    tbody
    .fancytree-node
    .span-elements
    .more-details-desktop
    .icon-info.icon-phone {
    top: 3px;
    background: url(../images/phon-icon.svg);
    width: 10px;
    height: 13px;
    position: relative;
}
#treegrid
    tbody
    .fancytree-node
    .span-elements
    .more-details-desktop
    .icon-info.icon-mail {
    background: url(../images/mail-icon.svg);
    width: 10px;
    height: 7px;
}
#treegrid tbody .fancytree-node .span-elements .more-details-desktop .phno-span,
#treegrid tbody .fancytree-node .span-elements .more-details-desktop .mail-span,
#treegrid
    tbody
    .fancytree-node
    .span-elements
    .more-details-desktop
    .last-seen {
    padding: 0px 3px 0px 6px;
    color: var(--gray-text-theme);
    font-size:11px !important;
    font-weight: 400 !important;
}
#treegrid tbody .fancytree-node .span-elements .more-details-desktop .phno-span,
#treegrid
    tbody
    .fancytree-node
    .span-elements
    .more-details-desktop
    .mail-span {
    padding: 0px 3px 0px 5px;
    border-left: 1px solid var(--gray-text-theme);
}
/* repeated code for agent matrix tootip mobile view
table.fancytree-ext-table
    tbody
    span.fancytree-node
    .tooltip.mobile-view
    .tooltiptext {
    padding: 5px 10px !important;
    width: 265px !important;
    margin-left: -120px !important;
    text-align: left !important;
} */
table.fancytree-ext-table
    tbody
    span.fancytree-node
    .tooltip.mobile-view
    .tooltiptext
    .tooltip-flex {
    word-wrap: break-word;
    word-break: break-all;
}
table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view {
    display: none !important;
}
@media screen and (max-width: 1320px) {
    table.fancytree-ext-table tbody span.fancytree-node {
        width: 500px;
    }
    table.fancytree-ext-table {
        display: block;
        overflow-x: auto !important;
    }
}
@media screen and (max-width: 768px) {
    table.fancytree-ext-table tbody span.fancytree-node {
        width: auto !important;
        margin: 15px 0px 25px;
    }
    table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view {
        display: block !important;
    }
    #treegrid tbody .fancytree-node .span-elements {
        display: none !important;
    }
    table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view {
        width: 15px !important;
    }
    table.fancytree-ext-table
        tbody
        span.fancytree-node
        .tooltip.mobile-view.active
        img {
        background-color: #b4b4b4 !important;
        border-radius: 10px !important;
    }
    /* repeated code for agent matrix tootip mobile view
    table.fancytree-ext-table
        tbody
        span.fancytree-node
        .tooltip.mobile-view
        .tooltiptext {
        margin-left: -275px !important;
    } */
}
/* Agent-matrix-new-style */
.message.info > *:first-child:before {
    top: 50% !important;
}
.custom-padding {
    padding: 100px !important;
}
@media screen and (max-width: 780px) {
.custom-padding {
padding: 150px !important;
}
}
body.account.agent-projects-information .proxima-myaccount-container .body-content .modal{
position: fixed !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form #spa-contact,
body.account.agent-projects-information .proxima-myaccount-container .body-content form #developer-contact {
/* height: 40px; */
width: 100%;
display: block;
height: fit-content;
/* margin: 15px 0px 5px; */
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa span span {
background: #fff;
padding: 5px 10px;
border-radius: 7px;
font-size: 12px;
min-width: 130px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border: 1px solid #067df2;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .btn-spa,
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .btn-dev {
background: #DCDCDC;
padding: 0px 20px;
border-radius: 20px;
font-size: 14px;
color: #000 !important;
text-transform: capitalize !important;
margin: 5px 0px 15px;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form #spa-contact span,
body.account.agent-projects-information .proxima-myaccount-container .body-content form #developer-contact span{
background: #DCDCDC;
padding: 5px 20px;
border-radius: 20px;
font-size: 14px;
color: #000 !important;
text-transform: capitalize !important;
margin: 5px 0px 15px;
width: 70%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form #developer-contact span{
    display: flex !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form #developer-contact input{
    display: none;
}
@media screen and (max-width: 767px){
body.account.agent-projects-information .proxima-myaccount-container .body-content form .top-div-wrapper{
flex-direction: column;
align-items: flex-start !important;
row-gap: 15px;
}
}
@media screen and (max-width: 1200px){
}
.project_theme_mode_normal .container.roomBookingContainer .tableContainer{
position: relative;
}
.project_theme_mode_normal .container.roomBookingContainer .tableContainer .text-left{
position: absolute !important;
}
/* body.account.agent-projects-information .proxima-myaccount-container .body-content form #update_button_div{
position: absolute;
right: 0 !important;
top: 10px;
} */
body .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;
}
.tooltip-flex{
display: flex  !important;
align-items: center;
column-gap: 5px;
justify-content: space-around;
}
body.agent-projects-information .modal-content .custom-accordion-tab .property-showmore-title-class{
text-align: center !important;
}
@media screen and (max-width:767px){
.property-details.property-details-mobile-only{
padding-left: 0 !important;
flex-direction: column !important;
margin-bottom: 0 !important;
}
.property-details-mobile-only .property-image img{
width: 25% !important;
min-height: 38px !important;
}
li.property-social-media-share {
display: flex !important;
justify-content: flex-end !important;
text-align: right !important;
}
li.reservation-box.property-current-reservation-list{
display: flex !important;
margin-bottom: 0 !important;
}
/* body.account.agent-projects-information .proxima-myaccount-container .body-content form .spa .btn-grp-spa.spa-contact-hover{
width: 100%;
margin-top: -19px;
padding: 0 20px 0 10px;
} */

}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .top-div-wrapper .buttons{
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
right: 0;
column-gap: 10px;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .do-not-edit   .buttons{
column-gap: 0 !important;
}
@media screen and (max-width:1300px){
body.account.agent-projects-information .proxima-myaccount-container .body-content form .top-div-wrapper .buttons{
top: 56px !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .do-not-edit   .buttons{
top: 10px !important;
}
}
@media screen and (max-width:1440px){
body.account.agent-projects-information .proxima-myaccount-container .body-content form #spa-contact span,
body.account.agent-projects-information .proxima-myaccount-container .body-content form #developer-contact span{
width: 70% !important;
margin: auto;
}
}
body.account:is(.listingsystem-uploadproperty-upload,.listingsystem-uploadproperty-save) .proxima-myaccount-container .column.main div[data-bind="scope: 'messages'"]{
position: absolute;
right: unset;
left: 0;
top: 200px;
}
body.listingsystem-uploadproperty-upload .page-wrapper .page-main .columns .column.main{
position: relative;
}
/* new main filter style */
.project_theme_mode_normal .main-filter-section.addvance-search-box{
    --theme-color: #000;
    --bg-theme-color: #fff;
}
.project_theme_mode_dark .main-filter-section.addvance-search-box{
    --theme-color: #fff;
    --bg-theme-color: #000;
}

.main-filter-section.addvance-search-box{
    position: fixed;
    width: 388px;
    margin: 0;
    bottom: 0;
}
.main-filter-section.addvance-search-box .body-content{
    padding: 10px 15px 10px 0px !important;
}
.main-filter-section.addvance-search-box,
.main-filter-section.addvance-search-box .header,
.main-filter-section.addvance-search-box .body-content,
.main-filter-section.addvance-search-box .footer
{
    background-color: var(--bg-theme-color) !important;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.main-filter-section.addvance-search-box .select-grid,
.main-filter-section.addvance-search-box .select-row{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
}
.main-filter-section.addvance-search-box .select-section{
    padding: 0px 0px 10px 15px ;
    position: relative;
}
.main-filter-section.addvance-search-box .select-section .drop-arrow{
    right: 12px;
    top: 12px;
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--theme-color);
}
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(1){
    width: 100%;
}
.main-filter-section.addvance-search-box .select-row:nth-child(1) .select-section:nth-child(1) .drop-arrow{
bottom: 23px;
top: unset;
}
.main-filter-section.addvance-search-box .select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-bottom: 5px !important;
}
/* .main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-selection--multiple{
border: 0 !important;} */
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-search--inline .select2-search__field{
padding-left: 2px !important;
}
.main-filter-section.addvance-search-box .select2-container--default .select2-results>.select2-results__options{
background-color: transparent !important;
}
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-search--inline .select2-search__field:focus{
-webkit-text-fill-color: #000 !important;
color: #000 !important;
border-color: #000 !important;
background-color: transparent !important;
}
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(7),
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(6),
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(5),
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(4),
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(3),
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(2){
    width: 50%;
}
.main-filter-section.addvance-search-box .select-grid .select-section{
    width: 50%;
}
.main-filter-section.addvance-search-box .select-grid .select-section:nth-child(3),
.main-filter-section.addvance-search-box .select-grid .select-section:nth-child(2),
.main-filter-section.addvance-search-box .select-grid .select-section:nth-child(1){
    width: 33.33%;
}
.main-filter-section.addvance-search-box .select-grid .select-section:nth-child(3){
    padding-bottom: 17px !important;
}
.main-filter-section.addvance-search-box .select-grid .select-section .mage_error_range_one_id{
    bottom: 2px;
    z-index: 9;
    white-space: nowrap;
}
.main-filter-section.addvance-search-box .filter-sub-title{
    padding: 0px 10px 0px 15px;
    -webkit-text-fill-color: var(--theme-color);
    color: var(--theme-color);
}
.main-filter-section.addvance-search-box .body-content select option[value=""][disabled] {
display: none;
}
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-selection--single,
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-selection--multiple,
.main-filter-section.addvance-search-box .body-content input,
.main-filter-section.addvance-search-box .body-content textarea,
.main-filter-section.addvance-search-box .body-content select{
    background-image: none !important;
    border: 2px solid var(--theme-color) !important;
    background-color: var(--bg-theme-color) !important;
    -webkit-text-fill-color: var(--theme-color) !important;
    color: var(--theme-color);
    border-radius: 20px !important;
    max-height: 28px !important;
    height: 28px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    padding: 0px 10px;
    width: 100% !important;
}
.main-filter-section.addvance-search-box .body-content textarea{
    max-height: 100px !important;
    height: 100px !important;
}
.main-filter-section.addvance-search-box .body-content input:focus{
    -webkit-text-fill-color:#fff !important;
    color:#fff !important;
    border-color: #067DF4 !important;
    background-color: #067DF4 !important;;
}
.main-filter-section.addvance-search-box .body-content input::placeholder{
    -webkit-text-fill-color: var(--theme-color) !important;
    color: var(--theme-color);
}
.main-filter-section.addvance-search-box .body-content input:focus::placeholder{
    -webkit-text-fill-color: #fff !important;
    color: #fff;
}
.main-filter-section.addvance-search-box .header{
    padding: 20px 0px 15px 15px !important;
}
.main-filter-section.addvance-search-box .header h4{
    color: var(--theme-color);
}
.main-filter-section.addvance-search-box .footer{
    padding: 0px 0px !important
}
.main-filter-section.addvance-search-box .footer .btn{
    height: 28px !important;
    min-width: 104px;
    font-size: 14px;
    font-weight: 700;
    padding: 0 !important;
    background-color: #D9D9D9 !important;
    color: #000 !important;
}
.main-filter-section.addvance-search-box .footer .btn.active{
    background-color: #067DF4 !important;
    color: #fff !important;
}
.main-filter-section.addvance-search-box .header .fa-times{
    color: #000 !important;
    right: 15px;
    position: relative;
    cursor: pointer;
}
.main-filter-section.addvance-search-box .select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 0 !important;
}
.main-filter-section.addvance-search-box .body-content .select2-search.select2-search--inline input{
    border: none !important;
}
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-selection--single,
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-selection--multiple{
    height: auto !important;
    min-height: 28px !important;
    max-height: fit-content !important;
}
.main-filter-section.addvance-search-box .select-row .select-section:nth-child(1) .select2-container--default .select2-selection--multiple button.select2-selection__clear{
    display: none !important;
}
.main-filter-section.addvance-search-box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    line-height: normal;
}
.main-filter-section.addvance-search-box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{
    line-height: 0;
}

.main-filter-section.addvance-search-box .body-content .spa-contact span {
    width: fit-content !important;
    padding: 2px 9px;
    margin: 0 !important;
    background: #DCDCDC;
    border-radius: 20px;
    font-size: 14px;
    color: #000 !important;
    text-transform: capitalize !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.main-filter-section.addvance-search-box .body-content .spa-contact .drop-arrow {
    display: none;
}
.main-filter-section.addvance-search-box .body-content .agent-contact-hover .hover-btn-agent {
    line-height: 0 !important;
    height: fit-content !important;
    margin: 0px !important;
    padding: 5px 10px !important;
    min-width: fit-content !important;
    background: #DCDCDC;
    border-radius: 20px;
    font-size: 14px;
    color: #000 !important;
    text-transform: capitalize !important;
    margin-right: 5px !important;
    margin-top: 5px !important;
}
.main-filter-section.addvance-search-box .body-content .agent-contact-hover .tooltip {
    position: relative;
}

.main-filter-section.addvance-search-box .body-content .agent-contact-hover .hover-btn-agent.tooltip .tooltiptext {
    font-size: 12px !important;
    bottom: -42px;
    left: unset !important;
    height: fit-content;
    white-space: nowrap;
    right: 0;
    background-color: transparent;
    color: #000;
    width: auto;
    min-width: 145px;
    padding: 5px 7px;
    margin-left: -110px;
    text-align: center;
    border-radius: 6px;    
}
.main-filter-section.addvance-search-box .body-content .agent-contact-hover .hover-btn-agent.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;
}

.main-filter-section.addvance-search-box .body-content .agent-contact-hover span span.tootip-inner-span {
    line-height: initial !important;
    background: #fff;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 12px;
    min-width: 130px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #067df2;
    text-transform: lowercase !important;
    width: auto !important;
}

.main-filter-section.addvance-search-box .body-content .agent-contact-hover .hover-btn-agent a {
    color: #000 !important;
}
@media screen and (max-width: 768px){
    /* .main-filter-section.addvance-search-box{
    top: 5%;
    width: 100% !important;
    overflow: auto !important;
    } */
    .main-filter-section.addvance-search-box .filter-slide{
        margin: auto;
        width: 59px;
        background-color: #8C8C8C;
        height: 3px;
        margin-top: 3px;
        border-radius: 3px;
    }
}
    .btn.btn-secondary.btn-round.expiry{
        padding: 8px 20px !important;
        height: auto !important;
        width: auto !important;
        min-width: inherit !important;
        color:#000000 !important;
    }
    body.account.commissionsystem-salestransaction_myteampayments-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table>tbody>tr .commissionData .Change_Commission_input {
        background: transparent !important;
        display: inline-flex;
        column-gap: 10px;
    }
    body.account.commissionsystem-salestransaction_myteampayments-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content table>tbody>tr .commissionData .Change_Commission_input select{
       border-radius: 20px;
       height: 39px !important;
   }



    body.listingsystem-uploadproperty-upload .page-wrapper .page-main .columns .column.main{
        position: relative;
        overflow: hidden;
        overflow-y: auto !important;
    }
    body.modal-openclient{
        position:fixed;
        overflow:hidden !important;
    }
/* listing system table ui */
body.listingsystem-externallist-index .container.roomBookingContainer .tableContainer table#tbl_listing{
    display: block !important;
    overflow: hidden;
    overflow-x: auto !important;
}
body.listingsystem-externallist-index .proxima-myaccount-container .column.main table{
    table-layout: auto !important;
}
body.listingsystem-externallist-index  .proxima-myaccount-container .body-content form  #tbl_listing thead th i{
    float: left !important;
}
body.listingsystem-externallist-index  .proxima-myaccount-container .body-content form  table.dataTable thead>tr>th.sorting:before{
    right: 0px !important;
}


/* agent matrix style fix */

@media screen and (max-width: 1281px){
    table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view{
        display: block !important;
    }
    #treegrid tbody .fancytree-node .span-elements{
        display: none !important;
    }
  }
/* project details page scroll issue fix */
    @media (max-width: 1500.98px){
        .container-custom-accordion-tab{
        width:100%;
        overflow-x: auto;
        float:left;
        }
        .container-custom-accordion-tab .custom-accordion-tab{
        width:auto;
        float:left;
        padding:10px;
        cursor: pointer;
        overflow-x: visible;
        }
    }
    /* project details page scroll issue fix */

 /* PROJECT DETAILS new design feedback fix */
 .project-details-box h2 span{
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}
body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-header{
    padding: 0 !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 .modal-content{
    padding: 20px 20px !important;
}
body.account .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-header .action-close{
    position: absolute !important;
    top: 10px;
    right: 10px;
}
.project-details-box .sharedetails .grid table .properties-container td:nth-child(9){
    text-align: center;
}
.project-details-box .sharedetails p.sharebtns span{
    color: #000;
}
.project-details-box .sharedetails p.sharebtns .chk-room-filter.active span{
    border-color: #067df3;
    background-color: #067df3;
}
.project-details-box .sharedetails p.sharebtns .chk-room-filter.active span label{
    color: #fff !important;
}
.project-details-box .sharedetails p.sharebtns .chk-room-filter.active  span label.bed {
    background: url(../images/bed-active.svg) no-repeat 98% 50%;
}
.project-details-box .sharedetails p.sharebtns .chk-room-filter.active  span label.bath {
    background: url(../images/bathtub-active.svg) no-repeat 98% 50%;
}
.project-details-box .property-details-mobile-only .property-mobile-sub-section-one li div{
    display: inline !important;
    font-size: 14px !important;
}
body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing li a {
    color:#000;
}
body.agent-projects-information.account .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .team-change-invitation-modal-property .info-social-text{
    font-style: italic !important;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td{
    padding: 10px 0px !important;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td .reservation-box{
    max-width: 160px;
    width: auto;}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td div.inner-color-box-five{
    font-size: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
}
body.modemessage .shareproject-success-alert .modal-inner-wrap{
    min-width: 30rem;
}
body.modemessage .shareproject-success-alert .modal-inner-wrap .modal-header{
    padding: 10px 0 !important;
}

body.modemessage .shareproject-success-alert .modal-inner-wrap .modal-content{
    color: #000;
    margin: 0px 40px !important;
    font-size: 18px !important;
    padding: 0 !important;
    display: flex;
    justify-content: center !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .sub div a,
.project-details-box ul.project-details-mainlist>li ul li span#view-document a,
.project-details-box ul.project-details-mainlist>li ul li a.links{
    color: #000 !important;
    text-decoration: underline ;
    font-size: 14px !important;
}
.project-details-box ul.project-details-mainlist.tripple li div.spa .spa-inner-div{
    position: relative;
    width: 166px !important;
}
.project-details-box ul.project-details-mainlist.tripple>li:nth-child(3) .spa .btn-grp-spa {
    width: 100% !important;
    height: 30px !important;
    width: fit-content !important;
    margin-bottom: 30px !important;
}
.project-details-box ul.project-details-mainlist.tripple>li:nth-child(3) .spa .spa-contact-hover .tooltip,
.project-details-box ul.project-details-mainlist.tripple>li:nth-child(3) .spa .spa-contact-hover,
.project-details-box ul.project-details-mainlist.tripple>li:nth-child(3) .spa .developer-contact-hover .tooltip,
.project-details-box ul.project-details-mainlist.tripple>li:nth-child(3) .spa .developer-contact-hover{
    position: relative;
}

.project-details-box ul.project-details-mainlist.tripple li div.spa > div{
    position: unset;
}
.project-details-box .btn-spa.tooltip .tooltiptext,
.project-details-box .btn-dev.tooltip .tooltiptext{
    font-size: 12px !important;
    bottom: -42px;
    left: unset !important;
    height: fit-content;
    white-space: nowrap;
    right: 0;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .btn-spa a,
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .btn-dev a{
    color: #000 !important;
}
.project-details-box .btn-spa.tooltip .tooltiptext .tooltip-arrow,
.project-details-box .btn-dev.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;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .btn-spa:hover a,
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .btn-dev:hover a{
    color: #067df2 !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .phone-btn.btn-spa,
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .phone-btn.btn-dev{
    margin-right: 5px !important;
}
.project-details-box .sharedetails p.sharebtns span label{
    font-weight: 700;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td.property-icon,
 .project-details-box .sharedetails .grid table th.property-icon{
    min-width: 30px !important;
    text-align: center;
 }
 body.account.agent-projects-information .project-details-box .sharedetails .grid table td.reservation-box-li,
 .project-details-box .sharedetails .grid table th.reservation-box-li{
    width: 160px !important;
 }
.project-details-box #spa-email.btn-spa.tooltip .tooltiptext,
.project-details-box #spa-email.btn-dev.tooltip .tooltiptext{
    right: 0;
    white-space: nowrap;
    text-transform: lowercase;
}
.project-details-box .tooltip .tooltiptext{
    min-width: 145px;
    padding: 5px 7px;
    margin-left: -110px;
}
@media screen and (max-width: 578px){
.project-details-box .tooltip.desktop-info-icon .tooltiptext{
    min-width: 190px !important;
}
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form #spa-contact select,
body.account.agent-projects-information .proxima-myaccount-container .body-content form #developer-contact select,
.project-details-box ul.project-details-mainlist > li ul li div select{
    background-image: none !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form #spa-contact select,
body.account.agent-projects-information .proxima-myaccount-container .body-content form #developer-contact select{
    padding-right: 25px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding: 5px 25px 5px 10px !important;
    line-height: unset;
    font-size: 12px !important;
    border: 1px solid #000;
    border-radius: 20px;
}
.project-details-box.do-not-edit ul.project-details-mainlist > li ul li div .drop-arrow,
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box.do-not-edit #spa-contact .drop-arrow,
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box.do-not-edit #developer-contact .drop-arrow{
    display: none;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box #spa-contact .drop-arrow,
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box #developer-contact .drop-arrow,
.project-details-box ul.project-details-mainlist > li ul li div .drop-arrow{
    width: auto !important;
    right: 12px;
    top: 12px;
    position: absolute !important;
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid var(--theme-color);
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box #spa-contact .drop-arrow,
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box #developer-contact .drop-arrow{
    right: 11px;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form #spa-contact span,
body.account.agent-projects-information .proxima-myaccount-container .body-content form #developer-contact span{
    width: fit-content !important;
    padding: 2px 9px;
    margin: 0 !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .btn-spa,
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .btn-dev{
    height: fit-content !important;
    margin: 0px !important;
    padding: 5px 10px !important;
    min-width: fit-content !important
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td .reservation-box a{
    height: 17px;
    width: 22px !important;
    margin-right: 2px !important;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td .reservation-box a.reservation-btn-btn{
    background-color: #8C8C8C;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td .inner-color-box-five {
    background-color: transparent !important;
}
.project-details-box .sharedetails .grid table td .reservation-box .reservation-btn-btn .inner-reservation-box{
    min-width: 22px !important;
    min-height: 17px !important;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td .reservation-box a div.reservation-list-btn{
    font-size: 10px !important;
    text-align: center;
    color: #000;
}
.agent-projects-information .custom-accordion-tab ul.property-details li{
    justify-content: center !important;
    margin: 0 !important;
}
.agent-projects-information .custom-accordion-tab ul.property-details li{
max-width: 100% !important;
min-width: 100% !important;
}
body.agent-projects-information .custom-accordion-tab ul.property-details label.property-emr-label{
    /* text-align: center !important; */
}
.project-details-box .sharedetails .grid table th span.car,
.project-details-box .sharedetails .grid table th span.bath,
.project-details-box .sharedetails .grid table th span.bed{
    margin: auto;
    width: 100%;
}
.project-details-box ul.project-details-mainlist > li.show-details .default-view-span,
.project-details-box ul.project-details-mainlist > li ul li.choose-file-links div .file-name-class a,
.project-details-box ul.project-details-mainlist>li ul li span.default-view-span{
    word-break: break-all;
    white-space: break-spaces;
    width: auto !important;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td,
.project-details-box .sharedetails .grid table th{
    text-align: center;
}
.project-details-box .sharedetails p.sharebtns{
    overflow: hidden !important;
    overflow-x: auto !important;
    padding-bottom: 10px !important;
}
.project-details-box .sharedetails p.sharebtns a{
    margin-bottom: 10px !important;
}
.project-details-box .sharedetails p.sharebtns a.active span{
    background-color: #067df4;
    color: #fff !important;
    border-color:  #067df4;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td span.action.property-status-label,
body.account.agent-projects-information .project-details-box .sharedetails .grid table td a span.share{
    height: 20px;
    width: 100%;
    display: block;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td.three-dot-td{
   width: 5px !important;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td.share-td{
    width: 20px !important;
}
.project-details-box .btn-spa.tooltip .tooltiptext .tootip-inner-span,
.project-details-box .btn-dev.tooltip .tooltiptext .tootip-inner-span{
    text-transform: lowercase !important;
}
body.agent-projects-information.account.agent-projects-information .proxima-myaccount-container .body-content form #showMoreModal div.modal-content{
    width: 90% !important;
}
body.agent-projects-information.account .page-title-wrapper .page-title .base{
    font-size: 24px !important;
    font-weight: 700 !important;
    text-align: left !important;
    /* font-family: inter !important; */
    padding: 0 !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .top-div-wrapper .buttons{
    position: unset !important;
    margin-left: auto !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .top-div-wrapper h2{
    font-size: 18px;
    text-align: left;
}
.project-details-box ul.project-details-mainlist > li ul li input.file-chosen,
.project-details-box ul.project-details-mainlist > li ul li label.fa-trash{
    display: inline !important;
}
.project-details-box ul.project-details-mainlist > li ul li label.fa-trash{
    padding-left: 10px !important;
    padding-right: 5px !important;
    width: auto !important;
    min-width: auto !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content .project-details-box .spa h2{
    text-align: left !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
}
.project-details-box ul.project-details-mainlist>li ul li span [data-appearance="contained"] [data-element="inner"],
.project-details-box ul.project-details-mainlist>li ul li span [data-appearance="contained"] [data-content-type="text"]{
    width: 100% !important;
}
#project-22:not(.do-not-edit) .share-td span,
#project-22:not(.do-not-edit) .three-dot-td span,
#project-22:not(.do-not-edit) .property-icon span{
    display: block !important;
}
.project-details-box.do-not-edit ul.project-details-mainlist > li ul li input.file-chosen,
.project-details-box.do-not-edit ul.project-details-mainlist > li ul li label.fa-trash{
    display: none !important;
}
.project-details-box ul.project-details-mainlist > li:nth-child(3) .spa h2{
    font-size: 12px !important;
    margin-bottom: 7px !important;
}
.project-details-box ul.project-details-mainlist>li ul li select.control.type{
    top: 0 !important;
    right: 0 !important;
    width: fit-content !important;
}
/* .project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.bed,
.project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.bath,
.project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.car{
    display: block !important;
    padding: 0 !important;
} */
.project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon{
    text-align: center;
    width: 30px;
    white-space: nowrap;
}
.project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon:first-child{
    padding-left: 0 !important;
}
.project-details-box ul.project-details-mainlist > li.show-details h2{
    text-align: left !important;
    text-align: start !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box .show-properties div.grid{
    overflow: hidden;
    overflow-x: auto !important;
}
body.modemessage .shareproject-success-alert .modal-inner-wrap .modal-header button.action-close{
    display: block;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form div button.button-already-exist{
    min-width: 86.33px;
    height: 21px;
    padding: 1px 6px;
    margin: 0px 4px 4px 0px;
    background-color: #efefef;
    color: #000;
    font-size: 13px;
    line-height: 10px;
    border: 1px solid #767676;
    border-radius: 2px;
    text-transform: capitalize;
    font-weight: 400;
    font-family: unset !important;
}
.project-details-box ul.project-details-mainlist > li ul li.choose-file-links,
.project-details-box.do-not-edit ul.project-details-mainlist > li ul li{
    align-items: flex-start !important;
}
.project-details-box ul.project-details-mainlist > li ul li{
    align-items: center !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form div .grid{
    overflow: hidden;
    overflow-x: auto !important;
}
.project-details-box ul.project-details-mainlist > li ul li label{
    padding-right: 10px !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form div .file-name-class{
    display: inline-flex;
    width: auto !important;
    justify-content: space-between;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .link-li div.file-name-class{
    line-height: 0 !important;
    width: 45% !important;

}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .link-li div.file-name-class a{
    text-decoration: none !important;
    width: 100% !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .link-li div.file-name-class a .default-view-span{
    text-decoration: underline !important;
}
.project-details-box ul.project-details-mainlist.double.document-section.section-only-for-mobile{
    display: none;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form div .file-class-empty{
    display: inline;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form div .file-class-empty{
    font-size: 12px;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form div .file-class-empty::file-selector-button { font-size: 13px; }
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box.do-not-edit div .file-class-empty{
    display: none;
    width: 165px !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .show-details div .grid{
    padding-bottom: 16px !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa span span.tootip-inner-span{
    line-height: initial !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .btn-spa,
body.account.agent-projects-information .proxima-myaccount-container .body-content form .btn-grp-spa .btn-dev{
    line-height: 0 !important;
}
.project-details-box .sharedetails .grid table tbody tr.highlight{
    background-color: #d9d9d9 !important;
}
.project-details-box.do-not-edit .p_error{
    display: none !important;
}
/* .project-details-box .p_error{
    display: block !important;
} */
/* over all design change */
.modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-main .block-collapsible-nav-content,
.modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-main .block-collapsible-nav-content
.modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title,
.modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar{
    display: block !important;
    position: unset !important;
    width: 100% !important;
}
.modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title::after{
    display: none !important;
}
.modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar{
    background-color: #f1f1f1 !important;
}
.modemessage.agent-projects-information .proxima-myaccount-container{
flex-direction: row !important;
}
body.project_theme_mode_normal.account .modal-popup.success-confirm.confirm .modal-inner-wrap .modal-content{
    margin: 0 !important;
}
/* over all design change */
body.agent-projects-information .back-btn-all-project-screen .backbutton.reservation-back-btn button{
    border-width: 1px !important;
    width: 24px !important;
    height: 24px !important;
}
body.agent-projects-information .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.agent-projects-information .secondary .info,
body.agent-projects-information .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;
}
body.agent-projects-information .page-title-wrapper .back-btn-all-project-screen select{
    background-image: url(../images/select-theme-arrow.png) !important;
}
.project-details-box .sharedetails p.sharebtns .chk-room-filter span{
    padding: 4px 10px;
}
body.agent-projects-information .back-btn-all-project-screen .viewdraft-btn .secondary.text-right{
    display: flex !important;
}
body.agent-projects-information .secondary .info{
    width: 70px !important;
}
/* property-mobile-design mobile  */
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > li[class*="property-"]{
    margin-bottom:0 !important;
}
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-one > ul > ul{
    flex-wrap: wrap;
    font-size: 14px !important;
}
.agent-projects-information .property-mobile-design-latest .property-details-mobile-only{
    padding-bottom: 20px !important;
    border-bottom: 1px solid #067df2 !important;
    margin-bottom: 20px !important;
    background: transparent !important;
    padding-top: 15px !important;
}
.agent-projects-information .property-mobile-design-latest .property-details-mobile-only.active{
    background: #DCDCDC !important;
}
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-one > ul ul li:nth-child(1)
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-one > ul ul li:nth-child(1){
    width: 50%;
}
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-one > ul > ul > ul {
    width: 100%;
}
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-one > ul li.property-image{
    width: 85px !important;
}
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-one > ul li.property-image img{
    margin: 0 !important;
    width: auto !important;
}
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-image{
    display: none !important;
}
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-four > ul{
   display: flex !important;
   padding: 0 !important;
}
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-four > ul .property-rop label{
    font-weight: 700 !important;
}
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-four > ul .property-rop{
    display: flex !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > .property-icon-section li label{
    height: 18px;
    display: inline-block;
    background-size: 18px !important;
    width: 18px;
    margin-right: 2px !important;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > .property-icon-section li{
    min-width: auto !important;
    height: fit-content;
    display: inline-flex !important;
    align-items: center;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > .property-icon-section li.property-bedroom label{
    background: url(../images/bed.svg) no-repeat 98% 50%;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > .property-icon-section li.property-bath_room label{
    background: url(../images/bathtub.svg) no-repeat 98% 50%;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > .property-icon-section li.property-car_space label{
    background: url(../images/car.svg) no-repeat 98% 50%;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > .property-icon-section li.property-aspect label{
    background: url(../images/navigation.svg) no-repeat 98% 50%;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > .property-icon-section li.property-land_size label{
    font-size: 14px !important;
    font-weight: 700;
    width: auto;
    height: auto;
}
.agent-projects-information .property-mobile-design-latest .property-mobile-sub-section-four > ul .reservation-box .inner-reservation-box{
    min-width: 31px !important;
    min-height: 23px !important;
    margin-right: 5px !important;
    color: #000 !important;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > li.reservation-box{
    width: auto !important;
    padding: 0px 9px !important;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > li.reservation-box .desktop-info-icon{
    padding-top: 2px !important;
}
.agent-projects-information .property-mobile-design-latest div[class*="property-mobile-sub-"] ul > li[class*="property-"].property-social-media-share{
    position: absolute;
    right: 0;
    top: -10px !important;
}
/* property-mobile-design mobile */
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box.do-not-edit div#update_button_div{
    display: none;
}
body.account.agent-projects-information #showMoreModal .custom-accordion-tab ul.property-details{
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
    grid-gap: 11px !important;
}
body.account.agent-projects-information #showMoreModal .custom-accordion-tab ul .btn-round.new-round-btn {
    text-align: center !important;
}
.project-details-box ul.project-details-mainlist > li ul li div input[type="date"],
.project-details-box ul.project-details-mainlist > li.show-details textarea,
.project-details-box ul.project-details-mainlist > li ul li div textarea,
.project-details-box ul.project-details-mainlist > li ul li div input[type="text"],
.project-details-box ul.project-details-mainlist > li ul li div select{
    font-size: 14px !important;
    border-radius: 2px !important;
    border: 1px solid #DCDCDC !important;
}
.project-details-box ul.project-details-mainlist.double.document-section > li:nth-child(1){
    grid-area: 1 / 1 / 3 / 2;
}
.project-details-box ul.project-details-mainlist.double.document-section > li:nth-child(2){
    grid-area: 1 / 2 / 2 / 3;
}
.project-details-box ul.project-details-mainlist.double.document-section > li:nth-child(3){
    grid-area: 2 / 2 / 4 / 3;
    padding-right: 20px !important;
}
body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal,.commission-popup, .default-modal)) .modal-inner-wrap .modal-footer button span:hover{
    -webkit-text-fill-color: #000 !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .do-not-edit div.select-container{
    background-color: transparent !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form div.select-container{
    background-color: #fff !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form div.select-container input[type="text"],
body.account.agent-projects-information .proxima-myaccount-container .body-content form div.select-container select{
    background-color: transparent !important;
    position: relative;
    z-index: 1 !important;
    padding-right: 30px !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form div.select-container .drop-arrow{
    z-index: 0 !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box ul.menus li{
    font-size: 12px !important;
    margin: 10px 0px 5px 0px!important
}
body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box ul.menus{
    width: 100%;
    background-color: #fff;
    z-index: 2;
    padding: 0 0px 0px 8px !important;
}
/* body.account.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item a{
    font-size: 16px !important;
} */
body.account.agent-projects-information .page-title-wrapper{
    padding-left: calc(267px + 3rem) !important;
    padding-right: 50px !important;
    margin: 2.7rem 0rem 0rem 0rem !important;
}
.project-details-box ul.project-details-mainlist.double.vendor-section > li:nth-child(2) h2{
    /* padding-left: 5px !important; */
    padding-left: 0 !important;
}
.agent-projects-information .body-content{
    overflow-x: visible !important;
}
body.account.agent-projects-information .proxima-myaccount-container .body-content{
    width: calc(100% - 260px) !important;
}
.project-details-box ul.project-details-mainlist > li ul li p.l_error{
    margin: 0;
    bottom: -7px;
    position: absolute;
}
@media screen and (min-width: 1370px){
    body.account.agent-projects-information .custom-accordion-tab ul.property-details{
        justify-content: space-between !important;
    }
}
    /* @media screen and (max-width: 1200px){


    } */
    .proxima-myaccount-container .proxima-myaccount-sidebar{
        height: auto !important;
    }
    /* @media screen and (max-width: 1080px){
        .project-details-box ul.project-details-mainlist.double.document-section.section-only-for-mobile,
        .project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.bed,
        .project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.bath,
        .project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.car{
            display: block !important;
            width: 30px;
            height: 30px;
        }
        .project-details-box ul.project-details-mainlist.double.document-section.section-only-for-desktop,
        .project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span{
            display: none !important;
        }
    } */

@media screen and (max-width: 991px){
    body.account.agent-projects-information .back-btn-all-project-screen{
        margin-right: 0 !important;
    }
    body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box div.grid{
        overflow: hidden;
        overflow-x: auto;
    }
    .project-details-box ul.project-details-mainlist.double > li .grid table td:is(:nth-child(1), :nth-child(2), :nth-child(3)){
        text-align: center;
    }
    .project-details-box ul.project-details-mainlist.tripple > li{
        border:0 !important;
        padding:10px 20px !important;
        margin: 0 !important;
    }
}
@media screen and (max-width: 992px){
/* .project-details-box ul.project-details-mainlist.double > li .grid table td,
.project-details-box ul.project-details-mainlist.double > li .grid table th{
    text-align: center;
} */
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(3),
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(2),
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(1){
    grid-area: auto !important;
}
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(3){
    order: 3;
    border-radius: 0px 0px 5px 5px !important;
}
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(2){
    order: 1;
    border-radius: 5px 5px 0px 0px !important;
}
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(1){
    order: 2 !important;
    border-radius: 0px 0px 0px 0px !important;
}
}
@media screen and (max-width: 768px){
    body.account.agent-projects-information .proxima-myaccount-container .body-content form .top-div-wrapper{
        flex-direction: row !important;
    }
    body.account.agent-projects-information .page-title-wrapper{
        padding-left: 40px !important;
    }
    body.account.page-layout-2columns-left .page-title-wrapper{
        display: flex !important;
        /*flex-direction: row !important;*/
    }
    /* body.account.agent-projects-information .proxima-myaccount-container .body-content form #spa-contact span{
        white-space: nowrap;
    } */
    /* body.account.agent-projects-information .proxima-myaccount-container .body-content form .spa{
        justify-content: space-between ;
    } */
    .project-details-box ul.project-details-mainlist > li ul li
    .project-details-box ul.project-details-mainlist.tripple li:nth-child(3){
        order: 1;
    }
    .project-details-box ul.project-details-mainlist.tripple > li:nth-child(1){
        order: 2;
    }
    .project-details-box ul.project-details-mainlist.tripple > li:nth-child(2){
        order: 3;
    }
    .project-details-box ul.project-details-mainlist.tripple > li div.spa{
        width: auto !important;
    }
    body.account.agent-projects-information .project-details-box{
        padding: 0 !important;
    }
    body.account.agent-projects-information .proxima-myaccount-container .body-content form div .file-class-empty,
    body.account.agent-projects-information .proxima-myaccount-container .body-content form div .file-choose,
    body.account.agent-projects-information .proxima-myaccount-container .body-content form .sub div a,
    .project-details-box ul.project-details-mainlist>li ul li a.links,
    .project-details-box ul.project-details-mainlist>li ul li span#view-document a{
        word-break: break-all;
        white-space: break-spaces;
        width: auto;
    }
    body.account.agent-projects-information .proxima-myaccount-container .body-content form div .file-choose{width: 80%;}
    .project-details-box ul.project-details-mainlist>li ul li a.links{
        width: 100% !important;
    }
    /* body.account.agent-projects-information .proxima-myaccount-container .body-content form div .file-name-class{
        border-bottom: 1px solid #000;
        padding-bottom: 10px !important;
    } */
    .project-details-box ul.project-details-mainlist.double > li .grid table{
        width: auto;
    }
    .project-details-box ul.project-details-mainlist.double > li .grid table td,
    .project-details-box ul.project-details-mainlist.double > li .grid table th{
    text-align: left;
}
}
@media screen and (max-width: 576px){
    body.agent-projects-information .page-title-wrapper .back-btn-all-project-screen select.theme-change,
    body.account.agent-projects-information .back-btn-all-project-screen{
    margin-right: 0 !important;
    }
    .project-details-box .sharedetails .grid table{display: none;}
    .project-details-box .sharedetails p.sharebtns,
    body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box .show-properties div.grid{
        margin: 10px 20px !important;
    }
    body.account.agent-projects-information .proxima-myaccount-container .body-content form .project-details-box .show-properties div.grid{
        background-color: #fff !important;
    }
    body.account.agent-projects-information .proxima-myaccount-container .body-content form div.properties-container-filter.property-odd-even-reverted.highlight {
        background-color: #dcdcdc !important;
    }
    body.account.agent-projects-information .project-details-box p.availability,
    body.account.agent-projects-information .proxima-myaccount-container .body-content form .top-div-wrapper,
    body.agent-projects-information.account.page-layout-2columns-left .page-title-wrapper{
    padding: 0px 10px 0px 20px!important;
    }
    body.account.agent-projects-information .proxima-myaccount-container .body-content form div .file-class-empty{
        width: 90px !important;
        height: auto !important;
    }
    body.agent-projects-information.account.page-layout-2columns-left .page-title-wrapper{
        flex-direction: row !important;
    }
    body.account.agent-projects-information .page-title-wrapper{
       padding-left: 0 !important;
    }
    .project-details-box ul.project-details-mainlist > li ul li div{
        width: 45% !important;
    }
    .project-details-box ul.project-details-mainlist > li ul li label{
        width: 55% !important;
    }
    .project-details-box .property-details-mobile-only .property-image img{
        width: 50px !important;
        max-width: 50px !important;
        }
    .project-details-box ul.project-details-mainlist > li ul li div select{
        padding-right: 20px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .project-details-box ul.project-details-mainlist.tripple{
        margin:10px 20px !important;
    }
    /* .project-details-box ul.project-details-mainlist.tripple > li:nth-child(1){
        border: 0 !important;
    } */
    .project-details-box ul.project-details-mainlist > li{
        padding: 0 !important;
        margin:0px 20px !important;
    }
    .project-details-box ul.project-details-mainlist.double > li,
    .project-details-box ul.project-details-mainlist.tripple > li{
        padding: 10px !important;
    }
    body.account.agent-projects-information .proxima-myaccount-container {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .project-details-box ul.project-details-mainlist>li:nth-child(3){
        padding: 0 !important;
    }
    .project-details-box ul.project-details-mainlist.double.show-details.document-section >li:nth-child(3){
        padding: 10px 10px !important;
    }
    body.account.agent-projects-information #showMoreModal .custom-accordion-tab ul:nth-child(3){
        padding: 0 !important;
    }
    .project-details-box ul.project-details-mainlist.double.document-section.section-only-for-mobile,
    .project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.bed,
    .project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.bath,
    .project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span.car{
        display: block !important;
        width: 30px;
        height: 30px;
    }
    .project-details-box ul.project-details-mainlist.double.document-section.section-only-for-desktop,
    .project-details-box ul.project-details-mainlist.double>li .grid table th.property-icon span{
        display: none !important;
    }
}

/* PROJECT DETAILS new design feedback fix */
/* filter new dropdown  */
body .select2-results__option--selectable{
    background-color: #fff;
    color: #000 !important;
}
/* filter new dropdown  */
/* agent matrix style fix */

@media screen and (max-width: 1281px){
    table.fancytree-ext-table tbody span.fancytree-node .tooltip.mobile-view{
        display: block !important;
    }
    #treegrid tbody .fancytree-node .span-elements{
        display: none !important;
    }
  }
.agent-projects-information .modal-popup.confirm._show .modal-inner-wrap .modal-header,
body.modemessage .shareproject-success-alert .modal-inner-wrap .modal-header {
    justify-content: flex-start !important;
    position: relative;
    padding: 15px 20px 28px 15px !important
}
.agent-projects-information .modal-popup.confirm:not(.alert-info-modal)._show .modal-inner-wrap .modal-header button.action-close,
body.modemessage .shareproject-success-alert .modal-inner-wrap .modal-header button.action-close{
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0;
    background: #000 !important;
}
.agent-projects-information .modal-popup.confirm._show .modal-inner-wrap,
body.modemessage .shareproject-success-alert .modal-inner-wrap{
    padding: 0 !important;
}
.agent-projects-information .modal-popup.confirm._show .modal-inner-wrap .modal-title,
body.modemessage .shareproject-success-alert .modal-inner-wrap .modal-header .modal-title{
    margin-left: 0 !important;
    padding: 0 !important;
}
body.modemessage .modal-popup:not([class*="custom_modal__"],.non-header-footer-modal) .modal-inner-wrap .modal-header{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.agent-projects-information .modal-popup.confirm._show:not(.footer-none) .modal-inner-wrap .modal-footer,
body.modemessage .modal-inner-wrap aside:not(.footer-none) .modal-footer{
    display: flex !important;
    justify-content: flex-end !important;
}
.agent-projects-information .modal-popup.confirm._show:not(.footer-none) .modal-inner-wrap .modal-footer{
    padding: 20px 30px !important;
}
@media screen and (max-width: 1199.5px){
    body.account.agent-projects-information .proxima-myaccount-container .body-content form .link-li div.file-name-class,
    .project-details-box ul.project-details-mainlist > li ul li div{
       width: 100% !important;
    }
    .project-details-box ul.project-details-mainlist > li ul li label{
        width: 180px !important;
        min-width: 180px !important;
    }
    .project-details-box ul.project-details-mainlist.double.vendor-section {
        display: flex !important;
        flex-direction: column-reverse;
    }
        .project-details-box ul.project-details-mainlist.double.vendor-section > li:nth-child(1){
order: 0;
}
.project-details-box ul.project-details-mainlist.double.vendor-section > li:nth-child(2){
order: 1;
margin-bottom: 0 !important;
}
            .project-details-box ul.project-details-mainlist>li:nth-child(3){
                background-color: #F5F5F5 !important;
                border-radius: 0px 0px 5px 5px;
                grid-area: 1 / 3 / 3 / 4;
                order: 1;}
                .project-details-box ul.project-details-mainlist>li:nth-child(2){
                background-color: #F5F5F5 !important;
                border-radius: 0px 0px 5px 5px;
                grid-area: 2 / 1 / 3 / 3;
                order: 2;}
                .project-details-box ul.project-details-mainlist>li:nth-child(1){
                grid-area: 1 / 1 / 2 / 3;
                padding-top: 20px !important;
                background-color: #F5F5F5 !important;
                border-radius: 5px 5px 0px 0px;
                order: 3;}
            .project-details-box ul.project-details-mainlist > li {
                margin: 0px 0px 10px 0px;
                /* border-bottom: 1px solid #DCDCDC; */
            }
            .project-details-box ul.project-details-mainlist.document-section>li:nth-child(1){
                order: 1 !important;
            }
            .project-details-box ul.project-details-mainlist.double > li{
                border-radius: 5px !important;
                overflow-x: auto !important;
                overflow: hidden;
            }
}
@media screen and (max-width: 767.5px) {
    /* .project-details-box#project-119:not(.do-not-edit) span{
        display: flex !important;
    } */
    body.account.agent-projects-information .page-title-wrapper{
        padding-left: 40px !important;
    }
    .project-details-box ul.project-details-mainlist.tripple > li:nth-child(3){
        padding-bottom: 32px !important;
        padding-left: 0 !important;
    }
    .project-details-box ul.project-details-mainlist.tripple li div.spa .spa-inner-div{
        margin-left: 25px !important;
    }
    .project-details-box ul.project-details-mainlist.tripple{
        display: flex !important;
        flex-direction: column;
        }
        body.account.agent-projects-information .proxima-myaccount-container .body-content form .spa{
            display: flex !important;
            flex-direction: row-reverse;
            justify-content:flex-end;
            }
            body.account.agent-projects-information .proxima-myaccount-container .body-content .project-details-box .spa h2{
                margin-top: 7px !important;
            }

}
body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing{
    grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1025px) {
    body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* sales commision ui change */
.proxima-myaccount-container .body-content form .table tbody #row17 td:nth-child(9){
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
    margin-top: 10px;
}
.proxima-myaccount-container .body-content form .table tbody tr select {
    min-width: 150px !important;
}
/* common fix for header section */
/* .header-container .header.links li select option{
    font-size: 0.75rem !important;
}
@media screen and (max-width: 991px) {
body.account .proxima-header .header-container .header.links li.xauthorization-link{
    display: block !important;
}

} */
/* common fix for header section */
/* agent registration ui fix */
@media (max-width: 767px){
    .agentregistration-index-index .registration-container .registration-container-grid .field.field-check div.mage-error{
        top: 40px !important;
    }
   .agentregistration-index-index .registration-form-background .register-approved-text h4{
        font-size: 18px !important;
    }
    .registration-nav.registration-nav-sub{
        grid-template-rows: max-content !important;
    }
}
body.project_theme_mode_normal.account.agentregistration-invitations-index .modal-inner-wrap .modal-footer button:hover{
    -webkit-text-fill-color: #000 !important;
    color:  #000 !important;
}
@media (max-width:991px){
    .registration-container-grid .container-grid .field-radio .control .radio-text{
        font-size: 12px !important;
    }
}
/* agent registration ui fix */
body.agentregistration-index-index .registration-container-grid .container-grid .field-radio .control .span-align{
    column-gap: 5px;
}
body.agentregistration-index-index .registration-container-grid .container-grid .field-radio .control input[type="radio"]{
    position: relative !important;
    top: -1px !important;
}
body.bluesky-page-preloader.agent-index-index.page-layout-1column .form-section .agent-form p.text-white{
    font-size: 14px !important;
}
body.bluesky-page-preloader.agent-index-index.page-layout-1column .form-section .agent-form a.text-primary{
    font-size: 14px !important;
}
body.listingsystem-externallist-index  .proxima-myaccount-container .body-content form  table.dataTable thead>tr>th.sorting:after {
    right: 0px !important;
}

/* body.listingsystem-externallist-index .proxima-myaccount-container .body-content form  #tbl_listing thead th.sorting {
    width: 105px !important;
    padding-right: 20px !important;
} */
body.listingsystem-externallist-index .proxima-myaccount-container .body-content form #tbl_listing thead th.icon-th{
    min-width: 60px !important;
    width: 60px !important;
}
    body.listingsystem-index-editproperty .modal-popup.confirm .modal-inner-wrap  .modal-header,
    body.listingsystem-externallist-edit .modal-popup.confirm .modal-inner-wrap  .modal-header{
        display: flex !important;
        align-items: center !important;
        column-gap: 10px !important;
    }

    body.listingsystem-index-editproperty .modal-popup.confirm .modal-inner-wrap  .modal-header h1{
        margin-left: 0 !important;
    }
    body.listingsystem-externallist-index .container.roomBookingContainer .tableContainer{
        table-layout: auto !important;
    }

    /* body.listingsystem-externallist-edit .project-field #floor_plan-error{
        margin-top: 25px;
    } */
    /* uploadproperty-upload */
body.listingsystem-uploadproperty-upload .page-wrapper .page-main .columns .column.main .project-window{
    height: auto !important;
}
/* .listingsystem-uploadproperty-upload.account .proxima-myaccount-container .listing-body-content .project-grid{
    margin-bottom: 16vh !important;
} */
/* body.account:is(.listingsystem-uploadproperty-upload, .listingsystem-uploadproperty-save) .proxima-myaccount-container .column.main div[data-bind="scope: 'messages'"]{
    position: absolute !important;
    bottom: 0 !important;
    left: 25px !important;
    top: unset !important;
} */
body.listingsystem-externallist-index  #tbl_listing thead th{
font-weight: 700 !important;
font-size: 16px !important;
}
/* uploadproperty-upload */
.account .proxima-myaccount-container .listing-body-content .project-field.upload-field .control-date-range div.mage-error{
    position: absolute !important;
    top: unset !important;
    left: 0 !important;
    bottom: -20px !important;
    margin: 0 !important;
    height: fit-content !important;
}
.listingsystem-externallist-edit.account .proxima-myaccount-container .listing-body-content .project-field.img-upload-container .control-date-range{
    padding: 8px 16px 8px 20px !important;
}
/* uploadproperty-upload */
/* uploadproperty-upload */
/* lisiting edit property ui fix */
.account .proxima-myaccount-container .listing-body-content #update-property .first-col .upload-section .project-field .control-date-range .control{
    width: 100% !important;
}

.agent-projects-index .proxima-myaccount-container .body-content .projects-main-section .modal-content ul a.btn-round.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;
}
/* external listing add button spacing */
.listingsystem-externallist-index .tab-label.project-name span.project-sub{
    margin-top: 10px !important;
}
/* external listing add button spacing */
/* external listing select input spacing */
body.account.listingsystem-externallist-edit .field-multi-select .select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin: 5px !important;
}
body.account.listingsystem-externallist-edit .field-multi-select .select2.select2-container.select2-container--default{
    overflow-y: auto !important;
}
body.account.listingsystem-externallist-edit .proxima-myaccount-container .listing-body-content .project-field.select-field.field-multi-select .select2-search.select2-search--inline{
    display: none !important;
}
body._has-modal{
    overflow: hidden;
}
.listingsystem-externallist-add .map-modal-span,
.listingsystem-externallist-edit .map-modal-span{
    position: relative;
    display: block;
    margin-bottom: 24px;
}
.listingsystem-externallist-add .map-modal-span input,
.listingsystem-externallist-edit .map-modal-span input{
    border-radius: 25px !important;
    border: 1px solid #000 !important;
    padding: 0px 20px;
}
.listingsystem-externallist-add .map-modal-span i.fa,
.listingsystem-externallist-edit .map-modal-span i.fa{
right: 22px;
position: absolute;
top: calc(50% - 7px);}
/* external listing select input spacing */
 /* New comman modal style */
 ._has-modal .alert-info-modal.confirm{
    z-index: 902;
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease .5s;
    top: -100%;}
    ._has-modal .alert-info-modal.confirm._show{
    transition: all ease-in-out .5s;
    top: 20%;}
    ._has-modal .alert-info-modal .modal-inner-wrap{
    width: 400px;
    background: #FFF;
    position: relative;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-footer,
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-header{
    padding: 8px 16px !important;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-header .action-close{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    font-size: 32px;
    background: transparent;
    color: #000;
    font-weight: 300;
    border: 0;
    padding: 4px 8px;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-header .action-close:hover{
    background-color: #000;
    color: #fff;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-header .action-close span{
    display: none;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-header h1{
    font-size: 32px !important;
    margin: 0;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-content{
    text-align: center;
    background-color: transparent;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-footer{
        text-align: right;}
 /* New comman modal style */
 /* common fix for optional table */

/* Propert Experts My Meetings */
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tab {
    padding: 0px 0px 20px 0px;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tab button {
    background: none !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    padding: 10px;
    border-bottom: 2px solid #FFFFFF;
    text-transform: capitalize !important;
    color: #B6B6B6 !important;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tab button.active {
    border-bottom: 2px solid #000000;
    color: #000000 !important;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent {
    padding: 0px 0px 20px 0px;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper .dataTables_length{
    display: none;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper .dataTables_filter {
    display: block;
}
.proxima-myaccount-container .column.main form#form_myavailabilitygrid .dataTables_wrapper .dataTables_scrollHeadInner,
.proxima-myaccount-container .column.main form#form_myavailabilitygrid .dataTables_wrapper table.dataTable,
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper .dataTables_scrollHeadInner,
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable {
    width: 100% !important;
    border: 0px;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable tr:nth-child(odd) td {
    background: #F2F2F2;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable th {
    background: none !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 10px !important;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable td {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    color: #000000 !important;
    padding: 10px !important;
}
.proxima-myaccount-container .column.main .dataTables_wrapper .dataTables_length, .proxima-myaccount-container .column.main .dataTables_wrapper .dataTables_filter {
    display: none;
}
.proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable {
    width: 100%;
    border: 0px;
}
.proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable tr:nth-child(odd) td {
    background: #F2F2F2;
}
.proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable th {
    background: none !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 10px !important;
}
.proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable td {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    color: #000000 !important;
    padding: 10px !important;
}
#commentInput.form-control{
    border-radius: 7px !important;
    border: 1px solid #B6B6B6 !important;
    background: #FFF !important;
}
.modal-popup.modal-slide .modal-footer{
    padding:10px !important;
    border:0px !important;
}
body.project_theme_mode_normal.account .modal-popup:not(.confirm-alert-info-success-moda, .default-modal) .modal-inner-wrap .modal-footer button{
    color:#000000 !important;
}
body.propertyexperts-mymeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header {
    border:0px !important;
}
body.project_theme_mode_normal.account.propertyexperts-mymeetings-index .modal-inner-wrap .modal-footer button:hover{
    -webkit-text-fill-color: #000 !important;
}
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: 30% !important;
}
body.propertyexperts-mymeetings-index .star{
	font-size: 6px;
}
body.propertyexperts-mymeetings-index table#tbl_past_meetings span.fa.fa-plus-circle{
	font-size: 1.3rem;
}
body.propertyexperts-mymeetings-index span.icon.fas.fa-times-circle,body.propertyexperts-mymeetings-index span.icon.fas.fa-check-circle {
    font-size: 1.2rem;
}
body.propertyexperts-mymeetings-index span.icon.fas.fa-times-circle {
    padding-right: 7px;
}
/* Propert Experts My Meetings ends */

/* Propert Experts My Availability starts */
.availability {
    padding: 40px 20px 20px 20px;
}
.availability * {
    box-sizing: border-box;
}
.availability ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.availability ul li {
    list-style: none;
}
.availability ul li:nth-child(1) {
    width: 160px;
}
.availability ul li:nth-child(1) button {
    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: 20px 0px;
    border: 1px solid #0069FF;
    border-radius: 4px;
    width: 100%;
}
.availability ul li:nth-child(2) {
    width: calc(100% - 360px);
    padding: 0px 30px;
}
.availability ul li:nth-child(2) .container {
    margin: 0px;
    padding: 0px !important;
    max-width: calc(100% - 30px) !important;
}
.availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker {
    background: #FFFFFF;
    border: 0px;
    box-shadow: none;
}
.availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar {
    border: 0px !important;
}
.availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td, .availability 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;
}
.availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default, .availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default, .availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th a.ui-state-default, .availability 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;
}
.availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight.ui-state-active, .availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default.ui-state-highlight.ui-state-active, .availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th a.ui-state-default.ui-state-highlight.ui-state-active, .availability 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;
}
.availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar td span.ui-state-default, .availability ul li:nth-child(2) .container ._has-datepicker .ui-datepicker .ui-datepicker-calendar th span.ui-state-default {
    background: none !important;
    color: #808080 !important;
}
.availability ul li:nth-child(3) {
    width: 200px;
    max-height: 300px;
    overflow: auto;
}
.availability ul li:nth-child(3) button {
    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: 20px 0px;
    border: 1px solid #0069FF;
    border-radius: 4px;
    width: 100%;
}
body.propertyexperts-myavailability-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header{
    border:0px !important;
}
body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content{
width: 100% !important;
}
body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content span.add_availability{
    display: flex;
    align-items: self-end;
    justify-content: flex-end;
}
body.propertyexperts-myavailability-index .proxima-myaccount-container .body-content span button.btn.btn.icon{
    height: 2.375rem !important;
    font-size: .75rem !important;
    padding: 0;
    width: auto;
    border-radius: 21px;
    background: #fff !important;
    border: 2px solid #000 !important;
    line-height: .688rem !important;
    text-transform: capitalize;
    border-radius: 18px !important;
    color: #000;
}
button.time-slot-button.active{
    background-color:#0069FF !important;
    color:#ffffff !important;
}
button.time-slot-button:hover{
    background-color:#0069FF !important;
    color:#ffffff !important;
}
.validation-message{
    color:red !important;
}
body.propertyexperts-myavailability-index .modal-inner-wrap .modal-footer button:hover{
    -webkit-text-fill-color: #000 !important;
}
body.project_theme_mode_normal.account.propertyexperts-myavailability-index .modal-inner-wrap .modal-footer button:hover{
    -webkit-text-fill-color: #000 !important;
}
body.propertyexperts-myavailability-index button.action-secondary.action-dismiss{
	visibility: hidden !important;
}
/* Propert Experts My Availability ends */
body.propertyexperts-mymeetings-index .tabcontent div#tbl_past_meetings_wrapper{
	/* overflow-x: auto!important; */
        width: 100%!important;
}
body.propertyexperts-mymeetings-index .modal-popup.confirm .modal-inner-wrap div#modal-content-13{
        padding: 8px 0px 30px 0px !important;
}
body.propertyexperts-mymeetings-index .modal-popup .modal-footer{
	padding-bottom: 1.5rem !important;
        padding-top: 0 !important;
}
body.propertyexperts-mymeetings-index .modal-popup.confirm .modal-inner-wrap {
        max-width: 27rem !important;
}
body.propertyexperts-myavailability-index form.container#form_myavailabilitygrid{
	padding-left: 0px !important;
}
body.propertyexperts-myavailability-index .body-content{
	padding: 1rem 1.5rem 1rem 0rem !important;
}
body.propertyexperts-myavailability-index .modal-popup.confirm .modal-inner-wrap {
        max-width: 27rem !important;
}
body.propertyexperts-myavailability-index .modal-popup.confirm .modal-inner-wrap div#modal-content-13{
        padding: 8px 0px 30px 0px !important;
}
body.propertyexperts-myavailability-index .modal-popup .modal-footer{
	padding-bottom: 1.5rem !important;
        padding-top: 0 !important;
}
body.propertyexperts-myavailability-index a#tbl_myavailability_previous {
    display: inline;
    border: 2px solid !important;
    font-size: 13px !important;
    border-radius: 20px !important;
    padding: 6px 18px !important;
    margin: 0px 5px;
    cursor: pointer !important;
}
body.propertyexperts-myavailability-index a#tbl_myavailability_next {
    display: inline;
    border: 2px solid !important;
    font-size: 13px !important;
    border-radius: 20px !important;
    padding: 6px 18px !important;
    margin: 0px 5px;
    cursor: pointer !important;
}
body.propertyexperts-mymeetings-index.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index,
.propertyexperts-myavailability-index ) .modals-wrapper .modal-popup.rating-modal._inner-scroll .modal-inner-wrap {
    max-width: 60% !important;
}

@media screen and (max-width : 991.3px){
    .modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar,
    .agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar{
        display: none !important;
    }
    body.account.agent-projects-information .proxima-myaccount-container .body-content{
        width: 100% !important;
    }
     .project-details-box ul.project-details-mainlist.double {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    body.account.agent-projects-information .page-title-wrapper{
        padding-left: 42px !important;
        padding-right: 35px !important;
    }
}
@media all and (min-width: 992px) and (max-width: 1199.5px){
    .project-details-box ul.project-details-mainlist.double.document-section{
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-main .block-collapsible-nav-content,
    .modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-main .block-collapsible-nav-content
    .modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title,
    .modemessage.agent-projects-information .proxima-myaccount-container .proxima-myaccount-sidebar{
        display: block !important;
        position: unset !important;
        width: 100% !important;
    }
    body.account.agent-projects-information .page-title-wrapper {
        padding-left: calc(267px + 3rem) !important;
        padding-right: 50px !important;

}
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(3),
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(2),
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(1){
    grid-area: auto !important;
}
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(3){
    order: 3;
    border-radius: 0px 0px 5px 5px !important;
}
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(2){
    order: 1;
    border-radius: 5px 5px 0px 0px !important;
}
.project-details-box ul.project-details-mainlist.double.document-section li:nth-child(1){
    order: 2 !important;
    border-radius: 0px 0px 0px 0px !important;
}
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td.reservation-box-li .desktop-info-icon.tooltip span.inner-reservation-box{
    min-width: 25px !important;
    min-height: 16px !important;
}
body.account.agent-projects-information .project-details-box .sharedetails .grid table td.reservation-box-li .desktop-info-icon.tooltip .tooltip-flex{
    justify-content: flex-start !important;
    padding-bottom: 2px !important;
}
@media (max-width: 1199.5px){
.project-details-box ul.project-details-mainlist.document-section > li.show-details:not(:nth-child(3)){
    padding-bottom: 5px;
}
.project-details-box ul.project-details-mainlist.document-section > li.show-details:not(:nth-child(2)){
    padding-top: 5px !important;
}
}
/* proxima.css new change according to element.css*/
@media screen and (max-width: 991px){
.header-container .header.links li:not(:last-child){
border: none !important;}
.header-container .header.links li:not(:hover) a{
color: unset !important;}
.proxima-header .right-main-nav ul li{
margin-left: 0 !important;}
}
.elmt-header.proxima-header .right-main-nav ul.header.links li{
    margin: 0 !important;
}
.elmt-header.proxima-header .right-main-nav ul.header.links{
    gap: 15px !important;
}
.main-filter-section.addvance-search-box.d-none{
    display: block !important;
    transition: all ease .5s;
    left: -150%;
}
.main-filter-section.addvance-search-box{
    transition: all ease .5s;
    left: 0%;
}
@media screen and (max-width: 578.98px){
    .main-filter-section.addvance-search-box.d-none{
        display: none !important;
        left: unset;
        bottom: -150%;
    }
    .main-filter-section.addvance-search-box{
        width: 100%;
        left: unset;
        bottom: 0%;
        overflow: auto;
    }
}
/* proxima.css new change according to element.css*/
 /* New comman modal style */
  ._has-modal .alert-info-modal.confirm{
    z-index: 902;
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease .5s;
    top: -100%;}
    ._has-modal .alert-info-modal.confirm._show{
    transition: all ease-in-out .5s;
    top: 20%;}
    ._has-modal .alert-info-modal .modal-inner-wrap{
    width: 400px;
    background: #FFF;
    position: relative;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-footer,
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-header{
    padding: 8px 16px !important;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-header .action-close{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    font-size: 32px;
    background: transparent;
    color: #000;
    font-weight: 300;
    border: 0;
    padding: 4px 8px;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-header .action-close:hover{
    background-color: #000;
    color: #fff;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-header .action-close span{
    display: none;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-header h1{
    font-size: 32px !important;
    margin: 0;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-content{
    text-align: center;
    background-color: transparent;}
    ._has-modal .alert-info-modal .modal-inner-wrap .modal-footer{
        text-align: right;}
._has-modal .alert-info-modal .modal-inner-wrap .modal-header{
    display: flex !important;
    justify-content: flex-start !important;
}
._has-modal .alert-info-modal .modal-inner-wrap .modal-header .action-close{
    display: block !important;
    position: absolute !important;
    color: #000 !important;}
._has-modal .alert-info-modal .modal-inner-wrap .modal-header .action-close:hover{
    background-color: #000 !important;
    color: #fff !important;
}
._has-modal .alert-info-modal .modal-inner-wrap .modal-header .action-close::before{
    content: "\f00d";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-size: inherit;
    color: inherit;
    background-color: transparent !important;
    font-weight: 300 !important;
}
._has-modal .alert-info-modal.confirm{
    bottom: unset;
}
._has-modal .alert-info-modal .modal-inner-wrap{
    margin: 0 auto !important;
}
._has-modal .alert-info-modal .modal-inner-wrap .modal-footer{
    display: flex;
    gap: 10px !important;
    justify-content: flex-end !important;
}
body.project_theme_mode_normal.account .alert-info-modal.confirm.modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal)) .modal-inner-wrap .modal-footer button:hover,
._has-modal .alert-info-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 .alert-info-modal.modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal)) .modal-inner-wrap .modal-footer button span:hover{
    background-color: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
 /* New comman modal style */
  /* Uplload page error overlap*/
 .account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-field.upload-field{
    position: relative;
    z-index: 2;
 }
 .account.listingsystem-uploadproperty-upload .proxima-myaccount-container .listing-body-content .project-grid form .messages{
    z-index: 1;
 }
   /* Uplload page error overlap*/
/* new social share popup change */
body.account.agent-projects-index:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap,
body.account.agent-projects-index:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap,
body.account.agent-projects-information:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.share_social_media_property-modal .modal-inner-wrap,
body.account.agent-projects-information:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.share_social_media-modal .modal-inner-wrap,
.modals-wrapper .modal-popup.share_social_media_property-modal .modal-inner-wrap,
.modals-wrapper .modal-popup.share_social_media-modal .modal-inner-wrap{
    max-height: 70% !important;
    max-width: fit-content !important;
    width: 80% !important;
}
.modals-wrapper .modal-popup.share_social_media_property-modal .modal-inner-wrap ul.listing,
.modals-wrapper .modal-popup.share_social_media-modal .modal-inner-wrap ul.listing{
    overflow-x: auto;
    overflow-y: hidden;
}
body .modals-wrapper .modal-popup:is(.share_social_media-modal, .share_social_media_property-modal)._inner-scroll .modal-inner-wrap .modal-header .modal-title{
    text-align: left !important;
}
body.agent-projects-information.project_theme_mode_normal.account .modal-inner-wrap .modal-footer button.elmt-button-black,
body.account .elmt-button-black:not(.unset_btn){
    background-color: #fff !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}
body.agent-projects-information.project_theme_mode_normal.account .modal-inner-wrap .modal-footer button.elmt-button-black:hover,
body.account .elmt-button-black:not(.unset_btn):hover{
    background-color: #000 !important;
    border: 1px solid #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body .modals-wrapper .modal-popup:is(.share_social_media-modal, .share_social_media_property-modal)._inner-scroll .modal-inner-wrap .modal-content{
    overflow-y: auto !important;
    overflow-x: hidden !important;}
body .modals-wrapper .modal-popup:is(.share_social_media-modal, .share_social_media_property-modal)._inner-scroll .modal-inner-wrap .modal-footer .mobile-share-button{
        bottom: 360px;
        right: 20px;
    }
    body.account.agent-projects-index .modals-wrapper .modal-popup:is(.share_social_media-modal, .share_social_media_property-modal) ul.listing i{
        padding-left: 0 !important;
    }
    body.account.agent-projects-index .modals-wrapper .modal-popup:is(.share_social_media-modal, .share_social_media_property-modal) ul.listing li label input,
    body.agent-projects-information .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing li label input{
        top: 1px !important;
    }
body.account:is(.agent-projects-information, .agent-projects-index) .modals-wrapper .modal-popup:is(.share_social_media-modal, .share_social_media_property-modal)._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing{
            grid-template-columns: repeat(3, 1fr);}
@media (max-width: 1080.98px) {
body.account:is(.agent-projects-information, .agent-projects-index) .modals-wrapper .modal-popup:is(.share_social_media-modal, .share_social_media_property-modal)._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing{
            grid-template-columns: repeat(3, 1fr);}
        }
@media (max-width: 768.98px) {
body.account:is(.agent-projects-information, .agent-projects-index) .modals-wrapper .modal-popup:is(.share_social_media-modal, .share_social_media_property-modal)._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing{
    grid-template-columns: repeat(1, 1fr)}
}
@media (max-width: 578.98px) {
    body:is(.agent-projects-information, .agent-projects-index) .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .sales-table .listing{
        grid-template-columns: repeat(1, 1fr);}
    body.account.agent-projects-index:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.share_social_media-modal._inner-scroll .modal-inner-wrap,
    body.account.agent-projects-index:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.share_social_media_property-modal._inner-scroll .modal-inner-wrap,
    body.account.agent-projects-information:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.share_social_media_property-modal .modal-inner-wrap,
    body.account.agent-projects-information:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index ) .modals-wrapper .modal-popup.share_social_media-modal .modal-inner-wrap,
    .modals-wrapper .modal-popup.share_social_media_property-modal .modal-inner-wrap,
    .modals-wrapper .modal-popup.share_social_media-modal .modal-inner-wrap{
        width: 96% !important;
        top: 50px !important;
        max-height: max-content !important;
    }
}

/* new social share popup change */
/* common table change change */
.table-container-option table tr td center img{
    padding: 10px !important;
    width: 120px !important;
}
.table-container-option table tr th {
    font-size: 12px !important;
    font-weight: 750 !important;
}
.table-container-option table tr td {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable th.th-min-txt,
.table-container-option table tr th.th-min-txt{
    min-width: fit-content !important;
    width: fit-content !important;
    max-width: fit-content !important;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable th.sorting,
.table-container-option table tr th.sorting{
    padding-right: 30px !important;
}
.proxima-myaccount-container .column.main form#form_mymeetingsgrid .tabcontent .dataTables_wrapper table.dataTable td.td-icon div,
.table-container-option table tr td.td-icon div{
    display: flex;
    gap: 10px;
    align-items: center;
}
/* common table change change */
/* star select section */
.ratea,.ratec,.rate{
    position: relative;
    height: 20px;
    width: 20px;
    padding: 0px !important;
}
.star-ratea,
.star-ratec,
.star-rate{
    opacity: 0;
    width: 20px;
    height: 20px;
    position: absolute !important;
    z-index: 1;
}
.star-span{
    position: absolute;
    left: 0;
}
input.star-ratec + .star-span::before,
input.star-ratea + .star-span::before,
input.star-rate + .star-span::before{
    content: url(../images/star-bg.svg);
    position: absolute;
    height: 20px;
    width: 20px;
}
input.star-ratec:checked + .star-span:before,
input.star-ratea:checked + .star-span:before,
input.star-rate:checked + .star-span:before{
    content: url(../images/start-rate.svg);
}
/* star select section */

/* property_expert-ui fix */
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content{
    padding: 0 25px !important;
    background: transparent !important;
}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header{
    padding: 20px 25px 0 !important;
}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container .tabcontent{
border: 0 !important;
padding: 0 10px !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 !important;
    color: #8599B5 !important;
}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container table.propertyexpert tbody tr td{
    font-size: 15px !important;
    color: #000 !important;

}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container table.propertyexpert tbody td{
    border: none !important;

}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container table.propertyexpert tbody td{
  font-weight: 500 !important;
  font-size: 14px !important;
}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container table.propertyexpert tbody tr{
   border-bottom: 1px solid #EFEFEF !important;
}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container .table div:nth-child(odd){
    background: transparent !important;

}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container span.btnpropertyexpert-grp a{
    background: #fff;
    border: 3px solid #000 !important;
    min-width: 113px;
    min-height: 36px;
    color: #000 !important;
    font-size: 15px !important;
}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container span.btnpropertyexpert-grp a:hover{
    background: #000 !important;
    color: #fff !important;
}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .registration-container span.btnpropertyexpert-grp{
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header{
    border-bottom: 0 !important;
}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:before{
    color: #A7A7A7 !important;
    font-weight: 700 !important;
}
body.account.propertyexperts-scheduledmeetings-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close{
    background: transparent !important;
}
body.account.propertyexperts-scheduledmeetings-index .modal-inner-wrap header.modal-header h1{
    color: #0069FF !important;
    text-transform: capitalize !important;
    font-size: 19px !important;
}
body.account.propertyexperts-scheduledmeetings-index .container.roomBookingContainer  table.dataTable tbody td.p_e_rating{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 3px;
}
body.account.propertyexperts-scheduledmeetings-index .container.roomBookingContainer  table.dataTable tbody td.p_e_rating span{
    margin: 0 !important;
}

body.account.propertyexperts-index-index .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content{
background: transparent !important
}
body.propertyexperts-myavailability-index .modal-inner-wrap .modal-footer button#cancelButton:hover, body.propertyexperts-myavailability-index .modal-inner-wrap .modal-footer button#saveButton:hover{
	-webkit-text-fill-color: #000 !important;
}
body.propertyexperts-myavailability-index span.validation-message {
    position: absolute !important;
}
/* reserved_property_list popup change */
body.account .reserved_property_list_popup.modal .modal-content{
    min-width: 100%;
    width: fit-content;
    background-color: #fff;
}
body.account .reserved_property_list_popup.modal .modal-content table td{
    height: 2.5rem;
    padding: 5px 0px 5px 12px !important;
    text-align: left !important;
}
body.account .reserved_property_list_popup.modal .modal-content h6{
    margin: 15px 5px !important;
}
body.account .reserved_property_list_popup.modal .modal-content .close {
    position: absolute;
    right: 10px;
    top: -10px;
    color: #000 !important;
}
.do-not-edit .reserved_property_list_popup.modal input{
    display: block !important;
}
body.account .reserved_property_list_popup.modal input[type="date"]{
    border: 1.5px solid #000 !important;
}
@media screen and (max-width: 575.98px){
body.account .reserved_property_list_popup.modal .modal-content{
    width: 1266px !important;
}}
/* reserved_property_list popup change */
/* common fix for optional table */
.table-container-option table{
    overflow: auto;
    display: block !important;}
 .table-container-option div.dataTables_wrapper table thead th{
    background-color: #fff;
    font-size: 0.8rem;}
    .table-container-option div.dataTables_wrapper table tbody td{
    font-size: 16px !important;}
    form.table-container-option{
    padding: 0px 2rem;}
    .table-container-option div.dataTables_wrapper div.dataTables_length,
    .table-container-option div.dataTables_wrapper div.dataTables_filter{
        display: inline-block !important;}
    .table-container-option div.dataTables_wrapper div.dataTables_length{
        text-align: left !important;
        width: calc(100% - 244px) !important;
    }
    .table-container-option div.dataTables_wrapper div.dataTables_filter input,
    .table-container-option div.dataTables_wrapper div.dataTables_length select{
        padding: 0px 14px !important;
        border-radius: 1.25rem !important;
        border-color: #000;
        height: 35px;}
    .table-container-option div.dataTables_wrapper div.dataTables_length select{
        width: 70px !important;}
    .table-container-option div.dataTables_wrapper div.dataTables_filter input{
        margin-left: 0.5rem !important;}
    .table-container-option table thead tr th {
            font-size: 12px !important;
            font-weight: 750 !important;}
    .table-container-option table tbody tr td {
            font-size: 14px !important;
            font-weight: 600 !important;}
    .table-container-option .dataTables_paginate.paging_simple_numbers a.paginate_button {
            border-color: #000 !important;
            color: #000 !important;
            display: inline;
            border: 2px solid !important;
            height: 2.375rem !important;
            font-size: 13px !important;
            border-radius: 20px !important;
            padding: 6px 18px !important;
            margin: 0px 5px;
            cursor: pointer !important;}
    .table-container-option .dataTables_paginate.paging_simple_numbers a.paginate_button.disabled {
             pointer-events: none !important;
            opacity: 0.5 !important;}
            .table-container-option .dataTables_paginate.paging_simple_numbers a.paginate_button.current{
                background-color: #000 !important;
                color: #fff !important;
            }
    @media (max-width: 578.98px) {
    .table-container-option div.dataTables_wrapper div.dataTables_length,
    .table-container-option div.dataTables_wrapper div.dataTables_filter{
            display: block;}}
        /* common fix for optional table */

        .custom-accordion-tab ul.listing-modal-more[class*='property-'] {
            flex-wrap: wrap;
            justify-content: flex-start;
            margin: 0;
            gap: 15px;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-bottom: 0;
            display: grid !important;
            grid-template-columns: repeat(11, auto);

        }
        .custom-accordion-tab ul.listing-modal-more li[class*='property-']{
            flex: 1 1 auto;
            max-width: fit-content;
            min-width: fit-content;
            margin: 0;
            text-align: left;
        }
        body.account.listingsystem-externallist-index .modal-content{
            border-radius: 4px;
            padding: 40px 40px;
            position: relative;
        }

        body.account.listingsystem-externallist-index .modal-content .close{
            line-height: 15px;
            position: absolute;
            top: 0;
            right: 0;
            padding: 10px;
            color: #000;
        }
        body.account.listingsystem-externallist-index .modal-content .close:hover{
            background-color: #000;
            color: #FFf;
        }
        body.listingsystem-externallist-index #tbl_listing thead th{
            background-color: transparent !important;
        }
        body.listingsystem-externallist-index #tbl_listing thead th:first-child{
            width: 110px !important;
        }
        body.account.listingsystem-externallist-index .modal-content .custom-accordion-tab{
            text-align: right;
            max-width: 1080px;
        }
        @media (max-width: 578.98px) {
    .table-container-option div.dataTables_wrapper div.dataTables_length,
    .table-container-option div.dataTables_wrapper div.dataTables_filter{
        display: block;}}
        /* common fix for optional table */

        /* New black button theme */
            body.account .elmt-btn-black,
            body.account .modal-popup .modal-inner-wrap .modal-footer .elmt-btn-black,
            body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal, .map-selector-pop-up)) .modal-inner-wrap .modal-footer .elmt-btn-black{
                background-color: #000 !important;
                color: #fff !important;
                -webkit-text-fill-color: #fff !important;
                border: 2px solid #000 !important;
            }
            body.account .elmt-btn-black:hover,
            body.account .modal-popup .modal-inner-wrap .modal-footer .elmt-btn-black:hover,
            body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal , .map-selector-pop-up)) .modal-inner-wrap .modal-footer .elmt-btn-black:hover{
                background-color: #fff !important;
                color: #000 !important;
                -webkit-text-fill-color: #000 !important;
            }
     /* New black button theme */
     /* Commission system claim popup  */
     #form-sales-invoice .field-declaration input{
        margin-right: 10px !important;
     }
      /* Commission system claim popup  */
body.propertyexperts-myavailability-index a#tbl_myavailability_previous {
    display: inline;
    border: 2px solid !important;
    font-size: 13px !important;
    border-radius: 20px !important;
    padding: 6px 18px !important;
    margin: 0px 5px;
    cursor: pointer !important;
}
body.propertyexperts-myavailability-index a#tbl_myavailability_next {
    display: inline;
    border: 2px solid !important;
    font-size: 13px !important;
    border-radius: 20px !important;
    padding: 6px 18px !important;
    margin: 0px 5px;
    cursor: pointer !important;
}
body.propertyexperts-mymeetings-index.account:not(.reservation-reservationcomplete-index, .agentregistration-invitations-index, .propertyexperts-myavailability-index ) .modals-wrapper .modal-popup.rating-modal._inner-scroll .modal-inner-wrap {
    max-width: 800px !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:hover{
    color: #000 !important;
}
body.propertyexperts-index-index .proxima-myaccount-container .body-content .propertyexperts-search-results .table-container-option table {
    display: table !important;
}
body.propertyexperts-index-index .proxima-myaccount-container .body-content .propertyexperts-search-results .roomBookingContainer table {
    display: table !important;
}
body.account.propertyexperts-index-index .proxima-myaccount-container .container .row .div-invitation-add-btn {
    width: -webkit-fill-available !important;
}
body.agent-projects-information .proxima-myaccount-container .project-119 .publishmsgbox {
    z-index: 9!important;
}
body.agent-projects-information .proxima-myaccount-container .project-119 .publishmsgbox_msg {
    z-index: 9!important;
}
body.agent-projects-information .property_expert_div ul li > p.prf-pic span.profile img {
    width: 60px!important;
    height: 60px!important;
    border-radius: 50%!important;
}

body.propertyexperts-scheduledmeetings-index #tbl-client_wrapper .meeting-cancel{
    display: inline-flex;
    align-items: center;
    border-radius: 20px!important;
    color: #000!important;
    padding: 0px 10px 0px 10px!important;
    font-size: 9px!important;
    text-transform: capitalize!important;
    background-color: #fff!important;
    border: 1px solid #000!important;
 }
 body.propertyexperts-scheduledmeetings-index .propertyexperts-search-results #tbl-client_wrapper .alink {
    color: #067df4;
    text-decoration: none;
}

 body.propertyexperts-peregistration-index .psp-registration-container-grid .file-field .control input[type='file'] {
    color: #B0B0B0;
    font-size: 12px !important;
    padding: 10px !important;
    padding-right: 19px !important;
    width: 100% !important;
}
body.propertyexperts-peregistration-index .psp-registration-container-grid .file-field .control input::file-selector-button {
    color: #fff;
    padding: 0.2em;
    border:none;
    background-color:#067df4;
    border-radius: 3px;
  }

 body.propertyexperts-scheduledmeetings-index .container.roomBookingContainer .dataTables_length.bs-select select {
    width: auto!important;
}
body.propertyexperts-peregistration-index .agent-section .psp-registration-container .psp-registration-container-grid .field .span-align {
    column-gap: 5px!important;
}
body.propertyexperts-peregistration-index .psp-registration-container .psp-registration-container-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr)!important;
    column-gap: 15px !important;
}
body.propertyexperts-peregistration-index .psp-registration-container-grid .select-field .input-select {
    background-image: none !important;
}
body.propertyexperts-peregistration-index .psp-registration-container .select-field .control::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;
}
body.propertyexperts-peregistration-index .psp-registration-container .psp-registration-container-grid.submit-section.single-line{
    grid-template-columns: 1fr!important;
}

body.propertyexperts-myprofile-index .modals-wrapper #modal-content-15 .psp-registration-container-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr)!important;
    column-gap: 15px !important;
}
body.propertyexperts-myprofile-index .modals-wrapper #modal-content-15 .modal-header {
    padding: 10px !important;
}
body.propertyexperts-myprofile-index .modals-wrapper #modal-content-15 .modal-content {
    padding: 15px 30px !important;
}
body.propertyexperts-myprofile-index .modals-wrapper #modal-content-15 .psp-registration-container-grid .container-grid .field{
    margin-bottom: 0.8rem;
}
body.propertyexperts-myprofile-index .modals-wrapper .registration-container input[type="text"],
body.propertyexperts-myprofile-index .modals-wrapper .registration-container input[type="tel"],
body.propertyexperts-myprofile-index .modals-wrapper .registration-container input[type="number"],
body.propertyexperts-myprofile-index .modals-wrapper .registration-container input[type*="date"],
body.propertyexperts-myprofile-index .modals-wrapper .registration-container input[type="email"] {
    padding: 0px 9px 0px 10px;
    border: 1px solid #ECECEC !important;
    height: 40px;
    font-size: 12px !important;
}
body.propertyexperts-myprofile-index .modals-wrapper .registration-container select {
    padding: 0px 9px 0px 10px;
    border: 1px solid #ECECEC !important;
    height: 40px;
    font-size: 12px !important;
}
@media (max-width: 700px) {
    body.propertyexperts-scheduledmeetings-index #tbl-client_wrapper .meeting-cancel{
        padding:0px 2px 0px 5px!important;
     }
}
body.propertyexperts-peregistration-index .agent-section .psp-registration-container form {
    padding: 10px 60px 13px 60px !important;
}
/*My Meetins Comment View Popup Style*/
.modals-wrapper .modal-popup.commentviewarea .modal-inner-wrap{
    position: absolute;
    inset: 0 !important;
    max-height: 100% !important;
    height: 100%;
    margin: 0 0 0 auto;
}
.modals-wrapper .modal-popup.commentviewarea{
    right: -130%;
}
.modals-wrapper .modal-popup.commentviewarea._show{
    right: 0;
}
/*My Meetins Comment View Popup Style*/
/*Property Expert */
.video_delete,.video_delete:visited{
    color: #000000;
}
.video_delete:hover{
    color: #bf2424;
}
.edit_profile i:hover{
    color:#067df4;
}
.property_expert_div .video{
    cursor: pointer;
}
.property_expert_div .video label:hover{
    color: #e84b5c;
}
/* End My Profle */


/* new section*/
.agentMatrix {
    padding: 0px;
  }
  .agentMatrix .tab button.tablinks {
    border-radius: 5px 5px 0px 0px;
    padding: 5px 10px;
    background: #F5F5F5;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
  }
  .agentMatrix .tab button.tablinks.active {
    background: #067DF4;
    color: #FFFFFF;
  }
  .agentMatrix .tabcontent {
    padding: 10px 0px;
    border: 0px solid #f2f2f2;
  }

  .agentMatrix .tabcontent:is(#tab_performance_content, #tab_commission_content) {
    border-radius: 5px;
    background: #f4f4f4;
    margin: 10px 0;
  }

  .agentMatrix div span.agmtx-sm-btn{
    border-radius: 20px;
    background: #8C8C8C;
    padding: 5px 10px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
  }
  .agentMatrix div span.agmtx-sm-btn.md-gray{
    background: #DCDCDC;
    color: #000;
  }
  .agentMatrix div span.agmtx-sm-btn.active {
    background: #067DF4;
    font-weight: 700;
    color: #fff;
  }
  .agentMatrix .tabcontent p.sublinks {
    margin: 0px;
    padding: 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .agentMatrix .tabcontent#tab_commission_content p.sublinks{
    padding: 15px 20px 0px 20px;
  }
  .agentMatrix .tabcontent p.sublinks span {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .agentMatrix .tabcontent p.sublinks span:nth-child(2) {
    font-weight: 700;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  .agentMatrix .tabcontent p.sublinks span a, .agentMatrix .tabcontent p.sublinks span label {
    border-radius: 15px;
    display: block;
    background: #DCDCDC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 5px 10px;
    margin: 0px 4px 0px 0px;
    color: #000000;
  }
  .agentMatrix .tabcontent p.sublinks span a.active, .agentMatrix .tabcontent p.sublinks span label.active {
    background: #067DF4;
    color: #FFFFFF;
  }
  .agentMatrix .tabcontent p.sublinks span label {
    margin: 0px 4px;
  }
  /* agent matrix new responsive change */
  .agentMatrix .tabcontent .sublinks-performance-tab-small-screens span .small-screen-tabs{
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 6px 6px 6px;
    position: relative;
    margin-right: 20px;
  }
  .agentMatrix .tabcontent .sublinks-performance-tab-small-screens{
    margin-bottom: 10px;
    padding: 0px 10px 0px 20px;
  }
  .agentMatrix .tabcontent .sublinks-performance-tab-small-screens span .small-screen-tabs::after{
    content: "\00B7";
    font-size: 29px;
    position: absolute;
    right: -16px;
    color: #000;
    font-weight: 400;
  }
  .agentMatrix .tabcontent .sublinks-performance-tab-small-screens span .small-screen-tabs:last-child:after{
    display: none;
  }
  .agentMatrix .tabcontent .sublinks-performance-tab-small-screens span .small-screen-tabs.active{
    font-size: 14px;
    font-weight: 750;
    line-height: 17px;
    color: #067df4;
    border-bottom: 1px solid #067df4;
  }

.modals-wrapper .agent-matrix-mobile-popup .modal-inner-wrap{
    max-height: 80%;
    padding-bottom: 55px;
}
.modals-wrapper .modal-popup.agent-matrix-mobile-popup._inner-scroll .modal-inner-wrap .modal-header{
    border: 0 !important;
}
.modals-wrapper .agent-matrix-mobile-popup .modal-inner-wrap .modal-footer{
    display: none;
}
.modals-wrapper .agent-matrix-mobile-popup .modal-inner-wrap .action-close::before{
    display: none;
}
body.project_theme_mode_normal.account .modals-wrapper .modal-popup.agent-matrix-mobile-popup._inner-scroll .modal-inner-wrap .modal-header .action-close,
.modals-wrapper .agent-matrix-mobile-popup .modal-inner-wrap .action-close{
    margin: auto;
    height: 3px !important;
    background: #dcdcdc !important;
    width: 181px !important;
}

.modals-wrapper .agent-matrix-mobile-popup .modal-inner-wrap .modal-content{
    padding: 15px 10px !important;
    background-color: #F5F5F5;}
.agent-mobile-content h6,
.agent-mobile-content h5{
    margin: 5px 0px !important;
    display: inline-block;
}
.agent-mobile-content h5{
    font-size: 16px;
}
.agent-mobile-content ul li,
.agent-mobile-content ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.agent-mobile-content{
    font-size: 14px;
    background: #fff;
    padding: 10px;
}
.agent-mobile-content h6,
.agent-mobile-content span,
.agent-mobile-content{
    font-size: 14px;
}
.agent-mobile-content .text-bold{
    font-weight: 700;
}
.agent-mobile-content .clr-blue{
    color: #067DF4;
}
.agent-mobile-content .clr-green{
    color: #2DA419;
}
.agent-mobile-content .span-icon{
    width: 30px;
    height: 17px;
    display: inline-block;
}
.agent-mobile-content .span-icon.icon-phone{
    background: url(../images/phone-icon-modal.svg) no-repeat;
}
.agent-mobile-content .span-icon.icon-email{
    background: url(../images/email-icon-modal.svg) no-repeat;
}
.agentMatrix .tick-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px;
}
.agentMatrix .clr-green.tick-icon{
    background: url(../images/green-check-new.svg) no-repeat;
}
.agentMatrix .clr-red.tick-icon{
    background: url(../images/red-cross-new.svg) no-repeat;
}
.agentMatrix .tabcontent.summary-mobile-view tr.tr-container{
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    width: 100%;
}
.agentMatrix .tabcontent.summary-mobile-view tr.tr-container td{
    width: 80%;
    text-align: right;
    height: auto !important;
    padding: 10px 20px 10px 10px !important;
}
.agentMatrix .tabcontent p.sublinks span label.input-label-date input{
    background-color: transparent;
    height: auto;
    width: fit-content;
    padding: 0;
    border: 0 !important;
    font-weight: 700;
    cursor: pointer;
}
.agentMatrix .tabcontent p.sublinks span label.input-label-date{
    padding: 5px 7px;
}
.agentMatrix .tabcontent p.sublinks span:nth-child(2) .mage-error{
    color: #e02b27;
    position: absolute;
    right: 0;
    top: -25px;
}
.agentMatrix .tabcontent p.sublinks span:nth-child(1){
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}

.agentMatrix .tabcontent .sublinks-performance-tab-small-screens > span[class*='mobile-view_js']{
    display: none;
}

@media (max-width: 992.98px) {

.agentMatrix .tabcontent p.sublinks{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 25px 0px;
}
/* .agentMatrix .tabcontent p.sublinks span:nth-child(2) .mage-error{
    right: unset;
    left: 0;
    top: -30px;
} */
li.hover-container .agent-contact-hover{
    flex-direction: column;
    align-items: flex-start !important;
}
li.hover-container .hover-btn-agent:hover .tooltiptext{
    z-index: 2;
}
}

@media (max-width: 768.98px) {
    .agentMatrix .tabcontent p.sublinks.commission-tab span:nth-child(1){
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .agentMatrix .tabcontent p.sublinks.commission-tab span:nth-child(1){
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    }

}

/* agent matrix md screen */
@media (max-width: 500.98px) {

.agentMatrix .tabcontent{
    margin: 10px 0;
}
.agentMatrix .tabcontent .sublinks-performance-tab-small-screens span[class*='performance-']{
    margin: 5px 0;
    display: block;
    text-align: right;
}
.agentMatrix .tabcontent .sublinks-performance-tab-small-screens span[class*='performance-']{
    margin: 5px 0;
    display: block;
    text-align: right;
}
.agentMatrix .tabcontent .sublinks-performance-tab-small-screens span.performance-sales-tab {
    text-align: left;
}

}
/* agent matrix new responsive change */
  .admin-prosection-box {
    font-family: "Avenir LT Std", sans-serif !important;
  }
  .admin-prosection-box .btns-prosection-box {
    margin-bottom: 0.625rem;
  }
  .admin-prosection-box .btns-prosection-box .btn-proxima {
    box-shadow: none;
    outline: none;
    cursor: pointer;
    padding: 0.375rem 0.625rem 0.375rem 0.625rem;
    margin-right: 0.625rem;
    border: 1px solid #000000;
    border-radius: 0.938rem;
    color: #000000;
    font-family: "Avenir LT Std", sans-serif !important;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.063rem;
    text-align: center;
  }
  .admin-prosection-box .btns-prosection-box .btn-proxima.all-tasks {
    border: none;
    color: #FFFFFF;
    background-color: #067DF4;
  }
  .admin-prosection-box .box-prosections {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    /* Styles for below 992px  devices*/
  }
  @media (max-width: 992px) {
    .admin-prosection-box .box-prosections {
      display: flex;
      flex-direction: column;
    }
  }
  .admin-prosection-box .box-prosections .box-prosections-table {
    width: 60%;
    height: auto;
    overflow-x: auto;
    margin-right: 0.625rem;
    /* Styles for below 1200px  devices*/
  }
  @media (max-width: 1200px) {
    .admin-prosection-box .box-prosections .box-prosections-table {
      width: auto;
    }
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table {
    width: 100%;
    color: #000000;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table thead, .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table th {
    padding: 0.625rem 0;
    background-color: #F5F5F5 !important;
    color: #000000;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.063rem;
    text-align: left;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table thead:nth-child(1), .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table th:nth-child(1) {
    padding-left: 10px;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table thead:nth-child(2), .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table th:nth-child(2) {
    position: relative;
  }
  @media (max-width: 1200px) {
    .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table thead:nth-child(2):after, .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table th:nth-child(2):after {
      content: "";
      display: block;
      position: absolute;
      right: 0px;
      top: calc(50% - 3px);
      right: 30%;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6.8px 4px 0 4px;
      border-color: #000000 transparent transparent transparent;
    }
  }
  @media (max-width: 1200px) {
    .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table thead:nth-child(2) span, .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table th:nth-child(2) span {
      display: block;
    }
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table thead:nth-child(4), .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table th:nth-child(4) {
    text-align: center;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table tbody tr {
    border-top: 0.625rem solid #ffffff;
    position: relative;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table tbody tr td {
    padding: 1.156rem 0 1.156rem 10px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.063rem;
    text-align: left;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table tbody tr td:nth-child(1) {
    font-weight: 750;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table tbody tr td:nth-child(4) a {
    color: #067DF4;
    text-align: center;
    display: block;
    font-weight: 750;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table tbody tr td:nth-child(4) a.rejected {
    color: #000000;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table tbody tr td:nth-child(4) a.completed {
    color: #299118;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table tbody tr:hover {
    background-color: #F5F5F5;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table tbody tr:active {
    background-color: #8C8C8C;
  }
  .admin-prosection-box .box-prosections .box-prosections-table #box-sections-table tbody tr::after {
    content: "";
    border-bottom: 1px solid #DCDCDC;
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates {
    width: 40%;
    padding: 1.25rem;
    background-color: #F5F5F5;
    border-radius: 0.313rem;
    /* Styles for below 992px  devices*/
  }
  @media (max-width: 992px) {
    .admin-prosection-box .box-prosections .sections-ACNupdates {
      width: auto;
    }
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content h5 {
    margin: 0 0 0 0;
    color: #000000;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.188rem;
    text-align: left;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content p {
    color: #000000;
    font-size: 14px;
    font-weight: 750;
    text-align: left;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content p span {
    font-weight: 400;
    line-height: 1.063rem;
    text-align: left;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul {
    display: flex;
    margin: 0.938rem 0 0 0;
    list-style: none;
    padding: 0;
    /* Styles for below 1200px  devices*/
  }
  @media (max-width: 1200px) {
    .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul {
      display: flex;
      flex-direction: column;
    }
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul li {
    width: 50%;
    /* Styles for below 1200px  devices*/
  }
  @media (max-width: 1200px) {
    .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul li {
      width: auto;
    }
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul li p {
    margin-bottom: 10px;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul li p .agent-name, .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul li p .company-name {
    display: block;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul li:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 19.313rem;
    min-width: 14.125rem;
    height: auto;
    background-color: #FFFFFF;
    color: #000000;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul li:nth-child(2) span {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.063rem;
    text-align: left;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul li:nth-child(2) span p {
    margin-bottom: 0px;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content ul li .btns-ACNdocument .btn-ACNdocument {
    box-shadow: none;
    outline: none;
    cursor: pointer;
    padding: 0.125rem 0.313rem 0.125rem 0.313rem;
    margin-right: 0.625rem;
    border-radius: 0.625rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.063rem;
    text-align: left;
    background-color: #067DF4;
    color: #FFFFFF;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content .btns-ACNupdates {
    display: flex;
    justify-content: flex-end;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content .btns-ACNupdates .btn-ACNupdates {
    box-shadow: none;
    outline: none;
    cursor: pointer;
    padding: 0.125rem 0.313rem 0.125rem 0.313rem;
    margin-right: 0.625rem;
    border-radius: 0.625rem;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.063rem;
    text-align: left;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content .btns-ACNupdates .btn-ACNupdates.amend, .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content .btns-ACNupdates .btn-ACNupdates.reject {
    background-color: #DCDCDC;
  }
  .admin-prosection-box .box-prosections .sections-ACNupdates .ACNupdates-content .btns-ACNupdates .btn-ACNupdates.approve {
    background-color: #067DF4;
    color: #FFFFFF;
  }/*# sourceMappingURL=property.css.map */
        body.page-products.categorypath-projects.category-projects .proxima-product-grid .product-item{
            width: calc((100% - 0%) / 3) !important;
        }
        body.page-products.categorypath-projects.category-projects .proxima-project-list {
            background-color: #fff !important;
        }
        body.page-products.categorypath-projects.category-projects .page-main .proxima-project-list .product-item-info .product-item-photo {
            max-height: 100%!important;
        }
        body.page-products.categorypath-projects.category-projects .proxima-project-list .product-items .product-item-info .product_details{
            position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    background-color: transparent !important;
    font-weight: 500;
    font-size: 0.875rem;
    color: #fff !important;
    padding: 0.75rem 1rem;
    z-index: 5;
    border-radius: 20px;
        }

        body.page-products.categorypath-projects.category-projects .product-item .details-inner .product-item-name a{
            color: #fff;
            font-size: 1.5rem;
            font-weight: 500;
        }

        body.page-products.categorypath-projects.category-projects .proxima-project-list .product-items .product-item .product-item-info .product-item-photo::after {
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 70%);
            /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 70%); */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
            z-index: 1;
        padding:5rem;
        }

        body.page-products.categorypath-projects.category-projects .product_details .location-box .fa-map-marker-alt{
            color: #067DF4;
    font-size: 1.2rem;
        }
        @media screen and (max-width: 756px){
            body.page-products.categorypath-projects.category-projects .proxima-product-grid .product-item {
                width: calc((100% - 0%) / 1) !important;
            }
        }
        @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
            body.page-products.categorypath-projects.category-projects .product-item .details-inner .product-item-name a {

                font-size: 1rem;

            }
          }
          @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
            body.page-products.categorypath-projects.category-projects .product-item .details-inner .product-item-name a {

                font-size: 1rem;

            }
          }

          /*product image style*/
 body.page-products .page-wrapper .page-main .proxima-product-grid .product-item-info .product .product-image-container .product-image-wrapper img{
    min-height: 200px;
    object-fit: cover;
}
body.listingsystem-externallist-edit.account .proxima-myaccount-container .listing-body-content .project-field span .datebw-icon,
body.listingsystem-externallist-add.account .proxima-myaccount-container .listing-body-content .project-field span .datebw-icon{
    background: url(../images/Datebw.svg) no-repeat;
    padding-left: 25px;
    height: 20px;
    display: inline-block;
    margin-left: 5px;
}
.account .proxima-myaccount-container .listing-body-content .project-field#upcoming_inspection_label_div label.datetime{
    line-height: 25px;
}
    body.reaanddomainlisting-reaapiagent-reaapiagentdata  .column.main {
        padding-left: 25px !important;
    }
     .form-section  .rea-btn{

        padding: 10px 20px !important;
    }
    body .form-section .form-group-field .rea-feild{
        border-radius: 10px !important;
        padding: 8px 16px 8px 20px;
        background-color: transparent !important;
        margin-top: 10px !important;
        border: 1px solid #000 !important;
        height: 40px;
        width: 100%;
    }
    body .form-section .form-group-field {
        grid-template-columns: repeat(1, 2fr) !important;
        display: grid;
        column-gap: 60px;
        max-width: 50%;

    }
    @media (max-width: 767px){
        body .form-section .form-group-field {
            grid-template-columns: repeat(1, 2fr) !important;
            max-width: 100%;
        }

    body.reaanddomainlisting-reaapiagent-reaapiagentdata  .column.main {
       padding-left: 15px !important;
       padding-right: 15px !important;
    }

    }
    body .form-section p.btns{
        text-align: right;
        max-width: 50%;
    }
    @media (max-width:1200px){
        body .form-section p.btns{
            width: 100% ;
            max-width: 100%;
        }
    }
    body .form-section p.btns button:active{
        background-color: #000;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
/* REA_and_Domain_Listing form style  */
body.listingsystem-externallist-add.account .proxima-myaccount-container .listing-body-content .project-field span .datebw-icon{
    margin-left: 15px;

}
        body.account.agentmanagement-agentmatrix-agentmatrix .body-content #master_agent{
            width: max-content;
            margin-bottom: 1rem;
        }
        body.account.agentmanagement-agentmatrix-agentmatrix .body-content label[for=masteragent]
{
    font-size: 15px;
    margin-right: 10px;
}
.master_agent_select {
    background: url(../images/new-select-down-dark.svg) no-repeat 76% 50%;
    font-size: 15px;
}
/* new style */
.agentMatrix .tabcontent#tab_summary_content table tr.master-tr td:nth-child(4){
    width: 105px;
}
.agentMatrix .tabcontent#tab_summary_content table tr.vickychew td:nth-child(4){
   width: 108px;
}
.agentMatrix .elmt-tab-section .text-indicator .text-clr-default span{
    font-weight: 700 !important;
}
.agent-mobile-content .clr-red {
    color: #BB1818;
}
/* new style */
          /* New comman modal style */
          .reservation-reservationcomplete-index._has-modal .alert-info-modal .modal-inner-wrap{
            width: fit-content;
          }
          @media (max-width: 578.98px) {
            .reservation-reservationcomplete-index._has-modal .alert-info-modal .modal-inner-wrap .modal-header h1{
            font-size: 28px;}}
          /* New comman modal style */

/* New comman modal style */
body.account.listingsystem-externallist-add .map-selector-pop-up .modal-footer .property-btn {
    background-color: #fff !important;
    color: #000 !important;
}
body.account.listingsystem-externallist-add .map-selector-pop-up .modal-footer .property-btn span:hover {
    background-color: transparent !important;
}
body.account.listingsystem-externallist-add .map-selector-pop-up .modal-footer .property-btn span {
    background-color: transparent !important;
}
.listingsystem-externallist-add .map-modal-span{
    margin: 0 8px 24px 8px !important;
}
 .listingsystem-externallist-edit .map-modal-span {
    margin: 0 0px 24px 0px !important;
}
body.account.listingsystem-externallist-add .modal-content #mapModal #map{
    margin: 0 10px 24px 10px !important;
}
body.account.listingsystem-externallist-add .modal-popup.modal-slide{
    left: 0 !important;
}
/* listingsystem-externallist-add  map-popup */


/* external_list_Rea_domain_integration style */
.proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable .publish-status-icon{
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable .publish-status-icon span{
    background-size: 26px auto;
    display: block;
    width: 45px;
    height: 40px;
}
@media (max-width: 767px){
    .proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable .publish-status-icon span{
        background-size: 24px auto;
        display: block;
        width: 35px;
        height: 25px;
    }
}
.proxima-myaccount-container .publish-status-icon span.rea-logo{
    background: url(../images/rea-logo.svg) no-repeat 50% 50%;
}
.proxima-myaccount-container  .publish-status-icon span.domain-logo{
    background: url(../images/domain-logo.svg) no-repeat 50% 50%;
}
.proxima-myaccount-container .publish-status-icon span.rea-logo-not-published{
    background: url(../images/rea-logo-not-published.png) no-repeat 50% 50%;
}
.proxima-myaccount-container  .publish-status-icon span.domain-logo-not-published{
    background: url(../images/domain-logo-not-published.png) no-repeat 50% 50%;
}

/* date field whole clickable */
/* #lease_expiry_date::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
} */


/* external_list_Rea_domain_integration style */
.proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable .publish-status-icon{
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.proxima-myaccount-container .column.main .dataTables_wrapper table.dataTable .publish-status-icon span{
    background-size: 26px auto;
    display: block;
    width: 45px;
    height: 40px;
}
.proxima-myaccount-container .publish-status-icon span.rea-logo{
    background: url(../images/rea-logo.svg) no-repeat 50% 50%;
}
.proxima-myaccount-container  .publish-status-icon span.domain-logo{
    background: url(../images/domain-logo.svg) no-repeat 50% 50%;
}
.proxima-myaccount-container .publish-status-icon span.rea-logo-not-published{
    background: url(../images/rea-logo-not-published.png) no-repeat 50% 50%;
}
.proxima-myaccount-container  .publish-status-icon span.domain-logo-not-published{
    background: url(../images/domain-logo-not-published.png) no-repeat 50% 50%;
}
.proxima-myaccount-container .publish-status-icon span.rea-logo-progress{
    background: url(../images/rea_progress.png) no-repeat 50% 50%;
}
.proxima-myaccount-container  .publish-status-icon span.domain-logo-progress{
    background: url(../images/domain_progress.png) no-repeat 50% 50%;
}



.custom-accordion-tab ul.property-details li span{
    word-break: break-all;
}
/* customer-account-index alert popup */
._has-modal.customer-account-index .alert-info-modal.confirm._show{
top: 30%;
}
._has-modal.customer-account-index .alert-info-modal .modal-inner-wrap .modal-header .action-close{
display: none;
}
._has-modal.customer-account-index .alert-info-modal .modal-inner-wrap button{
background: #fff !important;
}
          /* Style-Developer-Login-Enhancement */
          body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content.dev-login-modal{
            padding: 20px 20px !important;
            min-width: 40% !important;
            max-width: 40% !important;
            margin: 5rem auto !important;
            border-radius: 10px;
          }
          @media screen and (max-width: 991px){
            body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content.dev-login-modal{
                min-width: 100% !important;
                max-width: 100% !important;
                margin: auto !important;
                min-height: 100%;
            }
            .modals-wrapper .modal-popup._inner-scroll:not(.custom_login) .modal-inner-wrap{
                min-height: 100%;
            }
          }
          body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content.dev-login-modal .close{
            color: #000;
            font-weight: 300;
          }
          body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content.dev-login-modal .pp_status{
            padding: 30px 20px;

          }
          body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content.dev-login-modal .pp_status>p.btns button{
            font-family: unset;
            font-size: 16px;
          }
          body.account.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content.dev-login-modal ul.statuschange li label{
          font-size: 16px;
          padding-left: 5px;
          }

 /* project listing style          */
body.agent-projects-index  .custom-accordion-tab ul.property-details label span:not(.slider.round), .custom-accordion-tab ul.property-details span.property-status-span-value{
    margin-top: 5px;
    font-size: 14px;
}

body.agent-projects-index .custom-accordion-tab .tooltip-flex .tootip-inner-span.tooltip-inner-txt{
    min-width: auto !important;
    margin: 0 !important;
}
@media screen and (max-width:767px){
    .proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name span:nth-child(1){
        width: 100% !important;
    }
    .tab-label.project-name span.project-sub{
        display:  block !important;
    }
}
          /* commission system table search icon */
         input.icon-search::placeholder{
            background: url(../images/list-search.svg) no-repeat;
            background-origin: border-box;
          }
          body.account .proxima-myaccount-container .body-content form .table thead tr th.th-num{
            min-width: 2rem !important;
          }
          body.account .proxima-myaccount-container .body-content form .table tbody tr td.td-num{
           text-align: center;
           padding-left: 0 !important;
          }
          .fw-800,
          body.account .fw-800{
            font-weight: 800 !important;
          }
          /* commission system table search icon */
        /* agent-projects-index alert-info-modal */
              ._has-modal.agent-projects-index .alert-info-modal.confirm._show{
                top: 30%;
          }
          body.account._has-modal.agent-projects-index .alert-info-modal .modal-inner-wrap{
            width: 400px !important;
          }
         ._has-modal.agent-projects-index .alert-info-modal .modal-inner-wrap .modal-footer button{
            background: transparent !important;
          }
          /* agent-projects-index alert-info-modal */
    body.listingsystem-index-index.project_theme_mode_normal.account .modal-popup:not(.confirm-alert-info-success-modal) .modal-inner-wrap .modal-footer button.action-primary.action-accept span{
        color: #fff !important;
    }
    body.listingsystem-index-index.project_theme_mode_normal.account .modal-popup:not(.confirm-alert-info-success-modal) .modal-inner-wrap .modal-footer button.action-primary.action-accept:hover{
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        background-color: #fff;
    }
    .account .proxima-myaccount-container .listing-body-content .project-field  ul.multiple-file li,
    .account .proxima-myaccount-container .listing-body-content .project-field  ul.multiple-file{
        margin-bottom: 10px !important;
    }
    .account .proxima-myaccount-container .listing-body-content .project-field  ul.multiple-file:nth-child(1) li:nth-child(1){
        margin-top: 10px;
    }
body.commissionsystem-salescommission-salescommissionpropertylevel .proxima-myaccount-container .body-content form .table thead tr th{
    padding: 2px 22px 7px 5px !important
}
body.commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content form .table tr.pointer{
    cursor: pointer;
}
body.commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content form .table tr label{
    font-weight: 400;
    font-size: 14px;
    padding-left: 10px;
}
body.commissionsystem-salescommission-salescommissionpropertylevel .proxima-myaccount-container .body-content form .table thead tr th{
    vertical-align: middle;
}
body.commissionsystem-salescommission-salescommissionpropertylevel .proxima-myaccount-container .body-content form .table tr th input{
    min-width: 60px;
    padding: 10px !important;
}
body.commissionsystem-salescommission-salescommission .proxima-myaccount-container .body-content form .table tbody tr td:nth-child(5){
    min-width: 160px !important;
  }
/* new change for myaccount page mobile view */
.custom-accordion-tab .property-mobile-design-latest  ul.property-details li.property-image a img{
    float: unset !important;
    margin: unset !important;
}
.custom-accordion-tab .property-mobile-design-latest  ul.property-details li.property-image a{
    display: inline-flex;
    justify-content: flex-end;
}
.custom-accordion-tab .property-mobile-design-latest ul.property-details li.property-status{
    position: absolute;
    margin: 0 !important;
    right: 0;
    top: 0;
}
.custom-accordion-tab .property-mobile-design-latest ul.property-details li.property-status .fa-ellipsis-v{
    position: relative !important;
    right: -9px !important;
}
.property-details-mobile-only .property-mobile-sub-section-image > ul{
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    align-items: flex-end;
}
.custom-accordion-tab .property-mobile-design-latest ul.property-details li.property-rop.property-rop-mobile{
    position: relative;
    right: 0;
    margin: 0 !important;
}
@media screen and (max-width:575px){
.custom-accordion-tab .properties-container.property-odd-even{
    padding: 6px 6px 6px 6px;
}}
.custom-accordion-tab ul.property-details li span.property-span-txt{
    word-break: keep-all;
}
/* new change for myaccount page mobile view */
  body.project_theme_mode_normal.account .modal-inner-wrap .modal-footer button.light-theme-btn.action-dismiss{
    color: #000 !important;
    border-color: transparent !important;
  }

  body.project_theme_mode_normal.account .modal-inner-wrap .modal-footer button.action-primary.action-accept{
    border-color: transparent !important;
    color: #fff !important;
  }
  body.project_theme_mode_normal.account .modal-inner-wrap .modal-footer button.light-theme-btn.action-dismiss span{
    color: #000 !important;
  }
  body.project_theme_mode_normal.account .modal-inner-wrap .modal-footer button.action-primary.action-accept span{
    color: #fff !important;
  }
  body.project_theme_mode_normal.account .modal-inner-wrap .modal-footer button.action-primary.action-accept span:hover{
    color: #fff !important;
  }
  body.project_theme_mode_normal.account .modal-popup:not(:is(.share_social_media-modal, .share_social_media_property-modal)) .modal-inner-wrap .modal-footer button.action-primary.action-accept span:hover{
    -webkit-text-fill-color: #fff !important;
  }
  body.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-header .action-close.popup-close{
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
    font-weight: 600 !important;
  }
  body.account.reservation-reservationcomplete-index .modal-popup.confirmation-contract._show .modal-header .action-close.popup-close::before{
    color: #000 !important;
    font-weight: 600 !important;
  }

  body .modal-popup.confirm .modal-inner-wrap .modal-header h1.modal-title{
    font-size: 22px !important;
  }
  body.project_theme_mode_normal.account .modal-popup.confirmation-contract:not(:is(.share_social_media-modal, .share_social_media_property-modal,.commission-popup)) .modal-inner-wrap .modal-footer button span:hover{
    background-color: #000 !important;
  }
  body.project_theme_mode_normal.account .modal-popup.confirmation-contract:not(:is(.share_social_media-modal, .share_social_media_property-modal,.propertyexperts-index-index)) .modal-inner-wrap .modal-footer button span:hover{
    background-color: #000 !important;
    -webkit-text-fill-color: #fff !important;
  }
/*project Quick filter*/
  .quick-search{
    width: 100%;
    padding: 8px 10px 8px 15px;
    gap: 10px;
    flex-wrap: wrap;
}
.quick-search > div{
    padding: 5px 10px;
    background-color: #D9D9D9 !important;
    line-height: normal;
    border-radius: 10px;
}
.quick-search > div.active{
    background-color: #067DF4 !important;
    color: #fff;
}
.addvance-search-box.modal-search-projects-filter.main-filter-section .filter-sub-title{
    font-weight:700;
}
.body-content .quick-search{
    margin-bottom:1rem;
}
.pb-0{
    margin-bottom: 0!important;
}
.table.width_50{
    width:50%!important;
}
#html-body .sales-table.table th,
#html-body .sales-table.table td{
   padding: 0!important;
} 
#html-body .sales-table.table th{
    font-size: 13px !important;
} 
#html-body .sales-table.table td input{
    border-color: #000 !important;
}