html.font-size-2 {
  font-size: 70%;
}
html.font-size-3 {
  font-size: 80%;
}
.skip-link {
  position: absolute;
  top: 1rem;
  z-index: -10;
  opacity: 0;
  margin-left: 0.7rem;
  background: #fff;
}
.skip-link:focus {
  z-index: 99999;
  opacity: 1;
}
#skiplinkSidebar,#skiplinkUserMain{
  display: none !important;
}
.site-control {
  position: fixed;
  right: 0;
  top: calc(50% - 7.1rem);
  background: #fff;
  border: 0.1rem solid #f0f0f0;
  padding: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
}
.menu .site-control{
  display: none;
}
.site-control button {
  border: 0;
  border-bottom: 0.1rem solid #f0f0f0;
  background: transparent;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.site-control button:last-child{
  border-bottom: 0;
}
.wcag-font-size-1 img {
  width: 1rem;
  height: 1.2rem;
}
.wcag-font-size-2 img {
  width: 1.4rem;
  height: 1.5rem;
}
.wcag-font-size-3 img {
  width: 1.5rem;
  height: 1.6rem;
}
.wcag-font.active img {
  filter: brightness(0) invert(14%) sepia(19%) saturate(5997%) hue-rotate(186deg) brightness(94%) contrast(103%);
}
.wcag-contrast-mode img {
  width: 2rem;
  height: 2rem;
}
a, button, input, textarea, select,.c-select-head{
  outline-offset: 3px;
}
.chk input:focus ~ .checkmark{
  outline-offset: 1px;
  outline: 1px solid #000;
}
:root {
  --black: #000;
  --yellow: #f7f705;
  --img-black: brightness(0);
  --img-yellow: brightness(0) invert(95%) sepia(84%) saturate(6331%) hue-rotate(1deg) brightness(106%) contrast(95%);
}
.contrast body {
  background: var(--yellow) !important;
  color: var(--black) !important;
}
.contrast a:hover,
.contrast button:hover{
  text-decoration: underline !important;
}
.contrast .chk input:focus ~ .checkmark{
  outline-color: #fff;
}
.contrast .product-full-card:hover,
.contrast .product-card:hover,
.contrast .product-v1-card:hover,
.contrast .realization-card:hover,
.contrast .blog-item:hover,
.contrast .cards-item:hover{
  text-decoration: none !important;
}
/* --- black css start here --- */
.contrast header,
.contrast .submenu,
.contrast .translate-dropdown,
.contrast .sec-info-bar,
.contrast .product-full-card,
.contrast .product-card,
.contrast .product-v1-card,
.contrast .sec-about,
.contrast .testimonial-item,
.contrast .blog-item,
.contrast footer,
.contrast .sidebar,
.contrast .sidebar .c-select-dropdown,
.contrast .c-select-item.selected, 
.contrast .c-select-item:hover,
.contrast .c-select-item.focused,
.contrast .chk input:checked ~ .checkmark,
.contrast .product-v2-img,
.contrast .product-main-outer,
.contrast .product-video-img,
.contrast .product-details-box,
.contrast .modal-content,
.contrast .tooltip-box,
.contrast .sec-process,
.contrast .feature-item,
.contrast .cat-block,
.contrast .contact-box,
.contrast .sidebar-cat,
.contrast .faq-outer .faq-list,
.contrast .block-img,
.contrast .hero-v1-block::before,
.contrast .process-v1-box,
.contrast .sidebar-v1,
.contrast .list-box,
.contrast .catalogs-item,
.contrast .realization-card,
.contrast .box-item,
.contrast .career-tag,
.contrast .career-item:hover,
.contrast .content-block,
.contrast .list-v1-outer,
.contrast .sidebar-v2,
.contrast .sidebar-v2-nav li > a.active, 
.contrast .sidebar-v2-nav li > a:hover,
.contrast .graphic-templates .graphic-templates-list,
.contrast .confirmbox-bg, 
.contrast .infobox-bg,
.contrast .infobox-youTube-download,
.contrast .site-wrapper .text-block.text-entry ul li:before,
.contrast .sp-cc-top,
.contrast .multimedias-gallery .gallery-item, 
.contrast .multimedias-gallery .gallery-item2 .img-wrapper,
.contrast .multimedias-gallery .img-wrapper,
.contrast .csp-right .csp-white-card,
.contrast .csp-right .sp-step h6 span,
.contrast .sp-print.active,
.contrast .option-cell.active,
.contrast .sp-project.active,
.contrast .file-uploader-progress-indicator,
.contrast .finalization-modal .sp-baskety-items.grey-bg-info,
.contrast .finalization-modal .fm-subtitle-bg,
.contrast .finalization-modal .fm-col-50.fm-flex-col.grey-col,
.contrast .bottom-config,
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental].active .main-row,
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .delivery-types-row .price-table-container td, 
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .delivery-types-row .price-table-container th,
.contrast .conf-details-container-info-item .spd-val span,
.contrast .calc-type-box.active,
.contrast .calc-modal .margin-type.active .check:after,
.contrast .prepare-calc .margin-procent-item.active .check:after,
.contrast .yellow-array,
.contrast .yellow-array:after, 
.contrast .yellow-array:before,
.contrast .register-section,
.contrast .rs-item .rs-nr,
.contrast .rs-item .rs-progress .rs-bar,
.contrast .orders-in-payment .orders-item,
.contrast .pay-box .account__box, 
.contrast .pay-box .bank-account-data,
.contrast .configurator__heading.with-bg,
.contrast .spcl-navigation .category-nav-btn,
.contrast .spcl-category .spcl-category-name,
.contrast .stock-product-box > button,
.contrast .sc-top-right .sp-filter-categories .option:hover,
.contrast .sc-top-right .sp-filter-categories .option-selected,
.contrast .bottom-tiles__about,
.contrast .bottom-tiles__about:before,
.contrast #configurator .btn-choose {
  background: var(--black) !important;
}
.contrast .cards-item,
.contrast .newsletter{
  background-color: var(--black) !important;
}
.contrast h1, 
.contrast h2, 
.contrast h3, 
.contrast h4,
.contrast h5,
.contrast h6,
.contrast .text-black,
.contrast .text-black *,
.contrast .submenu-list li:hover > a, 
.contrast .submenu-list li.active > a, 
.contrast .small .submenu li.active a, 
.contrast .small .submenu li:hover a,
.contrast .submenu-list-btn .btn,
.contrast .translate-dropdown li.selected a, 
.contrast .translate-dropdown li:hover a,
.contrast .hero-indicator,
.contrast .sec-icon-block-v1 .icon-block-text p,
.contrast .footer-contact-tooltip-box p,
.contrast .footer-text p,
.contrast .footer-address,
.contrast .footer-info-bottom *,
.contrast .footer-link li a,
.contrast .copytext,
.contrast .footer-bottom-text,
.contrast .c-select-head,
.contrast .sidebar .c-select-item.selected, 
.contrast .sidebar .c-select-item:hover,
.contrast .sidebar .c-select-item.focused,
.contrast .sort-outer label,
.contrast .product-v2-info p,
.contrast .tag-item span,
.contrast .tag-tooltip-box p,
.contrast .product-main-text-top p,
.contrast .product-main-text-bottom p,
.contrast .product-main-tag span,
.contrast .product-main-tag-tooltip p,
.contrast .product-video-text span,
.contrast .process-top span,
.contrast .process-text p,
.contrast .tab-nav-link,
.contrast .process-v1-tab-link,
.contrast .process-v1-top span,
.contrast .process-v1-text p,
.contrast .block-text p,
.contrast .career-col .label,
.contrast .career-attr-text,
.contrast .career-search .form-control,
.contrast .career-item:hover .career-tag,
.contrast .search-input .form-control-search,
.contrast .stock-conf-wrapper,
.contrast .sp-cc-price,
.contrast .sp-cc-top .badge,
.contrast .csp-top .back-to-sp-list,
.contrast .multimedias-gallery .badge,
.contrast .csp-right .csp-bottom .price-tab h6, 
.contrast .csp-right .csp-bottom .price-tab p.price-value,
.contrast .spdc-certificate p,
.contrast .sp-details-container .grey-tab,
.contrast .csp-right .sp-color.active .sp-color-content > p,
.contrast .option-cell .main-row .right .mod-info,
.contrast .sp-project .sp-print-bottom,
.contrast .sp-project-modal .project-template,
.contrast .file-uploader-text,
.contrast .sp-info-modal,
.contrast .finalization-modal label,
.contrast .bottom-summary,
.contrast .conf-details-container .col-4-custom .label,
.contrast .conf-details-container-info-item>div,
.contrast .conf-details-container-info-item .spd-val,
.contrast .conf-details-container,
.contrast .calc-type-box .title,
.contrast .calc-type-box .desc,
.contrast .conf-details-container-sum>span,
.contrast .login-bottom .forgot-password,
.contrast .rf-login-info,
.contrast .rf-login-info a,
.contrast .register-container .cp-custom-checkbox p a,
.contrast .orders-item__details .btn,
.contrast #changeNameModal .btn,
.contrast .comments-list-btns .comments-list-btn,
.contrast .payment-tpay-choose ul li,
.contrast .tpay-input-wrapper .tpay-input-label,
.contrast .modal-basket-item-prices .prices-steps span,
.contrast .sp-radio-select label.radio-box.active,
.contrast #ab-cookiemodule,
.contrast #ab-cookiemodule table th,
.contrast .configurator__section .dropdown-menu,
.contrast .bottom-tiles__newsletter .form-control{
  color: var(--black) !important;
}
/* --- black css end here --- */

/* --- yellow css start here --- */
.contrast .site-control,
.contrast .submenu-list li:hover > a, 
.contrast .submenu-list li.active > a, 
.contrast .small .submenu li.active a, 
.contrast .small .submenu li:hover a,
.contrast .submenu-list::after,
.contrast .submenu-list-btn .btn,
.contrast .translate-dropdown li.selected a, 
.contrast .translate-dropdown li:hover a,
.contrast .hero-item,
.contrast .footer-contact-item::after,
.contrast .footer-contact-tooltip-box,
.contrast .footer-bottom-outer,
.contrast .c-select-dropdown,
.contrast .irs--big .irs-bar,
.contrast .irs--big .irs-handle,
.contrast .sidebar-range-input::after,
.contrast .sidebar .c-select-item.selected, 
.contrast .sidebar .c-select-item:hover,
.contrast .sidebar .c-select-item.focused,
.contrast .product-v2-item,
.contrast .tag-item,
.contrast .tag-tooltip-box,
.contrast .sec-product-main::before,
.contrast .product-main,
.contrast .product-main-tag,
.contrast .product-main-tag-tooltip-box,
.contrast .accessorie-box,
.contrast .card-img,
.contrast .process-item,
.contrast .pagination li.disabled,
.contrast .process-v1-tab-link,
.contrast .process-v1-item,
.contrast .modal-backdrop,
.contrast .career-item:hover .career-tag,
.contrast .confirmbox, 
.contrast .infobox,
.contrast .close-popup,
.contrast .infobox-image,
.contrast .infobox-youTube,
.contrast .rs-item .rs-nr .complete:before,
.contrast .rs-item .rs-nr .complete:after,
.contrast .stock-conf-wrapper,
.contrast .sc-top-right .options-list,
.contrast .sp-cc-top .badge,
.contrast .multimedias-gallery .badge,
.contrast .csp-right .sp-step,
.contrast .csp-right .sp-details-container .grey-tab,
.contrast .csp-right .csp-bottom .price-tab,
.contrast .spdc-certificate,
.contrast .csp-right .sp-color.active,
.contrast .sp-print,
.contrast .popup-select-modal,
.contrast .popup-select-modal .close,
.contrast .option-cell,
.contrast .sp-project,
.contrast .sp-project-modal,
.contrast .csp-right .sp-project-file,
.contrast .sp-info-modal,
.contrast .finalization-modal,
.contrast .finalization-modal .close,
.contrast .select-btn .selected-content .right span:before,
.contrast .bottom-summary,
.contrast .conf-details-container,
.contrast .close-calc-modal,
.contrast .calc-modal .calc-type-box.active .check:after,
.contrast .calc-modal .calc-type-box.active .check:before,
.contrast .prepare-calc .add-margin-form .margin-value input,
.contrast .pdf-viewer-modal .content,
.contrast .register-container,
.contrast .rf-form-item input,
.contrast .rf-form-item select,
.contrast .page-header,
.contrast .orders-item__details .btn,
.contrast #changeNameModal .btn,
.contrast .comments-list-btns .comments-list-btn,
.contrast .payment-tpay-choose ul li,
.contrast .tpay-header-wrapper,
.contrast .tpay-header-wrapper .tpay-header-belt,
.contrast .tpay-panel-inside-content,
.contrast .tpay-groups-wrapper .tpay-content-wrapper-class,
.contrast .tpay-input-wrapper .tpay-input-label,
.contrast .spcl-category .spcl-category-name .arrow:after, 
.contrast .spcl-category .spcl-category-name .arrow:before,
.contrast .modal-basket-item-prices .prices-steps,
.contrast .sp-radio-select label.radio-box.active,
.contrast .btn-bookmark.active, 
.contrast .btn-bookmark:hover,
.contrast .product-main-slider .owl-nav button:hover,
.contrast #ab-cookiemodule,
.contrast .configurator__section .dropdown-menu,
.contrast #configurator #showNCI {
  background: var(--yellow) !important;
}
.contrast #register-agreements-modal {
  background-color: rgba(247, 247, 5, 0.5) !important;
}
.contrast .rs-item .rs-progress {
  background: rgba(0, 0, 0, .5);
}
.contrast .menu-list > ul > li > a,
.contrast .header-user span,
.contrast .submenu-list li a, 
.contrast .small .submenu li a,
.contrast .submenu-product-head,
.contrast .submenu-product-info .h5 *,
.contrast .submenu-product-info p,
.contrast .nav-item a.icon-left,
.contrast .logout-link a,
.contrast .translate-dropdown a,
.contrast .info-bar-text p,
.contrast .product-full-text .h4 *,
.contrast .product-full-text p,
.contrast .product-info .h4 *,
.contrast .product-info p,
.contrast .product-v1-text .h5 *,
.contrast .product-v1-text .h4 *,
.contrast .product-v1-text p,
.contrast .about-text .h4 *,
.contrast .about-text .text-black,
.contrast .about-numbers p,
.contrast .about-info p,
.contrast .testimonial-text *,
.contrast .testimonial-person .text-black,
.contrast .testimonial-person-text p,
.contrast .blog-info span,
.contrast .blog-info .h5 *,
.contrast .blog-info p,
.contrast .cards-text .h4 *,
.contrast .newsletter-block .h3 *,
.contrast .newsletter-block .label,
.contrast .newsletter-text,
.contrast .newsletter-text a,
.contrast .newsletter-text a:hover,
.contrast .form-control,
.contrast .footer-contact-item .h5 *,
.contrast .footer-language label,
.contrast .footer-contact-email *, 
.contrast .footer-contact-number > p,
.contrast .footer-contact-number a,
.contrast .footer-contact-number > p span,
.contrast .sidebar-head *,
.contrast .sidebar-item > label,
.contrast .sidebar .c-select-head,
.contrast .c-select-item.selected, 
.contrast .c-select-item:hover,
.contrast .c-select-item.focused, 
.contrast .range-number span,
.contrast .sidebar .c-select-item,
.contrast .chk,
.contrast .product-details .h3 *,
.contrast .product-details-list a,
.contrast .modal-title *,
.contrast .card-title *,
.contrast .card-info-attr li,
.contrast .table th,
.contrast .table td,
.contrast .file-list-title,
.contrast .file-list-item-title,
.contrast .tooltip-box p,
.contrast .sec-process .title .h2 *,
.contrast .feature-item .h3 *,
.contrast .feature-item p,
.contrast .cat-text .h3 *,
.contrast .contact-info .h4 *,
.contrast .contact-info p,
.contrast .contact-block .h4 *,
.contrast .form-label,
.contrast .contact-block .text-black,
.contrast .sidebar-cat .h3 *,
.contrast .sidebar-cat-top .h3 *, 
.contrast .sidebar-cat-bottom p,
.contrast .faq-head .h5 *,
.contrast .faq-inner p,
.contrast .faq-inner ol li,
.contrast .faq-inner ul li,
.contrast .faq-inner a:not(.btn),
.contrast .copy-link-btn,
.contrast .hero-v1-text .h1 *,
.contrast .hero-v1-text p,
.contrast .process-v1-head .h2 *,
.contrast .process-v1-head p,
.contrast .sidebar-v1 .h5 *,
.contrast .sidebar-v1-nav li a,
.contrast .list-box-title *,
.contrast .list-title,
.contrast .catalogs-text .h4 *,
.contrast .catalogs-text p,
.contrast .realization-text .h5 *,
.contrast .feature-item span,
.contrast .feature-item .h5 *,
.contrast .box-item span,
.contrast .box-item .h4 *,
.contrast .box-item p,
.contrast .process-tab li a,
.contrast .career-tag,
.contrast .career-item:hover .career-title *,
.contrast .career-item:hover .career-attr-text,
.contrast .content-block .content h1,
.contrast .content-block .content h2,
.contrast .content-block .content h3,
.contrast .content-block .content h4,
.contrast .content-block .content h5,
.contrast .content-block .content h6,
.contrast .content-block .content p,
.contrast .content-block .content ul > li,
.contrast .content-block .content ol > li,
.contrast .list-v1-head li,
.contrast .list-v1-head li a,
.contrast .table-v1 thead th,
.contrast .list-v1-title p,
.contrast .table-v1 td,
.contrast .grid-box-title,
.contrast .grid-card-title,
.contrast .sidebar-v2-nav li a,
.contrast .no-questions,
.contrast .sec-process .title p,
.contrast .infobox-youTube-download,
.contrast #register-agreements-modal,
.contrast #register-agreements-modal a,
.contrast .csp-right .sp-step h6 span,
.contrast .csp-right .sp-details-container,
.contrast .csp-right .sp-details-container a,
.contrast .sp-details-container .transparent-tab,
.contrast .csp-right .sp-color-content > p,
.contrast .csp-right .sp-step .choosen-option,
.contrast .sp-print.active .sp-print-text,
.contrast .option-cell.active .main-row .left p,
.contrast .option-cell.active .main-row .right .mod-info,
.contrast .sp-project.active .sp-print-bottom,
.contrast .csp-right .sp-qt-custom-quantity label,
.contrast .csp-right .sp-qt-custom-quantity input,
.contrast .csp-right .sp-quantity-table .spq-row label,
.contrast .csp-right .sp-quantity-table .spq-row,
.contrast .finalization-modal .fm-prod-title,
.contrast .finalization-modal .fm-info-p,
.contrast .finalization-modal .fm-subtitle,
.contrast .finalization-modal .no-send-date-mess,
.contrast .finalization-modal .fm-labels-values>p,
.contrast .finalization-modal .fm-gross-sum,
.contrast .sc-bottom .form-select label,
.contrast .sc-bottom input[type=text],
.contrast .select-btn,
.contrast .select-btn .selected-content .right,
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .delivery-types-row .price-table-container td, 
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .delivery-types-row .price-table-container th,
.contrast .calc-type-box.active .title,
.contrast .calc-type-box.active .desc,
.contrast .rs-item .rs-nr,
.contrast .orders-in-payment .orders-item,
.contrast .orders-item__details-product,
.contrast .orders-item__details-items a.text-link,
.contrast .modal-section .modal-heading,
.contrast #changeNameModal,
.contrast #orderAddCommentModal,
.contrast .pay-box .account__box, 
.contrast .pay-box .account__box h5,
.contrast .commission-message-paypal, 
.contrast .commission-message-payu, 
.contrast .commission-message-bank-transfer,
.contrast .payment-info a,
.contrast .configurator__heading.with-bg,
.contrast .spcl-navigation .category-nav-btn,
.contrast .spcl-category .spcl-category-name,
.contrast .stock-product-box > button,
.contrast #basketQuantityModal,
.contrast .modal-section .print-type-comment,
.contrast .modal-section .basket-quantity-info,
.contrast .sc-top-right .sp-filter-categories .option:hover,
.contrast .sc-top-right .sp-filter-categories .option-selected,
.contrast .bottom-tiles__about,
.contrast .bottom-tiles__about .bottom-tiles__heading,
.contrast #configurator .btn-choose {
  color: var(--yellow) !important;
}
/* --- yellow css end here --- */

/* --- transparent start end here --- */
.contrast .form-control,
.contrast .c-select-head,
.contrast .certificate-img,
.contrast .grid-box-item,
.contrast .grid-card-item,
.contrast .sc-top-right .options-list .search-input,
.contrast .sp-cell-container,
.contrast .file-uploader-dropzone,
.contrast .csp-right .sp-qt-custom-quantity input,
.contrast .options-search input,
.contrast .finalization-modal .fm-text-input,
.contrast .finalization-modal .fm-textarea,
.contrast .sc-bottom input[type=text],
.contrast .select-btn,
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .main-row,
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental],
.contrast .calc-name-row input,
.contrast .calc-type-box,
.contrast .prepare-calc .company-logo-container,
.orders-in-payment .gray-wrapper,
.contrast .admin-comment,
.contrast .user-comment,
.contrast .tpay-insidebg,
.contrast .content .ewa-rteLine,
.contrast #ab-cookiemodule table tr:hover,
.contrast #ab-cookiemodule table th,
.contrast #ab-cookiemodule table td,
.contrast .sc-top-right .sp-filter-categories .option:before,
footer.bottom-tiles__footer,
.contrast .bottom-tiles__newsletter .checkbox.black, 
.contrast .bottom-tiles__newsletter .checkbox.colored{
  background-color: transparent !important;
}
.contrast .sc-top-right .sp-filter-categories .option-selected:before {
  background-image: var(--check-icon) !important;
  filter: var(--img-yellow) !important;
}
/* --- transparent css end here --- */

/* --- image css start here --- */
.contrast header .logo img,
.contrast .menu-list > ul > li.hasChild > a::after,
.contrast .header-item img,
.contrast #btnTranslate:after,
.contrast .submenu-list li.has-subChild > a::after,
.contrast .nav-item a.icon-left img,
.contrast .sec-hero-slider .owl-nav button img,
.contrast .testimonial-bottom::after,
.contrast .testimonial-slider .owl-nav button img,
.contrast .footer-contact-tooltip img,
.contrast .footer-contact-tooltip-box::before,
.contrast .sidebar .c-select-head::after,
.contrast .chk-item img,
.contrast .tag-tooltip-box::before,
.contrast .product-v2-btn .btn img,
.contrast .product-main-tag-tooltip-box::before,
.contrast .product-details-list li::before,
.contrast .file-list-download img,
.contrast .certificate-btn .btn img,
.contrast .certificate-btn .btn:hover img,
.contrast .cat-help-icon img,
.contrast .contact-icon img,
.contrast .copy-link-btn img,
.contrast .faq-head::after,
.contrast #contactModal [data-bs-dismiss] img,
.contrast .career-item:hover .career-attr-icon img,
.contrast .list-v1-head li img,
.contrast .list-view-mode button img,
.contrast .table-v1 thead th.sort span,
.contrast .list-v1-download img,
.contrast .list-v1-icon img,
.contrast .grid-box-title img,
.contrast .grid-card-title img,
.contrast .sidebar-v2-nav-icon img,
.contrast .sub-nav-open img,
.contrast .realization-img img,
.contrast .sec-block + .sec-catalogs .catalogs-img img,
.contrast .edit-order-name-btn,
.contrast .orders-item__details-items .tip,
.contrast .modal-content .close img,
.contrast .sp-fr-content #acc-file-info img{
  filter: var(--img-yellow) !important;
}
.contrast .submenu-list li.has-subChild:hover > a::after,
.contrast .wcag-font img,
.contrast .product-main-slider .owl-nav button img,
.contrast .btn-gray-outline:hover img, 
.contrast .btn-dark-gray-outline:hover img,
.contrast .tooltip-box::before,
.contrast .pagination li.disabled img,
.contrast .process-v1-tab-icon img,
.contrast .rf-form-item .toggle-password img,
.contrast .tpay-logo,
.contrast .stock-product-box .tip,
.contrast #ab-cookiemodule #ab-close{
  filter: var(--img-black) !important;
}
.contrast .career-arrow img {
  filter: invert(1) !important;
}
/* --- image css end here --- */

/* --- border css start here --- */
.contrast .product-v2-item,
.contrast .product-main,
.contrast .certificate-img,
.contrast .career-search .form-control,
.contrast .grid-box-item,
.contrast .grid-card-item,
.contrast .close-popup,
.contrast .sp-cell-container,
.contrast .popup-select-modal .close,
.contrast .finalization-modal .close,
.contrast .csp-right .sp-qt-custom-quantity input,
.contrast .close-calc-modal,
.contrast .prepare-calc .company-logo-container,
.contrast .comments-list-btns .comments-list-btn,
.contrast .admin-comment,
.contrast .user-comment,
.contrast .tpay-insidebg,
.contrast .sp-radio-select label.radio-box img,
.contrast .bottom-tiles__newsletter .form-control,
.contrast .bottom-tiles__newsletter .checkbox.black, 
.contrast .bottom-tiles__newsletter .checkbox.colored,
.contrast #configurator .btn-choose{
  border: 1px solid transparent;
}
.contrast .sc-top-right .options-list .search-input,
.contrast .bottom-tiles{
  border-top: 1px solid transparent;
}
.contrast .sc-top-right .options-list .search-input,
.contrast .page-header{
  border-bottom: 1px solid transparent;
}
.contrast .site-control,
.contrast .site-control button,
.contrast .product-full-card,
.contrast .product-card,
.contrast .product-v1-card,
.contrast .cards-item,
.contrast .newsletter,
.contrast .c-select-head,
.contrast .c-select-dropdown,
.contrast .c-select-item .chk input:checked ~ .checkmark,
.contrast .c-select-item:hover .chk .checkmark,
.contrast .c-select-item.focused .chk .checkmark,
.contrast .product-v2-item,
.contrast .footer-bottom,
.contrast .product-main,
.contrast .certificate-img,
.contrast .tab-nav-item,
.contrast .pagination li,
.contrast .career-search .form-control,
.contrast .career-attr-icon,
.contrast .search-input .form-control-search,
.contrast .close-popup,
.contrast .select-dropdown,
.contrast .sc-top-right .options-list,
.contrast .sc-top-right .options-list .search-input,
.contrast .sp-cell-container,
.contrast .csp-right .csp-white-card,
.contrast .csp-right .sp-color.active .sp-color-content > img,
.contrast .popup-select-modal .close,
.contrast .option-cell,
.contrast .options-search input,
.contrast .finalization-modal .close,
.contrast .finalization-modal .fm-text-input,
.contrast .finalization-modal .fm-textarea,
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .main-row,
.contrast .conf-details-container,
.contrast .conf-details-container-info .conf-details-container-info-item:not(:last-child),
.contrast .close-calc-modal,
.contrast .calc-name-row input,
.contrast .calc-type-box,
.contrast .calc-modal .check,
.contrast .prepare-calc .margin-procent,
.contrast .prepare-calc .company-logo-container,
.contrast .prepare-calc .add-margin-form .margin-value input,
.contrast .register-form-wrapper h1,
.contrast .rf-form-item input,
.contrast .rf-form-item select,
.contrast .register-container .cp-custom-checkbox.check-all,
.contrast .register-container .cp-custom-checkbox span,
.contrast .page-header,
.contrast .orders-in-payment .orders-item,
.contrast .pay-box .account__box, 
.contrast .pay-box .bank-account-data,
.contrast .tpay-select, 
.contrast .tpay-input-wrapper, 
.contrast .tpay-input-value,
.contrast .stock-products-summary-content,
.contrast .stock-product-box,
.contrast .stock-product-box > button,
.contrast .sc-top-right .sp-filter-categories .option,
.contrast .sc-top-right .sp-filter-categories .option:before,
.contrast .configurator__section .dropdown-menu,
.contrast .bottom-tiles,
.contrast .bottom-tiles__newsletter .form-control,
.contrast .bottom-tiles__newsletter .checkbox.black, 
.contrast .bottom-tiles__newsletter .checkbox.colored,
.contrast #configurator #showNCI {
  border-color: var(--black) !important;
}
.contrast .submenu,
.contrast .submenu-list::after,
.contrast .translate-dropdown,
.contrast .sidebar .c-select-head,
.contrast .sidebar .c-select-dropdown,
.contrast .irs--big .irs-handle,
.contrast .chk .checkmark,
.contrast .product-details-list li,
.contrast .product-details-list li::before,
.contrast .table th,
.contrast .table td,
.contrast .contact-icon,
.contrast .faq-item,
.contrast .copy-link-btn,
.contrast .process-v1-tab-link,
.contrast .list-item,
.contrast .career-item:hover .career-attr-icon,
.contrast .table-v1 td,
.contrast .grid-box-item,
.contrast .grid-card-item,
.contrast .csp-right .csp-bottom .price-tab,
.contrast .csp-right .sp-color,
.contrast .sp-color-content > img,
.contrast .sp-print.active,
.contrast .sp-project.active,
.contrast .csp-right .sp-qt-custom-quantity input,
.contrast .csp-right .sp-quantity-table .spq-row,
.contrast .finalization-modal .fm-labels-values>p+p,
.contrast .finalization-modal .fm-gross-sum,
.contrast .sc-bottom input[type=text],
.contrast .select-btn,
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .delivery-types-row .price-table-container td, 
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .delivery-types-row .price-table-container th,
.contrast .calc-type-box.active .calc-modal .check,
.contrast .orders-item__details .btn,
.contrast #changeNameModal .btn,
.contrast .comments-list-btns .comments-list-btn,
.contrast .admin-comment,
.contrast .user-comment,
.contrast .payment-tpay-choose ul li,
.contrast .tpay-insidebg,
.contrast .sp-radio-select label.radio-box,
.contrast .sp-radio-select label.radio-box img,
.contrast .btn-bookmark.active, 
.contrast .btn-bookmark:hover,
.contrast .chk .checkmark:after,
.contrast .product-main-slider .owl-nav button:hover,
.contrast .sc-top-right .sp-filter-categories .option:hover:before,
.contrast .sc-top-right .sp-filter-categories .option-selected::before{
  border-color: var(--yellow) !important;
}
.contrast .product-full-card,
.contrast .product-card,
.contrast .product-v1-card,
.contrast .cards-item,
.contrast .newsletter,
.contrast .realization-card,
.contrast .feature-item{
  border-width: 0 !important;
}
.contrast #card_payment_form input.wrong, 
.contrast form select.wrong{
  border-color: #ff9696 !important;
}
.contrast #card_payment_form input.valid, 
.contrast form select.valid{
  border-color: #3BD16B !important;
}
/* --- border css end here --- */

/* --- button css start here --- */
.contrast .btn-black-outline,
.contrast .info-bar-btn .btn,
.contrast .btn-yellow,
.contrast .btn-gray-outline,
.contrast .about-btn .btn,
.contrast .newsletter-btn .btn,
.contrast .sidebar-btn .btn,
.contrast .product-main-slider .owl-nav button,
.contrast .product-main-slider .owl-dot,
.contrast .btn-dark-gray-outline,
.contrast .sidebar-cat-btn .btn,
.contrast .hero-v1-btn .btn-black,
.contrast .csp-right .csp-bottom .yellow-main-btn,
.contrast .finalization-modal .fm-yellow-btn,
.contrast #register-agreements-modal button,
.contrast #orderAddCommentModal .btn,
.contrast #ab-cookiemodule .slider:before,
.contrast .bottom-tiles__about .bottom-tiles__footer .btn{
  background: var(--yellow) !important;
}
.contrast .btn-black,
.contrast .product-v2-btn .btn,
.contrast .product-main-btn .btn,
.contrast .cat-help-text p,
.contrast .cat-help-text .p-text-2,
.contrast .block-btn .btn,
.contrast .sp-cc-bottom button,
.contrast .popup-select-modal .extra-info button,
.contrast .sp-project-modal .yellow-main-btn,
.contrast .file-uploader-btn,
.contrast .sp-info-modal .sp-info-buttons button,
.contrast .info-modal.confirm-order .btns button,
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .delivery-types-row button.yellow-bgc,
.contrast .conf-details-container-btn,
.contrast .bottom-summary .yellow-bgc,
.contrast .download-calc,
.contrast .prepare-calc .std-btn,
.contrast .close-calc-modal-btn,
.contrast .register-btn,
.contrast .tpay-pay-button,
.contrast #ab-cookiemodule #ab-save,
.contrast #ab-cookiemodule #ab-save-settings{
  color: var(--yellow) !important;
}
.contrast .info-bar-btn .btn,
.contrast .btn-yellow,
.contrast .btn-gray-outline,
.contrast .about-btn .btn,
.contrast .form-control,
.contrast .newsletter-btn .btn,
.contrast .sidebar-btn .btn,
.contrast .product-main-slider .owl-nav button,
.contrast .btn-dark-gray-outline,
.contrast .file-list-item,
.contrast .cat-help,
.contrast .contact-item,
.contrast .sidebar-cat-btn .btn,
.contrast .hero-v1-btn .btn-black,
.contrast .csp-right .csp-bottom .yellow-main-btn,
.contrast .finalization-modal .fm-yellow-btn,
.contrast #register-agreements-modal button,
.contrast #orderAddCommentModal .btn,
.contrast .bottom-tiles__about .bottom-tiles__footer .btn{
  border-color: var(--yellow) !important;
}

.contrast .btn-black,
.contrast .sec-hero-slider .owl-nav button,
.contrast .sec-hero-slider .owl-nav button.disabled,
.contrast .sec-hero-slider .owl-nav button.disabled:hover,
.contrast .testimonial-slider .owl-nav button,
.contrast .product-v2-btn .btn,
.contrast .product-main-btn .btn,
.contrast .certificate-btn .btn,
.contrast .cat-help,
.contrast .block-btn .btn,
.contrast .sp-cc-bottom button,
.contrast .popup-select-modal .extra-info button,
.contrast .sp-project-modal .yellow-main-btn,
.contrast .file-uploader-btn,
.contrast .sp-info-modal .sp-info-buttons button,
.contrast .info-modal.confirm-order .btns button,
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .delivery-types-row button.yellow-bgc,
.contrast .conf-details-container-btn,
.contrast .bottom-summary .yellow-bgc,
.contrast .conf-details-container .sp-bi-name .btns button,
.contrast .download-calc,
.contrast .prepare-calc .std-btn,
.contrast .close-calc-modal-btn,
.contrast .register-btn,
.contrast .tpay-pay-button,
.contrast #ab-cookiemodule #ab-save,
.contrast #ab-cookiemodule #ab-save-settings,
.contrast #ab-cookiemodule .slider,
.contrast #ab-cookiemodule input:checked + .slider{
  background: var(--black) !important;
}
.contrast .btn-black-outline,
.contrast .info-bar-btn .btn,
.contrast .btn-yellow,
.contrast .btn-gray-outline,
.contrast .about-btn .btn,
.contrast .newsletter-btn .btn,
.contrast .sidebar-btn .btn,
.contrast .btn-dark-gray-outline,
.contrast .sidebar-cat-btn .btn,
.contrast .hero-v1-btn .btn-black,
.contrast .csp-right .csp-bottom .yellow-main-btn,
.contrast .finalization-modal .fm-yellow-btn,
.contrast .finalization-modal .btn-full-transparent,
.contrast #register-agreements-modal button,
.contrast #orderAddCommentModal .btn,
.contrast .btn-comment-modal span,
.contrast .bottom-tiles__about .bottom-tiles__footer .btn{
  color: var(--black) !important;
}
.contrast .btn-black,
.contrast .btn-black-outline,
.contrast .product-v2-btn .btn,
.contrast .product-main-btn .btn,
.contrast .certificate-btn .btn,
.contrast .block-btn .btn,
.contrast .sp-cc-bottom button,
.contrast .spdc-certificate .certificate-btn,
.contrast .popup-select-modal .extra-info button,
.contrast .sp-project-modal .yellow-main-btn,
.contrast .file-uploader-dropzone,
.contrast .file-uploader-btn,
.contrast .file-uploader-btn.gray,
.contrast .sp-info-modal .sp-info-buttons button,
.contrast .finalization-modal .btn-full-transparent,
.contrast .info-modal.confirm-order .btns button,
.contrast .popup-select-modal[data-select-name=delivery_types] [data-opt-type=continental] .delivery-types-row button.yellow-bgc,
.contrast .summary-val.yellow-txt.dates-info .v-tooltip p.txt,
.contrast .conf-details-container-btn,
.contrast .bottom-summary .yellow-bgc,
.contrast .download-calc,
.contrast .prepare-calc .std-btn,
.contrast .close-calc-modal-btn,
.contrast .register-btn,
.contrast .tpay-pay-button,
.contrast #ab-cookiemodule #ab-deny,
.contrast #ab-cookiemodule #ab-settings,
.contrast #ab-cookiemodule .ab-description table,
.contrast #ab-cookiemodule table th,
.contrast #ab-cookiemodule table td{
  border-color: var(--black) !important;
}
.contrast #ab-cookiemodule .ab-header .ab-expand{
  background-color: transparent !important;
}
/* --- button css end here --- */
.contrast .product-main-outer {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.contrast .testimonial-slider .owl-nav button.disabled,
.contrast .product-main-slider .owl-nav button.disabled,
.contrast .product-main-slider .owl-dot,
.contrast .pagination li.disabled{
  opacity: 0.5;
}
.contrast .footer-info-text,
.contrast .product-main-slider .owl-dot.active,
.contrast .product-video-text span,
.contrast .process-v1-head p,
.contrast .process-v1-top span,
.contrast .popup-select-modal .close,
.contrast .finalization-modal .close{
  opacity: 1;
}
.contrast .submenu{
  box-shadow: none;
}
a.product-v2-item:hover{
  outline: none !important;
}
.contrast .tab-nav-item.active .tab-nav-link,
.contrast .sidebar-v1-nav li.active a, 
.contrast .sidebar-v1-nav li:hover a,
.contrast .process-tab li a.active,
.contrast .faq-inner a:not(.btn),
.contrast #register-agreements-modal a,
.contrast .csp-right .sp-details-container a,
.contrast .login-bottom .forgot-password,
.contrast .rf-login-info a,
.contrast .register-container .cp-custom-checkbox p a,
.contrast .comments-list-btns .comments-list-btn.active,
.contrast .payment-info a{
  text-decoration: underline !important;
  text-decoration-skip-ink: none;
}
.contrast .sidebar-search .form-control{
  background-image: url(../images/icon-search-yellow.png);
  background-repeat: no-repeat;
  background-position: left 1.2rem center;
}
.contrast .sidebar-search .form-control::placeholder,
.contrast .csp-right .sp-qt-custom-quantity input::placeholder,
.contrast .sc-bottom input[type=text]::placeholder{
  color: var(--yellow) !important;
}
.contrast .sidebar-search .form-control:-ms-input-placeholder,
.contrast .csp-right .sp-qt-custom-quantity input:-ms-input-placeholder,
.contrast .sc-bottom input[type=text]:-ms-input-placeholder{
  color: var(--yellow) !important;
}
.contrast .career-search .form-control::placeholder,
.contrast .search-input .form-control-search::placeholder{
  color: var(--black) !important;
}
.contrast .career-search .form-control:-ms-input-placeholder,
.contrast .search-input .form-control-search:-ms-input-placeholder{
  color: var(--black) !important;
}
.contrast .process-v1-tab-link.active{
  outline: 2px solid var(--yellow);
  outline-offset: 1px;
}
.contrast .sc-top-right .options-list {
  border-radius: 0 !important;
}
.contrast .csp-right .sp-step .progress-bar {
  background-color: rgba(0, 0, 0, .4);
}
.contrast .csp-right .sp-step h6 span.svg-icon svg path,
.contrast .csp-right .sp-color span.svg-icon svg path,
.contrast .sp-print.active svg path,
.contrast .option-cell.active svg path,
.contrast .sp-project.active svg path,
.contrast .csp-right .sp-quantity-table .spq-row svg path,
.contrast .fm-subtitle-bg .fm-subtitle .icon svg path,
.contrast .select-btn > .svg-icon svg path,
.contrast .conf-details-container .sp-bi-name .btns button svg path{
  stroke: var(--yellow);
}
.contrast .csp-right .sp-color.active span.svg-icon svg path,
.contrast .sp-project-modal .close svg path,
.contrast .sp-info-modal .sp-info-icon svg path,
.contrast .summary-details svg path,
.contrast .after-calc-created svg path{
  stroke: var(--black);
}
.contrast .summary-tooltipe>p>svg{
  fill: transparent !important;
}
.contrast .product-main-text-top p img{
  mix-blend-mode: multiply;
}
#tpay-payment {
  padding: 1rem 1rem 0;
}
.bottom-tiles__about .bottom-tiles__heading{
  color: #fff;
}
.bottom-tiles .btn{
  display: inline-flex;
}
@media(max-width:991.98px){
  .site-control {
    display: none;
  }
  .menu .site-control,
  .vue-site-control{
    display: flex;
    position: relative;
    top: inherit;
    margin-top: 2rem;
    background: transparent !important;
    flex-direction: row;
    justify-content: center;
    border: 0;
    z-index: initial;
  }
  .site-control button{
    border: 0;
    width: 4rem;
  }
  .contrast .wcag-font img,
  .contrast .wcag-contrast-mode img{
    filter: var(--img-yellow) !important;
  }
  .contrast .menu,
  .contrast .submenu, 
  .contrast .sub-submenu,
  .contrast .blog-mobile-slider .owl-nav button,
  .contrast #filterBtn span,
  .contrast .sidebar-outer,
  .contrast .sidebar-v1-head,
  .contrast .small .submenu li:hover a,
  .contrast .new-configurator-section .toggleMenu span{
    background: var(--black) !important;
  }
  .contrast .faq-search-input .form-control,
  .contrast .sidebar-v1-nav li a{
    color: var(--black) !important;
  }
  .contrast .sidebar-v1-nav{
    border: 1px solid transparent;
  }
  .contrast #filterBtn,
  .contrast #filterBtn span,
  .contrast .faq-search-input .form-control,
  .contrast .sidebar-v1-nav{
    border-color: var(--black) !important;
  }
  .contrast .toggleMenu span,
  .contrast .mobile-menu-header::after,
  .contrast #closeFilter,
  .contrast .sidebar-v1-nav,
  .contrast .sidebar-v1-nav li.active a, 
  .contrast .sidebar-v1-nav li:hover a{
    background: var(--yellow) !important;
  }
  .contrast .submenu-back,
  .contrast .submenu-list li:hover > a,
  .contrast #filterBtn span,
  .contrast .small .submenu li:hover a{
    color: var(--yellow) !important;
  }
  .contrast #closeFilter{
    border-color: var(--yellow) !important;
  }
  .contrast .mobile-menu-logo img,
  .contrast #closeMenu img,
  .contrast .open-submenu img,
  .contrast .submenu-back img,
  .contrast .blog-mobile-slider .owl-nav button img,
  .contrast .sidebar-v1-head::after,
  .contrast #sidebarMobileBtn img{
    filter: var(--img-yellow) !important;
  }
  .contrast #btnSearchMobile img{
    filter: var(--img-black);
  }
  .contrast .submenu-list li:hover > a,
  .contrast .sidebar-v1{
    background: transparent !important;
  }
  .contrast .blog-mobile-slider .owl-nav button.disabled{
    opacity: 0.5;
  }
}
@media(max-width:767.98px){
  .contrast .sec-product-details,
  .contrast .sec-cat,
  .contrast .tab-nav-item::after,
  .contrast .sec-hero-v1,
  .contrast .sec-process-v1,
  .contrast .box-list .owl-nav button,
  .contrast .career-item:hover .career-tag{
    background: var(--black) !important;
  }
  .contrast .career-item:hover .career-title *,
  .contrast .career-item:hover .career-attr-text{
    color: var(--black) !important;
  }
  .contrast .sec-product-main,
  .contrast .process-v1-block .owl-nav button,
  .contrast .search-input{
    background: var(--yellow) !important;
  }
  .contrast .career-item:hover .career-tag{
    color: var(--yellow) !important;
  }
  .contrast .career-item:hover{
    background: transparent !important;
  }
  .contrast .sec-product-main,
  .contrast .sec-hero-v1{
    border-top: 1px solid transparent;
  }
  .contrast .sec-product-main{
    border-bottom: 1px solid transparent;
  }
  .contrast .sec-product-main,
  .contrast .sec-hero-v1{
    border-color: var(--yellow) !important;
  }
  .contrast .career-item:hover .career-attr-icon{
    border-color: var(--black) !important;
  }
  .contrast .sec-product-main{
    border-bottom-color: var(--black) !important;
  }
  .contrast .process-v1-block .owl-nav button img,
  .contrast .career-item:hover .career-attr-icon img{
    filter: var(--img-black) !important;
  }
  .contrast .box-list .owl-nav button img{
    filter: var(--img-yellow) !important;
  }
  .contrast .process-v1-block .owl-nav button.disabled,
  .contrast .box-list .owl-nav button.disabled{
    opacity: 0.5;
  }
  .contrast .sec-cat{
    margin-bottom: 1rem;
  }
  .contrast .product-main-outer {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .contrast .product-main{
    border: 0;
  }
  .contrast .tab-nav-list .owl-nav button::after {
    background: linear-gradient(90deg, rgba(250, 250, 250, 0) 10%, var(--yellow) 100%);
  }
  .contrast .sec-hero-v1::before{
    content: none;
  }
}


/*-- user panel css start here --*/

.contrast .co-comments-modal .content>.col-1-2:last-of-type{
  border-left: 1px solid transparent;
}

.contrast .def-filter-btn,
.contrast .ca-number-name input,
.contrast .count-data .new-count,
.contrast .details-content,
.contrast .close-info-modal,
.contrast .calc-acc-modal .close-info-modal, 
.contrast .calc-details .close-info-modal, 
.contrast .co-comments-modal .close,
.contrast .ask-for-vis-modal .afv-top > .close,
.contrast .afv-item > .logo-url-container>input, 
.contrast .afv-tc-item > .logo-url-container>input,
.contrast .afv-fsb input,
.contrast .ci-input-row input,
.contrast .calc-inq-modal .content .custom-v-select .select-dropdown, 
.contrast .ci-textarea-row textarea,
.contrast .details-docs td, 
.contrast .details-docs th, 
.contrast .details-kk-sends td, 
.contrast .details-kk-sends th,
.contrast .panelModal .modal-header .close{
  border: 1px solid transparent !important;
}

/*-- black css start here --*/
.contrast .up-left-nav-container .content-col,
.contrast .client-activities-container,
.contrast .ca-top .ca-filters-btns:after, 
.contrast .ca-top .ca-filters-btns:before,
.contrast .ca-filters-btns,
.contrast .ca-filters-btn,
.contrast .ca-sction-type-count,
.contrast .ca-wc-filter .options-list .option:not(:first-of-type):after,
.contrast .ca-table-nav .ca-col:after,
.contrast .ca-activity-row,
.contrast .ca-first-cell,
.contrast .pagination-btns .pagination-btn,
.contrast .calc-acc-modal .def-cancel-btn, 
.contrast .calc-acc-modal .def-yellow-btn,
.contrast .ca-ac-hb-dropdown-item:hover,
.contrast .ca-btn-dropdown-item:hover,
.contrast .details-header,
.contrast .edit-btns .def-action-btn,
.contrast .btns .def-cancel-btn, 
.contrast .btns .def-yellow-btn,
.contrast .new-delivery-method-box input[type=radio]:checked:before,
.contrast .info-modal.stock-files .save-new-file,
.contrast .afv-type,
.contrast .afv-grey-btn,
.contrast .highlighted-title,
.contrast .afv-yellow-btn,
.contrast .afv-radio-row input[type=radio]:checked:before,
.contrast .afv-opt.img-zoom .img-zoom-container,
.contrast .afv-pl-options .afv-opt.active .check-circle:after,
.contrast .afv-black-btn,
.contrast .copy-item:after,
.contrast .ci-btns button,
.contrast .comments-form .def-yellow-btn,
.contrast .co-comments-modal .comment-item,
.contrast .dp__input.dp__input_icon_pad,
.contrast .finalization-modal .timers-row,
.contrast .fm-col-50.grey-bg-info, 
.contrast .sp-baskety-items.grey-bg-info,
.contrast .fm-prod-img,
.contrast .print-type-btn,
.contrast .report-complaint .def-yellow-btn,
.contrast .help .help-btn,
.contrast .complaint-form .def-yellow-btn,
.contrast .user-panel .up-right-row,
.contrast .user-panel .up-right-content,
.contrast .panelModal .panelPopup-btn,
.contrast .user-panel .panel-table tbody tr,
.contrast .fv-cell,
.contrast .fv-list-white-container,
.contrast .fv-wc-status-trigger .fv-wc-st-wrapper:after, 
.contrast .fv-wc-status-trigger .fv-wc-st-wrapper:before,
.contrast .fv-wc-status-trigger .fv-wc-st-wrapper,
.contrast .fv-wc-filter .options-list .option:not(:first-of-type):after,
.contrast .ca-wc-filter .options-list .option:hover,
.contrast .ca-wc-filter .options-list .option.option-selected,
.contrast .fv-wc-filter .option:hover,
.contrast .fv-wc-filter .option.option-selected,
.contrast .row-content,
.contrast .stat-box,
.contrast .period-trigger:before,
.contrast .periods-wrapper .item,
.contrast .sc-white-section,
.contrast .stat-box .sb-bottom .sb-change .arrow,
.contrast .stat-box .sb-bottom .sb-change .arrow:before,
.contrast .stat-box .sb-bottom .sb-change .arrow:after,
.contrast .resultsModal button,
.contrast .change-password .up-content,
.contrast .agreements .up-content,
.contrast .tgapi,
.contrast .tgapi-no-perrmision{
  background: var(--black) !important;
}
.contrast .up-left-nav .upn-row.active, 
.contrast .up-left-nav .upn-row:hover,
.contrast .up-left-nav .upn-row.active .sub-link, 
.contrast .up-left-nav .upn-row:hover .sub-link,
.contrast .up-left-nav .upn-row.active .trader-data > span,
.contrast .up-left-nav .upn-row:hover .trader-data > span,
.contrast .up-left-nav .upn-row.active .trader-data > p,
.contrast .up-left-nav .upn-row:hover .trader-data > p,
.contrast .up-left-nav .upn-row.active .trader-data > p a,
.contrast .up-left-nav .upn-row:hover .trader-data > p a,
.contrast .ca-filters-btn[data-filter="1"].active button,
.contrast .def-filter-btn,
.contrast .pagination-btns .pagination-btn.active,
.contrast .ca-table-nav .ca-col,
.contrast .ca-table-nav .ca-col .sorted,
.contrast .ca-status.my-action .ca-status-badge,
.contrast .ca-status.tg-action .ca-status-badge,
.contrast .ca-ac-hb-dropdown-item,
.contrast .ca-btn-dropdown-item,
.contrast .details-section .info-note,
.contrast .popup-select-modal,
.contrast .info-modal.stock-files .sir-file a,
.contrast .calc-name-row label,
.contrast .afv-info,
.contrast .clickable-text,
.contrast .calc-inq-modal .content label,
.contrast .ci-textarea-row span,
.contrast .details-docs th, 
.contrast .details-kk-sends th,
.contrast .details-docs, 
.contrast .details-kk-sends,
.contrast .details-docs td a,
.contrast .paid-3,
.contrast .user-panel .up-yellow-btn, 
.contrast .psm-vis-btn .up-yellow-btn,
.contrast .panelModal label,
.contrast .panelModal p,
.contrast .user-panel .panel-table thead tr th,
.contrast .fv-wc-status-trigger .fv-wc-st-wrapper .item,
.contrast .fv-list-head .list-header-item,
.contrast .row-content-col .status-badge,
.contrast .change-view-type,
.contrast .sc-export-btn,
.contrast .stat-box .sb-bottom .sb-change,
.contrast .status-active,
.contrast .status-inactive,
.contrast .change-password ul,
.contrast ul#password-requirements li,
.contrast .upn-save-btn,
.contrast .del-account{
  color: var(--black) !important;
}
.contrast .ca-wc-filter .options-list,
.contrast .calc-acc-modal .def-cancel-btn, 
.contrast .calc-acc-modal .def-yellow-btn,
.contrast .info-modal.calc-details .info-modal-top,
.contrast .details-content,
.contrast .details-section .info-note,
.contrast .edit-btns .def-action-btn,
.contrast .close-info-modal,
.contrast .calc-acc-modal .close-info-modal, 
.contrast .calc-details .close-info-modal, 
.contrast .co-comments-modal .close,
.contrast .info-modal.calc-details hr,
.contrast .form-row input, 
.contrast .form-row select, 
.contrast .form-row textarea,
.contrast .btns .def-cancel-btn, 
.contrast .btns .def-yellow-btn,
.contrast .new-delivery-method-box input[type=radio],
.contrast .info-modal.stock-files .sir-file span,
.contrast .info-modal.stock-files .save-new-file,
.contrast .ask-for-vis-modal .afv-top > .close,
.contrast .afv-tc-item,
.contrast .afv-grey-btn,
.contrast .afv-item > .logo-url-container>input, 
.contrast .afv-tc-item > .logo-url-container>input,
.contrast .afv-transparent-btn,
.contrast .afv-yellow-btn,
.contrast .afv-choosen-color,
.contrast .afv-fsb input,
.contrast .afv-radio-row input[type=radio],
.contrast .afv-project-layout,
.contrast .afv-pl-options, 
.contrast .afv-pl-options .afv-opt,
.contrast .afv-pl-options .afv-opt .check-circle,
.contrast .afv-item,
.contrast .afv-item-text-val, 
.contrast .afv-item > .logo-url-container>input, 
.contrast .afv-tc-item > .logo-url-container > input,
.contrast .afv-black-btn,
.contrast .ci-input-row input,
.contrast .calc-inq-modal .content .custom-v-select .select-dropdown, 
.contrast .ci-textarea-row textarea,
.contrast .ci-btns button,
.contrast .ci-select-row .options-list,
.contrast .details-docs td, 
.contrast .details-docs th, 
.contrast .details-kk-sends td, 
.contrast .details-kk-sends th,
.contrast .comments-form textarea,
.contrast .comments-form .def-yellow-btn,
.contrast .co-comments-modal .content>.col-1-2:last-of-type,
.contrast .co-comments-modal .comment-status,
.contrast .timers-row .timers-text .txt,
.contrast .print-types-section,
.contrast .print-type-btn,
.contrast .report-complaint .def-yellow-btn,
.contrast .help .help-btn,
.contrast .complaint-form .def-yellow-btn,
.contrast .new-complaint,
.contrast .user-panel .up-right-content,
.contrast .panelModal .modal-header .close,
.contrast .panelModal input[type="text"], 
.contrast .panelModal input[type="password"],
.contrast .panelModal .panelPopup-btn,
.contrast .panelModal select,
.contrast .quill-editor-container,
.contrast .fv-cell,
.contrast .fv-list-white-container,
.contrast .fv-wc-filter .options-list,
.contrast .fv-list-head .cp-custom-checkbox span,
.contrast .stat-box,
.contrast .periods-wrapper,
.contrast .sc-white-section,
.contrast .table-wrapper table thead th,
.contrast .sc-export-btn,
.contrast .sx-export-options,
.contrast .panelModal .checkmark,
.contrast .resultsModal button,
.contrast .tgapi,
.contrast .tgapi-no-perrmision{
  border-color: var(--black) !important;
}
.contrast .up-left-nav .upn-row.active .icon, 
.contrast .up-left-nav .upn-row:hover .icon,
.contrast .up-left-nav .upn-row.active .arrow, 
.contrast .up-left-nav .upn-row:hover .arrow,
.contrast .user-panel .up-yellow-btn img, 
.contrast .psm-vis-btn .up-yellow-btn img,
.contrast .p-modal .img-wrapper img.success-icon,
.contrast .p-modal .img-wrapper img.error-icon,
.contrast .password-requirements img,
.contrast .del-account img{
  filter: var(--img-black) !important;
}
/*-- black css end here --*/

/*-- yellow css start here --*/
.contrast .up-left-nav .upn-row.active, 
.contrast .up-left-nav .upn-row:not(.top):hover,
.contrast .ca-top:has(.ca-filters-btns):before,
.contrast .ca-filters-btn button,
.contrast .ca-wc-filter .options-list,
.contrast .def-filter-btn,
.contrast .pagination-btns .pagination-btn.active,
.contrast .ca-table-nav,
.contrast .ca-ac-col:after,
.contrast .mass-icon-btn, 
.contrast .mass-text-btn,
.contrast .ca-status.my-action .ca-status-badge,
.contrast .ca-status.tg-action .ca-status-badge,
.contrast .ca-ac-show-more-btns.with-icons,
.contrast .ca-ac-hb-dropdown,
.contrast .ca-ac-hb-dropdown-fixed,
.contrast .ca-base-btn-dropdown,
.contrast .details-content,
.contrast .close-info-modal,
.contrast .calc-acc-modal .close-info-modal, 
.contrast .calc-details .close-info-modal, 
.contrast .co-comments-modal .close,
.contrast .ca-activity-row[data-action-type="2"]:before,
.contrast .ask-for-vis-modal .afv-top > .close,
.contrast .ask-for-vis-modal,
.contrast .afv-tc-col > .afv-tc-title,
.contrast .afv-tc-col > .afv-tc-title:after,
.contrast .afv-pl-options, 
.contrast .afv-pl-options .afv-opt,
.contrast .info-modal,
.contrast .calc-inq-modal .content,
.contrast .ci-select-row .options-list,
.contrast .ci-select-row .options-list .search-input,
.contrast .details-docs tbody tr:nth-of-type(odd), 
.contrast .details-kk-sends tbody tr:nth-of-type(odd),
.contrast .co-comments-modal .content,
.contrast .co-comments-modal .content>.col-1-2:last-of-type,
.contrast .paid-3,
.contrast .user-panel .up-yellow-btn, 
.contrast .psm-vis-btn .up-yellow-btn,
.contrast .p-modal,
.contrast .panelModal .modal-header .close,
.contrast .user-panel .panel-table thead tr,
.contrast .fv-wc-status-trigger:before,
.contrast .fv-wc-status-trigger .fv-wc-st-wrapper .item,
.contrast .fv-wc-filter .options-list,
.contrast .fv-wc-list-wrapper .fv-list-head,
.contrast .row-content .cp-custom-checkbox input[type=checkbox]:checked+span:before,
.contrast .row-content .cp-custom-checkbox input[type=checkbox]:checked+span:after,
.contrast .row-content-col .status-badge,
.contrast .periods-wrapper:after, 
.contrast .periods-wrapper:before,
.contrast .periods-wrapper,
.contrast .table-wrapper table thead th,
.contrast .sx-export-options,
.contrast .stat-box .sb-bottom .sb-change,
.contrast .status-active,
.contrast .status-inactive,
.contrast .password-requirements,
.contrast .upn-save-btn,
.contrast .tgapi .input-wrapper input{
  background: var(--yellow) !important;
}
.contrast .up-left-nav-container .content-col,
.contrast .up-left-nav hr,
.contrast .ca-filters-btns,
.contrast .ca-wc-filter .select-dropdown, 
.contrast .ca-wc-filter>.search-input,
.contrast .def-filter-btn,
.contrast .pagination-btns .pagination-btn,
.contrast .ca-table,
.contrast .ca-header-cols,
.contrast .first-from-group,
.contrast .ca-base-btn,
.contrast .ca-number-name input,
.contrast .ca-ac-hb-dropdown,
.contrast .ca-ac-hb-dropdown-fixed,
.contrast .ca-base-btn-dropdown,
.contrast .count-data .new-count,
.contrast .afv-opt.img-zoom .img-zoom-container,
.contrast .ca-wc-filter .dp__input.dp__input_icon_pad,
.contrast .fv-wc-filter .dp__input.dp__input_icon_pad,
.contrast .fm-custom-send-date-row .dp__input.dp__input_icon_pad,
.contrast .user-panel .up-yellow-btn, 
.contrast .psm-vis-btn .up-yellow-btn,
.contrast .user-panel .panel-table,
.contrast .user-panel .panel-table tbody tr td,
.contrast .fv-wc-status-trigger .fv-wc-st-wrapper,
.contrast .fv-wc-filter .select-dropdown, 
.contrast .fv-wc-filter>.search-input,
.contrast .fv-wc-list-wrapper,
.contrast .list-row,
.contrast .row-content .cp-custom-checkbox span,
.contrast .table-wrapper table,
.contrast .table-wrapper table tbody tr,
.contrast .table-wrapper table tbody td,
.contrast .logo-container,
.contrast .change-password input[type="password"], 
.contrast .change-password input[type="text"],
.contrast .password-requirements,
.contrast .upn-save-btn,
.contrast .form-wrapper label.checkbox-wrapper .checkmark,
.contrast .tgapi .input-wrapper input,
.contrast .input-box-api{
  border-color: var(--yellow) !important;
}
.contrast .up-left-nav .logged-data .user,
.contrast .up-left-nav .logged-data .contractor,
.contrast .up-left-nav .upn-g-row,
.contrast .up-left-nav .upn-row,
.contrast .up-left-nav .sub-link,
.contrast .up-left-nav .trader-data > span,
.contrast .up-left-nav .trader-data > p,
.contrast .up-left-nav .trader-data > p a,
.contrast .client-title,
.contrast .ca-sction-type-count,
.contrast .ca-wc-filters-title,
.contrast .ca-wc-filter label,
.contrast .ca-wc-filter .select-dropdown, 
.contrast .ca-wc-filter>.search-input,
.contrast .def-filter-btn.active,
.contrast .pagination-btns .pagination-btn,
.contrast .pagination-info,
.contrast .ca-ac-col,
.contrast .ca-ac-col-content.ca-prices small,
.contrast .ca-number-name input,
.contrast .calc-acc-modal .def-cancel-btn, 
.contrast .calc-acc-modal .def-yellow-btn,
.contrast .def-icon-btn,
.contrast .ca-ac-hb-dropdown-item:hover,
.contrast .ca-btn-dropdown-item:hover,
.contrast .count-data .new-count,
.contrast .details-header,
.contrast .edit-btns .def-action-btn,
.contrast .btns .def-cancel-btn, 
.contrast .btns .def-yellow-btn,
.contrast .info-modal.stock-files .save-new-file,
.contrast .afv-type-title,
.contrast .afv-type-subtitle,
.contrast .afv-grey-btn,
.contrast .highlighted-title,
.contrast .afv-yellow-btn,
.contrast .afv-black-btn,
.contrast .ci-btns button,
.contrast .comments-form .def-yellow-btn,
.contrast .co-comments-modal .comment-item,
.contrast .dp__input.dp__input_icon_pad,
.contrast .timers-row .timers-text,
.contrast .timers-countdown,
.contrast .fm-prod-desc,
.contrast .fm-col-50.fm-flex-col.grey-col .fm-checbox-row label,
.contrast .fm-custom-send-date-row .dp__input.dp__input_icon_pad,
.contrast .print-type-btn,
.contrast .report-complaint .def-yellow-btn,
.contrast .help .help-btn,
.contrast .complaint-form .def-yellow-btn,
.contrast .user-panel .up-right-upper .title,
.contrast .panelModal .panelPopup-btn,
.contrast .user-panel .panel-table tbody tr td,
.contrast .list-btn,
.contrast .fv-cell .top p,
.contrast .fv-cell .value,
.contrast .fv-wc-title,
.contrast .fv-wc-filter label,
.contrast .fv-wc-filter .select-dropdown, 
.contrast .fv-wc-filter>.search-input,
.contrast .ca-wc-filter .options-list .option:hover,
.contrast .ca-wc-filter .options-list .option.option-selected,
.contrast .fv-wc-filter .option:hover,
.contrast .fv-wc-filter .option.option-selected,
.contrast .row-content,
.contrast .contractor-btn, 
.contrast .download-fv,
.contrast .stat-box .sb-top h5,
.contrast .stat-box .sb-bottom .sb-value,
.contrast .periods-wrapper .item,
.contrast .sc-white-section > h5,
.contrast .doughnut-chart-legend,
.contrast .table-wrapper table tbody td,
.contrast .resultsModal button,
.contrast .change-password label,
.contrast .change-password input[type="password"], 
.contrast .change-password input[type="text"],
.contrast .form-wrapper label.checkbox-wrapper,
.contrast .form-wrapper label.checkbox-wrapper .label,
.contrast .form-wrapper label.checkbox-wrapper a,
.contrast .doc-tgapi,
.contrast .doc-tgapi a,
.contrast .tgapi .input-wrapper label,
.contrast .tgapi .input-wrapper input,
.contrast .input-box-api,
.contrast .tgapi-no-perrmision{
  color: var(--yellow) !important;
}
.contrast .up-left-nav .upn-row .icon,
.contrast .up-left-nav .upn-row .arrow,
.contrast .list-btn,
.contrast .download-fv img,
.contrast .change-password .toggle-password img,
.contrast .form-wrapper label.checkbox-wrapper .checkmark:after,
.contrast .toggle-api-key img,
.contrast .tgapi-no-perrmision img{
  filter: var(--img-yellow) !important;
}
/*-- yellow css end here --*/
.contrast .ca-wc-filter .select-dropdown, 
.contrast .ca-wc-filter>.search-input,
.contrast .def-filter-btn.active,
.contrast .ca-number-name input,
.contrast .ca-ac-col[data-col=actions],
.contrast .count-data .new-count,
.contrast .form-row input, 
.contrast .form-row select, 
.contrast .form-row textarea,
.contrast .calc-acc-modal .archive-reason .select-dropdown,
.contrast .afv-tc-item,
.contrast .afv-item > .logo-url-container>input, 
.contrast .afv-tc-item > .logo-url-container>input,
.contrast .calc-name-row textarea,
.contrast .afv-fsb input,
.contrast .afv-item,
.contrast .afv-item-text-val, 
.contrast .afv-item > .logo-url-container>input, 
.contrast .afv-tc-item > .logo-url-container > input,
.contrast .ci-input-row input,
.contrast .calc-inq-modal .content .custom-v-select .select-dropdown, 
.contrast .ci-textarea-row textarea,
.contrast .comments-form textarea,
.contrast .ca-wc-filter .dp__input.dp__input_icon_pad,
.contrast .fv-wc-filter .dp__input.dp__input_icon_pad,
.contrast .fm-custom-send-date-row .dp__input.dp__input_icon_pad,
.contrast .new-complaint,
.contrast .panelModal input[type="text"], 
.contrast .panelModal input[type="password"],
.contrast .panelModal select,
.contrast .quill-editor-container,
.contrast .ql-editor,
.contrast .quill-editor-container .editor-header,
.contrast .fv-wc-filter .select-dropdown, 
.contrast .fv-wc-filter>.search-input,
.contrast .panelModal .checkmark,
.contrast .logo-container,
.contrast .change-password input[type="password"], 
.contrast .change-password input[type="text"],
.contrast .form-wrapper label.checkbox-wrapper .checkmark,
.contrast .tgapi .input-wrapper input{
  background: transparent !important;
}
.contrast .chart-content.line,
.contrast .doughnut-chart-wrapper{
  background: #fff;
}
.contrast .ca-wc-filter span.svg-icon path,
.contrast .ca-base-btn svg path,
.contrast .ca-number-name .edit-name-btn svg path,
.contrast .ca-number-name .save-name-btn svg path,
.contrast .uncheck-icon rect,
.contrast .ca-status.my-action svg path,
.contrast .ca-status.tg-action svg path,
.contrast .def-icon-btn svg path,
.contrast .afv-type svg path,
.contrast .afv-black-btn svg path,
.contrast .def-icon-btn.needed span svg path,
.contrast .ca-wc-filter .dp__input_wrap svg,
.contrast .fv-wc-filter .dp__input_wrap svg
.contrast .ca-status-rows svg path,
.contrast .fv-cell .top span.svg-icon svg path,
.contrast .fv-wc-filter span.svg-icon path,
.contrast .stat-box .sb-top .sb-icon path,
.contrast .user-panel .up-right-upper .title path,
.contrast .api-key .copy-button path {
  stroke: var(--yellow) !important;
}
.contrast .sort-btn svg path,
.contrast .ca-ac-show-more-btns.with-icons svg path,
.contrast .info-modal.stock-files .sir-file span svg path,
.contrast .afv-fsb svg path,
.contrast .copy-item path,
.contrast .delete-item path,
.contrast .change-view-type svg path,
.contrast .sc-export-btn svg path{
  stroke: var(--black) !important;
}
.contrast .uncheck-icon rect,
.contrast .ca-wc-filter .dp__input_wrap svg,
.contrast .fv-wc-filter .dp__input_wrap svg,
.contrast .tgapi .input-wrapper svg text{
  fill: var(--yellow);
}
.contrast .upn-subrows a:hover,
.contrast .ca-wc-filter .select-dropdown.placeholder,
.contrast .calc-acc-modal .def-cancel-btn, 
.contrast .calc-acc-modal .def-yellow-btn{
  opacity: 1 !important;
}
.contrast .upn-subrows a.active,
.contrast .ca-filters-btn.active button,
.contrast .clickable-text,
.contrast .details-docs td a,
.contrast .list-btn,
.contrast .fv-wc-status-trigger .fv-wc-st-wrapper .item.active,
.contrast .fv-wc-status-trigger .fv-wc-st-wrapper .item:hover,
.contrast .contractor-btn, 
.contrast .download-fv,
.contrast .periods-wrapper .item.active, 
.contrast .periods-wrapper .item:hover,
.contrast .form-wrapper label.checkbox-wrapper a,
.contrast .doc-tgapi a{
  text-decoration: underline !important;
  text-decoration-skip-ink: none !important;
}
.contrast .dp__input.dp__input_icon_pad::placeholder,
.contrast .fm-custom-send-date-row .dp__input.dp__input_icon_pad::placeholder{
  color: var(--yellow) !important;
  opacity: 1;
}
.contrast .dp__input.dp__input_icon_pad:-ms-input:placeholder,
.contrast .fm-custom-send-date-row .dp__input.dp__input_icon_pad:-ms-input:placeholder{
  opacity: 1;
}
.contrast .row-content {
  margin-bottom: 0px;
}
.ca-activity-row .ca-ac-hidden-btns {
  flex-shrink: 0;
}
.popup-select-modal.info-modal.calc-acc-modal{
  z-index: 99991;
}
.fv-wc-list-wrapper .cp-custom-checkbox{
  position: relative;
}
.fv-wc-list-wrapper .cp-custom-checkbox input[type=checkbox]{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  display: block;
}
.fv-wc-list-wrapper .cp-custom-checkbox input[type=checkbox]:focus ~ span,
.panelModal input[type=checkbox]:focus ~ .checkmark{
  outline-offset: 1px;
  outline: 1px solid var(--black);
}
.contrast .fv-wc-list-wrapper .row-content .cp-custom-checkbox input[type=checkbox]:focus ~ span,
.contrast .form-wrapper [type="checkbox"]:focus ~ .checkmark{
  outline-color: #fff;
}
@media (max-width: 991px) {
  .contrast #closeSidebarPanel,
  .contrast .mobile-sidebar-btn{
    background: var(--black) !important;
  }
 
  .contrast #closeSidebarPanel{
    color: var(--yellow) !important;
  }
  .contrast #closeSidebarPanel,
  .contrast #closeSidebarPanel span,
  .contrast .user-panel .panel-table-custom tr,
  .contrast .mobile-sidebar-btn{
    border-color: var(--yellow) !important;
  }
  .contrast .showSidebar .panel-overlay {
    background: rgba(247, 247, 5, 0.8);
  }
}
@media(min-width: 768px){
  .contrast .close-info-modal{
    height: 3.4rem;
  }
}
/*-- user panel css end here --*/

/*-- confCreator panel css start here --*/

/*-- border css start here --*/
.contrast .tile-content,
.contrast .new-conf-video-info .close-nci,
.contrast .ce-tab-btn,
.contrast .v-gallery-modal .close,
.contrast .video-viewer-modal .close,
.contrast .upload-popup-modal .close,
.contrast .close-ask-for-product-modal,
.contrast .close-acc-modal,
.contrast .configurator-options__select,
.contrast .configurator__form-acceptance li,
.contrast .configurator__delivery-type li,
.contrast .uploader__steps-show,
.contrast .spd-val-wrapper .spd-comment-input,
.contrast .spd-val-wrapper .edit_price,
.contrast .conf-details-container-info-item .edit_price,
.contrast .conf-details-container-sum .edit_price,
.contrast .confirm-modal .reason{
  border: 1px solid transparent !important;
}
.contrast .modal-section--grey{
  border-left: 1px solid transparent;
}
/*-- border css end here --*/
/*-- black css start here --*/
.contrast .conf-wrapper:before,
.contrast .top-menu-btn,
.contrast .conf-name > span,
.contrast .slider-nav,
.contrast .tile-content .check-badge,
.contrast .top-menu-instruction-btn,
.contrast .top-menu-yellow-btn,
.contrast .top-menu-gray-btn,
.contrast .c-status h6 span,
.contrast .c-status .progress-bar span,
.contrast .conf-container .white-card, 
.contrast .conf-container .white-card-2,
.contrast .ce-tab-btn.active,
.contrast .ce-conf-cell .badge,
.contrast .conf-cell .img-zoom-container,
.contrast .choose-count-wrapper .confirm-count-mess>span,
.contrast .popup-select-modal .extra-info .date-and-cost,
.contrast .popup-select-modal .main-row .right .mod-info span:before,
.contrast .popup-select-modal .options-filter .opt-filter.active,
.contrast .upload-popup-modal .accept-btn,
.contrast .visualization-wrapper .bottom-data,
.contrast .apf-yellow-btn,
.contrast .info-table.expanded,
.contrast .acc-cell .add-acc,
.contrast .acc-form .input-container .right .mod-info span:before, 
.contrast .acc-form .prices-val .mod-info span:before,
.contrast .prices-rows .confirmed .select-options,
.contrast .prices-rows .count .tooltip-content,
.contrast .popup-select-modal .ps-opt.active:after,
.contrast .conf-bottom .timers-row,
.contrast .slider-selector .products-item,
.contrast .configurator__section--border:after,
.contrast .configurator-options__select-header,
.contrast .configurator-options__select ul.options-products li,
.contrast .configurator-options__selected,
.contrast #basketModal .options-products button,
.contrast #conf-add-custom-cost,
.contrast .configurator__table-tooltip,
.contrast .configurator__table-cost td small, 
.contrast .configurator__table-cost td span,
.contrast .configurator__section .btn-brand,
.contrast .packing-option-box.active,
.contrast .configurator__form-acceptance li.active,
.contrast .configurator__delivery-type li.active,
.contrast .configurator__section .btn-light,
.contrast .modal-section--grey,
.contrast .far-send-date-mess,
.contrast .uploader-step__header span,
.contrast .uploader-step__content .btn,
.contrast .dz-progress .dz-upload,
.contrast .uploader__btn-send,
.contrast .choose-count-wrapper .confirm-count-mess>button,
.contrast .finalization-modal .new-address-row .fm-yellow-btn,
.contrast .tooltip-content .ca-pending-tasks > div:after,
.contrast .afv-tc-title span,
.contrast .spd-val-wrapper .spd-comment-submit,
.contrast .csp-left .splide__arrow,
.contrast .sc-top-right .trader-user .option:hover,
.contrast .sc-top-right .trader-user .option-selected,
.contrast .confirm-modal .ext-mess{
  background: var(--black) !important;
}
.contrast .products-slider-btn,
.contrast .change-language .select-btn,
.contrast .ce-tab-btn,
.contrast .conf-cell .conf-details-arr p.desc-row, 
.contrast .conf-cell .info-table p.desc-row,
.contrast .set-count b,
.contrast .not-confirmed .input-select-wrapper .select-input-el,
.contrast .not-confirmed .input-select-wrapper .input-sufix,
.contrast .mod-info-awail,
.contrast .mod-info-wait,
.contrast .main-row .img-zoom-container .download-zoom-img,
.contrast .option-cell .optionLink,
.contrast .main-row .right .badge,
.contrast .upload-popup-modal,
.contrast .upload-popup-modal .descr a,
.contrast .visualization-wrapper .btns .btn.btn-accent,
.contrast .apf-form label,
.contrast .info-table p.desc-row,
.contrast .acc-cell .acc-title,
.contrast .acc-cell .acc-price,
.contrast .acc-form .form-item label,
.contrast .acc-form .select-input-el,
.contrast .acc-form .input-sufix,
.contrast .acc-form .input-container .right .mod-info, 
.contrast .acc-form .prices-val .mod-info,
.contrast .prices-row .count .show-pricelist-btn,
.contrast .popup-select-modal .btn-full-transparent,
.contrast .ext-packing-sticker-info,
.contrast .ext-packing-sticker-info a,
.contrast .configurator__section .btn-brand.btn-brand-new,
.contrast .configurator-options__select-more,
.contrast .configurator-options__select-hide,
.contrast .options-products__featured,
.contrast .configurator__section .btn.btn-light.btn-block.btn-sm.btn-add,
.contrast .configurator-options__selected button,
.contrast .options-products__label,
.contrast #basketQuantityModal .btn,
.contrast .configurator__section .color-gray,
.contrast .configurator__section .form-control,
.contrast .configurator__table-cost th,
.contrast .configurator__table-cost td small.active,
.contrast .configurator__table-cost td span.active,
.contrast .files-documentation p,
.contrast .standard-label,
.contrast .packing-option-box span,
.contrast .delivery-tips .text-link,
.contrast .modal-content .btn-brand,
.contrast .configurator__delivery p,
.contrast .create-calculation .btn-secondary,
.contrast .delete-calculation-file, 
.contrast .delete-packing-file,
.contrast .slider-selector .products-item.active .products-heading,
.contrast .wetransfer-msg-2 *,
.contrast .dz-filename, 
.contrast .logo-url,
.contrast #urlLogoModal .input-group-text--clickable,
.contrast .uploader-step__content .form-control,
.contrast .contact-form__checkbox label,
.contrast #configurator .too-long,
.contrast .not-confirmed .select-options .select-option,
.contrast .tooltip-content,
.contrast .tooltip-inner,
.contrast .csp-bottom .greay-btn-upload,
.contrast .spd-val-wrapper .edit_price,
.contrast .conf-details-container-info-item .edit_price,
.contrast .conf-details-container-sum .edit_price,
.contrast .ca-ac-col .delivery-tracking-nr,
.contrast .confirm-modal .reason .reasons-list,
.contrast .confirm-modal .reason-ext-mess .reason-txt-desc{
  color: var(--black) !important;
}
.contrast .top-menu-btn,
.contrast .products-slider-btn,
.contrast .tile-content,
.contrast .top-menu-yellow-btn,
.contrast .top-menu-gray-btn,
.contrast .change-language .select-btn,
.contrast .new-conf-video-info .close-nci,
.contrast .not-confirmed .input-select-wrapper,
.contrast .not-confirmed .select-options,
.contrast .not-confirmed .select-options .select-option,
.contrast .main-row .img-zoom-container,
.contrast .popup-select-modal .options-filter .opt-filter,
.contrast .v-gallery-modal .close,
.contrast .gallery-container .images-list .image-cell,
.contrast .video-viewer-modal .close,
.contrast .upload-popup-modal .close,
.contrast .upload-popup-modal .accept-btn,
.contrast .apf-yellow-btn,
.contrast .close-ask-for-product-modal,
.contrast .acc-cell .img-zoom-container,
.contrast .close-acc-modal,
.contrast .acc-form .input-select-wrapper,
.contrast .acc-modal .acc-comment,
.contrast .acc-form .select-options,
.contrast .popup-select-modal .btn-full-transparent,
.contrast .popup-select-modal .ps-opt:before,
.contrast .calc-extra-config .margin-value,
.contrast .configurator-options__select,
.contrast .configurator-options__select ul.options-products li,
.contrast .configurator-options-img-popup,
.contrast #basketModal .options-products button,
.contrast .configurator-options hr,
.contrast .configurator__section .form-control,
.contrast #conf-add-custom-cost,
.contrast .configurator__table-tooltip,
.contrast .configurator__table-cost td small, 
.contrast .configurator__table-cost td span,
.contrast .configurator__section .btn-brand,
.contrast .configurator__section .bootstrap-select > .dropdown-toggle,
.contrast .packing-option-box,
.contrast .configurator__form-acceptance li,
.contrast .configurator__section .custom-select,
.contrast .configurator__delivery-type li,
.contrast .configurator__section .separator,
.contrast .basket-order-summary__options .order-summary-item, 
.contrast .basket-table .basket-item,
.contrast .configurator__section .edit-price-td input,
.contrast .configurator__section .btn-light,
.contrast .slider-selector .products-item.active,
.contrast .uploader-step__content .btn,
.contrast .pantone-control__input,
.contrast .uploader-step__content .form-control,
.contrast .uploader__btn-send,
.contrast .uploader__steps-show,
.contrast .spd-val-wrapper .spd-comment-input,
.contrast .spd-val-wrapper .edit_price,
.contrast .conf-details-container-info-item .edit_price,
.contrast .conf-details-container-sum .edit_price,
.contrast .confirm-modal .ext-mess,
.contrast .confirm-modal .reason,
.contrast .confirm-modal .reason-list-item .rr-ex,
.contrast .confirm-modal .reason-ext-mess .reason-mess{
  border-color: var(--black) !important;
}
.contrast .configurator__table-tooltip:after{
  border-top-color: var(--black) !important;
}
.contrast .products-slider-btn path,
.contrast .change-language .select-btn > .svg-icon svg path,
.contrast .not-confirmed .select-options .svg-icon.check path,
.contrast .main-row .img-zoom-container .download-zoom-img path,
.contrast .visualization-wrapper .btns .btn.btn-accent path,
.contrast .acc-form .select-options .svg-icon.check path,
.contrast .prices-rows .confirmed button.show-pricelist-btn path,
.contrast .csp-bottom .greay-btn-upload path,
.contrast .confirm-modal .close path{
  stroke: var(--black) !important;
}
.contrast .info-table .info-table-header .svg-icon,
.contrast .configurator-options__select ul.options-products li.active:after,
.contrast #basketModal .options-products li .tip,
.contrast #basketQuantityModal .tip,
.contrast .configurator__delivery .tip,
.contrast .basket-configuration-summary .tip{
  filter: var(--img-black) !important;
}
/*-- black css start here --*/

/*-- yellow css start here --*/
.contrast .conf-wrapper,
.contrast .tile-content,
.contrast .new-conf-video-info,
.contrast .new-conf-video-info .close-nci,
.contrast .ce-tab-btn,
.contrast .conf-cell .conf-details-arr p.desc-row span, 
.contrast .conf-cell .info-table p.desc-row span,
.contrast .not-confirmed,
.contrast .not-confirmed .select-options,
.contrast .popup-select-modal .option-cell.active .main-row .right .mod-info span:before,
.contrast .main-row .img-zoom-container,
.contrast .v-gallery-modal .content,
.contrast .v-gallery-modal .close,
.contrast .video-viewer-modal .content,
.contrast .video-viewer-modal .close,
.contrast .upload-popup-modal,
.contrast .upload-popup-modal .close,
.contrast .visualization-wrapper .btns .btn.btn-accent,
.contrast .close-ask-for-product-modal,
.contrast .info-table .c-title-2,
.contrast .info-table p.desc-row span,
.contrast .acc-cell,
.contrast .acc-cell .img-zoom-container,
.contrast .close-acc-modal,
.contrast .acc-form .select-options,
.contrast .prices-row .count .show-pricelist-btn,
.contrast .prices-tooltip .tooltip-ex-top .svg-icon,
.contrast .prices-rows .v-tooltip.prices-tooltip .download-pricelist,
.contrast .prices-rows .p-type-1 .p-type:before, 
.contrast .prices-rows .prices-tooltip .cct.t-1,
.contrast .prices-rows .p-type-2 .p-type:before, 
.contrast .prices-rows .prices-tooltip .cct.t-2,
.contrast .prices-rows .p-type-3 .p-type:before, 
.contrast .prices-rows .prices-tooltip .cct.t-3,
.contrast .prices-rows .prod-type-price .btn-choose, 
.contrast .prices-rows .prod-type-price .btn-choosen,
.contrast .slider-selector .slick-arrow,
.contrast .configurator-options__select ul.options-products li.active:before,
.contrast .configurator__section .btn-brand.btn-brand-new,
.contrast .configurator-options-img-popup,
.contrast .options-products__featured,
.contrast .options-products__featured-express,
.contrast .configurator__section .btn.btn-light.btn-block.btn-sm.btn-add,
.contrast .configurator-options__selected button,
.contrast #basketModal .options-products li,
.contrast #basketQuantityModal .btn,
.contrast .packing-option-box,
.contrast .configurator__form-acceptance li,
.contrast .configurator__delivery-type li,
.contrast .modal-content .btn-brand,
.contrast .create-calculation .btn-secondary,
.contrast .delete-calculation-file, 
.contrast .delete-packing-file,
.contrast #urlLogoModal .input-group-text--clickable,
.contrast #configurator .too-long,
.contrast .tooltip-content,
.contrast .tooltip-inner,
.contrast .confirm-modal .content,
.contrast .ca-ac-col .delivery-tracking-nr{
  background: var(--yellow) !important;
}
.contrast #address-select .custom-select,
.contrast #margin-type,
.contrast .pantone-select__filter input,
.contrast .csp-bottom .greay-btn-upload{
  background-color: var(--yellow) !important;
}
.contrast .top-menu-btn,
.contrast .conf-name > span,
.contrast .top-menu-instruction-btn,
.contrast .top-menu-yellow-btn,
.contrast .top-menu-gray-btn,
.contrast .c-status h6 span,
.contrast .ce-tab-btn.active,
.contrast .ce-conf-cell .badge,
.contrast .choose-count-wrapper .confirm-count-mess>span,
.contrast .ce-select-cell label, 
.contrast .form-select label,
.contrast .option-cell.active .mod-info-awail,
.contrast .option-cell.active .mod-info-wait,
.contrast .popup-select-modal .extra-info .date-and-cost .line label,
.contrast .popup-select-modal .extra-info .date-and-cost .line span,
.contrast .popup-select-modal .options-filter .opt-filter.active,
.contrast .upload-popup-modal .accept-btn,
.contrast .visualization-wrapper .btns .btn,
.contrast .apf-yellow-btn,
.contrast .acc-cell .add-acc,
.contrast .popup-select-modal .extra-info .date-and-cost .line,
.contrast .prices-label,
.contrast .prices-rows,
.contrast .prices-rows .confirmed .select-input-el,
.contrast .prices-rows .confirmed .input-sufix,
.contrast .prices-rows .confirmed .select-option,
.contrast .prices-rows .confirmed .set-count,
.contrast .prices-rows .tooltip-ex-title,
.contrast .prices-rows .tooltip-ex-table-head,
.contrast .prices-rows .tooltip-ex-table-row,
.contrast .prices-rows .prod-type-price .send-date small,
.contrast .bottom-config .mod-info-awail,
.contrast .bottom-config .mod-info-wait,
.contrast .slider-selector .products-item h2,
.contrast .configurator-options__select-header,
.contrast .configurator-options__select .options-products__title,
.contrast .configurator-options__selected p, 
.contrast .configurator-options__selected strong,
.contrast #basketModal .options-products button,
.contrast .modal-basket-item-name,
.contrast #conf-add-custom-cost,
.contrast .configurator__table-tooltip,
.contrast .configurator__table-cost td small, 
.contrast .configurator__table-cost td span,
.contrast .configurator__section .btn-brand,
.contrast .packing-option-box.active span,
.contrast .configurator__form-acceptance li.active,
.contrast .configurator__delivery-type li.active,
.contrast .configurator__delivery-type li.active span,
.contrast .configurator__delivery-type li.active span b,
.contrast .configurator__delivery-type li.active .text-right,
.contrast .configurator__section .btn-light,
.contrast #orderSummaryModal .order-summary__heading,
.contrast #orderSummaryModal,
.contrast .order-summary__options th,
.contrast #orderSummaryModal .label-gray,
.contrast #order-comment, 
.contrast #additional-summary-mail-message,
.contrast #additional-invoices-email,
.contrast .order-summary__delivery p,
.contrast .order-summary__delivery p span, 
.contrast .order-summary__delivery p time,
.contrast .order-summary__costs td,
.contrast #orderAddAddress .order-summary__heading,
.contrast #orderAddAddress .standard-label,
.contrast #customer-courier, 
.contrast #customer-courier-account,
.contrast #orderCalculationModal,
.contrast #orderCalculationModal .modal-heading,
.contrast .create-calculation .text-link,
.contrast #orderCalculationModal .standard-label,
.contrast .far-send-date-mess,
.contrast .uploader-step__header span,
.contrast .uploader-step__content .btn,
.contrast #urlLogoModal .modal-heading,
.contrast #pantoneBackgroundModal .modal-heading,
.contrast #pantoneLogoModal .modal-heading,
.contrast .pantone-select__item strong,
.contrast .uploader__btn-send,
.contrast .new-configurator-section .conf-bottom .timers-row .timers-text .txt,
.contrast .choose-count-wrapper .confirm-count-mess>button,
.contrast .finalization-modal .timers-row .timers-text .txt,
.contrast .finalization-modal .new-address-row .fm-yellow-btn,
.contrast .active .main-row .left .img-wrapper>img,
.contrast .afv-tc-title span,
.contrast .lg-counter,
.contrast .lg-toolbar .lg-icon,
.contrast .lg-next, 
.contrast .lg-prev,
.contrast .change-price-input,
.contrast .sc-top-right .trader-user .option:hover,
.contrast .sc-top-right .trader-user .option-selected,
.contrast .confirm-modal .ext-mess{
  color: var(--yellow) !important;
}
.contrast .ce-tab-btn,
.contrast .ce-content,
.contrast .ce-conf-cell.active,
.contrast .conf-cell .img-zoom-container,
.contrast .popup-select-modal .extra-info .date-and-cost .line,
.contrast .visualization-wrapper .btns .btn.btn-accent,
.contrast .info-table.expanded,
.contrast .prices-rows .confirmed .input-select-wrapper,
.contrast .prices-rows .confirmed .select-options,
.contrast .prices-rows .confirmed .select-option,
.contrast .prices-rows .tooltip-ex-table-row,
.contrast .prices-rows .count-prices,
.contrast .prices-rows .prod-type-price,
.contrast .prices-rows .prod-type-price .btn-choose, 
.contrast .prices-rows .prod-type-price .btn-choosen,
.contrast .finalization-modal .timers-row .timers-text .txt,
.contrast .conf-bottom .timers-row .timers-text .txt,
.contrast .slider-selector .products-item,
.contrast .slider-selector .slick-arrow,
.contrast .configurator-options__select ul.options-products li.active:before,
.contrast .configurator__section .btn-brand.btn-brand-new,
.contrast .configurator__section .btn.btn-light.btn-block.btn-sm.btn-add,
.contrast .configurator-options__selected button,
.contrast #basketModal .options-products li,
.contrast #basketQuantityModal .btn,
.contrast #orderSummaryModal .separator,
.contrast .order-summary__amount,
.contrast #order-comment, 
.contrast #additional-summary-mail-message,
.contrast #additional-invoices-email,
.contrast .modal-section--grey,
.contrast #address-select .custom-select,
.contrast #orderAddAddress .separator,
.contrast .modal-content .btn-brand,
.contrast #customer-courier,
.contrast #customer-courier-account,
.contrast #margin-type,
.contrast .create-calculation .btn-secondary,
.contrast #urlLogoModal .input-group-text--clickable,
.contrast .pantone-select__top,
.contrast .change-price-input,
.contrast .ca-ac-col .delivery-tracking-nr{
  border-color: var(--yellow) !important;
}
.contrast .slider-nav path,
.contrast .acc-cell .add-acc path,
.contrast .configurator-options__select-header span img,
.contrast .configurator-options__selected span img,
.contrast .configurator-options__selected .configurator-info-icon img,
.contrast .configurator-options__select-content .options-products__top-tip,
.contrast #conf-add-custom-cost img,
.contrast #create-calculation-modal-btn-2 .tip,
.contrast .additional-email-for-invoices .tip,
.contrast .delivery-note .tip,
.contrast .order-summary__delivery p .tip,
.contrast #orderSummaryModal .close img,
.contrast #orderAddAddress .close img,
.contrast #customer-courier-mod .tip,
.contrast #cw-info img,
.contrast #orderCalculationModal .close img,
.contrast #urlLogoModal .close img,
.contrast #pantoneBackgroundModal .close img,
.contrast #pantoneLogoModal .close img,
.contrast .pantone-select__top p,
.contrast .pantone-select__item img{
  filter: var(--img-yellow) !important;
}
.contrast .tile-content .check-badge path,
.contrast .visualization-wrapper .btns .btn path,
.contrast .prices-rows .confirmed path,
.contrast .edit-address path,
.contrast .fm-col-50.fm-flex-col.grey-col .fm-checbox-row #info-circle path,
.contrast .ce-conf-cell .badge path,
.contrast .spd-val-wrapper .spd-comment-submit path,
.contrast .confirm-modal .ext-mess .ext-mess-icon path{
  stroke: var(--yellow) !important;
}
.contrast .conf-details-container-btns .conf-details-container-btn path,
.contrast .csp-left .splide__arrow svg{
  fill: var(--yellow) !important;
}
/*-- yellow css end here --*/
.contrast .acc-modal .acc-comment,
.contrast .calc-extra-config .margin-value,
.contrast .calc-extra-config .margin-value input,
.contrast .configurator-options__select,
.contrast .configurator__table-cost td small.active,
.contrast .configurator__table-cost td span.active,
.contrast .configurator__section .edit-price-td input,
.contrast #order-comment, 
.contrast #additional-summary-mail-message,
.contrast #additional-invoices-email,
.contrast #customer-courier,
.contrast #customer-courier-account,
.contrast .slider-selector .products-item.active,
.contrast header.uploader-step__header,
.contrast .spd-val-wrapper .spd-comment-input,
.contrast .spd-val-wrapper .edit_price,
.contrast .conf-details-container-info-item .edit_price,
.contrast .conf-details-container-sum .edit_price,
.contrast .change-price-input,
.contrast .confirm-modal .reason,
.contrast .confirm-modal .reason-list-item .rr-ex,
.contrast .confirm-modal .reason-ext-mess .reason-mess{
  background: transparent !important;
}
.contrast .configurator__section .custom-select{
  background-color: transparent !important;
}
.contrast .option-cell .optionLink,
.contrast .upload-popup-modal .descr a,
.contrast .ext-packing-sticker-info a,
.contrast .delivery-tips .text-link,
.contrast .create-calculation .text-link,
.contrast .wetransfer-msg-2 a{
  text-decoration: underline !important;
  text-decoration-skip-ink: none !important;
}
.contrast .c-status .progress-bar{
  background-color: rgba(0, 0, 0, 0.6);
}
.contrast .uploader__bottom:not(.active):after{
  background-color: rgba(247, 247, 5, 0.65);
}
.contrast .ce-conf-list-wrapper,
.contrast .acc-containe{
  scrollbar-width: thin;
  scrollbar-color: #4d545b #70767b;
  padding-right: 0.5rem;
}
.contrast .up-left-nav{
  scrollbar-width: thin;
  scrollbar-color: #4d545b #70767b;
}
.contrast .ce-conf-list-wrapper::-webkit-scrollbar,
.contrast .acc-container::-webkit-scrollbar,
.contrast .products-list-col::-webkit-scrollbar,
.contrast .up-left-nav::-webkit-scrollbar{
  width: 8px;
}
.contrast .ce-conf-list-wrapper::-webkit-scrollbar-track,
.contrast .acc-container::-webkit-scrollbar-track,
.contrast .products-list-col::-webkit-scrollbar-track,
.contrast .up-left-nav::-webkit-scrollbar-track{
  background: #4d545b;
}
.contrast .ce-conf-list-wrapper::-webkit-scrollbar-thumb,
.contrast .acc-container::-webkit-scrollbar-thumb,
.contrast .products-list-col::-webkit-scrollbar-thumb,
.contrast .up-left-nav::-webkit-scrollbar-thumb{
  background: #70767b;
}
.contrast .slider-selector .slick-arrow{
  opacity: 1 !important;
}
.contrast .configurator-options__select ul.options-products li.disabled > * {
  -webkit-filter: initial;
  filter: initial;
}
.contrast .bs-tooltip-auto[x-placement^=top] .arrow:before{
  border-top-color: #444444;
}
.contrast .tooltip.show,
.contrast .csp-left .splide__arrow{
  opacity: 1 !important;
}
.contrast .bs-tooltip-top .arrow:before{
  border-top-color: var(--yellow) !important;
}
.contrast .configurator-options__selected:has(.configurator-info-icon):after {
  position: absolute;
  content: "";
  right: 2rem;
  height: 0.6rem;
  width: 0.9rem;
  background: url(/Tedgifted/images/configurator/icon-angle-black.svg);
  background-size: cover;
  background-position: center;
  filter: var(--img-yellow);
}
.contrast #basketQuantityModal .form-control::placeholder,
.contrast #urlLogoModal .form-control::placeholder{
  opacity: 1;
  color: var(--yellow) !important;
}
.contrast #basketQuantityModal .form-control:-ms-input-placeholder,
.contrast #urlLogoModal .form-control:-ms-input-placeholder{
  color: var(--yellow) !important;
}
.contrast .configurator__section .form-control::placeholder{
  opacity: 1;
  color: var(--black) !important;
}
.contrast .configurator__section .form-control:-ms-input-placeholder{
  color: var(--black) !important;
}
.contrast .tooltip-content span{
  border-color: transparent transparent var(--yellow) !important;
}
.contrast .tooltip-content,
.contrast .tooltip-inner{
  box-shadow: 0rem 0.4rem 4rem 0rem rgba(0, 0, 0, 0.7) !important;
}
.contrast .afv-check-row input,
.contrast .confirm-modal .reason .reason-list-item .rli-l>input{
  mix-blend-mode: darken;
}
.contrast .afv-check-row input:checked,
.contrast .confirm-modal .reason .reason-list-item .rli-l>input{
  accent-color: var(--black) !important
}
.ca-first-cell input:checked{
  accent-color: var(--yellow) !important
}
.slider-tile .prod-link{
  outline-offset: -1px;
}
.c-status h6 span {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .main-row .left .img-wrapper>img {
    font-size: 1.2rem;
  }
}
@media (max-width: 959px) {
  .contrast .top-menu-outer {
    background: var(--yellow) !important;
  }
  .contrast .top-menu-head{
    border-color: var(--black) !important;
  }
  .contrast .vue-site-control .wcag-font img, 
  .contrast .vue-site-control .wcag-contrast-mode img{
    filter: var(--img-black) !important;
  }
}
/*-- confCreator panel css end here --*/
@media (min-width: 1352px) and (max-width: 1439.98px) {
  html.font-size-3 {
    font-size: 72%;
  }
}
@media (min-width: 1200px) and (max-width: 1351.98px) {
  html.font-size-3 {
    font-size: 65%;
  }
  html.font-size-2 {
    font-size: 64%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html.font-size-2 {
    font-size: 67%;
  }
  html.font-size-3 {
    font-size: 70%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  html.font-size-2 {
    font-size: 66%;
  }
  html.font-size-3 {
    font-size: 73%;
  }
}
@media (max-width: 767.98px) {
  html.font-size-2 {
    font-size: 66%;
  }
  html.font-size-3 {
    font-size: 69%;
  }
}