body {
    background-color: black;
    font: normal 100%/1.4 Corpos,Open Sans,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif !important;
    color: #333;
}

//Header styles: .language {
    padding-right: 40px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #4d4d4d;
    text-align: right;
}

.row.footer a {
    padding: 0px 4px;
}

a:hover {
    text-decoration: none !important;
}

.language .lang-lang {
    color: #737679;
    display: inline;
}

.header {
    margin-bottom: 18px;
    margin-top: 18px;
    padding-left: 27px;
}

    .header img {
        padding: 0px;
        max-width: 100%;
    }

.content {
    margin-top: 30px;
}

.menu {
    height: 45px;
    padding-left: 15px;
    /*background: #797d80;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #797d80 0%, #34393e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #797d80), color-stop(100%, #34393e));
    background: -webkit-linear-gradient(top, #797d80 0%, #34393e 100%);
    background: -o-linear-gradient(top, #797d80 0%, #34393e 100%);
    background: -ms-linear-gradient(top, #797d80 0%, #34393e 100%);
    background: linear-gradient(to bottom, #797d80 0%, #34393e 100%);*/
    background: $mb-color-darkgray;
    /*filter: progid DXImageTransform.Microsoft.gradient(startColorstr='#797d80', endColorstr='#34393e', GradientType=0);*/
    color: #FFFFFF;
    /* padding-left: 35px; */
}

    .menu a {
        color: #FFFFFF;
        margin-right: 25px;
        text-decoration: none;
        line-height: 45px;
        font-size: larger;
    }

        .menu a:hover {
            color: $mb-color-blue;
        }

.vehicle-detail-container {
    overflow: auto;
}

.name-box {
    height: 60px;
    line-height: 18px;
}

.pricing .catalog-price-container {
    height: 140px;
    padding-left: 10px !important;
}

.pricing .advantage {
    padding-left: 10px !important;
}

.vanshop .catalog-price-container {
    height: 140px;
    padding-left: 10px !important;
}

.vanshop .advantage {
    padding-left: 10px !important;
}

.catalog-price {
    padding-right: 5px;
}

.catalog-price-value {
    letter-spacing: -1px;
}

.vanshop .vehicle-image {
    width: 100% !important;
}

.search-box .col-sm-6 {
    width: 100% !important;
}


/*.overlay-container{
    background-color:#f2f2f2 !important;
    border:none !important;
    width:90% !important;
    max-width:500px !important;

}

.inner-container {
    background-color: #f2f2f2 !important;
    background: #f2f2f2 !important;
}

.close-button {
    left: 94% !important;
    top: 0% !important;
background:none !important;
    color: #000 !important;
border:none !important;
box-shadow: none !important;
}

.inner-container {
    padding: 30px 8px 8px !important;
}

.inner-container input[type=text] {
    width: 100% !important;
    border-color: none !important;
    border-width: 0px !important;
}


.send-button {
    width: 100% !important;
    background: #000 !important;

}*/

@media (min-width: 768px) {
    .search-box .col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 800px) {
    .search-box .col-md-6 {
        width: 50% !important;
        max-width: 50% !important;
    }
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

i.fas.fa-search {
    margin: 0px 10px;
}

button.btn.nav.btn-default.zoeken {
    margin: 0px;
    padding: 0px;
}

.input-group {
    position: relative;
    display: flex;
    align-items: stretch;
    top: 50%;
}

h3, .h3 {
    font-family: 'corporate_a_condensedregular' !important;
}

.page-info {
    color: black;
    padding-top: 2em;
}


.login-modal {
    min-width: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: white;
    padding: 16px;
    color: black;
    border: 1px solid #016299;
}

    .login-modal input {
        width: 200px;
        height: 32px;
        padding-left: 8px;
        padding-right: 8px;
        border: 1px solid #00adef;
        margin-top: 16px;
    }

        .login-modal input[type=submit] {
            background: #00adef;
            color: white;
            font-weight: bold;
        }


.login-port {
    position: relative;
    height: 100vh;
    width: 100vw;
}

.vanshop .our-price div {
    display: inline-block;
}

.homepagelistlink {
    position: relative;
    display: inline-block;
    box-sizing:border-box;
    overflow:hidden;
    width: 100%;
}

@media (max-width: 767px) {
    .types .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

@media (max-width: 350px) {
    .types .container .type-voertuig .mask {
        top: 6%;
    }
}

@media (max-width: 450px) and (min-width: 300px) {
    .types .container .type-voertuig .mask {
        height: 220px;
        font-size: 10px;
        line-height: 8px !important;
    }

    .types .type-voertuig {
        height: 220px;
        position: relative;
        overflow: hidden;
        margin-bottom: 25px;
        min-height: 220px !important;
    }
}

@media (max-width: 450px) {
    .types .container .type-voertuig .mask span {
        margin-top: 20% !important;
        margin-left: 63px !important;
        width: 77%;
        font-size: 1.3em !important;
        line-height: 13px;
    }
}

.types .container .type-voertuig .mask span {
    display: block;
    color: #FFFFFF;
}

#top-region {
    border-bottom: 1px solid #737679;
    overflow: auto;
    width: 100%;
}

.lang-lang {
    float: right;
    padding: 4px 16px;
}

#search-bar {
    padding: 0px;
}
/*moved from core.scss*/
.inline-block {
    display: inline-block
}

.search.iconGraphic {
    text-align: right;
    margin-left:36px;
    height: inherit;
}