/*
* strip-unit - Unit stripper [10px = 10]
* param - $num : the value with a unit suffix, E.g: 10px
* return - $result : the value without any suffix, E.g: 10
* E.g. strip-unit(100px) = 100
*/
/*
* pxToEM - Convert PX value to EM value [100px = 6.25em]
* param - $target : the value in px without 'px' suffix, E.g: 100
* return - $result : the value in em with 'em' suffix, E.g: 6.25em
* E.g. pxToEM(100) = 6.25em
*/
/*
* u - PX and REM constrictor
* param - $property : css property, E.g: padding
* param - $values... : list of values for the property, note values are multiplied by $pixelBase, E.g.: 10, 20, 30, 40
* return - $result : the css property with values applied in pixels
* E.g. @include u(padding, 10, 20, 30, 40) = padding: 100px, 200px, 300px, 400px;
*/
body {
  counter-reset: questions; }

.c2Survey__Cont {
  border: 1px solid #c2c2c2;
  background: #fff;
  padding: 2%; }
  @media (min-width: 765px) {
    .c2Survey__Cont__Fields {
      padding: 0 1rem; } }
  .c2Survey__Cont__Fields .surveySlider {
    margin-bottom: 1rem;
    background: #e5e5e5;
    border-radius: 10px;
    padding: 0.8rem; }
    .c2Survey__Cont__Fields .surveySlider .FormCodesScroll {
      display: none; }
    @media (min-width: 765px) {
      .c2Survey__Cont__Fields .surveySlider {
        margin-bottom: 1.2rem;
        padding: 1rem; } }
    .c2Survey__Cont__Fields .surveySlider .c2form_fldname {
      font-size: 1rem;
      color: #4f4f4f; }
      @media (min-width: 765px) {
        .c2Survey__Cont__Fields .surveySlider .c2form_fldname {
          font-size: 1.2rem; } }
    .c2Survey__Cont__Fields .surveySlider .c2form_fldname::before {
      counter-increment: questions;
      content: counter(questions);
      margin-right: 0.4rem;
      padding-right: 0.3rem;
      border-right: 1px solid #4b4b4b;
      border-radius: 5px;
      font-weight: 700; }
    .c2Survey__Cont__Fields .surveySlider .c2form_radio {
      display: none; }
  .c2Survey__Cont__Fields .c2form_slider {
    padding: 0.5rem 5%; }
    .c2Survey__Cont__Fields .c2form_slider__range {
      display: flex;
      justify-content: space-between;
      font-weight: bolder;
      align-items: flex-end;
      padding: 0 0.7rem;
      min-height: 21px; }
      .c2Survey__Cont__Fields .c2form_slider__range__current {
        font-size: 120%;
        color: #00725b; }
    .c2Survey__Cont__Fields .c2form_slider__rating {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      flex-direction: column;
      position: relative;
      min-height: 28px; }
      .c2Survey__Cont__Fields .c2form_slider__rating > div {
        text-align: left; }
      .c2Survey__Cont__Fields .c2form_slider__rating__title {
        padding: 5px; }
        .c2Survey__Cont__Fields .c2form_slider__rating__title:hover + .c2form_slider__rating__disc {
          display: block; }
        .c2Survey__Cont__Fields .c2form_slider__rating__title:not(:empty):after {
          content: "";
          display: inline-block;
          width: 12px;
          height: 10px;
          margin: 0 5px;
          background-position: center;
          background-repeat: no-repeat;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2300725b' d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E"); }
      .c2Survey__Cont__Fields .c2form_slider__rating__disc {
        display: none;
        z-index: 1;
        position: absolute;
        top: 100%;
        background: #fff;
        border: 1px solid #d7d7d7;
        border-radius: 5px;
        padding: 1rem;
        max-width: 800px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 0px 7px 12px -6px rgba(0, 0, 0, 0.5); }
        .c2Survey__Cont__Fields .c2form_slider__rating__disc:hover {
          display: block; }
        .c2Survey__Cont__Fields .c2form_slider__rating__disc:after {
          content: "";
          position: absolute;
          bottom: 100%;
          left: 50%;
          margin-left: -8px;
          border-width: 8px;
          border-style: solid;
          border-color: transparent transparent #007b62 transparent; }
  .c2Survey__Cont input[type="range"] {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1;
    height: 2.2em;
    background-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    width: 100%; }
  .c2Survey__Cont input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; }
  .c2Survey__Cont input[type="range"]:focus {
    outline: none; }
  .c2Survey__Cont input[type="range"]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
  .c2Survey__Cont input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2em;
    height: 2em;
    margin-top: 0;
    background-color: #00725b;
    border-radius: 1em;
    border: 2px solid rgba(255, 255, 255, 0.5);
    cursor: pointer; }
  .c2Survey__Cont input[type="range"]::-moz-range-thumb {
    width: 2em;
    height: 2em;
    margin-top: 0;
    background-color: #00725b;
    border-radius: 1em;
    border: 2px solid rgba(255, 255, 255, 0.5);
    cursor: pointer; }
  .c2Survey__Cont input[type="range"]::-ms-thumb {
    width: 1.8em;
    height: 1.8em;
    margin-top: 0.4em;
    background-color: #00725b;
    border-radius: 1em;
    border: 2px solid rgba(255, 255, 255, 0.5);
    cursor: pointer; }
  .c2Survey__Cont input[type="range"]:hover::-webkit-slider-thumb {
    border-color: rgba(255, 255, 255, 0.7); }
  .c2Survey__Cont input[type="range"]:hover::-moz-range-thumb {
    border-color: rgba(255, 255, 255, 0.7); }
  .c2Survey__Cont input[type="range"]:hover::-ms-thumb {
    border-color: rgba(255, 255, 255, 0.7); }
  .c2Survey__Cont input[type="range"]:active::-webkit-slider-thumb {
    border-color: #ffffff; }
  .c2Survey__Cont input[type="range"]:active::-moz-range-thumb {
    border-color: #ffffff; }
  .c2Survey__Cont input[type="range"]:active::-ms-thumb {
    border-color: #ffffff; }
  .c2Survey__Cont input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    cursor: pointer;
    height: 1.2em;
    border-bottom: 5px solid #fff;
    background-color: transparent; }
  .c2Survey__Cont input[type="range"]::-moz-range-track {
    width: 100%;
    cursor: pointer;
    height: 1.2em;
    border-bottom: 5px solid #fff;
    background-color: transparent; }
  .c2Survey__Cont input[type="range"]::-ms-track {
    background: transparent;
    border-bottom: 5px solid #fff;
    color: transparent; }
  .c2Survey__Cont input[type="range"]::-ms-fill-lower {
    background: transparent;
    border-bottom: 5px solid #fff;
    color: transparent; }
  .c2Survey__Cont input[type="range"]::-ms-fill-upper {
    background: transparent;
    border-bottom: 5px solid #fff;
    color: transparent; }

.c2surveyResults {
  background: #fff;
  border: 1px solid #c2c2c2; }
  .c2surveyResults__Title, .c2surveyResults__Cont {
    margin: 1rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #ececec; }
  .c2surveyResults__Cont .c2graph__radar {
    position: relative;
    display: flex;
    justify-content: center; }
    .c2surveyResults__Cont .c2graph__radar__graph {
      height: auto;
      max-width: 95%;
      overflow: visible !important;
      margin: 20px 0; }
      .c2surveyResults__Cont .c2graph__radar__graph > g > g:not(:first-of-type) > path {
        stroke-width: 3px; }
      @media (min-width: 765px) {
        .c2surveyResults__Cont .c2graph__radar__graph {
          max-width: 75%;
          margin: 40px 0; } }
      .c2surveyResults__Cont .c2graph__radar__graph .spokeKey {
        font-size: 2rem; }
        @media (min-width: 765px) {
          .c2surveyResults__Cont .c2graph__radar__graph .spokeKey {
            font-size: 1.4rem; } }
        .c2surveyResults__Cont .c2graph__radar__graph .spokeKey--Responsive {
          display: block; }
          @media (min-width: 765px) {
            .c2surveyResults__Cont .c2graph__radar__graph .spokeKey--Responsive {
              display: none; } }
      .c2surveyResults__Cont .c2graph__radar__graph .spokeLabel {
        font-size: 2rem; }
        @media (min-width: 765px) {
          .c2surveyResults__Cont .c2graph__radar__graph .spokeLabel {
            font-size: 1.1rem; } }
        .c2surveyResults__Cont .c2graph__radar__graph .spokeLabel--Responsive {
          display: none; }
          @media (min-width: 765px) {
            .c2surveyResults__Cont .c2graph__radar__graph .spokeLabel--Responsive {
              display: block; } }
  .c2surveyResults__Cont .c2graph__key {
    display: flex;
    justify-content: center; }
    .c2surveyResults__Cont .c2graph__key > div {
      margin: 0 1rem;
      position: relative; }
      .c2surveyResults__Cont .c2graph__key > div:before {
        content: "";
        width: 1rem;
        position: absolute;
        top: 40%;
        right: calc(100% + 0.4rem);
        border: 2px solid;
        border-color: inherit; }
  .c2surveyResults__Cont .c2graphTable tr > td:not(:first-of-type) {
    width: 100px; }
  .c2surveyResults__Cont .c2graphTable__average {
    padding: 0.5rem;
    padding-top: 0;
    overflow: auto; }
    .c2surveyResults__Cont .c2graphTable__average td {
      font-weight: 700; }
  .c2surveyResults__Cont .c2graphTable__data {
    margin-top: 1rem;
    padding: 0.5rem;
    padding-bottom: 0;
    border-top: 1px solid #ececec;
    overflow: auto; }
    .c2surveyResults__Cont .c2graphTable__data__table {
      width: 100%; }
      .c2surveyResults__Cont .c2graphTable__data__table thead {
        border: 1px solid #d2d2d2; }
        .c2surveyResults__Cont .c2graphTable__data__table thead th {
          text-align: left;
          height: 3rem;
          padding: 0 0.5rem;
          white-space: nowrap;
          border-right: 1px solid #d2d2d2; }
      .c2surveyResults__Cont .c2graphTable__data__table tbody {
        border: 1px solid #d2d2d2; }
        .c2surveyResults__Cont .c2graphTable__data__table tbody tr:not(:last-of-type) {
          border-bottom: 1px solid #d2d2d2; }
        .c2surveyResults__Cont .c2graphTable__data__table tbody tr td {
          height: 2.5rem;
          vertical-align: middle;
          padding: 0 0.5rem;
          border-right: 1px solid #d2d2d2; }

.c2surveyRequestResults {
  background: #fff;
  border: 1px solid #c2c2c2;
  padding: 1rem; }
  .c2surveyRequestResults .c2form_row input {
    margin: 1% 0; }
  .c2surveyRequestResults .c2form_reqfields {
    display: none; }
  .c2surveyRequestResults .c2form_buttons {
    text-align: left; }
    .c2surveyRequestResults .c2form_buttons .c2form_btnsep, .c2surveyRequestResults .c2form_buttons .beresetbtn {
      display: none; }
    .c2surveyRequestResults .c2form_buttons .besendbtn {
      margin: 1% 0; }