:root{--color-primary:#ffb400;--color-primary-hover:#e6a200;--color-primary-active:#cc9000;--color-primary-light:#fff5e0;--color-primary-dark:#996d00;--color-black:#1d1d1f;--color-gray-900:#333;--color-gray-800:#424245;--color-gray-700:#515154;--color-gray-600:#6e6e73;--color-gray-500:#86868b;--color-gray-400:#aeaeb2;--color-gray-300:#d1d1d6;--color-gray-200:#e5e5ea;--color-gray-100:#f2f2f7;--color-gray-50:#f5f5f7;--color-white:#fff;--color-success:#34c759;--color-success-light:#e8f9ed;--color-success-dark:#248a3d;--color-error:#ff3b30;--color-error-light:#ffebe9;--color-error-dark:#c62828;--color-warning:#ff9500;--color-warning-light:#fff4e5;--color-warning-dark:#c77700;--color-info:#007aff;--color-info-light:#e5f1ff;--color-info-dark:#0055b3;--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-dark:var(--color-black);--text-primary:var(--color-black);--text-secondary:var(--color-gray-500);--text-tertiary:var(--color-gray-400);--text-inverse:var(--color-white);--text-link:var(--color-primary);--border-light:var(--color-gray-200);--border-medium:var(--color-gray-300);--border-dark:var(--color-gray-400);--font-primary:"Mulish",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Newsreader",Georgia,serif;--font-mono:"SF Mono",SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 2px 4px rgba(0,0,0,.06);--shadow-md:0 4px 8px rgba(0,0,0,.08);--shadow-lg:0 8px 16px rgba(0,0,0,.1);--shadow-xl:0 16px 32px rgba(0,0,0,.12);--shadow-2xl:0 24px 48px rgba(0,0,0,.16);--shadow-inset:inset 0 2px 4px rgba(0,0,0,.06);--shadow-focus:0 0 0 3px rgba(255,180,0,.3);--shadow-focus-error:0 0 0 3px rgba(255,59,48,.3);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-slower:500ms ease;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--btn-height-sm:32px;--btn-height-md:40px;--btn-height-lg:48px;--btn-padding-sm:0 12px;--btn-padding-md:0 16px;--btn-padding-lg:0 24px;--input-height-sm:32px;--input-height-md:40px;--input-height-lg:48px;--input-padding:0 12px;--card-padding:var(--space-6);--card-radius:var(--radius-lg);--sidebar-width:240px;--sidebar-width-collapsed:64px;--header-height:64px;--container-max-width:1200px;--container-padding:var(--space-6)}@media (prefers-color-scheme:dark){:root.dark-mode{--bg-primary:var(--color-black);--bg-secondary:var(--color-gray-900);--text-primary:var(--color-white);--text-secondary:var(--color-gray-400);--border-light:var(--color-gray-700)}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{text-size-adjust:none}ol,ul{list-style:none}body{min-height:100vh;line-height:var(--leading-normal,1.5);font-family:var(--font-primary,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);color:var(--text-primary,#1d1d1f);background-color:var(--bg-primary,#fff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,h1,h2,h3,h4,h5,h6,input,label{line-height:var(--leading-tight,1.25)}h1,h2,h3,h4,h5,h6{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}fieldset{border:none}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:2px solid var(--color-primary,#ffb400);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary-light,#fff5e0);color:var(--color-black,#1d1d1f)}::placeholder{color:var(--color-gray-400,#aeaeb2);opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100,#f2f2f7)}::-webkit-scrollbar-thumb{background:var(--color-gray-300,#d1d1d6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400,#aeaeb2)}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-300,#d1d1d6) var(--color-gray-100,#f2f2f7)}.h1,h1{font-size:var(--text-4xl)}.h1,.h2,h1,h2{font-family:var(--font-primary);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.h2,h2{font-size:var(--text-3xl)}.h3,h3{font-size:var(--text-2xl)}.h3,.h4,h3,h4{font-family:var(--font-primary);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.h4,h4{font-size:var(--text-xl)}.h5,h5{font-size:var(--text-lg)}.h5,.h6,h5,h6{font-family:var(--font-primary);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--text-primary)}.body,.h6,h6,p{font-size:var(--text-base)}.body,p{font-family:var(--font-primary);font-weight:var(--font-regular);line-height:var(--leading-relaxed);color:var(--text-primary)}.body-lg{font-size:var(--text-lg)}.body-sm{font-size:var(--text-sm)}.body-xs{font-size:var(--text-xs)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-brand{color:var(--color-primary)}.font-light{font-weight:var(--font-light)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.link,a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.link:hover,a:hover{color:var(--color-primary-hover)}.link-subtle{color:var(--text-secondary)}.link-subtle:hover{color:var(--text-primary)}.label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.caption,.label{font-family:var(--font-primary);line-height:var(--leading-normal)}.caption{font-weight:var(--font-regular)}.caption,.overline{font-size:var(--text-xs);color:var(--text-secondary)}.overline{font-family:var(--font-primary);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);line-height:var(--leading-normal)}.mono,code,kbd,pre,samp{font-family:var(--font-mono)}code{padding:.125rem .375rem;border-radius:var(--radius-sm)}code,pre{font-size:var(--text-sm);background-color:var(--color-gray-100)}pre{padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;padding:0}.list-disc{list-style-type:disc}.list-decimal,.list-disc{padding-left:var(--space-6)}.list-decimal{list-style-type:decimal}.list-decimal li,.list-disc li{margin-bottom:var(--space-2)}@media (max-width:768px){.h1,h1{font-size:var(--text-3xl)}.h2,h2{font-size:var(--text-2xl)}.h3,h3{font-size:var(--text-xl)}.h4,h4{font-size:var(--text-lg)}}@tailwind base;@tailwind components;@tailwind utilities;@media only screen and (max-width:720px){.split-landing img{height:20rem;width:20rem;margin:0}.footer h4{font-size:1.2rem}.footer a{font-size:.8rem;color:#424245}.landingPageLogo{padding:.8rem 0 0 1.2rem}.landingPageLogo img{width:10%;object-fit:contain}.landingIntroContainer{border-bottom-right-radius:unset}.landingIntroBox{width:90%}#benefits{background-color:#fff;width:100%;padding:1rem 0 2rem;margin:1rem 0 0;border-radius:.3rem}.landingIntroBox h4{font-size:1.3rem;width:100%}.landingIntroBox p{font-size:1rem;width:90%;margin-top:1.5rem;z-index:1}.osportArtwork{width:70%;bottom:13%;right:15%}.faqIntroContainer{border-bottom-right-radius:unset}.faqIntroBox{width:90%}.faqIntroBox h4{font-size:1.2rem}.faqQnBox{width:90%}.faqAnswerBox{font-size:1rem}.faqMoreContact{width:90%}.faqMoreContact h5{font-size:1.1rem}.contactUsIntroContainer{border-bottom-right-radius:unset}.contactUsIntro{width:90%}.contactUsIntro h4{font-size:1.3rem;width:100%}.contactUsIntro p{font-size:1rem;width:90%;margin-top:1rem;z-index:1;text-align:center}.contactUsFormBox{width:90%;display:grid;grid-template:1fr/1fr}.contactUsDetails h4{font-size:1.2rem;text-align:center}.contactUsDetails p{font-size:1rem;text-align:justify}.contactUsMap{margin-top:.2rem}.contactUsMap>div:first-child h4{font-size:1.2rem}.pricingIntroBox{width:90%}.pricingIntroBox h4{font-size:1.2rem;margin-top:1.5rem}.pricingIntroBox p{font-size:.95rem;text-align:justify}.pricingInclusionBox{width:90%;margin:1.4rem auto}.pricingInclusionBox ul{margin:0;display:flex;flex-direction:column}.pricingInclusionBox ul li{text-align:center;margin-left:-2rem}.pricingCardsBox{width:90%;margin:2rem auto;grid-template:1fr/1fr}.joinUsIntroContainer{width:100%;border-bottom-right-radius:unset}.joinUsBox{width:90%;display:grid;grid-template:1fr/1fr;padding-top:2rem}.joinUsIntroBox h4{font-size:1rem;text-align:center;padding:1rem}.joinUsFormDetails input{z-index:3}.joinTermsAgree p,.joinUsFormBox>div:first-child h4{font-size:1rem}.ospotJoinArtwork{position:absolute;top:0;left:13%;width:72%;object-fit:contain;opacity:.2;z-index:2}.contactUsIntro,.faqIntroBox,.landingIntroBox,.pricingIntroBox{padding-top:2rem}.reference{background-color:#fff;padding:5rem .5rem}@media (max-width:768px){.landingIntroBox{width:90%;padding-top:3rem}#benefits{width:90vw;margin-top:1rem}#benefits ul{padding:1rem}.nafasiArtwork{position:static;width:80%;margin-top:2rem}}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),only screen and (-webkit-min-device-pixel-ratio:2){@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)}*{margin:0}.mainContainer{width:100%;padding-top:5.5vh;overflow:hidden;min-height:100vh;overflow-y:hidden}.nav{grid-template:1fr/8fr 2fr;position:fixed;top:0;width:100%;background-color:#2b2b2b;height:8.5%;z-index:1000;box-shadow:0 1px 2px rgba(0,0,0,.1)}.nav,.nav .navListContainer{display:grid;align-items:center}.nav .navListContainer{justify-content:flex-start;margin-left:1rem}.nav .iconContainer{display:grid;justify-content:center;align-items: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}.nav li a{display:block;color:gray;padding:.5rem .8rem;text-decoration:none;font-size:.95rem;font-family:myriadText,sans-serif;transition:all .5s}.nav li a:hover{color:#fff}.nav li .active{border-bottom:.05rem solid #232db6;color:#e55a5f}.navLogo{background-color:transparent}.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,.1)}.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}.nav2 li a{display:block;color:gray;padding:.1rem 1.5rem 0;text-decoration:none;font-size:.95rem;font-family:myriadText,sans-serif;transition:all .5s}.nav2 li .active{color:#e55a5f}.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}.nav2 ul li:last-child a{color:#f8f8f8}.nav2 ul li:last-child a:hover{color:#242428}.bm-burger-button{position:fixed;width:20px;height:14px;right:12px;top:16px}.bm-burger-bars{background:#fff}.bm-burger-bars-hover{background:#e55a5f}.bm-cross-button{height:22px;width:22px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{background:#2b2b2b;padding:2.5em 1.5em 0;font-size:1.15em}.bm-morph-shape{fill:#373a47}.bm-item-list{color:#fff;padding:1em;font-size:1.6rem;font-family:avenirRoman,avenirBlack,sans-serif}.menu-item{color:#fff}.bm-item{display:inline-block}.bm-overlay{background:rgba(0,0,0,.3)}.addAccountToPackageContainer,.allCelebrationsContainer,.allTrainingsContainer,.clientViewTermsContainer,.employeeToolContainer,.filesContainer,.hiringContainer,.invoiceContainer,.jobOpeningReviewContainer,.manageLeavesContainer,.notificationContainer,.paymentsRenewalsContainer,.payrollContainer,.peopleContainer,.printInvoiceContainer,.profileContainer,.registerEmployeeContainer,.reportsContainer,.settingsContainer,.subscriptionContainer,.supportTicketsContainer,.ticketsContainer{padding-top:1.2rem;padding-bottom:2rem;min-height:100vh}.logoutButton{display:block;margin-top:-.2rem}.logoutButton,.logoutButton:hover{transition:all .3s;-webkit-transition:all .3s}.logoutButton:hover{transform:scale(1.2);cursor:pointer;color:#ff7e75}.buttonBox{padding:.16rem .13rem .15rem;font-family:myriadText,avenirBook,sans-serif;border-radius:.1rem}.buttonBox,.buttonBox2{width:auto;background:linear-gradient(112deg,rgba(47,145,255,.59),rgba(50,148,255,.85) 1%,rgba(76,110,254,.85))}.buttonBox2{padding:.16rem .13rem;border-radius:.3rem}.loginLogoutContainer{width:100%;background-color:#2f3adb;overflow:hidden}.topLogoContainer img{width:10rem}
  /*  !*box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;*!*/.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,avenirRoman,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:avenirRoman,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:avenirRoman,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:#ebebeb}.homeContentsBox{padding:1rem;margin-top:-6rem}.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,.employeeNameBox,.employeeSummaryContainer{border-top-left-radius:1rem}.employeeNameBox{display:flex;background-color:#2f3adb;padding:.7rem 1rem .1rem}.employeeNameBox h4{font-family:avenirBook,sans-serif;font-size:1.2rem;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}.summaryCarouselBox,.summarySliderContainer3:last-child{background-color:#fff}.summaryCarouselBox{padding:1rem;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 p{font-family:Menlo,avenirBook,sans-serif;font-size:.8rem}.summaryCarouselBox h4{font-size:1.2rem}.summaryCarouselBox h3,.summaryCarouselBox h4{text-align:center;font-family:avenirRoman,avenirBook,sans-serif}.summaryCarouselBox h3{color:#fff;font-size:2rem;background-color:#2b2b2b;padding:.5rem 0 0;border-radius:1rem}.summaryCarouselBox p{text-align:center;font-family:avenirRoman,avenirBook,sans-serif;font-size:1.2rem;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,avenirRoman,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{display:flex;align-items:center;justify-content:space-between;background-color:#2f3adb;padding:.4rem 1rem .3rem}.notificationHeaderBox h4{padding-left:1rem}.notificationHeaderBox h4,.notificationHeaderBox h5{font-family:avenirRoman,avenirBook,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:avenirRoman,sans-serif}.notificationInfo p{margin-top:-.6rem;font-family:avenirBook,avenirRoman,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:#9c3664;font-family:museoSlab,avenirBook,sans-serif;font-size:1.4rem}.announcementBoxTwo{display:grid;grid-template:1fr/1fr 20fr;padding:0 0 0 .4rem}.olderAnnouncementsTrigger h4{font-size:.9rem;font-family:avenirBook,avenirRoman,sans-serif;padding-right:.4rem}.olderNotificationTriggerButton{font-size:.8rem}.gridBox{display:grid;grid-template:1fr/1fr 1.5fr;grid-column-gap:2rem}.employeesOutHeaderBox{display:flex;align-items:center;justify-content:space-between;background-color:#2f3adb;padding:.3rem}.employeesOutHeaderBox h4{font-family:avenirRoman,avenirBook,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:avenirRoman,avenirBook,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:avenirRoman,avenirBook,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;padding:.8rem 0 .3rem;background-color:#e55a5f}.trainingListHeader h4{color:#fff;padding:.5rem 1rem 0}.trainingListHeader h4,.trainingListHeader p{font-family:avenirRoman,avenirBook,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:avenirRoman,avenirBook,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:avenirRoman,avenirBook,sans-serif;color:#292929;padding:0 1rem 0 .5rem}.calendarIcon{font-size:1rem}.trainingListStatus h5{color:#13cf22;border:.01rem solid #13cf22;text-transform:uppercase;height:1.2rem;padding:0 .7rem}.celebrationsBoxHeader{display:flex;justify-content:space-between;background-color:#e55a5f;padding:0 0 .3rem}.allCelebrationsBoxHeader h4,.celebrationsBoxHeader h4{font-family:avenirRoman,avenirBook,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,avenirBook,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:avenirRoman,avenirBook,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:avenirRoman,avenirBook,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,avenirRoman,sans-serif;color:#4e4e4e;font-size:1rem}.companyLink p{font-family:avenirRoman,avenirBook,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,avenirBook,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:avenirRoman,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:avenirRoman,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:avenirBook,avenirRoman,sans-serif;font-size:1rem;color:#2f3adb}.modalButton button{width:25%;background-color:#2d7cbd;border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:.9rem;outline:none;padding:.2rem;font-family:avenirBlack,avenirRoman,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:avenirRoman,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:avenirRoman,sans-serif}.inputTypeTextArea textarea{width:100%;height:5rem;border:.01rem solid #d3d3d3;font-family:avenirBook,avenirRoman,sans-serif;font-size:1rem;color:#1a27db;padding-left:.5rem;outline:#2f3adb}.adminAlert,.adminAlertError{font-family:avenirRoman,sans-serif;font-size:.9rem;color:#ea3224;text-align:center;margin:.5rem}.profileContainer{width:100%}.profileHeader{display:grid;grid-template:1fr/1fr 4fr;background-color:#2f3adb;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,avenirRoman,sans-serif;margin-top:1rem}.profileContent{display:grid;grid-template:1fr/1fr 4fr}.profileInfoBox{display:grid;grid-template:2.5rem/1fr;min-height:100vh;background-color:#ececec}.topColorBar{background-color:#2f3adb}.profileInfoArea{padding:.5rem}.profileInfoList{border-bottom:.01rem solid #d3d3d3;padding:.5rem}.profileContact{display:flex}.profileContact p{font-family:avenirRoman,avenirBook,sans-serif;font-size:1rem;color:#4e4e4e;padding-left:.5rem}.profileHireInfo h4{font-family:avenirBlack,avenirRoman,sans-serif;font-size:1rem;color:#2f3adb}.profileHireInfo p{font-family:avenirRoman,avenirBook,sans-serif;font-size:1rem;text-transform:capitalize;color:#4e4e4e}.profileAddressInfo{display:flex}.profileAddressInfo p{font-family:avenirRoman,avenirBook,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,avenirBook,sans-serif;color:#292929;font-size:1.2rem;padding-left:1rem}.addDoctorCertificate{font-family:avenirRoman,sans-serif}.infoBox{margin-top:.5rem;margin-right:.3rem}.infoHeader{display:flex;justify-content:space-between}.infoHeader h4{font-family:avenirBlack,avenirBook,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,avenirBook,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:avenirBook,avenirRoman,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,avenirRoman,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:avenirRoman,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:avenirRoman,avenirBook,sans-serif}.daysOffSliderBox h4{font-size:1.2rem}.daysOffSliderBox h3{font-size:2rem}.daysOffSliderBox h3,.daysOffSliderBox p{color:#2f3adb;font-family:avenirRoman,avenirBook,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:avenirRoman,avenirBook,sans-serif;color:#292929;font-size:1rem}.daysOffInfo{padding-left:1rem;display:flex}.daysOffInfo p{font-family:avenirRoman,avenirBook,sans-serif;font-size:1rem;color:#4e4e4e;padding-left:.5rem}.filterDaysOffBox{margin:.5rem 0 1rem}.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:avenirBook,avenirRoman,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:avenirRoman,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:avenirRoman,avenirBook,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,avenirRoman,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:avenirRoman,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,avenirRoman,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,avenirRoman,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:avenirRoman,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{margin:.4rem 0 0}.trainingCardContainer h4{font-family:Avenir,avenirRoman,sans-serif;font-size:1rem;color:#000}.trainingCardContainer p{font-family:avenirBook,sans-serif;font-size:.7rem;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:avenirRoman,avenirBook,sans-serif;font-size:1rem;color:#292929;padding:0 1rem}.trainingListBox p,.trainingListCompletedBox p{font-family:avenirRoman,avenirBook,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:avenirRoman,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,avenirRoman,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,.assetsSettingsHeaderBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr .7fr .7fr .5fr;background-color:#dadada;border-radius:.2rem}.assetsDetailsHeaderBox h5,.assetsSettingsHeaderBox h5,.trainingsDetailsHeaderBox h5,.trainingsSettingsHeaderBox h5{font-family:avenirBlack,avenirRoman,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.assetsDetailsValuesBox,.assetsSettingsValuesBox{display:grid;grid-template:2.2rem/1fr 1fr 1fr 1fr .7fr .7fr .5fr;border-bottom:.01rem solid #d3d3d3;padding-top:.3rem}.assetsDetailsValuesBox p,.assetsSettingsValuesBox p{font-family:avenirRoman,sans-serif;color:#292929;font-size:.95rem;text-align:center;margin-top:.2rem}.dateReturnedViewBox p{color:rgba(47,145,255,.95)}.dateReturnedViewBox p:hover{cursor:pointer}.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:avenirRoman,sans-serif}.managePeopleBox h2 a:hover{text-decoration:initial}.peopleBox{width:95%;margin:0 auto}.topBarBox{background-color:#2f3adb;padding:.2rem}.topBarBox a{text-decoration:underline;color:#e4e6ff}.topBarBox a,.topBarBox h2{font-family:avenirBlack,sans-serif}.topBarBox h2{font-size:1rem;color:#f5f5f5;text-align:center;margin-top:.8rem;margin-left:.4rem}.peopleRegistryBox{padding:1rem 0}.peopleIconHeadingBox{display:flex;padding-bottom:1rem;justify-content:center}.peopleIconHeadingBox h4{padding:0 .5rem 0 1rem;font-family:avenirBlack,avenirBook,sans-serif;color:#292929;font-size:1.2rem}.peopleIconHeadingBox h5{font-family:avenirRoman,sans-serif;font-size:1.2rem;font-weight:700}.peopleInfoRegistryBox{width:50%;margin:0 auto}.peopleAddEmployeeBox h3{font-family:avenirRoman,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,avenirRoman,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:avenirRoman,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:avenirRoman,sans-serif}.peopleInfoBox{padding-bottom:2rem}.peopleInfoBox h4{font-family:avenirBlack,avenirBook,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,avenirRoman,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:avenirRoman,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;margin-top:1rem}.employeeEditIconHeader{margin-top:1rem}.employeeEditIconHeader p{font-family:avenirRoman,sans-serif;font-size:1rem}.employeeIconHeader h3{font-family:avenirBlack,sans-serif;font-size:1.2rem;color:#292929;margin-left:1rem}.newEmployeeHeader p{font-family:avenirRoman,sans-serif;font-size:1rem;color:#292929}.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:1rem 0;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)}.manageLeavesContainer{padding-bottom:2rem}.manageLeavesContainer h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center}.leaveRequestsBox{padding:1rem}.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 1.5fr 1fr .8fr 1fr 1fr .5fr 1fr 1fr .5fr;background-color:#dadada;border-radius:.2rem}.manageLeaveRequestsHeaderBox h5{font-family:avenirBlack,avenirRoman,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.manageLeaveRequestsValuesBox{display:grid;grid-template:2.3rem/.5fr 1.5fr 1fr .8fr 1fr 1fr .5fr 1fr 1fr .5fr;border-bottom:.01rem solid #d3d3d3;padding-top:.4rem}.manageLeaveRequestsValuesBox p{font-family:avenirRoman,sans-serif;color:#292929;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,avenirRoman,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,avenirRoman,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:avenirRoman,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}.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,.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,avenirRoman,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,.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,.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,.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,.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,.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,avenirRoman,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:avenirRoman,sans-serif;font-size:1rem;padding-top:1rem;color:#292929}.employeeFilesValuesBox p,.filesValuesBox p{font-family:avenirRoman,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}.addNotyTitle{grid-area:addNotyTitle}.addNotyTextArea{grid-area:addNotyTextArea}.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}.viewNotificationCard{display:grid;grid-template:1fr/1fr 1fr;grid-gap:.3rem;margin:.3rem}.hiringContainer{padding-bottom:2rem}.childHeaderBarBox{display:flex;align-items:center;justify-content:center;color:#f5f5f5;background-color:transparent}.manageJobOpeningsBox{width:50%;margin:0 auto;padding-top:.5rem}.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 .5fr 1fr 1fr .5fr;background-color:#dadada;border-radius:.2rem}.candidatesHeaderBox h5{font-family:avenirBlack,avenirRoman,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.candidatesValuesBox{display:grid;grid-template:1fr/1fr 1fr .5fr 1fr 1fr .5fr;border-bottom:.01rem solid #d3d3d3;padding:.1rem}.candidatesValuesBox p{font-family:avenirRoman,sans-serif;color:#292929;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}.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}.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 1fr 1fr 1fr 1fr 1fr .5fr;background-color:#dadada;border-radius:.2rem}.jobOpeningListHeaderBox h5{font-family:avenirBlack,avenirRoman,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.jobOpeningListValuesBox{display:grid;grid-template:2.2rem/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr .5fr;border-bottom:.01rem solid #d3d3d3;padding-top:.3rem}.jobOpeningListValuesBox p{font-family:avenirRoman,sans-serif;color:#292929;font-size:.95rem;text-align:center}.characterLimit{margin:0 .1rem;width:20ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.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:.5rem}.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:avenirRoman,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)}.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}@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:avenirRoman,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:avenirRoman,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:avenirRoman,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:avenirRoman,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,avenirRoman,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:avenirRoman,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:avenirRoman,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:avenirRoman,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:avenirRoman,sans-serif;font-size:.9rem;color:#202734}.ticketInfoBox p:nth-child(4),.ticketInfoBox p:nth-child(5){font-family:avenirRoman,sans-serif;font-size:1.2rem;color:#6c7e92}.ticketModalDetails{padding:.3rem;border-radius:.05rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.ticketModalDetails h2{font-family:avenirRoman,sans-serif;font-size:1.2rem;color:#40485a}.ticketInfoBox>div:last-child{margin-top:1rem}.ticketPriorityHigh{color:#c30}.ticketPriorityHigh,.ticketPriorityMedium{font-family:avenirRoman,sans-serif;font-size:1.3rem;text-transform:capitalize;text-decoration:underline}.ticketPriorityMedium{color:#fc0}.ticketPriorityLow{font-family:avenirRoman,sans-serif;font-size:1.3rem;color:#390;text-transform:capitalize;text-decoration:underline}.mySupportTicketsBox{margin:1rem}.openTicketBox{width:60%;margin:1rem auto}.mySupportTicketsBox>div:first-child h4{font-family:avenirRoman,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:avenirRoman,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:avenirRoman,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:avenirRoman,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,avenirRoman,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:avenirRoman,sans-serif;font-size:1rem;color:#212121;text-align:center;margin:.5rem 0 0}#digitValue{color:green;font-size:.9rem;font-family:museoSlab,avenirBook,sans-serif}.payrollModalIconBox{text-align:center}.payrollModalIconBox h4{font-family:avenirRoman,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:myriadText,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:myriadText,sans-serif;font-size:1rem;color:#fff}.deductionCardBox h5,.payrollBenefitCard h5{font-family:avenirRoman,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:avenirRoman,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:avenirRoman,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:avenirRoman,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:avenirRoman,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:avenirRoman,sans-serif;font-size:1.3rem;font-weight:700}.subscriptionContainer{min-height:100vh}.subscriptionBody{padding-bottom:2rem}.topHeader h4{font-size:1.6rem;margin-top:2rem}.topHeader h4,.topHeader h5{font-family:avenirRoman,sans-serif;text-align:center}.topHeader h5{font-size:1.2rem;margin-bottom:1rem}.choosePackageInputBox{width:40%;margin:0 auto;padding:.5rem;border-radius:.1rem;background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.cardsContainer p{font-family:avenirBook,sans-serif;text-align:center;font-size:1rem;color:#f0f0f0}.cardsContainer h3{font-family:Rockwell,avenirBook,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}.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%;background-color:hsla(0,0%,100%,.75)}.policy{height:100vh}.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:avenirBook,sans-serif;text-align:center;font-size:1rem;color:#373737}.viewTermsAndConditions ol{list-style:none;counter-reset:li;list-style-position:inside;font-family:avenirBook,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:avenirBook,sans-serif;font-size:.95rem;text-align:center}.addAccountToPackageHeaderBox h4{font-family:avenirRoman,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:avenirRoman,sans-serif;font-size:1.4rem;text-align:center;margin-top:2rem}.clientViewTermsInfoBox h4{font-family:avenirRoman,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;background-color:#2b2b2b}.bodyContainer{background-size:contain;background-position:100% 100%}.landingOfficeBG{position:fixed;opacity:.2;top:-5%;left:-5%;width:10%;height:10%}.landingOfficeBG img{margin:auto;min-width:10%;min-height:10%}.contactUsContainer,.faqContainer,.joinUsContainer,.landingPageContainer,.pricingContainer{width:100%;min-height:100vh;background-color:#2b2b2b;position:relative}.contactUsIntroContainer,.faqIntroContainer,.landingIntroContainer{width:100%;min-height:100vh;border-bottom-right-radius:25%;border-bottom-left-radius:0;background:#e0eafc;background:linear-gradient(62deg,rgba(142,197,252,.61),#e0c3fc)}.contactUsIntro,.faqIntroBox,.landingIntroBox,.pricingIntroBox{width:80%;margin:0 auto;padding-top:5rem}.contactUsIntro h4,.landingIntroBox h4{font-family:avenirRoman,sans-serif;font-size:2rem;font-weight:700;line-height:1.6;width:55%;text-align:left;background-color:rgba(43,43,43,.76);color:#fff;margin:.1rem;padding:0 .5rem;border-radius:.2rem}.joinUsIntroBox{position:relative}.joinUsIntroBox h4{font-size:1.4rem;font-weight:700;width:100%;background-color:rgba(43,43,43,.76);color:#fff;margin:.1rem;padding:0 .5rem;border-radius:.2rem}.contactUsIntro p,.joinUsIntroBox h4,.landingIntroBox p{font-family:avenirRoman,sans-serif;line-height:1.6;text-align:left}.contactUsIntro p,.landingIntroBox p{font-size:1.1rem;width:55%;margin-top:1rem}.faqIntroBox h4{font-size:2rem;font-weight:700;line-height:1.6;text-align:center}.collapseItem,.faqIntroBox h4{font-family:avenirRoman,sans-serif}.collapseItem{border-radius:1rem}.faqQnBox{width:60%;margin:.5rem auto;border:.2rem solid #e8e8ff;border-radius:.5rem;padding:.4rem}.faqCollapsePanel{overflow:hidden;border:0}.faqAnswerBox,.faqCollapsePanel{background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.faqAnswerBox{padding:1rem;border-left:.4rem solid #6d6bfd;font-size:1.2rem}.faqMoreContact{width:60%;margin:2rem auto}.faqMoreContact h5{font-family:avenirRoman,sans-serif;font-size:1.2rem;text-align:center}.faqMoreContact a{color:#fff}.contactUsFormBox{display:grid;grid-template:1fr/1.5fr 1fr;grid-gap:1rem;width:80%;margin:3rem auto}.contactUsDetails h4{font-size:1.4rem;font-weight:700}.contactUsDetails h4,.contactUsDetails p{font-family:avenirRoman,sans-serif;line-height:1.6}.contactUsDetails p{font-size:1rem}.contactUsDetails>div:last-child>div{display:flex;justify-content:flex-start;margin:.8rem 0 .5rem}.contactUsDetails>div:last-child>div p{margin:-.2rem .5rem 0 1rem}.contactUsForm{border:.2rem solid #e8e8ff;border-radius:.5rem;padding:.4rem}.contactUsForm input[type=email],.contactUsForm input[type=number],.contactUsForm input[type=text],.joinUsFormDetails input[type=email],.joinUsFormDetails input[type=number],.joinUsFormDetails input[type=text]{height:2.8rem;border-radius:.3rem;border:.1rem solid #3e4248}.contactUsForm textarea,.joinUsFormDetails textarea{border-radius:.3rem;border:.1rem solid #3294ff}.contactUsForm button,.joinUsFormBox button{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:.2rem solid #e8e8ff;padding:.3rem .5rem .1rem;text-align:center;width:100%;height:2.4rem;box-sizing:border-box;font-size:1rem}.contactUsMap{margin-top:1rem}.contactUsMap>div:first-child h4{font-family:avenirRoman,sans-serif;font-size:1.4rem;font-weight:700;text-align:center;color:#fff}.joinUsIntroContainer{width:100%;min-height:100vh;padding-bottom:4rem;border-bottom-right-radius:25%;border-bottom-left-radius:0;background:#e0eafc;background:linear-gradient(62deg,rgba(142,197,252,.61),#e0c3fc)}.joinUsBox{width:80%;margin:0 auto;display:grid;grid-template:1fr/1.5fr 1.5fr;grid-gap:.5rem;padding-top:5rem}.joinUsFormBox{background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5,#ecedff)}.joinUsFormBox>div:first-child{background-color:rgba(43,43,43,.85);padding:1rem;position:relative}.caretDownIcon{position:absolute;bottom:-40%;left:50%;font-size:3rem;color:rgba(43,43,43,.85)}.joinUsFormBox>div:first-child h4{font-family:avenirRoman,sans-serif;font-size:1.2rem;text-align:center;color:#fff}.joinUsFormDetails{padding:1.5rem}.joinTermsAgree{display:flex}.joinTermsAgree p{font-family:avenirRoman,sans-serif;font-size:1.1rem;margin-left:1.2rem;margin-top:1rem}.joinTermsAgree>div:first-child{margin-top:-.3rem}.osportArtwork{bottom:14%;right:2%;width:45%}.osportArtwork,.ospotJoinArtwork{position:absolute;object-fit:contain}.ospotJoinArtwork{top:30%;left:2%;width:92%}.pricingIntroBox{text-align:center;font-family:avenirRoman,sans-serif}.pricingIntroBox h4{font-size:1.4rem;color:#fff;font-weight:700}.pricingIntroBox p{font-size:1rem;color:#fff;font-weight:400}.pricingInclusionBox{width:60%;margin:1.4rem auto;text-align:center}.pricingInclusionBox h4{font-family:avenirBlack,sans-serif;font-size:1.2rem;color:#fff;font-weight:700;text-decoration:underline}.pricingInclusionBox ul{display:flex}.pricingInclusionBox ul li{font-family:avenirRoman,sans-serif;font-size:.9rem;color:#fff;font-weight:700;margin:0 .5rem}.pricingCardsBox{width:90%;margin:2rem auto;padding:1rem;display:grid;grid-template:1fr/1fr 1fr 1fr;grid-gap:.5rem}.pricingCard{background-color:#3e3e3e;border-radius:.5rem;padding:1rem}.pricingCard h3{font-family:avenirBlack,sans-serif;font-size:1.6rem;color:#fff}.pricingCard h3,.pricingCard>div:nth-child(2){text-align:center}.pricingCard img{width:5rem;object-fit:contain}.pricingCard>div:nth-child(3){display:flex;justify-content:center;margin-top:2rem}.pricingCard h4{font-family:avenirBlack,sans-serif;font-size:1.6rem;color:#ffb400}.pricingCard h6{font-family:avenirRoman,sans-serif;font-size:.8rem;color:#fff;margin-left:.2rem}.pricingCard h5{font-family:avenirBlack,sans-serif;font-size:1rem;color:#fff;text-align:center}.pricingCard>div:last-child{margin-top:1rem}.pricingCard p{font-family:avenirBlack,sans-serif;font-size:.9rem;color:#fff}.ticketReportContainer{width:60%;margin:1rem auto}.ticketReportContainer>div:first-child h4{font-family:avenirRoman,sans-serif;font-size:1.4rem;font-weight:700;text-align:center}.ticketReportHeaders{display:grid;grid-template:1fr/.5fr 2fr 1fr .5fr;background-image:linear-gradient(90deg,rgba(139,145,255,.2),rgba(139,145,255,.26),rgba(139,145,255,.31));border-radius:.2rem}.ticketReportHeaders h5{font-family:avenirBlack,avenirRoman,sans-serif;color:#292929;font-size:.95rem;padding-top:.5rem;text-align:center}.ticketReportHeaders>div:nth-child(-n+3),.ticketReportValues>div:nth-child(-n+3){border-right:.1rem solid #8b91ff}.ticketReportValues{display:grid;grid-template:1fr/.5fr 2fr 1fr .5fr;border-bottom:.1rem solid #d3d3d3;background-color:#fff}.ticketReportValues p{font-family:avenirRoman,sans-serif;font-size:1rem;color:#212121;text-align:center;margin:.5rem 0 0}.parentLogo{display:flex;justify-content:center;align-items:center}.parentLogo img{height:3rem;width:3rem}}