.employeeApp.paySlipViewer .showPaySlipIndex{padding:0 0 20px}.employeeApp.paySlipViewer .showPaySlipIndex.lang-ltr{direction:ltr}.employeeApp.paySlipViewer .showPaySlipIndex.lang-ltr .pdf-cont{text-align:left}.employeeApp.paySlipViewer .showPaySlipIndex.lang-ltr .comment{direction:ltr;text-align:left}.employeeApp.paySlipViewer .showPaySlipIndex.lang-ltr .employeesHoursView .monthSummaryTable h4,.employeeApp.paySlipViewer .showPaySlipIndex.lang-ltr .employeesHoursView .monthSummaryTable table tr th{text-align:left}.employeeApp.paySlipViewer .showPaySlipIndex.lang-ltr .employeesHoursView .monthSummaryTable table tr td{text-align:right}.employeeApp.paySlipViewer .showPaySlipIndex.lang-ltr .employeesHoursView .monthSummaryTable table.leftTable tr td:first-child{text-align:left}.employeeApp.paySlipViewer .showPaySlipIndex.errorPage .header{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.employeeApp.paySlipViewer .showPaySlipIndex.errorPage .header h1{color:red}.employeeApp.paySlipViewer .showPaySlipIndex.errorPage .logoAndromeda{margin:20px auto}.employeeApp.paySlipViewer .showPaySlipIndex .logoAndromeda{display:block;margin:0 auto}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader{display:flex;justify-content:center;padding:0}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .whiteBg{max-width:600px;width:100%;border-radius:0 0 20px 20px;padding:0;box-shadow:-1px 0 4px 1px rgba(58,86,122,.2);display:flex;align-items:center;background:#6d84ff}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .whiteBg .icon{padding:0 5px}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .react-pdf__Document{margin:20px 0 0}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader.mobile .react-pdf__Document{margin:10px 0 0}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header{width:100%;background:#fff;text-align:center;padding:10px 0;border-radius:0 0 0 20px}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .downloadBtnCont{margin:10px 0 0;display:flex;gap:15px;align-items:center;justify-content:center}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .downloadBtnCont a,.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .downloadBtnCont button{border:none;background-color:rgba(0,0,0,0);display:flex;gap:5px;justify-content:center;align-items:center;font-size:14px;text-decoration:none}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .downloadBtnCont a span,.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .downloadBtnCont button span{color:#6d84ff}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .downloadBtnCont a:hover,.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .downloadBtnCont button:hover{text-decoration:underline}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .tit1{font-size:20px}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header h1{font-size:20px;padding:0 2%}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass{background-color:#1bbe77;padding:10px 0}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .startVerification{color:#fff;padding:0 0 5px}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .startVerification p{font-size:16px;line-height:1}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .startVerification .newCodeBtn{margin:10px 0 0;font-size:13px;cursor:pointer}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .startVerification .newCodeBtn span{text-decoration:underline}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .startVerification .verificationCode{padding:0 10px}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .startVerification .verificationCode .myInput{direction:ltr;text-align:center;display:block;margin:0 auto}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .btnsCont{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-items:center}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .defaultBtn{background-color:#d3d3d3;color:#000;border:none;border-radius:20px;font-size:13px;padding:5px 20px}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .defaultBtn.blue{color:#fff;background-color:#1b54e3}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .defaultBtn.red{background-color:#e16b6b}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header .greenPass .defaultBtn:hover{color:#000;background-color:#fff}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header h2{color:#fff;text-align:center;font-size:16px;margin:0;cursor:pointer}.employeeApp.paySlipViewer .showPaySlipIndex .myHeader .header h2:hover{text-decoration:underline}.employeeApp.paySlipViewer .isTableShow .employeeHoursCont.mobile .employeesHoursView{width:100%}.employeeApp.paySlipViewer .employeeHoursCont{margin:30px 0 0}.employeeApp.paySlipViewer .employeeHoursCont h2{text-align:center;font-size:24px;color:#0e3aaa}.employeeApp.paySlipViewer .employeeHoursCont .periodData{display:flex;justify-content:center}.employeeApp.paySlipViewer .employeeHoursCont .periodData .showPeriod{color:#fff;padding:4px 15px;font-size:16px;direction:ltr;background-color:#0e3aaa;border-radius:20px}.employeeApp.paySlipViewer .employeeHoursCont .showEmployeeHours .andromedaCredit,.employeeApp.paySlipViewer .employeeHoursCont .showEmployeeHours .titleTable{display:none}.employeeApp.paySlipViewer .employeeHoursCont .showEmployeeHours .myTable table tr.totalMonthSummary td:first-child{padding-left:10px}.employeeApp.paySlipViewer .employeeHoursCont .showEmployeeHours .myTable table td,.employeeApp.paySlipViewer .employeeHoursCont .showEmployeeHours .myTable table th{font-size:12px}.employeeApp.paySlipViewer .employeeHoursCont.mobile .employeesHoursView{padding:0;width:50vh;margin:0 auto;overflow:hidden;overflow-x:auto}.employeeApp.paySlipViewer .employeeHoursCont.mobile .employeesHoursView .myTable{width:1000px}.employeeApp.paySlipViewer .comment{max-width:450px;margin:20px auto 0;padding:10px;background-color:#1bbe77;color:#fff;font-size:14px;border-radius:15px;box-shadow:-1px 0 4px 1px rgba(58,86,122,.2)}.employeeApp.paySlipViewer .pdf-cont{width:1000px;margin:0 auto;min-height:400px}.employeeApp.paySlipViewer .pdf-cont.signedPage{margin:20px auto 0}.employeeApp.paySlipViewer .pdf-cont p{font-size:16px}.employeeApp.paySlipViewer .pdf-cont.mobile{width:321px}.employeeApp.paySlipViewer .pdf-cont .react-pdf__Document .react-pdf__Page{background-color:rgba(0,0,0,0)!important;position:relative}.employeeApp.paySlipViewer .pdf-cont .react-pdf__Document .react-pdf__Page canvas{border:1px solid rgba(0,0,0,.3);box-shadow:-1px 0 4px 1px rgba(58,86,122,.2);margin:0 auto 20px;position:relative}.employeeApp.paySlipViewer .pdf-cont .react-pdf__Document .react-pdf__Page button.signBtn{position:absolute;bottom:0;left:0;border:1.5px dotted red;opacity:.8;background:50% no-repeat #f2f2f2;background-size:contain;display:flex;align-items:center;justify-content:center}.employeeApp.paySlipViewer .pdf-cont .react-pdf__Document .react-pdf__Page button.signBtn.active{border-color:#6d84ff}.employeeApp.paySlipViewer .pdf-cont .react-pdf__Document .react-pdf__Page button.signBtn.signed{background-color:#fff;border:1px dotted #000}.employeeApp.paySlipViewer .pdf-cont .react-pdf__Document .react-pdf__Page button.signBtn.signed .iconPen,.employeeApp.paySlipViewer .pdf-cont .react-pdf__Document .react-pdf__Page button.signBtn.signed span{display:none}.employeeApp.paySlipViewer .pdf-cont .react-pdf__Document .react-pdf__Page button.signBtn:hover{background-color:#6d84ff!important;color:#fff;opacity:1}.employeeApp.paySlipViewer .pdf-cont .react-pdf__Document .react-pdf__Page button.signBtn .iconPen{width:15px;height:10px;color:#2290b7;display:inline-block;padding:0;margin:0;line-height:1}.employeeApp.paySlipViewer .showAllPaySlips .MuiPaginationItem-root{color:#fff}.employeeApp.paySlipViewer .showAllPaySlips .btnsCont{margin:0 0 10px}.employeeApp.paySlipViewer .showAllPaySlips .noResult{color:#fff;font-size:16px}.employeeApp.paySlipViewer .showAllPaySlips .myPages{color:#fff;padding:0;display:flex;justify-content:center;margin:10px 0 0}.employeeApp.paySlipViewer .showAllPaySlips .pdfCont{display:flex;justify-content:center;align-items:center}.employeeApp.paySlipViewer .showAllPaySlips .pdfCont ul{display:flex;margin:0;padding:0;gap:10px;flex-wrap:wrap;justify-content:center}.employeeApp.paySlipViewer .showAllPaySlips .pdfCont ul button{border:1px solid #d3d3d3;border-radius:5px;padding:5px;background-color:#fff;color:#000;line-height:1}.employeeApp.paySlipViewer .showAllPaySlips .pdfCont ul button.active{border:1px solid #000;background-color:#fbfbc6}.employeeApp.paySlipViewer .showAllPaySlips .pdfCont ul button .text{margin:5px 0 0;font-size:12px}.employeeApp.paySlipViewer .showAllPaySlips .pdfCont ul button:hover{border-color:#000}.digitalSigns .wrapper{max-width:80%}.digitalSigns .searchBar{padding:60px 0 0;margin:0 0 20px;display:flex;justify-content:center}.digitalSigns .searchBar.modalView .searchBarCont{padding:10px 15px;border-radius:30px;gap:5px;box-shadow:-1px 0 4px 1px rgba(58,86,122,.2)}.digitalSigns .searchBar .searchBarCont{border-radius:0 0 20px 20px;color:#000;min-width:320px;background:#0e3aaa;margin-top:-60px;padding:70px 20px 10px}.digitalSigns .searchBar .searchBarCont .myItem{position:relative;margin:10px 0 0}.digitalSigns .searchBar .searchBarCont .myItem .selectInput{min-width:200px;max-width:350px;height:50px;color:#000;border:none;border-radius:50px;padding:5px 40px 5px 50px;font-size:16px;background:url(/_next/static/media/downSelectBlack.7eb0c694.svg) 12px no-repeat #fff;background-size:25px;position:relative}.digitalSigns .searchBar .searchBarCont .myItem span.iconLupa{width:20px;height:20px;position:absolute;z-index:10;right:10px;bottom:15px;background:url(/_next/static/media/searchLupaBlack.6443b239.svg) 50% no-repeat rgba(0,0,0,0);background-size:100%}.digitalSigns .searchBar .searchBarCont.adminSearch{min-width:320px}.digitalSigns .searchBar .searchBarCont .mySelects{display:flex;justify-content:space-between;gap:5px;width:100%}.digitalSigns .searchBar .searchBarCont .mySelects .selectInputDates{color:#000;border:none;border-radius:50px;padding:10px 15px 10px 30px;background:url(/_next/static/media/downSelectBlack.7eb0c694.svg) 8px no-repeat #fff;background-size:20px}.digitalSigns .filterQuads{padding:0 10px}.digitalSigns .filterQuads .filterQuadsCont{display:flex;justify-content:center;gap:14px}.digitalSigns .filterQuads .filterQuadsCont button.quad{border:none;border-radius:10px;box-shadow:-1px 0 4px 1px rgba(58,86,122,.2);display:flex;flex-direction:column;justify-content:space-between;color:#000;width:20%;min-height:93px;background:#fff;text-align:center;padding:7px 0}.digitalSigns .filterQuads .filterQuadsCont button.quad .icon{text-align:center;width:100%;margin:0 0 5px}.digitalSigns .filterQuads .filterQuadsCont button.quad .counter{text-align:center;width:100%;margin:0 0 5px;font-weight:700}.digitalSigns .filterQuads .filterQuadsCont button.quad .text{font-size:18px;text-align:center;width:100%}.digitalSigns .filterQuads .filterQuadsCont button.quad.active{background:#ffffdc}.digitalSigns .tableForms{margin:20px 0 0;padding:0 10px 50px}.digitalSigns .tableForms .openClose{display:flex;justify-content:center;align-items:center;gap:5px;background-color:#5e8593;color:#fff;padding:2px 5px;border-radius:7px;cursor:pointer}.digitalSigns .tableForms .openClose:hover{background-color:#000}.digitalSigns .tableForms .searchEmployees .showSearch{display:flex;justify-content:flex-end}.digitalSigns .tableForms .searchEmployees .showSearch button{font-size:14px;background-color:rgba(0,0,0,0);color:#0e3aaa;border:none}.digitalSigns .tableForms .searchEmployees .showSearch button .icon{width:20px}.digitalSigns .tableForms .searchEmployees .showSearch button:hover{color:#000}.digitalSigns .tableForms .searchEmployees .cont{display:flex;justify-content:center}.digitalSigns .tableForms .searchEmployees .autocompleteCont{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;box-shadow:-1px 0 4px 1px rgba(58,86,122,.2);background-color:#fff;padding:20px;border-radius:20px}.digitalSigns .tableForms .searchEmployees .autocompleteCont .autocompleteInput.employee{min-width:400px}.digitalSigns .tableForms .searchEmployees .autocompleteCont .autocompleteInput.customer{min-width:300px}.digitalSigns .tableForms .contOverflow{position:relative;height:55vh;overflow:hidden;overflow-y:auto;overflow-x:auto;box-shadow:-1px 0 4px 1px rgba(58,86,122,.2);background-color:#fff}.digitalSigns .tableForms table{width:100%}.digitalSigns .tableForms table .handleChangeSmsNumber{display:inline-block}.digitalSigns .tableForms table .titTable th{position:-webkit-sticky;position:sticky;top:0;z-index:1;padding:2px 10px;background:#5e8593;color:#fff;text-align:center;font-size:16px;font-weight:400;border-left:1px solid #f7faff;border-bottom:10px solid #f7faff}.digitalSigns .tableForms table .titTable th:last-child{border-left:none}.digitalSigns .tableForms table tr td{background:#fff;font-size:14px;text-align:center;padding:15px 10px;border-bottom:2px solid #f7faff;vertical-align:middle}.digitalSigns .tableForms table .counter{text-align:right;font-size:14px}.digitalSigns .tableForms table .formName{line-height:1.2;text-align:right}.digitalSigns .tableForms table .smsDataMultiHandler{text-align:right}.digitalSigns .tableForms table .smsDataMultiHandler .sender{padding:2px 0;border-bottom:1px solid #d3d3d3;margin:0 0 2px}.digitalSigns .tableForms table .smsDataMultiHandler .sender:last-child{border:none}.digitalSigns .tableForms table .smsDataMultiHandler .sender:last-child .cont{padding-bottom:0}.digitalSigns .tableForms table .smsDataMultiHandler .sender .data{display:flex;gap:5px}.digitalSigns .tableForms table .smsDataMultiHandler .sender .cont{margin:2px 0 0;padding-bottom:5px}.digitalSigns .tableForms table .smsDataMultiHandler .sender .cont .signed{background-color:#1bbe77;padding:3px 10px;color:#fff;border-radius:10px;font-size:12px}.digitalSigns .tableForms table .smsDataMultiHandler .sender .cont .signed.no{background-color:#e16b6b}.digitalSigns .tableForms table .smsDataMultiHandler .sender .SendSms{margin:5px 5px 0}.digitalSigns .tableForms table .smsDataMultiHandler .sender .SendSms button{background-color:#d3d3d3;border:none;border-radius:10px;font-size:12px;padding:2px 10px}.digitalSigns .tableForms table .smsDataMultiHandler .sender .SendSms button:hover{background-color:#000;color:#fff}.digitalSigns .tableForms table .tableButtons{display:flex;gap:2px;align-items:center}.digitalSigns .tableForms table .tableButtons .ico{width:20px;cursor:pointer}.digitalSigns .tableForms table .tableButtons .ico.open{color:#3d5bf6}.digitalSigns .tableForms table .tableButtons .ico.sms{margin:-5px 0 2px;width:23px}.digitalSigns .tableForms table .tableButtons .ico.moreData{width:26px;color:#6d84ff}.digitalSigns .tableForms table .tableButtons .ico:hover{color:#000}.digitalSigns .tableForms table .moreDataTR td{background-color:#ffffe3}.digitalSigns .tableForms table .moreDataTR .moreData{display:flex;gap:10px;justify-content:center;align-items:flex-start;text-align:right}.digitalSigns .tableForms table .moreDataTR .moreData ul{margin:0}.digitalSigns .tableForms .showStatusForms .statusName span{padding:5px 15px;border-radius:15px;background-color:#d3d3d3;white-space:nowrap}.digitalSigns .tableForms .showStatusForms .statusName.green span{background-color:#1bbe77;color:#fff}.digitalSigns .tableForms .showStatusForms .statusName.blue span{background-color:#6d84ff;color:#fff}.digitalSigns .tableForms .showStatusForms .statusName.warning span{background-color:#ffff7d;color:#000}.digitalSigns .tableForms .showStatusForms .statusName.red span{background-color:#d32f2f;color:#fff}.digitalSigns .tableForms .showStatusForms .statusDate{margin:5px 0 -10px;line-height:1}.digitalSigns .tableForms .showStatusForms .statusDate span{font-size:12px}.digitalSignsEmployeeIndex .showDigitalSignsResults h2.notFound{text-align:center;font-size:24px;color:#0e3aaa}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable{margin:10px 0 30px}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable h4{font-size:18px;margin:0 0 5px;font-family:fb_bold,helvetica,arial}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable .showStatusForms .statusName span{padding:5px 15px;font-size:14px;border-radius:15px;background-color:#d3d3d3;white-space:nowrap}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable .showStatusForms .statusName.green span{background-color:#1bbe77;color:#fff}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable .showStatusForms .statusName.blue span{background-color:#6d84ff;color:#fff}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable .showStatusForms .statusName.warning span{background-color:#ffff7d;color:#000}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable .showStatusForms .statusName.red span{background-color:#d32f2f;color:#fff}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable .showStatusForms .statusDate{margin:5px 0 0;line-height:1}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable .showStatusForms .statusDate span{font-size:12px}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table{width:100%}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.titTable th{font-size:16px;background:#6399e2;color:#fff;text-align:center;font-weight:400;border-bottom:5px solid #fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.titTable th:first-child,.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.titTable th:last-child{border-radius:0}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr td{padding:5px 0;font-size:14px;text-align:center;border-bottom:1px solid #d3d3d3}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr td.pointer{cursor:pointer}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr td.pointer:hover{color:#0e3aaa}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr td .openClose{display:flex;justify-content:center;align-items:center;gap:5px;background-color:#6399e2;color:#fff;padding:2px 5px;border-radius:7px;cursor:pointer}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr td .openClose:hover{background-color:#000}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr td .upDownIcon{cursor:pointer;color:#0e3aaa}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr td .upDownIcon:hover{color:#000}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr td.formName{line-height:1;font-size:14px;padding:2px 5px}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr .tableButtons{justify-content:flex-start!important;gap:5px}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr .tableButtons div.sure{display:flex;align-items:center}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.moreDataRow .tableButtons{margin-top:0!important;display:flex;gap:5px}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.moreDataRow td{padding:10px;background-color:#ffffde}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.moreDataRow td .tableButtonsCont{display:flex;justify-content:flex-start;gap:5px}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.moreDataRow td .tableButtonsCont .tableButtons{min-width:inherit!important}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.moreDataRow td .moreData{margin:10px 0 0}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.moreDataRow td .moreData ul{margin:0}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.moreDataRow td .moreData ul li{font-size:14px;text-align:right}.digitalSignSmsModal h2{color:#0e3aaa;font-size:20px;text-align:center;margin:0 0 20px}.digitalSignSmsModal .flexCenter{margin:20px 0 0}@media (max-width:600px){.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable .showStatusForms .statusDate{margin:7px 0 0;min-width:80px}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr td{font-size:12px!important}.digitalSignsEmployeeIndex .showDigitalSignsResults .MyTable table tr.moreDataRow td .moreData ul li{font-size:12px;margin:0 0 2px}.digitalSigns .wrapper{max-width:100%}.digitalSigns .filterQuads{display:none}.digitalSigns .reloadMe{margin:-20px 0 10px!important}.digitalSigns .searchEmployees .autocompleteCont .autocompleteInput{min-width:300px!important;width:100%}.digitalSigns .tableForms .contOverflow{margin:0 auto;width:300px;height:inherit}}.messagePanel{background-color:#0e3aaa;border-bottom:1px solid #fff;padding-bottom:20px;min-height:50px}.messagePanel.lang-ltr{direction:ltr}.messagePanel.lang-ltr .showMessages .MyTable table tr.openMessageTr{th-text-align:left}.messagePanel.lang-ltr .addMessageLinks .addLinkCont h3,.messagePanel.lang-ltr .showMessages .MyTable table tr.openMessageTr td{text-align:left}.messagePanel .messagesButtons{display:flex;gap:10px;padding:0 15px;margin:0 0 10px}.messagePanel .messagesButtons .btnItem .selectMe{color:#fff;border:none;border-radius:0;font-size:16px;background-color:#0e3aaa}.messagePanel .maxWidthWrapper{max-width:570px;margin:0 auto}.messagePanel .openCloseMenu{display:flex;justify-content:space-between;color:#fff;padding:10px}.messagePanel .openCloseMenu .closeBtn{cursor:pointer}.messagePanel .messagesContentIndex{padding:0}.messagePanel .messagesContentIndex .loaderCont{position:absolute;top:10px;width:50px;right:50%;color:#fff;height:30px;margin:0 -25px 0 0}.messagePanel .myPages{direction:ltr;color:#fff;margin:0 0 10px}.messagePanel .myPages .MuiPaginationItem-circular{border-radius:50%}.messagePanel .myPages li button.Mui-selected{background-color:#fff;color:#0e3aaa}.messagePanel .MuiPaginationItem-text{color:#fff}.messagePanel .adminTasksIndex h3{font-size:20px;padding:0 0 10px;border-bottom:1px solid #d3d3d3}.messagePanel .adminTasksIndex .myFilters{margin:0 0 10px;display:flex;justify-content:center;gap:5px}.messagePanel .adminTasksIndex .myFilters .filter{border-radius:15px;font-size:14px;border:none;background-color:#d3d3d3;padding:2px 15px}.messagePanel .adminTasksIndex .myFilters .filter.active{color:#fff;background-color:#0e3aaa;font-weight:700}.messagePanel .adminTasksIndex .myFilters .filter:hover{background-color:#000;color:#fff}.messagePanel .newMessage{margin:0 0 10px}.messagePanel .newMessage .pages{margin:10px 0 0}.messagePanel .newMessage .newMessageBtnCont{padding:10px;display:flex;gap:10px}.messagePanel .newMessage .newMessageBtnCont button{background-color:#fff;border:none;border-radius:20px;padding:5px 20px;font-size:16px;color:#0e3aaa;display:flex;align-items:center;gap:5px;font-weight:700}.messagePanel .newMessage .newMessageBtnCont button:hover{background-color:#000;color:#fff}.messagePanel .newMessage .newMessageBtnCont button .icon{width:20px}.messagePanel .newMessage .formCont{margin:10px 0 0;background-color:#fff;padding:20px}.messagePanel .newMessage .formCont h2{font-size:20px;margin:0 0 20px}.messagePanel .newMessage .formCont h2.errorUsers{color:red}.messagePanel .newMessage .formCont .btnCont{display:flex;justify-content:center}.messagePanel .newMessage .formCont .btnCont button{background-color:#0e3aaa;border:none;border-radius:20px;padding:5px 20px;font-size:16px;color:#fff;min-height:36px;display:flex;align-items:center;gap:5px}.messagePanel .newMessage .formCont .btnCont button:hover{background-color:#000}.messagePanel .newMessage .formCont .btnCont button .icon{width:20px}.messagePanel .newMessage .formCont .task{margin:0 0 10px}.messagePanel .newMessage .formCont .task .taskHeader{display:flex;justify-content:space-between;align-items:center}.messagePanel .newMessage .formCont .task .taskHeader h3{color:#0e3aaa;font-size:17px;margin:0}.messagePanel .showMessages{background-color:#fff;padding:0}.messagePanel .showMessages .noResults{padding:20px 0}.messagePanel .showMessages .MyTable table{width:100%;font-size:16px;line-height:1}.messagePanel .showMessages .MyTable table tr th{padding:7px 10px 10px}.messagePanel .showMessages .MyTable table tr td{padding:10px}.messagePanel .showMessages .MyTable table tr.openMessageTr{cursor:pointer}.messagePanel .showMessages .MyTable table tr.openMessageTr td{background-color:#f5f5f5}.messagePanel .showMessages .MyTable table tr.openMessageTr td.myStatus{min-width:100px}.messagePanel .showMessages .MyTable table tr.openMessageTr td.myMessage .name{display:flex;align-items:center;gap:5px}.messagePanel .showMessages .MyTable table tr.openMessageTr td.myMessage .name .icon{width:20px}.messagePanel .showMessages .MyTable table tr.openMessageTr td.myMessage .name.toName{color:#0e3aaa;margin:0 0 3px}.messagePanel .showMessages .MyTable table tr.openMessageTr td.myMessage .name.writer{margin:0}.messagePanel .showMessages .MyTable table tr.openMessageTr.forRead td{background-color:#fff}.messagePanel .showMessages .MyTable table tr.openMessageTr.forRead.overTime td .isFinalDate{background-color:#e16b6b;color:#fff}.messagePanel .showMessages .MyTable table tr.openMessageTr .isTask{padding:5px 0 0;font-size:15px}.messagePanel .showMessages .MyTable table tr.openMessageTr .isTask .confirmReadBtnCont{margin:0 0 10px}.messagePanel .showMessages .MyTable table tr.openMessageTr .isTask .confirmReadBtnCont button{background-color:#e16b6b;color:#fff;border:none;border-radius:15px;padding:5px 10px}.messagePanel .showMessages .MyTable table tr.openMessageTr .isTask .taskText{color:#0e3aaa;margin:0 0 5px}.messagePanel .showMessages .MyTable table tr.openMessageTr .isTask .isFinalDate{border:1px solid #d3d3d3;border-radius:5px;padding:5px}.messagePanel .showMessages .MyTable table tr.openMessageTr .isTask .isFinalDate .finalDateText{font-weight:700;display:block;margin:0}.messagePanel .showMessages .MyTable table tr.openMessageTr.active td{background-color:#5b76bb;color:#fff}.messagePanel .showMessages .MyTable table tr.openMessageTr.active td.myMessage .name.toName{color:#fff}.messagePanel .showMessages .MyTable table tr.openMessageTr.active td .isTask .isFinalDate small{color:#fff!important}.messagePanel .showMessages .MyTable table tr.openMessageTr.active td .isTask .taskText{color:#fff}.messagePanel .showMessages .MyTable table tr.openMessageTr td{border-bottom:1px solid #d3d3d3}.messagePanel .showMessages .MyTable table tr.showMessageTr td{background-color:#e0e8fd;border-bottom:1px solid #5e8593}.messagePanel .showMessages .MyTable table tr.showMessageTr .deleteMessage{margin:10px 0 0 10px;display:flex;gap:10px;justify-content:flex-end}.messagePanel .showMessages .MyTable table tr.showMessageTr .deleteMessage .icon{width:18px;cursor:pointer}.messagePanel .showMessages .MyTable table tr.showMessageTr .deleteMessage .icon:hover{color:red}.messagePanel .showMessages .MyTable table tr.showMessageTr .deleteMessage .icon.edit:hover{color:#0e3aaa}.messagePanel .showMessages .MyTable table tr.showMessageTr .deleteMessage .rUSure{display:flex;gap:10px;align-items:center}.messagePanel .showMessages .MyTable table tr.showMessageTr .deleteMessage .rUSure p{margin:10px 0;font-size:18px;color:red}.messagePanel .showMessages .MyTable table tr.showMessageTr .deleteMessage .rUSure .btnsCont{display:flex;gap:10px}.messagePanel .showMessages .MyTable table tr.showMessageTr .deleteMessage .rUSure .btnsCont button{border:none;color:#fff;background-color:gray;border-radius:20px;font-size:16px;padding:7px 20px}.messagePanel .showMessages .MyTable table tr.showMessageTr .deleteMessage .rUSure .btnsCont button.save{background-color:red}.messagePanel .showMessages .MyTable table tr.showMessageTr .deleteMessage .rUSure .btnsCont button:hover{background-color:#000}.messagePanel .showMessages .MyTable table .myDate{width:80px;font-size:15px}.messagePanel .showMessages .showMessageCont{padding:0 10px}.messagePanel .showMessages .showMessageCont .messageText{background-color:#fff;box-shadow:-1px 0 4px 1px rgba(58,86,122,.2);padding:10px;margin:0 0 5px}.messagePanel .showMessages .showMessageCont .setTaskDone .cont{display:flex;gap:10px;align-items:center}.messagePanel .showMessages .showMessageCont .setTaskDone .cont .text{color:#0e3aaa}.messagePanel .addMessageLinks .addMessageLinksBtn button{background-color:gray;border:none;border-radius:20px;padding:5px 20px;font-size:16px;color:#fff;min-height:36px;display:flex;align-items:center;gap:5px}.messagePanel .addMessageLinks .addMessageLinksBtn button:hover{background-color:#000}.messagePanel .addMessageLinks .addLinkCont{margin:10px 0 0;border-bottom:1px solid #d3d3d3}.messagePanel .addMessageLinks .addLinkCont h3{font-size:18px;margin:10px 0 15px}.messagePanel .addMessageLinks .addLinkCont .formCont.employeesLinksCont{display:flex;gap:10px;padding:0 0 20px}.messagePanel .addMessageLinks .addLinkCont .formCont>button{border-radius:10px;border:none;color:#fff;padding:5px 20px;background-color:#56bfb5}.messagePanel .addMessageLinks .addLinkCont ul.setMyEmployee{margin:0;padding:0;width:100%}.messagePanel .addMessageLinks .addLinkCont ul.setMyEmployee li{font-size:14px;border-bottom:1px solid #d3d3d3;padding:5px 0;width:100%;display:flex;gap:5px;flex-wrap:wrap;justify-content:space-between}.messagePanel .addMessageLinks .addLinkCont ul.setMyEmployee li:last-child{border:none}.messagePanel .addMessageLinks .addLinkCont ul.setMyEmployee li button{background-color:#5e8593;border:none;border-radius:10px;color:#fff}.messagePanel .showLinksEmployees{margin:10px 0 0}.messagePanel .showLinksEmployees h3{font-size:18px;color:#0e3aaa;margin:0;font-size:16px}.messagePanel .showLinksEmployees ul{width:100%;padding:0;margin:0}.messagePanel .showLinksEmployees ul li{border-bottom:1px solid #fff;padding:10px 0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.messagePanel .showLinksEmployees ul li>div{font-size:14px;margin:0 0 px}.messagePanel .showLinksEmployees ul li button{font-size:14px;background-color:#5e8593;color:#fff;padding:5px 15px;border:none;border-radius:15px}.messagePanel .showLinksEmployees ul li:last-child{border:none}@font-face{font-family:fb;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;src:url(/_next/static/media/OpenSansHebrew-Regular.cb74e82f.woff) format("opentype")}@font-face{font-family:fb_light;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;src:url(/_next/static/media/OpenSansHebrew-Light.c7da9a63.woff) format("opentype")}@font-face{font-family:fb_medium;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;src:url(/_next/static/media/OpenSansHebrew-Bold.6f6f8325.woff) format("opentype")}@font-face{font-family:fb_bold;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;src:url(/_next/static/media/OpenSansHebrew-Bold.6f6f8325.woff) format("opentype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v15/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format("woff")}@media print{@page{size:auto;margin:10mm!important}.isPrinting .printHeader{display:block}}@media (max-width:1100px){.defaultPage{padding:75px 0 0!important}.andromedaCredit{display:none}}@media (max-width:600px){.andromedaCredit.absolutePos{position:inherit;rotate:inherit;top:inherit;left:inherit;margin:10px 0 0;padding:0 10% 10px}.modalAddEditHoursLive .myModalContent .addHoursContent{padding:0 5px}.modalAddEditHoursLive .myModalContent .addHoursContent .btnsCont button{font-size:16px;line-height:1}.employeeApp .navApp .center{margin:0!important;text-align:right}.employeeApp .navApp .left.isEmpty,.employeeApp .navApp .showMyName>span{display:none}.employeeApp .employeeSearchIndex.lang-ltr .searcherPanelCont .searcherPanel .header h1{font-size:18px!important;line-height:1}.employeeApp .employeeSearchIndex.lang-ltr .searcherPanelCont .searcherPanel .header .clean span{display:none}.employeeApp.paySlipViewer .comment{width:321px}.welcomePageIndex .indexButtons{flex-direction:column}.welcomePageIndex .indexButtons button{width:100%;max-width:inherit}.welcomePageIndex .indexButtons button .btnCont{width:100%}.salaryAdminIndex .salaryByPeriod .selectMe{width:200px;margin:0 auto}.salaryAdminIndex .salaryByPeriod .selectMe .selectInputCont{width:100%;margin-bottom:10px}.salaryAdminIndex .salaryByPeriod .selectMe>button{width:100%}.formLogin.lang-ltr h1.logoTit{font-size:20px}.formLogin.lang-ltr .logoTitP{font-size:14px}.companyAdminIndex .adminPage{padding:20px}.companyAdminIndex .adminPage .showProjects .searchCont .item{display:block;width:100%!important;margin:0 0 10px!important}.companiesAdminIndex .companySelectCont{padding:20px!important}.productsAdminIndex .showData{flex-wrap:wrap}.productsAdminIndex .showProducts{width:100%!important;padding:0 10px!important}.productsAdminIndex .showProducts:nth-child(2){margin:0!important}.appEmployeeAdmin .selectRoleBar .btnsCont,.appEmployeeAdmin .selectRoleBar .btnsContNew{margin:10px 0}.showPaySlipsCompany .MyTable table{display:block}.showPaySlipsCompany .MyTable table tbody,.showPaySlipsCompany .MyTable table td,.showPaySlipsCompany .MyTable table th,.showPaySlipsCompany .MyTable table tr{width:100%;display:block}.showPaySlipsCompany .MyTable table .titTable{display:none}.showPaySlipsCompany .MyTable table .moreDataCont{display:block!important}.showPaySlipsCompany .MyTable table .field{border-bottom:1px solid #d3d3d3;padding:10px 0}.showPaySlipsCompany .MyTable table .field td{text-align:right!important;border:none!important;padding:0!important}.showPaySlipsCompany .MyTable table .field td .centerMe{justify-content:flex-start}.showPaySlipsCompany .MyTable table .field td.employeeName{padding:5px 0 2px!important;font-weight:700}.showPaySlipsCompany .MyTable table .field td .openDocument{margin:3px 0 0;padding:0;color:#0e3aaa;line-height:1}.selectCompanyByTable{display:none}}@media (min-width:1000px){.companyAdminIndex .selectPageCont.fixedMe{width:20%;position:fixed}}@media (max-width:300px){.employeeApp .navApp .userData .showMyName span{display:none}.employeeApp .blueBgButtons{gap:20px!important}.employeeApp .searcherPanelCont .searcherPanel .header>div h1{font-size:18px!important}.employeeApp .searcherPanelCont .searcherPanel .header>div span{font-size:14px!important}.employeeApp .employeeSearchIndex .searcherPanelCont .searcherPanel .formCont{padding:0}.employeeApp .downMenu{gap:0}.employeeApp .downMenu .btn{line-height:1}.employeeApp .downMenu .btn span{display:none;font-size:14px}}