table.calendar-month {
    width: 100%;
}
.calendar-month-op {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.month-op {
    cursor: pointer;
}
.month-op:hover {
    background-color: #F4EAE8;
}
.calendar-month .weekday {
    background-color: #F4EAE8;
    color: black;
}
.calendar-month .other-month {
    background-color: #f1f4f5;
    color: #c3c3c3;
}
.calendar-month .current-month {
    background-color: white;
    color: black;
}
.calendar-month .current-month.weekend {
    background-color: #F4EAE8;
}
.calendar-month th,
.calendar-month td{
    height: 40px;
    text-align: center;
}
.calendar-month td.current-month:hover{
    outline: 1px solid #F4EAE8;
}
.calendar-month td.current-month.selected {
    background-color: #F24881;
    color: white;
}