/*@import url("https://fonts.googleapis.com/css?family=Lato:400,500,600,400italic,700,500italic");*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/lato-font/3.0.0/css/lato-font.min.css");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    color: #fff;
    background: #000;
    font-weight: 400;
    font-family: Lato, sans-serif;
    overflow: hidden;
}
body * {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.z {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}
.cover {
    position: fixed;
    min-width: 100vw;
    min-height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.left-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 500px;
    min-height: 100vh;
    /*background-color: #020616;*/
    /*background: #001b38;*/
    /*background: -moz-linear-gradient(left, rgba(0,27,56,0.85) 0%, rgba(0,27,56,0.85) 5%, rgba(0,27,56,0) 100%);*/
    /*background: -webkit-linear-gradient(left, rgba(0,27,56,0.85) 0%, rgba(0,27,56,0.85) 5%, rgba(0,27,56,0) 100%);*/
    /*background: linear-gradient(to right, rgba(0,27,56,0.85) 0%, rgba(0,27,56,0.85) 5%, rgba(0,27,56,0) 100%);*/
}
.meetings.demo {
    display: none;
}
.meetings {
    position: absolute;
    left: 0;
    top: 36px;
    /*height: 100%;*/
    /*height: 100vh;*/
    width: 100%;
    width: 100vw;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: scroll;
    /*padding-bottom: 100vh;*/
}
.meetings.in .meeting {
    opacity: 1;
    /*transform: translateX(25px);*/
}
.meetings .meeting:hover {
    /*opacity: 0.85;*/
    /*transform: translateX(32px);*/
    /*cursor: pointer;*/
}
.meetings.in .meeting.current {
    /*transform: translateX(100px);*/
}
.meetings .meeting.current:hover {
    /*opacity: 0.9;*/
    /*transform: translateX(112px);*/
    /*cursor: pointer;*/
}
.meeting {
    background-color: #001b38;
    width: 500px;
    /*height: 120px;*/
    margin-bottom: 20px;
    padding: 15px 25px 15px 50px;
    opacity: 0;
    transition: all 300ms ease-in-out;
}
.meeting h2 {
    font-weight: 400;
    font-size: 28.8px;
    /*margin-bottom: 4px;*/
    margin-bottom: 12px !important;
    width: 420px;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}
.meeting.passed h2 {
    margin-bottom: 4px !important;
}
.meeting h3 {
    font-weight: 400;
    font-size: 22.4px;
    margin-bottom: 1px;
    letter-spacing: 0.5px;
    /*opacity: 0.85;*/
}
.meeting h4 {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.5px;
    /*opacity: 0.85;*/
}
.meeting.current {
    background-color: #13365b;
    /*height: 165px;*/
    width: 600px;
    padding: 20px 25px 20px 50px;
    /*margin-left: -75px;*/
}
.meeting.current h2 {
    font-size: 36px;
    margin-bottom: 10px;
    transition: all 300ms ease-in-out;
    margin-left: -1.5px;
}
.meeting.current h2.available {
    color: #9ce051;
    font-weight: 500;
}
.meeting.current h3 {
    font-size: 28px;
    margin-bottom: 8px;
    transition: all 300ms ease-in-out;
}
.meeting.current h4 {
    font-size: 20px;
    transition: all 300ms ease-in-out;
}
.meeting.passed {
    opacity: 0.5 !important;
}
.meeting.passed h2,
.meeting.passed h3,
.meeting.passed h4 {
    color: #555 !important;
}
.meeting:nth-of-type(1) {
    transition-delay: 100ms;
}
.meeting:nth-of-type(2) {
    transition-delay: 150ms;
}
.meeting:nth-of-type(3) {
    transition-delay: 220ms;
}
.meeting:nth-of-type(4) {
    transition-delay: 280ms;
}
.meeting:nth-of-type(5),
.meeting:nth-of-type(6),
.meeting:nth-of-type(7),
.meeting:nth-of-type(8),
.meeting:nth-of-type(9) {
    transition-delay: 320ms;
}
.top.right {
    position: fixed;
    top: 36px;
    right: 36px;
    text-align: right;
    /*pointer-events: none;*/
}
.top.right h1 {
    font-size: 44px;
    font-weight: 600;
    margin-bottom: 10px;
}
.top.right h2 {
    font-size: 32px;
}
.top.right h2.available {
    color: #9ce051;
}
.top.right h2.occupied {
    color: #e05151;
}
.bottom.right {
    position: fixed;
    bottom: 36px;
    right: 36px;
    text-align: right;
}
.bottom.right h1 {
    font-weight: 500;
    font-size: 24px;
}
.bottom.right h2 {
    font-weight: 500;
    font-size: 100px;
    margin-right: -5px;
}
.meetings .meeting.current.reserving {
    transition: all 2s linear;
    background: #2B79CC;
}
.empty h4 span, .current h4 span, .current h4 .hangouts {
    text-decoration: none;
    text-transform: uppercase;
    background: #fff;
    color: #001b38;
    padding: 5px 20px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 3px;
    cursor: pointer;
}
body, .meetings {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
button {
    padding: 9px 32px;
    font-size: 18px;
    color: #fff;
    background: #13365b;
    border: 1px solid rgba(255,255,255,0.032);
    border-radius: 2px;
    outline: none;
    cursor: pointer;
}
button:hover {
    /*opacity: 0.9;*/
}
button:focus {
    outline: none;
}
#rooms {
    margin-top: 15px;
    display: none;
}
.empty span, .empty a {
    background: #fff;
    color: #001b38;
    padding: 5px 20px 6px;
    display: inline-block;
    margin-bottom: 10px;
}
.noselect, .meeting, h1, h2, h3, h4 {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.meeting h4 span {
    display: none;
}
.meeting h4 em {
    font-style: normal;
}
.meeting.current h4 span {
    display: inline-block;
    width: 100%;
}
.hidden {
    display: none !important;
}

/* Dynamic background */
.video {
    position:fixed;
    overflow: hidden;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width: 100vw;
    height: 100vh;
}

/* Stop doing this by media query */
/*@media screen and (max-width: 1000px) {*/
    /*html {*/
        /*overflow: hidden;*/
        /*height: 100vh;*/
    /*}*/
    /*body {*/
        /*transform-origin: 0 0;*/
        /*transform: scale(0.75);*/
        /*width: 133.33vw;*/
        /*height: 133.33vh;*/
    /*}*/
    /*.meetings {*/
        /*height: 133vh;*/
        /*width: 133vw;*/
        /*overflow-y: scroll;*/
    /*}*/
    /*.cover {*/
        /*transform: scale(1.33);*/
    /*}*/
    /*/!* Room Finder Fix *!/*/
    /*iframe.settings, iframe.overlay, .video {*/
        /*width: 133vw;*/
        /*height: 133vh;*/
    /*}*/
/*}*/
/*@media screen and (max-width: 600px) {*/
    /*.meetings {*/
        /*max-height: calc(133vh - 340px);*/
        /*top: 140px;*/
    /*}*/
    /*.cover {*/
        /*/!*transform: scale(2);*!/*/
    /*}*/
/*}*/

.close {
    position: fixed;
    top: 10px;
    right: 10px;
    font-size: 24px;
    font-family: sans-serif;
    padding: 10px 16px;
    border-radius: 2px;
    cursor: pointer;
    color: #383838;
    background-color: rgba(0,0,0,0.025);
    border: 1px solid rgba(0,0,0,0.025);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.close {
    background-color: rgba(255, 255, 255, 0.1) !important;
    z-index: 2;
}
iframe.settings, iframe.overlay, .overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.overlay.msg {
    background: rgba(0, 0, 0, 0.68);
}
.overlay.msg h2 {
    font-size: 32px;
    text-align: center;
    position: fixed;
    width: 100%;
    top: 45%;
}

.button {
    background: #13365b;
    color: #fff;
    padding: 10px 20px 12px;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 500;
    border-radius: 2px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.05);
    pointer-events: all !important;
    cursor: pointer;
    opacity: 0.95;
}
.button:hover {
    opacity: 1;
}
.logo {
    /*float: right;*/
    /*max-height: 20px;*/
    max-width: 300px;
    margin-bottom: 5px;
}

/* No webkit windows scrollbars */
::-webkit-scrollbar {
    display: none;
}

.current .reserve {
    background: transparent;
    color: #fff;
    padding: 0;
    padding-right: 10px;
}
.current .reserve, .current .ib {
    font-weight: 600;
    border-radius: 3px;
}

.bottom.left {
    position: fixed;
    bottom: 20px;
    left: 20px;
    /*opacity: 0.65;*/
}

.bottom.left a {
    text-decoration: none;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}
.bottom.left a:hover {
    opacity: 0.9;
}
.cp {
    cursor: pointer;
}
.transparent {
    opacity: 0;
}
.mostlytransparent {
    opacity: 0.125;
}
h3.temp {
    font-size: 28px;
    margin-bottom: 15px;
}

/* Modal */
.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000000cc;
    transition: all 300ms ease;
    z-index: 9999;
    display: none;
}
.backdrop.up {
    display: block;
}
.modal {
    position: fixed;
    top: 20vh;
    left: 20vw;
    right: 20vw;
    border-radius: 3px;
    width: 60vw;
    min-height: 300px;
    background: #fcfcfc;
    padding: 20px;
    z-index: 99999;
    transition: all 300ms ease;
    opacity: 0;
    /*display: none;*/
}
.modal.up {
    transform: translateY(-50px);
    /*display: block;*/
    opacity: 1;
}
.modal textarea {
    width: 100%;
    min-height: 200px;
    /*border: 1px solid #ccc;*/
    border-radius: 2px;
    font-size: 18px;
    padding: 15px;

    font-weight: 400;

    color: #2e384d;
    border: 1px solid #dce4ec;
}
.modal textarea:focus {
    box-shadow: none !important;
    border-color: #95aac9;
    color: #2e384d;
    outline: 0;
}
.modal h3, .modal p {
    color: #0f0f0f;
    margin-bottom: 15px;
}
.modal h3 { font-size: 22px; }
.modal p {
    font-weight: 400;
}
.modal p.pull-right {
    margin-top: 25px;
    /*opacity: 0.75;*/
}
.pull-right {
    float: right;
}
.Mb-0 {
    margin-bottom: 0 !important;
}
.modal button {
    /*background-color: #2fca74;*/
    font-size: 16px;
    padding: 16px 25px;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;

    border-color: #4c66fb;
    background-color: #4c66fb;
}
.modal button:focus {
    outline: none;
}

/*BG Overlay*/
.bg-overlay {
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.occupied .bg-overlay {
    background: rgba(255, 0, 0, 0.125) !important;
}
.available .bg-overlay {
    background: rgba(47, 202, 116, 0.125) !important;
}
.bg-overlay.enabled {
    display: block;
}

.check-in-early {
    background: #fff;
    color: #001b38;
    padding: 5px 20px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}

/*.notify {*/
    /*max-width: 320px;*/
    /*position: fixed;*/
    /*right: 20px;*/
    /*top: 100px;*/
/*}*/

.top.right .button {
    margin-left: auto;
    max-width: 320px;
    pointer-events: all !important;
}

p.message {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    /* height: 36px; */
    color: #0f0f0f;
    background: #f9f9f9;
    padding: 8px 8px 10px 8px;
    font-size: 18px;
    font-weight: 300;
}

/* Disable passed meeting buttons */
.meeting.passed h4 span, .meeting.past h4 span {
    display: none !important;
}

/* iOS 9, 10, 11 fix */
.meetings {
    /*padding-bottom: initial !important;*/
    height: initial !important;

    max-height: 100%;
    /*padding-bottom: 750px !important;*/
}

.meetings.pad-bottom {
    padding-bottom: 750px !important;
}

/* Always scale video from Youtube */
.video.youtube {
    transform: scale(1.33);
}

.meeting.current h4 span.attendees {
    text-transform: initial;
    background: transparent;
    display: inline;
    color: #fff;
    padding: 0;
}

.meeting.current.empty > div {
    margin-bottom: -10px;
}

/* Office 365, G Suite, EWS, Cronofy error messages */
.office-365-error-message, .cronofy-error-message, .gsuite-error-message, .ews-error-message {
    background: #FF851B;
    text-align: center;
    padding: 4px 0 6px;
    font-weight: 600;
    font-size: 16px;
    position: fixed;
    display: none;
    z-index: 999;
    right: 0;
    left: 0;
    top: 0;
}
.office-365-error .office-365-error-message, .cronofy-error .cronofy-error-message,
.gsuite-error .gsuite-error-message, .ews-error .ews-error-message {
    display: block;
}

/* November 2019 */
p.message {
    font-weight: bold;
    /*background: #fafafaee;*/
    /*color: #111;*/
    background: #111111ee;
    color: #eee;
}

a.button.agenda {
    float: right;
}

/* Nov 29 2019 */
.meeting:last-of-type { margin-bottom: 500px; }

/* Dec 26 2019 */
.swal2-container { z-index: 99999999999999 !important; }

/* Premium Modal */
.premium-modal .backdrop { background-color: #171941fa; }
.premium-modal .modal { background: #32325d; color: hsla(0,0%,100%,.8); }
.premium-modal .modal h3, .premium-modal .modal p { color: #fcfcfc; }
.premium-modal .modal textarea { border-color: #525f7f; background-color: #ffffff11; color: #eee !important; }
.premium-modal .modal textarea:focus { border-color: #6c757d; }
.premium-modal .modal button { color: #eee; }

/*Doesn't work*/
/*textarea:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea::placeholder, textarea:placeholder-shown { color: pink !important; }*/

/* Make all videos 1.33x by default */
video.video { transform: scale(1.33); }