@CHARSET "UTF-8";
#userFlow .backgroundImage {
  background: url("../../../images/healthReserve/progress.svg");
  position: fixed;
  height: 480px;
  opacity: 0.04;
  background-size: contain;
  top: 106px;
  z-index: 0;
  background-repeat: no-repeat;
  width: calc(100% - 260px);
  left: 260px; }

#userFlow .page {
  float: left; }

#userFlow .content.max900 {
  max-width: 900px;
  margin: 0 auto; }

#userFlow .later {
  float: right;
  color: #009fe3;
  cursor: pointer;
  }

#userFlow .later .mdi-navigation-close {
  padding-left: 6px;
  font-size: 24px;
  line-height: 13px;
  vertical-align: top;
  margin-top: 17px; }

#userFlow #bar {
  width: 318px;
  position: absolute;
  top: 21px;
  background: #fff;
  z-index: 0;
  left: 95px;
  height: initial;
  margin-bottom: initial;
  border-radius: initial; }

#userFlow #bar .bar {
  background-color: #33a1e7;
  height: 4px;
  transition: width 200ms ease-in-out;
  box-shadow: none;
  text-shadow: none;
  background-image: none; }

#userFlow .tabs {
  border-bottom: 1px solid #e4e4e4; }

#userFlow .instructions {
  font-size: 17px;
  margin-bottom: 30px;
  line-height: 1.4;
  font-weight: 300; }

#userFlow .instructions .mainTitle {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 10px;
  padding-right: 30px;
  padding-top: 16px; }

#userFlow .instructions label {
  color: #333; }

#userFlow .instructions .subTitle {
  font-weight: 700;
  margin: 20px 0 4px; }

#userFlow .instructions .subText {
  font-weight: 400;
  margin: 20px 0 4px; }

#userFlow .instructions .text {
  font-size: 15px; }

#userFlow .instructions.tests ul {
  margin: 14px; }

#userFlow .instructions.tests ul li {
  line-height: 38px; }

#userFlow .instructions.tests ul li label {
  font-size: 17px;
  padding-left: 35px; }

#userFlow .instructions.tests ul li label {
  width: auto; }

#userFlow .instructions .row {
  margin-top: 40px; }

#userFlow .instructions .answers {
  margin: 20px 0; }

#userFlow .instructions [class^="mdi-"] {
  font-size: 18px;
  margin-left: 10px;
  vertical-align: top;
  margin-top: 1px; }

#userFlow .instructions [type="radio"] + label:before, #userFlow .instructions [type="radio"] + label:after {
  margin: 6px; }

#userFlow .navigationBar {
  position: fixed;
  bottom: 0;
  background-color: #ECECEC;
  border-top: 1px solid #e4e4e4;
  height: 100px;
  width: calc(100% - 320px);
  z-index: 1;
  opacity: 0.95;
  padding: 0 30px;
  left: 260px; }

#userFlow .innerContent {
  padding-bottom: 120px; }

#userFlow .title {
  font-size: 50px;
  margin: 0px 16px 36px; }

#userFlow .subtitle {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  padding: 0 16px; }

#userFlow .subtitle p {
  margin-top: 16px; }

#userFlow .moreInfo {
  max-width: 900px;
  margin: 0 auto;
  margin-top: 66px; }

#userFlow .moreInfo .raketko {
  background-image: url(../../../images/healthReserve/lecture.svg);
  width: 100%;
  height: 250px;
  background-size: contain;
  background-repeat: no-repeat; }

#userFlow .moreInfo .question {
  font-size: 22px;
  margin-bottom: 20px; }

#userFlow .moreInfo .text {
  font-weight: 300;
  font-size: 17px;
  line-height: 1.4; }

#userFlow .oneQuestion .question {
  text-align: center;
  font-size: 28px;
  margin: 80px 20% 66px;
  line-height: 1.4; }

#userFlow .oneQuestion .question .explanation {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 300; }

#userFlow .oneQuestion .answers {
  text-align: center; }

#userFlow .oneQuestion .answers label {
  font-size: 24px;
  color: #333;
  font-weight: 300;
  margin-right: 30px;
  text-transform: uppercase; }

#userFlow input[type=radio] + label {
  vertical-align: middle;
  padding-left: 0;
  /* height: auto; */ }

#userFlow .data input[type=radio] + label {
  padding-left: 35px; }

#userFlow .padding-left {
  padding-left: 0; }

#userFlow .padding-bottom {
  padding: 0;
  text-align: right;
  min-width: 170px; }

#userFlow .radio-item {
  margin-right: 16px;
  cursor: pointer; }

#userFlow #questionnaireContainer td {
  padding: 12px 0px;
  border-bottom: 1px solid rgba(228, 228, 228, 0.5); }

#userFlow #questionnaireContainer tr:last-of-type td {
  border-bottom: none; }

#userFlow .oneQuestion .answers label:last-of-type {
  margin-right: 0; }

#userFlow .oneQuestion .answers label:before {
  width: 18px;
  height: 18px; }

#userFlow .oneQuestion .answers label:after {
  width: 18px;
  height: 18px; }

#userFlow .middleStep .raketkoGreat {
  background-image: url(../images/raketko/great.svg);
  width: 210px;
  height: 250px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 50px auto 0; }

#userFlow .unit {
  margin-top: 30px; }

#userFlow .optional {
  font-size: 12px;
  font-weight: 300;
  text-align: right;
  margin-top: -8px; }

#userFlow .card.info .text:first-of-type {
  margin-top: 0; }

#userFlow .card.info .text {
  line-height: 1.4;
  margin-top: 16px; }

#userFlow .card.info .text b {
  margin: 8px 0 2px;
  display: block; }

#userFlow .navbar {
  margin-bottom: 0; }

/*------------------------------------*\
    #TABS
\*------------------------------------*/
#steps .bar {
  height: 5px;
  background-color: #33a1e7;
  transition: width 200ms ease-in-out; }

#steps ul.tabs {
  border-bottom: 1px solid #E2E2E2;
  font-size: 20px;
  position: fixed;
  width: 100%;
  z-index: 2;
  height: 90px; }

#steps ul.tabs li {
  width: 33.33% !important;
  float: left;
  padding: 20px 30px;
  transition: all 0.3s ease-out;
  background-color: #fff;
  line-height: initial;
  text-align: left;
  height: 90px;
  text-transform: none;
  letter-spacing: initial;
  border-bottom: 1px solid #e4e4e4; }

#steps ul.tabs li a {
  color: #333; }

#steps ul.tabs li .step {
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase; }

#steps ul.tabs li .stepTitle {
  font-size: 22px; }

#steps ul.tabs li:after {
  clear: both;
  content: '';
  display: block; }

#steps .text {
  padding: 0px 30px;
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 1.4;
  font-weight: 300; }

#steps .tab-content {
  margin-top: 110px; }

#stepsWizard .steps {
  margin-top: 10px;
  width: calc(100% - 250px);
  display: inline-block; }

#stepsWizard .steps:after {
  clear: both;
  content: '';
  display: block; }

#stepsWizard .steps li {
  display: inline-block;
  text-align: center;
  width: 150px; }

#stepsWizard .steps li.hidden {
  display: none; }

#stepsWizard .steps li:last-child {
  margin-right: 0; }

#stepsWizard .steps li .stepNumber {
  border-radius: 50%;
  height: 42px;
  width: 42px;
  background: #ECECEC;
  margin: 0 auto;
  position: relative;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); }

#stepsWizard .steps li .stepNumber span {
  height: 28px;
  width: 28px;
  line-height: 28px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  color: #333;
  font-size: 13px;
  z-index: 1; }

#stepsWizard .steps li .stepTitle {
  text-transform: uppercase;
  font-size: 13px;
  margin-top: 7px;
  color: #333;
  font-weight: 300; }

#stepsWizard .steps li.active .stepNumber span {
  background-color: #33a1e7;
  color: #fff; }

#stepsWizard .steps li.active .stepTitle {
  color: #33a1e7; }

#stepsWizard .steps li.done .stepNumber span {
  speak: none;
  display: inline-block;
  font-family: "Material-Design-Icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: transparent; }

#stepsWizard .steps li.done .stepNumber span:before {
  content: "\e8a7";
  color: #fff;
  margin-left: 6px;
  font-size: 17px; }

#stepsWizard .next button {
  float: right;
  text-align: center;
  letter-spacing: .5px;
  border-radius: 2px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  outline: 0;
  padding: 0 16px;
  min-width: 130px; }

#stepsWizard .next button[disabled] {
  background: #999; }

#stepsWizard .next a {
  color: #fff; }

#stepsWizard .skip {
  float: right;
  opacity: 1;
  line-height: 50px;
  margin-right: 30px;
  transition: all 200ms ease-in-out;
  cursor: pointer; }

#stepsWizard .skip:hover {
  color: #009fe3; }

#stepsWizard .previous.disabled {
  opacity: 0; }

#stepsWizard .pager {
  position: absolute;
  right: 30px;
  top: 0;
  margin: 25px 0px; }

#stepsWizard .pager li > a {
  background-color: transparent;
  border-radius: initial;
  padding: initial;
  border: none; }

#stepsWizard a:hover {
  text-decoration: none; }

/* INTRO */
#healthReserveLession .text {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  padding: 0 16; }

#healthReserveLession {
  text-align: center; }

#healthReserveLession .intro1 .image {
  background: url("../../../images/healthReserve/lections/intro1.svg");
  height: 250px;
  width: 250px;
  margin: 0 auto 30px;
  background-size: contain;
  background-repeat: no-repeat; }

#healthReserveLession .active {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

#healthReserveLession .intro2 .image {
  background: url("../../../images/healthReserve/lections/intro2.svg");
  height: 250px;
  width: 250px;
  margin: 0 auto 30px;
  background-size: contain;
  background-repeat: no-repeat; }

#healthReserveLession .intro3 .image {
  background: url("../../../images/healthReserve/lections/intro3.svg");
  height: 250px;
  width: 250px;
  margin: 0 auto 30px;
  background-size: contain;
  background-repeat: no-repeat; }

#healthReserveLession .intro4 .image {
  background: url("../../../images/healthReserve/lections/intro4.svg");
  height: 250px;
  width: 250px;
  margin: 0 auto 30px;
  background-size: contain;
  background-repeat: no-repeat; }

#healthReserveLession .intro5 .image {
  background: url("../../../images/healthReserve/lections/intro5.svg");
  height: 250px;
  width: 250px;
  margin: 0 auto 30px;
  background-size: contain;
  background-repeat: no-repeat; }

/* Questionaires */
#userFlow .question-description {
  font-family: 'Roboto';
  line-height: 1.4; }

#userFlow .scaleAnswer label {
  padding-left: 0; }

#userFlow .scaleAnswer label span {
  display: none; }

#userFlow .heading {
  font-size: 32px;
  font-weight: 400;
  margin: 0px 0 10px;
  line-height: 1.1; }

#userFlow .table-scale .scale-row {
  height: 48px;
  font-size: 14px; }

#userFlow .tip {
  /* font-weight: 300; */
  font-size: 17px;
  margin-bottom: 16px; }

#userFlow .greetings {
  font-weight: 300;
  font-size: 17px;
  margin-bottom: 12px;
  line-height: 1.2; }

#userFlow .table-scale tbody tr .question {
  padding-left: 16px; }

#userFlow .table-scale tbody tr {
  display: none; }

#userFlow .table-scale tr.scale-row {
  display: table-row;
  border-bottom: 1px solid rgba(228, 228, 228, 0.5); }

#userFlow .table-scale tbody tr:first-of-type {
  border-bottom: 1px solid rgba(228, 228, 228, 0.5); }

#userFlow .table-scale tbody tr:last-of-type {
  border-bottom: none; }

#userFlow .table-scale tbody tr:nth-child(4n+5) {
  border-bottom: 1px solid rgba(228, 228, 228, 0.5); }

#userFlow .questionnaire-table-questions .multi td {
  vertical-align: top;
  display: block; }

#userFlow .questionnaire-table-questions .multi .question-description {
  font-weight: 300;
  font-size: 17px;
  margin-bottom: 26px;
  margin-top: -19px;
  display: block; }

#userFlow .questionnaire-table-questions .multi .multiplechoise-item {
  width: 100%;
  float: left;
  line-height: 34px;
  text-align: left; }

#userFlow .questionnaire-table-questions .multi .multiplechoise-item label {
  line-height: 1.1;
  padding-right: 10px;
  vertical-align: middle;
  padding-top: 5px; }

/* PARQ */
#userFlow #manager-parq .question {
  text-align: center; }

#userFlow #manager-parq .text {
  text-align: center;
  font-size: 25px;
  margin: 80px 20% 66px;
  line-height: 1.4; }

#userFlow #manager-parq .answer-wrap {
  display: inline-block;
  padding: 0 16px; }

#userFlow #manager-parq .answer-wrap label {
  font-size: 20px;
  padding-right: 26px;
  padding-left: 30px;
  line-height: 21px; }

/* Missing tasks */
#userFlow .missingImage {
  background: url("../../../images/healthReserve/missingTask.svg");
  height: 400px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

#userFlow .missingTasks {
  padding-left: 36px; }

#userFlow .missingTasks li {
  padding: 15px 0;
  cursor: pointer; }

#userFlow .missingTasks li span {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 50px;
  font-size: 19px;
  transition: color 200ms ease-in-out; }

#userFlow .missingTasks li:hover span {
  color: #009fe3; }

#userFlow .missingTasks li:before {
  font-family: '24alife';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e67a";
  color: #FF9800;
  font-size: 30px;
  width: 30px;
  display: inline-block;
  text-align: center;
  position: absolute; }

#userFlow .missingTasks .test:before {
  content: "\e67a";
  color: #FF9800; }

#userFlow .missingTasks .questionnaire:before {
  content: "\e62a";
  color: #673AB7;
  font-size: 28px; }

#userFlow .missingTasks .measurement:before {
  content: "\e645";
  color: #00BCD4; }

#userFlow .type {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 17px; }

#userFlow .resultsPortal {
  margin-top: 40px; }

/* Tests */
#userFlow #flexibilityTest .instructions.tests ul li label {
  width: auto;
  line-height: 30px; }

#userFlow #muscularTest .instructions.tests ul li label {
  width: auto;
  line-height: 30px; }

#userFlow #manager-self-evaluation .subheader {
  font-size: 32px;
  font-weight: 400;
  margin: 0px 0 10px;
  line-height: 1.3; }

#userFlow #manager-self-evaluation .questions {
  margin-top: 50px; }

#userFlow #manager-self-evaluation .scaleAnswer {
  width: 40px; }

#userFlow #manager-self-evaluation .answer-description-big {
  padding-left: 6px; }

#userFlow #manager-self-evaluation .answer-description-big label {
  cursor: pointer; }

#userFlow .table-scale.self-evaluation tbody tr:nth-child(odd) {
  background-color: transparent; }

#userFlow #loadingPage .raketkoLoading {
  width: 112px;
  height: 288px;
  background: url("../../../images/healthReserve/loadingRaketko.png");
  -webkit-animation: play 700ms steps(9);
  -moz-animation: play 700ms steps(9);
  -ms-animation: play 700ms steps(9);
  -o-animation: play 700ms steps(9);
  animation: play 500ms steps(9);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  margin: 0 auto; }

@-webkit-keyframes play {
  from {
    background-position: 0px; }

  to {
    background-position: -1008px; } }

@-moz-keyframes play {
  from {
    background-position: 0px; }

  to {
    background-position: -1008px; } }

@-ms-keyframes play {
  from {
    background-position: 0px; }

  to {
    background-position: -1008px; } }

@-o-keyframes play {
  from {
    background-position: 0px; }

  to {
    background-position: -1008px; } }

@keyframes play {
  from {
    background-position: 0px; }

  to {
    background-position: -1008px; } }

#userFlow #loadingPage .text {
  font-size: 28px;
  font-weight: 400;
  margin: 50px 0 10px;
  line-height: 1.3;
  text-align: center;
  padding: 0 11%; }

#userFlow #loadingPage .calculating {
  text-align: center;
  font-size: 19px;
  font-weight: 300; }

#userFlow .loading {
  height: 4px;
  width: 206px;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  margin-top: 50px;
  margin: 40px auto 30px; }

#userFlow .loading:before {
  display: block;
  position: absolute;
  content: "";
  left: -100px;
  width: 100px;
  height: 4px;
  background-color: #009fe3;
  animation: loading 2s linear infinite; }

@keyframes loading {
  from {
    left: -150px;
    width: 30%; }

  50% {
    width: 30%; }

  70% {
    width: 70%; }

  80% {
    left: 50%; }

  95% {
    left: 120%; }

  to {
    left: 100%; } }

#userFlow .weightRaketko {
  background: url("../../../images/healthReserve/coolRaketko.svg");
  height: 280px;
  width: 240px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 40px auto 0; }

#userFlow .medicalRaketko {
  background: url("../../../images/healthReserve/medicalRaketko.svg");
  height: 320px;
  width: 300px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 40px auto 0; }

#userFlow .data label {
  width: auto; }

#userFlow .data {
  margin-bottom: 50px; }

#userFlow .data .answers li {
  line-height: 30px; }

#userFlow .data #lifestyle li {
  padding-top: 10px; }

#userFlow .data #lifestyle li label {
  line-height: 20px; }

#userFlow .data .subTitle {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 17px; }

#userFlow .data input.datepicker {
  margin-right: 10px;
  height: 40px;
  padding: 0 4px 0 0;
  width: 100%;
  max-width: 240px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  color: #333;
  font-size: 16px;
  cursor: pointer; }

#userFlow .data input.datepicker::-webkit-input-placeholder,
#userFlow .data input.datepicker::-webkit-input-placeholder {
  color: #333; }

#userFlow .change-test-type {
  color: #009FE3;
  cursor: pointer;
  font-weight: 400; }

/* Health result */
#healthScoreResult .background {
  background-image: url("../../../images/externalDevices/devicesBackground.jpg");
  position: fixed;
  width: calc(100% - 256px);
  height: 100%;
  background-size: contain;
  z-index: 0;
  background-repeat: no-repeat;
  top: 60px;
  left: 256px;
  right: auto;
  bottom: 0;
  opacity: 0.1;
  filter: grayscale(1);
  -webkit-filter: grayscale(1); }

#healthScoreResult .pagetitle {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 500;
  color: #009fe3;
  padding: 0 0.75rem; }

#healthScoreResult .resultView {
  /* margin-top: 10px; */ }

#healthScoreResult .resultView .detailedView .col .card {
  /* min-height: 296px; */
  background: #009fe3; }

#healthScoreResult .resultGraph {
  width: 60%;
  margin: 8px auto 8px;
  height: 110px;
  background: #009fe3; }

#healthScoreResult #mainResult {
  height: 160px; }

#healthScoreResult .resultGraph .highcharts-data-labels span {
  font-size: 17px !important;
  font-weight: 400 !important;
  top: 8px !important;
  color: #fff !important; }

#healthScoreResult .yourScore {
  margin: 0;
  /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); */
  /* margin-top: 16px; */
  /* background: #fff; */
  position: relative;
  padding: 21px 40px 1px; }

#healthScoreResult .yourScore .text {
  font-size: 26px;
  text-align: center; }

#healthScoreResult .yourScore .result {
  text-align: center;
  padding: 8px 0 20px;
  font-size: 21px;
  font-family: 'Roboto Condensed';
  margin-top: -126px;
  margin-bottom: 30px; }

#healthScoreResult .yourScore .result span {
  color: #009FE3;
  font-weight: bold;
  display: block;
  font-size: 38px;
  margin-bottom: 3px; }

#healthScoreResult .yourScore .resultText {
  text-align: center;
  font-size: 25px;
  margin-bottom: 20px;
  font-weight: 500; }

#healthScoreResult .yourScore .description {
  font-weight: 300;
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 36px; }

#healthScoreResult .detailedView .graphType {
  text-transform: uppercase;
  padding: 16px 16px 2px;
  font-size: 15px;
  font-weight: 500;
  color: #fff; }

#healthScoreResult .detailedView .description {
  font-weight: 300;
  font-size: 15px;
  line-height: 1.3;
  padding: 16px;
  /* text-align: center; */
  background: #fff; }

/* Warning PARQ */
#manager-parq .warning-container .description {
  font-size: 17px;
  padding: 0 16px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 40px; }

#manager-parq .warning-container .confirm-it {
  padding-left: 16px; }

/* Warning input - mandatory data */
#userFlow .warning .warningText {
  font-size: 12px;
  font-weight: 300;
  margin-top: -8px;
  display: none;
  color: #F44336; }

#userFlow .resultsPortal.error input[type=radio] + label {
  color: #F44336; }

#userFlow .clearfix.error .input-field input[type=text],
#userFlow .clearfix .input-field.required input[type=text],
#userFlow .resultsPortal.error .input-field input[type=text] {
  border-bottom: 1px solid #f44336;
  box-shadow: 0 1px 0 0 #f44336; }

#userFlow .clearfix.error .warning .warningText {
  display: block; }

#userFlow .programActivities {
  margin-top: 60px;
  margin-left: 50px; }

#userFlow .table-scale .scale-row.highlight {
  background: transparent;
  font-weight: initial; }

#stressProfileResults .legend {
  text-align: center;
  margin-bottom: 14px; }

#stressProfileResults .legend ul {
  list-style: none;
  display: inline-block; }

#stressProfileResults .legend ul li {
  display: inline-block;
  padding-left: 10px;
  padding-right: 5px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 22px; }

#stressProfileResults .legend ul li span {
  font-size: 0.875em;
  color: #363636; }

#stressProfileResults .card .contentCard {
  padding: 16px; }

/** circles **/
#stressProfileResults .legend li.blue:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  color: #28BADC;
  margin-right: 10px; }

#stressProfileResults .legend li.purple:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  color: #8A17D5;
  margin-right: 10px; }

#stressProfileResults .legend li.dark-green:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  color: #0FA861;
  margin-right: 10px; }

#stressProfileResults .legend li.green:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  color: #9BDD44;
  margin-right: 10px; }

#stressProfileResults .legend li.red:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  color: #E92020;
  margin-right: 10px; }

#stressProfileResults .legend li.yellow:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  color: #F5E718;
  margin-right: 10px; }

#stressProfileResults .legend li.orange:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  color: #EE7716;
  margin-right: 10px; }

#stressProfileResults .legend li.orange-light:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  color: #EEAB18;
  margin-right: 10px; }

#stressProfileResults .stressResults .heading {
  font-size: 24px;
  font-weight: 400;
  margin: 0px 0 10px;
  line-height: 1.1; }

/* Media queries */
@media (min-width: 1650px) {
  #userFlow #bar {
    top: 21px;
    left: 70px; }

  #stepsWizard .pager {
    /* top: -10px; */ } }
@media screen and (min-width: 800px) {
  #userFlow .questionnaire-table-questions .multi .multiplechoise-item {
    width: 50%; } }
@media screen and (min-width: 1400px) {
  #userFlow .questionnaire-table-questions .multi .multiplechoise-item {
    width: 33.33%; } }
@media screen and (max-width: 1100px), (min-height: 1250px) {
  #userFlow .card {
    margin-top: 80px; }

  #userFlow #healthScoreResult .card {
    margin-top: 0px; }

  #userFlow #healthReserveCompareResults .card {
    margin-top: 0px; } }
@media screen and (max-width: 993px) {
  #healthScoreResult .background {
    left: 0;
    width: 100%;
    background-size: cover;
    height: 225px; } }
@media screen and (max-width: 1025px) {
  #userFlow #questionnaireContainer td.padding-left {
    min-width: 226px; }

  #userFlow #hrMeasurements .weightRaketko {
    display: none; }

  #userFlow #hrMeasurements .col.m6 {
    width: 100%; }

  #userFlow #hrMeasurements .clearfix .col.m6 {
    width: 50%; }

  #userFlow #muscularTest .instructions.tests ul li label,
  #userFlow #flexibilityTest .instructions.tests ul li label {
    line-height: 15px;
    padding: 6px 35px; }

  #missingTasks .missingImage {
    display: none; }

  #missingTasks .m6 {
    width: 100%; } }
@media screen and (max-width: 1400px) {
  #healthReserveLession .image {
    height: 175px !important; }

  #userFlow .title {
    font-size: 40px;
    margin: 0 16px 16px; }

  #healthReserveLession .text {
    font-size: 18px; } }
@media screen and (max-width: 600px) {
  #userFlow .heading {
    font-size: 20px; }

  #userFlow .missingTasks {
    padding-left: 0px; }

  #userFlow .missingTasks li {
    word-break: break-word; }

  #userFlow #questionnaireContainer td.padding-left {
    min-width: 140px; }

  #userFlow .instructions.tests #executionType ul.answers li {
    line-height: 60px; }

  #healthReserveLession .image {
    display: none !important; }

  #userFlow .navigationBar {
    background: transparent;
    border-top: none; }

  #stepsWizard .pager {
    width: calc(100% - 32px);
    left: 16px;
    top: -10px; }

  #stepsWizard .next button {
    width: 100%; }

  #userFlow .moreInfo .raketko {
    display: none; }

  #userFlow .moreInfo {
    margin-top: 20px; }

  #userFlow .title {
    margin: 0;
    font-size: 32px;
    margin-bottom: 16px; }

  #userFlow .subtitle {
    padding: 0; }

  #userFlow .moreInfo .col.s12 {
    padding: 0; }

  #stepsWizard .skip {
    float: none;
    text-align: center;
    position: absolute;
    bottom: -22px;
    width: 100%;
    color: #009fe3;
    background: #f4f5f3;
    line-height: 8px; }

  #userFlow #manager-parq .text {
    margin: 30px 20px 60px;
    font-size: 1.6em; }

  #userFlow .card.info {
    display: none; }

  #userFlow .medicalRaketko {
    display: none; }

  #userFlow table.table-scale .scaleAnswerTh {
    display: table-cell; }

  #userFlow .instructions.tests ul li label {
    line-height: 21x; }

  #userFlow .instructions.tests ul li {
    margin-top: 8px; }

  #userFlow .instructions .row {
    margin-top: 16px; }

  #userFlow #manager-self-evaluation .subheader {
    font-size: 25px;
    line-height: 1; }

  #self-evaluation tr td {
    padding: 14px 0;
    line-height: 1.4; }

  #userFlow .programActivities {
    margin: 26px 0 0 0; }

  #programLevels .programActivities .dates {
    width: calc(100% - 32px);
    margin-top: 0px; }

  #programLevels .programActivities li {
    margin-bottom: 40px; } }
/* Stress profile results */
#stressProfileResults .heading {
  font-size: 26px;
  margin-bottom: 26px; }

#stressProfileResults .result {
  margin-bottom: 16px;
  border-bottom: 1px dashed #e4e4e4;
  padding-bottom: 16px; }

#stressProfileResults .result:last-of-type {
  border-bottom: none;
  padding-bottom: 0; }

#stressProfileResults .resultHeader {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 14px; }

#stressProfileResults .resultSmile {
  display: inline-block;
  width: 120px;
  vertical-align: top;
  margin-top: -30px; }

#stressProfileResults .explanation {
  display: inline-block;
  width: calc(100% - 124px);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.4; }

#stressProfileResults .result-smile {
  height: 80px;
  width: 80px;
  margin: 0px auto; }

#stressProfileResults .short-result {
  font-weight: 500;
  text-align: center;
  padding-top: 7px;
  color: #009fe3; }

#stressProfileResults #stressProfileChart {
  margin-top: -30px; }

#stressProfileResults .result-smile.smiley1 {
  background-image: url("../../../images/stress/stressprofile/smiley1.svg");
  background-repeat: no-repeat;
  background-size: contain; }

#stressProfileResults .result-smile.smiley2 {
  background-image: url("../../../images/stress/stressprofile/smiley2.svg");
  background-repeat: no-repeat;
  background-size: contain; }

#stressProfileResults .result-smile.smiley3 {
  background-image: url("../../../images/stress/stressprofile/smiley3.svg");
  background-repeat: no-repeat;
  background-size: contain; }

#stressProfileResults .result-smile.smiley4 {
  background-image: url("../../../images/stress/stressprofile/smiley4.svg");
  background-repeat: no-repeat;
  background-size: contain; }

#stressProfileResults .result-smile.smiley5 {
  background-image: url("../../../images/stress/stressprofile/smiley5.svg");
  background-repeat: no-repeat;
  background-size: contain; }

@media screen and (max-width: 1100px), (min-height: 1250px) {
  #userFlow #stressProfileResults .card {
    margin-top: 0px; } }