/* Helper classes */
.border-bottom {
    border-bottom: 1px solid #ccc;
}

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

.d-none {
    display: none!important;
}

.d-flex {
    display: flex!important;
}

.align-items-start {
    align-items: flex-start;
}

/** Product list features */
.product-list-feature .rating {
    display: inline-block;
    font-size: 19px;
}
.product-list-feature .rate-base-layer {
    color: #ccc;
}
.product-list-feature .rate-select-layer {
    color: #febc68;
}

.border {
    border: 1px solid #ccc;
}

/* Product customization */
.product-customization,
.product-customization-item,
.product-add-to-cart,
.extraBerekenButton,
#berekenModal,
#color-selection,
#gekoppeldeProducten {
    display: none;
}

#bereken_en_bestel_button button {
    background-color: #39df00;
    border-color: #39df00;
    color: #000!important;
}

/* Color selection */
.color-btn {
    height: 2rem;
    margin-right: 5px;
    margin-bottom: 5px;
    font-weight: 400;
    line-height: 16px;
    padding: 0.5rem;
    color: #0082c8;
    font-weight: 700;
    width: 85px;
}
.meestgekozen_kleuren_hr {
    margin-top: -5px;
    margin-bottom: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    border-bottom: 1px solid #ccc;
}
.color-btn:hover {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
}
.color-btn.selected-color {
    -webkit-box-shadow: 0px 0px 3px 3px rgb(254, 188, 104);
    -moz-box-shadow: 0px 0px 3px 3px rgb(254, 188, 104);
    box-shadow: 0px 0px 3px 3px rgb(254, 188, 104);
}

/* Gekoppelde producten table */
.gekoppeld-product-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
}
@media (max-width: 767px) {
    .gekoppeld-product-row {
        padding-bottom: 0;
    }
    .gekoppeld-product-row div[class^="col-xs-"] {
        margin-bottom: 5px;
    }
}

.btn-volumekorting {
    padding: 0 5px!important;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: initial;
}

.product-unit-price.sub {
    display: none;
    font-size: 20px;
}

#dhz-add-to-cart {
    white-space: initial;
}

/* blockreassurance */
#product #block-reassurance {
    display: block;
    margin: 0;
    border: none;
}

/* loader */
.dhz_loader_overlay{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgba(51, 53, 57, 0.85);
}
.dhz_loader{width:500px;max-width:80%;height:120px;margin:auto;
    position: relative;
    top: 40%;}
.dhz_loader .loader-inner{width:60px;height:60px;position:relative;margin:0 auto}
.dhz_loader .loader-inner div{content:"";width:16px;height:16px;border-radius:50%;background:#febd69;position:absolute;top:10px;left:10px;transform-origin:20px 20px;-webkit-animation:dhz-loading 2s infinite cubic-bezier(.5,0,.5,1);animation:dhz-loading 2s infinite cubic-bezier(.5,0,.5,1)}
.dhz_loader .loader-inner .box-2{top:10px;left:auto;right:10px;transform-origin:-4px 20px;-webkit-animation:dhz-loading2 2s infinite cubic-bezier(.5,0,.5,1);animation:dhz-loading2 2s infinite cubic-bezier(.5,0,.5,1)}
.dhz_loader .loader-inner .box-3{top:auto;left:auto;right:10px;bottom:10px;transform-origin:-4px -4px;-webkit-animation:dhz-loading3 2s infinite cubic-bezier(.5,0,.5,1);animation:dhz-loading3 2s infinite cubic-bezier(.5,0,.5,1)}
.dhz_loader .loader-inner .box-4{top:auto;bottom:10px;transform-origin:20px -4px;-webkit-animation:dhz-loading4 2s infinite cubic-bezier(.5,0,.5,1);animation:dhz-loading4 2s infinite cubic-bezier(.5,0,.5,1)}
.dhz_loader .text{display:block;font-size:18px;font-weight:600;color:#febd69;text-align:center}
@-webkit-keyframes dhz-loading{
    0%{transform:rotate(90deg)}
    50%{transform:rotate(180deg)}
    75%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@keyframes dhz-loading{
    0%{transform:rotate(90deg)}
    50%{transform:rotate(180deg)}
    75%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@-webkit-keyframes dhz-loading2{
    0%,25%{transform:rotate(90deg)}
    25%{transform:rotate(180deg)}
    75%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@keyframes dhz-loading2{
    0%,25%{transform:rotate(90deg)}
    25%{transform:rotate(180deg)}
    75%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@-webkit-keyframes dhz-loading3{
    0%,25%{transform:rotate(90deg)}
    50%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@keyframes dhz-loading3{
    0%,25%{transform:rotate(90deg)}
    50%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@-webkit-keyframes dhz-loading4{
    0%,25%{transform:rotate(90deg)}
    50%{transform:rotate(180deg)}
    100%,75%{transform:rotate(360deg)}
}
@keyframes dhz-loading4{
    0%,25%{transform:rotate(90deg)}
    50%{transform:rotate(180deg)}
    100%,75%{transform:rotate(360deg)}
}