[data-v-40553fa0] .row-class{background-color:#fff!important}.status[data-v-40553fa0]{font-family:LexendDeca Regular;font-weight:300;font-size:14px;line-height:24px}.status.waiting-for-approval[data-v-40553fa0]{color:#ffa800}.status.approved[data-v-40553fa0]{color:#4f8aab}.status.rejected[data-v-40553fa0]{color:#f12727}.button-action[data-v-40553fa0]{width:22px;border:none;padding:0;background:transparent}.button-action.detail[data-v-40553fa0],.button-action.detail[data-v-40553fa0]:hover{color:#1e3cd7}.el-table.el-table--request{border-top-left-radius:0;border-top-right-radius:0}.el-table.el-table--request thead tr th{background:#4f8aab!important}[data-v-28d35e56] p{font-family:LexendDeca Regular}[data-v-28d35e56] .list-noti--item{display:grid;grid-template-columns:60px auto;align-self:center;margin-bottom:15px}[data-v-28d35e56] .list-noti--item .icon{width:44px;height:44px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}[data-v-28d35e56] .list-noti--item .icon.system{background:#ff5621}[data-v-28d35e56] .list-noti--item .icon.timekeeping{background:#f79e61}[data-v-28d35e56] .list-noti--item .icon [class*=" icon24-"],[data-v-28d35e56] .list-noti--item .icon [class^=icon24-]{color:#fff;font-size:27px}[data-v-28d35e56] .list-noti--item .content{-ms-flex-item-align:center;align-self:center}[data-v-28d35e56] .list-noti--item .content .message{font-weight:400;font-size:15px;line-height:24px;color:#292d32;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;word-break:break-word;-webkit-box-orient:vertical}[data-v-28d35e56] .list-noti--item .content .created-time{font-weight:200;font-size:13px;line-height:16px;color:#444242}.doing[data-v-3b6a71a4]{font-weight:500;font-size:22px;line-height:60px;color:#fff}.doing--card[data-v-3b6a71a4]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.doing--card p[data-v-3b6a71a4]{font-weight:500;font-size:23px;line-height:60px}[data-v-3b6a71a4] .main-card-body .body-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;padding-right:0}[data-v-3b6a71a4] .main-card-body .time-update{font-size:15px;font-weight:700}[data-v-3b6a71a4] .main-card-body .main-body{padding:0}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin-bottom:20px}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block{height:170px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.16);box-shadow:0 2px 4px rgba(0,0,0,.16);border-radius:8px;padding:10px 15px 15px 15px}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block.work-data{background:#39abec}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block.work-error{background:#f12727}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block.ontime{background:#1e3cd7}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block.go-late{background:#f79e61}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block.day-off{background:#ff5621}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block .data{margin-bottom:15px;position:relative}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block .data span{font-family:LexendDeca Regular;font-weight:500;font-size:42px;line-height:60px;color:#fff}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block .data .icon{position:absolute;top:15px;right:0}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block .data .icon [class^=icon24-]:before,[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block .data .icon [class^=isax-]:before{color:var(--white);font-size:28px}[data-v-3b6a71a4] .main-card-body .main-body .detail-infomation__block .title p{font-family:LexendDeca Regular;color:#fff;font-weight:300;font-size:16px;line-height:28px}[data-v-3b6a71a4] .main-card-body .main-body .body-container{display:grid;grid-gap:24px;grid-template-columns:1fr 420px;grid-template-areas:"block__left block__aside"}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left{grid-area:block__left;display:grid;grid-gap:24px;grid-template-columns:1fr 1fr;grid-template-areas:"block__chart__work block__chart__detailed" "block__request block__request";height:100px}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__chart{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__chart .el-card{border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.16);box-shadow:0 2px 4px rgba(0,0,0,.16)}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__chart .el-card .el-card__body{padding-top:0}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__chart .el-card .el-card__body .card-body{display:grid;grid-template-columns:1.5fr 1fr}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__chart .el-card .el-card__body .card-body .detail-data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:LexendDeca Regular}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__chart .el-card .el-card__body .card-body .detail-data .main-title{font-weight:400;font-size:15px;line-height:29px}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__chart .el-card .el-card__body .card-body .detail-data .sub-title{font-weight:500;font-size:15px;line-height:25px}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__chart--work{grid-area:block__chart__work}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__chart--detailed{grid-area:block__chart__detailed}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__request{grid-area:block__request;margin-bottom:20px}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block-left .block__request .el-table,[data-v-3b6a71a4] .main-card-body .main-body .body-container .block__aside{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.16);box-shadow:0 2px 4px rgba(0,0,0,.16)}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block__aside{margin-bottom:20px;border-radius:8px;grid-area:block__aside;min-width:420px;padding:20px;background:#fff}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block__aside .noti--list{padding-top:10px;border-top:1px solid #d0d5d9}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block__aside .noti--list.collapse-calendar .noti--list__component{max-height:540px;overflow-y:auto}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block__aside .noti--list .title{font-family:LexendDeca Regular;font-weight:400;font-size:16px;line-height:28px;color:#292d32;margin-bottom:5px}[data-v-3b6a71a4] .main-card-body .main-body .body-container .block__aside .noti--list .noti--list__component{max-height:500px;overflow-y:auto}[data-v-3b6a71a4] .el-card .el-card__header{padding:20px 20px 5px 20px}[data-v-3b6a71a4] .el-card .el-card__header .clearfix .title{font-family:LexendDeca Regular;font-weight:400;font-size:20px;line-height:32px}[data-v-3b6a71a4] .el-card .el-card__header .clearfix .toggle--action{font-weight:400;font-size:15px;line-height:24px;font-family:LexendDeca Regular;color:#1e3cd7}[data-v-3b6a71a4] .el-card.card--calendar{-webkit-box-shadow:none;box-shadow:none;border-radius:0;border-top-right-radius:8px;border-top-left-radius:8px;border:none}[data-v-3b6a71a4] .el-card.card--calendar .el-card__header{padding:0;padding-bottom:10px}[data-v-3b6a71a4] .el-card.card--calendar .el-card__body,[data-v-3b6a71a4] .el-card.card--calendar .el-card__body .card-body,[data-v-3b6a71a4] .el-card.card--calendar .el-card__body .card-body .vc-weeks{padding:0}[data-v-3b6a71a4] .el-card.card--calendar .el-card__body .card-body .vc-arrows-container{padding:8px 0}.select-period.el-select[data-v-3b6a71a4],.select-period[data-v-3b6a71a4] .el-input{width:225px}.select-period[data-v-3b6a71a4] .el-input .el-input__inner{width:225px;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;font-weight:600;font-size:22px;line-height:32px;color:#292d32;padding-left:0;padding-right:0}.select-period[data-v-3b6a71a4] .el-input__suffix .el-icon-arrow-up:before{font-weight:900;font-size:18px}.dot[data-v-3b6a71a4]{width:12px;height:12px;display:inline-block;border-radius:50%;margin-right:5px}.dot--enough[data-v-3b6a71a4]{background:#39abec}.dot--error[data-v-3b6a71a4]{background:#f12727}.dot--remaning[data-v-3b6a71a4]{background:#d0d5d9}.dot--golate[data-v-3b6a71a4]{background:#f79e61}.dot--dayoff[data-v-3b6a71a4]{background:#ff5621}.dot--ontime[data-v-3b6a71a4]{background:#1e3cd7}.dot--others[data-v-3b6a71a4]{background:#d0d5d9}@media(max-width:1640px){.main-card-body .main-body .detail-infomation[data-v-3b6a71a4]{grid-template-columns:1fr 1fr 1fr 1fr}}@media(max-width:1390px){.main-card-body .main-body .detail-infomation[data-v-3b6a71a4]{grid-template-columns:1fr 1fr 1fr}}@media(max-width:1200px){.main-card-body .main-body .detail-infomation[data-v-3b6a71a4]{grid-template-columns:1fr 1fr}}@media(max-width:950px){.main-card-body .main-body .detail-infomation[data-v-3b6a71a4]{grid-template-columns:1fr}}