.navigationContainer{width:100%;height:180px;max-width:1100px;margin:10px auto -70px;white-space:nowrap;overflow:hidden;text-align:center}.navigationProgressbarImage{display:inline-block;vertical-align:top;margin-top:26px}.navigationProgressbarImage.hidden{visibility:hidden}.navigationProgressbarDiv{max-width:calc(100% - 32px);display:inline-block;overflow:hidden}.navigationProgressbar{padding-left:28px;padding-right:28px;display:inline-block;width:-webkit-max-content;width:-moz-max-content;width:max-content}.navigationProgressbar li{width:138px;font-size:14px;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;position:relative;text-align:center;display:inline-block}.navigationProgressbar .pageTitle{font-weight:700;color:#000}.navigationProgressbar .pageDescription{color:#000}.navigationProgressbar li:before{width:24px;height:24px;content:"";line-height:30px;border:3px solid #8dd9ca;display:block;margin:0 auto 10px;border-radius:50%;background-color:#8dd9ca}.navigationProgressbar li:after{width:73%;height:3px;content:"";position:absolute;background-color:#d4d4d4;top:15px;left:-36.5%}.navigationProgressbar li:first-child:after{content:none}.navigationProgressbar li.completed:before{border-color:#1ab394;background-color:#1ab394}.navigationProgressbar li.completed+li:after{background-color:#8dd9ca}.navigationProgressbar li.current:before{border-color:#1ab394;background-color:#fff}pre>code{display:block;font-family:monospace;border-radius:4px;padding:16px;color:#bfc7d5;background-color:#363a4e}.container{display:-webkit-box;display:-ms-flexbox;display:flex}#surveyElement{-webkit-box-flex:1;-ms-flex:auto;flex:auto;max-width:65rem;margin:0 auto}#surveyResult{width:20rem;margin:0 auto}.sv-question__required-text,.sv_q_required_text{color:red}.sv_header{text-align:center}.test-warning{color:red}.InputAddOn{display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px}.InputAddOn-field{-webkit-box-flex:1;-ms-flex:1;flex:1}button:disabled{background:#ddd}.loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.loadersmall{border:5px solid #f3f3f3;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-top:5px solid #555;border-radius:50%;width:50px;height:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}