.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yesNoButtons .button{border-radius:10px}.yesNoButtons .decline{background-color:#585858;margin-right:100px}.yesNoButtons .accept{background-color:#006fbf}.dailyBookingRow{padding:10px;width:100%;white-space:nowrap;border-bottom:1px solid #b8b8b800}.dailyBookingRow>*{display:inline-block;white-space:normal;margin:0;vertical-align:middle}.bookingTexts{position:relative;width:calc(100% - 36px)}.bookingTexts>*{margin:0 5px 0 0}.bookingTexts>.deleteBookingButton{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.dailyBookingRow .additionalField,.dailyBookingRow .bookingTitle span{color:#a9c9ea}.dailyBookingRow .sfStatusIndicator{border-radius:50px}.bookingTitle span{margin-left:5px}.offlineLabel{color:red;text-align:center;padding-left:10px;margin:0}.bookingInfoHeader{border-bottom:3px solid #b8b8b8}.bookingInfoHeader>*{display:inline-block;margin-left:20px}.noTimeEventsLabel{margin-left:20px}.kiosk .bookingInfoHeader>*{display:block;margin-left:0}.bookingInfoTitle{margin-bottom:10px}.bookingIconContainer{padding:5px;margin-right:10px;border-radius:5px}.loader-wrapper{position:relative}.loader-contents{max-height:100%;overflow:scroll}.fullSize.loader-wrapper,.fullSize .loader-contents{width:100%;height:100%}.loader-body{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.333)}.loader-dots{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;width:160px;height:40px;--_g: no-repeat radial-gradient(circle closest-side,#fff 90%,#0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 100%;animation:l7 1s infinite linear}@keyframes l7{33%{background-size:calc(100%/3) 0%,calc(100%/3) 100%,calc(100%/3) 100%}50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%,calc(100%/3) 100%}66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%}}.buttonsContainer>*{display:inline-block}.bookingConfirmDialog{width:100%;height:100%;padding-top:55px;text-align:center}.recordTypeIcon{margin-right:10px}.bookingConfirmDialog .titleArea *{display:inline-block;vertical-align:middle}.bookingConfirmDialog .recordType,.bookingConfirmDialog .reasonCode,.bookingConfirmDialog .mapping,.bookingConfirmDialog .worklistData{margin:0}.bookingConfirmDialog .reasonCode,.bookingConfirmDialog .mapping,.bookingConfirmDialog .worklistData{margin-top:20px}.bookingConfirmDialog span{color:#a9c9ea!important}.clock{margin:0}.bookingConfirmDialog .timeZone{color:#55f;margin:0}.userData{margin:20px 0;font-weight:700}.confirmCTA{font-weight:700}.bookingConfirmDialog button{width:250px;font-size:1.2em;font-weight:700;border:0;border-radius:10px;padding:10px}.bookingConfirmDialog .bookingConfirmButton{background-color:#007cce;color:#fff}.bookingConfirmDialog .bookingCancelButton{background-color:#b8b8b8}.kiosk .timeEventRulePrompt{width:400px}.kiosk .terTitleContainer{background-color:#000;border-bottom:3px solid #b8b8b8}.terTitleContainer{text-align:center}.terTitle{margin:0;padding:10px 0}.terProgramMessageContainer{min-height:100px}.terUserGuideMessage{font-weight:700;text-align:center}.terSelectReason{font-weight:700}.reasonCodeButton{display:block;width:400px;margin:5px 0;height:40px;border:0}.kiosk .reasonCodeButton{border:1px solid #888888;border-bottom:0;border-radius:10px;color:#fff;font-weight:700;font-size:.8em}.kiosk .reasonCodeButton:last-child{border-bottom:1px solid #888888}.kiosk .reasonCodeButton.selected{background:#000}.reasonCodeButton.selected{background:#999}.terConfirmButtonsContainer{text-align:center}.confirmButton{display:inline-block;width:190px;color:#fff;background-color:#0092d1;border:0;padding:20px;margin-top:40px;font-size:.8em;border-radius:10px}.confirmButton:first-of-type{margin-right:20px}.mappingPrompt{height:100%;padding:20px 5px 0}.mappingButton{display:block;font-weight:700;border:1px solid #888888;border-bottom:0;border-radius:10px;padding:10px;width:100%}.mappingButton:last-child{border-bottom:1px solid #888888}.mappingButton,.mappingButton *{cursor:pointer}.mappingPrompt .mappingButton p{margin:0;color:#fff}.mappingPrompt .title{font-size:1.3em}.mappingPrompt .description{font-size:1em}.mappingPrompt .mappingButton span{color:#a9c9ea;font-size:.7em}.narrow-device .mappingButton{font-size:1.375em}.narrow-device .mappingPrompt .cancelBtn{font-size:1.375em;width:175px;height:50px}.touchScrollContainer{--buttonSize: 55px;height:100%}.scrollContent{overflow-y:scroll;overflow-x:hidden;height:calc(100% - var(--buttonSize) * 2)}.scrollBtnContainer{position:relative;height:100%}.scrollTitle{margin:0;padding-top:15px;height:var(--buttonSize)}.scrollUpBtn,.scrollDownBtn{position:absolute;width:var(--buttonSize);height:var(--buttonSize)}.scrollUpBtn{top:0;right:0}.scrollDownBtn{bottom:0;right:0}.bbutton-container{text-align:center;width:170px;height:170px;border-radius:15px;margin-right:10px;margin-bottom:10px;position:relative}.bbutton-container.highlighted,.bbutton-container:active{animation:shadow-inset-center .1s ease-in both}.bbutton-content{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.bbutton-content>*{display:inline-block;width:100%}.bbutton-container,.bbutton-container *{cursor:pointer}.bbutton-text{margin:10px 0 0}.narrow-device .bbutton-text{font-size:1.25em;font-weight:700}.wide-device .bbutton-container{width:14vw;height:14vw;margin-right:1vw;margin-bottom:1vw}.narrow-device .bbutton-container{width:44vw;height:44vw;margin-left:2vw;margin-right:1vw;margin-bottom:2vw}.worklistPrompt{width:100%;height:100%;margin:0;padding:0 0 0 10px}.worklistItem{position:relative;border:1px solid #888888;border-bottom:0;border-radius:10px;padding:10px;width:100%}.worklistItem:last-child{border-bottom:1px solid #888888}.worklistItem .title,.worklistItem .description{margin:0}.worklistItem.selected{background-color:#e97131}.worklistItem.blank{border:1px solid #00000000}.worklistItem .title{font-size:1.3em}.worklistItem .description{font-size:1em}.worklistItemContainer .worklistItem span{color:#a9c9ea;font-size:.7em}.worklistIcon{position:absolute;right:0;top:12px}.worklistTitle{font-size:1.3em;margin:.3em 0}.finalizeActivityBtn{background-color:#006fbf;font-size:1.1em;color:#fff;font-weight:700;border:0;border-radius:10px;padding:10px;float:right;width:20%;position:absolute;bottom:50px}.narrow-device .finalizeActivityBtn{position:static;width:250px;margin-right:10px}.lastActivity{background-color:#333;border-radius:10px;padding:10px}.lastActivity p{margin:0 0 .2em}.lastActivityWorklist{margin-top:10px}.selectPrevious{width:100%;font-weight:700;font-size:1.1em;border:0;border-radius:10px;padding:10px;color:#fff;background-color:#007cce}.mappingPreview{background-color:#333;border-radius:10px;padding:10px;width:100%;height:52px;margin-bottom:10px}.mappingPreview .title{font-size:1.3em;margin:0}.mappingPreview .description{font-size:1em}.mappingPreview span{color:#a9c9ea!important;font-size:.7em}.arrowDatePicker{text-align:center;margin:10px 0}.dateValue>*{display:inline-block;vertical-align:middle}.arrowDatePicker .dateValue>p{margin:.6em 20px}.narrow-device .arrowDatePicker .dateValue>p{margin:0 60px}.fullscreenArrowDateTimePicker .arrowDatePicker .dateValue,.kioskHeader .arrowDatePicker .dateValue{width:60%;margin:0 20px;font-weight:700}.fullscreenArrowDateTimePicker .yesNoButtons{margin-top:50px}.arrowDatePicker>*{display:inline-block;vertical-align:middle}.dateArrow.disabled *{fill:#888}.dateTimePickerFacade{margin:10px;border:3px solid #ffffff20;cursor:pointer}.dateTimePickerFacade>*{display:inline-block;vertical-align:middle;margin:10px}.arrowTimePicker{text-align:center}.arrowTimePicker .rangeSelector{position:relative;margin-bottom:30px;z-index:10}.extra-wide-device .arrowTimePicker .rangeSelector{margin-top:40px;margin-bottom:80px}.arrowTimePicker .rangeSelector>*{display:inline-block;vertical-align:middle}.arrowTimePicker .rangeSelector>input{-webkit-appearance:none;appearance:none;width:60%;margin:0 20px;height:20px;border-radius:5px;outline:none;background:rgba(255,255,255,.314)}.arrowTimePicker .rangeSelector>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:50px;height:50px;border-radius:12px;background:#fff;box-shadow:0 0 10px 10px #000;cursor:pointer}.arrowTimePicker .rangeSelector>input::-moz-range-thumb{width:50px;height:50px;border-radius:12px;background:#fff;box-shadow:0 0 10px 10px #000;cursor:pointer}.arrowTimePicker .rangeSelector .rangeLabel{position:absolute;pointer-events:none;bottom:1em;left:20%}.arrowTimePicker .clock>*{display:inline-block;vertical-align:middle;horiz-align:center}.arrowTimePicker .clock h1{width:3em;margin-top:0}.amPmPicker{margin-left:20px}.amPmPicker>*{margin:0;cursor:pointer;font-size:1.1em}.amPmPicker .am,.amPmPicker .pm{border:3px solid #ffffff}.amPmPicker .am.active,.amPmPicker .pm.active{background-color:#fff;color:#000;font-size:1.5em}.amPmPicker .am{border-radius:10px 10px 0 0}.amPmPicker .pm{border-radius:0 0 10px 10px}.kioskHeader .datePickerList,.fullscreenArrowDateTimePicker .datePickerList{width:60%;margin:0 20px}.listselect-parent{text-align:left}.listselect-front{border:2px solid #ffffff20;border-radius:10px}.listselect-front>*{display:inline-block;margin-right:10px;vertical-align:top}.listselect-front>p{height:100%;margin:.6em .1em 0 .2em;font-weight:700;font-size:20px;width:calc(100% - 1em - 40px);text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.listselect-front>div{margin:.2em .2em .2em 0;text-align:right}.listselect-menu-container{border:1px solid #ffffff;position:fixed;z-index:110;background-color:#000}.listselect-menu-container.fullscreen{left:0;top:0;width:100%;height:100%}.listselect-menu{width:100%;overflow:scroll;max-height:calc(100vh - var(--top, 0px) - 1em);max-width:calc(100vw - var(--left, 0px) - 1em)}.listselect-menu-container.fullscreen .listselect-menu{height:calc(100% - 3.4em);max-height:none;max-width:none}.listselect-menu p{margin:0;padding:.5em 0 .5em .3em;border-bottom:1px solid #444444}.listselect-menu-header{border-top:1px solid #ffffff;border-bottom:1px solid #ffffff}.listselect-menu-header p{padding-left:.5em;font-weight:700;font-size:1.2em;margin:.75em 0}.listselect-menu-header .close-icon{position:absolute;right:10px;top:12px}.listselect-item{font-weight:400;font-size:1.2em}.listselect-item.selected{background-color:#333}.desktopHeaderButtons{padding-top:20px;padding-bottom:25px}.desktopHeaderButtons .footerButton.highlighted{background-color:rgba(0,0,0,.133)}.desktopHeaderButtons .footerButton .acmIcon{fill:var(--sapTextColor)}.timePairRow{border-bottom:1px solid #b8b8b800;min-width:max-content;padding:10px}.timePairRow>*{display:inline-block;vertical-align:middle}.timePairRow p{margin:0}.timePairRow .statusIcon{margin-left:10px}.balanceEntry>*{display:inline-block;margin:0 1em 0 0;font-weight:700}.balanceEntry:not(:last-child){margin:0 0 .5em}.balanceViewerHeader{margin-top:0}.balanceWrapper>*{display:inline-block;vertical-align:top}.balanceWrapper>div:first-child{padding-left:10px;width:30%}.balanceWrapper>div:last-child{width:70%;height:100%}.balancesTitle{margin:0}.balanceViewerContainer{background-color:#333;border-radius:10px;padding:10px}.mobileFooter{position:fixed;bottom:0;left:0;width:100%;background-color:var(--sapShellColor)}.mobileFooterContainer{display:inline-block;width:100%}.mobileFooter .footerButton{color:var(--sapShell_TextColor);width:calc(20% - 10px);margin:2px 5px;padding:10px 0}.mobileFooter .footerButton p{color:var(--sapShell_TextColor)}.footerButton.disabled,.footerButton.disabled p{color:#aaa}.footerButton.highlighted{background-color:rgba(255,255,255,.267)}.mobileFooter .footerButton .acmIcon{fill:var(--sapShell_TextColor)}.mobileFooter .footerButton.disabled .acmIcon{fill:#aaa}.mobileLayout{width:100%;height:calc(100vh - 122px);overflow:scroll}.dashboard{background-color:var(--sapBackgroundColor);height:100%;overflow:scroll}.kiosk{width:100vw;height:100vh;background-color:#000}.kiosk *{--sapFontSize: 1em}.kiosk h1,.kiosk h2,.kiosk h3,.kiosk h4,.kiosk h5,.kiosk p,.kiosk span{color:#fff}.kiosk .acmIcon{fill:#fff}.kioskFullscreenPopup{background-color:#000;color:#fff}.narrow-device{--header-height: 80px;--footer-height: 120px;font-size:130%}.wide-device{--header-height: 80px;--footer-height: 80px;font-size:100%}.extra-wide-device{--header-height: 100px;--footer-height: 120px;font-size:120%}.kioskErrorDialogContainer{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.25)}.kioskErrorDialog{position:fixed;width:calc(100% - 40px);height:200px;left:20px;background-color:#900000;color:#fff;top:50%;transform:translateY(-50%);border-radius:20px;padding:20px;text-align:center;font-size:1.7em}.kioskErrorDialog p{color:#fff!important}.kiosk .kioskHidden{display:none!important}.acceptButton{background-color:#006ebe;color:#fff;border:0;border-radius:10px;padding:10px;font-size:25px;font-weight:700;text-align:center;cursor:pointer;min-width:250px}.extra-wide-device .acceptButton{font-size:50px}.kioskLayout,.kioskLayout>*{vertical-align:top}.kioskLayoutLeft,.kioskLayoutRight,.kioskLayoutFull{display:inline-block;overflow:scroll;height:calc(100vh - var(--header-height) - var(--footer-height))}.kioskLayoutLeft{padding-left:10px;width:62%;border-right:3px solid #b8b8b800}.kioskLayoutRight{width:calc(38% - 10px);background-color:#333;border-radius:10px}.kioskLayoutFull{padding-left:10px;padding-right:10px;width:100%}.workScheduleContainer>h3{margin:.5em 0}.workScheduleContainer>h5{margin:0 0 1.4em}.workScheduleBalance>h3{margin:.5em 0}.workScheduleBalance>h5{margin:0 0 1.4em}.kioskFooter{width:100%;border-top:3px solid #b8b8b800;background-color:#000;position:fixed;bottom:0;left:0;height:var(--footer-height)}.kioskFooterContainer{display:inline-block;width:100%;text-align:right}.kioskFooter .footerButton{width:16.666%;margin:0;padding:10px 5px 0}.narrow-device .kioskFooter .footerButton{width:25%}.kioskFooter .footerButton p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.narrow-device .kioskFooter .footerButton{font-size:.75em}.extra-wide-device .kioskFooter .footerButton{font-size:1.1em}.kioskBookingActionsContainer{display:inline-block;height:100%}.rebookContainer{width:100%;padding-left:1em}.rebookContainer h3{margin:.6em 0}.rebookContainer .acmIcon{margin:.6em 0 .6em 20px}.timeOffContainer{padding:20px;width:100%}.balancesContainer{margin-right:30px}.kioskHeader{width:100%;border-bottom:3px solid #B8B8B800;text-align:center;height:var(--header-height)}.extra-wide-device .kioskHeader{font-size:30px}.kioskHeaderSection{display:inline-block;width:33.333333%;height:100%;vertical-align:top}.kioskHeaderSection>*{display:inline-block;width:100%;vertical-align:middle;margin:0}.kioskHeaderSection.left{text-align:left}.kioskHeaderSection.right{text-align:right}.kioskHeaderSection.center{text-align:center}.narrow-device .kioskHeaderSection.left,.narrow-device .kioskHeaderSection.right{width:50%}.narrow-device .kioskHeaderSection.center{display:none}.kioskHeaderClock{padding-right:20px;white-space:nowrap;overflow:hidden}.kioskHeaderDate{margin:0;padding-left:20px}.logo{position:relative;margin-left:20px;overflow:hidden;height:var(--header-height)}.logo>*{position:absolute;top:50%;transform:translateY(-50%);max-height:80%}.narrow-device .kioskHeaderDateContainer{margin-top:calc((var(--header-height) - 51px) / 2)}.wide-device .kioskHeaderDateContainer{margin-top:calc((var(--header-height) - 46px) / 2)}.extra-wide-device .kioskHeaderDateContainer{margin-top:calc((var(--header-height) - 70px) / 2)}.wide-device .kioskHeaderUsername{margin-top:calc((var(--header-height) - 23px) / 2)}.extra-wide-device .kioskHeaderUsername{margin-top:calc((var(--header-height) - 35px) / 2)}.narrow-device .kioskHeaderClock{font-size:45px;margin-top:calc((var(--header-height) - 51px) / 2)}.wide-device .kioskHeaderClock{margin-top:calc((var(--header-height) - 57px) / 2);font-size:50px}.extra-wide-device .kioskHeaderClock{margin-top:calc((var(--header-height) - 79px) / 2);font-size:70px}.kioskLanguagePicker{padding-top:10px;padding-right:20px}.keypadContainer{display:flex;flex-direction:column;align-items:center}.inputIndicator{font-size:1em;margin-bottom:5px;margin-top:5px}.keypadKey{width:80px;height:80px;background-color:#666;color:#fff;border-radius:100px;text-align:center;font-weight:700;font-size:1.75em;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:10px;user-select:none}.narrow-device .keypadKey{width:95px;height:95px;margin:10px}.wide-device .keypadKey{width:70px;height:70px;margin:6px}.extra-wide-device .keypadKey{width:100px;height:100px;margin:6px;font-size:2.5em}.keypadKey.alt{background-color:#333}.keypadKey.highlighted,.keypadKey:active{animation:shadow-inset-center .1s ease-in both}@keyframes shadow-inset-center{to{box-shadow:inset 0 0 20px #fff}0%{box-shadow:inset 0 0 40px #fff}}.keypadRow{display:flex;flex-wrap:nowrap;justify-content:center}.keypadKey>p{display:inline-block;margin:0;padding:0}.cardInputContainer{display:flex;flex-direction:column;align-items:center;position:relative}.keypadLabel{margin:0}.keypadLabel>*{display:inline-block;horiz-align:center;vertical-align:middle;margin-left:10px}.dateLabel{font-size:1em;margin-top:5px;margin-bottom:0}.timeLabel{font-size:2.5em;margin:0}.cardCTA{text-align:center}.offlineIndicator{position:absolute;right:0;top:5px}.offlineIndicator h4{margin:0;color:red;background:#000}.cardInputContainer{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:50px;row-gap:10px}.balanceInfoSection{margin-top:10px;padding:0 10px;width:100%;height:calc(40% - 10px)}.alertPane{background-color:#b00000;border-radius:10px;text-align:center;width:100%}.alertPane>*{color:#fff}.tabContainer{width:100%;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #525252}.tabContainer>button{background-color:#000;color:#fff;border:0;font-weight:700;font-size:1.125em;padding:15px;cursor:pointer}.tabContainer>button.selected{background-color:#525252}.restartBtn{width:200px}.bookingDataPreview{padding:1em;border-radius:1em;margin-top:1em;cursor:pointer}.bookingDataPreview p{font-size:1.5em;font-weight:700;margin:.6em 0 0}.thankYouClose{position:fixed;top:10px;right:10px}.mainContainer{width:100vw;height:100vh;overflow:hidden}.centerContainer{display:flex;flex-direction:column;align-items:center}.floatLeft{float:left}.floatRight{float:right}.clearFix:after{content:"";display:table;clear:both}.no-text-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.fullSize{width:100%;height:100%}.fullSizeScroll{width:100%;height:100%;overflow:scroll}.fullscreenPopup{background-color:#000;position:fixed;width:100%;height:100%;bottom:0;right:0;z-index:100}h1,h2,h3,h4,h5{color:var(--sapGroup_TitleTextColor)}p,span{color:var(--sapTextColor)}h1:after,h2:after,h3:after,h4:after,h5:after,p:after,span:after{content:"";display:inline-block;width:0px}.acmIcon{fill:#000}.inlineBlockContainer>*{display:inline-block;margin-right:10px;vertical-align:top}.horizontalFlex{display:flex;position:relative;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:50px;row-gap:10px}.noMargin{margin:0}@font-face{font-family:sapfont;src:url(/assets/72-Regular-full-C65g7v5R.woff2) format("woff2"),url(/assets/72-Regular-full-Caukw9kT.woff) format("woff")}@font-face{font-family:sapfont-bold;src:url(/assets/72-Bold-full-DooR6OED.woff2) format("woff2"),url(/assets/72-Bold-full-BIANeorJ.woff) format("woff")}*{box-sizing:border-box;touch-action:manipulation;-ms-overflow-style:none;scrollbar-width:none;-webkit-tap-highlight-color:transparent;font-family:sapfont,serif;transition:width,height,font-size .2s ease-out}*::-webkit-scrollbar{display:none}.footerButton{display:inline-block;width:70px;border-radius:10px;margin:0 5px;text-align:center}.footerButton>*{margin:0}.footerButton,.footerButton>*{cursor:pointer}.footerButton>p:first-child{font-size:2.5em;font-weight:700;margin-bottom:-5px}.footerButton>div:first-child{display:inline}.toast{position:fixed;background-color:#000;color:#fff;border:1px solid #fff;border-radius:10px;width:250px;bottom:50px;left:50%;transform:translate(-50%);padding:0 20px;font-size:1.2em;box-shadow:0 0 30px #fff;z-index:200}p.toastText{color:#fff}@media screen and (min-width: 1201px){.narrowScreen{display:none!important}}@media screen and (max-width: 1200px){.wideScreen{display:none!important}}@media screen and (min-width: 800px){.superNarrowScreen{display:none!important}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}