﻿.offerte-formulier {
    width:100%;
}
.offerte-formulier td {
    vertical-align:top;
    padding:5px;
}
#product-description {
    max-height: 175px;
    position: relative;
    overflow: hidden;
}
/*
#product-description p, ul, span {
    font-size: 16px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}
*/
#product-description .read-more { 
    position: absolute; 
    bottom: 0; 
    left: 0;
    width: 100%; 
    text-align: center; 
    margin: 0; padding: 25px 0; 
    border-bottom:1px solid #dddbd5;
    background:linear-gradient(rgba(255,255,255,0),#fff)        
}
#meerinfo {
    text-decoration:underline;
}
.MerkImage {
    max-height:150px;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
}
.price_aanbieding {
    background-color: #ED5D54;
    color: #fff;
    padding: 3px;
    font-size: 14px;
    display:inline-block;
    line-height:normal;
    font-weight:600;
    margin-right:5px;
}
.price_aanbieding_voorraadkorting {
    background-color: var(--hoofdkleur, #97c121);
}
.btn-sample {
    background-color:#68b3d2 !important;
}
.btn-auro {
    background-color: #fad69b !important;
    color:#000 !important;
}
.btn-sample:hover {
    background-color:#fff !important;
    border-color:#68b3d2 !important;
}
.btn-auro:hover {
    border-color: #fad69b !important;
    background-color: #fff !important;
    color: #000 !important;
}
.addtocart-btn-div {
    display:inline-block;align-self:flex-end;margin-bottom:0px;
}
@media (max-width:991px) {
    .addtocart-btn-div {
        width:100%;
    }
}
.group-select td > * {
    vertical-align:middle;
}
.magazijnopruiming {
    position:absolute;top:60%;left:15px;z-index:200;
    padding:8px;
    background-color:#e8605b;
    color:#fff;
    font-weight:bold;
    letter-spacing:1px;
    font-size:110%;
}
.tweedekans {
    display:none;
}
.tweedekans-desc {
    margin:5px 0 20px 0;display:block
}
.tweedekans-head {
    color: #97c121;
}
.tweedekans-slidelink {
    color: #97c121;
    text-decoration: underline
}
.btn-tweedekans {
    background-color:#9389c1 !important;
}
.btn-tweedekans:hover {
    background-color: #fff !important;
    border-color: #9389c1 !important;
}
.btn-offerte {
    background-color: #c4a919 !important;
    text-transform:initial !important;
}
.btn-offerte:hover {
    background-color: #fff !important;
    border-color: #c4a919 !important;
}
.notificatiebutton {
    height:36px;
    padding:9px 20px !important;
    background-color: #9389c1 !important;
}
.notificatiebutton:hover {
    background-color: #fff !important;
    border-color: #9389c1 !important;
}

.btn-winkelmandpopupclose {
    background-color: var(--buttons-kleur, #9389c1) !important;
}

.btn-winkelmandpopupclose:hover {
    background-color: #ccc !important;
    border-color: #ccc;
    color: #ffffff;
}

.modal-title-mobile {
    font-size: 33px;
}
@media (max-width:767px) {
    .modal-title-mobile {
        font-size: 24px;
    }
    .modal-header {
        margin-bottom:0;padding:1px 15px;
    }
}
.rreicon {
    position:absolute;top:10px;right:10px;width:80px;height:80px;z-index:99
}
.clickcollecticon {
    max-width: 80px !important;
    width: initial !important;
    height: initial !important;
}
.bottomleft {
    top:initial;left:10px;bottom:10px;
}

.auro-color {
    color: rgba(0,0,0,.3);
    cursor: pointer;
    padding:0;
}
.auro-color:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.auro-color:hover {
    color: rgba(0,0,0,1);
}
.auro-color-name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size:90%
}
.centered {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-90%);
}
.AuroSelectedColorPanel {
    margin:2px 0px 0 0px;
    padding: 10px;
}
.AuroRemove {
    position:absolute;
    right:20px;
    background:none !important;
}
.AuroRemove:hover {
    border:none !important;
}
.review-answer {
    margin: 30px 0 0 50px;
    padding: 5px 0 0 0;
    border-top: #eee 1px solid;
}
.review-logo {
    max-width:60px;
}
.visible {
    display:block !important;
}
.pickerdiv {
    width: 118px;
    height: 33px;
    display: inline-block;
    text-align: center;
    padding: 5px;
    color: rgba(0,0,0,0);
    font-weight: 400;
    transition:0.5s;
}

.pickerdiv:hover {
    color: rgba(255,255,255,1);
    cursor: pointer;
}

.pickerdivwhite:hover {
    color: rgba(0,0,0,1);
    cursor: pointer;
}
.selectedcolor {
    color: rgba(255,255,255,1);
}
.selectedcolorblack {
    color: rgba(0,0,0,1);
}
@media(min-width: 1200px) {
    .col-8 {
        width: 12.5%;
    }
}
.btn-preorder {
    padding: 14px 50px !important;
    background-color: #9389c1;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: -4px;
}
.themapanel {
    border: #f2f2f2 1px solid;
    background-color: #f2f2f2;
    padding: 15px 0;
    margin-top: 25px;
}

.margintopbtn {
    margin-top:30px !important;
}

.fabrikantbericht {
    width: 100%;
    background-color: #c4e86b;
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
    position: relative;
    margin-bottom:10px;
}

.boxinhoudtop {
    border-top: #DDDDDD 1px solid;
    border-left: #DDDDDD 1px solid;
    border-right: #DDDDDD 1px solid;
}

.boxinhoudbottom {
    border-bottom: #DDDDDD 1px solid;
    border-left: #DDDDDD 1px solid;
    border-right: #DDDDDD 1px solid;
}

.blijft-bestelbaar {
    padding: 5px;
    background-color: #c3c3c3;
    margin-bottom:15px;
}

.groothandellink {
    text-decoration:underline;
    background:none !important;
}
.groothandellink:hover {
    border:none !important;
}
.mt {
    height:10px
}

.add-fav {
    opacity: 1;
    z-index: 999;
}

@media (max-width:767px) {
    .nav-tabs {
        border-bottom: 1px solid #bfc9ca;
    }
}

ul {
    padding-inline-start:0px;
}

.AlternatievenPanel {
    border: #000 1px solid;
    padding: 10px;
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: initial;
    line-height: initial;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    width: 100%;
    z-index: 30;
}

.alternatief-link:hover {
    cursor:pointer;
    text-decoration:none;
}

.details-filter-table td {
    padding: 0.5rem 1rem 0.5rem 0.5rem;
}

.spec {
    background-color: rgb(248, 248, 248);
}
.specs__title {
}
.specs__value {
}

.grid-manufacturer {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: oswald, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1px;
    color: #454545;
}

.uitvoering-text-middle {
    font-size:14px;
}

@media (max-width:767px) {
    .uitvoering-text {
        text-align:center
    }
}

.uitvoering-text a {
    font-weight:normal
}

.ProductLeftPanel {
    position:relative;
}

.questionlabel {
    font-weight: normal;
}

.fieldinput {
    display: block;
    width: 100%;
}

.required:after {
    margin-left: 4px;
    color: red;
    content: "*";
}

.actietm {
    color: #ED5D54;
    font-style: italic;
    font-size: 90%;
    margin-left: 5px;
}
.milieueigenschap-tabel {
    width:100%
}

.milieueigenschap-tabel td {
    padding: 10px 20px;
    vertical-align: middle;
    text-align: left;
}

.milieueigenschap-head {
    background-color: #2d6557;
    color: #fff;
}

.milieueigenschap-keurmerk {
    color: #98c120;
    text-transform: uppercase;
}

.milieueigenschap-grey {
    background-color: #f4f4f4
}

.milieulogo {
    max-height:50px;
}

.opisop-label {
    font-weight: bold;
    color: red;
    font-size: 16px;
}

.details-filter-table {
    width:100%
}

.prijsafspraak-label {
    color: red;
    font-size: 16px;
}

.duurzame-kenmerken-product {
    position: absolute;
    top: -4px;
    left: 10px;
    z-index: 99;
    color: #97c121;
    text-align:center;
    
}
.kenmerk-text {
    margin: 5px 0 15px 0;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
}
.kenmerk-logo {
    width: 50px;
}

@media (max-width:767px) {
    .kenmerk-text {
        font-size: 10px;
    }
    .kenmerk-logo {
        width: 33px;
    }
}

.klustb {
    font-size:14px !important;
}
.klusx {
    position: absolute;
    right: -4px;
    top: 6px;
}
.klusx-item {
    position: absolute;
    right: -15px;
    top: 27px;
    font-size:125%;
}
.klusis {
    font-weight: bold;
    position: absolute;
    right: -6px;
    top: 6px;
}
.text-left-klus {
    text-align:left !important;
    font-weight:bold;
}
.klusmatenbg {
    background-color: #eeeeee;
    padding: 10px 10px 1px 10px;
    border-radius: 5px;
}
.klusmaten {
    display: flex;
    flex-direction: row;
    
}
.klustotaalcol {
    align-self: baseline
}

.kluscommentaar {
    margin-top: 20px;
    font-size:16px;
    font-style:italic;
}

.klusnodigbtn {
    background-color: #2d6557 !important;
}
.klusnodigbtn:hover {
    background-color: #fff !important;
    border: solid 2px #2d6557 !important;
}
.dropdown-no-arrow {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.klusvooraantalm2 {
    font-size:70%;
    font-weight:normal;
    margin-left:10px
}

.btn-account-aanmaken {
    background-color: #2e6557 !important;
}

.btn-offerte-aanvragen {
    background-color: #12202c !important;
}

.btn-account-aanmaken:hover, .btn-offerte-aanvragen:hover {
    color: #fff !important;
}

.klusinfoicon {
    font-size:120%;
}

.bulk-text {
    color: #a6a6a6;
    margin-bottom:5px;
    font-weight:600;
    font-size:90%;
}

.bulk-button {
    border: #d9d9d9 solid 1px;
    border-radius: 4%;
    padding: 5px 30px 15px 20px;
    display: inline-block;
    font-size: 15px;
    line-height: normal;
    margin-right:5px
}
.bulk-button-selected {
    border-color: #97c121;
    border-width: 1px;
}

.bulk-button .price-sales {
    font-size: 24px;
    font-weight: 600;
}

.keurmerklogo {
    max-height:40px;
    max-width:40px;
}
.keurmerkendiv {
    font-size: 16px;
    color: #98c120;
    text-transform: uppercase;
    white-space:nowrap;
}

.keurmerkendiv-extra {
    display:none;
}
.keurmerk-bekijk-alles {
    text-decoration: underline;
    font-size: 16px;
    color: #98c120;
    margin-top: 8px;
    font-weight:bold;
}
@media (min-width:1024px) {
    .keurmerk-bekijk-alles {
        float: right;
        
    }
}

@media (max-width:767px) {
    .sp-thumbs {
        white-space:nowrap;
        overflow:auto;
        height:70px;
    }

    .productThumb .sp-thumbs a:link {
        float:none;
    }
}

.samplemiddle-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:20px;
}

.uitvoeringenprice .price {
    font-size:18px;
}

.video-container-productdetails {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.video-container-productdetails iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.andere-uitvoering-price1 {
    font-size:30px;
}
.andere-uitvoering-price2 {
    font-size: 16px;
    margin:10px 0;
}

.uitv-float-r {
    display: inline-block;
    float: right;
}

.kenmerken-item {
    display: inline-block;
    margin-right: 20px;
    color: #98c120;
    text-transform: uppercase;
    font-size: 14px;
}

.horizontal-div {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.green {
    color: #97c121;
}