@charset "UTF-8";body{background-color:#ece4fa;font-family:Roboto,sans-serif;height:100%!important;padding:0;width:100%!important}.inputContainer{border:none;padding-bottom:10px;padding-top:10px}.inputContainer input{background-color:#eceff7;border:none;border-radius:10px;height:60px;outline:none;padding-left:20px;width:100%}.cardContainer{background-color:#fff;border:none;border-radius:10px;padding:20px}.mainContainer{padding-left:25vw;z-index:0}.collapsedMenuMainContainer{padding-left:10vw}.mainContentContainer{height:100vh;padding-left:1vw;width:100%}.pageTitleContainer{height:12vh;padding-bottom:2vh;padding-top:2vh}.pageTitleContainer h1{color:#3d5daa;font-size:max(2vw,28px);font-weight:400;line-height:8vh}.modalContainer{background-color:rgba(0,0,0,.5);bottom:0;display:flex;height:100%;left:0;overflow-y:auto;padding:min(2vw,2vh);position:fixed;right:0;top:0;width:100%;z-index:5!important}.cancelButton{background-color:#ffd600;border:none;border-radius:5px;color:#666;font-size:max(1.2vw,18px);font-weight:400;height:6vh;outline:none}.saveButton{background-color:#6fb54e}.saveButton,.updateButton{border:none;border-radius:5px;color:#fff;font-size:max(1.2vw,18px);font-weight:400;height:6vh;outline:none}.updateButton{background-color:#3d5daa}.deleteButton{background-color:#f34b4b;border:none;border-radius:5px;color:#fff;font-size:max(1.2vw,18px);font-weight:400;height:6vh;outline:none}.closeModal{cursor:pointer;position:absolute;right:2vw;top:1vw;z-index:5}.closeModal img{height:4vh;width:4vh}@media only screen and (max-width:912px){.mainContainer{padding-left:0}.mainContentContainer{height:100vh;padding-left:1vw;width:100%}.collapsedMenuMainContainer{padding-left:0}.closeModal{right:2vw;top:2vw}}.loginFormContainer{padding-top:max(4vh,64px);width:100%}.loginFormContainer .loginLogoContainer{text-align:center;width:100%}.loginLogoContainer img{height:auto;padding:max(1vw,16px);width:max(20vw,250px)}.loginFormInputContainer{margin:auto;padding:max(1vw,16px);text-align:center;width:max(30vw,480px)}.loginFormInputContainer h1{color:#3d5daa;font-size:max(1.5vw,18px);margin-bottom:20px}.loginFormInput{border:none;padding-bottom:max(.5vw,8px);padding-top:max(.5vw,8px)}.loginFormInput input{background-color:#eceff7;border:none;border-radius:10px;font-size:max(1vw,16px);height:max(7vh,50px);outline:none;padding-left:max(1vw,16px);width:100%}.keepSignedInInput{cursor:pointer;text-align:left}.keepSignedInInput label{color:#000;cursor:pointer;font-size:max(1vw,14px);padding-left:max(.5vw,8px)}.forgotPasswordContainer{color:#000;font-size:max(1vw,14px);text-align:right}.forgotPasswordContainer a{cursor:pointer}.loginButton{background-color:#3d5daa;border:none;border-radius:10px;color:#fff;font-size:max(1.2vw,18px);font-weight:500;height:max(7vh,50px);outline:none;padding:max(.5vw,10px);width:100%}@media only screen and (max-width:912px){.loginFormInputContainer{width:100%}}@media only screen and (min-width:1919px){.keepSignedInInput input{height:.8vw!important;width:.8vw!important}}.navbarContainer{border-right:1px solid #cacaca;min-height:100vh;position:fixed;width:25vw;z-index:4}.DesktopNavbarArea{background-color:#fff;display:block;height:100%;overflow-x:hidden;overflow-y:scroll;position:fixed;width:25vw;z-index:0}.navbarLogoContainer{height:12vh;padding-bottom:2vh;padding-left:2vw;padding-top:2vh}.menuLogoContainer{height:8vh}.menuLogoContainer img{height:100%}.collapseButtonArea{cursor:pointer;height:8vh;width:100%}.collapseButtonArea img{float:right;height:100%;padding:10%}.collapsedNavbarContainer{background-color:#fff;border-right:1px solid #cacaca;min-height:100vh;position:fixed;width:6vw;z-index:4}.DesktopCollapseNavbarArea{height:100vh;padding-left:1vw;padding-right:1vw;padding-top:2vh;position:fixed;width:6vw}.DesktopCollapseNavbarArea .menuLogoContainer{position:relative}.DesktopCollapseNavbarArea .desktopCollapseNavbarMenuLogo{width:100%}.DesktopCollapseNavbarArea .menuExpandButtonArea{background-color:#3d5daa;border:1px solid #666;border-radius:50%;cursor:pointer;height:max(4vh,24px);outline:none;position:absolute;right:-1vw;top:50%;width:max(4vh,24px);z-index:3}.DesktopCollapseNavbarArea .menuExpandButtonArea img{height:100%;width:100%}.MobileNavbarArea,.mobileNavbarContainer{display:none}.mobileNavbarButtonContainer{display:none!important}.navbarShow{display:block}.navbarHide{display:none}@media only screen and (max-width:912px){.DesktopCollapseNavbarArea,.DesktopNavbarArea,.collapsedNavbarContainer,.navbarContainer{display:none}.mobileNavbarButtonContainer{background-color:red;display:block!important;position:fixed;width:100vw;z-index:1}.mobileNavbarButton{background-color:#ffd600;background-color:#fff;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);cursor:pointer;height:max(5.5vh,48px);margin-right:max(2vw,28px);padding:6px;position:absolute;right:-2vh;top:1vh;width:max(5.5vh,48px)}.mobileNavbarButton img{height:100%;width:100%}.mobileNavbarContainer{display:block;height:100vh;width:100vw;z-index:5}.MobileNavbarArea{background-color:#eceff7;display:block;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:4}.mobileMenuLogoContainer{padding:1vh}.mobileMenuLogoContainer .mobileMenuLogo{height:8vh;width:auto}.mobileMenuLogoContainer .closeMobileMenuButton{height:6vh;width:6vh}.navbarShow{display:block}.navbarHide{display:none}}.navbarOptionContainer{border-width:medium .1px .1px;border-top:.1px solid #cacaca;cursor:pointer;height:10vh;padding-bottom:1vh;padding-left:2vw;padding-top:1vh}.navbarActive{background-color:#3d5daa}.navbarActive .navbarOptionTitle h1{color:#fff!important}.navbarOptionTitle{display:flex;height:8vh}.navbarOptionTitle img{height:100%;padding:min(6%,3vw)}.navbarOptionTitle h1{color:#646464;font-size:max(1vw,18px);font-weight:400;height:100%;line-height:8vh}.expandButtonArea{height:8vh;width:100%}.expandButtonArea svg{float:right;height:100%;padding:20%;width:auto}.expandButtonArea svg path{stroke:#3d5daa}.navbarActive .expandButtonArea svg path{stroke:#fff}.collapsedNavbarOptionContainer{border-top:1px solid #cacaca;cursor:pointer}.collapsedNavbarOptionContainer img{padding:25%;width:100%}.loaderScreenContainer{background-color:rgba(0,0,0,.3);height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.loaderContainer{height:max(8vh,54px);justify-content:center;margin-top:max(46vh,50vh - 27px);width:100%}.loaderArea,.loaderArea svg{height:100%;width:100%}.logoContainer{height:100vh;text-align:center;width:100%}.logoContainer img{height:100%;justify-content:center;left:max(25% - 7.5vw,25% - 250px);padding:max(.6vw,10px);position:fixed;width:max(15vw,250px)}.companyRegisterFormInputContainer{height:100%;margin-top:max(4vh,40px);padding:max(1vw,16px);text-align:center;width:100%}.companyRegisterFormInputContainer h1{color:#3d5daa;font-size:max(1.5vw,24px);margin-bottom:max(1vw,16px)}.companyRegisterFormInput{border:none;padding-bottom:max(.5vw,8px);padding-top:max(.5vw,8px)}.companyRegisterFormInput input{background-color:#eceff7;border:none;font-size:max(1vw,16px);padding-left:max(1vw,16px)}.companyRegisterFormInput input,.submitButton{border-radius:10px;height:max(7vh,50px);outline:none;width:100%}.submitButton{background-color:#3d5daa;border:none;color:#fff;font-size:max(1.2vw,18px);font-weight:500;padding:max(.5vw,10px)}.apiResponseText{color:#f34b4b}@media only screen and (max-width:768px){.logoContainer{height:20vh}.logoContainer img{left:0;position:relative}}.HomeContainer{height:100vh;padding-left:1vw;width:75vw}.HomeContainer .container{max-width:100%!important;width:75vw;width:100%}.employeesClockInList{height:88vh;max-height:88vh;min-height:88vh;overflow:scroll;padding-bottom:2vh;position:relative;width:100%}.tabsContainer{border-bottom:1px solid #9d9d9d;display:flex;height:6vh;width:100%}.tabsContainer .tab{cursor:pointer;font-size:max(1.2vw,16px);line-height:6vh;padding-right:1vw}.tabsContainer .tab p{color:#666;font-weight:400}.tabsContainer .activeTab p{color:#000;font-weight:500}.downloadReportContainer{padding-bottom:5vh;padding-top:2vh;width:100%}.downloadReportForm{display:flex;justify-content:flex-end;width:100%}.monthYearPicker input{border:2px solid #555;border-radius:5px;color:#555;font-size:max(1.2vw,18px);height:5vh;padding-left:1vw;text-transform:capitalize}.downloadReportForm button{background-color:#3d5daa;border:none;border-radius:5px;color:#fff;font-size:max(1vw,14px);height:5vh;margin-left:1vw;outline:none;padding-left:1vw;padding-right:1vw}.chartContainer{font-size:max(1vw,16px);min-height:82vh}.attendancePieChart{height:50vh}@media only screen and (max-width:912px){#home-page .employeesClockInList{height:auto;max-height:88vh;min-height:0;min-height:auto;overflow:scroll;padding-bottom:2vh;position:relative;width:100%}#home-page .cardContainer{margin-top:2vh}#home-page .monthYearPicker input{font-size:max(1vw,16px);width:90%}#home-page .downloadReportForm button{font-size:max(.8vw,12px);margin-left:.5vw}}@media only screen and (min-width:1919px){#home-page .employeesClockInList{height:88vh;min-height:88vh;overflow:scroll;padding-bottom:2vh;position:relative;width:100%}#home-page .cardContainer{margin-top:2vh}#home-page .monthYearPicker input{font-size:max(1vw,16px);width:100%}#home-page .downloadReportForm{display:flex;justify-content:flex-end;width:100%}#home-page .downloadReportForm button{font-size:max(.8vw,12px);margin-left:.5vw}}.listContainer{padding-left:.5vw;padding-top:2vh;width:100%}.listContainer table{width:100%}.listContainer tr{border-bottom:1px solid #9d9d9d;height:6vh;width:100%}.listContainer th{color:#666;font-size:max(10px,1vw);font-weight:500;width:33.3%}.listContainer td{color:#555;font-size:max(14px,1.2vw);font-weight:400;width:33.3%}.listActionContainer .listActionButton{border:none;border-radius:5px;height:6vh;margin-left:1vw;outline:none;padding-left:1vw;padding-right:1vw}.listActionContainer .prevButton{background-color:#ffd600;color:#525252;font-size:max(14px,1.2vw);font-weight:500}.listActionContainer .nextButton{background-color:#3d5daa;color:#fff;font-size:max(14px,1.2vw);font-weight:500}#EmployeesOnLeaveListContainer .listContainer{padding-left:.5vw;padding-top:2vh;width:100%}#EmployeesOnLeaveListContainer .listContainer table{width:100%}#EmployeesOnLeaveListContainer .listContainer tr{border-bottom:1px solid #9d9d9d;height:6vh;width:100%}#EmployeesOnLeaveListContainer .listContainer th{color:#666;font-size:max(12px,1.1vw);font-weight:500;width:33.3%}#EmployeesOnLeaveListContainer .listContainer td{color:#555;font-size:max(14px,1.2vw);font-weight:400;width:33.3%}#EmployeesOnLeaveListContainer .listContainer .leaveDates{font-size:max(12px,1vw)}#EmployeesOnLeaveListContainer .listActionContainer{bottom:.5vh;position:absolute;right:.5vw;width:100%}#EmployeesOnLeaveListContainer .listActionContainer .listActionButton{border:none;border-radius:5px;height:6vh;margin-left:1vw;outline:none;padding-left:1vw;padding-right:1vw}#EmployeesOnLeaveListContainer .listActionContainer .prevButton{background-color:#ffd600;color:#525252;font-size:max(14px,1.2vw);font-weight:500}#EmployeesOnLeaveListContainer .listActionContainer .nextButton{background-color:#3d5daa;color:#fff;font-size:max(14px,1.2vw);font-weight:500}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.addEmployeeRow button{background-color:#3d5daa;border:none;border-radius:5px;color:#fff;font-size:max(1.1vw,14px);font-weight:500;height:max(6vh,50px);outline:none;width:max(15vw,150px)}.employeesTableContainer{height:100vh;max-height:100vh;min-height:100vh;overflow:scroll}.employeesTableContainer table{width:100%}.employeesTableContainer table tr{border-bottom:1px solid #9d9d9d}.employeesTableContainer table .activeRow{background-color:#eaedf6}.employeesTableContainer th{color:#666;font-size:max(1.1vw,12px);font-weight:500;padding:1vh .5vw}.employeesTableContainer td{color:#555;cursor:pointer;font-size:max(1.2vw,14px);font-weight:400;padding:1vh .5vw}#employeeTableContainer .employeeStatusButton{border:none;border-radius:5px;font-size:max(1.2vw,12px);font-weight:500;height:6vh;outline:none;width:100%}#employeeTableContainer .clockedOutStatus{font-size:max(.7vw,12px)}#employeeTableContainer .onLeaveStatus,#employeeTableContainer .unknownStatus{font-size:max(1vw,10px)}.listActionContainer{bottom:.5vh;position:absolute;right:.5vw;width:100%}#employeeTableContainer .listActionContainer .listActionButton{border:none;border-radius:5px;height:6vh;margin-left:1vw;outline:none;padding-left:max(1vw,16px);padding-right:max(1vw,16px)}#employeeTableContainer .listActionContainer .prevButton{background-color:#ffd600;color:#525252;font-size:max(14px,1.2vw);font-weight:500}#employeeTableContainer .listActionContainer .nextButton{background-color:#3d5daa;color:#fff;font-size:max(14px,1.2vw);font-weight:500}@media only screen and (max-width:912px){.employeesTableContainer{height:auto;max-height:100vh;min-height:0;min-height:auto}}@media only screen and (min-width:1919px){.employeesTableContainer{height:100vh}}#employeeDetailsContainer .employeeDetailsContainer{border-left:1px solid #000;height:100vh;padding-top:1.5vh}#employeeDetailsContainer .employeeDetailsModalContainer{display:none}#employeeDetailsContainer .editEmployeeRow img{cursor:pointer;height:max(2vw,32px)}#employeeDetailsContainer .profilePhotoContainer img{border-radius:50%;height:max(24vh,200px);width:max(24vh,200px)}#employeeDetailsContainer .employeeDetailsTextArea{height:64vh;overflow-y:auto;padding-left:1vw;padding-top:3vh;width:100%}#employeeDetailsContainer .employeeDetailsTextArea p{color:#666;font-size:max(1vw,16px);font-weight:400;overflow-wrap:break-word;width:100%}#employeeDetailsContainer .employeeDeviceActionArea{padding-top:1vw}#employeeDetailsContainer .userSavedInDevice{color:#6fb54e;font-size:max(1vw,16px);line-height:max(2vw,32px);padding-right:1vw}#employeeDetailsContainer .saveUserInDeviceButton{background-color:#ffd600;color:#5c5c5c;margin-right:1vw}#employeeDetailsContainer .deleteEmployeeButton,#employeeDetailsContainer .saveUserInDeviceButton{border:none;border-radius:5px;font-size:max(1vw,16px);height:max(2vw,32px);outline:none;padding-left:1em;padding-right:1em}#employeeDetailsContainer .deleteEmployeeButton{background-color:#f34b4b;color:#fff}@media only screen and (max-width:768px){#employeeDetailsContainer{border:none;margin-top:50px;padding-top:20px}}@media only screen and (max-width:912px){#employeeDetailsContainer{display:none}}.addEmployeeCardContainer{height:100%;margin:0;min-height:100vh;padding:min(1vh,1vw);width:100%}.addEmployeeCardContainer .container{margin:0;max-width:100%!important;padding:0;width:100%}.addEmployeeModalArea{height:100%;min-height:94vh;position:relative;width:100%}#addEmployeeModal .employeeIdRow p{color:#666;font-size:max(1.3vw,16px);font-weight:500}#addEmployeeModal .modalProfilePhotoContainer .photoArea img{border:1px solid #666;border-radius:50%;height:33vh;object-fit:cover;width:33vh}.AddEmployeeFormInputContainer input{border:1px solid #666;color:#666;font-size:max(1.2vw,16px);font-weight:400;height:7vh}.AddEmployeeFormInputContainer textarea{background-color:#eceff7;border:1px solid #666;border-radius:5px;color:#666;font-size:max(1vw,14px);font-weight:400;height:33.5vh;padding-left:1vw;padding-top:1vh;width:100%}.AddEmployeeFormInputContainer select{border:1px solid #666;border-radius:10px;color:#666;font-size:max(1.2vw,16px);font-weight:400;height:7vh;padding-left:max(1vw,16px);padding-right:max(1vw,16px);width:100%}.AddEmployeeFormInputContainer h1{color:#3d5daa;font-size:max(1.2vw,18px);font-weight:400;margin-bottom:.5vh}.AddEmployeeFormInputContainer .salaryInputContainer{height:7vh;position:relative}.AddEmployeeFormInputContainer .amountText{background-color:#eceff7;border:1px solid #666;border-radius:10px;color:#666;font-size:max(1.2vw,16px);font-weight:400;height:7vh;line-height:7vh;padding-left:20px;position:absolute;width:100%;z-index:2}.AddEmployeeFormInputContainer .amountTextInput{opacity:0}.AddEmployeeFormInputContainer .dateInput,.AddEmployeeFormInputContainer .dateInputWrapper{width:100%}.addEmployeeCardContainer .apiResponseText{font-size:max(1vw,16px)}.AddEmployeeFormActionContainer .cancelButton{margin-right:1vw;min-width:max(10vw,88px)}.AddEmployeeFormActionContainer .saveButton{min-width:max(10vw,88px)}.EditEmployeeCardContainer{height:100%;margin:0;min-height:100vh;padding:min(1vh,1vw);width:100%}.EditEmployeeCardContainer .container{margin:0;max-width:100%!important;padding:0;width:100%}.EditEmployeeModalArea{height:100%;min-height:94vh;width:100%}.employeeIdRow p{color:#666;font-size:max(1.3vw,16px);font-weight:500}.modalProfilePhotoContainer{height:35vh;padding:2vh;position:relative;width:35vh}.modalProfilePhotoContainer .editProfilePhotoButton img{border-radius:0;height:4vh;position:absolute;right:6vh;top:2vh}.modalProfilePhotoContainer .photoArea img{border:1px solid #666;border-radius:50%;height:33vh;object-fit:cover;width:33vh}.inputFormContainer{width:100%}.EditEmployeeFormInputContainer input{border:1px solid #666;color:#666;font-size:max(1.2vw,16px);font-weight:400;height:7vh}.EditEmployeeCardContainer .dateInput,.EditEmployeeCardContainer .dateInputWrapper{width:100%}.EditEmployeeFormInputContainer textarea{background-color:#eceff7;border:1px solid #666;border-radius:5px;color:#666;font-size:max(1vw,14px);font-weight:400;height:33.5vh;padding-left:1vw;padding-top:1vh;width:100%}.EditEmployeeFormInputContainer select{border:1px solid #666;border-radius:10px;color:#666;font-size:max(1.2vw,16px);font-weight:400;height:7vh;padding-left:max(1vw,16px);padding-right:max(1vw,16px);width:100%}.EditEmployeeFormInputContainer h1{color:#3d5daa;font-size:max(1.2vw,18px);font-weight:400;margin-bottom:.5vh}.EditEmployeeFormInputContainer .salaryInputContainer{height:7vh;position:relative}.EditEmployeeFormInputContainer .amountText{background-color:#eceff7;border:1px solid #666;border-radius:10px;color:#666;font-size:max(1.2vw,16px);font-weight:400;height:7vh;line-height:7vh;padding-left:20px;position:absolute;width:100%;z-index:2}.EditEmployeeFormInputContainer .amountTextInput{opacity:1}.salaryInputContainer .amountTextFocused{border:2px solid #666}.EditEmployeeCardContainer .apiResponseText{font-size:max(1vw,16px)}.EditEmployeeFormActionContainer .cancelButton{margin-right:1vw;min-width:max(10vw,88px)}.EditEmployeeFormActionContainer .saveButton{min-width:max(10vw,88px)}@media only screen and (max-width:912px){.EditEmployeeModalArea{position:relative}}#employeeDetailsModalContainer{display:none}#employeeDetailsModalContainer .employeeDetailsContainer{background-color:#fff;border-radius:1vw;padding:3vw;position:relative}#employeeDetailsModalContainer .cancelButtonContainer{left:3vw;position:absolute;top:3vw;z-index:7}#employeeDetailsModalContainer .cancelButtonContainer button{background-color:#ffd600;border:none;border-radius:5px;color:"grey";height:5vh;width:25vw}#employeeDetailsModalContainer .editEmployeeRow img{cursor:pointer;height:max(2vw,32px)}#employeeDetailsModalContainer .profilePhotoContainer img{border-radius:50%;height:max(24vh,200px);width:max(24vh,200px)}#employeeDetailsModalContainer .employeeDetailsTextArea{padding-left:1vw;padding-top:3vh;width:100%}#employeeDetailsModalContainer .employeeDetailsTextArea p{color:#666;font-size:max(1vw,16px);font-weight:400;overflow-wrap:break-word;width:100%}#employeeDetailsModalContainer .bottomCancelButtonContainer{align-items:center;text-align:center;width:100%}#employeeDetailsModalContainer .bottomCancelButtonContainer button{background-color:#ffd600;border:none;border-radius:5px;color:"grey";height:5vh;width:25vw}#employeeDetailsModalContainer .employeeDeviceActionArea{padding-bottom:3vw}#employeeDetailsModalContainer .userSavedInDevice{color:#6fb54e;font-size:max(.8vw,12px);line-height:max(2vw,32px);padding-right:1vw}#employeeDetailsModalContainer .saveUserInDeviceButton{background-color:#ffd600;color:#5c5c5c;margin-right:1vw}#employeeDetailsModalContainer .deleteEmployeeButton,#employeeDetailsModalContainer .saveUserInDeviceButton{border:none;border-radius:5px;font-size:max(.8vw,12px);height:max(2vw,32px);outline:none;padding-left:1em;padding-right:1em}#employeeDetailsModalContainer .deleteEmployeeButton{background-color:#f34b4b;color:#fff}@media only screen and (max-width:912px){#employeeDetailsModalContainer{background-color:rgba(0,0,0,.5);display:block;left:0;padding:5vw;position:absolute;top:0;width:100%;z-index:7}}#warningModal .warningModalBackground{align-items:center;background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:8}.warningModal{background-color:#fff;border-radius:1em;max-height:50%;max-width:80%;width:30em}.modalHeadingArea{padding-top:max(1em,16px)}.modalHeading{color:#f34b4b;font-size:max(1.5em,22px);text-align:center;width:100%}.modalBodyArea{padding:max(1em,16px)}.modalMessage{color:#5c5c5c;font-size:max(1.2em,18px)}.modalActionArea{padding:max(1em,16px)}.modalActionArea button{max-height:max(2em,28px);width:100%}.closeModalButton{position:absolute;right:1em;top:1em}#warningModal .close-popup-button{cursor:pointer;position:absolute;right:1.063vw;top:1.063vw}#warningModal .close-popup-button img{height:1.5vw;width:1.5vw}#warningModal .welcome-popup-card h1{-webkit-text-fill-color:transparent;background:linear-gradient(271.36deg,#ff6f77,#feac99);-webkit-background-clip:text;background-clip:text;font-size:2vw;font-style:normal;font-weight:700;line-height:3vw;margin-top:2.25vw;text-align:center;width:100%}#warningModal .welcome-popup-card h2{color:#7386aa;font-size:1.25vw;font-style:normal;font-weight:500;line-height:1.875vw;margin-inline:2vw;margin-top:1vw;text-align:center}#warningModal .popup-button-area{height:3.5vw;margin-top:1.25vw;padding-inline:2.5vw}#warningModal .popup-left-button-area{padding-right:.75vw;text-align:center;width:50%}#warningModal .popup-right-button-area{padding-left:.75vw;text-align:center;width:50%}#warningModal .cancel-button{color:#7386aa;width:9.938vw}#warningModal .cancel-button,#warningModal .cashier-button{background-size:100% 100%;border:none;font-size:1vw;font-style:normal;font-weight:700;height:100%;mix-blend-mode:normal;outline:none}#warningModal .cashier-button{color:#fbfcff;width:9.563vw}.welcome-popup-avatar-container img{height:7.375vw;width:7.375vw}#warningModal .welcome-popup-card h3{color:#7386aa;font-size:1.5vw;font-weight:700;line-height:2.25vw;margin-top:.5vw;text-align:center}#warningModal .welcome-popup-card h4{color:#8ac75b;font-size:4vw;font-weight:700;line-height:6vw;text-align:center}@media only screen and (max-width:912px){.EmployeeTimestampTableContainerCard{margin-top:2vh}}.TimesheetEmployeesTableContainer{height:100vh;max-height:100vh;min-height:100vh;position:relative}.TimesheetEmployeesTableContainer table{width:100%}.TimesheetEmployeesTableContainer table tr{border-bottom:1px solid #9d9d9d}.TimesheetEmployeesTableContainer table .activeRow{background-color:#eaedf6}.TimesheetEmployeesTableContainer th{color:#666;font-size:max(.8vw,14px);font-weight:500;padding:1vh .5vw}.TimesheetEmployeesTableContainer td{color:#555;cursor:pointer;font-size:max(1vw,16px);font-weight:400;padding:1vh .5vw}.employeeStatusButton{border:none;border-radius:5px;font-size:max(.8vw,12px);font-weight:500;height:6vh;outline:none;width:100%}.clockedInStatus{background-color:#3d5daa;color:#fff}.clockedOutStatus{background-color:#9eaed4;color:#fff}.onLeaveStatus{background-color:#ffd600;color:#525252;font-size:max(.6vw,10px)}.unknownStatus{background-color:grey;color:#fff}.TimesheetEmployeesTableContainer .listActionContainer{bottom:.5vh;position:absolute;width:100%}.TimesheetEmployeesTableContainer.listActionContainer .listActionButton{border:none;border-radius:5px;height:6vh;outline:none;padding-left:1vw;padding-right:1vw}.TimesheetEmployeesTableContainer .listActionContainer .prevButton{background-color:#ffd600;color:#525252;font-size:max(14px,1.2vw);font-weight:500}.TimesheetEmployeesTableContainer .listActionContainer .nextButton{background-color:#3d5daa;color:#fff;font-size:max(14px,1.2vw);font-weight:500}@media only screen and (max-width:912px){.TimesheetEmployeesTableContainer{height:auto;max-height:none;min-height:0}}.EmployeeTimestampTableContainer{height:100vh;width:100%}.EmployeeTimestampTableContainer .dateSelectContainer{height:max(5vh,50px);width:100%}.EmployeeTimestampTableContainer .dateSelectContainer .monthYearPicker{height:100%}.EmployeeTimestampTableContainer .dateSelectContainer .monthYearPicker input{background-color:#eceff7;border:none;border-radius:5px;color:#666;font-size:max(1vw,16px);height:max(5vh,50px);padding-left:1vw;padding-right:1vw;width:100%}.EmployeeTimestampTableContainer .clockedInhoursText{word-wrap:normal;color:#666;font-size:max(.8vw,14px);height:100%}.EmployeeTimestampTableContainer .addAttendanceContainer{width:100%}.EmployeeTimestampTableContainer .addAttendanceContainer button{background-color:#3d5daa;border:none;border-radius:max(.4em,8px);color:#fff;font-size:max(.8vw,14px);font-weight:500;height:max(5vh,50px);padding-left:1vw;padding-right:1vw}.EmployeeTimestampTableContainer .addAttendanceModal{border:2px solid #6c6c6c;border-radius:5px;margin-top:1em;padding:1em;width:100%}.EmployeeTimestampTableContainer .addAttendanceModal .inputBox{width:100%}.EmployeeTimestampTableContainer .addAttendanceModal .inputBox .attendanceTimeInput,.EmployeeTimestampTableContainer .addAttendanceModal .inputBox .attendanceTypeInput{background-color:#eceff7;border:none;border-radius:5px;color:#5c5c5c;outline:none;padding:.5em 1em;width:40%}.EmployeeTimestampTableContainer .addAttendanceModal .actionBox{padding:1em 1em 0}.EmployeeTimestampTableContainer .addAttendanceModal .actionBox button{width:45%}.timestampTableContainer{display:block;height:90vh;overflow-y:scroll}.timestampTable{table-layout:fixed;width:100%}.timestampTableContainer table tr{border-bottom:1px solid #9d9d9d;height:min(5vh,50px)}.timestampTableContainer table th{color:#666;font-size:max(.8vw,14px);font-weight:400;width:100%}.timestampTableContainer table td{color:#1f1f1f;font-size:max(1.1vw,16px);font-weight:400}.activityTimestampText{display:flex;width:100%}.activityTimestampText p{width:100%}.activityTimestampText button{background-color:#ffd600;border:none;border-radius:2px;color:grey;cursor:pointer;font-size:max(.6vw,12px);font-weight:500;height:max(3em,24px);margin-left:max(.6vw,12px);padding:5px}.timestampMapButton{background-color:grey;border:none;border-radius:5px;color:#fff;font-size:max(.6vw,12px);margin-left:.5vw;outline:none}.mapLocationModalArea{background-color:#fff;border-radius:10px;display:block;height:auto;margin:auto;padding:2vw;position:relative;width:min(100%,700px)}.mapLocationModalArea h1{color:#3d5daa;font-size:max(1vw,16px);font-weight:500}.mapLocationFormInputContainer{padding-bottom:1.5vh;padding-top:1vh}.mapLocationFormInputContainer p{color:#666;font-size:max(1vw,16px);margin-bottom:.5vh}.mapLocationFormActionContainer .cancelButton{margin-right:max(1vw,16px);min-width:max(10vw,120px)}.mapContainer{background-color:#fff;height:70vh;width:100%}.mapContainer img{height:max(2vw,32px);width:max(2vw,32px)}@media only screen and (min-width:1919px){.mapLocationModalArea{height:auto;max-height:none;max-width:none;min-height:none;min-width:none;width:60vw}}#requests-page .requestCard .requestEmployeeName{font-weight:500}#requests-page .requestCard .requestFileContainer{margin-top:min(1vh,8px)}#requests-page .requestCard .requestFileContainer img{height:max(1.5vw,20px);margin-right:max(.3vw,4px)}#requests-page .requestCard .requestActionContainer{margin-top:min(2vh,8px)}.newRequestCard{background-color:#eceff7;margin-top:min(40px,1vw)}.newRequestCard p{color:#3c3c3c;font-size:max(1vw,16px);font-weight:400;margin:0}.newRequestCard .requestEmployeeName{font-weight:500}.newRequestCard .requestFileContainer{margin-top:min(1vh,8px)}.newRequestCard .requestFileContainer img{height:max(1.5vw,20px);margin-right:max(.3vw,4px)}.newRequestCard .requestActionContainer{margin-top:min(2vh,8px)}.newRequestCard .requestActionContainer button{background:none;border:none;border-radius:5px;font-size:max(1vw,16px);height:max(6vh,40px);margin-right:max(1vw,6px);outline:none;padding-left:2vw;padding-right:2vw}.newRequestCard .requestActionContainer .approveButton{background-color:#3d5daa;color:#fff}.newRequestCard .requestActionContainer .rejectButton{background-color:#ffd600;color:#666}.pastRequestCard{background-color:#eceff7;margin-top:min(40px,1vw)}.pastRequestCard p{color:#3c3c3c;font-size:max(1vw,16px);font-weight:400;margin:0}.pastRequestCard .requestEmployeeName{font-weight:500}.pastRequestCard .requestFileContainer{margin-top:min(1vh,8px)}.pastRequestCard .requestFileContainer img{height:max(1.5vw,20px);margin-right:max(.3vw,4px)}.pastRequestCard .requestStatusContainer{margin-top:min(2vh,8px)}.pastRequestCard .requestStatusContainer button{background:red;border:none;border-radius:5px;font-size:max(1vw,16px);height:max(6vh,40px);margin-right:max(1vw,6px);outline:none;width:100%}.pastRequestCard .requestStatusContainer .approvedButton{background-color:#3d5daa;color:#fff}.pastRequestCard .requestStatusContainer .rejectedButton{background-color:#ffd600;color:#666}#calendar-page .calendarContainer{font-size:max(1.1vw,16px);height:50vh;width:100%}#calendar-page .dateText{color:#666;font-size:max(13px,1vw);font-weight:400;line-height:min(40px,6.5vh)}.calendarContainer .eventDay{background-color:#ffd600;color:#000}#calendar-page .addHolidayButton{background-color:#3d5daa;border:none;border-radius:5px;color:#fff;font-size:max(16px,1vw);height:min(40px,6.5vh);padding-left:max(2vw,28px);padding-right:max(2vw,27px)}#calendar-page .holidayList{height:80vh}#calendar-page .eventCard{background-color:#eceff7;border-radius:5px;margin-bottom:max(2vh,12px);padding:max(1vw,12px);position:relative}#calendar-page .eventCard p{font-size:max(1vw,13px);margin:0}#calendar-page .eventCard img{cursor:pointer;height:max(30px,4vh);position:absolute;right:max(.5vw,6px);top:max(.5vw,6px)}@media only screen and (min-width:1919px){#calendar-page .addHolidayButton{height:4vh;margin-bottom:2vh}#calendar-page .calendarContainer{font-size:1.5vw}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.addHolidayModalArea{background-color:#fff;border-radius:10px;display:block;margin:auto;max-height:300px;max-width:500px;padding:2vw;position:relative;width:100vw}.addHolidayModalArea h1{color:#3d5daa;font-size:max(2vw,32px);font-weight:500}.addHolidayForm input,.addHolidayForm p{color:#666;font-size:max(1vw,16px)}.addHolidayForm input{background-color:#eceff7;border:none;border-radius:5px;height:min(6vh,42px);outline:none;padding-left:max(1vw,16px);width:100%}.AddHolidayFormActionContainer .cancelButton{margin-right:max(1vw,16px);min-width:max(10vw,42px)}.AddHolidayFormActionContainer .saveButton{min-width:max(10vw,42px)}@media only screen and (min-width:1919px){.addHolidayModalArea{height:30vh;max-height:none;max-width:none;min-height:none;min-width:none;width:30vw}.addHolidayForm input{height:6vh}}.addShiftButtonContainer{height:6vh;margin-bottom:1vh}.addShiftButton{background-color:#3d5daa;border:none;border-radius:5px;color:#fff;font-size:max(1vw,16px);font-weight:500;height:100%;outline:none;padding-left:max(2vw,28px);padding-right:max(2vw,28px)}.shiftTableContainer{min-height:80vh}.shiftsTable{height:100%;min-height:60vh;overflow-x:scroll;width:100%}.shiftsTable table{overflow-x:auto;white-space:nowrap;width:100%}.shiftsTable table th{border-bottom:1px solid #666;color:#666;font-size:max(1vw,18px);font-weight:500;min-height:4vh;padding-right:5vw;width:200px}.shiftsTable table td{border-bottom:1px solid #666;color:#666;font-size:max(.9vw,16px);font-weight:400;padding-bottom:1vh;padding-right:2vw;padding-top:1vh;width:400px}.addShiftFormActionContainer .cancelButton{margin-right:max(1vw,16px);min-width:max(10vw,120px)}.addShiftFormActionContainer .saveButton{min-width:max(10vw,120px)}.AddShiftModalArea{background-color:#fff;border-radius:10px;display:block;height:auto;margin:auto;padding:2vw;position:relative;width:min(100%,800px)}.AddShiftModalArea h1{color:#3d5daa;font-size:max(2vw,32px);font-weight:500}.addShiftFormInputContainer{padding-bottom:1vh;padding-top:1vh}.addShiftFormInputContainer p{color:#666;font-size:max(1vw,16px);margin-bottom:1vh}.AddShiftModalArea .formTextInput{background-color:#eceff7;border:none;border-radius:5px;color:#666;font-size:max(1vw,16px);height:min(6vh,42px);outline:none;padding-left:max(1vw,16px);width:100%}.addShiftFormActiveDaysCheckboxesContainer{display:flex;flex-direction:row;min-height:6vh;padding-bottom:1vh;padding-top:1vh}.updateShiftFormActionContainer .cancelButton,.updateShiftFormActionContainer .updateButton{margin-right:max(1vw,16px);min-width:max(10vw,120px)}.updateShiftFormActionContainer .deleteButton{min-width:max(10vw,120px)}@media (max-width:767px){.addShiftFormActiveDaysCheckboxesContainer{flex-direction:column}.checkboxContainer{width:100%}}@media only screen and (min-width:1919px){.AddShiftModalArea{height:auto;max-height:none;max-width:none;min-height:none;min-width:none;width:60vw}.addShiftForm input{height:6vh}.checkboxContainer{padding-right:max(1vw,16px);width:14.28571%}.checkboxContainer label{color:#666;cursor:pointer;font-size:max(16px,1vw);margin-left:max(.5vw,8px)}.checkboxInput{height:1vw!important;width:1vw!important}}.accountHolderDetailsContainer{min-height:80vh;padding-bottom:3vh;padding-top:3vh;text-align:center;width:auto}.profileHeaderContainer h1{color:#3d5daa;font-size:max(1.5vw,24px);font-weight:500}.profileHeaderContainer p{color:#666;font-size:max(.8vw,14px);font-weight:400;margin:0}.profileDetailsContainer{min-width:40vw;width:100%}.profileDetailsCard{background-color:#eceff7;border-radius:5px;color:#454545;font-size:max(1vw,16px);margin-top:2vh;padding:max(2vw,32px);text-align:left;width:100%}.profileDetailsCard .passwordChangeButton{color:#3d5daa;cursor:pointer}.passwordFormCard{background-color:red;background-color:#eceff7;border-radius:5px;display:block;padding:max(2vw,32px);width:100%}.passwordFormCard input{background-color:#fff;border:none;border-radius:5px;font-size:max(1vw,16px);height:max(3vw,48px);margin-bottom:2vh;padding-left:1vw;width:100%}.passwordFormCard button{margin-right:1.5vw;width:max(8vw,120px)}.devicesTableContainer{padding-left:max(2vw,16px);padding-right:max(2vw,16px);width:100%}.devicesTableContainer .deviceRow{border-bottom:1px solid #ffd600;cursor:pointer}.devicesTableContainer .deviceRow .deviceName{color:#666;font-size:max(1vw,16px);font-weight:500;margin:0;padding:max(.5vw,8px)}.devicesTableContainer .deviceRow .deviceId{color:#5c5c5c;font-size:max(1vw,16px);font-weight:400;margin:0;padding:max(.5vw,8px)}.registerDeviceButton{background-color:#3d5daa;border:none;border-radius:5px;color:#fff;font-size:max(1vw,16px);height:max(3vw,50px);outline:none;padding-left:max(1vw,16px);padding-right:max(1vw,16px)}#devicesPage .cardContainer{min-height:90vh}.addDeviceModalArea{background-color:#fff;border-radius:10px;display:block;height:auto;margin:auto;padding:2vw;position:relative;width:min(100%,700px)}.addDeviceModalArea h1{color:#3d5daa;font-size:max(2vw,32px);font-weight:500}.addDeviceFormInputContainer{padding-bottom:1.5vh;padding-top:1vh}.addDeviceFormInputContainer p{color:#666;font-size:max(1vw,16px);margin-bottom:.5vh}.addDeviceModalArea .formTextInput{background-color:#eceff7;border:none;border-radius:5px;color:#666;font-size:max(1vw,16px);height:min(6vh,42px);height:5vh;outline:none;padding-left:max(1vw,16px);width:100%}.addDeviceFormActionContainer .cancelButton{margin-right:max(1vw,16px);min-width:max(10vw,120px)}.addDeviceFormActionContainer .saveButton{min-width:max(10vw,120px)}@media (max-width:767px){.addDeviceFormActiveDaysCheckboxesContainer{flex-direction:column}.checkboxContainer{width:100%}}@media only screen and (min-width:1919px){.addDeviceModalArea{height:auto;max-height:none;max-width:none;min-height:none;min-width:none;width:60vw}.addDeviceForm input{height:6vh}}.updateDeviceModalArea{background-color:#fff;border-radius:10px;display:block;height:auto;margin:auto;padding:2vw;position:relative;width:100vw;width:min(100%,700px)}.updateDeviceModalArea h1{color:#3d5daa;font-size:max(2vw,32px);font-weight:500}.updateDeviceFormInputContainer{padding-bottom:1.5vh;padding-top:1vh}.updateDeviceFormInputContainer p{color:#666;font-size:max(1vw,16px);margin-bottom:.5vh}.updateDeviceModalArea .formTextInput{background-color:#eceff7;border:none;border-radius:5px;color:#666;font-size:max(1vw,16px);height:min(6vh,42px);height:5vh;outline:none;padding-left:max(1vw,16px);width:100%}.updateDeviceFormActiveDaysCheckboxesContainer{display:flex;flex-direction:row;min-height:6vh;padding-bottom:1vh;padding-top:1vh}.checkboxContainer{cursor:pointer;padding-right:max(1vw,16px);width:14.28571%}.checkboxContainer label{color:#666;cursor:pointer;font-size:max(16px,1vw);margin-left:max(.5vw,8px)}.checkboxInput{cursor:pointer}.updateDeviceFormActionContainer .cancelButton{margin-right:max(1vw,16px);min-width:max(10vw,120px)}.updateDeviceFormActionContainer .saveButton{min-width:max(10vw,120px)}@media (max-width:767px){.updateDeviceFormActiveDaysCheckboxesContainer{flex-direction:column}.checkboxContainer{width:100%}}@media only screen and (min-width:1919px){.updateDeviceModalArea{height:auto;max-height:none;max-width:none;min-height:none;min-width:none;width:60vw}.updateDeviceForm input{height:6vh}}#reportsPage .cardContainer{min-height:90vh}#reportsPage .reportContainer{border-bottom:1px solid #9eaed4;margin-top:2vh;padding-bottom:5vh;padding-top:1vw}#reportsPage .reportContainer .reportHeading{color:#666;font-size:max(1.5vw,22px)}#reportsPage .reportInputContainer{margin-top:2vh;width:100%}#reportsPage .reportInputContainer .monthYearPicker input,#reportsPage .reportInputContainer .selectReportEmployee{border:2px solid #555;border-radius:5px;height:5vh;padding-left:1vw;padding-right:1vw;width:100%}#reportsPage .reportInputContainer .selectReportEmployee{font-size:max(1vw,16px)}#reportsPage .reportInputContainer .downloadButton{background-color:#3d5daa;border:none;border-radius:max(5px,.2vw);color:#fff;font-size:max(1vw,16px);height:5vh;padding-left:1.5vw;padding-right:1.5vw}
/*# sourceMappingURL=main.fdaedf19.css.map*/