.session-workflow label{float:unset;color:#000}.session-workflow span{color:#777}.session-workflow .spinner{position:relative;margin:0;left:unset}.snackbar{visibility:hidden;opacity:0;min-width:250px;transform:translateX(-50%);background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:12px;position:fixed;z-index:10002;left:50%;bottom:0;font-size:16px;transition:all .5s ease}.snackbar.show{bottom:55px;opacity:1;transition:opacity .5s ease,bottom .5s ease;visibility:visible}.dark .snackbar{background-color:#1b1b1b}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}main.upcoming{display:grid;grid-template-columns:1fr 1fr;font-family:Roboto;-moz-column-gap:70px;column-gap:70px;--main-offset-vertical:110px;--button-scale:0.8}main.upcoming .scrollbox{height:calc(100lvh - var(--size-header) - var(--main-offset-vertical));overflow-y:overlay;overflow-x:hidden;padding-right:10px;margin-top:20px;padding-top:5px;padding-left:5px}main.upcoming .tabs .tab{font-size:16px;font-weight:500;color:#777;vertical-align:middle;margin-right:36px;cursor:pointer;padding-bottom:2px}main.upcoming .tabs .tab img{vertical-align:middle;width:20px;height:20px;margin-right:6px}main.upcoming .tabs .tab span{vertical-align:middle}main.upcoming .tabs .tab.active{border-bottom:2px solid #4cad82}main.upcoming .tabs .tab.active,main.upcoming .tabs .tab:hover{color:#4cad82}main.upcoming .context-menu{padding:10px 15px;background:#fff;border-radius:8px;box-shadow:0 0 8px 0 rgba(0,0,0,.12);z-index:100;white-space:nowrap}main.upcoming .context-menu img{vertical-align:middle;margin-right:10px}main.upcoming .context-menu a{margin:5px 0;display:block;text-decoration:none;color:#000}main.upcoming h2{margin:0;font-weight:700;padding-left:5px}main.upcoming .session{--card-padding:12px;height:132px;margin-bottom:24px;border-radius:8px;box-shadow:0 0 8px 0 rgba(0,0,0,.12);background-color:#fff;display:flex;position:relative;overflow:hidden}main.upcoming .session:last-child{margin-bottom:5px}main.upcoming .session button.dots{width:16px;min-width:16px;height:16px;background:url(../img/tree_dots.dc3dd636.svg) no-repeat 50%;background-size:contain;border:none;position:absolute;right:10px;top:16px;padding:0;z-index:5}main.upcoming .session.past,main.upcoming .session.past .thumbnail{height:108px}main.upcoming .session .thumbnail{width:132px;height:132px}main.upcoming .session.practice .thumbnail{filter:grayscale(1)}main.upcoming .session .details{flex-grow:1;padding:var(--card-padding);position:relative}main.upcoming .session .details table{margin-top:8px}main.upcoming .session .details table tr{font-weight:700;font-size:12px}main.upcoming .session .details table span{vertical-align:middle}main.upcoming .session .details table span.light{color:#585c5e;font-size:14px;font-weight:400;display:block;padding-right:5px;padding-top:2px}main.upcoming .session .details table img{width:16px;height:16px;vertical-align:middle}main.upcoming .session .details .title{height:16px;font-size:14px;line-height:normal;max-width:380px;overflow:hidden;padding-right:110px;white-space:nowrap;text-overflow:ellipsis}main.upcoming .session .details .status{font-size:12px;text-align:right;color:#777;position:absolute;right:40px;top:12px}main.upcoming .session .details .status.live{color:#0fd200}main.upcoming .session .details .date{margin-top:3px;font-size:12px;color:#585c5e;white-space:pre}main.upcoming .session .details .links{position:absolute;left:var(--card-padding);bottom:var(--card-padding);right:var(--card-padding)}main.upcoming .session .details .links a{text-decoration:none;font-weight:500;vertical-align:middle;color:#4cad82}main.upcoming .session .details .links img{width:16px;height:16px;vertical-align:middle}main.upcoming .session .details .links button{position:absolute;right:0;bottom:0;height:25px}main.upcoming .session.request{height:unset;min-height:88px;padding:var(--card-padding);display:flex;gap:15px;overflow:unset}main.upcoming .session.request button.admin-button{height:25px;position:absolute;right:var(--card-padding);bottom:var(--card-padding);min-width:80px}main.upcoming .session.request .message{position:absolute;right:56px}main.upcoming .session.request .message span{display:none;position:absolute;right:30px;top:-5px;padding:12px;border-radius:8px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);border:1px solid #d7d7d8;background-color:#fff;width:300px}main.upcoming .session.request .message:hover span{display:block;z-index:10}main.upcoming .session.request .details{padding:0;flex-grow:1;margin-right:80px;align-items:center;position:relative}main.upcoming .session.request .details.warning .date img{width:16px;height:16px;position:absolute;margin-left:10px;top:calc(50% - 8px)}main.upcoming .session.request .details .workflow{width:82px;height:20px;line-height:20px;text-align:center;font-size:12px;border-style:solid;border-width:1px;border-radius:2px;color:#195dcf;border-color:#195dcf;position:absolute;left:0;bottom:0}main.upcoming .session.request .details .workflow.rejected{color:#ff4141;border-color:#ff4141;background-color:#fff0f0}main.upcoming .session.request .details .workflow.approved{color:#000;border-color:#000}main.upcoming .session.request .details .title{padding:0;height:unset}main.upcoming .session.request .details .date,main.upcoming .session.request .details .owner{color:#585c5e;white-space:pre;position:relative}main.upcoming button.schedule{position:absolute;top:-5px;right:12px}@media(min-width:1440px){main.upcoming{-moz-column-gap:80px;column-gap:80px;--button-scale:0.73}main.upcoming .session{height:140px}main.upcoming .session .details .title{font-size:15px;height:18px}main.upcoming .session .details .status{top:14px}main.upcoming .session .details table{margin-top:var(--card-padding)}main.upcoming .session .thumbnail{width:140px;height:140px}main.upcoming .session.past,main.upcoming .session.past .thumbnail{height:123px}}@media(min-width:1600px){main.upcoming{-moz-column-gap:90px;column-gap:90px;--button-scale:0.83}main.upcoming .session{height:156px;--card-padding:14px}main.upcoming .session .details .title{font-size:16px;height:20px;top:16px}main.upcoming .session .details .date,main.upcoming .session .details table tr{font-size:13px}main.upcoming .session .details .links a{font-size:14px}main.upcoming .session .thumbnail{width:156px;height:156px}main.upcoming .session.past,main.upcoming .session.past .thumbnail{height:138px}main.upcoming .session.request{min-height:94px}}@media(min-width:1920px){main.upcoming{--main-offset-vertical:130px;--button-scale:1;-moz-column-gap:110px;column-gap:110px}main.upcoming .session{height:188px;--card-padding:16px}main.upcoming .session .details .title{font-size:20px;height:20px;top:16px}main.upcoming .session .details .status{top:16px;font-size:14px}main.upcoming .session .details .date{font-size:16px}main.upcoming .session .details table tr{font-size:14px}main.upcoming .session .details .links a{font-size:16px}main.upcoming .session .details .links button{height:30px}main.upcoming .session .details .links img{width:20px;height:20px}main.upcoming .session .thumbnail{width:188px;height:188px}main.upcoming .session.past,main.upcoming .session.past .thumbnail{height:160px}main.upcoming .session.request{min-height:112px}main.upcoming .session.request button.admin-button{height:30px}main.upcoming .session.request .details .workflow{height:24px;line-height:24px}main.upcoming .session button.dots{width:20px;height:20px}}