.choice-right {
  background-color: #26b944;
  color: #fff;
}
.choice-wrong {
  background-color: #e45553;
  color: #fff;
}
.choice-color {
  background-color: #f0f0f0;
  color: #333;
}
.choice-hover {
  background-color: #e8e8e8;
  color: #333;
}
.title-color {
  background-color: #21578a;
  color: #fff;
}
.choice-right,
.choice-wrong,
.choice-color,
.choice-hover,
.title-color {
  padding: 3px 5px;
  min-width: 200px;
  margin: 3px 0;
}
html {
  min-height: 100%;
  position: relative;
}
body {
  height: 100%;
}
.pti_data_vizualization {
  display: none;
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", "HelveticaNeue", "Arial", "Helvetica", "Roboto", "sans-serif";
  font-weight: 300;
  background-color: white;
}
.pti_data_vizualization .share-menu {
  font-size: 13px;
  border-top: 3px solid #adadae;
  margin: 2em 0 5px !important;
  font-weight: 400;
  letter-spacing: 0.7px;
}
.pti_data_vizualization .choice {
  cursor: pointer;
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", "HelveticaNeue", "Arial", "Helvetica", "Roboto", "sans-serif";
  font-weight: 300;
}
.pti_data_vizualization .none {
  content: counter(li, none) "." !important;
}
.pti_data_vizualization .square {
  content: counter(li, square) "." !important;
}
.pti_data_vizualization .disc {
  content: counter(li, disc) "." !important;
}
.pti_data_vizualization .circle {
  content: counter(li, circle) "." !important;
}
.pti_data_vizualization .decimal {
  content: counter(li, decimal) "." !important;
}
.pti_data_vizualization .decimal-leading-zero {
  content: counter(li, decimal-leading-zero) "." !important;
}
.pti_data_vizualization .lower-alpha:before {
  content: counter(li, lower-alpha) "." !important;
}
.pti_data_vizualization .lower-roman {
  content: counter(li, lower-roman) "." !important;
}
.pti_data_vizualization .upper-alpha {
  content: counter(li, upper-alpha) "." !important;
}
.pti_data_vizualization .upper-roman {
  content: counter(li, upper-roman) "." !important;
}
.pti_data_vizualization ol {
  counter-reset: li;
  margin-left: 0;
  padding-left: 0;
}
.pti_data_vizualization ol > li {
  position: relative;
  margin: 0 ;
  padding: 0;
  list-style: none;
}
.pti_data_vizualization ol > li.paragraph {
  position: relative;
  margin: 0 ;
}
.pti_data_vizualization ol > li.question {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  margin: 0 0 1em -1em;
  font-family: "MuseoSlab 300", "MuseoSlab", "Cambria", "serif";
  font-weight: 600;
  color: #21578a;
  font-size: 1.15em;
  padding: 1em 0 1em 24px;
}
.pti_data_vizualization ol > li.question:before {
  content: counter(li) ".";
  counter-increment: li;
  position: relative;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  width: 0px;
  margin-right: 0px;
  padding: 1em 0 1em 0px;
}
.pti_data_vizualization ol > li.question ol > li.choice {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 16px;
  position: relative;
  margin: 8px -2px;
  padding: 14px 48px 14px 48px;
  background-color: #F1F1F1;
  color: #CCC;
}
.pti_data_vizualization ol > li.question ol > li.choice.wrong {
  background-color: #e45553 !important;
  color: white;
  position: relative;
}
.pti_data_vizualization ol > li.question ol > li.choice.wrong:after {
  content: ' ';
  background: url(../interface/mark_x.png) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  right: 24px;
  top: 21px;
}
.pti_data_vizualization ol > li.question ol > li.choice.right {
  background-color: #26b944 !important;
  color: white;
  position: relative;
}
.pti_data_vizualization ol > li.question ol > li.choice.right:after {
  content: ' ';
  background: url(../interface/mark_check.png) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  right: 24px;
  top: 21px;
}
.pti_data_vizualization ol > li.question ol > li.choice > div.feedback {
  border-top: none;
  margin: 0 -3em 0;
  display: none;
}
.pti_data_vizualization ol > li.question ol > li.choice > div.feedback > div {
  padding: 28px 50px 16px;
}
.pti_data_vizualization ol > li.question ol > li.choice.clickable {
  color: #333;
}
.pti_data_vizualization ol > li.question ol > li.choice.clickable:hover {
  background-color: #e8e8e8;
}
.pti_data_vizualization ol > li.question ol > li.choice:before {
  font-family: "MuseoSlab 300", "MuseoSlab", "Cambria", "serif";
  font-weight: 300 !important;
  content: counter(li) ".";
  counter-increment: li;
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  margin-right: 4px;
  padding: 14px 14px 14px 24px;
}
.pti_data_vizualization li ol,
.pti_data_vizualization li ul {
  margin-top: 1em;
}
.pti_data_vizualization ol ol li:last-child {
  margin-bottom: 0;
}
.pti_data_vizualization #quizresult {
  background-color: #EAECEB;
  margin: 1em 0;
  padding: 1em;
}