@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";.App{width:98%;display:flex;flex-direction:column;align-items:center;margin:0 auto}.header{width:100%;height:70px;display:flex;align-items:center;justify-content:center;position:relative}.navbarItem{margin:0 20px;color:#113065;font-weight:900;font-size:20px;cursor:pointer}.logoutButton{position:absolute;right:2%;border:none;padding:5px 10px;background-color:#8b0000;color:#fff;border-radius:8px;font-size:15px;cursor:pointer}.logoutButton:active{color:#666}@media screen and (max-width: 1280px){.header{justify-content:flex-start}.navbarItem{font-size:15px;margin:0 10px}.logoutButton{font-size:12px;right:0;padding:3px 6px;border-radius:4px}}.dashboard{width:100%;display:flex;flex-direction:column}.dashboardHeaderBox{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 0}.dashboardHeaderBox>h2{font-size:30px;color:#113065}.projectsSearchBox{display:flex;align-items:center}.projectSearchInput{width:250px;height:35px;padding:3px 5px;border:1px solid rgba(0,0,0,.2);outline:none;border-radius:4px}.projectSearchButton{width:70px;height:35px;cursor:pointer;border:none;background-color:#113065;color:#fff;border-radius:5px;margin:0 10px;font-size:15px}.projectSearchButton:active{color:#666}.projectSearchCleanButton{width:35px;height:35px;color:#fff;border-radius:5px;cursor:pointer;border:none;background-color:#db5252;font-size:20px}.activeOrArchiveBox{display:flex;align-items:center}.activeOrArchiveItem{margin:0 15px;color:#113065;font-weight:700;cursor:pointer;font-size:16px;padding:2px 5px}.dashboardBodyBox{width:100%;display:flex;flex-direction:column}.dashboardBodyRowBox{width:100%;height:40px;display:flex;justify-content:center;align-items:center;margin:10px 0 0}.dashboardBodyRowBox>span{border:1px solid rgba(0,0,0,.1);text-align:center;width:6.5%;height:100%;font-size:13px;color:#113065;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-content:center}.rowNumberSpan{width:2%!important}.dashboardBodyHeaderBox>span{background-color:#113065;color:#fff}.rowNameSpan,.rowDatesSpan,.rowPropertyAreaStatusSpan{width:5.5%!important}.rowEmailAddressSpan,.rowLocationSpan{width:9%!important}.buttonViewButton{padding:3px 8px;height:25px;background-color:#113065;border:none;border-radius:5px;color:#fff;font-size:12px;cursor:pointer}.archiveBtn{padding:3px 15px;height:25px;border:none;border-radius:5px;color:#fff;cursor:pointer}.buttonViewButton:active{color:gray}.deleteModalHeaderText{font-size:20px;color:#113065;margin:0 auto;text-align:center}.deleteModalHeaderText>span{font-size:16px;font-weight:500}.filesHeaderText{font-size:18px;color:#113065;margin:20px 0 0}.filesLinkText{margin:5px 0 0;font-size:15px;text-decoration:underline;cursor:pointer;color:#8a2be2}.dashboardPrintBtn{width:70px;height:25px;background-color:#2e8b57;border:none;border-radius:5px;color:#fff;font-size:12px;cursor:pointer}.dashboardPrintBtn:active{color:gray}.excelLogo{width:25px;cursor:pointer;margin:0 10px}.additionalWorkText{width:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#113065;margin:10px 0 0}.editProjectService>.materialCountBox,.editProjectService>.materialPriceBox{width:10.3%}.editProjectServiceEditSpan{width:7%;display:flex;align-items:center;justify-content:space-between;position:relative}.consretServiceMaterialsNameInput{width:250px;margin:5px 0 0;padding:2px 5px;outline:none;border:1px solid #999999;border-radius:7px;font-size:14px}@media screen and (max-width: 1280px){.rowPropertyNotesSpan,.rowEmailAddressSpan,.rowLocationSpan,.rowPrintSpan{display:none!important}.rowNameSpan,.rowDatesSpan,.rowPropertyAreaStatusSpan,.rowBtnSpan,.rowPhoneSpan{width:10%!important;font-size:11px!important;font-weight:500}.rowNumberSpan{width:4%!important}.dashboardHeaderBox>h2{font-size:20px}}.sevicesPage{width:85%;height:500px;display:flex;flex-direction:column}.serviceCategoryMainDiv{display:flex;flex-direction:column;align-items:flex-start;padding:10px 0}.serviceCategoryMainDiv>h4{color:#113065}.servicesPageHeaderBox{width:100%;display:flex;justify-content:space-between}.servicesPageHeaderBox>h2{color:#113065;font-size:30px;font-weight:700}.addServiceCategorySelect{width:100%;height:35px;font-family:Poppins,sans-serif;border:1px solid rgba(0,0,0,.4);border-radius:7px}.servicesBodyBox{width:100%;display:flex;flex-direction:column}.serviceCategoryMainDiv>.servicesPageBodyRowBox>span{font-size:14px;border:1px solid rgba(0,0,0,.1)}.servicesPageBodyRowBox{width:100%;min-height:45px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.3)}.servicesBodyHeaderBox{background-color:#113065;color:#fff}.servicesBodyHeaderBox>span{font-size:14px!important}.servicesRowNumberSpan{width:2%;text-align:center;align-content:center;font-size:14px;font-weight:500;border:1px solid rgba(0,0,0,.2)}.servicesRowSmallData{width:7%;text-align:center;align-content:center;font-size:14px;font-weight:500;border:1px solid rgba(0,0,0,.2)}.servicesRowNumberData{width:32%;text-align:center;align-content:center;font-size:15px;font-weight:500;border:1px solid rgba(0,0,0,.2)}.servicePageAddMaterialBtn{width:90px;height:30px;border:none;background-color:#113065;color:#fff;font-weight:500;display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer}.servicePageAddMaterialBtn:active{opacity:.7}.inputMaterialForServiceBox{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center}.inputMaterialForServiceSelect{width:70%;height:30px;font-size:15px;border:1px solid #999999}.addMaterialForServiceCount{width:100px;height:30px;margin:0 10px;outline:none;font-size:15px;border:1px solid #999999;border-radius:5px;padding:0 5px;text-align:right}.addMaterialForServiceMeasureText{width:50px}.addMaterialForServiceDeleteBox{width:55px;display:flex;justify-content:flex-end;align-items:center}.AddServiceBtnsBox{width:80%;display:flex;justify-content:space-evenly;align-items:center;margin:20px 0 0}.materialsPageEditBtn{width:90%;height:30px;border:1px solid #113065;background:#fff;color:#113065;border-radius:5px;cursor:pointer;font-weight:700;font-size:12px}.materialsPageDeleteBtn{background-color:#b22222;width:80%;height:30px;border:none;color:#fff;border-radius:5px;cursor:pointer;font-weight:500;font-size:12px}.materialsPageDeleteBtn:active,.materialsPageEditBtn:active{opacity:.8}.addBtnsBox{width:100%;display:flex;align-items:center;justify-content:space-evenly;padding:20px 0 0}.subTitleText{cursor:pointer;color:#113065;font-weight:700;padding:5px}.subCategoryBox{width:80%;display:flex;align-items:center;justify-content:flex-start}.subCategorySpan{font-size:15px;display:flex;align-items:center}.subTitleCheckInput{width:18px;height:18px;margin-right:10px}.addSubCategoryBtnBox{width:80%;display:flex;align-items:center;justify-content:flex-end;padding:15px 0 0}.addSubCategoryBtn{padding:0 7px;font-size:25px;line-height:25px;background-color:#113065;color:#fff;border:none;border-radius:5px;cursor:pointer}.addSubCategoryBtn:active{color:#666}.subcategoryDeleteBox{position:absolute;left:100%;top:0;color:#666;cursor:pointer}@media screen and (max-width: 1280px){.sevicesPage{width:98%}.servicesPageHeaderBox>h2{font-size:20px}.servicesBodyHeaderBox>span{font-size:11px!important}.servicesRowSmallData{width:11%;font-size:11px!important;line-height:12px;font-weight:700}.servicesRowNumberData{width:22%;font-size:11px!important;line-height:12px;font-weight:700}.servicesRowNumberSpan{width:3%;font-size:11px!important}.servicesPageBtns{font-size:11px!important;width:auto;padding:0 5px}.inputMaterialForServiceSelect>option{font-size:12px}}.projectsDataCloseIconBox{width:100%;display:flex;align-items:center;justify-content:flex-end}.projectsDataCloseIcon{color:#666;cursor:pointer}.newProjectHeadText{font-size:15px;color:#113065;width:100%;padding:0 0 5px;margin:10px 0 0;border-bottom:1px solid rgba(0,0,0,.2)}.newProjectBodyInputsBox{width:100%;display:flex;justify-content:space-between}.newProjectBodyInputsLabelsBox{width:25%;display:flex;flex-direction:column}.newProjectBodyInputsLabel{font-size:14px;font-weight:500;height:30px;align-content:center;margin:5px 0 0}.newProjectBodyInputsValuesBox{width:75%;display:flex;flex-direction:column}.newProjectBodyInputsValuesInput{width:100%;height:30px;outline:none;border:1px solid rgba(0,0,0,.2);border-radius:5px;margin:5px 0 0;padding:0 10px}.newProjectLocationInput{width:60%}.newProjectDatesAndPropertyTypeBox{width:100%;display:flex;justify-content:space-between;margin:20px 0 0}.newProjectDatesBox{width:50%;display:flex;flex-direction:column;padding:0 5px}.newProjectDatesBox>span{width:100%;min-height:30px;margin:5px 0 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:14px;font-weight:500}.historyEndDateData{color:#999;font-size:14px}.newProjectDatesInput{width:120px;height:30px;outline:none;border-radius:5px;border:1px solid rgba(0,0,0,.2);padding:0 5px;font-size:13px}.newProjectPropertyTypeBox{width:50%;display:flex;justify-content:center;padding:0 5px}.newProjectHomeTypeBox{width:48%;display:flex;flex-direction:column;margin:10px 0 0}.newProjectHomeTypeLabel{font-size:14px;font-weight:500;display:flex;align-items:center}.newProjectHomeTypeLabel>input{width:16px;height:16px;margin:0 5px 0 0}.newProjectHomeTypeRadioBox{font-size:12px;line-height:13px;font-weight:400;display:flex;align-items:center;margin:20px 0 0}.newProjectHomeTypeRadioBox>input{margin:0 5px}.otherHomeTypeInput{width:120px;padding:0 3px;outline:none;font-size:12px}.newProjectDesignLinkBox{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:7px 5px;margin-top:8px}.newProjectDesignLinkInput{width:60%;height:30px;outline:none;border-radius:5px;border:1px solid rgba(0,0,0,.2);padding:0 5px;margin:0 3%;font-size:13px}.newProjectDesignLinkBtn{width:120px;height:30px;border:none;background-color:#113065;color:#fff;border-radius:5px;cursor:pointer}.newProjectDesignLinkBtn:active{color:gray}.newProjectUploadBtnsBox{width:100%;display:flex;align-items:flex-start;justify-content:center;padding:10px 0}.newProjectUploadBtnsSpan{position:relative;margin:0 10px;font-size:12px;text-align:center}.newProjectUploadBtn{padding:0 10px;height:30px;border:none;background-color:#113065;color:#fff;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.newProjectInputHideBtn{width:150px;height:30px;position:absolute;top:0;left:0;opacity:0}.newProjectUploadBtn:active{color:gray}.newProjectAdditionalNotesBox{width:100%;display:flex;flex-direction:column;align-items:flex-start}.newProjectAdditionalNotesInput{width:100%;height:80px;resize:none;border:1px solid rgba(0,0,0,.2);border-radius:5px;outline:none;padding:5px}.createProjectServicesPriceAndMoreBox{display:flex;width:1000px;max-height:100%;flex-direction:column;align-items:flex-start}.newProjectAllMaterialsSection{width:320px;height:92%;max-height:92%;overflow-y:auto;display:flex;flex-direction:column;background-color:#113065}.newProjectAllMaterialsBodyBox{display:flex;flex-direction:column;overflow-y:auto}.newProjectCalculatorBox{width:100%;height:40px;min-height:40px;background-color:#fff;display:flex;align-items:center;justify-content:flex-start;color:#113065;font-weight:700;position:relative;cursor:pointer}.sizeAreaTypeBox{width:99%;position:absolute;background-color:#fff;top:40px;padding:15px;display:flex;flex-direction:column}.sizeAreaTypeText{margin:15px;padding:5px;font-size:15px;font-weight:500;cursor:pointer;border-bottom:1px solid #113065}.newProjectCategorysExampleBox{width:100%;display:flex;flex-direction:column;align-items:flex-end;padding:10px}.newProjectCategoryAllServicesNamesBox{width:100%;display:flex;flex-direction:column;align-items:flex-end}.newProjectCategoryNameSpan{width:100%;font-family:Poppins,sans-serif;font-size:16px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.newProjectCategoryNameSpan:hover{opacity:.6}.newProjectCategoryServiceNameSpan{width:90%;display:flex;padding:5px 0;font-size:15px;font-weight:500;cursor:pointer;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);position:relative}.subCategorysList{position:absolute;left:70px;bottom:0;list-style:none;display:none;border-radius:7px;width:200px;max-width:200px;overflow:hidden}.newProjectCategoryServiceNameSpan:hover .subCategorysList{display:inline-block}.subCategorysList>li{border-bottom:1px solid #113065;background-color:#fff;color:#113065;padding:10px;font-size:14px;text-align:center}.subCategorysList>li:hover{background-color:#ccc}.newProjectStatusBox{width:100%;display:flex;align-items:center;justify-content:space-between;padding:7px 0}.newProjectStatusRadioBox{display:flex;align-items:center;font-size:14px;font-weight:500}.newProjectStatusRadioBox>input{margin:0 5px;width:15px;height:15px}.newProjectNextBtnBox{width:100%;display:flex;align-items:center;justify-content:space-between;margin:10px 0}.newProjectNextBtn{width:100px;height:30px;border:none;background-color:#113065;color:#fff;border-radius:5px;cursor:pointer;font-size:14px;margin:0 50px}.newProjectCancelBtn{width:100px;height:30px;border:1px solid #113065;background-color:#fff;color:#113065;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;margin:0 50px}.concretProjectDeleteBtn{background-color:#b22222;border:none;color:#fff}.newProjectNextBtn:active{color:gray}.materialPageHeaderBox{width:100%;display:flex;align-items:center;justify-content:flex-end}.materialPageTitle{width:99%;color:#113065;text-align:right}.materialPageAddBtn{width:120px;height:30px;border:1px solid #113065;background-color:#fff;color:#113065;border-radius:5px;cursor:pointer;font-size:15px;font-weight:700}.materialPageAddBtn:active{color:gray}.materialPageBodyBox{width:100%;display:flex;flex-direction:column;overflow-y:auto;padding:0 0 20px}.materialPageBodyRowBox{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;margin-top:5px;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:5px}.materialPageBodyRowBox>span{font-size:12px;white-space:wrap;font-weight:400;text-align:center;align-content:center}.materialPageTableHead>span{color:#fff;background-color:#113065;height:45px}.deleteServiceIsProject{color:#8b0000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px!important;background-color:#fff;cursor:pointer}.materialNumberBox{width:3%;height:20px;position:relative}.materialNameBox{width:15%}.materialDropDownBox{width:13%}.materialNameBodyBox{text-align:left!important}.materialCountBox,.materialPriceBox{width:11%}.materialCountInput{width:80%;height:30px;outline:none;border:1px solid rgba(0,0,0,.2);padding:0 5px;border-radius:5px}.concretServiceCountText{width:80%;display:flex;align-items:center;justify-content:center}select{outline:none;border:1px solid rgba(0,0,0,.2);border-radius:5px;cursor:pointer;height:30px}.materialPageAllPriceAndNextBtnBox{width:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;margin-top:30px}.materialAllPriceBox{font-size:20px;font-weight:500;color:#113065}.materialNextBtnBox{width:100px;height:30px;border:none;background-color:#113065;color:#fff;border-radius:5px;cursor:pointer;font-size:16px}.materialNextBtnBox:active{color:gray}.pricesPageRowBox{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-weight:500;border-bottom:1px solid rgba(0,0,0,.2)}.pricePageInput{width:80px;border:none;border-bottom:1px solid rgba(0,0,0,.2);margin:0 5px;outline:none;padding:0 5px;text-align:right;font-size:14px}.pricePageInput::placeholder{font-size:13px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.pricePegeDataTitle{width:40%;display:flex;align-items:center}.pricePegeInputsBox{width:40%;display:flex;align-items:center;justify-content:flex-end}.pricePegeInputsBox>span{width:100%;display:flex;align-items:center;justify-content:flex-end}.pricePagePriceData{width:20%;display:flex;justify-content:flex-end;align-items:center}.emptyPriceData{color:#0003}.projectPriceBox{width:100%;display:flex;align-items:center;justify-content:space-between;margin:20px 0 0;font-size:22px;font-weight:700}.pricePageBtnsBox{display:flex;align-items:center;justify-content:space-between;margin:50px 0 0}.pricePageBackBtn{width:100px;height:30px;border:1px solid #113065;background-color:#fff;color:#113065;border-radius:5px;cursor:pointer}.pricePageSaveBtn{width:100px;height:30px;border:none;background-color:#113065;color:#fff;border-radius:5px;cursor:pointer}.pricePageCommitBtn{background-color:#556b2f;margin-right:40px}.chooseDesignProviderBox{width:100%;display:flex;flex-direction:column}.chooseDesignProviderSpan{width:100%;display:flex;align-items:center;padding:10px 0 0}.newProjectHomeDesignChooseLabel{margin-right:20px}.additionalNotesFromServiceInput{width:350px;min-height:150px;height:auto;right:50px;padding:15px;border-radius:5px;outline:none;box-shadow:0 0 5px gray;background-color:#fff;display:flex;flex-direction:column;align-items:center}.wallsAreaCalcbutton{padding:3px 7px;border:none;background-color:#113065;color:#fff;border-radius:5px;cursor:pointer}@media screen and (max-width: 1280px){.newProjectCategoryNameSpan{font-size:15px}.newProjectCategoryServiceNameSpan{font-size:14px}.materialPageBodyRowBox>span{font-size:12px}.materialPageTableHead>span{height:65px}.materialPageBodyRowBox>span>input,.materialPageBodyRowBox>span>select{font-size:11px;width:90%}.sizeAreaTypeText{font-size:13px;width:100%;margin:15px 0;padding:5px 0}}.signIn-container{width:100%;background-color:#f0f2f5!important;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.signIn-box{max-width:400px;width:400px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.signin-header{width:100%;text-align:center;margin-bottom:30px}.signin-header h2{color:#113065;text-align:center;font-size:32px;font-style:normal;font-weight:900;line-height:normal}.signIn-form{width:80%;display:flex;flex-direction:column;justify-content:flex-start}.signIn-form-block{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;margin-bottom:24px}.signIn-form-block label{color:#999;font-size:16px;font-style:normal;font-weight:400;line-height:normal}#signInEmail{width:100%;border-radius:8px;border:1px solid #CCC;color:#666;font-size:16px;background-color:#f0f2f5!important;font-style:normal;font-weight:400;line-height:normal;padding:8px 16px;outline:none}#signInFormPass{background-color:#f0f2f5!important;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:8px;border:1px solid #CCC;padding-right:8px}#signInPass{width:90%;padding:8px 16px;border-radius:8px;border:none;color:#666;font-size:16px;font-style:normal;font-weight:400;line-height:normal;background:#f0f2f5!important}#signInPass:active,#signInPass:focus,#signInPass:visited,#signInPass:target{outline:none;background-color:#f0f2f5!important;color:#999}.showPass,.hidePass{color:#999}.signInAlert{width:100%;text-align:right}#wrongPassMessage{display:none;color:#db5252;text-align:right;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.signInBtn{margin-top:20px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.signInBtn button{width:100%;border-radius:8px;border:none;background-color:transparent;padding:5px;text-align:center;color:#004de7;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.signIn-forgetPass{width:100%;text-align:right}.signIn-forgetPass a{cursor:pointer;text-decoration:none}.signIn-forgetPass a span{color:#666;text-align:right;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline}.materialsPage{width:70%;display:flex;flex-direction:column;align-items:center;border-radius:5px}.materialsBodyBox{width:100%;display:flex;flex-direction:column}.materialsBodyRowBox{width:100%;display:flex;justify-content:space-between;align-items:center}.materialsRowNumberSpan{width:5%;height:40px;text-align:center;align-content:center}.materialsRowNumberData{width:19%;height:40px;text-align:center;align-content:center}.materialsBodyHeaderBox>.materialsRowNumberSpan,.materialsBodyHeaderBox>.materialsRowNumberData{background-color:#113065;color:#fff;font-size:16px;font-weight:500}.materialsPageHeaderBox{justify-content:space-between}.materialDeleteBtn{width:100px;height:30px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;background-color:#b22222;border:none;color:#fff}.materialsBodyRowBox>span{border:1px solid rgba(0,0,0,.3);margin-top:5px;font-weight:500}.addMaterialTitle{font-size:20px;color:#113065}.addMaterialBodyBox,.dontUseSubCategorysBox{width:100%;display:flex;flex-direction:column;align-items:center}.addMaterialDataBox{width:80%;display:flex;flex-direction:column;margin:10px 0}.assMaterialSubCategoryBox{width:100%}.addMaterialDataBox>span,.addServiceTypeBox>span,.addSubCategoryBox>span{font-size:14px;color:gray;margin:3px 0}.subCategorysBox{margin-top:10px;padding:10px;width:80%;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;box-shadow:0 0 5px #0003;border-radius:7px}.addSubCategoryBox{width:45%;display:flex;flex-direction:column;margin-bottom:5px}.addMaterialForServiceBtnsBox{display:flex;width:50%;justify-content:flex-end}.addMaterialForServiceBtn{width:100px;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;border:none;background-color:#556b2f;color:#fff;border-radius:5px;margin-left:15px;cursor:pointer}.addMaterialForServiceBtn:active{color:#999}.addMaterialInput{width:100%;height:35px;border:1px solid #999999;border-radius:8px;outline:none;padding:0 10px;font-size:14px}.addMaterialBtnsBox{width:80%;display:flex;align-items:center;justify-content:space-evenly;margin:20px 0 0}.addServiceTypeBox{width:80%;display:flex;align-items:center;justify-content:space-between;margin-top:20px}@media screen and (max-width: 1280px){.materialsPage{width:98%!important}.materialsBodyRowBox>span,.materialsBodyHeaderBox>.materialsBodyHeaderBox{font-size:12px!important;line-height:14px!important}.materialsPageBtns{margin:0;width:auto;font-size:12px;padding:0 10px}}.Accounting,.ConcreteProjectAccountant,.ProjectsAccounting,.OtherExpenses,.AdministrationAccountant{width:100%;display:flex;flex-direction:column}.accountingTableHeader{width:100%;display:flex;justify-content:space-between;align-items:center;margin:15px 0;background-color:#113065;border-radius:5px}.accountingTableHeader>span{color:#fff;font-weight:700;padding:10px;width:16%}.accountingTableBody{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #999999}.accountingTableBody>span{padding:5px 10px;width:16%;font-weight:500;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.accountingTableBody>span:first-child{cursor:pointer}.accountingPageMenuBox{display:flex;justify-content:center;margin:15px 0}.accountingTypeItem{padding:5px 10px;font-weight:700;cursor:pointer;font-size:18px;color:#113065;margin:0 5px}.concreteClientFullNameText{text-align:center}.financialDataHeaderBox{width:90%;display:flex;justify-content:space-between;align-items:center;margin:20px auto 0;background-color:#113065;border-radius:5px;padding:10px}.financialDataHeaderBox>span{width:14%;color:#fff;font-weight:700;text-align:center}.financialDataBodyBox{width:90%;display:flex;justify-content:space-between;align-items:center;margin:20px auto 0;border-radius:5px;padding:5px 10px}.financialDataBodyBox>span{width:14%;font-weight:500;text-align:center}.financialAddDataButton{padding:0 10px;font-size:20px;font-weight:500;color:#fff;background-color:#113065;border-radius:5px;border:none;cursor:pointer}.financialAddDataButton:active{color:#999}.addPaymentTitleText{margin:0;text-align:center;font-weight:500}.addPaymentPriceInput{width:60%;height:35px;border:1px solid rgba(0,0,0,.2);border-radius:5px;padding:0 7px;outline:none;font-size:15px}.costDescriptionInput{width:60%;height:80px;resize:none;border:1px solid rgba(0,0,0,.2);border-radius:5px;padding:0 4px;outline:none;font-size:14px}.addPaymentPriceButton{padding:3px 15px;color:#fff;background-color:#113065;border-radius:5px;border:none;cursor:pointer;font-size:15px;font-weight:500}.addPaymentPriceButton:active{color:#999}.concreteAccountantTitleText{width:90%;margin:0 auto;font-weight:700;color:#113065}.costDataSpan{cursor:pointer}.currentHistoryBox{width:100%;display:flex;flex-direction:column;padding:15px 10px;border-bottom:1px solid #999999}.currentHistoryBox>span{font-weight:500;color:#666;font-size:17px}.concreteProjectIncomeBox{width:90%;margin:50px auto;padding:10px;background-color:#113065;border-radius:5px;display:flex;align-items:center;justify-content:flex-end;color:#fff;font-size:18px;font-weight:500}.administrationPageDropdownBox{width:90%;display:flex;align-items:center;justify-content:flex-end;margin:5px auto}.selectMonthElement{width:150px;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}.monthlyResultsMainBox{width:50%;display:flex;flex-direction:column;margin:50px auto;border:1px solid}.monthlyDataHeaderBox{width:50%;display:flex;justify-content:space-between;align-items:center;margin:20px auto 0;background-color:#113065;border-radius:5px;padding:10px}.monthlyDataHeaderBox>span{color:#fff;font-weight:700;width:25%}.monthlyDataBodyBox,.monthlyDataAdminBox{width:50%;display:flex;justify-content:space-between;align-items:center;margin:20px auto 0;border-radius:5px;padding:10px;border-bottom:1px solid rgba(0,0,0,.2)}.monthlyDataBodyBox>span,.monthlyDataAdminBox>span{color:#000;font-weight:500;width:25%}.backToMainPageBtn{padding:5px 15px;position:absolute;top:15px;left:15px;cursor:pointer;border:none;border-radius:7px;font-size:15px;font-weight:500;background-color:#113065;color:#fff;letter-spacing:1px}.backToMainPageBtn:active{color:#999}.otherExpensesHeaderBox{width:60%;display:flex;justify-content:flex-end;align-items:center;margin:20px auto}.addOtherExpensesBtn{padding:5px 15px;color:#fff;background-color:#113065;border-radius:5px;border:none;cursor:pointer;font-size:15px;font-weight:700}.addOtherExpensesBtn:active{color:#999}.negativeOrPositiveBox{width:60%;display:flex;justify-content:space-evenly;align-items:center}.negativeOrPositiveBox>label{display:flex;align-items:center;font-weight:500}.negativeOrPositiveBox>label>input{width:18px;height:18px;margin:0 5px}.totalAmountText{width:50%;display:flex;margin:0 auto;font-weight:700;font-size:20px}.DocDownload{width:100%;height:auto;display:flex;flex-direction:column;align-items:center}.contentPrintBtn{position:fixed;bottom:30px;right:30px;cursor:pointer;width:80px;height:35px;border:none;background-color:#556b2f;color:#fff;border-radius:8px;font-size:15px;font-family:Poppins,sans-serif}.backPrintBtn{position:fixed;bottom:90px;right:30px;cursor:pointer;width:80px;height:35px;border:none;background-color:#8b0000;color:#fff;border-radius:8px;font-size:15px;font-family:Poppins,sans-serif}.contentPrintBtn:active{color:#999}.ContentBox{width:1400px;display:flex;flex-direction:column;align-items:center;padding:0 0 30px}.downloadHeaderBox{width:100%;height:200px;display:flex;align-items:center;justify-content:space-between}.companyDataBox{max-width:35%;height:100%;display:flex;flex-direction:column}.companyLogoBox{max-width:30%;height:100%;display:flex;justify-content:center;align-items:center}.clientDataBox{max-width:35%;height:100%;display:flex;flex-direction:column}.companydataHeaderText{font-size:15px;color:#000;font-weight:700;margin:3px 0}.companydataInfoText{font-size:13px;color:#000;font-weight:700;margin:3px 0}.smallData{font-weight:500;margin:0 5px}.companyLogoImage{height:60%}.downloadContentContractDateText{font-size:13px;font-weight:700;margin:5px 0}.servicesContentHeaderBox{background-color:#0003;color:#000;font-weight:700;border:none}.servicesContentHeaderBox>span{font-size:12px!important}.serviceContentBodyBox{font-weight:500}.downloadContentPageBodyBox{width:100%;display:flex;flex-direction:column}.servicesPageBodyRowBox>span{font-size:12px;text-align:center;align-items:center;align-content:center;border:1px solid rgba(0,0,0,.5)}.downloadNumberSpan{width:2%}.downloadData{width:7%}.downloadNameSpan{width:21%;text-align:left!important;padding:0 3px}.servicesBodyFooterBox{font-weight:700;height:30px;border:none}.printPageServicesTitleBox{padding:5px 0;font-weight:700;font-size:16px;text-align:center}.concentPricesBox{width:100%;display:flex;flex-direction:column}.downloadDataFooterBox{width:100%;margin-top:20px;display:flex;flex-direction:column}.downloadDataSupportBox{max-width:50%;height:50px;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#0003;font-size:12px;font-weight:700;border:none!important}.clientAndCompanyNamesBox{width:70%;display:flex;align-items:center;justify-content:space-between;margin-top:30px}.contentClientBox{display:flex;height:60px;flex-direction:column;align-items:flex-start;justify-content:space-between}.contentClientBox>span{font-size:14px;font-weight:700}.nameAndsignatureBox>span:last-child{margin:0 10px;border-bottom:1px solid;padding:0 150px}.nameAndsignatureBox>span:first-child{margin:0 10px;border-bottom:1px solid;padding:0 70px}.pricesResultBox{background-color:#0000001a}.selectConcretProjectDataBox{width:100%;display:flex;align-items:center;justify-content:flex-end;margin:20px 0}.selectConcretProjectData{width:250px}.printPageAdditionalWorkText{color:#000;margin-top:10px;width:100%;font-weight:700;font-size:14px;text-align:center}.printPageAdditionalHeader{margin:0}@media print{@page{size:landscape;margin:6mm}}.CreateExcelTable{width:80%;margin:50px 0}.CreateExcelTable>thead>tr{display:flex;justify-content:space-between}.CreateExcelTable>thead>tr>th{display:flex;flex-direction:column;align-items:flex-start}.CreateExcelTable>tbody>tr{display:flex;width:100%;justify-content:space-between;flex-direction:row}.CreateExcelTable>tbody>tr>td{border:1px solid;font-size:13px;font-weight:500;display:flex;align-items:center;padding:0 5px}.downloadContentContractDateText{width:100%;text-align:center}.excelTablePricesPox>td{font-weight:700!important}.excelBtn{width:130px}.excelTable{border:none!important;align-items:flex-start!important}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}::-webkit-scrollbar{width:5px;height:5px;background:#fff3}::-webkit-scrollbar-thumb{background:#999;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#999}