@font-face{font-family:myriadText;src:url(/fonts/myriadText.ttf)}@font-face{font-family:myriadThin;src:url(/fonts/myriadThin.ttf)}@font-face{font-family:MyriadSetProUltralight;src:url(/fonts/MyriadSetProUltralight.ttf)}@font-face{font-family:myriadBold;src:url(/fonts/myriadBold.ttf)}@font-face{font-family:museoSlab;src:url(/fonts/museoSlab.otf)}@font-face{font-family:agencyGothic;src:url(/fonts/agencyGothic.otf)}@font-face{font-family:mavenPro;src:url(/fonts/MavenProVFBeta.ttf)}@font-face{font-family:emirates;src:url(/fonts/emirates.otf)}@font-face{font-family:emiratesBold;src:url(/fonts/emiratesBold.ttf)}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.ttf)}@font-face{font-family:Ubuntu-bold;src:url(/fonts/Ubuntu-Bold.ttf)}@font-face{font-family:Rockwell;src:url(/fonts/rock.ttf)}@font-face{font-family:avenirBlack;src:url(/fonts/avenirBlack.otf)}@font-face{font-family:avenirBook;src:url(/fonts/avenirBook.otf)}@font-face{font-family:avenirRoman;src:url(/fonts/avenirRoman.otf)}@font-face{font-family:economicaBold;src:url(/fonts/Economica-Bold.ttf)}@font-face{font-family:economicaBoldItalic;src:url(/fonts/Economica-BoldItalic.ttf)}@font-face{font-family:economicaItalic;src:url(/fonts/Economica-Italic.ttf)}@font-face{font-family:economicaRegular;src:url(/fonts/Economica-Regular.ttf)}@font-face{font-family:ramblaRegular;src:url(/fonts/Rambla-Regular.ttf)}@font-face{font-family:ramblaBold;src:url(/fonts/Rambla-Bold.ttf)}*{margin:0}.mainContainer{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.adjustedMainContainer{margin-top:-2.3rem;padding-top:5.5vh;padding-left:4rem;padding-right:5rem;min-height:100vh;overflow-y:hidden;background-color:#fff}.adjustedMainContainer,.nav{width:100%;transition:all .4s;-webkit-transition:all .4s}.nav{display:grid;grid-template:1fr/8fr 2fr;align-items:center;position:fixed;top:0;background-color:#2b2b2b;height:8.5%;z-index:1000;box-shadow:0 1px 2px rgba(0,0,0,.1)}.nav .navListContainer{justify-content:flex-start;margin-left:1rem}.nav .iconContainer,.nav .navListContainer{display:grid;align-items:center;transition:all .4s;-webkit-transition:all .4s}.nav .iconContainer{justify-content:center;padding-right:1rem}.nav ul{list-style-type:none;display:flex;padding-top:.5rem;flex-direction:row;justify-content:flex-start;align-items:center;transition:all .4s;-webkit-transition:all .4s}.nav li a{display:block;color:gray;padding:.5rem .8rem;text-decoration:none;font-size:.95rem;font-family:ramblaBold,sans-serif;transition:all .5s}.nav li a:hover{color:#fff}.nav li .active,.nav li a:hover{transition:all .4s;-webkit-transition:all .4s}.nav li .active{border-bottom:.05rem solid #0793d9;color:#ffb400}.navLogo{background-color:transparent}.navLogo,.navLogo img{transition:all .4s;-webkit-transition:all .4s}.navLogo img{width:2.2rem;height:2.2rem;object-fit:contain;margin-left:-2.2rem;margin-right:1rem;margin-top:.1rem}.nav2{display:grid;place-items:center;position:fixed;top:0;width:100%;background-color:#2b2b2b;z-index:1000;box-shadow:0 1px 2px rgba(0,0,0,.05)}.nav2,.nav2 .navLogo{transition:all .4s;-webkit-transition:all .4s}.nav2 .navLogo{margin-right:1.5rem}.nav2 ul{list-style-type:none;display:flex;justify-content:space-between;align-items:center;padding:.4rem 0 0;margin-top:.2rem;box-sizing:border-box;transition:all .4s;-webkit-transition:all .4s}.nav2 li a{display:block;color:gray;padding:.1rem 1.5rem 0;text-decoration:none;font-size:.95rem;font-family:ramblaRegular,sans-serif;transition:all .5s}.nav2 li .active{color:#ffb400}.nav2 li .active,.nav2 li a:hover{transition:all .4s;-webkit-transition:all .4s}.nav2 li a:hover{color:#fff}.nav2 ul li:last-child{margin:.1rem 0 0 10rem;background:linear-gradient(112deg,rgba(47,145,255,.59),rgba(50,148,255,.85) 1%,rgba(76,110,254,.85));border-radius:1.5rem;border:.25rem solid #e8e8ff;padding:0 .5rem .1rem;text-align:center;width:10rem;transition:all .4s;-webkit-transition:all .4s}.nav2 ul li:last-child a{color:#f8f8f8;transition:all .4s;-webkit-transition:all .4s}.nav2 ul li:last-child a:hover{color:#242428;transition:all .4s;-webkit-transition:all .4s}.bm-burger-button{position:fixed;width:20px;height:14px;right:12px;top:16px}.bm-burger-bars,.bm-burger-button{transition:all .4s;-webkit-transition:all .4s}.bm-burger-bars{background:#5e5a5a}.bm-burger-bars-hover{background:#ffb400}.bm-cross-button{height:22px;width:22px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%}.bm-item{display:block!important;visibility:visible!important;opacity:1!important}.bm-item,.bm-item-list{color:#1d1d1f!important}.bm-item-list{padding:0!important}.menu-item{display:block!important;padding:16px 0!important;margin:.1px 0!important;color:#1d1d1f!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;transition:all .3s ease!important;border-bottom:1px solid rgba(0,0,0,.05)!important}.menu-item.console-button,.menu-item:last-child{border-bottom:none!important}.menu-item.console-button{margin-top:24px!important}.menu-item:hover{color:#0071e3!important;padding-left:8px!important;background-color:rgba(0,113,227,.05)!important;border-radius:8px!important}.bm-item-list>div{display:flex!important;flex-direction:column!important;height:100%!important;visibility:visible!important;padding:16px 0!important}.bm-menu{background:hsla(0,0%,100%,.98)!important;padding:48px 24px 24px!important}.bm-morph-shape{fill:#373a47}.bm-item-list{color:#fff;padding:1em;font-size:1.6rem;font-family:ramblaRegular,avenirBlack,sans-serif}.menu-item{color:#fff}.bm-item{display:inline-block}.bm-overlay{background:rgba(0,0,0,.3)}.addAccountToPackageContainer,.allCelebrationsContainer,.allTrainingsContainer,.clientViewTermsContainer,.container-fluid,.employeeToolContainer,.filesContainer,.hiringContainer,.homeContainer,.invoiceContainer,.jobOpeningReviewContainer,.manageLeavesContainer,.notificationContainer,.paymentsRenewalsContainer,.payrollContainer,.peopleContainer,.printInvoiceContainer,.profileContainer,.registerEmployeeContainer,.reportsContainer,.searchContainer,.settingsContainer,.subscriptionContainer,.supportTicketsContainer,.ticketsContainer{padding-top:2.6rem;padding-bottom:2rem;min-height:100vh;transition:all .3s;-webkit-transition:all .3s}.container-fluid,.homeContainer{padding:4rem 0 0}.editProfileContainer{background-color:#fff;padding:2rem;width:50%;margin:1rem auto}.logoutButton{display:block}.logoutButton,.logoutButton:hover{transition:all .3s;-webkit-transition:all .3s}.logoutButton:hover{transform:scale(1.2);cursor:pointer;color:#ff7e75}.buttonBox{width:auto;padding:.16rem .13rem .15rem;font-family:ramblaRegular,ramblaBold,sans-serif;border-radius:.1rem;background:linear-gradient(112deg,rgba(47,145,255,.59),rgba(50,148,255,.85) 1%,rgba(76,110,254,.85))}.buttonBox2{padding:.5rem 1rem}.loginLogoutContainer{width:100%;height:90vh;overflow:scroll}.loginLogoutContainer label,option{font-family:ramblaBold,sans-serif}.topLogoContainer img{width:10rem}.loginBackgroundImageContainer{position:absolute;z-index:1;width:25%;height:40%}.loginLogoutBox{width:35%;height:auto;margin:0 auto 2rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff);border-radius:.1rem;padding:2rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;box-shadow:0 8px 18px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.loginButton{margin-top:1rem;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.logoArea{text-align:center}.logoArea h4{font-family:avenirBlack,sans-serif;font-size:1.4rem;color:#5a5a5a}.logoArea img{width:7rem;object-fit:contain;margin-bottom:1rem;margin-top:1rem}.loginLogoutBox button{width:100%;background:transparent;border:none;border-radius:.2rem;padding:.2rem;color:#fff;text-align:center;text-decoration:none;display:inline-block;outline:none;font-size:.9rem;font-family:avenirBlack,ramblaRegular,sans-serif;cursor:pointer}.loginLogoutBox button:hover{cursor:pointer}.loginLogoutBox button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.loginLogoutBox button span:after{content:"\21E2";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.loginLogoutBox button:hover{background-color:#e2e3ff;color:#2d7cbd}.loginLogoutBox button:hover span{padding-right:20px}.loginLogoutBox button:hover span:after{opacity:1;right:0}.loginLogoutBox h5{font-family:ramblaRegular,sans-serif;font-size:.9rem;color:#2d7cbd;margin-top:1.5rem}.passwordBox{position:relative}.showPasswordBox{position:absolute;top:50%;right:2%;transform:translate(-50%,-50%)}[tooltip]{position:relative}[tooltip]:after,[tooltip]:before{text-transform:none;font-size:.9em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}[tooltip]:before{content:"";border:5px solid transparent;z-index:1001}[tooltip]:after{content:attr(tooltip);font-family:ramblaRegular,sans-serif;text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,.35);background:#ea3224;color:#fff;z-index:1000}[tooltip]:hover:after,[tooltip]:hover:before{display:block}[tooltip=""]:after,[tooltip=""]:before{display:none!important}[tooltip][flow^=down]:after{top:calc(100% + 10px)}[tooltip][flow^=down]:after,[tooltip][flow^=down]:before{left:90%;transform:translate(-30%,.5em)}[tooltip]:not([flow]):hover:after,[tooltip]:not([flow]):hover:before,[tooltip][flow^=down]:hover:after,[tooltip][flow^=down]:hover:before{animation:tooltips-vert .3s ease-out forwards}.homeContainer{width:100%;position:relative}.greyBgDiv{height:13vh;background-color:#ffb400}.homeContentsBox{padding:1rem;margin-top:-3rem}.bereavementIconx{width:2.5rem;object-fit:contain;margin-top:-1rem;filter:invert(60%)}.employeeSummaryContainer{margin-top:1rem;background-color:#fff;box-shadow:0 1px 1px hsla(0,0%,9%,.034),0 1px 2px hsla(0,0%,9%,.034),0 2px 2px hsla(0,0%,4%,.06),0 1px 2px hsla(0,0%,7%,.072),0 1px 2px rgba(31,31,31,.086),0 2px 2px rgba(56,56,56,.12)}.employeeInfoBox,.employeeSummaryContainer{border-top-left-radius:1rem}.employeeNameBox{display:flex;background-color:#0793d9;padding:.7rem 1rem .1rem;border-top-left-radius:0}.employeeNameBox h4{font-family:ramblaRegular,ramblaBold,sans-serif;font-size:16px;color:#fff;padding-left:1rem}.employeeDaysSummaryBox{padding:2rem}.summarySliderContainer1,.summarySliderContainer2,.summarySliderContainer3{display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.2rem;background-color:#d3d3d3}.summarySliderContainer3:last-child{background-color:#fff}.summaryCarouselBox{padding:.5rem 0;border:1px dashed #000;margin:.5rem;box-shadow:inset 0 1px 1px 0 hsla(0,0%,100%,.1),0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}.summaryCarouselBox h3{color:#000;font-family:ramblaBold,sans-serif;font-size:.9rem;text-align:center;border-radius:1rem}.summaryCarouselBox h4{text-align:center;font-family:ramblaRegular,ramblaBold,sans-serif;font-size:.9rem}.summaryCarouselBox p{text-align:center;font-family:Menlo,ramblaBold,sans-serif;font-size:.9rem;color:#2f3adb}.requestCard button{width:100%;background:transparent;border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;outline:none;font-size:.9rem;font-family:avenirBlack,ramblaRegular,sans-serif;border-radius:.1rem;cursor:pointer}.requestCard button:hover{cursor:pointer}.requestCard button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.requestCard button span:after{content:"\23f1";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.balance button span:after{content:"\231b"}.requestCard button:hover{background-color:#e2e3ff;color:#2d7cbd}.requestCard button:hover span{padding-right:20px}.requestCard button:hover span:after{opacity:1;right:0}.daysOffRequestBalance{display:flex;align-items:center;justify-content:space-between;padding:.5rem}.parentContainer{margin-top:1rem;background-color:#fff;border-radius:.3rem;box-shadow:0 1px 1px hsla(0,0%,9%,.034),0 1px 2px hsla(0,0%,9%,.034),0 2px 2px hsla(0,0%,4%,.06),0 1px 2px hsla(0,0%,7%,.072),0 1px 2px rgba(31,31,31,.086),0 2px 2px rgba(56,56,56,.12);padding-bottom:2rem}.notificationHeaderBox{padding:.4rem 1rem .3rem}.notificationHeaderBox,.notificationHeaderBoxInside{display:flex;align-items:center;justify-content:space-between;background-color:#0793d9}.notificationHeaderBox h4{padding-left:1rem}.notificationHeaderBox h4,.notificationHeaderBox h5{font-family:ramblaRegular,ramblaBold,sans-serif;color:#fff;font-size:1rem;padding-top:.5rem}.notificationHeaderBox h5{padding-right:1rem}.notificationInfo{display:grid;grid-template:1fr/.1fr 1fr .1fr;grid-gap:.1rem;padding:1rem 1rem 0;border-bottom:.1rem solid #d3d3d3;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.notificationInfo h4{font-size:1rem;font-family:ramblaRegular,sans-serif}.notificationInfo p{margin-top:-.6rem;font-family:ramblaBold,ramblaRegular,sans-serif;font-size:.9rem;color:gray}#cardDates{font-size:.8rem;color:#344ba8}.notificationClearButton{transition:all .5s}.notificationClearButton:hover{-webkit-transform:rotate(90deg);cursor:pointer;transform:rotate(90deg)}.olderAnnouncementsTrigger{padding:1rem;display:grid;grid-template:1fr/1.5fr 20fr;align-items:center}.announcementBoxOne{display:grid;justify-content:right}.announcementBoxOne h3{color:#ffb400;font-family:museoSlab,ramblaBold,sans-serif;font-size:1.4rem}.announcementBoxTwo{display:grid;grid-template:1fr/1fr 20fr;padding:0 0 0 .4rem}.announcementBoxTwo h4{color:#292929}.olderAnnouncementsTrigger h4{font-size:.9rem;font-family:ramblaBold,ramblaRegular,sans-serif;padding-right:.4rem}.olderNotificationTriggerButton{font-size:.8rem;color:#292929}.gridBox{display:grid;grid-template:1fr/1fr 1.5fr;grid-column-gap:2rem}.scroll-list{overflow-y:scroll;position:relative}.scroll-icons{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;justify-content:center;background-color:hsla(0,0%,100%,.8)}.scroll-down,.scroll-up{margin:5px;cursor:pointer;transition:background-color .3s ease}.employeesOutHeaderBox{display:flex;align-items:center;justify-content:space-between;background-color:#2f3adb;padding:.3rem}.employeesOutHeaderBox h4{font-family:ramblaRegular,ramblaBold,sans-serif;color:#fff;font-size:1rem;padding-top:.5rem;padding-left:1rem;padding-right:1rem}.employeesOutBox{padding:1rem;height:35vh;overflow-y:auto}.employeesOutInfoBox h4{font-family:ramblaRegular,ramblaBold,sans-serif;color:#4e4e4e;font-size:.9rem;text-transform:uppercase}.employeesOutInfo{display:flex}.employeesOutInfo p{color:#4e4e4e;font-size:.9rem;padding-right:.5rem}.employeesOutInfo h5,.employeesOutInfo p{font-family:ramblaRegular,ramblaBold,sans-serif}.employeesOutInfo h5{color:#fff;font-size:.7rem;text-transform:uppercase;background-color:#13cf22;padding:.2rem;border-radius:.1rem;height:1.3rem}.employeesOutCircleIcon{font-size:.5rem}.trainingListContainer{margin-top:1rem}.trainingListHeader{display:flex;justify-content:space-between;background-color:#0793d9}.trainingListHeader h4{color:#fff;padding:.5rem 1rem 0}.trainingListHeader h4,.trainingListHeader p{font-family:ramblaRegular,ramblaBold,sans-serif;font-size:1rem}.trainingListHeader p{color:#2f3adb;padding-right:1rem}.trainingListHome{border-bottom:.1rem solid #d3d3d3;margin-bottom:.5rem;padding:0 1rem}.trainingListHome h4{font-size:1.2rem}.trainingListHome h4,.trainingListHome p{font-family:ramblaRegular,ramblaBold,sans-serif;color:#292929}.trainingListHome p{font-size:.9rem}.myHomeLink{transition:all .3s;padding:.5rem 1rem 0}.myHomeLink p{color:#fff}.myHomeLink:hover{cursor:pointer;transition:all .3s;transform:scale(1.05)}.trainingListStatus{display:flex}.trainingListStatus p{font-family:ramblaRegular,ramblaBold,sans-serif;color:#292929;padding:0 1rem 0 .5rem}.calendarIcon{font-size:1rem}.trainingListStatus h5{color:#00d300;border-radius:1rem;text-transform:uppercase}.celebrationsBoxHeader{display:flex;justify-content:space-between;background-color:#e55a5f;padding:0 0 .3rem}.allCelebrationsBoxHeader h4,.celebrationsBoxHeader h4{font-family:ramblaRegular,ramblaBold,sans-serif;color:#fff;font-size:1rem;padding:1rem 0 0 1rem}.viewAllCelebrations{padding:.4rem 1.5rem 0 1rem}.allCelebrationsBoxHeader{background-color:#2f3adb}.allCelebrationsBoxHeader h4{font-family:avenirBlack,ramblaBold,sans-serif;color:#fff;font-size:1.1rem}.celebrationList,.celebrationListToday{display:grid;grid-template:1fr/.2fr 1fr .2fr;border-bottom:.1rem solid #d3d3d3;margin-bottom:.5rem;padding:0 1rem}.celebrationListToday{color:#2f3adb}.celebrationInfo>div{align-items:center}.celebrationInfo h4{color:#2f3adb;font-size:1rem}.celebrationInfo h4,.celebrationInfo p{font-family:ramblaRegular,ramblaBold,sans-serif}.celebrationInfo p{color:#4e4e4e;font-size:.7rem;margin-top:-.5rem;text-transform:uppercase}.companyLinksContainer{margin-top:1rem}.companyLinksHeader{display:flex;background-color:#2b2b2b;padding:1rem 0 .3rem 1rem}.companyLinksHeader h4{font-family:ramblaRegular,ramblaBold,sans-serif;color:#fff;font-size:1rem;padding-left:1rem}.companyLinksBox{background-color:#fff;border-radius:.3rem;box-shadow:0 1px 1px hsla(0,0%,9%,.034),0 1px 2px hsla(0,0%,9%,.034),0 2px 2px hsla(0,0%,4%,.06),0 1px 2px hsla(0,0%,7%,.072),0 1px 2px rgba(31,31,31,.086),0 2px 2px rgba(56,56,56,.12)}.companyLink{margin-bottom:.5rem;padding:.5rem 1rem 0;border-bottom:.1rem solid #d3d3d3}.companyLink h4{font-family:Avenir,ramblaRegular,sans-serif;color:#4e4e4e;font-size:1rem}.companyLink p{font-family:ramblaRegular,ramblaBold,sans-serif;color:#2f3adb;font-size:.9rem;margin-top:-.6rem}.allCelebrationsCardBox{display:grid;grid-template:1fr/1fr 1fr 1fr;grid-gap:.5rem;padding:.5rem}.allCelebrationsCardBox>div{height:3.5rem;padding:.5rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.allCelebrationsButtonBox{margin:0 .5rem}.allTrainingsCardBox{display:grid;grid-template:1fr/1fr 1fr 1fr;grid-gap:.5rem;padding:.5rem}.allTrainingsCardBox>div{padding:.5rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.modalContainer{padding:.5rem;margin-top:1rem;border:.01rem solid #d3d3d3}.modalHeader{display:flex;margin-top:1rem;border-bottom:.01rem solid #d3d3d3}.modalHeader h4{font-family:avenirBlack,ramblaBold,sans-serif;color:#4e4e4e;font-size:1rem;padding-left:1rem}.dateRange{grid-area:date}.selectDayType{grid-area:dayType}.selectDaysAmount{grid-area:daysAmount}.textAreaNotes{grid-area:notesTextArea}.selectDayOffType{grid-area:selectDayOffType}.pickDate{grid-area:pickDate}.balanceOfDays{grid-area:balanceOfDays}.balanceOfDays p,.selectDaysAmount p{font-size:.95rem;font-family:ramblaRegular,sans-serif}.modalDetails{margin-top:1rem;display:grid;grid-template-areas:"date dayType" "daysAmount daysAmount" "notesTextArea notesTextArea";grid-gap:.3rem}.modalBalanceDetails{margin-top:1rem;display:grid;grid-template-areas:"selectDayOffType pickDate" "balanceOfDays balanceOfDays";grid-gap:.3rem}.addHolidayModalDetails,.codeGeneratorModalDetails{display:grid;grid-template:1fr/1fr 1fr;grid-gap:.3rem;margin-top:1rem}.codeGeneratedBox{padding:.3rem 0}.codeGeneratedBox h3{font-family:ramblaRegular,sans-serif;font-size:1rem;color:#ea3224}.codeGeneratedBox h2{font-family:avenirBlack,sans-serif;font-size:1.2rem;color:#4e4e4e}.addHolidayModalDetails>div,.codeGeneratorModalDetails>div,.modalBalanceDetails>div,.modalDetails>div{padding:.5rem;border-radius:.1rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.modalDetails textarea{width:100%;height:5rem;border:.01rem solid #d3d3d3;font-family:ramblaBold,ramblaRegular,sans-serif;font-size:1rem;color:#2f3adb}.modalButton{padding:10px;border-radius:10px}.modalButton,.modalButton button{background-color:#2d7cbd;border:none}.modalButton button{width:25%;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:.9rem;outline:none;padding:.2rem;font-family:avenirBlack,ramblaRegular,sans-serif;border-radius:.1rem;cursor:pointer}.modalButton button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.modalButton button span:after{content:"\21e2";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.daysBalance button span:after{content:"\231b"}.generateCodeBtn button{height:2rem;border:none;outline:none;border-radius:.1rem}.generateCodeBtn button span:after{content:"\21e2"}.modalButton button:hover{background-color:#e2e3ff;color:#2d7cbd;transition:all .5s}.modalButton button:hover span{padding-right:25px}.modalButton button:hover span:after{opacity:1;right:0}.inputType input{border:.01rem solid #b1b1b1;font-size:.9rem;width:100%;padding-left:.5rem;height:2rem;border-radius:.05rem;color:#323233;outline:#2f3adb;font-family:ramblaRegular,sans-serif;background-color:#fcfcfc}.inputType input:focus,.inputTypeTextArea textarea:focus{transition:all .5s;border:.01rem solid #2f3adb}.inputType p,.inputTypePickDate p,.inputTypeTextArea p{font-family:ramblaRegular,sans-serif}.inputTypeTextArea textarea{width:100%;height:5rem;border:.01rem solid #d3d3d3;font-family:ramblaBold,ramblaRegular,sans-serif;font-size:1rem;color:#1a27db;padding-left:.5rem;outline:#2f3adb}.adminAlert,.adminAlertError{font-family:ramblaRegular,sans-serif;font-size:.9rem;color:#ea3224;text-align:center;margin:.5rem}.profileContainer{width:100%}.profileContact p{color:#000}.profileHeader{display:grid;grid-template:1fr/1fr 4fr;background-color:#ffb400;padding:.3rem}.profileProfilePhoto{position:relative}.profileDP{position:absolute;top:25%;left:35%}.profileEditBox{position:absolute;bottom:-25%;right:30%;width:40px;height:40px;border-radius:50%;background:linear-gradient(112deg,rgba(47,145,255,.59),rgba(50,148,255,.85) 1%,rgba(76,110,254,.85));display:grid;place-items:center;transition:all .5s}.profileEdit{font-size:1.2rem;color:#fff}.profileEditBox:hover{cursor:pointer;background-color:#e2e3ff;transition:all .5s;color:#2d7cbd}.profileName h4{font-size:2rem;color:#fff;font-family:avenirBlack,ramblaRegular,sans-serif;margin-top:1rem}.profileInfoBox{display:grid;grid-template:2.5rem/1fr;min-height:100vh;background-color:#ececec}.topColorBar{background-color:#0793d9}.profileInfoArea{padding:.5rem}.profileInfoList{border-bottom:.01rem solid #d3d3d3;padding:2rem}.profileInfoList p{color:#181515}.profileContact{display:flex}.profileContact p{font-family:ramblaRegular,ramblaBold,sans-serif;font-size:1rem;padding-left:.5rem}.profileHireInfo h4{font-family:avenirBlack,ramblaRegular,sans-serif;font-size:1rem;color:#0793d9}.profileHireInfo p{font-family:ramblaRegular,ramblaBold,sans-serif;font-size:1rem;text-transform:capitalize;color:#ffb400}.profileAddressInfo{display:flex}.profileAddressInfo p{font-family:ramblaRegular,ramblaBold,sans-serif;font-size:1rem;color:#4e4e4e}.profileAddressInfo p a{text-decoration:underline}.profileAddressInfo p a:hover{cursor:pointer}.tabInfoContainer{padding:.5rem}.tabInfoHeaderBox{display:flex;border-bottom:.02rem solid #d3d3d3}.tabInfoHeaderBox h4{font-family:avenirBlack,ramblaBold,sans-serif;color:#292929;font-size:1.2rem;padding-left:1rem}.addDoctorCertificate{font-family:ramblaRegular,sans-serif}.infoBox{margin-top:.5rem;margin-right:.3rem}.infoHeader{display:flex;justify-content:space-between}.infoHeader h4{font-family:avenirBlack,ramblaBold,sans-serif;color:#4e4e4e;font-size:1rem}.empID{grid-area:empID}.empStatus{grid-area:empStatus}.empName{grid-area:empName}.empDept{grid-area:empDept}.empTitle{grid-area:empTitle}.empDOB{grid-area:empDOB}.empGender{grid-area:empGender}.empMarital{grid-area:empMarital}.empNIDA{grid-area:empNIDA}.empSSN{grid-area:empSSN}.empEmail{grid-area:empEmail}.empAddress{grid-area:empAddress}.empPersonalEmail{grid-area:empPersonalEmail}.empPhone{grid-area:empPhone}.empEmergencyName{grid-area:empEmergencyName}.empEmergencyPhone{grid-area:empEmergencyPhone}.empEmergencyAddress{grid-area:empEmergencyAddress}.personalBasicInfoBox{display:grid;grid-template-areas:"empID empStatus" "empName empName" "empDept empTitle" "empDOB empDOB" "empGender empMarital" "empNIDA empSSN" "empEmail empAddress";grid-gap:.5rem;width:60%;border-bottom:.01rem solid #d3d3d3;padding:.3rem 0;margin-bottom:1rem}.personalBasicInfoBox p,.personalEmergencyContactInfoBox p,.personalOtherInfoBox p{font-size:.9rem;font-family:avenirBlack,ramblaBold,sans-serif;color:#525252}.personalBasicInfoBox h4,.personalEmergencyContactInfoBox h4,.personalOtherInfoBox h4{border-radius:.1rem;padding:.2rem .1rem .2rem .2rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ebecff);margin-top:-.5rem;font-size:1rem;font-family:ramblaBold,ramblaRegular,sans-serif}.personalOtherInfoBox{grid-template-areas:"empPersonalEmail empPhone";grid-gap:.5rem}.personalEmergencyContactInfoBox,.personalOtherInfoBox{display:grid;width:60%;border-bottom:.01rem solid #d3d3d3;padding:.3rem 0;margin-bottom:1rem}.personalEmergencyContactInfoBox{grid-template-areas:"empEmergencyName empEmergencyName" "empEmergencyPhone empEmergencyAddress";grid-gap:.5rem}.compensationDetailsHeaderBox{display:grid;grid-template:1fr/.05fr .5fr 1fr .5fr .5fr;background-color:#dadada;border-radius:.2rem}.compensationDetailsHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.compensationDetailsValuesBox{display:grid;grid-template:1fr/.05fr .5fr 1fr .5fr .5fr;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ebecff);margin-top:.05rem}.compensationDetailsValuesBox p{font-family:ramblaRegular,sans-serif;color:#292929;font-size:.95rem;text-align:center;padding-top:.5rem}.daysOffSliderContainer{display:grid;grid-template:1fr/1fr 1fr 1fr;grid-column-gap:2rem;background-color:transparent}.daysOffSliderContainer2{display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:2rem;background-color:transparent}.daysOffSliderBox{padding:1rem;background-color:#ececec;border-radius:.3rem}.daysOffSliderBox h5{font-size:.9rem;color:#4e4e4e}.daysOffSliderBox h4,.daysOffSliderBox h5{text-align:center;font-family:ramblaRegular,ramblaBold,sans-serif}.daysOffSliderBox h4{font-size:1.2rem}.daysOffSliderBox h3{font-size:2rem}.daysOffSliderBox h3,.daysOffSliderBox p{color:#2f3adb;font-family:ramblaRegular,ramblaBold,sans-serif;text-align:center}.daysOffSliderBox p{font-size:1.2rem}.upcomingDaysOffList{display:flex;align-items:center;margin-top:1rem;border-bottom:.01rem solid #d3d3d3}.upcomingDaysOffInfoBox{padding-left:1rem}.upcomingDaysOffInfoBox h4{font-family:ramblaRegular,ramblaBold,sans-serif;color:#292929;font-size:1rem}.daysOffInfo{padding-left:1rem;display:flex}.daysOffInfo p{font-family:ramblaRegular,ramblaBold,sans-serif;font-size:1rem;color:#4e4e4e;padding-left:.5rem}.filterBox{display:grid;grid-template:1fr/.5fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr;margin:.5rem 0 1rem;grid-gap:.3rem}.filterBox1{grid-template:1fr/1fr 1fr 1.5fr .5fr}.filterBox1,.filterBox2{display:grid;margin:.5rem 0 1rem;grid-gap:.3rem;padding:1em .8em;border:2px solid grey;border-radius:.2em}.filterBox2{grid-template:1fr/.5fr .5fr 1.5fr 1fr 1fr 1fr}.filterBox3{grid-template:1fr/1fr 1fr .7fr .5fr 1fr}.filterBox3,.filterBox4{display:grid;margin:.5rem 0 1rem;grid-gap:.3rem;padding:1em .8em;border:2px solid grey;border-radius:.2em}.filterBox4{grid-template:1fr/1.5fr 1.5fr 2fr 1fr 1fr}.historyInfoBox{margin-top:2rem}.daysOffHistoryDetailsHeader{display:grid;grid-template:1fr/1fr 1fr 1fr .5fr 1fr;background-color:#dadada;border-radius:.2rem}.daysOffHistoryDetailsHeader h5{font-family:ramblaBold,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.daysOffHistoryDetailsValues{display:grid;grid-template:1fr/1fr 1fr 1fr .5fr 1fr;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ebecff);margin-top:.05rem}.daysOffHistoryDetailsValues p{font-family:ramblaRegular,avenirBlack,sans-serif;color:#292929;font-size:.95rem;text-align:center;padding-top:.5rem}.documentListBox{margin-top:1rem}.documentList{display:flex;border-bottom:.01rem solid #d3d3d3;padding:.5rem 0}.documentList p{font-family:ramblaRegular,ramblaBold,sans-serif;color:#292929;font-size:1rem}.documentList p a{color:#292929}.benefitsDetailsBox{margin-bottom:1rem}.viewEmployeeBenefitsDependentInfo{border:.15rem solid #15adee;margin-bottom:.3rem;position:relative;margin-top:.5rem;border-radius:.1rem}.benefitsDetailsHeaderBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr .5fr;background-color:#dadada;border-radius:.2rem}.benefitsDetailsHeaderBox>div{border-right:.1rem solid #8b91ff}.benefitsDetailsHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;margin-left:.2rem;text-align:center}.benefitsDetailsValuesBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr .5fr}.benefitsDependentDetailsValuesBox>div,.benefitsDetailsValuesBox>div,.dependentDetailsValuesBox>div,.dependentsDetailsHeaderBox>div{border-right:.1rem solid #8b91ff;border-bottom:.1rem solid #8b91ff}.benefitsDependentDetailsValuesBox>div:nth-child(-n+2),.benefitsDetailsValuesBox>div:nth-child(-n+2){background-color:#f0f0ff}.benefitsDependentDetailsValuesBox p,.benefitsDetailsValuesBox p{font-family:ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding:1rem 0 .5rem;text-align:center}.benefitTrashBox{width:35px;height:35px;border-radius:50%;background:#fcfcfc;border:.2rem solid #3294ff;float:right;display:grid;place-items:center;position:absolute;right:1%;top:1.5%}.benefitsDependentDetailsValuesBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr .5fr}.dependentsDetailsBox{margin-top:1rem}.dependentsDetailsBox>div:first-child h4{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:1.2rem;text-align:center}.dependentsDetailsHeaderBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr .5fr;background-color:#dadada;border-radius:.2rem}.dependentsDetailsHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.dependentDetailsValuesBox{display:grid;grid-template:2.2rem/1fr 1fr 1fr 1fr 1fr 1fr .5fr;border-bottom:.01rem solid #d3d3d3;padding-top:.3rem}.dependentDetailsValuesBox p{font-family:ramblaRegular,sans-serif;color:#292929;font-size:.95rem;text-align:center;padding:.3rem 0 .3rem 1rem}.trainingsDetailsBox{background-color:#f0f0f0;border-radius:.3rem;border-top:.5rem solid #2f3adb;padding:1rem}.trainingCardContainer{border-top:1px dashed silver;margin:1rem 0 0;padding:1rem 0 0}.trainingCardContainer h4{font-family:Avenir,ramblaRegular,sans-serif;font-size:1rem;color:#000}.trainingCardContainer p{font-family:ramblaBold,sans-serif;font-size:1rem;color:#a9a9a9}.trainingListBox,.trainingListCompletedBox{background-color:#fcfcfc;padding:.4rem;border-bottom:.01rem solid #d3d3d3}.trainingCompletedBox,.trainingOngoingBox,.trainingUpcomingBox{display:flex}.trainingScheduleBox{display:flex;margin-left:2rem}.trainingScheduleBox p{margin:0 .5rem 0 0;background-color:#f0f0f0;padding:.2rem;border-radius:.2rem}.trainingListBox h4,.trainingListCompletedBox h4{font-family:ramblaRegular,ramblaBold,sans-serif;font-size:1rem;color:#292929;padding:0 1rem}.trainingListBox p,.trainingListCompletedBox p{font-family:ramblaRegular,ramblaBold,sans-serif;font-size:1rem;color:#4e4e4e}.scheduleBold{font-weight:700}.trainingListCompletedBox h4{text-decoration:line-through}.trainingsScheduledDetailsBox{padding-bottom:1rem}.settingsTrainingDetails{margin-top:1rem}.settingsTrainingDetails h4{font-family:avenirBlack,sans-serif;font-size:1rem;color:#1d2329;text-align:center}.trainingsDetailsHeaderBox{grid-template:1fr/1fr 1fr .5fr .5fr}.trainingsDetailsHeaderBox,.trainingsSettingsHeaderBox{display:grid;background-color:#dadada;border-radius:.2rem}.trainingsSettingsHeaderBox{grid-template:1fr/1fr 1fr .5fr .5fr .5fr .5fr .5fr}.trainingsDetailsValuesBox{display:grid;grid-template:1fr/1fr 1fr .5fr .5fr;border-bottom:.01rem solid #d3d3d3;padding-top:.3rem}.trainingsSettingsDetailsValuesBox{display:grid;grid-template:1fr/1fr 1fr .5fr .5fr .5fr .5fr .5fr;border-bottom:.01rem solid #d3d3d3;padding:.3rem 0}.trainingsDetailsValuesBox p,.trainingsSettingsDetailsValuesBox p,.viewLoansValuesBox p,.viewTraineesDetailsValuesBox p{font-family:ramblaRegular,sans-serif;color:#292929;font-size:.95rem;text-align:center;margin-top:.2rem}.viewTraineesHeaderBox{display:grid;grid-template:1fr/1fr 1fr 1fr;background-color:#dadada;border-radius:.2rem}.viewTraineesDetailsValuesBox{display:grid;grid-template:2.2rem/1fr 1fr 1fr;border-bottom:.01rem solid #d3d3d3;padding:.3rem 0}.viewLoansBox{margin-top:1rem}.viewLoansBox>div:first-child{margin-bottom:1rem}.viewLoansHeadersBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;background-color:#dadada;border-radius:.2rem}.viewLoansHeadersBox h5,.viewTraineesHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.viewLoansValuesBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:.01rem solid #d3d3d3;padding-top:.3rem}.assetsDetailsHeaderBox{grid-template:1fr/.5fr 1fr 1fr 1fr 1fr 2fr .5fr .5fr .5fr}.assetsDetailsHeaderBox,.assetsSettingsHeaderBox{display:grid;background-color:#dadada;border-radius:.2rem}.assetsSettingsHeaderBox{grid-template:1fr/1fr 1fr 1fr}.feedbackSettingsHeaderBox{display:grid;grid-template:1fr/1.5fr 1fr 1fr 1fr 1fr 1.5fr 1fr;background-color:#dadada;border-radius:.2rem}.assetsDetailsHeaderBox h5,.assetsSettingsHeaderBox h5,.feedbackSettingsHeaderBox h5,.trainingsDetailsHeaderBox h5,.trainingsSettingsHeaderBox h5{font-family:ramblaBold,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.assetsDetailsValuesBox{display:grid;grid-template:.5fr/.5fr 1fr 1fr 1fr 1fr 2fr .5fr .5fr .5fr;border-bottom:.01rem solid #d3d3d3;padding-top:1rem}.assetsDetailsValuesBoxOG{grid-template:.5fr/1fr 1fr 1fr}.assetsDetailsValuesBoxOG,.feedbackDetailsValuesBox{display:grid;border-bottom:.01rem solid #d3d3d3;padding-top:.3rem}.feedbackDetailsValuesBox{grid-template:.5fr/1.5fr 1fr 1fr 1fr 1fr 1.5fr 1fr}.assetsSettingsValuesBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr .7fr .7fr .5fr;border-bottom:.01rem solid #d3d3d3;padding-top:.3rem}.assetsDetailsValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center}.dateReturnedViewBox p{color:rgba(47,145,255,.95)}.dateReturnedViewBox p:hover{cursor:pointer}.employmentHeaderBox{display:grid;grid-template:1fr/.5fr 1fr 1fr 1fr 2fr .5fr .5fr;background-color:#dadada;border-radius:.2rem}.employmentHeaderBox h5{font-family:ramblaBold,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.employmentValuesBox{display:grid;grid-template:.5fr/.5fr 1fr 1fr 1fr 2fr .5fr .5fr;border-bottom:.01rem solid #d3d3d3;padding-top:1rem}.employmentValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center}.skillsHeaderBox{display:grid;grid-template:1fr/1fr;background-color:#dadada;border-radius:.2rem}.skillsHeaderBox h5{font-family:ramblaBold,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.skillsValuesBox{display:grid;grid-template:.5fr/1fr;border-bottom:.01rem solid #d3d3d3;padding-top:1rem}.skillsValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center}.languagesHeaderBox{display:grid;grid-template:1fr/1fr 1fr;background-color:#dadada;border-radius:.2rem}.languagesHeaderBox h5{font-family:ramblaBold,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.languagesValuesBox{display:grid;grid-template:.5fr/1fr 1fr;border-bottom:.01rem solid #d3d3d3;padding-top:1rem}.languagesValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center}.awardsHeaderBox{display:grid;grid-template:1fr/1fr 1fr 1fr;background-color:#dadada;border-radius:.2rem}.awardsHeaderBox h5{font-family:ramblaBold,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.awardsValuesBox{display:grid;grid-template:.5fr/1fr 1fr 1fr;border-bottom:.01rem solid #d3d3d3;padding-top:1rem}.awardsValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center}.linksHeaderBox{display:grid;grid-template:1fr/1fr 1fr;background-color:#dadada;border-radius:.2rem}.linksHeaderBox h5{font-family:ramblaBold,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.linksValuesBox{display:grid;grid-template:.5fr/1fr 1fr;border-bottom:.01rem solid #d3d3d3;padding-top:1rem}.linksValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center}.militaryHeaderBox{display:grid;grid-template:1fr/.5fr 1fr 1fr 1fr 2fr .5fr .5fr;background-color:#dadada;border-radius:.2rem}.militaryHeaderBox h5{font-family:ramblaBold,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.militaryValuesBox{display:grid;grid-template:.5fr/.5fr 1fr 1fr 1fr 2fr .5fr .5fr;border-bottom:.01rem solid #d3d3d3;padding-top:1rem}.militaryValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center}.interviewsHeaderBox{display:grid;grid-template:1fr/1fr;background-color:#dadada;border-radius:.2rem}.interviewsHeaderBox h5{font-family:ramblaBold,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.interviewsValuesBox{display:grid;grid-template:.1fr 1fr .1fr/1fr;border-bottom:.01rem solid #d3d3d3;padding-top:1rem;margin-bottom:3rem}.interviewsValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center}.iasRatingsBox{display:grid;grid-template:1fr 1fr/1fr;border-bottom:.01rem solid #d3d3d3;height:10vh}.iasRatingsBox h5,p{text-align:center;padding:.5rem .2rem 0}.iasRatingsBoxHeader{background-color:#1d2a5e;display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.iasRatingsBoxHeader h5{color:#fff;font-size:smaller}.iasRatingsBoxValues{background-color:#000;display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.iasRatingsBoxValues p{color:#ffb400}.generalHeaderBox{display:grid;justify-content:center;align-items:center;background-color:#fff}.performInterContainer{margin:1rem}.performInterContainer ol{display:grid;justify-content:center;align-items:center;margin:0 0 2rem}.performInterContainer li{list-style:decimal;color:#0793d9;font-family:ramblaBold,sans-serif}.performInterContainer ol span{color:#fff}.performInterviewBox{display:grid;grid-template:1fr/5fr 1fr 5fr}.performInterviewBox h5{color:#000;font-size:1rem;border:1px dashed #000;background-color:#fff}.performInterviewBox h3,.performInterviewBox h5{font-family:ramblaBold,sans-serif;text-align:right;padding:.2rem 2rem}.performInterviewBox h3{color:#fff;font-size:1.2rem;border-bottom:1px dashed #fff}.performInterviewBox p{color:#000;font-family:ramblaBold,sans-serif;font-size:1rem;border:1px dashed #000;background-color:#fff;text-align:left;padding:.2rem 2rem}.managePeopleBox{width:15%;margin:.3rem auto;text-align:center;background:linear-gradient(112deg,rgba(47,145,255,.59),rgba(50,148,255,.85) 1%,rgba(76,110,254,.85))}.managePeopleBox h2 a{text-align:right;font-size:1.1rem;text-decoration:underline;color:#fcfcfc;font-family:ramblaRegular,sans-serif}.managePeopleBox h2 a:hover{text-decoration:initial}.peopleBox{margin:0 .5rem}.topBarBox{padding:.2rem;width:100%}.topBarBox a{text-decoration:underline;font-family:avenirBlack,sans-serif;color:#e4e6ff}.topBarBox h2{font-size:1rem;color:#f5f5f5;text-align:center}.topBarBox h2,.topBarBox h3{font-family:ramblaBold,sans-serif;margin-top:.9rem;margin-left:.4rem}.topBarBox h3{color:#000;text-align:left}.peopleIconHeadingBox{padding:.5rem;display:flex;justify-content:center}.peopleIconHeadingBox h4{padding:0 .5rem 0 1rem;font-family:avenirBlack,ramblaBold,sans-serif;color:#292929;font-size:1.2rem}.peopleIconHeadingBox h5{font-family:ramblaRegular,sans-serif;font-size:1.2rem;font-weight:700}.peopleInfoRegistryBox{width:50%;margin:0 auto}.peopleAddEmployeeBox h3{font-family:ramblaRegular,sans-serif;font-size:1rem}.peopleAddEmployeeBox button,.peopleExistingEmployeeBox button{width:100%;padding:.3rem;border-radius:.1rem;background:transparent;border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;outline:none;font-size:.9rem;font-family:avenirBlack,ramblaRegular,sans-serif}.peopleAddEmployeeBox button span,.peopleExistingEmployeeBox button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.peopleAddEmployeeBox button span:after,.peopleExistingEmployeeBox button span:after{content:"\21e2";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.peopleAddEmployeeBox button:hover,.peopleExistingEmployeeBox button:hover{background-color:#e2e3ff;color:#2d7cbd;cursor:pointer;transition:all .5s}.peopleAddEmployeeBox button:hover span,.peopleExistingEmployeeBox button:hover span{padding-right:20px}.peopleAddEmployeeBox button:hover span:after,.peopleExistingEmployeeBox button:hover span:after{opacity:1;right:0}.peopleExistingEmployeeBox{margin-top:2rem}.peopleExistingEmployeeHeading h4,.peopleExistingEmployeeHeading h5{font-family:ramblaRegular,sans-serif;color:#292929;font-size:1rem}.peopleSelectUser{width:100%;padding:.5rem;border-radius:.1rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff);margin-bottom:.5rem}.inputTypeSelect p{font-family:ramblaRegular,sans-serif;color:#000}.peopleInfoBox{padding-bottom:2rem}.peopleInfoBox h4{font-family:avenirBlack,ramblaBold,sans-serif;color:#292929;font-size:1.2rem;text-align:center}.peopleDetailsHeaderBox{display:grid;grid-template:1fr/.1fr 1fr 1.5fr 1fr 1fr 1fr;background-color:#dadada;border-radius:.2rem}.peopleDetailsHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.peopleDetailsValuesBox{display:grid;grid-template:1fr/.1fr 1fr 1.5fr 1fr 1fr 1fr;border-bottom:.01rem solid #d3d3d3;padding:.1rem}.peopleDetailsValuesBox p{font-family:ramblaRegular,sans-serif;color:#292929;font-size:.95rem;text-align:center;padding-top:1rem}.peopleDetailsValuesBox:hover{cursor:pointer;background:linear-gradient(112deg,rgba(47,145,255,.59),rgba(50,148,255,.85) 1%,rgba(76,110,254,.85))}.registerEmployeeContainer{padding:1rem}.newEmployeeHeader{border-bottom:.01rem solid #d3d3d3;padding:.2rem 0;text-align:center}.employeeIconHeader{display:flex;justify-content:center}.employeeEditIconHeader{margin-top:1rem}.employeeEditIconHeader p{font-family:ramblaRegular,sans-serif;font-size:1rem}.employeeIconHeader h3{font-family:ramblaBold,sans-serif;font-size:1.2rem;color:#ffb400;margin-left:1rem}.newEmployeeHeader p{font-family:ramblaRegular,sans-serif;font-size:1rem;color:#fff}.newEmpId{grid-area:newEmpId}.newEmpDOB{grid-area:newEmpDOB}.newEmpGender{grid-area:newEmpGender}.newEmpMarital{grid-area:newEmpMarital}.newEmpMaritalDate{grid-area:newEmpMaritalDate}.newEmpNida{grid-area:newEmpNida}.newEmpSSN{grid-area:newEmpSSN}.newEmpExpat{grid-area:newEmpExpat}.newEmpExpatInputs{grid-area:newEmpExpatInputs}.newEmpAddress{grid-area:newEmpAddress}.newEmpPayRate{grid-area:newEmpPayRate}.newEmpPer{grid-area:newEmpPer}.newEmpPayType{grid-area:newEmpPayType}.newEmpPaySchedule{grid-area:newEmpPaySchedule}.newEmpEffectiveDate{grid-area:newEmpEffectiveDate}.newEmpPhone{grid-area:newEmpPhone}.newEmpHomePhone{grid-area:newEmpHomePhone}.newEmpWorkEmail{grid-area:newEmpWorkEmail}.newEmpPersonalEmail{grid-area:newEmpPersonalEmail}.newEmpLinkedinUrl{grid-area:newEmpLinkedinUrl}.newEmpHireDate{grid-area:newEmpHireDate}.newEmpStatus{grid-area:newEmpStatus}.newEmpJobTitle{grid-area:newEmpJobTitle}.newEmpDepartment{grid-area:newEmpDepartment}.newEmpVacation{grid-area:newEmpVacation}.newEmpSick{grid-area:newEmpSick}.newEmpBereavement{grid-area:newEmpBereavement}.newEmpFMLA{grid-area:newEmpFMLA}.newEmpMaternityPaternity{grid-area:newEmpMaternityPaternity}.emergencyName{grid-area:emergencyName}.emergencyPhoneNumber{grid-area:emergencyPhoneNumber}.emergencyAddress{grid-area:emergencyAddress}.employeeRole{grid-area:employeeRole}.newEmpBankName{grid-area:newEmpBankName}.newEmpAccountNumber{grid-area:newEmpAccountNumber}.newEmpAccountName{grid-area:newEmpAccountName}.newEmployeeInfo{padding:0 0 1rem;width:50%;margin:0 auto}.newEmployeeInfo h4{font-family:avenirBlack,sans-serif;font-size:1rem;color:#292929;text-align:center;padding:1rem 0 .5rem}.newEmpPersonalInfo{display:grid;grid-template-areas:"newEmpId newEmpId" "newEmpDOB newEmpGender" "newEmpMarital newEmpMaritalDate" "newEmpNida newEmpSSN" "newEmpExpat newEmpExpat" "newEmpExpatInputs newEmpExpatInputs" "newEmpAddress newEmpAddress" "employeeRole employeeRole" "newEmpBankName newEmpBankName" "newEmpAccountNumber newEmpAccountNumber" "newEmpAccountName newEmpAccountName";grid-gap:.3rem}.newEmpCompensationInfo{display:grid;grid-template-areas:"newEmpPayRate newEmpPayRate" "newEmpPer newEmpPayType" "newEmpPaySchedule newEmpEffectiveDate";grid-gap:.3rem}.newEmpContactsInfo{display:grid;grid-template-areas:"newEmpPhone newEmpHomePhone" "newEmpWorkEmail newEmpPersonalEmail" "newEmpLinkedinUrl newEmpLinkedinUrl";grid-gap:.3rem}.emergencyContactsInfo{display:grid;grid-template-areas:"emergencyName emergencyName" "emergencyPhoneNumber emergencyAddress";grid-gap:.3rem}.newEmpJobInfo{display:grid;grid-template-areas:"newEmpHireDate newEmpStatus" "newEmpJobTitle newEmpDepartment";grid-gap:.3rem}.newEmpLeaveInfo{display:grid;grid-template-areas:"newEmpVacation newEmpSick" "newEmpBereavement newEmpFMLA" "newEmpMaternityPaternity newEmpMaternityPaternity";grid-gap:.3rem}.emergencyContactsInfo>div,.employeeRole,.newEmpBankDetails>div,.newEmpCompensationInfo>div,.newEmpContactsInfo>div,.newEmpJobInfo>div,.newEmpLeaveInfo>div,.newEmpPersonalInfo>div{padding:.5rem;border-radius:.1rem;margin:.3rem 0;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.newEmpCompensationInfo p,.newEmpContactsInfo p,.newEmpPersonalInfo p{color:#000}.manageLeavesContainer{padding-bottom:2rem}.manageLeavesContainer h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.leaveRequestsBox{padding:1rem}.leaveRequestsBox p{font-size:.9rem}.allLeaveRequestsButtonBox,.manageDaysOffRequestDetailsBox{margin-top:1rem}.manageDaysOffRequestDetailsBox>div{padding:.5rem;border-radius:.1rem;margin:.3rem 0;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.manageLeaveRequestsHeaderBox{display:grid;grid-template:1fr/.5fr 2fr .5fr .5fr 2fr 2fr 2fr 1fr .65fr;background-color:#dadada;justify-content:center;align-items:center;border-radius:.2rem}.manageLeaveRequestsHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.manageLeaveRequestsValuesBox{display:grid;grid-template:3.5rem/.5fr 2fr .5fr .5fr 2fr 2fr 2fr 1fr .65fr;justify-content:center;align-items:center;border-bottom:1px solid #ccc}.manageLeaveRequestsValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center;padding-top:.5rem}.leaveDecisionButtonBox{margin-bottom:.4rem}.leaveDecisionButtonBox button{width:12.3%;padding:.3rem;border-radius:.1rem;background:transparent;border:.15rem solid #2d7cbd;color:#363636;text-align:center;text-decoration:none;display:inline-block;font-size:.9rem;outline:none;margin-right:.2rem;font-family:avenirBlack,ramblaRegular,sans-serif}.leaveDecisionButtonBox button:hover{cursor:pointer;background-color:#e2e3ff;transition:all .5s;color:#2d7cbd}.viewCodesHeaderBox{display:grid;grid-template:1fr/.5fr 1fr 1fr 1fr 1fr;background-image:linear-gradient(90deg,rgba(139,145,255,.2),rgba(139,145,255,.26),rgba(139,145,255,.31));border-radius:.2rem}.viewCodesHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.codesValuesContainer>div:first-child,.viewCodesHeaderBox>div:first-child{border-left:.1rem solid #8b91ff}.codesValuesContainer>div,.viewCodesHeaderBox>div{border-right:.1rem solid #8b91ff}.codesValuesContainer{display:grid;grid-template:1fr/.5fr 1fr 1fr 1fr 1fr;border-bottom:.1rem solid #d3d3d3;background-color:#fff}.codesValuesContainer p{font-family:ramblaRegular,sans-serif;font-size:1rem;color:#212121;text-align:center;margin:.5rem 0 0}.filesContainer{padding-bottom:2rem}.addCompanyFilesBox{width:50%;margin:0 auto;padding-top:.5rem}.addFilesBox h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.addFileInput{grid-area:addFileInput}.addFileSelect{grid-area:addFileSelect}.addFileTextArea{grid-area:addFileTextArea}.addFileInputFile{grid-area:addFileInputFile}.addFilesInfoBox{display:grid;grid-template-areas:"addFileInput addFileInput" "addFileSelect addFileTextArea" "addFileInputFile addFileInputFile";grid-gap:.2rem}.addFilesInfoBox>div:nth-child(-n+4){padding:.5rem;border-radius:.1rem;margin:.3rem 0;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.addFileInputFile{text-align:center}.addFileInputFile input[type=file]{font-family:avenirBlack,sans-serif;color:#292929}.registerButtonContainer{margin:1rem 0 0}.addAccountInfoBox button,.addAccountToPackageInfoBox button,.addAssetsInfoBox button,.addCandidate button,.addCandidateReviewBox button,.addDoctorCertificate button,.addFilesBox button,.addHolidaySettingsBox button,.addJobOpeningBox button,.addNotificationBox button,.addSupportTicket button,.addTrainingInfoBox button,.allCelebrationsButtonBox button,.allLeaveRequestsButtonBox button,.assetDateReturnedBox button,.clearFilterButton button,.dayOffRequestBox button,.daysOffHistoryDetailsValues button,.invoicePaymentProceedBox button,.newEmployeeInfo button,.payrollEmployeesListValuesButton button,.peopleAddAssetBox button,.peopleAddBenefitBox button,.popOver button,.registerButtonContainer button,.settingsAddLocation button,.statusManage button,.subscriptionCard button,.termsAgreementBox button,.termsButtonBox button,.ticketView button,.trainingsSettingsDetailsValuesBox button,.viewLoansValuesBox button{width:100%;padding:.3rem;border-radius:.1rem;background:transparent;border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:.9rem;outline:none;font-family:avenirBlack,ramblaRegular,sans-serif}.addAccountInfoBox button:hover,.addAccountToPackageInfoBox button:hover,.addAssetsInfoBox button:hover,.addCandidate button:hover,.addCandidateReviewBox button:hover,.addDoctorCertificate button:hover,.addFilesBox button:hover,.addHolidaySettingsBox button:hover,.addJobOpeningBox button:hover,.addNotificationBox button:hover,.addSupportTicket button:hover,.addTrainingInfoBox button:hover,.allCelebrationsButtonBox button:hover,.allLeaveRequestsButtonBox button:hover,.assetDateReturnedBox button:hover,.clearFilterButton button:hover,.dayOffRequestBox button:hover,.daysOffHistoryDetailsValues button:hover,.invoicePaymentProceedBox button:hover,.jobValueButton button:hover,.newEmployeeInfo button:hover,.payrollEmployeesListValuesButton button:hover,.peopleAddAssetBox button:hover,.peopleAddBenefitBox button:hover,.popOver button:hover,.registerButtonContainer button:hover,.settingsAddLocation button:hover,.statusManage button:hover,.subscriptionCard button:hover,.termsAgreementBox button:hover,.termsButtonBox button:hover,.ticketView button:hover,.trainingsSettingsDetailsValuesBox button:hover,.viewLoansValuesBox button:hover{cursor:pointer;background-color:#e2e3ff;transition:all .5s;color:#2d7cbd}.addAccountInfoBox button span,.addAccountToPackageInfoBox button span,.addAssetsInfoBox button span,.addCandidate button span,.addCandidateReviewBox button span,.addDoctorCertificate button span,.addFilesBox button span,.addHolidaySettingsBox button span,.addJobOpeningBox button span,.addNotificationBox button span,.addSupportTicket button span,.addTrainingInfoBox button span,.allCelebrationsButtonBox button span,.allLeaveRequestsButtonBox button span,.assetDateReturnedBox button span,.clearFilterButton button span,.dayOffRequestBox button span,.daysOffHistoryDetailsValues button span,.invoicePaymentProceedBox button span,.jobValueButton button span,.newEmployeeInfo button span,.payrollEmployeesListValuesButton button span,.peopleAddAssetBox button span,.peopleAddBenefitBox button span,.popOver button span,.registerButtonContainer button span,.settingsAddLocation button span,.statusManage button span,.subscriptionCard button span,.termsAgreementBox button span,.termsButtonBox button span,.ticketView button span,.trainingsSettingsDetailsValuesBox button span,.viewLoansValuesBox button span{cursor:pointer;display:inline-block;position:relative;transition:all .5s}.addAccountInfoBox button span:after,.addAccountToPackageInfoBox button span:after,.addAssetsInfoBox button span:after,.addCandidate button span:after,.addCandidateReviewBox button span:after,.addDoctorCertificate button span:after,.addFilesBox button span:after,.addHolidaySettingsBox button span:after,.addJobOpeningBox button span:after,.addNotificationBox button span:after,.addSupportTicket button span:after,.addTrainingInfoBox button span:after,.allCelebrationsButtonBox button span:after,.allLeaveRequestsButtonBox button span:after,.assetDateReturnedBox button span:after,.clearFilterButton button span:after,.dayOffRequestBox button span:after,.daysOffHistoryDetailsValues button span:after,.invoicePaymentProceedBox button span:after,.jobValueButton button span:after,.newEmployeeInfo button span:after,.payrollEmployeesListValuesButton button span:after,.peopleAddAssetBox button span:after,.peopleAddBenefitBox button span:after,.popOver button span:after,.registerButtonContainer button span:after,.settingsAddLocation button span:after,.statusManage button span:after,.subscriptionCard button span:after,.termsAgreementBox button span:after,.termsButtonBox button span:after,.ticketView button span:after,.trainingsSettingsDetailsValuesBox button span:after,.viewLoansValuesBox button span:after{content:"\21e2";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.addAccountInfoBox button:hover span,.addAccountToPackageInfoBox button:hover span,.addAssetsInfoBox button:hover span,.addCandidate button:hover span,.addCandidateReviewBox button:hover span,.addDoctorCertificate button:hover span,.addFilesBox button:hover span,.addHolidaySettingsBox button:hover span,.addJobOpeningBox button:hover span,.addNotificationBox button:hover span,.addSupportTicket button:hover span,.addTrainingInfoBox button:hover span,.allCelebrationsButtonBox button:hover span,.allLeaveRequestsButtonBox button:hover span,.assetDateReturnedBox button:hover span,.clearFilterButton button:hover span,.dayOffRequestBox button:hover span,.daysOffHistoryDetailsValues button:hover span,.invoicePaymentProceedBox button:hover span,.jobValueButton button:hover span,.newEmployeeInfo button:hover span,.payrollEmployeesListValuesButton button:hover span,.peopleAddAssetBox button:hover span,.peopleAddBenefitBox button:hover span,.popOver button:hover span,.registerButtonContainer button:hover span,.settingsAddLocation button:hover span,.statusManage button:hover span,.subscriptionCard button:hover span,.termsAgreementBox button:hover span,.termsButtonBox button:hover span,.ticketView button:hover span,.trainingsSettingsDetailsValuesBox button:hover span,.viewLoansValuesBox button:hover span{padding-right:20px}.addAccountInfoBox button:hover span:after,.addAccountToPackageInfoBox button:hover span:after,.addAssetsInfoBox button:hover span:after,.addCandidate button:hover span:after,.addCandidateReviewBox button:hover span:after,.addDoctorCertificate button:hover span:after,.addFilesBox button:hover span:after,.addHolidaySettingsBox button:hover span:after,.addJobOpeningBox button:hover span:after,.addNotificationBox button:hover span:after,.addSupportTicket button:hover span:after,.addTrainingInfoBox button:hover span:after,.allCelebrationsButtonBox button:hover span:after,.allLeaveRequestsButtonBox button:hover span:after,.assetDateReturnedBox button:hover span:after,.clearFilterButton button:hover span:after,.dayOffRequestBox button:hover span:after,.daysOffHistoryDetailsValues button:hover span:after,.invoicePaymentProceedBox button:hover span:after,.jobValueButton button:hover span:after,.newEmployeeInfo button:hover span:after,.payrollEmployeesListValuesButton button:hover span:after,.peopleAddAssetBox button:hover span:after,.peopleAddBenefitBox button:hover span:after,.popOver button:hover span:after,.registerButtonContainer button:hover span:after,.settingsAddLocation button:hover span:after,.statusManage button:hover span:after,.subscriptionCard button:hover span:after,.termsAgreementBox button:hover span:after,.termsButtonBox button:hover span:after,.ticketView button:hover span:after,.trainingsSettingsDetailsValuesBox button:hover span:after,.viewLoansValuesBox button:hover span:after{opacity:1;right:0}.viewCompanyFilesBox{padding:2rem 1rem}.companyFilesBox{display:grid;grid-template:1fr/1fr 1fr;grid-gap:.5rem}.employeeFilesBox{display:grid;grid-template:1fr/1fr 1fr 1fr;grid-gap:.5rem}.companyFilesBox h2{font-family:avenirBlack,sans-serif;font-size:1rem;color:#292929;text-align:center}.filesHeaderBox{grid-template:1fr/1fr 2fr .5fr .5fr}.employeeFilesHeaderBox,.filesHeaderBox{display:grid;background-color:#dadada;border-radius:.2rem}.employeeFilesHeaderBox{grid-template:1fr/1.5fr .7fr .5fr .5fr}.employeeFilesHeaderBox h5,.filesHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.filesValuesBox{grid-template:1fr/1fr 2fr .5fr .5fr}.employeeFilesValuesBox,.filesValuesBox{display:grid;border-bottom:.01rem solid #d3d3d3}.employeeFilesValuesBox{grid-template:1fr/1.5fr .7fr .5fr .5fr}.employeeFilesValuesBox h4,.filesValuesBox h4{text-align:center;font-family:ramblaRegular,sans-serif;font-size:1rem;padding-top:1rem;color:#292929}.employeeFilesValuesBox p,.filesValuesBox p{font-family:ramblaRegular,sans-serif;color:#292929;font-size:.95rem;text-align:center;padding-top:1rem}.notificationContainer{padding-bottom:2rem}.notificationManageBox{width:50%;margin:0 auto;padding-top:.5rem}.addNotificationBox h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.addNotyTextArea,.addNotyTitle{grid-area:addNotyTitle}.addNotyDate{grid-area:addNotyDate}.addNotificationInfoBox{display:grid;grid-template-areas:"addNotyTitle addNotyTitle" "addNotyTextArea addNotyDate";grid-gap:.2rem}.addNotificationInfoBox>div{padding:.5rem;border-radius:.1rem;margin:.3rem 0;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.notificationViewBox{width:80%;margin:.5rem auto 0;background-color:#ebebeb;padding:.5rem;border-radius:.2rem}.hiringContainer{padding-bottom:2rem}.childHeaderBarBox{display:flex;align-items:center;justify-content:flex-start;color:#f5f5f5;background-color:transparent}.childHeaderBarBox h3{font-family:ramblaBold,sans-serif;padding:0 0 .4rem .1rem}.manageJobOpeningsBox{width:50%;margin:0 auto;padding-top:.5rem}.addJobOpeningBox p{color:#000;font-family:ramblaBold,sans-serif}.addJobOpeningBox h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.addCandidateReviewBox{width:60%;margin:1rem auto}.candidateName{grid-area:candidateName}.candidateEmail{grid-area:candidateEmail}.candidatePhone{grid-area:candidatePhone}.candidateAddress{grid-area:candidateAddress}.candidateSource{grid-area:candidateSource}.addCandidateInfoBox{display:grid;grid-template-areas:"candidateName candidateName" "candidateEmail candidatePhone" "candidateAddress candidateSource";grid-gap:.3rem}.addCandidateInfoBox>div{padding:.5rem;border-radius:.1rem;margin:.3rem 0;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.candidatesHeaderBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;background-color:#dadada;border-radius:.2rem}.candidatesHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.candidatesValuesBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:.01rem solid #d3d3d3;padding:.1rem}.candidatesValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center;padding-top:1rem}.candidateListBox{margin:1rem}.addCandidateReviewBox h4,.candidateListBox h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.jobPostDeptContainer,.jobPostStatusContainer{display:flex}.jobPostTitle{grid-area:jobPostTitle}.jobPostStatus{grid-area:jobPostStatus}.jobPostDept{grid-area:jobPostDept}.jobPostEmpType{grid-area:jobPostEmpType}.jobPostExperience{grid-area:jobPostExperience}.jobPostDescription{grid-area:jobPostDescription}.jobPostAddress{grid-area:jobPostAddress}.jobPostCompensation{grid-area:jobPostCompensation}.addJobOpeningInfoBox{display:grid;grid-template-areas:"jobPostTitle jobPostTitle" "jobPostStatus jobPostDept" "jobPostEmpType jobPostExperience" "jobPostDescription jobPostDescription" "jobPostAddress jobPostAddress" "jobPostCompensation jobPostCompensation";grid-gap:.2rem}.addJobOpeningInfoBox>div{padding:.5rem;border-radius:.1rem;margin:.3rem 0}.container1,.container2{display:flex}.container3{align-items:center;justify-content:center}.container4{text-align:center}.viewJobOpeningsBox{margin-top:1rem}.viewJobOpeningListBox{padding:1rem}.viewJobOpeningListBox h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.jobOpeningListHeaderBox{display:grid;grid-template:1fr/1fr 1fr 1fr .5fr .5fr 1fr .5fr .5fr .5fr;background-color:#dadada;border-radius:.2rem;justify-content:center}.jobOpeningListHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.jobOpeningListValuesBox{display:grid;grid-template:2.2rem/1fr 1fr 1fr .5fr .5fr 1fr .5fr .5fr .5fr;border-bottom:.01rem solid #d3d3d3;padding-top:.3rem}.jobOpeningListValuesBox p{font-family:ramblaRegular,sans-serif;color:#fff;font-size:.95rem;text-align:center}.characterLimit{margin:0 .1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.settingsContainer{padding-bottom:2rem}.settingsHeaderBox{display:flex;align-items:center;justify-content:center;color:#f5f5f5;background-color:transparent}.addAccountInfoBox,.addHolidaySettingsBox,.addTrainingSettingsBox,.settingsAssetsBox,.settingsLocationBox,.settingsSubscriptionBox{width:80%;margin:0 auto;padding-top:1rem}.settingsAssetsBox{align-items:center;justify-content:center}.settingsTrainingBox{margin-top:1rem}.addAssetsSettingsBox h4,.addHolidaySettingsBox h4,.addTrainingSettingsBox h4,.chooseSubscriptionBox h4,.settingsEnquiriesContainer h4,.settingsTrainingBox h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.addAssetsSettingsBox h3,.addTrainingSettingsBox h3{font-family:ramblaRegular,sans-serif;font-size:1rem;text-align:center}.addAssetsSettingsBox,.addTrainingSettingsBox{margin-top:1rem}.addAccountInfoBox>div:nth-child(-n+8),.addAssetsInfoBox>div:nth-child(-n+3),.addTrainingInfoBox>div:nth-child(-n+3),.settingsAddLocation>div:nth-child(-n+2){padding:.5rem;border-radius:.1rem;margin:.3rem 0;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.addAssetsInfoBox{display:flex;justify-content:center;align-items:center}.viewHolidaysBox,.viewTrainingsBox{margin:1rem .5rem 1rem 0}.viewHolidayBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-gap:.5rem}.holidayValuesBox{position:relative;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ebecff);padding:.5rem;border-radius:.2rem}.holidayValuesBox p{font-family:avenirBlack,sans-serif;font-size:1rem;color:#8b9db1;text-align:center}.trashIcon{position:absolute;bottom:0;right:.5rem;color:#ea3224}.trashIcon2{text-align:center;color:#ea3224}.trashIcon2:hover,.trashIcon:hover{cursor:pointer;animation:shake .52s cubic-bezier(.3,.04,.19,.9) both;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .5s}.editIcon{position:absolute;bottom:0;right:.5rem;color:#fff}.editIcon2{text-align:center;color:#fff}.editIcon2:hover,.editIcon:hover{cursor:pointer;animation:shake .52s cubic-bezier(.3,.04,.19,.9) both;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .5s}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.settingsAccountInfoBox{margin-top:1rem}.settingsAccountInfoBox h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.settingsEnquiriesContainer{width:98%;margin:1rem auto}.enqName{grid-area:enqName}.enqPhone{grid-area:enqPhone}.enqEmail{grid-area:enqEmail}.enqCoName{grid-area:enqCoName}.enqTitle{grid-area:enqTitle}.enqNotes{grid-area:enqNotes}.enquiryBox{display:grid;grid-template:1fr/1fr 1fr;grid-gap:.5rem}.viewHolidaysBox h4{font-family:avenirBlack,sans-serif;font-size:1rem;color:#1d2329;text-align:center}.enquiryValuesBox{display:grid;grid-template-areas:"enqName enqName" "enqPhone enqEmail" "enqCoName enqTitle" "enqNotes enqNotes";background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ebecff);padding:.2rem;border-radius:.2rem}.enquiryValuesBox>div:first-child{background-color:#2f3adb;margin-bottom:.5rem}.enquiryValuesBox>div:last-child{background-color:rgba(187,184,219,.5);padding:.3rem}.enquiryValuesBox>div:first-child p{margin-top:1rem;font-family:avenirBlack,sans-serif;color:#fff}.enquiryValuesBox p{font-family:ramblaRegular,sans-serif;font-size:.9rem;color:#343434;text-align:center}#enqHeader{font-family:avenirBlack,sans-serif;text-decoration:underline}.settingsAddLocation{text-align:center}.addLocationHeader h2{font-family:avenirBlack,sans-serif;text-align:center;font-size:1.2rem}.settingsAddLocation select{padding:.5rem;border:.1rem solid #a9a9a9;border-radius:.2rem;font-family:ramblaRegular,sans-serif;font-size:1rem}.viewLocationsBox{margin-top:1rem}.viewLocationsBox>div:first-child h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.branchLocationsHeaderBox{display:grid;grid-template:1fr/1fr 1fr 1fr;background-color:#dadada;border-radius:.2rem}.branchLocationsHeaderBox>div:nth-child(-n+3),.branchLocationsValuesBox>div:nth-child(-n+3){border-right:.1rem solid #8b91ff}.branchLocationsValuesBox{display:grid;grid-template:1fr/1fr 1fr 1fr;border-bottom:.1rem solid #d3d3d3;background-color:#fff}.branchLocationsValuesBox p{font-family:ramblaRegular,sans-serif;font-size:1rem;color:#212121;text-align:center;margin:.5rem 0 0}.paymentsContainer{width:100%}.paymentsBox{width:50%;margin:1rem auto}.paymentsContainer>div:last-child{margin:1rem}.paymentsBox>div:first-child{margin-bottom:1rem}.paymentsBox h4{font-family:ramblaRegular,sans-serif;font-size:1.2rem;text-align:center}.paymentsHeadersBox{display:grid;grid-template:1fr/1fr 2fr 1fr 1fr 1fr 1fr 1fr .5fr;background-color:#dadada;border-radius:.2rem}.branchLocationsHeaderBox h5,.paymentsHeadersBox h5,.renewalsHeaderBox h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.paymentValuesBox{display:grid;grid-template:1fr/1fr 2fr 1fr 1fr 1fr 1fr 1fr .5fr;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ebecff);margin-top:.05rem}.paymentValuesBox p,.renewalsValuesBox p{font-family:ramblaRegular,sans-serif;color:#292929;font-size:.95rem;text-align:center;padding-top:.5rem}.statusManage>div:nth-child(2){padding:.5rem;border-radius:.1rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff);margin:.2rem 0}.closeStatus{text-align:right}.assignTrainingBox{font-family:ramblaRegular,sans-serif}.renewalsBox{width:90%;margin:0 auto}.renewalsBox h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.renewalsBox h6{font-family:ramblaRegular,sans-serif;font-size:1.1rem;margin-top:1rem}.renewalsHeaderBox{background-color:#dadada;border-radius:.2rem}.renewalsHeaderBox,.renewalsValuesBox{display:grid;grid-template:1fr/1fr 2fr 2fr 1.5fr 1fr 1fr}.renewalsValuesBox{background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ebecff);margin-top:.05rem;border-bottom:.1rem solid #d3d3d3}.renewalsValuesBox>div:last-child{background-color:rgba(255,204,0,.85)}.ticketsContainer{width:100%}.ticketsContainer>div:last-child{padding:1rem}.ticketBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-gap:.5rem}.ticketBox>div{background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff);padding:.5rem;border-radius:.2rem}.ticketHeaderName{grid-area:ticketHeaderName}.ticketServicePriority{grid-area:ticketServicePriority}.ticketOpenStatus{grid-area:ticketOpenStatus}.ticketCloseTime{grid-area:ticketCloseTime}.ticketViewManage{grid-area:ticketViewManage}.ticketInfoBox{text-align:center}.ticketHeaderName p{font-family:avenirBlack,sans-serif;font-size:1.1rem;color:#8b9db1}.ticketServicePriority p{font-family:avenirBlack,sans-serif;font-size:.9rem;color:#c30;text-transform:uppercase}.ticketOpenStatus p{font-family:ramblaRegular,sans-serif;font-size:.9rem;color:#202734}.ticketInfoBox p:nth-child(4),.ticketInfoBox p:nth-child(5){font-family:ramblaRegular,sans-serif;font-size:1.2rem;color:#6c7e92}.ticketModalDetails{padding:.3rem;display:flex;border-radius:.05rem;justify-content:center}.ticketModalDetails h2{font-family:ramblaRegular,sans-serif;font-size:1.2rem;color:#40485a}.ticketInfoBox>div:last-child{margin-top:1rem}.ticketPriorityHigh{color:#c30}.ticketPriorityHigh,.ticketPriorityMedium{font-family:ramblaRegular,sans-serif;font-size:1.3rem;text-transform:capitalize;text-decoration:underline}.ticketPriorityMedium{color:#fc0}.ticketPriorityLow{font-family:ramblaRegular,sans-serif;font-size:1.3rem;color:#390;text-transform:capitalize;text-decoration:underline}.mySupportTicketsBox{margin:1rem}.reportsTicketsBox{margin:1.5rem}.openTicketBox{width:60%;margin:1rem auto}.mySupportTicketsBox>div:first-child h4{font-family:ramblaRegular,sans-serif;font-size:1.2rem;text-align:center}.mobileUnavailableContainer{background-image:url(/images/transparent/blue-flower.png);background-repeat:no-repeat;background-position:top;width:100vw;height:100vh;display:grid;place-items:center;background-color:rgba(47,58,219,.51);overflow:hidden;padding:1rem}.mobileUnavailableLogoArea img{width:5rem;object-fit:contain;margin-bottom:2rem;animation:beat 3s infinite alternate;animation-delay:.5s}.mobileUnavailableContainer h4{background:hsla(0,0%,98%,.66);padding:.2rem;border-radius:.1rem;font-family:avenirBlack,sans-serif;font-size:.9rem;color:#ff2a28;text-align:center}.mobileUnavailableContainer p{font-family:ramblaRegular,sans-serif;font-size:.9rem;color:#282828;text-align:center}.mobileUnavailableContainer>div:last-child{text-align:center}@keyframes beat{0%{transform:scale(.85)}to{transform:scale(.9)}}.payrollGatewayButton{padding:.5rem 2rem;border-radius:.2rem;justify-content:center;align-items:center;border:.01rem solid #ea3224;color:#fff;background:linear-gradient(112deg,rgba(47,145,255,.59),rgba(50,148,255,.85) 1%,rgba(76,110,254,.85));transition:all .3s}.payrollGatewayButton:hover{color:#171717;transition:all .3s}.payrollEmployeeQuantityBox{display:grid;place-items:center}.payrollEmployeeQuantityBox>div:first-child{display:grid;place-items:center;width:180px;height:180px;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff);border-radius:50%;padding:1rem;margin-top:1rem;position:relative}.payrollEmployeeQuantityBox>div:first-child h4{font-family:avenirBlack,sans-serif;font-size:1.8rem;color:#373737}.payrollEmployeeQuantityBox>div:first-child p{font-family:ramblaRegular,sans-serif;font-size:1.2rem;color:#242424}.payrollEmployeeQuantityBox>div:first-child>div{text-align:center}.payrollEmployeeQuantityBox>div>div:last-child{width:60px;height:60px;border-radius:50%;position:absolute;bottom:0;right:-2rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff);display:grid;place-items:center;text-align:center;transition:all .3s}.payrollBenefitsBox>div:last-child:hover,.payrollSocialBox>div:last-child:hover,.payrollTaxesBox>div:last-child:hover{cursor:pointer;border:.1rem solid #3294ff;transition:all .3s;background:linear-gradient(112deg,rgba(47,145,255,.9),rgba(50,148,255,.15) 1%,rgba(76,110,254,.25))}.payrollDeductionsBox,.payrollSummaryDeductionsBox{display:flex;justify-content:space-between;margin:3rem 1rem 0;padding-bottom:1rem}.payrollDeductionsBox>div,.payrollSummaryDeductionsBox>div{width:40%;height:auto;margin:1rem;padding:.5rem}.payrollDeductionsBox>div>div:first-child,.payrollSummaryDeductionsBox>div>div:first-child{background-image:linear-gradient(90deg,rgba(139,145,255,.2),rgba(139,145,255,.26),rgba(139,145,255,.31));border-radius:.2rem}.payrollDeductionsBox>div>div:nth-child(2),.payrollSummaryDeductionsBox>div>div:nth-child(2){border-top:.1rem solid #8b91ff;padding-top:1rem}.payrollBenefitsBox,.payrollSocialBox,.payrollSummaryBenefitsBox,.payrollSummarySocialBox,.payrollSummaryTaxesBox,.payrollTaxesBox{background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff);padding:.1rem;position:relative}.payrollBenefitsBox h4,.payrollSocialBox h4,.payrollSummaryBenefitsBox h4,.payrollSummarySocialBox h4,.payrollSummaryTaxesBox h4,.payrollTaxesBox h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;color:#545454;text-align:center;padding:.2rem}.payrollDeductionsBox li,.payrollSummaryDeductionsBox li{font-family:ramblaRegular,sans-serif;font-size:1rem;color:#2f2f2f}.payrollSummaryBenefitsBox>div:last-child,.payrollSummarySocialBox>div:last-child,.payrollSummaryTaxesBox>div:last-child{width:40px;height:40px;border-radius:50%;position:absolute;top:-.3px;left:50%;transform:translate(-50%,-50%);background-image:linear-gradient(90deg,rgba(139,145,255,.2),rgba(139,145,255,.26),rgba(139,145,255,.31));display:grid;place-items:center;text-align:center;transition:all .3s;z-index:-5}.payrollBenefitsBox>div:last-child,.payrollSocialBox>div:last-child,.payrollTaxesBox>div:last-child{width:40px;height:40px;border-radius:50%;position:absolute;top:-.8rem;right:-2rem;transform:translate(-50%,-50%);background-image:linear-gradient(180deg,#f0f0f0,#eaeaea,#e6e7f9);display:grid;place-items:center;text-align:center;transition:all .3s}.payrollDeductionsContainer,.payrollEmployeesContainer{padding-top:1rem}.employeesIconBox{margin:.5rem 0;display:grid;place-items:center}.payrollFilterEmployees{width:30%;margin:0 auto;padding:.5rem;text-align:center;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.payrollEmployeesListBox{margin:1rem 1rem 0 0}.payrollEmployeesListBox>div:first-child h4{font-family:avenirBlack,sans-serif;font-size:1.1rem;text-align:center;color:#545454}.payrollEmployeesListHeaders{grid-template:1fr/1fr 2fr 1fr 1fr 1fr 1fr 1fr .5fr 1fr}.payrollEmployeeModalHeader,.payrollEmployeesListHeaders{display:grid;background-image:linear-gradient(90deg,rgba(139,145,255,.2),rgba(139,145,255,.26),rgba(139,145,255,.31))}.payrollEmployeeModalHeader{grid-template:1fr/1fr 2fr 1fr 1fr}.payrollDeductionModalHeader{display:grid;grid-template:1fr/1fr 1fr .5fr;background-image:linear-gradient(90deg,rgba(139,145,255,.2),rgba(139,145,255,.26),rgba(139,145,255,.31))}.payrollEmployeesListHeaders>div:nth-child(-n+7),.payrollEmployeesListValues>div:nth-child(-n+7){border-right:.1rem solid #8b91ff}.payrollDeductionModalHeader h5,.payrollEmployeeModalHeader h5,.payrollEmployeesListHeaders h5{font-family:avenirBlack,ramblaRegular,sans-serif;color:#292929;font-size:.95rem;padding:.5rem 0 0 .3rem;text-align:center}.payrollEmployeesListValues{display:grid;grid-template:1fr/1fr 2fr 1fr 1fr 1fr 1fr 1fr .5fr 1fr;border-bottom:.1rem solid #d3d3d3;background-color:#fff}.payrollDeductionModalValues{display:grid;grid-template:1fr/1fr 1fr .5fr;border-bottom:.1rem solid #d3d3d3}.payrollEmployeeModalValues{display:grid;grid-template:1fr/1fr 2fr 1fr 1fr;border-bottom:.1rem solid #d3d3d3}.payrollDeductionModalValues p,.payrollEmployeeModalValues p,.payrollEmployeesListValues p{font-family:ramblaRegular,sans-serif;font-size:1rem;color:#212121;text-align:center;margin:.5rem 0 0}#digitValue{color:green;font-size:.9rem;font-family:museoSlab,ramblaBold,sans-serif}.payrollModalIconBox{text-align:center}.payrollModalIconBox h4{font-family:ramblaRegular,sans-serif;font-size:1.2rem;color:#212121;margin:.2rem}.payrollModalInfo>div{padding:.5rem;border-radius:.1rem;background-image:linear-gradient(90deg,rgba(139,145,255,.2),rgba(139,145,255,.26),rgba(139,145,255,.31));margin:.2rem}.payrollDeductionsIconBox{text-align:center;margin:1rem}.payrollDeductionsIconBox h4{font-family:avenirBlack,sans-serif;font-size:1.4rem;text-align:center;color:#545454}.deductionCardBox{display:flex;justify-content:space-between;background-color:#1d2a5e;margin:0 1rem .3rem;padding:0 1rem;align-items:center}.deductionCardBox p{margin:.5rem;font-family:ramblaRegular,sans-serif;font-size:1rem;color:#fff}.deductionCardBox>div{border-bottom:.01rem solid #d3d3d3}.payrollBenefitCard{background-color:#1d2a5e;display:flex;justify-content:space-between;margin:0 1rem .3rem;padding:0 1rem;align-items:center}.benefitNameContainer{background-color:#e55a5f;justify-content:center;align-items:center}.payrollBenefitCard p{margin:.5rem;font-family:ramblaRegular,sans-serif;font-size:1rem;color:#fff}.deductionCardBox h5,.payrollBenefitCard h5{font-family:ramblaRegular,sans-serif;font-size:1.2rem}.invoiceContainer{position:relative;height:100vh}.invoiceWrapperBox{width:60%;margin:2rem auto;background-image:linear-gradient(180deg,rgba(139,145,255,.2),rgba(139,145,255,.16),hsla(0,0%,100%,.8),hsla(0,0%,100%,.9));border-radius:.3rem;box-shadow:0 1px 1px hsla(0,0%,9%,.034),0 1px 2px hsla(0,0%,9%,.034),0 2px 2px hsla(0,0%,4%,.06),0 1px 2px hsla(0,0%,7%,.072),0 1px 2px rgba(31,31,31,.086),0 2px 2px rgba(56,56,56,.12)}.invoiceHeaderBox{display:flex;justify-content:space-between;padding:1rem}.invoiceHeaderBox>div:first-child h4{font-family:economicaBold,sans-serif;font-size:2.2rem;color:#9c3664}.invoiceHeaderBox>div:first-child p,.invoiceHeaderBox>div:last-child h4{font-family:ramblaRegular,sans-serif;font-size:.9rem;color:#404040}.invoiceHeaderBox>div:last-child h4{text-align:right}.invoiceLogoBox{background-image:linear-gradient(90deg,rgba(156,54,100,.1),rgba(156,54,100,.2),rgba(156,54,100,.1));height:20vh;display:grid;place-items:center}.invoiceLogoBox img{width:8rem;object-fit:contain}.invoiceDetailsBox{display:grid;grid-template:1fr/3fr 1fr;grid-gap:.3rem;padding:1rem}.invoiceDetailsLeft{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-gap:.1rem}.invoiceDetailsLeft>div{border-right:.01rem dashed #a9a9a9;padding:.5rem}.invoiceDetailsLeft>div h4{font-family:avenirBlack,sans-serif;font-size:.9rem;text-decoration:underline;text-align:center;color:#404040}.invoiceDetailsLeft>div p{font-family:ramblaRegular,sans-serif;font-size:.9rem;text-align:center;color:#404040}.invoiceDetailsRight{text-align:right}.invoiceDetailsRight>div h4{font-family:avenirBlack,sans-serif;font-size:.95rem;text-decoration:underline;color:#404040}.invoiceDetailsRight>div p{font-family:ramblaRegular,sans-serif;font-size:.9rem;color:#404040}.invoicePrintBox{position:absolute;top:6.5rem;right:6rem;z-index:1}.invoicePaymentProceedBox{position:absolute;bottom:0;right:6rem}.invoicePrintBox [tooltip]{position:relative}.invoicePrintBox [tooltip]:after,.invoicePrintBox [tooltip]:before{text-transform:none;font-size:.9em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}.invoicePrintBox [tooltip]:before{content:"";border:5px solid transparent;z-index:1001}.invoicePrintBox [tooltip]:after{content:attr(tooltip);font-family:ramblaRegular,sans-serif;text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,.35);background:#858aeb;color:#fff;z-index:1000}.invoicePrintBox [tooltip]:hover:after,.invoicePrintBox [tooltip]:hover:before{display:block}.invoicePrintBox [tooltip=""]:after,.invoicePrintBox [tooltip=""]:before{display:none!important}.invoicePrintBox [tooltip][flow^=down]:after{top:calc(100% + 10px)}.invoicePrintBox [tooltip][flow^=down]:after,.invoicePrintBox [tooltip][flow^=down]:before{left:55%;transform:translate(-30%,.5em)}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%,40%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translate(40%,-50%)}}.invoicePrintBox [tooltip]:not([flow]):hover:after,.invoicePrintBox [tooltip]:not([flow]):hover:before,.invoicePrintBox [tooltip][flow^=down]:hover:after,.invoicePrintBox [tooltip][flow^=down]:hover:before{animation:tooltips-vert .3s ease-out forwards}.chooseSubscriptionBox>div:last-child{display:flex;align-items:center;justify-content:space-around}.chooseSubscriptionBox>div:last-child p{font-family:ramblaRegular,sans-serif;font-size:1.3rem;font-weight:700}.subscriptionContainer{min-height:60vh}.subscriptionBody{width:100%}.form-group{margin:.1rem 0 0}.topHeader h4{font-size:1.6rem;margin-top:.5px}.topHeader h4,.topHeader h5{font-family:ramblaRegular,sans-serif;text-align:center}.topHeader h5{font-size:1.2rem;margin-bottom:1rem}.choosePackageInputBox{width:70%;margin:0 auto;padding:2rem;border-radius:.1rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.cardsContainer{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;margin:1rem 0;background-color:#2b2b2b}.cardsContainer p{font-family:ramblaBold,sans-serif;text-align:center;font-size:1rem;color:#f0f0f0}.cardsContainer h3{font-family:Rockwell,ramblaBold,sans-serif;font-size:1.5rem;text-align:center;color:#ecedff}.galaxy{background-color:#6d6bfd}.universe{background-color:#ff2c72}.subscriptionCard{display:grid;grid-template:1fr 2fr 1fr .5fr/1fr;padding:2rem}.subscriptionCard .title{font-family:avenirBlack,sans-serif;font-size:1.5rem;letter-spacing:.5rem;text-transform:uppercase;color:#fff;margin:2rem 0;text-align:center}#subImage{width:6rem;height:6rem;align-self:center;justify-self:center}.subscriptionCard h1{font-family:Rockwell,sans-serif}.subscribeBtnContainer{display:grid;place-items:center;width:100%}.policyHeader{background-color:#000;display:flex;justify-content:flex-start;padding:.5rem 3rem}.policy img{height:3rem;width:3rem}.viewTermsAndConditions{margin-top:2rem}.viewTermsAndConditions h4{font-family:ramblaBold,sans-serif;text-align:center;font-size:1rem;color:#373737}.viewTermsAndConditions ol{list-style:none;counter-reset:li;list-style-position:inside;font-family:ramblaBold,sans-serif;font-size:.9rem;text-align:center}.viewTermsAndConditions ol li:before{content:counter(li);color:#f87757;display:inline-block;margin-top:1rem}.viewTermsAndConditions ol li{counter-increment:li}.termList{display:grid;grid-template:1fr/.5fr 2fr 1.5fr .5fr;margin:.2rem auto;width:80%}.termList,.updatedTermListBox{background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.updatedTermListBox{width:70%;margin:1rem auto;border-radius:.3rem}.updatedTermList{display:flex;justify-content:space-between;padding:.3rem}.termList p,.updatedTermList p{margin-top:1rem;font-family:ramblaBold,sans-serif;font-size:.95rem;text-align:center}.addAccountToPackageHeaderBox h4{font-family:ramblaRegular,sans-serif;font-size:1.6rem;text-align:center;margin-top:2rem}.addAccountToPackageInfoBox>div:first-child{width:80%;margin:0 auto;padding:.5rem;border-radius:.1rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.addAccountToPackageInfoBox>div:last-child{width:80%;margin:2rem auto}.verifyPackageContainer{width:100%;margin-top:2rem}.verifyPackageContainer h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.clientViewTermsHeaderBox h4,.clientViewTermsInfoBox h5{font-family:ramblaRegular,sans-serif;font-size:1.4rem;text-align:center;margin-top:2rem}.clientViewTermsInfoBox h4{font-family:ramblaRegular,sans-serif;font-size:1rem;text-align:center;margin-top:2rem}.clientViewTermsInfoBox{width:60%;margin:0 auto}.termsAgreementBox{width:90%;margin:1rem auto;display:grid;grid-template:1fr/1fr 1fr;grid-gap:.3rem}.termsAgreementBox>div:first-child{border:.15rem solid #ea3224;border-radius:.2rem}.termsAgreementBox>div:last-child{border:.15rem solid #00d300;border-radius:.2rem}.landingContainer{position:relative;min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.navigation{height:48px;position:fixed;top:0;left:0;right:0;z-index:1000}#page-wrap{flex:1 1;display:flex;flex-direction:column}.bodyContainer{flex:1 1;background-size:contain;background-position:100% 100%;transition:all .5s;background-color:#fff}.bodyContainer,.joinUsContainer,.landingContainer,.landingPageContainer,.pricingContainer{background-color:#fff!important}.menu-item.console-button{color:#fff!important}.apple-style-footer{background-color:#f5f5f7!important;width:100%;box-sizing:border-box;position:relative;z-index:1}.footer-content{max-width:980px;margin:0 auto;padding:0 22px;box-sizing:border-box}.footer-section{padding:5px 0}.footer-description{max-width:670px;margin:0;padding:0;color:#6e6e73;font-size:12px;line-height:1.33337}.footer-directory{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px;padding:20px 0}.footer-column h3{color:#1d1d1f;font-size:12px;line-height:1.33337;font-weight:600;letter-spacing:-.01em;margin:0 0 .8em}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column ul li{margin-bottom:.8em}.footer-column ul li a{color:#424245;text-decoration:none;font-size:12px}.footer-column ul li a:hover{color:#000}.social-links a{display:flex;align-items:center;gap:5px}.social-links svg{width:14px;height:14px}.footer-bottom{padding:17px 0;border-top:1px solid #d2d2d7;justify-content:space-between}.footer-bottom,.footer-legal{display:flex;align-items:center}.footer-legal{gap:30px}.footer-legal p{margin:0;color:#6e6e73}.footer-legal-links{display:flex;gap:30px}.footer-legal-links a{color:#424245;text-decoration:none;border-right:1px solid #d2d2d7;padding-right:10px}.footer-legal-links a:last-child{border-right:none;padding-right:0}.footer-locale{color:#6e6e73}@media (max-width:833px){.footer-directory{grid-template-columns:repeat(2,1fr);gap:20px}.footer-content{width:100%;padding:0 16px;margin:0}}@media (max-width:480px){.apple-style-footer{padding:0;margin:0}.footer-content{width:100%;padding:0 16px;margin:0}.footer-directory{grid-template-columns:1fr;gap:0;padding:16px 0;margin:0}.footer-column{padding:15px 0;margin:0;border-bottom:1px solid hsla(240,6%,83%,.3)}.footer-bottom{padding:17px 16px;margin:0}}.apple-style-landing{background:linear-gradient(180deg,#000,#1a1a1a);color:#f5f5f7;min-height:100vh;overflow-x:hidden;position:relative}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 0;margin:0 auto;max-width:2560px;position:relative}.logo-container{margin-bottom:2rem}.hero-logo{max-height:10rem}@media (max-width:768px){.hero-logo{max-height:6rem;margin-bottom:1rem}}.hero-content{z-index:2;padding:0 20px;margin-bottom:30px;position:relative}.main-heading{font-size:56px;line-height:1.07143;font-weight:600;letter-spacing:-.005em;margin:0 0 8px}.sub-heading{font-size:28px;line-height:1.10722;font-weight:400;letter-spacing:.004em;margin:0 0 20px}.highlight{color:#2997ff;font-family:ramblaBold}.hero-image-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.image-wrapper{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.main-image{width:100%;height:auto;border-radius:24px;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.1));pointer-events:none}.get-started-button{background:#ffb400;color:#000;padding:15px 25px;border:none;border-radius:980px;font-size:1.5rem;font-family:ramblaBold;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media (max-width:768px){.get-started-button{padding:10px 20px;font-size:1.2rem}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;padding:60px 20px;max-width:1200px;margin:0 auto;position:relative}.feature-tile.glass-effect{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;padding:40px 30px;text-align:center;cursor:pointer;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.feature-tile.glass-effect:hover{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2)}.feature-tile h3{font-size:24px;font-weight:600;margin-bottom:15px;color:#fff}.feature-tile p{font-size:17px;line-height:1.47059;color:#86868b}@media only screen and (max-width:834px){.main-heading{font-size:40px}.sub-heading{font-size:24px}.features-grid{grid-template-columns:repeat(2,1fr);padding:40px 20px}}@media only screen and (max-width:640px){.main-heading{font-size:32px}.sub-heading{font-size:19px}.features-grid{grid-template-columns:1fr;gap:20px}.get-started-button{width:100%;max-width:300px}}.hero-section-split{display:grid;grid-template-columns:45% 55%;height:100vh;max-height:900px;align-items:center;padding:0 40px;max-width:1440px;margin:0 auto;overflow:hidden}.hero-logo{max-height:60px}.main-heading{font-size:3.5rem;background:linear-gradient(90deg,#fff,#f5f5f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.get-started-button{margin-top:2rem;padding:15px 30px}.interactive-container{position:relative;height:80vh;max-height:800px;display:flex;align-items:center;justify-content:center}.platform-image-container{position:relative;width:90%;z-index:2}.main-platform-image{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.illustration-top{position:absolute;top:5%;left:0;z-index:3;transform:translateX(-20%)}.illustration-bottom{position:absolute;bottom:5%;right:0;z-index:3;transform:translateX(20%)}@media (max-width:1024px){.hero-section-split{grid-template-columns:1fr;height:auto;padding:20px;text-align:center}.hero-left{padding-right:0;margin-bottom:40px}.interactive-container{height:60vh}.illustration-bottom,.illustration-top{transform:scale(.8)}}@media (max-width:768px){.main-heading{font-size:2.5rem}.interactive-container{height:50vh}.illustration-bottom,.illustration-top{transform:scale(.6)}}.hero-container{display:grid;grid-template-columns:45% 55%;min-height:calc(100vh - 80px);align-items:center;padding:100px 40px 40px;max-width:1440px;margin:0 auto;overflow:clip}.hero-left{padding-right:40px;display:flex;flex-direction:column;align-items:flex-start}.hero-logo{height:50px;margin-bottom:2rem}.hero-content{text-align:left;width:100%}.main-heading{font-size:3.2rem;line-height:1.1;margin-bottom:1rem;color:#fff;text-align:left;max-width:540px}.sub-heading{font-size:1.5rem;color:#86868b;margin-bottom:2rem;text-align:left}.cta-container{display:flex;justify-content:flex-start}.floating-illustrations{height:450px}.platform-image-wrapper{max-width:550px}.floating-recruiter{position:absolute;top:5%;left:-5%;z-index:2}.floating-jobseeker{position:absolute;bottom:5%;right:-5%;z-index:2}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;padding:120px 20px 40px;gap:2rem;overflow:clip}.hero-left{padding-right:0;align-items:center}.hero-content,.main-heading{text-align:center}.main-heading{max-width:100%}.sub-heading{text-align:center}.cta-container{justify-content:center}.floating-illustrations{height:350px}}@media (max-width:768px){.hero-container{padding:10px 20px 30px;overflow:clip}.floating-illustrations{height:300px}.platform-image-wrapper{width:90%}.floating-jobseeker,.floating-recruiter{transform:scale(.8)}}.hero-logo{height:80px}.platform-image-wrapper{padding:20px}.platform-image-wrapper:before{top:10px;left:10px;right:10px;bottom:10px;border:2px solid hsla(0,0%,100%,.1)}.platform-image-wrapper:after{width:6px;height:6px;background:rgba(0,0,0,.5);box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.floating-jobseeker,.floating-recruiter{filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.floating-recruiter{top:0;left:-10%}.floating-jobseeker{bottom:0;right:-10%}.floating-illustrations svg{filter:drop-shadow(0 0 10px rgba(255,180,0,.2))}@media (max-width:1024px){.hero-logo{height:70px}.platform-image-wrapper{width:90%;padding:15px}}@media (max-width:768px){.hero-logo{height:60px}.platform-image-wrapper{padding:10px}}.hero-logo{height:100px}.platform-image-wrapper{padding:25px;box-shadow:0 20px 40px rgba(0,0,0,.4),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.3)}.platform-image-wrapper:before{top:12px;left:12px;right:12px;bottom:12px;border:2px solid hsla(0,0%,100%,.15);border-radius:12px;box-shadow:inset 0 0 15px rgba(0,0,0,.5),0 0 8px hsla(0,0%,100%,.1)}.platform-image-wrapper .stand{bottom:-40px;width:120px;height:40px;border-radius:0 0 10px 10px}.platform-image-wrapper .stand:before{bottom:0;left:50%;transform:translateX(-50%);width:140px;height:5px;background:#1a1a1a;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.platform-image-wrapper .power-led{position:absolute;bottom:10px;right:10px;width:4px;height:4px;background:#0f0;border-radius:50%;box-shadow:0 0 5px #0f0;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.platform-image{border-radius:12px}.platform-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 20%);border-radius:12px;pointer-events:none}.floating-recruiter{top:-10%;left:-15%;transform:rotate(-5deg)}.floating-jobseeker{bottom:-10%;right:-15%;transform:rotate(5deg)}.floating-illustrations svg{filter:drop-shadow(0 10px 20px rgba(0,0,0,.4)) drop-shadow(0 0 15px rgba(255,180,0,.3))}@media (max-width:1024px){.hero-logo{height:80px}}@media (max-width:768px){.hero-logo{height:70px}}.hero-logo{height:120px;margin-bottom:3rem;align-self:flex-start;filter:drop-shadow(0 0 20px rgba(255,180,0,.2));transition:all .3s ease}.hero-logo:hover{transform:scale(1.02);filter:drop-shadow(0 0 30px rgba(255,180,0,.3))}.floating-illustrations{height:500px}.floating-recruiter{top:-5%;left:-20%;transform:rotate(-8deg) translateZ(50px)}.floating-jobseeker{bottom:-5%;right:-20%;transform:rotate(8deg) translateZ(50px)}.floating-illustrations svg{filter:drop-shadow(0 20px 30px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(255,180,0,.4)) drop-shadow(0 0 40px rgba(41,151,255,.3))}@media (max-width:1024px){.hero-logo{height:100px}}@media (max-width:768px){.hero-logo{height:80px}}.platform-image-wrapper{width:85%;max-width:800px}.platform-image-wrapper:before{background:#1a1a1a;box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.1),0 1px 2px rgba(0,0,0,.2)}.platform-image-wrapper:after{box-shadow:inset 0 1px 3px rgba(0,0,0,.8),0 0 2px hsla(0,0%,100%,.2)}.platform-image-wrapper .sensors{position:absolute;top:10px;left:50%;transform:translateX(-25px);width:50px;height:4px;display:flex;gap:6px;z-index:4}.platform-image-wrapper .sensors:after,.platform-image-wrapper .sensors:before{content:"";width:4px;height:4px;background:#2b2b2b;border-radius:50%;box-shadow:inset 0 1px 2px rgba(0,0,0,.8)}.screen-border{background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));box-shadow:inset 0 0 15px rgba(0,0,0,.5),0 0 1px hsla(0,0%,100%,.1)}.platform-image-wrapper .stand{box-shadow:0 10px 20px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.platform-image-wrapper .stand:after{background:linear-gradient(90deg,#1a1a1a,#2b2b2b,#1a1a1a);box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.power-button{width:30px;background:#2b2b2b}.power-led{position:absolute;bottom:10px;right:10px;width:4px;height:4px;background:#0f0;border-radius:50%;box-shadow:0 0 5px #0f0;animation:breathe 2s infinite}@keyframes breathe{0%,to{opacity:1;box-shadow:0 0 5px #0f0}50%{opacity:.7;box-shadow:0 0 8px #0f0}}.platform-image{width:100%;height:auto;border-radius:8px;display:block;position:relative}.screen-reflection{background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,0) 20%)}.nafasi-hero-logo{height:195px;margin-bottom:2.5rem;align-self:flex-start;filter:drop-shadow(0 0 15px rgba(255,180,0,.15));transition:all .3s ease}.nafasi-hero-logo:hover{transform:scale(1.02);filter:drop-shadow(0 0 20px rgba(255,180,0,.25))}@media (max-width:1024px){.nafasi-hero-logo{height:165px}}@media (max-width:768px){.nafasi-hero-logo{height:135px;margin-bottom:.5rem}}.platform-image-wrapper{box-shadow:0 20px 40px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}.floating-illustrations{position:relative;height:400px;display:flex;align-items:center;justify-content:center;perspective:1000px}@media (max-width:1024px){.platform-image-wrapper{width:75%}}@media (max-width:768px){.platform-image-wrapper{width:85%}.floating-illustrations{height:350px}}.platform-image-wrapper{background:linear-gradient(145deg,#2b2b2b,#1a1a1a);box-shadow:0 25px 50px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.3)}.platform-image-wrapper:before{top:0;left:50%;transform:translateX(-50%);width:160px;height:20px;background:linear-gradient(180deg,#1a1a1a,#2b2b2b);border-radius:0 0 12px 12px;box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.1),inset 0 1px 2px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);z-index:3}.platform-image-wrapper:after{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:linear-gradient(145deg,#1a1a1a,#2b2b2b);border-radius:50%;box-shadow:inset 0 1px 3px rgba(0,0,0,.8),inset 0 -1px 2px hsla(0,0%,100%,.1),0 0 2px hsla(0,0%,100%,.2),0 0 4px rgba(0,0,0,.5);z-index:4}.platform-image-wrapper .stand{background:linear-gradient(145deg,#2b2b2b,#1a1a1a)}.platform-image-wrapper .stand:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:180px;height:4px;background:linear-gradient(90deg,rgba(26,26,26,.8),#2b2b2b,rgba(26,26,26,.8));border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.3)}.screen-reflection{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,0) 30%);border-radius:8px;pointer-events:none}.floating-illustrations svg{filter:drop-shadow(0 20px 30px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(255,180,0,.4)) drop-shadow(0 0 40px rgba(41,151,255,.3)) drop-shadow(0 10px 15px rgba(0,0,0,.3))}.floating-jobseeker,.floating-recruiter{transition:all .3s ease}.floating-jobseeker:hover,.floating-recruiter:hover{filter:brightness(1.2);transform:scale(1.05) translateZ(60px)}.platform-image-wrapper{width:68%;max-width:640px;position:relative;z-index:1;padding:20px 20px 25px;background:linear-gradient(145deg,#2b2b2b,#1a1a1a 50%,#242424);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.12),inset 0 -1px 0 rgba(0,0,0,.3);transform-style:preserve-3d;perspective:1000px;border:1px solid hsla(0,0%,100%,.05)}.platform-image-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.03) 50%,transparent),repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.01) 3px,transparent 4px);border-radius:20px;pointer-events:none}.platform-image-wrapper .notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:160px;height:20px;background:linear-gradient(180deg,#1a1a1a,#2b2b2b);border-radius:0 0 12px 12px;box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.1),inset 0 1px 2px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);z-index:3;overflow:hidden}.platform-image-wrapper .notch:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.02) 50%,transparent),repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(0,0,0,.1) 5px,transparent 6px)}.platform-image-wrapper .camera{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:radial-gradient(circle at center,#1a1a1a 0,#2b2b2b 100%);border-radius:50%;box-shadow:inset 0 1px 3px rgba(0,0,0,.8),inset 0 -1px 2px hsla(0,0%,100%,.1),0 0 2px hsla(0,0%,100%,.2),0 0 4px rgba(0,0,0,.5);z-index:4}.platform-image-wrapper .camera:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:radial-gradient(circle at center,rgba(0,0,0,.8) 0,transparent 100%);border-radius:50%}.platform-image-wrapper .stand{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:140px;height:60px;background:linear-gradient(145deg,#2b2b2b,#1a1a1a 50%,#242424);-webkit-clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);box-shadow:0 15px 25px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.3)}.platform-image-wrapper .stand:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.02) 50%,transparent),repeating-linear-gradient(45deg,transparent,transparent 3px,hsla(0,0%,100%,.01) 4px,transparent 5px)}.platform-image-wrapper .stand-base{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:180px;height:4px;background:linear-gradient(90deg,rgba(26,26,26,.8),#2b2b2b 50%,rgba(26,26,26,.8));border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.3)}.screen-border{position:absolute;top:20px;left:20px;right:20px;bottom:25px;border:2px solid hsla(0,0%,100%,.1);border-radius:8px;background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02) 50%,rgba(0,0,0,.05));box-shadow:inset 0 0 20px rgba(0,0,0,.5),inset 0 0 5px hsla(0,0%,100%,.1),0 0 1px hsla(0,0%,100%,.1);pointer-events:none;overflow:hidden}.screen-border:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.02) 50%,transparent),repeating-linear-gradient(0deg,transparent,transparent 1px,hsla(0,0%,100%,.01) 2px,transparent 3px)}.power-button{top:-2px;right:20px;width:35px;height:4px;background:linear-gradient(90deg,#242424,#2b2b2b 50%,#242424);box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 1px 0 hsla(0,0%,100%,.1)}.power-button,.power-button:after{position:absolute;border-radius:2px}.power-button:after{content:"";inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,hsla(0,0%,100%,.02) 3px,transparent 4px)}body,html{height:100%;overflow-x:hidden}.landing-wrapper,body,html{margin:0;padding:0;width:100%}.landing-wrapper{min-height:100vh;position:relative}@media screen and (min-width:768px){#page-wrap{flex:1 1;display:flex;flex-direction:column}}@media screen and (max-width:767px){#page-wrap{flex:1 1;margin-top:0;display:flex;flex-direction:column}}.landing-body,.landing-content,.landing-nav{margin:0;padding:0;width:100%}