.table td {
    vertical-align: middle;
}

div#header {
    padding: 5px;
}

div#customerLogo {
    height: 50px;
}

div.sitemap {
    margin: 0;
    padding: 10px;
    padding-bottom: 0;
}

    div.sitemap div.sitemapTitle {
        padding: 20px;
        padding-left: 10px;
    }

        div.sitemap div.sitemapTitle > span {
            font-weight: bold;
            font-size: 25px;
        }

    div.sitemap div.splitter {
        clear: both;
        margin-bottom: 10px;
    }

    div.sitemap div.sitemap-content, div.sitemap div.onlangs-bekeken {
        margin-bottom: 0px;
        padding: 10px;
        padding-bottom: 0;
    }

        div.sitemap div.sitemap-content ul {
            padding-top: 5px;
            padding-left: 5px;
            line-height: 25px;
        }

            div.sitemap div.sitemap-content ul > li {
                height: 25px;
            }

                div.sitemap div.sitemap-content ul > li > a {
                    color: gray;
                }

ul#catalogus-location, ul#catalogus-location ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul#catalogus-location ul li {
        padding: 10px;
    }

div.footer {
    margin-bottom: 50px;
    color: gray;
    text-align: center;
}

a.upButton {
    color: gray;
    font-size: small;
}

ul.nav-tabs li.chevron {
    padding: 9px;
    padding-bottom: 0;
}

div#mainContent {
    margin: 0px auto;
    min-width: 1024px;
}

div#catalogusResultaten > ul {
    margin-left: 20px;
    line-height: 30px;
}

    div#catalogusResultaten > ul > li {
        width: 250px;
    }

        div#catalogusResultaten > ul > li > a {
            color: black;
        }

            div#catalogusResultaten > ul > li > a.gray {
                color: gray;
            }

nav.navbar div.container-fluid {
    margin: 0 15px;
    padding: 0;
}

.gray {
    color: #9d9d9d;
}

div.container-fluid {
    padding: 0;
}

ul.nav-list > li {
    min-height: 25px;
}

div#lstKorting > ul, div#lstKosten > ul {
    margin-top: 5px;
}

    div#lstKorting > ul > li, div#lstKosten > ul > li {
        min-height: 25px;
    }

.page-header h2, .page-header h3, .page-header h4 {
    margin: 0;
    padding: 0;
}

a#btn-logout, a#btn-login {
    margin: 0 10px;
}

div.page-header, div.page-header h1 {
    margin-top: 0;
    margin-bottom: 5px;
}

div.pp_pic_holder div.ppt {
    display: none;
}

footer {
    padding: 15px;
}


.field-validation-error {
    color: red;
}

.field-validation-valid {
    display: none;
}

.validation-summary-errors {
    color: red;
    font-weight: 700;
}

.validation-summary-valid {
    display: none;
}

div.alert h4 {
    margin-bottom: 6px;
}

span.help-inline {
    color: gray;
}

tr.striped-even, tr.striped-even > td,
th.striped-even, th.striped-even > td {
    background-color: #fff;
}

tr.striped-odd, tr.striped-odd > td,
tr.striped-odd, tr.striped-odd > td {
    background-color: #f9f9f9;
}

.icon-loading {
    display: inline-block;
    *margin-right: .3em;
    width: 14px;
    height: 14px;
    background-image: url("../img/ajax-loader.gif");
    vertical-align: text-top;
    line-height: 14px;
}

div.well {
    padding: 0;
}

    div.well > ul > li > a {
        padding: 5px 6px;
        border-top: 1px dotted #cfcfcf;
    }

        div.well > ul > li > a:hover {
            background-color: #0088cc;
            color: #ffffff;
            -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        }

.table tr td.success {
    background: #d5efcf !important;
}

div.success {
    border: 1px solid #46a546;
}

.danger-red {
    color: #C9302C;
}

.danger-red-background {
    background-color: #D9534F;
}

.success-green {
    color: #449D44;
}

.success-green-background {
    background-color: #5CB85C;
}

.link-blue {
    color: #08c;
}

/*Cookie compliance banner*/
#cookie-banner {
    display: none;
    color: white;
    background-color: rgba(6, 116, 204, 0.95);
    padding: 10px 22px 10px 22px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.cookie-banner-content {
    float: left;
    padding-top: 4px;
}

    .cookie-banner-content a {
        color: white;
        text-decoration: underline;
    }

.cookie-banner-confirm-button {
    float: right;
}

    .cookie-banner-confirm-button button {
        width: 80px;
    }
/*END Cookie compliance banner*/

/*Disable collapsing transition (performance reason)*/
div#catalogusResultaten > .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

@media (max-width: 979px) {

    /*Responisve menu klapt steeds toe fix*/
    .nav-collapse, nav-collapse.collapse {
        overflow: hidden !important;
        height: 0 !important;
    }

    .in {
        overflow: visible !important;
        height: auto !important;
    }
    /*END Responisve menu klapt steeds toe fix*/
}

@media only screen and (max-width: 980px) {
    #headerfull {
        display: none;
    }
}

@media only screen and (max-width: 1060px) {
    /*#menuitem_catalogus {
        display: none;
    }*/
    /*
    #menuitem_mandje {
        display: none;
    } */
    /*
    #menuitem_account {
        display: none;
    } */
    /*
    #menuitem_aanmelden {
        display: none;
    }*/
    #menuitem_promo {
        display: none;
    }
    /*
    #menuitem_info {
        display: none;
    }*/
    #header1 {
        display: none;
    }
}

@media only screen and (max-width: 1150px) {
    #artgridkortingprijs {
        font-size: 13px;
    }

    #artgridprijs1 {
        font-size: 13px;
    }

    #artgridprijs3 {
        font-size: 13px;
    }

    #artgridprijs4 {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1300px) {
    #artgridkorting {
        display: none;
    }

    #artgridlabel1 {
        display: none;
    }

    #artgridlabel3 {
        display: none;
    }

    #artgridlabel4 {
        display: none;
    }

    #header2 {
        display: none;
    }
}

@media only screen and (max-width: 1550px) {
    #artgridprijs2 {
        display: none;
    }
}

@media only screen and (max-width: 1750px) {
    #artgridlabel2 {
        display: none;
    }
}

nav .nav-item, nav .form-inline-navbar {
    border-left: 1px solid #e2e2e2;
}

.ecom-grid-price-tag {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.ecom-image-selector {
}

.clear, .navbar {
    clear: both;
}

ol.breadcrumb {
    font-size: smaller;
}

.bg-glow-effect {
    background: #f4f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f9f9 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4f9f9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f4f9f9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    height: 15px;
}

.separator {
    border-right: 1px solid #f2f2f2;
}

.catalogus-resultaten > div {
    border-bottom: 1px dotted #0098d4;
}

.catalogus-resultaten div > h5 > a {
    font-weight: bold;
}

.list-unstyled{
   list-style-type:none;
   padding-left:0px;
}
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }

        .dropdown-item * {
            color: black;
        }
.img-size {
    /*padding: 0;
	margin: 0; */
    height: auto;
    width: 100%;
    background-size: cover;
    overflow: hidden;
}

.modal-content {
    width: 100%;
    height:auto;
    border: none;
}

.modal-body {
    padding: 0;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236c757d' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    width: 30px;
    height: 48px;
}

.carousel-control-prev-icon:hover{
   fill:red;
}

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236c757d' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
        width: 30px;
        height: 48px;
    }