.header-main .top-bar {
    background-color: rgba(0, 0, 0, 0);
}

.header-main .top-bar .block-group .top-bar--navigation .navigation--entry{
    background-color: rgba(0, 0, 0, 0);
}

.header-main {
    background: linear-gradient(90deg, #008bd1 37%, #003673 65%);
}

.header-main .header--navigation {
    background-color: #00458000;
}

.header-main .header--navigation .navigation--list .navigation--entry .btn {
    background-color: #00458000;
}

.header-main .header--navigation .navigation--list .navigation--entry i::before {
    color: white;
}

.navigation-main {
    background-color: white;
}

.navigation-main > div.container .navigation--list-wrapper .navigation--list.js--menu-scroller--list {
    background-color: white;
}

.navigation-main > div.container .navigation--list-wrapper .navigation--list.js--menu-scroller--list {
    background-color: white;
}

.navigation-main > div.container .navigation--list .navigation--entry .navigation--link {
    color: #003673;
}

.navigation-main > div.container .navigation--list .navigation--entry .navigation--link {
    background-color: white;
}

.navigation-main > div.container .navigation--list .navigation--entry .navigation--link {
    color: #003673;
}

.header-main .header--navigation .navigation--list .navigation--entry .widget-label:hover {
    color: white;
}

.emotion--cio-emo-ctablock--container .emotion--cio-emo-ctablock--link{
    width: unset;
}

.header-main .top-bar .block-group {
    background-color: rgba(46, 55, 64, 0);
}

.navigation-main > div.container .navigation--list, nav.cio-navigation-main .cio-navigation--list-wrapper .cio-navigation--list, nav.cio-navigation-main {
    background: linear-gradient(90deg, #008bd1 37%, #003673 65%);
}

/* Kleur van de box in het mijn account geheel wit maken */
.account--menu {
    background-color: white !important;
}
/* Kleur van tekst 'maak dit adres het standaard adres' in mijn account  wit maken */
.account--address .address--actions-set-defaults .btn, .address-manager--modal .address--actions-set-defaults .btn {
    padding-left: 13px !important;
    padding-right: 13px !important;
    color: #ffffff !important;
}
/* "Inloggen" button onder mijn account grijs maken indien achtergrond kleur wit is */
body > div.page-wrap > header > div.container.header--navigation > nav > ul > li.navigation--entry.entry--account.with-slt.js--is--dropdown-active > div > div.account--menu.is--rounded.is--personalized > div > ul > li:nth-child(1) > span > a {
    background: #9e9e9e;
}

/* Vergelijk knop kleur*/

.compare--list .btn.is--icon-right {
    background-color:  #006fb2 !important;
}

.icon--arrow-right:before {
    color: white !important;
}