/* :root {

    --p_m_bg_login_primary: #f5f7fa;
    --p_m_bg_login_primary_font: #f5f7fa;
    --p_m_login_primary_btn: #c5117a;
    --p_m_login_primary_btn_font: #900e0e;

    --p_m_bg_primary: #f5f7fa;
    --p_m_bg_secondary: #e10e0e;
    --p_m_bg_default: #06b1ea;

    --p_m_bg_primary_font: #19f578;  (NOTE this var used as main colot for fonts logos and other main texts)
    --p_m_bg_secondary_font: #ee6911;
    --p_m_bg_default_font: #e713e0;

    --p_m_primary_btn: #c5117a;
    --p_m_secondary_btn: #1ec821;
    --p_m_default_btn: #200bc1;

    --p_m_primary_btn_font: #900e0e;
    --p_m_secondary_btn_font: #0fcc8d;
    --p_m_default_btn_font: #dad416;
    --p_m_home_page_icon_label_color: #323232;
}  */

 /* START ----------------------------- Mobile view section ----------------------------------- */

 /* START ------------ login page --------------- */

 #html-body .customer-account-forgotpassword button.primary,
 #html-body button.primary.login {
   color: var(--p_m_bg_primary_font) !important;
 }

 #html-body main section.prx_mb_splash .prx_mb_splash_btngroup p.first button {
   color: var(--p_m_bg_primary_font) !important;
 }

 #html-body .event-text-primary {
   color: var(--p_m_bg_primary_font) !important;
 }

 #html-body .forgot-container .actions-toolbar .submit span {
   background: transparent;
 }

 #html-body .forgot-container .actions-toolbar .submit span {
   color: var(--p_m_bg_primary_font) !important;
 }

 #html-body input[type="button"].btn.secondary,
 input[type="submit"].btn.secondary,
 .btn.btn.secondary,
 input[type="file"].btn.secondary {
   color: var(--p_m_bg_primary_font) !important;
 }

 #html-body main section.prx_main .prx_main_header {
   background: var(--p_m_bg_primary_font) !important;
 }

 #html-body input[type="checkbox"] {
   accent-color: var(--p_m_bg_primary_font);
 }

 #html-body ._keyfocus *:focus,
 #html-body input:not([disabled], .select2-search__field):focus,
 #html-body textarea:not([disabled], .select2-search__field):focus,
 #html-body select:not([disabled], .select2-search__field):focus {
   box-shadow: 0 0 3px 1px var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_main_content.varified p.btns button.prx {
   background: var(--p_m_bg_primary_font) !important;
 }

 /* END ------------ login page --------------- */

 #html-body main section.prx_main .search-bar label {
   color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content h2>span a {
   color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content p.cntr a {
   color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content .prx_productbox ul li .prx_details p.prx_pricerange {
   color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content .tab button.active {
   color: var(--p_m_bg_primary_font);
 }

 #html-body:not(.customer-account-forgotpassword) button.primary:not(.login),
 #html-body input[type="file"].primary,
 #html-body input[type="button"].primary,
 #html-body input[type="submit"].primary,
 #html-body .request_type_sample {
   background-color: var(--p_m_bg_primary_font) !important;
 }

 #html-body main section.prx_main .prx_content p.filter button.secondary.active {
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content p.breadcrumb a {
   color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content .prx_prdbox .tabcontent#Properties ul li p.price span {
   color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content .prx_prdbox .tabcontent#Properties ul li p.price button span {
   color: #FFFFFF !important;
 }

 #html-body .prx_popup .prx_projectbox p.price span {
   color: var(--p_m_bg_primary_font);
 }
  #html-body .prx_popup .prx_projectbox h4 span.titled_date {
      color: blue !important;
  };

 #html-body main section.prx_main .prx_content .prx_prdbox .tab button.active {
   color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content .prx_prdbox .tab button.active:after,
 #html-body main section.prx_main .prx_content .tab button.active:after {
   background: var(--p_m_bg_primary_font) !important;
 }

 #html-body main section.prx_main .prx_content .accordion .accordion-item h2.accordion-header span,
 #html-body main section.prx_main .prx_content h2.accordion-header span {
   background: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content h2.accordion-header label {
   color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content p button.btn {
   background-color: var(--p_m_bg_primary_font);
 }

 ._has-modal .modals-wrapper .confirm .modal-footer button:is(:nth-of-type(2), .action-primary) {
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body .loader {
   border: 8px solid #f3f3f3;
   border-top: 8px solid var(--p_m_bg_primary_font);
 }

 #html-body main .prx_searchbox p.filters span.active {
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content .prx_favourites ul li .prx_details p.prx_pricerange,
 #html-body main section.prx_main .prx_content .prx_productbox ul li .prx_details p.prx_pricerange,
 #html-body main section.prx_main .prx_content p.breadcrumb {
   color: var(--p_m_bg_primary_font);
 }

 #html-body button.inspect-primary,
 #html-body input[type="file"].primary,
 #html-body input[type="button"].primary,
 #html-bodyinput[type="submit"].primary,
 #html-body .request_type_sample {
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content .prx_prdbox .tabcontent#Properties p.topbtns button.active {
   background: var(--p_m_bg_primary_font);
   border: 2px solid var(--p_m_bg_primary_font);
 }

 #html-body .tabcontent#Summary td a.tablinks {
   background-color: var(--p_m_bg_primary_font);
 }

 /* START ------------------  icon section ---------------------- */

 #html-body main section.prx_main .prx_content ul.notice li::after,
 #html-body main section.prx_main .prx_content h2.more-arrow>span.seeall::after,
 #html-body main section.prx_main .prx_content label.files-upload::before,
 #html-body main section.prx_main .prx_content ul.prx_reservations li p.profile span.btns button.arrow,
 #html-body main section.prx_main .prx_content .prx_prdbox .tabcontent#Properties ul li p button.share,
 #html-body main section.prx_main .prx_content ul.prx_prdlist li h3::after,
 #html-body .prx_popup .prx_projectbox h4 button.share,
 #html-body main section.prx_main .prx_content ul.prx_reservedetails li.location::after,
 #html-body main section.prx_main .prx_content ul.prx_prdhighlight li p.prx_location::after,
 #html-body main section.prx_main .prx_content ul.prx_prdhighlight li p.prx_location::after,
 #html-body main section.prx_main .prx_content .prx_favourites ul li .prx_details p.prx_location::after,
 #html-body main section.prx_main .prx_content .prx_productbox ul li .prx_details p.prx_location::after,
 #html-body main section.prx_main .prx_content p.cntr .down-arrow-img,
 #html-body main section.prx_main .prx_search .search-img,
 #html-body main section.prx_main .prx_mb_mainMenu ul li:after {
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
   mask-position: center;
   background-size: 0px;
   display: inline-block;
   position: relative;
 }

 #html-body main section.prx_main .prx_content h2.more-arrow>span.seeall,
 #html-body main section.prx_main .prx_content ul.prx_prdlist li h3,
 #html-body main section.prx_main .prx_content ul.prx_reservedetails li.location,
 #html-body main section.prx_main .prx_content ul.prx_prdhighlight li p.prx_location,
 #html-body main section.prx_main .prx_content ul.prx_prdhighlight li p.prx_location,
 #html-body main section.prx_main .prx_content .prx_favourites ul li .prx_details p.prx_location,
 #html-body main section.prx_main .prx_content .prx_productbox ul li .prx_details p.prx_location,
 #html-body main section.prx_main .prx_mb_mainMenu ul li {
   position: relative;
   background: none;
 }

 #html-body main section.prx_main .prx_search .search-img {
   -webkit-mask-size: 40px;
   mask-size: 40px;
   background-color: var(--p_m_bg_primary_font);
   -webkit-mask-image: url(../images/search.svg);
   mask-image: url(../images/search.svg);
   background-image: url(../images/search.svg);
 }

 #html-body main section.prx_main .prx_mb_mainMenu ul li:after {
   content: "";
   -webkit-mask-size: 33px;
   mask-size: 33px;
   position: absolute;
   padding: 20px;
   inset: 0;
   background-color: #323232;
 }

 #html-body main section.prx_main .prx_mb_mainMenu ul li.hm-menu:after {
   -webkit-mask-image: url(../images/mn_home.svg);
   mask-image: url(../images/mn_home.svg);
   background-image: url(../images/mn_home.svg);
 }

 #html-body main section.prx_main .prx_mb_mainMenu ul li.pro-menu::after {
   -webkit-mask-image: url(../images/mn_projects.svg);
   mask-image: url(../images/mn_projects.svg);
   background-image: url(../images/mn_projects.svg);
 }

 #html-body main section.prx_main .prx_mb_mainMenu ul li.property-menu::after {
   -webkit-mask-image: url(../images/property.svg);
   mask-image: url(../images/property.svg);
   background-image: url(../images/property.svg);
 }

 #html-body main section.prx_main .prx_mb_mainMenu ul li.list-menu::after {
   -webkit-mask-image: url(../images/list-m.svg);
   mask-image: url(../images/list-m.svg);
   background-image: url(../images/list-m.svg);
 }

 #html-body main section.prx_main .prx_mb_mainMenu ul li.cli-menu::after {
   -webkit-mask-image: url(../images/mn_clients.svg);
   mask-image: url(../images/mn_clients.svg);
   background-image: url(../images/mn_clients.svg);
 }

 #html-body main section.prx_main .prx_mb_mainMenu ul li.acc-menu::after {
   -webkit-mask-image: url(../images/mn_account.svg);
   mask-image: url(../images/mn_account.svg);
   background-image: url(../images/mn_account.svg);
 }

 #html-body main section.prx_main .prx_mb_mainMenu ul li.offered-menu::after {
   -webkit-mask-image: url(../images/offered.svg);
   mask-image: url(../images/offered.svg);
   background-image: url(../images/offered.svg);
 }

 #html-body main section.prx_main .prx_mb_mainMenu ul li.res-menu::after {
   -webkit-mask-image: url(../images/mn_reserved.svg);
   mask-image: url(../images/mn_reserved.svg);
   background-image: url(../images/mn_reserved.svg);
 }

 #html-body main section.prx_main .prx_content p.cntr .down-arrow-img {
   -webkit-mask-size: 25px;
   mask-size: 25px;
   background-color: var(--p_m_bg_primary_font);
   -webkit-mask-image: url(../images/down-arrow.svg);
   mask-image: url(../images/down-arrow.svg);
   background-image: url(../images/down-arrow.svg);
   display: block;
 }

 #html-body main#maincontent section.prx_main .prx_mb_mainMenu ul li.active::after {
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body main#maincontent section.prx_main .prx_mb_mainMenu ul li.active {
   color: var(--p_m_bg_primary_font);
 }

 main section.prx_main .prx_content p.cntr .down-arrow-img {
   -webkit-mask-size: 40px;
   mask-size: 40px;
   background-color: var(--p_m_bg_primary_font);
   -webkit-mask-image: url(../images/down-arrow.svg);
   mask-image: url(../images/down-arrow.svg);
   background-image: url(../images/down-arrow.svg);
 }

 #html-body #maincontent .prx_mb_mainMenu ul.more_menu_list li {
   padding-right: 11.82051vw !important;
 }

 #html-body #maincontent .prx_mb_mainMenu ul.more_menu_list li::after {
   right: 0;
   left: unset;
 }

 #html-body main section.prx_main .prx_content ul.prx_reservedetails li.location::after,
 #html-body main section.prx_main .prx_content ul.prx_prdhighlight li p.prx_location::after,
 #html-body main section.prx_main .prx_content .prx_favourites ul li .prx_details p.prx_location::after,
 #html-body main section.prx_main .prx_content .prx_productbox ul li .prx_details p.prx_location::after {
   content: "";
   -webkit-mask-image: url(../images/prx_location.svg);
   mask-image: url(../images/prx_location.svg);
   background-image: url(../images/prx_location.svg);
   -webkit-mask-size: 4.87179vw auto;
   mask-size: 4.87179vw auto;
   position: absolute;
   padding: 0 7px;
   left: 0;
   top: 0;
   bottom: 0;
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body .prx_popup .prx_projectbox h4 button.share {
   -webkit-mask-image: url(../images/shareblue.svg);
   mask-image: url(../images/shareblue.svg);
   background-image: url(../images/shareblue.svg);
   position: absolute;
   background-color: var(--p_m_bg_primary_font);
   width: 24px;
   height: 24px;
 }

 #html-body main section.prx_main .tabcontent.share-file-link ul.share-mobile li input[type="checkbox"],
 #html-body main section.prx_main .tabcontent.share-file-link ul[data-bind="foreach: shareLink"] li input[type="checkbox"],
 #html-body main section.prx_main .tabcontent.share-file-link ul[data-bind="foreach: shareFile"] li input[type="checkbox"] {
   accent-color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content ul.prx_prdlist li h3::after {
   content: "";
   -webkit-mask-image: url(../images/rightarrow.svg);
   mask-image: url(../images/rightarrow.svg);
   background-image: url(../images/rightarrow.svg);
   -webkit-mask-size: 6.15385vw auto;
   mask-size: 6.15385vw auto;
   background-color: var(--p_m_bg_primary_font);
   position: absolute;
   padding: 7px 4px;
   right: 8px;
   top: 0;
   bottom: 0;
 }

 #html-body main section.prx_main .prx_content ul.prx_reservations li p.profile span.btns button.arrow {
   -webkit-mask-image: url(../images/rightarrow.svg);
   mask-image: url(../images/rightarrow.svg);
   background-image: url(../images/rightarrow.svg);
   -webkit-mask-size: 7.15385vw auto;
   mask-size: 7.15385vw auto;
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body .main section.prx_main .prx_content .prx_prdbox .tabcontent#Properties ul li p button.share {
   -webkit-mask-image: url(../images/shareblue.svg);
   mask-image: url(../images/shareblue.svg);
   background-image: url(../images/shareblue.svg);
   -webkit-mask-size: 24px auto;
   mask-size: 24px auto;
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content label.files-upload::before {
   content: "";
   -webkit-mask-image: url(../images/paperclip.svg);
   mask-image: url(../images/paperclip.svg);
   background-image: url(../images/paperclip.svg);
   -webkit-mask-size: 24px auto;
   mask-size: 24px auto;
   padding: 12px;
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_main_content label.files-upload::before,
 main section.prx_main .prx_content label.files-upload::before {
   content: "";
   -webkit-mask-image: url(../images/paperclip.svg);
   mask-image: url(../images/paperclip.svg);
   background-image: url(../images/paperclip.svg);
   -webkit-mask-size: 24px auto;
   mask-size: 24px auto;
   padding: 12px;
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_content h2.more-arrow>span.seeall::after {
   content: "";
   -webkit-mask-image: url(../images/rightarrow.svg);
   mask-image: url(../images/rightarrow.svg);
   background-image: url(../images/rightarrow.svg);
   -webkit-mask-size: 6.15385vw auto;
   mask-size: 6.15385vw auto;
   background-color: var(--p_m_bg_primary_font);
   position: absolute;
   padding: 7px 6px;
   right: 0;
   top: 0;
 }

 #html-body main section.prx_main .prx_content ul.notice li::after {
   position: absolute;
   content: "";
   -webkit-mask-image: url(../images/rightarrow.svg);
   mask-image: url(../images/rightarrow.svg);
   background-image: url(../images/rightarrow.svg);
   -webkit-mask-size: 25px auto;
   mask-size: 25px auto;
   background-color: var(--p_m_bg_primary_font);
 }

 #html-body main section.prx_main .prx_main_content.varified h2 {
   background: url(../images/verified_darkblue.svg) no-repeat 50% 50% !important;
 }

 /* END ------------------  icon section ---------------------- */


 .txt__primary {
   color: var(--p_m_bg_primary_font) !important;
 }

 ._has-modal .modals-wrapper .confirm .modal-footer button:is(:nth-of-type(2), .action-primary) {
   background-color: var(--p_m_bg_primary_font) !important;
 }

 ._has-modal .modals-wrapper .confirm._show .modal-inner-wrap {
   border: 2px solid var(--p_m_bg_primary_font) !important;
 }

 #html-body .text-primary {
   color: var(--p_m_bg_primary_font) !important;
 }

 #html-body main section.prx_main .prx_content p.link-txt label {
   color: var(--p_m_bg_primary_font) !important;
 }

 /* END ----------------------------- Mobile view section ----------------------------------- */

 /* START ----------------------------- Tab view section -------------------------------------- */
 main section.prx_main .prx_content .accordion .accordion-item h2.accordion-header button,
 main section.prx_main .prx_content h2.accordion-header button {

   color: var(--p_m_bg_primary_font) !important;
 }

 main section.prx_main .prx_content .accordion .accordion-item h2.accordion-header span.grntick-accordion.accordion-property-tick {
   width: 24px;
   height: 24px;
   background: url(../../images/greentick.svg) no-repeat 50% 50% !important;
 }

 .select2-dropdown.select2-dropdown--below .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--selectable.select2-results__option--selected.select2-results__option--selected,
 .select2-dropdown.select2-dropdown--below .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--selectable.select2-results__option--selected.select2-results__option--hightlighted,
 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
   background-color: var(--p_m_bg_primary_font) !important;
   color: white;
 }


 main section.prx_main .prx_content .accordion .accordion-item .accordion-body ul.prx_form li.document p span.add {
   color: var(--p_m_bg_primary_font) !important;
 }

 @media screen and (min-width:595px) {
   #html-body main section.prx_main .prx_search .search-img {
     height: 43px;
   }

   #html-body main section.prx_main .prx_content ul.prx_reservedetails li.location::after,
   #html-body main section.prx_main .prx_content ul.prx_prdhighlight li p.prx_location::after,
   #html-body main section.prx_main .prx_content .prx_favourites ul li .prx_details p.prx_location::after,
   #html-body main section.prx_main .prx_content .prx_productbox ul li .prx_details p.prx_location::after {
     mask-size: 20px auto;
     left: 3px;
   }

   #html-body main section.prx_main .prx_content ul.prx_reservedetails li.location::before,
   #html-body main section.prx_main .prx_content ul.prx_prdhighlight li p.prx_location::before,
   #html-body main section.prx_main .prx_content .prx_favourites ul li .prx_details p.prx_location::before,
   #html-body main section.prx_main .prx_content .prx_productbox ul li .prx_details p.prx_location::before {
     display: none;
   }

   #html-body main section.prx_main .prx_content h2.more-arrow>span.seeall,
   #html-body main section.prx_main .prx_content ul.prx_reservedetails li.location,
   #html-body main section.prx_main .prx_content ul.prx_prdhighlight li p.prx_location,
   #html-body main section.prx_main .prx_content ul.prx_prdhighlight li p.prx_location,
   #html-body main section.prx_main .prx_content .prx_favourites ul li .prx_details p.prx_location,
   #html-body main section.prx_main .prx_content .prx_productbox ul li .prx_details p.prx_location,
   #html-body main section.prx_main .prx_mb_mainMenu ul li {
     padding-left: 20px;
   }

   main section.prx_main .prx_content :is(.dot-align, .action-tab, .sub, .tab) button.active {
     border-bottom-color: var(--p_m_bg_primary_font) !important;
   }

   main section.prx_main .prx_projectbox h4 {
     position: relative;
   }

   #html-body .prx_popup .prx_projectbox h4 button.share {
     right: 50px;
     top: -15px;
   }

   #html-body main section.prx_main .prx_content ul.prx_prdlist li h3::after {
     mask-size: 28px auto;
   }

   main section.prx_main .prx_content .prx_prdbox .tabcontent .grid.reservedetails-grid table tr th,
   main section.prx_main .prx_content .prx_prdbox .tabcontent .grid.reservedetails-grid table tr td {
     border-bottom: 1px solid #CCCCCC;
   }

   main section.prx_main .prx_mb_mainMenu ul li.acc-menu::before {
     display: none;
   }

   main section.prx_main .prx_content .tab-view .accordion-header .accordion-button.collapsed span:nth-child(1) {
     background: var(--p_m_bg_primary_font) !important;
     color: #FFFFFF !important;
   }

   main section.prx_main .prx_content .tab-view .accordion-header .accordion-button:not(.collapsed) {
     background: var(--p_m_bg_primary_font) !important;
     color: #FFFFFF !important;
   }

   #html-body main section.prx_main .prx_content h2.accordion-header span {
     background: #FFFFFF;
     color: var(--p_m_bg_primary_font);
   }

   #html-body main section.prx_main .prx_content h2.accordion-header span.grntick-accordion.accordion-property-tick,
   #html-body main section.prx_main .prx_content h2.accordion-header button.accordion-button span.grntick-accordion {
     background: transparent !important;
   }
 }

 main section.prx_main .prx_content .accordion .accordion-body h3,
 main section.prx_main .prx_content a {
   color: var(--p_m_bg_primary_font) !important;
 }

 /* END ------------------  Tab view section ---------------------- */
 #mobile_checkout_success_page_container .btn.btn-round {
   background: var(--p_m_bg_primary_font) !important;
 }

 main section.prx_main .prx_content p.link-txt span.right-arrow {
   background: none !important;
   position: relative;
 }

 main section.prx_main .prx_content p.link-txt span.right-arrow:after {
   position: absolute;
   content: "";
   -webkit-mask-image: url(../images/rightarrow.svg);
   mask-image: url(../images/rightarrow.svg);
   background-image: url(../images/rightarrow.svg);
   -webkit-mask-size: 28px auto;
   mask-size: 28px auto;
   background-color: var(--p_m_bg_primary_font);
   width: 35px;
   height: 30px;
   left: -4px;
   top: 0px;
 }

 main section.prx_main .prx_search .proxima-logo-img::after {
   content: "";
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
   mask-position: center;
   background-size: 0px;
   -webkit-mask-size: auto;
   mask-size: auto;
   background-color: #19248E;
   -webkit-mask-image: url(../images/main-proxima-logo.svg);
   mask-image: url(../images/main-proxima-logo.svg);
   background-image: url(../images/main-proxima-logo.svg);
   width: 99px;
   height: 29px;
   display: inline-block;
 }
 main section.prx_main .prx_search .proxima-logo-img{
  background:none !important;
 }
 #html-body main section.prx_main .prx_content .prx_tpmenu span a{
  color: var(--p_m_home_page_icon_label_color) !important;
}