.planningvakje {
    min-height: 30px;
}

.planningvakje:hover {
    cursor: pointer;
}

.planningitem {
    width: 100%;
    height: 30px;
}

.tweeitems {
    max-height: 15px !important;
}

.drieitems {
    max-height: 10px !important;
}

.vieritems {
    max-height: 7.5px !important;
}

.vijfitems {
    max-height: 6px !important;
}

.kleurbolletje {
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
}

th,
td {}

.first-col {
    position: absolute;
    width: 200px;
    margin-left: -202px;
    margin-top: -1px;
    background-color: #ffffff;
    height: 50px;
}

.planningTabel {
    margin-left: 200px;
}

.rand {
    border: 1px solid #ddd !important;
}

.modal {
    position: fixed;
    z-index: 9999;
    /* On top of everything */
    background-color: rgba(0, 0, 0, 0.6);
}

.modal-backdrop {
    background-color: transparent !important;
}