body[data-v-96ad397e],html[data-v-96ad397e]{height:100%;margin:0}.container[data-v-96ad397e]{text-align:center;background-color:#fff;color:#002d72;min-height:100vh;display:flex;flex-direction:column;max-width:100%}.body[data-v-96ad397e]{background-image:url(/img/BG.cf75a714.png);background-size:1700px;background-repeat:no-repeat;background-position:70% 100%;width:100%}.header[data-v-96ad397e]{padding-top:-80px}.row[data-v-96ad397e]{margin-top:50px;padding-bottom:0}.ones[data-v-96ad397e]{font-size:60px;color:#034d7f;line-height:64px}.header-text[data-v-96ad397e]{color:#034d7f;margin-top:-70px;font-size:35px;height:28px;margin-left:90px;font-weight:700;display:flex}li[data-v-96ad397e]{margin-top:20px}.gene-button[data-v-96ad397e]{padding:8px 10px;font-size:18px;background-color:transparent;color:#034d7f;border:2px solid #034d7f;border-radius:35px;cursor:pointer;transition:background-color .3s ease;justify-content:flex-end;margin-left:800px;margin-top:-40px}.gene-button[data-v-96ad397e]:hover{background-color:#034d7f;color:#171718}@media (max-width:1166px){.body[data-v-96ad397e]{background-image:none}}@media (max-width:2890px){.gene-button[data-v-96ad397e]{padding:8px 10px;font-size:18px;background-color:transparent;color:#034d7f;order:2px solid #034d7f;border-radius:35px;cursor:pointer;transition:background-color .3s ease;justify-content:flex-end;margin-left:400px;margin-top:-40px;display:none}.gene-button[data-v-96ad397e]:hover{background-color:#034d7f;color:#171718}}.dum-button[data-v-96ad397e]{padding:10px 10px;font-size:20px;color:#056baf;border-radius:35px;background-color:#fdf4ec;border:transparent;cursor:none}.form-inline[data-v-96ad397e]{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px}.form[data-v-96ad397e]{padding:8px 90px;font-size:20px;border-radius:35px;color:#343535;background-color:#fff;border:none;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex}.go_button[data-v-96ad397e]{padding:9px 30px;font-size:20px;border-radius:35px;color:#fff;cursor:pointer;background-color:#096fb3;border:none}.go_button[data-v-96ad397e]:hover{background-color:#0056b3}.section-left[data-v-96ad397e]{background-color:#fff;color:#2f3031;padding:0,0,66.64px,0;height:Hug (632.33px);width:Fixed (619px);text-align:left;background-color:transparent}.section-right[data-v-96ad397e]{background-color:#fff;color:#007bff;margin-bottom:20px;position:relative;padding:0;background-color:transparent}.section-button[data-v-96ad397e]{background-color:#002d72;color:#fff;padding:20px;border-radius:5px;margin-bottom:-130px}.header-image[data-v-96ad397e]{width:72px;height:72.32px;margin-right:5000px;display:flex}.main-content[data-v-96ad397e]{padding:20px}.hero-image[data-v-96ad397e]{width:100%;height:100%;height:auto;margin-top:30px;-o-object-fit:cover;object-fit:cover;padding-bottom:0}.description[data-v-96ad397e]{font-size:1.2em;color:#002d72}.footer[data-v-96ad397e]{margin-top:0;background-color:#034d7f;color:#fff;padding:0;border:0;width:100%;padding-bottom:0}.footer-text[data-v-96ad397e]{font-size:50px;margin-top:-70px;font-size:35px;height:28px;margin-left:180px;font-weight:700;display:flex}.footer-image[data-v-96ad397e]{width:72px;height:72.32px;margin-left:100px;margin-top:40px;display:flex}.contact[data-v-96ad397e]{margin-top:-30px;text-align:left;margin-left:800px}.address[data-v-96ad397e]{margin-top:-100px;text-align:center;margin-left:1000px}@media (max-width:540px){.address[data-v-96ad397e],.contact[data-v-96ad397e],.link[data-v-96ad397e]{display:none}.go_button[data-v-96ad397e]{padding:2px 19px;border-radius:35px;color:#fff;cursor:pointer;background-color:#096fb3;border:none;font-size:20px}.go_button[data-v-96ad397e]:hover{background-color:#0056b3}}@media (max-width:1890px){.footer-image[data-v-96ad397e]{width:40px;height:40.32px;margin-left:20px;margin-top:40px;display:flex}.footer-text[data-v-96ad397e]{font-size:25px;margin-top:-40px;height:18px;margin-left:60px;font-weight:700;display:flex}.contact[data-v-96ad397e]{margin-top:0;text-align:left;margin-left:250px}.address[data-v-96ad397e]{margin-top:-100px;text-align:center;margin-left:450px}}.col-md-3[data-v-96ad397e]{margin-top:-70px;text-align:left;margin-left:1000px;display:flex}.custom-col-2[data-v-96ad397e]{margin-top:-70px;text-align:right;justify-content:flex-end;margin-left:400px;margin-left:1200px}.form-control[data-v-96ad397e]{padding:10px;border-radius:40px;text-align:center;font-size:20px;width:70%}@media (max-width:1068px){.form-control[data-v-96ad397e]{font-size:10px}}p[data-v-96ad397e]{text-align:center;margin-top:0}.dotted-line[data-v-96ad397e]{border:none;border-top:2px dotted #ccc;width:100%;margin-top:55px;margin-bottom:0}.form-check-input+.form-check-label[data-v-73f32269]:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border:2px solid #000407;border-radius:3px;background-color:#fff}.form-check-input:checked+.form-check-label[data-v-73f32269]:before{background-color:#007bff;border:2px solid #007bff;content:"✔";color:#fff;text-align:center;line-height:20px;font-size:16px}.form-check-label[data-v-73f32269]{margin-bottom:0}.form-check-input[data-v-73f32269]{position:absolute;opacity:0;cursor:pointer}.form-check[data-v-73f32269]{position:relative;display:flex;align-items:center;padding-left:30px}.head_button[data-v-73f32269]{background-color:#093c72;padding:10px 20px;font-size:20px;border-radius:35px;color:#fff;cursor:pointer;border:none;position:absolute;top:10px;right:20px}.login-page[data-v-73f32269]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#2c99e0;background:linear-gradient(90deg,#2c99e0,#dedee3 42%,#f2f2f2)}.card[data-v-73f32269]{align-items:right;border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;height:100%;background-color:#e9e8e8;padding:20px}.form-control[data-v-73f32269]{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.card-header[data-v-73f32269]{background-color:#e9e8e8;border-bottom:none}.btn-primary[data-v-73f32269]:hover{background-color:#0056b3}.bubeb-image[data-v-73f32269]{height:100%;width:90%}.key-images[data-v-73f32269]{height:100px;width:90px;border-left:160px}.submit-button[data-v-73f32269]{width:100%;margin-top:60px;background-color:blue;color:#fff;border:1px solid blue}.submit-button[data-v-73f32269]:disabled{background-color:grey;border:1px solid grey;cursor:not-allowed;opacity:.6}.submit-button[data-v-73f32269]:hover:enabled{background-color:#00008b;border:1px solid #00008b}@media (max-width:540px){.head_button[data-v-73f32269]{padding:5px 10px;font-size:15px}}.head_button[data-v-4ad40153]{background-color:#093c72;padding:10px 20px;font-size:20px;border-radius:35px;color:#fff;cursor:pointer;border:none;position:absolute;top:10px;right:20px}.login-page[data-v-4ad40153]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#2c99e0;background:linear-gradient(90deg,#2c99e0,#dedee3 42%,#f2f2f2)}.card[data-v-4ad40153]{align-items:right;border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;height:100%;background-color:#e9e8e8}.card-header[data-v-4ad40153]{background-color:#e9e8e8;border-bottom:none}.btn-primary[data-v-4ad40153]{background-color:#007bff;border:none;padding:10px 20px;border-radius:5px;color:#fff;cursor:pointer}.btn-primary[data-v-4ad40153]:hover{background-color:#0056b3}.bubeb-image[data-v-4ad40153]{height:100%;width:90%}.key-images[data-v-4ad40153]{height:100px;width:90px;border-left:160px}.pin-input-container[data-v-4ad40153]{display:flex;flex-direction:column;align-items:center}.pin-inputs[data-v-4ad40153]{display:flex;gap:10px}.pin-input[data-v-4ad40153]{width:45px;height:60px;border-radius:40%;text-align:center;border:1px solid #ccc;font-size:18px}button[data-v-4ad40153]{margin-top:20px}p[data-v-4ad40153]{color:red}h5[data-v-4ad40153]{color:#8d8d8d}.submit-button[data-v-4ad40153]{width:100%;margin-top:60px;color:#fff;border:1px solid blue}.submit-button[data-v-4ad40153]:disabled{background-color:grey;border:1px solid grey;cursor:not-allowed;opacity:.6}.submit-button[data-v-4ad40153]:hover:enabled{background-color:#00008b;border:1px solid #00008b}@media (max-width:540px){.head_button[data-v-4ad40153]{padding:5px 10px;font-size:15px}}.head_button[data-v-6c7da2cc]{background-color:#093c72;padding:10px 20px;font-size:20px;border-radius:35px;color:#fff;cursor:pointer;border:none;position:absolute;top:10px;right:20px}.staff-page[data-v-6c7da2cc]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#2c99e0;background:linear-gradient(90deg,#2c99e0,#dedee3 42%,#f2f2f2)}.card[data-v-6c7da2cc]{align-items:right;border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;height:100%;background-color:#e9e8e8;padding-bottom:10px;padding-left:55px;padding-top:5px}.card-header[data-v-6c7da2cc]{background-color:#e9e8e8;border-bottom:none;width:90%;border-radius:14px;background:#bae4ff;background:linear-gradient(90deg,#bae4ff,#d6d6ff 54%,hsla(23,35%,91%,.06) 84%,#fff1df 91%,#f2f2f2)}.writeup[data-v-6c7da2cc]{text-align:center}.card-body[data-v-6c7da2cc]{background:#bae4ff;background:linear-gradient(90deg,#bae4ff,#cdcde3 54%,#fff1df 91%,#f2f2f2)}.form-control[data-v-6c7da2cc]{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.btn-primary[data-v-6c7da2cc]{background-color:#007bff;border:none;padding:10px 20px;border-radius:5px;color:#fff;cursor:pointer}.btn-primary[data-v-6c7da2cc]:hover{background-color:#0056b3}.bubeb-image[data-v-6c7da2cc]{height:70%;width:89%;margin-top:110px}.profile-flex-form-container[data-v-6c7da2cc]{max-width:800px;margin:auto;padding:20px;display:flex;justify-content:center}.profile-picture-container[data-v-6c7da2cc]{display:flex;justify-content:center;max-width:100vh;max-height:100vh}.profile-picture[data-v-6c7da2cc]{width:150px;height:150px;border-radius:70%;background-color:#949494}.profile-card[data-v-6c7da2cc]{border:1px solid #ccc;border-radius:19px;padding:13px;margin-bottom:5px;background:#e4e5f1;background:linear-gradient(90deg,#e4e5f1,rgba(200,233,254,.611) 40%,hsla(23,35%,91%,.06) 65%,#fff1df 81%,#fff7f7 97%)}.profile-card[data-v-6c7da2cc],.profile-info[data-v-6c7da2cc]{display:flex;flex-direction:column}.profile-item[data-v-6c7da2cc]{display:flex;justify-content:space-between}.label[data-v-6c7da2cc]{color:dimgray}.btn[data-v-6c7da2cc]{padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.value[data-v-6c7da2cc]{font-weight:700}.submit-button[data-v-6c7da2cc]{width:90%;margin-top:50px;margin-left:-40px}.md-3[data-v-6c7da2cc]{display:flex;justify-content:center;margin-top:-10px}h4[data-v-6c7da2cc]{color:dimgray}.profile-photo[data-v-6c7da2cc]{width:150px;height:150px;border-radius:50%;margin-bottom:15px}@media (max-width:540px){.head_button[data-v-6c7da2cc]{padding:5px 10px;font-size:15px}}.head_button[data-v-8e1099ac]{background-color:#093c72;padding:10px 20px;font-size:20px;border-radius:35px;color:#fff;cursor:pointer;border:none;position:absolute;top:10px;right:20px}.login-page[data-v-8e1099ac]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#2c99e0;background:linear-gradient(90deg,#2c99e0,#dedee3 42%,#f2f2f2)}.card[data-v-8e1099ac]{align-items:right;border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;height:100%;background-color:#e9e8e8}.card-header[data-v-8e1099ac]{background-color:#e9e8e8;border-bottom:none}.btn-primary[data-v-8e1099ac]{background-color:#007bff;border:none;padding:10px 20px;border-radius:5px;color:#fff;cursor:pointer}.btn-primary[data-v-8e1099ac]:hover{background-color:#0056b3}.bubeb-image[data-v-8e1099ac]{height:100%;width:90%}.key-images[data-v-8e1099ac]{height:100px;width:90px;border-left:160px}.pin-login-container[data-v-8e1099ac]{display:flex;flex-direction:column;align-items:center}.pin-inputs[data-v-8e1099ac]{display:flex;gap:10px}.pin-input[data-v-8e1099ac]{width:45px;height:60px;border-radius:40%;text-align:center;border:1px solid #ccc;font-size:18px}button[data-v-8e1099ac]{margin-top:20px;border-radius:40%}p[data-v-8e1099ac]{color:red}h5[data-v-8e1099ac]{color:#8d8d8d}.submit-button[data-v-8e1099ac]{width:100%;margin-top:60px;color:#fff;border:1px solid blue}.submit-button[data-v-8e1099ac]:disabled{background-color:grey;border:1px solid grey;cursor:not-allowed;opacity:.6}.submit-button[data-v-8e1099ac]:hover:enabled{background-color:#00008b;border:1px solid #00008b}@media (max-width:540px){.head_button[data-v-8e1099ac]{padding:5px 10px;font-size:15px}}.head_button[data-v-96451f88]{background-color:#093c72;padding:10px 20px;font-size:20px;border-radius:35px;color:#fff;cursor:pointer;border:none;position:absolute;top:10px;right:20px}.login-page[data-v-96451f88]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#2c99e0;background:linear-gradient(90deg,#2c99e0,#dedee3 42%,#f2f2f2)}.card[data-v-96451f88]{align-items:right;border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;height:100%;background-color:#e9e8e8;padding:20px}.card-header[data-v-96451f88]{background-color:#e9e8e8;border-bottom:none}.btn-primary[data-v-96451f88]{background-color:#007bff;border:none;padding:10px 20px;border-radius:5px;color:#fff;cursor:pointer}h5[data-v-96451f88]{color:#828da9}.btn-primary[data-v-96451f88]:hover{background-color:#0056b3}.bubeb-image[data-v-96451f88]{height:100%;width:90%}.key-images[data-v-96451f88]{height:100px;width:90px;border-left:160px}.otp-container[data-v-96451f88]{display:flex;justify-content:center;gap:10px;margin-top:50px}.otp-input[data-v-96451f88]{width:45px;height:60px;border-radius:40%;text-align:center;font-size:18px;border:2px solid #ccc;outline:none;transition:border-color .2s}.otp-input[data-v-96451f88]:focus{border-color:#007bff}.submit-button[data-v-96451f88]{width:100%;margin-top:90px;color:#fff;border:1px solid blue}.submit-button[data-v-96451f88]:disabled{background-color:grey;border:1px solid grey;cursor:not-allowed;opacity:.6}.submit-button[data-v-96451f88]:hover:enabled{background-color:#00008b;border:1px solid #00008b}@media (max-width:540px){.head_button[data-v-96451f88]{padding:5px 10px;font-size:15px}}.head_button[data-v-56828498]{background-color:#093c72;padding:10px 20px;font-size:20px;border-radius:35px;color:#fff;cursor:pointer;border:none;position:absolute;top:10px;right:20px}.login-page[data-v-56828498]{display:flex;align-items:center;justify-content:center;overflow-y:scroll;height:100vh;background:#2c99e0;background:linear-gradient(90deg,#2c99e0,#dedee3 42%,#f2f2f2)}.card[data-v-56828498]{align-items:right;border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;height:100%;background-color:#e9e8e8;padding:20px}.card-header[data-v-56828498]{background-color:#e9e8e8;border-bottom:none}.btn-primary[data-v-56828498]{background-color:#007bff;border:none;padding:10px 20px;border-radius:5px;color:#fff;cursor:pointer}.btn-primary[data-v-56828498]:hover{background-color:#0056b3}.bubeb-image[data-v-56828498]{height:100%;width:90%}.year-month-selector[data-v-56828498]{max-width:600px;margin:auto}.dropdown-menu[data-v-56828498]{max-height:200px}.dropdown-item[data-v-56828498]{display:flex;align-items:center}.form-check-input[data-v-56828498]{margin-right:10px}button[data-v-56828498]{margin-top:20px}p[data-v-56828498]{color:red}h2[data-v-56828498],h5[data-v-56828498]{text-align:left}h4[data-v-56828498],h6[data-v-56828498]{color:#8d8d8d;text-align:left}v-select[data-v-56828498]{text-align:center}.right[data-v-56828498]{margin-top:150px}.left[data-v-56828498]{margin-top:100px}.submit-button[data-v-56828498]{width:100%;margin-top:60px;color:#fff;border:1px solid blue}.submit-button[data-v-56828498]:disabled{background-color:grey;border:1px solid grey;cursor:not-allowed;opacity:.6}.submit-button[data-v-56828498]:hover:enabled{background-color:#00008b;border:1px solid #00008b}.right[data-v-56828498]{display:flex;justify-content:flex-end;padding:10px}.row[data-v-56828498]{margin-top:50px}@media (max-width:540px){.head_button[data-v-56828498]{padding:5px 10px;font-size:15px}}.spinner-border[data-v-56828498]{vertical-align:middle;margin-right:5px}.body[data-v-d1a180b4]{background-image:url(/img/LINES.683bbd2c.png);background-repeat:no-repeat;background-position:50% 90%;width:100%;background-attachment:fixed}.button-container[data-v-d1a180b4]{margin-bottom:5px}.action-button[data-v-d1a180b4]{background-color:transparent;padding:10px 20px;margin:0 10px;font-size:16px;border:2px solid #e4e4e4;border-radius:5px;cursor:pointer}.action-button[data-v-d1a180b4]:hover{background-color:#636363}.action-button i[data-v-d1a180b4]{margin-right:5px}.container[data-v-d1a180b4]{background-color:#e9e8e8;min-height:100vh;display:flex;flex-direction:column;max-width:100%}.header-text[data-v-d1a180b4]{color:#034d7f;margin-top:-70px;font-size:35px;height:28px;margin-left:-20px;font-weight:700;display:flex}li[data-v-d1a180b4]{margin-top:40px}.log-button[data-v-d1a180b4]{background-color:transparent;color:#077cca;border:2px solid #077cca;border-radius:35px;cursor:pointer;transition:background-color .3s ease;margin-right:0}.log-button[data-v-d1a180b4]:hover{background-color:#077cca;color:#171718}.gene-button[data-v-d1a180b4]{padding:10px 20px;font-size:50px;border-radius:35px;border:none;margin-top:0;margin-right:60px;background-color:transparent;color:#077cca;border:2px solid #077cca;cursor:pointer;transition:background-color .3s ease}.gene-button[data-v-d1a180b4]:hover{background-color:#077cca;color:#171718}@media (max-width:440px){.logo[data-v-d1a180b4]{margin-left:-270px;position:absolute;margin-top:-30px}.button-group[data-v-d1a180b4]{padding:10px 20px;font-size:8px;border-radius:35px;margin-right:-250px}.gene-button[data-v-d1a180b4]{margin-right:10px}.log-button[data-v-d1a180b4]{border-radius:15px;margin-right:8px;margin-top:5px}.button-group[data-v-d1a180b4]{display:flex;flex-direction:column;align-items:center}}@media (max-width:2890px){.button-group[data-v-d1a180b4]{display:flex;justify-content:flex-end;margin-top:20px;margin-bottom:20px}.log-button[data-v-d1a180b4]{padding:13px 9px;font-size:15px;border-radius:35px;transition:background-color .3s ease;justify-content:flex-end}.gene-button[data-v-d1a180b4]:hover{background-color:#077cca;color:#171718}.gene-button[data-v-d1a180b4]{padding:13px 9px;font-size:15px;top:70px;right:0}.log-button[data-v-d1a180b4]:hover{background-color:#077cca;color:#171718}.action-button[data-v-d1a180b4]{background-color:transparent;padding:10px 20px;margin:0 10px;font-size:16px;border:2px solid #d2d2d2;border-radius:5px;cursor:pointer}.action-button i[data-v-d1a180b4]{margin-right:5px}}.header-image[data-v-d1a180b4]{width:72px;height:72.32px;margin-left:-100px;display:flex}.main-content[data-v-d1a180b4]{padding:20px}.hero-image[data-v-d1a180b4]{width:100%;height:100%;height:auto;margin-top:30px;-o-object-fit:cover;object-fit:cover;padding-bottom:0}.description[data-v-d1a180b4]{font-size:1.2em;color:#002d72}.footer[data-v-d1a180b4]{margin-top:0;background-color:#034d7f;color:#fff;padding:10px;border:0;width:100%;padding-bottom:5px}.footer-text[data-v-d1a180b4]{font-size:50px;margin-top:-70px;font-size:35px;height:28px;margin-left:180px;font-weight:700;display:flex}.footer-image[data-v-d1a180b4]{width:72px;height:72.32px;margin-left:100px;margin-top:10px;display:flex}.contact[data-v-d1a180b4]{margin-top:-30px;text-align:left;margin-left:800px}.address[data-v-d1a180b4]{margin-top:-100px;text-align:center;margin-left:1000px}@media (max-width:540px){.address[data-v-d1a180b4],.button-container[data-v-d1a180b4],.contact[data-v-d1a180b4],.link[data-v-d1a180b4]{display:none}}@media (max-width:1890px){.footer-image[data-v-d1a180b4]{width:40px;height:40.32px;margin-left:20px;margin-top:40px;display:flex}.footer-text[data-v-d1a180b4]{font-size:25px;margin-top:-40px;height:18px;margin-left:60px;font-weight:700;display:flex}.contact[data-v-d1a180b4]{margin-top:0;text-align:left;margin-left:250px}.address[data-v-d1a180b4]{margin-top:-100px;text-align:center;margin-left:450px}}.dotted-line[data-v-d1a180b4]{border:none;border-top:2px dotted #ccc;width:100%;margin-top:55px;margin-bottom:0}.copyright[data-v-d1a180b4]{text-align:center;margin-top:0}.spinner-overlay[data-v-d1a180b4]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:9999}.my-swal-container[data-v-d1a180b4]{font-family:Arial,sans-serif;padding:20px}.my-swal-title[data-v-d1a180b4]{font-weight:700}.my-swal-input[data-v-d1a180b4]{font-size:16px}.my-swal-input-label[data-v-d1a180b4]{font-size:14px}.my-swal-cancel-button[data-v-d1a180b4],.my-swal-confirm-button[data-v-d1a180b4]{display:inline-block;width:auto;margin:0 5px}.my-swal-popup[data-v-d1a180b4]{padding:20px}.my-swal-popup .swal2-actions[data-v-d1a180b4]{display:flex;justify-content:center;margin-top:20px}.row1[data-v-d1a180b4]{flex-direction:column;margin:0;padding:0;margin-top:40px;margin-left:40px;padding-bottom:0}.row1[data-v-d1a180b4],.row22[data-v-d1a180b4]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.row22[data-v-d1a180b4]{margin:0;padding:0;margin-top:30px}.payslip-container[data-v-d1a180b4]{border:1px solid #fff;background-color:#fff;padding:8px;margin-top:3px}.payslip[data-v-d1a180b4]{margin:10px auto;padding:8px;border:1px solid #5c5c5c;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:8px;font-size:10px;font-weight:700;line-height:12.55px;color:#034d7f;width:700px;min-height:405px;margin-top:30px}.title[data-v-d1a180b4]{margin-bottom:5px;border-bottom:1px solid #48484874;padding-bottom:0;text-align:left}.title p[data-v-d1a180b4]{font-size:20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#484848}.title .monthyear[data-v-d1a180b4]{font-weight:60px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#000}.ref[data-v-d1a180b4]{text-align:right;margin-top:-10px;color:#000}.code[data-v-d1a180b4]{color:#6464647e}.header[data-v-d1a180b4]{display:flex;justify-content:space-between;padding-bottom:0;margin-bottom:0;gap:10px}.row[data-v-d1a180b4]{display:flex;padding:10px 0;padding-top:0}.row[data-v-d1a180b4]:last-child{border-bottom:none}.left-section[data-v-d1a180b4]{width:90%}.right-section[data-v-d1a180b4]{width:10%}.qr-container[data-v-d1a180b4]{margin-top:-19px;display:flex;justify-content:flex-end}.qr-code[data-v-d1a180b4]{border-radius:4px;border:1px solid #034d7f;width:95px;height:100px;padding:5px;margin-top:-85px;margin-right:-290px}.profile-and-details[data-v-d1a180b4]{display:flex;margin-top:-40px}.profile-pic[data-v-d1a180b4]{border-radius:4px;width:85px;height:100px;margin-top:0;margin-left:-75px;margin-right:10px;border:1px solid #7e7f7f70;padding:4px;-o-object-fit:cover;object-fit:cover}.details[data-v-d1a180b4]{padding-right:5px}.details2[data-v-d1a180b4],.details[data-v-d1a180b4]{display:flex;flex-direction:column;justify-content:center}.details2[data-v-d1a180b4]{color:#2c2b2bd7;background-color:hsla(32,26%,89%,.477);-webkit-print-color-adjust:exact;print-color-adjust:exact}.details .detail-item[data-v-d1a180b4]{display:inline-block;border:1px solid #034d7f;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;background-color:#fff;padding-right:5px}.details2 .detail2-item[data-v-d1a180b4]{display:inline-block;border:1px solid #fff;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;padding-right:225px}.bottom-details[data-v-d1a180b4]{display:flex;flex-direction:column;justify-content:center;padding-right:2px;margin-left:-4px;margin-top:2px}.bottom-details2[data-v-d1a180b4]{display:flex;flex-direction:column;justify-content:center;color:#2c2b2bd7;background-color:hsla(32,26%,89%,.477);-webkit-print-color-adjust:exact;print-color-adjust:exact}.bottom-details .line[data-v-d1a180b4]{display:inline-block;border:1px solid #034d7f;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;background-color:#fff;padding-right:0}.bottom-details2 .line2[data-v-d1a180b4]{display:inline-block;border:1px solid #fff;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;padding-right:40px}.link1[data-v-d1a180b4]{color:#6d6c6ca6;margin-top:5px;margin-bottom:0;margin-left:-3px;display:inline;white-space:nowrap}.bank-details[data-v-d1a180b4]{display:flex;flex-direction:column;justify-content:center;padding-right:2px;margin-left:45px;margin-top:5px}.bank-details2[data-v-d1a180b4]{display:flex;flex-direction:column;justify-content:center;color:#2c2b2bd7;background-color:hsla(32,26%,89%,.477);-webkit-print-color-adjust:exact;print-color-adjust:exact}.row2[data-v-d1a180b4]{margin-right:-330px}.bank-details .detail-bank[data-v-d1a180b4]{display:inline-block;border:1px solid #034d7f;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;background-color:#fff;padding-right:-5px}.bank-details2 .detail-bank2[data-v-d1a180b4]{display:inline-block;border:1px solid #fff;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;padding-right:33px}.date[data-v-d1a180b4]{text-align:right;color:#000;margin-top:3px;margin-bottom:0}.date .head[data-v-d1a180b4]{color:#6d6c6ca6}.row22 .left-section[data-v-d1a180b4],.row22 .right-section[data-v-d1a180b4]{width:50%}.row22 .left-section .detail-item[data-v-d1a180b4],.row22 .right-section .detail-item[data-v-d1a180b4]{margin-bottom:0}.info[data-v-d1a180b4]{padding:5px;margin-top:-13px;border-radius:8px;padding:8px}.info table[data-v-d1a180b4]{width:665px;height:180px;border-collapse:collapse;margin:0}.info td[data-v-d1a180b4],.info th[data-v-d1a180b4]{padding:2px;text-align:left;border:2px solid #2c2b2bd7;color:#2c2b2bd7}.info th[data-v-d1a180b4]{background-color:#000;color:#fff;text-align:center}.subject[data-v-d1a180b4]{background-color:#d5eaf8;color:#000}.info .net-pay[data-v-d1a180b4]{color:#f5f7f7;font-size:12px;background-color:#0e0e0e}.info .net-pay2[data-v-d1a180b4]{color:#000;font-size:12px}.horizontal-wrap[data-v-d1a180b4]{display:flex;flex-wrap:wrap;gap:10px;color:#6d6c6ca6}.inline-item[data-v-d1a180b4]{display:inline-block;border:1px solid #6d6c6ca6;padding:2px;border-radius:4px;white-space:nowrap;margin-right:8px;margin-bottom:3px}.table-header[data-v-d1a180b4]{text-align:center}.pagination-controls[data-v-d1a180b4]{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;margin-bottom:30px}.pagination-controls a[data-v-d1a180b4]{color:#034d7f;text-decoration:none;font-size:1rem;cursor:pointer;padding:5px 10px;transition:background-color .3s,color .3s;border-radius:50%;display:inline-block}.pagination-controls a[data-v-d1a180b4]:hover{background-color:#999b9c;color:#034d7f}.pagination-controls .disabled[data-v-d1a180b4]{color:#6c757d;cursor:not-allowed;pointer-events:none}.pagination-controls span a.active[data-v-d1a180b4]{background-color:#034d7f;color:#fff;font-weight:700;border-radius:50%;padding:5px 10px}@media (max-width:860px){.container[data-v-d1a180b4],.payslip-container[data-v-d1a180b4]{overflow-x:auto}.payslip[data-v-d1a180b4]{width:700px;margin:0 auto;display:inline-block}.action-button[data-v-d1a180b4]{pointer-events:none}}.head_button[data-v-2dc050ea]{background-color:#093c72;padding:10px 20px;font-size:20px;border-radius:35px;color:#fff;cursor:pointer;border:none;position:absolute;top:10px;right:20px}.login-page[data-v-2dc050ea]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#2c99e0;background:linear-gradient(90deg,#2c99e0,#dedee3 42%,#f2f2f2)}.card[data-v-2dc050ea]{align-items:right;border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;height:100%;background-color:#e9e8e8;padding:40px}.card-header[data-v-2dc050ea]{background-color:#e9e8e8;border-bottom:none}.btn-primary[data-v-2dc050ea]{background-color:#007bff;border:none;padding:10px 20px;border-radius:5px;color:#fff;cursor:pointer}h5[data-v-2dc050ea]{color:#828da9}.btn-primary[data-v-2dc050ea]:hover{background-color:#0056b3}.bubeb-image[data-v-2dc050ea]{height:100%;width:90%}.key-images[data-v-2dc050ea]{height:100px;width:90px;border-left:160px}.otp-container[data-v-2dc050ea]{display:flex;justify-content:center;gap:10px;margin-top:50px}.otp-input[data-v-2dc050ea]{width:45px;height:60px;border-radius:40%;text-align:center;font-size:18px;border:2px solid #ccc;outline:none;transition:border-color .2s}.otp-input[data-v-2dc050ea]:focus{border-color:#007bff}.submit-button[data-v-2dc050ea]{width:100%;margin-top:90px;color:#fff;border:1px solid blue}.submit-button[data-v-2dc050ea]:disabled{background-color:grey;border:1px solid grey;cursor:not-allowed;opacity:.6}.submit-button[data-v-2dc050ea]:hover:enabled{background-color:#00008b;border:1px solid #00008b}@media (max-width:540px){.head_button[data-v-2dc050ea]{padding:5px 10px;font-size:15px}}.body[data-v-29786c60]{background-repeat:no-repeat;background-position:50% 90%;width:100%;background-attachment:fixed}.button-container[data-v-29786c60]{margin-top:0;margin-right:0}.container[data-v-29786c60]{background-color:#e9e8e8;min-height:100vh;display:flex;flex-direction:column;max-width:100%;overflow-x:scroll}li[data-v-29786c60]{margin-top:40px}.main-content[data-v-29786c60]{padding:20px}.description[data-v-29786c60]{font-size:1.2em;color:#002d72}.spinner-overlay[data-v-29786c60]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:9999}.row1[data-v-29786c60]{flex-direction:column;margin:0;padding:0;margin-top:40px;margin-left:40px;padding-bottom:0}.row1[data-v-29786c60],.row22[data-v-29786c60]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.row22[data-v-29786c60]{margin:0;padding:0;margin-top:30px}.payslip-container[data-v-29786c60]{border:1px solid #fff;background-color:#fff;padding:8px;margin-top:3px}.payslip[data-v-29786c60]{margin:10px auto;padding:8px;border:1px solid #5c5c5c;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:8px;font-size:10px;font-weight:700;line-height:12.55px;color:#034d7f;width:700px;min-height:405px;margin-top:30px}.title[data-v-29786c60]{margin-bottom:5px;border-bottom:1px solid #48484874;padding-bottom:0;text-align:left}.title p[data-v-29786c60]{font-size:20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#484848}.title .monthyear[data-v-29786c60]{font-weight:60px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#000}.ref[data-v-29786c60]{text-align:right;margin-top:-10px;color:#000}.code[data-v-29786c60]{color:#6464647e}.header[data-v-29786c60]{display:flex;justify-content:space-between;padding-bottom:0;margin-bottom:0;gap:10px}.row[data-v-29786c60]{display:flex;padding:10px 0;padding-top:0}.row[data-v-29786c60]:last-child{border-bottom:none}.left-section[data-v-29786c60]{width:90%}.right-section[data-v-29786c60]{width:10%}.qr-container[data-v-29786c60]{margin-top:-19px;display:flex;justify-content:flex-end}.qr-code[data-v-29786c60]{border-radius:4px;border:1px solid #034d7f;width:95px;height:100px;padding:5px;margin-top:-85px;margin-right:-290px}.profile-and-details[data-v-29786c60]{display:flex;margin-top:-40px}.profile-pic[data-v-29786c60]{border-radius:4px;width:85px;height:100px;margin-top:0;margin-left:-75px;margin-right:10px;border:1px solid #7e7f7f70;padding:4px;-o-object-fit:cover;object-fit:cover}.details[data-v-29786c60]{padding-right:5px}.details2[data-v-29786c60],.details[data-v-29786c60]{display:flex;flex-direction:column;justify-content:center}.details2[data-v-29786c60]{color:#2c2b2bd7;background-color:hsla(32,26%,89%,.477);-webkit-print-color-adjust:exact;print-color-adjust:exact}.details .detail-item[data-v-29786c60]{display:inline-block;border:1px solid #034d7f;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;background-color:#fff;padding-right:5px}.details2 .detail2-item[data-v-29786c60]{display:inline-block;border:1px solid #fff;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;padding-right:215px}.bottom-details[data-v-29786c60]{display:flex;flex-direction:column;justify-content:center;padding-right:2px;margin-left:-4px;margin-top:2px}.bottom-details2[data-v-29786c60]{display:flex;flex-direction:column;justify-content:center;color:#2c2b2bd7;background-color:hsla(32,26%,89%,.477);-webkit-print-color-adjust:exact;print-color-adjust:exact}.bottom-details .line[data-v-29786c60]{display:inline-block;border:1px solid #034d7f;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;background-color:#fff;padding-right:0}.bottom-details2 .line2[data-v-29786c60]{display:inline-block;border:1px solid #fff;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;padding-right:38px}.link1[data-v-29786c60]{color:#6d6c6ca6;margin-top:5px;margin-bottom:0;margin-left:-3px;display:inline;white-space:nowrap}.bank-details[data-v-29786c60]{display:flex;flex-direction:column;justify-content:center;padding-right:2px;margin-left:45px;margin-top:5px}.bank-details2[data-v-29786c60]{display:flex;flex-direction:column;justify-content:center;color:#2c2b2bd7;background-color:hsla(32,26%,89%,.477);-webkit-print-color-adjust:exact;print-color-adjust:exact}.row2[data-v-29786c60]{margin-right:-330px}.bank-details .detail-bank[data-v-29786c60]{display:inline-block;border:1px solid #034d7f;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;background-color:#fff;padding-right:-5px}.bank-details2 .detail-bank2[data-v-29786c60]{display:inline-block;border:1px solid #fff;padding:2px;border-radius:4px;margin-bottom:2px;white-space:nowrap;padding-right:20px}.date[data-v-29786c60]{text-align:right;color:#000;margin-top:3px;margin-bottom:0}.date .head[data-v-29786c60]{color:#6d6c6ca6}.row22 .left-section[data-v-29786c60],.row22 .right-section[data-v-29786c60]{width:50%}.row22 .left-section .detail-item[data-v-29786c60],.row22 .right-section .detail-item[data-v-29786c60]{margin-bottom:0}.info[data-v-29786c60]{padding:5px;margin-top:-13px;border-radius:8px;padding:8px}.info table[data-v-29786c60]{width:665px;height:180px;border-collapse:collapse;margin:0}.info td[data-v-29786c60],.info th[data-v-29786c60]{padding:2px;text-align:left;border:2px solid #2c2b2bd7;color:#2c2b2bd7}.info th[data-v-29786c60]{background-color:#000;color:#fff;text-align:center}.subject[data-v-29786c60]{background-color:#d5eaf8;color:#000}.info .net-pay[data-v-29786c60]{color:#f5f7f7;font-size:12px;background-color:#0e0e0e}.info .net-pay2[data-v-29786c60]{color:#000;font-size:12px}.horizontal-wrap[data-v-29786c60]{display:flex;flex-wrap:wrap;gap:10px;color:#6d6c6ca6}.inline-item[data-v-29786c60]{display:inline-block;border:1px solid #6d6c6ca6;padding:2px;border-radius:4px;white-space:nowrap;margin-right:8px;margin-bottom:3px}.table-header[data-v-29786c60]{text-align:center}.pagination-controls[data-v-29786c60]{display:flex;justify-content:center;margin:1rem 0;background-color:#e9e8e8}.pagination-controls button[data-v-29786c60]{padding:.5rem 1rem;margin:0 .5rem;border:1px solid #3937d5;background-color:#f8f9fa;cursor:pointer;border-radius:10px}.pagination-controls button[data-v-29786c60]:hover{background-color:#03419e;color:#f5f5f5}.pagination-controls button[data-v-29786c60]:disabled{cursor:not-allowed;opacity:.5}.pagination-controls span[data-v-29786c60]{align-self:center;margin:0 1rem}@media (max-width:800px){.payslip-container[data-v-29786c60]{overflow-x:auto}.payslip[data-v-29786c60]{width:700px;margin:0 auto;display:inline-block}}