input,
    select {
        background: #ffffff !important;
        border-radius: 2px !important;
        border: 1px solid #d1d1d6 !important;
        color: #8e8e93 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 50px;
    margin-bottom: 5px;
        transition: 0.2s all ease-in-out;
    }
    .date-select-image{
        border-radius: 8px 8px 0px 0px;
    }
    
    li a:hover {
        color: #004165;
    }
    
    #contact .confirm {
        margin-bottom: 100px;
    }
    
    #reservering-step {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    .text-white {
        color: #ffffff !important;
    }
    
    #reservering-step .nav-tabs {
        width: -webkit-fill-available;
        border: unset;
        border-bottom: 1px solid #004165;
    }
    
    span.s-vergelijkbaar {
        font-size: 20px;
        color: #e98300;
    }
    
    .s-vergelijkbaar-s {
        font-size: 13px;
        color: #e98300;
    }
    
    .pointerevents-none {
        pointer-events: none;
    }
    
    #reservering-step .nav-link {
        padding-bottom: 20px;
        font-weight: bold;
        font-size: 17px;
        color: #004165;
    }
    
    #reservering-step .nav-tabs .nav-link.active {
        border: unset;
        border-bottom: 3px solid #e98300;
        color: #e98300;
        background: #FAFAFA 0% 0% no-repeat padding-box;
    }
    
    .nav-link:hover {
        border: unset;
    }
    
    #reservering-step .tab-content {
        margin-top: 30px;
    }
    
    #reservering-step .tab1fieldsm {
        width: 45%;
        display: inline-grid;
        color: #004165;
        font-weight: bold;
    }
    
    #reservering-step .tab2fieldsm {
        width: 45%;
        display: inline-grid;
        float: right;
        color: #004165;
        font-weight: bold;
    }
    
    #reservering-step .o-datum-m {
        display: inline-flex;
    }
    
    #reservering-step .i-datum-m {
        display: inline-flex;
    }
    
    #reservering-step .inqar-multi-form-tab1-heading {
        font-size: 30px;
        font-weight: bold;
        color: #004165;
        margin-bottom: 0px;
    }
    
    #reservering-step .inqar-multi-form-tab1-subheading {
        font-size: 20px;
        font-weight: bold;
        color: #A6BCC9;
    }
    
    #reservering-step .inqar-multi-form-tab2-heading {
        font-size: 30px;
        font-weight: bold;
        color: #004165;
        margin-bottom: 0px;
    }
    
    #reservering-step .inqar-multi-form-tab2-subheading {
        font-size: 20px;
        font-weight: bold;
        color: #A6BCC9;
    }
    
    #reservering-step .mcard-inqar-multi-body {
        padding-left: 35px;
        padding-bottom: 50px;
    }
    
    #reservering-step .inqar-multiformlist-tab2 {
        list-style: none;
        padding-left: 0px;
    }
    
    #reservering-step .inqar-multiformlist-tab2-headings {
        font-size: 18px;
        font-weight: bold;
        color: #004165;
        margin-bottom: 0px;
    }
    
    #reservering-step .div-tab2-inqar-m {
        font-size: 20px;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    
    #reservering-step .div-tab2-inqar-m2 {
        font-size: 20px;
        position: absolute;
        bottom: 0px;
        right: 75px
    }
    
    #reservering-step .div-tab2-inqar-m2:before {
        content: "+";
        font-size: 20px;
        color: grey;
    }
    
    #reservering-step .inqar-price-tab2m {
        position: absolute;
        bottom: -5px;
        right: 0px;
    }
    
    #reservering-step .inqar-price-tab2m:before {
        content: "+";
        font-size: 20px;
        color: grey;
    }
    
    #reservering-step.inqar-price-tab3m:before {
        content: "+";
        font-size: 20px;
        color: grey;
    }
    
    #reservering-step .span-tab2-inqar-m {
        font-size: 18px;
    }
    
    #reservering-step .tab2-section-inqar-m2:after {
        content: "";
        border-bottom: 1px solid #D9E2E8;
        margin-top: 40px;
        display: block;
    }
    
    #reservering-step .inqar-input-tab2-m {
        width: 50% !important;
        background-color: white !important;
    }
    
    #reservering-step label>input[type="checkbox"] {
        display: none;
    }
    
    #reservering-step label>input[type="checkbox"]+*::before {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        width: 35px;
        height: 35px;
        border-radius: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #e98300;
        position: absolute;
        bottom: -5px;
        right: 0px;
        z-index: 2;
    }
    
    #reservering-step label>input[type="checkbox"]:checked+*::before {
        content: "✓";
        color: white;
        text-align: center;
        background: #e98300;
        border-color: #e98300;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }
    
    #reservering-step label>input[type="checkbox"]:checked+* {
        color: #004165;
    }
    
    #reservering-step .line-inqar-m {
        border-bottom: 2px solid #D9E2E8;
        content: "";
        width: 100%;
        margin-top: 100px;
    }
    
    #reservering-step .line-inqar-m2 {
        border-bottom: 2px solid #D9E2E8;
        content: "";
        width: 100%;
    }
    
    #reservering-step .inqar-subtotal-tab2 {
        color: #004165;
    }
    
    #reservering-step .inqar-subtotal-tab2:before {
        content: "Subtotaal";
        margin-right: 26px;
        font-size: 20px;
        color: #004165;
    }
    
    #reservering-step .inqar-total-tab2 {
        color: #E98300;
    }
    
    #reservering-step .inqar-total-tab2:before {
        content: "Totaal";
        margin-right: 30px;
        font-size: 30px;
        color: #E98300;
    }
    
    #reservering-step .inqar-form-subh-tab3 {
        color: #004165;
        padding-top: 30px;
    }
    
    #reservering-step .inqar-form-h-tab3 {
        color: #004165;
    }
    
    #reservering-step .inqar-form-h-tab32 {
        margin-bottom: -25px !important;
        color: #004165;
    }
    
    #reservering-step .inqar-form-h-tab4 {
        font-size: 20px;
        color: #004165;
        font-weight: bold;
    }
    
    #reservering-step .inqar-form-h-tab5 {
        color: #E98300;
        font-weight: bold;
        font-size: 20px;
    }
    
    #reservering-step .inqar-jouw-bestelling-box {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #D0D0D0;
        border-radius: 5px;
    }
    
    #reservering-step .inqar-alg-tab3 {
        position: absolute;
        bottom: -10px;
    }
    
    #reservering-step .inqar-check-alg-tab3 {
        margin-left: 5px;
    }
    
    #reservering-step .inqar-btn-tab3 {
        padding-top: 10px;
        padding-bottom: 10px;
        border: unset;
        padding-left: 20px;
        padding-right: 20px;
        margin-right: -15px;
        margin-top: 30px;
    }
    
    #reservering-step .number {
        position: absolute;
        bottom: -11px;
    }
    
    .minus:hover,
    .plus:hover {
        cursor: pointer;
    }
    
    #reservering-step .minus,
    .plus {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
        color: #004165;
    }
    
    svg.loading-spinner {
        height: 100px;
        width: 100px;
        margin: auto;
        display: block;
        margin-top: 50px;
        margin-bottom: 15px;
        -webkit-animation: spin 4s linear infinite;
        -moz-animation: spin 4s linear infinite;
        animation: spin 4s linear infinite;
    }
    
    .loading-container {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    .loading-container .card {
        border-radius: 8px;
        border: unset;
    }
    
    @-moz-keyframes spin {
        100% {
            -moz-transform: rotate(360deg);
        }
    }
    
    @-webkit-keyframes spin {
        100% {
            -webkit-transform: rotate(360deg);
        }
    }
    
    @keyframes spin {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @media (max-width: 767px) {
    #reservering-step .mcard-inqar-multi-body {
            padding-top: 20px;
            border-radius: 8px;
        }
        .multiform-item-label {
                margin-top: -8px;
                color: #004165;
            }
        .inqar-multi-form-tab2-image{
           display: none;
        }
        .text-secondary.inqar-price-tab3m {
                margin-left: -25px;
            }
        #reservering-step .inqar-input-tab2-m {
    width: 100% !important;
}
        li.nav-item {
                height: 45px;
            }
        h3.inqar-multi-form-tab1-subheading.mb-4 {
                margin-top: -10px;
            }
        #reservering-step .tab1fieldsm {
                width: 100%;
    
            }
        
            #reservering-step .tab2fieldsm {
                width: 100%;
          
            }
        #reservering-step .o-datum-m,
        #reservering-step .i-datum-m {
            display: block !important;
        }
        #reservering-step .nav-link {
            font-size: 10px !important;
        }
        #reservering-step .minus,
        #reservering-step .plus {
            display: none !important;
        }
        #reservering-step .inqar-price-tab2m {
            bottom: 0 !important;
        }
        #reservering-step .number {
            position: absolute;
            bottom: 0px !important;
            left: -35px !important;
        }
        #reservering-step .div-tab2-inqar-m2 {
            right: 45px !important;
            display: flex;
        }
        #reservering-step .inqar-subtotal-tab2 {
            margin-right: 0px !important;
        }
        #reservering-step .inqar-alg-tab3 {
            left: 50px;
        }
        #contact {
            margin-bottom: 10px;
        }
    }