.switch[data-v-80f90be0]{position:relative;display:flex;width:70px;min-height:24px;border:.5px solid #afafaf;background-color:#fff;border-radius:5px;margin-left:7.5px;margin-right:7.5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switchSlider[data-v-80f90be0]{width:40px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:12px;background-color:#afafaf;border-radius:4px;position:absolute;right:100%;transform:translateX(100%);top:0;bottom:0;color:#fff;font-weight:400;transition:all .2s ease-in-out}.switchSlider.active[data-v-80f90be0]{background-color:#278052;right:0;transform:translateX(0)}.body[data-v-d347e850]{display:flex;flex:1;align-items:flex-start;flex-direction:column;align-items:stretch}.top[data-v-d347e850]{display:flex;margin-bottom:15px;flex-wrap:wrap;flex-direction:column}.formGroup[data-v-d347e850]{display:flex;margin:0;align-items:center;justify-content:center}.inputWrapper[data-v-d347e850]{flex:1;margin:10px 0;margin-right:15px}.imgs[data-v-d347e850]{position:relative}.imgs img[data-v-d347e850]{width:64px;height:64px;border-radius:50%}.deleteBtn[data-v-d347e850]{position:absolute;bottom:0;right:-8px;z-index:1}.cancelBtn[data-v-d347e850]{position:absolute;top:0;right:-8px;z-index:1}.input[data-v-d347e850]{margin:0}.inputWrapper[data-v-d347e850]:last-of-type{margin-right:0}.middle[data-v-d347e850]{display:flex;align-items:center}.middleMessage[data-v-d347e850]{font-size:14px;font-weight:600}.bottom[data-v-d347e850]{margin-top:20px}.Wrapper[data-v-d347e850]{margin-bottom:15px}.red[data-v-d347e850]{color:#b74141}.formCstm[data-v-d347e850]{justify-content:flex-start}input[type=checkbox][data-v-d347e850]{height:0;width:0;visibility:hidden}.lblCstm[data-v-d347e850]{cursor:pointer;text-indent:-9999px;width:60px;height:28px;background:grey;display:block;border-radius:100px;position:relative}.lblCstm[data-v-d347e850]:after{content:"";position:absolute;top:2px;left:3px;width:24px;height:24px;background:#fff;border-radius:90px;transition:.3s}input:checked+.lblCstm[data-v-d347e850]{background:#278052}input:checked+.lblCstm[data-v-d347e850]:after{left:calc(100% - 3px);transform:translateX(-100%)}.body[data-v-6a8999a2]{display:flex;flex:1;align-items:flex-start;flex-direction:column;align-items:stretch}.top[data-v-6a8999a2]{display:flex;margin-bottom:15px;flex-wrap:wrap;flex-direction:column}.formGroup[data-v-6a8999a2]{display:flex;margin:5px 0;align-items:flex-start;justify-content:flex-start}.inputWrapper[data-v-6a8999a2]{flex:1;margin:10px 0;margin-right:15px}.imgs[data-v-6a8999a2]{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.imgs img[data-v-6a8999a2]{width:64px;height:64px;border-radius:50%}.deleteBtn[data-v-6a8999a2]{position:absolute;bottom:0;right:-8px;z-index:1}.cancelBtn[data-v-6a8999a2]{position:absolute;top:0;right:-8px;z-index:1}.input[data-v-6a8999a2]{margin:0}.inputWrapper[data-v-6a8999a2]:last-of-type{margin-right:0}.middle[data-v-6a8999a2]{display:flex;align-items:center}.middleMessage[data-v-6a8999a2]{font-size:14px;font-weight:600}.bottom[data-v-6a8999a2]{margin-top:20px}.Wrapper[data-v-6a8999a2]{margin-bottom:15px}.red[data-v-6a8999a2]{color:#b74141}.body[data-v-ccfaa31e]{display:flex;flex:1;align-items:flex-start;flex-direction:column;align-items:stretch}.top[data-v-ccfaa31e]{display:flex;margin-bottom:15px;flex-wrap:wrap;flex-direction:column}.formGroup[data-v-ccfaa31e]{display:flex}.inputWrapper[data-v-ccfaa31e]{flex:1;margin:10px 0;margin-right:15px}.input[data-v-ccfaa31e]{margin:0}.inputWrapper[data-v-ccfaa31e]:last-of-type{margin-right:0}.middle[data-v-ccfaa31e]{display:flex;align-items:center;margin-bottom:20px}.middleMessage[data-v-ccfaa31e]{font-size:14px;font-weight:600}.bottom[data-v-ccfaa31e]{margin-top:20px}.Wrapper[data-v-ccfaa31e]{margin-bottom:15px}.mt-50[data-v-ccfaa31e]{margin-top:50px}.mr-20[data-v-ccfaa31e]{margin-right:20px}.d-flex[data-v-ccfaa31e]{display:flex!important}.d-i-block[data-v-ccfaa31e]{display:inline-block!important}.pl-unset[data-v-ccfaa31e]{padding-left:unset!important}.excelCls[data-v-ccfaa31e]{margin-bottom:20px;align-self:self-start}.h-webkit[data-v-ccfaa31e]{height:-webkit-fill-available}td[data-v-ccfaa31e],th[data-v-ccfaa31e]{border:1px solid #000}.dataExcelCls[data-v-ccfaa31e]{justify-content:left}.attendanceHead[data-v-ccfaa31e],.dataExcelCls[data-v-ccfaa31e]{display:flex;align-items:center;margin-bottom:5px;padding:5px;font:normal normal 600 15px/19px Source Sans Pro}.attendanceHead[data-v-ccfaa31e]{justify-content:center;border-bottom:.5px solid #afafaf}.attendanceDetails[data-v-ccfaa31e]{border:.5px solid #afafaf;border-radius:5px;background-color:#fafafa;padding:12px 21px;display:flex;flex-direction:column;color:#203e5f;line-height:2.2;width:100%;height:auto;overflow:auto}.notesContainer[data-v-ccfaa31e]{padding:0 10px;text-indent:-10px}.datePicker[data-v-ccfaa31e]{position:relative;border-radius:5px;display:flex;justify-content:center;align-items:center;width:100%}datePicker[data-v-ccfaa31e]{border:none;background:transparent;outline:none;font-size:16px;width:100%;height:100%}.dataCls[data-v-ccfaa31e]{width:170px;height:35px;overflow:hidden;white-space:nowrap;border:.5px solid #afafaf;border-radius:5px;margin:5px 10px;display:inline-block;padding-left:10px;position:relative}.dataCls i[data-v-ccfaa31e]{position:absolute;z-index:2;top:10px;right:5px;cursor:pointer}label[data-v-ccfaa31e]{color:#5672c3;padding:.5rem;cursor:pointer}.importCls[data-v-ccfaa31e]{border:2px dotted #afafaf;border-radius:5px;background:unset;padding:20px}.fa-size[data-v-ccfaa31e]{font-size:16px}.spnCls[data-v-ccfaa31e]{color:#000}.fileCls[data-v-ccfaa31e]{margin:20px 10px 5px -5px}.progress-bar[data-v-ccfaa31e]{background-color:transparent;width:100%;height:15px;border-radius:.25rem;overflow:hidden;margin-bottom:2vh}.progress-bar .progress-bar-inner[data-v-ccfaa31e]{background-color:#e9ecef;height:100%;width:100%;transition:width .5s;display:flex;flex-direction:row}.progress-bar-inner span[data-v-ccfaa31e]{height:100%;cursor:pointer;transition:width .5s ease-in-out;margin-right:2px}.progress-bar span[data-v-ccfaa31e]:last-child{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important;margin-right:0!important}.progress-bar-inner>.error[data-v-ccfaa31e]{background-color:#b74141}.progress-bar-inner>.success[data-v-ccfaa31e]{background-color:#5267a7}.excel-data-row[data-v-ccfaa31e]{border-radius:.25em}.previewFile[data-v-ccfaa31e]{width:auto;display:flex;justify-content:space-evenly;align-items:center;height:auto;border:1px solid #ccc;margin-left:2vw;padding:0 2vw;border-radius:.25em}.previewFile>img[data-v-ccfaa31e]{max-width:20px;max-height:20px;-o-object-fit:contain;object-fit:contain;margin-right:1vw}.previewFile>span[data-v-ccfaa31e]{font-size:.8em;color:#00f;font-weight:600;cursor:pointer}.progress-indicator[data-v-ccfaa31e]{display:flex;justify-content:space-evenly;align-items:center;width:-moz-fit-content;width:fit-content}.progress-indicator>span[data-v-ccfaa31e]{display:flex;flex-direction:row;align-items:center;margin-right:5px}.progress-indicator .success-indicator>span[data-v-ccfaa31e]{display:block;width:10px;height:10px;border-radius:50%;background-color:#5267a7;margin-left:0!important}.progress-indicator .error-indicator>span[data-v-ccfaa31e]{display:block;width:10px;height:10px;border-radius:50%;background-color:#b74141}.progress-indicator>span>p[data-v-ccfaa31e]{font-size:.9em;color:#000;font-weight:600;margin-left:.5vw}.progress-indicator .success-indicator[data-v-ccfaa31e]{margin-left:0!important}.pageContainer[data-v-32878c3b]{display:flex;flex:6;flex-direction:column;background-color:#fff;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902);margin:15px 40px}.header[data-v-32878c3b]{border-bottom:.5px solid #ddd;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;padding:18px 27px;font-size:20px;font-weight:bolder;display:flex;justify-content:space-between;align-items:center;height:50px;overflow-x:auto;scrollbar-width:none;overflow-y:hidden}.buttons[data-v-32878c3b]{display:flex;justify-content:flex-end;flex:1}.content[data-v-32878c3b]{flex:1;display:flex;padding:20px 20px;flex-wrap:wrap;align-items:flex-start;overflow:hidden;padding-top:10px}.btn-blue[data-v-32878c3b]{background-color:#5267a7;color:#fff;font-size:15px}.atendances[data-v-32878c3b]{width:100%;display:flex;flex-direction:column;border:.5px solid #ccc;padding:11px;border-radius:5px;flex:4;height:100%;overflow:hidden}.filterSort[data-v-32878c3b]{width:-moz-min-content;width:min-content;align-self:flex-end;margin-bottom:10px;margin-right:15px}.filterSort[data-v-32878c3b],.sort[data-v-32878c3b]{display:flex;align-items:center}.filter[data-v-32878c3b]{margin-right:10px}.search[data-v-32878c3b]{border-radius:5px;border:.5px solid #afafaf;display:flex;height:35px;flex:1;padding:3px 12px;align-items:center}.search input[data-v-32878c3b]{border:none;background-color:transparent;flex:1}.bold[data-v-32878c3b]{margin-right:3px}.name-number.status[data-v-32878c3b]{align-items:flex-start!important;padding:0}.sortDirection[data-v-32878c3b]{margin-left:10px}.attendancesHeader[data-v-32878c3b]{display:flex;font-weight:bolder;font-size:14px;padding:5px 15px;padding-top:0;color:#203e5f}.attendancesHeader>div[data-v-32878c3b]{color:#203e5f!important;justify-content:center;align-items:center;font-size:14px!important}.attendanceWrapper[data-v-32878c3b]{display:flex;flex-direction:column;padding-right:1px;display:grid;grid-template-columns:1fr 1fr;overflow-y:auto}.attendanceWrapper[data-v-32878c3b]::-webkit-scrollbar{width:3px}.attendanceWrapper[data-v-32878c3b]::-webkit-scrollbar-thumb{background:#afafaf;width:3px;border-radius:100px}.attendance[data-v-32878c3b]{display:flex;align-items:stretch;justify-content:space-between;border:.5px solid #ccc;padding:7px;color:#2c3e50;border-radius:5px;margin-bottom:10px;margin-right:10px;margin-left:10px;font-size:14px!important;font-weight:600}.atLeft[data-v-32878c3b]{display:flex;flex-direction:column;flex:1;margin-right:10px}.atLeftBottom[data-v-32878c3b],.atLeftTop[data-v-32878c3b]{display:flex}.atLeftBottom[data-v-32878c3b]{flex-direction:column;margin-left:10px}.tc[data-v-32878c3b]{margin-left:3px}.groupLine[data-v-32878c3b]{display:flex;align-items:center}.attendance>div[data-v-32878c3b]{justify-content:center}.imgs[data-v-32878c3b]{display:flex;margin-left:10px;margin-right:10px;align-items:center}.imgs img[data-v-32878c3b]{width:41px;height:41px;border-radius:50%}.id[data-v-32878c3b]{display:flex;flex:2}.group[data-v-32878c3b]{display:flex;flex-direction:column;flex:6;justify-content:center;margin:5px 0;font-size:14px}.name-number[data-v-32878c3b]{display:flex;align-items:center;line-height:1.7}.name-number[data-v-32878c3b]:first-of-type{margin-top:0}.action[data-v-32878c3b],.statusCol[data-v-32878c3b]{display:flex;flex:4;align-items:flex-start}.attendance .action[data-v-32878c3b]{justify-content:flex-end!important}.action svg[data-v-32878c3b]{margin:10px}.icon[data-v-32878c3b]{display:flex;justify-content:center;align-items:center;border-radius:5px;height:24px;width:24px;margin-left:7.5px;margin-right:7.5px;cursor:pointer}.blue[data-v-32878c3b]{background-color:#5267a7;color:#fff}.green[data-v-32878c3b]{background-color:#7aba6d;color:#fff}.red[data-v-32878c3b]{background-color:#b74141;color:#fff}.status[data-v-32878c3b]{padding:0 10px;display:flex;align-items:center;border-radius:5px;height:25px;font-size:13px;color:#fff}.status.active[data-v-32878c3b]{background-color:#278052}.status.passive[data-v-32878c3b]{background-color:#b74141}.changePass[data-v-32878c3b]:hover{color:#41a06f;cursor:pointer}.switchCstm[data-v-32878c3b]{display:flex;align-items:center;gap:15px}.switchText[data-v-32878c3b]{font-size:15px;font-weight:500;width:130px}input[type=checkbox][data-v-32878c3b]{height:0;width:0;visibility:hidden}.lblCstm[data-v-32878c3b]{cursor:pointer;text-indent:-9999px;width:60px;height:28px;background:grey;display:block;border-radius:100px;position:relative}.lblCstm[data-v-32878c3b]:after{content:"";position:absolute;top:2px;left:3px;width:24px;height:24px;background:#fff;border-radius:90px;transition:.3s}input:checked+.lblCstm[data-v-32878c3b]{background:#278052}input:checked+.lblCstm[data-v-32878c3b]:after{left:calc(100% - 3px);transform:translateX(-100%)}@media screen and (max-width:992px){.attendanceWrapper[data-v-32878c3b]{grid-template-columns:1fr}}@media screen and (max-width:768px){.pageContainer[data-v-32878c3b]{margin:5px}.filterSort[data-v-32878c3b]{flex-direction:column-reverse;padding:0;margin:0;margin-bottom:5px}.filter[data-v-32878c3b],.sort[data-v-32878c3b]{margin-bottom:10px}}@media screen and (max-width:576px){.header .title[data-v-32878c3b]{font-size:16px}.buttons[data-v-32878c3b]{align-items:center}.buttons button[data-v-32878c3b]{padding-block:14px!important}.atendances[data-v-32878c3b]{padding-inline:0}.attendanceWrapper[data-v-32878c3b],.bottomHeader[data-v-32878c3b]{overflow-x:scroll;width:240%;flex:0 0 auto}.bottomHeader>div[data-v-32878c3b]{flex:1}.filterSort[data-v-32878c3b]{flex-direction:row;align-items:center;justify-content:space-evenly;align-self:unset}.filter[data-v-32878c3b]{margin-right:unset;margin-top:unset}.search[data-v-32878c3b]{width:calc(50vw - 18px)!important;max-width:calc(50vw - 18px)!important;overflow-x:hidden;position:relative;margin-right:3px!important;margin-left:5px!important;margin-bottom:10px}.sirala[data-v-32878c3b]{display:none}.search input[data-v-32878c3b]{border:none;background-color:transparent}.sortDirection[data-v-32878c3b]{margin-left:10px}.patr[data-v-32878c3b]{position:absolute;top:25%;right:3%}.right[data-v-32878c3b]{display:flex;align-items:center;justify-content:center}.btn-blue[data-v-32878c3b]{padding:10px 10px!important;font-size:14px}.header[data-v-32878c3b]{padding-inline:.5rem!important}.switchCstm[data-v-32878c3b]{gap:0;margin-bottom:1rem}.switchText[data-v-32878c3b]{margin-left:1rem}.attendanceWrapper[data-v-32878c3b]{width:130%}}.filter-group[data-v-32878c3b]{gap:3rem}.filter-group .form-group[data-v-32878c3b],.filter-group[data-v-32878c3b]{display:flex;align-items:center;width:100%}.filter-group .inputWrapper[data-v-32878c3b]{display:flex;flex-direction:row;margin-right:20px;align-items:center;font-size:14px;font-weight:unset;gap:10px;color:#203e5f;overflow:hidden}