#menuuser a {
    text-decoration: none;  /* usuwa podkreślenie odnośników */
    color: black;           /* kolor odnośników */
}

#menuuser a:hover {
    text-decoration: none;  /* usuwa podkreślenie odnośników podczas najechania */
    background-color: #f8f9fa;  /* lekko szare tło podczas najechania */
}

/* Kontener główny kalendarza */
#calendarContainer {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    max-width: 800px;  /* Możesz dostosować według potrzeb */
    margin: 0 auto;  /* Wyśrodkowanie kalendarza na stronie */
}

/* Nagłówek kalendarza */
.calendar-header {
    display: flex;
    width: 100%;
    background-color: #007BFF;  /* Kolor tła nagłówka */
    color: white;  /* Kolor tekstu nagłówka */
}

/* Dni tygodnia w nagłówku */
.calendar-day-header {
    flex: 1;
    padding: 10px;
    text-align: center;
    border-right: 1px solid white;  /* Separator między dniami */
}

.calendar-day-header:last-child {
    border-right: none;  /* Usuń separator dla ostatniego dnia, aby uniknąć podwójnych ramek */
}

/* Komórki dni */
.calendar-day {
    flex: 1;  /* Każda komórka dnia zajmuje równą przestrzeń */
    min-width: calc(100% / 7);  /* Każda komórka dnia zajmuje 1/7 szerokości kontenera */
    padding: 15px;
    text-align: center;
    border: 1px solid #ccc;  /* Ramka wokół każdej komórki dnia */
    background-color: #f5f5f5;  /* Jasne tło dla dni */
    cursor: pointer;  /* Kursor wskazuje, że komórka dnia jest interaktywna */
    transition: background-color 0.3s ease;  /* Gładka animacja tła */
}

.calendar-day:hover {
    background-color: #e5e5e5;  /* Ciemniejsze tło po najechaniu */
}

/* Jeśli chcesz dodać inne style, np. dla specjalnych dni, zaznaczonych kolorami, możesz to zrobić tutaj */
.highlighted {
    background-color: #f0e68c;  /* kolor żółty */
}
.green-day{
    background-color: #90EE90 !important;  /* kolor zielony */
    color:white !important;
}
.green-day2{
    background-color: #4a7f4a !important;  /* kolor zielony */
    color:white !important;
}

.yellow-day{
    background-color: #eee483 !important;  /* kolor żółty */
    color:black !important;
}

.red-day2{
    background-color: #ab2626 !important;  /* kolor czerwony */
    color:white !important;
}

@media (max-width: 575.98px) {
    #myTabs {
        flex-direction: column;
    }
}

.btn-close btn-close-white::before, .btn-close btn-close-white::after {
    background-color: white;
}

.active-link {
    background-color: #94c2ef;  /* przykładowy kolor tła */
    color: #333 !important;  /* przykładowy kolor tekstu */
}