:root{
    --fc-today-bg-color: #e9f2ff;
    --fc-button-bg-color: var(--mud-palette-primary);
    --fc-button-border-color: transparent;
    --fc-button-hover-bg-color: var(--mud-palette-primary-darken);
    --fc-button-hover-border-color: transparent;
    --fc-button-active-bg-color: #0046b5;
    --fc-button-active-border-color: transparent;
}

#calendar .fc-icon-addIcon::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M6 12H18' stroke='white' stroke-width='1.5' stroke-linecap='round'/><path d='M12 18V6' stroke='white' stroke-width='1.5' stroke-linecap='round'/></svg>") center/contain no-repeat;
}

#calendar .fc-icon-settingsIcon::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M18.51 8.25c.5 0 .9-.4.9-.9V2.7c0-.5-.4-.9-.9-.9s-.9.4-.9.9v4.65c0 .49.41.9.9.9z'/><path d='M12 15.75c-.5 0-.9.4-.9.9v4.65c0 .5.4.9.9.9s.9-.4.9-.9v-4.65c0-.49-.4-.9-.9-.9z'/><path d='M5.49 8.25c.5 0 .9-.4.9-.9V2.7c0-.5-.4-.9-.9-.9s-.9.4-.9.9v4.65c0 .49.4.9.9.9z'/><path d='M7.35 10.17H3.63a.9.9 0 000 1.8h.96v9.33c0 .5.4.9.9.9s.9-.4.9-.9v-9.33h.96a.9.9 0 000-1.8z'/><path d='M20.37 10.17h-3.72a.9.9 0 000 1.8h.96v9.33c0 .5.4.9.9.9s.9-.4.9-.9v-9.33h.96a.9.9 0 000-1.8z'/><path d='M13.86 12.03H12.9V2.7a.9.9 0 10-1.8 0v9.33h-.96a.9.9 0 000 1.8h3.72a.9.9 0 000-1.8z'/></svg>") center/contain no-repeat;
}

#calendar .fc-button{
    border-radius: var(--mud-default-borderradius);
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#calendar {
    font-size: 12px;
}

#calendar h2{
    font-size: 14px;
}

.fc .fc-daygrid-month-start{
    font-weight: normal !important;
    font-size: 12px !important;
}

#calendar .hidden-jalali-day {
    visibility: hidden !important;
    pointer-events: none !important;
}