.datatable .el-table{margin-top:35px}.filter-input.el-input--small input.el-input__inner{height:32px}.offline7 td:nth-child(7) .cell,.offline td:last-child .cell{color:#5c6aff;font-weight:600!important}.online7 td:nth-child(7) .cell,.online td:last-child .cell{color:#3bd97f;font-weight:600!important}.red{color:red}.green,.red{font-weight:600!important;font-size:12px}.green{color:#3bd97f}.page-container{margin-top:5px;text-align:center}.total-record{display:inline;margin-left:10px}.custom-pagination{display:inline-block;text-align:center}.datatable .page-number{display:inline;width:70px;margin-top:10px}.datatable .page-number .el-input-number--small{width:70px}.datatable .page-number .el-input-number.is-controls-right .el-input__inner{padding-left:10px;padding-right:10px;height:22px;width:60px}.datatable .el-input-number.is-controls-right[class*=small] [class*=increase],.datatable .page-number .el-input-number.is-controls-right[class*=small] [class*=decrease]{display:none}.el-table-column--selection .cell,.el-table .cell,.el-table th>.cell{padding:initial}.warningrow{color:red}.near-expire td{color:#000!important;background-color:#ff0!important}.near-expire td div{font-weight:700!important}.expired td{color:#000!important;background-color:#ff9a9a!important}.expired td div{font-weight:700!important}.el-icon-search{line-height:32px}.textOverflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.bigger-image-dialog .el-dialog{width:calc(50vh + 40px)!important}.formname{font-family:Noto Sans;font-size:18px;margin-left:20px;font-weight:600}.machineforhome{padding:32px 0 0 16px;display:block}.title-live-machine{width:100%;height:62px;padding-top:27px;padding-left:26px;font-family:Noto Sans;font-style:normal;font-weight:700;font-size:12px;letter-spacing:.05em;color:#000;border-bottom:.5px solid #767676}span.title{float:left;display:block;text-transform:uppercase}span.title.online:before,span.title:before{width:6px;height:6px;background-color:#eb5757;content:"";display:block;float:right;margin-left:5px;border-radius:10px;margin-top:-5px}span.title.online:before{background-color:#67c23a}.item-attend-wrapper{height:calc(100vh - 150px);overflow-y:auto}.item-attend{padding-left:24px;margin-top:16px;padding-right:19px;height:36px;width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.live-attend-nameandtype{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.live-attend-attendtype,.live-attend-fullname{width:100%;overflow-x:hidden;height:18px;line-height:18px;font-size:12px}.live-attend-fullname{font-weight:600}.live-attend-attendtype{text-transform:lowercase}.datetime{margin-left:10px;height:36px}.datetime,.live-attend-date,.live-attend-time{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.live-attend-date,.live-attend-time{height:18px;line-height:18px;font-size:12px}#bgHome{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0}.header{width:100%;height:51px;display:block;-webkit-box-shadow:0 4px 4px hsla(0,0%,48.2%,.25);box-shadow:0 4px 4px hsla(0,0%,48.2%,.25)}.header-title{padding:12px 0 0 18px;font-size:18px;font-weight:600;font-family:Noto Sans}.header-function,.header-title{display:block;width:50%;float:left}.el-main.bgHome.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-right:0;padding-top:6px}.listmachine{width:70%;display:block;float:left}.liveattend{width:28%;margin-left:2%;display:block;float:left;margin-top:18px;border-left:.5px solid #767676;border-top:.5px solid #767676;border-top-left-radius:40px}