._attendanceBg_cw70z_1{background:url(../assets/background.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:100vh;min-width:100vw;width:100vw;height:100vh;margin:0!important;padding:0!important;box-sizing:border-box;overflow-x:hidden;display:flex;flex-direction:column}html,body,#_root_cw70z_1{height:auto;min-height:100%;overflow-y:auto}._datetimepicker_cw70z_29{max-width:200px}._flatpickrCalendar_cw70z_32{font-size:14px;max-width:300px}._footerStyled_cw70z_36{position:fixed;bottom:0;right:0;padding:.5rem 1rem;font-size:small;font-weight:700;background-color:#ffffffe6;opacity:.8;z-index:9999;border-top-left-radius:8px;box-shadow:-2px -2px 8px #0003;pointer-events:none}._mainTitle_cw70z_51,._opActTitle_cw70z_52,._noOpActTitle_cw70z_53,._OpTitle_cw70z_54{width:fit-content;border:2px solid black;border-radius:20px;text-align:center;padding:15px 30px;background-color:#fff;margin:10px auto}._loginForm_cw70z_64{border:3px solid #f1f1f1;background-color:#d3d3d3;width:175px;padding:10px;margin:10% auto 20px;transform:scale(1.5);justify-content:center;position:relative}._usernameContainer_cw70z_76{position:relative;margin:10px 0 0;width:100%}._dateForm_cw70z_82{display:block;background-color:#555;border:none;border-radius:8px;padding:5px;width:fit-content;height:auto;font-size:15px;margin:0 auto 20px}._backdateLabel_cw70z_94{color:#fff}._dateContainer_cw70z_98{position:relative;padding-top:5px;width:100%}._usernameInput_cw70z_104{width:100%;box-sizing:border-box}._subtitle_cw70z_109{margin:0 auto;text-align:center}._loginFormMargin_cw70z_114{margin:10px 0 0 65px}._nameList_cw70z_118{border:1px solid #ccc;max-height:150px;overflow-y:auto;position:absolute;background-color:#fff;z-index:1000;width:100%;display:none}._nameListItem_cw70z_129{padding:8px;cursor:pointer}._nameListItemHover_cw70z_133{background-color:#e9e9e9}._activityContainer_cw70z_137{text-align:center;margin-bottom:20px}._activity_cw70z_137,._operationalButtons_cw70z_142,._nonOperationalButtons_cw70z_143{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;justify-content:center;padding:20px}._selectableButton_cw70z_151{padding:15px 30px;font-size:18px;cursor:pointer;border:none;border-radius:8px;background-color:#555;color:#fff;transition:background-color .3s ease,transform .3s ease}._selectableButton_cw70z_151._selected_cw70z_161{background-color:#333!important;transform:scale(1.05)}._backButton_cw70z_166{position:absolute;top:10px;left:10px;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:.5em;border:none;background-color:#555;color:#fff;z-index:10;transition:background-color .3s ease,transform .3s ease}._backButton_cw70z_166:hover{background-color:#333;transform:scale(1.05)}._submitButton_cw70z_185{display:block;background-color:#eb1919;padding:15px 30px;font-size:18px;cursor:pointer;border-width:2px;border:none;border-radius:8px;color:#fff;justify-content:center;left:50%;transform:translate(-50%);position:relative;margin-top:20px}._submitButton_cw70z_185:hover{background-color:#c81818}._popup_cw70z_206{display:none;position:fixed;top:20px;left:50%;transform:translate(-50%);padding:15px;border-radius:5px;color:#fff;font-size:16px;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:_fadeout_cw70z_1 1s ease-out 3s forwards}._popupSuccess_cw70z_220{background-color:#4caf50}._popupError_cw70z_223{background-color:#f44336}@keyframes _fadeout_cw70z_1{to{opacity:0;transform:translateY(20px)}}@media(max-width:600px){._attendanceBg_cw70z_1,._attendanceBgHtml_cw70z_237{height:100%;margin:0;padding:0;display:flex;flex-direction:column}._main_cw70z_51,._footerStyled_cw70z_36,._headerStyled_cw70z_246{margin-bottom:0;padding-bottom:0;min-height:100%}._backButton_cw70z_166{position:absolute;top:3px;left:3px;z-index:20}._activityContainer_cw70z_137{margin-top:80px;padding:10px}._opActTitle_cw70z_52,._noOpActTitle_cw70z_53{margin-top:20px}._submitButton_cw70z_185{position:fixed;bottom:20px;width:80%;left:50%;transform:translate(-50%)}}._btnDark_cw70z_273{text-emphasis-color:#fff}._custom-title_cw70z_276{padding-right:1rem;padding-left:1rem}main{display:block;width:100%;overflow:visible}