body{color:#ddd}#app{max-width:1280px;margin:0 auto;padding:1rem .5rem;font-weight:400}a{text-decoration:none;font-weight:700;color:#fff;transition:.4s;padding:.5rem}.main-navbar{display:flex;flex-wrap:wrap;row-gap:.25rem}.main-navbar div{font-size:90%}.header-tab{margin-right:1em}.home{max-width:512px}td{padding:4px!important}thead{font-weight:700}.room-button{margin-bottom:8px;text-align:left;padding:.75em 16px}.room-group{background-color:#666;padding:.5em;margin-bottom:1em;border-radius:8px}.agent-table{font-size:10px;border-color:#fff}.thumbnail-image{height:16px;width:16px}.room-col{padding:0}.popup-container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000000b3;max-width:640px;z-index:4}.popup{background-color:#555;position:absolute;border-radius:8px;top:8vh;bottom:8vh;left:8vw;right:8vw;overflow-y:scroll;z-index:5}.popup .topbar{border-bottom:1px solid #bbbbbb;padding:.75em}.popup .topbar .button-container{text-align:right}.popup-body{padding:1em .75em}.popup-body .field-label{background-color:#bbb;border-top-right-radius:0;border-bottom-right-radius:0}.popup-body .room-image{max-width:100%;margin-bottom:1em}.x-overlay{position:absolute;right:0;top:0}.x-confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:2em;text-align:right;background-color:#00000080}.vacant td{background-color:#ddf6d2!important;color:#00f}.new td{background-color:#0ff!important}.vacating td{color:#ff4f0f!important}.reserved td{background-color:#d3d3d3!important}