/* START - Theme background */
body.max-body-width {
    background: url(/images/theme/EK2021/background.jpg) no-repeat fixed center -126px;
}
/* END - The background */


.login_action_container .btn-primary, .login-secondary-btn {
    background: #2871af !important;
}

    .login_action_container .btn-primary:hover, .login_action_container .btn-primary:focus, .login-secondary-btn:hover, .login-secondary-btn:focus {
        background: #2871af !important;
    }

a, .header-points a, .header-points span, .product-points, .product-icon div .mat-icon:hover, .savings-goal-star-active, .fade-out-block-button-open span, .fade-out-block-button-open .mat-icon, .fade-out-block-button-close span, .fade-out-block-button-close .mat-icon, .product-container-blocks .product-title a:hover {
    color: #2871af;
}

    a:hover, a:focus {
        color: #2871af;
    }

.service-btn:hover, .service-btn-active {
    color: #FFF;
}

.order-direct-container {
    background: #2871af;
}

.product-icon div .mat-icon:hover {
    color: #2871af;
}

.product-points {
    color: #2871af;
}

.wrapper_main_content_loggedin {
    /* must be same height as the footer */
    padding-bottom: 200px;
}

.wrapper_main_footer_loggedin {
    /* negative value of footer height */
    margin-top: -200px;
    height: 200px;
}


/*START - Remove code block for other websites besides "Sparco International"*/
.desktop-menu-container-sticky .sticky-logo {
    width: 22%;
}

.desktop-menu-container-sticky .sticky-items {
    width: 18%;
}
/*END - Remove code block for other websites besides "Sparco International"*/


@media (max-width: 991px) {
    .savings-goal-star-active, .savings-goal-star-active:hover {
        color: #2871af !important;
    }
}


.desktop-menu-container, .desktop-menu-container-sticky, .desktop-menu-container .submenu .dropdown-menu, .desktop-menu-container-sticky .submenu .dropdown-menu, .footer-container {
    background: #000;
    color: #FFF;
}

    .desktop-menu-container li a, .desktop-menu-container-sticky li a, .desktop-menu-container .submenu .dropdown-menu li a, .desktop-menu-container-sticky .submenu .dropdown-menu li a, .desktop-menu-container-sticky.theme-ek2021-nl .header-points a, .desktop-menu-container-sticky .header-points a:hover, .footer-container a {
        color: #FFF;
    }

        .desktop-menu-container li a:hover, .desktop-menu-container-sticky li a:hover {
            background: #333;
            color: #ffffff
        }

    .desktop-menu-container-sticky .basket-outer .basket-click {
        background: url(/images/basket_icon_mobile.png) no-repeat bottom;
    }


/*START - Geberit specific*/
.claim-container .claim-articles-container .claim-available-articles {
    text-align: center;
}

    .claim-container .claim-articles-container .claim-available-articles .claim-article {
        display: inline-block;
        padding: 10px;
        margin: 10px 10px 10px 0;
        border: 1px solid #d4d4d4;
        width: 270px;
    }

        .claim-container .claim-articles-container .claim-available-articles .claim-article .claim-article-description {
            text-align: center;
            font-weight: bold;
            margin: 10px 0 0 0;
        }

            .claim-container .claim-articles-container .claim-available-articles .claim-article .claim-article-description span {
                font-weight: normal;
            }

        .claim-container .claim-articles-container .claim-available-articles .claim-article .claim-article-buttons {
            width: 100px;
            margin: 10px 0 0 75px;
        }

            .claim-container .claim-articles-container .claim-available-articles .claim-article .claim-article-buttons input {
                text-align: center;
                width: 100px;
            }

                .claim-container .claim-articles-container .claim-available-articles .claim-article .claim-article-buttons input[type=number]::-webkit-inner-spin-button,
                .claim-container .claim-articles-container .claim-available-articles .claim-article .claim-article-buttons input[type=number]::-webkit-outer-spin-button {
                    opacity: 1;
                }

.claim-container .claim-info-container .claim-invoice, .claim-container .claim-info-container .claim-submit {
    padding: 10px;
    margin: 10px 0 10px 0;
    border: 1px solid #d4d4d4;
}

    .claim-container .claim-info-container .claim-invoice h2, .claim-container .claim-info-container .claim-submit h2 {
        color: #2871af;
        font-size: 20px;
        margin: 0 0 20px 0;
    }

    .claim-container .claim-info-container .claim-invoice mat-form-field {
        width: 100%;
        margin-bottom: 5px;
    }

    .claim-container .claim-info-container .claim-invoice .claim-invoice-error {
        margin-bottom: 10px;
    }


    .claim-container .claim-info-container .claim-submit label {
        font-weight: normal;
    }

        .claim-container .claim-info-container .claim-submit label.mat-checkbox-layout {
            white-space: normal;
            display: block;
        }

    .claim-container .claim-info-container .claim-submit .error {
        margin-top: 10px;
        font-weight: bold;
    }

    .claim-container .claim-info-container .claim-submit .mat-checkbox-layout .mat-checkbox-label {
        cursor: default;
    }


/*END - Geberit specific*/