.service-btn:hover, .service-btn-active, .catalog-block:hover {
    background: #164194 !important;
}

.login_action_container .btn-primary {
    background: #009CA5 !important;
}

    .login_action_container .btn-primary:hover, .login_action_container .btn-primary:focus, .login-secondary-btn:hover, .login-secondary-btn:focus {
        background: #3776ee !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: #164194;
}

    a:hover, a:focus {
        color: #3776ee;
    }

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

.order-direct-container {
    background: #164194;
}

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

.product-points, .header-points a:focus {
    color: #164194;
}

.mobile-menu .mobile-user a {
    color: #FFFFFF;
}

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

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

.ngrs-range-slider .ngrs-join {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3776ee), color-stop(100%, #164194));
    background-image: -moz-linear-gradient(#3776ee, #164194);
    background-image: -webkit-linear-gradient(#3776ee, #164194);
    background-image: linear-gradient(#3776ee, #164194);
}

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

.program-banner {
    padding: 5px 3px;
}

.basket-list .basket_top .basket_total_top {
    background-color: #f6f6f6;
    color: #444;
}

.basket-list .basket_top {
    background: #f6f6f6;
    border-color: #f6f6f6;
    color: #444;
}

.active-to-top {
    bottom: 8%;
}

.custom-catalog-container {
    text-align: center;
    margin-top: 5px;
}

    .custom-catalog-container .custom-catalog-block {
        display: inline-block;
        position: relative;
        padding: 5px;
    }

        .custom-catalog-container .custom-catalog-block img {
            width: 280px;
            height: 280px;
        }

            .custom-catalog-container .custom-catalog-block img.hover-img {
                display: none;
            }

            .custom-catalog-container .custom-catalog-block img.default-img {
                display: block;
            }

        .custom-catalog-container .custom-catalog-block:hover img.hover-img {
            display: block;
        }

        .custom-catalog-container .custom-catalog-block:hover img.default-img {
            display: none;
        }

.loginblock .front, .loginblock .back {
    background: #164194;
}

#UserName, #UserNameLogin, #Password {
    background: #f6f6f6;
    color: #444;
}

.loginblock .form-check-label {
    font-weight: normal;
}

.carousel-inner {
    height: 180px;
}

    .carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, header-banners .carousel-item img {
        height: 180px !important;
    }

@media screen and (min-device-width : 500px) and (max-device-width : 1199px), screen and (min-width : 500px) and (max-width : 1199px) {
    .carousel-inner {
        height: 85px !important;
    }

        .carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img {
            object-fit: cover;
            width: 100%;
            height: 85px !important;
        }
}

@media screen and (min-device-width : 50px) and (max-device-width : 499px), screen and (min-width : 50px) and (max-width : 499px) {
    .carousel-inner {
        height: 55px !important;
    }

        .carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img {
            object-fit: cover;
            width: 100%;
            height: 55px !important;
        }
}

/* Level */
.width-0 {
    width: 0;
}

.container-fixed .product-filter-heading {
    margin-top: 0 !important;
}

level-catalog .row:first-child, level-dashboard .row:first-child {
    margin-top: 10px !important;
}

.level-details-progress-container .level-progress-outer .level-progress-regular .level-progress-inner {
    min-width: 10%;
}

.level-catalog-inner {
    margin-bottom: 10px;
}

    .level-catalog-inner.level- {
        border: 1px solid #164194;
        display: none;
    }

    .level-catalog-inner.level-5 {
        border: 1px solid #bd7127;
    }

    .level-catalog-inner.level-6 {
        border: 1px solid #a9a9a9;
    }

    .level-catalog-inner.level-7 {
        border: 1px solid #e4bf07;
    }

    .level-catalog-inner.level- .level-catalog-title {
        background: #164194;
        color: #FFF;
    }

    .level-catalog-inner.level-5 .level-catalog-title, .desktop-menu-container.level-brons, .desktop-menu-container-sticky.level-brons, .desktop-menu-container.level-brons .dropdown-menu, .desktop-menu-container-sticky.level-brons .dropdown-menu {
        background: #bd7127;
    }

    .level-catalog-inner.level-6 .level-catalog-title, .desktop-menu-container.level-zilver, .desktop-menu-container-sticky.level-zilver, .desktop-menu-container.level-zilver .dropdown-menu, .desktop-menu-container-sticky.level-zilver .dropdown-menu {
        background: #a9a9a9;
    }

    .level-catalog-inner.level-7 .level-catalog-title, .desktop-menu-container.level-goud, .desktop-menu-container-sticky.level-goud, .desktop-menu-container.level-goud .dropdown-menu, .desktop-menu-container-sticky.level-goud .dropdown-menu {
        background: #e4bf07;
    }

.desktop-menu-container.level-brons li a:hover, .desktop-menu-container-sticky.level-brons li a:hover {
    background: #ca9a69;
}

.desktop-menu-container.level-zilver li a:hover, .desktop-menu-container-sticky.level-zilver li a:hover {
    background: #b3b1b2;
}

.desktop-menu-container.level-goud li a:hover, .desktop-menu-container-sticky.level-goud li a:hover {
    background: #f0d391;
}

.desktop-menu-container-sticky.level-brons .basket-click, .desktop-menu-container-sticky.level-zilver .basket-click, .desktop-menu-container-sticky.level-goud .basket-click {
    background: url(../images/basket_icon.png) no-repeat bottom;
}

.desktop-menu-container .menu-level-tekst {
    padding-top: 5px;
}

.level-details-progress-container .level-progress-outer .level-progress-regular .level-progress-inner.level- {
    background: rgb(22,65,148);
    background: linear-gradient(0deg, rgba(22,65,148,1) 0%, rgba(30,88,199,1) 100%);
    color: #FFF;
}

.level-details-progress-container .level-progress-outer .level-progress-regular .level-progress-inner.level-5 {
    background: rgb(189,113,38);
    background: linear-gradient(0deg, rgba(189,113,38,1) 0%, rgba(231,155,81,1) 100%);
}

.level-details-progress-container .level-progress-outer .level-progress-regular .level-progress-inner.level-6 {
    background: rgb(169,169,169);
    background: linear-gradient(0deg, rgba(169,169,169,1) 0%, rgba(194,194,194,1) 100%);
}

.level-details-progress-container .level-progress-outer .level-progress-regular .level-progress-inner.level-7 {
    background: rgb(228,191,7);
    background: linear-gradient(0deg, rgba(228,191,7,1) 0%, rgba(255,221,51,1) 100%);
}

.level-dashboard-container .level-status .level-status-outer .level-status-inner.level- {
    background: #164194;
}

.level-dashboard-container .level-status .level-status-outer .level-status-inner.level-5 {
    background: #dca670;
}

.level-dashboard-container .level-status .level-status-outer .level-status-inner.level-6 {
    background: #d7d7d7;
}

.level-dashboard-container .level-status .level-status-outer .level-status-inner.level-7 {
    background: #ffe14d;
}

.level-dashboard-container .img-responsive {
    display: inline-block;
}

.logo-row .logo-col img {
    max-height: 42px;
}

.level-dashboard-container .level-details-container {
    background: #164194;
}

.c100[_ngcontent-twt-c0]:after {
    background: #164194 !important;
}

.level-details-progress-container .level-progress-outer .level-progress-overscore {
    padding: 8px 10px 8px 50px;
    font-size: 16px;
}

.level-catalog-inner .level-details-progress-container .level-progress-outer .level-progress-overscore {
    margin-right: -53px;
    padding: 6px 2px 4px 50px;
    font-size: 12px;
}

.level-dashboard-container.level- .level-details-container .level-status, .level-dashboard-container.level- .level-details-todo, .level-dashboard-container.level- .level-details-progress-container {
    display: none;
}

.level-catalog-inner .level-details-progress-container .level-progress-footer ul li {
    font-size: 12px;
}

.level-dashboard-container .level-details h1 {
    margin-top: 0;
}

.c100 {
    border-color: #164194;
}

    .c100 > span {
        color: #FFF;
    }

    .c100:after, .c100[_ngcontent-ass-c0]:after {
        background: linear-gradient(0deg, rgba(22,65,148,1) 0%, rgba(30,88,199,1) 100%) !important;
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }

    .c100.level-5 .bar, .c100.level-5 .fill, .c100.level- .bar, .c100.level- .fill {
        border-color: #dca670 !important;
    }

    .c100.level-6 .bar, .c100.level-6 .fill {
        border-color: #d7d7d7 !important;
    }

    .c100.level-7 .bar, .c100.level-7 .fill {
        border-color: #ffe14d !important;
    }

.carousel-inner {
    height: 180px !important;
}