.cal-month-box .cal-day-today span[data-cal-date] {
  font-size: 1.2em;
}

.event {
    width: 20px;
    height: 20px;
    border-radius: 15px;
}

.not-confirmed-cafe .not-confirmed-cantus, .not-confirmed-lounge{
    background-color: #c3c3c3;
}

.confirmed-cantus {
    background-color: #3AD03E;
}

.confirmed-cafe {
    background-color: #0C3BFF;
}

.confirmed-lounge {
  background-color: #FF6600;
}

#cal-day-tick {
    width: 29.5px;
}

#datum {
    float:right;
    margin-right: 50px;
}

@media (max-width: 600px) {
    .kalenderknop {
        padding: 5px 10px;
    }

    #vorigeknop {
        padding-left: 10px;
    }

    #volgendeknop {
        padding-right: 10px;
    }

    #kalendernavigatie {
        margin-top: 15px;
        margin-right: 30px;
        margin-bottom: 30px;
    }

    #datum{
        font-size: 16px;
        margin-right: 20px;
    }
}