@charset "UTF-8";.pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; border-top: 2px solid #eee;border-left: 2px solid #eee;border-radius: 5px;box-shadow: 5px 5px 0 rgba(0,0,0,0.1);}.pika-single:before,.pika-single:after { content: " "; display: table;}.pika-single:after {clear: both}.pika-single {*zoom: 1}.pika-single.is-hidden { display: none;}.pika-single.is-bound { position: absolute;}.pika-lendar { float: left; width: 240px; margin: 8px;}.pika-title { position: relative; text-align: center;}.pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff;}.pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0;}.pika-prev,.pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0;}.pika-prev:hover,.pika-next:hover { opacity: 1;}.pika-prev,.is-rtl .pika-next { float: left; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=='); *left: 0;}.pika-next,.is-rtl .pika-prev { float: right; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII='); *right: 0;}.pika-prev.is-disabled,.pika-next.is-disabled { cursor: default; opacity: .2;}.pika-select { display: inline-block; *display: inline;}.pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0;}.pika-table th,.pika-table td { width: 14.285714285714286%; padding: 0;}.pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center;}.pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5;}.pika-week { font-size: 11px; color: #999;}.is-today .pika-button { color: #33aaff; font-weight: bold;}.is-selected .pika-button { color: #fff; font-weight: bold; background: #33aaff; border-radius: 3px;background: #339999;}.is-inrange .pika-button { background: #D5E9F7;}.is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px;}.is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px;}.is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3;}.pika-button:hover { color: #fff; background: #2b3033; box-shadow: none; border-radius: 3px;}.pika-table abbr { border-bottom: none; cursor: help;}.slick-slider{ position: relative; z-index: 2; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}.slick-list:focus{ outline: none;}.slick-list.dragging{ cursor: pointer; cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.slick-track{ position: relative; top: 0; left: 0; display: block;}.slick-track:before,.slick-track:after{ display: table; content: '';}.slick-track:after{ clear: both;}.slick-loading .slick-track{ visibility: hidden;}.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}[dir='rtl'] .slick-slide{ float: right;}.slick-slide img{ display: block;}.slick-slide.slick-loading img{ display: none;}.slick-slide.dragging img{ pointer-events: none;}.slick-initialized .slick-slide{ display: block;}.slick-loading .slick-slide{ visibility: hidden;}.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}.rs-control{position:relative;outline:0 none}.rs-container{position:relative}.rs-control *,.rs-control *:before,.rs-control *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rs-animation .rs-transition{-webkit-transition:all .5s linear 0s;-moz-transition:all .5s linear 0s;-o-transition:all .5s linear 0s;transition:all .5s linear 0s}.rs-bar{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.rs-control .rs-split .rs-path,.rs-control .rs-overlay1,.rs-control .rs-overlay2{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.rs-control .rs-overlay{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}.rs-control.rs-error{border:1px dotted;text-align:center}.rs-readonly{height:100%;width:100%;top:0;position:absolute;z-index:100}.rs-disabled{opacity:.35}.rs-inner-container{height:100%;width:100%;position:relative;overflow:hidden}.quarter div.rs-block{height:200%;width:200%}.half.top div.rs-block,.half.bottom div.rs-block{height:200%;width:100%}.half.left div.rs-block,.half.right div.rs-block{height:100%;width:200%}.bottom>.rs-inner-container>.rs-block{top:auto;bottom:0}.right .rs-inner-container>.rs-block{right:0}div.rs-block{-webkit-border-radius:100%;border-radius:100%}.rs-block{height:100%;width:100%;display:block;position:absolute;top:0;overflow:hidden;z-index:3}.rs-block .rs-inner{-webkit-border-radius:1000px;border-radius:1000px;display:block;height:100%;width:100%;position:relative}.rs-overlay{width:50%}.rs-overlay1,.rs-overlay2{width:100%}.rs-overlay,.rs-overlay1,.rs-overlay2{position:absolute;background-color:#fff;z-index:3;top:0;height:50%}.rs-bar{position:absolute;height:0;z-index:10}.rs-bar.rs-rounded{z-index:5}.rs-bar .rs-seperator{height:0;display:block;float:left}.rs-bar:not(.rs-rounded) .rs-seperator{border-left:none;border-right:none}.rs-bar.rs-start .rs-seperator{border-top:none}.rs-bar.rs-end .rs-seperator{border-bottom:none}.rs-bar.rs-start.rs-rounded .rs-seperator{border-radius:0 0 1000px 1000px}.rs-bar.rs-end.rs-rounded .rs-seperator{border-radius:1000px 1000px 0 0}.full .rs-bar,.half .rs-bar{width:50%}.half.left .rs-bar,.half.right .rs-bar,.quarter .rs-bar{width:100%}.full .rs-bar,.half.left .rs-bar,.half.right .rs-bar{top:50%}.bottom .rs-bar{top:0}.half.right .rs-bar,.quarter.right .rs-bar{right:100%}.rs-handle.rs-move{cursor:move}.rs-readonly .rs-handle.rs-move{cursor:default}.rs-path{display:block;height:100%;width:100%}.rs-split .rs-path{-webkit-border-radius:1000px 1000px 0 0;border-radius:1000px 1000px 0 0;overflow:hidden;height:50%;position:absolute;top:0;z-index:2}.rs-tooltip{position:absolute;cursor:default;border:1px solid transparent;z-index:10}.full .rs-tooltip{top:50%;left:50%}.bottom .rs-tooltip{top:0}.top .rs-tooltip{bottom:0}.right .rs-tooltip{left:0}.left .rs-tooltip{right:0}.half.top .rs-tooltip,.half.bottom .rs-tooltip{left:50%}.half.left .rs-tooltip,.half.right .rs-tooltip{top:50%}.rs-tooltip .rs-input{outline:0 none;border:none;background:transparent}.rs-tooltip-text{font-family:verdana;font-size:13px;border-radius:7px;text-align:center}.rs-tooltip.edit,.rs-tooltip .rs-input{padding:5px 8px}.rs-tooltip.hover,.rs-tooltip.edit:hover{border:1px solid #aaa;cursor:pointer}.rs-readonly .rs-tooltip.edit:hover{border-color:transparent;cursor:default}.rs-handle{border-radius:1000px;outline:0 none;float:left}.rs-handle.rs-handle-square{border-radius:0}.rs-handle-dot{border:1px solid #aaa;padding:6px}.rs-handle-dot:after{display:block;content:"";border:1px solid #aaa;height:100%;width:100%;border-radius:100%}.rs-seperator{border:1px solid #aaa}.rs-border{border:1px solid #aaa}.rs-path-color{background-color:#fff}.rs-range-color{background-color:#54bbe0}.rs-bg-color{background-color:#fff}.rs-handle{background-color:#838383}.rs-handle-dot{background-color:#fff}.rs-handle-dot:after{background-color:#838383}@charset "UTF-8";.fc { direction: ltr; text-align: left;}.fc-rtl { text-align: right;}body .fc { font-size: 1em;}.fc-highlight { background: #bce8f1; opacity: 0.3;}.fc-bgevent { background: #8fdf82; opacity: 0.3;}.fc-nonbusiness { background: #d7d7d7;}.fc-popover { position: absolute; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}.fc-popover .fc-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 2px 4px;}.fc-rtl .fc-popover .fc-header { flex-direction: row-reverse;}.fc-popover .fc-header .fc-title { margin: 0 2px;}.fc-popover .fc-header .fc-close { cursor: pointer; opacity: 0.65; font-size: 1.1em;}.fc-divider { border-style: solid; border-width: 1px;}hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; border-width: 1px 0;}.fc-bg,.fc-bgevent-skeleton,.fc-highlight-skeleton,.fc-mirror-skeleton { position: absolute; top: 0; left: 0; right: 0;}.fc-bg { bottom: 0;}.fc-bg table { height: 100%;}.fc table { width: 100%; box-sizing: border-box; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em;}.fc th { text-align: center;}.fc th,.fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top;}.fc td.fc-today { border-style: double;}a[data-goto] { cursor: pointer;}a[data-goto]:hover { text-decoration: underline;}.fc .fc-row { border-style: solid; border-width: 0;}.fc-row table { border-left: 0 hidden transparent; border-right: 0 hidden transparent; border-bottom: 0 hidden transparent;}.fc-row:first-child table { border-top: 0 hidden transparent;}.fc-row { position: relative;}.fc-row .fc-bg { z-index: 1;}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton { bottom: 0;}.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table { height: 100%;}.fc-row .fc-highlight-skeleton td,.fc-row .fc-bgevent-skeleton td { border-color: transparent;}.fc-row .fc-bgevent-skeleton { z-index: 2;}.fc-row .fc-highlight-skeleton { z-index: 3;}.fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px;}.fc-row .fc-mirror-skeleton { z-index: 5;}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-mirror-skeleton td { background: none; border-color: transparent;}.fc-row .fc-content-skeleton td,.fc-row .fc-mirror-skeleton td { border-bottom: 0;}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-mirror-skeleton tbody td { border-top: 0;}.fc-scroller { -webkit-overflow-scrolling: touch;}.fc-scroller > .fc-day-grid,.fc-scroller > .fc-time-grid { position: relative; width: 100%;}.fc-event { position: relative; display: block; font-size: 0.85em; line-height: 1.4; border-radius: 3px; border: 1px solid #3788d8;}.fc-event,.fc-event-dot { background-color: #3788d8;}.fc-event,.fc-event:hover { color: #fff; text-decoration: none;}.fc-event[href],.fc-event.fc-draggable { cursor: pointer;}.fc-not-allowed,.fc-not-allowed .fc-event { cursor: not-allowed;}.fc-event .fc-content { position: relative; z-index: 2;}.fc-event .fc-resizer { position: absolute; z-index: 4;}.fc-event .fc-resizer { display: none;}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer { display: block;}.fc-event.fc-selected .fc-resizer:before { content: ""; position: absolute; z-index: 9999; top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px;}.fc-event.fc-selected { z-index: 9999 !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}.fc-event.fc-selected:after { content: ""; position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px; background: #000; opacity: 0.25;}.fc-event.fc-dragging.fc-selected { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);}.fc-event.fc-dragging:not(.fc-selected) { opacity: 0.75;}.fc-h-event.fc-selected:before { content: ""; position: absolute; z-index: 3; top: -10px; bottom: -10px; left: 0; right: 0;}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0;}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; border-top-right-radius: 0; border-bottom-right-radius: 0;}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer { cursor: w-resize; left: -1px;}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer { cursor: e-resize; right: -1px;}.fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; bottom: -1px;}.fc-h-event.fc-selected .fc-resizer { border-radius: 4px; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; top: 50%; margin-top: -4px;}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer { margin-left: -4px;}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer { margin-right: -4px;}.fc-day-grid-event { margin: 1px 2px 0; padding: 0 1px;}tr:first-child > td > .fc-day-grid-event { margin-top: 2px;}.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event { margin-top: 0;}.fc-day-grid-event .fc-content { white-space: nowrap; overflow: hidden;}.fc-day-grid-event .fc-time { font-weight: bold;}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-left: -2px;}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-right: -2px;}a.fc-more { margin: 1px 3px; font-size: 0.85em; cursor: pointer; text-decoration: none;}a.fc-more:hover { text-decoration: underline;}.fc-limited { display: none;}.fc-day-grid .fc-row { z-index: 1;}.fc-more-popover { z-index: 2; width: 220px;}.fc-more-popover .fc-event-container { padding: 10px;}.fc-now-indicator { position: absolute; border: 0 solid red;}.fc-unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.fc-unthemed th,.fc-unthemed td,.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-divider,.fc-unthemed .fc-row,.fc-unthemed .fc-content,.fc-unthemed .fc-popover,.fc-unthemed .fc-list-view,.fc-unthemed .fc-list-heading td { border-color: #ddd;}.fc-unthemed .fc-popover { background-color: #fff;}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header,.fc-unthemed .fc-list-heading td { background: #eee;}.fc-unthemed td.fc-today { background: #fcf8e3;}.fc-unthemed .fc-disabled-day { background: #d7d7d7; opacity: 0.3;}@font-face { font-family: "fcicons"; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); font-weight: normal; font-style: normal;}.fc-icon { font-family: "fcicons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.fc-icon-chevron-left:before { content: "";}.fc-icon-chevron-right:before { content: "";}.fc-icon-chevrons-left:before { content: "";}.fc-icon-chevrons-right:before { content: "";}.fc-icon-minus-square:before { content: "";}.fc-icon-plus-square:before { content: "";}.fc-icon-x:before { content: "";}.fc-icon { display: inline-block; width: 1em; height: 1em; text-align: center;}.fc-button { border-radius: 0; overflow: visible; text-transform: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}.fc-button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;}.fc-button { -webkit-appearance: button;}.fc-button:not(:disabled) { cursor: pointer;}.fc-button::-moz-focus-inner { padding: 0; border-style: none;}.fc-button { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4em 0.65em; font-size: 1em; line-height: 1.5; border-radius: 0.25em;}.fc-button:hover { color: #212529; text-decoration: none;}.fc-button:focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);}.fc-button:disabled { opacity: 0.65;}.fc-button-primary { color: #fff; background-color: #2C3E50; border-color: #2C3E50;}.fc-button-primary:hover { color: #fff; background-color: #1e2b37; border-color: #1a252f;}.fc-button-primary:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);}.fc-button-primary:disabled { color: #fff; background-color: #2C3E50; border-color: #2C3E50;}.fc-button-primary:not(:disabled):active,.fc-button-primary:not(:disabled).fc-button-active { color: #fff; background-color: #1a252f; border-color: #151e27;}.fc-button-primary:not(:disabled):active:focus,.fc-button-primary:not(:disabled).fc-button-active:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);}.fc-button .fc-icon { vertical-align: middle; font-size: 1.5em;}.fc-button-group { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle;}.fc-button-group > .fc-button { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;}.fc-button-group > .fc-button:hover { z-index: 1;}.fc-button-group > .fc-button:focus,.fc-button-group > .fc-button:active,.fc-button-group > .fc-button.fc-button-active { z-index: 1;}.fc-button-group > .fc-button:not(:first-child) { margin-left: -1px;}.fc-button-group > .fc-button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0;}.fc-button-group > .fc-button:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0;}.fc-unthemed .fc-popover { border-width: 1px; border-style: solid;}.fc-unthemed .fc-list-item:hover td { background-color: #f5f5f5;}.fc-toolbar { display: flex; justify-content: space-between; align-items: center;}.fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em;}.fc-toolbar.fc-footer-toolbar { margin-top: 1.5em;}.fc-toolbar > * > :not(:first-child) { margin-left: 0.75em;}.fc-toolbar h2 { font-size: 1.75em; margin: 0;}.fc-view-container { position: relative;}.fc-view-container *,.fc-view-container *:before,.fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}.fc-view,.fc-view > table { position: relative; z-index: 1;}@media print { .fc { max-width: 100% !important;} .fc-event { background: #fff !important; color: #000 !important; page-break-inside: avoid;} .fc-event .fc-resizer { display: none;} .fc th,.fc td,.fc hr,.fc thead,.fc tbody,.fc-row { border-color: #ccc !important; background: #fff !important;} .fc-bg,.fc-bgevent-skeleton,.fc-highlight-skeleton,.fc-mirror-skeleton,.fc-bgevent-container,.fc-business-container,.fc-highlight-container,.fc-mirror-container { display: none;} .fc tbody .fc-row { height: auto !important; min-height: 0 !important; } .fc tbody .fc-row .fc-content-skeleton { position: static; padding-bottom: 0 !important; } .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { padding-bottom: 1em; } .fc tbody .fc-row .fc-content-skeleton table { height: 1em;} .fc-more-cell,.fc-more { display: none !important;} .fc tr.fc-limited { display: table-row !important;} .fc td.fc-limited { display: table-cell !important;} .fc-popover { display: none; } .fc-time-grid { min-height: 0 !important;} .fc-timeGrid-view .fc-axis { display: none;} .fc-slats,.fc-time-grid hr { display: none !important; } .fc-time-grid .fc-content-skeleton { position: static;} .fc-time-grid .fc-content-skeleton table { height: 4em;} .fc-time-grid .fc-event-container { margin: 0 !important;} .fc-time-grid .fc-event { position: static !important; margin: 3px 2px !important;} .fc-time-grid .fc-event.fc-not-end { border-bottom-width: 1px !important;} .fc-time-grid .fc-event.fc-not-end:after { content: "...";} .fc-time-grid .fc-event.fc-not-start { border-top-width: 1px !important;} .fc-time-grid .fc-event.fc-not-start:before { content: "...";} .fc-time-grid .fc-event .fc-time { white-space: normal !important;} .fc-time-grid .fc-event .fc-time span { display: none;} .fc-time-grid .fc-event .fc-time:after { content: attr(data-full);} .fc-scroller,.fc-day-grid-container,.fc-time-grid-container { overflow: visible !important; height: auto !important;} .fc-row { border: 0 !important; margin: 0 !important;} .fc-button-group,.fc button { display: none; }}.fc-dayGridWeek-view .fc-content-skeleton,.fc-dayGridDay-view .fc-content-skeleton { padding-bottom: 1em;}.fc-dayGrid-view .fc-body .fc-row { min-height: 4em;}.fc-row.fc-rigid { overflow: hidden;}.fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0;}.fc-day-top.fc-other-month { opacity: 0.3;}.fc-dayGrid-view .fc-week-number,.fc-dayGrid-view .fc-day-number { padding: 2px;}.fc-dayGrid-view th.fc-week-number,.fc-dayGrid-view th.fc-day-number { padding: 0 2px;}.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number { float: right;}.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number { float: left;}.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px 0;}.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px;}.fc-dayGrid-view .fc-day-top .fc-week-number { min-width: 1.5em; text-align: center; background-color: #f2f2f2; color: #808080;}.fc-dayGrid-view td.fc-week-number { text-align: center;}.fc-dayGrid-view td.fc-week-number > * { display: inline-block; min-width: 1.25em;}@charset "UTF-8";.fc-timeGrid-view .fc-day-grid { position: relative; z-index: 2;}.fc-timeGrid-view .fc-day-grid .fc-row { min-height: 3em;}.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton { padding-bottom: 1em;}.fc .fc-axis { vertical-align: middle; padding: 0 4px; white-space: nowrap;}.fc-ltr .fc-axis { text-align: right;}.fc-rtl .fc-axis { text-align: left;}.fc-time-grid-container,.fc-time-grid { position: relative; z-index: 1;}.fc-time-grid { min-height: 100%;}.fc-time-grid table { border: 0 hidden transparent;}.fc-time-grid > .fc-bg { z-index: 1;}.fc-time-grid .fc-slats,.fc-time-grid > hr { position: relative; z-index: 2;}.fc-time-grid .fc-content-col { position: relative;}.fc-time-grid .fc-content-skeleton { position: absolute; z-index: 3; top: 0; left: 0; right: 0;}.fc-time-grid .fc-business-container { position: relative; z-index: 1;}.fc-time-grid .fc-bgevent-container { position: relative; z-index: 2;}.fc-time-grid .fc-highlight-container { position: relative; z-index: 3;}.fc-time-grid .fc-event-container { position: relative; z-index: 4;}.fc-time-grid .fc-now-indicator-line { z-index: 5;}.fc-time-grid .fc-mirror-container { position: relative; z-index: 6;}.fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0;}.fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted;}.fc-time-grid .fc-highlight-container { position: relative;}.fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0;}.fc-ltr .fc-time-grid .fc-event-container { margin: 0 2.5% 0 2px;}.fc-rtl .fc-time-grid .fc-event-container { margin: 0 2px 0 2.5%;}.fc-time-grid .fc-event,.fc-time-grid .fc-bgevent { position: absolute; z-index: 1;}.fc-time-grid .fc-bgevent { left: 0; right: 0;}.fc-time-grid-event { margin-bottom: 1px;}.fc-time-grid-event-inset { -webkit-box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px #fff;}.fc-time-grid-event.fc-not-start { border-top-width: 0; padding-top: 1px; border-top-left-radius: 0; border-top-right-radius: 0;}.fc-time-grid-event.fc-not-end { border-bottom-width: 0; padding-bottom: 1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}.fc-time-grid-event .fc-content { overflow: hidden; max-height: 100%;}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title { padding: 0 1px;}.fc-time-grid-event .fc-time { font-size: 0.85em; white-space: nowrap;}.fc-time-grid-event.fc-short .fc-content { white-space: nowrap;}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title { display: inline-block; vertical-align: top;}.fc-time-grid-event.fc-short .fc-time span { display: none;}.fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start);}.fc-time-grid-event.fc-short .fc-time:after { content: " - ";}.fc-time-grid-event.fc-short .fc-title { font-size: 0.85em; padding: 0;}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize;}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: "=";}.fc-time-grid-event.fc-selected .fc-resizer { border-radius: 5px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background: #fff; left: 50%; margin-left: -5px; bottom: -5px;}.fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0;}.fc-time-grid .fc-now-indicator-arrow { margin-top: -5px;}.fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0; border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent;}.fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0; border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent;}.fc-event-dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px;}.fc-rtl .fc-list-view { direction: rtl;}.fc-list-view { border-width: 1px; border-style: solid;}.fc .fc-list-table { table-layout: auto;}.fc-list-table td { border-width: 1px 0 0; padding: 8px 14px;}.fc-list-table tr:first-child td { border-top-width: 0;}.fc-list-heading { border-bottom-width: 1px;}.fc-list-heading td { font-weight: bold;}.fc-ltr .fc-list-heading-main { float: left;}.fc-ltr .fc-list-heading-alt { float: right;}.fc-rtl .fc-list-heading-main { float: right;}.fc-rtl .fc-list-heading-alt { float: left;}.fc-list-item.fc-has-url { cursor: pointer;}.fc-list-item-marker,.fc-list-item-time { white-space: nowrap; width: 1px;}.fc-ltr .fc-list-item-marker { padding-right: 0;}.fc-rtl .fc-list-item-marker { padding-left: 0;}.fc-list-item-title a { text-decoration: none; color: inherit;}.fc-list-item-title a[href]:hover { text-decoration: underline;}.fc-list-empty-wrap2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}.fc-list-empty-wrap1 { width: 100%; height: 100%; display: table;}.fc-list-empty { display: table-cell; vertical-align: middle; text-align: center;}.fc-unthemed .fc-list-empty { background-color: #eee;}.ui-draggable-handle {-ms-touch-action: none;touch-action: none;}.ui-helper-hidden {display: none;}.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}.ui-helper-reset {margin: 0;padding: 0;border: 0;outline: 0;line-height: 1.3;text-decoration: none;font-size: 100%;list-style: none;}.ui-helper-clearfix:before,.ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}.ui-helper-clearfix:after {clear: both;}.ui-helper-zfix {width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;filter:Alpha(Opacity=0);}.ui-front {z-index: 100;}.ui-state-disabled {cursor: default !important;pointer-events: none;}.ui-icon {display: inline-block;vertical-align: middle;margin-top: -.25em;position: relative;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}.ui-widget-icon-block {left: 50%;margin-left: -8px;display: block;}.ui-widget-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}.ui-resizable {position: relative;}.ui-resizable-handle {position: absolute;font-size: 0.1px;display: block;-ms-touch-action: none;touch-action: none;}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {display: none;}.ui-resizable-n {cursor: n-resize;height: 7px;width: 100%;top: -5px;left: 0;}.ui-resizable-s {cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0;}.ui-resizable-e {cursor: e-resize;width: 7px;right: -5px;top: 0;height: 100%;}.ui-resizable-w {cursor: w-resize;width: 7px;left: -5px;top: 0;height: 100%;}.ui-resizable-se {cursor: se-resize;width: 12px;height: 12px;right: 1px;bottom: 1px;}.ui-resizable-sw {cursor: sw-resize;width: 9px;height: 9px;left: -5px;bottom: -5px;}.ui-resizable-nw {cursor: nw-resize;width: 9px;height: 9px;left: -5px;top: -5px;}.ui-resizable-ne {cursor: ne-resize;width: 9px;height: 9px;right: -5px;top: -5px;}.ui-selectable {-ms-touch-action: none;touch-action: none;}.ui-selectable-helper {position: absolute;z-index: 100;border: 1px dotted black;}.ui-sortable-handle {-ms-touch-action: none;touch-action: none;}.ui-accordion .ui-accordion-header {display: block;cursor: pointer;position: relative;margin: 2px 0 0 0;padding: .5em .5em .5em .7em;font-size: 100%;}.ui-accordion .ui-accordion-content {padding: 1em 2.2em;border-top: 0;overflow: auto;}.ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;}.ui-menu {list-style: none;padding: 0;margin: 0;display: block;outline: 0;}.ui-menu .ui-menu {position: absolute;}.ui-menu .ui-menu-item {margin: 0;cursor: pointer;list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}.ui-menu .ui-menu-item-wrapper {position: relative;padding: 3px 1em 3px .4em;}.ui-menu .ui-menu-divider {margin: 5px 0;height: 0;font-size: 0;line-height: 0;border-width: 1px 0 0 0;}.ui-menu .ui-state-focus,.ui-menu .ui-state-active {margin: -1px;}.ui-menu-icons {position: relative;}.ui-menu-icons .ui-menu-item-wrapper {padding-left: 2em;}.ui-menu .ui-icon {position: absolute;top: 0;bottom: 0;left: .2em;margin: auto 0;}.ui-menu .ui-menu-icon {left: auto;right: 0;}.ui-button {padding: .4em 1em;display: inline-block;position: relative;line-height: normal;margin-right: .1em;cursor: pointer;vertical-align: middle;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;overflow: visible;}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {text-decoration: none;}.ui-button-icon-only {width: 2em;box-sizing: border-box;text-indent: -9999px;white-space: nowrap;}input.ui-button.ui-button-icon-only {text-indent: 0;}.ui-button-icon-only .ui-icon {position: absolute;top: 50%;left: 50%;margin-top: -8px;margin-left: -8px;}.ui-button.ui-icon-notext .ui-icon {padding: 0;width: 2.1em;height: 2.1em;text-indent: -9999px;white-space: nowrap;}input.ui-button.ui-icon-notext .ui-icon {width: auto;height: auto;text-indent: 0;white-space: normal;padding: .4em 1em;}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {border: 0;padding: 0;}.ui-controlgroup {vertical-align: middle;display: inline-block;}.ui-controlgroup > .ui-controlgroup-item {float: left;margin-left: 0;margin-right: 0;}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {z-index: 9999;}.ui-controlgroup-vertical > .ui-controlgroup-item {display: block;float: none;width: 100%;margin-top: 0;margin-bottom: 0;text-align: left;}.ui-controlgroup-vertical .ui-controlgroup-item {box-sizing: border-box;}.ui-controlgroup .ui-controlgroup-label {padding: .4em 1em;}.ui-controlgroup .ui-controlgroup-label span {font-size: 80%;}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {border-left: none;}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {border-top: none;}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {border-right: none;}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {border-bottom: none;}.ui-controlgroup-vertical .ui-spinner-input {width: 75%;width: calc( 100% - 2.4em );}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {border-top-style: solid;}.ui-checkboxradio-label .ui-icon-background {box-shadow: inset 1px 1px 1px #ccc;border-radius: .12em;border: none;}.ui-checkboxradio-radio-label .ui-icon-background {width: 16px;height: 16px;border-radius: 1em;overflow: visible;border: none;}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {background-image: none;width: 8px;height: 8px;border-width: 4px;border-style: solid;}.ui-checkboxradio-disabled {pointer-events: none;}.ui-datepicker {width: 17em;padding: .2em .2em 0;display: none;}.ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.8em;height: 1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {top: 1px;}.ui-datepicker .ui-datepicker-prev {left: 2px;}.ui-datepicker .ui-datepicker-next {right: 2px;}.ui-datepicker .ui-datepicker-prev-hover {left: 1px;}.ui-datepicker .ui-datepicker-next-hover {right: 1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}.ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}.ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 1px 0;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {width: 45%;}.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}.ui-datepicker td {border: 0;padding: 1px;}.ui-datepicker td span,.ui-datepicker td a {display: block;padding: .2em;text-align: right;text-decoration: none;}.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}.ui-datepicker.ui-datepicker-multi {width: auto;}.ui-datepicker-multi .ui-datepicker-group {float: left;}.ui-datepicker-multi .ui-datepicker-group table {width: 95%;margin: 0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group {width: 50%;}.ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group {width: 25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width: 0;}.ui-datepicker-multi .ui-datepicker-buttonpane {clear: left;}.ui-datepicker-row-break {clear: both;width: 100%;font-size: 0;}.ui-datepicker-rtl {direction: rtl;}.ui-datepicker-rtl .ui-datepicker-prev {right: 2px;left: auto;}.ui-datepicker-rtl .ui-datepicker-next {left: 2px;right: auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px;left: auto;}.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px;right: auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane {clear: right;}.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {float: right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width: 0;border-left-width: 1px;}.ui-datepicker .ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;left: .5em;top: .3em;}.ui-dialog {position: absolute;top: 0;left: 0;padding: .2em;outline: 0;}.ui-dialog .ui-dialog-titlebar {padding: .4em 1em;position: relative;}.ui-dialog .ui-dialog-title {float: left;margin: .1em 0;white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis;}.ui-dialog .ui-dialog-titlebar-close {position: absolute;right: .3em;top: 50%;width: 20px;margin: -10px 0 0 0;padding: 1px;height: 20px;}.ui-dialog .ui-dialog-content {position: relative;border: 0;padding: .5em 1em;background: none;overflow: auto;}.ui-dialog .ui-dialog-buttonpane {text-align: left;border-width: 1px 0 0 0;background-image: none;margin-top: .5em;padding: .3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right;}.ui-dialog .ui-dialog-buttonpane button {margin: .5em .4em .5em 0;cursor: pointer;}.ui-dialog .ui-resizable-n {height: 2px;top: 0;}.ui-dialog .ui-resizable-e {width: 2px;right: 0;}.ui-dialog .ui-resizable-s {height: 2px;bottom: 0;}.ui-dialog .ui-resizable-w {width: 2px;left: 0;}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {width: 7px;height: 7px;}.ui-dialog .ui-resizable-se {right: 0;bottom: 0;}.ui-dialog .ui-resizable-sw {left: 0;bottom: 0;}.ui-dialog .ui-resizable-ne {right: 0;top: 0;}.ui-dialog .ui-resizable-nw {left: 0;top: 0;}.ui-draggable .ui-dialog-titlebar {cursor: move;}.ui-progressbar {height: 2em;text-align: left;overflow: hidden;}.ui-progressbar .ui-progressbar-value {margin: -1px;height: 100%;}.ui-progressbar .ui-progressbar-overlay {background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height: 100%;filter: alpha(opacity=25);opacity: 0.25;}.ui-progressbar-indeterminate .ui-progressbar-value {background-image: none;}.ui-selectmenu-menu {padding: 0;margin: 0;position: absolute;top: 0;left: 0;display: none;}.ui-selectmenu-menu .ui-menu {overflow: auto;overflow-x: hidden;padding-bottom: 1px;}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {font-size: 1em;font-weight: bold;line-height: 1.5;padding: 2px 0.4em;margin: 0.5em 0 0 0;height: auto;border: 0;}.ui-selectmenu-open {display: block;}.ui-selectmenu-text {display: block;margin-right: 20px;overflow: hidden;text-overflow: ellipsis;}.ui-selectmenu-button.ui-button {text-align: left;white-space: nowrap;width: 14em;}.ui-selectmenu-icon.ui-icon {float: right;margin-top: 0;}.ui-slider {position: relative;text-align: left;}.ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: default;-ms-touch-action: none;touch-action: none;}.ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {filter: inherit;}.ui-slider-horizontal {height: .8em;}.ui-slider-horizontal .ui-slider-handle {top: -.3em;margin-left: -.6em;}.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}.ui-slider-horizontal .ui-slider-range-min {left: 0;}.ui-slider-horizontal .ui-slider-range-max {right: 0;}.ui-slider-vertical {width: .8em;height: 100px;}.ui-slider-vertical .ui-slider-handle {left: -.3em;margin-left: 0;margin-bottom: -.6em;}.ui-slider-vertical .ui-slider-range {left: 0;width: 100%;}.ui-slider-vertical .ui-slider-range-min {bottom: 0;}.ui-slider-vertical .ui-slider-range-max {top: 0;}.ui-spinner {position: relative;display: inline-block;overflow: hidden;padding: 0;vertical-align: middle;}.ui-spinner-input {border: none;background: none;color: inherit;padding: .222em 0;margin: .2em 0;vertical-align: middle;margin-left: .4em;margin-right: 2em;}.ui-spinner-button {width: 1.6em;height: 50%;font-size: .5em;padding: 0;margin: 0;text-align: center;position: absolute;cursor: default;display: block;overflow: hidden;right: 0;}.ui-spinner a.ui-spinner-button {border-top-style: none;border-bottom-style: none;border-right-style: none;}.ui-spinner-up {top: 0;}.ui-spinner-down {bottom: 0;}.ui-tabs {position: relative;padding: .2em;}.ui-tabs .ui-tabs-nav {margin: 0;padding: .2em .2em 0;}.ui-tabs .ui-tabs-nav li {list-style: none;float: left;position: relative;top: 0;margin: 1px .2em 0 0;border-bottom-width: 0;padding: 0;white-space: nowrap;}.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left;padding: .5em 1em;text-decoration: none;}.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -1px;padding-bottom: 1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {cursor: text;}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor: pointer;}.ui-tabs .ui-tabs-panel {display: block;border-width: 0;padding: 1em 1.4em;background: none;}.ui-tooltip {padding: 8px;position: absolute;z-index: 9999;max-width: 300px;}body .ui-tooltip {border-width: 2px;}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}html { color: #000; background-color: #fff;}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}table { border-collapse: collapse; border-spacing: 0;}fieldset, img { border: 0;}address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal;}ol, ul { list-style: none;}caption, th { text-align: left;}h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}q:before, q:after { content: '';}abbr, acronym { border: 0; font-variant: normal;}sup { vertical-align: text-top;}sub { vertical-align: text-bottom;}input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit;}input, textarea, select { *font-size: 100%;}legend { color: #000;}* { box-sizing: border-box;}@font-face { font-family: 'font_regular'; src: url('../fonts/Regular/font_regular.woff2') format('woff2'), url('../fonts/Regular/font_regular.woff') format('woff'); font-weight: normal; font-style: normal;}@font-face { font-family: 'font_regular'; src: url('../fonts/Bold/font_bold.woff2') format('woff2'), url('../fonts/Bold/font_bold.woff') format('woff'); font-weight: bold; font-style: normal;}@font-face { font-family: 'Ticketing'; src: url('../fonts/Ticketing/Ticketing.woff2') format('woff2'), url('../fonts/Ticketing/Ticketing.woff') format('woff'); font-weight: normal; font-style: normal;}@font-face { font-family: 'SubwayTicker'; src: url('../fonts/SubwayTicker/SubwayTicker.woff2') format('woff2'), url('../fonts/SubwayTicker/SubwayTicker.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}@font-face { font-family: 'Digital-7'; src: url('../fonts/Digital/Digital-7Italic.woff2') format('woff2'), url('../fonts/Digital/Digital-7Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap;}h1, h2, h3, h4, h5, h6, p { margin-top: 0;}p { margin-bottom: 15px;}* > p:last-child { margin-bottom: 0;}body { color: #000; font-family: 'font_regular', sans-serif; font-size: 16px;}a:hover, a { color: #000; text-decoration: none;}textarea, a, input, button, *:focus { outline: 0;}* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); appearance: none; -moz-appearance: none; -webkit-appearance: none;}select { color: #333;}textarea, select, button, input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}input[type="text"] { appearance: none; -moz-appearance: none; -webkit-appearance: none;}textarea, input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="number"] { -webkit-user-select: auto !important; -khtml-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important;}.selectable, .selectable * { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important;}* { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -moz-touch-callout: none; -ms-touch-callout: none; touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; user-drag: none;}textarea, select, input { -webkit-user-select: auto !important; -khtml-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; }html, body, #layout, #splashscreen, .page { min-height: 100%; overflow: hidden;}#overlay, #layout, #splashscreen, #navigation, #container, .page { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}body, #layout { min-width: 300px;}html, body, #layout { background: #fff; }#overlay { z-index: 10000; display: block; display: none;}html.namepage__popup-doorlock #overlay, html.namepage__popup-lighting #overlay, html.namepage__popup-temperature #overlay, html.namepage__popup-energy-cool #overlay, html.namepage__popup-energy #overlay { top: 60px;}#overlay.hide { visibility: hidden; opacity: 0;}html.debug #overlay { background-color: rgba(255, 0, 0, 0.5);}html.overlay #overlay { display: block;}::-webkit-scrollbar { height: 2px; width: 2px; height: 0; width: 0;}::-webkit-scrollbar-track { background-color: transparent;}::-webkit-scrollbar-thumb { background-color: transparent;}#splashscreen::-webkit-scrollbar-thumb { background-color: transparent;}#navigation .scroll::-webkit-scrollbar-thumb { background-color: transparent;}#navigation .scroll::-webkit-scrollbar { height: 0; width: 0;}.page .content::-webkit-scrollbar-thumb { background-color: #002637;}#archive .scroll, #navigation .scroll, .page .content, html, body, #layout { -webkit-overflow-scrolling: touch;}html.overlay body, html.overlay .page .content, html.overlay #archive .scroll, html.overlay #navigation .scroll, html.overlay #layout { -webkit-overflow-scrolling: auto !important;}@keyframes contentImgLoading2 { 0% { background-position: 0% 50%;} 50% { background-position: 100% 50%;} 100% { background-position: 0% 50%;}}@keyframes contentImgLoading { 0% { left: -640px;} 100% { left: 0;}}@keyframes alertImgAnim { 0% { transform: rotateY(0deg);} 100% { transform: rotateY(360deg);}}@keyframes errorAlert { 0 { transform: translateX(-50%) translateY(-50%) scale(1);} 10% { transform: translateX(-70%) translateY(-50%) scale(1);} 30% { transform: translateX(-30%) translateY(-50%) scale(1);} 50% { transform: translateX(-70%) translateY(-50%) scale(1);} 70% { transform: translateX(-30%) translateY(-50%) scale(1);} 90% { transform: translateX(-70%) translateY(-50%) scale(1);} 100% { transform: translateX(-50%) translateY(-50%) scale(1);}}@keyframes loadingBar { 0% { width: 0%;} 50% { left: 0%; width: 50%;} 100% { left: 100%; width: 100%;}}@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}@keyframes spinLeft { 0% { transform: translateX(-50%) rotate(0deg);} 100% { transform: translateX(-50%) rotate(360deg);}}@keyframes spinTop { 0% { transform: translateY(-50%) rotate(0deg);} 100% { transform: translateY(-50%) rotate(360deg);}}@keyframes spindoorlock { 0% { transform: translate(-50%, -50%) rotate(0deg); box-shadow: 2px 2px 30px #3df49d;} 50% { transform: translate(-50%, -50%) rotate(180deg); box-shadow: 2px 2px 80px rgba(61, 244, 157, 0.5);} 100% { transform: translate(-50%, -50%) rotate(360deg); box-shadow: 2px 2px 30px #3df49d;}}@keyframes spindoorlockLoading { 0% { transform: translate(-50%, -50%) rotate(0deg);} 50% { transform: translate(-50%, -50%) rotate(180deg);} 100% { transform: translate(-50%, -50%) rotate(360deg);}}@keyframes guideCircle { from { transform: rotateZ(0deg) scale(0.6);} to { transform: rotateZ(360deg) scale(0.6);}}@keyframes guideCcircle { from { transform: rotateZ(360deg);} to { transform: rotateZ(0deg);}}@keyframes guideNavAnim { 0% { transform: translateX(0);} 100% { transform: translateX(-50%);}}@keyframes guideComic1Anim { 0% { opacity: 0;} 33% { opacity: 0;} 66% { opacity: 1;} 100% { opacity: 1;}}@keyframes guideComic2Anim { 0% { opacity: 1;} 33% { opacity: 1;} 66% { opacity: 0;} 100% { opacity: 0;}}@keyframes guideBand1aAnim { 0% { width: 0; opacity: 0;} 33% { width: 0; opacity: 0;} 50% { width: 0; opacity: 1;} 66% { width: 20%; opacity: 1;} 100% { width: 20%; opacity: 1;}}@keyframes guideBand1bAnim { 0% { width: 0; opacity: 0;} 33% { width: 0; opacity: 0;} 50% { width: 0; opacity: 1;} 66% { width: 13%; opacity: 1;} 100% { width: 13%; opacity: 1;}}@keyframes guideBand2aAnim { 0% { width: 20%; opacity: 1;} 33% { width: 20%; opacity: 1;} 50% { width: 0; opacity: 0;} 66% { width: 0; opacity: 0;} 100% { width: 0; opacity: 0;}}@keyframes guideBand2bAnim { 0% { width: 15%; opacity: 1;} 33% { width: 15%; opacity: 1;} 50% { width: 0; opacity: 0;} 66% { width: 0; opacity: 0;} 100% { width: 0; opacity: 0;}}@keyframes guideControlSliderPieBrightnessControlRotableAnim { 0% { transform: scale(0.65) rotate(-135deg);} 100% { transform: scale(0.65) rotate(135deg);}}@keyframes guideLightingCounterAnim { 0% { transform: translateY(0);} 100% { transform: translateY(-1000%);}}@keyframes guideLightingCounterAnim2 { 0% { transform: translateX(0);} 100% { transform: translateX(-100%);}}@keyframes guideCoffeSteamAnim { 0 { background-position: 0 0;} 100% { background-position: 0 -100%;}}@keyframes guideContainerImgAnimBg { 0 { background-color: #eee;} 100% { background-color: #666;}}.guidebox { z-index: 9999; width: 100%; left: 0; height: 100%; top: 0; background: white; position: absolute; min-width: 280px; transition: 0.3s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; display: none; overflow: hidden;} html.no-transition-page .guidebox { transition: none !important;} .guidebox__header { height: 60px; position: relative; z-index: 10; border-bottom: 1px solid #ddd; overflow: hidden; background-color: white;} .guidebox__header .logo { background-image: url(../img/logo.png); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 200px; height: 200px; margin: 0 auto; position: relative; top: -67px;} .guidebox__page { position: relative; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: auto; overflow-y: scroll; background-color: #fff; z-index: 1; transition: 0.3s;} html.no-transition-page .guidebox__page { transition: none !important;} .guidebox__loading { position: absolute; left: 0; right: 0; top: 60px; bottom: 0; overflow: hidden; overflow-y: auto; overflow-y: scroll; background-color: #fff; z-index: 10000; transition: 0.5s;} html.no-transition-page .guidebox__loading { transition: none !important;} .guidebox__loading.fade { opacity: 0; visibility: hidden;} .guidebox__content { position: absolute; left: 0; right: 0; top: 60px; bottom: 0; overflow: hidden; overflow-y: auto; overflow-y: scroll; background-color: #fff; z-index: 1; transition: 0.3s;} html.no-transition-page .guidebox__content { transition: none !important;} .guidebox__content .slick-list { height: 100%;} .guidebox__content .slick-list .slick-track { height: 100%;} .guidebox__content .slick-list .slick-track .guidebox__content__container { margin-top: -50px !important;} .guidebox__content .slick-dots { height: 100px; bottom: 0; left: 0; width: 100%; position: absolute; text-align: center; border-top: 1px solid #ddd;} .guidebox__content .slick-dots li { width: 30px; height: 40px; display: inline-block; position: relative; margin: 30px 0 0; opacity: 0.3; cursor: pointer; transition: 1s; overflow: hidden;} html.no-transition-page .guidebox__content .slick-dots li { transition: none !important;} .guidebox__content .slick-dots li.slick-active { opacity: 1;} .guidebox__content .slick-dots li:after { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 10000px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); background: #333; content: ''; display: block; transition: 0.5s;} html.no-transition-page .guidebox__content .slick-dots li:after { transition: none !important;} .guidebox__content .slick-dots li button { position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; cursor: pointer; opacity: 0; width: calc(100% + 20px); height: calc(100% + 20px); z-index: 100;} .guidebox-footer .guidebox__content { bottom: 100px;} .guidebox__content__container--center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: calc(100% - 20px); max-width: 480px;} .guidebox__content .container__img { width: 480px; height: 480px; border-radius: 10000px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); background: #f5f5f5; background: #eee; margin: 0 auto; overflow: hidden; position: relative;} @media screen and (max-height: 800px), screen and (max-width: 640px) { .guidebox__content .container__img { width: 320px; height: 320px;}} @media screen and (max-height: 600px), screen and (max-width: 400px) { .guidebox__content .container__img { width: 240px; height: 240px;}} .guidebox__content .container__img .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scale(0.3) !important; transition: 1s; border-radius: 10000px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);} html.no-transition-page .guidebox__content .container__img .img { transition: none !important;} .guidebox__content .container__img .img__content { transition: 1s; opacity: 0; width: 70%; height: 70%; position: absolute; top: 15%; left: 15%; background-repeat: no-repeat; background-position: center; background-size: contain;} html.no-transition-page .guidebox__content .container__img .img__content { transition: none !important;} .guidebox__content .container__img .img__content--nav { background-color: transparent;} .guidebox__content .container__img .img__content--nav ul { position: absolute; top: 0; left: 0; width: 1000%; height: 100%; animation: guideNavAnim 10s infinite alternate; animation-timing-function: ease;} .guidebox__content .container__img .img__content--nav ul li { width: 10%; height: 100%; float: left; text-align: center; position: relative;} .guidebox__content .container__img .img__content--nav ul li div { position: absolute; width: 70%; top: 5%; left: 15%; height: 70%; background-repeat: no-repeat; background-position: center;} .guidebox__content .container__img .img__content--nav ul li span { position: absolute; bottom: 7%; left: -50%; right: -50%; font-weight: bold; color: #666; font-size: 18px; text-align: center;} .guidebox__content .container__img .img__content--coffe { width: 34%; height: 40%; position: absolute; top: 56%; left: 52%; transform: translate(-110%, -50%); z-index: 1;} .guidebox__content .container__img .img__content--coffe-steam { width: 10%; height: 10%; position: absolute; top: 44%; left: 30%; opacity: 0.3 !important; background-size: 100%; background-position: 0 0; background-repeat: repeat-y; transform: translate(-50%, -50%); animation: guideCoffeSteamAnim 2s linear infinite; animation-direction: reverse;} .guidebox__content .container__img .img__content--bag { width: 50%; height: 50%; position: absolute; top: 30%; left: 40%;} .guidebox__content .container__img .img__content--sliderPieBrightnessBg { transform: scale(0.6); transition-delay: 0.3s;} html.no-transition-page .guidebox__content .container__img .img__content--sliderPieBrightnessBg { transition: none !important;} .guidebox__content .container__img .img__content--controlsSmartphone { transform: scale(1.5);} .guidebox__content .container__img .img__content--controlsSmartphoneMonitor { background-color: #eee; width: 59%; height: 100%; left: 20.5%; top: 0; border-radius: 8%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transition-delay: 0.6s;} html.no-transition-page .guidebox__content .container__img .img__content--controlsSmartphoneMonitor { transition: none !important;} .guidebox__content .container__img .img__content--sliderPieBrightnessControlRotable { transform: scale(0.65); transition-delay: 0.3s; animation: guideControlSliderPieBrightnessControlRotableAnim 5s infinite alternate;} html.no-transition-page .guidebox__content .container__img .img__content--sliderPieBrightnessControlRotable { transition: none !important;} .guidebox__content .container__img .img__content--lightingBg { top: -100% !important; left: -100% !important; width: 300% !important; height: 300% !important; background-color: #eee; animation: guideContainerImgAnimBg 5s infinite alternate; border-radius: 10000px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);} .guidebox__content .container__img .img__content--comic1 { opacity: 0; animation: guideComic1Anim 3s infinite alternate;} .guidebox__content .container__img .img__content--band1a, .guidebox__content .container__img .img__content--band1b, .guidebox__content .container__img .img__content--band2a, .guidebox__content .container__img .img__content--band2b { transition: 0.3s; width: 0%; background-color: white; height: 2%; position: absolute;} html.no-transition-page .guidebox__content .container__img .img__content--band1a, html.no-transition-page .guidebox__content .container__img .img__content--band1b, html.no-transition-page .guidebox__content .container__img .img__content--band2a, html.no-transition-page .guidebox__content .container__img .img__content--band2b { transition: none !important;} .guidebox__content .container__img .img__content--band1a { top: 45%; left: 25%; animation: guideBand1aAnim 3s infinite alternate;} .guidebox__content .container__img .img__content--band1b { top: 50%; left: 25%; animation: guideBand1bAnim 3s infinite alternate; animation-delay: 0.3s;} .guidebox__content .container__img .img__content--band2a { top: 38%; left: 55%; animation: guideBand2aAnim 3s infinite alternate;} .guidebox__content .container__img .img__content--band2b { top: 43%; left: 55%; animation: guideBand2bAnim 3s infinite alternate; animation-delay: 0.3s;} .guidebox__content .container__img .img__content--comic2 { opacity: 1; animation: guideComic2Anim 3s infinite alternate;} .guidebox__content .container__img .img__content--lightingCounter { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20%; height: 10%; margin-top: 2%; transition-delay: 0.3s; text-align: center; overflow: hidden; background-color: transparent; position: relative;} html.no-transition-page .guidebox__content .container__img .img__content--lightingCounter { transition: none !important;} .guidebox__content .container__img .img__content--lightingCounter:before { position: absolute; height: 40%; bottom: 0; content: 'Brightness'; width: 100%; font-size: 0.6em; text-align: center; left: 0; z-index: 1; display: none;} .guidebox__content .container__img .img__content--lightingCounter div { transition: none; display: block; position: relative; animation: guideLightingCounterAnim 5s infinite alternate; height: 100%;} .guidebox__content .container__img .img__content--lightingCounter div b { height: 100%; line-height: 100%; display: block; font-size: 1.2em;} .guidebox__content .container__img .img__content--lightingCounter div b small { font-size: 0.6em; font-weight: normal;} .guidebox__content .container__img .img__content--referSmartphone { transform: scale(1.5);} .guidebox__content .container__img .img__content--referQrCode { transform: scale(0.5); transition-delay: 0.3s;} html.no-transition-page .guidebox__content .container__img .img__content--referQrCode { transition: none !important;} .guidebox__content .container__img .img__content--referSearch { transform: scale(0.6); transition-delay: 0.3s; animation: guideCcircle 2s infinite linear;} html.no-transition-page .guidebox__content .container__img .img__content--referSearch { transition: none !important;} .guidebox__content .container__img .img__content--referSearch span { animation: guideCircle 2s infinite linear; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center; margin: -20px -20px 0 0;} .guidebox__content .container__text { text-align: center; padding: 20px 0; font-size: 16px; width: 100%; margin: 0 auto; position: relative;} .guidebox__content .container__text .text h4 { font-weight: bold; font-size: 20px;} .guidebox__footer { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; height: 100px; padding: 20px 10px; transform: translate3d(0, 100px, 0); z-index: 10; transition: 0.5s; display: flex;} html.no-transition-page .guidebox__footer { transition: none !important;} html.show--guide-init--page-last .guidebox__footer { transform: translate3d(0, 0, 0);} .guidebox__footer.button-container .button { margin-left: auto; margin-right: auto;} .guidebox-footer .guidebox__footer { transform: translate3d(0, 0, 0);}#guide-force-update.guidebox { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: none;} html.show--guide-force-update #guide-force-update.guidebox { display: block;}#guide-init.guidebox { display: none;} html.show--guide-init #guide-init.guidebox { display: block;}.guidebox__page.slick-active .container__img .img { transform: scale(1) !important;} .guidebox__page.slick-active .container__img .img__content { opacity: 1;}.collapse-area { margin-bottom: 60px;} .collapse-area--show { margin-bottom: 20px;} .collapse-area .action--collapse-area { cursor: pointer; position: relative;} .collapse-area .action--collapse-area:after { content: ''; background-image: url(../img/ui/select.svg); background-repeat: no-repeat; background-position: center center; background-size: 14px; width: 55px; height: 55px; display: block; position: absolute; top: 0; right: 5px;} .collapse-area--show .action--collapse-area:after { transform: rotate(180deg);} .collapse-area__content { transition: 0.3s; height: 0; visibility: hidden; opacity: 0; margin-top: -10px; margin-bottom: -10px; overflow: hidden;} html.no-transition-page .collapse-area__content { transition: none !important;} .collapse-area--show .collapse-area__content { height: auto; margin-top: 0; margin-bottom: 0; opacity: 1; visibility: visible;}.credit-card-box { border: 2px solid #666; border-radius: 10px; padding: 20px 20px 10px; margin: 10px 0 0;} .credit-card-box label { font-size: 14px; font-weight: bold;} .credit-card-box input { border: 1px solid #ccc; border-radius: 5px; padding: 10px; font-size: 14px;} .credit-card-box .card input { background-image: url(../img/credit-card/credit-card-logos.png); background-size: auto 20px; background-repeat: no-repeat; background-position: top 50% right 10px; padding-right: 85px;} .credit-card-box .month, .credit-card-box .year, .credit-card-box .cvc { float: left;} .credit-card-box .month, .credit-card-box .year { width: 25%; margin-right: 5%;} .credit-card-box .cvc { width: 25%; margin-left: 15%;} .credit-card-box ul:after { content: ''; display: block; clear: both;}.map-taxi, .map-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}.content .booking-map-container { overflow: hidden;} .content .booking-map-container__spotlight .spotlight { margin: 0 10px;} .content .booking-map-container__spotlight .booking-spotlight-container { position: relative; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); z-index: 10;} .content .booking-map-container__spotlight .booking-spotlight-container .input { box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); border: 0; height: 60px; margin: 0; padding: 0 10px; line-height: 60px; padding-right: 60px; padding-left: 60px; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);} .content .booking-map-container__spotlight .booking-spotlight-container .spotlight-toggle-map { position: absolute; left: 0; bottom: 0; width: 60px; background-image: url(../img/ico/nav/maps.svg); background-size: 33.33%; background-position: center center; background-repeat: no-repeat; cursor: pointer; height: 0; transition: 0.3s; height: 60px;} .content .booking-map-container__spotlight .booking-spotlight-container .spotlight-cancel { position: absolute; right: 0; top: 0; width: 60px; background-image: url(../img/ui/button-cancel.svg); background-size: 33.33%; background-position: center center; background-repeat: no-repeat; cursor: pointer; height: 0; transition: 0.3s;} .content .booking-map-container__map { background-color: #eee; height: 0; transition: 0.3s;} .content .booking-map-container .booking-map-container__spotlight .spotlight-cancel.active { height: 60px;} .content .booking-map-container .booking-map-container__map.active { height: 360px;}.spotlight { transition: 0.3s;} html.no-transition-page .spotlight { transition: none !important;}.spotlight-bar { position: absolute; width: 100%; left: 0; top: 120px; background: rgba(255, 255, 255, 0.9); z-index: 100; max-height: 148px; overflow: scroll; overflow-x: hidden; transition: 0.3s;} html.no-transition-page .spotlight-bar { transition: none !important;} .spotlight-bar ul { border-top: 1px solid #eee; border-bottom: 1px solid #eee; transition: 0.3s;} html.no-transition-page .spotlight-bar ul { transition: none !important;} .spotlight-bar ul li { padding: 13px; border-bottom: 1px solid #eee; cursor: pointer;} .spotlight-bar ul li:hover { background-color: #ddd;} .spotlight-bar ul li em { background: #002637; color: white; border-radius: 3px; transition: 0.3s;} html.no-transition-page .spotlight-bar ul li em { transition: none !important;} .spotlight-bar ul li:last-child { border: 0;}.content .spotlight-cancel { position: absolute; right: 10px; width: 45px; background-image: url(../img/ui/button-cancel.svg); background-size: 33.33%; background-position: center center; background-repeat: no-repeat; cursor: pointer; height: 0; transition: 0.3s;} html.no-transition-page .content .spotlight-cancel { transition: none !important;} .content .spotlight-cancel--show { height: 45px;} .content .spotlight { margin: 10px 0 0; box-shadow: inset 5px 5px 0 rgba(0, 0, 0, 0.05); border-radius: 5px; background-color: #f5f5f5; max-height: 120px; overflow: hidden; overflow-y: scroll; font-size: 13px; color: #666; transition: 0.3s;} html.no-transition-page .content .spotlight { transition: none !important;} .content .spotlight ul { margin: 0 !important; padding: 0 !important; transition: 0.3s;} html.no-transition-page .content .spotlight ul { transition: none !important;} .content .spotlight ul li { height: 40px; line-height: 40px; overflow: hidden; padding: 0 10px 0 15px !important; border-bottom: 1px solid #ddd; cursor: pointer; transition: 0.3s;} html.no-transition-page .content .spotlight ul li { transition: none !important;} .content .spotlight ul li:hover { background-color: #ddd;} .content .spotlight ul li em { background: #002637; color: white; border-radius: 3px; transition: 0.3s;} html.no-transition-page .content .spotlight ul li em { transition: none !important;}.spotlight-head-filter-desk { background-color: white; height: 60px; position: relative; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 9;} .spotlight-head-filter-desk input[type="text"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; background-color: transparent; text-align: center; font-size: 18px; font-weight: 600; padding-left: 60px; padding-right: 10px; text-indent: -50px; z-index: 2;} .spotlight-head-filter-desk button { position: absolute; top: 0; left: 0; width: 60px; height: 60px; border: 0; z-index: 1; text-indent: -9999px; overflow: hidden; border-right: 1px solid #eee; background-color: #fff; background-image: url(../img/search/search.svg); background-position: 20px 20px; background-repeat: no-repeat; background-size: 22px; border-radius: 0;} .spotlight-head-filter-desk .button-cancel { position: absolute; left: 0; width: 60px; height: 60px; background-color: #fff; background-image: url(../img/search/button-cancel.svg); background-position: 20px 19px; background-repeat: no-repeat; background-size: 22px; border-right: 1px solid #eee; z-index: 10; top: -60px;} .spotlight-head-filter-desk .spotlight-head-list { position: absolute; width: 100%; top: 60px; box-shadow: inset 5px 5px 0 rgba(0, 0, 0, 0.05); border-radius: 5px; background-color: #f5f5f5; max-height: 120px; overflow: hidden; overflow-y: scroll; font-size: 13px; color: #666; transition: 0.3s;} .spotlight-head-filter-desk .spotlight-head-list ul { margin: 0 !important; padding: 0 !important; transition: 0.3s;} .spotlight-head-filter-desk .spotlight-head-list ul li { height: 40px; line-height: 40px; overflow: hidden; padding: 0 10px 0 15px !important; border-bottom: 1px solid #ddd; cursor: pointer; transition: 0.3s;} .spotlight-head-filter-desk .spotlight-head-list ul li:hover { background-color: #ddd;} .spotlight-head-filter-desk .spotlight-head-list ul li em { background: #002637; color: white; border-radius: 3px; transition: 0.3s;} .title .spotlight-head-filter-desk { width: 180px; float: right; height: 40px; box-shadow: none; background-color: #f5f5f5; border-radius: 5px;} .title .spotlight-head-filter-desk input[type="text"] { font-size: 14px; text-indent: 0; text-align: left; padding: 0 10px; padding-right: 35px;} .title .spotlight-head-filter-desk .spotlight-head-list { top: 45px;} .title .spotlight-head-filter-desk .button-cancel { border-right: 0; width: 40px; height: 40px; background-color: transparent; background-image: url(../img/search/button-cancel.svg); background-position: center center; background-repeat: no-repeat; background-size: 14px; right: 0; left: auto;}.spotlight-head-filter-desk.show-cancel button { display: none;} .spotlight-head-filter-desk.show-cancel .button-cancel { cursor: pointer; top: 0;}.booking-list .result { margin: 10px 0; border-bottom: 1px solid #ccc;} .booking-list .result.disabled { opacity: 0.3; pointer-events: none;} .booking-list .result .img-content { background-color: #fff; padding-bottom: 70%; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat;} .booking-list .result .img-content.img--default { background-size: cover; background-image: url(../img/logo-thumb.png);} .booking-list .result .img-content:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; content: '';} .booking-list .result .img-content .title { top: auto; bottom: 0; right: 0; left: 0; padding: 10px; padding-right: 50px; position: absolute; color: white; z-index: 20;} .booking-list .result .img-content .title h3 { font-size: 18px; font-weight: bold;} .booking-list .result .img-content .title h4 { font-size: 13px;} .booking-list .result .img-content .title h4 .status { text-transform: uppercase; font-weight: bold;} .booking-list .result .img-content .title .arrow { width: 24px; height: 24px; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); background-image: url(../img/ui/arrow-right--fff.svg);} .booking-list .result .img-content.loaded--image .title { display: block;} .booking-list .result .img-content.loaded--image:after { background-image: none; -webkit-backface-visibility: hidden;} .booking-list .result .scrollarea { overflow: hidden; overflow-x: scroll; scroll-behavior: auto; -webkit-overflow-scrolling: auto; height: 72px;} .booking-list .result .scrollarea::-webkit-scrollbar { height: 0; width: 0;} .booking-list .result .scrollarea__scroll { width: calc(32px*28); position: relative; height: 72px; scroll-behavior: auto; -webkit-overflow-scrolling: auto;} .booking-list .result .scrollarea__scroll .line-time { width: 3px; position: absolute; left: -32px; top: 22px; bottom: 0; background: red; z-index: 100;} .booking-list .result .scrollarea__scroll .booking { position: absolute; top: 0; bottom: 0; width: 32px; background-color: rgba(0, 38, 55, 0.9); z-index: 10; left: 0; display: none; transition: 0.05s;} html.no-transition-page .booking-list .result .scrollarea__scroll .booking { transition: none !important;} .booking-list .result .scrollarea__scroll .booking .ui-resizable-se, .booking-list .result .scrollarea__scroll .booking .ui-resizable-s { display: none !important;} .booking-list .result .scrollarea__scroll .booking .ui-resizable-e, .booking-list .result .scrollarea__scroll .booking span { position: absolute; top: 50%; right: -10px; height: 20px; width: 20px; transform: translateY(-50%); background: white; border-radius: 200px; background-color: #002637; background-image: url(../img/ui/arrow-right--fff.svg); background-size: 120%; background-repeat: no-repeat; background-position: center center;} .booking-list .result .scrollarea__scroll .booking .ui-resizable-e { opacity: 0;} .booking-list .result .scrollarea__scroll ul.legend li { width: 64px; height: 22px; background: #eee; border-right: 1px solid #ccc; float: left; font-size: 10px; line-height: 22px; padding-left: 5px;} .time15slot .booking-list .result .scrollarea__scroll ul.legend li { width: 128px;} .booking-list .result .scrollarea__scroll ul.calendar li { width: 32px; height: 50px; background: #eee; border-right: 1px solid #ccc; float: left;} .booking-list .result .scrollarea__scroll ul.calendar li.calendar__container { width: 832px; position: relative;} .booking-list .result .scrollarea__scroll ul.calendar li.calendar__container li:last-child { width: 31px; border: 0;} .booking-list .result .scrollarea__scroll ul.calendar li.calendar__container.active .booking { display: block;} .booking-list .result .scrollarea__scroll ul.calendar li.old { background-color: #ddd;} .booking-list .result .scrollarea__scroll ul.calendar li.empty { background-color: #ddd; background-image: url(../img/ui/stripes--ccc.svg); background-position: center center;} .booking-list .result .scrollarea__scroll ul.calendar li.empty--side { background-color: #999; background-image: none;} .booking-list .result .scrollarea__scroll ul.calendar li.empty.ddd { background-color: transparent; background-image: url(../img/ui/stripes--blue.svg);} .booking-list .result .scrollarea__scroll ul li.empty { width: 32px;} .time15slot .booking-list .result .scrollarea__scroll ul li.empty.gray { width: 64px;} .time15slot .booking-list .result .scrollarea__scroll ul li.empty { width: 32px;} .booking-list .result .confirmation { text-align: center; padding: 10px; height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; transition: 0.3s;} html.no-transition-page .booking-list .result .confirmation { transition: none !important;} .booking-list .result .confirmation .text { font-size: 13px; line-height: 20px; margin-bottom: 10px;} .booking-list .result .confirmation .disclaimer-text { padding: 10px 0; font-size: 13px; line-height: 20px; text-align: left; margin-bottom: 15px;} .booking-list .result .confirmation .disclaimer-text b, .booking-list .result .confirmation .disclaimer-text h1, .booking-list .result .confirmation .disclaimer-text h2, .booking-list .result .confirmation .disclaimer-text h3, .booking-list .result .confirmation .disclaimer-text h4, .booking-list .result .confirmation .disclaimer-text h5, .booking-list .result .confirmation .disclaimer-text h6 { font-weight: bold;} .booking-list .result .confirmation .button { background: #333; color: white; line-height: 32px; height: 32px; font-size: 14px;} .booking-list .result .confirmation .button .loading-animation { top: 4px;} .booking-list .result .confirmation .checkbox-container { padding: 20px; margin-bottom: 10px; font-size: 14px; position: relative;} .booking-list .result .confirmation .checkbox-container .action { color: #002637; cursor: pointer;} .booking-list .result .confirmation .checkbox-container .checkbox { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; margin-bottom: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .booking-list .result .confirmation .checkbox-container .checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .booking-list .result .confirmation .checkbox-container .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: #eee; } .booking-list .result .confirmation .checkbox-container .checkbox:hover input ~ .checkmark { background-color: #ccc; } .booking-list .result .confirmation .checkbox-container .checkbox input:checked ~ .checkmark { background-color: #002637; } .booking-list .result .confirmation .checkbox-container .checkmark:after { content: ""; position: absolute; display: none; } .booking-list .result .confirmation .checkbox-container .checkbox input:checked ~ .checkmark:after { display: block; } .booking-list .result .confirmation .checkbox-container .checkbox .checkmark:after { left: 8px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .booking-list .result .confirmation .summary { display: block; margin: -5px auto 10px; font-size: 12px; width: 240px;} .booking-list .result .confirmation .summary > div { border-bottom: 1px solid #eee; height: 20px; line-height: 20px; display: flex; justify-content: space-between;} .booking-list .result .confirmation .summary > div.price-ph { color: rgba(0, 0, 0, 0.3);} .booking-list .result .confirmation .summary > div.subtotal b, .booking-list .result .confirmation .summary > div.tax b, .booking-list .result .confirmation .summary > div.price-ph b { font-weight: normal;} .booking-list .result .confirmation .summary > div.total em { font-weight: bold;} .booking-list .result.active .confirmation { padding-top: 10px; padding-bottom: 10px; height: 80px;} .booking-list .result.active .confirmation.stripe { height: 125px;} .booking-list .result.active .confirmation--auto { height: auto;} .booking-list .result.active .confirmation--auto .summary { width: auto; font-size: 14px; margin: 0 auto 10px;} .booking-list .result.active .confirmation--auto .summary > div { height: 24px; line-height: 24px;} .booking-list .result.active .confirmation--auto .button { line-height: 64px; height: 64px;} .booking-list .result.active .confirmation--auto .button .text { font-size: 18px; line-height: normal;} .booking-list .result.active .confirmation--auto .button .loading-animation { top: 20px;} .booking-list .result.active.disclaimer .confirmation { height: auto;}.loop-loading-block-image, .loop-loading-block { position: relative; display: block; overflow: hidden; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);} .loop-loading-block-image:after, .loop-loading-block:after { top: 0; left: 0; transition: 0.5s; content: ''; width: 100%; height: 100%; position: absolute; background: linear-gradient(-45deg, #eee, #ccc, #eee, #ccc); background-size: 400% 400%; animation: contentImgLoading2 1s ease infinite; -webkit-backface-visibility: hidden;} html.no-transition-page .loop-loading-block-image:after, html.no-transition-page .loop-loading-block:after { transition: none !important;}.loop-loading-block--no-animation:after { animation: none; -webkit-animation: none;}.loop-loading-block:after { display: none;} html.loading--loop-loading .loop-loading-block:after { display: block;}.loop-loading-block-image:after { opacity: 1; visibility: visible; display: block; transition: 0.5s;} html.no-transition-page .loop-loading-block-image:after { transition: none !important;} .loop-loading-block-image.loaded--image:after { opacity: 0; visibility: hidden;} html.loading--loop-loading .loop-loading-block-image.loaded--image:after { opacity: 1; visibility: visible;}.loop-loading { overflow: hidden; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);} .loop-loading .loop-el { position: relative; display: inline-block; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);} .loop-loading .loop-el:after { top: 0; transition: 0.5s; content: ''; width: 100%; height: 100%; position: absolute; background: linear-gradient(-45deg, #eee, #ccc, #eee, #ccc); background-size: 400% 400%; animation: contentImgLoading2 1s ease infinite; -webkit-backface-visibility: hidden; display: none;} html.no-transition-page .loop-loading .loop-el:after { transition: none !important;} html.loading--loop-loading .loop-loading .loop-el:after { display: block;} .loop-loading .loop-el--no-animation:after { animation: none; -webkit-animation: none; background-image: none;}@keyframes buttonLoading { 0% { background-position: 0% 50%;} 50% { background-position: 100% 50%;} 100% { background-position: 0% 50%;}}.button { max-width: 480px; width: 100%; height: 64px; line-height: 64px; background-color: white; display: block; margin: 0 auto 6px; text-align: center; color: #fff; background-color: #002637; cursor: pointer; position: relative; overflow: hidden; padding-left: 5px; padding-right: 5px; border: 0; font-size: 18px; font-weight: bold;} .button[data-going="1"] span { line-height: normal; display: block;} .button[data-going="1"] span.text { margin-top: 10px;} .button[data-going="1"] span.unreserve-text { font-size: 10px;} .button small { font-size: 12px;} .button.checkbox__input { max-width: 100%;} .button--autoh { height: auto; line-height: normal; padding: 15px 0;} .button--chat-notification { position: fixed; bottom: 110px; left: 50%; z-index: 100; border-radius: 5px; opacity: 0; visibility: hidden; transform: translateX(-50%); cursor: pointer; overflow: hidden; padding: 10px 20px; text-align: center; color: white; background-color: transparent; width: auto; height: auto; line-height: normal; color: white; font-size: 14px; font-weight: normal; transition: 0.3s;} html.no-transition-page .button--chat-notification { transition: none !important;} .button--chat-notification.active { opacity: 1; visibility: visible;} .button--chat-notification:before { background-image: url(../img/ui/select--fff.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position: center center; width: 20px; position: absolute; right: 10px; top: 0; bottom: 0; content: ''; display: none;} .button--chat-notification:after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #002637; z-index: -1; opacity: 0.9; content: ''; transition: 0.3s;} html.no-transition-page .button--chat-notification:after { transition: none !important;} .button--chat-notification:hover:after { height: auto !important; opacity: 0.8;} .button--ok .ico, .button--no .ico { display: block; position: absolute; width: 40px; height: 40px; background-size: 20px; background-repeat: no-repeat; background-position: center center; border-radius: 5px; top: 10px; left: 10px;} .button--disable { background-color: #ccc !important;} .button--no { background-color: #000 !important;} .button--loading .ico { background-image: none; background-color: rgba(0, 0, 0, 0); border-radius: 50%; width: 30px; height: 30px; animation: spin 0.7s infinite linear; position: absolute; top: 15px; left: 15px; content: ''; display: block; transition: 0.3s;} html.no-transition-page .button--loading .ico { transition: none !important;} .button--loading.button--ok .ico { border: 4px solid rgba(255, 255, 255, 0.15); border-top-color: #fff;} .button--loading.button--no .ico { border: 4px solid rgba(0, 0, 0, 0.15); border-top-color: #333;} .button--dark { background: #333;} .button--medium { max-width: 480px; height: 45px; line-height: 45px; font-size: 14px;} .button--margin-left { margin-left: 0;} .button--mini { max-width: 33.33%; height: 30px; line-height: 30px; font-size: 14px;} .button--mini--v2 { max-width: calc(50% - 10px); margin: 0 5px; display: inline-block;} .button--mini--v1 { max-width: 100%;} .button--mini--ico:before { display: block; width: 14px; height: 14px; background-size: contain; background-repeat: no-repeat; background-position: center center; content: ''; float: left; margin-top: 7px; margin-left: 2px;} .button--mini--ico--phone:before { background-image: url(../img/ico/alert/phone--fff.svg);} .button--mini--right { float: right; margin: -5px 0 0 0;} .button--mini--right-table { margin: 0; max-width: 100%;} .button--mini .loading-animation { top: auto !important; bottom: 0 !important; width: 100% !important; height: 3px !important; border: 0 !important; left: 0 !important; right: 0 !important; background: transparent; border-radius: 0; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.7), transparent, rgba(255, 255, 255, 0.9)); background-size: 400% 400%; animation: buttonLoading 2s ease infinite;} .button.disable { background-color: #ccc !important; cursor: default !important;} .buttons .button.ico:before { width: 16px; height: 16px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center center; content: ''; margin-bottom: -3px; margin-right: 6px; float: left; margin: 15px -10px 0 8px;} @media screen and (max-width: 374px) { .buttons .button.ico:before { display: none;}} .button--qr-scan { width: 50px; height: 50px; margin-bottom: -8px; margin-left: 5px; vertical-align: bottom; text-indent: -9999px; border-radius: 1000px; padding: 0; margin: 0; position: relative; background-color: #002637; cursor: pointer;} .button--qr-scan:after { content: ''; width: 24px; height: 24px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); background-image: url(../img/ico/nav/qrscan--fff.svg); background-repeat: no-repeat; background-size: contain; background-position: center center;}a.button:hover, a.button:link, a.button { color: white;}.button input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}.button:hover, .button:hover:before { box-shadow: none;}.button:hover:after { height: 0;}.button .loading-animation { width: 24px; height: 24px; position: absolute; top: 20px; left: 20px; opacity: 0; border: 0.25rem solid rgba(255, 255, 255, 0.2); border-top-color: #fff;}.button.loading-active { cursor: default;}.button.loading-active .loading-animation { opacity: 1;}.container-button--mini--v2 { margin: 0 -5px;}.button-container { text-align: center; margin: 0 auto; max-width: 640px; width: 100%;} .button-container .button { margin-left: 2px; margin-right: 2px; display: inline-block;} .button-container .button--x2 { width: calc(50% - 4px);} .button-container .button--x3 { width: calc(33.33% - 4px);} .button-container .button.v2 { opacity: 0.7;}.button-circle { cursor: pointer; background-color: #002637; width: 40px; height: 40px; border-radius: 60px !important; box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4); position: absolute; bottom: 10px; right: 10px; z-index: 100; overflow: hidden; padding: 0; margin: 0;} .button-circle.ico:after { background-position: center center; background-repeat: no-repeat; background-size: contain; content: ''; width: 16px; height: 16px; display: block; position: absolute; background-repeat: no-repeat; background-position: center; background-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .button-circle.ico--nfc:after { background-image: url(../img/ico/nfc/nfc--fff.svg);} .button-circle.ico--nfc { display: none;} html.show-nfc-button .button-circle.ico--nfc { display: block;}.button-back { display: inline-block; margin: 10px; cursor: pointer; position: relative; font-size: 16px;}.button-back--left { margin-left: 0; float: left;}.button-back--right { margin-right: 0; float: right;}.page .content.theme-v1 ul li.tickbox { padding: 0;} .page .content.theme-v1 ul li.tickbox label { font-weight: normal; text-transform: none; font-size: 16px; display: block;}.tickbox { padding: 0;} .tickbox label { font-weight: normal; text-transform: none; font-size: 16px; display: block; position: relative; padding: 15px 10px 15px 35px; margin-bottom: 12px; cursor: pointer; user-select: none;} .tickbox label b { font-weight: normal;} .tickbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .tickbox label .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 25px; width: 25px; background-color: #eee;} .tickbox label .checkmark:after { content: ""; position: absolute; display: none;} .tickbox label:hover input ~ .checkmark { background-color: #ccc;} .tickbox label input:checked ~ .checkmark { background-color: #002637;} .tickbox label input:checked ~ .checkmark:after { display: block;} .tickbox label .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg);}.checkbox .checkbox__input, .checkbox .checkbox__input + label { width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; margin: 0; border: 0; padding: 0;} .checkbox .checkbox__input { position: absolute; z-index: 10; opacity: 0.5; opacity: 0;} .checkbox .checkbox__input + label { position: relative; display: block; background: #ccc; border-radius: 1000px; transition: 0.5s; width: 55px !important; height: 30px;} html.no-transition-page .checkbox .checkbox__input + label { transition: none !important;} .checkbox .checkbox__input:checked + label { background: #333; background: #002637;} .checkbox .checkbox__input:disabled, .checkbox .checkbox__input:disabled + label { cursor: default;} .checkbox .checkbox__input:disabled + label { background: #eee;} .checkbox .checkbox__input + label span { content: ''; position: absolute; width: 24px; height: 24px; border-radius: 1000px; background: white; top: 3px; left: 3px; transition: 0.5s;} html.no-transition-page .checkbox .checkbox__input + label span { transition: none !important;} .checkbox .checkbox__input:checked + label span { left: 28px;} .checkbox .checkbox__input + label span:after { content: ''; position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -9px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; width: 12px; height: 12px; border: 3px solid #ccc; border-top-color: transparent; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; transition: 0.3s; opacity: 0;} html.no-transition-page .checkbox .checkbox__input + label span:after { transition: none !important;} .checkbox .checkbox__input.loading-active { z-index: -10;} .checkbox .checkbox__input.loading-active + label span:after { opacity: 1;}.page .header .checkbox { top: 0; left: 0; right: 0; position: absolute; z-index: 10; width: 60px; height: 60px; padding-top: 15px;} .page .header .checkbox--left { margin-left: -60px;} .page .header .checkbox--left-reset { margin-left: 0;} .page .header .checkbox:after { content: attr(data-content-css); font-size: 6px; text-transform: uppercase; display: block; padding-top: 3px; left: 0; right: 0; text-align: center; font-weight: bold; opacity: 0.5;} .page .header .checkbox .checkbox__input + label { height: 20px; width: 40px !important; left: 50%; transform: translateX(-50%);} .page .header .checkbox .checkbox__input + label span { width: 14px; height: 14px;} .page .header .checkbox .checkbox__input:checked + label span { left: 23px;} .page .header .checkbox .checkbox__input + label span:after { margin: -5px 0 0 -5px; width: 6px; height: 6px; border-width: 2px;}.radio-li-input .checkbox-input .checkbox__input, .checkbox-li-input .checkbox-input .checkbox__input, .radio-li-input .checkbox-input .checkbox__input + label, .checkbox-li-input .checkbox-input .checkbox__input + label { width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; margin: 0; border: 0; padding: 0;} .radio-li-input .checkbox-input .checkbox__input, .checkbox-li-input .checkbox-input .checkbox__input { position: absolute; z-index: 10; opacity: 0.5; opacity: 0;} .radio-li-input .checkbox-input .checkbox__input + label, .checkbox-li-input .checkbox-input .checkbox__input + label { position: relative; display: block; background-color: transparent; border: 2px solid #ccc; transition: 0.5s; width: 30px !important; height: 30px;} html.no-transition-page .radio-li-input .checkbox-input .checkbox__input + label, html.no-transition-page .checkbox-li-input .checkbox-input .checkbox__input + label { transition: none !important;} .radio-li-input .checkbox-input .checkbox__input:checked + label, .checkbox-li-input .checkbox-input .checkbox__input:checked + label { background-color: #333; background-color: #002637; border-color: #333; border-color: #002637;} .radio-li-input .checkbox-input .checkbox__input:disabled, .checkbox-li-input .checkbox-input .checkbox__input:disabled, .radio-li-input .checkbox-input .checkbox__input:disabled + label, .checkbox-li-input .checkbox-input .checkbox__input:disabled + label { cursor: default;} .radio-li-input .checkbox-input .checkbox__input:disabled + label, .checkbox-li-input .checkbox-input .checkbox__input:disabled + label { background: #eee;} .radio-li-input .checkbox-input .checkbox__input.loading-active, .checkbox-li-input .checkbox-input .checkbox__input.loading-active { z-index: -10;} .radio-li-input .checkbox-input .checkbox__input + label, .checkbox-li-input .checkbox-input .checkbox__input + label { display: inline-block; vertical-align: middle; margin-right: 10px;} .radio-li-input .checkbox-input > span, .checkbox-li-input .checkbox-input > span { vertical-align: middle;}.radio-li-input .checkbox__input + label { border-radius: 1000px;}#debug-terminal { background: black; position: fixed; z-index: 999999; top: auto; right: auto; bottom: auto; left: auto; display: none; min-width: 300px;} html.show-debug-terminal #debug-terminal { display: block;} #debug-terminal .open { position: absolute; width: 60px; height: 60px; top: 0; left: -60px; background: rgba(0, 0, 0, 0.8); display: none;} #debug-terminal .open:after { content: ''; width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.6); border: 2px solid white; width: 0; height: 0; border-left: 0 solid transparent; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid white;} #debug-terminal.o0 { top: 0; right: 0; bottom: 0; left: 0;} #debug-terminal.o1 { top: 0; left: 0; right: 0; height: 40%;} #debug-terminal.o2 { top: 0; bottom: 0; right: 0; width: 65%;} #debug-terminal.o3 { bottom: 0; left: 0; right: 0; height: 40%;} #debug-terminal.o4 { top: 0; bottom: 0; left: 0; width: 65%;} #debug-terminal.close { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; transform: translateX(calc(100% - 0px));} #debug-terminal.close .open { display: block;} #debug-terminal ul.nav-text { position: absolute; height: 40px; top: 0; left: 0; z-index: 10;} #debug-terminal ul.nav-text li { position: relative; display: inline-block; height: 40px; line-height: 40px; width: 25px; border-right: 1px solid rgba(255, 255, 255, 0.2); transition: 0.3s; text-align: center; font-weight: bold; font-size: 20px; color: white; text-transform: uppercase; vertical-align: top;} html.no-transition-page #debug-terminal ul.nav-text li { transition: none !important;} #debug-terminal ul.nav-text li.small { font-size: 12px;} #debug-terminal ul.nav-text li.clearb, #debug-terminal ul.nav-text li.filterb { width: auto; font-size: 9px; padding: 0 5px; font-weight: normal; letter-spacing: 0.5px;} html.show-debug-terminal-filter #debug-terminal ul.nav-text li.filterb { background-color: rgba(255, 255, 255, 0.2);} #debug-terminal ul.nav-text li:hover { background-color: rgba(255, 255, 255, 0.2);} #debug-terminal ul.nav { height: 40px; width: 100%; text-align: right; border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: absolute; top: 0; left: 0;} #debug-terminal ul.nav li { position: relative; display: inline-block; height: 40px; width: 27px; border-left: 1px solid rgba(255, 255, 255, 0.2); transition: 0.3s;} html.no-transition-page #debug-terminal ul.nav li { transition: none !important;} #debug-terminal ul.nav li:before, #debug-terminal ul.nav li:after { content: ''; width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.6);} #debug-terminal ul.nav li:after { border: 2px solid white;} #debug-terminal ul.nav li.autoScroll { width: 20px;} #debug-terminal ul.nav li.autoScroll:after { width: 0; height: 0; border-bottom: 0 solid transparent; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid white; margin-top: 4px;} #debug-terminal ul.nav li.autoScroll:before { width: 0; height: 0; border-top: 0 solid transparent; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid white; margin-top: -4px;} #debug-terminal ul.nav li.active { background-color: rgba(255, 255, 255, 0.2);} #debug-terminal ul.nav li.o1:after { height: 9px; border-top-width: 6px;} #debug-terminal ul.nav li.o2:after { width: 9px; border-right-width: 6px;} #debug-terminal ul.nav li.o3:after { height: 9px; border-bottom-width: 6px;} #debug-terminal ul.nav li.o4:after { width: 8px; border-left-width: 7px;} #debug-terminal ul.nav li.close:after { width: 0; height: 0; border-right: 0 solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid white;} #debug-terminal .content { position: absolute; top: 40px; right: 0; bottom: 0; left: 0; overflow: scroll; padding: 10px; color: white; font-family: "Courier New", Courier, monospace; font-size: 8px; line-height: 100%; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; white-space: normal;} #debug-terminal .content::-webkit-scrollbar { height: 5px; width: 5px;} #debug-terminal .content::-webkit-scrollbar-track { background-color: black;} #debug-terminal .content::-webkit-scrollbar-thumb { background-color: white;} #debug-terminal .content ul li { padding: 5px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); word-break: break-all;} #debug-terminal .content ul li .string { color: green;} #debug-terminal .content ul li .number { color: darkorange;} #debug-terminal .content ul li .boolean { color: blue;} #debug-terminal .content ul li .null { color: magenta;} #debug-terminal .content ul li .key { color: red;} #debug-terminal .filter { display: none;} html.show-debug-terminal-filter #debug-terminal .filter { display: block;} #debug-terminal .filter .list-nav { overflow: scroll;}#popup-doorlock-static .content__overlay-doorlock-static { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; opacity: 0; overflow: hidden; visibility: hidden;} html.overlay-doorlock-tt #popup-doorlock-static .content__overlay-doorlock-static { opacity: 1; visibility: visible;} #popup-doorlock-static .loading-bar { opacity: 0;} html.overlay-doorlock-tt #popup-doorlock-static .loading-bar { opacity: 1;}.doorlock .ico-lock .top-lock:after { border-color: #999;}.doorlock .ico-lock .bottom-lock { background: #999;}.doorlock .jumper-lock { background-image: url(../img/ico/nav/jumper--ddd.svg); background-repeat: no-repeat; background-position: center; background-position: center; width: 100px; height: 100px; display: block; margin: 0 auto;}.doorlock.on .jumper-lock { background-image: url(../img/ico/nav/jumper--3df49d.svg);}.doorlock { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.1); cursor: pointer; transition: 0.6s;} html.no-transition-page .doorlock { transition: none !important;} .doorlock.on { transform: translate(-50%, -50%) scale(1.2);} .doorlock.on .bg { opacity: 0;} .doorlock.on .bg2 { opacity: 1;} .doorlock.on .up { box-shadow: inset 3px 3px 15px rgba(0, 0, 0, 0.15);} .doorlock.on .up .title { color: #2abb69;} .doorlock:active { transform: translate(-50%, -50%) scale(0.95);} .doorlock--static { width: 240px; height: 240px; position: relative; top: auto; left: auto; transform: scale(1.1); margin: 20px auto;} .doorlock--static.on { transform: scale(1.2);} .doorlock--static:active { transform: scale(0.95);} .doorlock .center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; line-height: 36px; z-index: 1000; font-weight: bold; color: #666;} .doorlock .bg2, .doorlock .bg, .doorlock .up { width: 180px; height: 180px; border-radius: 10000px; background: #f5f5f5; box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; font-size: 14px; color: #333; text-align: center; transition: 0.5s;} html.no-transition-page .doorlock .bg2, html.no-transition-page .doorlock .bg, html.no-transition-page .doorlock .up { transition: none !important;} .doorlock .bg2, .doorlock .bg { width: 210px; height: 210px; box-shadow: inset 3px 3px 25px rgba(0, 0, 0, 0.2);} html.overlay .doorlock .bg { background: linear-gradient(#f5f5f5, #ccc); animation: spindoorlockLoading 1s infinite linear; -webkit-animation: spindoorlockLoading 1s infinite linear;} .doorlock .bg2 { background: linear-gradient(#3df49d, #2abb69); box-shadow: 2px 2px 50px rgba(61, 244, 157, 0.95); animation: spindoorlock 5s infinite linear; -webkit-animation: spindoorlock 5s infinite linear; transition: 0.5s; opacity: 0;} html.no-transition-page .doorlock .bg2 { transition: none !important;} .doorlock .up { z-index: 120;} .doorlock .up .title { transition: 1s;} html.no-transition-page .doorlock .up .title { transition: none !important;} .doorlock .up .counter { display: block; font-size: 12px; line-height: normal; font-weight: normal; letter-spacing: 1px; height: 0; width: 50px; margin: 0 auto; text-align: left; transition: 0.3s; overflow: hidden; text-align: center; font-family: monospace;} html.no-transition-page .doorlock .up .counter { transition: none !important;} .doorlock .up .counter.active { height: 18px;} .doorlock .ico-lock { width: 50px; height: 70px; display: block; margin: 0 auto 5px; transition: 0.15s; transition-timing-function: linear;} html.no-transition-page .doorlock .ico-lock { transition: none !important;} .doorlock .ico-lock .top-lock { width: 40px; height: 37px; margin-right: 5px; margin-bottom: -2px; overflow: hidden; display: block; float: right; transition: 0.15s; transition-timing-function: linear;} html.no-transition-page .doorlock .ico-lock .top-lock { transition: none !important;} .doorlock .ico-lock .top-lock:after { content: ''; width: 100%; height: 60px; border: 8px solid #ddd; border-radius: 100px; display: block; box-sizing: border-box; transition: 0.15s;} html.no-transition-page .doorlock .ico-lock .top-lock:after { transition: none !important;} .doorlock .ico-lock .bottom-lock { clear: both; width: 50px; height: 33px; background: #ddd; border-radius: 4px; display: block; position: relative; z-index: 10; box-shadow: inset 3px 3px 15px rgba(0, 0, 0, 0.1); transition: 0.15s;} html.no-transition-page .doorlock .ico-lock .bottom-lock { transition: none !important;} .doorlock .ico-lock.go .top-lock { width: 8px;} .doorlock .ico-lock.go .top-lock:after { border-color: #3df49d;} .doorlock .ico-lock.go .bottom-lock { box-shadow: inset 2px 2px 60px #3df49d; background-color: #2abb69;} .doorlock .ico-lock.go2 { transform: translateX(-10px);} .doorlock .ico-lock.go2 .top-lock { width: 40px; transform: translateX(30px);} .doorlock .ico-lock.go2 .top-lock:after { border-radius: 100px;}.doorlock-all { width: 230px; height: 60px; line-height: 60px; position: absolute; bottom: 60px; left: 50%; margin-left: -115px; border-radius: 100px; padding-left: 40px; text-align: center; display: none !important; background: #f5f5f5; box-shadow: inset 3px 3px 25px rgba(0, 0, 0, 0.2); color: #999; font-size: 14px; cursor: pointer; transition: 0.3s;} html.no-transition-page .doorlock-all { transition: none !important;} .doorlock-all b { font-weight: normal; transition: 0.3s;} html.no-transition-page .doorlock-all b { transition: none !important;} .doorlock-all.dragging b { opacity: 0; color: white;} .doorlock-all span { position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; background: #f5f5f5; box-shadow: inset 3px 3px 25px rgba(0, 0, 0, 0.2); display: block; z-index: 1; border-radius: 100px; transition: 0.3s;} html.no-transition-page .doorlock-all span { transition: none !important;} .doorlock-all span:after { width: 20px; height: 20px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); background-image: url(../img/ico/alert/lock--999.svg); background-repeat: no-repeat; background-position: center; background-position: center; content: ''; transition: 0.3s;} html.no-transition-page .doorlock-all span:after { transition: none !important;} .doorlock-all span:before { position: absolute; width: 32px; height: 32px; border: 4px solid rgba(51, 51, 51, 0.2); border-top-color: #666; content: ''; border-radius: 10000px; animation: spin 0.7s infinite linear; top: 0px; left: 0px; opacity: 0;} .doorlock-all.loading span:before { opacity: 1;} .doorlock-all.dragging span { transition: none !important;} .doorlock-all.active { padding-left: 0; padding-right: 40px; background: linear-gradient(#f28080, #f02121); box-shadow: 2px 2px 25px rgba(242, 128, 128, 0.95); color: white; transform: scale(1.05);} .doorlock-all.active span { background: linear-gradient(#f28080, #f02121); box-shadow: inset 2px 2px 10px rgba(242, 128, 128, 0.95);} .doorlock-all.active span:after { background-image: url(../img/ico/alert/lock--fff.svg);} .doorlock-all.active span:before { border: 4px solid rgba(255, 255, 255, 0.2); border-top-color: #fff;}.locker-release-button { width: 230px; height: 60px; line-height: 60px; position: absolute; bottom: 60px; left: 50%; margin-left: -115px; border-radius: 100px; padding-left: 40px; text-align: center; background: #f5f5f5; box-shadow: inset 3px 3px 25px rgba(0, 0, 0, 0.2); color: #999; font-size: 14px; cursor: pointer; transition: 0.3s;} .locker-release-button span { position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; background: #f5f5f5; box-shadow: inset 3px 3px 25px rgba(0, 0, 0, 0.2); display: block; z-index: 1; border-radius: 100px; transition: 0.3s;} .locker-release-button span:after { width: 20px; height: 20px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); background-image: url(../img/ico/alert/lock--999.svg); background-repeat: no-repeat; background-position: center; background-position: center; content: ''; transition: 0.3s;} html.no-transition-page .locker-release-button span:after { transition: none !important;} .locker-release-button span:before { position: absolute; width: 32px; height: 32px; border: 4px solid rgba(51, 51, 51, 0.2); border-top-color: #666; content: ''; border-radius: 10000px; animation: spin 0.7s infinite linear; top: 0px; left: 0px; opacity: 0;} .locker-release-button:hover, .locker-release-button:focus { background: linear-gradient(#3df49d, #2abb69); box-shadow: 2px 2px 50px rgba(61, 244, 157, 0.95); color: white; transform: scale(1.05);} .locker-release-button:hover span, .locker-release-button:focus span { background: linear-gradient(#3df49d, #2abb69); box-shadow: 2px 2px 50px rgba(61, 244, 157, 0.95);} .locker-release-button:hover span:after, .locker-release-button:focus span:after { background-image: url(../img/ico/alert/lock--fff.svg);} .locker-release-button:hover span:before, .locker-release-button:focus span:before { border: 4px solid rgba(255, 255, 255, 0.2); border-top-color: #fff;}.findme { width: 230px; height: 60px; line-height: 60px; margin: 0 auto; position: relative; border-radius: 100px; padding-left: 30px; text-align: center; background: #f5f5f5; box-shadow: inset 3px 3px 25px rgba(0, 0, 0, 0.2); color: #999; font-size: 14px; cursor: pointer; transition: all 0.3s;} .findme span { position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; background: #f5f5f5; box-shadow: inset 3px 3px 25px rgba(0, 0, 0, 0.2); display: block; z-index: 1; border-radius: 100px; transition: all 0.3s;} .findme span:after { width: 20px; height: 20px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); background-image: url(../img/ico/alert/search--999.svg); background-repeat: no-repeat; background-position: center; background-position: center; content: ''; transition: all 0.3s;} .findme span:before { position: absolute; width: 32px; height: 32px; border: 4px solid rgba(51, 51, 51, 0.2); border-top-color: #666; content: ''; border-radius: 10000px; top: 0px; left: 0px; opacity: 0;} .findme.loading-active { color: white; background: #80e180; transform: scale(1.05); box-shadow: inset 2px 2px 25px rgba(96, 151, 96, 0.95);} .findme.loading-active span { background: #609760; box-shadow: inset 0 0 25px rgba(128, 225, 128, 0.95);} .findme.loading-active span:after { background-image: url(../img/ico/alert/search--fff.svg);} #popup-lift .findme { position: relative; margin: 20px auto; left: auto; top: auto;}html.flutterstyle #splashscreen .bridge-error { display: none;}html.flutterstyle #splashscreen .bridge-error { position: fixed; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); text-align: center; opacity: 0; visibility: hidden; transition: 0.3s; padding: 0 40px;}html.flutterstyle #splashscreen .bridge-error span { display: block; opacity: 0.2;}html.flutterstyle #splashscreen .bridge-error.show-text { opacity: 1; visibility: visible;}.editor-area { margin-bottom: 15px;} .editor-area a, .editor-area u { text-decoration: underline;} .editor-area h1, .editor-area h2, .editor-area h3, .editor-area h4, .editor-area h5, .editor-area h6, .editor-area b, .editor-area strong { font-weight: bold;} .editor-area i, .editor-area em { font-style: italic;} .editor-area img { max-width: 100%;} .editor-area h1 { font-size: 32px;} .editor-area h2 { font-size: 24px;} .editor-area h3 { font-size: 18px;} .editor-area h4, .editor-area h5, .editor-area h6 { font-size: 16px;} .text-collapse .editor-area { border-top: 1px solid #eee; padding-top: 15px; margin-top: 15px; margin-bottom: 0;}#uat { position: fixed; bottom: 5px; left: 50%; width: 36px; margin-left: -18px; color: white; background: red; z-index: 99999; font-size: 8px; text-transform: uppercase; padding: 2px 0; text-align: center; display: none; border-radius: 10px; letter-spacing: 1px;} #uat:after { content: 'uat';}#debug { padding: 10px; color: white; position: fixed; bottom: 0; background: red; z-index: 9999999; font-size: 9px; letter-spacing: 1px; left: 50%; transform: translate(-50%, 0); opacity: 0.5;}.autoHeight { height: auto !important;}.gm-control-active, .gm-fullscreen-control, .gm-svpc, .gmnoprint, .gm-style-mtc { display: none !important;}.visibility-hidden { opacity: 0 !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important;}.hidden-0 { opacity: 0 !important; visibility: hidden !important;}.opacity-0 { opacity: 0 !important;}.input-file { height: 0; width: 0; display: block; opacity: 0; visibility: hidden;}.show { display: block !important;}.hide { display: none !important;}.clear { clear: both;}.align-center { text-align: center;}.fl { float: left; min-height: 1px;}.w-100-p { width: 100%;} .w-70-p { width: 70%;} .w-65-p { width: 65%;} .w-55-p { width: 55%;} .w-50-p { width: 50%;} .w-45-p { width: 45%;} .w-40-p { width: 40%;} .w-30-p { width: 30%;} .w-25-p { width: 25%;} .w-20-p { width: 20%;} .w-15-p { width: 15%;} .w-10-p { width: 10%;} .w-5-p { width: 5%;}.action-confirm-booking .loading-animation { top: 4px; left: 4px;}.lockerDom { top: 328px; left: 114px; width: 60px; height: 29px; background: transparent; position: absolute; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.3s; border: 1px solid transparent;}.lockerDom.active { background: #002637; border-color: white;}.lockerDom span { display: inline-block; border-radius: 1000px; background: white; color: #002637; font-size: 12px; font-weight: bold; width: 20px; height: 20px; line-height: 20px; text-align: center;}.action-temperature-floor-onoff.highlight:hover, .action-temperature-floor-onoff.highlight, .action-lighting-floor-onoff.highlight:hover, .action-lighting-floor-onoff.highlight, .action-lightingScheme-off.highlight:hover, .action-lightingScheme-off.highlight { background: #fff !important; color: #999 !important; box-shadow: inset 0px 0px 10px rgba(0, 38, 55, 0.2) !important;}.action-booking-map-and-meeting-reset { display: none !important;}.showResetButton .action-booking-map-and-meeting-reset { display: inline-block !important;}#popup-socialwall-content-comment .list.list-feed, #page-home .list.list-feed li.post-feed, #page-home .list.list-feed li .buttons { display: none;}.payment-summary { transition: 0.5s; overflow: hidden;} .payment-summary--hide { opacity: 0; height: 0; margin-top: 0; margin-bottom: 0;}.form { margin-top: 20px; max-width: 640px; margin-left: auto; margin-right: auto;} .form small { display: block;} .form ul { margin: 20px auto 20px; max-width: 640px;} .form ul li { padding: 10px 0; text-align: right;} .form ul li label { display: block; max-width: 640px; width: 100%; font-weight: bold; font-size: 10px; text-transform: uppercase; margin: 0 auto; text-align: left; padding: 0 0 5px;} .form--v2 ul li { text-align: left; border-bottom: 1px solid #ccc; font-size: 14px;}.graph-container { padding: 10px; border: 1px solid #ccc; border-radius: 3px; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); margin: 0 auto 10px;} .graph-container .map { min-height: 320px;} .graph-container h3 { font-size: 14px; margin-bottom: 5px;} .graph-container .no-results { text-align: center; padding: 20px 0; margin: 0 auto; font-weight: bold; color: #666; font-size: 12px; text-transform: uppercase;} .graph-container .no-results:before { margin: 0 auto 10px; background-image: url(../img/ico/alert/error--ddd.svg); background-repeat: no-repeat; background-size: contain; height: 80px; width: 80px; content: ''; display: block;} .graph-container canvas { margin-bottom: 10px;} .graph-container table { width: 100%;} .graph-container table .ico { display: inline-block; width: 20px; height: 20px; margin-bottom: -5px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 5px;} .graph-container table th { font-weight: bold;} .graph-container table td, .graph-container table th { padding: 3px; border-bottom: 1px solid #ddd;} .graph-container table tr th:last-child, .graph-container table tr td:last-child { text-align: right;} .graph-container table .em { font-weight: bold;} .graph-container table .em small { font-weight: normal;}.horizontal-slider { overflow: hidden; transition: 0.3s;} .horizontal-slider .steps { width: 400%; display: flex; transition: 0.3s; transform: translate(0, 0);} .horizontal-slider .step { flex: 1;} .horizontal-slider .arrows { height: 45px; position: relative; margin-top: 10px;} .horizontal-slider .arrows span { position: absolute; top: 0; width: 45px; height: 45px; display: block; background-image: url(../img/ui/select.svg); background-repeat: no-repeat; background-position: center center; background-size: 14px; transition: 0.3s;} .horizontal-slider .arrows span:after { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; transform: translate(-50%, -50%); border: 1px solid #000; border-radius: 1000px; content: '';} .horizontal-slider .arrows span.back { left: -5px; transform: rotate(90deg);} .horizontal-slider .arrows span.next { right: -5px; transform: rotate(-90deg);} .horizontal-slider .arrows span.disable { opacity: 0.15;} .horizontal-slider--step-1 .steps { transform: translate(0, 0);} .horizontal-slider--step-2 .steps { transform: translate(-25%, 0);} .horizontal-slider--step-3 .steps { transform: translate(-50%, 0);} .horizontal-slider--step-4 .steps { transform: translate(-75%, 0);}.iframe { position: relative; margin-bottom: 20px;} .iframe iframe { display: block; border: 0; width: 1px; min-width: 100%;} .iframe--video { padding-bottom: 100%;} .iframe--video iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}.content--iframe { overflow: hidden !important;} .content--iframe .dynamic { max-width: 100% !important;} .content--iframe .iframe { position: relative; height: 100%; height: calc(100vh - 60px); margin: 0;} html.show-navBottom .content--iframe .iframe { height: calc(100vh - 140px);}.input-date-container { max-width: 640px; width: 100%; margin: 0 auto;} .input-date-container .input { padding: 0;} .input-date-container .input-start-hour, .input-date-container .input-start-minutes, .input-date-container .input-end-hour, .input-date-container .input-end-minutes, .input-date-container .input-hour, .input-date-container .input-minutes, .input-date-container .input-year, .input-date-container .input-month, .input-date-container .input-day { width: 33.33%; float: left; display: block; position: relative;} .input-date-container .input-start-hour b, .input-date-container .input-start-minutes b, .input-date-container .input-end-hour b, .input-date-container .input-end-minutes b, .input-date-container .input-hour b, .input-date-container .input-minutes b, .input-date-container .input-year b, .input-date-container .input-month b, .input-date-container .input-day b { top: 0; right: 0; left: 0; font-size: 9px; position: absolute; height: 10px; line-height: 25px; text-align: left;} .input-date-container .input-start-hour input, .input-date-container .input-start-minutes input, .input-date-container .input-end-hour input, .input-date-container .input-end-minutes input, .input-date-container .input-hour input, .input-date-container .input-minutes input, .input-date-container .input-year input, .input-date-container .input-month input, .input-date-container .input-day input, .input-date-container .input-start-hour select, .input-date-container .input-start-minutes select, .input-date-container .input-end-hour select, .input-date-container .input-end-minutes select, .input-date-container .input-hour select, .input-date-container .input-minutes select, .input-date-container .input-year select, .input-date-container .input-month select, .input-date-container .input-day select { padding-top: 10px; width: 100%; border: 0; height: 45px; background: transparent; position: relative; z-index: 10; font-size: 12px;} .input-date-container .input-start-hour input, .input-date-container .input-start-minutes input, .input-date-container .input-end-hour input, .input-date-container .input-end-minutes input, .input-date-container .input-hour input, .input-date-container .input-minutes input, .input-date-container .input-year input, .input-date-container .input-month input, .input-date-container .input-day input { padding-top: 12px;} .input-date-container .input-end-minutes input, .input-date-container .input-start-minutes input, .input-date-container .input-year input, .input-date-container .input-minutes input, .input-date-container .input-end-minutes select, .input-date-container .input-start-minutes select, .input-date-container .input-year select, .input-date-container .input-minutes select { border-right: 0;} .input-date-container .input-start-hour, .input-date-container .input-start-minutes, .input-date-container .input-end-hour, .input-date-container .input-end-minutes, .input-date-container .input-hour, .input-date-container .input-minutes { width: 50%;} .input-date-container select.ico.ico-arrow { background-image: url(../img/ui/select.svg); background-repeat: no-repeat; background-position: top 50% right 15px; background-size: 7px;}.input { display: block; width: 100%; height: 45px; line-height: 45px; background-color: transparent; border: 0; border-bottom: 1px solid #ccc; padding: 0; margin: 0 auto 15px;} .input--checkbox { appearance: checkbox !important; -moz-appearance: checkbox !important; -webkit-appearance: checkbox !important; width: auto; height: auto; margin-left: 0; border: 1px solid #ccc;}.pickup-dropoff { position: relative;}.pickup-dropoff .invert-button { width: 50px; height: 40px; position: absolute; right: 8px; top: 55px; cursor: pointer; background-color: white;}.pickup-dropoff .invert-button:after, .pickup-dropoff .invert-button:before { position: absolute; content: ''; top: 0; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 50%; background-image: url(../img/ui/select.svg);}.pickup-dropoff .invert-button:after { left: 10%; transform: rotate(180deg);}.pickup-dropoff .invert-button:before { left: 40%;}.pickup-dropoff .input { margin: 0;}.pickup-dropoff .input:disabled { color: #666;}.input::-webkit-input-placeholder { color: black;}.input::-moz-placeholder { color: black;}.input:-ms-input-placeholder { color: black;}.input:-moz-placeholder { color: black;}.input.input--v2 { max-width: 480px; width: 100%; box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.2); background-color: white; font-size: 15px; margin-bottom: 15px;}.input.input--v2:disabled { background-color: #f5f5f5;}.input.input--v2::-webkit-input-placeholder { color: #000;}.input.input--v2::-moz-placeholder { color: #000;}.input.input--v2:-ms-input-placeholder { color: #000;}.input.input--v2:-moz-placeholder { color: #000;}.legend.legend--v2 { max-width: 480px; width: 100%; display: block; margin: 0 auto; font-size: 11px; padding: 0px 10px 10px; text-align: center;}.input option { color: #000;}.select-wrapper.select-wrapper-container-date .select-wrapper { width: 22%; float: left;}.select-wrapper.select-wrapper-container-date .select-wrapper.year { width: 27%;}.select-wrapper.select-wrapper-container-date .select-wrapper.month { width: calc(51% - 12px); margin: 0 6px;}.select-wrapper.select-wrapper-container-date:before { display: none;}.select-wrapper.select-wrapper-container-date:after { clear: both; display: block; content: '';}.select-wrapper.select-wrapper-container-date, .select-wrapper { position: relative; max-width: 300px; width: 100%; margin: 0 auto;}.select-wrapper:after { content: ''; clear: both; display: block;}.select-wrapper label { display: block; color: white; font-size: 10px; text-transform: uppercase; opacity: 0.7; letter-spacing: 0.1px;}.select-wrapper.arrow:before { background-image: url(../img/select-arrow-white.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; right: 10px; top: 0; margin-top: 18px; content: ''; width: 10px; height: 10px; position: absolute; z-index: -1;}.select-wrapper select { padding-right: 25px;}.select-wrapper select::-ms-expand { display: none;}.input.half, .select-wrapper.half { float: left; width: calc(50% - 3px);}.input.half.margin, .select-wrapper.half.margin { margin-right: 6px;}.input.half.margin.last, .select-wrapper.half.margin.last { margin-right: 0 !important;}#loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: white; z-index: 8700;}html.splashscreen #loading { opacity: 0; visibility: hidden;}#container { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}html.logged #splashscreen { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}html.logged #container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}@media screen and (min-width: 1181px) { html.logged #container { transform: translate3d(260px, 0, 0); width: calc(100% - 260px);} html.isFlutter.logged #container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%;}}html.fakelogged #container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%;}.checkin-button-container { display: flex; align-items: center;} .checkin-button-container:first-of-type { padding-top: 7px;} .checkin-button-container:last-of-type { padding-bottom: 7px;}.list--align-left { text-align: left;} .list li { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); overflow: hidden;} .list li .checked, .list li .checkin { margin: 0; width: 100px; border-radius: 4px; margin: 3px 7px 3px 0;} .list li .checked:after, .list li .checkin:after { content: 'Check In';} .list li .checked { cursor: pointer; background-color: #ddd;} .list li .checked:after { content: 'Checked In';} .list li .delete { position: absolute; top: 45px; left: auto; right: 10px; background-image: url(../img/ui/arrow-close.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 26px; height: 26px; display: block; cursor: pointer; z-index: 10;} .list li.arrow-li { padding-right: 60px;} .list li.arrow-li .arrow { position: absolute; top: 15px; left: auto; right: 10px; background-image: url(../img/ui/arrow-right.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 26px; height: 26px; display: block; cursor: pointer;} .list li.arrow-li .arrow--v2 { right: 45px;} .list li.hidden { opacity: 0.1;}.list.list-big { margin: 0 auto; max-width: 640px; width: 100%;}.list.list-big li { margin-bottom: 20px; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); position: relative; cursor: pointer;}.list.list-big li .img { width: 100%; padding-bottom: 46.875%; background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: white; position: relative;}.list.list-big li .img:after { width: 100%; height: 100%; background: #fff; position: absolute; display: block; content: ''; opacity: 0; visibility: hidden;}.list.list-big li .img:before { border-radius: 50%; width: 48px; height: 48px; border: 0.25rem solid rgba(204, 204, 204, 0.2); border-top-color: #ccc; transition: 0.3s; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; content: ''; display: block; z-index: 100; opacity: 0; visibility: hidden;} html.no-transition-page .list.list-big li .img:before { transition: none !important;}.list.list-big li .img.fade:before, .list.list-big li .img.fade:after { opacity: 1; visibility: visible;}.list.list-big li .img.noimg { background-size: 50%; background-image: url(../img/logo-lightgray.svg); background-color: #f5f5f5;}.list.list-big li .title { padding: 15px 95px 15px 15px; position: relative; background-color: white; min-height: 71px; border-top: 1px solid #eee;}.list.list-big li .title b { font-size: 24px; line-height: 24px; font-weight: 700; display: block;}.list.list-big li .title span { font-size: 12px; font-weight: 400; display: block; color: #8b8b8b;}.socialwall-attachment:focus, .socialwall-attachment:hover, .socialwall-attachment { margin: 10px auto; display: block;}.list.list-feed { margin: 0 auto; max-width: 640px; width: 100%;} .list.list-feed .body { margin-bottom: 10px;} .list.list-feed .body h2 { font-weight: bold; font-size: 20px; margin-bottom: 10px; margin-top: 10px;} .list.list-feed .body h3 { font-weight: bold; font-size: 14px; margin-bottom: 10px;} .list.list-feed .body__text { overflow: hidden; transition: 0.5s; margin-bottom: 0;} html.no-transition-page .list.list-feed .body__text { transition: none !important;} .list.list-feed .body .readmore { margin-top: 15px; color: #002637; font-size: 14px; display: none;} .list.list-feed .body .readmore:after { content: attr(data-readmore);} .list.list-feed .body.show--readmore .body__text { max-height: 35px;} .list.list-feed .body.show--readmore .readmore { display: block;} .list.list-feed .body.show--readmore.show--readmore--all .body__text { max-height: 100%;} .list.list-feed .body.show--readmore.show--readmore--all .readmore:after { content: attr(data-readless);} .list.list-feed .loop-loading-block video, .list.list-feed .loop-loading-block img { margin-bottom: 10px; width: 100%; display: block;} .list.list-feed .social-image-loading { height: 200px; background-color: #eee; position: relative; overflow: hidden; margin-bottom: 10px;} .list.list-feed .social-image-loading img { transition: 0.5s; opacity: 0;} html.no-transition-page .list.list-feed .social-image-loading img { transition: none !important;} .list.list-feed .social-image-loading:after { transition: 0.5s; content: ''; width: 1280px; height: 100%; position: absolute; background-color: #ddd; background-image: linear-gradient(to right, #eee, #ddd, #eee); animation: contentImgLoading 0.7s infinite linear; -webkit-animation: contentImgLoading 0.7s infinite linear;} html.no-transition-page .list.list-feed .social-image-loading:after { transition: none !important;} .list.list-feed .social-image-loading.image-loaded img { opacity: 1;} .list.list-feed .social-image-loading.image-loaded:after { opacity: 0;} .list.list-feed li { position: relative; padding: 10px; margin-bottom: 30px; font-size: 15px; transition: 0.3s;} html.no-transition-page .list.list-feed li { transition: none !important;} .list.list-feed li .delete-button { position: absolute; width: 40px; height: 40px; top: 10px; right: 10px; background-size: 20px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ui/button-cancel.svg); cursor: pointer; z-index: 10;} .list.list-feed li .feed-user { display: flex;} .list.list-feed li .user { font-size: 14px; position: relative;} .list.list-feed li .user .center { flex: 1;} .list.list-feed li .user .right { margin-left: 10px;} .list.list-feed li .user.action { cursor: pointer;} .list.list-feed li .user:after { clear: both; display: block; content: '';} .list.list-feed li .user .avatarbox { float: left; width: 80px; height: 80px; margin: 0 10px 0 0; background-size: cover; background-position: center center; background-image: url(../img/logo-thumb.png); position: relative; overflow: hidden;} .list.list-feed li .user .privacy-button { width: 40px; height: 40px; display: block; float: left; position: relative; overflow: hidden; position: absolute; top: 55px; cursor: pointer; transition: 0.5s; background-color: #eee;} html.no-transition-page .list.list-feed li .user .privacy-button { transition: none !important;} .list.list-feed li .user .privacy-button:hover { background-color: #ddd;} .list.list-feed li .user .privacy-button b { width: 38px; height: 38px; display: block; position: absolute; background-size: 16px; background-position: center center; background-repeat: no-repeat; top: 0; transition: 0.5s;} html.no-transition-page .list.list-feed li .user .privacy-button b { transition: none !important;} .list.list-feed li .user .privacy-button b:first-child { left: 0; background-image: url(../img/socialwall/privacy-button--lock--666.svg);} .list.list-feed li .user .privacy-button b:last-child { left: 40px; background-image: url(../img/socialwall/privacy-button--world--666.svg);} .list.list-feed li .user .privacy-button.public b:first-child { left: -40px;} .list.list-feed li .user .privacy-button.public b:last-child { left: 0;} .list.list-feed li .user .reply-input { background-color: #eee; border: 0; width: 100%; margin-right: 10px; padding: 10px; float: left; resize: none; box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.05);} .list.list-feed li .user .reply-input--textarea { min-height: 85px; margin-top: 5px; margin-bottom: 5px;} .list.list-feed li .user .reply-button { display: block; width: 40px; height: 40px; background-size: 33%; background-image: url(../img/socialwall/reply-button--fff.svg); background-repeat: no-repeat; background-position: center center; background-color: #002637; transition: 0.5s; margin-bottom: 5px;} html.no-transition-page .list.list-feed li .user .reply-button { transition: none !important;} .list.list-feed li .user .reply-button.action { cursor: pointer;} .list.list-feed li .user .reply-button--image { background-size: 60%; background-image: url(../img/socialwall/reply-button--image--fff.svg);} html.uploading-feed-image-1 .list.list-feed li .user .reply-button--image { visibility: hidden; opacity: 0;} .list.list-feed li .user .position { font-weight: normal; font-size: 14px; display: block;} .list.list-feed li .user .name { font-size: 18px; font-weight: bold;} .list.list-feed li .user .avatar .name { display: none;} .list.list-feed li .user .timestamp { font-size: 14px;} .list.list-feed li.style-delete-button .user { padding-right: 40px;} .list.list-feed li.post-feed { opacity: 1;} .list.list-feed li.post-feed .user { position: static; padding-left: 0;} .list.list-feed li.post-feed .avatar { float: left; margin: 0 10px 0 0; background-size: cover; background-position: center center; background-image: url(../img/logo-thumb.png); position: relative; overflow: hidden; transform: none; width: 40px; height: 40px;} .list.list-feed li.post-feed-fake { display: none !important;} html.loading--loop-loading .list.list-feed li.post-feed-fake { display: block !important;} .list.list-feed li .text { margin-top: 10px; line-height: 120%;} .list.list-feed li .text.action { cursor: pointer;} .list.list-feed li .text video, .list.list-feed li .text img { display: block; width: 100%;} .list.list-feed li .text .timestamp { margin-bottom: 10px;} .list.list-feed li .buttons { font-size: 14px; margin-bottom: 0;} .list.list-feed li .buttons .summary { font-size: 12px; display: flex; overflow: hidden;} .list.list-feed li .buttons .summary .likes-val, .list.list-feed li .buttons .summary .comments-val { display: inline-block; padding: 0 0 10px 0;} .list.list-feed li .buttons .summary.action { cursor: pointer;} .list.list-feed li .buttons .summary--l { height: 40px;} .list.list-feed li .buttons .summary .likes { padding-top: 7px; margin-right: 15px; min-width: 50px;} .list.list-feed li .buttons .summary .avatars div { border-radius: 1000px; display: block; float: left; width: 30px; height: 30px; margin: 0 5px 10px 0; background-size: cover; background-position: center center; background-image: url(../img/logo-thumb.png);} .list.list-feed li .buttons .summary .avatars div .name { opacity: 0;} .list.list-feed li .buttons .summary .avatars div.infinite { background-image: none; background-color: #eee; font-size: 24px; line-height: 24px; text-align: center;} .list.list-feed li .buttons .summary .avatars div.infinite:before { content: '...';} .list.list-feed li .buttons .bbb { display: inline-block; margin-right: 20px; font-weight: bold; transition: 0.5s;} html.no-transition-page .list.list-feed li .buttons .bbb { transition: none !important;} .list.list-feed li .buttons .bbb.action { cursor: pointer;} .list.list-feed li .buttons .bbb.action-socialwall-like { color: #999;} .list.list-feed li .buttons .bbb.action-socialwall-like.active { color: #000;} .list.list-feed li .buttons .bbb:before { width: 0; height: 12px; background-repeat: no-repeat; background-position: center; background-image: url(../img/socialwall/like.svg); display: inline-block; margin-right: 0; content: ''; border-radius: 100px; transition: 0.5s; margin-bottom: -1px; opacity: 0;} html.no-transition-page .list.list-feed li .buttons .bbb:before { transition: none !important;} .list.list-feed li .buttons .bbb.active:before { margin-right: 3px; width: 12px; opacity: 1;} .list.list-feed li .buttons .bbb:last-child { margin-right: 0;} .list.list-feed.flex { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 10px;} .list.list-feed.flex li { box-sizing: border-box; background-color: #f9f9f9; margin-bottom: 10px; padding: 0; border-radius: 10px;} .list.list-feed.flex li span.img { display: block; width: 100%; padding: 30% 0; background-position: center; background-repeat: no-repeat; background-size: cover;} .list.list-feed.flex li h4 { padding: 10px; font-size: 12px; font-weight: bold;} .list.list-feed.flex li p { font-size: 12px; padding: 0 10px 10px;}#popup-local-amenities-all .dynamic h3.loop-el { margin-bottom: 10px; font-size: 18px; font-weight: bold;}#popup-facebook-posts .list.list-feed li { margin-bottom: 20px;} #popup-facebook-posts .list.list-feed li .text { margin-top: 0;}#popup-instagram-posts .list.list-feed li { margin-bottom: 20px;} #popup-instagram-posts .list.list-feed li .text { margin-top: 0; margin-bottom: 10px;}.list.list-feed-instagram-grid { padding: 20px 1px;} .list.list-feed-instagram-grid li { width: 33.33%; float: left; padding: 0; height: 0; overflow: hidden; padding-bottom: 33.33%; margin: 0; border: 2px solid white;} .list.list-feed-instagram-grid li img, .list.list-feed-instagram-grid li a { display: block;} .list.list-feed-instagram-grid li a, .list.list-feed-instagram-grid li a > span { position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .list.list-feed-instagram-grid li video, .list.list-feed-instagram-grid li img { object-fit: cover; width: 100%; height: 100%;}.list.list-grid { max-width: 480px; margin: 0 auto;} .list.list-grid:after { clear: both; content: ''; display: block;} .list.list-grid li { position: relative; font-size: 14px; cursor: pointer; font-weight: bold; width: 33.33%; padding-bottom: 45%; float: left; text-align: center; transition: 0.3s;} html.no-transition-page .list.list-grid li { transition: none !important;} .list.list-grid li span { position: absolute; top: 0; right: 0; left: 0; bottom: 0;} .list.list-grid li span.notification { bottom: auto; left: auto; width: 25px; height: 25px; line-height: 25px; background: #002637; color: white; font-size: 11px; top: 15px; right: 15px; text-align: center; border-radius: 100px; font-weight: normal; z-index: 10;} .list.list-grid li span b { width: 60px; height: 60px; margin-top: -10px; background-size: contain; background-repeat: no-repeat; background-position: center center; top: 50%; left: 50%; position: absolute; transform: translate3d(-50%, -50%, 0);} .list.list-grid li span b.ico { background-size: contain; background-repeat: no-repeat; background-position: center center;} .list.list-grid li span em { margin-top: 28px; font-size: 14px; top: 50%; width: 100%; position: absolute; -ms-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); font-size: 12px; margin-top: 30px; padding: 0 15px;} .page-bg .list.list-grid li span em { color: white;} .list.list-grid--x2 li { width: 50%;}.list.list-info { max-width: 640px; margin: 0 auto;} .list.list-info:after { clear: both; content: ''; display: block;} .list.list-info li { position: relative; padding: 15px 10px; font-size: 16px; cursor: pointer; font-weight: bold; transition: 0.3s; background-color: white; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: normal; cursor: default;} html.no-transition-page .list.list-info li { transition: none !important;} .list.list-info li .url { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; padding-left: 10px; padding-right: 20px;} .list.list-info li h3 { color: #000; font-size: 18px; font-weight: bold;} .list.list-info li p { margin: 0;} .list.list-info li p small.small { font-size: 12px;} .list.list-info li.arrow-li p, .list.list-info li.arrow-li h3 { padding-right: 40px;} .list.list-info li .img { float: left; width: 105px; height: 105px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-bottom: 15px; margin-right: 15px;} .list.list-info li .thumb { float: left; width: 105px; margin-bottom: 10px; margin-right: 10px; position: relative;} .list.list-info li .thumb img { width: 100%; display: block;} .list.list-info li .buttons { display: block; clear: both; margin-top: 15px;} .list.list-info li .buttons .button { height: 45px; line-height: 45px; font-weight: bold; font-size: 16px;} .list.list-info li .buttons-x2 { margin-left: -5px; margin-right: -13px; text-align: center;} .list.list-info li .buttons-x2 .button { width: calc(50% - 14px); margin: 0 5px; display: block; float: left;} .list.list-info li .buttons:after { clear: both; content: ''; display: block;} .list.list-info li.li-map { min-height: 320px;} .list.list-info li.li-map .map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #eee;} .list.list-info li.img-li { height: auto; padding: 0; margin: 20px 0;} .list.list-info li.img-li .img-content { background-size: cover; background-position: center center; background-repeat: no-repeat;} .list.list-info li.img-li .img-content img { width: 100%; display: block;} .list.list-info ul.linklist { margin-top: 5px;} .list.list-info ul.linklist li { padding: 5px 0;} .list.list-info .payment-methods { margin-top: 10px;} .list.list-info .payment-methods img { float: left; max-height: 40px; margin-right: 6px; margin-bottom: 6px; border: 1px solid #ccc; display: block;} .list.list-info .payment-methods:after { content: ''; clear: both; display: block;}.list.list-mini { margin: 0 auto; max-width: 640px; width: 100%;}.list.list-mini li { margin-bottom: 10px; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); position: relative;}.list.list-mini li .img { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 70px; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #fff; box-shadow: inset -2px -2px 0 rgba(0, 0, 0, 0.05);}.list.list-mini li .img.fade:after, .list.list-mini li .img.fade:before { opacity: 1; visibility: visible;}.list.list-mini li .img.fade:after { box-shadow: inset -2px -2px 0 rgba(0, 0, 0, 0.05);}.list.list-mini li .img:after { position: absolute; background: white; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; opacity: 0; visibility: hidden;}.list.list-mini li .img:before { border-radius: 50%; width: 24px; height: 24px; border: 2px solid rgba(204, 204, 204, 0.2); border-top-color: #ccc; transition: 0.3s; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -13px; content: ''; display: block; z-index: 100; opacity: 0; visibility: hidden;} html.no-transition-page .list.list-mini li .img:before { transition: none !important;}.list.list-mini li .img.noimg { background-size: 50%; background-image: url(../img/logo-lightgray.svg);}.list.list-mini li .title { padding: 7px 80px 7px 80px; position: relative; background-color: white; min-height: 70px;}.list.list-mini li .title b { font-size: 16px; font-weight: 700; display: block;}.list.list-mini li .title span { font-size: 12px; font-weight: 400; display: block; color: #8b8b8b; perspective: 1000px; -webkit-perspective: 1000px;}.list.list-mini li .title span.time { font-size: 12px; font-weight: 700; color: #002637; text-transform: uppercase;}.list.list-nav { margin: 0 auto; max-width: 640px; width: 100%;} .list.list-nav .mini-catering { margin-top: 10px;} .list.list-nav .mini-catering li { padding: 3px 0; background-color: white; border-top: 1px solid #ddd; border-bottom: 0; font-size: 12px;} .list.list-nav .mini-catering li ul { margin-bottom: 10px;} .list.list-nav .mini-catering li ul:last-child { margin: 0;} .list.list-nav .mini-catering li ul li { padding: 1px 0; font-size: 9px;} .list.list-nav .mini-catering .item { display: flex; align-items: center; justify-content: space-between;} .list.list-nav .mini-catering .item .price { font-size: 10px;} .list.list-nav .mini-catering .item .name { flex: 1;} .list.list-nav .mini-catering .item .name small { display: block; font-size: 9px; opacity: 0.7;} .list.list-nav .mini-catering .item .time { display: flex; align-items: center; justify-content: flex-end; margin-left: 5px; width: 52px;} .list.list-nav .mini-catering .item .time:before { background-color: #666; content: ""; display: inline-block; height: 10px; margin-right: 5px; mask-image: url(../img/ico/peak/clock.svg); mask-repeat: no-repeat; mask-position: center; mask-size: contain; width: 10px;} .list.list-nav .counter-catering { position: absolute; display: flex; align-items: center; justify-content: center; top: 11px; right: 10px; width: 90px; height: 30px; border-radius: 5px; overflow: hidden; background-color: #ddd;} .list.list-nav .counter-catering .text, .list.list-nav .counter-catering input { border: 0; padding: 0; margin: 0; background-color: transparent; text-align: center; line-height: 30px; font-size: 12px; width: 30px; height: 30px;} .list.list-nav .counter-catering .text { position: relative;} .list.list-nav .counter-catering .text:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; z-index: 1;} .list.list-nav .counter-catering input[type="text"] { background-color: #eee;} .list.list-nav .counter-catering input[type="button"] { font-weight: bold; font-size: 24px; cursor: pointer;} .list.list-nav .counter-catering.active { background-color: #002637;} .list.list-nav .counter-catering.active .text, .list.list-nav .counter-catering.active input { color: white; background-color: transparent;} .list.list-nav li.li--catering { position: relative;} .list.list-nav li.li--catering__sub { padding: 5px 0; padding-right: 24px;} .list.list-nav li.li--catering__sub:last-child { border-bottom: 0;} .list.list-nav li.li--catering__sub .checkbox { position: absolute; top: 50%; right: 0; width: 16px; height: 16px; border-radius: 2px; transform: translateY(-50%); background: #ccc;} .list.list-nav li.li--catering__sub .checkbox:after { border: solid #fff; border-width: 0 2px 2px 0; content: ""; height: 5px; left: 50%; margin: -1px 0 0; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 2px; display: none;} .list.list-nav li.li--catering__sub[data-radio] .checkbox { border-radius: 1000px;} .list.list-nav li.li--catering__sub[data-radio] .checkbox:after { background: #fff; border-radius: 50%; content: ""; height: 6px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 6px; border: 0; margin: 0; display: none;} .list.list-nav li.li--catering__sub.active .checkbox { background-color: #002637;} .list.list-nav li.li--catering__sub.active .checkbox:after { display: block;} .list.list-nav--bottom-absolute { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: none;} .list.list-nav li { position: relative; padding: 15px 10px 19px; font-size: 16px; transition: 0.3s; background-color: white; border-bottom: 1px solid #ddd;} html.no-transition-page .list.list-nav li { transition: none !important;} .list.list-nav li.no-line { border: 0;} .list.list-nav li.product-li { display: flex; align-items: center;} .list.list-nav li.product-li label { width: auto; flex: 1;} .list.list-nav li.product-li small { font-size: 14px; margin-right: 10px;} .list.list-nav li.product-li .product-counter { width: 90px; display: flex; text-align: center; border-radius: 3px; overflow: hidden; background-color: #eee;} .list.list-nav li.product-li .product-counter_input, .list.list-nav li.product-li .product-counter_button { text-align: center; width: 30px; height: 30px; line-height: 30px; border: 0; font-size: 14px; font-weight: bold; display: block;} .list.list-nav li.product-li .product-counter_button { color: white; background-color: #002637; cursor: pointer;} .list.list-nav li .float-right { float: right;} .list.list-nav li .counter { position: absolute; bottom: 15px; right: 10px; width: 26px; height: 26px; line-height: 26px; background-color: #002637; color: white; text-align: center; border-radius: 1000px; font-size: 11px; font-weight: normal;} .list.list-nav li.selected { color: white; background-color: #002637;} .list.list-nav li.highlighted { border-color: white;} .list.list-nav li.highlighted:after { background-color: #002637; opacity: 0.05; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .list.list-nav li.arrow-li { padding-right: 45px;} .list.list-nav li.action { cursor: pointer;} .list.list-nav li p { margin: 0;} .list.list-nav li p .intro { font-size: 14px;} .list.list-nav li p .email, .list.list-nav li p .tel { color: black;} .list.list-nav li p small.small { font-size: 12px;} .list.list-nav li p small.ticketId { font-size: 9px; letter-spacing: 2px;} .list.list-nav li p small.ticketId:before { width: 12px; height: 12px; background-image: url(../img/ico/my-tickets/label.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; content: ''; display: inline-block; margin-right: 7px; margin-bottom: -2px;} .list.list-nav li p.event-people { font-size: 10px !important; text-transform: uppercase; padding: 2px 0;} .list.list-nav li p.event-people b { font-weight: normal;} .list.list-nav li p.event-people .imgoing:after { content: attr(data-place-reserved); overflow: hidden; display: inline-block; background-color: #002637; color: white; padding: 0px 5px; vertical-align: bottom; margin-left: 4px; margin-bottom: 0px;} .list.list-nav li.show-notification:after { background: #ea555b; width: 24px; height: 24px; border-radius: 1000px; position: absolute; left: 10px; top: 10px; content: ''; z-index: 10;} .list.list-nav li.show-notification--arrow-right:after { top: 46px; left: auto; right: 11px;} .list.list-nav li .message { text-overflow: ellipsis; overflow: hidden; width: 200px; white-space: nowrap; display: block;} .list.list-nav li .message b { width: 12px; height: 12px; margin-bottom: -2px; margin-right: 4px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico/alert/check--333.svg); opacity: 0.5;} .list.list-nav h3 { color: #000; font-size: 18px; font-weight: bold;} .list.list-nav h3.small { font-size: 15px;} .list.list-nav h3 .position { font-size: 14px; font-weight: normal;} .list.list-nav p.price { font-size: 20px; display: block; font-weight: bold;} #debug-terminal .list.list-nav { position: absolute; left: 0; right: 0; max-width: 100%; top: 40px; bottom: 0; background-color: rgba(0, 0, 0, 0.8);} #debug-terminal .list.list-nav li { background-color: black; color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 10px 10px 14px;} #debug-terminal .list.list-nav .checkbox .checkbox__input + label span { background-color: black;} #debug-terminal .list.list-nav .checkbox .checkbox__input + label { background-color: #222;} #debug-terminal .list.list-nav .checkbox .checkbox__input:checked + label { background-color: #fff;}.list.list-nav.list-nav--checkout li:hover, .list.list-nav.list-nav--checkout li { background-color: transparent; padding: 10px; line-height: 36px;} .list.list-nav.list-nav--checkout li:hover .text, .list.list-nav.list-nav--checkout li .text { width: calc(100% - 175px); display: inline-block; line-height: normal; padding-top: 7px;} .list.list-nav.list-nav--checkout li:hover .description, .list.list-nav.list-nav--checkout li .description { font-size: 11px;} .list.list-nav.list-nav--checkout li:hover .price, .list.list-nav.list-nav--checkout li .price { float: right; font-size: 20px; display: inline-block; width: 80px; text-align: right;} .list.list-nav.list-nav--checkout li:hover select, .list.list-nav.list-nav--checkout li select { border: 2px solid #ccc; padding: 5px 0 5px 5px; background: transparent; display: inline-block; margin-right: 10px; height: 36px; width: 85px; float: left; font-size: 13px; -webkit-appearance: menulist !important;} .list.list-nav.list-nav--checkout li:hover .close, .list.list-nav.list-nav--checkout li .close { float: right; width: 36px; height: 36px; z-index: 10; display: block; position: relative; margin-right: -10px; cursor: pointer;} .list.list-nav.list-nav--checkout li:hover .close:after, .list.list-nav.list-nav--checkout li .close:after, .list.list-nav.list-nav--checkout li:hover .close:before, .list.list-nav.list-nav--checkout li .close:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); content: ''; width: 2px; height: 12px; background: #333;} .list.list-nav.list-nav--checkout li:hover .close:before, .list.list-nav.list-nav--checkout li .close:before { transform: translate(-50%, -50%) rotate(-45deg);}.list.list-nav li.title:hover, .list.list-nav li.title { color: #002637; background-color: transparent; box-shadow: none; cursor: default;}.list.list-nav li.show-message p { color: #002637;} .list.list-nav li.show-message p small.small { color: #002637;} .list.list-nav li.show-message p small.small:after { width: 12px; height: 12px; border-radius: 100px; background-color: #002637; display: inline-block; content: ''; margin: -2px 0 0 10px;}.list.list-nav li.full-image { padding: 10px 0;} .list.list-nav li.full-image:first-child { margin-top: 15px;} .list.list-nav li.full-image:last-child { margin-bottom: 15px;} .list.list-nav li.full-image .image { display: block; background-size: contain; background-repeat: no-repeat; background-position: center center;} .list.list-nav li.full-image img { opacity: 0; display: block; width: 100%;}.list.list-nav li.img-li { min-height: 130px; padding-left: 125px; font-size: 14px; font-weight: normal;} .list.list-nav li.img-li .img { background-color: #eee; background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 10px; width: 105px; height: 105px; bottom: auto; top: 10px;} .list.list-nav li.img-li .img--default { background-size: contain; background-image: url(../img/logo-thumb.png); background-color: #fff;} .list.list-nav li.img-li .img img { object-fit: cover; width: 100%; height: 100%;} .list.list-nav li.img-li p { font-size: 14px;}.list.list-nav li.img-li.img-li-circle .img { border-radius: 1000px;}.list.list-nav li.img-li.img-li-contain .img { background-size: contain;}.list.list-nav li.checkbox-li { padding-right: 95px;}.list.list-nav li.checkbox-li .checkbox .checkbox__input + label { position: absolute; top: 50%; left: auto; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}.list.list-nav li.ico { padding-left: 50px;}.list.list-nav li.ico:after { position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 22px; opacity: 0.5; content: ''; background-size: contain; background-repeat: no-repeat; background-position: center center;}.list.list-nav.list-contents li { border: 0;}.list.list-nav.list-appInfo { margin-top: 20px; opacity: 0.7;} .list.list-nav.list-appInfo li { font-size: 11px; padding-top: 10px; padding-bottom: 10px;} .list.list-nav.list-appInfo span { color: #666; -ms-word-break: break-all; word-break: break-all;} .list.list-nav.list-appInfo span.appVersionDebug { float: right;}#popup-chat .list.list-nav { min-height: calc(100vh - 120px); background: white; position: relative; z-index: 1;}.list.list-exchange { margin: 0 auto; max-width: 640px; width: 100%; padding-top: 64px;} .list.list-exchange li:hover { background-color: #eee;} .list.list-exchange li.main { position: fixed; width: 100%; top: 59px; z-index: 10; background-color: #eee; font-weight: bold; max-width: 640px;} .list.list-exchange li.main .value { font-size: 18px;} .list.list-exchange h3 { display: inline-block; margin-right: 10px; vertical-align: middle;} .list.list-exchange .value { float: right; font-size: 14px; margin-top: 5px;} .list.list-exchange img { width: 30px; margin-right: 10px; vertical-align: middle;}.page .content--train .table-container table tr { position: relative;} .page .content--train .table-container table tr td:first-child:before { padding: 1px 3px; border-radius: 3px; position: absolute; bottom: 10px; left: 5px; font-size: 10px; font-weight: bold; color: #222; font-family: sans-serif;} .page .content--train .table-container table tr.bakerloo td:first-child:before { content: 'Bakerloo'; background-color: #96560b;} .page .content--train .table-container table tr.central td:first-child:before { content: 'Central'; background-color: #c0241c;} .page .content--train .table-container table tr.circle td:first-child:before { content: 'Circle'; background-color: #dab70e;} .page .content--train .table-container table tr.district td:first-child:before { content: 'District'; background-color: #127233;} .page .content--train .table-container table tr.hammersmith-city td:first-child:before { content: 'Hammersmith'; background-color: #d89dab;} .page .content--train .table-container table tr.jubilee td:first-child:before { content: 'Jubilee'; background-color: #9a9ea1;} .page .content--train .table-container table tr.metropolitan td:first-child:before { content: 'Metropolitan'; background-color: #991d62;} .page .content--train .table-container table tr.northern td:first-child:before { content: 'Northern'; color: white; background-color: #000;} .page .content--train .table-container table tr.piccadilly td:first-child:before { content: 'Piccadilly'; background-color: #255192;} .page .content--train .table-container table tr.victoria td:first-child:before { content: 'Victoria'; background-color: #29a3d3;} .page .content--train .table-container table tr.waterloo-city td:first-child:before { content: 'Waterloo'; background-color: #a3d0c1;} .page .content--train .table-container table tr.london-overground td:first-child:before { content: 'Overground'; background-color: #ed7b26;} .page .content--train .table-container table tr.elizabeth td:first-child:before, .page .content--train .table-container table tr.elizabeth-line td:first-child:before { content: 'Elizabeth'; background-color: #6950a1;} .page .content--train .table-container table tr.dlr td:first-child:before { content: 'DLR'; background-color: #00a4a7;} .page .content--train .table-container table tr.tfl-rail td:first-child:before { content: 'TFL Rail'; background-color: #0019a8;}.list.list-tube li h3 .type { width: 18px;} .list.list-tube li .text:before { width: 10px; height: 10px; border-radius: 1000px; display: inline-block; content: ''; margin-right: 10px;} .list.list-tube li.tram .text:before { background-color: #6c0;} .list.list-tube li.bakerloo .text:before { background-color: #96560b;} .list.list-tube li.central .text:before { background-color: #c0241c;} .list.list-tube li.circle .text:before { background-color: #dab70e;} .list.list-tube li.district .text:before { background-color: #127233;} .list.list-tube li.hammersmith-city .text:before { background-color: #d89dab;} .list.list-tube li.jubilee .text:before { background-color: #9a9ea1;} .list.list-tube li.metropolitan .text:before { background-color: #991d62;} .list.list-tube li.northern .text:before { background-color: #212121;} .list.list-tube li.piccadilly .text:before { background-color: #255192;} .list.list-tube li.victoria .text:before { background-color: #29a3d3;} .list.list-tube li.waterloo-city .text:before { background-color: #a3d0c1;} .list.list-tube li.london-overground .text:before { background-color: #ed7b26;} .list.list-tube li.elizabeth .text:before, .list.list-tube li.elizabeth-line .text:before { background-color: #fff; border: 2px solid #6950a1; width: 6px; height: 6px;} .list.list-tube li.dlr .text:before { background-color: #fff; border: 2px solid #00a4a7; width: 6px; height: 6px;} .list.list-tube li.tfl-rail .text:before { background-color: #fff; border: 2px solid #0019a8; width: 6px; height: 6px;} .list.list-tube li .status { display: block; float: right; padding-left: 5px; position: relative;} .list.list-tube li.peakIco .status:before { width: 20px; height: 20px; position: absolute; left: -24px; top: 1px; content: ''; z-index: 0; background-image: url(../img/ico/peak/clock.svg); background-size: contain; background-position: center center; background-repeat: no-repeat;} .list.list-tube li.goodService .status { color: #696; opacity: 1;} .list.list-tube li.partSuspended .status, .list.list-tube li.partClosure .status, .list.list-tube li.reducedService .status, .list.list-tube li.minorDelays .status { color: #dbb23d; opacity: 1;} .list.list-tube li.serviceClosed .status, .list.list-tube li.severeDelays .status { color: #ea555b; opacity: 1;} .list.list-tube li.disclaimer { padding: 20px; font-size: 10px; display: block; text-align: center;}.list.list-tube-peak-filter li { border-bottom: 0 !important;} .list.list-tube-peak-filter li.first { border-top: 3px solid #ddd; margin-top: 30px; padding-top: 20px;} .list.list-tube-peak-filter li h3 { font-size: 18px !important; font-weight: bold;} .list.list-tube-peak-filter li h3 .type { width: 18px; display: inline-block;} .list.list-tube-peak-filter li h3 span { float: right; font-size: 16px; font-weight: normal;} .list.list-tube-peak-filter li.disclaimer { padding: 20px; font-size: 10px; display: block; text-align: center;}.list.list-standard ul { margin-top: 15px; border-top: 1px solid #eee; margin-bottom: 15px;} .list.list-standard ul li { padding: 0; border-bottom: 1px solid #eee;} .list.list-standard ul li a { padding: 10px 0; display: block; font-size: 14px; position: relative;} .list.list-standard ul li.website a:after, .list.list-standard ul li.phone a:after, .list.list-standard ul li.facebook a:after, .list.list-standard ul li.instagram a:after, .list.list-standard ul li.twitter a:after, .list.list-standard ul li.linkedin a:after { content: ''; width: 20px; height: 20px; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-size: contain; background-repeat: no-repeat; background-position: center center;} .list.list-standard ul li.website a, .list.list-standard ul li.phone a, .list.list-standard ul li.facebook a, .list.list-standard ul li.instagram a, .list.list-standard ul li.twitter a, .list.list-standard ul li.linkedin a { padding-left: 32px;} .list.list-standard ul li.website a:after { background-image: url(../img/ico/social/website.svg);} .list.list-standard ul li.phone a:after { background-image: url(../img/ico/social/phone.svg);} .list.list-standard ul li.facebook a:after { background-image: url(../img/ico/social/facebook.svg);} .list.list-standard ul li.instagram a:after { background-image: url(../img/ico/social/instagram.svg);} .list.list-standard ul li.twitter a:after { background-image: url(../img/ico/social/twitter.svg);} .list.list-standard ul li.linkedin a:after { background-image: url(../img/ico/social/linkedin.svg);} .list.list-standard li { padding: 15px 10px; border-bottom: 1px solid #ddd; max-width: 480px; margin: 0 auto;} .list.list-standard li:after { clear: both; content: ''; display: block;} .list.list-standard li .peak { overflow: hidden; overflow-x: scroll; margin-top: 10px; position: relative;} .list.list-standard li .peak-scroll { margin-top: 20px; display: flex; position: relative;} .list.list-standard li .peak-scroll > div { width: 10px; margin-right: 2px; overflow: hidden; padding-top: 10px;} .list.list-standard li .peak-scroll > div b { display: block; position: relative; height: 100px; margin-bottom: 15px;} .list.list-standard li .peak-scroll > div b span.bar { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #a6b1b7;} .list.list-standard li .peak-scroll > div b span.bar-inside { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #002637;} .list.list-standard li .peak-scroll > div b span.peak { background-color: #005b84;} .list.list-standard li .peak-scroll > div em { transform: rotate(-90deg); display: block; font-size: 8px; text-align: center; line-height: 10px; font-weight: bold;} .list.list-standard li .peak-scroll > div.rush b span { background-color: #002637; opacity: 1;} .list.list-standard li .peak-scroll > div.now b span.bar { background-color: #f3c4bb;} .list.list-standard li .peak-scroll > div.now b span.bar-inside { background-color: #ff6347;} .list.list-standard li .image { display: block; width: 100%; margin: 0 auto 20px;} .list.list-standard li .text { padding: 0; position: relative;} .list.list-standard li .text .arrow { width: calc(100% + 30px); position: absolute; height: 55px; top: -15px; left: -15px; cursor: pointer;} .list.list-standard li .text .arrow.hidden { opacity: 0;} .list.list-standard li .text .arrow:after { content: ''; background-image: url(../img/ui/select.svg); background-repeat: no-repeat; background-position: center center; background-size: 14px; width: 55px; height: 55px; display: block; position: absolute; top: 0; right: 0;} .list.list-standard li .text .text-collapse { margin-top: 0; height: 0; overflow: hidden; opacity: 0; visibility: visible; transition: 0.3s;} html.no-transition-page .list.list-standard li .text .text-collapse { transition: none !important;} .list.list-standard li .text.active .arrow:after { transform: rotate(180deg);} .list.list-standard li .text.active .text-collapse { margin-top: 15px; opacity: 1; visibility: visible; height: auto;} .list.list-standard li .text--bg.active { background: #f5f5f5; padding: 15px 10px; margin: -15px -10px;} .list.list-standard li h3 { margin: 0 !important; font-size: 16px;} .list.list-standard li h4 { margin: 0; font-size: 14px;} .list.list-standard li p { margin: 0; font-size: 10px;}.loading-bar, .loader-bar { height: 4px; width: 100%; position: absolute; overflow: hidden; top: 60px; z-index: 100; transition: 0.5s;} html.no-transition-page .loading-bar, html.no-transition-page .loader-bar { transition: none !important;} .loading-bar.loaded-overlay, .loader-bar.loaded-overlay { opacity: 0;} html.overlay .loading-bar.loaded-overlay, html.overlay .loader-bar.loaded-overlay { opacity: 1;} .loading-bar:before, .loader-bar:before { display: block; position: absolute; content: ""; left: 0; width: 0%; height: 4px; background-color: #002637; animation: loadingBar 5s linear infinite;}.loading-bar { opacity: 0;} .loading-bar:before { animation: loadingBar 0.9s linear infinite;} html.overlay .loading-bar { opacity: 1;} .loading-bar--top { top: 0; bottom: auto; left: 0; right: 0;} .loading-bar--bottom { top: auto; bottom: 0; left: 0; right: 0;} .loading-bar--loop { opacity: 1;} .loading-bar--loop:before { animation: loadingBar 30s linear infinite;} .loading-bar--fixed { top: 60px; position: fixed;}.loading-background { top: 0; left: 0; right: 0; bottom: 0; position: absolute;} .page-search .loading-background { top: -60px;} .loading-background .loading-animation { position: absolute; width: 60px; height: 60px; margin: -30px 0 0 -30px; top: 50%; left: 50%; border: 0.25rem solid rgba(51, 51, 51, 0.2); border-top-color: #002637;}.loading-layer { background-color: white; top: 60px; left: 0; right: 0; bottom: 0; position: absolute; z-index: 100; opacity: 0; visibility: hidden;} html.overlay .loading-layer { opacity: 1; visibility: visible;} .content .content .loading-layer { z-index: -1;} .page-new-filter .loading-layer, .page-filter .loading-layer { top: 120px;} .page-show-time-bar .loading-layer { top: 180px;} .loading-layer .loading-animation { position: absolute; width: 60px; height: 60px; margin: -30px 0 0 -30px; top: 50%; left: 50%; border: 0.25rem solid rgba(51, 51, 51, 0.2); border-top-color: #002637;}.loading-animation { border-radius: 50%; width: 48px; height: 48px; border: 0.25rem solid rgba(255, 255, 255, 0.2); border-top-color: #002637; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear;}.content .content .loading-bar { top: 0; left: 0; right: 0;}.content .content .loading-bar.loading-bar--fixed { top: 60px;}html.overlay-refresh .loading-bar, html.overlay-refresh #overlay { display: block; opacity: 1;}html.show-navigation #page-home .overlay { display: block;}html.show-navigation .page .header .nav span { opacity: 0;}html.show-navigation .page .header .nav span:first-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 1; margin-top: 8px;}html.show-navigation .page .header .nav span:last-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; margin-top: -16px;}@media screen and (max-width: 1180px) { html.show-navigation #page-home { -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0);}}html.show-navigation.isFlutter #page-home { -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0);}#navigation { width: 260px; background-color: white; z-index: 10; position: absolute; top: 0; bottom: 0; left: 0; transform: translate(-260px, 0); height: 100vh;} html.show-navigation #navigation { transform: translate(0, 0);} html.isFlutter.show-navigation #navigation { transform: translate(0, 0);} #navigation ul { position: relative; z-index: 10;} #navigation .search { position: relative; overflow: hidden; height: 60px; background: #f5f5f5;} #navigation .search.active span { margin-top: -60px;} #navigation .search span { position: absolute; width: 60px; height: 120px; top: 0; left: 0; z-index: 2; cursor: pointer; transition: 0.3s;} #navigation .search span:after, #navigation .search span:before { content: ''; width: 60px; height: 60px; display: block; background-position: center center; background-repeat: no-repeat; background-size: 24px;} #navigation .search span:after { background-image: url(../img/search/button-cancel--666.svg);} #navigation .search span:before { background-image: url(../img/search/search--666.svg);} #navigation .search input { height: 60px; border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 100%; font-size: 15px; font-weight: bold; color: #666; padding: 0 10px 0 60px; position: relative; background: transparent; z-index: 1;} #navigation .logo { height: 160px; border-right: 1px solid #ddd; position: relative; width: 260px;} #navigation .logo:after { background-image: url(../img/logo.png); background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; width: 98%; height: 200%; content: '';} #navigation .scroll { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; overflow-x: hidden; height: 100%;} #navigation li { height: 60px; line-height: 60px; font-size: 15px; font-weight: 800; position: relative; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding-left: 60px; padding-right: 10px; cursor: pointer; position: relative; overflow: hidden;} #navigation li .lowercase { text-transform: lowercase;} #navigation li b { position: absolute; width: 24px; height: 24px; top: 18px; left: 18px; content: ''; display: block; transition: 0.3s; background-repeat: no-repeat; background-position: center; background-size: contain;} html.no-transition-page #navigation li b { transition: none !important;} #navigation li.disable { color: #ddd;} #navigation li.disable b { opacity: 0.3;} #navigation li.show-notification { padding-right: 56px;} #navigation li.show-notification:after { background: #ea555b; width: 18px; height: 18px; border-radius: 1000px; position: absolute; right: 18px; top: 50%; transform: translate(0, -50%); content: '';}@media screen and (min-width: 1181px) { html.logged #navigation { transform: translate3d(-260px, 0, 0);}}html.fakelogged #container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.gymDatesRequested { margin-top: 0;} .gymDatesRequestedBox { display: block; float: left; padding: 4px 8px; border: 1px solid #ddd; background-color: white; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 3px; margin: 6px 10px 0 0;} .gymDatesRequestedBox h4 { font-weight: bold; font-size: 12px;} .gymDatesRequestedBox small { font-size: 10px; display: block;} .gymDatesRequested:after { clear: both; display: block; content: '';}.page { background-color: #eee; display: none;}.page.popup.popup-1 { z-index: 1000;}.page.popup.popup-2 { z-index: 2000;}.page.popup.popup-3 { z-index: 3000;}.page.popup.popup-4 { z-index: 4000;}.page.popup.popup-5 { z-index: 5000;}.page.popup.popup-6 { z-index: 6000;}.page.popup.popup-7 { z-index: 7000;}.page.popup.popup-8 { z-index: 8000;}.page.popup.popup-9 { z-index: 9000;}.page.popup { display: none; -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); background-color: #eee;}.page.popup.popup-show { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.alexa-img { width: 180px; height: 360px; position: absolute; margin-top: 65px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; transition: 0.3s;} .alexa-img span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: 1s; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../img/ico/nav/alexa.svg);} .alexa-img span.off { opacity: 0.2;} .alexa-img span.on { opacity: 0;}#popup-alexa .select { background-color: rgba(255, 255, 255, 0.7);} #popup-alexa.active .horizontal-slider { height: 0; opacity: 0; visibility: hidden;} #popup-alexa.active .alexa-img { margin-top: 0;} #popup-alexa.active .alexa-img span.off { opacity: 0;} #popup-alexa.active .alexa-img span.on { opacity: 1;}#colorPickerHashCordova, #colorPickerHash { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12px; color: black; margin-top: -5px; z-index: 100;} #colorPickerHashCordova small, #colorPickerHash small { display: block; font-size: 9px;}#colorPickerCordova, #colorPicker { position: relative; z-index: 30;} #colorPickerCordova:before, #colorPicker:before { content: ''; box-shadow: inset 1px 1px 15px rgba(0, 0, 0, 0.3); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: white; border-radius: 1000px; z-index: 4000; margin-top: -30px;} #colorPickerCordova .IroColorPicker:after, #colorPicker .IroColorPicker:after { content: ''; width: 250px; height: 38px; border-radius: 1000px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); z-index: -1;} #colorPickerCordova .IroColorPicker .IroSlider, #colorPicker .IroColorPicker .IroSlider { margin-top: 40px !important;} #colorPickerCordova .IroColorPicker .IroHandle circle, #colorPicker .IroColorPicker .IroHandle circle { stroke: white;} #colorPickerCordova .IroColorPicker .IroHandle circle:last-child, #colorPicker .IroColorPicker .IroHandle circle:last-child { stroke: #f5f5f5;} #colorPickerCordova .IroColorPicker .IroWheel .IroHandle circle, #colorPicker .IroColorPicker .IroWheel .IroHandle circle { transform: scale(1.5);} #colorPickerCordova .IroColorPicker .IroWheel .IroHandle circle:last-child, #colorPicker .IroColorPicker .IroWheel .IroHandle circle:last-child { transform: scale(1.6);}.colorPicker-toggle { width: 40px; height: 40px; position: absolute; background-color: #ccc; background-color: white; box-shadow: 1px 1px 20px #fff; border-radius: 1000px; top: 355px; left: 50%; transform: translate(-50%, -50%); z-index: 101; margin-top: -175px;} .colorPicker-toggle:before { content: ''; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 1000px;} .colorPicker-toggle:after { content: ''; width: 50%; height: 50%; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico/nav/lighting--fff.svg); opacity: 0.8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .colorPicker-toggle:not(.active) { background-color: white !important; box-shadow: 1px 1px 20px #fff !important;} .colorPicker-toggle:not(.active):after { background-image: url(../img/ico/nav/lighting.svg);}.colorPicker-container { width: 100%; height: 340px; background-color: white; z-index: 100; position: absolute; top: 375px; left: 50%; transform: translate(-50%, -50%); margin-top: 0; transition: 0.3s; opacity: 0; visibility: hidden;} .colorPicker-container .box { position: absolute; top: 50%; left: 50%; height: 100%; transition: 0.3s; padding-top: 40px; transform: translate(-50%, -50%);} .colorPicker-container .box:before, .colorPicker-container .box:after { width: 240px; height: 240px; content: ''; transform: translate(-50%, -50%); box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3); border-radius: 1000px; top: 50%; left: 50%; position: absolute; margin-top: -10px;} .colorPicker-container .box:before { width: 280px; height: 280px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);} .colorPicker-container.active { opacity: 1; visibility: visible;} .colorPicker-container.active .box { transform: translate(-50%, -50%);} .slider-container-new .colorPicker-container { opacity: 1; visibility: visible; top: 50%; margin-top: 10px; z-index: 1000;}.page .content.content-friendly-iaq { padding: 10px;} .page .content.content-friendly-iaq .iaq-slider { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;} .page .content.content-friendly-iaq .iaq-slider .rs-border { border: 0;} .page .content.content-friendly-iaq .iaq-slider .rs-handle.rs-move, .page .content.content-friendly-iaq .iaq-slider .full .rs-tooltip { display: none;} .page .content.content-friendly-iaq .iaq-slider .rs-transition { transition-timing-function: cubic-bezier(1, -0.53, 0.405, 1.425); transition-duration: 1s;} .page .content.content-friendly-iaq .iaq-slider .rs-range-color { background-color: #002637;} .page .content.content-friendly-iaq .iaq-slider:after { content: ''; width: 100%; height: 100%; z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .page .content.content-friendly-iaq .container { display: flex; flex-direction: column; margin: 0 auto; max-width: 480px; width: 100%;} .page .content.content-friendly-iaq .container h3, .page .content.content-friendly-iaq .container h4, .page .content.content-friendly-iaq .container h5 { text-transform: uppercase; font-weight: bold;} .page .content.content-friendly-iaq .container h3 { font-size: 14px; margin-bottom: 10px;} .page .content.content-friendly-iaq .container h3 .ico { width: 24px; height: 24px; display: inline-block; margin-right: 3px; margin-bottom: -6px; background-size: contain; background-position: center center; background-repeat: no-repeat;} .page .content.content-friendly-iaq .container h3 .ico--main { background-image: url(../img/iaq/wind.svg);} .page .content.content-friendly-iaq .container h3 .ico--humidity { background-image: url(../img/iaq/drop.svg);} .page .content.content-friendly-iaq .container h3 .ico--temperature { background-image: url(../img/iaq/temperature.svg);} .page .content.content-friendly-iaq .container h3 .ico--co2 { background-image: url(../img/iaq/cloud.svg);} .page .content.content-friendly-iaq .container h3 .ico--pm { background-image: url(../img/iaq/mask.svg);} .page .content.content-friendly-iaq .container h3 .ico--voc { background-image: url(../img/iaq/dots.svg);} .page .content.content-friendly-iaq .container h4 { font-size: 10px;} .page .content.content-friendly-iaq .container h5 { margin-top: 10px; font-size: 10px;} .page .content.content-friendly-iaq .container .avg li { clear: both;} .page .content.content-friendly-iaq .container .avg li b { float: right;} .page .content.content-friendly-iaq .container .bar > div { width: 50%; background-color: #eee; height: 6px; position: relative;} .page .content.content-friendly-iaq .container .bar > div span { position: absolute; top: 0; left: 0; bottom: 0; width: 0; background-color: #002637; transition-timing-function: cubic-bezier(1, -0.53, 0.405, 1.425); transition-duration: 1s;} .page .content.content-friendly-iaq .container .section { display: flex; justify-content: center; padding: 10px; text-align: left;} .page .content.content-friendly-iaq .container .section--main { font-size: 18px;} .page .content.content-friendly-iaq .container .section--main h3 { font-size: 18px;} .page .content.content-friendly-iaq .container .section--horz { flex-direction: row;} .page .content.content-friendly-iaq .container .section--vert { flex-direction: column; flex: 1;} .page .content.content-friendly-iaq .container .section--footer .section--horz, .page .content.content-friendly-iaq .container .section--footer .section--vert { text-align: center;} .page .content.content-friendly-iaq .container .section .circle { font-size: 14px; text-align: center; width: 100px; height: 100px; border-radius: 1000px; display: flex; align-items: center; justify-content: center; margin: 0 auto; border: 3px solid #ddd; position: relative;} .page .content.content-friendly-iaq .container .section .circle .value { font-weight: bold; font-size: 24px;} .page .content.content-friendly-iaq .container .section .circle-fill { font-size: 14px; text-align: center; width: 100px; height: 100px; border-radius: 1000px; background-color: #002637; color: white; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto; position: relative; box-shadow: 0 0 30px rgba(0, 38, 55, 0.5);} .page .content.content-friendly-iaq .container .section .circle-fill .value { font-weight: bold; font-size: 24px;} .page .content.content-friendly-iaq .container .section--main .circle { width: 120px; height: 120px;} .page .content.content-friendly-iaq .container .section--main .circle .value { font-size: 30px;} .page .content.content-friendly-iaq .container .section .week { display: block; position: relative; border-top: 2px solid #ddd; margin-top: 5px; padding-top: 5px; height: 50px;} .page .content.content-friendly-iaq .container .section .week h4 { width: calc(100% - 45px); position: absolute; top: 50%; transform: translateY(-50%);} .page .content.content-friendly-iaq .container .section .week .circle { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 40px; height: 40px; margin-left: 5px;} .page .content.content-friendly-iaq .container .section .week .circle .value { font-size: 10px;} .page .content.content-friendly-iaq .container .section .avg { font-size: 10px;} .page .content.content-friendly-iaq .container .section--footer h3 .ico { display: block; margin: 0 auto 6px;} .page .content.content-friendly-iaq .container .section--footer .bar { width: 100%;} .page .content.content-friendly-iaq .container .section--footer .bar > div { display: block; margin: 10px auto 0;} .page .content.content-friendly-iaq .container .section--footer .circle { width: 80px; height: 80px;} .page .content.content-friendly-iaq .container .section--footer .circle .value { font-weight: bold; font-size: 18px;} .page .content.content-friendly-iaq .container > .section { padding-left: 0; padding-right: 0; margin-left: -10px; width: calc(100% + 20px);}.page .content-independent { border-bottom: 1px solid #ddd; position: relative;} .page .content-independent .time { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; width: 60px; display: flex;} .page .content-independent .time select { font-size: 12px; margin: 0; width: 30px; height: 24px; text-align: center; padding: 0; border: 0; background-color: #eee;} .page .content-independent .time select:first-child { border-right: 0; border-radius: 5px 0 0 5px;} .page .content-independent .time select:last-child { border-left: 2px solid #ddd; border-radius: 0 5px 5px 0;} .page .content-independent--no-border { border: 0;} .page .content-independent--max-width { margin: 0 auto; max-width: 640px;} .page .content-independent.disclaimer { font-size: 11px;} .page .content-independent img.main { width: 100%;} .page .content-independent h3 { font-size: 18px; font-weight: bold;} .page .content-independent h4 { font-weight: bold; font-size: 16px; padding: 15px 0;} .page .content-independent h4.list-nav-label { padding: 15px 10px; border-bottom: 1px solid #ddd; margin-top: 20px;} .page .content-independent textarea { border: 2px solid #ccc; margin: 10px; width: calc(100% - 20px); width: 100%; margin: 10px 0; min-height: 90px; padding: 10px; font-size: 14px; resize: none;} .page .content-independent select { border: 2px solid #ccc; margin: 10px 10px 0; width: calc(100% - 20px); background-color: transparent; width: 100%; margin: 10px 0 0; padding: 10px; font-size: 14px;} .page .content-independent table.checkout { margin: 10px; width: calc(100% - 20px);} .page .content-independent table.checkout tr th:last-child, .page .content-independent table.checkout tr td:last-child { text-align: right;} .page .content-independent table.checkout tr th { font-weight: bold; font-size: 24px;} .page .content-independent.padding { padding: 10px;} .page .content-independent.padding-v2 { padding: 10px 15px;} .page .content-independent .counter { text-align: center; padding: 20px 0;} .page .content-independent .counter .text--counter { display: inline-block; position: relative;} .page .content-independent .counter .text--counter:after { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; content: '';} .page .content-independent .counter .text--counter input[type="number"] { height: 40px; font-size: 14px; width: 40px; line-height: normal; display: inline-block; font-weight: normal; border: 1px solid #ccc; text-align: center; vertical-align: middle; margin: 0 5px; border-radius: 1000px; -moz-appearance: textfield;} .page .content-independent .counter .text--counter input[type="number"]::-webkit-outer-spin-button, .page .content-independent .counter .text--counter input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} .page .content-independent .counter .button--counter { height: 40px; font-size: 24px; width: 40px; line-height: normal; padding: 0; display: inline-block; font-weight: normal; vertical-align: middle; margin: 0; border-radius: 1000px;} .page .content-independent .text-content { padding: 0 0 10px; margin-bottom: 5px;} .page .content-independent .text-content .info { font-size: 13px; display: block; margin-bottom: 5px; display: inline-block;} .page .content-independent .text-content ul { margin: 0; max-width: 100%; display: block;} .page .content-independent .text-content ul li { font-size: 14px; float: left; padding: 3px 5px; background: #eee; margin-right: 8px; color: #333;} .page .content-independent .text-content ul li.time:before { width: 14px; height: 12px; background-image: url(../img/ico/eats/clock.svg); background-size: contain; background-repeat: no-repeat; content: ''; display: inline-block; margin-right: 3px;} .page .content-independent .text-content ul li.stars:before { width: 14px; height: 12px; background-image: url(../img/ico/eats/star.svg); background-size: contain; background-repeat: no-repeat; content: ''; display: inline-block; margin-right: 3px;} .page .content-independent .text-content ul:after { clear: both; display: block; content: '';}.page .content { position: absolute; left: 0; right: 0; top: 60px; bottom: 0; overflow-y: auto; overflow-y: scroll; background-color: #fff; z-index: 1; transition: 0.2s; scroll-behavior: smooth; -webkit-backface-visibility: hidden; overflow: hidden;} html.no-transition-page .page .content { transition: none !important;} .page .content.disabled:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; content: ''; background-color: rgba(255, 255, 255, 0.3);} .page .content .post { padding: 20px 10px;} .page .content .post h2 { font-weight: bold; font-size: 20px; margin-bottom: 10px;} .page .content .post .body .mainImageUrl { display: block; width: 100%; margin-top: 10px;} .page .content .post .body video, .page .content .post .body img { display: block; width: 100%;} .page .content .post .body .video { margin-top: 10px;} .page .content .post .content--survey { position: static; display: block; opacity: 1; visibility: visible; padding-left: 0; padding-right: 0;} .page .content--bg { background-size: cover; background-position: center center;} .page .content .nolist-content { height: 0; visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); overflow: hidden; position: absolute; left: 20px; right: 20px; text-align: center; font-size: 24px; line-height: 24px; font-weight: 700; color: #999; top: 50%; transition: 0.3s; padding-bottom: 10px;} html.no-transition-page .page .content .nolist-content { transition: none !important;} .page .content .content-scroll { position: relative; height: 100%; max-width: 640px; margin-left: auto; margin-right: auto;} .page .content .content-scroll.disabled:after { background: white; position: absolute; left: 0; right: 0; bottom: 0; top: 130px; z-index: 1000; opacity: 0.7; content: '';} .page .content .content-scroll--disabled-top-0.disabled:after { top: 0;} .page .content .content-scroll--disabled-top-130.disabled:after { top: 130;} .page .content .content-scroll.m600 { min-height: 600px;} .page .content .content-scroll.m650 { min-height: 650px;} .page .content .content-scroll.m700 { min-height: 700px;} .page .content .extra.padding { padding: 10px;} .page .content.padding { padding: 10px;} .page .content.padding-top { padding: 10px 0;} .page .content.content-default { font-size: 14px; background-color: white;} .page .content.content-default .feedback { text-align: center; padding: 20px 0; color: #002637;} .page .content.content-default .feedback .smile { display: inline-block; width: 60px; height: 60px; margin: 0 5px; background-size: contain; background-position: center center; background-repeat: no-repeat; cursor: pointer; transition: 0.3s;} html.no-transition-page .page .content.content-default .feedback .smile { transition: none !important;} .page .content.content-default .feedback .smile:hover { opacity: 0.8;} .page .content.content-default .feedback .smile.ok { background-image: url(../img/support/smile-ok.svg);} .page .content.content-default .feedback .smile.no { background-image: url(../img/support/smile-no.svg);} .page .content.content-default hr { border: 0; margin: 20px 0; height: 1px; padding: 0; background-color: #ddd;} .page .content.content-default h2 { max-width: 640px; margin: 0 auto; margin-bottom: 10px; font-size: 20px; font-weight: 600;} .page .content.content-default h3 { margin-bottom: 10px; font-size: 16px; font-weight: 600;} .page .content.content-default h3 small { font-weight: normal;} .page .content.content-default h4 { font-weight: 600;} .page .content.content-default p { margin-bottom: 15px;} .page .content .dynamic-container, .page .content .dynamic { margin: 0 auto; max-width: 640px; width: 100%;} .page .content .content { display: none; opacity: 0; visibility: hidden;} .page .content .content.show { display: block;} .page .content .content.show.show-animation { opacity: 1; visibility: visible;} .page.page-new-filter .content, .page.page-filter .content, .page.page-search .content { top: 120px;} .page.page-new-filter .content .content, .page.page-filter .content .content, .page.page-search .content .content { top: 0;} .page.page-new-filter.page-spotlight-head-filter-desk .content { top: 180px;} .page.page-new-filter.page-spotlight-head-filter-desk .content .content { top: 0;} .page.page-tabs .content { top: 100px;} .page.page-tabs .content .content { top: 0;} .page.page-search.page-tabs .content { top: 160px;} .page.page-search.page-tabs .content .content { top: 0;} .page.page-show-time-bar .content { top: 180px;} .page.page-show-time-bar .content .content { top: 0;} .page.page-footer .content { bottom: 100px;} .page.page-recent-add .content { bottom: 50px;} .page.nolist .content .nolist-content { height: auto; visibility: visible; opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);}.page.layout .content, .page.popup-overflow .content { overflow-y: auto; overflow-y: scroll;}.page .content-anpr .dynamic .car-park-group { padding: 20px; margin: 10px 0; border-radius: 10px; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.07);} .page .content-anpr .dynamic .car-park-group .tags { float: right;} .page .content-anpr .dynamic .car-park-group .tags span { color: white; background: #333; border-radius: 1000px; padding: 5px 10px; display: inline-block; font-size: 10px; margin-left: 5px;} .page .content-anpr .dynamic .car-park-group .carpark, .page .content-anpr .dynamic .car-park-group .availability { display: block; font-size: 8px; line-height: normal; margin-top: -20px; letter-spacing: 1px;} .page .content-anpr .dynamic .car-park-group h4 { font-size: 18px; font-weight: bold;} .page .content-anpr .dynamic .car-park-group ul { clear: both; margin: 10px 0;} .page .content-anpr .dynamic .car-park-group ul li { display: flex; border-bottom: 1px solid #eee;} .page .content-anpr .dynamic .car-park-group ul li small { font-size: 10px;} .page .content-anpr .dynamic .car-park-group ul li.opacity { opacity: 0.3;} .page .content-anpr .dynamic .car-park-group ul li > span { flex: 1; line-height: 50px;} .page .content-anpr .dynamic .car-park-group ul li > span.car { width: 50px; height: 25px; margin: 12.5px 20px 12.5px 0px; flex: none; position: relative;} .page .content-anpr .dynamic .car-park-group ul li > span.car b { background: #6c9; position: absolute; top: 0; bottom: 0; left: 0; width: 0; transition: 0.3s; z-index: 5;} .page .content-anpr .dynamic .car-park-group ul li > span.car:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: #666;} .page .content-anpr .dynamic .car-park-group ul li > span.car:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 10; background-image: url(../img/anpr/car.png); background-size: contain; background-position: center center;} .page .content-anpr .dynamic .car-park-group ul li > span.values { text-align: center;} .page .content-anpr .dynamic .car-park-group ul li > span.percentage { text-align: right;} .page .content-anpr .dynamic .car-park-group .id { font-size: 10px; opacity: 0.5; display: block;}.page .content .info-summary.disabled { opacity: 0.3; pointer-events: none;} .page .content-car-park-booking .dynamic .car-park-group { padding: 10px 20px; margin: 10px 0; border-radius: 10px; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.07); position: relative;} .page .content-car-park-booking .dynamic .car-park-group--cancelled > *, .page .content-car-park-booking .dynamic .car-park-group--pay > * { opacity: 0.3;} .page .content-car-park-booking .dynamic .car-park-group--cancelled .button-area, .page .content-car-park-booking .dynamic .car-park-group--pay .button-area { opacity: 1;} .page .content-car-park-booking .dynamic .car-park-group--cancelled:after { content: 'cancelled'; font-size: 24px; color: white; padding: 5px 60px; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; left: 50%; margin-top: -30px; transform: translate(-50%, -50%) rotate(-10deg);} .page .content-car-park-booking .dynamic .car-park-group .button-area { margin-top: 10px;} .page .content-car-park-booking .dynamic .car-park-group .delete { float: right; color: white; background: #333; color: #333; border-radius: 1000px; padding: 5px 10px; display: block; font-size: 10px; margin-left: 5px; position: relative; z-index: 10; cursor: pointer;} .page .content-car-park-booking .dynamic .car-park-group .delete:after { content: 'x';} .page .content-car-park-booking .dynamic .car-park-group .delete:before { content: ''; background-color: white; background-image: url(../img/ico/alert/error.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; top: 0; right: 0; bottom: 0; left: 0; position: absolute;} .page .content-car-park-booking .dynamic .car-park-group .tags { float: right;} .page .content-car-park-booking .dynamic .car-park-group .tags span { color: white; background: #333; border-radius: 1000px; padding: 5px 10px; display: inline-block; font-size: 10px; margin-left: 5px;} .page .content-car-park-booking .dynamic .car-park-group .carpark, .page .content-car-park-booking .dynamic .car-park-group .availability { display: block; font-size: 8px; line-height: normal; margin-top: -20px; letter-spacing: 1px;} .page .content-car-park-booking .dynamic .car-park-group h4 { font-size: 18px; font-weight: bold; text-transform: uppercase;} .page .content-car-park-booking .dynamic .car-park-group ul { clear: both; margin: 10px 0;} .page .content-car-park-booking .dynamic .car-park-group ul li { display: flex; border-bottom: 1px solid #eee;} .page .content-car-park-booking .dynamic .car-park-group ul li small { font-size: 10px;} .page .content-car-park-booking .dynamic .car-park-group ul li.opacity { opacity: 0.3;} .page .content-car-park-booking .dynamic .car-park-group ul li > span { flex: 1; line-height: 50px;} .page .content-car-park-booking .dynamic .car-park-group ul li > span.car { width: 50px; height: 25px; margin: 12.5px 20px 12.5px 0px; flex: none; position: relative;} .page .content-car-park-booking .dynamic .car-park-group ul li > span.car b { background: #6c9; position: absolute; top: 0; bottom: 0; left: 0; width: 0; transition: 0.3s; z-index: 5;} .page .content-car-park-booking .dynamic .car-park-group ul li > span.car:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: #666;} .page .content-car-park-booking .dynamic .car-park-group ul li > span.car:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 10; background-image: url(../img/anpr/car.png); background-size: contain; background-position: center center;} .page .content-car-park-booking .dynamic .car-park-group ul li > span.values { text-align: right;} .page .content-car-park-booking .dynamic .car-park-group ul li > span.values span { font-weight: bold;} .page .content-car-park-booking .dynamic .car-park-group ul li > span.values:after { content: ""; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/ico/gym/clock.svg); width: 24px; height: 24px; margin: 0 0 -7px 10px; display: inline-block; content: '';} .page .content-car-park-booking .dynamic .car-park-group ul li > span.percentage { text-align: right;} .page .content-car-park-booking .dynamic .car-park-group .id { text-align: center; font-size: 12px; display: block;} .page .content-car-park-booking .dynamic .car-park-group .payment { border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 7px; text-align: right; font-size: 12px;} .page .content-car-park-booking .dynamic .car-park-group .payment:after { background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/ico/alert/check.svg); width: 24px; height: 24px; margin: 0 0 -7px 10px; display: inline-block; content: '';}.page .content--cctv .camera-container { width: calc(100% + 6px); position: relative; display: flex; flex-wrap: wrap; margin: 0 -3px;} .page .content--cctv .camera-container video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%;} .page .content--cctv .camera-container .camera { width: calc(50% - 6px); padding: 5px; cursor: pointer; transition: 0.5s; border: 1px solid #ddd; margin: 3px; border-radius: 5px;} html.no-transition-page .page .content--cctv .camera-container .camera { transition: none !important;} .page .content--cctv .camera-container .camera:hover { opacity: 0.7;} .page .content--cctv .camera-container .camera .img { display: block; padding-bottom: 70%; background-size: contain; background-position: center center; background-repeat: no-repeat; background-color: #eee; position: relative;} .page .content--cctv .camera-container .camera .img:after { background-repeat: no-repeat; background-position: center; background-size: 50% auto; background-image: url(../img/ico/nav/monitor.svg); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 1; display: none;} .page .content--cctv .camera-container .camera .img.none:after { display: block;} .page .content--cctv .camera-container .camera .label { text-align: center; padding: 5px 5px 0; display: block; font-size: 12px;}.page .content--building-alerts { background-color: #f5f5f5; padding: 20px;} .page .content--building-alerts table { max-width: 640px; margin: 0 auto; width: 100%; background: white; border: 10px solid white; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);} .page .content--building-alerts table th, .page .content--building-alerts table td { padding: 10px 0; border-bottom: 1px solid #ddd;} .page .content--building-alerts table tr td:last-child { text-align: right;} .page .content--building-alerts table th { font-weight: bold;} .page .content--building-alerts table small { font-size: 10px; color: #999;} .page .content--building-alerts table .building-alert-btn { font-size: 14px; padding: 7px 20px; background: #ddd; display: inline-block; margin: 2.5px; margin-right: 0; cursor: pointer; font-weight: bold; text-align: center; min-width: 120px;} .page .content--building-alerts table .building-alert-btn--claim { color: white; background-color: #62b4e4;} .page .content--building-alerts table .building-alert-btn--dismiss { color: #666; background-color: #ddd;}#popup-chat.page .chat-error { position: fixed; z-index: 999; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: calc(100% - 40px); max-width: 360px; position: fixed; border-radius: 10px; padding: 60px 20px; text-align: center; transition: 0.2s; max-height: 460px; overflow-y: auto; background-color: #333; color: #fff;} #popup-chat.page .content.disabled:after { position: fixed; background-color: rgba(255, 255, 255, 0.8); top: 60px;}.page .content.content-chat { transition: none; bottom: auto; height: calc(100% - 160px); position: relative; top: 0; bottom: auto; height: calc(100% - 160px);} .page .content.content-chat .chat-group { width: 100%; max-width: 640px; margin: 0 auto; padding: 10px 0 50px; font-size: 12px; position: relative; transition: 0.3s;} .page .content.content-chat .chat-group .name { opacity: 0;} html.no-transition-page .page .content.content-chat .chat-group { transition: none !important;} .page .content.content-chat .chat-group:after { content: ''; display: block; clear: both;} .page .content.content-chat .chat-group.error .comics { padding-right: 40px; background-color: #f5d0e2 !important;} .page .content.content-chat .chat-group.error .comics:before { content: ''; width: 20px; height: 20px; background-image: url(../img/chat/error.svg); background-repeat: no-repeat; background-position: center center; display: block; right: 11px; top: 8px; position: absolute;} .page .content.content-chat .chat-group.opacity { opacity: 0.5;} .page .content.content-chat .chat-group.error { opacity: 0.5;} .page .content.content-chat .chat-group.me { text-align: right;} .page .content.content-chat .chat-group.me .comics { background: #e6e7e8; color: #6a6965;} .page .content.content-chat .chat-group.me .comics:after { right: 20px; border-left: 10px solid transparent; border-right: 0 solid transparent; border-top: 10px solid #e6e7e8;} .page .content.content-chat .chat-group.me .avatar { right: 0; margin-right: 5px;} .page .content.content-chat .chat-group.you { text-align: left;} .page .content.content-chat .chat-group.you .comics { background: #002637; color: white;} .page .content.content-chat .chat-group.you .comics:after { left: 20px; border-left: 0 solid transparent; border-right: 10px solid transparent; border-top: 10px solid #002637;} .page .content.content-chat .chat-group.you .avatar { left: 0; margin-left: 5px;} .page .content.content-chat .chat-group .comics { padding: 10px; border-radius: 8px; display: inline-block; position: relative; max-width: 75%;} .page .content.content-chat .chat-group .comics:after { position: absolute; bottom: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; content: '';} .page .content.content-chat .chat-group .time { display: block; color: #ccc; padding-bottom: 0;} .page .content.content-chat .chat-group .avatar { width: 30px; height: 30px; border-radius: 1000px; display: block; position: absolute; margin-top: 15px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../img/logo-thumb.png); background-color: #fff; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); overflow: hidden;}.area .deskDefault { position: absolute; transition: 0.3s;} .area .deskDefault > span { background-size: contain; background-repeat: no-repeat; background-position: center center;} .area .userLabel-2, .area .userLabel { left: 0; top: 0; padding: 7px 15px; border-radius: 100px; transform: translate(-50%, -100%); pointer-events: none; background: rgba(0, 0, 0, .5); color: white; padding: 3px 10px; border-radius: 5px; transform: translate(-50%, -100%); position: absolute; font-size: 18px; margin-left: 35px; margin-top: 0; pointer-events: none; text-align: center; line-height: 20px;} .area .userLabel-2:after, .area .userLabel:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0, 0, 0, .5); content: ''; position: absolute; bottom: -9px; left: 50%; margin-left: -7px; pointer-events: none;} .area .userLabel-2.comicsBottom, .area .userLabel.comicsBottom { margin-top: 90px;} .area .userLabel-2.comicsBottom:after, .area .userLabel.comicsBottom:after { border-top: 0; border-bottom: 10px solid rgba(0, 0, 0, .5); bottom: auto; top: -9px;}.hide-names .userLabel-2, .hide-names .userLabel { display: none;}.page .content--desks .locker { position: fixed; top: 100px; background: white; height: 50px; width: 100%; z-index: 9; left: 0; transition: 0.3s;} .page .content--desks .locker ul { margin: 0 !important; max-width: 100% !important;} .page .content--desks .title { position: fixed; top: 120px; transform: translate3d(0, 0, 0); padding: 5px 10px; right: 0; left: 0; height: 50px; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); background-color: white; z-index: 1000;} .page .content--desks .title small { font-size: 10px; display: block;} .page .content--desks .title h3 { text-align: left !important; font-size: 16px !important;} .page .content--desks .title select { float: right; min-width: 150px; width: calc(50% - 14px); line-height: 30px; margin-top: 5px; background-color: transparent; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ddd; display: block; box-shadow: none; border-radius: 0; padding-left: 0; padding-right: 14px; background-image: url(../img/ui/select.svg); background-repeat: no-repeat; background-position: top 50% right 0px; background-size: 10px; background-size: 14px 14px;} .page .content--desks ul.zoom-buttons { position: fixed; top: 180px; left: 10px; width: 30px; height: 90px; margin: 0 !important; border: 1px solid #002637; z-index: 20; transition: 0.3s;} .page .content--desks ul.zoom-buttons li { width: 28px; height: 29px; line-height: 29px; font-size: 24px; font-weight: bold; display: block; padding: 0 !important; text-align: center; transition: 0.3s; cursor: pointer; background-color: white;} .page .content--desks ul.zoom-buttons li:after { transition: 0.3s; content: '';} .page .content--desks ul.zoom-buttons li.disable { background-color: #eee;} .page .content--desks ul.zoom-buttons li.disable:after { color: #999;} .page .content--desks ul.zoom-buttons li.in { border-bottom: 1px solid #002637;} .page .content--desks ul.zoom-buttons li.in:after { content: '+' !important;} .page .content--desks ul.zoom-buttons li.out { border-bottom: 1px solid #002637;} .page .content--desks ul.zoom-buttons li.out:after { content: '-' !important;} .page .content--desks ul.zoom-buttons li.reset { font-size: 14px;} .page .content--desks ul.zoom-buttons li.reset:after { opacity: 0.5; content: '●' !important;} .page .content--desks .dynamic { top: 40px; max-width: 100%; position: relative;} .page .content--desks .dynamic .area { position: relative; background-repeat: no-repeat; background-position: center center;} .page.show-locker .content--desks ul.zoom-buttons { top: 235px;} .page.show-locker .content--desks .locker { top: 170px;} .page .content--desks { overflow: auto; scroll-behavior: auto;} .page .content--desks.has-pinch { scroll-behavior: smooth;} .page .content--desks .dynamic { height: 400px;} .page .content--desks .dynamic .area { transition: 0.5s;} .page .content--desks .pinch-zoom-parent .area { transform: none; margin: 0;} .page.readonly .content--desks .area { opacity: 0.5;} .page.readonly .content--desks .area:after { content: ''; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; position: absolute;} .page.readonly .filter li.right { right: auto; left: 5px;} .page.readonly .content--desks .title { line-height: 40px;} .page.readonly .filter li.buttons, .page.readonly .content--desks .title small { display: none;}.page.readonly .content.content--desks .title select { opacity: 0.5;}.page.readonly .content.content--desks .title:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; content: '';}.page .content--desks-list table { width: 100%; border-collapse: collapse;} .page .content--desks-list table td, .page .content--desks-list table th { padding: 10px 10px; text-align: left; border-bottom: 1px solid #ddd;} .page .content--desks-list table td span.label, .page .content--desks-list table th span.label { font-size: 12px; padding: 5px 15px; border-radius: 100px; color: white; background: #ccc; display: inline-block; min-width: 100px; text-align: center;} .page .content--desks-list table td span.label.label, .page .content--desks-list table th span.label.label { background-color: #6c6;} .page .content--desks-list table td span.label.label:after, .page .content--desks-list table th span.label.label:after { content: 'Available';} .page .content--desks-list table td span.label.booked, .page .content--desks-list table th span.label.booked { background-color: #ffd761;} .page .content--desks-list table td span.label.booked:after, .page .content--desks-list table th span.label.booked:after { content: 'Desk Booked';} .page .content--desks-list table td span.label.selected, .page .content--desks-list table th span.label.selected { background-color: #36c;} .page .content--desks-list table td span.label.selected:after, .page .content--desks-list table th span.label.selected:after { content: 'Selected';} .page .content--desks-list table td span.label.unavailable, .page .content--desks-list table th span.label.unavailable { background-color: #ffd761;} .page .content--desks-list table td span.label.unavailable:after, .page .content--desks-list table th span.label.unavailable:after { content: 'Unavailable';} .page .content--desks-list table td span.label.busy, .page .content--desks-list table th span.label.busy { background-color: tomato;} .page .content--desks-list table td span.label.busy:after, .page .content--desks-list table th span.label.busy:after { content: 'Busy';} .page .content--desks-list table th { background-color: #eee; font-weight: bold;}.page .content.content-gym-booking .timeSlot { margin-left: 0;} .page .content.content-gym-booking .timeSlot li { display: inline-block; padding: 5px 8px; background-color: #999; margin: 3px 3px 0 0; font-size: 9px; color: white; letter-spacing: 0.5px; text-align: center; width: 82px; float: left;} .page .content.content-gym-booking .timeSlot li.active { background-color: #002637;} .page .content.content-gym-booking .timeSlot li.empty { background: none; color: #000; width: auto; border: none; padding: 3px 0;} .page .content.content-gym-booking .timeSlot:after { clear: both; content: ""; display: block;} .page .content.content-gym-booking .timeSlotList { border-bottom: 1px solid #ddd;} .page .content.content-gym-booking .timeSlotList li { border-top: 1px solid #ddd; padding: 10px 0; display: flex; cursor: pointer;} .page .content.content-gym-booking .timeSlotList li .button { display: inline-block; width: 140px; min-width: 140px; height: 40px; line-height: 40px; margin: 0; margin-right: 10px; background-color: #999; position: relative; padding-left: 40px;} .page .content.content-gym-booking .timeSlotList li .button:before { width: 20px; height: 20px; position: absolute; top: 10px; left: 10px; content: ""; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/ico/gym/clock--fff.svg);} .page .content.content-gym-booking .timeSlotList li .people { width: calc(100% - 200px); height: 40px; line-height: 40px; letter-spacing: 2px; font-size: 11px;} .page .content.content-gym-booking .timeSlotList li .people b { font-size: 20px; font-weight: normal;} .page .content.content-gym-booking .timeSlotList li .people:before { width: 20px; height: 20px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block; margin-right: 5px; margin-top: 5px;} .page .content.content-gym-booking .timeSlotList li .price { font-size: 20px; display: block; font-weight: bold; text-align: right; width: 70px; height: 40px; line-height: 40px;} .page .content.content-gym-booking .timeSlotList li.active .button { background-color: #002637;}.page.type--studio .content .timeSlotList .people:before { background-image: url(../img/ico/gym/person.svg);} .page.type--desk .content .timeSlotList .people:before { background-image: url(../img/ico/gym/desk.svg);}.page .content.theme-v1 .main-title { text-align: left; margin-bottom: 20px;} .page .content.theme-v1 .main-title h3, .page .content.theme-v1 .main-title h4 { text-align: left;} .page .content.theme-v1 .link { font-weight: bold; margin: 20px 0; display: block; font-size: 13px;} .page .content.theme-v1 .summary { font-weight: bold; font-size: 13px; margin-top: 10px;} .page .content.theme-v1 .summary ul.list.list-nav { margin-top: -10px; margin-bottom: 0;} .page .content.theme-v1 .summary ul.list.list-nav li.img-li { padding-left: 130px; text-align: left;} .page .content.theme-v1 .summary ul.list.list-nav li.img-li h3 { text-align: left; line-height: 20px; margin-bottom: 5px;} .page .content.theme-v1 .summary .summaryPrice { display: block; font-size: 12px; margin: 10px auto; max-width: 640px; padding: 0 10px;} .page .content.theme-v1 .summary .summaryPrice > div { border-bottom: 1px solid #eee; height: 20px; line-height: 20px; display: flex; justify-content: space-between;} .page .content.theme-v1 .summary .summaryPrice > div.price-ph { color: rgba(0, 0, 0, 0.3);} .page .content.theme-v1 .summary .summaryPrice > div.subtotal b, .page .content.theme-v1 .summary .summaryPrice > div.tax b, .page .content.theme-v1 .summary .summaryPrice > div.price-ph b { font-weight: normal;} .page .content.theme-v1 .summary .summaryPrice > div.total em { font-weight: bold;} .page .content.theme-v1 .description figure { padding: 0; margin: 0 0 20px; font-size: 11px;} .page .content.theme-v1 .description figure img { width: 100% !important; height: auto !important; margin: 0 0 10px !important;} .page .content.theme-v1 h3 { font-size: 18px; font-weight: bold; color: black; text-align: center;} .page .content.theme-v1 h4 { font-size: 13px; color: #002637; text-align: center;} .page .content.theme-v1 h4 .status { text-transform: uppercase; font-weight: bold;} .page .content.theme-v1 h4 .status--available { color: white;} .page .content.theme-v1 h4 .status--fully-booked { color: white;} .page .content.theme-v1 h4.title-label { text-align: left; padding-top: 10px; padding-left: 10px; color: #000; font-weight: normal; font-size: 18px; max-width: 640px; width: 100%; margin-left: auto; margin-right: auto;} .page .content.theme-v1 .rosette { width: 120px; height: 30px; line-height: 30px; transform: rotate(45deg); position: absolute; top: 0; right: 0; z-index: 10; margin: 15px -30px 0 0; font-size: 11px; font-weight: bold; text-align: center; color: white; background-color: #002637; text-transform: uppercase;} .page .content.theme-v1 .rosette:after { content: attr(data-redeem);} .page .content.theme-v1 .extra { max-width: 640px; margin: 40px auto 0; padding: 0 20px;} .page .content.theme-v1 ul { margin: 20px auto; max-width: 640px;} .page .content.theme-v1 ul.linklist a { word-break: break-all;} .page .content.theme-v1 ul.list-type li { padding: 5px 0; border-bottom: 1px solid #ddd;} .page .content.theme-v1 ul.list-type li:last-child { border-bottom: 0;} .page .content.theme-v1 ul li { padding: 15px 10px; transition: 0.3s; position: relative;} html.no-transition-page .page .content.theme-v1 ul li { transition: none !important;} .page .content.theme-v1 ul li.hidden { overflow: hidden; height: 0; padding-top: 0; padding-bottom: 0 !important;} .page .content.theme-v1 ul li.disable { position: relative;} .page .content.theme-v1 ul li.disable:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: white; opacity: 0.7; z-index: 100;} .page .content.theme-v1 ul li label { display: block; width: 100%; font-weight: bold; font-size: 10px; text-transform: uppercase; margin: 0 auto; text-align: left;} .page .content.theme-v1 ul li .title { font-weight: bold; display: block; text-align: left;} .page .content.theme-v1 .image-container { width: 160px; height: 160px; margin: 40px auto; background-size: contain; background-position: center center; background-repeat: no-repeat;} .page .content.theme-v1 .text-content { padding: 0 0 10px; margin-bottom: 5px;} .page .content.theme-v1 .text-content .info { font-size: 13px; display: block; display: inline-block;} .page .content.theme-v1 .text-content ul { margin: 0; max-width: 100%; display: block;} .page .content.theme-v1 .text-content ul li { font-size: 14px; float: left; padding: 3px 5px; background: #eee; margin-right: 8px; color: #333;} .page .content.theme-v1 .text-content ul li.time:before { width: 14px; height: 12px; background-image: url(../img/ico/eats/clock.svg); background-size: contain; background-repeat: no-repeat; content: ''; display: inline-block; margin-right: 3px;} .page .content.theme-v1 .text-content ul li.stars:before { width: 14px; height: 12px; background-image: url(../img/ico/eats/star.svg); background-size: contain; background-repeat: no-repeat; content: ''; display: inline-block; margin-right: 3px;} .page .content.theme-v1 .text-content ul:after { clear: both; display: block; content: '';} .page .content.theme-v1 .avatar-container, .page .content.theme-v1 .img-content { width: 240px; background-color: #eee; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; width: calc(100% + 20px); padding-bottom: 50%; margin: -10px 0 0 -10px;} .page .content.theme-v1 .avatar-container:after, .page .content.theme-v1 .img-content:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; content: '';} .page .content.theme-v1 .avatar-container--default, .page .content.theme-v1 .img-content--default { background-size: contain; background-image: url(../img/logo-thumb.png); background-color: #fff;} .page .content.theme-v1 .avatar-container.img-content-radius, .page .content.theme-v1 .img-content.img-content-radius { border-radius: 1000px; padding: 0; height: 190px; width: 190px; margin: 20px auto;} .page .content.theme-v1 .avatar-container.img-content-radius:after, .page .content.theme-v1 .img-content.img-content-radius:after { background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);} .page .content.theme-v1 .avatar-container.img-content-radius.loop-loading-block:after, .page .content.theme-v1 .img-content.img-content-radius.loop-loading-block:after { background-image: linear-gradient(to right, #eee, #ddd, #eee, #eee, #ddd, #eee);} .page .content.theme-v1 .avatar-container.img-content-radius.loaded--image:after, .page .content.theme-v1 .img-content.img-content-radius.loaded--image:after { background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);} .page .content.theme-v1 .img-content { margin-top: 0; margin-bottom: 10px; padding-bottom: 70%;} html:not(.loading--loop-loading) .page .content.theme-v1 .img-content.loaded--image:after { width: auto; background-color: transparent; animation: none; -webkit-animation: none;} .page .content.theme-v1 .img-content .slick-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .page .content.theme-v1 .img-content .slick-container .slick-prev, .page .content.theme-v1 .img-content .slick-container .slick-next { display: inline-block; position: absolute; bottom: 10px; right: 10px; width: 26px; height: 26px; background-image: url(../img/ui/arrow-right--fff.svg); background-size: contain; background-repeat: no-repeat; background-color: transparent; border: 0; text-indent: -9999px; overflow: hidden; z-index: 30;} .page .content.theme-v1 .img-content .slick-container .slick-prev.disabled, .page .content.theme-v1 .img-content .slick-container .slick-next.disabled { opacity: 0.3;} .page .content.theme-v1 .img-content .slick-container .slick-prev { transform: rotate(180deg); right: 40px;} .page .content.theme-v1 .img-content .slick-container .slick-list, .page .content.theme-v1 .img-content .slick-container .slick-track { height: 100%;} .page .content.theme-v1 .img-content .slick-container .slick-list > div, .page .content.theme-v1 .img-content .slick-container .slick-track > div { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;} .page .content.theme-v1 .img-content .slick-container .slick-list > div:after, .page .content.theme-v1 .img-content .slick-container .slick-track > div:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%); content: '';} .page .content.theme-v1 .img-content .title { position: absolute; bottom: 10px; left: 10px; color: white; z-index: 20;} .page .content.theme-v1 .img-content .title h3 { color: #fff; text-align: left;} .page .content.theme-v1 .img-content .title h4 { color: #fff; text-align: left;} .page .content.theme-v1 .img-content .poweredby { font-size: 7px; margin-bottom: 10px; position: absolute; top: 10px; left: 10px; color: white; opacity: 0.7;} .page .content.theme-v1 .img-content .poweredby img { width: 50px; display: block;} .page .content.theme-v1 .img-content .poweredby:before { content: 'powered by'; display: block;} .page .content.theme-v1 .img-content.img--default { background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../img/logo-thumb.png);} .page .content.theme-v1 .img-content.img--default .slick-container { display: none;} .page .content.theme-v1 .img-content.img--slick { overflow: hidden;} .page .content.theme-v1 .img-content.img--slick:after { display: none;} .page .content.theme-v1 .img-content.loaded--image .title { display: block;} .page .content.theme-v1 .img-content.loaded--image:after { -webkit-backface-visibility: hidden;} .page .content.theme-v1 .avatar-container { border-radius: 1000px; width: 240px; height: 240px; padding: 0; margin: 20px auto 20px;} .page .content.theme-v1 .avatar-container:after { display: none;} .page .content.theme-v1 .avatar-container .loading-animation { position: absolute; background-color: #ddd; z-index: 10; width: 240px; height: 240px; top: 0; left: 0; display: block; opacity: 0; border-radius: 10000px; border: 20px solid rgba(255, 255, 255, 0.2); border-top-color: white; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear;} html.overlay .page .content.theme-v1 .avatar-container .loading-animation { opacity: 1;} .page .content.theme-v1 .avatar-container .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 1000px; background-size: cover; background-image: url(../img/logo-thumb.png);} .page .content.theme-v1 .avatar-container .button { height: 30px; line-height: 30px; font-size: 12px; color: white; padding: 0; text-indent: 0; text-align: center; background-color: #333; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1); display: inline-block; border-radius: 3px; margin: 0 auto; width: auto; padding: 0 30px; position: absolute; top: 220px; letter-spacing: 1px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 20; text-transform: uppercase; left: 50%;} .page .content.theme-v1 .avatar-container .button:hover { background-color: #464646;} .page .content.theme-v1 .avatar-container.square { padding-bottom: 70%; width: 54%; height: auto; border-radius: 0;} .page .content.theme-v1 .avatar-container.square .img { border-radius: 0;} .page .content.theme-v1 .avatar-container.square .button { top: auto; bottom: -40px;} .page .content.theme-v1.theme-list-content li { padding-top: 0; padding-bottom: 0;} .page .content.theme-v1.theme-list-content li.img-li { min-height: 140px;} .page .content.theme-v1.theme-list-content .img-content { padding-bottom: 60%;} .page .content.theme-v1.theme-list-content .img-content .title { top: auto; bottom: 0; right: 0; left: 0; padding: 10px; padding-right: 50px;} .page .content.theme-v1.theme-list-content .img-content .title .arrow { width: 24px; height: 24px; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); background-image: url(../img/ui/arrow-right--fff.svg);}.page .content.theme-v1 .catering-list { margin: 0; padding-top: 0; padding-bottom: 0;} .page .content.theme-v1 .catering-list > ul { margin: 0; padding: 0;} .page .content.theme-v1 .catering-list > ul > li { display: flex; padding-left: 0; padding-right: 0; border-bottom: 1px solid #eee;} .page .content.theme-v1 .catering-list > ul > li .img { width: 120px; height: 120px; margin-right: 20px;} .page .content.theme-v1 .catering-list > ul > li .img img { object-fit: cover; width: 100%; height: 100%;} .page .content.theme-v1 .catering-list > ul > li .text { flex: 1; text-align: right;} .page .content.theme-v1 .catering-list > ul > li .text h4 { text-align: right; font-size: 18px; font-weight: bold;} .page .content.theme-v1 .catering-list > ul > li .text .counter { margin-top: 10px; vertical-align: bottom; float: right;} .page .content.theme-v1 .catering-list > ul > li .text .counter button, .page .content.theme-v1 .catering-list > ul > li .text .counter input { vertical-align: bottom; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; line-height: 40px; background-color: #ddd; text-align: center;} .page .content.theme-v1 .catering-list > ul > li .text .counter button { font-size: 24px; font-weight: bold; background-size: 12px 12px; background-position: center center; background-repeat: no-repeat;} .page .content.theme-v1 .catering-list > ul > li .text .counter button.less { background-image: url(../img/ui/less.svg);} .page .content.theme-v1 .catering-list > ul > li .text .counter button.plus { background-image: url(../img/ui/plus.svg);} .page .content.theme-v1 .catering-list > ul > li .text .counter input { background-color: #f5f5f5;}.page .content.theme-v2 h3 { font-size: 18px; margin-bottom: 10px; font-weight: bold;} .page .content.theme-v2 .box { font-size: 14px; margin: 0 auto; padding: 20px 0; width: 100%; max-width: 640px; transition: 0.2s;} .page .content.theme-v2 .box--align-left { text-align: left;} html.no-transition-page .page .content.theme-v2 .box { transition: none !important;} .page .content.theme-v2 .box li { line-height: 36px; border-top: 1px solid #ddd;} .page .content.theme-v2 .box li b, .page .content.theme-v2 .box li span, .page .content.theme-v2 .box li em { float: left; min-height: 1px;} .page .content.theme-v2 .box li:after { clear: both; display: block; content: '';} .page .content.theme-v2 .box li b { font-weight: normal; width: 100px;} .page .content.theme-v2 .box li span { font-size: 16px; font-weight: bold; width: calc(100% - 145px); word-break: break-all; text-align: right;} .page .content.theme-v2 .box li em { width: 45px; padding-left: 5px; font-size: 16px; font-weight: normal;} .page .content.theme-v2 .box.energy-results { border-bottom: 1px solid #ddd;} .page .content.theme-v2 .box.energy-results ul { display: flex; flex-wrap: wrap; line-height: normal;} .page .content.theme-v2 .box.energy-results ul li { flex-grow: 1; width: 50%; padding: 10px; text-align: center; border-right: 1px solid #ddd;} .page .content.theme-v2 .box.energy-results ul li b, .page .content.theme-v2 .box.energy-results ul li span { display: block; width: auto; text-align: center; word-break: normal; float: none; font-size: 13px; line-height: normal; font-weight: normal; color: #666;} .page .content.theme-v2 .box.energy-results ul li .ico { margin: 5px auto; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center;} .page .content.theme-v2 .box.energy-results ul li .ico--co2 { background-image: url(../img/ico/energy/co2.svg);} .page .content.theme-v2 .box.energy-results ul li .ico--flame { background-image: url(../img/ico/energy/flame.svg);} .page .content.theme-v2 .box.energy-results ul li .ico--energy { background-image: url(../img/ico/energy/energy.svg);} .page .content.theme-v2 .box.energy-results ul li .ico--oil { background-image: url(../img/ico/energy/oil.svg);} .page .content.theme-v2 .box.energy-results ul li .ico--phone { background-image: url(../img/ico/energy/phone.svg);} .page .content.theme-v2 .box.energy-results ul li b { font-weight: bold; font-size: 24px; color: #000;} .page .content.theme-v2 .box.energy-results ul li b small { font-size: 14px;} .page .content.theme-v2 .box:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} .page .content .nolist-content { height: 0; visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); overflow: hidden; position: absolute; left: 20px; right: 20px; text-align: center; font-size: 24px; line-height: 24px; font-weight: 700; top: 50%;} .page .content .nolist-content.marginTop70 { margin-top: 70px;} .page .content .nolist-content:before { background-color: white; background-image: url(../img/ico/alert/error--ddd.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 160px; height: 160px; margin: 0 auto 20px; display: block; content: '';}.page .content--weather .main { padding: 15px 10px; border-bottom: 1px solid #ddd; max-width: 480px; margin: 0 auto;} .page .content--weather .main .city { font-size: 32px; text-align: center;} .page .content--weather .main .status { font-size: 18px; text-align: center;} .page .content--weather .main .today { text-align: center; font-size: 12px; margin-top: 5px;} .page .content--weather .main .ico { width: 50%; padding: 0 0 50%; background-size: 75% 75%; background-repeat: no-repeat; background-position: center center; float: left; position: relative;} .page .content--weather .main .temperature { width: 50%; padding: 0 0 50%; float: left; text-align: center; font-size: 18vw; position: relative; letter-spacing: -1vw;} @media screen and (min-width: 480px) { .page .content--weather .main .temperature { font-size: 86px; letter-spacing: -4px;}} @media screen and (max-width: 300px) { .page .content--weather .main .temperature { font-size: 48px; letter-spacing: -3px;}} .page .content--weather .main .temperature .vertical-center { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; width: calc(100% - 20px);} .page .content--weather .main .temperature .celsius { font-size: 6vw; margin-left: -1vw;} @media screen and (min-width: 480px) { .page .content--weather .main .temperature .celsius { font-size: 32px; margin-left: -10px;}} @media screen and (max-width: 300px) { .page .content--weather .main .temperature .celsius { font-size: 18px; margin-left: -3px;}} .page .content--weather .main:after { content: ''; display: block; clear: both;} .page .content--weather .list-weather .text > b { width: 120px; display: inline-block;} .page .content--weather .list-weather .text > .ico { float: right; width: 32px; height: 32px; display: block; margin-left: 5px; margin-top: -5px; margin-bottom: -10px; background-size: 24px 24px; background-repeat: no-repeat; background-position: center center;} .page .content--weather .list-weather .text > .temperature { float: right; margin-left: 5px; width: 50px; text-align: center;} .page .content--weather .list-weather .text > .temperature .celsius { font-size: 10px;} .page .content--weather .list-weather .text > .temperature--min { opacity: 0.5;} .page .content--weather .list-weather .text-collapse .list-hours { overflow: hidden; overflow-x: auto;} .page .content--weather .list-weather .text-collapse .list-hours ul { width: 480px; margin: 0; border: 0; margin-left: -10px;} .page .content--weather .list-weather .text-collapse .list-hours ul li { float: left; width: 60px; padding: 0; text-align: center; border: 0;} .page .content--weather .list-weather .text-collapse .list-hours ul li .time { font-size: 12px;} .page .content--weather .list-weather .text-collapse .list-hours ul li .ico { height: 50px; background-size: 32px 32px; background-position: center center; background-repeat: no-repeat;} .page .content--weather .list-weather .text-collapse .list-hours ul li .temperature { font-size: 12px;} .page .content--weather .list-weather .text-collapse .list-hours ul li .temperature .celsius { font-size: 9px;} .page .content--weather .list-weather .text-collapse .list-hours ul:after { clear: both; content: ''; display: block;}.page .content--train .slick-next, .page .content--train .slick-prev { transition: 0.3s; position: absolute; top: 15px; width: 40px; height: 32px; top: 11px; height: 40px; background-color: transparent; border: 0; cursor: pointer; overflow: hidden; text-indent: -9999px; background-size: 50% 50%; background-image: url(../img/ui/select.svg); background-repeat: no-repeat; background-position: center;} html.no-transition-page .page .content--train .slick-next, html.no-transition-page .page .content--train .slick-prev { transition: none !important;} .page .content--train .slick-next.slick-disabled, .page .content--train .slick-prev.slick-disabled { opacity: 0.1;} .page .content--train .slick-prev { left: 5px; transform: rotate(90deg);} .page .content--train .slick-next { right: 5px; transform: rotate(-90deg);} .page .content--train .table-container { border: 20px solid black; border-top-width: 15px; background-color: black; margin-bottom: 10px;} .page .content--train .table-container h4 { color: #999; font-weight: bold; font-size: 21px; padding-left: 5px;} .page .content--train .table-container table { width: 100%;} .page .content--train .table-container table td, .page .content--train .table-container table th { padding: 5px;} .page .content--train .table-container table td:first-child, .page .content--train .table-container table th:first-child { padding-left: 5px;} .page .content--train .table-container table td:last-child, .page .content--train .table-container table th:last-child { padding-right: 5px; text-align: right;} .page .content--train .table-container table th { color: #999; font-weight: bold; font-size: 15px;} .page .content--train .table-container table td { font-weight: normal; vertical-align: top; font-size: 16px; font-family: 'Ticketing'; background-color: #222; color: orange; border: 6px solid black; border-left: 0; border-right: 0;} .page .content--train .table-container table td small { display: block; font-size: 13px;} .page .content--train .main { padding: 15px 10px; padding-top: 5px; border-bottom: 1px solid #ddd; max-width: 480px; margin: 0 auto;} .page .content--train .main .station { font-size: 32px; line-height: 100%; text-align: center; padding: 0 36px;} .page .content--train .main .status { font-size: 18px; text-align: center;} .page .content--train .main .today { text-align: center; font-size: 12px; margin-top: 5px;} .page .content--train .main .ico { width: 50%; padding: 0 0 50%; background-size: 75% 75%; background-repeat: no-repeat; background-position: center center; float: left; position: relative;} .page .content--train .main:after { content: ''; display: block; clear: both;} .page .content--train .list-weather .text > b { width: 120px; display: inline-block;} .page .content--train .list-weather .text > .ico { float: right; width: 32px; height: 32px; display: block; margin-left: 5px; margin-top: -5px; margin-bottom: -10px; background-size: 24px 24px; background-repeat: no-repeat; background-position: center center;} .page .content--train .list-weather .text > .temperature { float: right; margin-left: 5px; width: 50px; text-align: center;} .page .content--train .list-weather .text > .temperature .celsius { font-size: 10px;} .page .content--train .list-weather .text > .temperature--min { opacity: 0.5;} .page .content--train .list-weather .text-collapse .list-hours { overflow: hidden; overflow-x: auto;} .page .content--train .list-weather .text-collapse .list-hours ul { width: 480px; margin: 0; border: 0; margin-left: -10px;} .page .content--train .list-weather .text-collapse .list-hours ul li { float: left; width: 60px; padding: 0; text-align: center; border: 0;} .page .content--train .list-weather .text-collapse .list-hours ul li .time { font-size: 12px;} .page .content--train .list-weather .text-collapse .list-hours ul li .ico { height: 50px; background-size: 32px 32px; background-position: center center; background-repeat: no-repeat;} .page .content--train .list-weather .text-collapse .list-hours ul li .temperature { font-size: 12px;} .page .content--train .list-weather .text-collapse .list-hours ul li .temperature .celsius { font-size: 9px;} .page .content--train .list-weather .text-collapse .list-hours ul:after { clear: both; content: ''; display: block;}.graph-container table.toilet-usage__table th { padding-bottom: 10px;}.graph-container table.toilet-usage__table tr.toilet-usage td { border-bottom: 0; padding-top: 6px;}.graph-container--toilet-usage ul.legend { display: flex; justify-content: space-between; margin-bottom: 10px; border: 0; font-size: 12px;} .graph-container--toilet-usage ul.legend li { border: 0; text-align: center;} .graph-container--toilet-usage ul.legend li.actual:after { background-color: #002637; width: 48px; height: 14px; border-radius: 50px; margin: 0 auto; margin-top: 5px;} .graph-container--toilet-usage ul.legend li.expected:after { background-color: tomato; width: 4px; height: 18px; margin: 0 auto; margin-top: 2px; border-radius: 10px;} .graph-container--toilet-usage ul.legend li:after { display: block; content: '';} .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar { padding-bottom: 6px; color: white; font-size: 9px; line-height: 20px; position: relative;} .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar .line { width: 4px; border-radius: 2px; height: 24px; top: -2px; background-color: tomato; position: absolute; transition: 0.9s; transition-delay: 0.5s; z-index: 20;} .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar .line b { font-size: 8px; position: absolute; width: 28px; height: 14px; line-height: 14px; text-align: center; margin-left: -17px; background: tomato; border-radius: 10px; margin-top: -4px; transition: 0.9s;} .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar .bar-container { margin-top: -3px; background-color: #eee; border-radius: 50px; height: 20px; position: relative; overflow: hidden;} .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar .bar-container b { position: absolute; line-height: 20px; top: 0; left: 5px; text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.9); z-index: 30; transition: 0.9s;} .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar .bar-container .bar { background-color: #002637; height: 100%; border-radius: 500px; transition: 0.9s; padding-right: 5px;} .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar--disabled .line { left: 0 !important; width: 0;} .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar--disabled b { opacity: 0 !important;} .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar--disabled .bar-container .bar { width: 0 !important;}.disable-animation .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar .line { transition: 0s; transition-delay: 0s;} .disable-animation .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar .line b { transition: 0s;} .disable-animation .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar .bar-container b { transition: 0s;} .disable-animation .graph-container--toilet-usage table.toilet-usage__table tr.toilet-bar td.toilet-usage__bar .bar-container .bar { transition: 0s;}.page .content--airport .table-container { border: 5px solid black; background-color: black; margin-bottom: 10px;} .page .content--airport .table-container h4 { background-color: yellow; box-shadow: inset 0 0 30px orange; height: 60px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; padding: 10px;} .page .content--airport .table-container h4 span { width: 40px; height: 40px; background-color: black; border-radius: 1000px; display: block; background-size: 60%; background-repeat: no-repeat; background-position: center center; float: left;} .page .content--airport .table-container h4.departures { background-image: url(../img/airport/departures-text.svg); background-position: top 60% left 62px; background-size: auto 32px;} .page .content--airport .table-container h4.departures span { background-image: url(../img/airport/departures-icon.svg);} .page .content--airport .table-container h4.arrivals { background-image: url(../img/airport/arrivals-text.svg); background-position: top 50% left 62px; background-size: auto 27px;} .page .content--airport .table-container h4.arrivals span { background-image: url(../img/airport/arrivals-icon.svg);} .page .content--airport .table-container .scroll { max-height: 240px; overflow: scroll; overflow-x: hidden;} .page .content--airport .table-container table { width: 100%;} .page .content--airport .table-container table td, .page .content--airport .table-container table th { padding: 7px 5px; color: white; font-weight: normal;} .page .content--airport .table-container table td:first-child, .page .content--airport .table-container table th:first-child { padding-left: 5px;} .page .content--airport .table-container table td:last-child, .page .content--airport .table-container table th:last-child { padding-right: 5px; text-align: right;} .page .content--airport .table-container table th { background-color: #666; font-size: 15px; border-top: 5px solid black; border-bottom: 2px solid black;} .page .content--airport .table-container table td { border-bottom: 1px solid #333;} .page .content--airport .table-container table td:nth-child(2) { color: yellow; color: orange;} .page .content--airport .table-container table td small { display: block; font-size: 10px; opacity: 0.6;} .page .content--airport .table-container table tr:last-child td { border: 0;} .page .content--airport .main { padding: 15px 10px; padding-top: 5px; border-bottom: 1px solid #ddd; max-width: 480px; margin: 0 auto;} .page .content--airport .main .airport { font-size: 32px; line-height: 100%; text-align: center; padding: 0;} .page .content--airport .main .status { font-size: 18px; text-align: center;} .page .content--airport .main .today { text-align: center; font-size: 12px; margin-top: 5px;} .page .content--airport .main .ico { width: 50%; padding: 0 0 50%; background-size: 75% 75%; background-repeat: no-repeat; background-position: center center; float: left; position: relative;} .page .content--airport .main:after { content: ''; display: block; clear: both;} .page .content--airport .list-weather .text > b { width: 120px; display: inline-block;} .page .content--airport .list-weather .text > .ico { float: right; width: 32px; height: 32px; display: block; margin-left: 5px; margin-top: -5px; margin-bottom: -10px; background-size: 24px 24px; background-repeat: no-repeat; background-position: center center;} .page .content--airport .list-weather .text > .temperature { float: right; margin-left: 5px; width: 50px; text-align: center;} .page .content--airport .list-weather .text > .temperature .celsius { font-size: 10px;} .page .content--airport .list-weather .text > .temperature--min { opacity: 0.5;} .page .content--airport .list-weather .text-collapse .list-hours { overflow: hidden; overflow-x: auto;} .page .content--airport .list-weather .text-collapse .list-hours ul { width: 480px; margin: 0; border: 0; margin-left: -10px;} .page .content--airport .list-weather .text-collapse .list-hours ul li { float: left; width: 60px; padding: 0; text-align: center; border: 0;} .page .content--airport .list-weather .text-collapse .list-hours ul li .time { font-size: 12px;} .page .content--airport .list-weather .text-collapse .list-hours ul li .ico { height: 50px; background-size: 32px 32px; background-position: center center; background-repeat: no-repeat;} .page .content--airport .list-weather .text-collapse .list-hours ul li .temperature { font-size: 12px;} .page .content--airport .list-weather .text-collapse .list-hours ul li .temperature .celsius { font-size: 9px;} .page .content--airport .list-weather .text-collapse .list-hours ul:after { clear: both; content: ''; display: block;}.page .content--calendar { padding: 10px;} .page .content--calendar .fc th, .page .content--calendar .fc td { font-size: 12px;} .page .content--calendar .fc-content, .page .content--calendar .fc-content .fc-time, .page .content--calendar .fc-content .fc-title { font-weight: normal; font-size: 11px;} .page .content--calendar .fc th { padding: 5px 0;} .page .content--calendar .fc-button { font-size: 12px !important; height: 30px;} .page .content--calendar .fc-button .fc-icon { margin-top: -7px;} .page .content--calendar .fc-toolbar { display: block;} .page .content--calendar .fc-toolbar:after { content: ''; clear: both; display: block;} .page .content--calendar .fc-toolbar h2 { font-size: 32px; text-align: center; margin: 0 0 20px;} .page .content--calendar .fc-toolbar .fc-left, .page .content--calendar .fc-toolbar .fc-center, .page .content--calendar .fc-toolbar .fc-right { display: block;} .page .content--calendar .fc-toolbar .fc-center { float: left;} .page .content--calendar .fc-toolbar .fc-right { float: right;}.page .content--map .dynamic { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; background-color: #eee;} .page .content--map-select .dynamic { position: absolute; top: 75px; right: 0; bottom: 0; left: 0; max-width: 100%; background-color: #eee;} .page .content--map-select .dynamic .legend { position: absolute; right: 10px; bottom: 10px; width: 50px; height: 50px; z-index: 999999; background-color: white; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border-radius: 5px; transition: 0.5s; overflow: hidden; overflow-y: auto; padding: 5px; color: #666; font-size: 12px; max-height: 200px;} html.no-transition-page .page .content--map-select .dynamic .legend { transition: none !important;} .page .content--map-select .dynamic .legend:after { position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; background-image: url(../img/ui/select.svg); background-repeat: no-repeat; background-position: top 50% right 18px; background-size: 14px; transition: 0.3s; content: ''; transform: rotate(180deg);} html.no-transition-page .page .content--map-select .dynamic .legend:after { transition: none !important;} .page .content--map-select .dynamic .legend ul { opacity: 0; visibility: hidden; transition: 0.5s; transition-delay: 0;} html.no-transition-page .page .content--map-select .dynamic .legend ul { transition: none !important;} .page .content--map-select .dynamic .legend ul li { border-bottom: 1px solid #eee; padding: 3px 0;} .page .content--map-select .dynamic .legend ul li span { margin-right: 5px; width: 9px; height: 9px; display: inline-block; background-size: contain; background-position: center center; background-repeat: no-repeat;} .page .content--map-select .dynamic .legend--show { height: auto; max-width: calc(100% - 20px); min-width: calc(50% - 10px); width: auto;} .page .content--map-select .dynamic .legend--show:after { opacity: 0;} .page .content--map-select .dynamic .legend--show ul { opacity: 1; visibility: visible; transition-delay: 0.3s;} html.no-transition-page .page .content--map-select .dynamic .legend--show ul { transition: none !important;}#popup-map-tracker2 .info { position: fixed; bottom: 10px; left: 10px; right: 10px;} #popup-map-tracker2 .info .minimize { position: absolute; top: -14px; right: 0px; width: 32px; height: 32px; cursor: pointer; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); background: #222; border-radius: 100px; transition: 0.5s; z-index: 20; background-image: url(../img/ui/arrow-right--fff.svg); background-size: 120%; background-repeat: no-repeat; background-position: center center; transform: rotate(90deg);} #popup-map-tracker2 .info table, #popup-map-tracker2 .info ul { background: #333; border: 5px solid #333; border-top: 0; border-bottom: 0; color: white; border-radius: 10px; overflow: hidden; font-size: 9px; padding: 5px 10px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); transition: 0.5s; position: relative; width: 100%; border-collapse: collapse;} #popup-map-tracker2 .info table tr, #popup-map-tracker2 .info ul tr, #popup-map-tracker2 .info table li, #popup-map-tracker2 .info ul li { margin: 5px 0; background: #444; display: flex; border-radius: 3px;} #popup-map-tracker2 .info table tr th, #popup-map-tracker2 .info ul tr th, #popup-map-tracker2 .info table li th, #popup-map-tracker2 .info ul li th, #popup-map-tracker2 .info table tr td, #popup-map-tracker2 .info ul tr td, #popup-map-tracker2 .info table li td, #popup-map-tracker2 .info ul li td, #popup-map-tracker2 .info table tr div, #popup-map-tracker2 .info ul tr div, #popup-map-tracker2 .info table li div, #popup-map-tracker2 .info ul li div { flex: 1; padding: 3px; text-align: left; font-weight: normal;} #popup-map-tracker2 .info table tr th, #popup-map-tracker2 .info ul tr th, #popup-map-tracker2 .info table li th, #popup-map-tracker2 .info ul li th { font-size: 11px;} #popup-map-tracker2 .info.min table, #popup-map-tracker2 .info.min ul { height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; visibility: hidden;} #popup-map-tracker2 .info.min .minimize { top: -34px; transform: rotate(-90deg);}.page .content--locker .doorlock { margin-top: 60px; transform: translate(-50%, -50%) scale(1.3);} .page .content--locker .doorlock .load-circle { position: absolute; background-color: white; z-index: 10; width: 240px; height: 240px; top: -120px; left: -120px; display: block; opacity: 0; border-radius: 10000px; border: 20px solid rgba(255, 255, 255, 0.2); border-top-color: #002637; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; transition: 0.3s;} .page .content--locker .doorlock.load .load-circle { opacity: 1;} .page .content--locker .doorlock.on { transform: translate(-50%, -50%) scale(1.5);} .page .content--locker .doorlock .locker-value { display: block; text-align: center; font-size: 24px; margin-top: -10px;} .page .content--locker .doorlock .ico-lock:not(.go) .top-lock:after { border-color: red;} .page .content--locker .doorlock .ico-lock:not(.go) .bottom-lock { box-shadow: inset 3px 3px 15px red; background-color: red;} .page .content--locker .doorlock:not(.on) .bg { box-shadow: inset 3px 3px 25px red;} .page .content--locker .doorlock:not(.on) .up { box-shadow: 3px 3px 25px red;} .page .content--locker .container { min-height: 650px; display: flex; align-items: center; justify-content: center;} .page .content--locker .pin-box { text-align: center; padding: 20px; background-color: #444; color: white; border-radius: 10px; box-shadow: 15px 15px 0 rgba(0, 0, 0, 0.2); width: 320px; margin: 0 auto; overflow: hidden; position: relative;} .page .content--locker .pin-box:after { width: 250%; height: 50%; position: absolute; bottom: 20px; left: -90%; background-image: linear-gradient(#fff, transparent); content: ""; z-index: 0; opacity: 0.1; transform: rotate(52deg); pointer-events: none;} .page .content--locker .pin-box h3 { font-weight: bold; margin: 0 auto 20px;} .page .content--locker .pin-box .button { border-radius: 10px; position: relative; z-index: 10;} .page .content--locker .pin-box .pin-number { border-radius: 10px; background-color: #111; color: lightblue; font-family: 'SubwayTicker'; font-size: 72px; padding: 20px; margin: 0 auto 20px; display: flex; text-align: center; align-items: center; justify-content: center;} .page .content--locker .pin-box .pin-number span { width: 25%; text-align: center;} .page .content--locker .pin-box .keyboard { background-color: #111; color: white; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 auto; overflow: hidden; height: 0; transition: 0.3s; border-radius: 10px;} .page .content--locker .pin-box .keyboard--show { height: 280px; margin-bottom: 20px;} .page .content--locker .pin-box .keyboard b { flex: 1 1 30%; line-height: 70px; font-size: 32px; cursor: pointer; transition: 0.3s;} .page .content--locker .pin-box .keyboard b:hover { background-color: #002637;} .page .content--locker .pin-box--mini { padding: 10px; width: 160px; margin: 20px auto; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);} .page .content--locker .pin-box--mini h3 { margin: 0 auto 5px; font-size: 12px;} .page .content--locker .pin-box--mini .pin-number { font-size: 32px; width: 140px; padding: 10px; margin: 0;} .page .content--locker .lockers-container { display: flex; flex-wrap: wrap; padding: 40px 20px; align-items: center; justify-content: center; min-height: calc(100vh - 200px); max-width: 480px; margin: 0 auto;} .page .content--locker .lockers-container .box { width: 33.33%; background-color: #f5f5f5; border-color: #eee #ccc #ccc #eee; border-style: solid; border-width: 1px; padding-bottom: 40%; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; cursor: pointer; transition: 0.9s; box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 5px;} .page .content--locker .lockers-container .box.fade { opacity: 0;} .page .content--locker .lockers-container .box > div { position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .page .content--locker .lockers-container .box > div .status { position: absolute; bottom: 0; left: 0; right: 0; height: 10px; background-color: #ccc; background-color: #002637;} .page .content--locker .lockers-container .box > div .label { text-align: right; display: block; font-weight: 700; padding: 10px; color: #666; font-size: 24px; transition: 0.3s; z-index: 10; position: relative;} .page .content--locker .lockers-container .box:after { width: 200%; height: 50%; position: absolute; bottom: 20px; left: -50%; background-image: linear-gradient(#eee, transparent); content: ""; z-index: 0; transform: rotate(52deg); transition: 0.3s;} .page .content--locker .lockers-container .box:focus, .page .content--locker .lockers-container .box:hover { background-color: #002637; border-color: #002637;} .page .content--locker .lockers-container .box:focus .label, .page .content--locker .lockers-container .box:hover .label { color: white;} .page .content--locker .lockers-container .box:focus:after, .page .content--locker .lockers-container .box:hover:after { opacity: 0.1;} .page .content--locker .lockers-container--style2 { padding-top: 0; margin-top: 10px; min-height: calc(100vh - 420px);} .page .content--locker .lockers-container--style2 .box { width: 25%;} .page .content--locker .lockers-container--style2 .box > div .label { text-align: center; background: #ddd; padding: 5px; margin: 10px; font-size: 12px; border-radius: 10px; box-shadow: inset 3px 3px 0 rgba(0, 0, 0, .05); transition: 0.9s;} .page .content--locker .lockers-container--style2 .box:after { bottom: 40px;} .page .content--locker .lockers-container--style2 .box:focus, .page .content--locker .lockers-container--style2 .box:hover { background-color: #002637; border-color: #002637;} .page .content--locker .lockers-container--style2 .box:focus .label, .page .content--locker .lockers-container--style2 .box:hover .label { color: white; background-color: #002637;}html.overlay-energy .loading-bar, html.overlay-energy #overlay { display: block; opacity: 1;}html.overlay-lighting .loading-bar, html.overlay-lighting #overlay { display: block; opacity: 1;}.page .content--new-lighting .sliderColourModeDom { width: 280px; height: 38px; border: 5px solid white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 100px; background-color: #eee; margin: 0 auto 20px; position: relative;} .page .content--new-lighting .sliderColourModeDom span { border: 7px solid white; width: 42px; height: 42px; margin: -7px 0 0 0; position: absolute; border-radius: 100px; transition: 0.3s; left: 0; top: 0; left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .page .content--new-lighting .sliderColourModeDom span.dragging { transition: 0s;} .page .content--new-lighting .sliderColourModeDom span:after { content: ''; border: 8px solid transparent; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); display: block; width: 100%; height: 100%; border-radius: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .page .content--new-lighting .sliderColourModeDom ul { display: flex; height: 28px; cursor: pointer; overflow: hidden; border-radius: 100px; line-height: 28px; font-size: 10px; font-weight: bold; color: #fff;} .page .content--new-lighting .sliderColourModeDom ul li { flex: 1; text-align: center;} .page .content--new-lighting .dom-trigger-area { position: relative; transition: 0.3s;} .page .content--new-lighting .dom-trigger-area:after { position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; z-index: 10000; content: ''; display: none;} .page .content--new-lighting .dom-trigger-area.disable { opacity: 0.3;} .page .content--new-lighting .dom-trigger-area.disable:after { display: block;} html.overlay-lighting .page .content--new-lighting ul.list .checkbox .checkbox__input + label span:after, html.overlay .page .content--new-lighting ul.list .checkbox .checkbox__input + label span:after { opacity: 1;} .page .content--new-lighting ul.list.list-nav { margin-bottom: 20px;} .page .content--new-lighting ul.list.list-nav li { padding: 10px 10px 14px;} .page .content--new-lighting ul.list.list-nav li h4 { font-weight: bold;} .page .content--new-lighting .selects-container { margin-bottom: 20px;} .page .content--new-lighting .selects-container select { padding-left: 10px;} .page .content--new-lighting .parameter--findmebutton { margin: 0 auto 20px;} .page .content--new-lighting .parameter--findmebutton .button { max-width: 240px; height: 60px; line-height: 60px; margin: 0 auto; position: relative; border-radius: 100px; padding-left: 30px; text-align: center; background: #f5f5f5; color: #999; border: 1px solid #ddd; font-weight: bold; font-size: 14px; cursor: pointer; transition: all 0.3s;} .page .content--new-lighting .parameter--findmebutton .button span { position: absolute; top: 10px; left: 10px; width: 38px; height: 38px; display: block; z-index: 1; border-radius: 100px; transition: all 0.3s; border: 1px solid #ddd;} .page .content--new-lighting .parameter--findmebutton .button span:after { width: 20px; height: 20px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); background-image: url(../img/ico/alert/search--999.svg); background-repeat: no-repeat; background-position: center; background-position: center; content: ''; transition: all 0.3s;} .page .content--new-lighting .parameter--findmebutton .button.active { background-color: #80e180; border-color: #80e180; box-shadow: 0 0 20px rgba(128, 225, 128, 0.9); color: white;} .page .content--new-lighting .parameter--findmebutton .button.active span { background-color: rgba(0, 0, 0, 0.1); border-color: #80e180;} .page .content--new-lighting .parameter--findmebutton .button.active span:after { background-image: url(../img/ico/alert/search--fff.svg);} .page .content--new-lighting .slider-container-new { position: relative; height: 300px; width: 300px; margin: 0 auto 20px;} .page .content--new-lighting .slider-container-new .rs-control .rs-overlay { display: none;} .page .content--new-lighting .slider-container-new .rs-range-color, .page .content--new-lighting .slider-container-new .rs-path-color { background-color: transparent;} .page .content--new-lighting .slider-container-new .rs-border { border-color: transparent;} .page .content--new-lighting .slider-container-new .rs-handle { position: relative; margin: -40px 0 0 -10px !important; height: 80px !important; width: 80px !important; background-color: transparent;} .page .content--new-lighting .slider-container-new .rs-handle:after { background-image: url(../img/environmental-controls/slider-pie-brightness-control.png); position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-position: center center; background-repeat: no-repeat; content: '';} .page .content--new-lighting .slider-container-new .bg { background-image: url(../img/environmental-controls/slider-pie-brightness-bg.png); opacity: 0.7; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; content: ''; transition: opacity 0.3s;} .page .content--new-lighting .slider-container-new .min-user, .page .content--new-lighting .slider-container-new .max-user { position: absolute; width: 90px; height: 30px; line-height: 30px; background-size: contain; background-position: center center; background-repeat: no-repeat; bottom: 0; font-size: 11px; text-transform: uppercase;} .page .content--new-lighting .slider-container-new .min-user b, .page .content--new-lighting .slider-container-new .max-user b { font-size: 14px; font-weight: normal;} .page .content--new-lighting .slider-container-new .min-user { left: 50px; text-align: left;} .page .content--new-lighting .slider-container-new .max-user { right: 50px; text-align: right;} .page .content--new-lighting .slider-container-new .slider-loading { border-radius: 50%; width: 180px; height: 180px; border: 10px solid rgba(255, 255, 255, 0.2); border-top-color: #002637; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; position: absolute; z-index: 1000; margin: 60px 0 0 60px; transition: 0.5s; opacity: 0;} html.overlay-lighting .page .content--new-lighting .slider-container-new .slider-loading, html.overlay .page .content--new-lighting .slider-container-new .slider-loading, .page .content--new-lighting .slider-container-new .slider-loading.active { opacity: 1;} .page .content--new-lighting .slider-container-new .up-container { width: 190px; height: 190px; border-radius: 10000px; background: white; box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; font-size: 14px; text-align: center; transition: 0.5s;} .page .content--new-lighting .slider-container-new .up-container__center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; line-height: 36px; z-index: 1000;} .page .content--new-lighting .slider-container-new .up-container__center.light-text { color: white;} .page .content--new-lighting .slider-container-new .up-container__center .value { display: block;} .page .content--new-lighting .slider-container-new .up-container__center .value b { font-size: 48px; display: inline-block; font-weight: normal;} .page .content--new-lighting .slider-container-new .up-container__center .value small { font-size: 24px; font-weight: bold; display: inline-block;} .page .content--new-lighting .slider-container-new .up-container__round { width: 190px; height: 190px; border-radius: 10000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .page .content--new-lighting .slider-container-new .up-container__round--white { background-color: white;} .page .content--new-lighting .slider-container-new .up-container__round--black { background-color: black;} .page .content--new-lighting .slider-container-new--rgb { margin-top: 40px;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-value { text-align: left; transform: translate(-50%, -50%); left: 50%; position: absolute; font-size: 12px; color: #666; margin-top: -10px; background-color: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); z-index: 1000; padding: 5px 10px; border-radius: 5px; min-width: 200px; display: flex; align-items: center; justify-content: flex-start;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-value span span { font-size: 9px;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-value .color { display: inline-block; background-color: #999; border-radius: 3px; width: 25px; height: 25px; margin-right: 10px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-value small { display: block; font-size: 9px; font-weight: bold;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container { width: 100%; height: 340px; background-color: white; z-index: 100; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 0; transition: 0.3s;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .IroColorPicker:after { content: ''; width: 250px; height: 38px; border-radius: 1000px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); z-index: -1;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .IroColorPicker .IroSlider { margin-top: 40px !important;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .IroColorPicker .IroHandle circle { stroke: white;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .IroColorPicker .IroHandle circle:last-child { stroke: #f5f5f5;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .IroColorPicker .IroWheel .IroHandle circle { transform: scale(1.5);} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .IroColorPicker .IroWheel .IroHandle circle:last-child { transform: scale(1.6);} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .box { position: absolute; top: 50%; left: 50%; height: 100%; transition: 0.3s; padding-top: 40px; transform: translate(-50%, -50%);} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .box .colorPickerProp1Lighting, .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .box .colorPickerProp2Lighting, .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .box .colorPickerProp3Lighting, .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .box .colorPickerProp4Lighting, .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .box .colorPickerNewLighting { position: relative; z-index: 100;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .box:before, .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .box:after { width: 240px; height: 240px; content: ''; transform: translate(-50%, -50%); box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3); border-radius: 1000px; top: 50%; left: 50%; position: absolute; margin-top: -10px;} .page .content--new-lighting .slider-container-new--rgb .colorPicker-rgb-container .box:before { width: 280px; height: 280px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);}.colorFadeWNewLighting { display: none;}.colorFadeProp2Lighting, .colorFadeWNewLighting { width: 240px; height: 28px; background-image: linear-gradient(to right, #666, transparent); border-radius: 100px; position: relative; margin-top: 20px;} .colorFadeProp2Lighting div, .colorFadeWNewLighting div { position: absolute; top: 0; right: 18px; bottom: 0; left: -8px;} .colorFadeProp2Lighting span, .colorFadeWNewLighting span { position: absolute; border: 8px solid white; border-radius: 1000px; z-index: 1000; cursor: pointer; left: 0; top: -8px; width: 44px; height: 44px; line-height: 28px; font-size: 10px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); text-align: center; overflow: hidden;} .colorFadeProp2Lighting:after, .colorFadeWNewLighting:after { content: ''; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); top: -5px; left: -5px; bottom: -5px; right: -5px; border: 5px solid white; position: absolute; z-index: -10; border-radius: 100px; background-image: url(../img/ui/q.png);}html.overlay-lighting-scene .loading-bar, html.overlay-lighting-scene #overlay { display: block; opacity: 1;}.page .content--new-lighting-scene .sliderColourModeDom { width: 280px; height: 38px; border: 5px solid white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 100px; background-color: #eee; margin: 0 auto 20px; position: relative;} .page .content--new-lighting-scene .sliderColourModeDom span { border: 7px solid white; width: 42px; height: 42px; margin: -7px 0 0 0; position: absolute; border-radius: 100px; transition: 0.3s; left: 0; top: 0; left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .page .content--new-lighting-scene .sliderColourModeDom span.dragging { transition: 0s;} .page .content--new-lighting-scene .sliderColourModeDom span:after { content: ''; border: 8px solid transparent; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); display: block; width: 100%; height: 100%; border-radius: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .page .content--new-lighting-scene .sliderColourModeDom ul { display: flex; height: 28px; cursor: pointer; overflow: hidden; border-radius: 100px; line-height: 28px; font-size: 10px; font-weight: bold; color: #fff;} .page .content--new-lighting-scene .sliderColourModeDom ul li { flex: 1; text-align: center;} .page .content--new-lighting-scene .dom-trigger-area { position: relative; transition: 0.3s;} .page .content--new-lighting-scene .dom-trigger-area:after { position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; z-index: 10000; content: ''; display: none;} .page .content--new-lighting-scene .dom-trigger-area.disable { opacity: 0.3;} .page .content--new-lighting-scene .dom-trigger-area.disable:after { display: block;} html.overlay-lighting-scene .page .content--new-lighting-scene ul.list .checkbox .checkbox__input + label span:after, html.overlay .page .content--new-lighting-scene ul.list .checkbox .checkbox__input + label span:after { opacity: 1;} .page .content--new-lighting-scene ul.list.list-nav { margin-bottom: 20px;} .page .content--new-lighting-scene ul.list.list-nav li { padding: 10px 10px 14px;} .page .content--new-lighting-scene ul.list.list-nav li h4 { font-weight: bold;} .page .content--new-lighting-scene .selects-container { margin-bottom: 20px;} .page .content--new-lighting-scene .selects-container select { padding-left: 10px;} .page .content--new-lighting-scene .slider-container-new { position: relative; height: 300px; width: 300px; margin: 0 auto 20px;} .page .content--new-lighting-scene .slider-container-new .rs-control .rs-overlay { display: none;} .page .content--new-lighting-scene .slider-container-new .rs-range-color, .page .content--new-lighting-scene .slider-container-new .rs-path-color { background-color: transparent;} .page .content--new-lighting-scene .slider-container-new .rs-border { border-color: transparent;} .page .content--new-lighting-scene .slider-container-new .rs-handle { position: relative; margin: -40px 0 0 -10px !important; height: 80px !important; width: 80px !important; background-color: transparent;} .page .content--new-lighting-scene .slider-container-new .rs-handle:after { background-image: url(../img/environmental-controls/slider-pie-brightness-control.png); position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-position: center center; background-repeat: no-repeat; content: '';} .page .content--new-lighting-scene .slider-container-new .bg { background-image: url(../img/environmental-controls/slider-pie-brightness-bg.png); opacity: 0.7; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; content: ''; transition: opacity 0.3s;} .page .content--new-lighting-scene .slider-container-new .slider-loading { border-radius: 50%; width: 180px; height: 180px; border: 10px solid rgba(255, 255, 255, 0.2); border-top-color: #002637; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; position: absolute; z-index: 1000; margin: 60px 0 0 60px; transition: 0.5s; opacity: 0;} html.overlay-lighting .page .content--new-lighting-scene .slider-container-new .slider-loading, html.overlay .page .content--new-lighting-scene .slider-container-new .slider-loading, .page .content--new-lighting-scene .slider-container-new .slider-loading.active { opacity: 1;} .page .content--new-lighting-scene .slider-container-new .up-container { width: 190px; height: 190px; border-radius: 10000px; background: white; box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; font-size: 14px; text-align: center; transition: 0.5s;} .page .content--new-lighting-scene .slider-container-new .up-container__center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; line-height: 36px; z-index: 1000;} .page .content--new-lighting-scene .slider-container-new .up-container__center.light-text { color: white;} .page .content--new-lighting-scene .slider-container-new .up-container__center .unexpected { display: block; font-size: 12px;} .page .content--new-lighting-scene .slider-container-new .up-container__center .value { display: block;} .page .content--new-lighting-scene .slider-container-new .up-container__center .value b { font-size: 48px; display: inline-block; font-weight: normal;} .page .content--new-lighting-scene .slider-container-new .up-container__center .value small { font-size: 24px; font-weight: bold; display: inline-block;} .page .content--new-lighting-scene .slider-container-new .up-container__round { width: 190px; height: 190px; border-radius: 10000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .page .content--new-lighting-scene .slider-container-new .up-container__round--white { background-color: white;} .page .content--new-lighting-scene .slider-container-new .up-container__round--black { background-color: black;}html.overlay-temperature .loading-bar, html.overlay-temperature #overlay { display: block; opacity: 1;}.page .content--new-temperature .dom-trigger-area { position: relative; transition: 0.3s;} .page .content--new-temperature .dom-trigger-area label { margin: 0 auto; max-width: 640px; width: 100%; display: block; font-weight: bold; font-size: 10px; padding: 0 10px; text-transform: uppercase;} .page .content--new-temperature .dom-trigger-area:after { position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; z-index: 10000; content: ''; display: none;} .page .content--new-temperature .dom-trigger-area.disable { opacity: 0.3;} .page .content--new-temperature .dom-trigger-area.disable:after { display: block;} html.overlay-temperature .page .content--new-temperature ul.list .checkbox .checkbox__input + label span:after, html.overlay .page .content--new-temperature ul.list .checkbox .checkbox__input + label span:after { opacity: 1;} .page .content--new-temperature ul.list.list-nav { margin-bottom: 20px;} .page .content--new-temperature ul.list.list-nav li { padding: 10px 10px 14px;} .page .content--new-temperature ul.list.list-nav li h4 { font-weight: bold;} .page .content--new-temperature .selects-operation-mode, .page .content--new-temperature .selects-container { margin-bottom: 20px;} .page .content--new-temperature .selects-operation-mode select, .page .content--new-temperature .selects-container select { padding-left: 10px;} .page .content--new-temperature .parameter { text-align: center; display: block; margin-bottom: 10px;} .page .content--new-temperature .parameter--humidity, .page .content--new-temperature .parameter--outside, .page .content--new-temperature .parameter--fanspeed, .page .content--new-temperature .parameter--fanspeed-alternative2 { flex: 1; margin-bottom: 0;} .page .content--new-temperature .parameter--flex { display: flex;} .page .content--new-temperature .parameter--findmebutton { margin: 0 auto 20px;} .page .content--new-temperature .parameter--findmebutton .button { max-width: 240px; height: 60px; line-height: 60px; margin: 0 auto; position: relative; border-radius: 100px; padding-left: 30px; text-align: center; background: #f5f5f5; color: #999; border: 1px solid #ddd; font-weight: bold; font-size: 14px; cursor: pointer; transition: all 0.3s;} .page .content--new-temperature .parameter--findmebutton .button span { position: absolute; top: 10px; left: 10px; width: 38px; height: 38px; display: block; z-index: 1; border-radius: 100px; transition: all 0.3s; border: 1px solid #ddd;} .page .content--new-temperature .parameter--findmebutton .button span:after { width: 20px; height: 20px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); background-image: url(../img/ico/alert/search--999.svg); background-repeat: no-repeat; background-position: center; background-position: center; content: ''; transition: all 0.3s;} .page .content--new-temperature .parameter--findmebutton .button.active { background-color: #80e180; border-color: #80e180; box-shadow: 0 0 20px rgba(128, 225, 128, 0.9); color: white;} .page .content--new-temperature .parameter--findmebutton .button.active span { background-color: rgba(0, 0, 0, 0.1); border-color: #80e180;} .page .content--new-temperature .parameter--findmebutton .button.active span:after { background-image: url(../img/ico/alert/search--fff.svg);} .page .content--new-temperature .parameter .title { color: #002637; font-weight: bold; font-size: 18px;} .page .content--new-temperature .parameter .value { display: block;} .page .content--new-temperature .parameter .value b { font-size: 36px; display: inline-block; font-weight: normal;} .page .content--new-temperature .parameter .value small { font-size: 20px; display: inline-block;} .page .content--new-temperature .slider-container-new { position: relative; height: 300px; width: 300px; margin: 0 auto 20px; transition: 0.3s;} .page .content--new-temperature .slider-container-new.off { opacity: 0.3;} .page .content--new-temperature .slider-container-new .rs-control .rs-overlay { display: none;} .page .content--new-temperature .slider-container-new .rs-range-color, .page .content--new-temperature .slider-container-new .rs-path-color { background-color: transparent;} .page .content--new-temperature .slider-container-new .rs-border { border-color: transparent;} .page .content--new-temperature .slider-container-new .rs-handle { margin: -20px 0 0 -14px !important; position: relative; border-radius: 1000px; height: 40px !important; width: 40px !important; background: white; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);} .page .content--new-temperature .slider-container-new .rs-handle:after { background: linear-gradient(#fff, #ddd); border-radius: 1000px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '';} .page .content--new-temperature .slider-container-new .bg { background-image: url(../img/environmental-controls/slider-pie-temperature-bg.png); opacity: 0.7; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; content: ''; transition: opacity 0.3s;} .page .content--new-temperature .slider-container-new .min-user, .page .content--new-temperature .slider-container-new .max-user { position: absolute; width: 130px; height: 30px; line-height: 30px; background-size: contain; background-position: center center; background-repeat: no-repeat; bottom: 20px; font-size: 11px; text-transform: uppercase;} .page .content--new-temperature .slider-container-new .min-user b, .page .content--new-temperature .slider-container-new .max-user b { font-size: 14px; font-weight: normal;} .page .content--new-temperature .slider-container-new .min-user { left: 20px; text-align: left;} .page .content--new-temperature .slider-container-new .min-user:before { content: ''; background-image: url(../img/environmental-controls/slider-pie-temperature-cold.svg); width: 30px; height: 30px; background-size: contain; background-position: center center; background-repeat: no-repeat; display: inline-block; margin: 0 5px -10px 0;} .page .content--new-temperature .slider-container-new .max-user { right: 20px; text-align: right;} .page .content--new-temperature .slider-container-new .max-user:after { content: ''; background-image: url(../img/environmental-controls/slider-pie-temperature-hot.svg); width: 30px; height: 30px; background-size: contain; background-position: center center; background-repeat: no-repeat; display: inline-block; margin: 0 0 -10px 5px;} .page .content--new-temperature .slider-container-new .slider-loading { border-radius: 50%; width: 180px; height: 180px; border: 10px solid rgba(255, 255, 255, 0.2); border-top-color: #002637; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; position: absolute; z-index: 1000; margin: 60px 0 0 60px; transition: 0.5s; opacity: 0;} html.overlay-temperature .page .content--new-temperature .slider-container-new .slider-loading, html.overlay .page .content--new-temperature .slider-container-new .slider-loading, .page .content--new-temperature .slider-container-new .slider-loading.active { opacity: 1;} .page .content--new-temperature .slider-container-new .up-container { width: 190px; height: 190px; border-radius: 10000px; background: white; box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; font-size: 14px; text-align: center; transition: 0.5s;} .page .content--new-temperature .slider-container-new .up-container__center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; line-height: 36px; z-index: 1000;} .page .content--new-temperature .slider-container-new .up-container__center .value { display: block;} .page .content--new-temperature .slider-container-new .up-container__center .value b { font-size: 48px; display: inline-block; font-weight: normal;} .page .content--new-temperature .slider-container-new .up-container__center .value small { font-size: 24px; font-weight: bold; display: inline-block;} .page .content--new-temperature .slider-container-new .up-container__round { width: 190px; height: 190px; border-radius: 10000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .page .content--new-temperature .slider-container-new .up-container__round--white { background-color: white;} .page .content--new-temperature .slider-container-new .up-container__round--black { background-color: black;} .page .content--new-temperature .slider-container-new--fanspeed-alternative2 { width: 80px; height: 80px; margin-top: -10px; margin-bottom: 0; position: relative; overflow: hidden; cursor: pointer;} .page .content--new-temperature .slider-container-new--fanspeed-alternative2 .steps { width: 400px; height: 80px; background-image: url(../img/environmental-controls/fan-v2.png); background-size: 400px; background-position: center center; position: absolute; top: 0; left: 0;} .page .content--new-temperature .slider-container-new--fanspeed { width: 50px; height: 50px; margin-top: 10px;} .page .content--new-temperature .slider-container-new--fanspeed .rs-tooltip { display: none;} .page .content--new-temperature .slider-container-new--fanspeed .rs-handle { position: relative; background: transparent; transition: 0.3s; height: 40px; width: 40px; margin: 0; box-shadow: none; z-index: 10000;} .page .content--new-temperature .slider-container-new--fanspeed .rs-handle:after { content: ''; transition: 0.3s; background: linear-gradient(#eee, #ccc); border-radius: 1000px; border-radius: 1000px; height: 16px; width: 16px; box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -22px;} .page .content--new-temperature .slider-container-new--fanspeed .bg { background-image: url(../img/environmental-controls/slider-pie-speedfan-bg.png); top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 0.3; transition: 0.3s;} .page .content--new-temperature .slider-container-new--fanspeed .up-container { width: 40px; height: 40px; border-radius: 10000px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; font-size: 14px; text-align: center; transition: 0.5s; background: white; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; overflow: hidden; cursor: pointer; z-index: 1000; line-height: 30px;} .page .content--new-temperature .slider-container-new--fanspeed .up-container__center .value b { font-size: 14px; display: block; font-weight: bold; margin-top: -10px;} .page .content--new-temperature .slider-container-new--fanspeed .up-container:before, .page .content--new-temperature .slider-container-new--fanspeed .up-container:after { content: ''; bottom: 4px; left: 50%; width: 12px; height: 12px; margin-left: -6px; background-image: url(../img/environmental-controls/slider-pie-speedfan-gray.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; transition: 0.3s; opacity: 1;} .page .content--new-temperature .slider-container-new--fanspeed .up-container:before { background-image: url(../img/environmental-controls/slider-pie-speedfan-white.svg); opacity: 0;} .page .content--new-temperature .slider-container-new--fanspeed .slider-loading { width: 44px; height: 44px; margin: 3px 0 0 3px; border: 2px solid rgba(255, 255, 255, 0.2); border-top-color: #666;}html.overlay-ventilation .loading-bar, html.overlay-ventilation #overlay { display: block; opacity: 1;}.page .content--new-ventilation .dom-trigger-area { position: relative; transition: 0.3s;} .page .content--new-ventilation .dom-trigger-area:after { position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; z-index: 10000; content: ''; display: none;} .page .content--new-ventilation .dom-trigger-area.disable { opacity: 0.3;} .page .content--new-ventilation .dom-trigger-area.disable:after { display: block;} html.overlay-temperature .page .content--new-ventilation ul.list .checkbox .checkbox__input + label span:after, html.overlay .page .content--new-ventilation ul.list .checkbox .checkbox__input + label span:after { opacity: 1;} .page .content--new-ventilation ul.list.list-nav { margin-bottom: 20px;} .page .content--new-ventilation ul.list.list-nav li { padding: 10px 10px 14px;} .page .content--new-ventilation ul.list.list-nav li h4 { font-weight: bold;} .page .content--new-ventilation .selects-container { margin-bottom: 20px;} .page .content--new-ventilation .selects-container select { padding-left: 10px;} .page .content--new-ventilation .slider-container-new { position: relative; height: 300px; width: 300px; margin: 0 auto 20px; transition: 0.3s;} .page .content--new-ventilation .slider-container-new--ventilation { width: 320px; height: 320px; margin-top: 0px; margin-bottom: 20px; position: relative; overflow: hidden; cursor: pointer;} .page .content--new-ventilation .slider-container-new--ventilation .steps { width: 1600px; height: 320px; background-image: url(../img/environmental-controls/fan-v1.png); background-size: 1600px; background-position: center center; position: absolute; top: 0; left: 0;}html.overlay-ventilation-summary .loading-bar, html.overlay-ventilation-summary #overlay { display: block; opacity: 1;}.page .content--new-ventilation-summary .container { max-width: 640px; display: block; margin: 0px auto; width: 100%; padding: 10px; border-bottom: 5px solid #eee;} .page .content--new-ventilation-summary .container .section { display: flex;} .page .content--new-ventilation-summary .container .section .col { flex: 1; display: flex; justify-content: center; align-items: center;} .page .content--new-ventilation-summary .container .section .col--left { align-items: flex-start;} .page .content--new-ventilation-summary .container .section .col h3 { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; font-weight: bold;} .page .content--new-ventilation-summary .container .section .col h3 .ico { width: 24px; height: 24px; display: inline-block; margin-right: 3px; margin-bottom: -6px; background-size: contain; background-position: center center; background-repeat: no-repeat;} .page .content--new-ventilation-summary .container .section .col h5 { margin-top: 10px; font-size: 10px; text-transform: uppercase; font-weight: bold;} .page .content--new-ventilation-summary .container .section .col .bar div { width: 50%; min-width: 100px; background-color: #eee; height: 6px; position: relative;} .page .content--new-ventilation-summary .container .section .col .bar span { position: absolute; top: 0; left: 0; bottom: 0; width: 0; background-color: #002637; transition-timing-function: cubic-bezier(1, -0.53, 0.405, 1.425); transition-duration: 1s;} .page .content--new-ventilation-summary .container .section .col .valuesMin, .page .content--new-ventilation-summary .container .section .col .valuesMax, .page .content--new-ventilation-summary .container .section .col .values3, .page .content--new-ventilation-summary .container .section .col .values2, .page .content--new-ventilation-summary .container .section .col .values { text-align: center;} .page .content--new-ventilation-summary .container--co2 h3 .ico { background-image: url(../img/iaq/cloud.svg);} .page .content--new-ventilation-summary .container--co2 .value { font-size: 36px;} .page .content--new-ventilation-summary .container--vav .animation { width: 80px; height: 80px; border-radius: 100px; border: 4px solid #eee; position: relative; margin: 20px 0;} .page .content--new-ventilation-summary .container--vav .animation:after, .page .content--new-ventilation-summary .container--vav .animation:before { width: 100%; height: 3px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); content: ''; background: #ccc; background-image: linear-gradient(#eee, #ccc); z-index: 10;} .page .content--new-ventilation-summary .container--vav .animation:after { transform: translate(-50%, -50%) rotate(-45deg);} .page .content--new-ventilation-summary .container--vav .animation div { width: 64px; height: 64px; position: absolute; border-radius: 100px; top: 50%; left: 50%; background-image: linear-gradient(#eee, #ccc); transform: translate(-50%, -50%) rotateZ(0deg) rotateX(0deg); transition: 0.7s;} .page .content--new-ventilation-summary .container--vav .section .col { flex-direction: column;} .page .content--new-ventilation-summary .container--vav .section .col .valuesMin, .page .content--new-ventilation-summary .container--vav .section .col .valuesMax, .page .content--new-ventilation-summary .container--vav .section .col .values3, .page .content--new-ventilation-summary .container--vav .section .col .values2, .page .content--new-ventilation-summary .container--vav .section .col .values { display: flex; align-items: baseline;} .page .content--new-ventilation-summary .container--vav .section .col .valuesMin .value, .page .content--new-ventilation-summary .container--vav .section .col .valuesMax .value, .page .content--new-ventilation-summary .container--vav .section .col .values3 .value, .page .content--new-ventilation-summary .container--vav .section .col .values2 .value, .page .content--new-ventilation-summary .container--vav .section .col .values .value { font-size: 36px;} .page .content--new-ventilation-summary .container--vav .section .col .valuesMin .label, .page .content--new-ventilation-summary .container--vav .section .col .valuesMax .label, .page .content--new-ventilation-summary .container--vav .section .col .values3 .label, .page .content--new-ventilation-summary .container--vav .section .col .values2 .label, .page .content--new-ventilation-summary .container--vav .section .col .values .label { font-size: 16px; margin-left: 5px;} .page .content--new-ventilation-summary .container--vav .section .col .valuesMin, .page .content--new-ventilation-summary .container--vav .section .col .valuesMax, .page .content--new-ventilation-summary .container--vav .section .col .values3, .page .content--new-ventilation-summary .container--vav .section .col .values2 { padding-top: 0;} .page .content--new-ventilation-summary .container--vav .section .col .valuesMin .value, .page .content--new-ventilation-summary .container--vav .section .col .valuesMax .value, .page .content--new-ventilation-summary .container--vav .section .col .values3 .value, .page .content--new-ventilation-summary .container--vav .section .col .values2 .value { font-size: 16px; margin-left: 5px;} .page .content--new-ventilation-summary .container--vav .section .col .valuesMin { padding-bottom: 0;} .page .content--new-ventilation-summary .container--vav .section .col .valuesMax { padding-bottom: 0;} .page .content--new-ventilation-summary .container--vav .section .col .values2 { padding-bottom: 0;} .page .content--new-ventilation-summary .container--vav .section .col .values { padding-bottom: 0;} .page .content--new-ventilation-summary .container--fanspeed .section { display: block;} .page .content--new-ventilation-summary .container--fanspeed .slider-container-new { position: relative; height: 160px; width: 160px; margin: 0 auto 20px; transition: 0.3s;} .page .content--new-ventilation-summary .container--fanspeed .slider-container-new--ventilation { width: 160px; height: 160px; margin-top: 0px; margin-bottom: 20px; position: relative; overflow: hidden; cursor: pointer;} .page .content--new-ventilation-summary .container--fanspeed .slider-container-new--ventilation .steps { width: 800px; height: 160px; background-image: url(../img/environmental-controls/fan-v1.png); background-size: 800px; background-position: center center; position: absolute; top: 0; left: 0;}.page .content--referral h3 { border-top: 1px solid #ddd; padding-top: 20px; margin-bottom: 20px;} .page .content--referral .infoFriend { padding: 30px 10px;} .page .content--referral .infoFriend h3 { border: 0;} .page .content--referral .infoFriend .input-container { position: relative;} .page .content--referral .infoFriend .input-container .input { padding-right: 40px;} .page .content--referral .infoFriend .input-container .button { width: 30px; height: 30px; position: absolute; right: 0; top: 8px; border-radius: 100px; background-size: 50%; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico/nav/qrscan--fff.svg);} .page .content--referral .infoTable { padding: 30px 10px;} .page .content--referral .infoTable .input-referral-url-to-copy { background-color: #f5f5f5; padding: 0 7px; padding-right: 36px; font-size: 12px; border: 0; background-image: url(../img/ico/nav/copy.svg); background-size: auto 20px; background-position: top 50% right 8px; background-repeat: no-repeat;} .page .content--referral .infoTable table { width: 100%; font-size: 14px; margin-top: 5px; border-collapse: collapse; border: 1px solid #eee;} .page .content--referral .infoTable table .points { font-size: 24px; font-weight: bold;} .page .content--referral .infoTable table .points small { font-size: 14px; color: #666;} .page .content--referral .infoTable table td, .page .content--referral .infoTable table th { padding: 10px; text-align: left; border-bottom: 1px solid #eee;} .page .content--referral .infoTable table th { font-weight: bold;} .page .content--referral .infoTable table tr:nth-child(odd) th, .page .content--referral .infoTable table tr:nth-child(odd) td { background-color: #f5f5f5;} .page .content--referral .infoTable table tr th:last-child, .page .content--referral .infoTable table tr td:last-child { text-align: right;} .page .content--referral .infoCode { text-align: center; padding: 30px 10px;} .page .content--referral .infoCode .qrCode { width: 240px; margin: 0 auto 20px;} .page .content--referral .infoCode h4 { font-size: 32px; font-weight: bold; margin-bottom: 0; letter-spacing: 2px;} .page .content--referral .infoCode .share ul { margin: 0;} .page .content--referral .infoCode .share ul li { display: inline-block; width: 40px; height: 40px; margin: 0 5px; border-radius: 1000px; text-indent: -9999px; overflow: hidden; position: relative;} .page .content--referral .infoCode .share ul li a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: black; transition: 0.3s;} .page .content--referral .infoCode .share ul li a:hover { background-color: #666;} .page .content--referral .infoCode .share ul li a.ico { background-size: 50%; background-repeat: no-repeat; background-position: center;} .page .content--referral .infoCode .share ul li a.ico--whatsapp { background-image: url(../img/ico/social/whatsapp--fff.svg);} .page .content--referral .infoCode .share ul li a.ico--telegram { background-image: url(../img/ico/social/telegram--fff.svg);} .page .content--referral .infoCode .share ul li a.ico--mail { background-image: url(../img/ico/social/mail--fff.svg);}.page .content--scanpoints { background-color: #f5f5f5;} .page .content--scanpoints .button, .page .content--scanpoints input, .page .content--scanpoints select { width: calc(100% - 20px);} .page .content--scanpoints .button { margin-top: 10px; height: 40px; line-height: 40px;} .page .content--scanpoints input { font-size: 12px; padding-top: 9px; padding-bottom: 9px; margin-bottom: 0; border-right: 0;} .page .content--scanpoints .input-container { display: flex; padding: 0 10px; flex-wrap: wrap; justify-content: space-between;} .page .content--scanpoints .input-container input { flex: 50%; justify-content: flex-start;} .page .content--scanpoints h2 { font-size: 24px; font-weight: bold; margin: 15px auto;} .page .content--scanpoints h2 small { font-size: 12px;} .page .content--scanpoints h3 { font-size: 18px; font-weight: bold; margin: 0 auto 20px;} .page .content--scanpoints .scanbox { padding: 10px 10px 0; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05); background-color: white; min-height: 10px; margin: 10px auto; width: calc(100% - 20px);} .page .content--scanpoints .scanbox hr { margin: 20px 0; border: 0; height: 0; border-bottom: 1px solid #ddd;} .page .content--scanpoints .scanbox div.table-scroll { overflow: auto;} .page .content--scanpoints .scanbox table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 14px;} .page .content--scanpoints .scanbox table.highlight { border-top: 15px solid #ddd; margin-top: 20px;} .page .content--scanpoints .scanbox table td { padding: 5px; text-align: left; width: 50%;} .page .content--scanpoints .scanbox table tr td:first-child { font-weight: bold;} .page .content--scanpoints .scanbox table tr:nth-child(even) { background-color: #eee;}.page .content.content-custom-form-1 ul li { padding: 20px 10px; border-bottom: 1px solid #ddd;} .page .content.content-custom-form-1 .comments { height: 120px;} .page .content.content-custom-form-1 .input-container { position: relative; overflow: hidden; transition: 0.3s;} .page .content.content-custom-form-1 .input-container select, .page .content.content-custom-form-1 .input-container input, .page .content.content-custom-form-1 .input-container textarea { border: 2px solid #ccc; margin: 10px; width: calc(100% - 20px); width: 100%; margin: 10px 0; padding: 10px; font-size: 14px; resize: none; transition: 0.3s;} .page .content.content-custom-form-1 .input-container textarea { min-height: 90px;} .page .content.content-custom-form-1 .input-container.error select, .page .content.content-custom-form-1 .input-container.error input, .page .content.content-custom-form-1 .input-container.error textarea { border-color: #f99; background-color: #fcc;} .page .content.content-custom-form-1 .input-container.hide-area { height: 0; opacity: 0;} .page .content.content-custom-form-1 .slider-container { padding: 0 0 20px;} .page .content.content-custom-form-1 .slider-container .num { display: flex; font-weight: bold; color: #666;} .page .content.content-custom-form-1 .slider-container .num span { flex: 1; padding: 0px 0 15px; position: relative;} .page .content.content-custom-form-1 .slider-container .num span:after { content: ''; height: 1px; background: #ccc; position: absolute; width: 20px; left: 50%; top: 10px; transform: translate(-50%, 0); position: absolute;} .page .content.content-custom-form-1 .slider-container .num span:last-child { flex: 0;} .page .content.content-custom-form-1 .slider-container .num span:last-child:after { display: none;} .page .content.content-custom-form-1 .slider-container .slider { width: 100%; background: #ddd; box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.2); z-index: 100; border-radius: 5px; border-radius: 100px;} .page .content.content-custom-form-1 .slider-container .slider .ui-state-default { background: white; background-image: linear-gradient(white, #eee); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); display: block; height: 100%; margin: 0 2px; left: 100%; width: 30px; height: 30px; border-radius: 100px; top: -10px; margin-left: -15px; z-index: 100 !important;}.page .content--survey { padding: 20px;} .page .content--survey h3 { font-weight: bold; font-size: 20px;} .page .content--survey .survey { padding: 20px 20px 10px; margin: 20px 0; border-radius: 10px; border: 1px solid #ddd; position: relative;} .page .content--survey .survey h4 { font-weight: bold; margin-bottom: 10px;} .page .content--survey .survey.disabled:after { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1000; background-color: rgba(255, 255, 255, 0.5); content: '';} .page .content--survey .survey .option { margin: 10px 0; padding: 15px; padding-left: 54px; border-radius: 5px; position: relative; cursor: pointer; transition: 0.3s; border: 1px solid #ddd; overflow: hidden;} .page .content--survey .survey .option:before { width: 24px; height: 24px; content: ''; background-color: white; border: 1px solid #ddd; position: absolute; top: 50%; border-radius: 3px; left: 15px; transition: 0.3s; transform: translateY(-50%);} .page .content--survey .survey .option:after { position: absolute; top: 50%; left: 15px; width: 24px; height: 24px; content: ''; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico/alert/check--fff.svg); transition: 0.3s; opacity: 0;} .page .content--survey .survey .option.active { background-color: #002637; color: white;} .page .content--survey .survey .option.active:after { opacity: 1;} .page .content--survey .survey .option.active:before { border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);} .page .content--survey .survey .option--text { padding: 0;} .page .content--survey .survey .option--text:after, .page .content--survey .survey .option--text:before { display: none;} .page .content--survey .survey .option--text input { padding: 15px; border: 0; width: 100%; display: block;}.page .content-sensors { padding: 20px;} .page .content-sensors table { border-collapse: collapse; font-size: 14px; width: 100%; text-align: center;} .page .content-sensors table th, .page .content-sensors table td { vertical-align: middle; padding: 10px 10px; color: #333; border: 5px solid white; border-left: 0; border-right: 0; text-align: left;} .page .content-sensors table th.c6, .page .content-sensors table td.c6 { background-color: #a2001a;} .page .content-sensors table th.c5, .page .content-sensors table td.c5 { background-color: #c5004e;} .page .content-sensors table th.c4, .page .content-sensors table td.c4 { background-color: #f00;} .page .content-sensors table th.c3, .page .content-sensors table td.c3 { background-color: #f70;} .page .content-sensors table th.c2, .page .content-sensors table td.c2 { background-color: #ffc600;} .page .content-sensors table th.c1, .page .content-sensors table td.c1 { background-color: #6bc72c;} .page .content-sensors table th { text-align: center;} .page .content-sensors .face { padding: 10px; padding-left: 15px; width: 50px;} .page .content-sensors .value { width: 120px; font-size: 18px; font-weight: bold; text-align: center; padding-left: 5px; padding-right: 5px;} .page .content-sensors .value small { font-size: 14px;} .page .content-sensors .description { font-size: 10px; text-align: right;} .page .content-sensors .rainbow { width: 240px; height: 120px; margin: 20px auto; background-image: url(../img/faces/rainbow.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; position: relative;} .page .content-sensors .rainbow span.arrow { width: 100px; height: 32px; background-image: url(../img/faces/arrow-d5.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 50%; bottom: -14px; transform: rotate(10deg); transform-origin: 86px 16px; margin-left: -86px; transition: 1s;} .page .content-sensors .rainbow b { position: absolute; color: #666; left: 50%; top: 50%; transform: translateX(-50%); margin-top: -15px; font-size: 14px; z-index: 10;} .page .content-sensors .rainbow b span { background: rgba(255, 255, 255, 0.7); padding: 0 7px; border-radius: 1000px; display: block; white-space: nowrap;} .page .content-sensors .rainbow b:before { content: ''; width: 42px; height: 42px; background-position: center center; background-repeat: no-repeat; background-size: 28px; background-color: rgba(255, 255, 255, 0.7); margin: 0 auto; display: block; border-radius: 1000px; margin-top: -5px;} .page .content-sensors .rainbow b.c1 { color: #6bc72c;} .page .content-sensors .rainbow b.c1:before { background-image: url(../img/faces/face-1--333.svg);} .page .content-sensors .rainbow b.c2 { color: #ffc600;} .page .content-sensors .rainbow b.c2:before { background-image: url(../img/faces/face-2--333.svg);} .page .content-sensors .rainbow b.c3 { color: #f70;} .page .content-sensors .rainbow b.c3:before { background-image: url(../img/faces/face-3--333.svg);} .page .content-sensors .rainbow b.c4 { color: #f00;} .page .content-sensors .rainbow b.c4:before { background-image: url(../img/faces/face-4--333.svg);} .page .content-sensors .rainbow b.c5 { color: #c5004e;} .page .content-sensors .rainbow b.c5:before { background-image: url(../img/faces/face-5--333.svg);} .page .content-sensors .rainbow b.c6 { color: #a2001a;} .page .content-sensors .rainbow b.c6:before { background-image: url(../img/faces/face-6--333.svg);} .page .content-sensors .rainbow b.sound1 { color: #6bc72c;} .page .content-sensors .rainbow b.sound1:before { background-image: url(../img/sound/sound-1--333.svg);} .page .content-sensors .rainbow b.sound2 { color: #ffc600;} .page .content-sensors .rainbow b.sound2:before { background-image: url(../img/sound/sound-2--333.svg);} .page .content-sensors .rainbow b.sound3 { color: #f70;} .page .content-sensors .rainbow b.sound3:before { background-image: url(../img/sound/sound-3--333.svg);} .page .content-sensors .rainbow b.sound4 { color: #f00;} .page .content-sensors .rainbow b.sound4:before { background-image: url(../img/sound/sound-4--333.svg);} .page .content-sensors .rainbow b.sound5 { color: #c5004e;} .page .content-sensors .rainbow b.sound5:before { background-image: url(../img/sound/sound-5--333.svg);} .page .content-sensors .rainbow b.sound6 { color: #a2001a;} .page .content-sensors .rainbow b.sound6:before { background-image: url(../img/sound/sound-6--333.svg);} .page .content-sensors .sensor-field { border-bottom: 1px solid #ddd; padding: 20px 0;} .page .content-sensors .main-value { font-weight: bold; font-size: 24px;} .page .content-sensors .main-value .unit { font-size: 18px; margin-left: 4px;} .page .content-sensors ul { display: flex; flex-wrap: wrap;} .page .content-sensors ul li { flex-grow: 1; width: 25%; width: 33.33%; padding: 10px 0;} .page .content-sensors ul li h4 { opacity: 0.3;} .page .content-sensors ul li .value { font-size: 14px;} .page .content-sensors ul li .unit { font-size: 12px; margin-left: 2px;}.page .content--shower { display: flex; align-items: center; justify-content: center;} .page .content--shower .content-shower-box, .page .content--shower .shower-box { width: 100%; display: flex;}.page .content.content-loading-bay .list li .status { padding: 5px 10px; margin: 2px 4px 2px 0; font-size: 10px; background-color: #ccc; color: white; border-radius: 5px; display: inline-block;} .page .content.content-loading-bay .list li .status--active { background-color: #002637;} .page .content.content-loading-bay .list li h3 { margin: 0 0 5px;} .page .content.content-loading-bay .list li small { display: block; border-top: 1px solid #eee; font-size: 8px; padding: 3px 0;} .page .content.content-loading-bay .list li .info { font-size: 12px; margin-bottom: 5px;} .page .content.content-loading-bay .list li .info > div { border-top: 1px solid #eee;} .page .content.content-loading-bay .list li .info em { float: right;}.page .content--iframe-list .selects-container { padding: 0 10px;} .page .content--iframe-list .dynamic { height: calc(100vh - 125px); max-width: 100%;} .page .content--iframe-list .dynamic .iframe { height: 100%; margin: 0;}.page.nolist .content--postroom .nolist-content { transform: none; -webkit-transform: none;}.page .content--postroom .button--qr-scan { display: inline-block; transform: scale(0.7); margin-bottom: -15px;} .page .content--postroom li { padding-left: 0; padding-right: 0; display: flex; margin: 0 -10px;} .page .content--postroom li > div { flex: 1; margin: 0 10px;} .page .content--postroom.theme-v1 ul, .page .content--postroom ul { max-width: 100%;} .page .content--postroom .input.v3, .page .content--postroom .select.v3, .page .content--postroom .input.v2, .page .content--postroom .select.v2, .page .content--postroom .input.v1, .page .content--postroom .select.v1, .page .content--postroom .dynamic { max-width: 100%;} .page .content--postroom .scroll { overflow: auto;} .page .content--postroom table { width: 100%; border-collapse: collapse; font-size: 14px;} .page .content--postroom table td, .page .content--postroom table th { padding: 10px 10px; text-align: left; border-bottom: 1px solid #ddd;} .page .content--postroom table td .postStatus, .page .content--postroom table th .postStatus { font-size: 10px; border-radius: 5px; border: 0; padding: 5px 10px; background-color: #002637; color: white;} .page .content--postroom table th { background-color: #eee; font-weight: bold;} .page .content--postroom table .small { font-size: 10px;} .page .content--postroom .button--delete { background-image: url(../img/ui/button-cancel--fff.svg); width: 32px; height: 32px; background-size: 60%; background-repeat: no-repeat; background-position: center center; border-radius: 5px;}.page .footer { position: absolute; left: 0; right: 0; bottom: 0; background-color: white; text-align: center; border-top: 1px solid #eee; height: 100px; padding: 20px 10px;} .page .footer--chat { position: relative; bottom: auto;} .page .footer .chat-textarea-style { position: absolute; top: 0; left: 0; height: 100%; width: calc(100% - 100px); border: 0; resize: none; padding: 20px 0 20px 20px;} .page .footer .chat-button-style { position: absolute; top: 20px; right: 20px; bottom: 20px; width: 60px; background-size: 33%; background-image: url(../img/chat/button--fff.svg); background-repeat: no-repeat; background-position: center center; background-color: #002637; transition: 0.5s; cursor: pointer;} html.no-transition-page .page .footer .chat-button-style { transition: none !important;}.page .header { height: 60px; position: relative; z-index: 10; border-bottom: 1px solid #ddd; overflow: hidden; background-color: white; text-align: center; line-height: 60px; font-size: 20px; color: #000; font-weight: bold;} .page .header .logo { background-image: url(../img/logo.png); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 200px; height: 200px; margin: 0 auto; position: relative; top: -67px;} .page .header .title { text-align: center; line-height: 60px; font-size: 20px; color: #000; font-weight: bold; width: calc(100% - 130px); margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .page .header .title span.lowercase { text-transform: lowercase;} .page .header .button-right, .page .header .back, .page .header .nav { background-color: white; width: 60px; height: 60px; position: absolute; top: 0; left: 0; padding: 20px 20px 0; cursor: pointer;} .page .header .button-right { left: auto; right: 0; cursor: default;} .page .header .button-right:after { background-position: center center; background-repeat: no-repeat; background-size: contain; content: ''; width: 24px; height: 24px; margin: -2px 0 0 -2px; display: block; position: absolute; background-repeat: no-repeat; background-position: center; background-position: center;} .page .header .button-right--x2 { width: 40px; padding-left: 0; padding-right: 0;} .page .header .button-right--x2:after { width: 20px; margin-left: 8px;} .page .header .button-right--x2--left { right: 40px;} .page .header .button-right.ico-target:after { background-image: url(../img/ico/nav/target.svg);} .page .header .button-right.ico-settings:after { background-image: url(../img/ico/nav/settings.svg);} .page .header .button-right.ico-desk:after { background-image: url(../img/ico/nav/desk.svg);} .page .header .button-right.ico-documents:after { background-image: url(../img/ico/nav/documents.svg);} .page .header .button-right.ico-documentNew:after { background-image: url(../img/ico/nav/document-new.svg);} .page .header .button-right.ico-connectionsMap:after { background-image: url(../img/ico/nav/connections-map.svg);} .page .header .button-right.ico-add { width: 54px;} .page .header .button-right.ico-add:after { width: 26px; height: 26px; background-image: url(../img/ui/arrow-close.svg); transform: rotate(45deg);} .page .header .button-right.ico-nfc:after { background-image: url(../img/ico/nfc/nfc.svg);} .page .header .button-right.ico-notification:after { background-image: url(../img/ico/nav/notification.svg);} .page .header .button-right.ico-history:after { background-image: url(../img/ico/nav/history.svg);} .page .header .back span, .page .header .nav span { width: 20px; height: 4px; background-color: #000; display: block; margin-bottom: 4px;} .page .header .back:hover, .page .header .nav:hover { background-color: transparent;} .page .header .back span:first-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 15px; margin-top: 4px; margin-left: 1px;} .page .header .back span:last-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 15px; margin-top: 0; margin-left: 1px;}.page .header .button-right__inside { width: 60px; height: 60px; background-color: transparent; cursor: pointer; position: absolute; z-index: 100; margin: -20px 0 0 -20px;} .page .header .button-right__inside:after { background-position: center center; background-repeat: no-repeat; background-size: contain; content: ''; width: 32px; height: 32px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; position: absolute; background-repeat: no-repeat; background-position: center; background-position: center;} .page .header .button-right__inside.ico-qrcode:after { background-image: url(../img/ico/nav/qrscan.svg);}#page-home { display: block;} #page-home .overlay { display: none; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; position: absolute; cursor: pointer;} #page-home.nohome { background-color: transparent; display: flex; align-items: center; justify-content: center;} #page-home.nohome > * { display: none !important;} #page-home.nohome:after { content: '...'; padding: 10px 15px; font-weight: bold; background: #eee; border-radius: 10px; z-index: 10;}@media screen and (min-width: 1181px) { #page-home .nav { display: none;} html.isFlutter #page-home .nav { display: block;}}.page--report .custom-date { width: 100%; max-width: 640px; margin: 0 auto 0; border-bottom: 0 solid #ddd; font-size: 12px; overflow: hidden; height: 0; transition: 0.3s;} .page--report .custom-date:after { clear: both; content: ''; display: block;} .page--report .custom-date.active { margin-top: -20px; height: 41px; border-bottom-width: 1px;} .page--report .custom-date .button { width: 60px; font-size: 12px; padding: 0; height: 40px; line-height: 40px; margin: 0; float: left; font-weight: normal;} .page--report .custom-date .input-container { width: calc(50% - 30px); float: left; height: 40px; position: relative;} .page--report .custom-date .input-container label { position: absolute; z-index: 10; top: 0; bottom: 0; left: 0; width: 40px; height: 40px; line-height: 40px; padding-left: 10px; opacity: 0.5;} .page--report .custom-date .input-container input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding-left: 50px; padding-right: 10px; height: 40px; border: 0;}.page .filter { background-color: white; height: 60px; position: relative; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 10; overflow: hidden; font-size: 12px; padding: 2px 5px;} .page .filter ul { margin: 0 auto; max-width: 640px; width: 100%; padding: 0 3px; position: relative;} .page .filter .buttons, .page .filter .selects { height: 26px; line-height: 26px;} .page .filter .select { color: #002637; border: 0; font-size: 12px; padding: 0 15px 0 5px; background-color: transparent; background-image: url(../img/ui/select.svg); background-repeat: no-repeat; background-position: top 5px right 5px; background-size: 7px;} .page .filter .button { height: auto; line-height: normal; width: auto; display: inline-block; padding: 3px 6px; margin: -6px 2px 0; font-size: 12px; font-weight: normal; border: 1px solid #002637; vertical-align: middle; max-width: 110px; color: #002637; background-color: white;} .page .filter .button::-webkit-input-placeholder { color: #002637;} .page .filter .button::-moz-placeholder { color: #002637;} .page .filter .button:-ms-input-placeholder { color: #002637;} .page .filter .button:-moz-placeholder { color: #002637;} .page .filter .button.active { color: white; background-color: #002637;} .page .filter .button.active::-webkit-input-placeholder { color: #fff;} .page .filter .button.active::-moz-placeholder { color: #fff;} .page .filter .button.active:-ms-input-placeholder { color: #fff;} .page .filter .button.active:-moz-placeholder { color: #fff;} .page .filter .button.input-date { padding-left: 0; padding-right: 0;} .page .filter .button.booking-people { width: 66px; background-color: white; padding: 2px 6px; margin: -7px 4px 0; position: relative;} .page .filter .button.booking-people .booking-people-ico { width: 25px; height: 20px; display: block; background-image: url(../img/ico/gym/people.svg); background-position: center; background-repeat: no-repeat; background-size: 20px;} .page .filter .button.booking-people select { border: 0; padding: 0 0 0 40px; position: absolute; width: 100%; top: 0; bottom: 0; right: 0; background: transparent;} .page .filter--only-buttons .buttons { padding-top: 16px;} .page .filter li.right { position: absolute; top: 0; right: 2px; height: 40px;} .page .filter--only-buttons .right { padding-top: 10px;} .page .filter .people { width: calc(100% - 200px); height: 40px; line-height: 40px; letter-spacing: 2px; font-size: 11px;} .page .filter .people b { font-size: 20px; font-weight: normal;} .page .filter .people:before { width: 20px; height: 20px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block; margin-right: 5px; margin-top: 5px;} .page .filter--flex { display: flex; align-items: center; justify-content: center;} .page .filter--flex ul { display: flex; align-items: center; justify-content: center;} .page .filter--flex .button { margin: 0 5px; max-width: 100%; min-width: 40px;} .page .filter--flex .button.input--date { background-image: url(../img/ico/gym/clock.svg); background-position: top 50% right 5px; background-repeat: no-repeat; background-size: 16px 16px; padding-right: 32px;} .page .filter--flex .button.select--capacity { background-image: url(../img/ico/gym/people.svg); background-position: top 50% right 5px; background-repeat: no-repeat; background-size: 20px 20px; padding-right: 32px;} .page .filter--flex .button.select--duration { background-image: url(../img/ico/gym/clock.svg); background-position: top 50% right 5px; background-repeat: no-repeat; background-size: 16px 16px; padding-right: 32px; display: none;} .page.readonly .filter { opacity: 0.5;} .page.readonly .filter:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; content: '';}.page.type--studio .filter .people:before { background-image: url(../img/ico/gym/person.svg);} .page.type--desk .filter .people:before { background-image: url(../img/ico/gym/desk.svg);}.page .time-bar { background-color: #f5f5f5; height: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); font-size: 10px; color: #999;} .page .time-bar em { margin: 0 3px 0 20px;} .page .time-bar select, .page .time-bar input { min-width: 40px; display: inline-block; margin: 0 2px; padding: 0; font-size: 11px; font-weight: normal; border: 1px solid #002637; vertical-align: middle; color: #002637; background-color: white; line-height: 18px; height: 18px; text-align: center;} .page .time-bar select::-webkit-calendar-picker-indicator, .page .time-bar input::-webkit-calendar-picker-indicator { opacity: 0;} .page .time-bar select:last-child, .page .time-bar input:last-child { margin-right: 0;} .page.page-show-time-bar .time-bar { height: 60px;} .page .new-filter { background-color: white; height: 60px; position: relative; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 10; overflow: hidden; font-size: 9px; display: flex; align-items: center; justify-content: center;} .page .new-filter .names, .page .new-filter .time, .page .new-filter .advanced, .page .new-filter .button, .page .new-filter .select { height: 26px; line-height: 26px;} .page .new-filter .select { color: #002637; border: 0; font-size: 11px; padding: 0 15px 0 5px;} .page .new-filter .select--slots { border: 1px solid #002637; margin-left: 5px; padding-right: 5px;} .page .new-filter .button[data-time="custom"] { min-width: 60px;} .page .new-filter .button[data-time="custom"][type="date"] { min-width: 92px; text-align: left; padding: 0 0 0 5px;} .page .new-filter .button[data-time="custom"]::-webkit-calendar-picker-indicator { opacity: 0; background-color: transparent;} .page .new-filter .button[data-time="custom"]:before { content: ""; position: absolute; width: 15px; background-image: url(../img/ico/nav/calendar.svg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 15px; top: 50%; right: 5px; transform: translateY(-50%); z-index: 0;} .page .new-filter .button[data-time="custom"].active:before { background-image: url(../img/ico/nav/calendar--fff.svg);} .page .new-filter .names, .page .new-filter .time, .page .new-filter .advanced, .page .new-filter .button { width: auto; display: inline-block; margin: 0 1px; padding: 0 5px; font-size: 11px; font-weight: normal; border: 1px solid #002637; vertical-align: middle; color: #002637; background-color: white;} .page .new-filter .names.active, .page .new-filter .time.active, .page .new-filter .advanced.active, .page .new-filter .button.active { color: white; background-color: #002637;} .page .new-filter .names.input-date, .page .new-filter .time.input-date, .page .new-filter .advanced.input-date, .page .new-filter .button.input-date { padding-left: 0; padding-right: 0;} .page .new-filter .names.booking-people, .page .new-filter .time.booking-people, .page .new-filter .advanced.booking-people, .page .new-filter .button.booking-people { width: 65px; background-color: white; padding: 2px 6px; margin: 0 4px; margin-left: 12px; position: relative;} .page .new-filter .names.booking-people .booking-people-ico, .page .new-filter .time.booking-people .booking-people-ico, .page .new-filter .advanced.booking-people .booking-people-ico, .page .new-filter .button.booking-people .booking-people-ico { width: 16px; height: 20px; display: block; background-image: url(../img/ico/gym/people.svg); background-position: center; background-repeat: no-repeat; background-size: 16px;} .page .new-filter .names.booking-people select, .page .new-filter .time.booking-people select, .page .new-filter .advanced.booking-people select, .page .new-filter .button.booking-people select { border: 0; padding: 0 0 0 26px; position: absolute; width: 100%; top: 0; bottom: 0; right: 0; background: transparent;} .page .new-filter .names, .page .new-filter .time, .page .new-filter .advanced { text-indent: -999px; overflow: hidden; width: 26px; padding: 0; margin-left: 6px; background-size: 24px 24px; background-position: center center; background-repeat: no-repeat; background-image: url(../img/ui/controls.svg); cursor: pointer;} .page .new-filter .time { background-size: 18px 18px; background-image: url(../img/ico/table-offer/clock.svg);} .page .new-filter .time.active { background-color: #002637; background-image: url(../img/ico/table-offer/clock--fff.svg);} .page .new-filter .names { background-size: 12px 12px; background-image: url(../img/ico/alert/user.svg); transition: 0.3s;} .page .new-filter .names.active { opacity: 0.15; background-color: transparent;} .page .new-filter .people { height: 40px; line-height: 40px; letter-spacing: 2px; font-size: 11px;} .page .new-filter .people b { font-size: 20px; font-weight: normal;} .page .new-filter .people:before { width: 10px; height: 10px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block; margin-right: 5px; margin-top: 5px;} .page .new-filter .button-filter { width: 26px; background-size: 24px 24px; background-position: center center; background-repeat: no-repeat; background-image: url(../img/ui/controls.svg); cursor: pointer;} .page .new-filter .button-filter.on { background-color: #002637; background-image: url(../img/ui/controls--white.svg);}.page .search { background-color: white; height: 60px; position: relative; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 10; overflow: hidden;} .page .search input[type="text"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; background-color: transparent; text-align: center; font-size: 18px; font-weight: 600; padding-left: 60px; padding-right: 10px; text-indent: -50px; z-index: 2;} .page .search input[type="submit"] { position: absolute; top: 0; left: 0; width: 60px; height: 60px; border: 0; z-index: 1; text-indent: -9999px; overflow: hidden; border-right: 1px solid #eee; background-color: #fff; background-image: url(../img/search/search.svg); background-position: 20px 20px; background-repeat: no-repeat; background-size: 22px; border-radius: 0;} .page .search .button-cancel { position: absolute; left: 0; width: 60px; height: 60px; background-color: #fff; background-image: url(../img/search/button-cancel.svg); background-position: 20px 19px; background-repeat: no-repeat; background-size: 22px; border-right: 1px solid #eee; z-index: 10; top: -60px;}.page .search.show-cancel input[type="submit"] { top: 60px;} .page .search.show-cancel .button-cancel { cursor: pointer; top: 0;}.shower-box { display: flex; margin: 20px auto 20px !important;} .shower-box .col { flex: 1; height: 320px; position: relative; overflow: hidden;} .shower-box .col .shadow { border-right: 1px solid #ddd; position: absolute; right: 0; top: 0; bottom: 0;} .shower-box .col .img { position: absolute; top: 0; right: 0; bottom: 120px; left: 0; z-index: 20; transition: 1s; background-size: contain; background-repeat: no-repeat; background-position: center;} .shower-box .col.default .shadow { border: 0;} .shower-box .col.default .img { background-image: url(../img/ico/shower/shower3.svg);} .shower-box .col.default .img--refresh { opacity: 0.3;} .shower-box .col.default .img--unavailable { background-image: url(../img/ico/shower/shower3--993333.svg);} .shower-box .col.male .img { background-image: url(../img/ico/shower/wc-men2.svg);} .shower-box .col.male .img--refresh { opacity: 0.3;} .shower-box .col.male .img--unavailable { background-image: url(../img/ico/shower/wc-men2--993333.svg);} .shower-box .col.female .img { background-image: url(../img/ico/shower/wc-woman2.svg);} .shower-box .col.female .img--refresh { opacity: 0.3;} .shower-box .col.female .img--unavailable { background-image: url(../img/ico/shower/wc-woman2--993333.svg);} .shower-box .col.notAccessible .img, .shower-box .col.not-accessible .img { background-image: url(../img/ico/shower/wc-not-accessible.svg);} .shower-box .col.notAccessible .img--refresh, .shower-box .col.not-accessible .img--refresh { opacity: 0.3;} .shower-box .col.notAccessible .img--unavailable, .shower-box .col.not-accessible .img--unavailable { background-image: url(../img/ico/shower/wc-not-accessible--993333.svg);} .shower-box .col .counter { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; line-height: 20px; color: #666;} .shower-box .col .counter em { font-style: normal;} .shower-box .col .counter b { font-size: 64px; font-weight: bold; color: #000;} .shower-box .col .counter small { font-size: 18px; font-weight: bold;} .shower-box .col .counter span { font-size: 14px; display: block;}.pass-box { background-color: #002637; margin: 30px auto; border-radius: 15px; padding: 20px 20px 25px; color: white; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); max-width: 370px; position: relative; min-height: 530px; max-height: 530px; overflow: auto; overflow-x: hidden;} .pass-box a { color: white; text-decoration: underline;} .pass-box .front h3 { position: absolute; z-index: 60;} .pass-box .supplied { position: absolute; padding: 20px; background: rgba(0, 0, 0, 0.8); z-index: 1000; width: 90%; top: 50%; left: 50%; transform: rotate(45deg) translate(-50%); text-align: center; font-weight: bold; font-size: 20px; transform-origin: 25% 25%; display: none;} .pass-box.show-supplied--nopicture .supplied--nopicture { display: block;} .pass-box.show-supplied--expired .supplied--expired { display: block;} .pass-box.show-supplied--noprofile .supplied--noprofile { display: block;} .pass-box .animation { width: 140px; position: absolute; overflow: hidden; height: 80px; top: 160px;} .pass-box .picture { width: 170px; height: 220px; background-color: white; background-size: contain; background-repeat: no-repeat; background-position: center center; float: right; border: 10px solid white; margin-left: 10px; background-image: url(../img/logo-square.svg); z-index: 50; position: relative;} .pass-box h3 { font-size: 24px; margin-bottom: 20px; font-weight: bold;} .pass-box ul { clear: both; padding-top: 20px;} .pass-box ul li label { display: block; font-size: 12px; margin-top: 20px; padding-bottom: 5px;} .pass-box ul li .inputstatic { display: block; padding: 10px; background: white; width: 100%; border: 0; font-size: 14px; color: black;}.flip-container { perspective: 1000px; max-width: 370px; width: 100%; min-height: 580px; margin: 0 auto;} .flip-container .flipper { transition: 0.6s; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; position: relative;} html.no-transition-page .flip-container .flipper { transition: none !important;} .flip-container .flipper .front, .flip-container .flipper .back { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0;} .flip-container .flipper .front { z-index: 2; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); max-width: 370px; width: 100%; visibility: visible; transition-delay: 0s;} .flip-container .flipper .back { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); max-width: 370px; width: 100%; visibility: hidden; transition-delay: 0.3s;} .flip-container.hover .flipper { transform: rotateY(180deg) !important; -webkit-transform: rotateY(180deg) !important;} .flip-container.hover .flipper .front { visibility: hidden; transition-delay: 0.3s;} .flip-container.hover .flipper .back { visibility: visible; transition-delay: 0s;}.pass-box.show-animation .animation .bike { margin-left: -70px; animation: bus 4s infinite linear;} .pass-box .animation .bike { position: absolute; width: 70px; height: 50px; top: 30px; left: 0; z-index: 30; transition: 0.3s; background-repeat: no-repeat; background-position: center; background-image: url(../img/pass/bikes/bike--fff.svg);} html.no-transition-page .pass-box .animation .bike { transition: none !important;} .pass-box .animation .trees { position: absolute; width: 70px; height: 80px; top: 0px; left: 60px; background-repeat: no-repeat; background-position: center; background-image: url(../img/pass/bikes/trees--fff.svg); opacity: 0.3;}@keyframes bus { 0% { left: 0;} 100% { left: 210px;}}.pass-box.show-animation .animation .bus { margin-left: -70px; animation: bus 4s infinite linear;} .pass-box .animation .bus { position: absolute; width: 70px; height: 50px; top: 30px; left: 0; z-index: 30; transition: 0.3s; background-repeat: no-repeat; background-position: center; background-image: url(../img/pass/bus/bus--fff.svg);} html.no-transition-page .pass-box .animation .bus { transition: none !important;} .pass-box .animation .trees { position: absolute; width: 70px; height: 80px; top: 0px; left: 60px; background-repeat: no-repeat; background-position: center; background-image: url(../img/pass/bus/trees--fff.svg); opacity: 0.3;}@keyframes chest { 0% { bottom: 0;} 100% { bottom: 5px;}}@keyframes weight { 0% { bottom: 0;} 70% { bottom: 5px;} 100% { bottom: 7px;}}@keyframes head { 0% { bottom: 0;} 70% { bottom: 7px;} 100% { bottom: 5px;}}.page[data-id="gym-pass"] .pass-box.show-animation .animation .weight { animation: weight 1s infinite alternate;} .page[data-id="gym-pass"] .pass-box.show-animation .animation .chest { animation: chest 1s infinite alternate;} .page[data-id="gym-pass"] .pass-box.show-animation .animation .head { animation: head 1s infinite alternate;} .page[data-id="gym-pass"] .pass-box .animation { height: 130px; top: 110px;} .page[data-id="gym-pass"] .pass-box .animation .weight, .page[data-id="gym-pass"] .pass-box .animation .chest, .page[data-id="gym-pass"] .pass-box .animation .head, .page[data-id="gym-pass"] .pass-box .animation .foot { position: absolute; width: 150px; height: 130px; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center;} .page[data-id="gym-pass"] .pass-box .animation .weight { background-image: url(../img/pass/gym/weight--fff.svg); opacity: 0.5;} .page[data-id="gym-pass"] .pass-box .animation .chest { background-image: url(../img/pass/gym/chest--fff.svg);} .page[data-id="gym-pass"] .pass-box .animation .head { background-image: url(../img/pass/gym/head--fff.svg);} .page[data-id="gym-pass"] .pass-box .animation .foot { background-image: url(../img/pass/gym/foot--fff.svg);}@keyframes loyalty { 0% { left: 0;} 100% { left: 300px;}}.page[data-id="loyalty-card"] .pass-box.show-animation .animation .loyalty-1 { margin-left: -120px; animation: loyalty 2s infinite linear;} .page[data-id="loyalty-card"] .pass-box.show-animation .animation .loyalty-2 { margin-left: -120px; animation: loyalty 2s infinite linear;} .page[data-id="loyalty-card"] .pass-box.show-animation .animation .loyalty-3 { margin-left: -120px; animation: loyalty 2s infinite linear;} .page[data-id="loyalty-card"] .pass-box.show-animation .animation .loyalty-4 { display: block;} .page[data-id="loyalty-card"] .pass-box .animation { height: 160px; top: 80px;} .page[data-id="loyalty-card"] .pass-box .animation .loyalty-4, .page[data-id="loyalty-card"] .pass-box .animation .loyalty-3, .page[data-id="loyalty-card"] .pass-box .animation .loyalty-2, .page[data-id="loyalty-card"] .pass-box .animation .loyalty-1 { position: absolute; width: 120px; height: 100px; top: 60px; left: 0; z-index: 30; transition: 0.3s; background-repeat: no-repeat; background-position: center; background-image: url(../img/pass/loyalty/bag-1--fff.svg);} html.no-transition-page .page[data-id="loyalty-card"] .pass-box .animation .loyalty-4, html.no-transition-page .page[data-id="loyalty-card"] .pass-box .animation .loyalty-3, html.no-transition-page .page[data-id="loyalty-card"] .pass-box .animation .loyalty-2, html.no-transition-page .page[data-id="loyalty-card"] .pass-box .animation .loyalty-1 { transition: none !important;} .page[data-id="loyalty-card"] .pass-box .animation .loyalty-2 { background-image: url(../img/pass/loyalty/bag-2--fff.svg);} .page[data-id="loyalty-card"] .pass-box .animation .loyalty-3 { background-image: url(../img/pass/loyalty/bag-3--fff.svg); opacity: 0.3;}.page .recent-add { font-size: 12px; position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #ddd; background: white; color: #666; overflow: scroll; overflow-y: hidden; height: 50px;} .page .recent-add .scroll { word-wrap: break-word; white-space: nowrap; padding: 0 5px;} .page .recent-add .scroll b { font-weight: normal; text-transform: uppercase; color: #999;} .page .recent-add .scroll span { cursor: pointer;} .page .recent-add .scroll span:hover { color: #002637;} .page .recent-add .scroll b, .page .recent-add .scroll span { padding: 0 10px; height: 50px; line-height: 50px; display: inline-block; white-space: nowrap;} .page .recent-add .scroll span:last-child { padding-right: 20px;}.select__controls { max-width: 640px; display: block; margin: 0 auto; width: 100%;} .select__controls label { max-width: 640px; margin: 20px auto 0; display: block; width: 100%; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: left;} .select__controls.hide { height: 0; overflow: hidden; display: block;} .select__controls.disableLayer { position: relative; display: block;} .select__controls.disableLayer:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; opacity: 0.5;} .select__controls.disableLayer > * { opacity: 0.5;}.input.bold, .select.bold { font-weight: bold;} .input.v3, .select.v3, .input.v2, .select.v2, .input.v1, .select.v1 { width: 100%; max-width: 640px; padding: 15px 10px; background-color: transparent; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ddd; margin: 0 auto 10px; display: block; height: auto; box-shadow: none; border-radius: 0; line-height: normal; padding-left: 0; padding-right: 30px; background-image: url(../img/ui/select.svg); background-repeat: no-repeat; background-position: top 50% right 15px; background-size: 14px;} .input.v3.margin, .select.v3.margin, .input.v2.margin, .select.v2.margin, .input.v1.margin, .select.v1.margin { width: calc(100% - 20px);} .input.v3.paddingLeft, .select.v3.paddingLeft, .input.v2.paddingLeft, .select.v2.paddingLeft, .input.v1.paddingLeft, .select.v1.paddingLeft { padding-left: 10px;} .input.v2, .select.v2 { width: 50%; max-width: 320px; display: inline-block;} .input.v2.margin, .select.v2.margin { max-width: 310px; margin-left: 10px; margin-right: 10px; width: calc(50% - 20px);} .input.v3, .select.v3 { border-right: 0;} .input.v4-20, .select.v4-20, .input.v4-30, .select.v4-30, .input.v4-40, .select.v4-40, .input.v4-50, .select.v4-50, .input.v4-60, .select.v4-60, .input.v4-70, .select.v4-70, .input.v4-80, .select.v4-80 { display: inline-block;} .input.v4-20.margin, .select.v4-20.margin, .input.v4-30.margin, .select.v4-30.margin, .input.v4-40.margin, .select.v4-40.margin, .input.v4-50.margin, .select.v4-50.margin, .input.v4-60.margin, .select.v4-60.margin, .input.v4-70.margin, .select.v4-70.margin, .input.v4-80.margin, .select.v4-80.margin { margin-left: 10px; margin-right: 10px;} .input.v4-30, .select.v4-30 { width: 30%; max-width: 320px; padding-left: 10px;} .input.v4-30.margin, .select.v4-30.margin { max-width: 310px; width: calc(30% - 20px); padding-left: 0;} .input.v4-40, .select.v4-40 { width: 40%; max-width: 320px; padding-left: 10px;} .input.v4-40.margin, .select.v4-40.margin { max-width: 310px; width: calc(40% - 20px); padding-left: 0;} .input.v4-60, .select.v4-60 { width: 60%; max-width: 320px;} .input.v4-60.margin, .select.v4-60.margin { max-width: 310px; width: calc(60% - 20px);} .input.v4-70, .select.v4-70 { width: 70%; max-width: 320px;} .input.v4-70.margin, .select.v4-70.margin { max-width: 310px; width: calc(70% - 20px);}.select--hidden { height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: hidden !important;}.input.v1 { background-image: none; padding-right: 15px; border-right: 1px solid #ddd;} .input.v1.ico { padding-right: 30px;} .input.v1.ico.ico-location { background-image: url(../img/input-location.svg);}.inputs-area { max-width: 640px; width: 100%; margin: 0 auto 20px; position: relative;} .inputs-area.x2 .button-cancel { position: absolute; top: 0; left: 50%; margin: 10px 0px 0 -37px; width: 30px; height: 30px; display: none; overflow: hidden; background: #f5f5f5; cursor: pointer; background-image: url(../img/ico-search-button-cancel.svg); background-size: 14px; background-repeat: no-repeat; background-position: center center;} .inputs-area.x2 .input, .inputs-area.x2 .select { width: 50%; margin: 0; float: left;} .inputs-area.show-cancel .button-cancel { display: block;} .inputs-area:after { clear: both; content: ''; display: block;}textarea.input { min-height: 110px; resize: vertical; line-height: normal; padding: 13px 0;}.slick.slick-list-grid { max-width: 480px; margin: 0 auto;} .slick.slick-list-grid .slick-dots { text-align: center;} .slick.slick-list-grid .slick-dots li { display: inline-block; width: 10px; height: 10px; border-radius: 100px; background: #ccc; position: relative; overflow: hidden; margin: 20px 10px 0; transition: 0.3s;} html.no-transition-page .slick.slick-list-grid .slick-dots li { transition: none !important;} .slick.slick-list-grid .slick-dots li button { position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; cursor: pointer; opacity: 0; width: calc(100% + 20px); height: calc(100% + 20px); z-index: 100;} .slick.slick-list-grid .slick-dots li.slick-active { background: #002637; width: 15px; height: 15px; margin: 20px 5px -2.5px;} .slick--center { position: absolute; top: calc(50% - 20px); left: 50%; transform: translate(-50%, -50%); width: 100%;}#slider-rotate-blind-container-22b, #slider-rotate-blind-container { width: 180px; height: 180px; padding: 30px; margin: 0 auto; position: relative;} #slider-rotate-blind-container-22b .value, #slider-rotate-blind-container .value { width: 40px; height: 40px; line-height: 40px; background: white; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; border-radius: 1000px; font-size: 14px; font-weight: bold; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); color: #666;} #slider-rotate-blind-container-22b .value small, #slider-rotate-blind-container .value small { font-size: 10px; position: relative; top: -3px; display: inline-block;}.slider--rotate { width: 120px; height: 120px; border-radius: 1000px; background: #ddd; box-shadow: inset 3px 3px 25px rgba(0, 0, 0, 0.2);} .slider--rotate .half-circle { width: 114px; height: 114px; border-bottom: 0; position: absolute; transform: rotate(90deg); margin: 3px;} .slider--rotate .half-circle:after { content: ''; background-color: white; border-top-left-radius: 114px; border-top-right-radius: 114px; width: 114px; height: 57px; box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0;}.pie-report-loading h3 { font-size: 18px; font-weight: bold;} .pie-report-loading h4 { font-size: 15px;} .pie-report-loading .load { width: 100%; position: relative; background: #ddd; border-radius: 5px; margin-top: 10px; overflow: hidden; box-shadow: inset 2px 4px 0 rgba(0, 0, 0, 0.05); margin-top: 15px;} .pie-report-loading .load span { display: block; padding: 8px; color: white; background: #002637; width: 0; min-width: 116px; transition: 2s;} html.no-transition-page .pie-report-loading .load span { transition: none !important;} .pie-report-loading small { font-size: 9px; display: block; text-align: right; padding: 3px;}.pie-report-up { width: 160px; height: 160px; border-radius: 100px; background: white; box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; font-size: 14px; text-align: center; transition: transform 0.3s;} html.no-transition-page .pie-report-up { transition: none !important;} .pie-report-up .center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; line-height: 18px; margin-top: 5px;} .pie-report-up .center .value { display: block;} .pie-report-up .center .value b { font-size: 36px; display: inline-block; font-weight: normal;} .pie-report-up .center .value small { font-size: 20px; font-weight: bold; display: inline-block;}.pie-report { position: absolute; top: 50%; left: 50%; z-index: 10; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; overflow: hidden; transform: translate(-50%, -50%); width: 300px; height: 300px;} html.platform-android .pie-report { background-image: url(../img/pie-report.png);} .pie-report * { position: relative;} .pie-report, .pie-report li { margin: 0; padding: 0; list-style: none;} .pie-report .pie-border-text, .pie-report .pie-border { width: 300px; height: 300px; border-radius: 1000px; border: 10px solid #ccc; position: absolute; top: 0; left: 0; z-index: 10;} .pie-report .pie-border-text { border: 0; z-index: 20; border-radius: 0;} .pie-report .pie-border-text span { position: absolute; font-size: 9px; font-weight: bold; letter-spacing: 0px; text-align: center; display: block; z-index: 200; text-transform: uppercase; line-height: 10px;} .pie-report .pie-border-text span:nth-child(1) { left: 50%; transform: translateX(-50%);} .pie-report .pie-border-text span:nth-child(2) { top: 14%; right: 13%; transform: rotate(45deg);} .pie-report .pie-border-text span:nth-child(3) { top: 50%; right: -5px; transform: translateY(-50%) rotate(90deg);} .pie-report .pie-border-text span:nth-child(4) { bottom: 14%; right: 13%; transform: rotate(-45deg);} .pie-report .pie-border-text span:nth-child(5) { left: 50%; bottom: 0; transform: translateX(-50%);} .pie-report .pie-border-text span:nth-child(6) { bottom: 14%; left: 13%; transform: rotate(45deg);} .pie-report .pie-border-text span:nth-child(7) { top: 50%; left: -5px; transform: translateY(-50%) rotate(-90deg);} .pie-report .pie-border-text span:nth-child(8) { top: 14%; left: 13%; transform: rotate(-45deg);} html.platform-android .pie-report ul { transform: scale(1.17); margin-top: -25px;} .pie-report li { position: absolute; top: 50%; left: 50%; overflow: hidden; transform: rotate(76deg) skew(75deg); transform-origin: 100% 100%; margin-top: -150px; margin-left: -300px; width: 300px; height: 300px; border-bottom: 1px solid rgba(238, 238, 238, 0.1); display: block;} html.platform-android .pie-report li { transform: none; height: 10px; margin-top: 140px;} .pie-report li:first-child { transform: rotate(90deg) skew(75deg);} html.platform-android .pie-report li:first-child { transform: rotate(93.5deg);} .pie-report li:nth-child(2) { transform: rotate(105deg) skew(75deg);} html.platform-android .pie-report li:nth-child(2) { transform: rotate(108.5deg);} .pie-report li:nth-child(3) { transform: rotate(120deg) skew(75deg);} html.platform-android .pie-report li:nth-child(3) { transform: rotate(123.5deg);} .pie-report li:nth-child(4) { transform: rotate(135deg) skew(75deg);} html.platform-android .pie-report li:nth-child(4) { transform: rotate(138.5deg);} .pie-report li:nth-child(5) { transform: rotate(150deg) skew(75deg);} html.platform-android .pie-report li:nth-child(5) { transform: rotate(153.5deg);} .pie-report li:nth-child(6) { transform: rotate(165deg) skew(75deg);} html.platform-android .pie-report li:nth-child(6) { transform: rotate(168.5deg);} .pie-report li:nth-child(7) { transform: rotate(180deg) skew(75deg);} html.platform-android .pie-report li:nth-child(7) { transform: rotate(183.5deg);} .pie-report li:nth-child(8) { transform: rotate(195deg) skew(75deg);} html.platform-android .pie-report li:nth-child(8) { transform: rotate(198.5deg);} .pie-report li:nth-child(9) { transform: rotate(210deg) skew(75deg);} html.platform-android .pie-report li:nth-child(9) { transform: rotate(213.5deg);} .pie-report li:nth-child(10) { transform: rotate(225deg) skew(75deg);} html.platform-android .pie-report li:nth-child(10) { transform: rotate(228.5deg);} .pie-report li:nth-child(11) { transform: rotate(240deg) skew(75deg);} html.platform-android .pie-report li:nth-child(11) { transform: rotate(243.5deg);} .pie-report li:nth-child(12) { transform: rotate(255deg) skew(75deg);} html.platform-android .pie-report li:nth-child(12) { transform: rotate(258.5deg);} .pie-report li:nth-child(13) { transform: rotate(270deg) skew(75deg);} html.platform-android .pie-report li:nth-child(13) { transform: rotate(273.5deg);} .pie-report li:nth-child(14) { transform: rotate(285deg) skew(75deg);} html.platform-android .pie-report li:nth-child(14) { transform: rotate(288.5deg);} .pie-report li:nth-child(15) { transform: rotate(300deg) skew(75deg);} html.platform-android .pie-report li:nth-child(15) { transform: rotate(303.5deg);} .pie-report li:nth-child(16) { transform: rotate(315deg) skew(75deg);} html.platform-android .pie-report li:nth-child(16) { transform: rotate(318.5deg);} .pie-report li:nth-child(17) { transform: rotate(330deg) skew(75deg);} html.platform-android .pie-report li:nth-child(17) { transform: rotate(333.5deg);} .pie-report li:nth-child(18) { transform: rotate(345deg) skew(75deg);} html.platform-android .pie-report li:nth-child(18) { transform: rotate(348.5deg);} .pie-report li:nth-child(19) { transform: rotate(360deg) skew(75deg);} html.platform-android .pie-report li:nth-child(19) { transform: rotate(363.5deg);} .pie-report li:nth-child(20) { transform: rotate(375deg) skew(75deg);} html.platform-android .pie-report li:nth-child(20) { transform: rotate(378.5deg);} .pie-report li:nth-child(21) { transform: rotate(390deg) skew(75deg);} html.platform-android .pie-report li:nth-child(21) { transform: rotate(393.5deg);} .pie-report li:nth-child(22) { transform: rotate(405deg) skew(75deg);} html.platform-android .pie-report li:nth-child(22) { transform: rotate(408.5deg);} .pie-report li:nth-child(23) { transform: rotate(420deg) skew(75deg);} html.platform-android .pie-report li:nth-child(23) { transform: rotate(423.5deg);} .pie-report li:nth-child(24) { transform: rotate(435deg) skew(75deg);} html.platform-android .pie-report li:nth-child(24) { transform: rotate(438.5deg);} .pie-report li b { position: absolute; right: -7.25em; bottom: -7.25em; display: block; width: 226px; height: 240px; border-radius: 50%; background: #ddd; color: #fff; text-align: center; text-decoration: none; transform: skew(-75deg) rotate(-82.5deg); backface-visibility: hidden;} html.platform-android .pie-report li b { transform: rotate(-90deg); background: transparent;} .pie-report li b span { position: relative; top: 0; height: 26%; display: block; transition: 1s;} html.no-transition-page .pie-report li b span { transition: none !important;} .pie-report li b span em { display: block; position: absolute; bottom: 0; background: #002637; left: 0; right: 0; height: 0; transition: 0.5s;} html.no-transition-page .pie-report li b span em { transition: none !important;}.parameter-box { line-height: 36px; display: inline-block; margin: 20px; min-height: 80px; position: relative;} .parameter-box:before { background-color: white; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; position: absolute; opacity: 0; visibility: hidden; content: ''; transition: 0.3s;} .parameter-box.disable:before { opacity: 0.9; visibility: visible;} .parameter-box.top-left { position: absolute; left: 10px; top: 150px; margin: 0;} .parameter-box.top-right { position: absolute; right: 10px; top: 150px; margin: 0;} .parameter-box.top { position: absolute; left: 50%; width: 240px; margin-left: -120px; top: 150px; margin-top: 0;} .parameter-box.top .title { font-size: 18px;} .parameter-box.top .value b { font-size: 36px;} .parameter-box.top .value small { font-size: 24px;} .parameter-box.center { position: absolute; bottom: 10px; left: 50%; height: 79px; width: 120px; margin-left: -60px;} .parameter-box.left { position: absolute; bottom: 10px; left: -10px;} .parameter-box.right { position: absolute; bottom: 10px; right: -10px;} .parameter-box .title { color: #002637; font-weight: bold; font-size: 14px;} .parameter-box .value { display: block;} .parameter-box .value b { font-size: 32px; display: inline-block; font-weight: normal;} .parameter-box .value small { font-size: 20px; font-weight: bold; display: inline-block;}.sliderColourMode { width: 280px; height: 38px; border: 5px solid white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 100px; margin: 0 auto; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); display: none;} .sliderColourMode.active { display: block;} .sliderColourMode span { border: 7px solid white; width: 42px; height: 42px; margin: -7px 0 0 -6px; position: absolute; border-radius: 100px; transition: 0.3s; left: 0; top: 0; left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .sliderColourMode span.dragging { transition: 0s;} .sliderColourMode span:after { content: ''; border: 8px solid transparent; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); display: block; width: 100%; height: 100%; border-radius: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .sliderColourMode ul { display: flex; height: 28px; cursor: pointer; overflow: hidden; border-radius: 100px; background-image: linear-gradient(to right, #fee568, #f8edc0, #f3f3f7, #e2ecf3, #c8deef, #a2ceed, #8ac3eb, #3caee3); line-height: 28px; font-size: 10px; font-weight: bold; color: #fff;} .sliderColourMode ul li { flex: 1; text-align: center;}.show-default-button .slider-pie .defaultButton-container, .show-default-button .slider-pie .defaultButton { display: block;}#popup-temperature.show-default-button .slider-pie .center { margin-top: 20px;}#popup-lighting-scene .slider-pie .defaultButton { margin: 0 auto; top: -60px; transform: translate(-50%, 0); width: 150px;} #popup-lighting-scene .slider-pie .defaultButton:after { content: 'Floor Default Reset';}.slider-pie { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .slider-pie .defaultButton-v2 { border-radius: 100px; z-index: 1010; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; height: 40px; width: 100%; padding: 0 10px 0 0; color: #666; background-color: #eee; overflow: hidden; top: -60px;} .slider-pie .defaultButton-v2 > span { display: inline-block; height: 40px; line-height: 40px; font-size: 12px; padding: 0 15px;} .slider-pie .defaultButton-v2 .action { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); background-image: linear-gradient(white, #ccc); cursor: pointer;} .slider-pie .defaultButton-v2 .action:hover, .slider-pie .defaultButton-v2 .action:focus { color: white; box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.1); background-image: linear-gradient(#999, #666);} .slider-pie .defaultButton-v2 .action:hover b, .slider-pie .defaultButton-v2 .action:focus b { color: #666;} .slider-pie .defaultButton-container { position: absolute; margin: -82px auto 0; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;} .slider-pie .defaultButton-container h4 { font-size: 12px; font-weight: bold; padding-bottom: 5px; margin-bottom: -10px;} .slider-pie .defaultButton-container h4:after { content: ''; border: 1px solid #ccc; border-radius: 25px 25px 0 0; display: block; height: 10px; border-bottom: 0; margin: 3px auto; width: 75%;} .slider-pie .defaultButton-container .buttons { display: block; width: 100%;} .slider-pie .defaultButton-container .button { height: 40px; line-height: 40px; border-radius: 100px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05); background-image: linear-gradient(white, #ccc); border-top: 1px solid #eee; display: inline-block; padding: 0 15px; margin: 0 5px; font-size: 12px; color: #666; width: auto; transition: 0.3s; min-width: 100px;} .slider-pie .defaultButton-container .button:hover, .slider-pie .defaultButton-container .button:focus { color: white; background-image: linear-gradient(#999, #666);} .slider-pie .defaultButton-container .button:hover b, .slider-pie .defaultButton-container .button:focus b { color: #666;} .slider-pie .defaultButton { margin: -45px auto 0; width: 100px; height: 40px; line-height: 40px; border-radius: 100px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); background-image: linear-gradient(white, #ccc); display: none; text-align: center; font-weight: bold; color: #666; transition: 0.3s; z-index: 1010; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12px;} .slider-pie .defaultButton b { width: 20px; height: 20px; background-color: white; border-radius: 1000px; margin-right: 6px; font-size: 9px; display: inline-block; line-height: 20px; letter-spacing: 1px; position: relative; box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.2); top: -1px;} .slider-pie .defaultButton:after { content: 'Default';} .slider-pie .defaultButton:hover, .slider-pie .defaultButton:focus { color: white; box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.1); background-image: linear-gradient(#999, #666);} .slider-pie .defaultButton:hover b, .slider-pie .defaultButton:focus b { color: #666;} .slider-pie.onOff { filter: grayscale(100%);} .slider-pie.onOff:after { position: absolute; visibility: visible; opacity: 1; transition: 0.3s; content: ''; top: -40px; right: -40px; bottom: -40px; left: -40px; background: rgba(255, 255, 255, 0.3); z-index: 1000; border-radius: 1000px;} .slider-pie.onOff.on { filter: grayscale(0%);} .slider-pie.onOff.on:after { visibility: hidden; opacity: 0;} .slider-pie .min-user, .slider-pie .max-user { position: absolute; width: 90px; height: 30px; line-height: 30px; background-size: contain; background-position: center center; background-repeat: no-repeat; bottom: 30px; font-size: 11px; text-transform: uppercase;} .slider-pie .min-user b, .slider-pie .max-user b { font-size: 14px; font-weight: normal;} .slider-pie .min-user { left: 50px; text-align: left;} .slider-pie .max-user { right: 50px; text-align: right;} .slider-pie.brightness .min-user, .slider-pie.brightness .max-user { bottom: 0;} .slider-pie .slider-loading { border-radius: 50%; width: 180px; height: 180px; border: 10px solid rgba(255, 255, 255, 0.2); border-top-color: #002637; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; position: absolute; z-index: 1000; margin: 60px 0 0 60px; transition: 0.5s; opacity: 0;} html.no-transition-page .slider-pie .slider-loading { transition: none !important;} .slider-pie .slider-loading.active { opacity: 1;} .slider-pie .rs-handle:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-position: center center; background-repeat: no-repeat; content: '';} .slider-pie .rs-range-color, .slider-pie .rs-path-color { background-color: transparent;} .slider-pie.temperature { top: 435px;} .slider-pie.temperature .rs-handle { margin: -20px 0 0 -14px !important; position: relative; border-radius: 1000px; height: 40px !important; width: 40px !important; background: white; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);} .slider-pie.temperature .hot-icon, .slider-pie.temperature .cold-icon { position: absolute; width: 30px; height: 30px; background-size: contain; background-position: center center; background-repeat: no-repeat; bottom: 30px;} .slider-pie.temperature .hot-icon { background-image: url(../img/environmental-controls/slider-pie-temperature-hot.svg); right: 15px;} .slider-pie.temperature .cold-icon { background-image: url(../img/environmental-controls/slider-pie-temperature-cold.svg); left: 15px;} .slider-pie.temperature .rs-handle:after { background: linear-gradient(#fff, #ddd); border-radius: 1000px;} .slider-pie.temperature .bg { background-image: url(../img/environmental-controls/slider-pie-temperature-bg.png);} .slider-pie.brightness { top: 365px;} .slider-pie.brightness .rs-handle { position: relative; margin: -40px 0 0 -10px !important; height: 80px !important; width: 80px !important; background-color: transparent;} .slider-pie.brightness .rs-handle:after { background-image: url(../img/environmental-controls/slider-pie-brightness-control.png);} .slider-pie.brightness .bg { background-image: url(../img/environmental-controls/slider-pie-brightness-bg.png);} .slider-pie .rs-control .rs-overlay { display: none;} .slider-pie .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; content: ''; transition: opacity 0.3s; opacity: 0.2;} html.no-transition-page .slider-pie .bg { transition: none !important;} .slider-pie.active .bg { opacity: 0.7;} .slider-pie:not(.active) .slider * { display: none !important;} .slider-pie .rs-border { border-color: transparent;} .slider-pie .up { width: 190px; height: 190px; border-radius: 10000px; background: white; box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; font-size: 14px; text-align: center; transition: 0.5s;} html.no-transition-page .slider-pie .up { transition: none !important;} html.drag-slider .slider-pie .up { transform: translate(-50%, -50%) scale(0.95);} .slider-pie .up.txt-off { color: white;} .slider-pie .up-container { background: transparent; box-shadow: none;} html.drag-slider .slider-pie .up-container { transform: translate(-50%, -50%);} .slider-pie .up .up-fade { background: black; box-shadow: none; z-index: 500;} .slider-pie.speedfan { margin-top: 30px; transition: 0.3s;} html.no-transition-page .slider-pie.speedfan { transition: none !important;} .slider-pie.speedfan .rs-tooltip { display: none;} .slider-pie.speedfan .rs-handle { margin: -20px 0 0 -14px !important; position: relative; height: 16px !important; width: 16px !important; background: transparent; transition: 0.3s; height: 40px !important; width: 40px !important; margin: -32px 0 0 -32px !important; z-index: 10000;} html.no-transition-page .slider-pie.speedfan .rs-handle { transition: none !important;} .slider-pie.speedfan .rs-handle:after { transition: 0.3s; background: linear-gradient(#eee, #ccc); border-radius: 1000px; border-radius: 1000px; height: 16px !important; width: 16px !important; box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -2px;} html.no-transition-page .slider-pie.speedfan .rs-handle:after { transition: none !important;} .slider-pie.speedfan .bg { background-image: url(../img/environmental-controls/slider-pie-speedfan-bg.png); top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 0.3; transition: 0.3s;} html.no-transition-page .slider-pie.speedfan .bg { transition: none !important;} .slider-pie.speedfan .up { width: 40px; height: 40px; border-radius: 10000px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; font-size: 14px; text-align: center; transition: 0.5s; background: white; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; overflow: hidden; cursor: pointer; z-index: 1000; line-height: 30px;} html.no-transition-page .slider-pie.speedfan .up { transition: none !important;} html.drag-slider .slider-pie.speedfan .up { transform: translate(-50%, -50%);} .slider-pie.speedfan .up:before, .slider-pie.speedfan .up:after { content: ''; bottom: 4px; left: 50%; width: 12px; height: 12px; margin-left: -6px; background-image: url(../img/environmental-controls/slider-pie-speedfan-gray.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; transition: 0.3s; opacity: 1;} html.no-transition-page .slider-pie.speedfan .up:before, html.no-transition-page .slider-pie.speedfan .up:after { transition: none !important;} .slider-pie.speedfan .up:before { background-image: url(../img/environmental-controls/slider-pie-speedfan-white.svg); opacity: 0;} .slider-pie.speedfan .slider-loading { width: 44px; height: 44px; margin: 3px 0 0 3px; border: 2px solid rgba(255, 255, 255, 0.2); border-top-color: #666;} .slider-pie.speedfan.autoActive:after { opacity: 0;} .slider-pie.speedfan.autoActive .rs-handle { opacity: 0; visibility: hidden;} .slider-pie.speedfan.autoActive .bg { opacity: 0;} .slider-pie.speedfan.autoActive .up { border-width: 0; background: linear-gradient(#002637, #29c67e); color: white; text-shadow: 0px 0px 5px rgba(255, 255, 255, .6); box-shadow: 1px 1px 40px #37ea97; transform: translate(-50%, -50%) scale(1.3);} .slider-pie.speedfan.autoActive .up:after, .slider-pie.speedfan.autoActive .up:before { bottom: 6px; transform: rotate(360deg);} .slider-pie.speedfan.autoActive .up:after { opacity: 0;} .slider-pie.speedfan.autoActive .up:before { opacity: 1;} .slider-pie .center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; line-height: 36px; z-index: 1000;} .slider-pie .center .value { display: block;} .slider-pie .center .value b { font-size: 48px; display: inline-block; font-weight: normal;} .slider-pie .center .value small { font-size: 24px; font-weight: bold; display: inline-block;}.slider-vertical--blind { height: 320px; background: #ddd; box-shadow: inset 3px 3px 25px rgba(0, 0, 0, 0.2); width: 100%; max-width: 480px; margin: 30px auto 0; border-radius: 5px; border-bottom: 3px solid #ddd;} .slider-vertical--blind .ui-slider-range-max { min-height: 6%;} .slider-vertical--blind .ui-slider-range-max .el { height: calc(16.66% - 2px); perspective: 480px; position: relative; margin-top: 2px;} .slider-vertical--blind .ui-slider-range-max .el span { background: white; background-image: linear-gradient(white, #eee); box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.2); display: block; height: 100%; transition: 0.3s; transform: rotateX(-10deg); transform-origin: center center; margin: 0 2px;} .slider-vertical--blind .ui-slider-range-max .el:after { content: ''; position: absolute; top: 50%; height: 2px; background: #f5f5f5; margin-top: -1px; left: 5px; right: 5px;} .slider-vertical--blind .ui-slider-handle { background: transparent; right: -0.3em; width: auto; background: transparent; right: -0.3em; width: auto; left: 50%; right: auto; width: 50px; background: white; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); height: 30px; line-height: 30px; margin-left: -25px; margin-bottom: -15px; border-radius: 5px; background-image: linear-gradient(white, #eee); font-size: 14px; font-weight: bold; text-align: center; color: #666;} .slider-vertical--blind .ui-slider-handle small { font-size: 10px;}#splashscreen { z-index: 8500; background: #fff;} #splashscreen .logo-bottom { background-image: url(../img/logo.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; position: absolute; width: 300px; height: 24px; left: 50%; bottom: 15px; margin-left: -150px;}#splashscreen .input { max-width: 300px;}#splashscreen .button { max-width: 300px; margin: 6px auto;}#splashscreen > .loading-animation { margin: -24px 0 0 -24px; position: absolute; top: 50%; left: 50%; margin-top: 5px;}#splashscreen .logo { margin: 0 auto; margin-top: -70px; max-width: 350px; width: 110%; height: 350px; background-image: url(../img/logo.png); background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%;}html.show-splashscreen-register #splashscreen .logo-bottom { opacity: 0; visibility: hidden;}@media screen and (max-height: 530px) { #splashscreen .logo-bottom { opacity: 0; visibility: hidden;}}#splashscreen .slides { width: 100%; position: absolute; top: 50%; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: 100;}#splashscreen .slides .slide { width: 100%; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-left: 10px; padding-right: 10px;}#splashscreen .slides .slide.slide-who { left: 0; margin-top: 80px; font-size: 32px; color: white;}#splashscreen .slides .slide.slide-home { left: 0; margin-top: 80px;}#splashscreen .slides .slide.slide-login { left: 100%; margin-top: 90px;}#splashscreen .slides .slide.slide-register { left: 200%; margin-top: 5px;}#splashscreen .slides .slide.slide-reset { left: 300%; margin-top: 90px;}#splashscreen .slides .slide.slide-mfa { left: 400%; margin-top: 10px;}#splashscreen small { font-size: 11px; line-height: normal; display: block; padding: 5px 10px 5px; max-width: 320px; width: 100%; margin: 0 auto; display: block; text-align: left;}#splashscreen small.legend-description { font-size: 9px; line-height: 10px; opacity: 0.5; padding-top: 0; display: block; position: relative; top: -3px; clear: both;}#splashscreen small.required-label { font-size: 10px; letter-spacing: 1px; padding: 0;}#splashscreen small span.action-popup { color: white; cursor: pointer; position: relative; color: #002637;}#splashscreen small span:hover { color: #002637;}html.show-splashscreen-home #splashscreen .logo { margin-top: -140px;}html.show-splashscreen-home #splashscreen .slides { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}html.show-splashscreen-login #splashscreen .logo { margin-top: -140px;}html.show-splashscreen-login #splashscreen .slides { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}html.show-splashscreen-register #splashscreen { overflow: auto; overflow-x: hidden;}html.show-splashscreen-register #splashscreen .logo { margin-top: 0; opacity: 0;}html.show-splashscreen-register #splashscreen .slides { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0);}@media screen and (max-height: 570px) { html.show-splashscreen-register #splashscreen .slides { top: 0;} #splashscreen .slides .slide.slide-register { transform: translateY(0%); -webkit-transform: translateY(0%);}}html.show-splashscreen-reset #splashscreen .logo { margin-top: -110px;}html.show-splashscreen-reset #splashscreen .slides { -webkit-transform: translate3d(-300%, 0, 0); transform: translate3d(-300%, 0, 0);}html.show-splashscreen-mfa #splashscreen .logo { margin-top: -120px;}html.show-splashscreen-mfa #splashscreen .slides { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0);}html.show-splashscreen-mfa #splashscreen > .loading-animation, html.show-splashscreen-reset #splashscreen > .loading-animation, html.show-splashscreen-register #splashscreen > .loading-animation, html.show-splashscreen-login #splashscreen > .loading-animation, html.show-splashscreen-home #splashscreen > .loading-animation { opacity: 0; visibility: hidden;}.subnav { position: absolute; top: 60px; height: 60px; width: 100%; z-index: 11; border-bottom: 1px solid #eee;} .subnav ul li { float: left; height: 60px; text-align: center; background: white; text-align: center; line-height: 60px; font-size: 14px; font-weight: bold; color: #666; border-bottom: 4px solid #eee; border-right: 1px solid #eee; transition: 0.5s; background: #f5f5f5; position: relative; cursor: pointer;} html.no-transition-page .subnav ul li { transition: none !important;} .subnav ul li.active { border-bottom: 4px solid #ddd; background: white; z-index: 10;} .subnav ul.x4 li { width: 25%;}.table-offer { padding: 0;} .table-offer li { padding: 5px 20px !important; border-bottom: 1px solid #ddd; padding-left: 30px !important; position: relative; font-size: 12px;} .table-offer li:last-child { border: 0;} .table-offer li b { font-weight: normal; float: right;} .table-offer li.ico:before { position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center center; top: 6px; left: 0; height: 18px; width: 18px; content: '';} .table-offer li.ico--clock:before { background-image: url(../img/ico/table-offer/clock.svg);} .table-offer li.ico--store:before { background-image: url(../img/ico/table-offer/store.svg);} .table-offer li.ico--calendar:before { background-image: url(../img/ico/table-offer/calendar.svg);} .table-offer li.ico--label:before { background-image: url(../img/ico/table-offer/label.svg);} .table-offer:after { clear: both; display: block; content: '';}ul.tabs { display: flex; flex-wrap: wrap; height: 40px; line-height: 40px; cursor: pointer;} ul.tabs li { padding: 0 10px; flex: 1; text-align: center; position: relative; border-right: 1px solid #ddd; transition: 0.3s;} ul.tabs li.active { background-color: #002637; color: white;}ul.taxi-result { display: flex; flex-wrap: wrap;} ul.taxi-result li { padding: 10px; width: 50%; text-align: center; position: relative; border-right: 1px solid #eee; border-bottom: 1px solid #eee; transition: 0.3s;} html.no-transition-page ul.taxi-result li { transition: none !important;} ul.taxi-result li select { width: 100%; background-color: transparent; border: 0; background-image: url(../img/ui/select.svg); background-repeat: no-repeat; background-position: top 50% right 0; background-size: 16px; border-bottom: 1px solid #ddd; padding: 10px 0; padding-right: 22px; font-weight: normal; margin-bottom: 5px; font-size: 14px;} ul.taxi-result li select option { font-size: 14px;} ul.taxi-result li .price { font-size: 32px;} ul.taxi-result li .passengers { font-weight: normal; font-size: 12px;} ul.taxi-result li ul.vehicles li { padding: 0; display: none; border: 0; width: 100%;} ul.taxi-result li ul.vehicles li.active { display: block;} ul.taxi-result li ul.vehicles li .image { width: 100%; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: contain; margin: 5px 0;} ul.taxi-result li:hover { background-color: #f5f5f5;} ul.taxi-result li .company-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; margin: 5px 0; font-size: 12px;} ul.taxi-result li .score { font-size: 12px; text-align: center; line-height: 20px; height: 20px;} ul.taxi-result li .score .stars { margin-right: 5px;} ul.taxi-result li .score .stars span { width: 20px; height: 20px; overflow: hidden; border: 0; padding: 0; display: inline-block; background-image: url(../img/ico/taxi/star.svg); background-repeat: no-repeat; background-position: center; vertical-align: bottom;} ul.taxi-result li .score .stars span.active { background-image: url(../img/ico/taxi/star--ea555b.svg);} ul.taxi-result li .score .stars span.half { background-image: url(../img/ico/taxi/star--half-ea555b.svg);} ul.taxi-result li .score .stars:after { clear: both; width: 100%; display: block; after: '';} ul.taxi-result li .button { width: 100%; display: block; margin-top: 10px; text-decoration: none;}.touch-refresh { transition: 0.5s;} html.no-transition-page .touch-refresh { transition: none !important;}.touch-refresh.touch-refresh--waiting { transform : translate3d(0, 90px, 0);}.touch-refresh.touch-refresh--waiting-bottom { transform : translate3d(0, -90px, 0);}.touch-refresh__loading--bottom, .touch-refresh__loading { position: absolute; top: 0; margin-top: 95px; width: 40px; height: 40px; left: 50%; transform: translateX(-50%); width: 0; height: 0; opacity: 0;}.touch-refresh__loading--bottom { top: auto; bottom: 0; margin-top: 0; opacity: 1; height: 70px; width: 40px;}.page-search .touch-refresh__loading { margin-top: 155px; margin-top: 145px;}.touch-refresh__loading--bottom:after, .touch-refresh__loading:after { position: absolute; width: calc(100% - 8px); height: calc(100% - 8px); border: 4px solid rgba(51, 51, 51, 0.2); border-top-color: #666; content: ''; border-radius: 10000px; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear;}.touch-refresh__loading:after { animation: spinTop 0.7s infinite linear; -webkit-animation: spinTop 0.7s infinite linear;}.touch-refresh__loading--bottom:after { width: 40px; height: 40px;}.touch-refresh__loading--bottom.transition, .touch-refresh__loading.transition { transition: 0.5s;} html.no-transition-page .touch-refresh__loading--bottom.transition, html.no-transition-page .touch-refresh__loading.transition { transition: none !important;}#archive, .list.list-mini li .img:before, .list.list-big li .img:before, .list.list-mini li .img:after, .list.list-big li .img:after, .alert-avatar-box, .alert-avatar-box .box, .alert-avatar-box .box li, #loading, .loading-animation, .loading-layer, .list.list-mini li.spend .title, .page, .page .header .back span, .page .header .back, .page .header .nav span, .page .header .nav, .page .search input[type="submit"], .page .search .button-cancel, .page .content .nolist-content, .page.popup .content:after, #navigation li, #navigation, #splashscreen small span, #splashscreen .logo-bottom, #splashscreen .logo, #splashscreen .slides, #splashscreen .slides .slide, .button-back, .button:before, .button:after, .button { transition: 0.2s;} html.no-transition-page #archive, html.no-transition-page .list.list-mini li .img:before, html.no-transition-page .list.list-big li .img:before, html.no-transition-page .list.list-mini li .img:after, html.no-transition-page .list.list-big li .img:after, html.no-transition-page .alert-avatar-box, html.no-transition-page .alert-avatar-box .box, html.no-transition-page .alert-avatar-box .box li, html.no-transition-page #loading, html.no-transition-page .loading-animation, html.no-transition-page .loading-layer, html.no-transition-page .list.list-mini li.spend .title, html.no-transition-page .page, html.no-transition-page .page .header .back span, html.no-transition-page .page .header .back, html.no-transition-page .page .header .nav span, html.no-transition-page .page .header .nav, html.no-transition-page .page .search input[type="submit"], html.no-transition-page .page .search .button-cancel, html.no-transition-page .page .content .nolist-content, html.no-transition-page .page.popup .content:after, html.no-transition-page #navigation li, html.no-transition-page #navigation, html.no-transition-page #splashscreen small span, html.no-transition-page #splashscreen .logo-bottom, html.no-transition-page #splashscreen .logo, html.no-transition-page #splashscreen .slides, html.no-transition-page #splashscreen .slides .slide, html.no-transition-page .button-back, html.no-transition-page .button:before, html.no-transition-page .button:after, html.no-transition-page .button { transition: none !important;}.notransition, html.no-transition-page .page, html.overlay .loading-layer { transition: none !important;}.upload-feed-image-container { display: block; clear: both; overflow: hidden; display: none;} .upload-feed-image-container .upload-feed-image { background-color: #eee; border: 0; width: calc(100% - 100px); padding: 10px; margin: 0 auto; box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.05); position: relative; min-height: 80px;} .upload-feed-image-container .upload-feed-image:after { position: absolute; width: 30px; height: 30px; border: 4px solid rgba(51, 51, 51, 0.2); border-top-color: #666; content: ''; border-radius: 10000px; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; top: 50%; left: 50%; margin: -19px 0 0 -17px; transition: 0.3s;} html.no-transition-page .upload-feed-image-container .upload-feed-image:after { transition: none !important;} html.uploading-feed-image-2 .upload-feed-image-container .upload-feed-image:after { opacity: 0;} .upload-feed-image-container .upload-feed-image .close { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center center; background-color: #002637; transition: 0.5s; border-radius: 3px; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); z-index: 30; opacity: 0; visibility: hidden;} html.no-transition-page .upload-feed-image-container .upload-feed-image .close { transition: none !important;} html.uploading-feed-image-2 .upload-feed-image-container .upload-feed-image .close { opacity: 1; visibility: visible;} .upload-feed-image-container .upload-feed-image .close:after, .upload-feed-image-container .upload-feed-image .close:before { width: 45%; height: 2px; background: white; position: absolute; transform: translate(-50%, -50%) rotate(45deg); top: 50%; left: 50%; display: block; content: '';} .upload-feed-image-container .upload-feed-image .close:before { transform: translate(-50%, -50%) rotate(-45deg);} .upload-feed-image-container .upload-feed-image img { border-radius: 5px; width: 100%; display: block; position: relative; z-index: 20; opacity: 0; transition: 0.3s;} html.no-transition-page .upload-feed-image-container .upload-feed-image img { transition: none !important;} html.uploading-feed-image-2 .upload-feed-image-container .upload-feed-image img { opacity: 1;}#alert { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8600; opacity: 0; visibility: hidden; transition: 0.2s;} #alert .android-ico:before, #alert .ios-ico:before { content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-image: url(../img/report/ios--fff.svg); display: inline-block; margin-right: 5px; margin-top: 2px; vertical-align: top;} #alert .android-ico:before { background-image: url(../img/report/android--fff.svg);} html.no-transition-page #alert { transition: none !important;} html.show-alert #alert { opacity: 1; visibility: visible;} #alert .button { margin: 0 auto; margin-bottom: 0; padding-left: 0; padding-right: 0; text-indent: 0; width: 100%; max-width: 160px; display: inline-block; height: 50px; line-height: 50px; background-color: #fff; color: #000;} #alert .button:before { display: none;} #alert .button.v2 { background-color: #000; color: white;} #alert .button-area { padding-top: 15px; display: none;} #alert .box { width: calc(50% - 10px); top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: calc(100% - 40px); max-width: 360px; min-height: 120px; position: fixed; border-radius: 10px; padding: 25px 20px 20px; text-align: center; transition: 0.2s; max-height: 460px; overflow-y: auto; background-color: #002637; color: #fff;} html.no-transition-page #alert .box { transition: none !important;} #alert .box .area { margin-bottom: 5px;} #alert .box .area small { opacity: 0.6; font-size: 16px;} #alert .box .area b { font-size: 26px; font-weight: normal;} #alert .box .area .discount { text-align: right; font-size: 14px; font-weight: normal; display: block; max-width: 80%; width: 100%; margin: 5px auto 0; clear: both;} #alert .box .area .discount li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 3px 0;} #alert .box .area .discount li b { font-size: 14px; float: left; font-weight: normal; padding-right: 20px; opacity: 0.6;} #alert .box .area .qrcode { display: block; width: 120px; height: 120px; margin: 10px auto; padding: 3px; background: white;} #alert .box .area .qrcode img, #alert .box .area .qrcode canvas { display: block; margin: 0 auto;} #alert .box:after { content: ''; display: block; clear: both;} #alert .box:before { width: 80px; height: 80px; margin: 0 auto 20px; content: ''; display: block; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(../img/ico/alert/ok--fff.svg);} #alert.ico.ico-ok .box, #alert.ico.ico-star .box { perspective: 1000px;} #alert.ico.ico-user .box:before { background-image: url(../img/ico/alert/user--fff.svg);} #alert.ico.ico-star .box:before { background-image: url(../img/ico/alert/star--fff.svg);} #alert.ico.ico-error .box:before { background-image: url(../img/ico/alert/error--fff.svg);} #alert.ico.ico-mail .box:before { background-image: url(../img/ico/alert/mail--fff.svg);} #alert.ico.ico-search .box:before { background-image: url(../img/ico/alert/search--fff.svg);} #alert.ico.ico-system .box:before { background-image: url(../img/ico/alert/system--fff.svg);} #alert.ico.ico-feedback .box:before { background-image: url(../img/ico/alert/feedback--fff.svg);} #alert.ico.ico-feedbackno .box:before { background-image: url(../img/ico/alert/feedbackno--fff.svg);}#alert.show-button-area-ok .button-area.button-area-ok, #alert.show-button-area-confirm .button-area.button-area-confirm { display: block;}#alert .button-area.button-area-confirm .button { width: 40%; margin-left: 2px; margin-right: 2px;}#alert.shake .box { animation: errorAlert 1s ease;}.alert-avatar-box .action-pass-remove, .alert-avatar-box .action-avatar-remove { display: none;}.alert-avatar-box.show-remove-button .action-pass-remove, .alert-avatar-box.show-remove-button .action-avatar-remove { display: block;}.alert-avatar-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8550; opacity: 0; visibility: hidden;}.alert-avatar-box .box p { margin-bottom: 5px;}.alert-avatar-box .box { width: calc(50% - 10px); top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.7); transform: translateY(-50%) translateX(-50%) scale(0.7); width: calc(100% - 40px); max-width: 360px; min-height: 0; position: fixed; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 25px 20px 20px; padding: 0; text-align: center; font-size: 18px; font-weight: 600; background-color: #002637; color: #fff; overflow: hidden;}.alert-avatar-box .box li:hover { background-color: #000;}.alert-avatar-box .box li { cursor: pointer; padding: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}.alert-avatar-box .box li:last-child { border: 0;}html.show-alert-pass #alert-pass, html.show-alert-img-feed #alert-img-feed, html.show-alert-avatar #alert-avatar { opacity: 1; visibility: visible;}html.show-alert-pass #alert-pass .box, html.show-alert-img-feed #alert-img-feed .box, html.show-alert-avatar #alert-avatar .box { -webkit-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1);}#alert-vcard { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8600; opacity: 0; visibility: hidden; transition: 0.2s;} html.no-transition-page #alert-vcard { transition: none !important;} html.show-alert-vcard #alert-vcard { opacity: 1; visibility: visible;} #alert-vcard .button { margin: 0 auto; margin-bottom: 0; padding-left: 0; padding-right: 0; text-indent: 0; width: 100%; max-width: 160px; display: inline-block; height: 50px; line-height: 50px; background-color: #fff; color: #000;} #alert-vcard .button:before { display: none;} #alert-vcard .button.v2 { background-color: #000; color: white;} #alert-vcard .button-area { padding-top: 15px;} #alert-vcard .box { width: calc(50% - 10px); top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: calc(100% - 40px); max-width: 360px; min-height: 120px; position: fixed; border-radius: 10px; padding: 25px 20px 20px; text-align: center; transition: 0.2s; max-height: 460px; overflow-y: auto; background-color: #002637; color: #fff;} html.no-transition-page #alert-vcard .box { transition: none !important;} #alert-vcard .box a { color: white; display: block; padding: 8px 0;} #alert-vcard .box h3 { font-size: 18px; font-weight: bold; text-align: center;} #alert-vcard .box h4 { font-size: 14px; text-align: center;} #alert-vcard .box table { width: 100%; text-align: left; margin-top: 12px;} #alert-vcard .box table td.u { border-bottom: 1px solid rgba(255, 255, 255, 0.2); width: 100%;} #alert-vcard .box table td.ico { width: 40px; height: 40px; display: block; margin-top: 6px; margin-right: 5px; background-repeat: no-repeat; background-position: center; background-size: 50%;} #alert-vcard .box table td.ico--phone { background-image: url(../img/ico/alert/phone--fff.svg);} #alert-vcard .box table td.ico--email { background-image: url(../img/ico/alert/mail--fff.svg);} #alert-vcard .box table td.ico--website { background-image: url(../img/ico/alert/star--fff.svg);} #alert-vcard .box table td .value { font-size: 16px;} #alert-vcard .box table td .value--small { font-size: 13px;} #alert-vcard .box table td .value--link { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;} #alert-vcard .box table td label { font-size: 10px; display: block; opacity: 0.5;} #alert-vcard .box .area { margin-bottom: 5px;} #alert-vcard .box:after { content: ''; display: block; clear: both;}#alert-vcard .button-area .button { width: 40%; margin-left: 2px; margin-right: 2px;}html.show-archive #page-home .overlay { display: block;}html.show-archive #page-home { -webkit-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0);}#archive { width: 260px; background-color: #f5f5f5; z-index: 9999; position: absolute; top: 0; bottom: 0; right: 0; transform: translate(260px, 0);} html.show-archive #archive { transform: translate(0, 0);} #archive:after { width: 140px; height: 140px; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; content: ''; position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -80px; border-radius: 1000px; content: ''; display: block; z-index: 100; opacity: 0; visibility: hidden; border: 10px solid rgba(204, 204, 204, 0.2); border-top-color: #666; transition: 0.3s;} #archive.loading:after { opacity: 1; visibility: visible;} #archive .nolist-content { height: 0; transition: 0.3s; visibility: hidden; opacity: 0; overflow: hidden; position: absolute; left: 20px; right: 20px; text-align: center; font-size: 24px; line-height: 24px; font-weight: 700; top: 50%; margin-top: -100px;} #archive .nolist-content:before { background-image: url(../img/ico/alert/error--ddd.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 160px; height: 160px; margin: 0 auto 20px; display: block; content: '';} #archive.no-results .nolist-content { height: 220px; opacity: 1; visibility: visible;} #archive .scroll { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-y: auto; overflow-y: scroll; transition: 0.3s;} #archive.loading .scroll, #archive.no-results .scroll { opacity: 0; visibility: hidden;} #archive ul { padding: 5px 10px; font-size: 12px;} #archive ul li { border-radius: 10px; background-color: white; border: 0; margin: 5px 0; padding: 10px;} #archive ul li .top { display: block; margin-bottom: 5px; font-size: 10px; color: #999; vertical-align: middle;} #archive ul li .top:before { display: inline-block; width: 16px; height: 16px; margin-right: 3px; margin-bottom: -4px; background-repeat: no-repeat; background-position: center; background-image: url(../img/ico/nav/history.svg); content: '';} #archive ul li[data-type="offer"] .top:before { background-image: url(../img/ico/nav/convenience-store.svg);} #archive ul li[data-type="event"] .top:before { background-image: url(../img/ico/nav/events.svg);} #archive ul li[data-type="chat"] .top:before { background-image: url(../img/ico/nav/messages.svg);} #archive ul li[data-type="socialwall"] .top:before { background-image: url(../img/ico/nav/monitor.svg);} #archive ul li h4 { font-weight: bold; font-size: 13px;} #archive ul li p { margin: 0;}#navBottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; transform: translate3d(0, 80px, 0); z-index: 1000; border-top: 1px solid #ddd; transition: 0.3s;} #navBottom ul { display: flex; height: 80px; text-align: center; font-size: 9px; font-weight: bold;} #navBottom ul li { border-right: 1px solid #ddd; height: 80px; flex-grow: 1; flex-basis: 0; padding: 5px; transition: 0.3s;} html.no-transition-page #navBottom ul li { transition: none !important;} #navBottom ul li.active { background-color: #ddd;} #navBottom ul li:last-child { border: 0;} #navBottom ul li b { width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; background-position: center; display: block; margin: 10px auto; transition: 0.3s;}html.show-navBottom #container { height: calc(100% - 80px); transition: height 0.3s;}html.fakelogged #container { transition: none !important;}html.fakelogged #container, html.show-navigation.show-navBottom #container { height: 100%;}.pika-single { background: transparent !important; position: fixed !important; border: 0 !important; margin: 0 !important; transform: translate(-50%, -50%) !important; top: 50% !important; left: 50% !important;}.pika-single:after { background: #000; opacity: 0.1; content: ''; top: 0; right: 0; bottom: 0; left: 0; display: block; position: absolute;}.pika-single .pika-lendar { top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 300px; max-width: 480px; background-color: white; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); position: absolute; padding: 10px; width: calc(100% - 40px); z-index: 10; float: none; margin: 0; border-top: 40px solid #002637;}.pika-table abbr { border: 0 !important; cursor: default; text-decoration: none;}.pika-label { font-size: 20px; color: #000;}.pika-table th, .pika-table td { font-weight: normal; text-align: center; border-radius: 1000px; overflow: hidden;}.pika-table th button, .pika-table td button { text-align: center; padding: 15px 8px; border-radius: 1000px; overflow: hidden;}.pika-title { position: relative; text-align: center; padding: 10px 0 20px;}.pika-title:after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 80px); bottom: 0; z-index: 10000; content: ''; display: block;}.pika-button { background-color: transparent; font-size: 14px; border-radius: 1000px;}.is-today .pika-button { font-weight: normal; border-radius: 1000px;}.is-selected .pika-button { background-color: transparent; color: #666; border-radius: 1000px; font-weight: normal;}.is-today .pika-button { color: #3af;}.pika-button:hover { color: #fff; background: #2b3033;}.pika-prev, .pika-next { width: 40px; height: 40px; text-indent: -9999px; background-size: 33%; margin-top: -5px; background: transparent; opacity: 1; position: relative;}.pika-prev:after, .pika-next:after { background-image: url(../img/ui/arrow-right.svg); background-repeat: no-repeat; background-size: 24px; background-position: center center; content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute;}.pika-prev:after { transform: rotate(-180deg);}.pinch-zoom-parent { min-height: 100vw; position: relative; overflow: hidden; margin: 15px 0;} .pinch-zoom-parent--full-height { margin: 0;} .pinch-zoom-parent img { width: 100%; display: block;}.loyalty-card { padding-top: 5px; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px;} .loyalty-card .title { text-align: center; font-size: 22px; font-weight: 900; text-transform: uppercase;} .loyalty-card .description { line-height: 100%; display: block; padding: 0 10px; font-size: 18px; max-width: 480px; margin: 0 auto; font-weight: 600; text-align: center;} .loyalty-card ul { max-width: 480px !important;} .loyalty-card ul.x3 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .loyalty-card ul.x3 li { padding-bottom: 32% !important; flex: 0 0 calc(33.33% - 6px); margin: 3px; background-color: #f2f2f2; border-radius: 30px;} .loyalty-card ul.x3 li .c { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: 0.3s;} html.no-transition-page .loyalty-card ul.x3 li .c { transition: none !important;} .loyalty-card ul.x3 li .c:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background-size: 70%; background-repeat: no-repeat; background-position: center top 5px; background-image: url(../img/loyalty/loyalty-redeem.svg); opacity: 0.2;} .loyalty-card ul.x3 li .c b { display: none;} .loyalty-card ul.x3 li .c:before { content: 'Redeem'; position: absolute; display: block; opacity: 1; font-size: 11px; color: #000; text-align: center; width: 100%; bottom: 0; left: 0; background-color: #eee; padding: 6px 0;} .loyalty-card ul.x3 li.scanned .c { background-color: #cfc;} .loyalty-card ul.x3 li.scanned .c:after { background-image: url(../img/loyalty/loyalty-compleded.svg); opacity: 1;} .loyalty-card ul.x3 li.scanned .c:before { content: 'Completed'; background-color: #b3ffb3; color: #008000;} .loyalty-card ul.x3 li.redeem .c { background-color: #cfc;} .loyalty-card ul.x3 li.redeem .c:after { background-image: url(../img/loyalty/loyalty-compleded.svg);} .loyalty-card ul.x3 li.redeem .c:before { content: 'Scan Your Code'; background-color: #2eb82e; color: #fff;} .loyalty-card ul.x3 li.redeem:last-child .c { background-color: #cfc;} .loyalty-card ul.x3 li.redeem:last-child .c:after { opacity: 1;} .loyalty-card ul.x3 li.redeem:last-child .c:before { content: 'Scan Your Reward'; background-color: #2eb82e; color: #fff;} .loyalty-card ul.x3 li:last-child .c { background-color: #ffd6cc;} .loyalty-card ul.x3 li:last-child .c:after { background-image: url(../img/loyalty/loyalty-reward.svg);} .loyalty-card ul.x3 li:last-child .c:before { content: 'Reward'; background-color: #ffc2b3; color: #e62e00;} .loyalty-card ul li { float: left; position: relative; padding: 0 !important; overflow: hidden;} .loyalty-card ul li.action { cursor: pointer;} .loyalty-card ul:after { clear: both; content: ''; display: block;}.box-favourites-podcasts, .podcast-box { clear: both; padding: 20px 0; border-bottom: 1px solid #ddd; margin: 0;} .box-favourites-podcasts .title, .podcast-box .title { font-size: 24px; font-weight: bold; padding: 0;} .box-favourites-podcasts .subtitle, .podcast-box .subtitle { font-size: 16px; font-weight: bold; padding: 0;} .box-favourites-podcasts .subtitle .ico, .podcast-box .subtitle .ico { max-height: 16px; max-width: 32px; width: 100%; display: inline-block; margin-right: 5px; margin-bottom: -2px;} .box-favourites-podcasts ul, .podcast-box ul { display: flex; flex-wrap: wrap; margin: 0 -5px 20px !important;} .box-favourites-podcasts ul li, .podcast-box ul li { padding: 5px !important; width: 33.33%; position: relative;} .box-favourites-podcasts ul li .favourite-button, .podcast-box ul li .favourite-button { width: 32px; height: 32px; top: 0; right: 0; position: absolute; z-index: 10000; background-color: white; border: 1px solid #ddd; border-radius: 3px; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); transition: 0.3s;} html.no-transition-page .box-favourites-podcasts ul li .favourite-button, html.no-transition-page .podcast-box ul li .favourite-button { transition: none !important;} .box-favourites-podcasts ul li .favourite-button:before, .podcast-box ul li .favourite-button:before, .box-favourites-podcasts ul li .favourite-button:after, .podcast-box ul li .favourite-button:after { width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-position: center; background-image: url(../img/ico/magazine/star--666.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; transition: 0.3s;} html.no-transition-page .box-favourites-podcasts ul li .favourite-button:before, html.no-transition-page .podcast-box ul li .favourite-button:before, html.no-transition-page .box-favourites-podcasts ul li .favourite-button:after, html.no-transition-page .podcast-box ul li .favourite-button:after { transition: none !important;} .box-favourites-podcasts ul li .favourite-button:before, .podcast-box ul li .favourite-button:before { z-index: 5; opacity: 0;} .box-favourites-podcasts ul li .favourite-button.active, .podcast-box ul li .favourite-button.active { background-color: #000; border-color: #000;} .box-favourites-podcasts ul li .favourite-button.active:before, .podcast-box ul li .favourite-button.active:before { opacity: 1; background-image: url(../img/ico/magazine/star--fff.svg);} .box-favourites-podcasts ul li .favourite-button.active:after, .podcast-box ul li .favourite-button.active:after { margin: 3px 0 0 3px; opacity: 0;} .box-favourites-podcasts ul li .img, .podcast-box ul li .img { padding-bottom: 120%; background-color: #eee; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(../img/logo-thumb.png);} .box-favourites-podcasts ul li .label, .podcast-box ul li .label { text-align: center; font-size: 12px; padding: 5px 0 0; line-height: 100%;} .box-favourites-podcasts ul li .label--mini, .podcast-box ul li .label--mini { padding: 0;} .box-favourites-podcasts ul li .label--mini small, .podcast-box ul li .label--mini small { font-size: 9px; opacity: 0.6; padding: 0;}.box-favourites-podcasts { opacity: 0; visibility: hidden; height: 0; transition: 0.3s; padding-top: 0; padding-bottom: 0; margin: 0 auto; max-width: 640px; width: 100%;} html.no-transition-page .box-favourites-podcasts { transition: none !important;} #popup-podcasts.show--favourites .box-favourites-podcasts { height: auto; opacity: 1; visibility: visible; padding-top: 20px; padding-bottom: 20px;} .box-favourites-podcasts ul { display: flex; flex-wrap: wrap; margin: 0 -5px 20px !important;} .box-favourites-podcasts ul li { padding: 5px !important; width: 33.33%; position: relative;} .box-favourites-podcasts ul li .label { font-size: 9px;}.box-favourites-magazines, .magazine-box { clear: both; padding: 20px 0; border-bottom: 1px solid #ddd; margin: 0;} .box-favourites-magazines .title, .magazine-box .title { font-size: 24px; font-weight: bold; padding: 0;} .box-favourites-magazines .subtitle, .magazine-box .subtitle { font-size: 16px; font-weight: bold; padding: 0;} .box-favourites-magazines .subtitle .ico, .magazine-box .subtitle .ico { max-height: 16px; max-width: 32px; width: 100%; display: inline-block; margin-right: 5px; margin-bottom: -2px;} .box-favourites-magazines ul, .magazine-box ul { display: flex; flex-wrap: wrap; margin: 0 -5px 20px !important;} .box-favourites-magazines ul li, .magazine-box ul li { padding: 5px !important; width: 33.33%; position: relative;} .box-favourites-magazines ul li .favourite-button, .magazine-box ul li .favourite-button { width: 32px; height: 32px; top: 0; right: 0; position: absolute; z-index: 10000; background-color: white; border: 1px solid #ddd; border-radius: 3px; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); transition: 0.3s;} html.no-transition-page .box-favourites-magazines ul li .favourite-button, html.no-transition-page .magazine-box ul li .favourite-button { transition: none !important;} .box-favourites-magazines ul li .favourite-button:before, .magazine-box ul li .favourite-button:before, .box-favourites-magazines ul li .favourite-button:after, .magazine-box ul li .favourite-button:after { width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-position: center; background-image: url(../img/ico/magazine/star--666.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; transition: 0.3s;} html.no-transition-page .box-favourites-magazines ul li .favourite-button:before, html.no-transition-page .magazine-box ul li .favourite-button:before, html.no-transition-page .box-favourites-magazines ul li .favourite-button:after, html.no-transition-page .magazine-box ul li .favourite-button:after { transition: none !important;} .box-favourites-magazines ul li .favourite-button:before, .magazine-box ul li .favourite-button:before { z-index: 5; opacity: 0;} .box-favourites-magazines ul li .favourite-button.active, .magazine-box ul li .favourite-button.active { background-color: #000; border-color: #000;} .box-favourites-magazines ul li .favourite-button.active:before, .magazine-box ul li .favourite-button.active:before { opacity: 1; background-image: url(../img/ico/magazine/star--fff.svg);} .box-favourites-magazines ul li .favourite-button.active:after, .magazine-box ul li .favourite-button.active:after { margin: 3px 0 0 3px; opacity: 0;} .box-favourites-magazines ul li .img, .magazine-box ul li .img { padding-bottom: 120%; background-color: #eee; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(../img/logo-thumb.png);} .box-favourites-magazines ul li .label, .magazine-box ul li .label { text-align: center; font-size: 12px; padding: 5px 0 0; line-height: 100%;} .box-favourites-magazines ul li .label--mini, .magazine-box ul li .label--mini { padding: 0;} .box-favourites-magazines ul li .label--mini small, .magazine-box ul li .label--mini small { font-size: 9px; opacity: 0.6; padding: 0;}.box-favourites-magazines { opacity: 0; visibility: hidden; height: 0; transition: 0.3s; padding-top: 0; padding-bottom: 0; margin: 0 auto; max-width: 640px; width: 100%;} html.no-transition-page .box-favourites-magazines { transition: none !important;} #popup-magazines.show--favourites .box-favourites-magazines { height: auto; opacity: 1; visibility: visible; padding-top: 20px; padding-bottom: 20px;} .box-favourites-magazines ul { display: flex; flex-wrap: wrap; margin: 0 -5px 20px !important;} .box-favourites-magazines ul li { padding: 5px !important; width: 33.33%; position: relative;} .box-favourites-magazines ul li .label { font-size: 9px;}.mytickets-area li { padding: 10px; border-bottom: 1px solid #eee; margin: 5px 0; transition: 0.3s; overflow: hidden;} html.no-transition-page .mytickets-area li { transition: none !important;} .mytickets-area li h4 { font-weight: bold;} .mytickets-area li.main { padding-left: 0; padding-right: 0; font-size: 18px; border-bottom: 1px solid #ddd; margin-bottom: 20px;} .mytickets-area li.main small { display: block; font-size: 9px; letter-spacing: 2px; margin-top: 10px;} .mytickets-area li.main small:before { width: 12px; height: 12px; background-image: url(../img/ico/my-tickets/label.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; content: ''; display: inline-block; margin-right: 7px; margin-bottom: -2px;} .mytickets-area li.main h3 { font-weight: bold; font-size: 20px;} .mytickets-area li.me { text-align: right; background-color: #f5f5f5; border-radius: 5px;} .mytickets-area li.hidden { height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; border-width: 0; opacity: 0;}#notification { position: fixed; top: 10px; left: 50%; max-width: 480px; width: calc(100% - 20px); z-index: 999999; transition: 0.3s; border-radius: 5px; opacity: 0; visibility: hidden; transform: translate(-50%, -120px); cursor: pointer; overflow: hidden;} html.no-transition-page #notification { transition: none !important;} #notification .text { padding: 10px; padding-right: 50px; width: 100%; display: block; color: white; font-size: 14px;} #notification .close { position: absolute; right: 0; top: 0; bottom: 0; width: 40px; z-index: 10; background: rgba(255, 255, 255, 0.1); display: block;} #notification .close:after, #notification .close:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); content: ''; width: 2px; height: 12px; background: white;} #notification .close:before { transform: translate(-50%, -50%) rotate(-45deg);} #notification:after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #002637; z-index: -1; opacity: 0.9; content: '';} html.show-push-notification #notification { opacity: 1; visibility: visible; transform: translate(-50%, 0);}#pdfviewer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ccc; transition: 0.3s; transform: translateX(110%); display: none;} html.no-transition-page #pdfviewer { transition: none !important;} #pdfviewer .close { position: absolute; top: 0; left: 0; width: 60px; height: 60px; z-index: 9999; background-color: white; padding: 20px 20px 0; cursor: pointer;} #pdfviewer .close:before, #pdfviewer .close:after { content: ''; height: 4px; background-color: #000; display: block; margin-bottom: 4px;} #pdfviewer .close:before { transform: rotate(-45deg); width: 15px; margin-top: 4px; margin-left: 1px;} #pdfviewer .close:after { transform: rotate(45deg); width: 15px; margin-top: 0; margin-left: 1px;} #pdfviewer.show { display: block;} #pdfviewer.show-animation { transform: translateX(0%);} #pdfviewer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; right: 0; bottom: 0; z-index: 10;} #pdfviewer:after { border-radius: 50%; width: 48px; height: 48px; border: 4px solid rgba(255, 255, 255, 0.2); border-top-color: #002637; animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; content: ''; top: 50%; left: 50%; margin: -28px 0 0 -28px; position: absolute; z-index: 1;}#forceUpdate { position: fixed; width: 100%; height: 100%; background: white; z-index: 9999999; display: none;} #forceUpdate .box { transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; width: 100%; padding: 0 20px; text-align: center; max-width: 400px;} #forceUpdate .box .logo { width: 200px; height: 200px; background-image: url(../img/logo.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto;} #forceUpdate .box .text { padding: 20px 0; font-size: 18px; font-weight: bold;} #forceUpdate .box .btn { width: 200px; margin: 10px auto; display: block; border-radius: 10px; height: 60px; background-repeat: no-repeat; background-position: center center; background-color: black; background-size: auto 70%;} #forceUpdate .box .btn--google { background-image: url(../img/buttons/play-store--fff.svg);} #forceUpdate .box .btn--apple { background-image: url(../img/buttons/apple-store--fff.svg);}.dynamic-notification { margin: 5px auto 0; max-width: 640px; width: 100%; transition: 0.3s; overflow: hidden;} html.no-transition-page .dynamic-notification { transition: none !important;} .dynamic-notification li { overflow: hidden; padding: 5px 10px 0; transition: 0.3s;} html.no-transition-page .dynamic-notification li { transition: none !important;} .dynamic-notification li .box { overflow: hidden; background-color: #eee; padding: 10px; min-height: 40px; font-size: 11px; border-radius: 5px; color: #999; transition: 0.3s; position: relative; border-bottom: 1px solid #ccc;} html.no-transition-page .dynamic-notification li .box { transition: none !important;} .dynamic-notification li .box small { display: block; color: #999; font-size: 9px;} .dynamic-notification li .box b { font-weight: normal; color: #333; font-size: 13px;} .dynamic-notification li .box:before { content: ''; width: 45px; height: 45px; float: right; display: block; margin: -10px -10px 0 0;} .dynamic-notification li .box .close { width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: #ddd; z-index: 10; border-radius: 0 0 0 5px; background-size: 15px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ui/button-cancel.svg); opacity: 0.5; cursor: pointer;} .dynamic-notification li.hidden { padding-top: 0; padding-bottom: 0; height: 0 !important; opacity: 0; visibility: hidden;} .dynamic-notification li.weather .box .weather-box { float: right; margin-top: -11px; margin-right: 10px;} .dynamic-notification li.weather .box .ico { width: 32px; height: 32px; background-repeat: no-repeat; background-position: center center; background-size: contain; float: left;} .dynamic-notification li.weather .box .temperature { float: left; font-size: 20px; margin-left: 10px; color: black;} .dynamic-notification li.weather .box .temperature .celsius { font-size: 14px;} .dynamic-notification li.tube .box b.underground:before { width: 8px; height: 8px; border-radius: 1000px; display: inline-block; content: ''; margin-right: 5px;} .dynamic-notification li.tube .box b.underground.tram:before { background-color: #6c0;} .dynamic-notification li.tube .box b.underground.bakerloo:before { background-color: #96560b;} .dynamic-notification li.tube .box b.underground.central:before { background-color: #c0241c;} .dynamic-notification li.tube .box b.underground.circle:before { background-color: #dab70e;} .dynamic-notification li.tube .box b.underground.district:before { background-color: #127233;} .dynamic-notification li.tube .box b.underground.hammersmith-city:before { background-color: #d89dab;} .dynamic-notification li.tube .box b.underground.jubilee:before { background-color: #9a9ea1;} .dynamic-notification li.tube .box b.underground.metropolitan:before { background-color: #991d62;} .dynamic-notification li.tube .box b.underground.northern:before { background-color: #212121;} .dynamic-notification li.tube .box b.underground.piccadilly:before { background-color: #255192;} .dynamic-notification li.tube .box b.underground.victoria:before { background-color: #29a3d3;} .dynamic-notification li.tube .box b.underground.waterloo-city:before { background-color: #a3d0c1;} .dynamic-notification li.tube .box b.underground.london-overground:before { background-color: #ed7b26;} .dynamic-notification li.tube .box b.underground.elizabeth:before, .dynamic-notification li.tube .box b.underground.elizabeth-line:before { background-color: #fff; border: 2px solid #6950a1; width: 6px; height: 6px;} .dynamic-notification li.tube .box b.underground.dlr:before { background-color: #fff; border: 2px solid #00a4a7; width: 6px; height: 6px;} .dynamic-notification li.tube .box b.underground.tfl-rail:before { background-color: #fff; border: 2px solid #0019a8; width: 6px; height: 6px;} .dynamic-notification li.tube .box .status { text-align: right; font-size: 13px;} .dynamic-notification li.tube .box .status.partSuspended, .dynamic-notification li.tube .box .status.partClosure, .dynamic-notification li.tube .box .status.reducedService, .dynamic-notification li.tube .box .status.minorDelays { color: #dbb23d; opacity: 1;} .dynamic-notification li.tube .box .status.serviceClosed, .dynamic-notification li.tube .box .status.severeDelays { color: #ea555b; opacity: 1;}.password-container { position: relative;} .password-container__button { position: absolute; top: 0; bottom: 0; right: 0; width: 40px; cursor: pointer;} .password-container__button:after { background-image: url(../img/ui/eye.svg); background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: '';} .password-container__button:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); background: #c33; content: ''; z-index: 1; opacity: 0; width: 0; height: 0; transition: 0.3s;} html.no-transition-page .password-container__button:before { transition: none !important;} .password-container__button--splashscreen { right: auto; left: 50%; margin-left: 110px;} .password-container input[type="text"] { display: none; padding-right: 50px;} .password-container input[type="password"] { display: block; padding-right: 50px;} .password-container.active input[type="text"] { display: block;} .password-container.active input[type="password"] { display: none;} .password-container.active .password-container__button:before { opacity: 1; width: 26px; height: 3px;}.img-content:before { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85)); position: absolute; bottom: 0; left: 0; right: 0; height: 47%; z-index: 0; content: '';}.img-content.img-content-radius:before { display: none;}.name-letters-avatar { font-weight: bold; color: white; text-align: center; background: #999; text-transform: uppercase;}.list.list-feed li.post-feed .avatar.name-letters-avatar { line-height: 40px; font-size: 12px;}.page .content.content-chat .chat-group .avatar.name-letters-avatar { line-height: 30px; font-size: 12px;}.list.list-feed li .user .avatarbox.name-letters-avatar { line-height: 80px; font-size: 30px;}.list.list-feed li .user .avatarbox.name-letters-avatar:after { background: transparent !important;}.list.list-nav li.img-li .img--default.name-letters-avatar { line-height: 105px; font-size: 45px;}.page .content.theme-v1 .avatar-container.img-content-radius.name-letters-avatar, .page .content.theme-v1 .img-content.img-content-radius.name-letters-avatar { line-height: 190px; font-size: 80px;}.page .content.theme-v1 .avatar-container.img-content-radius.loop-loading-block.name-letters-avatar:after, .page .content.theme-v1 .img-content.img-content-radius.loop-loading-block.name-letters-avatar:after { background: transparent !important;}.list.list-feed li .buttons .summary .avatars div.name-letters-avatar { line-height: 30px; font-size: 12px;}#popup-lift .content .centered-wrap-box { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -70px;} #popup-lift .content .list.list-nav { display: flex; flex-wrap: wrap;} #popup-lift .content .list.list-nav li { border-radius: 5px; padding: 15px; text-align: center; width: calc(50% - 10px); margin: 5px; border: 1px solid #ddd; transition: 0.3s; box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1); align-items: center; justify-content: center; display: flex;} #popup-lift .content .list.list-nav li.active { color: white; background-color: #002637; box-shadow: 0 0 20px #002637; border-color: #002637;} #popup-lift .content .list.list-nav.num li { font-size: 18px;}.stid-reader-submit { position: absolute; top: 50%; transform: translate(-50%, -70%); left: 50%; width: 90%; height: 250px; border: 1px solid #e6eeff; border-radius: 10px; padding: 30px 20px 0; box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1); background-color: #fff;} .stid-reader-submit h3 { margin-bottom: 20px; font-size: 24px; font-weight: bold;}.warning-alert { position: absolute; left: 10px; bottom: 10px; right: 10px; padding: 20px; font-size: 12px; background-color: #f9f8f8;} .warning-alert.footer-in { bottom: 110px;}.stid-reader-wrapper { width: 100%; height: 100vh; margin: 0 auto; max-width: 640px; position: relative;}.stid-reader-wallet { position: relative;} .stid-reader-wallet .wallet-fields { position: relative; width: 100%; padding: 20px;} .stid-reader-wallet .wallet-fields .stid-card-frame { position: relative; width: 100%; border: 1px solid #fff; background-color: #fff; margin: 0 0 20px; border-radius: 10px; box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1); margin-top: -100px; transition: 0.3s; padding: 20px; background-image: url(../img/logo.png); background-position: right 10px bottom -30px; background-repeat: no-repeat; background-size: 130px; min-height: 230px;} .stid-reader-wallet .wallet-fields .stid-card-frame:first-child { margin-top: 0 !important;} .stid-reader-wallet .wallet-fields .stid-card-frame.remove { margin-top: 0;} .stid-reader-wallet .wallet-fields .stid-card-frame:last-child { margin-bottom: 0 ! important;} .stid-reader-wallet .wallet-fields .stid-card-frame:last-child.active { margin-top: -100px ! important;} .stid-reader-wallet .wallet-fields .stid-card-frame.active { margin-top: -200px;} .stid-reader-wallet .wallet-fields .stid-card-frame h3 { margin-bottom: 15px; font-weight: bold;} .stid-reader-wallet .wallet-fields .stid-card-frame p { margin-bottom: 3px; font-size: 13px;} .stid-reader-wallet .wallet-fields .stid-card-frame .button-revoke { width: 30px; height: 30px; float: right; margin: -5px -5px 0 0; position: relative; background-color: transparent;} .stid-reader-wallet .wallet-fields .stid-card-frame .button-revoke:before { content: ''; width: 30px; height: 30px; background-image: url(../img/ico/alert/error.svg); background-repeat: no-repeat; background-position: center center; display: block; right: 0; top: 0; position: absolute;}#temp-alert-nfc { width: calc(50% - 10px); top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: calc(100% - 40px); max-width: 280px; min-height: 120px; position: fixed; border-radius: 10px; padding: 25px 20px 20px; text-align: center; transition: 0.2s; max-height: 460px; overflow-y: auto; background-color: #002637; color: #fff; z-index: 1000; text-align: center; font-size: 14px; opacity: 0; visibility: hidden;} html.show-temp-alert-nfc #temp-alert-nfc { opacity: 1; visibility: visible;} #temp-alert-nfc:before { content: 'Ready to Scan'; display: block; font-size: 24px; font-weight: bold;} #temp-alert-nfc span { margin: 20px auto; display: block; width: 80px; height: 80px; animation: guideCcircle 1.6s infinite linear; display: none;} html.show-temp-alert-nfc #temp-alert-nfc span { display: block;} #temp-alert-nfc span:after { content: ''; animation: guideCircle 1.6s infinite linear; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center; margin: -20px -20px 0 0; background-image: url(../img/guide/search--fff.svg);} #temp-alert-nfc:after { content: 'Hold the NFC-Tag on the upper back of your device'; display: block;}.voucher-coupon { display: flex;} .voucher-coupon input { flex: 1; margin: 0; padding: 0 10px; border: 0;} .voucher-coupon .button { width: 90px; line-height: 45px; height: 45px; font-size: 14px; margin: 0;}.card-debug { font-size: 12px; padding: 20px; background-color: #f5f5f5; border-radius: 10px; width: calc(100% - 40px); margin: 0 auto; box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1); margin-bottom: 20px; overflow: auto; position: relative; z-index: 100;} .card-debug .string { color: #666;} .card-debug .number { color: #666;} .card-debug .boolean { color: #666;} .card-debug .null { color: #666;} .card-debug .key { color: #333;}.meeting-time-buttons { display: flex; font-size: 14px; background: #eee;} .meeting-time-buttons > div { display: flex; height: 50px; align-items: center; justify-content: center; flex: 1; text-align: center; border-right: 1px solid #ccc; cursor: pointer;} .meeting-time-buttons > div.active { background-color: #002637; color: white;} .meeting-time-buttons > div.disabled { background-image: url(../img/ui/stripes--ccc.svg); background-position: center center; background-size: auto 20px; color: #999; cursor: default;} .meeting-time-buttons > div:last-child { border-right: 0;} .meeting-time-buttons--line { border-bottom: 1px solid #ccc;} .meeting-time-buttons--halfday { font-size: 11px; height: 0; overflow: hidden; transition: 0.3s; border-bottom-width: 0; background: #ddd;} .meeting-time-buttons--halfday.show-buttons { height: 35px;} .meeting-time-buttons--halfday > div { height: 35px;} .meeting-time-buttons--halfday > div.active { background-color: rgba(0, 38, 55, 0.9);}.door-button { width: 100px; height: 100px; margin: 20px 0 0; padding: 10px; border-radius: 1000px; background-image: linear-gradient(#eee, #fff); box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.2);} .door-button .inside { padding: 15px; width: 80px; height: 80px; border-radius: 1000px; background-color: #fff; background-image: linear-gradient(#fff, #eee); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); cursor: pointer; transition: 0.3s;} .door-button .inside .icon { width: 50px; height: 50px; border-radius: 1000px; background-color: #eee; background-image: linear-gradient(#eee, #fff); transition: 0.3s; padding: 10px;} .door-button .inside .icon:after { content: ''; width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico/cards/door-button.svg); display: block; transition: 0.3s;} .door-button:focus .inside, .door-button:hover .inside { background-image: linear-gradient(#eee, #fff); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);} .door-button:focus .inside .icon, .door-button:hover .inside .icon { padding: 12px; background-image: linear-gradient(#fff, #eee);} .door-button:focus .inside .icon:after, .door-button:hover .inside .icon:after { width: 26px; height: 26px;}.area .deskType1 { width: 75px; height: 39px; overflow: hidden;} .area .deskType1 > span { width: 75px; height: 39px; top: 50%; left: 50%; position: absolute; margin: -19.5px 0 0 -37.5px; background-image: url(../img/deskType/pointer-a--green.svg);}.area .deskType1.booked > span { background-image: url(../img/deskType/pointer-a--yellow.svg);}.area .deskType1.free > span { background-image: url(../img/deskType/pointer-a--lightgreen.svg);}.area .deskType1.busynow > span { background-image: url(../img/deskType/pointer-a--red.svg);}.area .deskType1.active > span { background-image: url(../img/deskType/pointer-a--blue.svg);}.area .deskType1.disabled > span { background-image: url(../img/deskType/pointer-a--opacity.svg);}.area .deskType1.active.checkedInDate > span { background-image: url(../img/deskType/pointer-a--lightorange.svg);}#popup-entertainment .container-for-circles { display: flex; text-align: center; margin: 40px auto; flex-wrap: wrap; max-width: 640px;} #popup-entertainment .container-for-circles div { padding: 20px; flex: 1; flex-basis: 50%; width: 50%;} #popup-entertainment .container-for-circles .text { font-size: 18px; font-weight: bold;} #popup-entertainment .container-for-circles .img { display: block; width: 100%; padding-bottom: 100%; background-color: #eee; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 1000px; margin: 0 0 10px;}#popup-meetingroom-getmaplocations.page .content .dynamic { z-index: 9999; position: relative;}#popup-new-desks-results-content.page.page-new-filter .content { top: 120px; padding-top: 50px;} #popup-new-desks-results-content.page.page-new-filter .content.has-pinch { overflow: hidden;} #popup-new-desks-results-content.page.page-show-time-bar .content { top: 180px;} #popup-new-desks-results-content.page .content--desks .dynamic { top: 0;}#popup-new-gym-content .checkbox-container { padding: 20px; margin-bottom: 10px; font-size: 14px; position: relative;} #popup-new-gym-content .checkbox-container .checkbox { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; margin-bottom: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #popup-new-gym-content .checkbox-container .checkbox input:checked ~ .checkmark { background-color: #002637;} #popup-new-gym-content .checkbox-container .checkbox input:checked ~ .checkmark:after { display: block;} #popup-new-gym-content .checkbox-container .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: #eee;} #popup-new-gym-content .checkbox-container .checkmark:after { content: ""; position: absolute; display: none; left: 8px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #popup-new-gym-content .checkbox-container .action { color: #002637; cursor: pointer; margin-left: 4px;}html.badge-prevent-endpoint .badge-warning { position: fixed; width: 200px; height: 200px; overflow: hidden; z-index: 13000; top: 0; right: 0;} html.badge-prevent-endpoint .badge-warning::before { content: 'Demo Settings'; background: #f33; color: #fff; font-weight: bold; font-family: 'Helvetica Neue', sans-serif; font-size: 13px; display: block; position: relative; width: 200px; height: 30px; line-height: 30px; text-align: center; cursor: default; top: 45.10408px; right: -39.89592px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}.namepage__popup-new-desks-history .button-area-confirm .action-close-alert span, .namepage__popup-new-desks-history .button-area-confirm .action-confirm-alert span { display: none;}.namepage__popup-new-desks-history .button-area-confirm .action-confirm-alert:after { content: 'Yes';}.namepage__popup-new-desks-history .button-area-confirm .action-close-alert:after { content: 'No';}.pre-wrap { white-space: pre-wrap;}.catering li.total { font-weight: bold; text-align: right; font-size: 24px;} .catering .list-nav { background-color: #eee; border-radius: 5px;} .catering .list-nav .close { align-items: center; background: #999; box-shadow: 2px 2px 5px #000 1a; display: flex; justify-content: center; padding: 0; position: absolute; right: 4px; top: 4px; transition: 0.3s; height: 20px; width: 20px; border-radius: 3px; z-index: 10; cursor: pointer;} .catering .list-nav .close:hover { background: #002637;} .catering .list-nav .close:after, .catering .list-nav .close:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); content: ''; width: 2px; height: 12px; background: white;} .catering .list-nav .close:before { transform: translate(-50%, -50%) rotate(-45deg);} .catering .list-nav li { background: transparent; padding: 10px !important;} .catering .list-nav li ul { margin: 0 !important;} .catering .list-nav li li { padding: 5px !important; background: white;} .catering .list-nav li li:last-child { border: 0;} .catering .list-nav li li ul { margin-bottom: 5px;} .catering .list-nav li li ul li { padding: 3px !important; font-size: 10px;} .catering .item { display: flex; align-items: center; justify-content: space-between; padding: 3px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .catering .item .name { flex: 1;} .catering .item .name small { display: block; font-size: 9px; opacity: 0.7;} .catering .item .price { font-size: 10px;} .catering .item .time { padding: 5px; background-color: rgba(255, 255, 255, 0.2); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-left: 5px; width: 64px;} .catering .item .time:before { background-color: #666; content: ""; display: inline-block; height: 12px; margin-right: 5px; mask-image: url(../img/ico/peak/clock.svg); mask-repeat: no-repeat; mask-position: center; mask-size: contain; width: 12px;}.call-service { position: absolute; background: #eee; width: 105px; height: 105px; top: 10px; left: 10px; z-index: 20; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; text-align: center; flex-direction: column; cursor: pointer;} .call-service .icon { display: block; width: 48px; height: 48px; margin: 0 auto; background-image: url(../img/ico/nav/bell.svg); background-size: 60%; background-position: center center; background-repeat: no-repeat;} .call-service .label { padding-top: 5px;}.content .group { margin: 20px 0;}