body{
    font-family: 'Open Sans', sans-serif;
    background-color: #fefcf8; //#e9ebee;
    padding-top: 4.5rem;
    -webkit-font-smoothing: antialiased;
    font-size: 0.95rem !important;
}

.pointer{
    cursor: pointer !important;
}
.disabled{
    cursor: not-allowed !important;
}

.text-dko3{
    color: #5ea1ca!important;
}

.last-child-mb-0 *:last-child{
    margin-bottom: 0 !important;
}

.opacity-0 {
    opacity: 0;
}
.opacity-10 {
    opacity: 0.1;
}
.opacity-20 {
    opacity: 0.2;
}
.opacity-30 {
    opacity: 0.3;
}
.opacity-40 {
    opacity: 0.4;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-70 {
    opacity: 0.7;
}
.opacity-80 {
    opacity: 0.8;
}
.opacity-90 {
    opacity: 0.9;
}
.opacity-100 {
    opacity: 1;
}
*[class*="opacity"].active{
    opacity: 1;
}

.card-shadow{
    transition: 0.4s;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.card-shadow:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.card-hover{
    transition: 0.4s;
}
.card-hover:hover{
    background-color: #eff0f1;
}

.card-hover-border-left:before{
    content: '';
    height: 100%;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    width: 6px;
    background-color: #5fa1ca;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition:  opacity .4s ease-out;
}
.card-hover-border-left:hover:before{
    opacity: 1;
}

.only-desktop-block{
    display: block;
}
.only-mobile-block{
    display: none;
}
.only-desktop-inline{
    display: inline-block;
}
.only-mobile-inline{
    display: none;
}

.dropdown-toggle-no-icon::after{
    display: none !important;
}

.first_no_border > tbody > tr:first-child > td {
    border-top: none !important;
}

.first_no_border > thead > tr:first-child > td {
    border-top: none !important;
}

.first_no_border > thead > tr:first-child > th {
    border-top: none !important;
}
.center_center {
    text-align: center;
    vertical-align: middle !important;
}

.left_center {
    text-align: left;
    vertical-align: middle !important;
}

.right_center {
    text-align: right;
    vertical-align: middle !important;
}

.sorteerbaar li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sorteerbaar{
    list-style-type: none;
    padding-left: 0;
}

/*  Mobile CSS   */
@media (max-width: 767px) {
    
    .mobile-w-100{
        width: 100% !important;
    }
    
    .only-desktop-inline{
        display: none;
    }
    .only-mobile-inline{
        display: inline-block;
    }
    .only-desktop-block{
        display: none;
    }
    .only-mobile-block{
        display: block;
    }
}