body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{margin:0}.left_user_loginform{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.u_login_header{color:#404040;flex-direction:column;font-family:SSPro-Bold;font-size:32px;font-style:normal;font-weight:700;height:25px;margin:0}.u_login_cap{color:#586166;display:flex;font-family:Inter-Medium;font-size:15px;font-style:normal;font-weight:500;height:5px}.u_login_det{margin:10px 0}.u_login_det,.userlogin_ff{display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;width:400px}.userlogin_ff{justify-content:space-around}.form-field-u-pass{color:#586166;display:flex;flex-direction:column;font-family:Roboto Regular;font-size:14px;margin:5px 0;position:relative}.form-field-u-pass label{font-family:Roboto-Regular;font-size:14px;margin-bottom:5px}.ff-u-pass{display:flex;flex-direction:row;position:relative}.form-field-u-pass input{background-color:#efefef;border:none;border-radius:5px;font-family:Roboto Regular;font-size:14px;outline:none;padding:15px 50px 15px 15px;width:100%}.form-field-u-pass input:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.U_showBtn{color:#47b8b2;cursor:pointer;font-family:Roboto Medium;font-size:15px;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;user-select:none}.user-login-error{color:#d87575;margin:5px 0}.fgp-container,.user-login-error{display:flex;font-family:Roboto-Medium;font-size:14px}.fgp-container{align-items:center;height:30px;justify-content:space-between;width:400px}@media (max-width:768px){div.right_img{display:none}}@media (max-width:425px){.uniid_logo{padding:25px 0 0 30px}.logo{height:40px}.form-field label{text-align:left}.form-field label,.form-field-s-pass label{font-family:Roboto-Regular;font-size:14px;margin-bottom:5px}.header_loginform{display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;width:350px}.u_login_header{font-size:26px;font-style:normal;height:25px}.u_login_cap{color:#586166;display:flex;font-family:Roboto-Medium;font-size:14px;font-style:normal;font-weight:500;height:5px;margin:5px 0}.u_login_det{margin-top:14px}.u_login_det,.userlogin_ff{display:flex;flex-direction:column;width:350px}.userlogin_ff{height:100%;justify-content:space-around}.fgp-container{width:350px}.S_showBtn{font-size:14px}}@media (max-width:375px){.uniid_logo{padding:25px 0 0 30px}.logo{height:40px}.form-field label{text-align:left}.header_loginform{height:-webkit-max-content;height:max-content}.header_loginform,.u_login_det{display:flex;flex-direction:column;width:300px}.u_login_det{margin:10px 0}.userlogin_ff{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:300px}.fgp-container{align-items:center;display:flex;font-family:Roboto-Medium;font-size:14px;height:30px;justify-content:space-between;width:300px}.login_btn{padding:10px}}.left_fgp1wrapper{background-color:#fff}.left_fgp1,.left_fgp1wrapper{display:flex;flex-direction:column;height:100%;width:100%}.left_fgp1{align-items:center;justify-content:center}.header_fgp1{display:flex;flex-direction:column;width:400px}.u_fgp1_header{color:#404040;flex-direction:column;font-family:SSPro-Bold;font-size:32px;font-style:normal;font-weight:700;height:25px;margin:0}.u_fgp1_cap{color:#586166;display:flex;font-family:Roboto-Regular;font-size:15px;font-style:normal;font-weight:500;height:30px}.u_fgp1_det{margin:10px 0}.u_fgp1_det,.userfgp1_ff{display:flex;flex-direction:column;width:400px}.userfgp1_ff{height:65px;justify-content:space-around}.un-form-field{display:flex;flex-direction:column;width:100%}.form-field input:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.form-field label{color:#586166}.fgp1_btn{background-color:#47b8b2;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;padding:.7rem 9.25rem;width:100%}.fgp1_bck,.fgp1_btn{border:none;border-radius:5px;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin-bottom:10px;margin-top:8px}.fgp1_bck{align-items:center;color:#4d4d4d;display:flex;flex-direction:row;justify-content:center;text-decoration:none}.bx.bx-left-arrow-alt{color:#4d4d4d;font-size:24px;margin-right:10px}.fgp1-cred-error{color:#d87575;display:flex;font-family:Roboto-Medium;font-size:14px;margin:5px 0}@media (max-width:425px){.uniid_logo{padding:25px 0 0 30px}.logo{height:40px}.header_fgp1{display:flex;flex-direction:column;width:350px}.u_fgp1_header{font-size:26px;font-style:normal;height:25px}.u_fgp1_cap{color:#586166;font-family:Roboto-Medium;font-size:14px;font-style:normal;font-weight:500;height:auto}.u_fgp1_cap,.u_fgp1_det{display:flex;margin:10px 0}.u_fgp1_det{flex-direction:column;width:350px}.userfgp1_ff{height:100%;justify-content:space-around}.fgp1-cont,.userfgp1_ff{display:flex;flex-direction:column;width:350px}.fgp1-cont{align-items:center;justify-content:center}.form-field label{text-align:left}.form-field label,.form-field-s-pass label{font-family:Roboto-Regular;font-size:14px;margin-bottom:5px}.S_showBtn{font-size:14px}}@media (max-width:375px){.header_fgp1{display:flex;flex-direction:column;width:300px}.u_fgp1_header{font-size:26px;font-style:normal;height:25px}.fgp1-cont{width:300px}.u_fgp1_det{margin:10px 0}.u_fgp1_det,.userfgp1_ff{display:flex;flex-direction:column;width:300px}.userfgp1_ff{height:100%;justify-content:space-around}.fgp1_btn{display:flex;flex-direction:row;justify-content:center;padding:.7rem 9.25rem;width:300px}.S_showBtn,.fgp1_btn{font-size:14px}}.left_fgp2wrapper{background-color:#fff}.left_fgp2,.left_fgp2wrapper{display:flex;flex-direction:column;height:100%;width:100%}.left_fgp2{align-items:center;justify-content:center}.fgp2_eicon{background:#fff;border-radius:10px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);height:50px;margin-bottom:10px;width:50px}.bx.bx-envelope,.fgp2_eicon{display:flex;justify-content:center}.bx.bx-envelope{color:#47b8b2;font-size:28px}.bx.bx-envelope,.header_fgp2{align-items:center;flex-direction:column}.header_fgp2{display:flex;width:400px}.u_fgp2_header{color:#404040;flex-direction:column;font-family:SSPro-Bold;font-size:32px;font-style:normal;font-weight:700;height:25px;margin:0}.u_fgp2_cap{color:#586166;display:flex;font-family:Inter-Medium;font-size:15px;font-style:normal;font-weight:500;height:30px;margin:15px;text-align:center}.u_fgp2_det{align-items:center;display:flex;flex-direction:column;width:400px}.DNE{color:#404040;font-family:Roboto-Regular;font-size:14px;margin:5px 0}.click_dne{color:#47b8b2;cursor:pointer;font-family:Roboto-Medium;margin-left:5px;text-decoration:none}.click_dne:hover{color:#37928e}.u_fp2_code{background-color:#efefef;border:none;border-radius:5px;color:#404040;display:flex;font-family:Roboto-Bold;font-size:22px;gap:32px;margin:5px 0 5px 5px;padding:20px;text-align:center;width:15px}.u_fp2_code:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.fgp2_continue{background-color:#efefef;border:none;border-radius:5px;color:#404040;cursor:pointer;display:flex;font-family:Roboto-Medium;font-size:14px;margin:5px 0;padding:10px 15px;transition:background-color .3s ease,color .3s ease}.fgp2_continue:hover{color:#47b8b2}.fgp2_bck{text-decoration:none}.back-btn i:hover,.back-btn:hover{color:#47b8b2}.back-btn{align-items:center;border:none;border-radius:5px;color:#4d4d4d;cursor:pointer;flex-direction:row;justify-content:center;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.back-btn,.fgp2-cred-error{display:flex;font-family:Roboto-Medium;font-size:14px;margin:5px 0}.fgp2-cred-error{color:#d87575}@media (max-width:425px){.uniid_logo{padding:25px 0 0 30px}.logo{height:40px}.header_fgp2{display:flex;flex-direction:column;width:350px}.fgp2_eicon{background:#fff;border-radius:10px;height:40px;margin-bottom:5px;width:40px}.bx.bx-envelope,.fgp2_eicon{display:flex;justify-content:center}.bx.bx-envelope{align-items:center;color:#47b8b2;flex-direction:column;font-size:24px}.u_fgp2_header{font-size:26px;font-style:normal;height:25px}.u_fgp2_cap{color:#586166;display:flex;font-family:Roboto-Medium;font-size:14px;font-style:normal;font-weight:500;height:auto;margin:10px 0 5px}.u_fgp2_det{display:flex;flex-direction:column;width:350px}.u_fp2_code{background-color:#efefef;border:none;border-radius:5px;color:#404040;display:flex;font-family:Roboto-Bold;font-size:20px;gap:32px;margin:5px 0 5px 5px;padding:15px;text-align:center;width:15px}.fgp2_continue{transition:background-color .3s ease,color .3s ease}.DNE,.fgp2_continue{font-size:12px;margin:5px 0}.DNE{color:#404040;font-family:Roboto-Regular}.back-btn{font-family:Roboto-Medium;font-size:12px;padding:10px 20px}}@media (max-width:375px){.header_fgp1{display:flex;flex-direction:column;width:300px}.u_fgp1_header{font-size:26px;font-style:normal;height:25px}.fgp1-cont{width:300px}.u_fgp1_det{margin:10px 0}.u_fgp1_det,.userfgp1_ff{display:flex;flex-direction:column;width:300px}.userfgp1_ff{height:100%;justify-content:space-around}.fgp1_btn{display:flex;flex-direction:row;font-size:14px;justify-content:center;padding:.7rem 9.25rem;width:300px}.fgp2-cred-error{color:#d87575;display:flex;font-family:Roboto-Medium;font-size:12px;margin:5px 0}.S_showBtn{font-size:14px}}.left_fgp3formwrapper{background-color:#fff}.left_fgp3form,.left_fgp3formwrapper{display:flex;flex-direction:column;height:100%;width:100%}.left_fgp3form{align-items:center;justify-content:center}.header_fgp3form{display:flex;flex-direction:column;width:400px}.u_fgp3_header{color:#404040;flex-direction:column;font-family:SSPro-Bold;font-size:32px;font-weight:700;margin:0}.u_fgp3_cap,.u_fgp3_header{font-style:normal;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.u_fgp3_cap{color:#586166;display:flex;font-family:Inter-Medium;font-size:15px;font-weight:500}.u_fgp3_det{margin:10px 0}.u_fgp3_det,.user_ff{display:flex;flex-direction:column;height:auto;width:400px}.user_ff{justify-content:space-around}.form-field-pass{color:#586166;display:flex;flex-direction:column;font-family:Roboto Regular;font-size:14px;position:relative}.form-field-pass label{font-family:Roboto-Regular;font-size:14px;margin-bottom:5px}.ff-pass-sec{display:flex;flex-direction:row;position:relative}.form-field-pass input{background-color:#efefef;border:none;border-radius:5px;font-family:Roboto Regular;font-size:14px;outline:none;padding:15px 50px 15px 15px;width:100%}.form-field-pass input:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.showBtn{color:#47b8b2;cursor:pointer;font-family:Roboto Medium;font-size:15px;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;user-select:none}.form-field input{font-family:Roboto Regular;outline:none}.password-mismatch{align-items:center;color:#c76565;display:flex;font-family:Roboto-Regular;font-size:12px;height:10px;margin-top:5px}.fgp3-cred-error{color:#d87575;display:flex;margin:5px 0}.fgp3-cred-error,.fgp3_btn{font-family:Roboto-Medium;font-size:14px}.fgp3_btn{background-color:#47b8b2;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;margin-top:10px;padding:.7rem 9.25rem;width:100%}.right_img{background-image:url(http://shots.slarenasitsolutions.com/static/media/shasm_rear.c5aa62f480cabc348502.png);background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;width:100%}@media (max-width:1024px){.right_img{background-position:50%}}@media (max-width:768px){.right_img{display:none}}@media (max-width:425px){.uniid_logo{padding:25px 0 0 30px}.logo{height:40px}.header_fgp3form{display:flex;flex-direction:column;width:350px}.u_fgp3_header{font-size:26px;font-style:normal;height:25px}.header_fgp3{display:flex;flex-direction:column;width:350px}.u_fgp3_cap{color:#586166;font-family:Roboto-Medium;font-size:14px;font-style:normal;font-weight:500;height:auto}.u_fgp3_cap,.u_fgp3_det{display:flex;margin:10px 0}.u_fgp3_det{flex-direction:column;width:350px}.user_ff{height:100%;justify-content:space-around}.fgp3-cont,.user_ff{display:flex;flex-direction:column;width:350px}.fgp3-cont{align-items:center;justify-content:center}.form-field label{text-align:left}.form-field label,.form-field-s-pass label{font-family:Roboto-Regular;font-size:14px;margin-bottom:5px}.fgp3_btn{padding:10px}.showBtn{font-size:14px}}@media (max-width:375px){.header_fgp3form{width:300px}.header_fgp3,.u_fgp3_det{display:flex;flex-direction:column;width:300px}.u_fgp3_det{margin:10px 0}.user_ff{height:100%;justify-content:space-around}.fgp3-cont,.user_ff{display:flex;flex-direction:column;width:300px}.fgp3-cont{align-items:center;justify-content:center}.fgp3_btn{padding:10px}.showBtn{font-size:13px}}.linking-page{text-decoration:none}.SB_body{flex-grow:1;height:100vh;margin:0;overflow:hidden;padding:0}.SB_body,.a_sidebar{display:flex;position:-webkit-sticky;position:sticky}.a_sidebar{background-color:#fff;border-radius:10px;border-radius:5px;flex-direction:column;height:100%;left:0;top:0;width:240px}.a_sidebar,.a_sidebar.close{border-right:1px solid rgba(0,0,0,.1);transition:width .3s ease}.a_sidebar.close{width:80px}.a_sidebar .header-logo{align-items:center;background-color:#f5f5f5;border:0;border-bottom:1px solid rgba(0,0,0,.1);display:flex;transition:width .1s ease;width:240px}.a_sidebar.close .header-logo{background-color:#f5f5f5;border-top:1px solid rgba(0,0,0,.1);height:40px;padding:15px 0;transition:width .1s ease;width:80px}.a_sidebar .header-logo .uniid-txt-logo{height:30px;margin-left:5px;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;transition-delay:.1s}.a_sidebar.close .header-logo .uniid-txt-logo{opacity:0;pointer-events:none;transition-delay:0s}.a_sidebar .txt-logo-container{width:240px}.a_sidebar .txt-logo-container,.a_sidebar.close .txt-logo-container{align-items:center;background-color:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.1);display:flex;padding:15px 0;transition:width .1s ease}.a_sidebar.close .txt-logo-container{overflow:hidden;width:80px}.a_sidebar .logo-container,.a_sidebar.close .logo-container{align-items:center;display:flex;height:40px;justify-content:center;min-width:80px}.a_sidebar .logo-container:hover{border-radius:5px;cursor:pointer}.a_sidebar .logo-container .uniid-logo{height:35px}.a_sidebar .txt-logo-container .uniid-txt-logo{height:30px;margin-left:5px;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;transition-delay:.1s}.a_sidebar.close .txt-logo-container .uniid-txt-logo{opacity:0;pointer-events:none;transition-delay:0s}.a_sidebar .a-menu-container{display:flex;flex-direction:column;width:240px}.a_sidebar .a-menu-container,.a_sidebar.close .a-menu-container{background-color:#fff;border-right:1px solid rgba(0,0,0,.1);height:100%;justify-content:space-between;transition:opacity .3s ease}.a_sidebar.close .a-menu-container{width:80px}.a_sidebar .a-menu-links li{align-items:center;background-color:#fff;color:#404040;display:flex;height:50px;list-style:none;margin-top:0;text-align:center}.a_sidebar .a-menu-links li:hover{background-color:#f5f5f5;cursor:pointer}.a_sidebar .a-menu-links{width:240px}.a_sidebar .a-menu-links,.a_sidebar.close .a-menu-links{background-color:#fff;border-right:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;margin:5px 0;padding:0}.a_sidebar.close .a-menu-links{width:80px}.a-menu-containers{display:flex;height:100%}.a_sidebar.close .admin-details,.a_sidebar.close .announcements-txt,.a_sidebar.close .attendance-txt,.a_sidebar.close .dashboard-txt,.a_sidebar.close .records-txt,.a_sidebar.close .settings-txt,.a_sidebar.close .staff-txt,.a_sidebar.close .student-txt{display:none;pointer-events:none;transition-delay:0s}.a_sidebar .admin-details,.a_sidebar .announcements-txt,.a_sidebar .dashboard-txt,.a_sidebar .records-txt,.a_sidebar .settings-txt,.a_sidebar .staff-txt,.a_sidebar .student-txt,.a_sidebar.close .attendance-txt{color:#404040;font-family:Roboto-Bold;font-size:16px;transition:opacity .3s ease}.a_sidebar .a-dashboard li{margin:-10px}.a_sidebar .dashboard-click{align-items:center;display:flex;width:240px}.a_sidebar .dashboard-click i{width:80px}.a_sidebar .bxs-dashboard{color:#404040;font-size:28px}.a_sidebar .dashboard-txt{color:#404040;font-family:Roboto-Bold;font-size:16px}.a_sidebar.close .dashboard-txt{opacity:0;pointer-events:none;transition-delay:0s}.a_sidebar .records-click{align-items:center;display:flex;justify-content:center}.a_sidebar .records-click i{color:#404040;font-size:28px;width:80px}.a_sidebar .records-txt{color:#404040;font-family:Roboto-Bold;font-size:16px}.a_sidebar.close .records-txt{opacity:0;pointer-events:none;transition-delay:0s}.a_sidebar .a-menu-container .a-menu span .arrow .bxs-chevron-down,.a_sidebar .a-menu-container .a-menu span .arrow.down .bxs-chevron-down{color:#404040;font-size:22px;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.a_sidebar .a-menu-container .a-menu span .arrow.down .bxs-chevron-down{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.a_sidebar.close .a-menu-container .a-menu .bxs-chevron-down{display:none;transition:opacity .5s ease}.a_sidebar .rec-dd-menu .open{transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.a_sidebar.close .rec-dd-menu .open li{display:none}.a_sidebar .rec-dd-menu .open li{align-items:center;color:#404040;display:flex;font-family:Roboto-Bold;font-size:16px;height:35px;list-style:none;margin-top:5px;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.a_sidebar .rec-dd-menu .open ul{height:115px;transition:height .5s ease,-webkit-transform .5s ease;transition:height .5s ease,transform .5s ease;transition:height .5s ease,transform .5s ease,-webkit-transform .5s ease}.a_sidebar ul .a-records-dd{color:#404040;font-family:Roboto-Bold;font-size:16px;padding:0;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.a_sidebar.close ul .a-records-dd{display:none;transition:opacity .3s ease,width 0s .3s}.a_sidebar .attendance-txt,.a_sidebar .staff-txt,.a_sidebar .student-txt{margin-left:80px}.a_sidebar .announcements-click{align-items:center;display:flex}.a_sidebar .announcements-click i{color:#404040;font-size:28px;width:80px}.a_sidebar .announcements-txt{color:#404040;font-family:Roboto-Bold;font-size:16px}.a_sidebar.close .announcements-txt{opacity:0;pointer-events:none;transition-delay:0s}.a_sidebar .settings-click{align-items:center;bottom:61px;display:flex;height:50px;margin:10px 0;width:240px}.a_sidebar .settings-click:hover{background-color:#f5f5f5;cursor:pointer}.a_sidebar .settings-click i{color:#404040;display:flex;font-size:28px;justify-content:center;width:80px}.a_sidebar .settings-txt{color:#404040;font-family:Roboto-Bold;font-size:16px}.a_sidebar.close .settings-txt{opacity:0;pointer-events:none;transition-delay:0s}.a_sidebar .a-profile{width:240px}.a_sidebar .a-profile,.a_sidebar.close .a-profile{align-items:center;background-color:#f5f5f5;border-top:1px solid rgba(0,0,0,.1);bottom:0;display:flex;height:30px;padding:15px 0;transition:width .1s ease}.a_sidebar.close .a-profile{overflow:hidden;width:80px}.a_sidebar .a-profile .admin-cont{align-items:center;display:flex;justify-content:center;transition:opacity .1s ease;width:80px}.a_sidebar.close .a-profile .admin-cont{align-items:center;display:flex;justify-content:center;transition:opacity .1s ease,width 0s .3s;width:80px}.a_sidebar .admin-cont .admin-logo{transition:opacity .3s ease;width:40px}.a_sidebar .a-details{color:#404040;max-width:160px;opacity:1;transition:opacity .3s ease;transition-delay:.3s}.a_sidebar.close .a-details{max-width:0;opacity:0;transition:0 ease-out}.a_sidebar .a-details .admin-name{font-family:Roboto-Bold;font-size:16px;transition:opacity .3s ease;transition-delay:.3s}.a_sidebar.close .a-details .admin-name{display:none;opacity:0;transition:0 ease-out;width:0}.a_sidebar .a-details .admin-accno{font-family:Roboto-Light;font-size:10px;margin-top:-3px;transition:opacity .3s ease;transition-delay:.3s}.a_sidebar.close .a-details .admin-accno{display:none;max-width:0;transition:0 ease-out;width:0}.a-topbar-main{overflow:hidden;width:100%}.a-topbar-main .a-topbar-cont{border-bottom:1px solid rgba(0,0,0,.1);color:#404040;display:flex;height:70px;justify-content:space-between}.a-topbar-main .a-topbar-cont .left-port{align-items:center;display:flex}.menu-exp-cont{padding:15px 20px}.bx-menu{color:#404040;font-size:28px}.a-topbar-main .a-topbar-cont .left-port .page-header-name{display:flex;flex-direction:column;padding:20px,0}.a-page-name{font-family:SSPro-Bold;font-size:24px;margin:0}.a-topbar-main .a-topbar-cont .right-port{display:flex;justify-content:flex-end}.cancel-logout-btn,.confirm-logout-btn{width:100%}.staff-topbar-main{overflow:hidden;width:100%}.staff-topbar-cont-wrapper{border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:center;width:100%}.staff-topbar-cont{background-color:#fff;color:#404040;display:flex;height:70px;justify-content:space-between;padding:0 10px;width:1460px}.left-tb{margin-left:20px}.SHA-logo,.left-tb{align-items:center;display:flex}.SHA-logo{height:100%;justify-content:center;padding:0 15px 0 0}.SHA-logo img{align-items:center;border:2px solid #dfdfdf;border-radius:100%;justify-content:center;width:50px}.topbar-name{display:flex;flex-direction:column;height:100%;justify-content:center}.staff-page-name{color:#181818;font-family:SSPro-Bold;font-size:20px;margin:0}.time-date{color:#181818;font-family:Roboto-Light;font-size:12px;margin:0}.right-tb{display:flex;justify-content:flex-end}.page-buttons-container{align-items:center;color:#181818;display:flex;font-family:Roboto-Bold;font-size:16px;justify-content:center;margin-right:20px}.homepage-btn,.records-btn{border-bottom:4px solid #fff;color:#181818;padding:10px 35px;transition:all .2s ease}.homepage-btn:hover,.records-btn:hover{background-color:#fcfcfc;border-bottom:4px solid #47b8b2;color:#181818;cursor:pointer;padding:15px 35px}.nav-linking-page{display:flex;text-decoration:none;width:100%}.logout-container{align-items:center;display:flex;justify-content:center;margin-right:15px;padding:15px;width:40px}.logout-container:hover{border-radius:100%;margin-right:15px;padding:10px 15px}.bx-log-out{color:#404040;cursor:pointer;font-size:28px;margin-right:5px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.logout-modal{display:flex;height:auto;justify-content:center}.logout-modal-container{background-color:#fff;border:none;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);height:auto;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:1000}.logout-header,.logout-modal-container{align-items:center;display:flex;flex-direction:column}.logout-header{justify-content:center;padding:20px 20px 10px;width:100%}.logout-icon{color:#47b8b2;font-size:36px}.logout-title{color:#181818;font-family:Roboto-Medium;font-size:16px}.logout-selection-container{border-radius:0 0 5px 5px;display:flex;font-family:Roboto-Medium;font-size:12px;height:auto;justify-content:center;width:100%}.cancel-logout-btn{background-color:#757575;border-radius:0 0 0 5px;color:#fff;display:flex;justify-content:center;padding:10px}.cancel-logout-btn:hover{background-color:#404040;cursor:pointer;font-family:Roboto-Medium}.confirm-logout-btn{background-color:#47b8b2;color:#fff;display:flex;justify-content:center;padding:10px;width:130px}.confirm-logout-btn,.confirm-logout-btn:hover{border:1px solid #47b8b2;border-radius:0 0 5px 0}.confirm-logout-btn:hover{background-color:#f5f5f5;color:#404040;cursor:pointer;font-family:Roboto-Medium}.hamburger-menu{display:none}.mobile-menu{background-color:#ebebeb;display:none;height:100%;left:-100%;position:fixed;top:0;transition:left 1s ease-in-out;width:100%;z-index:100}.menu-open{left:0}@media (max-width:768px){.page-buttons-container,span.logout-container{display:none}.hamburger-menu{align-items:center;display:flex;justify-content:center}.hamburger-menu i{color:#404040;font-size:32px;padding:15px 20px}.hamburger-menu i:hover{color:#47b8b2;cursor:pointer;font-size:32px;padding:15px 20px}.mobile-menu{align-items:center;background-color:#ebebeb;display:flex;flex-direction:column;height:100%;justify-content:center;position:fixed;top:0;transition:left 1s ease-in-out;width:100%;z-index:10000}.menu-open{left:0}.topbar-navigation{align-items:center;border:1px;color:#404040;display:flex;flex-direction:row;justify-content:center;padding:15px;text-decoration:none;width:100%}.nav-text{font-size:22px}.nav-icon,.nav-text{font-family:Roboto-Medium}.nav-icon{font-size:24px;margin-right:15px}.topbar-navigation:hover{background-color:#f1f1f1;border:1px solid #47b8b2;color:#353535;padding:15px;text-decoration:none}}@media (max-width:425px){.right-tb{display:flex;justify-content:flex-end;margin-right:0}.staff-page-name{color:#181818;font-family:SSPro-Bold;font-size:16px;margin:0}.time-date{color:#181818;font-family:Roboto-Light;font-size:12px;margin:0}.staff-topbar-cont{padding:0}}@font-face{font-family:Roboto-Medium;font-size:normal;font-weight:400;src:url(http://shots.slarenasitsolutions.com/static/media/Roboto-Medium.7c8d04cd831df3033c8a.ttf) format("truetype")}@font-face{font-family:Old-English;font-size:normal;font-weight:light;src:url(http://shots.slarenasitsolutions.com/static/media/OldEnglishFive-axyVg.800337792ed8ddca1d99.ttf) format("truetype")}.footer-body-cont{bottom:0;overflow:hidden;padding:0;position:relative;width:100%}.footer-contents-wrapper{color:#404040;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:100%}.footer-wallpaper{background-image:url(http://shots.slarenasitsolutions.com/static/media/sha-right-dark.92f2e3cd23f592eb268c.png);background-position:top;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:row;height:350px;justify-content:center}.footer-contents-container{align-items:center;display:flex;justify-content:space-between;padding:0 50px;width:1440px}.footer-contents-1{display:flex;flex-direction:column}.footer-logo-container-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:5px 0}.footer-logo-container{display:flex;margin-right:15px;width:80px}.footer-logo-container img{width:80px}.footer-logo-det{display:flex;flex-direction:column;text-align:left}.shasm-title{color:#fff;font-family:Old-English;font-size:16px}.shasm-since{color:#fff;font-family:Roboto-Regular;font-size:14px;padding:2px 0}.shasm-motto{color:#fff;font-family:Roboto-Medium;font-size:16px}.footer-address-det{display:flex;flex-direction:column;padding:15px 0}.school-address,.school-contact,.school-email{align-items:center;display:flex;padding:5px 0}.school-address i,.school-contact i,.school-email i{color:#47b8b2;font-size:22px;margin-right:10px}.txt-details{color:#fff;font-family:Roboto-Light;font-size:15px;padding:2px 0}.footer-contents-2{display:flex;flex-direction:column}.nav-title{color:#fff;font-family:Roboto-Bold;font-size:22px;padding-bottom:5px}.footer-home-link,.footer-records-link{color:#fff;font-family:Roboto-Regular;font-size:14px;padding:3px 0}.footer-home-link:hover,.footer-records-link:hover{color:#47b8b2}.logout-linking-page{display:flex;text-decoration:none;width:100%}.footer-contents-3{display:flex;flex-direction:column}.connect-title{color:#fff;font-family:Roboto-Bold;font-size:22px;padding-bottom:10px}.shasm-outer-link{display:flex;flex-direction:row;text-decoration:none}.outer-link-btn{background-color:#2e9593;border-radius:100%;color:#fff;display:flex;margin-right:10px;padding:8px}.outer-link-btn:hover{background-color:#3bb1af}.outer-link-btn i{color:#fff;font-size:28px}.footer-footer{align-items:center;background-color:#1a1a1a;justify-content:center;padding:20px 0;text-align:center}.footer-txt{color:#e2e2e2;font-family:Roboto-Regular;font-size:14px;text-align:center;width:100%}@media (max-width:768px){.footer-logo-container-wrapper{justify-content:flex-start}.footer-logo-container{display:flex;margin-right:50px;width:50px}.shasm-since,.shasm-title,.txt-details{font-size:12px}.txt-details{color:#fff;font-family:Roboto-Light;padding:2px 0}.footer-txt{font-size:12px}.connect-title,.nav-title{font-size:20px}.footer-contents-3{margin-left:10px}.footer-home-link,.footer-records-link{font-size:12px}}@media (max-width:425px){.footer-contents-container{align-items:center;justify-content:space-around}.footer-logo-container{padding:5px}.footer-wallpaper{height:480px}.footer-contents-1{display:flex;flex-direction:column;width:100%}.footer-contents-container{align-items:flex-start;display:flex;flex-direction:column}.footer-logo-container-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.footer-logo-container img{width:60px}.footer-logo-container{display:flex;margin-right:0;width:60px}.shasm-motto,.shasm-since,.shasm-title{font-size:12px;text-align:center}.footer-logo-container-wrapper{padding:15px 0}.footer-address-det{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0}.school-address,.school-contact,.school-email{align-items:center;display:flex;padding:5px 0;text-align:center}.txt-details{color:#fff;font-size:12px;padding:0;text-align:center;width:240px}.footer-contents-2{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.nav-title{color:#fff;font-family:Roboto-Bold;font-size:18px;padding-bottom:5px}.logout-linking-page{display:flex;font-size:14px;justify-content:center;text-decoration:none;width:100%}.footer-contents-3{display:flex;flex-direction:column;width:100%}.connect-title{color:#fff;font-family:Roboto-Bold;font-size:18px;padding-bottom:10px}.shasm-outer-link{display:flex;flex-direction:row;gap:10px;justify-content:center;text-decoration:none}.outer-link-btn{background-color:#2e9593;border-radius:100%;color:#fff;display:flex;margin-bottom:10px;margin-right:0;padding:8px}.outer-link-btn i{font-size:24px}}@media (max-width:375px){.header_fgp1{display:flex;flex-direction:column;width:300px}.S_showBtn{font-size:14px}}@font-face{font-family:Roboto-Light;font-size:normal;font-weight:light;src:url(http://shots.slarenasitsolutions.com/static/media/Roboto-Light.333da16a3f3cc391d087.ttf) format("truetype")}@font-face{font-family:Old-English;font-size:normal;font-weight:400;src:url(http://shots.slarenasitsolutions.com/static/media/Olde-English-Regular.f071803b01362a70c194.ttf) format("truetype")}.header-body-container{padding:10px;width:100%}.header-body-container,.header-container{align-items:center;display:flex;justify-content:center}.header-container{flex-direction:column;width:900px}.header-logo,.header-text{align-items:center;display:flex;justify-content:center}.header-text{flex-direction:column;font-family:Roboto-Regular;font-size:12px;padding:5px 0}.header-text .header-school-name{align-items:center;display:flex;font-family:Roboto-Bold;font-size:16px;justify-content:center}.header-text .header-address-details{font-size:14px}.header-text .header-address-details,.header-text .header-contact-details,.header-text .header-email-details{align-items:center;display:flex;justify-content:center}.header-container{border-bottom:1px solid #3f3f3f;margin-bottom:15px;padding-bottom:10px}@font-face{font-family:Roboto-Medium;font-size:normal;font-weight:700;src:url(http://shots.slarenasitsolutions.com/static/media/Roboto-Medium.7c8d04cd831df3033c8a.ttf) format("truetype")}.footer-body-container{align-items:center;display:flex;justify-content:center;width:100%}.footer-container{width:900px}.footer-container,.footer-text{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer-text{font-family:Roboto-Regular;font-size:12px;padding:5px 0}.footer-text .footer-contact-details,.footer-text .footer-email-details{align-items:center;display:flex;justify-content:center}.footer-container{border-top:1px solid #3f3f3f;margin-top:15px 0 10px 0;padding-top:10px}.log-events-containers{margin:10px 0}.anno-carousel-wrapper,.log-events-containers{display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.anno-carousel-wrapper{background-color:#e4e4e4}.anno-highlight-container{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;padding:10px 40px;width:100%}.recent-logs-main-container{display:flex;height:100%;overflow:hidden;width:80%}.homepage-attendance-records{display:flex;flex-direction:column;height:100%;justify-content:center;margin-right:10px;width:100%}.homepage-attendance-rec-mainbody{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden}.homepage-attendance-rec-table-container{border:1px solid #00000033;border-radius:5px;height:100%;width:100%}.homepage-attendance-rec-table-header-container{align-items:center;background-color:#fff;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;padding:5px 0;width:100%}.view-more-rec-btn{align-items:center;background-color:#fff;border:1px solid #a4a2a2;border-radius:5px;color:#4d4d4d;display:flex;font-family:Roboto-Medium;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-right:10px;padding:10px 20px;transition:background-color .3s,color .3s}.view-more-rec-btn:hover{background-color:#4d4d4d;border:1px solid #a4a2a2;color:#fff;font-family:Roboto-Bold}.attendance-rec-container{height:100%}.homepage-table-footer-container{background-color:#f3f3f3;padding:20px}.events-side-main-container{display:flex;height:100%;overflow:hidden}@media (max-width:375px){.user-body-container{display:block;min-height:auto;overflow-x:hidden}.user-homepage-main-contents{justify-content:flex-start;padding:20px}.user-homepage-wrapper{align-items:flex-start;padding:0}.user-body-limiter-wrapper{padding:0}.user-home-body-limiter{padding:10px;width:100%}div.user-profile-contents{border:none;border-radius:0;margin:10px;width:360px}.user-cover{border-radius:0;height:160px}div.user-picture-container{height:95px;left:20px;top:-75px}div.user-picture{border:2px solid #ebebeb;height:150px;width:150px}div.user-details-container{flex-direction:column;margin:10px 10px 10px 20px}span.user-name{font-size:20px}.user-name i{font-size:24px}.user-course,.user-number{font-size:13px}.separator-line{display:none}div.profile-buttons{flex-direction:row;justify-content:flex-start;margin-right:10px;margin-top:4px}.profile-qr-btn,.profile-updater-btn{margin-bottom:10px;width:100%}.qr-popup-container{padding:10px}.qr-container-user{padding:15px 20px}.qr-user-frame{border:5px solid #d9d9d9}.log-events-containers{align-items:center;flex-direction:column;justify-content:center;margin:10px}.homepage-attendance-rec-mainbody{padding:10px}.homepage-attendance-rec-table-container{border:1px solid #00000033;border-radius:0}div.homepage-attendance-rec-table-header-container{flex-direction:column}.user-footer,.view-more-rec-btn{margin-top:10px}div.profile-main-det-container{align-items:center;flex-direction:column;height:250px;justify-content:center}div.separator-line{display:none}div.eventlist-container{margin-right:20px;width:360px}div.anno-pagination{font-size:25px}.recent-logs-main-container{margin-right:13px;width:100%}}@media (max-width:425px){.user-body-container{display:block;min-height:auto;overflow-x:hidden}.user-homepage-main-contents{justify-content:flex-start;padding:20px}.user-homepage-wrapper{align-items:flex-start;padding:0}.user-body-limiter-wrapper{padding:0}.user-home-body-limiter{padding:10px;width:100%}div.user-profile-contents{border:none;border-radius:0;margin:10px;width:420px}.user-cover{border-radius:0;height:160px}div.user-picture-container{height:95px;left:20px;top:-75px}div.user-picture{border:2px solid #ebebeb;height:150px;width:150px}div.user-details-container{flex-direction:column;margin:10px 10px 10px 75px}span.user-name{font-size:20px}.user-name i{font-size:24px}.user-course,.user-number{font-size:13px}.separator-line{display:none}div.profile-buttons{flex-direction:row;justify-content:flex-start;margin-right:10px;margin-top:4px}.profile-qr-btn,.profile-updater-btn{margin-bottom:10px;width:100%}.qr-popup-container{padding:10px}.qr-container-user{padding:15px 20px}.qr-user-frame{border:5px solid #d9d9d9}.log-events-containers{align-items:center;flex-direction:column;justify-content:center;margin:10px}.homepage-attendance-rec-mainbody{padding:10px}.homepage-attendance-rec-table-container{border:1px solid #00000033;border-radius:0}div.homepage-attendance-rec-table-header-container{flex-direction:column}.user-footer,.view-more-rec-btn{margin-top:10px}div.profile-main-det-container{align-items:center;flex-direction:column;height:250px;justify-content:center}div.separator-line{display:none}div.eventlist-container{margin-right:0;width:360px}div.anno-pagination{font-size:25px}.recent-logs-main-container{margin-right:-8px;width:100%}}@media (max-width:768px){.user-body-container{display:block;min-height:auto;overflow-x:hidden}.user-homepage-main-contents{justify-content:flex-start;padding:20px}.user-homepage-wrapper{align-items:flex-start;padding:0}.user-body-limiter-wrapper{padding:0}.user-home-body-limiter{padding:10px;width:100%}div.user-profile-contents{border:none;border-radius:0;margin:10px;width:760px}.user-cover{border-radius:0;height:160px}div.user-picture-container{height:95px;left:20px;top:-75px}div.user-picture{border:2px solid #ebebeb;height:150px;width:150px}div.user-details-container{flex-direction:column;margin:10px 10px 10px 436px}span.user-name{font-size:20px}.user-name i{font-size:24px}.user-course,.user-number{font-size:13px}.separator-line{display:none}div.profile-buttons{flex-direction:row;justify-content:flex-start;margin-right:10px;margin-top:4px}.profile-qr-btn,.profile-updater-btn{margin-bottom:10px;width:100%}.qr-popup-container{padding:10px}.qr-container-user{padding:15px 20px}.qr-user-frame{border:5px solid #d9d9d9}.log-events-containers{align-items:center;flex-direction:column;justify-content:center;margin:10px}.homepage-attendance-rec-mainbody{padding:10px}.homepage-attendance-rec-table-container{border:1px solid #00000033;border-radius:0}div.homepage-attendance-rec-table-header-container{flex-direction:column}.user-footer,.view-more-rec-btn{margin-top:10px}div.profile-main-det-container{align-items:center;flex-direction:column;height:250px;justify-content:center}div.separator-line{display:none}div.eventlist-container{margin-right:0;width:360px}div.anno-pagination{font-size:25px}.recent-logs-main-container{margin-right:-8px;width:100%}}.news-section{position:relative}.news-background,.news-section{display:flex;justify-content:center;width:100%}.news-background{background-color:#e4e4e4;height:450px;padding:20px 0}.card{cursor:pointer}.card,.card .card-content{align-items:center;border-radius:5px;display:flex;flex-direction:column;justify-content:center;position:relative}.swiper{display:flex;padding:70px 380px;width:100%}.swiper:before{content:"";height:100%;left:0;margin:10px 0;position:absolute;top:0;width:100%}.swiper-slide{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.swiper-wrapper{display:flex;height:auto;width:auto}.news-header{margin:0 50px}.news-image .news-picture{border-radius:5px 5px 0 0;height:450px;object-fit:cover;width:800px}.news-body{background:linear-gradient(0deg,#47b8b2,transparent);border-radius:0 0 5px 5px;bottom:0;display:flex;position:absolute;width:100%}.news-headline-container{padding:40px;width:100%}.news-status{align-items:center;display:flex}.news-status .circle-icon{background-color:#75e9ed;border-radius:50%;height:8px;width:8px}.news-status .status-text{color:#fff;font-family:Roboto-Regular;font-size:12px;margin-left:5px}.news-title .title-text{color:#fff;font-family:SSPro-Bold;font-size:24px}.news-date .date-text{color:rgba(0,0,0,.65);color:#fff;font-family:Roboto-Regular;font-size:12px;text-align:justify}.news-text{color:#fff;height:90px;margin:10px 0;width:100%}.news-text .content-text{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-family:SSP;font-size:12px;font-weight:200;overflow:hidden;text-align:justify}.news-button{align-items:center;display:flex;height:100%;margin-left:30px}.news-button .button-news{background:#ffaa28;border:none;border-radius:5px;color:#f9f9f9;font-family:SourceSans;font-size:12px;height:32px;margin:8px 0;outline:none;text-align:center;width:90px}.news-button .button-news:hover{background:#fd9e0f}.swiper-button-next,.swiper-button-prev{color:#fff}.swiper-button-next:hover,.swiper-button-prev:hover{color:#007aff}.swiper-pagination-bullets.swiper-pagination-horizontal{align-items:center;display:flex;justify-content:center;position:absolute;top:425px;z-index:1000}.swiper-pagination-bullet{background-color:#c7d3eb;border-radius:5px;cursor:pointer;height:8px;margin-left:10px;transition:background-color .3s ease;width:45px}.swiper-pagination-bullet-active{background-color:#fff}.user-attendance-rec-title{width:200px}.user-record-filter-container{width:130px}.user-qr-log-reports-subheader{background-color:#f0f0f0;color:#525252;font-family:Roboto-Medium;font-size:14px;padding:10px 22px}.eventlist-main-body{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:450px}.eventlist-container{border:1px solid #00000033;border-radius:5px;height:100%;width:100%}.eventlist-header{align-items:center;border-bottom:1px solid #00000033;display:flex}.eventlist-header-det{align-items:center;display:flex;padding:20px}.eventlist-header-icon{margin:0}.eventlist-header-icon i{color:#404040;font-size:28px;margin:1px 15px 0 0}.eventlist-header-text{color:#404040;font-family:Roboto-Bold;font-size:20px}.eventlist-search{align-items:center;display:flex;width:100%}.eventlist-search i{background-color:#404040;border-radius:5px 0 0 5px;color:#fff;font-size:14px;margin:0 0 0 15px;padding:9px 10px}.eventlist-searchbar-container{align-items:center;display:flex;width:100%}.eventlist-subheader{background-color:#f0f0f0;border-bottom:1px solid #00000033;border-top:1px solid #00000033;color:#404040;font-family:Roboto-Medium;font-size:14px;padding:10px 15px}.eventlist-links-container{display:flex;flex-direction:column;width:100%}.eventlist-title-card-1{align-items:center;border:1px solid #00000033;display:flex;flex-direction:row;padding:20px}.eventlist-title-card-1:hover{border:1px solid #47b8b2;cursor:pointer}.eventlist-details{display:flex;flex-direction:column;justify-content:center;margin-left:20px;width:auto}.eventlist-title{color:#181818;display:flex;font-family:Roboto-Bold;font-size:20px}.event-det-time{align-items:center;border:1px solid #f8b30d;color:#181818;display:flex;flex-direction:column;height:85px;justify-content:center;text-transform:capitalize;width:85px}.month-event{color:#181818;font-family:Roboto-Light;font-size:20px;text-transform:uppercase}.day-event{color:#181818;font-family:Roboto-Bold;font-size:24px}.eventlist-bottom{background-color:#f0f0f0;border-radius:0 0 5px 5px;border-top:1px solid #00000033;padding:15px 10px}.student-side-profile-body{border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:column;margin-right:10px}.user-side-profile-container{border-radius:5px;display:flex;flex-direction:column;height:610px;width:270px}.user-side-profile-contents{align-items:center;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding-bottom:10px}.user-side-profile-cover-pfp{display:flex;flex-direction:column;height:120px;position:relative;width:100%}.user-side-profile-cover{background-image:url(http://shots.slarenasitsolutions.com/static/media/user-cover.9a68391774e2c8366b9c.png);background-position:top;background-size:cover;border-radius:5px 5px 0 0;display:flex;height:120px;z-index:1}.user-side-profile-details-container{display:flex;height:180px;width:100%}.user-side-picture-container{align-items:center;display:flex;justify-content:center;position:absolute;top:170px;z-index:2}.user-side-profile-picture{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #ebebeb;border-radius:100%;height:140px;width:140px}.user-side-profile-det{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:100%}.user-side-profile-name{color:#000;font-family:SSPro-Bold;font-size:22px;height:auto}.user-side-profile-name i{color:#017364}.user-side-profile-course,.user-side-profile-number{font-family:Roboto-Light;font-size:14px}.side-user-profile-updater-btn{align-items:center;background-color:#47b8b2;border-radius:5px;color:#fff;display:flex;font-family:Roboto-Bold;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-top:5px;padding:15px 20px;transition:background-color .3s,color .3s;width:140px}.side-user-profile-updater-btn:hover{background-color:#017364;border-radius:5px;color:#fff;cursor:pointer}.side-user-profile-updater-btn i{font-size:16px;margin-left:5px}.student-cont-bottom{background-color:#f0f0f0;border-radius:0 0 5px 5px;bottom:0;height:100%;width:100%}.qr-links-container{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:10px 0;width:100%}.qr-user-details{color:#000;display:flex;flex-direction:column;padding:0 0 0 15px;width:130px}.user-side-qr-log{align-items:center;display:flex;flex-direction:row;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.qr-det-title{display:flex;font-family:Roboto-Medium;font-size:14px}.qr-det-time{display:flex;font-family:Roboto-Regular;font-size:12px}.user-log-type{color:#333;font-size:14px;font-weight:700}.user-log-type.time-out{background-color:#e1b5b5;color:#a71010}.user-log-type.time-in,.user-log-type.time-out{border-radius:5px;font-family:Roboto-Medium;font-size:12px;padding:10px 20px}.user-log-type.time-in{background-color:#8edebf;color:#066741}.user-attendance-rec-table-header-container{align-items:center;background-color:#fff;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;width:100%}.user-record-searchbar-container{align-items:center;display:flex;width:250px}.user-record-searchbar-container i{background-color:#404040;border-radius:5px 0 0 5px;color:#fff;font-size:14px;margin:0;padding:9px 10px}.user-date-filter-rec{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:0 10px}.user-date-before input{margin:10px 5px 10px 0}.user-date-after input,.user-date-before input{background-color:#efefef;border:none;border:1px solid rgba(0,0,0,.2);border-radius:5px;color:#404040;font-family:Roboto-Regular;font-size:12px;padding:7px 15px;width:90px}.user-date-after input{margin:10px 0 10px 5px}.user-rec-search-bar{display:flex;flex-direction:row;width:200px}.user-rec-search-bar input{background-color:#efefef;border:none;border:1px solid rgba(0,0,0,.2);border-radius:0 5px 5px 0;color:#404040;font-family:Roboto-Regular;font-size:14px;padding:7px 10px;width:100%}.user-attendance-rec-container{height:auto;width:100%}.user-print-footer,.user-print-header{display:none}.user-print-det{color:#333;display:none;flex-direction:row;font-family:Roboto-Regular;font-size:14px;justify-content:center}.user-acad-det{margin-bottom:10px;margin-left:15px}.signature{margin-bottom:-15px;width:75px}.user-print-sub{align-items:flex-end;display:none;flex-direction:column;margin:10px 0}.print-app-name-cont{align-items:center;display:flex;flex-direction:column}.print-app{display:flex;font-family:Roboto-Medium;font-size:14px}.print-app-name{font-family:Roboto-Regular;font-size:14px}.print-position{display:flex;font-family:Roboto-Medium;font-size:14px}@media print{@page{margin:20px 20px}body{margin:0}.user-print-header{display:block;width:100%}.user-print-body{display:flex;flex-direction:column;justify-content:center}.user-print-det{display:flex;margin-bottom:10px;margin-top:-5px}.user-attendance-rec-container{display:flex;flex-direction:column;justify-content:center;margin:0 90px;page-break-before:always}.user-print-sub{align-items:flex-end;display:flex;flex-direction:column}.user-print-footer{display:block;margin-top:20px;width:100%}}@media (max-width:425px){.user-side-profile-body{align-items:center;width:420px}div.user-body-limiter{align-items:center;flex-direction:column}.user-attendance-rec-table-header-container{flex-direction:column}.attendance-rec-table-footer-container{flex-wrap:wrap;justify-content:center}.update-info-ff-2,.update-info-ff-3,.update-info-ff-4,.update-info-ff-5,.update-info-ff-6,div.update-info-ff-1{align-items:center;display:flex;flex-direction:column;width:100%}div.update-info-form-field-ext{align-items:center;width:100%}}@media (max-width:1024px){div.user-body-limiter{width:100%}.right-header-rec{flex-wrap:wrap}}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:rgba(0,0,0,.1)}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1 1;min-width:0}.PhoneInputCountryIcon{height:1em;height:var(--PhoneInputCountryFlag-height);width:1.5em;width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:rgba(0,0,0,.1);background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.5);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:var(--PhoneInputCountrySelectArrow-transform);transform:var(--PhoneInputCountrySelectArrow-transform);width:.3em;width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.profile-updater-btn:hover{cursor:pointer}.user-profile-qr-btn{align-items:center;background-color:#fff;border:1px solid #a4a2a2;border-radius:5px;color:#4d4d4d;display:flex;font-family:Roboto-Bold;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-top:5px;padding:15px 20px;transition:background-color .3s,color .3s;width:140px}.user-profile-qr-btn:hover{background-color:#4d4d4d;border-radius:5px;color:#fff;cursor:pointer}.user-profile-qr-btn i{font-size:16px;margin-left:5px}.user-footer{text-align:center}.pp-linking-page{text-decoration:none}.user-attendance-records{height:100%;margin-right:10px;width:100%}.user-attendance-records,.user-update-rec-mainbody{display:flex;flex-direction:column;justify-content:center}.user-update-rec-mainbody{height:auto;overflow-x:hidden;overflow-y:auto}.user-update-rec-table-container{border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:column;height:610px;overflow:hidden}.profile-update-header{align-items:center;border-bottom:1px solid #00000033;display:flex;flex-direction:row;justify-content:space-evenly}.left-header-update{display:flex;width:500px}.user-attendance-rec-title{padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user-attendance-rec-title,.user-form-switching{align-items:center;color:#525252;display:flex;flex-direction:row}.user-form-switching{justify-content:flex-end;width:100%}.basic-information-tab{border-bottom:4px solid #fff;padding:10px 20px}.basic-information-tab,.basic-information-tab:hover{font-family:Roboto-Medium;font-size:14px;transition:all .2s ease}.basic-information-tab:hover{background-color:#fcfcfc;border-bottom:4px solid #47b8b2;color:#000;cursor:pointer;padding:15px 20px}.account-details-tab{border-bottom:4px solid #fff;padding:10px 20px}.account-details-tab,.account-details-tab:hover{font-family:Roboto-Medium;font-size:14px;transition:all .2s ease}.account-details-tab:hover{background-color:#fcfcfc;border-bottom:4px solid #47b8b2;color:#000;cursor:pointer;padding:15px 20px}.change-password-tab{border-bottom:4px solid #fff;padding:10px 20px}.change-password-tab,.change-password-tab:hover{font-family:Roboto-Medium;font-size:14px;transition:all .2s ease}.change-password-tab:hover{background-color:#fcfcfc;border-bottom:4px solid #47b8b2;color:#000;cursor:pointer;padding:15px 20px}.change-avatar-tab{border-bottom:4px solid #fff;padding:10px 20px}.change-avatar-tab,.change-avatar-tab:hover{font-family:Roboto-Medium;font-size:14px;transition:all .2s ease}.change-avatar-tab:hover{background-color:#fcfcfc;border-bottom:4px solid #47b8b2;color:#000;cursor:pointer;padding:15px 20px}.user-profile-update-subheader{background-color:#7c7a7a;color:#fff;display:flex;font-family:Roboto-Medium;font-size:16px;justify-content:center;padding:8px;width:100%}.update-address-info-ff-container,.update-basic-info-ff-container{display:flex;flex-direction:column;padding:15px 100px}.update-emergency-information-ff-container{display:flex;padding:15px 100px}.update-account-info-ff-container{display:flex;flex-direction:column;padding:15px 100px 15px 50px}.update-pass-form,.update-profile-form{flex-direction:column;height:100%;justify-content:center;width:100%}.update-pass-form{align-items:center;display:flex}.update-avatar-form{flex-direction:column;height:100%}.update-account-form,.update-avatar-form{border:1px solid rgba(0,0,0,.1);display:flex;justify-content:center;width:100%}.update-account-form{flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px}.update-avatar-container{display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.update-pfp-det{display:flex;font-family:Roboto-Medium;font-size:16px;justify-content:center;padding:10px 0}.main-address-det-container,.main-emergency-det-container,.main-user-det-container{display:flex;flex-direction:column;width:100%}.main-account-det-container,.profile-update-container{display:flex;flex-direction:column}.profile-update-container{align-items:center;height:100%;justify-content:center}.update-info-ff-1,.update-info-ff-2,.update-info-ff-3,.update-info-ff-4,.update-info-ff-5{align-items:center;display:flex;flex-direction:row}.update-info-ff-6{display:flex;width:100%}.update-info-ff-7,.update-info-ff-8{align-items:center;display:flex;flex-direction:column;justify-content:center;width:380px}.update-info-form-field input,.update-info-form-field select,.update-info-form-field-sn input{background-color:#efefef;border:none;border-radius:5px;font-family:Roboto-Regular;font-size:12px;margin-right:5px;padding:10px}.update-info-form-field-sn input{width:100px}.update-info-form-field option{background-color:#efefef;border:none;color:#525252;font-family:Roboto-Regular;font-size:12px;height:30px;margin-right:5px}.update-info-form-field,.update-info-form-field-ext label,.update-info-form-field-sn{color:#525252;font-family:Roboto-Medium;font-size:12px;padding:2.5px 0}.update-info-form-field{display:flex;flex-direction:column;width:100%}.update-info-form-field input:focus,.update-info-form-field select:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.update-info-form-field-ext{display:flex;flex-direction:column;width:100px}.update-info-form-field-ext input{background-color:#efefef;border:none;border-radius:5px;font-family:Roboto-Regular;font-size:12px;margin-right:5px;padding:10px}.update-info-form-field-ext input:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.important-ff-none label{align-items:center;display:flex;margin-bottom:3px}.basic-information-tab-form{display:flex;height:610px;overflow-x:hidden;overflow-y:auto}.basic-information-tab-form.tab-transition-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.account-details-tab-form.tab-transition-right{-webkit-transform:translateX(100%);transform:translateX(100%)}.submit-form-footer{align-items:center;border-top:1px solid rgba(0,0,0,.1);padding:10px 50px}.account-submit-form-footer,.submit-form-footer{display:flex;flex-direction:row;justify-content:flex-end}.account-submit-form-footer{align-content:center;padding:0 105px}.update-user-form-btn{background-color:#409b54;border:none;border-radius:5px;color:#fff;font-family:Roboto-Medium;font-size:14px;padding:10px 20px}.update-user-form-btn:hover{background-color:#276134;cursor:pointer}.account-update-user-form-btn{background-color:#409b54;border:none;border-radius:5px;color:#fff;font-family:Roboto-Medium;font-size:14px;padding:10px 20px}.account-update-user-form-btn:hover{background-color:#276134;cursor:pointer}.password-submit-form-footer{display:flex;flex-direction:row;justify-content:flex-end;padding:10px 65px;width:100%}.data-privacy{margin-right:10px}.data-priv{align-items:center;cursor:pointer;display:flex}.data-priv,.data-priv-text{color:#333;font-family:Roboto-Regular;font-size:14px}.data-priv-text:hover{color:#47b8b2;cursor:pointer;font-family:Roboto-Regular;font-size:14px}.data-priv .cb[type=checkbox]{display:none}.data-priv .cm{background-color:initial;border:2px solid #dbdbdb;margin-right:10px;padding:7px;position:relative}.data-priv .cb[type=checkbox]:checked+.cm{background-color:#47b8b2;border-color:#47b8b2}.data-priv .cb[type=checkbox]:checked+.cm:before{border-radius:5px;color:#fff;content:"\2713";font-size:14px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.system-message-popup{background-color:#fff;border-radius:5px;display:flex;flex-direction:column}.system-message-header{display:flex;flex-direction:row;justify-content:flex-end;padding:10px 10px 0 0}.system-message-close i{color:#4d4d4d;cursor:pointer;font-size:18px}.system-message-icon i{color:#47b8b2;font-size:32px;margin-bottom:10px}.system-message-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5px 15px 30px;width:300px}.system-txt{font-family:Roboto-Regular;font-size:14px;text-align:center}form .indicator{align-items:center;display:flex;display:none;height:8px;justify-content:space-between;margin:10px 0}form .indicator span{background:#d3d3d3;border-radius:5px;height:100%;position:relative;width:100%}form .indicator span:nth-child(2){margin:0 3px}form .indicator span.active:before{border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.indicator span.weak:before{background-color:#c76565}.indicator span.medium:before{background-color:#f5ca62}.indicator span.strong:before{background-color:#409b54}.password-mismatch-cont{align-items:center;color:#c76565;display:flex;font-family:Roboto-Regular;font-size:12px;height:10px;margin-top:5px;width:100%}@media (max-width:375px){.user-body-limiter{align-items:center;flex-direction:column;width:100%}.update-info-ff-2,.update-info-ff-3,.update-info-ff-4,.update-info-ff-5,.update-info-ff-6,div.update-info-ff-1{align-items:center;display:flex;flex-direction:column;width:100%}.update-address-info-ff-container,.update-basic-info-ff-container{align-items:flex-start;flex-direction:column;margin-left:-45px;text-align:center}.update-account-form{flex-direction:column}.left-header-update{justify-content:center}.important-ff-none label{margin-left:25px}.update-info-form-field input,.update-info-form-field select{margin-left:20px;width:100%}.account-submit-form-footer{justify-content:center}.profile-update-header{flex-direction:column}}@media (max-width:425px){.user-body-limiter{align-items:center;flex-direction:column;width:100%}.update-info-ff-2,.update-info-ff-3,.update-info-ff-4,.update-info-ff-5,.update-info-ff-6,div.update-info-ff-1{align-items:center;display:flex;flex-direction:column;width:100%}.update-address-info-ff-container,.update-basic-info-ff-container{align-items:flex-start;flex-direction:column;margin-left:-45px;text-align:center}.update-account-form{flex-direction:column}.important-ff-none label{margin-left:25px}.update-info-form-field input,.update-info-form-field select{margin-left:20px;width:100%}.account-submit-form-footer{justify-content:center}}@media (max-width:768px){div.user-body-limiter{align-items:center;flex-direction:column;width:100%}.update-address-info-ff-container,.update-basic-info-ff-container{align-items:flex-start;flex-direction:column;margin-left:-45px;text-align:center}}.user-homepage-main-contents{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.user-body-limiter-wrapper,.user-homepage-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.user-body-container{height:100%;width:100%}.user-homepage-contents{display:flex;flex-direction:column;height:100%;width:100%}.user-search-container{display:flex;justify-content:center;margin:15px 0;width:350px}.user-annolist-container{border:1px solid #00000033;border-radius:5px;height:100%;width:100%}.user-body-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.user-main-contents{width:100%}.user-body-limiter,.user-main-contents{display:flex;flex-direction:row;height:100%;justify-content:center}.user-body-limiter{padding:10px 30px;width:1440px}.user-records-contents{display:flex;flex-direction:column;height:100%;width:100%}.lower-topbar-wrapper{background-color:#47b8b2;display:flex;justify-content:center}.lower-topbar{color:#fff;display:flex;flex-direction:row;font-family:Roboto-Regular;font-size:14px;height:100%;padding:15px 35px;width:1440px}.lower-topbar-text{padding:0 5px}.top-linking-page{text-decoration:none}.active-linking{color:#fff}.active-linking:hover{color:#ffce74}.announcement-cover-banner{align-items:center;background-image:url(http://shots.slarenasitsolutions.com/static/media/SHA_facade_front.ff8a53fbe38f803a625b.png);background-position:top;background-size:cover;display:flex;flex-direction:column;height:350px;justify-content:center;width:100%}.anno-section-txt{color:#fff;display:flex;font-family:SSPro-Bold;font-size:36px}.anno-section-bot{background-color:#47b8b2;height:5px;margin-top:5px;width:95px}.announcement-userlist-container{display:flex;flex-direction:column;margin-right:10px;width:100%}.carousel-container-wrapper{background-color:#e4e4e4;display:flex;justify-content:center;width:100%}.carousel-container-annolist{align-items:center;justify-content:center;width:930px}.carousel-container,.carousel-container-annolist{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden}.carousel-container{padding:10px 40px;width:100%}.anno-carousel-limiter{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow:hidden;width:1300px}.user-footer{bottom:0;display:flex;margin-top:auto}.annolist-sidesearch-container{display:flex;height:100%;width:350px}.announcements-cards-container{display:flex;margin:10px 0}.anno-card-container{display:flex;flex-direction:column;margin-top:10px;width:100%}.annocard-container-column{display:flex;flex-direction:column;margin:10px 0;width:100%}.annocard-container-row{flex-direction:row;gap:20px}.anno-card,.annocard-container-row{display:flex;justify-content:center}.anno-card{border:1px solid #00000033;border-radius:5px;cursor:pointer;flex-direction:column;height:350px;margin:10px 0;transition:background-color .3s,-webkit-transform .3s;transition:transform .3s,background-color .3s;transition:transform .3s,background-color .3s,-webkit-transform .3s;width:400px}.anno-card:hover{background-color:#f0f0f0}.anno-card-img{display:flex;display:inline-block;height:250px;justify-content:center;position:relative;width:400px}.anno-card-img,.anno-card-img img{align-items:center;border-radius:5px 5px 0 0;overflow:hidden}.anno-card-img img{display:flex;height:100%;object-fit:cover;width:100%}.anno-card-img:before{border-left:130px solid transparent;border-radius:0 5px;border-top:130px solid #47b8b2;content:"";height:0;opacity:80%;position:absolute;right:0;top:0;width:0;z-index:20}.anno-card-details{display:flex;flex-direction:column;height:100px;justify-content:center;margin:5px;overflow:hidden;padding:10px;width:100%}.anno-news-title{color:#181818;display:flex;font-family:SSPro-Bold;font-size:18px;justify-content:flex-start;width:100%}.anno-news-details{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c6c6c;display:-webkit-box;font-family:Roboto-Regular;font-size:12px;height:50px;margin:5px 0;overflow:hidden;text-align:justify;width:100%}.anno-category-date{align-items:center;display:flex}.anno-category-indicator{background-color:#0d716f;margin-right:5px}.anno-category-indicator,.anno-date-indicator{border-radius:10px;color:#f0f0f0;font-family:Roboto-Medium;font-size:12px;padding:3px 15px}.anno-date-indicator{background-color:#ffd163}@media (max-width:375px){div.annocard-container-row{flex-direction:column}.anno-news-title{font-size:24px;text-align:center;width:75%}.anno-news-details{align-items:center;font-size:13px;width:100%}.anno-card-img img{width:373px}.anno-section-txt{text-align:center}.anno-card{align-items:center;margin-left:9px;width:373px}}@media (max-width:425px){div.annocard-container-row{flex-direction:column}.anno-news-title{font-size:23px;justify-content:center;text-align:center;width:100%}.anno-news-details{font-size:11px;width:100%}.anno-card-img img{margin-left:36px;width:423px}.anno-card-details{align-items:center}.news-image .news-picture{width:435px}}@media (max-width:768px){div.annocard-container-row{align-items:center;flex-direction:column}.anno-news-title{font-size:20px;width:100%}.anno-news-details{font-size:10px;width:100%}.anno-card-img img{width:485px}.carousel-container-wrapper{margin-left:5px}}@media (max-width:800px){.staff-page-name{font-size:15px}.user-body-limiter{flex-direction:column}div.annocard-container-row{align-items:center;flex-direction:column}.anno-news-title{font-size:20px;width:100%}.anno-news-details{font-size:10px;width:100%}.anno-card-img img{width:485px}.page-buttons-container{font-size:14px}}@media (max-width:1024px){.user-body-limiter{flex-direction:column}.staff-page-name{font-size:20px}.anno-news-title{font-size:20px;width:100%}.anno-news-details{font-size:11px;width:100%}}@font-face{font-family:Inter-Medium;font-size:normal;font-weight:medium;src:url(http://shots.slarenasitsolutions.com/static/media/Inter-Medium.6dcbc9bed1ec438907ee.ttf) format("truetype")}.body{align-items:center;flex-direction:row;height:100vh}.body,.left_loginformwrapper{display:flex;justify-content:center;width:100%}.left_loginformwrapper{background-color:#fff;flex-direction:column;height:100%}.uniid_logo{padding:5% 0 0 5%}.logo{height:50px}.left_loginform{align-items:center;height:100%;justify-content:center;width:100%}.header_loginform,.left_loginform{display:flex;flex-direction:column}.header_loginform{height:-webkit-max-content;height:max-content;width:400px}.s_login_header{color:#404040;flex-direction:column;font-family:SSPro-Bold;font-size:28px;font-style:normal;font-weight:700;height:25px;margin:0}.s_login_cap{color:#586166;display:flex;font-family:Inter-Medium;font-size:15px;font-style:normal;font-weight:500;height:5px}.s_login_det{margin:10px 0}.s_login_det,.staff-ff{display:flex;flex-direction:column;width:400px}.staff-ff{height:100%;justify-content:space-around}.form-field{display:flex;flex-direction:column}.form-field input{background-color:#efefef;border:none;border-radius:5px;padding:15px}.form-field input,.form-field label{font-family:Roboto-Regular;font-size:14px}.form-field label{margin-bottom:5px}.form-field-s-pass{color:#586166;display:flex;flex-direction:column;font-family:Roboto Regular;font-size:14px;margin:5px 0;position:relative}.form-field-s-pass label{font-family:Roboto-Regular;font-size:14px;margin-bottom:5px}.form-field-s-pass input{background-color:#efefef;border:none;border-radius:5px;font-family:Roboto Regular;font-size:14px;outline:none;padding:15px 50px 15px 15px;width:100%}.form-field-s-pass input:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.ff-s-pass{display:flex;flex-direction:row;position:relative}.S_showBtn{color:#47b8b2;cursor:pointer;font-family:Roboto Medium;font-size:15px;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;user-select:none}.staff-login-error{color:#d87575;margin:5px 0}.fgp_container,.staff-login-error{display:flex;font-family:Roboto-Medium;font-size:14px}.fgp_container{align-items:center;height:30px;justify-content:space-between;width:400px}.kms{align-items:center;color:#333;cursor:pointer;display:flex}.kms .cb[type=checkbox]{display:none}.kms .cm{background-color:initial;border:2px solid #dbdbdb;margin-right:10px;padding:7px;position:relative}.kms .cb[type=checkbox]:checked+.cm{background-color:#47b8b2;border-color:#47b8b2}.kms .cb[type=checkbox]:checked+.cm:before{border-radius:5px;color:#fff;content:"\2713";font-size:14px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fps{color:#47b8b2;text-decoration:none}.login_btn{background-color:#47b8b2;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin-bottom:10px;margin-top:8px;padding:.7rem 9.25rem;width:100%}.staff_img{background-image:url(http://shots.slarenasitsolutions.com/static/media/staff_banner.e07edfe11bd0f2b22d72.png);background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;width:100%}@media (max-width:1024px){.staff_img{background-position:50%}}@media (max-width:768px){.staff_img{display:none}}@media (max-width:425px){.staff_img{display:none}.uniid_logo{padding:25px 0 0 30px}.logo{height:40px}.form-field label{text-align:left}.form-field label,.form-field-s-pass label{font-family:Roboto-Regular;font-size:14px;margin-bottom:5px}.header_loginform{display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;width:350px}.s_login_header{font-size:26px;font-style:normal;height:25px}.s_login_cap{color:#586166;display:flex;font-family:Roboto-Medium;font-size:14px;font-style:normal;font-weight:500;height:5px;margin:5px 0}.s_login_det{margin-top:14px}.s_login_det,.staff-ff{display:flex;flex-direction:column;width:350px}.staff-ff{height:100%;justify-content:space-around}}@media (max-width:375px){.staff_img{display:none}.uniid_logo{padding:25px 0 0 30px}.logo{height:40px}.form-field label{text-align:left}.header_loginform{height:-webkit-max-content;height:max-content}.header_loginform,.s_login_det{display:flex;flex-direction:column;width:300px}.s_login_det{margin:10px 0}.staff-ff{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:300px}.login_btn{padding:10px}}.staff-cover-pfp{display:flex;flex-direction:column;height:120px;position:relative;width:100%}.staff-cover{background-image:url(http://shots.slarenasitsolutions.com/static/media/staff-cover.133084ce5aac1ffceb66.png);background-position:50%;border-radius:5px 5px 0 0;height:120px;z-index:1}.staff-details-container{display:flex;margin:40px}.staff-picture{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #dadada;border-radius:100%;display:flex;height:140px;position:absolute;top:130px;width:140px;z-index:2}.staff-det{display:flex;flex-direction:column;height:100%;margin-top:-38px;padding-left:165px;width:100%}.staff-name{font-family:SSPro-Bold;font-size:22px}.staff-number{font-family:Roboto-Light;font-size:14px}.staff-instruction-container{align-items:center;background-image:url(http://shots.slarenasitsolutions.com/static/media/SHA_right.fd2b38b47716d9085243.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;display:flex;flex-direction:row;height:405px;width:100%}.staff-empty{width:50%}.staff-instruction-det{background-color:#f4f4f4;height:300px;margin:20px;padding:15px;width:50%}.staff-inst-header,.staff-instruction-det{align-items:center;display:flex;flex-direction:column;justify-content:center}.staff-header-txt{color:#404040;font-family:SSPro-Bold;font-size:28px}.staff-header-det{text-align:center}.inst-det-1-2,.staff-header-det{color:#7c7a7a;font-family:Roboto-Medium;font-size:14px;width:80%}.inst-det-1-2{display:flex;flex-direction:column;justify-content:center;margin-top:10px;text-align:justify}.inst-2{margin-top:5px}.staff-camera-wrapper{align-items:center;background-color:#f5f5f5;width:40%}.staff-camera-container,.staff-camera-wrapper{border:1px solid rgba(0,0,0,.1);border-radius:5px;display:flex;flex-direction:column;justify-content:center}.staff-camera-container{box-shadow:0 0 10px rgba(0,0,0,.2);height:100%;position:relative;width:300px}.camera-header{align-items:center;background-color:#fff;border-radius:5px 5px 0 0;display:flex;flex-direction:column;justify-content:center;padding:15px 0 0;width:100%}.qr-scanner-title{border-bottom:3px solid #47b8b2;font-family:Roboto-Bold;font-size:20px}.qr-scanning-details{color:#404040;font-family:Roboto-Regular;font-size:12px;padding:5px}.camera-conf-btn{background-color:#fff;flex-direction:row}.camera-conf-btn,.qr-loc-btn,.qr-logtype-btn{align-items:center;display:flex;justify-content:center;width:100%}.qr-loc-btn,.qr-logtype-btn{margin-top:5px}.qr-loc-btn select,.qr-logtype-btn select{background-color:#f7f7f7;border:1px solid #7c7a7a;color:#404040;font-family:Roboto-Medium;font-size:12px;padding:5px 20px;width:100%}.camera-main-container{background-color:#252525;display:flex;flex-direction:column;height:450px;justify-content:center;width:300px}.scan-status{color:#fff;font-family:Roboto-Regular;font-size:14px;margin-top:10px;width:100%}.cam-switch-btn,.scan-status{display:flex;justify-content:center}.cam-switch-btn{margin:10px 0}.cam-switch-btn select{background-color:#020202;border:none;border-radius:5px;color:#fff;font-family:Roboto-Medium;font-size:12px;padding:8px 10px}.cam-switch-btn select:after{background-color:#020202;color:#fff;content:"\25BC";padding:0 5px;pointer-events:none;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cam-switch-btn select:focus{box-shadow:0 0 4px rgba(71,184,178,.5)}.cam-scanner-footer{align-items:center;background-color:#fff;display:flex;justify-content:center;padding:10px 0;width:100%}.initiate-cam-btn{background-color:#47b8b2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Roboto-Medium;font-size:12px;padding:10px 20px;text-align:center;transition:background-color .3s ease}.initiate-cam-btn:hover{background-color:#368a84}.initiate-cam-btn:disabled{background-color:#ccc;cursor:not-allowed}.qr-scan-overlay{background-color:#fff;border-radius:5px;height:100%;left:0;position:absolute;top:0;z-index:20}.qr-scan-overlay,.scan-header{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.scan-header{background-color:#47b8b2;border-radius:5px 5px 0 0;height:225px}.student-pfp-scan{align-items:center;display:flex;flex-direction:column;height:60px;justify-content:center;margin-bottom:10px;width:100%}.student-pfp-scan i,.student-pfp-scan img{align-items:center;border:2px solid #f4f4f4;border-radius:100%;height:60px;justify-content:center;width:60px}.student-pfp-scan i{background-color:#f38080;color:#a71010;display:flex;font-size:28px}.student-namedet-scan{align-items:center;background-color:#012e41;border-radius:5px;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:5px 15px}.student-name-txt{font-family:SSPro-Bold;font-size:16px}.student-namedet-txt{font-family:Roboto-Light;font-size:12px}.scan-body{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:15px;width:100%}.scan-status-qr{background-color:#252525;border-radius:5px;color:#fff;font-family:Roboto-Medium;font-size:14px;margin:5px 0;padding:5px 10px;text-align:center}.scan-qr-det{flex-direction:column;font-family:Roboto-Regular;font-size:14px;margin-bottom:5px;margin-top:3px;padding:10px;text-align:center}.scan-qr-det,.succ-icon-qr{align-items:center;display:flex;justify-content:center}.succ-icon-qr{margin:10px 0}.succ-icon-qr img{height:auto;margin-left:35px;width:235px}.scan-footer{border-top:1px solid #d3d3d3;height:65px;width:100%}@media (max-width:768px){.staff-instruction-container,.staff-misc-body,.staff-profile-contents{display:none}.staff-camera-wrapper{width:300px}}.staff-side-profile-body{border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:column;margin-right:10px}.side-profile-container{border-radius:5px;display:flex;flex-direction:column;height:610px;width:270px}.side-profile-contents{align-items:center;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding-bottom:10px}.side-profile-cover-pfp{display:flex;flex-direction:column;height:120px;position:relative;width:100%}.side-profile-cover{background-image:url(http://shots.slarenasitsolutions.com/static/media/staff-cover.133084ce5aac1ffceb66.png);background-position:50%;border-radius:5px 5px 0 0;display:flex;height:120px;z-index:1}.side-profile-details-container{display:flex;height:110px;width:100%}.side-profile-picture{align-items:center;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #00000033;border-radius:100%;display:flex;height:140px;justify-content:center;position:absolute;top:120px;width:140px;z-index:2}.side-profile-det{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:100%}.side-profile-name{font-family:SSPro-Bold;font-size:22px}.side-profile-number{font-family:Roboto-Light;font-size:14px}.staff-side-qr-cont{display:flex;flex-direction:column;height:auto;width:100%}.qr-log-reports-header{align-items:center;background-color:#fff;color:#525252;display:flex;flex-direction:row;height:auto;margin:0 10px;padding:10px}.qr-log-reports-header i{font-size:22px;margin-right:10px}.qr-log-reports-header-txt{font-family:Roboto-Bold;font-size:16px}.qr-scanned-cont{height:100%;width:100%}.qr-log-reports-subheader{background-color:#f0f0f0;color:#525252;font-family:Roboto-Medium;font-size:14px;padding:10px}.qr-scanned-det{align-items:center;display:flex;margin:0 5px;padding:5px}.qr-icon-rep-y i{background-color:#ffd778}.qr-icon-rep-r i,.qr-icon-rep-y i{border-radius:5px;color:#fff;display:flex;font-size:30px;margin:5px;padding:8px}.qr-icon-rep-r i{background-color:#ef6b6b}.qr-icon-rep-g i{background-color:#47b8b2;border-radius:5px;color:#fff;display:flex;font-size:30px;margin:5px;padding:8px}.qr-details-rep-container{color:#181818;display:flex;flex-direction:column;margin-left:10px}.qr-count-header{color:#181818;display:flex;font-family:Roboto-Medium;font-size:14px}.qr-count-det{color:#181818;display:flex;font-family:Roboto-Light;font-size:12px}.qr-cont-bottom{background-color:#e6e6e6;height:100%;width:100%}.staff-attendance-records{display:flex;flex-direction:column;height:100%;justify-content:center;margin-right:10px;width:100%}.staff-att-rec-table-header-container{align-items:center;background-color:#fff;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;width:100%}.left-header-record{display:flex;width:100%}.staff-attendance-rec-title{align-items:center;color:#525252;display:flex;flex-direction:row;padding:5px 15px;width:auto}.staff-attendance-rec-text{color:#525252;font-family:Roboto-Bold;font-size:19px}.att-record-filter-container{align-items:center;color:#525252;display:flex;flex-direction:row;padding:5px 15px;width:160px}.staff-record-searchbar-container{width:250px}.staff-attendance-rec-mainbody{border:1px solid #00000033;border-radius:5px;display:flex;height:auto;justify-content:center;overflow-x:hidden;overflow-y:auto}.staff-attendance-rec-table-container{border:1px solid #00000033;border-radius:5px;height:100%;width:100%}@media (max-width:768px){.staff-misc-body{display:none}.staff-body-limiter{flex-direction:column;height:100%;width:100%}.staff-side-profile-body{display:flex;flex-direction:column;margin:0 20px 10px;width:95%}.side-profile-container{width:100%}.side-profile-contents{align-items:center;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:10px;width:100%}.side-profile-contents,.staff-attendance-records{display:flex;flex-direction:column;justify-content:center}.staff-attendance-records{height:100%;margin:0 20px 10px;width:95%}.staff-att-rec-table-header-container{display:flex;flex-direction:column}.attendance-rec-icon{margin:0;padding:5px 10px}.att-record-filter-container,.staff-attendance-rec-title{padding:5px 15px}.left-header-record{display:flex;height:50px;width:100%}.right-header-rec{justify-content:center;margin-bottom:5px;width:95%}.staff-record-searchbar-container{align-items:center;display:flex;width:100%}.staff-record-searchbar-container i{background-color:#404040;border-radius:5px 0 0 5px;color:#fff;font-size:14px;margin:0 0 0 10px;padding:9px 10px}.rec-search-bar input{margin:5px 10px 5px 0;padding:7px 15px}.qr-log-reports-header{margin:0 30px}.qr-log-reports-subheader{padding:10px 40px}.qr-scanned-det{align-items:center;display:flex;margin:0 5px;padding:5px 30px}}@media (max-width:425px){.att-record-filter-container{display:100px}.att-record-filter-container,.staff-attendance-rec-title{padding:5px 15px}.staff-attendance-rec-text{font-size:16px}.staff-record-searchbar-container{align-items:center;display:flex;width:95%}.left-header-record{display:flex;height:60px;width:100%}.right-header-rec{display:flex;flex-direction:column;margin-right:0;width:100%}.date-filter-rec,.right-header-rec{align-items:center;justify-content:center}.date-filter-rec{width:95%}.rec-search-bar input{font-size:12px;margin:5px 10px 5px 0;padding:7px 10px}.date-after input,.date-before input{width:130px}.attendance-rec-row-header{background-color:#7c7a7a;color:#fff;font-family:Roboto-Regular;font-size:12px;padding:10px 0}.attendance-rec-row-data:nth-child(2n),.attendance-rec-row-data:nth-child(odd){background-color:#f0f0f0;font-family:Roboto-Regular;font-size:12px}.log-type.Time-In,.log-type.Time-out{font-size:12px;padding:5px 10px}}.a-record-filter-container{width:130px}.staff-record-searchbar-container{align-items:center;display:flex;width:100%}.staff-record-searchbar-container i{background-color:#404040;border-radius:5px 0 0 5px;color:#fff;font-size:14px;margin:0 0 0 15px;padding:9px 10px}.attendance-rec-container{height:auto;width:100%}.print-rec-btn{align-items:center;background-color:#409b54;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;display:flex;font-family:Roboto-Medium;font-size:14px;margin-right:10px;padding:10px 20px}.print-rec-btn i{font-size:18px;margin-left:5px}@media print{.print-footer,.print-header{display:block}.print-footer{bottom:0;left:0;margin:20px 0;position:fixed;right:0}.attendance-rec-print .record-actions-container{display:none}.attendance-rec-print{align-items:center;display:flex;flex-direction:column;margin:20px 80px}}.staff-reg-contents,.user-profile-contents{display:flex;flex-direction:column;width:100%}.user-profile-contents{border:1px solid rgba(0,0,0,.1);border-radius:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px 0;overflow:hidden}.user-cover-pfp{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.user-cover{background-image:url(http://shots.slarenasitsolutions.com/static/media/user-cover.9a68391774e2c8366b9c.png);background-position:top;border-radius:5px 5px 0 0;height:180px;position:relative;z-index:1}.profile-main-det-container{display:flex;flex-direction:row;height:120px;position:relative;width:100%}.user-picture-container{display:flex;height:200px;left:65px;position:relative;top:-110px;width:200px;z-index:2}.user-picture{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #ebebeb;border-radius:100%;display:flex;height:200px;width:200px}.user-details-container{align-items:center;flex-direction:row;justify-content:center;margin-left:100px}.user-det,.user-details-container{display:flex;height:100%;width:100%}.user-det{flex-direction:column;margin-top:10px}.user-name{align-items:center;color:#000;display:flex;font-family:SSPro-Bold;font-size:28px}.user-name i{color:#017364;font-size:28px;margin-left:5px}.user-course,.user-number{font-family:Roboto-Light;font-size:16px}.separator-line{background-color:#d8d8d8;height:90px;width:8px}.profile-buttons,.separator-line{align-items:center;display:flex;flex-direction:row;justify-content:center}.profile-buttons{height:100%;width:100%}.profile-updater-btn{align-items:center;background-color:#fff;border:1px solid #a4a2a2;border-radius:5px;color:#4d4d4d;display:flex;font-family:Roboto-Bold;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-right:10px;padding:15px 20px;transition:background-color .3s,color .3s;width:140px}.profile-updater-btn:hover{background-color:#4d4d4d;border-radius:5px;color:#fff}.profile-qr-btn i,.profile-updater-btn i{font-size:16px;margin-left:5px}.profile-qr-btn{align-items:center;background-color:#47b8b2;border-radius:5px;color:#fff;display:flex;font-family:Roboto-Bold;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:15px 20px;transition:background-color .3s,color .3s;width:130px}.profile-qr-btn:hover{background-color:#017364;border-radius:5px;color:#fff;cursor:pointer}.reg-instruction-container{background-image:url(http://shots.slarenasitsolutions.com/static/media/SHA_right.fd2b38b47716d9085243.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:row;height:425px;width:100%}.reg-instruction-container,.reg-instruction-det{align-items:center;border-radius:5px;display:flex;justify-content:center}.reg-instruction-det{background-color:#f4f4f4;flex-direction:column;height:250px;margin:40px 20px;padding:15px;width:250px}.reg-inst-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.qr-cont{border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.2);color:#47b8b2;font-size:22px;margin-bottom:5px;padding:8px}.reg-header-txt{color:#404040;font-family:SSPro-Bold;font-size:26px;margin-bottom:5px}.reg-details{height:70px;padding:0 15px}.reg-core,.reg-details{display:flex;flex-direction:column}.reg-core{font-family:Roboto-Regular;padding:0 10px;text-align:justify}.reg-bold,.reg-core{color:#404040;font-size:14px}.reg-bold{font-family:Roboto-Medium;padding:5px}.reg-det{-webkit-line-clamp:5;display:flex;display:-webkit-box;font-size:12px}.reg-det,.reg-obj{color:#404040;flex-direction:column;font-family:Roboto-Regular;overflow:hidden;padding:0 2px;text-align:justify}.reg-obj{-webkit-line-clamp:4;display:flex;font-size:14px}.reg-bullets{margin:5px}.read-more-btn{background-color:#47b8b2;border-radius:5px;color:#fff;font-family:Roboto-Regular;font-size:14px;margin-top:10px;padding:10px 20px}.read-more-btn:hover{background-color:#017364;color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:14px}.cond-details{display:flex;flex-direction:column;height:300px;overflow-y:auto;padding:15px}.cond-main-header{border-bottom:1px solid #47b8b2;color:#353535;display:flex;font-family:SSPro-Bold;font-size:24px;justify-content:center;padding:3px 0;width:100%}.cond-section{display:flex;flex-direction:column;padding:5px 10px}.cond-header{color:#353535;font-family:Roboto-Bold;font-size:16px;margin:5px 0}.cond-det{font-family:Roboto-Regular;font-size:14px;margin:2px 0;text-align:justify}.obj-details{display:flex;flex-direction:column;height:200px;overflow-y:auto;padding:15px;width:450px}.home-container-b-text{font-size:13px}.homepage-popup-container{align-items:center;background:rgba(0,0,0,.5);display:none;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.user-profile-qr-container{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:auto;justify-content:center;width:auto}.home-popup-form-header{align-items:center;display:flex;padding:25px 30px 2px}.home-header-icon{color:#47b8b2}.home-header-del-icon,.home-header-icon{display:flex;font-size:22px;margin-right:10px}.home-header-del-icon{color:#f38080}.home-header-txt{color:#292929;font-family:Roboto-Bold;font-size:20px}.home-container-body{width:480px}.home-container-b-body,.home-container-body{align-items:center;display:flex;justify-content:center;padding:5px 35px 15px;text-align:justify}.home-container-b-body{width:400px}.home-container-b-text{color:#4d4d4d;font-family:Roboto-Regular;font-size:14px}.qrpop-header-icon{cursor:pointer;display:flex;font-size:22px;margin-right:5px}.home-popup-footer{align-items:center;display:flex;justify-content:flex-end;padding:3px 35px 30px}.home-cancel{border:1px solid hsla(0,0%,100%,.2);cursor:pointer;font-family:Roboto-Medium;font-size:14px;padding:8px 18px;transition:background-color .3s,color .3s,border-radius .3s;width:20px}.home-cancel:hover{border:1px solid rgba(0,0,0,.2);border-radius:3px;color:#292929}.home-submit{background-color:#47b8b2;border-radius:3px;color:#f3f3f3;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin-left:5px;padding:8px 18px;transition:background-color .3s,color .3s,border-radius .3s;width:20px}.home-submit:hover{background-color:#017364}.home-del{border-radius:3px;color:#f3f3f3;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin-left:5px;padding:8px 18px;transition:background-color .3s,color .3s,border-radius .3s;width:20px}.home-del,.home-del:hover{background-color:#f38080}.staff-body-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.staff-main-contents{width:100%}.staff-body-limiter,.staff-main-contents{display:flex;flex-direction:row;height:100%;justify-content:center}.staff-body-limiter{padding:10px 30px;width:1440px}.staff-misc-body{display:flex;flex-direction:column;margin-right:10px;width:60%}.staff-profile-contents{border:1px solid rgba(0,0,0,.1);border-radius:5px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:205px;margin-bottom:10px}.staff-lower-topbar{align-items:center;background-color:#47b8b2;color:#fff;display:flex;flex-direction:row;font-family:Roboto-Regular;font-size:14px;height:100%;justify-content:center;padding:15px 35px;width:100%}.lower-topbar-txt{padding:0 5px;width:1440px}.staff-footer{margin-top:auto;text-align:center}.staff-ureg-container{border:1px solid #00000033;border-radius:5px;height:100%;margin:15px 0;width:100%}@media (max-width:768px){.staff-instruction-container,.staff-misc-body,.staff-profile-contents{display:none}.staff-body-limiter{align-items:center;flex-direction:column;height:100%;width:100%}}.anno-post-container-body{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow-y:auto;width:100%}.anno-post-main-container{border:1px solid #00000033;border-radius:5px;height:auto;margin:15px;overflow-y:auto;width:100%}.anno-y-container{height:500px;overflow-y:auto;padding:10px}.admin-post-anno-wrapper{display:flex;flex-direction:column}.anno-post-container-wrapper{display:flex;flex-direction:row;padding:20px}.anno-post-header{align-items:center;background-color:#fff;border-radius:5px 5px 0 0;display:flex}.anno-poster-name-container{align-items:center;display:flex;margin-top:10px}.anno-user-pic{padding:10px 15px 10px 25px}.anno-user-pic img{width:50px}.anno-post-details-container{display:flex;flex-direction:column;height:auto}.anno-poster-name p{color:#404040;font-family:SSPro-Bold;font-size:22px;margin:0}.post-category-dd select{border:1px solid rgba(0,0,0,.2);border-radius:5px;color:#404040;font-family:Roboto-Medium;font-size:12px;margin-right:15px;width:90px}.post-category-dd select:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.anno-input-main-container{width:100%}.anno-input-title{display:flex;width:100%}.anno-input-title input{background-color:#efefef;border:2px solid rgba(0,0,0,.2);border-radius:5px;color:#525252;font-family:Roboto-Regular;font-size:14px;margin:10px 30px 5px;padding:15px;width:100%}.anno-input-title input:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.anno-input-body-contents{display:flex;width:100%}.anno-input-body-contents textarea{background-color:#efefef;border:2px solid rgba(0,0,0,.2);border-radius:5px;color:#525252;font-family:Roboto-Regular;font-size:14px;margin:5px 30px 10px;padding:15px;width:100%}.anno-input-body-contents textarea:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.anno-input-upload-file-img{align-items:center;background-color:#efefef;border:2px solid rgba(0,0,0,.2);border-radius:5px;color:#525252;display:flex;font-family:Roboto-Regular;font-size:14px;justify-content:center;margin:5px 30px 10px;padding:15px}.anno-post-img-container{display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.upload-img-array{display:flex;flex-direction:row;justify-content:space-evenly}.image-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%}.del-btn-img{background-color:#f38080;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:12px;height:25px;width:200px}.upload-file-btn-ctr{background-color:#586166;border-radius:5px;padding:10px 0}.upload-file-btn{color:#efefef;cursor:pointer;font-family:Roboto-Medium;font-size:18px}.anno-post-btn-container{align-items:center;border:none;border-radius:5px;display:flex;justify-content:center;margin:5px 20px 20px;padding:0 10px}.anno-post-btn{background-color:#47b8b2;border:none;border-radius:5px;color:#fff;margin-right:5px}.anno-cancel-btn,.anno-post-btn{cursor:pointer;font-family:Roboto-Medium;font-size:18px;padding:15px;text-align:center;width:100%}.anno-cancel-btn{align-items:center;border:2px solid rgba(0,0,0,.2);border-radius:5px;color:#404040;margin-left:5px;transition:background-color .3s,color .3s}.anno-cancel-btn:hover{background-color:#bc4949;border:2px solid hsla(0,0%,100%,.2);color:#fff}.linking-back-page{display:flex;text-decoration:none;width:100%}@font-face{font-family:Roboto-Black;font-size:normal;font-weight:700;src:url(http://shots.slarenasitsolutions.com/static/media/Roboto-Black.cf56c1b149d0a5e8d7c6.ttf) format("truetype")}.admin-dashboardpage{display:flex;overflow:hidden}.admin-dashboard-contents{max-height:100vh;overflow-x:hidden;overflow-y:auto;width:100vw}.admin-dash-contents{display:flex;flex-direction:row;height:auto}.dashboard-main-container{border:1px solid #00000033;border-radius:5px;height:100%;margin:15px;overflow-y:auto;padding:20px;width:100%}.dashboard-cards-container{gap:20px;justify-content:space-between}.card-container,.dashboard-cards-container{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.card-container{align-items:center;border:1px solid #00000033;border-radius:5px;justify-content:center}.card-container-last{border:1px solid #00000033;border-radius:5px}.card-container-last,.card-count-details{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.card-count-details{align-items:center;flex-direction:row;gap:30px;justify-content:center;padding:40px}.card-left-container{display:flex}.registered-card-icon{background-color:#a3dbd8;border-radius:100%;padding:15px}.present-card-icon{background-color:#81c891;border-radius:100%;padding:15px}.late-card-icon{background-color:#ffd777;border-radius:100%;padding:15px}.absent-card-icon{background-color:#d87575;border-radius:100%;padding:15px}.absent-card-icon i,.late-card-icon i,.present-card-icon i,.registered-card-icon i{color:#fff;font-size:36px}.card-right-container{display:flex;flex-direction:column}.card-count{font-family:Roboto-Black;font-size:28px}.card-count,.card-det{color:#525252;display:flex}.card-det{font-family:Roboto-Regular;font-size:14px}.dashboard-bar-pie{display:flex;gap:15px;height:auto;margin:15px 0;width:100%}.dashboard-bar-container{border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:column;height:auto;width:100%}.dashboard-bargraph{border-radius:5px;display:flex;flex-direction:column;height:100%;padding:20px;width:auto}.bargraph-header{display:flex;flex-direction:column;height:auto;width:100%}.bar-header-text{color:#181818;font-family:Roboto-Bold;font-size:18px}.bar-header-datespan{color:#525252;font-family:Roboto-Regular;font-size:14px}.bargraph-body{align-items:center;display:flex;height:auto;justify-content:center;padding:10px;width:100%}.dashboard-donut-container{border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:column;height:auto;width:100%}.dashboard-donut{border-radius:5px;font-family:Roboto-Regular;height:100%;padding:20px;width:auto}.dashboard-donut,.donut-header{display:flex;flex-direction:column}.donut-header{height:auto;width:100%}.donut-header-txt{color:#181818;font-family:Roboto-Bold;font-size:18px}.donut-datespan{color:#525252;font-family:Roboto-Regular;font-size:14px}.donut-body{align-items:center;display:flex;gap:40px;height:100%;justify-content:center;padding:10px;width:100%}.donut-details{align-items:center;justify-content:center}.donut-details,.donut-suc{display:flex;flex-direction:column;height:auto;width:auto}.donut-suc{margin:10px 0}.succ-circle{background-color:#81c891;border-radius:100%;display:flex;height:15px;margin:10px;width:15px}.donut-fail{display:flex;flex-direction:column;height:auto;margin:10px 0;width:auto}.fail-circle{background-color:#ffd777;border-radius:100%;display:flex;height:15px;margin:10px;width:15px}.donut-main-content{color:#525252;font-family:Roboto-Regular;font-size:28px}.donut-percentage{color:#525252;font-family:Roboto-Black;font-size:28px}.donut-percentage-det{display:flex;flex-direction:row}.circle-det{color:#525252;font-family:Roboto-Regular;font-size:14px;width:120px}.dashboard-recent-anno{display:flex;gap:15px;height:auto;margin-top:15px;width:100%}.recent-act-container{border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:column;height:auto;width:100%}.recent-act-details{border-radius:5px;display:flex;flex-direction:column;height:100%;padding:20px;width:auto}.recent-act-header{align-items:center;display:flex;flex-direction:row;height:auto;margin:0 7px 5px;width:100%}.recent-act-header i{font-size:20px;margin-right:10px}.recent-act-header i,.recent-act-txt{color:#181818;font-family:Roboto-Bold}.recent-act-txt{font-size:18px}.act-log-container{align-items:center;display:flex;flex-direction:row;margin:15px 0}.recent-det-container{display:flex;flex-direction:column;justify-content:center;margin-left:10px}.recent-indicator{background-color:#81c891;border-radius:100%;display:flex;height:15px;margin:10px;width:15px}.recent-details{align-items:center;display:flex;flex-direction:row;gap:5px;width:100%}.recent-name{color:#181818;font-family:Roboto-Bold;font-size:16px}.recent-date,.recent-location,.recent-misc{color:#181818;font-family:Roboto-Regular;font-size:16px}.latest-anno-container{border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:column;height:auto;width:100%}.latest-anno-content{border-radius:5px;display:flex;flex-direction:column;height:100%;padding:20px;width:auto}.latest-anno-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.latest-anno-left{display:flex;flex-direction:column}.latest-anno-text{color:#181818;font-family:Roboto-Bold;font-size:18px}.latest-anno-desc{color:#525252;font-family:Roboto-Regular;font-size:14px}.latest-anno-btn{background-color:#fff;border:1px solid #00000033;border-radius:5px;color:#181818;display:flex;font-family:Roboto-Medium;font-size:14px;padding:10px 15px;transition:background-color .3s,color .3s}.latest-anno-btn:hover{background-color:#525252;color:#fff;cursor:pointer;font-family:Roboto-Bold;padding:10px 15px}.latest-anno-table{border-radius:5px;display:flex;margin-top:10px;width:100%}.dashboard-anno{display:flex;flex-direction:column;width:100%}.dashboard-anno-header{background-color:#7c7a7a;border-radius:5px 5px 0 0;color:#fff;display:flex;flex-direction:row;font-family:Roboto-Medium;font-size:14px;padding:10px}.anno-row-data:nth-child(2n){background-color:#f9f9f9}.anno-row-data:nth-child(2n),.anno-row-data:nth-child(odd){align-items:center;color:#181818;display:flex;font-family:Roboto-Regular;font-size:14px;justify-content:center;padding:6px 0}.anno-row-data:nth-child(odd){background-color:#f0f0f0}.larger-det-container{display:flex;justify-content:center;width:150%}@media (max-width:1920px){.dashboard-main-container{padding:20px}.dashboard-cards-container{gap:15px}.card-container{width:100%}.card-count-details{display:flex;gap:40px;justify-content:space-between;padding:30px 60px;width:70%}}@media (max-width:1440px){.dashboard-main-container{padding:20px}.dashboard-cards-container{gap:15px}.card-container{width:100%}.card-count-details{gap:20px;padding:20px;width:100%}}.admin-ureg-container{display:flex;height:auto;justify-content:center;overflow-y:auto}.ureg-container{border:1px solid #00000033;border-radius:5px;height:100%;margin:35px;width:100%}.ureg-form-header{background-color:#fff;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex}.ureg-title-container{align-items:center;color:#525252;display:flex;flex-direction:row;padding:5px 15px;position:relative}.ureg-header-icon{cursor:pointer;margin:0;padding:10px}.ureg-header-icon :hover{color:#37aaa4}.ureg-header-icon i{color:#525252;font-size:24px}.ureg-title-container .back-tooltip{background-color:#444;border-radius:4px;bottom:70%;color:#fff;font-family:Roboto-Medium;font-size:12px;left:20%;margin-left:-15px;opacity:0;padding:5px 10px;position:absolute;text-align:center;transition:opacity .2s;visibility:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.ureg-title-container:hover .back-tooltip{opacity:1;visibility:visible}.ureg-header-title p{font-family:Roboto-Bold;font-size:20px;margin:0}.user-reg-input-container{display:flex;flex-direction:row}.ureg-upload-profile-container{display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px 35px}.ureg-profile-container{align-items:center;border:15px solid #d8d8d8;border-radius:100px;display:flex;height:120px;justify-content:center;margin:10px;width:120px}.user-upload.main.container img{border-radius:5px;height:200px;width:200px}.user-upload.main.container{display:flex;justify-content:center;margin:5px}.user-upload.main.container button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin:15px 0;padding:15px 0;width:100%}.u-reg-form-field input[type=file]{background-color:#efefef;border:none;border-radius:5px;font-family:Roboto-Regular;font-size:14px;margin-left:5px;padding:15px;width:175px}.basic-info-ff-container,.emergency-information-ff-container,.user-account-info-ff-container{padding:0 30px 0 10px}.u-basicinformation{padding:5px;width:95%}.user-reg-ff-1{display:flex;flex-direction:row}.user-reg-ff-2,.user-reg-ff-3,.user-reg-ff-4,.user-reg-ff-5,.user-reg-ff-6{display:flex;flex-direction:row;padding-top:5px}.u-reg-form-field input,.u-reg-form-field select{border-radius:5px;padding:15px}.u-reg-form-field input,.u-reg-form-field option,.u-reg-form-field select{background-color:#efefef;border:none;font-family:Roboto-Regular;font-size:14px;margin-right:5px}.u-reg-form-field option{color:#525252;height:30px}.u-reg-form-field,.u-reg-form-field-ext label{color:#525252;font-family:Roboto-Medium;font-size:14px}.u-reg-form-field{display:flex;flex-direction:column;width:100%}.u-reg-form-field input:focus,.u-reg-form-field select:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.u-reg-form-field-ext{display:flex;flex-direction:column;width:100px}.u-reg-form-field-ext input{background-color:#efefef;border:none;border-radius:5px;color:#525252;font-family:Roboto Regular;font-size:14px;margin-right:5px;padding:15px}.u-reg-form-field-ext input:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.create-user-btn{background-color:#409b54;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin-bottom:15px;margin-top:15px;padding:15px 30px;width:100%}.admin-u-regpage{display:flex;overflow:hidden}.admin-sidebar{display:flex}.admin-a-reg-contents,.admin-u-reg-contents{max-height:100vh;overflow-y:auto;width:100vw}.admin-anno-contents{display:flex;flex-direction:row;height:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-track:hover{background:#ddd}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-track:active{background:#ccc}::-webkit-scrollbar-thumb:active{background:#333}.admin-sreg-container{display:flex;height:auto;justify-content:center;overflow-y:auto}.sreg-container{border:1px solid #00000033;border-radius:5px;height:100%;margin:35px;width:100%}.sreg-form-header{background-color:#fff;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex}.sreg-title-container{align-items:center;color:#525252;display:flex;flex-direction:row;padding:5px 15px;position:relative}.back-btn-page{display:flex;text-decoration:none}.sreg-header-icon{cursor:pointer;margin:0;padding:10px}.sreg-header-icon :hover{color:#37aaa4}.sreg-header-icon i{color:#525252;font-size:24px}.sreg-title-container .back-btn-page .back-tooltip{background-color:#444;border-radius:4px;bottom:70%;color:#fff;font-family:Roboto-Medium;font-size:12px;left:20%;margin-left:-15px;opacity:0;padding:5px 10px;position:absolute;text-align:center;transition:opacity .2s;visibility:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.sreg-title-container .back-btn-page:hover .back-tooltip{opacity:1;visibility:visible}.sreg-header-title p{font-family:Roboto-Bold;font-size:20px;margin:0}.staff-reg-input-container{display:flex;flex-direction:row}.sreg-upload-profile-container{display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px 35px}.sreg-profile-container{align-items:center;border:15px solid #d8d8d8;border-radius:100px;display:flex;height:120px;justify-content:center;margin:10px;width:120px}.staff-upload.main.container img{border-radius:5px;height:200px;width:200px}.staff-upload.main.container{display:flex;justify-content:center;margin:5px}.staff-upload.main.container button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin:15px 0;padding:15px 0;width:100%}.s-reg-form-field input[type=file]{background-color:#efefef;border:none;border-radius:5px;font-family:Roboto-Regular;font-size:14px;margin-left:5px;padding:15px;width:170px}.subheader-container{width:100%}.subheader-container p{color:#37aaa4;font-family:Roboto-Bold;font-size:18px;margin:10px 5px 5px 0;padding:10px 5px 10px 10px}.basic-info-ff-container,.emergency-information-ff-container,.staff-account-info-ff-container{padding:0 30px 0 10px}.s-basicinformation{padding:5px;width:95%}.staff-reg-ff-1{display:flex;flex-direction:row}.staff-reg-ff-2,.staff-reg-ff-3,.staff-reg-ff-4,.staff-reg-ff-5,.staff-reg-ff-6,.staff-reg-ff-7{display:flex;flex-direction:row;padding-top:5px}.s-reg-form-field input,.s-reg-form-field select{border-radius:5px;padding:15px}.s-reg-form-field input,.s-reg-form-field option,.s-reg-form-field select{background-color:#efefef;border:none;font-family:Roboto-Regular;font-size:14px;margin-right:5px}.s-reg-form-field option{color:#525252;height:30px}.s-reg-form-field,.s-reg-form-field-ext label{color:#525252;font-family:Roboto-Medium;font-size:14px}.s-reg-form-field{display:flex;flex-direction:column;width:100%}.s-reg-form-field input:focus,.s-reg-form-field select:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.s-reg-form-field-ext{display:flex;flex-direction:column;width:100px}.s-reg-form-field-ext input{background-color:#efefef;border:none;border-radius:5px;color:#525252;font-family:Roboto-Regular;font-size:14px;margin-right:5px;padding:15px}.s-reg-form-field-ext input:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.bottom-container{display:flex;justify-content:flex-end;width:100%}.create-btn-container{margin-right:35px}.create-staff-btn{background-color:#409b54;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin-bottom:15px;margin-top:15px;padding:15px 30px;width:100%}.admin-annolist-container{max-height:100vh;overflow-y:auto;width:100vw}.admin-annolist-contents{display:flex;flex-direction:row;height:100%;padding:20px}.annolist-post-container-body{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow-y:auto;width:100%}.annolist-post-main-container{border-radius:5px;display:flex;flex-direction:column;height:auto;margin:15px;overflow-y:auto;width:100%}.annolist-post-header{align-items:center;background-color:#fff;border:1px solid #00000033;border-radius:5px;display:flex}.annolist-poster-name-container{align-items:center;display:flex;padding:25px;width:100%}.annolist-user-pic{padding-right:10px}.annolist-user-pic img{width:50px}.linking-page-anno{text-decoration:none}.annolist-post-click-container,.linking-page-anno{display:flex;width:100%}.annolist-post-click{border:1px solid #00000033;border-radius:5px;color:#aba7a7;cursor:pointer;font-family:Roboto-Medium;font-size:14px;padding:15px;width:100%}.annolist-lists-container{align-items:center;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:auto;overflow-x:hidden}.annolist-card-container{display:flex;flex-direction:column;margin-top:10px;width:100%}.annoItem-linking-page{display:flex;flex-direction:column;text-decoration:none;width:100%}.annolist-card{border:1px solid #00000033;border-radius:5px;cursor:pointer;display:flex;height:180px;justify-content:center;padding:20px;transition:background-color .3s,-webkit-transform .3s;transition:transform .3s,background-color .3s;transition:transform .3s,background-color .3s,-webkit-transform .3s}.annolist-card:hover{background-color:#f0f0f0}.annolist-card-img{display:flex;display:inline-block;height:180px;justify-content:center;position:relative;width:425px}.annolist-card-img,.annolist-card-img img{align-items:center;border-radius:5px;overflow:hidden}.annolist-card-img img{display:flex;height:auto;width:350px}.annolist-card-img:before{border-left:130px solid transparent;border-radius:0 5px;border-top:130px solid #47b8b2;content:"";height:0;opacity:80%;position:absolute;right:0;top:0;width:0;z-index:20}.annolist-card-details{display:flex;flex-direction:column;height:180px;justify-content:center;margin:5px 0;overflow:hidden;padding:0 5px 0 25px;width:100%}.annolist-news-title{color:#181818;display:flex;font-family:SSPro-Bold;font-size:22px;justify-content:flex-start;width:100%}.annolist-news-details{-webkit-line-clamp:7;-webkit-box-orient:vertical;color:#6c6c6c;display:-webkit-box;font-family:Roboto-Regular;font-size:14px;height:120px;margin:5px 0;overflow:hidden;text-align:justify;width:100%}.annolist-category-date{align-items:center;display:flex}.annolist-category-indicator{background-color:#0d716f;margin-right:5px}.annolist-category-indicator,.annolist-date-indicator{border-radius:10px;color:#f0f0f0;font-family:Roboto-Medium;font-size:12px;padding:3px 15px}.annolist-date-indicator{background-color:#ffd163}.annolistcard-dd-header{display:flex;height:20px;width:10px}.annolist-post-settings-btn,.annolistcard-post-btn-cont{display:flex}.annolist-post-settings-btn i{color:#404040;font-size:22px}.anno-post-btn-cont{display:inline-block;position:relative;width:100%}.anno-post-settings-btn{color:#404040;display:flex;font-size:26px;justify-content:flex-end;padding:0 20px;position:relative}.anno-post-settings-btn i:hover{cursor:pointer}.annolist-post-options{border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;flex-direction:column;font-family:Roboto-Medium;font-size:14px;opacity:1;position:absolute;right:20px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px);width:130px;z-index:1120}.anno-edit-btn,.announcementData-linking-page{display:flex;text-decoration:none;width:100%}.anno-edit-btn{align-items:center;background-color:#47b8b2;border-radius:5px 5px 0 0;color:#fff;justify-content:center;padding:10px}.anno-edit-btn i{margin-right:10px}.anno-edit-btn:hover{background-color:#4ad6cf;cursor:pointer}.anno-del-btn{align-items:center;background-color:#bc4949;border-radius:0 0 5px 5px;display:flex;justify-content:center;padding:10px;width:100%}.anno-del-btn i{margin-right:10px}.anno-del-btn:hover{background-color:#df4747;cursor:pointer}.annolist-footer{display:flex;justify-content:center;margin:20px 0;width:100%}.anno-search-container{display:flex;justify-content:center;width:350px}.anno-main-popup-form-container{display:flex;height:auto;justify-content:center}.anno-popup-form-container{background-color:#efefef;background-color:#fff;border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:column;height:auto;left:50%;max-height:100%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:850px;z-index:1002}.anno-edit-popup-form-header{background-color:#47b8b2;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;width:100%}.anno-edit-popup-title-container{align-items:center;color:#7a7878;display:flex;justify-content:flex-end;padding:5px 15px;width:100%}.overlay{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.annolist-main-body{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:450px}.annolist-container{border:1px solid #00000033;border-radius:5px;height:100%;margin:15px 15px 0 0;width:100%}.annolist-header{border-bottom:1px solid #00000033;display:flex}.annolist-header-det{align-items:center;display:flex;padding:10px 15px}.annolist-header-icon{margin:0}.annolist-header-icon i{color:#404040;font-size:22px;margin:1px 10px 0 0}.annolist-header-text{color:#404040;font-family:Roboto-Bold;font-size:20px}.annolist-search{align-items:center;display:flex;width:100%}.annolist-search i{background-color:#404040;border-radius:5px 0 0 5px;color:#fff;font-size:14px;margin:0 0 0 15px;padding:9px 10px}.annolist-searchbar-container{align-items:center;display:flex;width:100%}.anno-search-bar{display:flex;flex-direction:row;width:100%}.anno-search-bar input{background-color:#efefef;border:none;border:1px solid rgba(0,0,0,.2);border-radius:0 5px 5px 0;color:#404040;font-family:Roboto-Regular;font-size:14px;margin:10px 15px 10px 0;padding:7px 15px;width:100%}.anno-search-bar input:focus{border:1px solid rgba(0,0,0,.2);outline:none}.announcement-list-container,.category-container{display:flex;flex-direction:column;width:100%}.annolist-subheader{background-color:#f0f0f0;border-bottom:1px solid #00000033;border-top:1px solid #00000033;color:#404040;font-family:Roboto-Medium;font-size:14px;padding:10px 15px}.anno-linking-page{text-decoration:none}.category-links{display:flex;flex-direction:column;margin:5px 0;width:100%}.category-links-det{color:#404040;font-family:Roboto-Regular;font-size:12px;padding:5px 20px}.category-links-det:hover{color:#47b8b2;cursor:pointer}.annolist-links-container{display:flex;flex-direction:column;width:100%}.annolist-title-card-1{align-items:center;border:1px solid #00000033;display:flex;flex-direction:row;padding:15px}.annolist-title-card-1:hover{border:1px solid #47b8b2;cursor:pointer}.react-detail-indicator{background-color:#47b8b2;border-radius:5px;display:flex;height:40px;margin:0 5px;width:5px}.annolist-details{display:flex;flex-direction:column;justify-content:center;margin-left:20px;width:100%}.annolist-title{color:#181818;display:flex;font-family:Roboto-Bold;font-size:14px}.post-det-time{font-family:Roboto-Light}.anno-data-not-found,.post-det-time{color:#404040;display:flex;font-size:12px}.anno-data-not-found{font-family:Roboto-Medium;justify-content:center;padding:10px}.annolist-bottom{background-color:#f0f0f0;border-radius:0 0 5px 5px;border-top:1px solid #00000033;padding:15px 10px}.anno-pagination{display:flex;font-size:16px;justify-content:flex-end}.anno-search-next,.anno-search-prev{color:#47b8b2;cursor:pointer}.admin-annopost-contents,.admin-post-body{display:flex;justify-content:center}.admin-annopost-contents{padding:15px;width:100%}.anno-postview-container-wrapper{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow-y:auto}.annoview-post-main-container{border:1px solid #00000033;border-radius:5px;height:auto;margin:15px;overflow-y:auto;padding:15px;width:100%}.anno-post-contents{display:flex;flex-direction:column;justify-content:center;padding:30px;width:700px}.anno-picture-container{height:auto;width:auto}.anno-main-picture,.anno-picture-container{border-radius:10px;display:flex;justify-content:center}.anno-main-picture{align-items:center;background-size:cover;height:400px;overflow:hidden;width:700px}.annodet-container{align-items:center;width:100%}.annodet-container,.annodetails-container{display:flex;flex-direction:column;justify-content:center}.annodetails-container{padding:5px;width:700px}.anno-main-title-txt{color:#181818;font-family:SSPro-Bold;font-size:30px}.anno-poster-details{color:#181818;font-family:Roboto-Medium;font-size:14px}.anno-poster{margin:5px 15px 5px 0}.anno-post-det-main-container{margin-top:5px;padding-bottom:40px;text-align:justify}.anno-post-det{color:#6c6c6c;font-family:Roboto-Regular;text-align:center}@font-face{font-family:Old-English;font-size:normal;font-weight:400;src:url(http://shots.slarenasitsolutions.com/static/media/Old-English.67806a84fe2e5dbb4043.otf) format("truetype")}.a-student-rec-mainbody{display:flex;height:auto;justify-content:center;overflow-x:hidden;overflow-y:auto}.a-student-rec-table-container{border:1px solid #00000033;border-radius:5px;height:100%;margin:35px;width:100%}.student-rec-table-header-container{align-items:center;background-color:#fff;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;width:100%}.student-rec-title{align-items:center;color:#525252;display:flex;flex-direction:row;padding:5px 15px;width:200px}.student-rec-icon{margin:0;padding:10px}.student-rec-icon i{color:#525252;font-size:24px}.student-rec-text{color:#525252;font-family:Roboto-Bold;font-size:20px;margin:0}.user-record-filter-container{color:#525252;flex-direction:row;padding:5px 15px}.studentyear-records-filter-wrapper,.user-record-filter-container{align-items:center;display:flex}.studentyear-records-filter-container{border:1px solid hsla(0,0%,50%,.2);border-radius:5px;color:#525252;display:flex;font-family:Roboto-Regular;font-size:14px;justify-content:center}.studentyear-records-filter-container select{background-color:#efefef;border-radius:5px;color:#525252;font-family:Roboto-Regular;font-size:14px;padding:5px 10px}.studentyear-records-filter-container select:focus{border:1px solid rgba(0,0,0,.2);outline:none}.student-records-filter-wrapper{align-items:center;display:flex;margin-right:5px}.student-records-filter-container{border:1px solid rgba(0,0,0,.2);border-radius:5px;color:#525252;display:flex;font-family:Roboto-Regular;font-size:14px;justify-content:center}.student-records-filter-container select{background-color:#efefef;border-radius:5px;color:#525252;font-family:Roboto-Regular;font-size:14px;padding:5px 10px}.student-records-filter-container select:focus{border:1px solid hsla(0,0%,57%,.2);outline:none}.reco-searchbar-container{align-items:center;display:flex;width:250px}.reco-searchbar-container i{background-color:#404040;border-radius:5px 0 0 5px;color:#fff;font-size:14px;margin:0 0 0 15px;padding:9px 10px}.reco-search-bar{display:flex;flex-direction:row;width:100%}.reco-search-bar input{background-color:#efefef;border:none;border:1px solid rgba(0,0,0,.2);border-radius:0 5px 5px 0;color:#404040;font-family:Roboto-Regular;font-size:14px;margin:10px 15px 10px 0;padding:7px 15px;width:100%}.reco-search-bar input:focus{border:1px solid rgba(0,0,0,.2);outline:none}.add-reg-btn-container{align-items:center;display:flex;justify-content:center;width:280px}.linking-page-reg{display:flex;text-decoration:none}.batch-dd{background-color:#619681;border-radius:5px;color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin-bottom:15px;margin-left:5px;margin-top:15px;padding:10px 15px}.batch-dd:hover{background-color:#4c7767}.student-rec-container{height:auto}.student-rec-container,.student-rec-main{display:flex;flex-direction:column;width:100%}.student-rec-row-header{background-color:#7c7a7a;color:#fff;font-family:Roboto-Regular;font-size:14px;padding:12px 0}.student-rec-row-data:nth-child(2n){background-color:#f9f9f9}.student-rec-row-data:nth-child(2n),.student-rec-row-data:nth-child(odd){align-items:center;color:#181818;display:flex;flex-direction:row;font-family:Roboto-Regular;font-size:14px;justify-content:center;padding:10px 0}.student-rec-row-data:nth-child(odd){background-color:#f0f0f0}td{align-items:center;justify-content:center;text-align:center}.status-det-container{display:flex;justify-content:center;width:100%}.user-record-actions-container{align-items:center;display:flex;justify-content:center;position:relative;width:110%}.rec-del-btn,.rec-edit-btn,.rec-id-btn,.rec-view-btn{display:inline-block;position:relative}.rec-del-btn .del-tooltip,.rec-edit-btn .edit-tooltip,.rec-id-btn .id-tooltip,.rec-view-btn .view-tooltip{background-color:#444;border-radius:4px;color:#fff;left:80%;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:-25px;transition:opacity .2s;visibility:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.rec-del-btn:hover .del-tooltip,.rec-edit-btn:hover .edit-tooltip,.rec-id-btn:hover .id-tooltip,.rec-view-btn:hover .view-tooltip{opacity:1;visibility:visible}.student-rec-table-footer-container{align-items:center;background-color:#f0f0f0;border-radius:0 0 5px 5px;border-top:1px solid #00000033;display:flex;justify-content:space-between;padding:15px 10px}.student-rec-entry-count-container{color:#181818;display:flex;font-family:Roboto-Light;font-size:12px;padding:5px 10px}.student-rec-btn{align-items:center;display:flex}.student-print-footer,.student-print-header{display:none}@media print{.record-actions-container,.status-det-container,.user-record-actions-container{display:none}@page{margin:20px 20px}body{margin:0}.student-rec-container{display:flex;flex-direction:column;justify-content:center;margin:0 80px}.student-print-header{display:flex;top:0}.student-print-body{display:flex;flex-direction:column;justify-content:center}.student-print-footer{align-items:center;bottom:-5px;display:flex;justify-content:center;left:0;page-break-before:always;position:fixed;right:0;width:100%}.student-rec-print{margin:20px 80px}.user-status.active,.user-status.inactive{background-color:initial;color:#181818;font-family:Roboto-Regular;font-size:12px}}.user-det-container{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:center;margin:0;width:100%}.left-profile-container{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:40px;padding:5px 20px}.profile-container{cursor:pointer}.profile-container,.view-profile-container{border:10px solid #e4e4e4;border-radius:5px;height:150px;margin-bottom:5px;overflow:hidden;position:relative;width:150px}.qr-code-main-container{align-items:center;display:flex;justify-content:center}.user-info-right{display:flex;flex-direction:column;height:480px;margin:10px 0;overflow-y:scroll;padding:5px;width:85%}.popup-info-form-field-sn input:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.qr-popup-overlay{background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.batch-upload,.qr-popup-overlay{align-items:center;display:flex;justify-content:center}.batch-upload{flex-direction:column;height:125px;padding:20px;width:400px}.batch-title{color:#fff;font-family:Roboto-Medium;font-size:16px;margin-left:20px}.batch-det,.batch-title{align-items:center;display:flex;width:100%}.batch-det{color:#525252;font-family:Roboto-Light;font-size:12px;justify-content:center;margin:5px 0}.batch-upload-file-body input{align-items:center;border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:row;justify-content:center;padding:5px}.batch-btn,.batch-upload-file-body input{font-family:Roboto-Regular;font-size:14px}.batch-btn{background-color:#37aaa4;border-radius:5px;color:#fff;padding:5px 10px}.batch-btn:hover{background-color:#32807c;cursor:pointer}.anno-del-modal{display:flex;height:auto;justify-content:center}.del-modal-container{background-color:#fff;border:none;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);height:auto;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:1002}.del-header,.del-modal-container{align-items:center;display:flex;flex-direction:column}.del-header{justify-content:center;padding:20px 20px 10px;width:100%}.del-icon{color:#bc4949;font-size:36px}.del-title{color:#181818;font-family:Roboto-Medium;font-size:18px}.del-selection-container{border-radius:0 0 5px 5px;font-family:Roboto-Regular;font-size:12px;height:auto}.confirm-del-btn,.del-selection-container{display:flex;justify-content:center;width:100%}.confirm-del-btn{background-color:#bc4949;border-radius:0 0 0 5px;color:#fff;padding:10px}.confirm-del-btn:hover{background-color:#df4747;cursor:pointer;font-family:Roboto-Medium}.cancel-del-btn{background-color:#404040;border-radius:0 0 5px 0;color:#fff;display:flex;justify-content:center;padding:10px;width:100%}.cancel-del-btn:hover{background-color:#47b8b2;cursor:pointer;font-family:Roboto-Medium}@font-face{font-family:Roboto-ExtraBold;font-size:normal;font-weight:700;src:url(http://shots.slarenasitsolutions.com/static/media/Roboto-Black.cf56c1b149d0a5e8d7c6.ttf) format("truetype")}.print-id-popup-container{display:flex;height:auto;justify-content:center}.print-id-form-container{background-color:#efefef;background-color:#fff;border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:column;height:auto;left:50%;max-height:100%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;z-index:1002}.print-id-header{background-color:#2e9593;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;width:100%}.print-id-title-container{align-items:center;color:#7a7878;display:flex;height:40px;justify-content:flex-end;padding:5px 15px;width:100%}.print-id-contents{display:flex;flex-direction:row}.print-ID-container{display:flex;flex-direction:column;padding:20px}.front-id-container,.id-pages-wrapper{display:flex;flex-direction:row;justify-content:center}.front-id-container{border:1px solid #00000033;height:3.37008in;margin:10px;width:2.12598in}.front-id-contents{height:100%;width:100%}.front-id-contents,.left-design-container{display:flex;flex-direction:row}.rep-wallpaper{display:flex;height:auto;margin-right:5px;object-fit:cover;overflow:hidden;width:35px}.rep-wallpaper img{height:"100%";object-fit:cover;overflow:hidden;width:"100%"}.school-logo-overlap{display:flex;justify-content:center;left:40px;position:absolute;top:105px;z-index:200}.school-logo-overlap img{border:2px solid #fff;border-radius:100px;width:45px}.rep-wallpaper-line{background-color:#2e9593;display:flex;width:5px}.right-design-container{background-image:url(http://shots.slarenasitsolutions.com/static/media/SHA_shadow.eb223576440046631816.png);background-size:cover;display:flex;flex-direction:column;width:161.09px}.school-name-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;width:100%}.school-name-txt{display:flex;height:28px;justify-content:center}.school-name-txt img{height:28px}.school-address-txt{display:flex;font-family:Roboto-Regular;font-size:5px;justify-content:center;text-align:center;white-space:pre-line;width:140px}.id-picture-container{padding:10px 0;width:100%}.id-picture-container,.student-id-picture{align-items:center;display:flex;justify-content:center}.student-id-picture{background-color:#47b8b2;border:3px solid #f5f5f533;height:115px;width:115px}.student-id-picture img{border:2px solid #000;height:110px;width:110px}.id-cy-det,.id-student-det,.id-stuno,.student-details-container{display:flex;flex-direction:column;width:100%}.id-cy-det,.id-student-det,.id-stuno{align-items:center;justify-content:center}.id-cy-det,.id-stuno{margin-top:3px}.sd-label{color:#47b8b2;display:flex;font-family:Roboto-Medium;font-size:8px}.student-name,.student-number{color:#252525;font-family:Roboto-ExtraBold;font-size:11px;text-align:center;text-transform:uppercase}.student-course-year{font-family:Roboto-ExtraBold;font-size:10px;text-transform:uppercase}.student-course,.student-course-year{align-items:center;color:#252525;display:flex;justify-content:center;text-align:center}.student-course{font-family:Roboto-Medium;font-size:8px}.ay-container{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:10px 0;width:100%}.ay-txt{color:#47b8b2;margin-right:3px}.ay-span,.ay-txt{font-family:Roboto-Medium;font-size:12px}.ay-span{background-color:#2e9593;color:#efefef;padding:1px 3px}.back-id-container{border:1px solid #00000033;display:flex;flex-direction:row;height:3.37008in;justify-content:center;margin:10px;width:2.12598in}.back-id-contents{height:100%}.back-id-contents,.id-back-details{display:flex;flex-direction:column;width:100%}.id-back-details{margin-bottom:5px}.important-container{display:flex;flex-direction:column;margin-top:10px;width:100%}.impt-det{font-family:Roboto-Regular;font-size:6.5px;padding:3px 10px}.back-label,.impt-det{display:flex;text-align:center}.back-label{align-items:center;background-color:#161616;color:#efefef;flex-direction:column;font-family:Roboto-Bold;font-size:8px;justify-content:center;padding:1px 0;width:100%}.top-contact-container{margin-top:5px}.contact-container,.top-contact-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact-container{margin-top:2px}.cont-det{display:flex;font-family:Roboto-Bold;font-size:10px}.emergency-details-container{border:1px solid #161616;border-radius:10px;margin:0 10px;padding:5px}.emergency-details-container,.emphasis-emergency-details{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.emphasis-emergency-details{font-family:Roboto-Bold;font-size:8px}.none-emergency-details{font-family:Roboto-Regular;font-size:8px;text-align:center}.none-emergency-details,.qr-details{align-items:center;display:flex;flex-direction:column;justify-content:center}.qr-details{width:100%}.qr-container{width:100%}.qr-code-container,.qr-container{align-items:center;display:flex;justify-content:center}.qr-code-container{border:3px solid #161616;height:110px;margin:10px;width:110px}.signatoree-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.e-signature-signatoree{height:5px}.name-signatoree{font-family:Roboto-Bold;font-size:10px;text-decoration:underline}.signatoree-position{font-family:Roboto-Medium;font-size:8px;margin-bottom:3px}.footer-id{background-color:#161616;bottom:0;display:flex;height:15px;width:100%}.print-id-button{display:flex;justify-content:flex-end;padding:0 10px}.printing-id-btn{align-items:center;background-color:#d63e3e;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;display:flex;font-family:Roboto-Medium;font-size:14px;padding:10px 20px}.printing-id-btn i{color:#fff;margin-left:5px}.a-staff-rec-mainbody{display:flex;height:auto;justify-content:center;overflow-x:hidden;overflow-y:auto}.a-staff-rec-table-container{border:1px solid #00000033;border-radius:5px;height:100%;margin:35px;width:100%}.staff-rec-table-header-container{align-items:center;background-color:#fff;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;width:100%}.staff-rec-title{align-items:center;color:#525252;display:flex;flex-direction:row;padding:5px 15px;width:335px}.staff-rec-icon{margin:0;padding:10px}.staff-rec-icon i{color:#525252;font-size:24px}.staff-rec-text{color:#525252;font-family:Roboto-Bold;font-size:20px;margin:0}.record-filter-container{align-items:center;color:#525252;display:flex;flex-direction:row;padding:5px 15px}.record-searchbar-container{align-items:center;display:flex;width:500px}.record-searchbar-container i{background-color:#404040;border-radius:5px 0 0 5px;color:#fff;font-size:14px;margin:0 0 0 15px;padding:9px 10px}.rec-search-bar{width:100%}.add-new-btn-container{align-items:center;display:flex;justify-content:center;width:180px}.add-new-btn{background-color:#8edebf;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin-bottom:15px;margin-top:15px;padding:10px 25px}.add-new-btn:hover{background-color:#75c2a5}.staff-rec-container{height:auto}.staff-rec-container,.staff-rec-main{display:flex;flex-direction:column;width:100%}.staff-rec-row-header{background-color:#7c7a7a;color:#fff;font-family:Roboto-Regular;font-size:14px;padding:12px 0}.staff-rec-row-data:nth-child(2n){background-color:#f9f9f9}.staff-rec-row-data:nth-child(2n),.staff-rec-row-data:nth-child(odd){align-items:center;color:#181818;display:flex;font-family:Roboto-Regular;font-size:14px;justify-content:center;padding:6px 0}.staff-rec-row-data:nth-child(odd){background-color:#f0f0f0}.staff-record-actions-container{align-items:center;display:flex;justify-content:center;position:relative;width:90%}.rec-id-btn{background-color:#2e9593;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:7px 8px}.rec-del-btn,.rec-edit-btn,.rec-view-btn{display:inline-block;position:relative}.rec-del-btn .del-tooltip,.rec-edit-btn .edit-tooltip,.rec-view-btn .view-tooltip{background-color:#444;border-radius:4px;color:#fff;left:80%;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:-25px;transition:opacity .2s;visibility:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.rec-del-btn:hover .del-tooltip,.rec-edit-btn:hover .edit-tooltip,.rec-view-btn:hover .view-tooltip{opacity:1;visibility:visible}.staff-rec-table-footer-container{align-items:center;background-color:#f0f0f0;border-radius:0 0 5px 5px;border-top:1px solid #00000033;display:flex;justify-content:space-between;padding:15px 10px}.staff-rec-entry-count-container{color:#181818;display:flex;font-family:Roboto-Light;font-size:12px;padding:5px 10px}.print-id-btn,.staff-rec-btn{align-items:center;display:flex}.print-id-btn{background-color:#2e9593;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin-right:5px;padding:10px 20px}.print-id-btn i{font-size:18px;margin-left:5px}.print-footer,.print-header{display:none}.user-status{color:#333;font-weight:400}.user-status.active{background-color:#8edebf;color:#066741}.user-status.active,.user-status.inactive{border-radius:5px;font-family:Roboto-Bold;font-size:12px;padding:8px 25px}.user-status.inactive{background-color:#e1b5b5;color:#a71010}.staff-print-footer,.staff-print-header{display:none}@media print{.record-actions-container,.staff-record-actions-container,.status-det-container{display:none}@page{margin:20px 20px}body{margin:0}.staff-rec-container{display:flex;flex-direction:column;justify-content:center;margin:0 80px}.staff-print-header{display:flex;top:0}.staff-print-body{display:flex;flex-direction:column;justify-content:center}.staff-print-footer{align-items:center;bottom:-5px;display:flex;justify-content:center;left:0;page-break-before:always;position:fixed;right:0;width:100%}.staff-rec-print{margin:20px 80px}.user-status.active,.user-status.inactive{background-color:initial;color:#181818;font-family:Roboto-Regular;font-size:12px}}.user-main-popup-form-container{display:flex;height:auto;justify-content:center}.popup-form-container{background-color:#efefef;background-color:#fff;border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:column;height:auto;left:50%;max-height:100%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;z-index:1002}.edit-popup-form-header{background-color:#f5ca62}.edit-popup-form-header,.view-popup-form-header{border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;width:100%}.view-popup-form-header{background-color:#47b8b2}.edit-popup-title-container{align-items:center;color:#7a7878;display:flex;justify-content:flex-end;padding:5px 15px;width:100%}.epop-header-icon{margin:0;padding:10px 0}.epop-header-icon i{color:#fff;cursor:pointer;font-size:26px}.epop-header-title p{font-family:Roboto-Bold;font-size:20px;margin:0}.staff-det-container{height:450px}.staff-det-container,.view-staff-det-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0;width:100%}.view-staff-det-container{height:auto}.user-details-popup-container{display:flex;flex-direction:row}.staff-left-profile-container,.view-staff-left-profile-container{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:40px;padding:5px 20px}.profile-container .stud-profile{height:100%;object-fit:cover;width:100%}.profile-container .upload-icon{align-items:center;background:rgba(0,0,0,.7);display:none;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;text-align:center;top:0;transition:opacity .3s;width:100%}.upload-det{color:#fff;display:flex;flex-direction:column;font-size:28px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.profile-container:hover .upload-icon{opacity:1}.ui-txt{font-family:Roboto-Regular;font-size:14px;width:120px}.view-user-upload-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.view-user-upload-main-container img.stud-profile{border-radius:5px;height:150px;object-fit:cover;width:150px}.view-user-upload-main-container button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:12px;margin:0;padding:10px 0;width:100%}.edit-profile-ff input[type=file]{background-color:#efefef;border:none;border-radius:5px;font-family:Roboto-Regular;font-size:12px;padding:10px;width:150px}.profile-update-btn{background-color:#188abb;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Roboto-Medium;font-size:12px;justify-content:center;margin-bottom:5px;padding:10px;text-decoration:none;width:100%;width:150px}.profile-update-btn:hover{background-color:#14759e}.profile-cancel-btn{background-color:#647e8a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Roboto-Medium;font-size:12px;justify-content:center;margin-bottom:5px;padding:10px;text-decoration:none;width:100%;width:150px}.profile-cancel-btn:hover{background-color:#497183}.profile-download-btn{background-color:#188abb;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Roboto-Medium;font-size:12px;justify-content:center;margin-bottom:5px;padding:10px;text-decoration:none;width:100%;width:150px}.profile-download-btn:hover{background-color:#126d94}.qr-download-btn{background-color:#47b8b2}.qr-download-btn,.qr-update-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Roboto-Medium;font-size:12px;justify-content:center;padding:10px;width:100%;width:150px}.qr-update-btn{background-color:#f8b30d}.qr-download-btn{background-color:#40aaa5}.qr-code-main-cointainer{align-items:center;display:flex;justify-content:center}.qr-user-container{border:10px solid #8b8b8b33;border-radius:5px;height:150px;width:150px}.view-staff-info-right{display:flex;flex-direction:column;height:auto;margin:10px 0;padding:5px;width:80%}.popup-subheader-container{width:100%}.popup-subheader-container p{color:#37aaa4;font-family:Roboto-Bold;font-size:16px;margin:0;padding:10px 5px 5px 10px}.popup-basic-info-ff-container,.popup-emergency-information-ff-container,.popup-user-account-info-ff-container{padding:0 10px}.popup-info-ff-1,.popup-info-ff-2,.popup-info-ff-3,.popup-info-ff-4,.popup-info-ff-5,.popup-info-ff-6{align-items:center;display:flex;flex-direction:row}.popup-info-form-field input,.popup-info-form-field select,.popup-info-form-field-sn input{background-color:#efefef;border:none;border-radius:5px;font-family:Roboto-Regular;font-size:12px;margin-right:5px;padding:10px}.popup-info-form-field-sn input{width:100px}.popup-info-form-field option{background-color:#efefef;border:none;color:#525252;font-family:Roboto-Regular;font-size:12px;height:30px;margin-right:5px}.popup-info-form-field,.popup-info-form-field-ext label,.popup-info-form-field-sn{color:#525252;font-family:Roboto-Medium;font-size:12px;padding:2.5px 0}.popup-info-form-field{display:flex;flex-direction:column;width:100%}.popup-info-form-field input:focus,.popup-info-form-field select:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.popup-info-form-field-ext{display:flex;flex-direction:column;width:100px}.popup-info-form-field-ext input{background-color:#efefef;border:none;border-radius:5px;font-family:Roboto-Regular;font-size:12px;margin-right:5px;padding:10px}.popup-info-form-field-ext input:focus{border:1px solid #47b8b2;outline:1px solid #47b8b2}.ast{color:#be3232;font-size:16px}.important-ff{align-items:center;display:flex}.important-ff p{margin:0;padding-left:2px}.popup-bottom-container{display:flex;height:auto;justify-content:flex-end;width:100%}.update-btn-container{margin-right:15px}.update-user-btn{background-color:#409b54;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:12px;margin-bottom:10px;margin-top:10px;padding:15px 30px;width:100%}.loading-overlay{background:rgba(0,0,0,.5);color:#fff;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-container,.loading-overlay{align-items:center;display:flex;flex-direction:column}.loading-container{position:relative;text-align:center}.loading-icon-animation{-webkit-animation:border-animation 2s linear infinite,background-animation 2s linear infinite;animation:border-animation 2s linear infinite,background-animation 2s linear infinite;border:6px solid transparent;border-radius:100%;border-top-color:#47b8b2;height:30px;left:50%;position:static;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30px;z-index:0}.loading-text{-webkit-animation:fadeIn .5s ease-in-out forwards;animation:fadeIn .5s ease-in-out forwards;font-family:Roboto-Regular;font-size:14px;margin-top:20px;opacity:0}@-webkit-keyframes border-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes border-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes background-animation{0%,to{background-color:initial}50%{background-color:#47b8b2}}@keyframes background-animation{0%,to{background-color:initial}50%{background-color:#47b8b2}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@font-face{font-family:Roboto-Light;font-size:normal;font-weight:400;src:url(http://shots.slarenasitsolutions.com/static/media/Roboto-Light.333da16a3f3cc391d087.ttf) format("truetype")}.a-attendance-rec-mainbody{display:flex;height:auto;justify-content:center;overflow-x:hidden;overflow-y:auto}.a-attendance-rec-table-container{border:1px solid #00000033;border-radius:5px;height:100%;margin:35px;width:100%}.attendance-rec-table-header-container{align-items:center;background-color:#fff;border-bottom:1px solid #00000033;border-radius:5px 5px 0 0;display:flex;width:100%}.attendance-rec-title{align-items:center;color:#525252;display:flex;flex-direction:row;padding:5px 15px;width:250px}.attendance-rec-icon{margin:0;padding:10px}.attendance-rec-icon i{color:#525252;font-size:24px}.attendance-rec-text{color:#525252;font-family:Roboto-Bold;font-size:20px;margin:0}.left-header-rec{display:flex}.right-header-rec{align-items:center;display:flex;justify-content:flex-end;margin-right:15px;width:100%}.a-record-filter-container{align-items:center;color:#525252;display:flex;flex-direction:row;padding:5px 15px;width:220px}.filter-row-container input,.filter-row-text{color:#404040;font-family:Roboto-Regular;font-size:14px}.filter-row-container input{background-color:#efefef;border:none;border:1px solid rgba(0,0,0,.2);border-radius:5px;height:20px;margin:10px 5px;width:35px}.filter-row-container input:focus{border:1px solid rgba(0,0,0,.2);outline:none}.a-record-searchbar-container{align-items:center;display:flex;width:300px}.a-record-searchbar-container i{background-color:#404040;border-radius:5px 0 0 5px;color:#fff;font-size:14px;margin:0 0 0 15px;padding:9px 10px}.rec-searchbar-container{align-items:center;display:flex;width:100%}.rec-search-bar{display:flex;flex-direction:row}.rec-search-bar input{background-color:#efefef;border:none;border:1px solid rgba(0,0,0,.2);border-radius:0 5px 5px 0;color:#404040;font-family:Roboto-Regular;font-size:14px;margin:10px 15px 10px 0;padding:7px 15px;width:100%}.rec-search-bar input:focus{border:1px solid rgba(0,0,0,.2);outline:none}.date-filter-rec{align-items:center;display:flex;flex-direction:row;justify-content:center}.date-before input{margin:10px 10px 10px 0}.date-after input,.date-before input{background-color:#efefef;border:none;border:1px solid rgba(0,0,0,.2);border-radius:5px;color:#404040;font-family:Roboto-Regular;font-size:12px;padding:7px 15px;width:100px}.date-after input{margin:10px 0 10px 10px}.date-input{direction:rtl}.attendance-rec-main{display:flex;flex-direction:column;width:100%}.attendance-rec-row-header{background-color:#7c7a7a;color:#fff;font-family:Roboto-Regular;font-size:14px;padding:12px 0}.attendance-rec-row-data:nth-child(2n){background-color:#f9f9f9}.attendance-rec-row-data:nth-child(2n),.attendance-rec-row-data:nth-child(odd){align-items:center;color:#181818;display:flex;font-family:Roboto-Regular;font-size:14px;justify-content:center;padding:6px 0}.attendance-rec-row-data:nth-child(odd){background-color:#f0f0f0}tr{display:flex;flex-direction:row;width:100%}.small-det-container{display:flex;justify-content:center;width:100%}.medium-det-container{display:flex;justify-content:center;width:110%}.large-det-container{display:flex;justify-content:center;width:120%}.record-actions-container{align-items:center;display:flex;justify-content:center;width:80%}.rec-view-btn{background-color:#5dcac4}.rec-edit-btn,.rec-view-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-right:3px;padding:7px 8px}.rec-edit-btn{background-color:#f5ca62}.rec-del-btn{background-color:#f38080;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-right:3px;padding:7px 8px}.attendance-rec-table-footer-container{align-items:center;background-color:#f0f0f0;border-radius:0 0 5px 5px;border-top:1px solid #00000033;display:flex;justify-content:space-between;padding:15px 10px}.attendance-rec-entry-count-container{color:#181818;display:flex;font-family:Roboto-Light;font-size:12px;padding:5px 10px}.entry-count-indicator{margin-right:5px}.page-next-prev-btn-container{align-items:center;display:flex}.prev-btn{color:#7c7a7a;font-family:Roboto-Regular}.prev-btn,.prev-btn:hover{font-size:14px;padding:5px 10px}.prev-btn:hover{color:#404040;cursor:pointer;font-family:Roboto-Medium}.next-btn{color:#5dcac4;font-family:Roboto-Regular}.next-btn,.next-btn:hover{font-size:14px;padding:5px 20px}.next-btn:hover{color:#3fccc5;cursor:pointer;font-family:Roboto-Medium}.page-num-indicator{align-items:center;display:flex;flex-direction:row}.page-num-indicator-txt{color:#404040;font-family:Roboto-Regular;font-size:14px;padding:5px 10px}.page-indicator-main{border:1px solid #00000033;border-radius:5px;display:flex;flex-direction:row;padding:5px}.shaded-num-indicator-cont{color:#404040;font-family:Roboto-Regular;font-size:14px;padding:5px 0}.num-indicator-cont-1{border-right:1px solid #00000033}.num-indicator-cont-1,.num-indicator-cont-2{color:#404040;font-family:Roboto-Regular;font-size:14px;padding:5px 10px}.num-indicator-cont-2{border-left:1px solid #00000033}.attendance-rec-btn,.print-pdf-btn{align-items:center;display:flex}.print-pdf-btn{background-color:#d87575;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;font-family:Roboto-Medium;font-size:14px;margin-left:5px;padding:10px 20px}.print-pdf-btn:hover{background-color:#c45c5c}.print-pdf-btn i{font-size:18px;margin-left:5px}.exc-btn{align-items:center;background-color:#409b54;border:none;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;display:flex;font-family:Roboto-Medium;font-size:14px;padding:10px 20px}.exc-btn:hover{background-color:#347e44}.exc-btn i{font-size:18px;margin-left:5px}.log-type{width:50px}.log-type.Time-In{background-color:#8edebf;color:#066741}.log-type.Time-In,.log-type.Time-out{border-radius:5px;font-family:Roboto-Bold;font-size:12px;padding:8px 25px}.log-type.Time-out{background-color:#e1b5b5;color:#a71010}.attendance-print-footer,.attendance-print-header{display:none}.no-data-found-message{color:#404040;display:flex;font-family:Roboto-Medium;font-size:14px;justify-content:center;padding:20px}@media print{.record-actions-container,.status-det-container,.user-record-actions-container{display:none}@page{margin:20px 20px}body{margin:0}.attendance-rec-container{display:flex;flex-direction:column;justify-content:center;margin:0 80px}.attendance-print-header{display:flex;top:0}.attendance-print-body{display:flex;flex-direction:column;justify-content:center}.attendance-print-footer{align-items:center;bottom:-5px;display:flex;justify-content:center;left:0;page-break-before:always;position:fixed;right:0;width:100%}.attendance-record-print{display:flex;flex-direction:column;justify-content:center;margin:20px 80px}.log-type.Time-In,.log-type.Time-out,.user-status.active,.user-status.inactive{background-color:initial;color:#181818;font-family:Roboto-Regular;font-size:12px}}@media (max-width:768px){.right-header-rec{justify-content:center;width:95%}.attendance-rec-icon{margin:0;padding:5px 10px}.att-record-filter-container,.staff-attendance-rec-title{padding:5px 15px}.rec-search-bar input{margin:5px 10px 5px 0;padding:7px 15px}}@media (max-width:425px){.att-record-filter-container{display:100px}.att-record-filter-container,.staff-attendance-rec-title{padding:5px 15px}.right-header-rec{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-right:0;width:100%}.rec-search-bar input{font-size:12px;margin:5px 10px 5px 0;padding:7px 10px}.date-after input,.date-before input{width:130px}.attendance-rec-row-header{background-color:#7c7a7a;color:#fff;font-family:Roboto-Regular;font-size:12px;padding:10px 0}.attendance-rec-row-data:nth-child(2n),.attendance-rec-row-data:nth-child(odd){background-color:#f0f0f0;font-family:Roboto-Regular;font-size:12px}.log-type.Time-In,.log-type.Time-out{font-size:12px;padding:5px 10px}}@media (max-width:375px){.qr-log-reports-header{margin:0 20px}.qr-log-reports-subheader{padding:10px 30px}.qr-scanned-det{align-items:center;display:flex;margin:0 5px;padding:5px 20px}.att-record-filter-container{display:100px}.staff-attendance-rec-title{padding:5px 10px}.att-record-filter-container{padding:5px 0}.staff-attendance-rec-text{font-size:16px}.left-header-record{display:flex;height:50px;width:100%}.right-header-rec{display:flex;flex-direction:column;margin-right:0;width:100%}.date-filter-rec,.right-header-rec{align-items:center;justify-content:center}.date-filter-rec{width:95%}.rec-search-bar input{font-size:12px;margin:5px 10px 5px 0;padding:7px 10px}.date-after input,.date-before input{width:115px}.attendance-rec-row-data:nth-child(2n),.attendance-rec-row-data:nth-child(odd){background-color:#f0f0f0;font-family:Roboto-Regular;font-size:12px;padding:10px 5px}.log-type.Time-In,.log-type.Time-out{background-color:initial;font-size:12px;padding:0}.next-btn,.page-num-indicator-txt,.prev-btn{font-size:12px}}@font-face{font-family:Roboto-Regular;font-size:normal;font-weight:400;src:url(http://shots.slarenasitsolutions.com/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf) format("truetype")}@font-face{font-family:Roboto-Medium;font-size:normal;font-weight:medium;src:url(http://shots.slarenasitsolutions.com/static/media/Roboto-Medium.7c8d04cd831df3033c8a.ttf) format("truetype")}@font-face{font-family:Roboto-Bold;font-size:normal;font-weight:700;src:url(http://shots.slarenasitsolutions.com/static/media/Roboto-Bold.f80816a5455d171f948d.ttf) format("truetype")}@font-face{font-family:SSPro-Bold;font-size:normal;font-weight:700;src:url(http://shots.slarenasitsolutions.com/static/media/SourceSansPro-Bold.8a1dab6b26e68026997d.ttf) format("truetype")}.error-body{display:flex;height:100vh;width:100%}.error-contents{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.err-det{font-family:SSPro-Bold;font-size:48px;height:300px;width:500px}.error-404-cont{background-image:url(http://shots.slarenasitsolutions.com/static/media/error404.09e9fad5fc7f17283ff8.png);background-position:50%;background-size:cover;height:300px;width:500px}
/*# sourceMappingURL=main.fb98900f.css.map*/