:root {
    --cal-col-header-bg: #1375d6;
    --cal-col-week: #1375d6;
    --cal-col-week-bg: #777777;
    --cal-col-week-border: #fff;
    --cal-col-grayed-bg: #f2fcf7;
    --cal-col-day: #1375d6;
    --cal-col-day-bg: #fff;
    --cal-col-day-border: #fff;
    --cal-col-day-event-bg: #777777;
    --cal-col-day-event-link-bg: transparent;
    --cal-col-day-event: #fff;
    --cal-col-day-event-hover-bg: transparent;
    --cal-col-day-event-hover: #0d8643;
    --cal-col-current: #fff;
    --cal-col-current-bg: #1375d6;
    --cal-col-current-link-bg: transparent;
    --cal-col-current-event-bg: #fff;
    --cal-col-current-event-day-bg: #fff;
}
.custom_calendar_wrapper {
    max-width: 100%;    width: 100%;    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0);
}
.custom_calendar_wrapper.no_top { padding-top: 0px;}
.custom_calendar_wrapper > table { max-width: 100%; width: 100%;}
.custom_calendar_wrapper > table > thead tr { width: 100%; }
.custom_calendar_wrapper > table > thead tr td {
    border: none; height: auto; margin: 0; padding: 0.7em 1.3em; font-weight: normal; font-size: inherit; line-height: inherit; letter-spacing: 0; border: none; text-align: center; position: relative; vertical-align: top;
    background-color: var(--cal-col-header-bg);
    color: #ffffff;
}
    .custom_calendar_wrapper > table > thead tr td a {
        color: #fff;
    }

    .custom_calendar_wrapper > table > thead tr td a a {
        /* Prev/Next Month Color */
        color: #fff !important;
    }

    .custom_calendar_wrapper > table tbody th {
        border: 1px solid transparent;
        vertical-align: top;
        padding: 0.7em;
        font-weight: normal;
        line-height: inherit;
        color: var(--cal-col-week);
        background: var(--cal-col-week-bg);
        border-color: var(--cal-col-week-border);
        text-transform: uppercase;
        width: 14%;
        vertical-align: middle;
        text-align: center;
    }
    .custom_calendar_wrapper > table tbody td {
        border: 1px solid;
        background: var(--cal-col-day-bg);
        border-color: var(--cal-col-day-border);
        vertical-align: top;
        line-height: inherit;
        width: 14%;
        text-align: center;
        vertical-align: middle;
    }

        .custom_calendar_wrapper > table tbody td a {
            color: var(--cal-col-day) !important;
        }
        .custom_calendar_wrapper > table tbody td.current_month.hasEvent {
            background: var(--cal-col-day-event-bg);
        }
        .custom_calendar_wrapper > table tbody td.current_month.hasEvent span {

            font-size: 0 !important;
            line-height: 0;
        }
            .custom_calendar_wrapper > table tbody td.current_month.hasEvent br  {
                display: none;
            }
            .custom_calendar_wrapper > table tbody td.current_month.hasEvent:hover {
    background: var(--cal-col-day-event-hover-bg);
}
            .custom_calendar_wrapper > table tbody td.current_month.hasEvent a {
                background: var(--cal-col-day-event-link-bg);
                color: var(--cal-col-day-event) !important;
                text-decoration: none;
                clear: both;
                display: block;
                padding: 5px 0;
                border-bottom: 1px dashed silver;
            }

    .custom_calendar_wrapper > table tbody td.current_month.hasEvent:hover a {
        color: var(--cal-col-day-event-hover);
    }
.custom_calendar_wrapper > table tbody td.other_month {
    background-color: var(--cal-col-grayed-bg);
    color: #666;
}
        .custom_calendar_wrapper > table tbody td.current_month.current_day.hasEvent {
            /* background: var(--cal-col-current-event-bg); */
            color: var(--cal-col-current-event);
        }
.custom_calendar_wrapper > table tbody td.current_month.current_day.hasEvent:hover {
    background: var(--cal-col-current-event-day-bg);
}
.custom_calendar_wrapper > table tbody td.current_month.current_day {
    background: var(--cal-col-current-bg);
}
    .custom_calendar_wrapper > table tbody td.current_month.current_day a {
        background: var(--cal-col-current-link-bg);
        color: var(--cal-col-current) !important;
    }

.custom_calendar_wrapper > table tbody tr {
}
body.tiered

.CalendarLink {
    font-size: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    clear: both;
}