.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline::after{content:"";display:table;clear:both}.vertical-timeline::before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right::before{right:18px;left:unset}@media only screen and (min-width: 1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width: 1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width: 1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(0.5)}60%{opacity:1;-moz-transform:scale(1.2)}100%{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px 0 #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title{margin:0}.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content::before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content::before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width: 768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width: 1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width: 1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width: 1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}100%{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}100%{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.875rem !important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{height:100%}.loading{background-color:rgba(34,28,28,.4);display:flex !important;width:100% !important;height:100% !important;position:fixed !important;z-index:99999 !important;justify-content:center !important;align-items:center !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important}.middle{top:50%;left:50%;transform:translate(-50%, -50%);position:absolute}.bar{width:8px;height:50px;display:inline-block;transform-origin:bottom center;border-top-right-radius:20px;border-top-left-radius:20px;animation:loader 1.2s linear infinite}.bar1{animation-delay:.1s}.bar2{animation-delay:.2s}.bar3{animation-delay:.3s}.bar4{animation-delay:.4s}.bar5{animation-delay:.5s}.bar6{animation-delay:.6s}.bar7{animation-delay:.7s}.bar8{animation-delay:.8s}@keyframes loader{0%{transform:scaleY(0.1);background:#fff}50%{transform:scaleY(1);background:#8490fd}100%{transform:scaleY(0.1);background:transparent}}::-webkit-scrollbar{width:8px;border-radius:4px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555;border-radius:4px}
.table-component::-webkit-scrollbar{height:7px !important}
.info-box .info-box-content{display:flex;align-items:start}.info-box .info-box-content .info-box-text{font-weight:bold}
.image_cus{width:200px;height:150px;object-fit:cover;border-radius:5px;cursor:pointer}.image_container{position:relative;width:200px;display:flex;align-items:center;justify-content:center}.image_cus_overlay{position:absolute;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;display:none;color:#fff}.image_cus_overlay .icon{cursor:pointer;margin:4px}.image_container:hover .image_cus_overlay{display:flex;background-color:rgba(0,0,0,.4);border-radius:5px;cursor:pointer}.text_des_split{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cus_btn_card{padding:2px !important}
#cke_notifications_area_editor2,.cke_notification.cke_notification_warning{display:none !important}
.table_form_admin{background-color:#fff;border-radius:6px;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)}.field_filter{margin-bottom:1rem}.line_form{margin-bottom:1rem}
:export{main:#673ab7;mainLight:#ede7f6;error:red;success:#64dd17;gray:#9e9e9e;mainStaff:#8490fd;pathImage:"../assets/images"}.header_tab_name{display:flex;align-items:center;margin-bottom:20px;justify-content:space-between;gap:36px}.buttons_dialog{display:flex;margin-top:1rem;justify-content:space-between}.menu_item{display:flex;align-items:center;justify-content:space-between;font-weight:500 !important}.menu_item div{margin:0 1rem;font-size:.8rem !important}.menu_item_delete{color:red !important}.icon_table{margin:0 .3rem !important}
.tablePagination p{margin:0}.loadingOverView{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:3}.fixed{position:fixed;top:0px;padding-right:20px;padding-top:40px;background-color:#fff;transition:all .5s}.dnone{position:fixed;top:-200%;background-color:#fff;transition:all .3s}.timekeeping-general h2{margin-bottom:20px}.border-bottom{padding-bottom:20px}
.staff_form_Box{margin-top:-20rem !important;z-index:10;display:flex !important;justify-content:center}@media screen and (max-width: 1024px){.staff_form_Box{margin-top:-15rem !important}}.form_item{display:flex;align-items:center;justify-content:space-between;background-color:#f9faff;border:1px solid #e4e9ff;border-radius:5px;padding:.5rem;margin-bottom:.5rem}.status_form{flex:1;text-transform:uppercase;border-radius:5px;background-color:#fff;padding:.5rem;font-weight:600;font-size:.83rem}.box_statistic_form{text-align:center;border:1.5px solid #e4e9ff;border-radius:10px;padding:1.5rem 0}.box_statistic_form .text_box_form{font-weight:600;line-height:21px}.box_statistic_form .num_box_form{font-weight:bold;font-size:24px;line-height:32px}.date_fillter{display:flex;align-items:center;width:100%}.date_fillter .MuiOutlinedInput-root{margin-left:.5rem !important}.date_fillter .MuiOutlinedInput-root .MuiOutlinedInput-input{font-size:.8rem !important}@media screen and (max-width: 767px){.date_fillter{flex-direction:column}}.date-form-container{width:100%}.date-form-container .date-form-input{width:100%;padding:9px 12px;border-radius:4px;border:1px solid #0000003b}.date-form-container .date-form-input-error{border:1px solid red}.date-form-container .date-form-mode{display:flex;justify-content:space-around;padding:12px 0}.date-form-container .date-form-mode .btn-date-from-mode{border:1px solid #0000003b;padding:4px 12px;border-radius:8px;background-color:#fff;color:#000;cursor:pointer}.date-form-container .date-form-mode .active{background-color:#0074d9;color:#fff}.select-type-off{margin-top:10px}.rmdp-day.rmdp-today .today{background-color:#fff;border:1px solid #ccc;color:#000}
.item-assign{width:25px;height:25px;cursor:pointer;margin-left:35px}.item-assign div:first-child{width:100%;height:100%;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:bold}.item-assign img{width:25px;height:25px;border-radius:100%}.tag-status{box-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px;color:#fff;padding:5px;text-align:center;font-weight:600;font-size:12px;border-radius:5px}.tag-status.textTodo{width:70%;background-color:#e9795d}.tag-status.textReview{background-color:#ffcf00;width:100%}.tag-status.textProgress{background:#08adff;width:100%}.tag-status.textComplete{background:#77f37e;width:100%}.name-task{width:40%}.link-task{display:flex;align-items:center;color:#000 !important;box-shadow:rgba(0,0,0,.1) 0px 4px 12px;padding:5px;width:80%;justify-content:center;border-radius:5px;letter-spacing:1px}.link-task:hover{background-color:#ffebcd}.space-item{background-color:#fff;height:86.6vh;width:17%;position:fixed;border-bottom:1px solid #000;border-bottom-left-radius:5px;z-index:0}.space-item div{margin:10px;box-shadow:rgba(50,50,93,.25) 0px 2px 5px -1px,rgba(0,0,0,.3) 0px 1px 3px -1px;padding:10px;font-weight:bold;border-radius:5px;cursor:pointer}.table-show-task{z-index:1}.table-show-task thead tr th:first-child{width:40%}.table-show-task tbody{display:block;height:80vh;overflow:auto}.table-show-task thead,.table-show-task tbody tr{display:table;width:100%;table-layout:fixed}.table-show-task thead{width:calc(100% - 1em)}.table-show-task table{width:100%}.list-due_date{margin:10px;box-shadow:rgba(50,50,93,.25) 0px 6px 12px -2px,rgba(0,0,0,.3) 0px 3px 7px -3px}.list-due_date .title{font-size:15px;font-weight:bold;text-transform:uppercase;color:coral;margin-left:10px;padding:5px}.list-due_date .table-duedate{border-bottom:1px solid #ccc}.list-due_date .table-duedate:last-child{border-bottom:0px}.active-space{background-color:#dfdbfb;color:#7b68ee}.button-taskDetail{padding:15px;cursor:pointer;margin-bottom:10px;box-shadow:rgba(50,50,93,.25) 0px 2px 5px -1px,rgba(0,0,0,.3) 0px 1px 3px -1px;border-radius:5px;font-weight:bold}.calendar-date-box{display:flex;margin-bottom:20px}.calendar-date-box .CalendarDate{display:flex;flex-direction:column;align-items:center;margin-right:5px}.calendar-date-box .CalendarDate span{margin-bottom:5px}.name-detail{font-size:20px;font-weight:bold;margin-bottom:10px;margin-left:10px}.search-staff-box{margin-bottom:10px;max-width:25%}
.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{box-sizing:border-box;height:100%;display:flex;flex-direction:column;align-items:stretch}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:bold;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;box-sizing:border-box;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5)}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px 1px}.rbc-selected-cell{background-color:rgba(0,0,0,.1)}.rbc-show-more{background-color:rgba(255,255,255,.3);z-index:4;font-weight:bold;font-size:85%;height:auto;line-height:normal}.rbc-month-view{position:relative;border:1px solid #ddd;display:flex;flex-direction:column;flex:1 0 0;width:100%;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;position:relative;flex-direction:column;flex:1 0 0;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:bold}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex-direction:row;flex:1 0 0;overflow:hidden}.rbc-day-bg{flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.25);padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px -10px;padding:2px 10px}.rbc-agenda-view{display:flex;flex-direction:column;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:flex;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:flex;max-height:100%;min-height:20px;flex-flow:column wrap;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;flex:1 0 0;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;flex:1 1 0;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:bold}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:rgba(0,0,0,.5);color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:flex;flex-direction:column;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{flex:1;display:flex;min-width:0;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{display:flex;flex:1 0 0%;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.slogan_header{color:#fff;font-size:1.2rem;background-color:rgba(109,106,240,.4);padding:7px 50px;border-radius:50px;text-align:center}.tab_name{display:flex;align-items:center}.select_time_achie .MuiOutlinedInput-root{background-color:#f7f8ff !important;color:#5856dd !important}.box_statistic{border:1px solid #ecf2fe;border-radius:10px;padding:1rem;margin-top:1rem !important;display:flex;align-items:center;justify-content:space-between}.box_statistic .box_statistic_title{flex:3;border-right:1px solid #dde8ff;display:flex;align-items:center;font-weight:bold;flex-direction:column}.box_statistic .box_statistic_title .box_statistic_title_header{display:flex;align-items:center;justify-content:flex-start;width:100%}.box_statistic .box_value{flex:1;text-align:end;font-size:1.3rem;font-weight:bold;display:flex;justify-content:flex-end;align-items:center}.dot{width:15px;height:15px;border-radius:5px;margin-right:.3rem}.dot_black{background:#000;border-radius:100% !important;width:5px;height:5px}.dot_green{background:#3fb660}.dot_blue{background:#51cbff}.dot_yellow{background:#fec001}.dot_red{background:#ff5151}.dot_notpass{background:#607d8b}.level-1{background:linear-gradient(270deg, #48f148 0%, #4897f1 100%)}.level-2{background:linear-gradient(270deg, #f49c03 0%, #4897f1 100%)}.level-3{background:linear-gradient(270deg, #f63711 0%, #4897f1 100%)}.number_statistic{font-weight:bold;font-size:1.1rem;color:#fff;flex:2;text-align:end}.btn_back{position:absolute;top:3%;display:flex;align-items:center;background-color:#fff;left:0;padding:.5rem .8rem;box-shadow:0px 2px 20px rgba(95,73,118,.1);border-radius:0px 15px 15px 0px;justify-content:space-between;width:100px;cursor:pointer}.btn_back:hover{width:115px;transition:all .5s;box-shadow:0px 2px 20px rgba(95,73,118,.2)}.icon_top{width:36px}.ranking_staff{display:flex;align-items:center;justify-content:space-between;margin-top:.7rem;border:1.5px solid #ecf2fe;box-sizing:border-box;border-radius:10px;padding-top:.5rem;padding-bottom:.5rem;padding-right:.7rem}.ranking_staff .ranking_number{flex:1;text-align:center}.ranking_staff .top_avatar{flex:1;display:flex;justify-content:center;align-items:center}.ranking_staff .top_info{flex:7}.ranking_staff .top_info .name_staff_ranking{font-weight:600;font-size:14px;line-height:19px;text-transform:uppercase}.ranking_staff .top_info .department_staff_ranking{font-size:12px;line-height:16px;color:#727272}.ranking_staff .top_score{flex:1;font-weight:bold;font-size:16px;line-height:21px;background:#f9faff;border:1px solid #dde5f5;box-sizing:border-box;border-radius:10px;padding:.3rem .7rem;text-align:center}.number_top{font-weight:bold;font-size:20px;line-height:27px}.btn_content{display:flex;align-items:center;background:#f9faff;border:1.5px solid #6d6af0;box-sizing:border-box;border-radius:10px;color:#6d6af0 !important;width:100px;justify-content:center;cursor:pointer;margin-top:.8rem}.btn_content:hover{background-color:#6d6af0;color:#fff !important}.Modal-show{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.Modal-show .btn-modal{position:absolute;top:-65px;right:0px}.list_staff{position:absolute;right:0;left:15px;border-radius:10px;transition:all .5s}.searchStaff{padding:0 15px;position:relative}.searchStaff input{margin-top:15px;margin-bottom:15px;border-radius:5px;height:35px;border:1px solid #d9dff1;width:100%;font-size:20px}.searchStaff .icon{position:absolute;cursor:pointer;left:86.81%;right:21.2%;top:34.39%;bottom:69.89%;color:#828282}.box_calendar_work{position:relative;padding:1rem}@media screen and (max-width: 768px){.box_calendar_work{width:400px}}@media screen and (min-width: 768px)and (max-width: 1024px){.box_calendar_work{width:670px}}.box_user_work{min-height:950px}@media screen and (max-width: 1024px){.box_user_work{margin-top:-100px !important;min-height:auto}}
.list_staff{position:absolute;right:0;left:15px;border-radius:10px;transition:all .5s}.tab_right .searchStaff{padding:0 15px;position:relative}.tab_right .searchStaff input{margin-top:15px;margin-bottom:15px;border-radius:5px;height:35px;border:1px solid #d9dff1;width:100%;font-size:20px}.tab_right .searchStaff .icon{position:absolute;cursor:pointer;left:86.81%;right:21.2%;top:34.39%;bottom:69.89%;color:#828282}.tab_right .list_staff_box{overflow-y:scroll;padding:.5rem;transition:all .5s}.tab_right .list_staff_box::-webkit-scrollbar{width:0px;height:7px}.tab_right .list_staff_box .staff_item{display:flex;align-items:center;background:#fff;box-shadow:0px 4px 15px rgba(0,0,0,.1);margin-bottom:1rem;padding:.5rem 1rem;cursor:pointer}.tab_right .list_staff_box .staff_item .staff_item_name{margin-left:.5rem}.tab_right .list_staff_box .staff_item .staff_item_name .name{text-transform:uppercase;font-weight:600}.tab_right .list_staff_box .staff_item:hover{box-shadow:0px 4px 15px rgba(0,0,0,.3)}
.profile_container{background:#fff;box-shadow:0px 4px 30px rgba(95,73,118,.15);border-radius:15px;padding:2rem;margin-bottom:2rem}.title_profile{color:#1e2959}.field_title{color:#7e7e7e}.field_content{font-weight:600}.btn_edit_profile{text-decoration:underline;color:blue;cursor:pointer;font-style:italic}.btn_edit_profile:hover{color:red}.upload_box_avatar_round{width:150px !important;height:150px !important;border:2px dotted gray;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:100px}.upload_box_avatar_round:hover{opacity:.9}.link_facebook{text-decoration:underline;color:blue;cursor:pointer}
:export{main:#673ab7;mainLight:#ede7f6;error:red;success:#64dd17;gray:#9e9e9e;mainStaff:#8490fd;pathImage:"../assets/images"}.logo_main{display:flex;align-items:center}.cus_treeview{padding:.6rem !important}.cus_treeview .MuiTreeItem-content{padding:.8rem 1rem !important;border-radius:1rem}.cus_treeview .MuiTreeItem-content:hover{color:#673ab7 !important;background-color:#ede7f6 !important}.cus_drawer .Mui-selected{color:#673ab7 !important;background-color:#ede7f6 !important}.cus_drawer .Mui-selected .MuiTreeItem-label{font-weight:bolder !important}.text_treeview{font-weight:600;margin-bottom:.7rem}.sub_text_treeview{color:gray;font-size:.8rem;margin-bottom:.7rem}.cus_treeitem{margin-bottom:.3rem !important}.btn_logout{cursor:pointer;color:#673ab7;font-weight:700}@media all and (max-width: 480px){.logo_main h5{display:none}}
.filter-workschedule-box{margin-bottom:10px}.filter-workschedule-box .tab_right_title{margin-bottom:-10px !important}.filter-workschedule-box .list_staff_box{background-color:#a2a2a2 !important}.filter-user-box{position:relative;width:fit-content;background-color:rgba(0,0,0,.25);color:#fff;padding:2px 8px;padding-left:24px;border-radius:8px;margin:0;cursor:pointer;margin-top:12px}.filter-user-box.active{background-color:#007aff;padding-left:8px;padding-right:24px}.filter-user-box.active .filter-user-switch{left:calc(100% - 27px)}.filter-user-box .filter-user-switch{position:absolute;left:0;top:6px;background-color:#fff;width:12px;height:12px;border-radius:50%;margin-left:8px;transition:all .3s ease-out}
.error-msg{color:red}.sprint_buttons_dialog{margin-top:12px;display:flex;justify-content:end;gap:12px}
.analysis-point-body{min-width:900px}.analysis-point-body .filter{display:flex;gap:12px;flex-wrap:wrap}.analysis-point-body .filter .btn-sync{display:flex;align-items:end}.analysis-point-body .analysis-point-list{margin-top:20px}
.about-us-content-admin .about-us-content-admin--header{display:flex;justify-content:space-between}
:export{main:#673ab7;mainLight:#ede7f6;error:red;success:#64dd17;gray:#9e9e9e;mainStaff:#8490fd;pathImage:"../assets/images"}.logo_form_login{display:flex;align-items:center;justify-content:center}.logo_form_login h5{margin:0}.slogan_form_login{text-align:center;text-transform:capitalize;font-weight:700;color:#673ab7;font-size:1.5rem}.text_after_slogan{color:#9e9e9e;font-weight:400;line-height:1.66;text-align:inherit;text-align:center}.tutorial_form_login{text-align:center;font-weight:bold;margin:1rem 0}.field_form_login{margin:1.5rem 0}.btn_login{text-transform:none !important;width:100% !important}.cus_textfield .MuiOutlinedInput-root{border-radius:.8rem !important}
.box_staff_birthday{background:#fff;box-shadow:0px 4px 30px rgba(63,46,85,.15);border-radius:35px;padding:1rem;text-align:center;margin-bottom:3rem}.box_staff_birthday_container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafc;border:1px solid #f3f3ff;box-sizing:border-box;border-radius:25px;margin-bottom:.5rem}.avatar_staff_box{width:120px !important;height:120px !important;margin-top:-4rem;border:5px solid #fff;box-sizing:border-box;filter:drop-shadow(0px 4px 15px rgba(95, 73, 118, 0.3))}.name_staff_box{color:#1f3597;font-weight:bold;margin-top:1.5rem;font-size:1.1rem;text-transform:uppercase}.department_staff_box{font-weight:bold;line-height:24px;margin-bottom:2.5rem;margin-top:.5rem;text-transform:uppercase}.birthday_staff_box{color:#ff8a00;font-weight:bold;line-height:35px;font-size:1.1rem;margin-top:.5rem}.no_data_birth{text-align:center}.icon_birth{color:#fff;cursor:pointer}
.img_event{cursor:pointer;object-fit:cover;width:100%;margin-top:.5rem;border-radius:.4rem}
.filter_btn{display:flex;justify-content:center}.filter_btn .MuiOutlinedInput-root{background:#6d6af0 !important;border-radius:10px !important}.filter_btn .MuiOutlinedInput-root .MuiSvgIcon-root{color:#fff !important}.content_box{text-align:center;padding-bottom:1rem}.member_name{text-transform:uppercase;color:#1f3597;font-size:1.2rem;font-weight:bolder;margin-top:1rem}.memner_none{margin-bottom:13rem !important}.department_member{font-weight:bold;font-size:1.1rem}.deparment{margin:1rem 0 .7rem 0}.icons_box_member{margin-top:1rem;display:flex;justify-content:center}.icons_box_member .icon_box_member{margin:0 .3rem;background-color:#f3f6ff !important;box-shadow:0px 2px 20px rgba(95,73,118,.15);border-radius:10px;border:2px solid #fff}.icons_box_member .favorite_icon{color:#ff365e}.icons_box_member .favorite_icon .MuiButton-startIcon{margin:0 !important}.icons_box_member .comment_icon{color:#1e88e5}.avatar_top_1{width:105px;height:105px;border-radius:100%;top:-27.21%;left:35.7%;object-fit:cover;position:absolute}.icon_top_1{position:absolute;top:-50%;width:200px;left:22%}.avatar_top_orther{width:105px;height:105px;border-radius:100%;top:-17.3%;left:35.4%;position:absolute;object-fit:cover;border:3px solid #fff}.icon_top_orther{position:absolute;top:-35%;width:120px;left:32.8%}.top_number{font-size:1.5rem;margin-top:1rem;color:#ffb118;font-weight:700;line-height:56px;margin-bottom:5rem}.top_number_1{font-size:1.8rem;margin-top:1rem;color:#ffb118;font-weight:700;line-height:56px;margin-bottom:4rem}.vertical-timeline.vertical-timeline--two-columns:before{background-color:#839c2d !important}.vertical-timeline-element-icon{box-shadow:none !important;border:5px solid #839c2d !important}.swiper{width:100%;height:100%;padding:2rem !important}.info_slide{margin-top:2rem;margin-bottom:5rem}.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer}.slide_element{padding:1rem;border-radius:.5rem;min-height:300px}.slide_element .slide_element_text{margin-top:.5rem;font-weight:500}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1rem}.swiper-button-next,.swiper-button-prev{color:#5f7d95 !important;box-shadow:0px 2px 10px rgba(0,0,0,.1) !important;background-color:#fff;height:42px;border-radius:50%;padding:0 8px}.swiper-button-next{right:3px !important}.swiper-button-prev{left:3px !important}.swiper-button-next:after,.swiper-button-prev:after{font-size:1rem !important;font-weight:700}.btn_info_event{font-style:italic;cursor:pointer;color:#6d6af0;font-weight:500}.btn_info_event:hover{color:#839c2d}.box_staff_home{background:#fff;box-shadow:0px 4px 30px rgba(63,46,85,.15);border-radius:35px;padding:1rem;padding-bottom:3rem;text-align:center;cursor:pointer}.avatar_home{margin-top:-7.5rem;display:flex;flex-direction:column;align-items:center}.avatar_home .star_orther{width:100px}.avatar_home .avatar_orther{border-radius:50%;width:120px;height:120px;filter:drop-shadow(0px 4px 15px rgba(95, 73, 118, 0.3));border:5px solid #fff;box-sizing:border-box;object-fit:cover}.avatar_home_rank_late{margin-top:-4.5rem !important}.avatar_home_top1{margin-top:-8.5rem;position:relative;display:flex;flex-direction:column;align-items:center}.avatar_home_top1 .logo_top1{width:220px}.avatar_home_top1 .avatar_orther{border-radius:50%;width:120px;height:120px;position:absolute;top:32%;filter:drop-shadow(0px 4px 15px rgba(95, 73, 118, 0.3));border:2px solid #fff;box-sizing:border-box;object-fit:cover}.box_ranking_home{text-align:center !important}.point-user-box{margin-top:24px;display:flex;flex-direction:column;justify-content:center;align-items:center}.point-user-box .point-table{padding:24px;border-radius:12px;width:400px}@media screen and (max-width: 375px){.point-user-box .point-table{width:300px}}.point-user-box .point-table .point-table-item{color:#000;text-transform:uppercase;font-size:1.2rem;font-weight:bolder;text-align:center}.point-user-box .point-table .point-table-item.score{font-weight:400;font-size:12px}.point-user-box .point-table .disciplinary-box{margin-top:24px;display:flex;gap:12px;align-items:center}.point-user-box .point-table .disciplinary-box .progress-box{display:flex;flex-direction:column;align-items:end;width:100%;justify-content:center}.point-user-box .point-table .disciplinary-box .icon{display:flex;justify-content:center;align-items:center;height:50px;border:1px solid #ccc;border-radius:12px;aspect-ratio:1}.point-user-box .point-table .disciplinary-box .content{display:flex;flex-direction:column;align-items:start;width:100%}.point-user-box .progress{width:100%;-webkit-appearance:none;appearance:none;border:none;border-radius:10px;height:24px}.point-user-box .progress.progress2{height:8px}.point-user-box .progress::-webkit-progress-bar{background-color:#f0f0f0}.point-user-box .progress::-webkit-progress-bar,.point-user-box .progress::-webkit-progress-value{border-radius:10px}.point-user-box .progress::-moz-progress-bar{border-radius:10px}.point-user-box .progress1::-webkit-progress-value{background:linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%)}.point-user-box .progress2::-webkit-progress-value{background:linear-gradient(270deg, #4dffdf, #4da1ff 96.35%)}@media(max-width: 768px){.box_top_one{order:1}.box_top_two{order:2}.box_top_three{order:3}.box_staff_home{width:100%}.box_ranking_home{padding:0 !important}.top_number{margin-top:0}.top_number_1{margin-top:0;margin-bottom:100px}}@media(max-width: 1024px){.box_top_one{order:1}.box_top_two{order:2}.box_top_three{order:3}.top_number{margin-top:0}.top_number_1{margin-top:0}}
.text_info_staff{display:flex;align-items:center;color:#5c5c5c;line-height:21px;margin-bottom:.5rem}.text_info_staff div{font-size:.8rem;margin-left:.3rem}.staff_box_depart{text-transform:uppercase;font-size:1.2rem;font-weight:bold}.btn_box_staff{margin-top:1rem;margin-bottom:.5rem;justify-content:flex-start}.btn_box_staff .icon_box_member{margin:0 .3rem;background-color:#f3f6ff !important;box-shadow:0px 2px 20px rgba(95,73,118,.15);border-radius:10px;border:2px solid #fff}.btn_box_staff .favorite_icon{color:#ff365e}.btn_box_staff .comment_icon{color:#1e88e5}.btn_show_info{color:#6d6af0;padding:.5rem;background:#fafafc;border:1px solid #f3f3ff;box-sizing:border-box;border-radius:15px;font-weight:600;cursor:pointer}.btn_show_info:hover{background-color:#6d6af0;color:#fff}
:export{main:#673ab7;mainLight:#ede7f6;error:red;success:#64dd17;gray:#9e9e9e;mainStaff:#8490fd;pathImage:"../assets/images"}.layout_staff_container{max-width:100% !important;background-size:cover !important;background-position:center;padding:0 !important;background-repeat:no-repeat !important}.layout_staff_container .bg_overlay{width:100%;height:100%;background-color:rgba(24,40,112,.85);padding:0}.layout_staff_container .bg_overlay_none{width:100%;height:100%;padding:0}.footer_container{position:sticky;top:100%}.footer{background-color:#1d262d;padding:4rem 0}.footer_contact{background-color:#2a3842;padding:1rem 0;color:#bac8d3}.footer_item_contact{display:flex;align-items:center;cursor:pointer;font-weight:600;color:#fff !important;margin-top:1rem}.footer_item_contact a{text-decoration:none;color:#fff !important;margin-left:.5rem}.footer_item_contact a:hover{color:#8490fd !important}.footer_description{color:#bac8d3;margin-top:1rem}.footer_feature{color:#fff;text-align:center}.footer_feature h4{margin:0 !important}.footer_feature .item{margin-top:.5rem;cursor:pointer}.footer_feature .item:hover{color:#8490fd}.icon_contact{margin-left:.5rem;cursor:pointer}
.task_status{padding:.3rem .5rem;color:#fff;text-transform:uppercase;border-radius:4px 4px 0 0;width:100px;text-align:center;margin-bottom:0;display:flex}.inprogress{background-color:#08adff}.todo{background-color:#a09d9d}.review{background-color:#ffcf00}.complete{background-color:#6bc950}.task_clickup{align-items:center;display:flex;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;padding:.6rem 1rem;cursor:pointer}.task_clickup:hover{color:#6de899;background-color:#fff}.tasks_header{display:flex;align-items:baseline}.dot_task{width:10px;height:10px;border-radius:2px;margin-right:6px}.inprogress_dot{background-color:#08adff}.todo_dot{background-color:#a09d9d}.review_dot{background-color:#ffcf00}.complete_dot{background-color:#6bc950}.assign_group .MuiAvatarGroup-avatar{font-size:10px !important;width:25px !important;height:25px !important;cursor:pointer}
.workschedule-right-box{position:relative}
.MuiPaper-root{border:none !important}
:export{main:#673ab7;mainLight:#ede7f6;error:red;success:#64dd17;gray:#9e9e9e;mainStaff:#8490fd;pathImage:"../assets/images"}.tab_name{margin:0;font-weight:600}.text_error{color:red;margin:0;font-size:.75rem;font-style:italic !important}.form_control_error{border:1px solid red !important}.header_tab{display:flex;align-items:end;color:#9e9e9e}.body_tab{margin-top:1rem}.cus_select{width:100%;height:40px;border-radius:4px;border:1px solid #bdbdbd;padding:0 1rem;font-size:1rem;outline:none}.upload_box_avatar{width:150px !important;height:150px !important;border:1px dashed #000;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:8px}.upload_box_avatar:hover{opacity:.9}.upload_box_background{height:200px !important;width:100%;border:1px dashed #000;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:8px}.upload_box_background:hover{opacity:.9}.upload_box_thmb{height:200px !important;width:200px !important;border:1px dashed #000;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%}.upload_box_thmb:hover{opacity:.9}.header_page{position:absolute;top:12%}.dropzone{cursor:pointer;text-align:center;padding:20px;border:3px dashed #eee;background-color:#fafafa;color:#bdbdbd;margin-bottom:20px}.Toastify__close-button--light{color:#fff !important}.tab_right{background-color:#fff;box-shadow:0px 4px 30px rgba(95,73,118,.1);border-radius:10px 10px 0px 0px;padding:.5rem 1rem}.tab_right .tab_right_title{display:flex;align-items:center;margin-top:10px;justify-content:space-between}.box_total{background:linear-gradient(270deg, #4897f1 0%, #9176ff 100%);padding:1rem 1.3rem;display:flex;align-items:center;justify-content:space-between;border-radius:10px;margin-bottom:10px}.text_statistic{font-weight:bold;font-size:1.1rem;color:#fff;flex:5;border-right:1px solid #fff}p{margin:0}

:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, 0.7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index) px);position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width: 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}@keyframes Toastify__bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}@keyframes Toastify__bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{from{transform:translate3d(110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInLeft{from{transform:translate3d(-110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInUp{from{transform:translate3d(0, 110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInDown{from{transform:translate3d(0, -110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(110%, 0, 0)}}@keyframes Toastify__slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-110%, 0, 0)}}@keyframes Toastify__slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 500px, 0)}}@keyframes Toastify__slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -500px, 0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}