* {
    box-sizing: border-box;
}

.calendar-row {
    display: none;
}

.fade-out {
    animation: 0.5s fade-out ease-in-out;
    opacity: 0;
}

.fade-in {
    animation: 0.5s fade-in ease-in-out;
    opacity: 1;
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.calendar-header > div, .calendar-row > div {
    box-shadow: -1px -1px 0 1px #d3d3d34f inset;
    overflow: hidden
}

.progress-container, .progress-container progress {
    height: 5px;
}

progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

progress::-moz-progress-bar {
    background: var(--c-c0);
}

progress::-webkit-progress-value {
    background: var(--c-c0);
}

progress {
    color: var(--c-c0);
}

#calendar {
    height: 100%;
    /*height: calc(100% - 55px);*/
}

/*footer {*/
/*    height: 55px;*/
/*    overflow: hidden;*/
/*}*/

.flex-basis-0 {
    flex-basis: 0;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.flex-5 {
    flex: 5;
}

.flex-6 {
    flex: 6;
}

.flex-7 {
    flex: 7;
}

.flex-8 {
    flex: 8;
}

.flex-9 {
    flex: 9;
}

.flex-10 {
    flex: 10;
}

.flex-11 {
    flex: 11;
}

.flex-12 {
    flex: 12;
}

.avatar {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 2px solid var(--c-w);
    display: block;
}

.label-black {
    text-transform: capitalize;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid black;
    color: black;
}

.text-nowrap {
    white-space: nowrap;
}