#app{height:100%}.overlay{width:100vw;width:calc(var(--vw, 1vw) * 100);height:100vh;height:calc(var(--vh, 1vh) * 100);position:fixed;z-index:-5}.bgimage{width:100vw;width:calc(var(--vw, 1vw) * 100);height:100vh;height:calc(var(--vh, 1vh) * 100);z-index:-10;position:fixed}.logo{position:fixed;width:100%;bottom:0;height:30px;background-color:#0000004d}.logo img{float:right;width:124px;margin-right:5px;margin-top:5px}.logo>span{font-size:12px;position:absolute;left:10px;bottom:10px;color:#ccc}.logo.stale{background-color:#ff0000b3}.logo.stale img{display:none}.logo.stale span.stale-warning{font-size:.8em;font-weight:700;color:#fff;padding-left:1em}#container{color:#fff;color:var(--text-color, #fff);height:100%}#container .bgimage{background-image:var(--background-image);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#000;background-color:var(--background-color, #000)}#container #app{background:none!important}#container .overlay{background-color:var(--overlay-color)}#container .kiosk-available{background:linear-gradient(to bottom,var(--available-color-alpha-end),var(--available-color-alpha-none) 25%)}#container .kiosk-available .status{background-color:var(--available-color);color:var(--available-color-contrast)}#container .kiosk-available .bar{background-color:var(--available-color)}#container .kiosk-available table.res tr.starts{background-color:var(--available-color)!important}#container .kiosk-available table.res tr.starts td{color:var(--available-color-contrast)}#container .kiosk-unreserveduse{background:linear-gradient(to bottom,var(--unreserveduse-color-alpha-end),var(--unreserveduse-color-alpha-none) 25%)}#container .kiosk-unreserveduse .status{background-color:var(--unreserveduse-color);color:var(--unreserveduse-color-contrast)}#container .kiosk-unreserveduse .bar{background-color:var(--unreserveduse-color)}#container .kiosk-unreserveduse table.res tr.starts{background-color:var(--unreserveduse-color)!important}#container .kiosk-unreserveduse table.res tr.starts td{color:var(--unreserveduse-color-contrast)}#container .kiosk-reserved{background:linear-gradient(to bottom,var(--booked-color-alpha-end),var(--booked-color-alpha-none) 25%)}#container .kiosk-reserved .status{background-color:var(--booked-color);color:var(--booked-color-contrast)}#container .kiosk-reserved .bar{background-color:var(--booked-color)}#container .kiosk-reserved table.res tr.starts{background-color:var(--booked-color)!important}#container .kiosk-reserved table.res tr.starts td{color:var(--booked-color-contrast)}#container .kiosk-reserved.kiosk-blocked,#container .kiosk-disabled{background:linear-gradient(to bottom,var(--blocked-color-alpha-end),var(--blocked-color-alpha-none) 25%)}#container .kiosk-reserved.kiosk-blocked .status,#container .kiosk-disabled .status{background-color:var(--blocked-color);color:var(--blocked-color-contrast)}#container .kiosk-reserved.kiosk-blocked .bar,#container .kiosk-disabled .bar{background-color:var(--blocked-color)}#container .kiosk-reserved.kiosk-blocked table.res tr.starts,#container .kiosk-disabled table.res tr.starts{background-color:var(--blocked-color)!important}#container .kiosk-reserved.kiosk-blocked table.res tr.starts td,#container .kiosk-disabled table.res tr.starts td{color:var(--blocked-color-contrast)}#container .kiosk-error .bar{background-color:var(--blocked-color)}#container .kiosk-error h1{color:var(--blocked-color)}#container .kiosk-loading .bar{background-color:var(--available-color)}.content{padding-bottom:30px}.error{padding:3rem;font-size:larger}.reserved .icon{color:#abde71}@keyframes pulse{0%{box-shadow:0 0 #33cc3380}30%{box-shadow:0 0 0 10px #3c30}60%{box-shadow:0 0 0 10px #3c30}to{box-shadow:0 0 #3c30}}#online{display:inline-block;border-radius:2px;background-color:#e6fff54d;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);padding:0 .5em;position:relative;height:1.1em}#online .online{z-index:5;position:relative;font-weight:700;font-size:.8em;vertical-align:top}#online .pulse-animation{display:block;margin:2px 5px 0 0;width:10px;height:10px;border-radius:50%;background:#3c3;animation:pulse 3s infinite;float:left;position:relative}.online-container{display:inline-block;font-size:smaller;width:80px;height:20px;position:absolute;bottom:5px;right:130px}.online-container .progress{position:absolute;bottom:-2px;left:-1px;border-bottom-left-radius:2px;height:3px;background-color:#ffffff80;transition:width 1s}