@font-face {
    font-family: open-dyslexic;
    src: url(/Content/fonts/OpenDyslexic-Regular.ttf);
}

/* ================================
   ACCESSIBILITY BAR
================================ */

.btn_toggle_accessibility_div {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    border: 0 none;
    background-color: #242244;
    color: #ffffff;
    padding: 8px;
    font-size: 22px;
    width: 40px;
    height: 40px;
    transition: background-color .3s ease-in;
    z-index: 1;
    position: relative;
    top: 0;
}

.reset-accessibility {
    margin: 0 auto;
    border: none;
}

.accessibitily-info {
    position: fixed;
    right: 0;
    bottom: 10vh;
    display: flex;
    flex-direction: column;
    z-index: 9999;
}

.accessibitily-info__container {
    display: none;
    flex-direction: column;
}

    .accessibitily-info__container.open {
        display: flex;
        position: absolute;
        bottom: 0;
        right: 0;
        width: max-content;
    }

    .accessibitily-info__container h4 {
        font-size: 20px;
        color: #ebeaea;
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 40px;
        background: #242244;
        padding-right: 15px;
        margin-bottom: 0;
    }

.div-accessib-switch-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0 none;
    margin: 0;
    padding: 10px;
    background: #ebeaea;
    color: #242244;
}

[role=switch] {
    border: 0 none;
    background-color: rgba(36,34,68,.6);
    padding: 5px 10px;
    margin-left: 10px;
}

    [role=switch] span {
        padding: 7px;
    }

    [role=switch] .switch-off,
    [role=switch] .switch-on {
        width: 33px;
    }

    [role=switch][aria-checked=true] .switch-on {
        background-color: #f9f9f9;
        color: #242244;
    }

    [role=switch][aria-checked=false] .switch-off {
        background-color: #fff;
    }

/* ================================
   DYSLEXIC FONT
================================ */

.fontfamily_dyslexic {
    font-family: open-dyslexic !important;
}

/* ================================
   LARGE FONT SIZE
================================ */

.fontsize_large,
.fontsize_large h1,
.fontsize_large h2,
.fontsize_large h3,
.fontsize_large h4,
.fontsize_large h5,
.fontsize_large h6,
.fontsize_large p,
.fontsize_large .deltio_h1,
.fontsize_large .g-font-size-12 {
    font-size: 150% !important;
    line-height: 1.4;
}

    .fontsize_large h1,
    .fontsize_large .deltio_h1 {
        font-size: 300% !important;
        line-height: 1.3;
    }

    .fontsize_large h2 {
        font-size: 250% !important;
        line-height: 1.3;
    }

    .fontsize_large h3 {
        font-size: 200% !important;
        line-height: 1.3;
    }

    .fontsize_large h4 {
        font-size: 170% !important;
        line-height: 1.3;
    }

    .fontsize_large h5,
    .fontsize_large h6 {
        font-size: 150% !important;
        line-height: 1.3;
    }

    .fontsize_large a {
        font-size: 130% !important;
        line-height: 1.3;
    }

    .fontsize_large span {
        font-size: 120% !important;
        line-height: 1.3;
    }

/* ================================
   DESATURATED
================================ */

.desaturated {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
}

body.desaturated img {
    filter: grayscale(100%);
}

/* ================================
   GLOBAL HIGH CONTRAST
================================ */

body.contrast {
    background-color: #000000 !important;
    color: #ffffff !important;
}

    body.contrast #renderbody,
    body.contrast #mainNav,
    body.contrast #mainFooter1,
    body.contrast #newsletterForm1,
    body.contrast .sub-menu,
    body.contrast .table-striped tbody tr,
    body.contrast .div,
    body.contrast .item_hyperlink,
    body.contrast .sidebar,
    body.contrast .sidebar-gray-bg,
    body.contrast .dropdown-menu3,
    body.contrast .dropdown-menu,
    body.contrast .bg_footer,
    body.contrast .navbar,
    body.contrast header,
    body.contrast .searchpopupdiv,
    body.contrast .fixed_menubar,
    body.contrast .rightpartners_div,
    body.contrast .bg_lightgray1,
    body.contrast .bg_lightgray2,
    body.contrast .bg_white,
    body.contrast .bg_gray,
    body.contrast .bg_blue,
    body.contrast .g-bg-white {
        background-color: #000000 !important;
        background: #000000 !important;
        color: #ffffff !important;
    }

    body.contrast p,
    body.contrast li,
    body.contrast h1,
    body.contrast h2,
    body.contrast h3,
    body.contrast h4,
    body.contrast h5,
    body.contrast h6,
    body.contrast strong,
    body.contrast .g-color-gray-dark-v4,
    body.contrast .g-color-gray-dark-v5,
    body.contrast .color_black,
    body.contrast .g-color-black,
    body.contrast .g-color-primary {
        color: #ffffff !important;
        opacity: 1 !important;
    }

    body.contrast a,
    body.contrast a span {
        color: orange !important;
        opacity: 1 !important;
    }

        body.contrast a:hover,
        body.contrast a:focus {
            color: #ffffff !important;
            background-color: #111111 !important;
            outline: 3px solid orange !important;
            outline-offset: 2px !important;
        }

    body.contrast .div-accessib-switch-cont {
        background: #131313 !important;
        color: #ffffff !important;
    }

    body.contrast .reset-accessibility {
        background: orange !important;
        color: #000000 !important;
    }

    /* ================================
   HEADER - HIGH CONTRAST
================================ */

    body.contrast #header,
    body.contrast #header .header-body,
    body.contrast #header .header-container,
    body.contrast #header .header-row,
    body.contrast #header .header-column,
    body.contrast #header .header-nav,
    body.contrast #header .header-nav-main,
    body.contrast #header #mainNavigation,
    body.contrast #header #mainNav,
    body.contrast #header .dropdown-menu {
        background-color: #000000 !important;
        background: #000000 !important;
        color: #ffffff !important;
    }

        body.contrast #header a,
        body.contrast #header .dropdown-item,
        body.contrast #header .nav-link {
            color: orange !important;
        }

            body.contrast #header a:hover,
            body.contrast #header a:focus,
            body.contrast #header .dropdown-item:hover,
            body.contrast #header .dropdown-item:focus {
                background-color: #111111 !important;
                color: #ffffff !important;
            }

        body.contrast #header .header-catalog-button {
            background: #000000 !important;
            background-color: #000000 !important;
            color: orange !important;
            border: 1px solid orange !important;
            box-shadow: none !important;
        }

        body.contrast #header .header-btn-collapse-nav {
            background: orange !important;
            background-color: orange !important;
            color: #000000 !important;
            border: 1px solid orange !important;
        }

            body.contrast #header .header-btn-collapse-nav i {
                color: #000000 !important;
            }

@media (min-width: 992px) {
    html body.contrast #header .header-nav-main nav > ul > li > a,
    html body.contrast #header .header-nav-main nav > ul > li > a.active,
    html body.contrast #header .header-nav-main nav > ul > li > a:hover,
    html body.contrast #header .header-nav-main nav > ul > li > a:focus {
        color: orange !important;
    }

    html body.contrast #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
        background: orange !important;
    }
}

/* ================================
   HOME PAGE - HIGH CONTRAST
================================ */

body.contrast .section-funnel,
body.contrast .owl-carousel-wrapper,
body.contrast .owl-carousel,
body.contrast .owl-stage-outer,
body.contrast .owl-stage,
body.contrast .owl-item,
body.contrast .hero-slide {
    background-color: #000000 !important;
}

body.contrast .hero-slide {
    position: relative;
    background-color: #000000 !important;
}

    body.contrast .hero-slide .background-image-wrapper {
        background-color: #000000 !important;
    }

        body.contrast .hero-slide .background-image-wrapper::after {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.72);
            pointer-events: none;
            z-index: 1;
        }

    body.contrast .hero-slide .container {
        position: relative;
        z-index: 3;
        background-color: transparent !important;
    }

    body.contrast .hero-slide h1,
    body.contrast .hero-slide h2,
    body.contrast .hero-title-light,
    body.contrast .hero-subtitle-light,
    body.contrast .hero-title-dark,
    body.contrast .hero-subtitle-dark {
        color: #ffffff !important;
        background-color: transparent !important;
        text-shadow: none !important;
    }

    body.contrast .hero-slide .btn {
        background-color: orange !important;
        color: #000000 !important;
        border: 2px solid orange !important;
    }

body.contrast #business-categories,
body.contrast .index-service-types {
    background-color: #000000 !important;
    color: #ffffff !important;
}

    body.contrast #business-categories h2,
    body.contrast #business-categories h4,
    body.contrast #business-categories .business-categories-title,
    body.contrast #business-categories .business-categories-subtitle {
        color: #ffffff !important;
        background-color: transparent !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.contrast #business-categories .thumb-info-title {
        background: transparent !important;
        opacity: 1 !important;
    }

    body.contrast #business-categories .thumb-info-inner {
        display: inline-block !important;
        color: #000000 !important;
        background-color: orange !important;
        padding: 4px 10px !important;
        border-radius: 3px !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.contrast #business-categories .thumb-info-wrapper:after {
        background: #000000 !important;
        opacity: 0.65 !important;
    }

    body.contrast #business-categories .business-button {
        background: orange !important;
        color: #000000 !important;
        border: 2px solid orange !important;
    }

        body.contrast #business-categories .business-button:hover,
        body.contrast #business-categories .business-button:focus {
            background: #ffffff !important;
            color: #000000 !important;
            border-color: #ffffff !important;
        }

body.contrast .index-askoffer-container,
body.contrast .promo-categories-section,
body.contrast .promo-projects-section,
body.contrast .our-blog,
body.contrast .bg-color-light,
body.contrast .index-newsletter-container,
body.contrast .index-newsletter-row {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}

    body.contrast .index-askoffer-container h2,
    body.contrast .index-askoffer-container p,
    body.contrast .promo-categories-section h2,
    body.contrast .promo-categories-section h5,
    body.contrast .promo-categories-section p,
    body.contrast .promo-projects-section h2,
    body.contrast .promo-projects-section p,
    body.contrast .promo-projects-section .lead,
    body.contrast .promo-projects-section .promo-projects-title,
    body.contrast .promo-projects-section .promo-projects-span,
    body.contrast .our-blog h3,
    body.contrast .our-blog h4,
    body.contrast .our-blog p,
    body.contrast .our-blog time,
    body.contrast .index-newsletter-container h2,
    body.contrast .index-newsletter-container p {
        color: #ffffff !important;
        background-color: transparent !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.contrast .promo-categories-section a,
    body.contrast .promo-projects-section a,
    body.contrast .our-blog a {
        color: orange !important;
        background-color: transparent !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.contrast .promo-categories-section img,
    body.contrast .promo-projects-section img,
    body.contrast .our-blog img,
    body.contrast .askoffer-image {
        border: 2px solid #ffffff !important;
    }

    body.contrast .promo-projects-section .business-button,
    body.contrast .promo-projects-section .seemore-projects-btn,
    body.contrast .index-askoffer-btn,
    body.contrast .newsletter-btn {
        background-color: orange !important;
        color: #000000 !important;
        border: 2px solid orange !important;
        opacity: 1 !important;
        text-shadow: none !important;
        text-decoration: none !important;
    }

        body.contrast .promo-projects-section .business-button:hover,
        body.contrast .promo-projects-section .business-button:focus,
        body.contrast .promo-projects-section .seemore-projects-btn:hover,
        body.contrast .promo-projects-section .seemore-projects-btn:focus,
        body.contrast .index-askoffer-btn:hover,
        body.contrast .index-askoffer-btn:focus,
        body.contrast .newsletter-btn:hover,
        body.contrast .newsletter-btn:focus {
            background-color: #ffffff !important;
            color: #000000 !important;
            border-color: #ffffff !important;
        }

/* ================================
   GENERAL CARDS / MODALS
================================ */

body.contrast .card,
body.contrast .card-body,
body.contrast .modal-content,
body.contrast .modal-header,
body.contrast .modal-body,
body.contrast .modal-footer {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

body.contrast .form-control {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

    body.contrast .form-control::placeholder {
        color: #dddddd !important;
    }

body.contrast .modal .btn,
body.contrast input[type="submit"] {
    background-color: orange !important;
    color: #000000 !important;
    border: 2px solid orange !important;
}

body.contrast .owl-dot,
body.contrast .slick-button {
    background-color: orange !important;
    color: #000000 !important;
    border: 2px solid orange !important;
}

    body.contrast .slick-button img {
        filter: none !important;
    }

/* ================================
   FOOTER - HIGH CONTRAST
================================ */

body.contrast #footer,
body.contrast #footer .container,
body.contrast #footer .row,
body.contrast #footer .footer-copyright,
body.contrast #footer .footer-copyright-style-2,
body.contrast #footer .footer-top-light-border {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}

    body.contrast #footer h1,
    body.contrast #footer h2,
    body.contrast #footer h3,
    body.contrast #footer h4,
    body.contrast #footer h5,
    body.contrast #footer h6,
    body.contrast #footer p,
    body.contrast #footer li,
    body.contrast #footer span,
    body.contrast #footer strong,
    body.contrast #footer .text-color-black,
    body.contrast #footer .text-color-default,
    body.contrast #footer .opacity-7 {
        color: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-shadow: none !important;
        background: transparent !important;
    }

    body.contrast #footer a,
    body.contrast #footer a:link,
    body.contrast #footer a:visited,
    body.contrast #footer .link-hover-style-1,
    body.contrast #footer .social-icon,
    body.contrast #footer .footer-credit-link,
    body.contrast #footer a.text-color-black,
    body.contrast #footer a.opacity-7,
    body.contrast #footer a[href^="tel:"],
    body.contrast #footer a[href^="mailto:"] {
        color: orange !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-decoration: underline !important;
        background: transparent !important;
    }

    body.contrast #footer i,
    body.contrast #footer .fab,
    body.contrast #footer .far,
    body.contrast #footer .fas {
        color: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.contrast #footer .link-hover-style-1:before,
    body.contrast #footer .link-hover-style-1:after {
        display: none !important;
        content: none !important;
    }

    body.contrast #footer a:hover,
    body.contrast #footer a:focus {
        color: #ffffff !important;
        background: #111111 !important;
        outline: 3px solid orange !important;
        outline-offset: 2px !important;
        text-decoration: none !important;
    }

    body.contrast #footer img {
        background: #ffffff !important;
        padding: 8px !important;
        border-radius: 4px !important;
    }

    body.contrast #footer .footer-top-light-border {
        border-top: 1px solid #ffffff !important;
    }

/* ================================
   PRODUCTS PARTIAL - HIGH CONTRAST
================================ */

body.contrast .domo-products-accessible,
body.contrast .domo-products-accessible .product {
    background-color: #000000 !important;
    color: #ffffff !important;
}

    body.contrast .domo-products-accessible .product-thumb-info,
    body.contrast .domo-products-accessible .product-thumb-info-image,
    body.contrast .domo-products-accessible .product-details-container {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

    body.contrast .domo-products-accessible .product a,
    body.contrast .domo-products-accessible .product h3,
    body.contrast .domo-products-accessible .product h3 a {
        color: orange !important;
        background-color: transparent !important;
        opacity: 1 !important;
        text-decoration: underline !important;
    }

        body.contrast .domo-products-accessible .product a:hover,
        body.contrast .domo-products-accessible .product a:focus,
        body.contrast .domo-products-accessible .product h3 a:hover,
        body.contrast .domo-products-accessible .product h3 a:focus {
            color: #ffffff !important;
            background-color: #111111 !important;
            outline: 3px solid orange !important;
            outline-offset: 2px !important;
        }

    body.contrast .domo-products-accessible .price,
    body.contrast .domo-products-accessible .price span,
    body.contrast .domo-products-accessible .price .sale {
        color: #ffffff !important;
        background-color: transparent !important;
        opacity: 1 !important;
    }

        body.contrast .domo-products-accessible .price .amount {
            color: #dddddd !important;
            background-color: transparent !important;
            opacity: 1 !important;
            text-decoration: line-through !important;
        }

    body.contrast .domo-products-accessible .badge-success {
        background-color: #ffffff !important;
        color: #000000 !important;
        border: 2px solid #ffffff !important;
    }

    body.contrast .domo-products-accessible .badge-danger {
        background-color: orange !important;
        color: #000000 !important;
        border: 2px solid orange !important;
    }

    body.contrast .domo-products-accessible img {
        background-color: #ffffff !important;
        border: 2px solid #ffffff !important;
    }

/* ================================
   PRODUCT DETAIL - HIGH CONTRAST
   ΣΗΜΑΝΤΙΚΟ: μαύρο φόντο / λευκό κείμενο
================================ */

body.contrast #divcontainerproduct {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

    body.contrast #divcontainerproduct .row,
    body.contrast #divcontainerproduct .col,
    body.contrast #divcontainerproduct .col-md-5,
    body.contrast #divcontainerproduct .col-md-7,
    body.contrast #divcontainerproduct .summary,
    body.contrast #divcontainerproduct .entry-summary,
    body.contrast #divcontainerproduct .thumb-gallery-wrapper,
    body.contrast #divcontainerproduct .thumb-gallery-detail,
    body.contrast #divcontainerproduct .thumb-gallery-thumbs,
    body.contrast #divcontainerproduct .owl-stage-outer,
    body.contrast #divcontainerproduct .owl-stage,
    body.contrast #divcontainerproduct .owl-item,
    body.contrast #divcontainerproduct .tabs,
    body.contrast #divcontainerproduct .tab-content,
    body.contrast #divcontainerproduct .tab-pane {
        background: #000000 !important;
        background-color: #000000 !important;
        color: #ffffff !important;
    }

    body.contrast #divcontainerproduct h1,
    body.contrast #divcontainerproduct h2,
    body.contrast #divcontainerproduct h3,
    body.contrast #divcontainerproduct h4,
    body.contrast #divcontainerproduct h5,
    body.contrast #divcontainerproduct p,
    body.contrast #divcontainerproduct li,
    body.contrast #divcontainerproduct strong,
    body.contrast #divcontainerproduct span,
    body.contrast #divcontainerproduct small,
    body.contrast #divcontainerproduct .text-color-dark,
    body.contrast #divcontainerproduct .text-color-default,
    body.contrast #divcontainerproduct .text-color-secondary,
    body.contrast #divcontainerproduct .text-color-hover-primary {
        color: #ffffff !important;
        background: transparent !important;
        background-color: transparent !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.contrast #divcontainerproduct a {
        color: orange !important;
        background: transparent !important;
        background-color: transparent !important;
        opacity: 1 !important;
        text-decoration: underline !important;
    }

        body.contrast #divcontainerproduct a:hover,
        body.contrast #divcontainerproduct a:focus {
            color: #000000 !important;
            background: orange !important;
            background-color: orange !important;
            outline: 3px solid #ffffff !important;
            outline-offset: 2px !important;
            text-decoration: none !important;
        }

    body.contrast #divcontainerproduct .breadcrumb,
    body.contrast #divcontainerproduct .breadcrumb li,
    body.contrast #divcontainerproduct .breadcrumb a {
        color: orange !important;
        background: transparent !important;
        opacity: 1 !important;
    }

    body.contrast #divcontainerproduct .price,
    body.contrast #divcontainerproduct .price .sale,
    body.contrast #divcontainerproduct .price span {
        color: #ffffff !important;
        background: transparent !important;
        opacity: 1 !important;
    }

        body.contrast #divcontainerproduct .price .amount {
            color: #dddddd !important;
            background: transparent !important;
            opacity: 1 !important;
            text-decoration: line-through !important;
        }

    body.contrast #divcontainerproduct .discount {
        color: #ffffff !important;
        background: transparent !important;
        opacity: 1 !important;
    }

    body.contrast #divcontainerproduct .divider hr,
    body.contrast #divcontainerproduct hr {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        opacity: 1 !important;
    }

    /* Product images */
    body.contrast #divcontainerproduct img,
    body.contrast #divcontainerproduct .product-thumb-info-image,
    body.contrast #divcontainerproduct .thumb-gallery-detail img,
    body.contrast #divcontainerproduct .thumb-gallery-thumbs img {
        background-color: #ffffff !important;
        border: 2px solid #ffffff !important;
    }

    /* Tabs */
    body.contrast #divcontainerproduct .tabs .nav-tabs {
        border-bottom-color: #ffffff !important;
    }

        body.contrast #divcontainerproduct .tabs .nav-tabs .nav-link {
            color: orange !important;
            background-color: #000000 !important;
            border-color: #ffffff !important;
            opacity: 1 !important;
            text-decoration: underline !important;
        }

            body.contrast #divcontainerproduct .tabs .nav-tabs .nav-link.active,
            body.contrast #divcontainerproduct .tabs .nav-tabs .nav-link:hover,
            body.contrast #divcontainerproduct .tabs .nav-tabs .nav-link:focus {
                color: #000000 !important;
                background-color: orange !important;
                border-color: orange !important;
                text-decoration: none !important;
            }

    /* Social icons */
    body.contrast #divcontainerproduct .social-icons a {
        color: #000000 !important;
        background-color: orange !important;
        border: 2px solid orange !important;
        opacity: 1 !important;
    }

        body.contrast #divcontainerproduct .social-icons a i {
            color: #000000 !important;
            opacity: 1 !important;
        }

        body.contrast #divcontainerproduct .social-icons a:hover,
        body.contrast #divcontainerproduct .social-icons a:focus {
            color: #000000 !important;
            background-color: #ffffff !important;
            border-color: #ffffff !important;
        }

            body.contrast #divcontainerproduct .social-icons a:hover i,
            body.contrast #divcontainerproduct .social-icons a:focus i {
                color: #000000 !important;
            }

    /* Related products */
    body.contrast #divcontainerproduct .product,
    body.contrast #divcontainerproduct .product .product-thumb-info,
    body.contrast #divcontainerproduct .product .product-thumb-info-image {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

        body.contrast #divcontainerproduct .product h3,
        body.contrast #divcontainerproduct .product h3 a {
            color: orange !important;
            opacity: 1 !important;
            text-decoration: underline !important;
        }

    /* Badges */
    body.contrast #divcontainerproduct .badge-success {
        background-color: #ffffff !important;
        color: #000000 !important;
        border: 2px solid #ffffff !important;
    }

    body.contrast #divcontainerproduct .badge-danger {
        background-color: orange !important;
        color: #000000 !important;
        border: 2px solid orange !important;
    }

/* Availability modal */
body.contrast #quickViewModal_Popupavailability .modal-content,
body.contrast #quickViewModal_Popupavailability .modal-header,
body.contrast #quickViewModal_Popupavailability .modal-body,
body.contrast #quickViewModal_Popupavailability .modal-footer {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

body.contrast #quickViewModal_Popupavailability h2,
body.contrast #quickViewModal_Popupavailability h3,
body.contrast #quickViewModal_Popupavailability label,
body.contrast #quickViewModal_Popupavailability p,
body.contrast #quickViewModal_Popupavailability span {
    color: #ffffff !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

body.contrast #quickViewModal_Popupavailability input[type="text"],
body.contrast #quickViewModal_Popupavailability input[type="email"] {
    color: #ffffff !important;
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
}

body.contrast #quickViewModal_Popupavailability .close {
    color: #000000 !important;
    background-color: orange !important;
    border: 2px solid orange !important;
    opacity: 1 !important;
}

body.contrast #quickViewModal_Popupavailability .btn,
body.contrast #quickViewModal_Popupavailability button[type="submit"] {
    color: #000000 !important;
    background-color: orange !important;
    border: 2px solid orange !important;
}

/* ================================
   FOCUS
================================ */

body.contrast a:focus,
body.contrast button:focus,
body.contrast input:focus,
body.contrast select:focus,
body.contrast textarea:focus,
body.contrast #divcontainerproduct a:focus,
body.contrast #divcontainerproduct button:focus,
body.contrast #divcontainerproduct input:focus,
body.contrast #divcontainerproduct select:focus,
body.contrast #divcontainerproduct textarea:focus {
    outline: 3px solid orange !important;
    outline-offset: 2px !important;
}