.office-reservation{background:#fff}.office-reservation .view-content{overflow:auto}.office-reservation .view-content .el-form.office-form .el-form-item{margin-bottom:0}.office-reservation .office-form{width:100%;padding:10px 20px;background-color:#fff}.office-reservation .office-form .meeting-input{width:200px}.office-reservation .office-form .meeting-search{border:none;font-size:15px}.office-reservation .office-form .reserve-order{position:absolute;right:15px}.office-reservation .office-table{width:100%;padding:0;overflow:hidden}.office-reservation .office-table .table-body{position:relative}.office-reservation .office-table .table-body:hover{cursor:pointer;background-color:#e0f3ff}.office-reservation .office-table .table-body .row-cell:hover{cursor:pointer;background-color:#afd9f1}.office-reservation .office-table .office-row{display:-webkit-flex;display:flex;width:100%;height:48px;line-height:48px;text-align:center}.office-reservation .office-table .office-row .row-header{-webkit-flex:0 0 140px;flex:0 0 140px;width:200px;height:48px;line-height:48px;border:1px solid #ebeef5;border-bottom:0 solid #ebeef5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-reservation .office-table .office-row .row-cell{width:500px;height:48px;line-height:48px;border-top:1px solid #ebeef5;border-right:1px solid #ebeef5;border-bottom-width:0;text-align:left;padding-left:4px}.office-reservation .office-table .office-row .time-cell:before{content:"";border-right:1px solid #ebeef5;width:0;height:48px;display:block;position:relative;top:0;left:50%;right:50%;bottom:0;opacity:.3}.office-reservation .office-table .office-row .timeline-wrapper{position:absolute;top:0;left:0;bottom:0;margin-left:140px;height:48px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.office-reservation .office-table .office-row .timeline-wrapper .timeline-content{color:#000;height:48px;position:absolute;left:80px;cursor:pointer}.office-reservation .office-table .office-row .timeline-wrapper .timeline-bar{position:inherit;width:100%;height:32px;line-height:32px;margin:8px 0;border-width:0;background-color:#ededed}.office-reservation .office-table .office-row .timeline-wrapper .timeline-bar .roombooking-msg{width:80%;margin:0 auto;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.office-reservation .office-table .office-row .timeline-wrapper .timeline-bar .disannul-booking{position:absolute;right:5px;font-size:14px;padding:9px;top:0;bottom:0;display:none}.office-reservation .office-table .office-row .timeline-wrapper .timeline-bar:hover{color:#ededed;background-color:#50bfff}.office-reservation .office-table .office-row .timeline-wrapper .timeline-bar:hover .disannul-booking{display:inline-block;z-index:1}.office-reservation .office-table .office-row .timeline-wrapper .timeline-bar:hover .disannul-booking:hover{color:#b4000b}.office-reservation .office-table .office-row:last-child .row-cell,.office-reservation .office-table .office-row:last-child .row-header{border-bottom:1px solid #ebeef5}.meeting-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#b4000b;color:#fff}