body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
}

#main-layout {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

#calendar {
    flex-grow: 1;
    overflow: hidden;
    & .ec {
        height: 100%;
    }
}

.ec-event {
    background-color: transparent !important;
    box-shadow: none !important;
    &:hover {
        z-index: 1000 !important;
        height: fit-content !important;
        width: fit-content !important;
    }
}

.ec-event-body {
    flex-direction: column !important;
    overflow: auto;
    /* background-color: var(--ec-event-bg-color); */
    background-color: white;
    color: black;
    border: solid black 1px;
    border-radius: 3px;
    padding: 0.1rem;
    & p {
        margin: 0.1rem;
    }
    & h4 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.ec-timeline .ec-time,
.ec-timeline .ec-line {
    width: 72px;
    /* override this value */
}

.ec-resource-month-view {
    & .ec-line,
    & .ec-main {
        flex-grow: 1;
    }
}


/*
.ec-resource-week-view {
    & .ec-body,
    & .ec-header,
    & .ec-all-day {
        overflow-x: auto;
    }
    & .ec-resource {
        min-width: 20rem;
    }
} */

.categories_select {
    width: 10rem;
    height: 2rem;
}

@media print {
    * {
        overflow: visible !important;
    }
    .ec-event-body {
        background-color: white !important;
    }
}