#app{height:100%}.overlay{width:100vw;width:calc(var(--vw,1vw) * 100);height:100vh;height:calc(var(--vh,1vh) * 100);z-index:-5;position:fixed}.bgimage{width:100vw;width:calc(var(--vw,1vw) * 100);height:100vh;height:calc(var(--vh,1vh) * 100);z-index:-10;position:fixed}.logo{background-color:#0000004d;width:100%;height:30px;position:fixed;bottom:0}.logo img{float:right;width:124px;margin-top:5px;margin-right:5px}.logo>span{color:#ccc;font-size:12px;position:absolute;bottom:10px;left:10px}.logo.stale{background-color:#ff0000b3}.logo.stale img{display:none}.logo.stale span.stale-warning{color:#fff;padding-left:1em;font-size:.8em;font-weight:700}#container{color:var(--text-color,#fff);height:100%}#container .bgimage{background-image:var(--background-image);background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--background-color,#000)}#container #app{background:0 0!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{color:#ffffffe6;background-color:#e6fff54d;border:1px solid #fff3;border-radius:2px;height:1.1em;padding:0 .5em;display:inline-block;position:relative}#online .online{z-index:5;vertical-align:top;font-size:.8em;font-weight:700;position:relative}#online .pulse-animation{float:left;background:#3c3;border-radius:50%;width:10px;height:10px;margin:2px 5px 0 0;animation:3s infinite pulse;display:block;position:relative}.online-container{width:80px;height:20px;font-size:smaller;display:inline-block;position:absolute;bottom:5px;right:130px}.online-container .progress{background-color:#ffffff80;border-bottom-left-radius:2px;height:3px;transition:width 1s;position:absolute;bottom:-2px;left:-1px}