*{padding:0;box-sizing:inherit}*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;height:100%}body{overflow:auto;font-family:Roboto,sans-serif;font-size:12px;max-width:800px;margin:0 auto;line-height:1;position:relative;height:100%}#root{height:100%}#root>div{height:100%;display:flex;flex-direction:column}.content{flex:1;overflow-y:scroll}img{width:100%;height:auto}a{color:#aeb5b4;text-decoration:none}hr{border:1px solid #C4C4C4;margin:16px 0}h1{font-size:25px;padding-left:12px}input:focus{outline:none}.App{text-align:center}.App-logo{height:40vmin}.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:#09d3ac}.headerIcon{margin-left:6.4px;position:absolute;color:#008ecb}.header{display:flex;flex-direction:row;flex:1;padding:0 16px;background-color:#fff;border-radius:8px;flex:0 0 48px;align-items:center;border-bottom:2px #F4F4F4 solid;box-shadow:0 1px 1px -1px #333}.header>div{flex:1}.headerTelephone{margin-left:6.4px;color:#008ecb}.headerTitle{align-self:center}.headerTitle>span{font-size:16px}.noConnectivity{padding:5px;text-align:center;background-color:#cd5c5c;color:#fff}.footer{display:flex;flex-direction:row;flex:1;border-top:1px solid #F4F4F4;padding:8px;justify-content:space-between;flex:0 0 10vh;box-shadow:0 -2px 2px -2px #f4f4f4}.footer>button{display:flex;flex-direction:row;flex:.2631578947}.footer>a{display:flex;flex-direction:row;flex:.2631578947}@media only screen and (max-height:300px){.footer{display:none}}.button-footer-rules{background:linear-gradient(to bottom,#00b2fe 5%,#008ecb);background-color:#00b2fe;display:flex;flex-direction:row;align-items:center;padding-left:16px;padding-right:16px;border-radius:10px;border:0;border:2px #008ECB solid}.button-footer-rules>span{color:#fff}.button-footer-rules:focus{outline:none}.button-footer-rules:hover{background:linear-gradient(to bottom,#008ecb 5%,#00b2fe);background-color:#008ecb}.button-footer-exit{background:linear-gradient(to bottom,#fd923a 5%,#fc7608);background-color:#fd923a;display:flex;flex-direction:row;align-items:center;padding-left:16px;padding-right:16px;border-radius:10px;border:0;border:2px #FC7608 solid}.button-footer-exit>span{color:#fff}.button-footer-exit:focus{outline:none}.button-footer-exit:hover{background:linear-gradient(to bottom,#fc7608 5%,#fd923a);background-color:#fc7608}.footerButtonIcon{margin-right:12px}.grow{transition:all .2s ease-in-out}.grow:hover{transform:scale(1.1)}.callButton{background:linear-gradient(to bottom,#ff2f54 5%,#fb002d);background-color:#ff2f54;display:flex;flex-direction:row;align-items:center;padding-left:16px;padding-right:16px;border-radius:10px;border:0;color:#fff;font-weight:700;justify-content:flex-start;border:2px #FB002D solid}.callButton:focus{outline:none}.callButton:hover{background:linear-gradient(to bottom,#fb002d 5%,#ff2f54);background-color:#fb002d}.unauthorizedScreen{display:flex;flex-direction:column;flex:1;height:100%;justify-content:center;align-items:center}.loginScreen{display:flex;flex-direction:column;flex:1;height:100%}.loginScreen>div{display:flex;flex-direction:column;flex:1}.titleContainer{padding-left:8px}.loginForm{padding-left:32px;padding-right:32px}.loginScreenTextInput{border-radius:24px;border:4px solid #C4C4C4;padding:16px 8px;width:100%}.focusedTitle{color:#008ecb}.focusedInput{border:4px solid #008ECB!important}.ageCircleOuter{padding:10px;display:inline-block;border-radius:50%;border:5px #BDBDBD solid;width:60px;height:60px;margin-right:4px;margin-bottom:8px}.selected{border:5px #008ECB solid}.ageCircleInner{padding:10px;margin:20px;display:inline-block;border-radius:50%;width:40px;height:40px;position:relative;top:-25px;left:-25px;text-align:center;vertical-align:middle;background-color:#f4f4f4}.ageCircleInner>span{position:relative;top:2px;left:-1px;font-size:18px}.circlesContainer{display:flex;flex-direction:row;flex:.25;flex-wrap:wrap;justify-content:space-between}.genderCircleOuter{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:5px #BDBDBD solid;width:90px;height:90px;margin-right:4px;margin-bottom:8px;cursor:pointer}.genderCircleOuter.selected{border:5px #008ECB solid}.genderCircleInner{display:flex;align-items:center;justify-content:center;border-radius:50%;width:70px;height:70px;background-color:#f4f4f4}.genderCircleInner>span{font-size:16px;text-align:center;line-height:1.2}.button-login{background:linear-gradient(to bottom,#00b2fe 5%,#008ecb);background-color:#00b2fe;border-radius:3px;display:inline-block;cursor:pointer;color:#fff;font-size:20px;padding:13px 32px;text-decoration:none;text-shadow:0px 1px 0px #3d768a}.button-login:hover{background:linear-gradient(to bottom,#008ecb 5%,#00b2fe);background-color:#008ecb}.button-login:active{position:relative;top:1px}.button-login:focus{outline:none}.button-login{padding:8px;max-width:240px;width:100%;margin:auto;border-radius:15px;border:4px #008ECB solid}.button-login>span{font-size:25px;font-weight:700}.button-login-container{display:flex;flex-direction:column;flex:1;justify-content:center;border-top:6px #F4F4F4 solid;margin-top:8px}.errorMessage{text-align:center;color:red}.loadingScreen{display:flex;flex-direction:column;flex:1;height:100%;justify-content:space-around;align-items:center}.loadingScreen>img{width:200px}.loadingScreen>span{align-self:center;font-size:25px}.termsHeader{display:flex;flex-direction:row;flex:1;background-color:#008ecb;height:10vh;justify-content:flex-start;align-items:center;padding-left:16px}.termsHeaderText{color:#fff;font-size:25px;font-weight:700}.termsHeaderIcon{margin-left:16px}.termsContent{margin-top:16px;margin-bottom:64px;padding:0 16px}.termsContainer{margin-top:16px;margin-bottom:16px;padding:4px}.termsContainer>div{border:2px solid #F4F4F4;padding:0 10px}.termsContainer>div>h3{font-weight:700}.questionAnswer{display:flex;flex-direction:column;flex:1;margin-top:8px;margin-bottom:16px}.question{font-weight:700}.answer{margin-top:8px}.acceptTermsSticky{display:flex;flex-direction:row;flex:1;background-color:#2593ba;align-items:center;justify-content:space-between;position:absolute;bottom:10vh;left:0;right:0;padding:8px 32px 8px 16px}.acceptTermsSticky>span{color:#fff}.checkboxAgreesToTerms{width:20px;height:30px}.termsFromHtmlContainer{line-height:1.3}.termsFromHtmlContainer>h1{padding-left:0}.titleValueCard{border:2px solid #F4F4F4;padding:0 10px}.titleValueCard>h1{padding-left:0}.chatHomeScreen{display:flex;flex-direction:column;flex:1}.chatStartBoxAfterHeaderContainer{display:flex;flex-direction:row;flex:1;padding:0 16px;justify-content:space-between}.startChatBoxContainer{display:flex;flex-direction:column;flex:1;width:40%;justify-content:center;align-items:center;margin-right:8px}.startChatBoxContainer>h1{color:#008ecb}.whatIsChatBox{display:flex;flex-direction:column;flex:1;width:40%;justify-content:center;align-items:center;position:relative}.textOverlayWhatIsChatBox{color:#008ecb;position:absolute;padding:0;top:10%;left:20%;z-index:4}.iconInWhatIsChatBox{position:absolute;padding:0;top:10%;left:30%;z-index:1}.thingsToDoContainer{margin-top:32px;display:flex;flex-direction:row;flex:1;text-align:center}.thingToDo{display:flex;flex-direction:column;flex:1;justify-content:space-around;align-items:center;display:inline-block}.thingToDo>img{display:flex;flex-direction:column;flex:1;width:90%;display:inline-block;align-items:center}.thingToDo>div{display:inline-block;text-align:center;margin-top:16px;width:60%}.thingToDo>div>span{font-weight:700;font-size:16px;align-items:center;width:40%}.chatSubjectTextInput{border-radius:24px;border:4px solid #C4C4C4;padding:16px 8px;width:100%;max-width:350px;margin-top:8px}.button-start-chat{background:linear-gradient(to bottom,#00b2fe 5%,#008ecb);background-color:#00b2fe;border-radius:3px;display:inline-block;cursor:pointer;color:#fff;font-size:20px;padding:13px 32px;text-decoration:none;text-shadow:0px 1px 0px #3d768a}.button-start-chat:hover{background:linear-gradient(to bottom,#008ecb 5%,#00b2fe);background-color:#008ecb}.button-start-chat:active{position:relative;top:1px}.button-start-chat:focus{outline:none}.button-start-chat{margin:auto;border-radius:15px;border:4px #008ECB solid}.button-start-chat>span{font-size:25px;font-weight:700}.button-start-chat-container{display:flex;flex-direction:column;flex:1;justify-content:center;margin-top:8px}.feelingsScreenContainer{display:flex;flex-direction:column;flex:1;margin:0 8px}.feelingsContainer{display:flex;flex-direction:row;flex:1;flex-wrap:wrap;justify-content:space-around}.feeling{display:flex;flex-direction:column;margin:8px;width:22%;text-align:center}.feelingSelected{color:#008ecb}.feelingPictureContainer{text-align:center}.feelingPicture{margin-top:4px;height:40px}.chatHeaderTimeRemaining{display:flex;flex-direction:row;flex:1;height:5vh;position:absolute;left:0;right:0;overflow:auto;z-index:100;top:48px;justify-content:center;align-items:center;padding:16px 8px;border-bottom:1px solid #BDBDBD;background-color:#fff}.clock{align-self:center;color:#2593ba;margin-right:4px;align-items:center;display:flex;flex-direction:row}.clockIcon{margin-right:2px;margin-bottom:2px}.timeLeft{color:#2593ba;font-size:18px}.chatContent{padding:0 8px;margin-top:10.2vh}.writeMessageContainer{display:flex;flex-direction:row;flex:1;height:8vh;position:absolute;left:0;right:0;overflow:auto;z-index:100;bottom:10vh;padding:0 8px;background-color:#fff;align-items:center;border-top:1px solid #BDBDBD;height:auto;justify-content:space-between}.chatTextInput{width:90%;box-sizing:border-box;border:1px solid #BDBDBD;border-radius:10px;resize:none;line-height:18px;overflow:auto;height:auto;padding:4px 8px;margin:8px 0}.chatTextInput::placeholder{color:#dcdcdc}.chatTextInput:focus{outline:none}.chatTextInputFocused{border:2px solid #008ECB}.chatContentContainer{margin-bottom:10vh}.message{display:flex;flex-direction:column}.message .timestamp{display:flex;color:#999;font-weight:600;font-size:12px;margin:10px 0;text-transform:uppercase}.message .bubble-container{font-size:14px;display:flex}.message.mine .bubble-container{justify-content:flex-end}.message.start .bubble-container .bubble{border-top-left-radius:20px}.message.end .bubble-container .bubble{border-bottom-left-radius:20px}.message.mine.start .bubble-container .bubble{margin-top:10px;border-top-right-radius:20px}.message.mine.end .bubble-container .bubble{border-bottom-right-radius:20px;margin-bottom:10px}.message .bubble-container .bubble{margin:1px 0;background:#f4f4f8;padding:10px 15px;max-width:75%;border-radius:2px 20px 20px 2px}.message.mine .bubble-container .bubble{background:#007aff;color:#fff;border-radius:20px 2px 2px 20px}.deliveryStatus{font-size:small;color:#007aff;margin-left:5px}.withError{align-items:center}.waitingCircle{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:1px solid #007aff;width:10px;height:10px}.waitingMessage{padding:8px;margin:16px;color:#fff;font-weight:700;font-size:16px}.waitingMessageStartsSoon{background-color:#25b73d;border:10px solid #18B427;border-radius:10px;color:#fff}.waitingMessageWaiting{background-color:#f9ee5b;border:10px solid #F6E618;border-radius:10px;color:#000}.waitingMessageNotAvailable{background-color:#fc7608;border:10px solid #DB6804;border-radius:10px;color:#fff}.somethingToDoHeader{margin-top:32px;padding:0 24px}.categoriesChooser{display:flex;flex-direction:row;flex:1;justify-content:space-around}.categoryBox{border:1px solid #C4C4C4;padding:8px 16px;border-radius:5px;font-size:16px;font-weight:700}.thingSelected{border:2px solid #2593BA}.pagesThingsToDoContainer{display:flex;flex-direction:column;flex:1;margin:24px}.singleThingToDo{border:2px #F4F4F4 solid;padding:16px;display:flex;flex-direction:column;flex:1;border-radius:10px;margin-bottom:16px}.singleThingToDo img{width:100%!important}.thingsToDoScreenContainer{display:flex;flex-direction:column;flex:1}.thingToDoOverviewContainer{line-height:1.3}.thingToDoOverviewContainer>h1{padding-left:0}.articleBody{padding:0 16px}.articleScreenContainer{padding-left:4px;padding-right:4px}.videoBody{line-height:1.3}.videoBody>h1{padding-left:0}.videoBody{padding:0 16px;margin-bottom:16px}.articleBody{line-height:1.3}.articleBody>h1{padding-left:0}.articleBody>img{width:100%!important}.bold{font-weight:700}.textAlignLeft{text-align:left}.textAlignRight{text-align:right}.textAlignCenter{text-align:center}.noWrap{white-space:nowrap}.center{text-align:center;align-self:center;align-items:center}.justifyContentFlexEnd{justify-content:flex-end}.justifyContentFlexStart{justify-content:flex-start}.sosLineBodyContainer{padding:0 8px}