.employee-date-info{display:flex;justify-content:space-between;margin:-10px -10px;padding:10px;border-bottom:1px solid #1d7de2;background:#b6d9ff}.employee-date-info .employee-info{width:60%}.employee-date-info .employee-info .employee-name{font-size:16px;font-weight:700;margin-bottom:10px}.employee-date-info .date-info{background:#fff;border-radius:10px;overflow:hidden;text-align:center;width:60px}.employee-date-info .date-info .weekday-bg{font-size:15px;font-weight:700;color:#fff;background:#f72525;height:20px;line-height:20px}.employee-date-info .date-info .day{font-size:16px;font-weight:700;color:#333;height:30px;line-height:30px}.shift-list{margin-top:20px}.shift-list .shift-item{position:relative;padding:10px;background-color:#ddefff;border:1px solid #76beff!important;border-radius:5px;margin-bottom:10px}.shift-list .shift-item .shift-name{font-weight:700}.shift-list .shift-item .notice-signs{margin-top:3px;display:flex}.shift-list .shift-item .notice-signs .sign{height:20px;line-height:20px;font-size:12px;padding:0 10px;border-radius:5px;margin-right:5px;color:#fff}.shift-list .shift-item .notice-signs .sign.late{background-color:#ff6b6b}.shift-list .shift-item .notice-signs .sign.end-early{background-color:#b22dc1}.shift-list .shift-item .notice-signs .sign.manual{background-color:#bca105}.shift-list .shift-item .option-btns{position:absolute;bottom:10px;right:10px}.shift-list .shift-item.adjusted{background-color:#ffe9ae;border:1px solid #f3c33f!important}.tk-overview-count .item{background:#e1f0ff;margin:0 auto 2px;text-align:center;border:1px solid #1c63c3;color:#1c63c3;border-radius:5px;line-height:1.4}.tk-overview-count .total{display:flex}.tk-overview-count .total .total-hours,.tk-overview-count .total .total-shifts{width:60px}.tk-overview-count .detail{display:flex}.tk-overview-count .detail .early-count,.tk-overview-count .detail .late-count,.tk-overview-count .detail .manual-count{width:40px}.header-bar{display:flex}.month-days{min-height:200px}.month-days .el-table td.el-table__cell div{padding:1px}.month-days .el-table--border .el-table__cell:first-child .cell{padding:0}.month-days .table-weekday .month-shifts{height:70px;width:100%}.month-days .table-weekday .month-shifts button.el-button.add-shift{width:100%;height:100%;display:flex;position:relative;justify-content:center;align-items:center;border:1px dashed #c4c4c4;color:#c4c4c4}.month-days .table-weekday .month-shifts button.el-button.add-shift .shifts{color:#303e65}.month-days .table-weekday .month-shifts button.el-button.add-shift .shifts .dot-gr{margin-top:2px;display:flex;justify-content:center}.month-days .table-weekday .month-shifts button.el-button.add-shift .shifts .dot-gr .dot{height:5px;width:5px;background-color:#838ba3;border-radius:50%;margin:0 3px}.month-days .table-weekday .month-shifts button.el-button.add-shift .shifts .dot-gr .dot.late{background-color:#ff6b6b}.month-days .table-weekday .month-shifts button.el-button.add-shift .shifts .dot-gr .dot.end-early{background-color:#b22dc1}.month-days .table-weekday .month-shifts button.el-button.add-shift .shifts .dot-gr .dot.manual{background-color:#bca105}.month-days .table-weekday .month-shifts .active{background-color:#ddefff;border:1px solid #76beff!important;font-size:13px}.month-days .table-weekday .month-shifts.adjusted .active{background-color:#ffe9ae;border:1px solid #f3c33f!important}.month-days .table-weekday .firt-col div{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.month-days .table-weekday .firt-col .total-time{background:#e1f0ff;width:60px;margin:0 auto 2px;text-align:center;border:1px solid #1c63c3;color:#1c63c3;border-radius:5px;line-height:1.4}.month-days .table-weekday .name-wrapper span.el-tag.el-tag--medium.el-tag--light{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-days .table-weekday td:not(:first-child){vertical-align:middle}.month-days .table-weekday .end-week{color:#1c63c3}.color-detail{display:flex;justify-content:center}.color-detail.mg-top-10{margin-top:10px}.color-detail.employee-stats{margin:-2px;background:#f5f5f5}.color-detail .color-item{display:flex;align-items:center;margin-right:15px;font-weight:400!important}.color-detail .color-item .dot{height:10px;width:10px;border-radius:50%;margin-right:5px}.color-detail .late{background-color:#ff6b6b}.color-detail .end-early{background-color:#b22dc1}.color-detail .manual{background-color:#bca105}.color-detail .adjusted{background-color:#ffe9ae;border:1px solid #f3c33f!important;border-radius:2px!important}.schedule-date-hour h6{margin:10px 0}.schedule-date-hour .description{margin:10px 0;font-size:20px;color:grey}.schedule-date-hour .options .item{border:1px solid #dcdfe6;padding:10px;margin-bottom:10px;border-radius:4px;text-align:center;cursor:pointer}.schedule-date-hour .options .item span{color:#1d7de2}.schedule-date-hour .options .item.active{background-color:#1d7de2;border-color:#1d7de2}.schedule-date-hour .options .item.active span{color:#fff}.upload-form .igrone-exist-data .dx-field-label{display:block;float:none;width:80%;text-align:center;border-top:1px solid #eaeaea;margin:20px auto 0}.upload-form .igrone-exist-data .dx-field-value{display:block;float:none;width:80%!important;margin:0 auto;text-align:center}.upload-form .igrone-exist-data .dx-field-value .dx-radiogroup-horizontal{display:flex;justify-content:center}.upload-file-form{text-align:center;margin-top:20px}.upload-file-form .el-upload-list{max-width:400px;margin:auto}.upload-file-form .el-upload-list__item{border:1px solid #eaeaea}.upload-file-form .el-upload-list__item-name{font-size:16px}.upload-file-panel{margin-top:20px}.upload-file-panel .step-panel{display:none}.upload-file-panel .step-panel.active{display:block}.upload-file-panel .download-example{margin-top:20px}.upload-file-panel .download-example em{font-style:normal;color:#29a745}.el-input.phone-input{display:inline-block;width:140px}.el-input.phone-input .el-input__inner{font-weight:700}.date-selector-table[data-v-19cc52bc],.staff-selector-table[data-v-350ed572]{height:100%;width:100%}.date-selector-table .clone-label[data-v-19cc52bc]{font-size:14px;margin:10px 0}.date-selector-table .el-date-editor.el-input[data-v-19cc52bc]{width:100%}.dialog-footer[data-v-5ae8b280]{display:flex;justify-content:center;align-items:center}.approve-shift-table .el-date-editor{width:190px;margin-right:10px}.approve-shift-table .el-date-editor input{height:28px}.approve-shift-table .el-date-editor .el-input__icon{line-height:28px}.header-bar{margin-bottom:10px;display:block;width:100%;white-space:nowrap}.header-bar .el-date-editor.el-input{width:100%;max-width:200px;margin-right:10px}.header-bar .el-button{font-size:13px}.weekday{min-height:200px}.weekday .table-weekday button.el-button.add-employee{width:100%;height:24px;margin-bottom:6px;display:flex;justify-content:center;align-items:center;border:1px dashed #dedede;color:#c4c4c4}.weekday .table-weekday .firt-col div{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.weekday .table-weekday .firt-col span{font-weight:500}.weekday .table-weekday .name-wrapper{display:flex;margin-top:4px}.weekday .table-weekday .name-wrapper span.el-tag{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekday .table-weekday .name-wrapper button.el-button.delete-employee{padding:2px;border-radius:4px;margin-left:2px}.weekday .table-weekday td:not(:first-child){vertical-align:top}.employee-shift-item{font-size:11px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ccc;border-radius:2px;padding:2px;line-height:1.3}.employee-shift-item span{font-size:10px}.employee-shift-item.success{background:#67c23a;color:#fff}.employee-shift-item.warning{background:#e85b85;color:#fff}.employee-shift-item.primary{background:#409eff;color:#fff}.time-keeper-detail{margin-top:5px}.time-keeper-detail h1{font-size:15px!important}.time-keeper-detail .list-title{font-size:18px;font-weight:700;margin:5px 0}.time-keeper-detail .period-item{min-height:70px;width:100%;border:1px solid #eaeaea;border-radius:5px;box-shadow:0 0 8px 1px rgba(0,0,0,.05);padding:10px;box-sizing:border-box;margin-bottom:10px;cursor:pointer}.time-keeper-detail .period-item .shift-name{font-size:20px}.load-more-btn button,.time-keeper-detail .period-item .staff-name{font-size:16px;font-weight:700}.load-more-btn button{width:100%}.store-report-table{margin:-5px}