.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)}.valueSelector[data-v-76724be9]{display:flex;width:100%;min-height:200px;align-items:stretch}.box[data-v-76724be9]{display:flex;flex-direction:column;flex:1;border:.5px solid #afafaf;background-color:#fafafa;border-radius:5px;height:250px}.header[data-v-76724be9]{display:flex;width:100%;justify-content:center;align-items:center;padding:10px;border-bottom:.5px solid #afafaf;font-size:15px;font-weight:600}.options[data-v-76724be9]{display:flex;flex-direction:column;flex:1;overflow-x:hidden;overflow-y:auto}.options[data-v-76724be9]::-webkit-scrollbar{width:3px}.options[data-v-76724be9]::-webkit-scrollbar-thumb{background:#6e6e6e;width:3px;border-radius:100px}.search[data-v-76724be9]{border-radius:5px;border:.5px solid #afafaf;display:flex;height:27px;max-height:27px;flex:1;padding:3px 12px;align-items:center;margin:5px}.search input[data-v-76724be9]{border:none;background-color:transparent;flex:1}.option[data-v-76724be9]{display:flex;align-items:center;padding:10px 15px;font-size:15px;cursor:pointer}.option[data-v-76724be9]:hover{background-color:rgba(235,244,255,.9)}.arrow[data-v-76724be9]{display:flex;align-items:center;justify-content:center;font-size:28px;padding:0 10px}.dualList[data-v-c9e63008]{display:flex;gap:15px}.box[data-v-c9e63008]{flex:1;border:1px solid #ddd;border-radius:6px;display:flex;flex-direction:column;height:300px;background:#fafafa}.header[data-v-c9e63008]{padding:10px;font-weight:600;text-align:center;border-bottom:1px solid #ddd}.options[data-v-c9e63008]{flex:1;overflow-y:auto}.option[data-v-c9e63008]{padding:10px;cursor:pointer}.option[data-v-c9e63008]:hover{background:#eaf3ff}.search[data-v-c9e63008]{padding:5px;border-bottom:1px solid #ddd}.search input[data-v-c9e63008]{width:100%;border:none;outline:none}.arrows[data-v-c9e63008]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.arrowBtn[data-v-c9e63008]{width:40px;height:40px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:6px;font-size:18px}.arrowBtn[data-v-c9e63008]:hover{background:#eaf3ff}.body[data-v-0c160052]{display:flex;flex:1;flex-direction:column;align-items:stretch}.form-layout[data-v-0c160052]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:2rem;position:relative}.inputWrapper[data-v-0c160052]{width:100%;display:flex;position:relative;justify-content:flex-end;flex-direction:column}.input[data-v-0c160052]{margin:0}.inputWrapper[data-v-0c160052]:last-of-type{margin-right:0}.middle[data-v-0c160052]{display:flex;align-items:center;padding-bottom:.375rem}.middleMessage[data-v-0c160052]{font-size:14px;font-weight:600}.bottom[data-v-0c160052]{margin-top:20px}.Wrapper[data-v-0c160052]{margin-bottom:15px}.datePicker[data-v-0c160052]{position:relative;border-radius:5px;display:flex;justify-content:center;align-items:center;width:100%}datePicker[data-v-0c160052]{border:none;background:transparent;outline:none;font-size:16px;width:100%;height:100%}.period_name label[data-v-0c160052]{font-weight:700!important}.form-label[data-v-0c160052]{font-weight:700;padding:0 0 0 10px;width:100%;font-size:13px;position:absolute;top:-17px}@media (max-width:768px){.form-layout[data-v-0c160052]{grid-template-columns:repeat(1,minmax(0,1fr))}}.pageContainer[data-v-014d7dab]{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-014d7dab]{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}.content[data-v-014d7dab]{flex:1;display:flex;padding:20px 20px;flex-wrap:wrap;align-items:flex-start;overflow:hidden;padding-top:10px}.btn-blue[data-v-014d7dab]{background-color:#5267a7;color:#fff;font-size:15px}.buttons[data-v-014d7dab]{display:flex;justify-content:flex-end;flex:1}.atendances[data-v-014d7dab]{display:flex;flex-direction:column;border:.5px solid #ccc;padding:11px;border-radius:5px;flex:4;height:100%;overflow:hidden}.attendancesHeader[data-v-014d7dab]{display:flex;font-weight:bolder;font-size:14px;padding:5px 15px;padding-top:0;color:#203e5f}.attendancesHeader>div[data-v-014d7dab]{color:#203e5f!important;justify-content:center;align-items:center;font-size:14px!important}.attendanceWrapper[data-v-014d7dab]{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding-right:1px}.attendanceWrapper[data-v-014d7dab]::-webkit-scrollbar{width:3px}.attendanceWrapper[data-v-014d7dab]::-webkit-scrollbar-thumb{background:#afafaf;width:3px;border-radius:100px}.attendance[data-v-014d7dab]{align-items:stretch;border:.5px solid #ccc;padding:7px 0;height:55px;overflow:hidden;color:#203e5f;min-height:58px;margin-right:10px;margin-left:10px;font-size:14px;font-weight:600}.attendance>div[data-v-014d7dab]{justify-content:center;align-items:center}.name-number[data-v-014d7dab]{display:flex;flex-direction:column;flex:10;align-items:flex-start!important;padding-left:20px}.action[data-v-014d7dab]{display:flex;flex:1}.action svg[data-v-014d7dab]{margin:10px}.icon[data-v-014d7dab]{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}.green[data-v-014d7dab]{background-color:#7aba6d;color:#fff}.red[data-v-014d7dab]{background-color:#b74141;color:#fff}@media screen and (max-width:768px){.pageContainer[data-v-014d7dab]{margin:5px}}@media screen and (max-width:576px){.attendance[data-v-014d7dab]{flex-wrap:wrap;height:-moz-max-content;height:max-content}}.data1[data-v-014d7dab],.data2[data-v-014d7dab],.data3[data-v-014d7dab],.data4[data-v-014d7dab],.data5[data-v-014d7dab],.data6[data-v-014d7dab],.header1[data-v-014d7dab],.header2[data-v-014d7dab],.header3[data-v-014d7dab],.header4[data-v-014d7dab],.header5[data-v-014d7dab],.header6[data-v-014d7dab]{flex:4}.bottomHeader[data-v-014d7dab]{display:flex;align-items:flex-start;padding:0 16px;padding-bottom:5px}.attendance>div[data-v-014d7dab],.bottomHeader>div[data-v-014d7dab]{display:flex;font-weight:bolder;font-size:14px;color:#203e5f;align-items:center;justify-content:center}.attendance[data-v-014d7dab]{border:.5px solid #ddd;border-radius:5px;padding:10px 0;display:flex;margin-bottom:10px}.attendance[data-v-014d7dab]:last-of-type{margin-bottom:0}.attendance>div[data-v-014d7dab]{font-weight:600;text-align:center}.attendance>div.name[data-v-014d7dab]{flex-direction:column;line-height:1.5}.filterSort[data-v-014d7dab]{width:-moz-min-content;width:min-content;align-self:flex-end;margin-bottom:10px;margin-right:15px}.filterSort[data-v-014d7dab],.sort[data-v-014d7dab]{display:flex;align-items:center}.filter[data-v-014d7dab]{margin-right:10px}.search[data-v-014d7dab]{border-radius:5px;border:.5px solid #afafaf;display:flex;height:35px;flex:1;padding:3px 12px;align-items:center}.search input[data-v-014d7dab]{border:none;background-color:transparent;flex:1}.sortDirection[data-v-014d7dab]{margin-left:10px}@media screen and (max-width:576px){.header .title[data-v-014d7dab]{font-size:16px}.buttons[data-v-014d7dab]{align-items:center}.buttons button[data-v-014d7dab]{padding-block:14px!important}.atendances[data-v-014d7dab]{overflow:auto;padding-inline:0}.attendanceWrapper[data-v-014d7dab],.bottomHeader[data-v-014d7dab]{overflow-x:scroll;width:240%;flex:0 0 auto}.bottomHeader>div[data-v-014d7dab]{flex:1}.filterSort[data-v-014d7dab]{width:100%;display:block;margin-right:0!important}.filterSort .filter[data-v-014d7dab]{margin-right:0}}.pageContainer[data-v-3c871e92]{display:flex;flex:6;flex-direction:column;background-color:transparent;border-radius:10px;box-shadow:none!important;margin:15px 40px}.empty[data-v-3c871e92]{display:flex;justify-content:center;align-items:center;height:100%;width:100%;font-size:20px;font-weight:bolder;color:#f8f9fa}.empty svg[data-v-3c871e92]{width:50%;height:50%}.modalContainer[data-v-43c61a88]{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:999999;display:flex;justify-content:center;align-items:center}.modalBackground[data-v-43c61a88]{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(26,38,52,.4)}.modal[data-v-43c61a88]{display:flex;flex-direction:column;border-radius:5px;background-color:#fff;z-index:9999999;min-width:300px;min-height:300px;transition:all .3s;max-height:95vh}.modalHeader[data-v-43c61a88]{display:flex;justify-content:space-between;font-weight:bolder;font-size:17px;padding:17px;border-bottom:.5px solid #ccc}.close[data-v-43c61a88]{cursor:pointer}.modalBody[data-v-43c61a88]{display:block;flex:1;padding:23px;overflow-x:hidden;overflow-y:auto}.modalBody[data-v-43c61a88]::-webkit-scrollbar{width:3px}.modalBody[data-v-43c61a88]::-webkit-scrollbar-thumb{background:#6e6e6e;width:3px;border-radius:100px}.modalBody img[data-v-43c61a88]{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;max-width:500px}.input-absolute[data-v-00fd2212]{position:relative;width:100%}.input-absolute input[data-v-00fd2212]{border-radius:32rem;width:100%;font-size:1.3rem;line-height:1.5;font-weight:400;outline:2px solid transparent!important;outline-offset:2px!important;border-width:0;padding:.5rem 3rem}input.opened[data-v-00fd2212]{border-top-right-radius:0;border-top-left-radius:0}.relative-full-ly[data-v-00fd2212]{position:relative;background-color:#eceff1;border:1px solid #dee2e6;width:100%;height:100%}.flex-between[data-v-00fd2212]{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;background:#fff}.message-input[data-v-00fd2212]{position:absolute;width:100%;bottom:0;left:0;padding:1rem;background:linear-gradient(180deg,rgba(248,249,250,0) 0,#f8f9fa 50%,#f8f9fa)}.submit-button[data-v-00fd2212]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background-color:transparent;border:none;cursor:pointer}.message-inner[data-v-00fd2212]{position:relative;overflow-y:auto;height:calc(100vh - 400px);padding-bottom:15%}.message-left[data-v-00fd2212]{padding:1rem}.flex-items-start[data-v-00fd2212]{display:flex;align-items:flex-start;gap:.75rem}.flex-none[data-v-00fd2212]{flex:none}.message-text[data-v-00fd2212]{background-color:#fff;padding:1rem 1rem;border-radius:.375rem .375rem .375rem 0;font-size:1rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}.message-text p[data-v-00fd2212]{margin:0}.images[data-v-00fd2212]{width:100px;-o-object-fit:cover;object-fit:cover;height:150px}.active[data-v-00fd2212]{background-color:#cdcdcd!important}.flex-items-end[data-v-00fd2212]{display:flex;align-items:flex-start;justify-content:flex-end;gap:.75rem}.flex-items-end .message-text[data-v-00fd2212]{background-color:#c0e8fc;color:#1f1f1f;border-radius:.375rem .375rem 0 .375rem}.order-2[data-v-00fd2212]{order:2}.text-date[data-v-00fd2212]{font-size:small;font-weight:300}.attach-button[data-v-00fd2212]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background-color:transparent;border:none;cursor:pointer}.flex-items-center[data-v-00fd2212]{display:flex;align-items:center}.flex-shrink[data-v-00fd2212]{position:relative;flex-shrink:0}.grid[data-v-00fd2212]{display:grid;place-items:center;width:2.8rem;height:2.8rem;font-size:1.25rem;font-weight:600;border-radius:20px}.avatar[data-v-00fd2212]{width:32px}.gap[data-v-00fd2212]{gap:1rem}.text-lg[data-v-00fd2212]{font-size:1.25rem;line-height:1.75}.file-header[data-v-00fd2212]{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-left:3px solid #007bff;flex-wrap:nowrap;background-color:#fff;width:100%;position:relative}.file-header-title[data-v-00fd2212]{display:flex;align-items:center;width:100%;padding:.875rem 1.25rem}.close-button-div[data-v-00fd2212]{display:flex;align-items:center}.close-button[data-v-00fd2212]{outline:none;border:0;background:transparent;cursor:pointer}.file-image img[data-v-00fd2212]{-o-object-fit:cover;object-fit:cover;width:5rem;height:5rem}.text-right[data-v-00fd2212]{text-align:right}.space-y[data-v-00fd2212]{max-width:50%;min-width:30%}.messageOff[data-v-00fd2212]{margin-top:3rem}.messageOff>div[data-v-00fd2212]{display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;color:#fff;background-color:#1b1b24;margin:0 3rem;text-align:center;border-radius:.375rem}.user-name[data-v-00fd2212]{font-size:10px;font-weight:400;color:#1b1b24;text-align:center}.popper[data-v-00fd2212]{background-color:#fff;border-radius:2px;padding:5px;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902);width:200px}.menu-list[data-v-00fd2212]{list-style:none;padding:0;margin:0}.menu-item[data-v-00fd2212]{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background-color .2s}.menu-item[data-v-00fd2212]:hover{background-color:#f0f0f0}.menu-item i[data-v-00fd2212]{margin-right:10px}.menu-item span[data-v-00fd2212]{font-size:16px}.pageContainer[data-v-27c6bcbc]{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}@media (max-width:1024px){.pageContainer[data-v-27c6bcbc]{height:90vh}}.header[data-v-27c6bcbc]{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}.content[data-v-27c6bcbc]{position:relative;flex:1;display:flex;padding:20px 20px;flex-wrap:wrap;align-items:flex-start;overflow:hidden;padding-top:10px;height:100%}.chat-users[data-v-27c6bcbc]{min-height:100px;position:relative;padding-right:.875rem;overflow-anchor:none;touch-action:auto;margin-right:-.875rem;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto;width:450px}.chat-users .button[data-v-27c6bcbc]{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease;width:100%;text-decoration:none;color:#000}.chat-users .button.active[data-v-27c6bcbc]{background-color:#edf9fe;border-left:3px solid #4394ff;color:#30b5f5;font-weight:800;box-shadow:0 2px 5px rgba(0,0,0,.1)}.chat-users .button.active[data-v-27c6bcbc]:hover{background-color:#edf9fe}.chat-users .button[data-v-27c6bcbc]:hover{background-color:#f8f9fa}.image-list[data-v-27c6bcbc]{flex:1 1 0%}.flex-items-center[data-v-27c6bcbc]{display:flex;align-items:center}.flex-shrink[data-v-27c6bcbc]{position:relative;flex-shrink:0}.text-left[data-v-27c6bcbc]{margin-left:.75rem;margin-right:.75rem;text-align:left}.text-left p[data-v-27c6bcbc]{margin:.5rem;padding:0;font-weight:600;font-size:17px}.text-left p[data-v-27c6bcbc]:last-child{font-size:.875rem;color:#6c757d}.grid[data-v-27c6bcbc]{display:grid;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:600;border-radius:20px}.avatar[data-v-27c6bcbc]{width:32px}.content-layout[data-v-27c6bcbc]{flex:1;display:flex;gap:1rem;width:100%;height:101%}@media (min-width:1024px) and (max-width:1300px){.chat-users[data-v-27c6bcbc]{width:350px}}@media (max-width:1024px){.content-layout[data-v-27c6bcbc]{flex-direction:column}.chat-users[data-v-27c6bcbc]{width:100%}}@media (max-width:650px){.pageContainer[data-v-27c6bcbc]{margin:15px 10px}}.relative-full[data-v-27c6bcbc]{padding:.5rem;border-radius:.375rem;display:flex;align-items:center;width:100%;justify-content:space-between;background-color:#f8f9fa;border:1px solid #dee2e6}.relative-flex input[data-v-27c6bcbc]{border-radius:32rem;width:100%;font-size:.875rem;line-height:1.5;font-weight:600;outline:2px solid transparent!important;outline-offset:2px!important;border-width:0;padding:.5rem 3rem}button.header-button[data-v-27c6bcbc]{background-color:#5267a7;color:#fff;font-size:15px;margin-right:5px;height:40px!important}@media (max-width:1024px){button.header-button[data-v-27c6bcbc]{padding-right:30px!important;padding-left:22px!important}}.header-button[data-v-27c6bcbc]:hover{background-color:#5b6eb1}.button-group[data-v-27c6bcbc]{display:flex;gap:1rem;align-items:center}.button-group .switch[data-v-27c6bcbc],.button-group button[data-v-27c6bcbc]{height:43px!important;margin:0!important}.button-group .switch[data-v-27c6bcbc]{width:100px!important}.date p[data-v-27c6bcbc]{margin:5px;font-size:14px;font-weight:400}.date span.last-seen[data-v-27c6bcbc]{background:#007bff;color:#fff;border-radius:50%;padding:0;display:inline-block;text-align:center;width:20px;height:20px;line-height:18px}