.contact-block {
    margin-top: 12px;
    display: inline-block;
    width: 100%;
}

.contact-tile {
    width: 24%;
    height: 135px;
    background: white;
    margin: 12px;
    padding: 12px;
    border: 1px grey solid;
    border-radius: 6px;
    color: #003a63;
    display: inline-table;
    min-width: 150px;
}

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

.contact-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    margin-bottom: 6px;
    width: 61px;
}

.fit-small-text {
    font-size: smaller;
}

.timeblock {
    width: 47%;
    display: inline-block;
    background-color: #f7f7f7;
    text-align: center;
    line-height: 24pt;
    margin: 2px;
    white-space:nowrap;
    
}

.form-row .label {
    vertical-align: top;
}

#chbtransport1:checked + .label-for-check {
    font-weight: bold;
}

#chbtransport2:checked + .label-for-check {
    font-weight: bold;
}

#chbtransport3:checked + .label-for-check {
    font-weight: bold;
}

.tbx input.input-for-check {
    display: inline-block;
}

#chbtransport2:checked + .input-for-check {
    display: inline-block !important;
}

.transportblock label {
    width: 240px;
    display: inline-block;
    margin-top: 2px;
}

.error {
    color: red;
}

.customfooter{
    height: 150px;
    background-color: #B5CBE0; 
}

#chbblocktime1:checked + .label-for-check {
    font-weight: bold;
}

#chbblocktime2:checked + .label-for-check {
    font-weight: bold;
}

#chbblocktime3:checked + .label-for-check {
    font-weight: bold;
}

#chbblocktime4:checked + .label-for-check {
    font-weight: bold;
}

nav .hyp-top-lvl {
    text-transform: none;
    text-decoration: none;
}

.tbl {
    padding-left: 20px;
    width: 120px;
    display: inline-block;
}


#VerzendType1:checked ~ .VerzendAdres {
    display: none;
}

/*-----------------------------------------------
    Verwijder de uppercase
-----------------------------------------------*/
h1,
h2,
h3,
h4 {
    text-transform: none;
}

.font-h4 {
    text-transform: none;
}

.btn {
    text-transform: none;
}

.font-btn {
    text-transform: none;
}


.gvi .product-title-super {
    text-transform: none;
}

.over-summary .hyp {
    text-transform: none;
}

.summary-title {
    text-transform: none;
}

nav .hyp-top-lvl {
    text-transform: none;
}


.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    text-transform: none;
}

.hidden-tabs-name {
    text-transform: none;
}

.gvi-variants th,
.gvi-prepacks th {
    text-transform: none;
}

.usp-list li {
    text-transform: none;
}
/*-----------------------------------------------
    Einde Verwijder de uppercase
-----------------------------------------------*/
.mobileonly {
    display: none;
}

.details-info .description {
    display: none;
}

/*.details-info .hyp.hyp-print-preview.arrow-blue {
    display: none;
}*/

.product-bottom-info .description table {
    width: 100%;
}


/*CSS VOOR DROPDOWN*/
select[multiple],
select[size] {
    height: auto;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #474747;
    background-color: transparent;
    background-image: none;
    border: 1px solid #D4D8DD;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #D4D8DD;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 216, 221, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 216, 221, 0.6);
    }

    .form-control::-moz-placeholder {
        color: #919DA8;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #919DA8;
    }

    .form-control::-webkit-input-placeholder {
        color: #919DA8;
    }

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #E2E5E8;
        opacity: 1;
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

.form-control#SubjectDropdown {
    height: auto;
}

.custom-bg {
    background-size: contain;
}

.our-methods {
    display: none;
}


.headerback {
        display:none;
        background-color:transparent;
         position:absolute;
          width:100%; 
          height:100%;
    }
/*Alleen als mobile*/
@media screen and (max-width: 639px) {
    .flexi-row .columns-general > .column {
        display: inline-block;
        width: 49%;
    }

    .flow-img-tiles .column {
        margin-bottom: 0px;
    }

    .columns-general.flow-img-tiles {
        padding: 0px;
        text-align: center;
    }

    .mobileonly {
        display: inline-block;
    }

    .arrow-red.hyp-back {
        margin-right: 20px;
        line-height: 20px;
    }

    header {
        position: fixed;
        width: 100%;
        z-index: 3;
    }

   
    .nav-is-opened .headerback{
        display:block;
        background-color:rgba(0,0,0,0.5);
        top:62px;
        height:9999px;
        z-index:-1
    }

    .above-content {
        position: fixed;
        width: 100%;
        background-color: white;
        z-index: 1000;
        top: 60px;
        border-bottom: 1px solid rgba(230,230,230,255);
        background-repeat: no-repeat;
        /*background-position: 50%;
        background-size: contain;*/
        background-size: cover;
    }

    .custom-bg .center {
        background-size: cover;
    }


    .content {
        padding-top: 80px;
    }

    #productPage {
        padding-top: 40px;
    }

    #productListPage {
        padding-top: 100px;
    }
}


.custom-bg:before {
    background-color: transparent;
}



.custom-bg {
    background-color: transparent !important;
}



.custom-bg {
    background-color: rgba(0, 55, 103, 1) !important;
}



.custom-bg .center {
    background-position-x: 50%;
}

    .no-webp .custom-bg .center {
        background-image: url("/content/files/images/backgroundfader.png");
    }


    .webp .custom-bg .center {
        background-image: url("/content/files/images/backgroundfader.webp");
    }

    

.checkicon,.checkiconall, .checkicon2 {
    width: 27px;
    cursor: pointer;
}

    .checkicon:hover, .checkiconall:hover {
        background-color: #F2F2F2;
        border-radius: 5px;
    }

    .configurationrow2 td {
    vertical-align: top;
}

.gvi {
    line-height: 24px;
}

.configurationrow2:nth-child(even) {
    background: #E9E9E9;
}

.configurationrow2:nth-child(odd) {
    background: #FFFFFF;
}


/*.colored-header-desktop,
.gray-header-phone{

    background-color: [Header_Alt_BackgroundColor|#ffffff];

}

.ui-mobile .top-dropdown .opener{

    background: [Header_Alt_BackgroundColor|#ffffff];
}*/

.selectall, .deselectall{
    min-width:200px;
}
.selectall img, .deselectall img{
    vertical-align:bottom;
}
header.sticky-mode.nav-is-opened .nav-opener-wrapper:before {
    height:0px;

}
header.sticky-mode.nav-is-opened .nav-opener-background:before{
    background: #000;
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0.5;
    height: 99999px;
}


.ClearBasketButton{
    display:none; 
}

.jc-bs3-row{
    justify-content: center;
}

.jconfirm-box-container{
    width:300px;
    margin-top:-150px;
}




/*Hier begint defs aanpassing voor defs broodkruimel*/
.back-wrapper.mobileonly.customheadercss a {
    text-shadow: 2px 2px 5px rgba(0, 55, 103, 1);
    color: white;
} 
.combined-header.customheadercss h1 {
    text-shadow: 2px 2px 5px rgba(0, 55, 103, 1);
    color: white;
}
.breadcrumbs.customheadercss {
    border-left:0px !important;
}
.breadcrumbs.customheadercss li:last-child .hyp{
    color:white !important;
        text-shadow: 2px 2px 5px rgba(0, 55, 103, 1);

}
.breadcrumbs.customheadercss .hyp{
    color:white !important;
        text-shadow: 2px 2px 5px rgba(0, 55, 103, 1);

}


label .chb ins{
width:25px;
height:25px;
background-size:cover;
}

label:hover .chb ins{
    background-position: 0 -50px;
}

label .chb input[type="checkbox"]:focus + ins{
    background-position: 0 -50px;
}

label .chb input[type="checkbox"]:checked + ins{
    background-position: 0 -100px;
}

label:hover .chb input[type="checkbox"]:checked + ins{
    background-position: 0 -150px;
}

label .chb input[type="checkbox"]:checked:focus + ins{
    background-position: 0 -100px;
}


.gvi-basket2 .quantity-compact .tbx-quantity .ui-spinner-button{
    top:0px;
}

.gvi-basket2 .quantity-compact .tbx-quantity{
margin-bottom:0px;
}

.gvi-basket2 .col-qty{
    text-align:center;
}

/*PASSWORD STRENGTH METER*/
.strength_meter{
	height:23px;
width: 220px;
	background:transparent;
    position:absolute;
    right:0px;    
	
}
.strength_meter div{
	height:23px;
	width:100%;
	height:23px;
	text-align:center;
	color:black;
	font-weight:bold;
	line-height:23px;
}
.veryweak{
	background-color: #FFA0A0;
border-color: #F04040!important
}
.weak{
background-color: #FFB78C;
border-color: #FF853C!important;
}
.medium{
background-color: #FFEC8B;
border-color: #FC0!important;
}
.strong{
background-color: #C3FF88;
border-color: #8DFF1C!important;
}
.verystrong{
background-color: #C3FF88;
border-color: #8DFF1C!important;
}

.row-password .feedback-message,.row-password .validation {
    top:25px;
}

html.touch *:hover {
    pointer-events: none !important;
}


.back-wrapper + .breadcrumbs{
    float: left;
    padding-left: 0px;
    margin-left: 0px;
}
.transportcostsinfo{
    font-family:"Open Sans";
}
.columns-general.compact.rtl .combined-header, .column.wide.border-simple-left .combined-description,   .column.wide.border-simple-left .breadcrumbs.font-smaller  {
    display:none;
}
.nav-opener:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 60px;
    width: 64px;
    background-size: contain;
    margin-top: 9px;
}
.sticky-mode .nav-is-closed .bottom-header .center, .sticky-mode .nav-is-closed .middle-header .nav-opener-wrapper {
    background: #003a63;
}

/****************************************
    Custom Header
****************************************/
.header-desktop, .header-tablet, .header-mobile{
    display:none;
}
/****************************************
                Desktop
****************************************/
@media screen and (min-width: 1024px) {
    .header-desktop{
        display:block;
    }
}
/****************************************
                Tablet
****************************************/
@media screen and (min-width: 640px) and (max-width: 1023px) {
     .header-tablet{
        display:block;
    }
}
/****************************************
                Mobile
****************************************/
@media screen and (max-width: 639px) {

    .colored-header-desktop {
        display: none;
    }
    
    .header-mobile{
        display:block;
    }

}

.newsletter-line button {
    width: 140px;
}

.jconfirm-buttons button {

padding-right:30px !important; 
}


.Highlight {
    border: 1px solid #9fc64b;
    border-radius: 3px;
    background: #F5F9ED;
    margin-left: 20px;
    padding-left: 10px;
    margin-top: 20px;
}

    .Highlight ul {
        display: inline-flex;
        padding-left:10px;
    }

    .Highlight li {
        list-style-type: none;
    }
    .Highlight .firstLi {
        display: none;
    }


.errormessage {
    display: none;
}

/*.prices {
    display: none;
}
*/