/*GRID*/
.row,
.column {
    box-sizing: border-box;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

div.menuContainer {
    display: flex;
    flex-wrap: wrap; /* Zorgt ervoor dat items op de volgende rij gaan als er geen ruimte is */
    gap: 0; /* Optioneel: ruimte tussen de kolommen en rijen */
    border-collapse: collapse; /* Voor consistentie bij borders */
}

.menuContainer::after {
    margin-top:-1px;
    content: '';
    flex: auto; /* Vul de lege ruimte */
    border-top:1px solid #ddd;
}

div.menuContainer > div {
    flex: 0 0 calc(25%); /* 25% breedte voor 4 kolommen minus de gap */
    box-sizing: border-box; /* Inclusief padding en borders in de breedte */
    padding: 10px; /* Optioneel */
    width:unset;
    height:100px;
    margin-left:0;
    border-right: 1px solid #ddd; /* Rechterrand */
    border-bottom: 1px solid #ddd; /* Onderste rand */
}

/* Verwijder onderborder van de items in de laatste rij */
.menuContainer > div:nth-last-child(-n+4) {
    border-bottom: none;
}

.menuContainer > div:nth-child(4n) {
    border-right: none;
}

.row:after {
    clear: both;
}

table.placeholder td {
    vertical-align: top;
}

div.addresslayout div.row div.column input.text {
    max-width: 182px;
    min-width: 182px;
}

div.row.message.ok p {
    background-color: green;
    color: white;
    padding: 10px;
}

div.row.message.warning p {
    background-color: #d06a2c;
    color: white;
    padding: 10px;
}


.column.empty {
    min-height: 1px;
}

.column {
    position: relative;
    float: left;
}

.column + .column {
    margin-left: 1.69779%;
}

.column-1 {
    width: 6.777025833333333%;
}

.column-2 {
    width: 15.25184166666667%;
}

.column-3 {
    width: 23.7266575%;
}

.column-4 {
    width: 32.20147333333334%;
}

.column-5 {
    width: 40.67628916666667%;
}

.column-6 {
    width: 49.151105%;
}

.column-7 {
    width: 57.62592083333333%;
}

.column-8 {
    width: 66.10073666666667%;
}

.column-9 {
    width: 74.5755525%;
}

.column-10 {
    width: 83.05036833333333%;
}

.column-11 {
    width: 91.52518416666666%;
}

.column-12 {
    width: 100%;
}

/*custom*/

.clear {
    clear: both;
}

.blue {
    color: #1f59b5;
}

.light-grey {

}

div.small-screen-columns div.left,
div.small-screen-columns div.right {
    margin: 3px 0;
}

div.small-screen-columns div.left {
    font-weight: bold;
}

.grey {
    color: #d3d6d7;
}

.dark-grey {
    color: #445a65;
}

.green {
    color: #00c14a;
}

.red {
    color: #D0011B;
}

table.order-table tfoot tr.total {
    border-top: 1px solid #d3d6d7;
}

div.voorwaarden input {
    margin-right: 10px;
}

div.voorwaarden a {
    color: #2d5ab8;
}

div.voorwaarden-line {
    height: 2px;
    margin-top: 20px;
    background-color: #d3d6d7;
}

div.voorwaarden {
    padding: 0 5px;
    background-color: #f2f3f6;
    margin: 15px 0;
}

table.search-filter td span.title {
    font-size: 15px;
    font-weight: bold;
    color: #1f59b5;
    white-space: nowrap;
}

div.order-submit-thks p {
    margin: 0 0 10px 0;
}

div.order-submit-thks table {
    margin: 10px 0;
}

table.search-filter td img.highlight-icon {
    position: absolute;
    bottom: -19px;
    left: 15px;
}

table.search-filter td button:hover {
    cursor: pointer;
}

table.search-filter td button {
    background-color: transparent;
    border: 0;
    position: relative;
    display: block;
    margin: 6px;
    padding: 0 0 0 12px;
}

table.search-filter td button span,
table.search-filter td a span {
    font-size: 12px;
    display: block;
    color: #5e5e5e;
    clear: both;
    float: left;
}

table.search-filter td a {
    text-decoration: none;
    display: block;
    padding: 1.5% 1.9%;
    position: relative;
}

table.search-filter td.active span.title,
table.search-filter td.active span {
    color: white;
}

table.order-table table.clean td {
    padding: 0;
}

table.order-table table.clean {
    border-collapse: collapse;
}

table.search-filter {
    border-collapse: collapse;
    width: 100%;
    margin: 1.5% 0;
}

table.search-filter td {
    border: 1px solid #d3d6d7;
    background-color: white;
}

table.search-filter col.first {
    width: 50%;
}

table.search-filter td.active {
    background-color: #1f59b5;
}

ul.menu,
ul.menu ul {
    display: block;
    margin: 0;
    padding: 0;
    overflow: auto;
}

div.price-input-container p.discount-container {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #5e5e5e;
}

div.price-input-container p.discount-container span {
    font-size: 12px;
}

div.price-input-container p.discount-container span.discount {
    color: red;
}

div.price-input-container p.discount-container span.bruto-price {
    color: #b8b8b8;
}

div.item-shopping div.price-input-container h1,
div.item-shopping div.price-input-container p.price {
    white-space: nowrap;
    font-size: 22px;
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #5e5e5e;
}

ul.menu li {
    overflow: auto;
    font-size: 15px;
    font-weight: normal;
    color: #cbd1d4;
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.menu li a.level-0 {
    color: white;
    font-weight: bold;
}

ul.menu li.level-0 {
    margin-top: 0;
    margin-bottom: 0;
}

body {
    background-color: #f2f3f6;
    padding: 0;
    margin: 0;
    text-rendering: optimizeLegibility;
    font-size: 14px;
    font-family: Open Sans, Arial, sans-serif;
    color: #5e5e5e;
}

table.trace {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

table.trace div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.content-block.article img {
    max-width: 100%;
}

@media screen and (min-width: 550px) {
    .smallScreen:not(.largeScreen) {
        display: none;
    }

    .largeScreen {
        display: initial;
    }

    td.smallScreen {
        display: table-cell;
    }

    tr.largeScreen {
        display: table-row;
    }

    tr.smallScreen {
        display: table-row;
    }

    td.largeScreen {
        display: table-cell;
    }

    table.largeScreen {
        display: table;
    }

    thead.largeScreen {
        display: table-header-group;
    }

    tfoot.largeScreen {
        display: table-footer-group;
    }
}

/*font*/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
//src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../../../custom/fonts/material/MaterialIcons-Regular.woff2) format('woff2'),
    url(../../../custom/fonts/material/MaterialIcons-Regular.woff) format('woff'),
    url(../../../custom/fonts/material/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    vertical-align: middle;
    position: relative;
    margin-top: -2px !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /*display: inline-block;*/
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.tfvHighlight {
    color: #D0011B;
}

h1, h2, p, a, span, td, li, input {
    color: #5e5e5e;
}

P {
    margin: 0;
    padding: 0;
}

h1,
div.accessory-head p.title,
div.container.search p.title,
div.home-banner p.home-block-title {
    font-size: 22px;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

h2 {
    font-size: 18px;
    font-weight: bold;
}

a img {
    border: 0;
}

div.container.content {
    margin-bottom: 25px;
}

div.datatable-artikel div.item-details div.row.image {
    float: left;
    width: 35%;
}

div.datatable-artikel div.item-details div.row.properties-container {
    float: left;
    width: 65%;
}

div.submit-order-thanks.quote {
    /*background-image:url('../../../images/pneuParts/order-thanks-quote.png');*/
}

div.submit-order-thanks.order {
    /* background-image:url('../../../images/pneuParts/order-thanks-order.png');*/
}

div.row.home-banner {
    background-image: url('../../../images/pneuParts/monteur_klein.png');
}

div.submit-order-thanks,
div.row.home-banner {
    background-repeat: no-repeat;
    background-position: bottom right;
}

div.submit-order-thanks {
    min-height: 300px;
}

div.row.home-banner {
    padding: 2.698%;
}

div.row.category-banner {
    padding: 1.69779%;
}

div.kennisbank-artikel img {
    max-width: 100%;
}
div.row.category-banner div.column,
div.home-bottom-usp div.column,
div.kennisbank-artikel-block div.column,
div.kennisbank-block div.column {
    background-color: white;
    border: 1px solid #d3d6d7;
    padding: 1.69779%;
    margin-bottom: 1.69779%;
}


div.kennisbank-artikel-block div.artikel-card div.kennisbank-block-title {
    display: flex;
    padding-bottom: 10px;
    position: relative;
}

div.kennisbank-artikel-block div.artikel-card div.kennisbank-block-title span {
    font-size: 20px;
    position: absolute;
    right: 0;
    bottom: 11px;
}

div.kennisbank-artikel-block div.column-6 {
    height: 210px;
}

div.kennisbank-block p.kennisbank-block-title {
    font-size: 18px;
    padding: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

div.kennisbank-block div.column,
div.kennisbank-artikel-block div.column {
    padding-bottom: 0;
}

div.kennisbank-artikel-block div.artikel-card {
    border: none;
}

div.kennisbank-artikel-block div.artikel-card h2 {
    margin-top: 0;
    margin-bottom: 0;
}

div.kennisbank-artikel-block div.artikel-card a {
    text-decoration: none;
}

div.kennisbank-artikel {
    background-color: white;
    border:1px solid #d3d6d7;
}

div.kennisbank-artikel div.kennisbank-header div.headerTitle img {
    left:0;
}

div.kennisbank-artikel div.kennisbank-header div.image img {
    position:absolute;
    right:15px;
}

div.kennisbank-artikel div.kennisbank-header {
    background-color: #21418b;
    padding-left: 10%;
    padding-right: 10%;
    margin-left: 20px;
    margin-right: 20px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 240px;
}

div.kennisbank-artikel div.kennisbank-header h1 {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 0;
    color: white;
    line-height:35px;
}

div.kennisbank-artikel div.kennisbank-header img.headerImage {
    height: 36px;
}

div.kennisbank-artikel div.kennisbank-header h1 span {
    color: #f60601;
}

div.kennisbank-artikel div.kennisbank-header div.image {
    position: absolute;
    top: 20px;
    right: 0;
}

div.kennisbank-artikel div.kennisbank-header div.headerTitle {
    position: absolute;
    width: 60%;
    left: 90px;
}

div.kennisbank-artikel div.kennisbank-artikel-categorie {
    padding-top: 30px;
    padding-left: 20px;
}

div.kennisbank-artikel div.kennisbank-artikel-categorie a span.categorieNaam {
    text-transform: lowercase;
    color:#8d8e8f;
}

div.kennisbank-artikel div.kennisbank-artikel-categorie a {
    text-decoration: none;
    color: #8d8e8f;
    display: flex;
    align-items: center;
    gap: 5px;
}

div.kennisbank-artikel div.kennisbank-artikel-categorie a span.material-icons {
    color: #8d8e8f;
    height: 19px;
    font-size: 22px;
}

div.kennisbank-artikel div.kennisbank-artikel-contentitel {
    margin-left: 20px;
    margin-top: 20px;
}

div.kennisbank-artikel div.kennisbank-artikel-contentitel div.title h1 {
    color: #1f3f95;
    font-weight: initial;
}

div.kennisbank-artikel div.kennisbank-artikel-content {
    margin: 15px 20px 20px;
}

div.kennisbank-artikel-block div.artikel-card a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #8c8c8c;
    white-space: pre-wrap
}

div.kennisbank-header-block div.column-8 {
    padding-bottom: 20px;
    white-space: pre-wrap;
}


div.kennisbank-artikel-block div.artikel-card img {
    width: 100%;
}

div.kennisbank-block div.column div.kennisbank-block-content {
    display: flex;
}

div.kennisbank-block div.column p.kennisbank-block-text {
    width: 55%;
    padding-bottom: 40px;
    white-space: pre-wrap;
}

div.kennisbank-block div.column h2.kennisbank-block-text {
    font-weight: bold;
}

div.kennisbank-block div.column p.kennisbank-block-image {
    width: 41.6%;
    display: flex;
    justify-content: end;
    align-content: end;
}

div.kennisbankCategorie {
    overflow: hidden;
    background-color: white;
    margin-bottom: 1.69779%;
    border: solid 1px #d3d6d7;
    padding-top: 1.6779%;
    padding-right: 1.6779%;
    height:295px;
}

div.kennisbank-header-block div.column-4 {
    display: flex;
    justify-content: flex-end;
    align-content: flex-end;
    top: -40px;
    margin-bottom: -40px;
}

div.kennisbank-categorie-row div.kennisbankCategorie img {
    width: 90%;
}


div.kennisbank-header-title h1 {
    padding-bottom: 10px;
}

.kennisbankCategorie {
    margin-left: 15px;
}

.kennisbankCategorie:nth-child(3n + 1) {
    margin-left: 0;
}

.kennisbankArtikelCard:nth-child(2n + 1) {
    margin-left: 0;
}

div.kennisbankCategorie div.description p.item-count {
    color: #d3d6d7;
    font-size: 11px;
    line-height: 1.8;
}

div.kennisbankCategorie div.description {
    padding-left: 20px;
}

div.kennisbankCategorie h2.kennisbank-categorie-title {
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
}

div.kennisbankCategorie a.image {
    display: flex;
    justify-content: center;
    align-content: center;
}

div.kennisbankCategorie div.description h2.subcategory-title {
    background-color: white;
    border: 1px solid #d3d6d7;
    padding-top: 20px;
}

div.kennisbank-categorie-paging {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}

div.kennisbank-categorie-paging a,
div.kennisbank-categorie-paging span {
    padding: 8px 12px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    color: #5e5e5e;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 5px;
    box-sizing: border-box;
}

div.kennisbank-categorie-paging a:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #000;
}

div.kennisbank-categorie-paging a.active {
    border-color: #ddd;
    background-color: #fff;
}

div.kennisbank-categorie-paging .prev,
div.kennisbank-categorie-paging .next {
    font-weight: bold;
}

div.row.home-banner {
    margin-bottom: 1.69779%;
    padding: 1.69779%;
    background-color: white;
    border: 1px solid #d3d6d7;
}

div.row.category-banner {
    margin-bottom: 1.69779%;
    padding: 0;
}

div.row.category-banner div.banner img {
    width: 100%;
}

div.row.category-banner h4,
div.row.category-banner p.title {
    margin: 0 0 1.69779% 0;
    padding: 0;
    font-weight: bold;
}

div.home-banner p {
    padding: 10px 0;
    font-size: 14px;
}

span.menu-icon {
    font-size: 35px;
}

.container {
    width: 1178px;
    margin: 0 auto;
    position: relative;
}

div#localeMenu {
    padding: 2px 0;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    float: right;
    border: 1px solid #f2f3f6;
}

div#localeMenu table tr:hover {
    background-color: #1f59b5;
    cursor: pointer;
}

div#localeMenu table tr:hover a,
div#localeMenu table tr:hover span {
    color: white;
}

div#localeMenu table.disabled tr:hover,
div#localeMenu table.disabled tr:hover a {
    background-color: white;
    cursor: default;
}

div#localeMenu table.disabled tr:hover a.active,
div#localeMenu table.disabled tr:hover span {
    color: #5e5e5e;
}

div#localeMenu table.disabled img {
    opacity: 0.4;
}

div#localeMenu a.locale:hover,
div#localeMenu a.locale:hover span {
    color: white;
}

div#localeMenu table td.col-1 {
    vertical-align: bottom;
}

div#localeMenu td.col-2 {
    width: 75px;
}

div#localeMenu.open {
    background-color: white;
    border: 1px solid #d3d6d7;
}

div#localeMenu tr.closed {
    display: none;
}

div#localeMenu tr.open {
    display: block;
}

div#localeMenu table.locale {
    width: 100%;
}

div#localeMenu a {
    display: block;
    margin: 0;
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: 3px 8px;
    text-decoration: none;
    font-size: 12px;
}

div#localeMenu a.active {
    font-weight: bold;
}

div#localeMenu a.locale.disabled {
    color: lightgrey;
}

div#localeMenu a.open {
    display: block;
}

div#localeMenu div#localeMenuInactive {
    position: absolute;
    background-color: white;
    border: 1px solid #d3d6d7;
    z-index: 10;
    top: 39px;
    width: 100%;
    left: -1px;
}

div#localeMenu div#localeMenuInactive a {
    padding-bottom: 3px;
}

div#localeMenuInactive.closed {
    display: none;
}

div#localeMenuInactive.open {
    display: block;
}

div.header-2,
div.container.header-2 {
    background-image: url('../../../images/pneuParts/background.png');
    background-repeat: repeat-x;
}

div.spacer-20 {
    height: 20px;
}

#div_2_3 div.spacer-45 {
    height: 45px;
}

#div_2 {
    background-color: white;
    height: 106px;
}

div.column-4.logo {
    padding: 0 20px;
}


#div_2 img.logo {
    max-width: 100%;
}

.height {
    min-height: 1px;
}

div#main-menu-detail {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: white;
    border: 1px solid #d3d6d7;
    padding: 22px;
}

div.catalogus div.row + div.row {
    border-top: 1px solid #d3d6d7;
}

div.catalogus div.column-3 + div.column-3 {
    border-left: 1px solid #d3d6d7;
    padding-left: 8px;
}

#main-menu-detail div.menu-category-block,
div.catalogus div.menu-category-block {
    height: 100px;
}

#main-menu-detail table .menu-col-1,
div.catalogus table .menu-col-1 {
    width: 30%;
}

#main-menu-detail table .menu-col-2,
div.catalogus table .menu-col-2 {
    width: 70%;
}

#main-menu-detail table td,
div.catalogus table td {
    vertical-align: top;
}

#main-menu-detail table img,
div.catalogus table img {
    width: 100%;
}

#main-menu-detail a.menu-title,
div.catalogus a.menu-title {
    text-decoration: none;
    color: #1f59b5;
    font-size: 15px;
    font-weight: bold;
}

#main-menu-detail span.menu-item-count,
div.catalogus span.menu-item-count {
    color: #d3d6d7;
    font-size: 14px;
}

div.catalogus {
    margin-top: 25px;
}

div.catalogus div.menu-category-block {
    padding-top: 21px;
}

ul.proxy {
    margin: 0;
    padding: 0;
}

#div_2 ul li.proxy {
    list-style: none;
    border-right: 1px solid #d3d6d7;
    height: 60px;
    position: relative;
    box-sizing: border-box;
    padding-top: 4px;
}

table.searchBar col:first-child {
    width: 30%;
}

table.searchBar col:last-child {
    width: 70%;
}

table.searchBar td:first-child {
    vertical-align: middle;
    padding: 2px 0 0 20px;
}

table.searchBar a#main-menu-link {
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
}

table.searchBar a#main-menu-link span {
    color: white;
}

table.searchBar span.material-icons {
    color: white;
}

table.customer-menu col {
    width: 33%;
}

table.customer-menu table.placeholder td {
    border: 0;
}

table.customer-menu table.placeholder {
    border-collapse: collapse;
}

table.customer-menu {
    margin-left: auto;
}

table.customer-menu,
table.searchBar {
    border-collapse: collapse;
}

table.searchBar {
    width: 100%;
}

table.customer-menu > tbody > tr > td:hover {
    background-color: #1f59b5;
    cursor: pointer;
}

table.customer-menu td:first-child {
    border-left: 1px solid #d3d6d7;
}

table.customer-menu td {
    border-right: 1px solid #d3d6d7;
}

table.customer-menu a.level_0 {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 162px;
}

table.customer-menu td:hover a.level_0,
table.customer-menu td:hover a.level_0 span,
table.customer-menu td:hover span.subtext {
    color: white;
}

table.customer-menu a {
    text-decoration: none;
}

ul.customer-menu > li > a {
    font-weight: bold;
    font-size: 14px;
}

ul.customer-menu > li > a,
ul.customer-menu > li > a span.material-icons {
    color: #1f59b5;
}

ul.customer-menu span.material-icons {
    margin-right: 6px;
}

ul.customer-menu span.subtext {
    font-size: 13px;
    margin-left: 30px;
    max-width: 120px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.customer-menu span.shoppingCartSubtext {
    color: #b6b6b6;
    font-size: 11px;
    margin-left: 4px;
    float: left;
    margin-top: 2px;
}

#div_2 ul.customer-menu {
    margin: 0 10px;
    padding: 0;
}

table.customer-menu ul.level-1 li {
    text-align: left;
}

table.customer-menu ul.level-1 li.link {
    white-space: nowrap;
    padding-left: 0;
}

table.customer-menu li {
    list-style-type: none;
    display: block;
    position: relative;
    padding-left: 8px;
}

#div_2 ul.customer-menu > li {
    box-sizing: border-box;
    padding: 5px 8px 5px 9px;
    position: relative;
}

table.customer-menu ul.level-1 {
    display: none;
    background-color: white;
    border: 1px solid #d3d6d7;
    padding: 20px;
    position: absolute;
    z-index: 10;
    box-sizing: border-box;
    top: 58px;
    left: -12px;
    width: 401px;
    text-align: left;
    cursor: default;
}

table.customer-menu ul.level-1 h4,
table.customer-menu ul.level-1 p.title {
    margin: 0 0 10px 0;
    white-space: nowrap;
    font-weight: bold;
}

table.customer-menu ul.level-1 p {
    font-size: 14px;
    margin: 0 0 14px 0;
}

table.customer-menu ul.level-1 span.material-icons {
    font-size: 14px;
}

table.customer-menu ul.level-1 a:hover span.material-icons {
    color: #ffffff;
}

table.customer-menu ul.level-1 li.link a:hover {
    background-color: #1f59b5;
    color: #ffffff;
}

table.customer-menu ul.level-1 li.link a {
    font-size: 14px;
    display: block;
    padding: 5px;
}

table.customer-menu ul.level-1 li span.material-icons {
    font-size: 18px;
}

table.customer-menu ul.level-1 li span.material-icons {
    color: #1f59b5;
}

body table.hulp-icons td,
body table.hulp-icons td:first-child {
    border: 0;
}

table.hulp-icons td {
    font-size: 14px;
}

table.hulp-icons span.material-icons {
    font-size: 18px;
}

table.customer-menu ul.level-1 li table.hulp-icons span.material-icons {
    color: #445a65;
}

table.hulp-data td {
    border-bottom: 1px solid #a1acb1;
}

table.hulp-data p {
    font-size: 14px;
    min-width: 164px;
    color: white;
    border: 1px solid #a1acb1;
    padding: 10px;
    margin: 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

table.hulp-data p span.whatsapp-only,
.footer-2 p span.whatsapp-only {
    margin-left: 23px;
}

table.hulp-data {
    font-size: 18px;
    border-collapse: collapse;
}

table.hulp-data img.left {
    vertical-align: bottom;
    margin-bottom: -1px;
}

table.hulp-icons img.whatsapp {
    width: 14px;
    margin-right: 12px;
    top: 2px;
    position: relative;
    left: 2px;
}

span.whatsapp-only {
    font-size: 10px;
}

div.page-not-found div.hulp-nodig h4 {
    padding: 0;
    margin: 0;
}

div.page-not-found div.hulp-nodig p {
    margin: 10px 0;
}

ul.level-1 div.hulp-nodig p.hulp-nodig {
    font-weight: bold;
}

ul.level-1 div.hulp-nodig {
    border-bottom: 1px solid #d3d6d7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#div_3 {
    background-color: #445a65;
    color: white;
}

#div_3 form {
    padding: 0;
    margin: 0;
}

#div_3 div.search-input {
    padding: 10px 10px 10px 0;
    position: relative;
}

#div_3 input {
    padding: 13px 16px 14px 16px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    border: 0;
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
}

#div_3 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #5e5e5e;
}

#div_3 input::-moz-placeholder { /* Firefox 19+ */
    color: #5e5e5e;
    opacity: 1;
}

#div_3 input:-ms-input-placeholder { /* IE 10+ */
    color: #5e5e5e;
}

#div_3 input:-moz-placeholder { /* Firefox 18- */
    color: #5e5e5e;
    opacity: 1;
}

div.breadcrumbs-trace .trace {
    padding-right: 6px;
}

div.accessory-head {
    padding-top: 0;
    margin-bottom: 16px;
}

div.category-head {
    border-top: 1px solid #d3d6d7;
    padding-top: 35px;
    margin-bottom: 16px;
}

div.breadcrumbs-trace {
    padding: 35px 0;
}


div.breadcrumbs-trace a.trace,
div.breadcrumbs-trace span.trace {
    color: #8d8e8f;
    font-size: 13px;
    text-decoration: none;
}

div.breadcrumbs-trace span.home {
    font-size: 18px;
}

div.breadcrumbs-trace a.trace.active,
div.breadcrumbs-trace span.trace.active {
    font-weight: bold;
}

div.breadcrumbs-trace a.trace img.trace.home {
    position: relative;
    top: 2px;
}

div.breadcrumbs-trace img.trace {
    padding: 0;
}

div.itemgroup-items {
    margin-left: 20px;
}

div.itemgroup-details,
div.item-detail-details {
    background-color: white;
    border: 1px solid #d3d6d7;
    margin-bottom: 40px;
}

div.itemgroup-details div.itemgroup-images,
div.item-details div.item-images {
    overflow: hidden;
}

div.itemgroup-details div.itemgroup-images > img,
div.item-details div.item-images > img {
    margin-top: 20px;
    margin-left: 14px;
}

div.item-specifics-header h3.item-code,
div.item-specifics-header p.item-code {
    color: #8d8e8f;
    font-size: 15px;
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: normal;
}

div.itemgroup-details div.itemgroup-specifics,
div.item-detail-details div.item-specifics {
    padding-bottom: 20px;
    /*margin-left:0;*/
    padding-left: 1.69779%;
    min-height: 330px;
    border-left: 1px solid #d3d6d7;
}

div.itemgroup-details div.itemgroup-specifics {
    padding-right: 20px;
}

div.item-detail-details div.item-specifics.detail {
    padding-right: 1.69779%;
    border-right: 1px solid #d3d6d7;
}

div.item-detail-details.content-container p.disclaimer-text {
    color: #8d8e8f;
    margin-top: 20px;
}

div.item-detail-details.content-container h2.title {
    margin: 0;
    padding: 0;
}

div.item-detail-details.content-container table {
    border-collapse: collapse;
    width: 100%;
}

div.item-detail-details.content-container table.technical-data thead th h2 {
    margin: 0;
    padding: 0;
    color: white;
    font-size: 14px;
}

div.item-detail-details.content-container table.technical-data thead th {
    background-color: #1f59b5;
    color: white;
    text-align: left;
    padding: 10px;
}

div.item-detail-details.content-container table.technical-data th,
div.item-detail-details.content-container table.technical-data td {
    padding: 10px;
}

div.item-detail-details.content-container table.technical-data span.label {
    font-weight: bold;
}

div.item-detail-details.content-container table.technical-data tfoot td {
    border-top: 1px solid #d3d6d7;
}

div.item-detail-details.content-container table.technical-data tr.even td {
    background-color: #f2f3f6;
}

div.item-detail-details.content-container {
    padding: 1.69779%;
}

div.itemgroup-details div.itemgroup-specifics h2 {
    margin: 0;
    padding: 2% 0 1% 0;
    font-size: 15px;
}

div.itemgroup-details div.itemgroup-specifics h1,
div.item-detail-details div.item-specifics-header h2,
div.item-detail-details div.item-specifics-header h1 {
    font-size: 22px;
    margin: 0;
    padding: 2% 0 1% 0;
}

div.itemgroup-details div#content-row-container.open {
    height: auto;
}

div.itemgroup-details div#content-row-container.closed {
    height: 171px;
}

div.itemgroup-details div#content-row-container {
    overflow: hidden;
    min-height: 171px;
    box-sizing: border-box;
    font-size: 14px;
}

div.itemgroup-details p.documents,
div.itemgroup-details h2.documents,
div.item-detail-details p.documents,
div.item-detail-details h2.documents {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 2px 0;
    padding: 0;
}

table.document-list colgroup col:first-child,
table.document-list colgroup col:last-child {
    width: 10%;
}

table.document-list tr td:first-child,
table.document-list tr td:last-child {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

table.document-list {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

table.document-list tr td a.document {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

table.document-list tr td {
    padding: 8px 0;
    border-bottom: 10px solid white;
}

table.document-list tr {
    background-color: #f2f3f6;
}

table.document-list td a {
    text-decoration: none;
}

p.loading {
    font-size: 14px;
    color: #a7a8a9;
    margin: 0;
    padding: 0;
    text-align: center;
}

table.document-list td a.document-download span,
table.document-list td a.document-download span {
    font-size: 22px;
    color: #9ca0a6;
}

div.item-detail-details div.placeholder-container,
div.itemgroup-details div.placeholder-container {
    text-align: center;
    padding-top: 2%;
}

div.itemgroup-details div.more-information {
    background-color: #1f59b5;
    text-align: center;
    padding: 16px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 20px;
}

div.itemgroup-details div.more-information p span {
    color: white;
}

div.more-information p {
    cursor: pointer;
}

div.more-information p span.icon {
    font-size: 24px;
}

input.filter {
    box-sizing: border-box;
    background-color: #f2f3f6;
    border: none;
    border-bottom: 2px solid #d3d6d7;
    color: #7c7c7d;
    font-style: italic;
    font-size: 14px;
    padding-left: 24px;
    padding-bottom: 14px;
    background-image: url(../../../images/pneuParts/filter.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

div.filter-main-container {
    margin-bottom: 20px;
}

div.filters-header,
div.meer-informatie-caption {
    background-color: #1f59b5;
    padding: 14px 21px;
    font-weight: bold;
    color: white;
    font-size: 13px;
    display: block;
}

div.filters-header p {
    margin: 0;
    padding: 0;
}

p.no-search-results {
    text-align: center;
    margin: 0;
    padding: 0;
}

div.filter-container p.geen-filter {
    color: #a7a8a9;
    font-style: italic;
    font-size: 14px;
    padding: 15px 0 0 0;
    margin: 0;
}

div.filter-container {
    background-color: white;
    border: 1px solid #d3d6d7;
    padding: 0 20px 20px 20px;
}

div.filter-container div.filter {
    background-color: #f2f3f6;
}

div.filter-property {
    content: " ";
    display: table;
    width: 100%;
    margin-top: 21px;
}

div.filter {
    margin-bottom: 6px;
    padding: 6px;
}

div.filter span.color,
div span.color {
    width: 20px;
    height: 10px;
    float: right;
    border-radius: 7px;
    top: 7px;
    position: relative;
}

p.item-property-value span.color {
    margin-right: 7px;
    display: inline-block;
    float: left;
    margin-top: -2px;
}

div.filter-container div.single-column.odd {
    border-right: 6px solid white;
}

div.filter-container div.single-column {
    width: 50%;
    box-sizing: border-box;
    float: left;
}

p.filter-property-name {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 5px;
}

p.filter-property-name + p.filter-property-name {
    margin-top: 21px;
}

div.filter label.filter-value:hover {
    cursor: pointer;
}

div.filter label.filter-value {
    font-size: 14px;
    /*display: block;*/
}

div.filter.single-column label.filter-value span.small {
    width: 43px;
}

div.filter.single-column label.filter-value span {
    width: 70px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.filter table td.input {
    vertical-align: top;
}

div.filter table td.value {
    width: 100%;
}

div.filter table td.color {
    vertical-align: top;
}

div.filter input {
    border: 1px solid #d3d6d7;
    margin-right: 8px;
    position: relative;
    top: 1px;
}

div#itemTableColumnContainer > div.row + div.row {
    margin-top: 20px;
}

div.datatable-artikel {
    background-color: white;
    border: solid 1px #d3d6d7;
}

div.datatable-artikel div.item-details {
    padding: 20px 20px 10px 20px;
    overflow: auto;
    border-right: solid 1px #d3d6d7;
    min-height: 241px;
}

div.datatable-artikel h2.title {
    margin: 0;
    padding: 0;
}

div.datatable-artikel a.title,
div.datatable-artikel h2.title {
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

div.datatable-artikel p.item-code {
    color: #b8b8b8;
    font-size: 14px;
    margin: 8px 0;
}

img.item {
    width: 100%;
}

div.item-property {
    float: left;
    padding: 0 10px;
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

div.item-property.clear-right {
    clear: left;
}

p.item-property {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}

p.item-property-value {
    font-size: 14px;
}

div.item-shopping.item-details,
div.item-shopping.details {
    padding: 20px 0 20px 0;
    margin: 0;
}

div.item-shopping.details {
    height: 100%;
}

div.voorraad-status span.material-icons {
    font-size: 17px;
    margin-right: 5px;
    position: relative;
}

div.item-shopping div.voorraad-status {
    padding: 10px;
    margin-bottom: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-size: 14px;
    color: white;
}

div.item-shopping div.voorraad-status a.mailto {
    float: right;
    display: block;
    text-decoration: none;
    right: 0;
    top: 0;
}

div.item-shopping div.voorraad-status span {
    color: white;
}

div.voorraad-status.leverbaar {
    background-color: #2dbf46;
}

div.voorraad-status.vertraagd-leverbaar {
    background-color: #efb220;
}

div.item-shopping div.price-input-container {
    padding-left: 20px;
}

div.item-shopping p.btw {
    margin: 0;
    color: #b8b8b8;
    font-size: 14px;
}

div.shopping-inputs {
    margin-top: 15px;
    white-space: nowrap;
}

div.quantity-buttons {
    float: left;
    width: 141px;
}

div.quantity-buttons button span.material-icons {
    font-size: 21px;
}

div.quantity-buttons input,
div.quantity-buttons button {
    background-color: white;
    height: 45px;
    margin: 0;
    padding: 0 8px;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    border-radius: 0;
    font-size: 14px;
}

div.quantity-buttons input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
div.quantity-buttons input[type=number] {
    -moz-appearance: textfield;
}

div.quantity-buttons button.minus {
    border-radius: 7px 0 0 7px;
    border-right: solid 1px #d3d6d7;
    border-left: solid 1px #d3d6d7;
    cursor: pointer;
    font-size: 17px;
}

div.quantity-buttons button.plus {
    border-radius: 0 7px 7px 0;
    border-left: solid 1px #d3d6d7;
    border-right: solid 1px #d3d6d7;
    cursor: pointer;
    font-size: 17px;
}

div.quantity-buttons button.minus span,
div.quantity-buttons button.plus span {
    font-size: 15px;
}

div.quantity-buttons input,
div.quantity-buttons button {
    width: 47px;
    border-top: solid 1px #d3d6d7;
    border-bottom: solid 1px #d3d6d7;
    font-weight: bold;
    text-align: center;
    padding: 0;
    float: left;
}

div.item-shopping input.shopping-cart {
    height: 45px;
    background-color: #1f59b5;
    box-sizing: border-box;
    border: none;
    width: 100px;
    border-radius: 7px;
    cursor: pointer;
    margin-left: 10px;
    color: white;
    top: 2px;
    font-size: 24px;
}

div.dataTables_info {
    font-weight: bold;
    font-size: 14px;
    padding: 6px;
}

div.dataTables_paginate.paging_full_numbers {
    float: left;
    clear: both;
    padding: 5px;
}

div.dataTables_paginate.paging_full_numbers a.paginate_button {
    background-color: white;
    padding: 3px 8px;
}

div.dataTables_paginate.paging_full_numbers span a.paginate_active {
    background-color: #f2f3f6;
    border: none;
    padding: 3px 8px;
}

div.dataTables_paginate.paging_full_numbers a.paginate_button.paginate_button_disabled {
    display: none;
    cursor: default;
    background-color: lightgrey;
    color: darkgrey;
}

div.dataTables_paginate.paging_full_numbers a#itemGroupItemTable_first,
div.dataTables_paginate.paging_full_numbers a#itemGroupItemTable_last {
    display: none;
}

div.category {
    height: 290px;
    overflow: hidden;
    background-color: white;
    margin-bottom: 1.69779%;
    border: solid 1px #d3d6d7;
}

div.search div.itemgroup {
    height: 98px;
    overflow: hidden;
    padding-left: 0;
    padding-top: 0;
}

div.subcategory,
div.itemgroup,
div.landingspagina {
    height: 280px;
    overflow: hidden;
    background-color: white;
    margin-bottom: 1.69779%;
    border: solid 1px #d3d6d7;
    padding: 1.69779%;
}

div.subcategory img,
div.itemgroup img,
div.landingspagina img {
    /*height: 136px;*/
    max-width: 100%;
}

.royalSlider > a {
    display: none;
}

div.subcategory a.title,
div.itemgroup a.title,
div.landingspagina a.title {
    font-size: 14px;
    line-height: 1.7;
}

div.subcategory p.item-count,
div.itemgroup p.item-count,
div.landingspagina p.item-count {
    color: #d3d6d7;
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.8;
}

div.landingsPaginas {
    background-color: white;
    border: 1px solid #d3d6d7;
    padding: 20px;
}

div.landingsPaginas img {
    margin-right: 10px;
}

h2.category-title {
    font-size: 18px;
}

h2.category-title,
h2.subcategory-title {
    margin: 0;
    padding: 0;
    color: #5e5e5e;
    font-weight: bold;
    font-size: 18px;
}

a.title {
    color: #5e5e5e;
    text-decoration: none;
    font-weight: bold;
}

div.no-results {
    text-align: center;
}

p.no-results {
    font-style: italic;
    font-size: 13px;
    color: #999999;
    margin: 30px 0;
}

div.home-meer {
    border: solid 1px #d3d6d7;
    background-color: white;
    /*padding: 1.69779%;*/
}

.footer-1 p {
    font-size: 18px;
    font-weight: bold;
}

.footer-1.pre {
    padding: 30px 0 0 0;
}

.container.brands {
    background-color: white;
    padding-bottom: 30px;
}

.container.footer-1 {
    padding: 30px 0;
    border-top: 1px solid #d3d6d7;
    margin-top: -1px;
    background-color: #ffffff;
}

.footer-1-container {
    border-top: 1px solid #d3d6d7;
    background-color: #ffffff;
}

.footer-1 {
    text-align: center;
}

.footer-1.post {
    background-color: #ffffff;
    border-top: 0 solid #d3d6d7;
}

.footer-1 thead tr th {
    padding-bottom: 50px;
}

.footer-1 th {
    font-size: 18px;
}

table.brands tr,
table.brands tr td {
    padding: 0;
    margin: 0;
}

table.brands {
    padding: 0;
    margin: 0 auto;
}

table.category-detail-block img {
    width: 100%
}

div.category-detail-name {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

div.category-detail-name span.item-count {
    color: #d3d6d7;
    font-size: 14px;
}


div.category-detail-name a,
div.category-detail-name h2 {
    font-size: 18px;
}

table.category-detail-block col.col-2 {
    width: 31.57894%;
}

table.category-detail-block td.spacing {
    padding: 5px;
}

table.category-detail-block td.border {
    border-bottom: 1px solid #d3d6d7;
}

table.category-detail-block,
table.category-detail-block-compact {
    border-collapse: collapse;
    width: 100%;
}

table.category-detail-block-compact img {
    width: 100%;
}

table.category-detail-block-compact colgroup col {
    width: 33%;
}

div.row.article div.menu {
    background-color: white;
    border: 1px solid #d3d6d7;
    margin-bottom: 20px;
}

div.row.article div.menu div.menu-header {
    background-color: #1f59b5;
    padding: 20px
}

div.row.article div.menu div.menu-header h4,
div.row.article div.menu div.menu-header p.title {
    color: white;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

div.row.article div.menu div.menu-body {
    padding: 20px;
}

div.menu div.menu-body ul {
    margin: 0;
    padding: 0;
}

div.menu div.menu-body ul li {
    list-style-type: none;
}

div.row.article div.menu div.menu-body a {
    text-decoration: none;
    margin-bottom: 12px;
    display: block;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
}

div.row.article div.menu div.menu-body a.active {
    font-weight: bold;
    color: #1f59b5;
}

div.row.article div.menu div.menu-body a:hover {
    color: #1f59b5;
}

div.row.article div.menu div.menu-body a span.material-icons {
    color: #1f59b5;
    font-size: 20px;
    top: 3px;
    position: absolute;
    left: -4px;
}

div.account-container div.row {
    margin-bottom: 10px;
}

div.breadcrumbs-order {
    padding: 20px;
    white-space: nowrap;
}

div.breadcrumbs-order img {
    position: relative;
    top: 8px;
    padding-right: 10px;
}

div.breadcrumbs-order span.material-icons {
    font-size: 50px;
    color: #d3d6d7;
    font-weight: normal;
}

div.breadcrumbs-order a,
div.breadcrumbs-order span {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

body.popup {
    background-color: white;
}

body.popup div.content-block {
    border: 0 solid #d3d6d7;
    padding-bottom: 0;
}

body.popup div.content-block div.content-padding {
    margin-bottom: 0;
}

div.content-block {
    background-color: white;
    padding: 20px;
    border: 1px solid #d3d6d7;
}

select.filter {
    margin-bottom: 10px;
}

div.content-block.article a {
    color: #1f59b5;
    text-decoration: none;
}

div.content-block.article h1,
div.content-block.article h2,
div.content-block.article h3,
div.content-block.article h4 {
    margin: 0;
}

/* START Custom tags */
div.content-block.article h1 {
    font-weight: bold;
    font-size: 22px;
}

div.content-block.article h2 {
    font-weight: bold;
    font-size: 18px;
}

div.content-block.article h3 {
    font-weight: normal;
    font-size: 14px;
}

div.content-block.article h4 {
    font-weight: normal;
    font-size: 12px;
}

/* END Custom tags */
div.content-block p.title.item-list-header {
    font-size: 14px;
}

div.content-block p.title {
    font-weight: bold;
    font-size: 22px;
}

div.content-block p.title,
div.content-block h1,
div.set-order-details {
    margin: 0 0 20px 0;
}

div.content-padding {
    padding: 0 12px;
    margin-bottom: 25px;
}

div.step-2-spacer {
    height: 25px;
}

div.login-error span {
    margin-right: 5px;
}

div.login-error p,
div.login-error p span {
    color: #ff0000;
}

div.step-2 div.row,
div.content-block div.row {
    margin-bottom: 10px;
}

h1.item-list-header,
p.item-list-header {
    background-color: #1f59b5;
    color: white;
    font-weight: bold;
    padding: 12px;
    font-size: 14px;
    margin: 20px 0 10px 0;
}

div.login-content-container,
div.login-klant-op-rekening {
    border-bottom: 2px solid #d3d6d7;
    padding-bottom: 20px;
}

div.login-content-container {
    min-height: 125px;
}

form.set-order-details div.content-block div.row {
    margin-bottom: 10px;
}

table.responsive-table {
    border-collapse: collapse;
    text-align: left;
    margin: 0 auto;
    font-size: 14px;
    width: 100%;
}

table.responsive-table tfoot {
    border-top: 2px solid #d3d6d7;
}

table.responsive-table tfoot span.right {
    font-weight: bold;
    float: right;
}

table.order-table {
    border-collapse: collapse;
    text-align: left;
    margin: 0 auto;
    font-size: 14px;
    width: 100%;
}

table.order-table thead tr,
table.responsive-table thead tr {
    border-collapse: collapse;
    background-color: #1f59b5;
    color: white;
}

table.order-table tfoot tr.spacer {
    height: 40px;
}

table.order-table tfoot tr:first-child {
    border-bottom: 2px solid #d3d6d7;
}

table.order-table thead tr th,
table.responsive-table thead tr th {
    font-size: 13px;
    padding: 13px 10px;
    font-weight: bold;
}

table.order-table th,
table.order-table td {
    text-align: left;
}

table.order-table th.currency,
table.order-table td.price,
table.order-table td.currency,
td.currency,
th.currency {
    text-align: right;
    white-space: nowrap;
}

table.order-table td.artikel {
    text-align: left;
}

table.order-table td.artikel img {
    width: 50px;
    vertical-align: middle;
    margin-right: 12px;
}

table.order-table tfoot td span.right {
    float: right;
}

table.order-table tfoot td.text {
    text-align: left;
}

table.order-table tfoot tr.total td.line {
    border-top: 1px solid #d3d6d7;
}

table.order-table tfoot tr.total {
    font-weight: bold;
}

table.responsive-table tr.even,
table.order-table tr.even {
    background-color: #f2f3f6;
}

table.responsive-table tbody tr.no-rows td {
    padding: 2px 13px;
}

ul.split-buttons > li > a {
    border-right: 1px solid #d3d6d7;
    border-bottom: 1px solid #d3d6d7;
    border-top: 1px solid #d3d6d7;
}

ul.split-buttons > li:first-child > a {
    border-left: 1px solid #d3d6d7;
}

ul.split-buttons li:last-child {
    clear: right;
}

ul.split-buttons li {
    width: 50%;
    display: block;
    float: left;
    box-sizing: border-box;
    position: relative;
    background-color: white;
}

ul.split-buttons ul li {
    background-color: white;
    width: 100%;
}

ul.split-buttons ul {
    display: none;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    border: 1px solid #d3d6d7;
    width: 100%;
    top: 45px;
    z-index: 9;
}

body ul.split-buttons {
    margin-bottom: 20px;
    height: 45px;
}

ul.split-buttons {
    display: block;
}

ul.split-buttons,
ul.split-buttons ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

table.order-table td,
table.responsive-table td,
table.responsive-table tbody tr.no-rows td {
    padding: 10px;
}

table.order-table div.voorraad-status {
    width: 14px;
    height: 14px;
    border-radius: 7px;
    position: relative;
    top: 3px;
    float: left;
    margin-right: 8px;
}

div.ellipsis {
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.order-table td input.order-table {
    width: 100px;
    height: 30px;
    border: solid 1px #d3d6d7;
    text-align: center;
    padding: 5px;
    border-radius: 7px;
}

table.order-table td a.delete-from-order {
    text-decoration: none;
}

div.row.password-input {
    margin-top: 20px;
}

button.offerte-aanvraag {
    width: 230px;
}

ul.content {
    list-style: none;
    margin: 20px 0 0 10px;
    padding: 0;
}

ul.content li {
    margin: 0;
}

div.row.notice span {
    color: red;
    padding: 10px;
    margin-bottom: 15px;
}

div.content-block div.row.factuur-aflever-gelijk {
    margin-bottom: 30px;
}

span.small-grey {
    font-size: 13px;
}

form.set-order-details div.row.franco {
    margin-bottom: 50px;
}

div.franco div.franco {
    line-height: 16px;
    padding: 20px;
    background-color: #b5c7e9;
}

div.stap-3-gegevens div.row {
    margin-bottom: 0;
}

div.verzend-adres-content {
    margin-bottom: 20px;
}

form.set-order-details label {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

form.set-order-details label.value span {
    float: left;
    width: 85%;
}

form.set-order-details label.value input {
    float: left;
    margin-top: 3px;
}

label.default-label {
    font-weight: bold;
}

div.container.content h1.submit-order-thanks {
    margin-top: 50px;
}

table.brands {
    border-collapse: collapse;
}

table.brands tr td {
    border-left: 1px solid #d3d6d7;
    border-right: 1px solid #d3d6d7;
}

table.brands tr td.first,
table.brands tr td.last {
    border: 0;
}

p.standard-text {
    padding: 21px 0;
    color: #a7a8a9;
}

.container.footer-2 {
    padding: 50px 0;
}

.footer-2:not(.container) {
    border-top: 1px solid #d3d6d7;
}

.footer-2 {
    background-color: #445a65;
    color: #a1acb1;
}

.footer-2 h2 {
    color: white;
}

.footer-2 h4,
.footer-2 p.bestel-service,
.footer-2 p.hulp-nodig {
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 13px;
}

.footer-2 p.title {
    font-weight: bold;
}

.footer-2 p.text {
    margin-bottom: 21px;
}

.footer-2 p {
    padding: 0;
    margin: 0;
    line-height: 1.6;
}

.footer-2 a {
    text-decoration: none;
}

.footer-2 a,
.footer-2 p,
.footer-2 p span.whatsapp-only {
    color: #cbd1d4;
}

.footer-2 p span.whatsapp-only {
    display: block;
    margin-top: -3px;
}

.footer-2 div.row-1 {
    border-bottom: 1px solid #a1acb1;
    margin-bottom: 35px;
    background-image: url(../../../images/pneuParts/hulp_linda.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.footer-2 p span.material-icons {
    font-size: 14px;
    color: #a1acb1;
    margin-right: 6px;
}

.footer-2 img.whatsapp {
    width: 13px;
    margin-right: 10px;
    position: relative;
    top: 1px;
    left: 1px;
}

.footer-2 div.column.hulp-nodig {
    padding-left: 149px;
    min-height: 195px;
}

.footer-2 div.column.hulp-nodig div.row p {
    margin-bottom: 14px;
}

.footer-2 a.menu {
    float: left;
    margin-bottom: 3px;
    clear: both;
}

.footer_3 {
    background-color: white;
    min-height: 20px;
}

div.container.footer_3 {
    padding: 0 15px;
}


.footer_3 div.row {
    padding: 29px 0;
}

.footer_3 div.documents a {
    font-size: 13px;
    margin-right: 20px;
    text-decoration: none;
}

p.copyright {
    margin-top: 4px;
}

div.row.catalogus div.row {
    margin-bottom: 0;
}

p.copyright span {
    color: #d3d6d7;
    font-size: 13px;
}

div.spacer-bestelling {
    height: 30px;
}

a.button.left {
    margin-left: 0;
    margin-right: 10px;
}

body input.button,
body button.button {
    font-size: 14px;
}

a.button,
input.button,
button.button {
    display: inline-block;
    background-color: #1f59b5;
    border: none;
    border-radius: 7px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    padding: 12px;
    text-decoration: none;
    margin: 0 0 10px 10px;
    min-width: 190px;
    text-align: center;
    box-sizing: border-box;
    min-height: 45px;
    /*white-space: nowrap;*/
}

a.button span.largeScreen {
    color: unset;
}

a.button span,
input.button span,
button.button span {
    color: white;
}

.left {
    float: left;
}

.right {
    float: right;
}


table.login-form-table {
    font-size: 13px;
    border-collapse: collapse;
    width: 100%;
}

input[type=radio] {
    -webkit-appearance: radio;
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
}

input,
button,
a,
span {
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
}

tr.spacer-medium {
    height: 10px;
}

table.login-form-table table {
    margin: 20px auto;
}

table.login-form-table thead tr {
    margin-bottom: 10px;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

div.login-container div.header p.title {
    color: #ffffff;
    padding: 10px;
    margin: 0;
    font-weight: bold;
}

input.password-forgot {
    margin-right: 10px;
}

div.login-container div.spacer-large {
    height: 60px;
}

div.login-container div.spacer {
    height: 15px;
}

div.login-container div.header {
    text-align: center;
    background-color: #1f59b5;
}

table.login-form-table thead tr th {
    background-color: #1f59b5;
}

table.login-form-table thead tr th p {
    color: white;
    padding: 10px;
}

table.login-form-table tr.first td {
    padding: 12px 12px 0 12px;
}

table.login-form-table td {
    padding: 4px 12px 0 12px;
}

table.login-form-table label {
    font-weight: bold;
    white-space: nowrap;
}

label.input-text {
    margin-top: 7px;
    display: inline-block;
}

textarea.opmerkingen {
    width: 100%;
    box-sizing: border-box;
}

textarea,
table.login-form-table input.text,
div.container.forgot-password input.text,
div.container.order-create-customer-form input.text,
div.row div.column input.text,
div.row div.column select.text,
div.container.order-create-customer-form select,
select {
    font-size: 14px;
    font-family: Open Sans, Arial, sans-serif;
    max-width: 200px;
    border: 1px solid #d3d6d7;
    border-radius: 5px;
    padding: 8px;
    color: #5e5e5e;
}

input.text.validation:invalid {
    background-color: lightpink;
}

form.set-order-details div.column input.text {
    width: 100%;
    box-sizing: border-box;
}

form.set-order-details div.column select.text {
    width: 100%;
}

table.login-form-table input.button {
    margin: 0;
    font-size: 13px;
}

a.button.inverted,
button.button.inverted,
input.button.inverted {
    border: 1px solid #1f59b5;
    color: #1f59b5;
    background-color: white;
    padding: 12px;
    font-weight: bold;
    cursor: pointer;
}

button.right span.material-icons {
    margin-left: 5px;
}

a.button.inverted span.material-icons,
button.button.inverted span.material-icons {
    color: #1f59b5;
}

/* mfp iframe */
div.mfp-content html body {
    background-color: white;
}

iframe html {
    height: 100%;
}

iframe html body {
    height: 100%;
}

td {
    display: table-cell;
}

div.search div.datatable-artikel div.item-details div.row.image {
    float: left;
    width: 25%;
}

div.search div.datatable-artikel div.item-details div.row.title {
    float: right;
    width: 75%;
    line-height: 16px;
}

div.omnikassa-response {
    line-height: 16px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #b5c7e9;
}

@media only screen and (max-width: 1178px) {

    div.kennisbank-artikel-block div.column-6 {
        height:250px;
    }

    .container {
        width: auto;
        margin: 0;
    }

    div.breadcrumbs-trace,
    .container.footer-2 {
        padding: 15px;
    }

    a.button, input.button, button.button {
        min-width: 90px;
    }

    div.filter-main-container.column-3 {
        width: 100%;
    }

    div.filter-main-container {
        margin-right: 20px;
    }

    div.itemgroup-details {
        margin-bottom: 20px;
    }

    div.column-9.itemgroup-items {
        width: 100%;
    }

    div.itemgroup-items {
        margin-left: 0;
    }

    div.container.content {
        padding: 0 15px;
    }

    div.quantity-buttons {
        margin-bottom: 5px;
        float: none;
    }

    div.shopping-inputs {
        white-space: normal;
    }

    div.item-shopping input.shopping-cart {
        margin-left: 0;
    }

    div.container.content div.content-block form div.step-3-gegevens.column.column-4 {
        float: none;
        width: auto;
    }

    div.container.content div.content-block form div.column.column-8 {
        float: none;
        width: auto;
        margin-left: 0;
    }

    div.container.content div.content-block form div.step-3-gegevens.column.column-4 div.content-padding.stap-3-gegevens div.column.column-6.left {
        width: 23.7266575%;
    }

    div.container.content div.content-block form div.step-3-gegevens.column.column-4 div.content-padding.stap-3-gegevens div.column.column-6.right {
        width: 74.5755525%;
    }

}

.container.brands {
    overflow-x: auto;
}

/*mobile*/
@media only screen and (max-width: 550px) {
    .column-1,
    .column-2,
    .column-3,
    .column-4,
    .column-5,
    .column-6,
    .column-7,
    .column-8,
    .column-9,
    .column-10,
    .column-11,
    .column-12,
    div.menuContainer > div {
        width: auto;
        float: none;
    }
    table.category-menu-block tr td:first-child {
        width:120px;
    }
    table.category-menu-block tr td:nth-child(2) {
        padding-left:10px;
    }

    div.menuContainer > div {
        border:0;
    }

    div.kennisbank-categorie-paging {
        display:block;
    }

    div.kennisbank-categorie-paging span,
    div.kennisbank-categorie-paging a {
        padding:8px 10px;
    }

    div.kennisbankCategorie {
        height:175px;
        padding-top:15px;
    }

    div.kennisbank-categorie-row div.kennisbankCategorie img {
        height:100px;
        width:unset;
    }

    div.kennisbank-artikel div.kennisbank-header div.image.column-3 {
        width:23.7266575%;
    }

    div.menuContainer {
        display:block;
    }

    .column + .column {
        margin-left: 0;
    }

    .container.brands {
        padding-bottom: 20px;
    }

    .container {
        width: auto;
    }

    div.column-4.logo {
        text-align: center;
    }

    div.customer-row {
        text-align: center;
    }

    div.item-shopping input.shopping-cart {
        margin-left: 10px;
    }

    div.quantity-buttons {
        float: left;
    }

    table.customer-menu {
        margin: 2% 0 3% 0;
        width: 100%;
    }

    table.customer-menu a.level_0 {
        color: #8d8e8f;
        font-weight: normal;
    }

    table.customer-menu td:first-child {
        border-left: 0 solid #d3d6d7;
    }

    table.customer-menu td:last-child {
        border-right: 0 solid #d3d6d7;
    }

    a.button, input.button, button.button {
        min-width: 200px;
    }

    #div_2 ul.customer-menu {
        margin: 5px 0 0 0;
        padding: 0;
    }

    table.customer-menu a.level_0 {
        max-width: 120px;
        display: inline;
    }

    table.customer-menu a.level_0 span {
        display: block;
        text-align: center;
    }

    .smallScreen {
        display: unset;
    }

    tr.smallScreen {
        display: table-row;
    }

    div.smallScreen {
        display: block;
    }

    td.smallScreen {
        display: table-cell;
    }

    .largeScreen:not(.smallScreen) {
        display: none;
    }

    div#main-menu-detail div.column-3 + div.column-3 {
        border-left: 0 solid #d3d6d7;
        padding-left: 0;
    }

    div#main-menu-detail div.row + div.row {
        border-top: 0 solid #d3d6d7;
    }

    div#main-menu-detail div.row + div.row div.menu-category-block {
        padding-top: 0;
    }

    #div_2 {
        height: auto;
    }

    div.breadcrumbs-trace {
        padding: 17px 15px;
    }

    div.breadcrumbs-trace a.trace.active {
        font-weight: normal;
    }

    div.breadcrumbs-trace a.trace.vorige {
        font-weight: bold;
    }

    div.category-head {
        padding-top: 13px;
    }

    input.filter {
        margin-top: 5px;
    }

    h1 {
        font-size: 15px;
    }

    div.category {
        height: auto;
        padding: 10px 10px 0 10px
    }

    div.category-detail-name {
        position: relative;
        bottom: 0;
        left: 0;
        padding: 0 10px 10px 15px;
    }

    table.category-detail-block-compact td {
        border-right: 1px solid #d3d6d7;
        padding: 0 15px;
    }

    table.category-detail-block-compact td:last-child {
        border-right: 0 solid red;
    }

    div.row.home-banner {
        padding-bottom: 226px;
    }

    .footer-1 p {
        font-size: 15px;
    }

    .footer-2 div.column.hulp-nodig {
        padding-left: 0;
    }

    .container.footer-2 {
        padding: 20px;
    }

    .footer-2 div.row-1 {
        border: 0;
        margin-bottom: 0;
        background-image: none;
    }

    .footer-2 h4,
    .footer-2 p.bestel-service,
    .footer-2 p.hulp-nodig {
        margin-top: 16px;
    }

    ul.menu li ul {
        display: none;
        margin-top: 5px;
    }

    ul.menu {
        border-top: 1px solid #a1acb1;
    }

    ul.menu li.level-0 {
        margin: 15px 0;
    }

    ul.menu span.icon {
        float: right;
        color: #cbd1d4;
        margin-right: 5px;
    }

    .footer-2 p span.material-icons {
        color: white;
    }

    .footer_3 div.documents,
    .footer_3 div.rights {
        text-align: center;
    }

    .footer_3 div.rights p.right {
        float: none;
        padding: 10px;
    }

    div.last-menu-container {
        border-bottom: 1px solid #a1acb1;
    }

    div.row.category-banner {
        padding: 20px;
    }

    div.subcategory img,
    div.itemgroup img {
        width: 33%;
        float: left;
        height: auto;
    }

    div.subcategory div.description,
    div.itemgroup div.description {
        float: left;
        width: 66%;
        box-sizing: border-box;
        padding-left: 10px;
    }

    div.subcategory,
    div.itemgroup {
        padding: 15px;
        height: auto;
    }

    div.subcategory p.item-count,
    div.itemgroup p.item-count {
        margin-top: 0;
        font-size: 13px;
    }

    ul.customer-menu span.material-icons {
        margin-right: 0;
    }

    #div_2 ul.customer-menu > li {
        text-align: center;
    }

    table.customer-menu li {
        padding-left: 0;
    }

    div.item-shopping.details {
        border-left: 0;
    }

    div.item-shopping.item-details,
    div.item-shopping.details {
        padding: 0 0 10px 0;
        margin: 0;
        border-top: 1px solid #d3d6d7;
    }

    div.item-shopping div.voorraad-status.vertraagd-leverbaar span {
        color: #efb220;
    }

    div.item-shopping div.voorraad-status.leverbaar span {
        color: #2dbf46;
    }

    div.item-shopping div.voorraad-status {
        padding: 15px 10px 5px 10px;
        margin-bottom: 0;
    }

    div.item-shopping div.voorraad-status a.mailto {
        top: 5px;
    }

    div.shopping-inputs {
        float: right;
        margin-top: 5px;
        margin-right: 10px;
    }

    div.item-shopping div.price-input-container div.price-container {
        float: left;
        min-width: 100px;
    }

    div.item-shopping div.price-input-container h1,
    div.item-shopping div.price-input-container p.price {
        font-size: 20px;
    }

    div.item-shopping div.price-input-container {
        padding-left: 10px;
    }

    div.properties-container {
        padding: 10px;
        border-top: 1px solid #d3d6d7;
        overflow: auto;
        clear: both;
    }

    div.datatable-artikel a.title,
    div.datatable-artikel h2.title {
        font-size: 13px;
    }

    div.datatable-artikel div.item-details div.row.title {
        float: right;
        width: 60%;
        line-height: 16px;
    }

    div.datatable-artikel div.item-details div.row.image,
    div.datatable-artikel div.item-details div.row.title {
        padding: 10px;
    }

    div.datatable-artikel div.item-details div.row.title:first-child {
        padding-left: 0;
    }

    div.datatable-artikel div.item-details div.row.image {
        float: left;
        width: 40%;
    }

    div.datatable-artikel div.item-details {
        padding: 0;
        border-right: 0;
    }

    div.item-property {
        padding-right: 10px;
        padding-left: 0;
    }

    div.datatable-artikel div.item-details div.row.properties-container {
        float: none;
        width: auto;
    }

    div.voorraad-status a.mailto span.material-icons {
        margin-right: 0;
    }

    p.standard-text {
        padding: 0;
    }

    div.itemgroup-details div#content-row-container {
        font-size: 13px;
    }

    div.itemgroup-details div#content-row-container.closed {
        height: auto;
    }

    div.filters-header span.material-icons,
    div.meer-informatie-caption span.material-icons {
        color: #ffffff;
        float: right;
        font-size: 22px;
    }

    div.itemgroup-details div.itemgroup-specifics h2,
    div.itemgroup-details div.itemgroup-specifics h1,
    div.item-detail-details div.item-specifics-header h2,
    div.item-detail-details div.item-specifics-header h1 {
        font-size: 15px;
    }

    div.itemgroup-details div.documents {
        margin-top: 20px;
    }

    div.item-detail-details div.documents {
        margin-top: 20px;
        padding: 10px;
    }

    div.itemgroup-details div.itemgroup-specifics,
    div.item-detail-details div.item-specifics {
        margin: 0;
        padding: 10px;
        min-height: 0;
    }

    .container {
        position: static;
    }

    div.filter-main-container {
        width: 100%;
    }

    div.popup {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 1001;
    }

    div.itemgroup-items {
        margin-left: 0;
    }

    div.container div.image-container {
        padding: 40px 10px 0 10px;
    }

    div.image-container .rsDefault .rsGCaption {
        top: -32px;
        left: 0;
        padding-left: 3px;
    }

    div.itemgroup-info {
        background-color: white;
        border: solid 1px #d3d6d7;
        margin-bottom: -1px;
    }

    div.itemgroup-info div.title {
        padding: 20px;
    }

    div.itemgroup-info div.buttons {
        border-top: 1px solid #d3d6d7;
    }

    div.itemgroup-info div.buttons a:hover,
    ul.split-buttons a:hover {
        background-color: #1f59b5;
        color: #ffffff;
    }

    div.itemgroup-info div.buttons a:hover span,
    ul.split-buttons a:hover span {
        color: #ffffff;
    }

    div.itemgroup-info div.buttons a,
    ul.split-buttons a {
        display: block;
        vertical-align: middle;
        text-align: left;
        padding: 10px 13px;
        font-size: 13px;
        text-decoration: none;
        font-weight: bold;
    }

    div.itemgroup-info div.buttons a,
    div.itemgroup-info div.buttons a span,
    ul.split-buttons a,
    ul.split-buttons a span {
        color: #1f59b5;
    }

    div.itemgroup-info div.buttons a span,
    ul.split-buttons a span {
        margin-right: 2px;
    }

    div.itemgroup-info div.buttons table {
        border-collapse: collapse;
        width: 100%;
    }

    div.itemgroup-info div.buttons table td:first-child {
        border-right: 1px solid #d3d6d7;
    }

    div.itemgroup-info div.buttons table td {
        width: 50%;
    }

    div.itemgroup-info h1,
    div.itemgroup-info p.title {
        margin: 0;
        padding: 0;
        font-size: 18px;
        font-weight: bold;
    }

    div.itemgroup-info h2 {
        margin: 0;
        padding: 0;
    }

    div.overlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        overflow: hidden;
        position: fixed;
        background: #000000;
        opacity: 0.8;
    }

    div.item-detail-details div.item-specifics.detail {
        border-right: 0;
        border-left: 0;
    }

    div.item-detail-details div.item-specifics-header h2,
    div.item-detail-details div.item-specifics-header h1,
    div.item-detail-details div.item-specifics-header p.title {
        margin: 0 0 5px 0;
        padding: 0;
        font-weight: bold;
    }

    div.item-detail-details div.item-specifics-header {
        padding: 10px;
    }

    div.item-detail-details div.item-specifics-header h2,
    div.item-detail-details div.item-specifics-header h1,
    div.item-detail-details div.item-specifics-header p.title {
        font-size: 18px;
    }

    div.item-detail-details div.item-specifics-header h3,
    div.item-detail-details.content-container h3 {
        font-size: 13px;
    }

    div.item-detail-details.content-container {
        padding: 10px;
    }

    div.item-specifics-header h3.item-code,
    div.item-specifics-header p.item-code {
        margin: 0;
    }

    div.item-detail-details.content-container p {
        font-size: 13px;
    }

    div.item-detail-details.content-container table.technical-data {
        margin-top: 20px;
    }

    div.filters-header, div.meer-informatie-caption {
        padding-left: 10px;
        padding-right: 10px;
    }

    p.copyright span {
        display: inline-block;
    }

    .align-right {
        text-align: left;
    }

    .align-left {
        text-align: left;
    }

    div.login-content-container {
        padding: 20px;
        box-sizing: border-box;
    }

    input.password-forgot {
        float: none;
        margin: 0;
    }

    ul.customer-menu span.subtext {
        display: none;
    }

    table.customer-menu ul.level-1 {
        left: -2px;
        width: auto;
    }

    table.customer-menu ul.level-1 a {
        min-width: 200px;
    }

    table.search-filter td a {
        padding: 8px 15px;
    }

    div.container.content {
        padding: 0 15px;
    }

    div.content-heading h1 {
        background-color: #1f59b5;
        padding: 15px;
        color: #ffffff;
    }

    table.order-table table td,
    table.order-table td {
        font-size: 13px;
    }

    table.order-table table td {
        padding: 0;
    }

    table.order-table div.separator {
        height: 1px;
        background-color: #d3d6d7;
        margin: 5px 0 17px 0;
    }

    table.order-table div.totals span {
        float: right;
    }

    table.order-table p.total {
        font-weight: bold;
        border-top: 1px solid #d3d6d7;
        padding-top: 10px;
        margin-top: 10px;
    }

    table.order-table span.item-total {
        font-size: 13px;
        font-weight: bold;
        float: right;
        display: block;
        margin-top: 12px;
    }

    table.order-table a.item-code {
        text-decoration: none;
        font-weight: bold;
    }

    table.order-table tfoot td {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    table.order-table tfoot tr.spacer.fixed {
        height: 15px;
    }

    div.voorwaarden-line {
        display: none;
    }

    table.order-table tfoot tr.fixed {
        height: 35px;
    }

    table.order-table tfoot tr.fixed.line {
        height: 12px;
    }

    table.order-table tr.fixed.height-2 {
        height: 230px;
    }

    table.order-table tr.fixed.height-1 {
        height: 200px;
    }

    table.order-table tr.fixed {
        height: 190px;
    }

    table.order-table tr.fixed {
        position: relative;
        display: block;
    }

    table.order-table tfoot td.fixed-position {
        width: 100%;
        box-sizing: border-box;
    }

    table.order-table tfoot td span {
        float: right;
    }

    table.order-table td.fixed-position {
        display: block;
        position: absolute;
    }

    table.order-table td.line {
        height: 1px;
        padding: 0;
        margin: 0;
        bottom: 70px;
        width: 100%;
        display: block;
        background-color: #d3d6d7;
    }

    table.order-table td.total-transport {
        position: absolute;
        right: 0;
        top: 0;
    }

    table.order-table td.price div.label,
    table.order-table td.availability div.label,
    table.order-table td.discount div.label,
    table.order-table td.uw-code div.label {
        width: 90px;
        text-align: left;
        float: left;
    }

    table.order-table td.availability div.value {
        white-space: nowrap;
    }

    table.order-table td.uw-code input.order-table,
    table.order-table td.uw-code div.value div {
        float: right;
    }

    div.item-shopping div.voorraad-status {
        background-color: transparent;
    }

    table.order-table td.price div.value,
    table.order-table td.availability div.value,
    table.order-table td.discount div.value,
    table.order-table td.uw-code div.value {
        overflow: hidden;
        box-sizing: border-box;
        margin-right: 25px;
        text-align: right;
    }

    table.order-table td.uw-code input.order-table {
        height: 17px;
    }

    table.order-table td.price,
    table.order-table td.availability,
    table.order-table td.discount,
    table.order-table td.uw-code {
        width: 100%;
        left: 0;
        /*left:62px;*/
        /*width:250px;*/
    }

    table.order-table td.price {
        top: 43px;
    }

    table.order-table tr.height-1 td.discount {
        top: 89px;
    }

    table.order-table tr.height-2 td.discount {
        top: 91px;
    }

    table.order-table tr.height-1 td.availability {
        top: 67px;
    }

    table.order-table tr.height-2 td.availability {
        top: 67px;
    }

    table.order-table tr.height-1 td.uw-code {
        top: 113px;
    }

    table.order-table tr.height-2 td.uw-code {
        top: 115px;
    }

    table.order-table div.availability-container {
        float: right;
    }

    table.order-table td.availability {
        top: 72px;
    }

    table.order-table td.delete {
        right: 0;
        top: 0;
    }

    table.order-table td.uw-code {
        top: 109px;
    }

    table.order-table td span.quantity {
        font-weight: bold;
        /*padding-bottom:14px;*/
        padding-right: 5px;
        display: inline-block;
    }

    table.order-table tr.stage_2 td.quantity {
        bottom: 16px;
    }

    table.order-table td.quantity {
        bottom: 15px;
        left: 0;
    }

    table.order-table tr.stage_2 td.total-price {
        bottom: 16px;
    }

    table.order-table td.total-price {
        bottom: 32px;
        right: 5px;
        font-weight: bold;
    }

    table.order-table div.voorraad-status {
        width: 10px;
        height: 10px;
        top: 5px;
        margin-left: 7px;
    }

    div.step-3-gegevens {
        margin-bottom: 19px;
    }

    div.small-screen-columns div.left {
        float: left;
        width: 50%
    }

    div.small-screen-columns div.right {
        float: right;
        width: 50%
    }

    div.submit-order-thanks {
        background-image: none;
    }

    div.content-block div.buttons .right,
    div.content-block div.buttons .left {
        float: left;
        clear: both
    }

    div.login-content-container {
        height: auto;
        padding: 10px;
    }

    div.content-block h1,
    div.content-block p.title,
    div.set-order-details {
        margin: 0 0 10px 0;
    }

    table.responsive-table tr {
        margin: 0;
        padding: 7px 0
    }

    table.responsive-table caption {
        display: block;
        background-color: #1f59b5;
        padding: 15px;
        color: #ffffff;
        font-size: 15px;
        text-align: left;
        font-weight: bold;
    }

    table.responsive-table tr,
    table.responsive-table td {
        display: block;
        box-sizing: border-box;
        overflow: auto;
    }

    table.responsive-table td.currency,
    table.responsive-table th.currency {
        text-align: left;
    }

    table.responsive-table thead th,
    table.responsive-table tbody td,
    table.responsive-table tfoot td,
    table.responsive-table tbody th {
        padding: 2px 13px;
    }

    table.responsive-table tbody td {
        min-width: 250px;
    }

    table.responsive-table tbody td p.label {
        width: 40%;
    }

    table.responsive-table tbody td p.content {
        width: 60%;
    }

    table.responsive-table tbody td p {
        float: left;
        display: block;
        box-sizing: border-box;
    }

    table.responsive-table tbody tr td:first-child p {
        font-weight: bold;
    }

    select.filter {
        margin-left: 13px;
    }

    div.catalogus div.column-3 + div.column-3 {
        border-left: 0;
    }

    a.button.left {
        margin-left: 10px;
        margin-right: 0;
    }

    table.hulp-icons img.whatsapp {
        top: -3px;
    }

    div.hulp-nodig span.whatsapp-only {
        clear: both;
    }

    div.hulp-nodig span.whatsapp-only,
    div.hulp-nodig span.phone {
        float: left;
    }

    #div_2 ul.customer-menu > li {
        padding: 5px 0 5px 0;
    }

    div.container.content div.content-block form div.step-3-gegevens.column.column-4 div.content-padding.stap-3-gegevens div.column.column-6.left {
        width: 50%;
    }

    div.container.content div.content-block form div.step-3-gegevens.column.column-4 div.content-padding.stap-3-gegevens div.column.column-6.right {
        width: 50%;
    }

    body .mfp-iframe-holder .mfp-content {
        min-height: 355px;
    }

    p.item-list-header.login {
        font-weight: normal;
        background-color: transparent;
        color: #5e5e5e;
        margin: 0;
        padding: 7px 0 0 10px;
        font-size: 20px;
    }

    div.login-content-container {
        min-height: auto;
    }

    div.kennisbank-block-content {
        display: block !important;
    }

    div.kennisbank-block-content p.kennisbank-block-text,
    div.kennisbank-block-content p.kennisbank-block-image {
        width: 100% !important;
    }

    div.kennisbank-block-content p.kennisbank-block-image img {
        width: 100%;
    }

    div.kennisbank-artikel div.kennisbank-header {
        height: 93px;
        margin-left: 20px;
    }

    div.kennisbank-artikel div.kennisbank-header div.headerTitle {
        left: 48px;
    }

    div.kennisbank-artikel div.kennisbank-header div.headerTitle h1 {
        font-size: 14px;
        line-height:15px;
    }


    div.kennisbank-artikel div.kennisbank-header img.headerImage {
        height: 19px !important;
    }

    div.kennisbank-artikel div.kennisbank-header div.image {
        right: 20px;
        top: 60px;
    }

    div.kennisbank-artikel div.kennisbank-header div.image img {
        height: 100px;
    }

    div.kennisbank-artikel {
        display: flex;
        flex-direction: column;
    }

    div.kennisbank-header-block div.column-4 {
        top: 0;
    }

    div.kennisbank-artikel div.kennisbank-artikel-test {
        display: flex;
        flex-direction: column;
    }

    div.kennisbank-artikel div.kennisbank-artikel-test div.kennisbank-artikel-categorie {
        order: 1;
        padding-bottom: 20px;
        padding-top: 10px;
    }

    div.kennisbank-artikel div.kennisbank-artikel-test div.kennisbank-header {
        order: 2;
    }

    div.kennisbank-artikel-block div.artikel-card img {
        width: 120px;
    }

    div.kennisbank-artikel-block div.artikel-card a.kennisbank-block-text {
        display: none;
    }

    div.kennisbank-artikel-block div.column-6{
        height: auto;
    }

    div.kennisbankArtikelCard div.column-4  {
        align-content: center;
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 340px) {
    ul.customer-menu > li > a span.menu-title {
        display: none;
    }

    table.hulp-data img.left {
        display: none;
    }

    body #div_3 div.search-input span.search-icon {
        display: none;
    }

    div.button-spacing {
        padding-top: 10px;
    }
}

/*login mobile*/
@media only screen and (max-width: 450px) {
    div.content-block div.button-row .right,
    div.content-block div.button-row .left {
        float: left;
        clear: both;
        margin: 0 0 10px 10px;
    }
}

div.overlay {
    display: none;
}

body .mfp-iframe-holder .mfp-content {
    max-width: 550px;
}

body .whatsapp-icon {
    cursor: pointer;
    position: fixed;
    height: 48px;
    width: 48px;
    right: 1rem;
    bottom: 1rem;
    transition: all 0.2s ease-in-out;
    z-index: 1039;
    background-color: #00D856;
}

body .rounded-circle {
    border-radius: 50% !important;
}

body .whatsapp-icon img {
    content: "";
    position: absolute;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

body .whatsapp-icon  a:after{
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z'/%3E%3C/svg%3E");
    background-color: #FFF;
    content: '';
    position: absolute;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

body .orderCreateCustomerForm .vat_number .vatNumberInput {
    width: 140px;
}

body .row.home-bottom-usp .column {
    min-height: 310px;
}

.row.category-banner .column {
    min-height: 302px;
}