.navigation {
    z-index: 99999999999;
}

.yoyo-lockers {
    position: absolute;
    z-index: 100;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.yoyo-lockers.show {
    display: block;
}

.white-bg .yoyo-lockers {
    background: #fff;
}

.grey-bg .yoyo-lockers {
    background: #333;
}

.black-bg .yoyo-lockers {
    background: #000;
}

#allWrap #vue-new-booking {
    display: none;
    z-index: 20;
    position: relative;
    overflow-y: scroll;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 1000;
}

.mobileDevice .nav-item img.desktop {
    display: none;
}

.mobileDevice {
    .main-head {
        background: #000;
    }
}

.activePage-1 #allWrap #vue-new-booking {
    display: block;
}

#p1>div {
    display: none !important;
}

#p2 .main-head-sub {
    display: none;
}

#reconnectToTable {
    display: none;
    width: 200px;
    position: absolute;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
}

body.disconnected #reconnectToTable {
    display: block;
}

#reconnectToTable {
    width: 90px;
    margin: 20px auto;
}

.s2.chair {
    pointer-events: none;
    opacity: 0.5;
}

.btn.save {
    height: 20px;
}

.btn.langSelectOk {
    width: 100px;

}

.showIntro .btn {
    height: 50px;
    line-height: 1.8;
    font-size: 18px;
    font-family: "Neue Haas Unica W01 Regular";
}

.showIntro .btn2 {
    border: 2px solid #1ec8b4;
    background: transparent;
}

.yoyo-lockers #logo {
    margin: 0 auto;
}

.yoyo-lockers input#username,
.yoyo-lockers input#pswrd,
.yoyo-lockers #host {
    background: #fff;
}

.yoyo-lockers .panel {
    margin-bottom: 20px;
}

body.kiosk-mode #vue-new-booking {
    display: block;
}
body .yoyoDesktopHub3 #vue-new-booking {
    display: block !important;
}

.kiosk-mode .floorplan-container {
    max-height: calc(100vh - 160px) !important;
}

nav.main-logo-desktop {
    display: none;
}

.kiosk-mode .main-logo-desktop {
    display: none !important;
}

.kiosk-mode .vue-new-booking {
    display: block !important;
}

.yoyoDesktopHub3 nav.main-logo-desktop {
    display: block;
}

.kiosk-mode .floorplan-container {
    max-height: calc(100vh - 160px) !important;
}

.kiosk-mode .bookWorkplaceTitle .icon {
    display: none !important;
}

.kiosk-mode .bar-wrap-sticky .title-bar.list-map {
    margin-top: 0px !important;
}

.hideMesse {
    display: none;
}

.mobileDevice .hideMesse {
    display: block;
}

.mobileDevice .hideMesse.main-head,
.mobileDevice .main-head-title,
.mobileDevice #p2 .main-head,
.mobileDevice #application .main .main-head .main-head-title {
    background: #000;
}

.mobileDevice .hideMesse .main-content-sub,
.mobileDevice .hideMesse .main-content {
    display: none !important;
}

.mobileDevice #p6 .goals-demo {
    margin-top: 80px;
}

.mobileDevice .iOS.listBookings {
    overflow-x: hidden;
}

.mobileDevice #p6 .main-head-sub.s1,
.mobileDevice #p6 .main-head-sub.s2,
.mobileDevice #p6 .main-head-info {
    display: none;
}

.mobileDevice .list-modal .bar-wrap-sticky {
    position: fixed;
    width: 100%;
}

.mobileDevice .list-modal.show .list-map {
    position: fixed;
    width: 100%;
    /* margin-top: 39px !important; */
}

.mobileDevice .list-modal.show .vue-main.list-view>div {
    margin-top: 130px;
}

.mobileDevice #p6 .goals-demo {
    padding-left: 0;
}

.mobileDevice .booking-h1-headline {
    display: none;
}

.mobileDevice #p6 .goals-demo img.mobile {
    width: 100%;
}

.mobileDevice.iOSDevice .navigation {
    bottom: 40px;
}

.mobileDevice.iOSDevice .navigation:after {
    height: 40px;
}

.activePage-1 .mobileDevice.iOSDevice .pages {
    pointer-events: none;
    display: none;
}

.yoyo-lockers input#username,
.yoyo-lockers input#pswrd,
.yoyo-lockers #host {
    background: #333;
}

/* .hideMesse {
    display: none !important;
} */