.custom-mudCalendar {
    min-height: 100% !important;
    border-radius: 1em !important;
    box-shadow: unset !important;
}

.custom-mudCalendar *:not(.fa, .far, .fal, .fas) {
    font-family: "Nunito", serif !important;
}

.custom-mudCalendar .mud-cal-toolbar-nav .mud-button-label {
    font-weight: 700;
}

.custom-mudCalendar .mud-button-group-root {
    gap: 1rem;
}

.disable-day {
    color: var(--mud-palette-gray-light);
}

.title-cell {
    display: flex;
    justify-content: space-between;
}

.month-event {
    display: flex;
    align-items: center;
}

.month-event-left {
    margin-left: 0.2vw;
    color: var(--mud-palette-primary);
    font-size: large;
    font-weight: 900;
    font-family: fantasy;
}

.month-event-text {
    font-size: 0.75rem;
    height: max-content;
    white-space: nowrap;
    overflow: hidden;
}

.month-event-left.Tertiary {
    color: var(--mud-palette-warning);
}

.month-event-left.Error, .month-event-left.Info, .month-event-left.Success, .month-event-left.Warning {
    display: none;
}

.custom-mudCalendar .mud-drop-item .mud-tooltip-inline {
    width: 100%;
}

.month-event.red {
    background-color: #e94944 !important;
}

.month-event.orange {
    background-color: #ff7946 !important;
}

.month-event.pink {
    background-color: #eda2a2 !important;
}

.month-event.gold {
    background-color: #d9b57a !important;
}

.mud-tooltip-inline > .Error {
    background: var(--mud-palette-error);
    border-radius: 5px;
    font-weight: 500;
    margin-right: 0.5vw;
    font-size: 12px;
    padding-left: 0.5vw;
    height: 18px;
    line-height: 16px;
    color: var(--mud-palette-success-text);
}

.mud-tooltip-inline > .Primary {
    font-weight: 500;
    margin-right: 0.5vw;
    font-size: 12px;
    padding-right: 0.2vw;
    height: 18px;
    line-height: 16px;
    color: var(--mud-palette-text-primary);
}

.mud-tooltip-inline > .Tertiary {
    font-weight: 500;
    margin-right: 0.5vw;
    font-size: 12px;
    padding-right: 0.2vw;
    height: 18px;
    line-height: 16px;
    color: var(--mud-palette-text-primary);
}

.mud-tooltip-inline > .Success {
    background: var(--mud-palette-success);
    border-radius: 5px;
    font-weight: 500;
    margin-right: 0.5vw;
    font-size: 12px;
    padding-left: 0.5vw;
    height: 18px;
    line-height: 16px;
    color: var(--mud-palette-success-text);
}

.mud-tooltip-inline > .Info {
    background: var(--mud-palette-info);
    border-radius: 5px;
    font-weight: 500;
    margin-right: 0.5vw;
    font-size: 12px;
    padding-left: 0.5vw;
    height: 18px;
    line-height: 16px;
    color: var(--mud-palette-success-text);
}

.mud-tooltip-inline > .Warning {
    background: var(--mud-palette-warning);
    border-radius: 5px;
    font-weight: 500;
    margin-right: 0.5vw;
    font-size: 12px;
    padding-left: 0.5vw;
    height: 18px;
    line-height: 16px;
    color: var(--mud-palette-success-text);
}

.month-event > .Error, .month-event > .Success, .month-event > .Info, .month-event > .Warning {
    color: var(--mud-palette-success-text);
}

.custom-calendar .mud-drop-item > div, .custom-calendar .mud-drop-item .mud-tooltip-root {
    width: 100% !important;
    white-space: nowrap !important;
}

.absent-line {
    margin: .2rem 0;
}

.absent-line-section {
    display: flex;
    gap: .75rem;
}

.absent-line-section .mud-icon-root {
    width: fit-content;
    font-size: var(--mud-typography-default-size) !important;
}

.modal-activity-list {
    background: var(--mud-palette-background) !important;
}

.modal-calendar .mud-dialog-content, .modal-activity-list .mud-dialog-content {
    margin: 0 !important;
    padding: 0 !important;
}

.modal-calendar .custom-mudCalendar, .modal-activity-list .custom-mudCalendar {
    min-height: 800px !important;
}

.WeekTemplate .mud-typography {
    font-size: small;
}

.WeekTemplate {
    cursor: pointer;
    border-radius: .5em;
    height: calc(100% - 8px);
    margin: 4px 4px 0 4px;
}

.dayTemplate > .event {
    background-color: var(--mud-palette-error);
    border-radius: 5px;
    font-weight: 500;
    text-align: left;
    padding-left: 0.5vw;
    margin-top: 0.5vw;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
    color: var(--mud-palette-success-text);
}

.dayTemplate > .compleanno {
    background-color: var(--mud-palette-warning);
    border-radius: 5px;
    font-weight: 500;
    text-align: left;
    padding-left: 0.5vw;
    margin-top: 0.5vw;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
    color: var(--mud-palette-success-text);
}