/* Wrapper */
.calendar-wrapper {
    
}

/* Actions */
.calendar-actions {
    padding: 5px;
    display: flex;
    text-align: center;
}


/* Header */
.calendar-header {
    display: flex;
    height: 25px;
}

    .calendar-header .calendar-day {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
        text-align: center;
        box-shadow: -1px -1px var(--mud-palette-divider), inset -1px -1px 0 0 var(--mud-palette-divider);
    }


/* Weeks */
.calendar-week {
    display: flex;
    overflow: hidden;
}

.calendar-week-first {
    margin-top: initial !important;
}

.calendar-week-l1 {
    min-height: 80px;
}

.calendar-week-l2 {
    min-height: 100px;
}

.calendar-week-l3 {
    min-height: 120px;
}

.calendar-week-l4 {
    min-height: 140px;
}

.calendar-week-l5 {
    min-height: 160px;
}

.calendar-week-l6 {
    min-height: 180px;
}

.calendar-week-f1 {
    margin-top: -40px;
}

.calendar-week-f2 {
    margin-top: -60px;
}

.calendar-week-f3 {
    margin-top: -90px;
}

.calendar-week-f4 {
    margin-top: -120px;
}

.calendar-week-f5 {
    margin-top: -150px;
}

.calendar-week-f6 {
    margin-top: -180px;
}

/* Days */
.calendar-day {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    flex-basis: 0;
    z-index: 1000;
    position: relative;
    cursor: pointer;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    color: var(--mud-palette-text-primary);
    box-shadow: -1px -1px var(--mud-palette-divider), inset -1px -1px 0 0 var(--mud-palette-divider);
}

.calendar-week .calendar-day .day-number {
    text-align: end;
    margin-right: 3px;
}

.calendar-day-disabled {
    background-color: rgba(0, 0, 0, .1);
    cursor: not-allowed !important;
}

.calendar-day-available {
    background-color: var(--mud-palette-success-hover);
}

.calendar-day-unavailable {
    background-color: var(--mud-palette-error-hover);
}

/* Event Week */
.calendar-week-events {
    left: 0;
    width: 100%;
    position: relative;
    min-height: 40px;
}

.calendar-week-events-l1 {
    bottom: 55px;
}

.calendar-week-events-l2 {
    bottom: 75px;
}

.calendar-week-events-l3 {
    bottom: 95px;
}

.calendar-week-events-l4 {
    bottom: 115px;
}

.calendar-week-events-l5 {
    bottom: 135px;
}

.calendar-week-events-l6 {
    bottom: 155px;
}

.calendar-event-line {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    flex: 1 1 100%;
    margin-bottom: 10px;
}

/* Event card */
.calendar-event {
    min-width: 0;
    z-index: 1300;
    padding: 0 5px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    background-color: var(--mud-palette-primary);
    border-radius: var(--mud-default-borderradius);
}

.calendar-event-secondary {
    background-color: var(--mud-palette-secondary);
}

.calendar-event-without-start {
    margin-left: 0;
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
}

.calendar-event-without-end {
    margin-right: 0;
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
}

.calendar-event-text {
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.calendar-event-s1, .calendar-event-s2, .calendar-event-s3, .calendar-event-s4, .calendar-event-s5, .calendar-event-s6 {
    overflow: hidden;
}


    .calendar-event-s1:hover, .calendar-event-s2:hover, .calendar-event-s3:hover, .calendar-event-s4:hover, .calendar-event-s5:hover, .calendar-event-s6:hover {
        overflow: visible;
    }

.calendar-event-s1 {
    flex: 0 1 14.28%;
}

.calendar-event-s2 {
    flex: 0 1 28.57%;
}

.calendar-event-s3 {
    flex: 0 1 42.85%;
}

.calendar-event-s4 {
    flex: 0 1 57.14%;
}

.calendar-event-s5 {
    flex: 0 1 71.42%;
}

.calendar-event-s6 {
    flex: 0 1 85.71%;
}

.calendar-event-s7 {
    flex: 0 1 100%;
}

.title {
    border-bottom: 1px var(--mud-palette-primary) solid;
}