.obsdp-step-main-title{
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #5c5c5c;
    margin-bottom: 23px;
}
.obsdp-steps{
    width: 100%;
    list-style: none;
    margin: 0px 0px 24px 0px;
    padding: 0px;
}
.obsdp-steps li {
    float: left;
    position: relative;
}
.obsdp-steps li.fourth:nth-child(3){
    width:102px;
}
.obsdp-steps li:nth-child(2){
    width: 60% !important;
}
.obsdp-steps li:first-child,
.obsdp-steps li:last-child{
    width: 24px;
    height: 24px;
}
.obsdp-steps li.fourth:nth-child(3):after,
.obsdp-steps li:nth-child(2):after,
.obsdp-steps li:nth-child(2):before{
    content: '';
    display: block;
    position: absolute;
    width: 45%;
    background: #d0c9c9;
    height: 2px;
    top: 10px;
}
.obsdp-steps li:last-child:after{
    display: none;
}
.obsdp-steps li.active:nth-child(2):before{
    background: #d64847;
}
.obsdp-steps li.fourth.selected:nth-child(3):after,
.obsdp-steps li.selected:nth-child(2):after,
.obsdp-steps li.selected:nth-child(2):before{
    background: #d64847;
}
.obsdp-steps li.fourth:nth-child(3):after,
.obsdp-steps li:nth-child(2):after{
    right: 10px;
}
.obsdp-steps li:nth-child(2):before{
    left: 10px;
}
.obsdp-steps .form-steps-marker{
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: solid 1.5px #d0c9c9;
    display: block;
    margin: 0px auto;
    z-index: 1;
    position: relative;
    font-size: 19px;
    line-height: 19px;
    color: #d0c9c9;
    text-align: center;
    padding-top: 2px;
}
.obsdp-steps .fourth .form-steps-marker{
    margin: 0;
}
.obsdp-steps .active .form-steps-marker,
.obsdp-steps .selected .form-steps-marker{
    border: solid 1.5px #d64847;
    color:#d64847;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;
}
.obsdp-steps .selected .form-steps-marker{
    border: solid 0px #d64847;
    color:#ffffff;
    background:linear-gradient(to bottom, #e6615f, #c83231);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;
}

.obsdp-steps .selected .form-steps-marker:hover{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    background:#000000;
}
.obsdp-steps:after{
    clear: both;
    display: table;
    float: none;
    content: '';
}
.obsdp-step-content{
    margin-bottom: 20px;
}
.obsdpstepbox {
    padding: 0;
    border: 0;
    display: none;
}
.obsdpstepbox.active {
    display: block;
}
#obsdpformbox.obsdpstepbox.active{
    display: flex;
    flex-direction: column-reverse;
}
#obsdpformbox .col-form{
    width: 100%;
    max-width: 370px;
}
#obsdpformbox .col-cart{
    width: 100%;
    max-width: 370px;
    margin-bottom: 40px;
}
#obsdpformbox .col-cart .selected-reparaties ul{
    margin-bottom: 0;
}
@media screen and (min-width:768px){
    #obsdpformbox.obsdpstepbox.active{
        justify-content: space-between;
        flex-direction: row;
    }
    #obsdpformbox .col-form{
        width: 48%;
        max-width: 370px;
    }
    #obsdpformbox .col-cart{
        width: 48%;
        max-width: 370px;
    }
}
.obsdp-submit button{
    font-family: 'Open Sans', sans-serif;
    border-radius: 0px;
    width: 100%;
    font-size: 20px;
    padding-left: 15px;
    text-align: left;
    padding-right: 15px;
    padding-top:10px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter-submit button:hover,
.obsdp-submit button:hover{
    background: #bf2726;
/*    background-image: linear-gradient(to right, #e14f4e 2%, #bf2726 114%);*/
}
.obsdpstepbox-options{
    display: block;
    width: 100%;
}
a.obsdpstep-option.obsdpstep-brand{
    display: block;
    margin-bottom: 12px;
}
.obsdpstepbox-options .obsdpstep-option .filter-text{
    display: table-cell;
    vertical-align: middle;
}
.obsdpstepbox-options .obsdpstep-option .filter-text{
    font-family: 'Montserrat',sans-serif;
    font-weight: 400;
    color: #5a5a5a;
}
.obsdpstepbox-options .obsdpstep-option:hover .filter-text,
.obsdpstepbox-options .obsdpstep-option.active .filter-text{
    color: #e51924;
}
.obsdpstepbox-text{
    font-family: 'Montserrat',sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 28px;
    color:#606060;
}
.obsdpstepbox{
    display: none;
}
.obsdpstepbox.active{
    display: block;
    position: relative;
}
.obsdpstepbox .obsdpstep-text{
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #5c5c5c;
    margin-bottom: 23px;
}
.obsdpstepbox .obsdpstep-options-container{
    position:relative;
    margin-bottom: 20px;
    max-width: 320px;
}
.obsdpstepbox .obsdpstep-reparatie .obsdpstep-options-container{
    margin-bottom: 40px;
}
.obsdpstepbox .obsdpstep-selectbutton{
    color:#555555;
    background:#FAFAFA;
    border:1px solid #CCCCCC;
    font-size: 18px;
    line-height: 27px;
    padding:5px 10px;
    position:relative;
}
.obsdpstepbox .obsdpstep-selectbutton.active{
    cursor:pointer;
}
.obsdpstepbox .obsdpstep-selectbutton.disable{
    cursor:default;
}
.obsdpstepbox .obsdpstep-selectbutton i{
    position:absolute;
    right:20px;
    top:8px;
}
.obsdpstepbox .obsdpstep-options{
    display:none;
    width:100%;
    position:absolute;
    left:0px;
    border:1px solid #cccccc;
    z-index: 100;
    background: #ffffff;
}
.obsdpstepbox .obsdpstep-options.active{
    display: block;
}
.obsdpstepbox .obsdpstep-options .obsdpstep-option{
    display:block;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color:#555555;
    padding:5px 10px;
    border-bottom: 1px solid #cdcdcd;
}
.obsdpstepbox .obsdpstep-options .obsdpstep-option.select{
    background:rgb(210, 62, 60);
    color:#ffffff;
}
.obsdpstepbox .obsdpstep-options .obsdpstep-option:last-child{
    border-bottom: none;
}
.obsdpstepbox .obsdpstep-options .obsdpstep-option:hover{
    color:#555555;
    background:#fafafa;
}
.entry-content .obsdp-steps li{
    padding-left: 0;
}
.entry-content .obsdp-steps li:before{
    display: none;
}
.entry-content .obsdp-steps li:nth-child(2):before{
    display: inline-block;
}
.obsdp-step-content .filter-totals{
    display: none;
}

.obsdp-fields.err{
    border:1px solid #ff0000;
}
.obsdp-recaptcha-field{
    margin-bottom: 20px;
}
.obsdp-field-wrapper{
    position:relative;
}
.obsdp-field-wrapper{
    width: 100%;
    max-width: 370px;
}
.obsdp-field-wrapper select{
    height: 40px;
}
.obsdp-field-wrapper label{
    display: block;
    font-family: 'myriad-web-pro-bold';
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #070706;
    margin-bottom: 15px;
}

.omodalbox-subtotals,
.omodalbox-korting,
.omodalbox-totals{
    font-size: 18px;
    line-height: 44px;
    display:table;
    width: 100%;
    margin-bottom: 40px;
}
.omodalbox-subtotals,
.omodalbox-korting{
    margin-bottom: 5px;
    line-height: 20px;
}
.omodalbox-subtotals.hide,
.omodalbox-korting.hide{
    display:none;
}
.omodalbox-subtotals span,
.omodalbox-korting span,
.omodalbox-totals span{
    display:table-cell;
    vertical-align: middle;
    width:20%;
    line-height: 24px;
}

.omodalbox-subtotals span:last-child,
.omodalbox-korting span:last-child{
    font-family: 'myriad-web-pro-bold';
    color:#000000;
    font-size: 18px;
    line-height: 20px;
    width:55%;
}
.omodalbox-totals span:last-child{
    font-family: 'myriad-web-pro-bold';
    color:#000000;
    font-size: 36px;
    line-height: 40px;
    width:55%;
}

.omodalbox-submit button{
    font-family: 'Open Sans', sans-serif;
    border-radius: 0px;
    width: 100%;
    font-size: 20px;
    padding-left: 15px;
    text-align: left;
    padding-right: 15px;
    padding-top:10px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.omodalbox-submit button:hover{
    background: #bf2726;
}
.omodal-container .obsdpstep-options-container{
    position: relative;
    margin-bottom: 20px;
}

.omodal-container .obsdpstep-selectbutton {
    color: #5c5c5c;
    background: #ffffff;
    border: solid 1px #e3e3e3;
    font-size: 17px;
    line-height: 28px;
    padding: 5px 10px;
    position: relative;
}
.omodal-container .obsdpstep-selectbutton.active{
    cursor: pointer;
}
.omodal-container .obsdpstep-selectbutton i {
    position: absolute;
    right: 20px;
    top: 8px;
    color: #b3b3b3;
}
#obooking-modal .obsdpstep-options {
    height: 280px;
    display: none;
    width: 100%;
    position: absolute;
    left: 0px;
    border: 1px solid #cccccc;
    z-index: 100;
    background: #ffffff;
    height: 211px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#obooking-modal .obsdpstep-options.active {
    display: block;
}
#obooking-modal .obsdpstep-options .obsdpstep-option {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
    padding: 5px 10px;
    border-bottom: 1px solid #cdcdcd;
}
#obooking-modal .obsdpstep-options .obsdpstep-option.active{
    color:#ffffff;
    background-color: #bf2726;
}

button#submitobsdp {
    padding: 10px 30px 10px 20px;
}
button#submitobsdp:hover{
    background: #bf2726;
}
button#submitobsdp:after{
    position: absolute;
    content: '\f105';
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 400;
    color: #fff;
    top:12px;
    right: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
button#submitobsdp:hover:after{
    right: 10px;
}
.ophaal-submit-button i,
.oreperatie-submit button i{
    margin-left: 27px;
}
.oreperatie-submit button{
    padding: 11px 20px 11px 20px;
}
.omodalbox-reparaties .oreperatie-submit{
    display: flex;
    flex-direction: column;
    max-width: 220px;
    margin: 0 auto;
}
.omodal-container-inner{
    display: table;
    width: 100%;
}
.omodal-steps-form-container{
    display: table-cell;
    vertical-align: top;
    width: 720px;
    height: 764px;
    overflow: auto;
/*    float:left;
    width: 100%;
    max-width: 650px;*/
    padding: 50px 104px 70px 104px;   
}
.omodal-cartdiv.modal-selected-type{
    display: none;
}

@media screen and (min-width:915px) {
    .omodalbox-reparaties .oreperatie-submit{
        flex-direction: row;
        justify-content: space-between;
        max-width: 440px;        
    }
}
.omodal-cartdiv span.text {
    font-weight: 800;
    color: #000;
}
.omodal-cartdiv.omodal-selected-model span.text,
.omodal-cartdiv.omodal-selected-date span.text,
.omodal-cartdiv.omodal-selected-branch span.text,
.omodal-cartdiv.omodal-selected-reparaties span.text{
    display: none;
}

.omodal-selected-model svg,
.omodal-selected-reparaties svg{
    vertical-align: middle;
        margin-right: 13px;
}
.omodal-selected-reparaties .value{
    display: inline-block;
}
.omodal-selected-date svg,
.omodal-selected-branch svg{
    vertical-align: middle;
    margin-right: 13px;
}
.omodal-cartbox{
    display: table-cell;
    vertical-align: top;
    width: 378px;
    padding: 50px 51px 100px 51px;
    background: #BF2726;
    background-image: linear-gradient(to right, #e14f4e 2%, #bf2726 114%);
    color:#ffffff;
    position: relative;    
}

.omodal-cartbox h3{
    margin-top: 50px;
    color:#ffffff;
}
.omodal-form-cart:after{
    content: "";
    clear: both;
    display: table;
}
.omodal-cartdiv{
    margin-bottom: 15px;
}
.omodal-cartdiv.hide{
    display: none;
}
.omodal-cartdiv.omodalbox-totals span.text,
.omodal-cartdiv.omodalbox-totals span.toatlamt,
.omodal-cartdiv.omodalbox-korting span.kortamt,
.omodal-cartdiv.omodalbox-korting span.text,
.omodal-cartdiv.omodalbox-subtotals span.subamt,
.omodal-cartdiv.omodalbox-subtotals span.text{
    width: 50%;
    color:#070706;
}
.omodal-cartbox .bottom-logo{
/*    display: none;*/
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    text-align: left;
    padding-left: 51px;
}
.omodal-cartbox .bottom-logo a{
    display: inline-block;
    width: 192px;
}

#obooking-modal .ofilterstep-options{
    height:280px;
}
.omodalstepbox.omodalbox-reparaties .omodalbox-step-content::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 8px;
}
.ofilterstep-options::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}
.omodalstepbox.omodalbox-reparaties .omodalbox-step-content::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background-color: #bf2726;
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.jqmodal.obooking-modal{
    max-width: 1028px;
    border-radius: 0px;
    padding: 0px;
}

.omodal-step-main-title{
    font-family: 'myriad-web-pro-bold';
    font-size: 39px;
    line-height: 39px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #070706;
    margin-bottom: 26px;
}
.omodalform-steps{
    width: 100%;
    list-style: none;
    margin: 0px 0px 24px 0px;
    padding: 0px;
}
.omodalform-steps li {
    float: left;
    position: relative;
}
.omodalform-steps li.fourth:nth-child(3){
    width:102px;
}
.omodalform-steps li:nth-child(2){
    width: 175px !important;
}
.omodalform-steps li:first-child,
.omodalform-steps li:last-child{
    width: 24px;
    height: 24px;
}
.omodalform-steps li.fourth:nth-child(3):after,
.omodalform-steps li:nth-child(2):after,
.omodalform-steps li:nth-child(2):before{
    content: '';
    display: block;
    position: absolute;
    width: 57px;
    background: #d0c9c9;
    height: 2px;
    top: 10px;
}
.omodalform-steps li:last-child:after{
    display: none;
}
.omodalform-steps li.active:nth-child(2):before{
    background: #d64847;
}
.omodalform-steps li.fourth.selected:nth-child(3):after,
.omodalform-steps li.selected:nth-child(2):after,
.omodalform-steps li.selected:nth-child(2):before{
    background: #d64847;
}
.omodalform-steps li.fourth:nth-child(3):after,
.omodalform-steps li:nth-child(2):after{
    right: 10px;
}
.omodalform-steps li:nth-child(2):before{
    left: 10px;
}
.omodalform-steps .oform-steps-marker{
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: solid 1.5px #d0c9c9;
    display: block;
    margin: 0px auto;
    z-index: 1;
    position: relative;
    font-size: 19px;
    line-height: 19px;
    color: #d0c9c9;
    text-align: center;
    padding-top: 2px;
}
.omodalform-steps .fourth .oform-steps-marker{
    margin: 0;
}
.omodalform-steps .active .oform-steps-marker,
.omodalform-steps .selected .oform-steps-marker{
    border: solid 1.5px #d64847;
    color:#d64847;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;
}
.omodalform-steps .selected .oform-steps-marker{
    border: solid 0px #d64847;
    color:#ffffff;
    background:linear-gradient(to bottom, #e6615f, #c83231);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;
}

.omodalform-steps .selected .oform-steps-marker:hover{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    background:#000000;
}
.omodalform-steps:after{
    clear: both;
    display: table;
    float: none;
    content: '';
}
.omodalstep-option{
    display: inline-block;
    position: relative;
    padding-left: 40px;
    color: #000000;
    margin-bottom: 15px;
    color: #5c5c5c;
}
.omodalstep-option span{
    color:#d0c9c9;
    margin-left: 10px;
}
.omodalbox-step-content{
    margin-bottom: 20px;
}
.omodalstep-option.selected{
    color: rgb(210, 62, 60);
}
.omodalstep-option:before{
    content:"";
    position: absolute;
    left: 0px;
    width: 25px;
    height: 25px;
    border: solid 1px #979797;
    background-color: #f4f4f4;
}
.omodalstep-option.selected:before{
    font-family:Font Awesome\ 5 Pro;
    content:"\f00c";
    color:#34bf22;
    font-size: 20px;
    line-height: 20px;
    padding-top: 2px;
    padding-left: 2px;
    font-weight: 600;
}
.omodalstepbox {
    padding: 0;
    border: 0;
    display: none;
}
.omodalstepbox.active {
    display: block;
}

.omodal-steps-form-container .omodalstepbox .ophaal-field-wrapper{
    width: 222px;
}
.omodal-steps-form-container .omodalstepbox .ophaal-field-wrapper select{
    height: 40px;
}
.omodal-steps-form-container .omodalstepbox .ophaal-field-wrapper label{
    display: block;
    font-family: 'myriad-web-pro-bold';
    font-size: 21px;
    line-height: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #070706;
    margin-bottom: 15px;
}

.omodalstepbox.omodalbox-reparaties .omodalbox-step-content {
    max-height: 290px;
    overflow-y:auto;
}
.omodalstepbox.omodalbox-reparaties .omodalbox-totals{
    background: #d0d0d0;
    display: none;
    line-height: 0px;
    margin-bottom: 15px;
}
.omodalstepbox.omodalbox-reparaties .omodalbox-totals span{
    width: 50%;
    display: inline-block;
    font-family: 'myriad-web-pro-bold';
    font-size: 18px;
    line-height: 18px;
    color:#000000;
    padding: 10px 0;
}
.omodalstepbox.omodalbox-reparaties .omodalbox-totals span.text{
    text-align: right;   
}
@media screen and (max-width:767px){
    .omodalstepbox.omodalbox-reparaties .omodalbox-totals{
        display: block;
    }
    .omodal-step-main-title{
        margin-bottom: 15px;
    }
}