/* List */
.anniversary-tooltip {
    position: relative;
    cursor: pointer;
}

/* Margin Above List and Calendar  */
ul {
    margin-block-start: 50;
}

.anniversary-tooltip:hover::after {
    content: attr(data-title);
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    top: 100%;
    left: 0;
    white-space: nowrap;
    z-index: 1000;
}
ul {
   list-style: none;
   margin-left: 0;
   padding-left: 1em;
}

/* Calendar */
span.calendar-month-year {
    font-size: 1.2em !important;
    font-weight: bold !important;
}
.anniversary-names {
    font-size: small !important;
    color: #085C84 !important;
}
.cleandate-calendar .current-day .day-number {
    color: red;
    font-weight: bold;
}
.cleandate-calendar .has-anniversary {
    background-color: #f0f0f0;
}
.cleandate-calendar {
    max-width: 100%;
    margin: auto;
    text-align: center;
}

.calendar-navigation {
    margin-bottom: 10px;
}

.calendar-navigation a {
    margin: 0 10px;
    text-decoration: none;
    color: #000000;
}

.calendar-navigation a:hover {
    margin: 0 10px;
    text-decoration: none;
    color: #085C84;
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* 7 columns for days of the week */
    gap: 5px; /* Space between grid items */
}

.calendar-day-header {
    font-weight: bold;
    padding: 10px;
    background-color: #f0f0f0;
}

.calendar-day {
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
    height: 130px;
}

.day-number {
    font-size: 1.2em;
    font-weight: bold;
}

.empty {
    background-color: #f9f9f9; /* Light background for empty cells */
    border: none; /* No border for empty cells */
}
/* Admin Page Pagination */

.tablenav-pages {
    margin-top: 20px;
    text-align: center;
}

.tablenav-pages a {
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    color: #0073aa;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.tablenav-pages a:hover {
    background-color: #f1f1f1;
    border-color: #0073aa;
}

.tablenav-pages a.current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
    font-weight: bold;
}
/*  Mobile View  */
@media only screen and (max-width: 500px) {
.cleandate-calendar  {
    max-width: 90%;
    margin: 20px;
}
}