/* **************************************** *************** NEW THEME *************** **************************************** */
/* Hide meetings that have already occurred (Uncomment to use) */
 .meeting.passed {
     display: none;
}
 .left-bg {
     background: #fff;
     background: -moz-linear-gradient(left,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 5%,rgba(255,255,255,0) 100%);
     background: -webkit-linear-gradient(left,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 5%,rgba(255,255,255,0) 100%);
     background: linear-gradient(to right,rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.25) 5%,rgba(255,255,255,0) 100%);
}
 h2.available {
     font-size: 20px !important;
}
 .cover {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     width: 100vw;
     height: 100vh;
     background: url(https://meetingroom365.com/customimage/images/5b1cc950c1b41.png) no-repeat center center fixed;
     background-size: cover;
}
 @media screen and (max-width: 1000px) {
     .cover {
         width: 133.333vw;
         height: 133.333vh;
    }
}
 .top.right {
     position: fixed;
     text-align: left;
     top: 50px;
     left: 50px;
}
/* Updated 6 Nov 2019 */
.logo {
     float: initial !important;
}
 .top.right h1 {
     font-size: 60px !important;
     margin-left: -3px;
}
 .top.right h2 {
     font-size: 20px !important;
     margin-top: 10px;
     width: initial !important;
     display: inline-block;
     padding: 16px 25px;
     border: none !important;
     border-radius: 4px;
     text-decoration: none;
     color: #fff !important;
     position: relative;
     padding-left: 10px;
}
.top.right h2.available {
     background-color: #2fca74;
}
.top.right h2.occupied {
     background-color: #f44c67;
}
 .top.right h2:after {
     content: ' ';
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     width: 22px;
     border-radius: 4px;
}
.top.right h2.available:after {
     background-color: #2fca74;
}
 .top.right h2.occupied:after {
     background-color: #f44c67;
}

/* MEETINGS */
 .meetings {
     top: 300px !important;
}
/* MEETING */
 .meeting:hover {
     /*opacity: 0.95 !important;*/
}
 .meeting h1, .meeting h2, .meeting h3, .meeting h4 {
     font-weight: 400;
}
 .meeting h2 {
     max-width: 100%;
     width: 570px;
}
 .meeting, .meeting.current {
     background-color: #fff;
     border: 1px solid #ecedf2;
     /*opacity: 0.85 !important;*/
     border-left: 0;
     border-radius: 0 4px 4px 0;
     border: 0;
}
 .meeting {
     background: transparent;
}
/* MEETING CURRENT */
 .meeting.current h2 {
     margin-top: 3px;
}
 .available .meeting.current {
     display: inline-block;
     min-height: 44px;
     padding: 0.4rem;
     border-radius: 4px;
     background: #fff;
     background: rgba(255,255,255,0.85) !important;
     opacity: 1 !important;
     height: initial !important;
     width: initial !important;
     margin-left: 45px !important;
     margin-top: 30px;
}
 .meeting.current {
    /*width: 680px !important;
    */
     opacity: 1 !important;
     margin-bottom: 50px;
}
 .available .meeting.current div {
     display: inline-block;
     margin: 0 !important;
     padding-top: 2px;
     padding-left: 3px;
}
 .available .current h4, .available .current > div {
     color: #0f0f0f;
     margin-top: 5px;
     padding: 0 15px;
}
 .current a, .current span {
     width: initial !important;
     display: inline-block;
     padding: 16px 25px !important;
     border: none !important;
     border-radius: 4px;
     text-decoration: none;
     background: transparent !important;
     margin-bottom: 0 !important;
     font-size: 18px !important;
     font-weight: 500 !important;
     color: #000;
}
 .current a:hover, .current span:hover {
     background: #e9e9e9 !important;
}
 .current .reserve {
     background-color: #2fca74 !important;
     color: #fff;

     /*background: #010101 !important;*/
     /*color: #010101;*/
}
 .current .reserve:hover {
     background-color: #2fca74 !important;
     /*background: transparent !important;*/
     /*background: #010101 !important;*/
}
 .meetings .meeting.current.reserving {
     transition: all 2s linear;
     background: transparent !important;
     opacity: 0.86 !important;
}
 .meetings .meeting.current.reserving h2 {
     color: #3f3f3f !important;
     padding: 15px;
     padding-top: 16px;
     padding-bottom: 11px;
     margin: 0 !important;
     display: inline-block !important;
     width: 500px !important;
     max-width: 500px;
}
 .meetings .meeting.current.reserving div {
     display: none;
}
 .meeting.current .reserve {
     width: initial !important;
     display: inline-block;
     padding: 16px 25px;
     border: none !important;
     border-radius: 4px;
     text-decoration: none;
}
/* AVAILABLE / OCCUPIED STATES */
 .available .current h2, .available .current h3 {
     display: none !important;
}
 .occupied .current {
     background: #fff !important;
     color: #3f3f3f !important;
     height: initial;
}
 .occupied .current span, .occupied .current a {
     background: #3f3f3f !important;
     color: #fff !important;
}
 .occupied .current h2 {
     color: #f44c67 !important;
}
 .occupied .current h4, .occupied .current div {
     padding: 0 !important;
     height: initial;
}
 .available .current h4 {
     margin-top: 3px !important;
     padding: 0 10px;
     color: #0f0f0f;
}

/* Update 5 November 2019 */
.button {
    width: initial !important;
    background-color: #2fca74 !important;
    display: inline-block;
    padding: 16px 25px;
    border: none !important;
    border-radius: 4px;
    text-decoration: none;
}
.button.rooms {
    position: fixed;
    top: 36px;
    right: 36px;
}
.button.notify {
    display: block;
    width: fit-content !important;
}
.button.notify {
    position: fixed;
    top: 100px;
    right: 36px;
}

/* Update 22 November 2019 */
.left-bg { display: none; }

.ib {
    cursor: pointer;
}