@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap";*{margin:0;padding:0;scroll-behavior:smooth}.buttonContactUs{font-size:.4rem}.EntryImageContainer{Width:auto;display:flex;justify-content:center;flex-direction:column;align-items:center}.entryImg{margin-bottom:-2rem;width:100%}.slogan{color:#fdeecb;font-size:1rem!important;text-align:center;width:100%}.introductionContainer{display:flex;flex-direction:column;align-items:center;margin:1rem auto 2rem;text-align:center;max-width:45rem}.text1Container{background-color:#b8e986;border-radius:15px;padding:20px 20px 40px;margin-top:20px;text-align:justify}.imgConainer{width:auto;margin-top:-40px;z-index:2}.enterpriseImg{width:100%;height:auto;border-radius:20px;clip-path:polygon(47% 4%,100% 0,100% 110%,0 110%,0 16%);overflow:hidden}.descriptionContainer{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;gap:5rem}.comunicationImg{max-width:300px;filter:drop-shadow(6px 7px 10px black)}.icons{max-width:50px}.title{font-size:1.5rem!important;font-weight:700!important}.departmentInfoContainer{background-color:#fff6da;border-radius:8px;padding:1rem;box-shadow:0 0 15px #000;width:15rem;height:8rem}.departmentTitle{font-weight:700!important;font-size:1rem!important}.departmentDescription{font-size:.8rem!important}.mapContainer{width:70%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.dadStaticContainer{background:linear-gradient(90deg,#b7e442,#edff49 30% 80%,#b7e442)}.staticsContainer{border-radius:30px;margin-top:2rem;display:flex;justify-content:space-around;align-items:center;padding:1rem;gap:3rem}.staticsIcon{width:5rem}.staticsText{font-weight:700!important;font-size:1rem!important;text-align:center}.integrationContainer{position:relative;width:100%;min-height:100vh;background:linear-gradient(0deg,#fff,#b8e986 50%,#fff 95%)!important}.integrationTitle{border-radius:20px;border:2px solid #422809;box-shadow:0 0 15px #342007;padding:10px;margin-bottom:1rem!important}.cardsContainer{margin-top:1rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem;align-items:flex-start}.integrationImg{max-width:10rem;border-radius:10px;margin:1rem}.contactUsContainer{display:flex;flex-direction:column;margin-top:3rem;text-align:center;background:linear-gradient(#effbff,#ffe0b3 80%)}.socialMediaContainer{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);place-items:center}.circleWrapper{position:relative;width:100%;height:15rem;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.circleMask{position:absolute;width:38rem;height:38rem;border-radius:50%;background:#cdcab5;box-shadow:0 6px 20px #00000026;display:flex;align-items:center;justify-content:center}.contactCircle{position:absolute;width:35rem;height:35rem;border-radius:50%;background-color:#ffe0b3!important;display:flex;align-items:start;justify-content:center}.imgCircle{margin-top:10px;width:350px;border-radius:140px}.icon{width:6rem;border-radius:50%;background:#fff;display:flex;filter:drop-shadow(6px 7px 10px rgb(33,32,32))}.logo{width:100%;height:100%}.iconFacebook{grid-column-start:2;grid-row-start:1}.iconWhatsapp{grid-column-start:1;grid-row-start:2}.iconInstagram{grid-column-start:3;grid-row-start:1}.iconLinkedin{grid-column-start:4;grid-row-start:2}.Footer{margin-top:4rem;background-color:#000;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding:5rem}.footerText{color:#fff;font-weight:700!important}.LogoexloFooter{width:10rem}@media screen and (max-width:650px){.staticsContainer{flex-direction:column}.farmatodoLogoContainer{width:10rem}.Footer{padding:3rem}.icon{width:4rem}.descriptionContainer{flex-direction:column;padding:0;padding-top:2rem;padding-bottom:2rem;gap:0px}.comunicationImg{max-width:200px;margin-bottom:2rem}.title{font-size:1rem!important;font-weight:700!important}.mapContainer{width:100%}}@media screen and (min-width:1024px){.entryImg{margin-bottom:-5rem}.slogan{font-size:2rem!important}.imgConainer{width:40rem}.introductionContainer{max-width:60rem;margin-top:3rem}.comunicationImg{max-width:500px}.title{font-size:2rem!important}.mapContainer{width:90%;flex-direction:row}.departmentInfoContainer{align-self:flex-start;min-width:20rem;margin-top:10rem;margin-left:-10rem}.staticsContainer{gap:10rem}.staticsIcon{width:10rem}.integrationImg{max-width:15rem;border-radius:10px;margin:1rem}.icon{width:8rem}.circleMask{width:48rem;height:48rem}.contactCircle{width:45rem;height:45rem}}@media screen and (min-width:1318px){.cardsContainer{width:70%}}.title{background:linear-gradient(270deg,#422809,#ae8867,#422809);background-size:400% 400%;animation:gradientShift 10s ease infinite;color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.descriptionContainer{background:linear-gradient(90deg,#5a862f,#b8e986);background-size:400% 400%;color:#fff;animation:gradientShift 10s ease-in-out infinite}.integrationTitle{background:linear-gradient(270deg,#ae8867,#fff,#ae8867);background-size:400% 400%;animation:gradientShift 20s ease infinite}.changeColor{background:linear-gradient(270deg,#67513d,#000,#67513d);background-size:400% 400%;animation:gradientShift 10s ease infinite;color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fadeDown{animation:fadeDown .5s ease-out forwards}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-20px)}}.mapContainer.shifted{animation:slide 1s ease-out forwards}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.farmatodoLogoContainer:hover{animation:flip 1s ease-in-out}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.icon{animation:float 3s ease-in-out infinite}.icon:hover{transform:scale(1.2);animation:none}.iconFacebook{animation-delay:0s}.iconInstagram{animation-delay:.5s}.iconWhatsapp{animation-delay:1s}.iconLinkedin{animation-delay:1.5s}@media(max-width:650px){.mapContainer.shifted{transform:translateY(-100px)}.mapContainer.shifted{animation:slide 1s ease-out forwards}@keyframes slide{0%{transform:translateY(0)}to{transform:translateY(-50px)}}}.timeline{padding:20px 0}.timeline .MuiTimelineItem-root{align-items:flex-start}.timeline .MuiTimelineConnector-root{background-color:#b17b3b;width:.3rem;min-height:5rem;margin:0}.timeline .MuiTimelineDot-root{background-color:#fff;box-shadow:0 2px 4px #000;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.timeline .MuiTypography-root{font-family:Montserrat,sans-serif}.timeline .MuiTypography-root:last-of-type{font-size:12px;color:#000;line-height:1}@media screen and (max-width:600px){.title{font-size:10px;line-height:1}}.timeline.right .MuiTimelineOppositeContent-root,.timeline.left .MuiTimelineOppositeContent-root{display:none!important}.timeline.alternate .MuiTimelineOppositeContent-root{display:block}path.region-selected{fill:#f9ba00!important;transition:fill .2s ease}path[role=button]:focus{outline:none;stroke-width:2px;stroke:#444}.region{fill:transparent;stroke:#444;stroke-width:1;cursor:pointer}.region:hover{fill:#f5f5f5}#CO-CUN:hover,#CO-DC:hover,#CO-NSA:hover,#CO-ANT:hover,#CO-CAL:hover,#CO-MET:hover,#CO-ATL:hover{fill:#fad669;cursor:pointer;transform:scale(1.01);filter:drop-shadow(0px 0px 6px black)}#CO-CUN,#CO-DC,#CO-NSA,#CO-ANT,#CO-CAL,#CO-MET,#CO-ATL{fill:#ffe59a;cursor:pointer;transition:transform .3s ease,fill .3s ease;transform-origin:center}.cardContainer{border-radius:5px;background-color:#fff;border:1px solid gray;width:15rem;min-height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.5rem;transition:all .3s ease;overflow:hidden;cursor:pointer}.cardTitle{font-weight:700!important;font-size:1rem!important;margin-bottom:.5rem;text-align:center}.cardDescription{font-size:.8rem!important;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;text-align:justify;padding:.5rem}.cardContainer.expanded .cardDescription,.cardContainer:hover .cardDescription{opacity:1;max-height:500px;margin-top:.5rem}@media screen and (min-width:838px){.cardDescription{font-size:1rem!important}.cardContainer{width:25rem}}.cascadeAnimation:hover{animation:smoothCascade 1.5s ease-in-out forwards}@keyframes smoothCascade{0%{background:linear-gradient(0deg,var(--c2) 0%,var(--c1) 30%,white 60%);background-position:0% 100%;background-size:100% 600%}}.cursor{display:inline-block;margin-left:2px;color:currentColor;animation:blink .7s step-end infinite}@keyframes blink{50%{opacity:0}}.drawerContainer{width:15rem;display:flex;flex-direction:column;align-items:center}.employeeImgContainer{display:flex;justify-content:center;align-items:center;width:50%;margin-top:1rem;margin-bottom:1rem}.employeeImg{width:100%;border-radius:100%}.dialogContainer{padding-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:0!important}.dialogCard{width:90%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:10px;border:2px solid gray;padding:1rem;margin-bottom:1rem}.dialogTitle{width:100%;padding:1rem;text-align:center}@media screen and (min-width:1024px){.dialogTitle{width:30%}.dialogCard{flex-wrap:nowrap;justify-content:space-evenly}}@media screen and (min-width:1440px){.dialogCard{padding-top:1rem}}.CustomButtonStyle{height:3rem;font-size:1rem;text-transform:capitalize}.yearImages{width:10rem}@media screen and (min-width:1024px){.yearImages{width:15rem}}@media screen and (min-width:1440px){.yearImages{width:20rem}}.tableImageStyle{width:5.5rem;opacity:.82;transition:opacity .2s ease}.tableImageStyle:hover{opacity:1}@media screen and (min-width:1024px){.tableImageStyle{width:7rem}}.MuiPaper-root.MuiPaper-elevation{box-shadow:0 2px 16px #5aafd01a!important;border-radius:12px!important}.tableSearchRow{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1.25rem;gap:1rem;border-bottom:1px solid rgba(225,243,175,.55)}.tableSearchRow .MuiOutlinedInput-root{border-radius:8px;font-size:.82rem;background:#fafafa;transition:box-shadow .18s ease}.tableSearchRow .MuiOutlinedInput-root:hover,.tableSearchRow .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 3px #5aafd021}.tableSearchRow .MuiOutlinedInput-notchedOutline{border-color:#5aafd047!important}.tableSearchRow .MuiInputLabel-root{font-size:.82rem;color:#9bb8c4}.tableSearchRow .MuiInputAdornment-root svg{font-size:1rem;color:#5aafd0;opacity:.7}.MuiTableContainer-root{border-radius:0!important}.MuiTableHead-root .MuiTableRow-root{background-color:transparent}.MuiTableHead-root .MuiTableCell-root{background-color:#e1f3af73!important;color:#4a5c2a;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.55rem .9rem;border-bottom:2px solid rgba(225,243,175,.8);white-space:nowrap}.MuiTableHead-root .MuiTableSortLabel-root{color:#4a5c2a!important;font-size:.75rem}.MuiTableHead-root .MuiTableSortLabel-root:hover,.MuiTableHead-root .MuiTableSortLabel-root.Mui-active{color:#3a7a20!important}.MuiTableHead-root .MuiTableSortLabel-icon{color:#3a7a20!important;font-size:.85rem!important}.MuiTableBody-root .MuiTableRow-root{transition:background-color .14s ease}.MuiTableBody-root .MuiTableRow-root:nth-of-type(2n){background-color:#e1f3af12}.MuiTableBody-root .MuiTableRow-root:hover{background-color:#5aafd00f!important}.MuiTableBody-root .MuiTableCell-root{font-size:.8rem;color:#3d4a52;padding:.5rem .9rem;border-bottom:1px solid rgba(0,0,0,.04)}.MuiTableBody-root .MuiIconButton-root{color:#5aafd0!important;padding:.3rem;border-radius:6px!important;transition:background-color .15s ease,transform .15s ease}.MuiTableBody-root .MuiIconButton-root:hover{background-color:#5aafd01f!important;transform:scale(1.12)}.MuiTableBody-root .MuiIconButton-root svg{font-size:1.1rem}.MuiTablePagination-root{border-top:1px solid rgba(0,0,0,.05);font-size:.75rem!important;min-height:42px;color:#6b7a82}.MuiTablePagination-root .MuiTablePagination-selectLabel,.MuiTablePagination-root .MuiTablePagination-displayedRows{font-size:.75rem;color:#8a9ba3;margin:0}.MuiTablePagination-root .MuiTablePagination-select{font-size:.75rem}.MuiTablePagination-root .MuiIconButton-root{padding:.25rem;color:#5aafd0!important;border-radius:6px!important}.MuiTablePagination-root .MuiIconButton-root:hover{background-color:#5aafd01a!important}.MuiTablePagination-root .MuiIconButton-root.Mui-disabled{color:#c8d8dd!important}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.MuiTableBody-root .MuiTableRow-root{animation:rowFadeIn .18s ease both}.MuiTableBody-root .MuiTableRow-root:nth-of-type(1){animation-delay:.02s}.MuiTableBody-root .MuiTableRow-root:nth-of-type(2){animation-delay:.04s}.MuiTableBody-root .MuiTableRow-root:nth-of-type(3){animation-delay:.06s}.MuiTableBody-root .MuiTableRow-root:nth-of-type(4){animation-delay:.08s}.MuiTableBody-root .MuiTableRow-root:nth-of-type(5){animation-delay:.1s}.dialogTitle{flex:1;color:#000;text-align:center;text-transform:capitalize;font-weight:700!important}.toolBarContainer{width:100%;display:flex;background-color:#f0fff1;justify-content:space-between;border-bottom:2px solid gray}.dialogImageContainer{width:5rem}.dialogImage{width:100%}@media screen and (min-width:1024px){.dialogImageContainer{width:10rem}}.attendance-calendar{background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000014;padding:24px;width:100%;font-family:Nunito,Segoe UI,sans-serif}.attendance-calendar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.attendance-calendar__title{font-weight:700!important;font-size:1.1rem!important;color:#212121!important;text-transform:capitalize!important}.attendance-calendar__legend{display:flex;align-items:center;gap:12px}.attendance-calendar__legend-item{display:flex;align-items:center;gap:4px}.attendance-calendar__legend-dot{font-size:11px!important}.attendance-calendar__legend-label{font-size:.7rem!important;color:#616161!important}.attendance-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.attendance-calendar__weekday{text-align:center}.attendance-calendar__weekday-label{font-size:.7rem!important;font-weight:700!important;color:#9e9e9e!important;letter-spacing:.05em!important}.attendance-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.attendance-calendar__cell--empty{height:76px;border-radius:10px}.attendance-calendar__cell{height:76px;border-radius:10px;border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .12s}.attendance-calendar__cell--interactive{cursor:pointer}.attendance-calendar__cell--interactive:hover{transform:scale(1.06)}.attendance-calendar__cell--inactive{cursor:default}.attendance-calendar__cell-label{font-weight:700!important;font-size:1.1rem!important;-webkit-user-select:none!important;user-select:none!important}.attendance-calendar__goal{margin-top:20px;background:#f9f9f9;border-radius:10px;padding:12px 16px}.attendance-calendar__goal-header{display:flex;justify-content:space-between;margin-bottom:6px}.attendance-calendar__goal-title,.attendance-calendar__goal-count{font-weight:700!important;font-size:.82rem!important;color:#424242!important}.attendance-calendar__progress-track{height:8px;border-radius:99px;background:#e0e0e0;overflow:hidden}.attendance-calendar__progress-bar{height:100%;border-radius:99px;background:linear-gradient(90deg,#66bb6a,#43a047);transition:width .6s ease}.attendance-calendar__goal-remaining{margin-top:5px!important;font-size:.72rem!important;color:#757575!important;font-style:italic!important}@media(max-width:1023px){.attendance-calendar{padding:12px}.attendance-calendar__header{margin-bottom:10px}.attendance-calendar__title{font-size:.85rem!important}.attendance-calendar__legend{gap:6px}.attendance-calendar__legend-dot{font-size:9px!important}.attendance-calendar__legend-label{font-size:.55rem!important}.attendance-calendar__weekdays{gap:4px;margin-bottom:4px}.attendance-calendar__weekday-label{font-size:.55rem!important}.attendance-calendar__grid{gap:4px}.attendance-calendar__cell--empty,.attendance-calendar__cell{height:40px;border-radius:6px}.attendance-calendar__cell-label{font-size:.75rem!important}.attendance-calendar__goal{margin-top:12px;padding:8px 12px}.attendance-calendar__progress-track{height:6px}.attendance-calendar__goal-title,.attendance-calendar__goal-count{font-size:.68rem!important}.attendance-calendar__goal-remaining{font-size:.6rem!important}}.otp-row{display:flex;flex-wrap:wrap;width:100%;justify-content:center;gap:2px;margin-top:1rem}.otp-cell{width:2.2rem;height:2.2rem;border-radius:8px;background:#f3f4f6;font-size:20px;font-weight:700;color:#111827;border:1.5px solid #e5e7eb;text-align:center;caret-color:transparent;outline:none;transition:border-color .15s,background .15s}.otp-cell--filled{border-color:#a7ca48;background:#fff}.otp-cell:focus{border-color:#a7ca48;box-shadow:0 0 0 3px #7ae75c26}.otp-error{text-align:center;font-size:14px;color:#ef4444;margin-top:-.75rem;margin-bottom:.5px}@media screen and (min-width:1024px){.otp-row{gap:1rem}.otp-cell{width:4rem;height:4rem}}*{padding:0;margin:0;border:0}.textField{width:100%}.principalContainerLogin{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#f4f4f4;height:100vh}.containerLoginImage{align-items:center;justify-content:center}.LoginImage{width:15rem}.containerLoginItems{display:flex;padding:1rem;background-color:#fff;border-radius:30px;justify-content:center}.loginLayoutContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.rememberandforgotContainer{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:1rem}.registerContainer{padding-top:1rem}@media screen and (min-width:1024px){.principalContainerLogin{flex-direction:row;gap:2rem}.LoginImage{width:30rem}.containerLoginItems{height:100%;width:80%}}@media screen and (min-width:1440px){.LoginImage{width:50rem}}.homeImageContainer{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.homeImage{width:100%}*{margin:0;padding:0;border:0}.cocoLogoContainer{width:4rem;border-radius:10px;background-color:#a3c743;margin-right:1rem}.cocoLogo{width:100%}.TabsPrincipalContainer{height:100vh;width:100%}.payrollPagePrincipalContainer{height:100vh;display:flex;flex-direction:column;align-items:center}.payRollPageTitle{padding:2rem;text-align:center;text-transform:capitalize;font-weight:700!important;font-style:italic}.selectPrincipalContainer{border-radius:10px;border:1px solid gray;box-shadow:1px 10px 35px #3d3d3d;padding:2rem;width:80%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.selectContainer{width:40%}.payrollDialogContainer{margin-top:8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.courierPayrollData{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-radius:10px;border:1px solid gray;margin-bottom:2rem}.loansAndIncentivesContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}@media screen and (min-width:1024px){.payrollPagePrincipalContainer{padding:1rem}.courierPayrollData{width:50%}}.loansPrincipalContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.CardsContainer{margin-top:2rem;display:flex;flex-wrap:wrap;width:20rem;gap:2rem;width:100%;justify-content:center;align-items:center}.loansCard{margin-left:1rem;margin-right:1rem;padding:1rem;border-radius:10px;border:1px solid gray;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;width:20rem}.courierLoanInfoContainer{width:90%;text-align:left}.textLoansContainer{display:flex;justify-content:space-between}.ButtonsContainer{display:flex;flex-direction:row;gap:1rem}.debtsDialogTextContainer{display:flex}.payDebtsCard{border-radius:10px;border:2px solid rgb(200,200,200);padding:1rem}.debtAndCourierInformtionContainer{display:flex;flex-direction:column;align-items:center;gap:1rem}.courierNameAndLoanIDContainer{display:flex;flex-direction:column;text-align:left}.stateAndLoanInformationContainer{width:100%;display:flex;justify-content:space-between}.buttonAndAmountContainer{width:100%;display:flex;align-items:center;justify-content:space-between}.stateContainer{border-radius:10px;border:1px solid #dc2626;background:#fef2f2;display:flex;justify-content:center;align-items:center;padding:.5rem}.createNewLoanContainer{border:1px solid #e5e7eb;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.payDebtsCardsContainer{display:flex;flex-direction:column}.incentiveInformationContainer{gap:1rem}.couirerImgContainer{width:50%}.courierImg{width:100%;border-radius:50%}@media screen and (min-width:1024px){.stateContainer{padding:1rem}}.incentivesPagePrincipalContainer{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center}.buttonAndTitleContainer{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.incentivesCardsContainer{width:100%;margin-top:2rem;padding:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;border:1px solid gray}.incentiveCard{width:15rem;border-radius:10px;border:2px solid rgb(200,200,200);padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.reasonText{overflow-wrap:break-word}.incentivesImageContainer{width:5rem;padding-bottom:1rem}.incentivesImage{width:100%}.assingIncentiveDialog{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.couriersIncentiveCardContainer{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.couriersIncentiveCard{width:90%;border-radius:10px;border:2px solid rgb(200,200,200);padding:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:1rem}.createIncentiveDialog{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.assingButtonContainer{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center}.incentiveDialogtextField{width:100%}.incentiveInformationContainer{display:flex;flex-direction:column;text-align:center}@media screen and (min-width:1024px){.buttonAndTitleContainer{justify-content:space-around}.incentiveCard{width:25rem;flex-direction:row;justify-content:space-between;text-align:left;gap:2rem}.incentivesImageContainer{width:10rem}}.IANDLPrincipalContainer{height:100vh;width:100%}.userPageTitle{text-align:center;text-transform:capitalize;font-weight:700!important;font-style:italic}.userPageButtonAndTitleContainer{padding-top:2rem;width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:1rem}.tableContainer{width:100%;padding-top:2rem}.dialogContainer{margin-top:8rem}.dialogformContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}.dialogtextField{width:70%}.avatarContainer{width:8rem!important;height:8rem!important;cursor:pointer;background-color:grey.3}.avatarImage{clip:rect(0 0 0 0);height:10rem;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:10rem}.cmbContainer{width:100%;display:flex;flex-direction:column;align-items:center}.cmbContainers{display:flex;gap:1rem}.selectEnabled{background-color:#ececec;border-radius:5px;padding:.5rem 1rem;opacity:1;transition:all .2s}.selectDisabled{background-color:#f5f5f5;border-radius:5px;padding:.5rem 1rem;opacity:.5;transition:all .2s}.createAndEditForm{display:flex;flex-direction:column;align-items:center}@media screen and (min-width:1024px){.usersPagePrincipalContainer{padding:1rem}.userDialogContainer{margin-top:8rem}.dialogformContainer{gap:1rem;flex-direction:row}.dialogtextField{width:40%}}.assistanceDialogPrincipalContainer{padding-top:10rem;width:100%;display:flex;flex-direction:column;background-color:#f6f8f6;align-items:center;min-height:100%}.titleAndSelectorContainer{display:flex;width:100%;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;text-align:center}.resumeTitle{font-weight:700!important;font-size:1.2rem;color:#000}.resumeSubTitle{font-size:small!important;color:#64748b!important;padding-bottom:1rem}.selectorContainers{margin:1rem;width:100%;gap:1rem;display:flex;align-items:center;flex-wrap:wrap}.selectContainerResume{width:100%;gap:1rem}.selectorAndSubtitleConainer{display:flex;flex-direction:column;width:100%}.calendarContainer{margin-top:2rem;width:90%;display:flex;align-items:center;justify-content:center}.select{background-color:#fff}.staticsResumeContainer{padding-top:1rem;width:100%;display:flex;align-items:center;flex-direction:column;gap:1rem;background-color:#f6f8f6}.percentagePrincipalContainer{background-color:#fff;padding:1rem;border-radius:10px;box-shadow:1px 2px 16px #022d0014;display:flex;gap:1rem}.percentageIconContainer{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background-color:#e8f5e9}.efficientIconContainer{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:#e8f5e9}.totalAndMissingPrincipalContainer{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.totalAssistContainer,.missingContainer{background-color:#fff;padding:1rem;border-radius:10px;box-shadow:1px 2px 16px #022d0014}.efficiencyPrincipalContainer{background-color:#fff;padding:1rem;border-radius:10px;box-shadow:1px 2px 16px #022d0014;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.efficiencyTitleAndIconContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem}.gaugeContainer{width:10rem}@media screen and (min-width:1024px){.titleContainer{width:40%}.resumeTitle{font-size:xx-large}.titleAndSelectorContainer{justify-content:space-evenly;gap:0;text-align:left}.assistanceDialogPrincipalContainer{padding-top:8rem}.selectContainerResume{width:100%}.selectorContainers{width:60%;margin:0;align-items:center;justify-content:center;gap:1rem}.selectorAndSubtitleConainer{width:40%}.staticsResumeContainer{flex-direction:row;gap:1rem;background-color:#f6f8f6;justify-content:space-evenly;align-items:flex-start;padding-top:3rem;padding-bottom:3rem}.percentagePrincipalContainer{height:15rem;align-items:center;width:15rem}.totalAndMissingPrincipalContainer{width:auto}.totalAssistContainer,.missingContainer{display:flex;flex-direction:column;height:10rem;width:15rem;justify-content:center}.efficiencyPrincipalContainer{padding-top:1rem;height:15rem;width:15rem}}.adminPageTitle{text-align:center;text-transform:capitalize;font-weight:700!important;font-style:italic}.adminPageButtonAndTitleContainer{padding:2rem;width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:1rem}.AdminDialogformContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-width:1024px){.adminPagePrincipalContainer{padding:1rem}.adminDialogContainer{margin-top:8rem}.AdminDialogformContainer{gap:1rem;flex-direction:row}}.citiesPagePrincipalContainer{height:100vh;display:flex;flex-direction:column;align-items:center}.citiesPageTitle{text-align:center;text-transform:capitalize;font-weight:700!important;font-style:italic}.titleAndImgContainer{width:100%;padding-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding-bottom:2rem}.citiesImgContainer{width:8rem}.citiesImg,.citiesTableContainer{width:100%}.buttonContainer{margin-top:3rem}.dialogContent{display:flex;flex-direction:column;padding:1rem}@media screen and (min-width:1024px){.titleAndImgContainer{justify-content:space-evenly}}.companyPageTitle{text-align:center;text-transform:capitalize;font-weight:700!important;font-style:italic}.companyPageButtonAndTitleContainer{margin-top:2rem;padding-bottom:2rem;width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:1rem}.companyCardsSection{padding:0 1rem 2rem;width:100%;box-sizing:border-box}.companySearchInput{width:100%;box-sizing:border-box;padding:.65rem 1.1rem;margin-bottom:1.5rem;border:1.5px solid #d1d5db;border-radius:10px;font-size:.95rem;background:#f9fafb;outline:none;transition:border-color .2s,box-shadow .2s}.companySearchInput:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.companyEmptyState{text-align:center;color:#9ca3af;margin-top:3rem;font-size:1rem}.companyCardsGrid{display:grid;grid-template-columns:1fr;gap:1.2rem}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.companyCard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 2px 8px #0000000f;transition:box-shadow .2s,transform .2s;animation:cardFadeIn .35s ease both}.companyCard:hover{box-shadow:0 6px 20px #b7f37aa0;transform:translateY(-2px)}.companyCardHeader{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.companyCardAvatar{width:4rem!important;height:4rem!important;border:2px solid #e0e7ff;flex-shrink:0}.companyCardName{font-weight:700!important;font-size:1.05rem!important;color:#111827;line-height:1.3!important}.companyCardTaxId{font-size:.8rem!important;color:#6b7280;margin-top:2px!important}.companyCardBody{display:flex;flex-direction:column;gap:.45rem;background:#f9fafb;border-radius:10px;padding:.75rem 1rem}.companyCardInfoRow{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.companyCardInfoLabel{font-size:.78rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.companyCardInfoValue{font-size:.88rem;color:#374151;text-align:right;word-break:break-all}.companyCardActions{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.25rem;align-items:center;justify-content:center}.companyDialogFormContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;width:100%}.companyDialogFormContainerEdit{flex-direction:column!important}@media screen and (min-width:640px){.companyCardsGrid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.companyPagePrincipalContainer{margin:1rem}.companyDialogContainer{margin-top:8rem}.companyDialogFormContainer{gap:1rem;flex-direction:row}.companyCardsGrid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1440px){.companyCardsGrid{grid-template-columns:repeat(4,1fr)}}.hqDialogHeader{background:#f0fff1}.hqDialogTitleContent{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-direction:column}.hqDialogTitle{display:flex;align-items:center;gap:1rem;text-align:center}.hqDialogTitleIcon{font-size:2rem!important}.hqDialogTitleText{font-weight:700!important;color:#000}@keyframes hqCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hqCardsContainer{display:flex;flex-wrap:wrap;gap:1rem;width:100%;align-items:center;justify-content:center}.hqCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 1px 6px #0000000d;transition:box-shadow .2s,transform .2s;animation:hqCardIn .3s ease both;width:20rem}.hqCard:hover{box-shadow:0 5px 16px #0000001a;transform:translateY(-2px)}.hqCardBody{text-align:center;align-items:center;justify-content:center}.hqCardAddress{font-weight:600!important;font-size:1rem!important;color:#1e293b!important;line-height:1.4!important}.hqCardMeta{font-size:.8rem!important;color:#94a3b8!important;margin-top:3px!important}.hqCardButtonContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.hqFormContainer{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;margin-top:1rem}.hqdialogtextField{width:90%}@media screen and (min-width:1024px){.hqDialogTitleContent{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-direction:row}}.MetricsPrincipalContainer{height:100vh;width:100%}.resumePagePrincipalContainer{padding-top:1rem;width:100%;height:100vh;background-color:#f6f8f6}.assistanceResumeContainer{display:flex;flex-direction:column;background-color:#fff;align-items:center;justify-content:center;gap:1rem}.assistanceResumeDataConainer{width:100%}.assitanceResumeTitleAndSelectorContainer{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:1rem;gap:1rem}.selectorsContainer{width:95%;display:flex;align-items:center;justify-content:center;gap:1rem}.assitanceResumeGraphContainer{width:100%;display:flex;gap:1rem;align-items:center;justify-content:center}.graphKeysContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.assistanceInformationContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.assistanceResumeCard{margin-top:1rem;padding:1rem;border-radius:10px;width:90%;display:flex;justify-content:space-between;align-items:center}.cardIconContainer{display:flex;width:3rem;height:4rem;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 0 5px #022d0073}.legendText{font-size:small;color:#64748b}@media screen and (min-width:1024px){.legendText{font-size:larger}.assistanceResumeDataConainer{display:flex}.assitanceResumeGraphContainer{width:50%;flex-direction:column}.graphKeysContainer{flex-direction:row;gap:2rem}.assistanceResumeContainer{margin:1rem;border-radius:10px;border:2px solid #f1f5f9}.assistanceInformationContainer{width:50%;flex-direction:column;gap:1rem}}.MetricsPrincipalContainer{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:1rem}.titleAndIconContainer{width:80%;padding:2rem 1rem 1rem;display:flex;align-items:center;gap:1rem}.inputInformationContainer{width:86%;padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;border-radius:10px;border:2px solid #d3d6da;box-shadow:0 1px 5px #022d0073;align-items:center;justify-content:center;background-color:#fff}.modeButtonContainer{display:flex;align-items:center;justify-content:center}.monthsContainer{padding-top:1rem;padding-bottom:1rem;display:flex;flex-direction:column;gap:1rem}.companySelectorContainer{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.companySelector{width:100%}.averageAndTotalContainer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.averageContainer{margin-top:1rem;padding:1rem;width:80%;height:50%;display:flex;gap:1rem;border-radius:10px;border:2px solid #d3d6da;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 1px 5px #022d0073}.averageIconContainer{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:#e8f5e9}.staticGraphContainer{margin-top:1rem;width:90%;padding:1rem;display:flex;flex-direction:column;gap:1rem;border-radius:10px;border:2px solid #d3d6da;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 5px #022d0073}.barchartContainer{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}.dataTitlesContainer{width:90%;display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.incomeImageContainer{width:30%;display:flex;align-items:center;justify-content:center}.incomeImage{width:50%;border-radius:10px}.hqIncomeContainer{margin-top:1rem;width:86%;padding:1rem;display:flex;flex-direction:column;gap:1rem;border-radius:10px;border:2px solid #d3d6da;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 1px 5px #022d0073}.hqIncomeTitleContainer{width:90%}.hqIncomeTableContainer{width:100%}@media screen and (min-width:1024px){.averageAndTotalContainer{width:100%;flex-direction:row;align-items:center;justify-content:space-evenly}.averageContainer{width:36%;padding:2rem}.companySelectorContainer{flex-wrap:nowrap}.modeButtonContainer{width:30%}.monthsContainer{flex-direction:row}.companySelector{width:50%}}.assistanceMetricsPagePrincpalContainer{width:100%;display:flex;flex-direction:column;align-items:center}.assistanceMetricPageTitle{padding-top:1rem;padding-bottom:1rem;width:90%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.assistanceMetricPageInputs{width:86%;padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;border-radius:10px;border:2px solid #d3d6da;box-shadow:0 1px 5px #022d0073;align-items:center;justify-content:center;background-color:#fff}.assistanceMetricPageContent{width:100%;display:flex;flex-direction:column;align-items:center}.staticGraphContainerAssistance{margin-top:1rem;width:90%;padding:1rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;border-radius:10px;border:2px solid #d3d6da;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 5px #022d0073}.assistanceReveneuResumeContainer{margin-top:1rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:2rem}.assitanceReveneuCard{margin-top:1rem;padding:1rem;width:80%;height:50%;display:flex;gap:1rem;border-radius:10px;border:2px solid #d3d6da;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 1px 5px #022d0073}.assistanceIconContainer{display:flex!important;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%}.CardReveneuTextContainer{width:50%}@media screen and (min-width:1024px){.assistanceMetricPageTitle{justify-content:space-between}.assistanceReveneuResumeContainer{width:100%;flex-direction:row;align-items:center;justify-content:space-evenly}.assitanceReveneuCard{width:20%}}.principalContainerForgot{width:100%;min-height:120vh;background-color:#f4f4f4;display:flex;flex-direction:column;align-items:center}.goBackButtonContainer{width:100%}.TitleContainer{width:80%}.OTPAndNewPasswordContainer{margin-top:1rem;background-color:#fff;border-radius:10px;box-shadow:0 1px 5px #022d0073;width:80%;height:80%;padding:.5rem;display:flex;flex-direction:column;align-items:center}.OTPContainer{width:100%;margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.resendBtn{text-transform:capitalize!important;color:#4c6300!important}.NewPasswordContainer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
