:root {
    --beforetop: 12px;
    --aftertop: 13px;
}

.lgBorderP5Bw {
    border: 1px solid #a3a3a3;
    border-radius: 5px;
    padding: 5px;
    background-color: white;
}

.lgrBorderP5Bw {
    border: 1px solid var(--bordercolored); /*var(--bordercolored)*/
    border-radius: 5px;
    padding: 5px;
    background-color: white;
}

.dgBorderP5Bw {
    border: 1px solid darkgray;
    border-radius: 5px;
    padding: 5px;
    background-color: white;
}

.BlBorderP5Bw {
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px;
    background-color: white;
}

.GrBorderS2P5Bw {
    border: 1px solid var(--menuheadernotselected_BG); /*#45AB3F;*/
    border-radius: 5px;
    padding: 0px;
    background-color: white;
}

.GrBorderS2P5Bgr {
    border: 1px solid var(--menuheadernotselected_BG); /*#45AB3F;*/
    border-radius: 5px;
    height: 100%;
    background-color: var(--menuheadernotselected_BG); /*#45AB3F;*/
    color: white;
}
.divBestelbonActies {
    position: absolute;
    z-index: 105;
    width: 63px;
    left:77px;
}

    .divBestelbonActies::before {
        content: '';
        display: inline-block;
        border-left: none;
        border-right: 7px solid rgba(0,0,0,0.2);
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        top: var(--beforetop);
        left: -7px;
        position: absolute;
    }

    .divBestelbonActies::after {
        content: '';
        display: inline-block;
        border-left: none;
        border-right: 6px solid #ffffff;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        top: var(--aftertop);
        left: -6px;
        position: absolute;
    }
.showjobs::before {
    content: '';
    display: inline-block;
    border-left: none;
    border-right: 7px solid var(--menuheaderselected_BG) !important;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    top: var(--beforetop);
    left: -9px;
    position: absolute;
}

    .showjobs::after {
        content: '';
        display: inline-block;
        border-left: none;
        border-right: 6px solid #ffffff;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        top: var(--aftertop);
        left: -6px;
        position: absolute;
        
    }

.sectie {
    cursor: pointer;
    /*border: 1px solid #a3a3a3;*/
    border-radius: 4px;
    margin: 5px;
    padding: 3px 0px 3px 5px;
}

.Balloon {
    border: 2px solid var(--menuheadernotselected_BG);
    z-index:9999999999;
    background-color:white;
    border-radius:5px;
    position: absolute;
    padding: 5px 10px 5px 10px;
}

.Balloon::before {
    content: '';
    display: inline-block;
    border-top: 7px solid var(--menuheadernotselected_BG);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    left: 10px;
    position: absolute;
    bottom: -9px;
}

.Balloon::after {
    content: '';
    display: inline-block;
    border-top: 6px solid #ffffff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    left: 11px;
    position: absolute;
    bottom: -6px;
}

.Balloon.helemaal-vanboven::before {
    border-top: none;
    border-bottom: 7px solid var(--menuheadernotselected_BG);
    bottom: initial;
    top: -9px;
}

.Balloon.helemaal-vanboven::after {
    border-top: none;
    border-bottom: 6px solid #ffffff;
    bottom: initial;
    top: -6px;
}

    .Balloon.helemaal-vanboven::before {
        left: unset !important;
        right: 10px !important;
    }

    .Balloon.helemaal-vanboven::after {
        left: unset !important;
        right: 11px !important;
    }