.action-button{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:15px;justify-content:flex-start;z-index:inherit}.action-button,.action-button:focus{border:none;outline:none}.action-button:active{transform:translateY(2px)}.action-button.info{background-color:#318aec;color:#fff}.action-button.info:hover{background-color:gray}.action-button.info100{background-color:#e22d6c;color:#fff}.action-button.info100:hover{background-color:gray}.action-button.info200{background-color:#fc960f}.action-button.info200:hover{background-color:gray}.action-button.info300{background-color:#28a745}.action-button.info300:hover{background-color:gray}.action-button.info400{background-color:#ebe9e9}.action-button.info400:hover{background-color:gray}.action-button.info500{background-color:#2e2e32}.action-button.info500:hover{background-color:gray}.action-button.info600{background-color:#51ab55;color:#fff}.action-button.info600:hover{background-color:gray}.action-button.info700{background-color:#ea4643;color:#fff}.action-button.info700:hover{background-color:gray}.button-action-label{margin:0;overflow:hidden;text-overflow:ellipsis}.button-action-icon,.button-action-name{vertical-align:middle}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.chat-content{display:flex;flex-direction:column-reverse;height:368px;overflow:auto}.adiv{background:#0f424d;border-radius:15px;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:12px;font-weight:500;height:46px}.chat{background:#e2ffe8;border:none;border-radius:20px}.bg-white,.chat{font-size:10px;width:240px}.bg-white{border:1px solid #e7e7e9}.bg-white,.media img{border-radius:20px}.dot{font-weight:700}.form-group{border:1px solid #d1cccc;border-radius:12px;bottom:10px;height:72px;margin-bottom:0!important;margin-left:10px;position:absolute;width:280px}.form-control{border:0;border-radius:12px;font-size:12px;resize:none;width:240px}.sent-btn{bottom:40px;color:#0f424d;cursor:pointer;position:absolute;right:20px}.form-control:focus{box-shadow:none}.form-control::placeholder{color:#c4c4c4;font-size:12px}.sent-message{flex-direction:row-reverse!important}.btn-icon{cursor:pointer;margin:5px}.avatar-collapse{cursor:pointer;width:100%}.room-name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;width:80%}.menu-nav{background-color:#212123;border-radius:0 5px 5px 0;box-shadow:5px 0 10px #d3d3d3;color:#fff;font-size:13px;height:100%;padding:10px;position:absolute;top:0;transition:.5s;z-index:150}.menu-nav,.menu-nav-container{overflow-x:hidden;overflow-y:scroll}.menu-nav-container{width:100%}.menu-nav-container::-webkit-scrollbar{display:none;width:0!important}.btn-close-nav{align-items:center;background-color:#212123;border-radius:5px;bottom:0;cursor:pointer;display:flex;font-size:35px;height:35px;justify-content:center;position:absolute;right:0;transform:rotate(180deg);width:35px;z-index:1}.menu-nav.responsive.mini-size{left:0;position:fixed;transform:translateX(-300px)}.menu-nav.responsive.mini-size.on-mini-size{transform:translateX(0)}.menu-nav::-webkit-scrollbar{display:none;width:0!important}.menu-nav-body{display:flex;flex-direction:column;padding:10px}.menu-nav-logo{align-items:center;border-bottom:1px solid #fff;display:flex;flex-direction:row;height:80px;justify-content:start;padding-right:10px;position:relative}.nav-logo{border-radius:50%;height:48px;margin:10px;overflow:hidden;width:48px}.nav-logo div{height:100%;width:100%}.nav-logo img{object-fit:cover;width:100%}.btn-mini-size.mini-size{align-items:center;background-color:#212123;border-radius:5px;bottom:0;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:35px;height:40px;justify-content:center;left:0;position:fixed;width:45px;z-index:1}.btn-mini-size.mini-size.on-mini-size{display:none}.btn-back-lv-1{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:20px;margin-left:10px}.nav-link{border-radius:5px;margin:2px 0;overflow:hidden;transition:.25s}.nav-link:hover{background-color:#5d5d62}.focus{background-color:#348eed}.nav-link:hover{text-decoration:none}.nav-link.info100{background-color:initial}.nav-link.info100:hover{background-color:#5d5d62}.focus.info100{background-color:#348eed}.nav-link.info100>.nav-btn{color:#fff}.nav-link.info{background-color:initial}.focus.info{background-color:#348eed}.nav-link.info>.nav-btn{color:#000;font-weight:500}.nav-link.info>.nav-btn:hover{color:#dc3545}.nav-btn{align-items:center;background-color:initial;border:none;color:#fff;display:flex;font-weight:500;height:100%;justify-content:start;margin:0;width:100%}.nav-btn,.nav-btn:focus{outline:none}.nav-btn.no-link{border-radius:5px;margin:2px 0;padding:8px 16px}.nav-btn.no-link.focus{background-color:#348eed}.nav-btn.no-link:hover{background-color:#5d5d62}.base-head-icon{border-radius:50%;height:40px;margin-left:10px;width:40px}.base-head-icon,.base-head-icon>i{background-color:#d3d3d3;cursor:pointer;font-size:20;position:relative}.badge,.base-head-icon,.base-head-icon>i{align-items:center;display:flex;flex-direction:row;justify-content:center}.badge{background-color:red;border-radius:50%;color:#fff;font-size:14px;height:20px;line-height:14px;position:absolute;right:-5px;top:-5px;width:20px}.checkbox-parent{background-color:#d3d3d3;cursor:pointer;font-weight:500;position:relative;text-align:center}.checkbox-parent:active{transform:translateY(2px)}.checkbox-child{background-color:#ebe9e9;display:none;position:relative}.checkbox-child.show{display:block}.capacity-chart{background-color:#dad8d8;max-width:98vw;padding:15px;position:relative;width:400px}.capacity-chart-total{font-size:50px;font-weight:700;left:32.5%;line-height:1.2;padding-top:10px;position:absolute;text-align:center;top:42%;width:35%}.capacity-chart-total.over{color:#921e1e}.capacity-chart-total.free{color:#060657}.capacity-chart-total p{font-size:25px}.used-capacity{background-color:#6b6969;display:flex;flex-direction:row;max-width:98vw;padding:10px;width:400px}.used-capacity-title div{background-color:#060657;color:#fff;margin:1px;padding:2px 10px}.used-capacity-value{flex:auto}.used-capacity-value div{background-color:#d2d2e7;margin:1px;padding:2px 10px}.capacity-container{display:flex;flex-direction:row;flex-wrap:wrap}.capacity-user{flex:auto;max-width:98vw}div.table-container table{font-weight:450;margin-bottom:20px;min-width:100%;width:-moz-fit-content;width:fit-content}col.table-column{max-width:400px;min-width:50px}.table-wrapper{min-width:100%;width:-moz-fit-content;width:fit-content}table td,table th{max-width:400px;padding:2px 5px}div.table-container{flex:auto;overflow-y:auto;width:100%}.resize-container{display:flex;flex-direction:row;width:100%}.table-header-component>th{background-color:#5d7c9f;color:#fff;font-size:smaller;font-weight:600;padding:5px 0}.label-table{font-size:smaller;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap;width:100%}.color-red{color:red}.color-blue{color:blue}.table-row-component:hover>td{background-color:#9da8b2}.table-row-component.highlight,.table-row-component.highlight:hover>td{background-color:#3087fa}.table-row-component.even-row{background-color:#e8e7e7}.table-row-component.odd-row{background-color:#d1cece}.table-row-component>td{border-left:2px solid #fff;max-width:400px}tr.table-row-component{height:25px}.table-row-checkbox{text-align:center}.table-row-btn-check{height:-moz-fit-content;height:fit-content;padding:0!important}.table-row-btn-check>i{color:#fff;cursor:pointer;margin:0!important;padding:0}.table-row-btn-check>i.check{color:blue}.cell-image{height:68px;object-fit:contain;width:68px}.table-cell-action{display:flex}.contact-container{display:flex;flex-direction:column;font-size:15px;padding:5px;width:100%}.contact-component{background-color:#f0efef;border-radius:5px;display:flex;flex-direction:row;margin-top:5px;max-width:calc(80vw - 10px);padding:5px;width:330px}.contact-avt{align-items:center;background-color:#fff;border-radius:50%;color:#fff;display:flex;flex-direction:row;height:48px;justify-content:center;margin:3px;overflow:hidden;width:48px}.contact-avt img{height:70px;width:70px}.contact-content{display:flex;flex:1 1;flex-direction:column;margin-left:5px;width:300px}.contact-title{-webkit-line-clamp:1;line-clamp:1}.contact-title,.contact-value{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;width:100%}.contact-value{-webkit-line-clamp:2;line-clamp:2}.contact-main{align-items:center;display:flex;flex-direction:row}.contact-search{border:1px solid #e7e4e4;border-radius:5px;margin:10px 5px 5px 0}.contact-search-icon{color:gray;position:absolute;right:15px;top:15px}.login-google{margin-top:15px;text-align:center;width:100%}.login-btn-au{align-items:center;background-color:#fff;border:1px solid #d3d3d3;border-radius:3px;cursor:pointer;display:flex;font-size:16px;font-size:14px;height:40px;justify-content:center;margin-top:5px;position:relative;width:100%}.login-btn-au_img{background-image:url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/7b95007f3377150730bbb5d1ddb477d6.png);background-position:83.9286% 5.15464%;background-size:722.222% 638.889%;height:25px;left:10px;position:absolute;width:25px}.login-btn-au:focus{background-color:#d3d3d3;outline:none}.login-btn-au:hover:before{left:0;top:0}.login-form-note-text{color:gray;font-size:16px;line-height:1;margin-bottom:5px;margin-top:15px;width:100%}.login-container{display:flex;height:100vh;padding:0 calc(50vw - 200px)}.login-logo{width:100%}.login-content{margin:auto}.record-detail-container{background-color:#fff;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.newrecord-container{background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;width:calc(100vw - 5px)}.multi-camera{display:flex;flex-direction:row;overflow:auto;width:100%}.view-camera{background:#000;height:30vw}@media (max-width:800px){.camera-container,.newrecord-content{width:100%}}@media (min-width:801px){.camera-container{padding:1%;width:40%}.newrecord-content{padding:1%;width:60%}}.newrecord-tool{cursor:pointer;display:flex;justify-content:space-between;padding:4px 5px}.newrecord-tool-right{cursor:pointer;margin:auto 0 auto 5px}.camera{justify-content:center;margin:auto}.newrecord-code,.newrecord-tool-right.active{color:blue}.camera{background:#000;border-radius:10px;height:90px;margin:2px;overflow:hidden;position:relative;width:120px}.camera-recording-icon{bottom:calc(50% - 14px);color:red;font-size:large;left:calc(50% - 14px);opacity:.6;position:absolute;-webkit-user-select:none;user-select:none}.camera-disable-icon{color:red}.camera-disable-icon,.camera-enable-icon{background-color:gray;border-radius:50%;font-size:small;padding:2px;position:absolute;right:5px;top:5px;-webkit-user-select:none;user-select:none;z-index:1}.camera-enable-icon{color:blue}.qrcode-reader-content{background-color:#000;display:flex;flex-direction:row;flex-wrap:wrap;overflow:auto}@media (max-width:400px){.qr-reader,.qrdevice-list{width:100%}}@media (min-width:401px){.qr-reader{width:30%}.qrdevice-list{margin-top:4%;width:70%}}.mobile-camera{background:#000;position:relative}.mobile-camera-recording-icon{bottom:calc(50% - 14px);color:red;font-size:xx-large;left:calc(50% - 14px);opacity:.6;position:absolute;-webkit-user-select:none;user-select:none}.switch-camera{background:#1d1d1d;border-radius:24px;bottom:26px;height:48px;left:calc(50% - 30px);opacity:.6;position:absolute;width:48px}.switch-camera>span{color:#fff;font-size:xx-large;margin:8px;opacity:1;-webkit-user-select:none;user-select:none}.mobile-qrcode-reader-content{background-color:#000}@media (max-width:400px){.mobile-qr-reader{width:100%}}@media (min-width:401px){.mobile-qr-reader{width:30%}}
/*# sourceMappingURL=main.2a7e04de.css.map*/