#checkboxDiv1 {
    /* padding-left: 36px; */
}


/* [type="checkbox"].filled-in:checked+span:not(.lever):after{
    background-color: #BE9521;
    border: 2px solid red;
  } */

.checkBoxtext {
    align-items: center;
    color: #17181b;
    font-family: 'Montserrat';
}

.checkBoxtext {
    height: 30px;
    position: absolute;
    top: 19px;
    left: 27px;
    font-size: 15px !important;
    font-weight: 400;
}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
    background-color: transparent !important;
    border: 2px solid #5a5a5a !important;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid #ffb608 !important;
    background-color: #ffb608 !important;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: rgba(255, 182, 8, 0.50) !important;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #ffb608 !important;
}

/* .filled-in{ */
/* height: 50px; */
/* width: 50px; */
/* position: absolute; */
/* top: 90px; */
/* left: 23px; */
/* } */


.inputblock {
    position: relative;
    height: 40px;
    top: 0px;
}

.inputblock2 {
    position: relative;
    height: 60px;
    top: 0px;
}

.inputblock3 {
    position: relative;
    height: 60px;
    top: 0px;
}

.inputblock4 {
    position: relative;
    height: 100px;
    top: 20px;
}

.inputValue {
    position: absolute;
    left: 230px;
    top: 21px;
    height: 32px !important;
    width: 43px !important;

    margin: 0;

    border-width: 0px;
    border-color: #17181b;
    border-style: solid;

    padding-left: 8px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    border-bottom: 0px solid #000000 !important;
    text-align: right;
}

#inputIcon1 {
    background-image: url("../css/breedte.png");
    background-repeat: no-repeat;
    background-position: center;
    left: 20px;
    top: 4px;
}

#inputIcon2 {
    background-image: url("../css/diepte.png");
    background-repeat: no-repeat;
    background-position: center;
    left: 20px;
    top: 11px;
}

#inputIcon3 {
    background-image: url("../css/links_rechts.png");
    background-repeat: no-repeat;
    background-position: center;
    left: 20px;
    top: 11px;
}


.inputIcon {
    position: absolute;
    top: 0px;
    left: 20px;
    width: 32px;
    height: 32px;
}

.logoText {
    height: 60px;
    margin-left: 24px;
    margin-top: 4px;
}


.inputLabel {
    position: absolute;
    left: 50px;
    top: 18px;
    font-family: 'Montserrat';
    font-style: medium;
    font-weight: 500;
    font-size: 14px;
}

.inputLabel1 {
    position: absolute;
    left: 50px;
    top: 8px;
    font-family: 'Montserrat';
    font-style: medium;
    font-weight: 500;
    font-size: 14px;
}

.inputLabel2 {
    position: absolute;
    left: 50px;
    top: 15px;
    font-family: 'Montserrat';
    font-style: medium;
    font-weight: 500;
    font-size: 14px;
}


.inputMM {
    position: absolute;
    left: 274px;
    top: 25px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}


.inputMinLabel,
.inputMaxLabel {
    position: absolute;
    top: 66px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #6c6c6c;
    display: none;
}

.inputMinMaxLabel {
    position: absolute;
    top: 38px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #6c6c6c;
    left: 24px;
}


.inputMinLabel {
    left: 36px;
}

.inputMaxLabel {
    left: 382px;
}

.inputBorder {
    position: absolute;
    left: 187px;
    top: 16px;
    height: 40px;
    width: 160px !important;

    border-width: 1px;
    border-color: #dadee3;
    border-style: solid;

    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.buttonInput1 {
    position: absolute;
    left: 132px;
    height: 40px;
    width: 50px !important;
    background-color: #ffffff;

    border-width: 1px;
    border-color: #dadee3;
    border-style: solid;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #17181b;

    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;

    transition: 0.3s;
}

.buttonInput1:hover, .buttonInput1:focus, .buttonInput2:hover, .buttonInput2:focus, .buttonInput3:hover, .buttonInput3:focus, .buttonInput4:hover, .buttonInput4:focus {
    color: #17181b;
    background-color: #fdfbf5;
    border-color: #ffb608;
    opacity: 1
}


.buttonInput2 {
    position: absolute;
    left: 187px;
    height: 40px;
    width: 50px !important;
    background-color: #ffffff;

    border-width: 1px;
    border-color: #dadee3;
    border-style: solid;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #17181b;

    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;

    transition: 0.3s;
}

.buttonInput3 {
    position: absolute;
    left: 242px;
    top: 0px;
    height: 40px;
    width: 50px !important;
    background-color: #ffffff;

    border-width: 1px;
    border-color: #dadee3;
    border-style: solid;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #17181b;

    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;

    transition: 0.3s;
}

.buttonInput4 {
    position: absolute;
    left: 297px;
    top: 0px;
    height: 40px;
    width: 50px !important;
    background-color: #ffffff;

    border-width: 1px;
    border-color: #dadee3;
    border-style: solid;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #17181b;

    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;

    transition: 0.3s;
}


#minusW,
#minusD {
    position: absolute;
    height: 32px;
    width: 32px;

    left: 192px;
    top: 20px;


    background-image: url("../css/icon_minus.png");
    background-repeat: no-repeat;


}

#plusW,
#plusD {
    position: absolute;
    height: 32px;
    width: 32px;

    left: 311px;
    top: 20px;


    background-image: url("../css/icon_plus.png");
    background-repeat: no-repeat;
}

.lineWidth0 {
    position: relative;
    color: #000000;
    width: 373px;
    height: 1px;
    margin-top: 12px;
    left: 0px;
    position: relative;
    border-top: 1px solid #f3f3f3;
}

/* OPTION BLOCK */

#optionsBoxN {
    position: absolute;
    width: 384px;
    height: 48px;
    bottom: 73px;
    left: 403px;
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.optionsTopText_top {
    position: absolute;
    width: 313px;
    height: 16px;
    left: 16px;
    top: 16px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;

    color: #1a171b;
}

#priceN {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    width: 356px;
    text-align: end;
    color: #ffb608;
    margin-top: -16px;
}
