.trainingrow{
    margin: 40px 0px 40px 0px;
    position: relative;
}

.tab-pane{
    padding: 40px;
}

.verwerk{
    position: absolute;
    background: #fff;
    padding: 15px;
    width: 100%;
    height: 100%;
}

#oplossing li{
    list-style: none;
    background: rgba(0, 97, 171, 1);
    padding: 20px 20px 20px 20px;
    margin: 10px 0px 10px -30px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 15px;
}

.verdiepingsoption{
    padding: 15px;
    border-radius: 15px;
    border: solid 1px #ccc;
}
.verdiepingsoption:hover{
    background: rgb(255, 222, 211);
}

.verdiepingsoptionactive{
    background: rgb(255, 222, 211);
}


.nav-link{
    font-size: 20px;
    color: #025da4;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background: rgb(244,117,67);
    border-color: #fff #fff #fff;
    border-top-right-radius: 15px;
}

.nav-tabs .nav-link {
    color: #fff;
    background: linear-gradient(to bottom,  #6dcff6 1%,#025da4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-color: #fff #fff #fff;
    border-top-right-radius: 15px;
}

.traininglistitem{
    background: linear-gradient(to bottom,  #c8e8f4 1%,#6dcff6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.block{
    margin-bottom: 25px;
}

.refblock{
    background: linear-gradient(to bottom,  #c8e8f4 1%,#6dcff6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 15px;
}

.training_float_left{
    padding: 20px 40px;
    position: relative;
    right: inherit;
    display: block;
    top: 0px;
    z-index: 1;
    background: linear-gradient(to bottom,  #c8e8f4 1%,#6dcff6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    margin-left: 0px;
    margin-bottom: 40px;
    border-radius: 15px;
}

.training_float_right{
    padding: 20px 40px;
    position: relative;
    left: inherit;
    display: block;
    top: 0px;
    z-index: 1;
    background: linear-gradient(to bottom,  #c8e8f4 1%,#6dcff6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    margin-right: 0px;
    margin-bottom: 40px;
    border-radius: 15px;
}

.training_content{
    padding: 40px;
    position: relative;
    left: 0px;
    display: block;
    top: 0px;
    z-index: 1;
    background: #ede0d5;
    margin-right: 0px;
    margin-bottom: 40px;
    border-radius: 15px;
}

.training_info{
    padding: 20px;
    position: relative;
    left: 0px;
    display: block;
    top: 0px;
    z-index: 1;
    background: linear-gradient(0deg, rgba(23, 60, 102, 1) 11%, rgba(0, 97, 171, 1) 60%, rgba(0, 173, 238, 1) 97%);
    margin-right: 0px;
    margin-bottom: 40px;
    border-radius: 15px;
    color:#fff;
}

.training_info h2{
    color: #fff;
}

.training_ref{
    padding: 20px;
    position: relative;
    left: 0px;
    display: block;
    top: 0px;
    z-index: 1;
    background: rgb(244,117,67);
    background: linear-gradient(0deg, rgba(244, 117, 67, 1) 11%, rgba(255, 212, 159, 1) 97%);
    margin-right: 0px;
    margin-bottom: 40px;
    border-radius: 15px;
    min-height: 350px;
}

.button_apply{
    display: block;
    width: 100%;
    text-align: center;
    margin: 0px 0px 20px 0px;
    font-size: 20px;
    font-weight: 700;
    background: #f47543;
    color: #fff;
}

.button_download{
    display: block;
    width: 100%;
    text-align: center;
    margin: 0px 0px 20px 0px;
    font-size: 20px;
    font-weight: 700;
    background: #025da4;
    color: #fff;
}

.whitebox{
    padding: 40px;
    box-shadow: hsl(200 50% 0% / 5%) 0px 13px 27px -5px, hsl(200 50% 30% / 60%) 0px 12px 16px -8px; !important;
    border-radius: 15px;
    margin-bottom: 25px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {


}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {


}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .training_float_left{
        padding: 40px;
        position: relative;
        right: -150px;
        display: block;
        top: 90px;
        z-index: 1;
        background: linear-gradient(to bottom,  #c8e8f4 1%,#6dcff6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        margin-left: -150px;
        margin-bottom: 90px;
    }

    .training_float_right{
        padding: 40px;
        position: relative;
        left: -150px;
        display: block;
        top: 90px;
        z-index: 1;
        background: linear-gradient(to bottom,  #c8e8f4 1%,#6dcff6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        margin-right: -150px;
        margin-bottom: 90px;
    }

    .training_content{
        padding: 40px;
        position: relative;
        left: 0px;
        display: block;
        top: 0px;
        z-index: 1;
        background: #ede0d5;
        margin-right: 0px;
        margin-bottom: 40px;
        border-radius: 15px;
    }

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

@media(min-width:1700px){
    .container-xxl{max-width:1520px}
}