.header__calendar[data-v-49a24a41]{width:auto;background:var(--orange);border-top-left-radius:20px;border-top-right-radius:20px;padding:20px 20px 20px 20px}.header__calendar-day[data-v-49a24a41]{font-size:45px;text-align:center;color:#fff;line-height:normal}.header__calendar-dayweek[data-v-49a24a41]{font-size:20px;-webkit-box-flex:0;-ms-flex:none;flex:none}.underline[data-v-49a24a41]{height:5px;width:85px;border-radius:100px;position:absolute;top:85px;left:20px}.bgc-green[data-v-49a24a41]{background-color:#30da88}.bgc-light-blue[data-v-49a24a41]{background-color:var(--blue)}.bgc-orange[data-v-49a24a41]{background-color:#f79d61}.bgc-red[data-v-49a24a41]{background-color:var(--red)}.c-green[data-v-49a24a41]{color:#30da88}.c-light-blue[data-v-49a24a41]{color:var(--blue)}.c-orange[data-v-49a24a41]{color:#f79d61}.c-red[data-v-49a24a41]{color:var(--red)}.c-white[data-v-49a24a41]{color:#fff}.el-calendar .el-calendar__header .el-calendar__title[data-v-49a24a41]{visibility:hidden}[data-v-49a24a41] .box-card_request .el-card__header{padding:10px 20px}[data-v-49a24a41] .box-card_request .el-card__body{height:calc(100vh - 459px);overflow:auto}[data-v-49a24a41] .el-calendar-table td.is-selected{background-color:#d8ebff}[data-v-49a24a41] .el-calendar-table td.is-today{color:#007dff;font-weight:700}.box-shadow[data-v-49a24a41]{-webkit-box-shadow:rgba(0,0,0,.1) -4px 9px 25px -6px;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1)}@media (min-width:1600px){.subtitle[data-v-49a24a41],.title-box_card[data-v-49a24a41]{font-size:20px}.count[data-v-49a24a41]{font-size:64px}}@media (max-width:1530px){.title-box_card[data-v-49a24a41]{max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.title-box_card_popover[data-v-49a24a41]{display:block}.header__calendar[data-v-49a24a41]{padding:15px 15px 10px 15px}.header__calendar-day[data-v-49a24a41]{font-size:35px}.header__calendar-dayweek[data-v-49a24a41]{font-size:18px}.header__calendar-subtitle[data-v-49a24a41]{font-size:13px}}@media (max-width:1199px){.title-box_card[data-v-49a24a41]{max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.icon[data-v-49a24a41]{display:none}}.vc-popover-content-wrapper .vc-popover-content{background-color:var(--orange);border-color:var(--orange);width:250px}.vc-popover-content-wrapper .vc-popover-content div:first-child{max-width:200px}.vc-popover-content-wrapper .vc-popover-content div:first-child div:first-child{font-family:Roboto,sans-serif}.vc-popover-content-wrapper .vc-popover-content .title{font-size:13px;font-weight:500;color:#fff;margin:2px 0;font-family:Roboto,sans-serif}.vc-popover-content-wrapper .vc-popover-content .vc-day-popover-row-content .vc-day-popover-row{font-family:Roboto,sans-serif}.vc-popover-content-wrapper .vc-popover-content .vc-day-popover-row-content .birthday-person__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vc-popover-content-wrapper .vc-popover-content .vc-day-popover-row-content .birthday-person__block .birthday-person__item{font-size:12px;font-weight:500;color:#fff;margin:2px 0;font-family:Roboto,sans-serif;width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.vc-popover-content-wrapper .vc-popover-caret{display:none}[data-v-a936f3b2] .row-class{background-color:#fff!important}.status[data-v-a936f3b2]{font-family:LexendDeca Regular;font-weight:300;font-size:14px;line-height:24px}.status.waiting-for-approval[data-v-a936f3b2]{color:#ffa800}.status.approved[data-v-a936f3b2]{color:#4f8aab}.status.rejected[data-v-a936f3b2]{color:#f12727}.button-action[data-v-a936f3b2]{width:22px;border:none;padding:0;background:transparent}.button-action.detail[data-v-a936f3b2],.button-action.detail[data-v-a936f3b2]: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}.loading[data-v-59320fb1]{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background-color:rgba(235,231,231,.227);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@-webkit-keyframes spin-59320fb1{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-59320fb1{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading .loader[data-v-59320fb1]{position:absolute;top:40%;left:45%;margin:0 0 2em;height:80px;width:10%;text-align:center;padding:.5em;margin:0 auto;display:inline-block;vertical-align:top}.doing[data-v-3b2d41af]{font-weight:500;font-size:22px;line-height:60px;color:#fff}.doing--card[data-v-3b2d41af]{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-3b2d41af]{font-weight:500;font-size:23px;line-height:60px}[data-v-3b2d41af] .main-card-body .body-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;padding-right:0}[data-v-3b2d41af] .main-card-body .time-update{font-size:15px;font-weight:700}[data-v-3b2d41af] .main-card-body .main-body{padding:0}[data-v-3b2d41af] .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-3b2d41af] .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-3b2d41af] .main-card-body .main-body .detail-infomation__block.work-data{background:#39abec}[data-v-3b2d41af] .main-card-body .main-body .detail-infomation__block.work-error{background:#f12727}[data-v-3b2d41af] .main-card-body .main-body .detail-infomation__block.ontime{background:#1e3cd7}[data-v-3b2d41af] .main-card-body .main-body .detail-infomation__block.go-late{background:#f79e61}[data-v-3b2d41af] .main-card-body .main-body .detail-infomation__block.day-off{background:#ff5621}[data-v-3b2d41af] .main-card-body .main-body .detail-infomation__block .data{margin-bottom:15px;position:relative}[data-v-3b2d41af] .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-3b2d41af] .main-card-body .main-body .detail-infomation__block .data .icon{position:absolute;top:15px;right:0}[data-v-3b2d41af] .main-card-body .main-body .detail-infomation__block .data .icon [class^=icon24-]:before,[data-v-3b2d41af] .main-card-body .main-body .detail-infomation__block .data .icon [class^=isax-]:before{color:var(--white);font-size:28px}[data-v-3b2d41af] .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-3b2d41af] .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-3b2d41af] .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;min-width:0}[data-v-3b2d41af] .main-card-body .main-body .body-container .block-left .block__chart{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:0}[data-v-3b2d41af] .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-3b2d41af] .main-card-body .main-body .body-container .block-left .block__chart .el-card .el-card__body{padding-top:0}[data-v-3b2d41af] .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-3b2d41af] .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-3b2d41af] .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-3b2d41af] .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-3b2d41af] .main-card-body .main-body .body-container .block-left .block__chart--work{grid-area:block__chart__work}[data-v-3b2d41af] .main-card-body .main-body .body-container .block-left .block__chart--detailed{grid-area:block__chart__detailed}[data-v-3b2d41af] .main-card-body .main-body .body-container .block-left .block__request{grid-area:block__request;margin-bottom:20px;min-width:0}[data-v-3b2d41af] .main-card-body .main-body .body-container .block-left .block__request .el-table,[data-v-3b2d41af] .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-3b2d41af] .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-3b2d41af] .main-card-body .main-body .body-container .block__aside .noti--list{padding-top:10px;border-top:1px solid #d0d5d9}[data-v-3b2d41af] .main-card-body .main-body .body-container .block__aside .noti--list.collapse-calendar .noti--list__component{max-height:540px;overflow-y:auto}[data-v-3b2d41af] .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-3b2d41af] .main-card-body .main-body .body-container .block__aside .noti--list .noti--list__component{max-height:500px;overflow-y:auto}[data-v-3b2d41af] .el-card .el-card__header{padding:20px 20px 5px 20px}[data-v-3b2d41af] .el-card .el-card__header .clearfix .title{font-family:LexendDeca Regular;font-weight:400;font-size:20px;line-height:32px}[data-v-3b2d41af] .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-3b2d41af] .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-3b2d41af] .el-card.card--calendar .el-card__header{padding:0;padding-bottom:10px}[data-v-3b2d41af] .el-card.card--calendar .el-card__body,[data-v-3b2d41af] .el-card.card--calendar .el-card__body .card-body,[data-v-3b2d41af] .el-card.card--calendar .el-card__body .card-body .vc-weeks{padding:0}[data-v-3b2d41af] .el-card.card--calendar .el-card__body .card-body .vc-arrows-container{padding:8px 0}.select-period.el-select[data-v-3b2d41af]{width:260px}.select-period[data-v-3b2d41af] .el-input{width:100%}.select-period[data-v-3b2d41af] .el-input .el-input__inner{width:100%;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-3b2d41af] .el-input__suffix .el-icon-arrow-up:before{font-weight:900;font-size:18px}.dot[data-v-3b2d41af]{width:12px;height:12px;display:inline-block;border-radius:50%;margin-right:5px}.dot--enough[data-v-3b2d41af]{background:#39abec}.dot--error[data-v-3b2d41af]{background:#f12727}.dot--remaning[data-v-3b2d41af]{background:#d0d5d9}.dot--golate[data-v-3b2d41af]{background:#f79e61}.dot--dayoff[data-v-3b2d41af]{background:#ff5621}.dot--ontime[data-v-3b2d41af]{background:#1e3cd7}.dot--others[data-v-3b2d41af]{background:#d0d5d9}@media(max-width:1640px){.main-card-body .main-body .detail-infomation[data-v-3b2d41af]{grid-template-columns:1fr 1fr 1fr 1fr}}@media(max-width:1390px){.main-card-body .main-body .detail-infomation[data-v-3b2d41af]{grid-template-columns:1fr 1fr 1fr}}@media(max-width:1200px){.main-card-body .main-body .detail-infomation[data-v-3b2d41af]{grid-template-columns:1fr 1fr}}@media(max-width:950px){.main-card-body .main-body .detail-infomation[data-v-3b2d41af]{grid-template-columns:1fr}.main-card-body .main-body .body-container[data-v-3b2d41af]{grid-template-columns:1fr;grid-template-areas:"block__left" "block__aside"}.main-card-body .main-body .body-container .block-left[data-v-3b2d41af]{grid-template-columns:1fr;grid-template-areas:"block__chart__work" "block__chart__detailed" "block__request";height:auto}.main-card-body .main-body .body-container .block-left .block__request[data-v-3b2d41af] .el-card__body{overflow-x:auto}.main-card-body .main-body .body-container .block-left .block__request[data-v-3b2d41af] .el-table--request{min-width:650px}.main-card-body .main-body .body-container .block__aside[data-v-3b2d41af]{min-width:0}}@media(max-width:547px){.main-card-body .body-header[data-v-3b2d41af]{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.main-card-body .main-body .body-container .block-left .block__chart .el-card .el-card__body .card-body[data-v-3b2d41af]{grid-template-columns:1fr}.select-period.el-select[data-v-3b2d41af]{width:100%}}