@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}::-webkit-scrollbar{width:3px;height:3px;background:#fff3}::-webkit-scrollbar-thumb{background:#999;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#999}.ClockInOut{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.clockInOutPageHeader{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px;color:#e37017}.designImage{width:25%;position:absolute;left:0;bottom:0}.customerServiceImage{width:25%;position:absolute;left:0;top:0}.salesImage{width:25%;position:absolute;right:0;top:0}.programmersImage{width:22%;position:absolute;right:0;bottom:0}.clockinOutDetailBox{width:30%;display:flex;flex-direction:column;box-shadow:0 0 4px #0006;margin-top:20px;padding:15px 10px;border-radius:10px}.detailsHeadText{font-size:18px;font-weight:700;color:#696969}.requiredIcon{color:red;font-size:13px}.clockinDetailsItemBox{display:flex;align-items:center;margin-top:10px}.clockinDetailsRadioBox{cursor:pointer}.clockinDetailsRadio{width:18px;height:18px;margin-right:15px}.clockinDetailsInput{height:30px;width:50%;outline:none;font-size:15px;border:none;border-bottom:1px solid rgba(0,0,0,.3);padding:0 10px;background:linear-gradient(to right,#e37017,#e37017) bottom / 0% 1px no-repeat #fff;transition:.5s}.clockinDetailsInput:focus{background-size:100% 1px;border-bottom:none}.clocksubmitBtnBox{width:30%;display:flex;flex-direction:column;align-items:flex-end}.clockInOutErrorText{font-weight:500;font-size:14px;height:30px;display:flex;align-items:center}.clocksubmitBtn{width:100px;height:35px;font-size:16px;font-weight:600;border:none;background-color:#e37017;color:#fff;border-radius:5px;cursor:pointer}.clocksubmitBtn:active{color:#999}.Employees{width:100%;min-height:100vh;height:auto;display:flex;flex-direction:column;align-items:center;padding:20px 0;position:relative}.employeesPageTableBox{width:75%;display:flex;flex-direction:column;align-items:center}.companyNamesBox{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.companyNamesBox>span{margin:0 15px;padding:0 15px;font-weight:700;font-size:20px;cursor:pointer;color:#e37017}.employeeItemRowBox,.archiveItemRowBox{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.3);padding:10px 0}.employeesDataHeadersBox{background-color:#e37017;color:#fff;border-bottom:none;border-radius:5px}.archiveItemRowBox>span:first-child{width:80%;display:flex;align-items:center;font-size:14px;font-weight:500;padding:5px}.archiveItemRowBox>span:last-child{width:20%;display:flex;align-items:center;justify-content:flex-end;padding:5px}.employeeItemRowBox>span{display:flex;align-items:center;width:18%;padding:5px;font-size:14px;font-weight:500}.employeeItemRowBox>span:last-child{justify-content:flex-end;width:10%}.employeesDataHeadersBox>span{font-weight:700;font-size:16px}.showArchiveButton{position:fixed;top:20px;left:20px;padding:8px 15px;font-size:16px;border:none;background-color:#e37017;color:#fff;font-weight:700;border-radius:7px;cursor:pointer}.addEmployeeBtn{position:fixed;right:20px;top:20px;padding:8px 15px;font-size:16px;border:none;background-color:#e37017;color:#fff;font-weight:700;border-radius:7px;cursor:pointer}.addEmployeeBtn:active,.goToMonthResults:active,.showArchiveButton:active,.screenShotBtn:active{color:#ffffff4d}.screenShotBtn{position:fixed;right:20px;top:80px;padding:8px 15px;font-size:16px;border:none;background-color:#e37017;color:#fff;font-weight:700;border-radius:7px;cursor:pointer}.createPinCodeBtn{position:fixed;left:20px;top:20px;padding:8px 15px;font-size:16px;border:none;background-color:#e37017;color:#fff;font-weight:700;border-radius:7px;cursor:pointer}.goToFinanceResults{padding:7px 10px;position:fixed;bottom:80px;right:20px;font-weight:700;border-radius:7px;cursor:pointer;font-size:16px;border:none;background-color:green;color:#fff}.goToMonthResults{padding:7px 10px;position:fixed;bottom:20px;right:20px;font-weight:700;border-radius:7px;cursor:pointer;font-size:16px;border:none;background-color:green;color:#fff}.addEmployeeHeader{font-size:22px;margin:15px 0}.addEmployeeMainBox>span{margin:15px 0}.addEmployeeDataBox{width:80%;display:flex;flex-direction:column}.addEmployeeDataBox>label{color:#000;font-size:16px;font-weight:500}.addEmployeeInput{width:100%;height:35px;border:1px solid rgba(0,0,0,.2);border-radius:8px;outline:none;padding:0 10px}.addEmployeeBtnsBox{width:80%;display:flex;align-items:center;justify-content:space-evenly}.addEmployeeCancelBtn{padding:3px 12px;border:none;color:#fff;font-weight:500;font-size:16px;background-color:#8b0000;border-radius:5px;cursor:pointer}.addEmployeeAddBtn{padding:3px 12px;border:none;color:#fff;font-weight:500;font-size:16px;background-color:#e37017;border-radius:5px;cursor:pointer}.addEmployeeAddBtn:active,.addEmployeeCancelBtn:active{color:#999}.pinCodeInputLabel{width:50%;display:flex;align-items:center;justify-content:center;position:relative}.pinCodeInput{width:100%;height:40px;border:1px solid rgba(0,0,0,.2);border-radius:8px;outline:none;padding:0 10px;font-size:16px}.pinErrorText{width:60%;color:red;font-weight:700;font-size:14px;text-align:center;margin-top:5px}.pinCodeInput::placeholder{color:#999}.closeModalIcon{position:absolute;right:10px;top:10px;cursor:pointer;font-size:22px}.showValueIcon{position:absolute;right:10px;font-size:24px;cursor:pointer;color:#666}.sentMailTextMessage{color:#000;font-size:15px;margin-bottom:15px}.HistoryPage{width:100%;min-height:100vh;height:auto;display:flex;flex-direction:column}.selectMonthBox{width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px}.historyGoBackBtn{padding:3px 15px;border:none;background:green;color:#fff;font-weight:700;font-size:16px;cursor:pointer;border-radius:8px}.historyPagesSelectsBox{display:flex;align-items:center}.downloadExcelIconBox{width:100%;display:flex;align-items:center;justify-content:flex-end}.selectMonthElement{width:280px;border:1px solid #ccc;padding:5px;border-radius:10px}.p-dropdown-item{padding:5px;color:#696969;border-radius:8px}.p-dropdown-item:hover{background-color:#f1f1f1}.p-dropdown-items-wrapper{border:1px solid #ccc;padding:5px;background:#fff}.historyTableBox{width:100%;padding:20px;display:flex;flex-direction:column}.historyTableHeadBox{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 0;background-color:#e37017;color:#fff;border-radius:8px}.historyTableBodyBox{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-top:10px;background-color:#e3701733;border-radius:8px}.historyTableHeadBox>span{width:9%;font-size:14px;font-weight:700;text-align:center}.historyTableHeadBox>span:first-child{text-align:left}.historyTableHeadBox>span:first-child,.historyTableBodyBox>span:first-child{padding-left:10px}.historyTableBodyBox>span{width:9%;font-size:13px;font-weight:500;text-align:center}.historyTableBodyBox>span:first-child{text-align:left}.historyMonthTableHead{width:100%;display:flex;align-items:center;background-color:#e37017;color:#fff;border-radius:8px}.monthDaySpan{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px;width:3.8%;height:100%;font-weight:600;border:1px solid #ccc;border-bottom:none;border-top:none;position:relative}.monthDayDayNightBox{display:flex;justify-content:center;width:100%}.monthDayDayBox{width:50%;display:flex;align-items:center;justify-content:center}.historyMonthTableBody{width:100%;display:flex;flex-direction:column}.historyTableBodyRow{width:100%;display:flex;align-items:center;border-bottom:1px solid #ccc;height:40px}.employeeNameSpan{width:10%;font-size:14px;padding-left:7px}.historyTableBodyRow>.monthDaySpan>span{font-size:14px;color:#666;font-weight:500}.monthDaySpanHoverBox{width:280px;max-height:100px;align-items:center;justify-content:center;text-align:center;position:absolute;top:-85px;left:-100px;display:none;background-color:#fff;color:#000;box-shadow:0 0 5px #0009;z-index:1;font-size:14px;font-weight:400;padding:10px;border-radius:10px}.monthDaySpan:hover .monthDaySpanHoverBox{display:flex}.employeeHistoryNameText{font-size:24px;margin:20px 0;color:#000}.addEmployeeHistoryBtn{width:100%;display:flex;align-items:center;justify-content:flex-end;padding:10px}.concretEmployeeDataHeaderBox{width:100%;display:flex;justify-content:space-between;background-color:#e37017;border-radius:10px}.concretEmployeeDataHeaderBox>span{width:15.8%;display:flex;align-items:center;padding:5px;color:#fff;font-size:14px;font-weight:600}.concretEmployeeDataHeaderBox>span:last-child{width:5%}.concretEmployeeDataBox{width:100%;display:flex;flex-direction:column;border-bottom:1px solid #E37017}.concretEmployeeCheckDataBox{width:100%;display:flex;justify-content:space-between}.concretEmployeeCheckDataBox>span{width:15.8%;display:flex;padding:5px;color:#000;font-size:14px}.concretEmployeeCheckDataBox>span:last-child{width:5%}.editHistoryTitle{margin:20px 0 0}.editHistoryInput{width:70%;height:35px;margin-top:15px;padding:0 10px;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none}.editHistoryBtnsBox{width:100%;display:flex;align-items:center;justify-content:center}.editHistoryBtn{padding:3px 10px;margin:15px 0;border:none;color:#fff;background-color:#e37017;border-radius:5px;font-size:15px;cursor:pointer;outline:none;font-weight:700}.SalaryTable,.Vacations{width:100%;padding:20px;display:flex;flex-direction:column}.salaryTableHeadBox,.vacationsTableHeadBox{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#e37017;color:#fff;border-radius:8px;padding:10px 0}.salaryTableHeadBox>span{width:7.5%;padding:0 0 0 5px;text-align:center;font-weight:700;font-size:14px}.salaryTableBodyBox,.vacationsTableBodyBox{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc;padding:7px 0}.salaryTableBodyBox>span{width:7.5%;padding:0 0 0 5px;text-align:center;font-size:14px;font-weight:500}.rewarSelectItem{width:70%;height:35px;margin-top:15px;padding:0 10px;border:1px solid #ccc;border-radius:8px;font-size:14px;font-weight:400;outline:none}.rewarCheckItem{width:70%;display:flex;align-items:center;padding:15px 0 0;font-weight:400;cursor:pointer}.addHistoryInputsBox{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:15px}.addHistoryInputsBox>input{margin-top:0}.addHistoryInputsBox>label{width:70%;font-size:14px;font-weight:700}.addHistoryCaptionText{width:70%;height:100px;font-size:14px;margin-top:15px;border:1px solid #ccc;border-radius:8px;padding:5px;resize:none;outline:none}.vacationsTableHeadBox>span{width:16%;padding:5px;text-align:center;font-weight:700;font-size:15px}.vacationsTableBodyBox>span{width:16%;padding:5px;text-align:center;font-weight:500;font-size:14px}.vacationsTableHeadBox>span:first-child,.vacationsTableBodyBox>span:first-child{text-align:left}.addVacationBox{width:100%;display:flex;align-items:center;justify-content:flex-end;padding-bottom:10px}.addVacationButton{padding:5px 10px;border:none;color:#fff;background-color:green;border-radius:5px;font-size:15px;cursor:pointer;outline:none;font-weight:700}.addVacationButton:active{color:#999}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.showRewardHeaderBox{width:90%;display:flex;align-items:center;justify-content:flex-start;background-color:#e37017;padding:5px 10px;border-radius:7px}.showRewardHeaderBox>span{color:#fff;font-weight:700;width:30%;font-size:15px}.showRewardBodyBox{width:90%;display:flex;align-items:center;justify-content:flex-start;padding:10px;border-bottom:1px solid #ccc}.showRewardBodyBox>span{width:30%;font-weight:500;font-size:14px}.showRewardBodyBox>span:last-child{width:10%;display:flex;justify-content:flex-end}.addRewardTimesBtn{padding:0 10px;font-size:20px;font-weight:500;color:#fff;background-color:#e37017;border-radius:5px;border:none;cursor:pointer}.addRewardTimesBtn:active{color:#999}.openAddRewardBtnBox{width:90%;display:flex;align-items:center;justify-content:flex-end;padding:15px 0}.rewardPopupDontHaveTimeText{width:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:#666;margin-top:15px}.ArchivePage{width:100%;min-height:100vh;height:auto;display:flex;flex-direction:column}