.SpinnerClass{-webkit-animation:rotation 2.5s infinite linear;-moz-animation:rotation 2.5s infinite linear;-o-animation:rotation 2.5s infinite linear;animation:rotation 3s infinite linear;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotation{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-o-keyframes rotation{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Heading{border-bottom:3px solid rgba(0,0,0,.28);display:flex;font-size:24px;font-weight:700;margin-bottom:10px}@media only screen and (max-width: 750px){.Heading{font-size:16px}}.Heading .HeadingContent{flex:1;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap;width:0}.Heading .HeadingContent .HeadingLinkWrapper{color:#2d3a44;display:inline-block;overflow:hidden;padding:0 2rem 0 0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.Heading .HeadingContent .HeadingLinkWrapper:hover{color:#415463}.Heading .HeadingContent .HeadingLinkWrapper:active{color:#566e81}.Heading .HeadingContent .HeadingLinkWrapper .HeadingChevron{height:100%;margin:auto;position:absolute;right:0;width:.625em}.Heading .HeadingContent .HeadingLinkWrapper .MenuHeadingChevron{right:13px!important}@media only screen and (max-width: 750px){.Heading .HeadingContent .HeadingLinkWrapper .MenuHeadingChevron{right:10px!important}}.Heading .HeadingContent .HeadingText{margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.HeadingManual{display:flex;font-size:24px;font-weight:700;margin-bottom:10px}@media only screen and (max-width: 750px){.HeadingManual{font-size:16px}}.HeadingManual .HeadingManualContent{flex:1;padding-bottom:10px;width:0}.HeadingManual .HeadingManualContent .HeadingManualLinkWrapper{color:#2d3a44;display:flex;padding:0 2rem 0 0;position:relative;width:100%}.HeadingManual .HeadingManualContent .HeadingManualLinkWrapper:hover{color:#415463}.HeadingManual .HeadingManualContent .HeadingManualLinkWrapper:active{color:#566e81}.HeadingManual .HeadingManualContent .HeadingManualLinkWrapper .HeadingManualChevron{height:100%;margin:auto;position:absolute;right:0;width:.625em}.WrapperIcon{position:absolute;margin:auto;bottom:0;right:35px;top:0;color:#fff}.WrapperIcon .IconNumber{position:absolute;bottom:0;left:0;margin:auto;right:0;top:0;font-size:16px;text-align:center;line-height:34px}@media only screen and (max-width: 750px){.WrapperIcon .IconNumber{font-size:13.6px;line-height:22px}}.WrapperIcon .CircleIcon{font-size:25px;color:#3878c7;height:34px;width:34px}@media only screen and (max-width: 750px){.WrapperIcon .CircleIcon{height:30px;width:30px;margin-top:-4px}}.Panel{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.04);display:flex;margin:15px 7.5px;padding:15px;border-radius:4px}.Panel .PanelBody{flex:1;padding:15px}.tb-button[data-icon=true]{width:36.5px;height:36.5px;min-width:36.5px;padding:0}.tb-button[data-icon=true][data-circular=true]{border-radius:50%}.tb-button[data-icon=true][data-size=small]{width:30.75px;height:30.75px;min-width:30.75px;font-size:.75rem}.tb-button[data-icon=true][data-size=large]{width:42.25px;height:42.25px;min-width:42.25px;font-size:1.25rem}.tb-button[data-loading=true] .MuiButton-endIcon,.tb-button[data-loading=true] .MuiButton-startIcon,.tb-button[data-loading=true] .tb-button-children{opacity:0}.ChecklistElementWrapper .Expander{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.16);color:#215886;display:flex;flex-direction:row;height:30px;justify-content:space-between;padding:5px 15px;transition:.1s background-color ease;cursor:pointer;margin:5px}.ChecklistElementWrapper .Expander:hover{background-color:#f7f7f7}.ChecklistElementWrapper .Expander .show-more,.ChecklistElementWrapper .Expander .show-more-left{transition:.3s ease;margin-right:5px}.ChecklistElementWrapper .Expander .show-more-left{transform:rotate(90deg);margin-right:5px}.ChecklistElementWrapper .Expander .Title{overflow:hidden;text-overflow:ellipsis}.ChecklistElementWrapper .ExpanderContent{white-space:normal}.ChecklistElementWrapper .ExpanderContent .ExpandedContent{padding:20px;font-size:14px}.ChecklistElementWrapper .ExpanderContent .ExpandedContent .DescriptionContent{margin-top:5px}.ChecklistElementWrapper .ExpanderContent .ExpandedContent .TasksWrapper{margin-top:25px}.ChecklistElementWrapper .ExpanderContent .ExpandedContent .TasksWrapper .TaskHeadingWrapper{margin-bottom:5px}.ChecklistElementWrapper .ExpanderContent .ExpandedContent .TasksWrapper .TaskHeading{font-weight:700}.ChecklistElementWrapper .ExpanderContent .ExpandedContent .TasksWrapper .TaskContent{display:flex;align-items:center}.ChecklistElementWrapper .ExpanderContent .ExpandedContent .TasksWrapper .TaskContent ul{margin-bottom:5px;padding-inline-start:30px}.ChecklistElementWrapper .ExpanderContent .ExpandedContent .CreateCheckListButton{display:flex;justify-content:flex-end;margin-top:5px;margin-bottom:5px;font-size:12px}.CheckListTemplateWrapper{display:flex;flex-direction:column;margin-top:40px}.CheckListTemplateWrapper .CreatingWrapper{display:flex;justify-content:center}.CheckListTemplateWrapper .CreatingWrapper .Creating{margin-right:5px}.CheckListTemplateWrapper .BackButtonWrapper{display:flex;flex-direction:row;margin-top:20px;font-size:12px}.CheckListTemplateWrapper .ListWrapper{display:flex;margin-top:5px}.CheckListTemplateWrapper .ListWrapper .List{display:flex;flex:1;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:2px 2px 0 0}.CheckListTemplateWrapper .ListWrapper .List .NotCheckedIn{display:flex;align-items:center;color:inherit;text-decoration:none;border-radius:2px;background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.12);transition:.1s background-color ease;box-shadow:none;padding:15px;background-color:rgba(234,219,200,.5)}.CheckListTemplateWrapper .ListWrapper .List .NotCheckedIn>img{height:35px;margin:-5px 0 -5px -5px}.CheckListTemplateWrapper .CheckListSkeletonWrapper{width:100%;display:flex;flex-direction:column;justify-content:center}.CheckListTemplateWrapper .CheckListSkeletonWrapper .react-loading-skeleton{margin-bottom:10px}.expander-content{margin-left:42px}@media only screen and (max-width: 700px){.expander-content{margin-left:14px}}.ErrorMessageChecklist{border:2.5px solid #cd333b;border-radius:5px;margin-top:15px;padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#faebeb}@media only screen and (max-width: 700px){.ErrorMessageChecklist{flex-direction:column;justify-content:flex-start}}.ErrorMessageChecklist .IconTextWrapper{display:flex;margin-left:10px}.ErrorMessageChecklist .IconTextWrapper .CheckListExclamationTriangle{color:#cd333b;font-size:16px}.ErrorMessageChecklist .IconTextWrapper .MessageText{font-size:12px;margin-left:10px;font-weight:700}@media only screen and (max-width: 700px){.ErrorMessageChecklist .IconTextWrapper{margin-top:5px}}.HomeError{display:flex;justify-content:center;padding:5%}.HomeError .ErrorInfo{display:flex;flex-direction:column;align-items:center;width:50%;padding:20px;border:2px dashed #cd333b;background-color:#faebeb}.HomeError .ErrorInfo .Icon{margin-bottom:20px;margin-top:10px;color:#cd333b}.HomeError .ErrorInfo .TextWrapper{display:flex;font-weight:700;font-size:16px}@media only screen and (max-width: 375px){.HomeError .ErrorInfo .TextWrapper{font-size:14px}}@media only screen and (max-width: 750px){.HomeError .ErrorInfo{width:100%}}#tb-logo-colored .grey-base{fill:#215886}#tb-logo-colored .red-primary{fill:#cd333b}.NotLoggedIn{display:flex;flex-direction:column;align-items:center;margin-top:100px}.NotLoggedIn>div{margin-top:25px}.NotLoggedIn>.logo-wrapper{line-height:0}.NotLoggedIn>.logo-wrapper>svg.logo{height:100px}.NotLoggedIn>.message-wrapper{display:flex;flex-direction:column;align-items:center;font-size:16px}.SjekklisteHjem{border:1px solid #ddd;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.04);margin:15px 7.5px;padding:30px;border-radius:4px}.SjekklisteHjem .create-button-wrapper{float:right}@media only screen and (max-width: 750px){.SjekklisteHjem .create-button-wrapper .create-button-new-checklist{font-size:12px;padding-top:3px!important;padding-bottom:3px!important}}.SjekklisteHjem.-not-checked-in{background-color:inherit;border-color:rgba(234,219,200,.5)}.SjekklisteHjem.-not-found{background-color:#ebf2f9;border-color:rgba(175,201,233,.5)}.SjekklisteHjem.-not-checked-in .-separator,.SjekklisteHjem.-not-found .-separator{display:none}.SjekklisteHjem.-not-checked-in .-top,.SjekklisteHjem.-not-found .-top{margin-bottom:5px}.SjekklisteHjem>.-top>.-title{font-size:24px;font-weight:700}@media only screen and (max-width: 750px){.SjekklisteHjem>.-top>.-title{font-size:16px}}.SjekklisteHjem>.-top>.-separator{width:100%;height:3px;background-color:rgba(0,0,0,.28);margin:15px 0}.SjekklisteHjem>.-load-more{display:flex;text-decoration:inherit;color:#3878c7;margin:10px auto 0;padding:5px 40px;width:fit-content;width:-moz-fit-content;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.12);transition:all .1s ease}.SjekklisteHjem>.-load-more:hover{box-shadow:0 0 0 1px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.12)}.SjekklisteHjem>.-panels{padding-top:10px;padding-bottom:5px}.SjekklisteHjem>.-panels>.-panel{display:flex;align-items:center;color:inherit;text-decoration:none;padding:10px 15px;border-radius:2px;background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.12);transition:.1s background-color ease}.SjekklisteHjem>.-panels>.-panel.-no-shadow{box-shadow:none}.SjekklisteHjem>.-panels>.-panel:not(:first-child){margin-top:10px}.SjekklisteHjem>.-panels>.-panel.clickable{cursor:pointer}.SjekklisteHjem>.-panels>.-panel.clickable:hover{background-color:rgba(0,0,0,.04)}.SjekklisteHjem>.-panels>.-panel.NotFound{padding:15px;background-color:rgba(175,201,233,.5)}.SjekklisteHjem>.-panels>.-panel.NotFound>img{height:35px;margin:-5px 0 -5px -5px}.SjekklisteHjem>.-panels>.-panel.NotCheckedIn{padding:15px;background-color:rgba(234,219,200,.5)}.SjekklisteHjem>.-panels>.-panel.NotCheckedIn>img{height:35px;margin:-5px 0 -5px -5px}.SjekklisteHjem .Instans{display:flex;flex-direction:row;align-items:center;justify-content:left;width:100%}.SjekklisteHjem .Instans .-left,.SjekklisteHjem .Instans .-middle,.SjekklisteHjem .Instans .-right{display:flex}.SjekklisteHjem .Instans>.-left{flex-direction:column;align-items:center;margin-top:-1px}.SjekklisteHjem .Instans>.-left .status-icon{position:relative;height:20px;width:20px;border-radius:10px;background-color:#215886;color:#fff;line-height:0}.SjekklisteHjem .Instans>.-left .status-icon.not-started{background-color:transparent;box-shadow:0 0 0 2px #b3c1cc inset}.SjekklisteHjem .Instans>.-left .status-icon.not-started .check-mark{display:none}.SjekklisteHjem .Instans>.-left .status-icon.started{background-color:transparent;box-shadow:0 0 0 2px #3878c7 inset}.SjekklisteHjem .Instans>.-left .status-icon.started .check-mark{display:none}.SjekklisteHjem .Instans>.-left .status-icon.unfinished-done{background-color:transparent;color:#3878c7;box-shadow:0 0 0 2px #3878c7 inset}.SjekklisteHjem .Instans>.-left .status-icon.finished-done{background-color:#2d9f79;color:#fff}.SjekklisteHjem .Instans>.-left .status-icon .check-mark{position:absolute;top:5px;left:4px;width:8px;height:4px;border-bottom:1px solid;border-left:1px solid;transform:rotate(-45deg)}.SjekklisteHjem .Instans>.-left .-progress{margin-top:4px;font-size:12px}.SjekklisteHjem .Instans>.-middle{width:100%;margin:0 15px;flex-direction:column}.SjekklisteHjem .Instans>.-middle>.-middle-bottom{margin-top:3px;display:flex;align-items:center;flex-wrap:wrap}.SjekklisteHjem .Instans>.-middle>.-middle-bottom span{font-size:12px}.SjekklisteHjem .Instans>.-middle>.-middle-bottom>.-middle-bottom-right{display:flex}.SjekklisteHjem .Instans>.-middle>.-middle-bottom>.-middle-bottom-right>.-sharing{border-radius:2px;border:1px solid rgba(177,177,177,.164);padding:0 5px}.SjekklisteHjem .Instans>.-middle>.-middle-bottom>.-middle-bottom-right>.-bar{margin:0 1em / 2;opacity:.6}.SjekklisteHjem .Instans>.-middle>.-middle-bottom>.-middle-bottom-right>.-dato{white-space:nowrap;opacity:.6}.SjekklisteHjem .Instans>.-right>.-arrow{height:10px;width:10px;border-right:2px solid #3878c7;border-bottom:2px solid #3878c7;transform:rotate(-45deg)}.BirthdayPanelError .ErrorInfo{display:flex;flex-direction:row;border:2px dashed #cd333b;background-color:#faebeb;padding:15px}.BirthdayPanelError .ErrorInfo .Icon{margin-right:15px;color:#cd333b}.BirthdayPanelError .ErrorInfo .TextWrapper{display:flex;align-items:center}.BirthdayPanelError .ErrorInfo .TextWrapper .ErrorText{font-weight:700;margin-bottom:0}.PulsError .ErrorInfo{display:flex;flex-direction:column;align-items:center;border:2px dashed #cd333b;background-color:#faebeb}.PulsError .ErrorInfo .Icon{margin-bottom:20px;margin-top:10px;color:#cd333b}.PulsError .ErrorInfo .TextWrapper{display:flex;font-weight:700;font-size:16px}.TodayError .ErrorInfo{display:flex;flex-direction:column;align-items:center;border:2px dashed #cd333b;background-color:#faebeb}.TodayError .ErrorInfo .Icon{margin-bottom:20px;margin-top:10px;color:#cd333b}.TodayError .ErrorInfo .TextWrapper{display:flex;font-weight:700;font-size:16px}.VacationPanelError .ErrorInfo{display:flex;flex-direction:row;border:2px dashed #cd333b;background-color:#faebeb;padding:15px}.VacationPanelError .ErrorInfo .Icon{margin-right:15px;color:#cd333b}.VacationPanelError .ErrorInfo .TextWrapper{display:flex;align-items:center}.VacationPanelError .ErrorInfo .TextWrapper .ErrorText{font-weight:700}.FeaturePanel{padding:0}.FeaturePanel .PanelBody{padding:0;display:flex;flex-direction:column}.FeaturePanel .NewFeatureWrapper{display:flex;flex-direction:column}.FeaturePanel .NewFeatureWrapper .NewFeatureLinkWrapper>.Heading{border:none;margin:0}.FeaturePanel .NewFeatureWrapper .NewFeatureLinkWrapper>.Heading .HeadingContent{font-size:16px;font-weight:700;display:flex;padding:7.5px 20px 7.5px 30px}.FeaturePanel .NewFeatureWrapper .NewFeatureLinkWrapper>.Heading .HeadingContent>span{width:100%}.FeaturePanel .NewFeatureWrapper .NewFeatureLinkWrapper>.Heading .HeadingContent .BetaTag{position:absolute;display:flex;margin:auto;bottom:0;background-color:#ffaa4d;right:37px;top:0;border-radius:20px;font-size:12px;padding-right:8px;padding-left:8px;align-items:center}.RegisterWrapper{display:flex;align-items:center;justify-content:center}.RegisterWrapper .LinkWrapper{width:100%}.RegisterWrapper .RegisterBtn{width:100%;padding:12px!important}.MenuPanel .MenuList{display:flex;flex-direction:column}.MenuPanel .MenuList .MenuListLinkWrapper:not(:last-child){border-bottom:2px solid rgba(0,0,0,.08)!important}.MenuPanel .MenuList .MenuListLinkWrapper>.Heading{border:none;margin:0}.MenuPanel .MenuList .MenuListLinkWrapper>.Heading .HeadingContent{font-size:16px;font-weight:700;display:flex;padding:7.5px 20px 7.5px 30px}.MenuPanel .MenuList .MenuListLinkWrapper>.Heading .HeadingContent>span{width:100%}.PageWrapper{display:flex;justify-content:center}.PageWrapper .PausePage{display:flex;flex-direction:column;align-items:start;width:900px}.PageWrapper .PausePage .PauseMessage{background-color:#fff3e6;margin:15px 0;border:2.5px solid #ffaa4d;border-radius:5px;width:100%}.PageWrapper .PausePage .PauseMessage .PauseMessageBody{flex:1;display:flex;padding:15px;font-weight:700;font-size:12px}.PageWrapper .PausePage .PauseMessage .PauseMessageBody .ExclamationTriangle{margin-right:15px;color:#ffaa4d;font-size:25px}.PageWrapper .PausePage .PauseMessage .PauseMessageBody .MessageWrapper{margin:auto 0}.PageWrapper .PausePage .ButtonWrapper .Button{margin-right:10px}.PageWrapper .PausePage .ButtonWrapper .ContinueButton span{font-weight:700}.PulsPanelWrapper .PulsPanel{padding:5px 5px 5px 10px;user-select:none;cursor:pointer}.PulsPanelWrapper .PulsPanel .popat-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:24px}@media only screen and (max-width: 750px){.PulsPanelWrapper .PulsPanel .popat-container{font-size:16px}}.PulsPanelWrapper .PulsPanel .popat-container .opat-text{min-width:45%}.PulsPanelWrapper .PulsPanel .popat-container .opat-right{display:flex;place-items:center;gap:1.5rem}.PulsPanelWrapper .PulsPanel .popat-container .opat-right .opat-day{display:inline-block;margin-top:0;margin-bottom:0}.PulsPanelWrapper .PulsPanel .popat-container .opat-right{font-size:20px}.PulsPanelWrapper .PulsPanel .popat-container .opat-right .opat-number .spinnerWrapper{display:flex;justify-content:end}.PulsPanelWrapper .PulsPanel .popat-container .opat-right .opat-number .spinnerWrapper svg{width:13%}.PulsPanelWrapper .PulsPanel .popat-container .opat-right-expanded{font-size:16px;margin-right:120px}.PulsPanelWrapper .PulsPanel .popat-container .opat-right-expanded .opat-number .spinnerWrapper{display:flex;justify-content:end}.PulsPanelWrapper .PulsPanel .popat-container .opat-right-expanded .opat-number .spinnerWrapper svg{width:13%}.PulsPanelWrapper .PulsPanel .popat-container .opat-arrow-icon{margin-left:.5rem}.PulsPanelWrapper .PulsPanel .popat-container .opat-arrow-icon.green{color:#2d9f79}.PulsPanelWrapper .PulsPanel .popat-container .opat-arrow-icon.red{color:#cd333b}.PulsPanelWrapper .PulsPanel .popat-container .opat-arrow-icon.grey{color:#52687a}.PulsPanelWrapper .PulsPanel .popat-container .fixed{transform:rotate(0);transition:transform .3s linear}.PulsPanelWrapper .PulsPanel .popat-container .rotated{transform:rotate(180deg);transition:transform .3s linear}.PulsPanelWrapper .PulsPanel .popat-container .Inactive{opacity:.618}.PulsPanelWrapper .PulsPanel .lopat-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:24px}@media only screen and (max-width: 750px){.PulsPanelWrapper .PulsPanel .lopat-container{font-size:16px}}.PulsPanelWrapper .PulsPanel .lopat-container .opat-text{min-width:45%}.PulsPanelWrapper .PulsPanel .lopat-container .opat-right{display:flex;place-items:center;gap:1.5rem}.PulsPanelWrapper .PulsPanel .lopat-container .opat-right .opat-day{display:inline-block;margin-top:0;margin-bottom:0}.PulsPanelWrapper .PulsPanel .lopat-container .opat-right{font-size:20px}.PulsPanelWrapper .PulsPanel .lopat-container .opat-right .opat-number .spinnerWrapper{display:flex;justify-content:end}.PulsPanelWrapper .PulsPanel .lopat-container .opat-right .opat-number .spinnerWrapper svg{width:13%}.PulsPanelWrapper .PulsPanel .lopat-container .opat-right-expanded{font-size:20px;margin-right:45px}.PulsPanelWrapper .PulsPanel .lopat-container .opat-right-expanded .opat-number .spinnerWrapper{display:flex;justify-content:end}.PulsPanelWrapper .PulsPanel .lopat-container .opat-right-expanded .opat-number .spinnerWrapper svg{width:13%}.PulsPanelWrapper .PulsPanel .lopat-container .opat-arrow-icon{margin-left:.5rem}.PulsPanelWrapper .PulsPanel .lopat-container .opat-arrow-icon.green{color:#2d9f79}.PulsPanelWrapper .PulsPanel .lopat-container .opat-arrow-icon.red{color:#cd333b}.PulsPanelWrapper .PulsPanel .lopat-container .opat-arrow-icon.grey{color:#52687a}.PulsPanelWrapper .PulsPanel .lopat-container .fixed{transform:rotate(0);transition:transform .3s linear}.PulsPanelWrapper .PulsPanel .lopat-container .rotated{transform:rotate(180deg);transition:transform .3s linear}.PulsPanelWrapper .PulsPanel .lopat-container .Inactive{opacity:.618}.PulsPanelWrapper .PulsPanel .lopat-popat-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:5px;width:69%}.PulsPanelWrapper .PulsPanel .opat-info .opat-description{width:70%}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem;width:85%;margin-bottom:10px}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-names{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-names p{margin:0;font-size:16px}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-names .opat-day{font-size:24px}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-values{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:22px 0 0 54px}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-values .opat-last-opat{display:flex;width:81%}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-values .opat-last-number{width:81%}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-values p{margin:5px 0 0;font-size:16px;padding-left:10px}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-gauge{font-size:20px;margin-right:4px}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-gauge .opat-icon{margin-top:7px;font-size:20px;color:#52687a;white-space:pre}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-gauge .opat-icon.gauge-max{color:#2d9f79}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-gauge .opat-icon.gauge-mid{color:#ffaa4d}.PulsPanelWrapper .PulsPanel .opat-info .opat-stats .opat-gauge .opat-icon.gauge-min{color:#cd333b}.PulsPanelWrapper .PulsPanel .opat-info span{font-size:14px}.PulsPanelWrapper .lopat .opat-icon{margin-top:7px;font-size:20px;color:#52687a;white-space:pre}.PulsPanelWrapper .lopat .opat-icon.gauge-max{color:#2d9f79}.PulsPanelWrapper .lopat .opat-icon.gauge-mid{color:#ffaa4d}.PulsPanelWrapper .lopat .opat-icon.gauge-min{color:#cd333b}.ShiftApprovalChange{box-shadow:0 4px 8px rgba(0,0,0,.16),0 1px 0 1px rgba(0,0,0,.04);margin:0;padding:0 7.5px;display:flex;flex-direction:row;height:70px;align-items:center}.ShiftPanelLinkWrapper:last-child div{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.AssignedShiftHelper{margin-bottom:0!important}.ShiftHeadingCalendarCheck{color:#2d9f79;margin-left:22px;width:1em!important;font-size:25px}@media only screen and (max-width: 750px){.ShiftHeadingCalendarCheck{font-size:21px}}.Approval{margin-bottom:0!important}.ShiftChange{background-color:#ebf2f9;color:#3878c7}.ShiftApproval{background-color:#fff3e6;color:#ffaa4d}.Assigned{background-color:#ebf9f5}.MultipleAssigned{background-color:#ebf9f5;pointer-events:none}.MultipleAssigned:hover{text-decoration:none;cursor:default}.IconAssigned,.IconMultipleAssigned{color:#2d9f79;width:1em!important}.CheckIcon{margin-left:22px;font-size:25px}@media only screen and (max-width: 750px){.CheckIcon{font-size:21px}}.IconShiftApproval{color:#ffaa4d}.IconShiftChange{color:#3878c7}.ExchangeIcon{color:#3878c7;margin-left:22px;font-size:25px}@media only screen and (max-width: 750px){.ExchangeIcon{font-size:21px}}.MessageIconWrapper{display:flex;align-items:center}.ShiftMessage{font-size:16px;font-weight:700;margin:0 50px 0 20px}@media only screen and (max-width: 750px){.ShiftMessage{font-size:12px!important}}@media only screen and (max-width: 375px){.ShiftMessage{font-size:10px!important;margin-right:0!important}}.ShiftChangeChevronRight{margin-right:25px;font-size:16px}@media only screen and (max-width: 750px){.ShiftChangeChevronRight{margin-right:22.5px!important;font-size:16px!important}}.HeadingShift{display:flex;font-size:24px;font-weight:700;margin-bottom:10px}@media only screen and (max-width: 750px){.HeadingShift{font-size:16px}}.HeadingShift .HeadingShiftContent{flex:1;padding-bottom:10px;width:0}.HeadingShift .HeadingShiftContent .HeadingShiftLinkWrapper{color:#2d3a44;display:flex;padding:0 2rem 0 0;position:relative;width:100%}.HeadingShift .HeadingShiftContent .HeadingShiftLinkWrapper:hover{color:#415463}.HeadingShift .HeadingShiftContent .HeadingShiftLinkWrapper:active{color:#566e81}.HeadingShift .HeadingShiftContent .HeadingShiftLinkWrapper .HeadingShiftChevron{height:100%;margin:auto;position:absolute;right:0;width:.625em}@media only screen and (max-width: 750px){.HeadingShift .HeadingShiftContent .HeadingShiftLinkWrapper{font-size:16px}}.WrapperIconShift{position:absolute;margin:auto;bottom:0;right:35px;top:0;color:#fff}.WrapperIconShift .IconNumberShift{position:absolute;bottom:0;left:0;margin:auto;right:0;top:0;font-size:16px;text-align:center;line-height:34px}@media only screen and (max-width: 750px){.WrapperIconShift .IconNumberShift{font-size:13.6px;line-height:22px}}.WrapperIconShift .CircleIconShift{font-size:25px;color:#3878c7;height:34px;width:34px}@media only screen and (max-width: 750px){.WrapperIconShift .CircleIconShift{height:30px;width:30px;margin-top:-4px}}.PanelShift{padding-bottom:0;padding-top:5px;margin:0}.PanelShift .PanelBody{padding-bottom:0}.PanelShiftChange{padding-bottom:0;padding-top:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;margin:0}.PanelShiftChange .PanelBody{padding-bottom:0}.SpinnerWrapper svg{height:100%;margin:auto;position:absolute;right:42px}.ShiftChangeLinkWrapper{display:flex;flex:1;justify-content:space-between;color:#2d3a44;align-items:center}.ShiftHeadingWrapper{margin:15px 7.5px}.Toast{visibility:hidden;width:340px;background-color:#dfedf8;color:#3878c7;text-align:left;border:2.5px solid #3878c7;border-radius:4px;padding:3px 0 7px;position:fixed;z-index:1;left:50%;transform:translate(-50%,-50%);bottom:10px;font-size:16px;cursor:pointer}@media only screen and (max-width: 750px){.Toast{width:250px}}.Toast .ToastContent{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width: 750px){.Toast .ToastContent{font-size:14px}}@media screen and (min-width: 768px){html.no-touch .Toast{left:calc(50% + 30px)}html.no-touch.menu-pinned .Toast{left:calc(50% + 130px)}}.ExclamationCircle{margin-right:15px;position:relative;left:5px;top:3px;font-size:25px}@media only screen and (max-width: 750px){.ExclamationCircle{font-size:20px}}.ChevronMotd{float:right;margin-right:10px}.Toast.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 4.5s;animation:fadein .5s,fadeout .5s 4.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:10px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:10px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:10px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:10px;opacity:1}to{bottom:0;opacity:0}}.ShiftInfoPanel{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:15px}.ShiftInfoPanel p{font-size:16px}.ShiftInfoPanel .InfoWrapper{display:flex;flex-direction:row;width:100%}.ShiftInfoPanel .InfoWrapper .Icon{display:flex;align-items:center;margin-right:20px;font-size:1.6em}.ShiftInfoPanel .InfoWrapper .TextWrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between}.ShiftInfoPanel .InfoWrapper .TextWrapper .ShiftInfoText{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.ShiftInfoPanel .InfoWrapper .TextWrapper .ShiftInfoText .ShiftInfoRole{display:flex;align-items:center;margin:0;font-weight:700}.ShiftInfoPanel .InfoWrapper .TextWrapper .ShiftTime{display:flex;align-items:center;margin:0 20px 0 0}@media only screen and (max-width: 750px){.ShiftInfoPanel .InfoWrapper .TextWrapper{flex-direction:column;font-size:13.6px}}.ShiftInfoPanel .InfoWrapper .Long{flex-direction:row}.ShiftInfoPanel .InfoWrapper .Long .ShiftInfoText{flex-direction:column;align-items:flex-start}.ShiftInfoPanel .InfoWrapper .Long .ShiftInfoText .ShiftInfoRole,.ShiftInfoPanel .InfoWrapper .Long .ShiftInfoText .ShiftInfoLocation{word-break:break-word}.ShiftInfoPanel .InfoWrapper .Long .ShiftTime{min-width:fit-content;min-width:-moz-fit-content;align-items:flex-start;margin:0 20px}@media only screen and (max-width: 750px){.ShiftInfoPanel .InfoWrapper .Long{font-size:12px}}.ShiftInfoPanel.ClockedIn{margin-left:9px}.ErrShift{font-style:italic}.StampButton{display:flex;flex-direction:row;justify-content:flex-start;height:75px;text-decoration:none!important;align-items:center;word-break:break-word}.StampButton h3{margin-top:10px;color:#000;margin-right:20px;font-size:20px}@media only screen and (max-width: 750px){.StampButton h3{font-size:18px}}.StampButton .PlayIcon{display:flex;align-self:center;color:#000;margin:0 30px;font-size:20px}@media only screen and (max-width: 750px){.StampButton .PlayIcon{font-size:20px}}.LongText h3{font-size:18px}@media only screen and (max-width: 750px){.LongText h3{font-size:16px}}@media only screen and (max-width: 370px){.LongText h3{font-size:12px}}.StampIn{background-color:#2d9f79}.StampIn h3{margin-top:10px;color:#fff;font-weight:700}.StampIn .PlayIcon{color:#fff}.StampIn:hover{background-color:#1d674f}.StampOut{background-color:#cb333b}.StampOut h3{margin-top:10px;color:#fff;font-weight:700}.StampOut .PlayIcon{color:#fff}.StampOut:hover{background-color:#a82a2e}.StampToPause{background-color:#fff3e6}.StampToPauseDisabled{pointer-events:none}.StampToPauseDisabled .PlayIcon,.StampToPauseDisabled h3{color:#999}.StampToPause:hover{background-color:#fce7b8}.CustomStamp{background-color:#fff}.CustomStamp:hover{background-color:#eef0f2}.ChangeStamp{background-color:#ebf2f9}.ChangeStamp:hover{background-color:#dbe8f4}a.StampButton:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.IpBlockedDisplay{display:flex;flex-direction:row;justify-content:flex-start;height:90px;align-items:center;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.IpBlockedDisplay .IpBlockedMessage{font-size:14px;padding:10px;margin-top:10px;color:#000;font-weight:700}@media only screen and (max-width: 750px){.IpBlockedDisplay .IpBlockedMessage{font-size:12px;padding:15px}}@media only screen and (max-width: 375px){.IpBlockedDisplay .IpBlockedMessage{font-size:10px;padding:17px}}.IpBlockedDisplay .ExclamationCircleIcon{display:flex;align-self:center;color:#000;margin:0 17px 0 30px;font-size:23px}.IpBlockedDisplay .Info{color:#3878c7}.IpBlockedDisplay .Warning{color:#38afc7}.IpBlockedDisplay .Danger{color:#cd333b}.Info{background-color:#ebf2f9}.Warning{background-color:#ebf7f9}.Danger{background-color:#faebeb}.TimeCounter{margin-top:0;font-size:24px;font-weight:400}@media only screen and (max-width: 750px){.TimeCounter{font-size:16px}}.MuiTextField-root .MuiInputBase-root{align-items:center}.MuiTextField-root .MuiInputBase-root .emoji-button{opacity:.3;height:25px}.MuiTextField-root .MuiInputBase-root .emoji-button:hover,.MuiTextField-root .MuiInputBase-root .emoji-button:focus{opacity:1}.Today .TodayPanel .StampButtons{margin:0 -30px -30px}.Today .TodayPanel .SkeletonWrapper{margin-right:-30px;margin-left:-30px;margin-bottom:-30px}.Today .ButtonPanel,.Today .ButtonPanel .PanelBody{padding:0}.StampedIn{display:flex;justify-content:flex-end;font-size:12px}.NotClockedInTxt{font-size:12px}.HeadingToday{border-bottom:3px solid rgba(0,0,0,.28);display:flex;font-size:24px;font-weight:700;margin-bottom:70px}@media only screen and (max-width: 750px){.HeadingToday{font-size:16px}}.HeadingToday .HeadingContentToday{flex:1;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap;width:0}.HeadingToday .HeadingTextToday{margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.HeadingToday.StampedIn{margin-bottom:15px}.NoShiftsToday{text-align:center;color:rgba(0,0,0,.6);margin-bottom:40px;margin-top:-30px}.Number span{font-weight:700}.Number.Margin{margin-right:-5px}.VacationPanel{padding:0}.VacationPanel p{font-size:16px;margin:0}@media only screen and (max-width: 700px){.VacationPanel p{font-size:13.6px}}.VacationPanel .TimeAccountLink{font-weight:700}.VacationPanel .PanelBody{display:flex;flex-direction:column;justify-content:center;padding:0}.VacationPanel .PanelBody .VacationIcon{display:flex;flex-direction:column;justify-content:center;margin-right:21px;width:15px}.VacationPanel .PanelBody .VacationDays{align-items:center;display:flex;flex-direction:row;margin-bottom:10px}.VacationPanel .PanelBody .vacation-request-link{font-size:16px;margin-bottom:5px}@media only screen and (max-width: 700px){.VacationPanel .PanelBody .vacation-request-link{font-size:13.6px}}.VacationPanel .PanelBody .vacation-request-icon{margin-right:21px;color:#2d3a44}.VacationPanel .PanelBody .TimeAccount{align-items:center;display:flex;flex-direction:row;margin-bottom:15px}.ErrorState{padding:15px}.SpanWrapperError{font-weight:700}.PanelRegisterBtn{padding:5px}.PanelHeadingManual{padding-bottom:0;padding-top:5px;margin:0}.PanelHeadingManual .PanelBody,.PanelHeadingManual .PanelBody .Heading .HeadingContent{padding-bottom:0}.MenuPanel{padding:0}.MenuPanel .PanelBody{padding:0;display:flex;flex-direction:column}.HeadingManualWrapper{margin:15px 7.5px}.BirthdayContainer{display:flex;justify-content:space-between}.BirthdayContainer .BirthdayDropdownWrapper{align-items:center;display:flex;position:relative;flex:1}.BirthdayContainer .BirthdayDropdownWrapper:not(:last-child){margin-right:10px}.BirthdayContainer .BirthdayDropdownWrapper select{background-color:inherit;border-radius:2px;border:none;box-shadow:rgba(0,0,0,.16) 0 1px 3px inset,rgba(0,0,0,.1) 0 0 0 1px inset!important;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;width:100%}.BirthdayContainer .BirthdayDropdownWrapper select:active,.BirthdayContainer .BirthdayDropdownWrapper select:focus{box-shadow:#3878c7 0 0 0 1px inset!important}.BirthdayContainer .BirthdayDropdownWrapper select:hover:not(:focus){box-shadow:rgba(0,0,0,.1) 0 0 0 1px inset!important}.BirthdayContainer .BirthdayDropdownWrapper .BirthdayExpandDropdownIcon{position:absolute;right:5px}.YourLanguage{font-weight:700}.LanguageForm,.LanguageForm label{width:100%}.LanguageForm select{width:100%;padding:8px;margin-top:15px;font-weight:100}input.SubmitLanguage{width:100%;background-color:#3878c7;border-radius:3px;box-shadow:rgba(0,0,0,.16) 0 2px 4px!important;font-weight:700;outline:none;text-transform:uppercase;color:#fff;padding:12px}.LanguageButtons{display:flex;flex-direction:row;justify-content:space-around;width:100%;padding-top:12px}.LanguageButtons button{width:100%}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move;box-shadow:0 0 0 9999em rgba(0,0,0,.5)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:none;border-color:#00f;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:rgba(255,255,255,.4)}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.7);outline:1px solid transparent}.ReactCrop__drag-handle:focus:after{border-color:#00f;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw:after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne:after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}.NewImage{display:flex;height:300px;justify-content:center;max-width:300px}.NewImage img{max-height:100%;max-width:100%}.NewImage .ReactCrop{height:100%;cursor:auto}.NewImage .ReactCrop>div{height:100%}.ImageActions{margin:15px 0}.ImageActions .ImageActionsRight{display:flex;justify-content:flex-end}.ImageActions .SaveImageButton{margin-left:10px}.ImageActions .SavingIcon{margin:5px;visibility:hidden}.ImageActions .SavingIcon.Show{visibility:visible}input[type=file]{display:none}.PictureContainer{margin:32px 0 0;display:flex;justify-content:center;flex-direction:column;position:relative}.PictureContainer .ErrorContainer{background-color:#faebeb;margin-bottom:25px;border:2px solid #cd333b;padding:15px;font-weight:700;border-radius:3px;box-shadow:0 3px 6px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.02);display:flex;align-items:center}.PictureContainer .ErrorContainer .ErrorIconContainer{display:flex;align-self:flex-start}.PictureContainer .ErrorContainer .ErrorTextContainer{margin-left:10px}.PictureContainer .ErrorContainer .faIcon{color:#cd333b;font-size:24px}.PictureContainer .ErrorContainer:empty{display:none}.PictureContainer .ContentContainer{display:flex;justify-content:center}.PictureContainer .ContentContainer .EditImageButton{align-items:center;justify-content:center;background-color:#fff;opacity:.7;border-bottom-left-radius:200px;border-bottom-right-radius:200px;display:flex;margin:0 auto;position:absolute;bottom:0;height:100px;width:200px}.PictureContainer .ContentContainer .EditImageButton span{color:#3878c7;font-weight:700}.PictureContainer .ContentContainer .ImageLabel{cursor:pointer}.PictureContainer .ContentContainer .CircularImage{user-select:none;max-width:200px;max-height:200px;overflow:hidden;border-radius:50%;margin:auto!important}.PictureContainer .ContentContainer .CircularImage.Edit{cursor:pointer}.PictureContainer .ContentContainer .CircularImage .NoUserImage{background-color:#fafaf6;min-width:200px;min-height:200px;display:flex;align-items:center;justify-content:center;font-size:50px;color:#fff;border-radius:50%;border:2px solid #d3d3d3}.PictureContainer .ContentContainer .CircularImage img{width:100%;max-height:auto}.PictureContainer .ContentContainer .DeleteImageButton{bottom:0;position:absolute;right:0}/*!
 * 
 *   react-simple-keyboard v3.8.160
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 *//*!
 * 
 *   simple-keyboard v3.8.110
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px rgba(0,0,0,.3);box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:rgba(0,0,0,.03);cursor:pointer}li.hg-candidate-box-list-item:active{background:rgba(0,0,0,.1)}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.App .ProfileDetails{margin-top:60px;padding:0 15px}.App .HorizontalRule{border:0;border-radius:50px;height:4px;background:#e6e6e6;margin:20px 0}.App .HeaderYourCards{font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center}.App .HeaderYourCards .HeaderYourCardsText{margin:3px 0 0 5px}.App .HeaderYourCards .HeaderYourCardsIcon{margin:0;font-size:20px}.App .HeaderLanguage .Panel{margin-bottom:15px;padding:0}.App .SkeletonCards{margin-bottom:35px}.App .ButtonRight{float:right;margin:35px 0 0;padding:0!important}.App .DetailButtons,.App .CardButtons{display:flex;margin:15px 0 0;padding:0 10px 0 0!important;justify-content:space-around;width:100%}.App .DetailButtons button{width:100%}.App .ImageInputContainer{height:0px}.App .ImageInputContainer #ImageInput{display:none}.App .ProfileName{text-align:center;max-width:100%}.App .ProfileName p{margin:0;padding:0;overflow:hidden;text-overflow:ellipsis}.App .ProfileName #NameId{margin:20px 0 0;font-size:24px}.App .ProfileName #TitleId{font-size:16px;font-weight:300}.App input[type=file]{margin:0 auto}.App button[disabled]{color:#b3c1cc!important}.App .PanelBody{max-width:100%}.App .PanelBody .ProfileDetailsTopSkeleton{margin-top:32px;display:flex;align-items:center;flex-direction:column}.App .PanelBody .ProfileDetailsTopSkeleton>span:first-child>span:first-child{border-radius:50%!important;margin-bottom:20px}.App .PanelBody .ProfileDetailsInfoSkeleton{margin-top:60px;margin-bottom:50px}.App .PanelBody .ProfileDetailsInfoSkeleton span{display:flex;align-items:center;flex-direction:column;margin-bottom:10px}.App .DetailContainer .DetailHeader{font-weight:700;display:flex;flex:1;padding-bottom:2px}.App .DetailContainer .DetailInfo{padding-bottom:10px}.App .DetailContainer .DetailInfo .NotRegistered{opacity:.5}.App .DetailContainer .DetailInfo p{padding:0;margin:0}.App .DetailContainer .DetailInfo .DetailInfoLine{display:flex;flex:1}.App .DetailContainer .DetailInfo .DetailInfoLine.Birthday{flex-direction:column}.App .DetailContainer .DetailInfo .DetailInfoLine div{max-width:100%}.App .DetailContainer .DetailInfo .DetailInfoLine div p{overflow:hidden;text-overflow:ellipsis}.App .DetailContainer .DetailInfo .DetailInfoLine p{padding-left:15px}.App .DetailContainer .DetailInfo .DetailInfoLine .faIcon{margin-top:auto;margin-bottom:auto;width:14px}.App .DetailContainer .DetailInfo .DetailInfoLine .DetailLabel{font-weight:700}.App .NoCards{color:#000;text-align:center;opacity:.5;padding:10px 10px 10px 0;font-size:22px}.App .CardContainer{background-color:#f5f5f5;margin:0 0 15px;padding:10px;border-radius:3px;box-shadow:0 3px 6px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.02);width:100%}.App .CardContainer .CardAlign{width:100%;justify-content:space-between;display:flex;padding:5px}.App .CardContainer .CardAlign .CardAlignLeft{text-align:left;justify-content:center;flex-direction:column;display:flex;flex:1;overflow:hidden}.App .CardContainer .CardAlign .CardAlignLeft .HeaderProfileCard{display:flex;align-items:center}.App .CardContainer .CardAlign .CardAlignLeft .HeaderProfileCard .HeaderProfileCardText{margin:0 0 0 10px;font-weight:400;font-size:16px;text-overflow:ellipsis;overflow:hidden}.App .CardContainer .CardAlign .CardAlignLeft .HeaderProfileCard .HeaderProfileCardIcon{font-size:18px}.App .CardContainer .CardAlign .CardAlignLeft .HeaderYourCards{font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center}.App .CardContainer .CardAlign .CardAlignLeft .HeaderYourCards .HeaderYourCardsText{margin:3px 0 0 5px}.App .CardContainer .CardAlign .CardAlignLeft .HeaderYourCards .HeaderYourCardsIcon{margin:0;font-size:20px}.App .CardContainer .CardAlign .CardAlignLeft .CardEdit{padding:5px 10px;margin-top:auto;margin-bottom:auto}.App .CardContainer .CardAlign .CardAlignLeft .MuiTextField-root .MuiInputBase-root{padding-right:0;background-color:#fff}.App .CardContainer .CardAlign .CardAlignLeft p{margin:0;padding:0}.App .CardContainer .CardAlign .CardAlignRight{align-items:center;justify-content:center;display:flex}.App .CardContainer .CardAlign .CardAlignRight button{padding:5px 10px;margin-top:auto;margin-bottom:auto}.App .CardContainer .CardAlign .CardAlignRight i{color:gray;font-size:16px;margin:0!important}.App .EditPinPanel{padding:0}.App .EditPinPanel>div:first-child{padding:0;margin-top:0}.App .RegisterBtn{width:100%}.App button.button.RegisterBtn{padding:12px!important}.App .SuccessMessage{background-color:#ebf9f5;margin-bottom:25px;border:2px solid #2d9f79;padding:15px;font-weight:700;border-radius:3px;box-shadow:0 3px 6px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.02)}@media only screen and (max-width: 750px){.App .SuccessMessage{padding:5px;margin-bottom:15px}}.App .SuccessMessage .faIcon{color:#2d9f79;font-size:24px}@media only screen and (max-width: 750px){.App .SuccessMessage .faIcon{font-size:16px}}.App .fadeOut{opacity:0;transition:opacity 2s}.App .fadeIn{opacity:1;transition:opacity .2s .2s}.App .SuccessMessage:empty{display:none}.App .ErrorMessage{background-color:#faebeb;margin-bottom:25px;border:2px solid #cd333b;padding:15px;font-weight:600;border-radius:3px;box-shadow:0 3px 6px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.02)}@media only screen and (max-width: 750px){.App .ErrorMessage{padding:5px;margin-bottom:15px}}.App .ErrorMessage .faIcon{color:#cd333b;font-size:24px}@media only screen and (max-width: 750px){.App .ErrorMessage .faIcon{font-size:16px}}.App .ErrorMessage:empty{display:none}.App .LeftPinPopup{display:inline;vertical-align:middle}.App .RightPinPopup{vertical-align:middle;padding-left:15px;display:inline}@media only screen and (max-width: 750px){.App .RightPinPopup{padding-left:10px}}.App .NewPinError{border:solid 1px #cd333b!important}.App .PinButtons{display:flex;flex-direction:row;justify-content:space-around;width:100%;padding-top:12px}.App .PinButtons button.button.RegisterBtn{padding:5px 10px!important}.App .PinPopupContent .DetailInfoLine{display:flex;flex-direction:column}.App .PinPopupContent .DetailInfoLine .RegisterBtn span{font-weight:700}.App .PinPopupContent .DetailInfoLine span{font-weight:100}.App{display:flex;flex-direction:row;flex-wrap:wrap;width:900px;max-width:100%;margin:0 auto}.App>div.column{display:flex;flex-direction:column;overflow:hidden;margin:0 auto;width:450px;max-width:100%}.App>div.column.Left{background-color:#00f}.App>div.column.Right{background-color:red}.App>div.column-fullWidth{display:flex;flex-direction:column;overflow:hidden;margin:0 auto;width:450px;max-width:100%}@media screen and (min-width: 1160px){html.menu-pinned .App>div.column-fullWidth{width:900px}}@media screen and (min-width: 960px){html:not(.menu-pinned) .App>div.column-fullWidth{width:900px}}.tekst-s{font-size:12px}.tekst-m{font-size:16px}.tekst-l{font-size:24px}.tekst-xl{font-size:34px}.bold{font-weight:700}.tekst-s,.tekst-m,.tekst-l,.tekst-xl{font-family:sans-serif}.tekst-s.serif,.tekst-m.serif,.tekst-l.serif,.tekst-xl.serif{font-family:serif}.underline-pad{margin:0 -4px;padding:0 4px}.col-fix{padding:0 10px / 2}.row-fix{margin:0 -5px}.container-fix{padding:0}html,body,#root{height:100%;background-color:#fbf8f4;font-family:Open Sans,Arial,sans-serif}#hovedcontainer-wrapper{-webkit-overflow-scrolling:touch;height:100%}#hovedcontainer-wrapper #hovedcontainer #hovedinnhold{padding:0 7.5px}