: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;
    width: max-content;
}

    .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;
        left: unset !important;
        right: 10px !important;
    }

    .Balloon.helemaal-vanboven::after {
        border-top: none;
        border-bottom: 6px solid #ffffff;
        bottom: initial;
        top: -6px;
        left: unset !important;
        right: 11px !important;
    }

    .Balloon.helemaal-rechts::before {
        border-top: 7px solid var(--menuheadernotselected_BG);
        border-bottom: none;
        bottom: initial;
        top: unset !important;
        left: unset !important;
        right: 4px !important;
        bottom: -7px !important;
    }

    .Balloon.helemaal-rechts::after {
        border-top: 6px solid #ffffff;
        border-bottom: none;
        bottom: initial;
        top: unset !important;
        bottom: -4px !important;
        left: unset !important;
        right: 5px !important;
    }

    .Balloon.helemaal-vanboven.helemaal-rechts::before {
        border-top: none;
        border-bottom: 7px solid var(--menuheadernotselected_BG);
        bottom: initial;
        top: -7px !important;
        left: unset !important;
        right: 4px !important;
        bottom: unset !important;
    }

    .Balloon.helemaal-vanboven.helemaal-rechts::after {
        border-top: none;
        border-bottom: 6px solid #ffffff;
        bottom: initial;
        top: -4px !important;
        bottom: unset !important;
        left: unset !important;
        right: 5px !important;
    }

.BottomRightCornerRound {
    border-bottom-right-radius: 5px !Important;
}