body::-webkit-scrollbar, div::-webkit-scrollbar { display: none; font-family: 'Assistant', sans-serif; }
#hours {
    min-height: 400px;
    height: 85vh;
    flex-direction: column;
    justify-content: space-between;
    scrollbar-width: 0;
}
#hours .cards::-webkit-scrollbar { display: none; }
#hours .cards {
    overflow-y: scroll;
    padding-bottom: 2em;
}


.appnav a.active {
    background-color: #1C847F; color: white; border-bottom: 3px solid #B5CF27;
}

.brand-logos .brand-logo img { height: 2em; width: auto !important; }
.button.is-loading {
    pointer-events: none !important;
}

.calendar-date-label {
    font-family: 'Inria Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}
.calendar-date-button {
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(188, 169, 169, 0.25);
    border: none;
    border-radius: 3px;
}
.calendar-date-button.today { color: #000; font-weight: 900; }
.calendar-date-button.active { background-color: #3664D8; color: #fff; }
.calendar-date-button:hover { border: 2px solid #ddd; ; font-weight: 800; }
.calendar-date-button.is-guest { color: #dadada; }
.calendar-event { position: absolute; margin-top: 1px; border: 1px solid; }
.calendar-hour {
    border-bottom: 1px solid #1c1c1c;
    height: 3.6em;
    background-color: #fbfbfb;
    position: relative; margin-left: 4.2em; }
.calendar-hour-divider { position: absolute; top: 1.7em; margin: 0; background-color: #bbb; width: 100%; height: 1px; }
.calendar-hour-label { position: absolute; top: 1.5em; left: -5.4em; font-family: 'Roboto Mono'; }
.calendar-hour-label:first-of-type { top: -1.3em; }
.calendar-hour-label:not(:first-of-type) { top: 1.1em; }
.calendar-profile {
    border-bottom: 1px solid #eee;
}
.calendar-profile:hover {
    border-bottom: 3px solid #fecdba;
}
.calendar-profile .displaying {
    background-color: #fafafa;
}
.cardboard {
    max-height: 70vh;
    overflow-y: scroll !important;
}
.cardboard::-webkit-scrollbar {
    display: none;
}
.card.timeslot {
    background: #FFFFFF;
    border: 2px solid #E5E5E5;
    border-radius: 4px;
    padding: .8em;
    cursor: pointer;
}
.card.timeslot:hover {
    border: 2px solid #1875D5;
    border-radius: 4px;
}
.card.timeslot.disabled {
    background: #FFFFFF;
    border: 2px solid #F4F4F4;
    border-radius: 4px;
}
.card.disabled, .card.disabled span.icon {
    color: #e6e5e5 !important;
    cursor: not-allowed;
}
.card.card.timeslot:not(:first-child) {
    margin-top: .7em;
}
.card.row { height: 3em; }
.card.row .details, .card.row .button { display: inline-block; }
.card.row .button { float: right; height: 100%; }
.card .row-icon { width: 5em; }
.cta-header { font-size: 3.5em !important; font-weight: 500 !important; }
.cta-header .highlight { color: #b86595; }
.cta-text { font-size: 1.3em !important; }

.data.table {
    table-layout: fixed;
}
.data.table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-details {
    position: absolute;
}

.fullheight {
    height: 90vh;
}
.font-inria { font-family: 'Inria Sans';}
.font-single-day { font-family: 'Single Day'; }
.font-color-video, .color-video { color: #4f168c; }
.frameless { border: 0; font-family: 'Inria Sans'; font-weight: bold; border-radius: 0; }
.frameless:focus, .frameless:active { box-shadow: none; outline: none !important; }

h1.is-small {
    font-size: 1.1em !important;
}
.has-background-video { background-color: #4f168c; color: #fff; }
.hoverable { cursor: pointer; }
.hoverable .tooltip {
    display: none;
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 0px;
    position: absolute;
    z-index: 10;
    white-space: nowrap;
}
.hoverable .tooltip.bottom { top: 2.9em; }
.hoverable .tooltip.left { right: 2.9em; }
.hoverable:hover .tooltip { display: unset; z-index: 100; }
.hover-show-wrapper .hover-show { display: none; }
.hover-show-wrapper:hover .hover-show { display: unset; }
hr.divider { margin: 0;}

.iconsmenu { position: sticky; top: 0; z-index: 200; background-color: inherit; }
.initial-width-30vw { width: 30vw; }
input.border-right { border-right: 1px solid #ccc; }
.is-selected {
    color: #fff !important;
    text-decoration: none !important;
}
.inside-navbar-items a, .inside-navbar-items.anchor { margin-top: .5em; }
.inside-navbar-items .tooltip p {
    display: none;
    position: absolute;
    top: 2.4em;
    padding: .2em 1em;
    background-color: #333;
    border-radius: 4px;
    color: var(--color-white);
} .inside-navbar-items a:hover p { display: unset; }
.inside-navbar-items a.active { font-weight: 900; color: var(--color-primary); }
.inside-navbar-items a.active img {
    filter: invert(38%) sepia(76%) saturate(529%) hue-rotate(64deg) brightness(98%) contrast(83%);
}

#month .button {
    background-image: linear-gradient(180deg, #F5F6F7 0%, #E7E9EC 100%);
    border: 1px solid #ADB1B8;
    border-radius: 2px 0 0 2px;
}
#month .button span:not(:first-child) {
    font-size: .8em;
    vertical-align: baseline;
}

.outside-button-border {
    border: 2px solid #44162f !important;
    background-color: #44162f !important;
    border-radius: 4px;
    color: #fff !important;
}
.outside-outlined-button {
    background-color: transparent !important;
    color: #44162f !important;
}
.outside-button-border:hover, .outside-outlined-button:hover {
    border-color: #812658 !important;
    background-color: #812658 !important;
    color: #fff !important;
}

.ql-container.ql-snow, .ql-toolbar.ql-snow { border: 0px !important; }
.ql-editor {
    font-family: 'Inria Sans';
    font-size: 1.1em;
}

.scrollable {
    overflow-y: scroll;
    padding-top: 0
}
.side-time {
    font-size: 1em;
    size: 2em;
}
.side-time-content {
    z-index: 10;
    height: 1.6em;
    width: calc(100% - 3.5em);
    position: absolute;
    top: .7em;
    left: 3.5em;
}
.side-time-content-item {
    position: absolute;
    border-bottom: 1px solid #ffffff71;
    border: 0.5px solid white;
    background-color: #6FA4D5;
    color: white;
    border-radius: 4px;
    font-size: 10px;
    flex-grow: 1;
    justify-content: center;
}
.side-time-line { flex-grow: 1; border-top: 1px solid black; border-bottom: none; margin: 0 }
.side-time-line.alternate { border-top: 1px solid #c3c3c3 }

.stationary {
    display: block;
    position: sticky;
    top: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #fff;
    z-index: 100;
}
.sticky-table-header { position: sticky; top: 0em; background-color: inherit !important; z-index: 100; }

table.table, .table {
    background-color: inherit;
}
.timeholder {
    height: 80vh;
}
.todos-lane {
    background-color: #ebebeb;
    border-radius: .5em;
    height: 79vh
}
.todos-lane-title {
    font-weight: 800;
    font-family: 'Inria Sans';
}
.top-divider {
    background-color: #7ABF58;
}

tr.new-row { position: sticky; top: 2.2em; background-color: #eaedd5 !important; }
tr.new-row:hover { font-weight: bold; }

.weekdays h1 {
    color: #333;
    font-weight: bolder;
    padding: .9em;
    cursor: pointer;
}
.weekdays h1:hover {
    font-weight: 900;
    text-decoration: solid;
    color: #66A6EE;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.30);
    border-radius: 4px;
}
.weekdays .circular { position: relative; }
.weekdays .circular h1 {
    background-image: linear-gradient(180deg, #66A6EE 0%, #3664D8 100%);
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.30);
    border-radius: 4px;
    color: #fff;
}
.weekdays .circular h1:hover {
    color: #f0e7dc;
}
.widescreen { width: 90vw; height: 90vh; }
.widget.card { height: 100%; border-top: 4px solid #7abf58; }


.z-index-xl { z-index: 500; }
.z-index-xxl { z-index: 1000; }