/* Basis styling */
.month_cell_st {
    border: none !important;
    padding: 4px;
    border-radius: 3px;
    font-weight: bold !important;
}

/* Groen (#09ff05) – licht → zwarte tekst */
.month_cell_st[style*="#09ff05"] {
    background-color: #09ff05 !important;
    color: #000 !important;
}

/* Rood (#e3494e) – donker → witte tekst */
.month_cell_st[style*="#e3494e"] {
    background-color: #e3494e !important;
    color: #fff !important;
}

/* Paars (#f09eeb) – donker → witte tekst */
.month_cell_st[style*="#f09eeb"] {
    background-color: #f09eeb !important;
    color: #fff !important;
}

/* Blauw (#05bcff) – donker → witte tekst */
.month_cell_st[style*="#05bcff"] {
    background-color: #05bcff !important;
    color: #fff !important;
}

/* Geel (#f5f10a) – licht → zwarte tekst */
.month_cell_st[style*="#f5f10a"] {
    background-color: #f5f10a !important;
    color: #000 !important;
}
.month_cell_st {
    min-height: 40px !important;         /* maakt elk event minstens 40px hoog */
    display: flex !important;            /* activeert flexbox */
    align-items: center !important;      /* centreert tekst verticaal */
    padding: 6px 8px !important;         /* extra binnenruimte */
    border-radius: 4px;
    font-size: 18px !important;
    font-weight: bold !important;
}
/* Tekst in de maand-events groter en beter leesbaar maken */
.month_cell_st .cal_titlelink {
    font-size: 18px !important;   /* maak groter (eventueel 20px proberen) */
    font-weight: bold !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    display: inline-block;
}
.vf-small {
    max-width: 350px;
}
/* Maak de loginvelden smaller en met afgeronde hoeken */
.com-users-login .control-group input {
    max-width: 300px;      /* kies zelf een breedte die past */
    width: 100%;
    border-radius: 8px;    /* afgeronde hoeken */
    padding: 8px;
}

/* Formulier links uitlijnen */
.com-users-login form {
    max-width: 350px;      /* breedte van het hele blok */
    margin: 0;             /* geen centrering meer */
    text-align: left;
}

/* Optioneel: knoppen ook afronden */
.com-users-login button {
    border-radius: 8px;
    padding: 8px 16px;
}