.survey-page .question-pre-set-icon {
  color: #FFFFFF;
  font-size: 12px
}

.report-problem-container {
  background-color: #FFFFFF;
}

.survey-page .question-preset-theme {
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  outline: none;
  text-decoration: none;
}

.survey-page .question-validation-icon {
  background-color: #CC0000;
  color: #FFFFFF;
  font-size: 12px;
}

.survey-page {
  font-family: roboto,sans-serif;
  
  

}

.survey-page .survey-page-header .survey-title-container{
  background-color: #333333;
  
  

}

.survey-page .survey-title,  .survey-page .page-title-wrapper{
  background-color: initial !important;
}

.survey-page .survey-page-header .page-title-container {
  background-color: #333333;
  
  

}

.survey-page .question-matrix-row-even td,
.survey-page .question-matrix-row-even .matrix-row-label-cell {
  background-color: #f2f2f2;
}

.survey-page .checkbox-button-label.no-touch:hover,
.survey-page .checkbox-button-label.touch-sensitive.touchdown,
.survey-page .radio-button-label.no-touch:hover,
.survey-page .radio-button-label.touch-sensitive.touchdown {
  background-color: #f2f2f2;
  border-left-color: #333333;
}

.survey-page .slider-wrapper {
  background-color: #f2f2f2;
}

.survey-page .question-body-emoji {
  text-decoration: none !important;
  font-style: normal !important;
  font-weight: normal !important;
}

.survey-page [data-preset-question] .checkbox-button-label.no-touch:hover,
.survey-page [data-preset-question] .checkbox-button-label.touch-sensitive.touchdown,
.survey-page [data-preset-question] .radio-button-label.no-touch:hover,
.survey-page [data-preset-question] .radio-button-label.touch-sensitive.touchdown
{
  background-color: #333333;
  border-left-color: #333333;
}

.question-ranking-rank-hover {
  background-color: #f2f2f2;
}

.radio-button-label.focus .radio-button-display,
.checkbox-button-label.focus .checkbox-button-display {
  outline-color: #333333;
}

.modern-browser .radio-button-label.focus .radio-button-display,
.modern-browser .checkbox-button-label.focus .checkbox-button-display {
  border-color: #333333;
  box-shadow: 0 0 4px #333333;
}

.survey-page .progress-bar-container {
    border-spacing: 0;
    width: 60%;
    
  

}

.survey-page .progress-bar-section {
  background-color: #FFFFFF;
  color: #333333;
  font-size: 14px;
}

.survey-page .progress-bar-indicator-wrapper {
  border-color: #CCCCCC;
  border-width: 1px;
}

.survey-page .progress-bar-indicator{
  background-color: #ffba00;
}

.survey-page .exit-survey {
  color: white;
  
  
    
      font-size: 12px;
    
      font-weight: 300;
    
  

}

.survey-page .question-body select{
  font-size: 14px;
}



.survey-page .question-body .slider-wrapper .slider-labels {
  
    font-size: 14px !important;
    font-weight: bold;
  
}






  .survey-page .survey-page-button.prev-button:before {
    
    
  
    
      content: '“';
    
      padding: 0 3px 0 0;
    
      font-family: SMFont;
    
  

  }


.survey-page .required-asterisk{
  
  
    
      font-size: 18px;
    
      right: 100%;
    
      color: #ffba00;
    
      top: -4px;
    
      padding: 0;
    
      position: absolute;
    
      margin: 0 45px 0 0;
    
      line-height: 117%;
    
  

  font-weight: 300;
}


  
    .survey-body {
      
  
    
      background-color: #EFEFEF;
    
  

    }
  


  
    .survey-page .page-subtitle {
      
  
    
      font-size: 18px;
    
      line-height: 167%;
    
      color: #333333;
    
      text-decoration: none;
    
      font-weight: 300;
    
      font-style: normal;
    
  

    }
  


  
    .survey-page .page-title-wrapper {
      
  
    
      font-size: 18px;
    
      color: #FFFFFF;
    
      text-decoration: none;
    
      padding: 0 0 30px 0;
    
      font-weight: 300;
    
      font-style: normal;
    
      background-color: #333333;
    
  

    }
  


  


  
    .survey-page .question-body, .survey-page .question-body-font-theme {
      
  
    
      color: #333333;
    
      font-size: 14px;
    
      font-weight: 300;
    
      font-style: normal;
    
      text-decoration: none;
    
  

    }
  


  
  

  
  

  
  

  


  


  
    .survey-page .question-container {
      
  
    
      margin:  0 30px 30px 0;
    
  

    }
  


  
    .survey-page .question-dot {
      
  
    
      display: none;
    
  

    }
  


  
    .survey-page .question-number {
      
  
    
      border-radius: 50%;
    
      font-size: 12px;
    
      right: 100%;
    
      margin: 0 10px 0 0;
    
      top: -4px;
    
      height: 30px;
    
      padding: 0;
    
      width: 30px;
    
      position: absolute;
    
      font-weight: 600;
    
      border: 2px solid #333333;
    
      display: inline-block;
    
      text-align: center;
    
  

    }
  


  


  
    .survey-page .question-title-container {
      
  
    
      font-size: 24px;
    
      line-height: 125%;
    
      color: #333333;
    
      text-decoration: none;
    
      font-weight: 300;
    
      font-style: normal;
    
  

    }
  


  
    .survey-page .question-validation-theme {
      
  
    
      color: #CC0000;
    
      font-size: 12px;
    
      font-weight: 300;
    
      font-style: normal;
    
      text-decoration: none;
    
  

    }
  


  


  
    .survey-page .survey-page-body {
      
  
    
      font-family: roboto,sans-serif;
    
      background-color: #FFFFFF;
    
  

    }
  


  
    .survey-page .survey-page-button.done-button {
      
  
    
      color: #ffba00;
    
      background-color: #333333;
    
  

    }
  


  
    .survey-page .survey-page-button.next-button {
      
  
    
      color: #ffba00;
    
      background-color: #333333;
    
  

    }
  


  
    .survey-page .survey-page-button.next-button, .survey-page .survey-page-button.done-button {
      
  
    
      color: #ffffff;
    
      font-size: 16px;
    
      background-color: #ffba00;
    
  

    }
  


  
    .survey-page .survey-page-button.next-button:after, .survey-page .survey-page-button.done-button:after {
      
  
    
      content: '”';
    
      padding: 0 0 0 3px;
    
      font-family: SMFont;
    
  

    }
  


  
    .survey-page .survey-page-button.prev-button {
      
  
    
      font-size: 16px;
    
  

    }
  


  


  


  
    .survey-page .survey-title {
      
  
    
      font-size: 36px;
    
      font-weight: 300;
    
      color: #ffba00;
    
      text-decoration: none;
    
      font-family: merriweather,serif;
    
      font-style: normal;
    
      background-color: #333333;
    
  

    }
  


  


  
    .survey-title-container .survey-title-table {
      
  
    
      margin-top: 60px;
    
  

    }
  


  
    .top-logo-section {
      
  
    
      background-color: #333333;
    
  

    }
  




  

  

  


 
  
    .survey-page {
      max-width: none;
      width: 100%;
    }

    .survey-page .survey-page-header .top-logo-section {
      padding: 0 20%;
    }

    .survey-page .survey-page-header .survey-title-container {
      padding: 18px 20% 0;
    }

    .survey-page .survey-page-header .page-title-container {
      padding: 8px 20% 14px;
      border-left: 24px solid transparent;
      border-right: 24px solid transparent;
    }

    .survey-page .survey-page-body {
      padding: 36px 20% 1px;
      border-left: 24px solid transparent;
      border-right: 24px solid transparent;
    }

    .survey-page .survey-page-header .top-logo-section .exit-button-container {
      margin: 0 24px 0 0;
      padding: 24px 0 0 0;
    }
  




@media only screen and (max-width: 480px) {
  .modern-browser .survey-page .question-matrix-table.reflow .question-matrix-row-odd td,
  .modern-browser .survey-page .question-matrix-table.reflow .menu-matrix-select-cell td {
    background-color: #f2f2f2;
  }

  .modern-browser .survey-page .question-matrix-table.reflow .other-answer-container {
    padding: 0;
  }

  .modern-browser .survey-page .question-matrix-table.reflow .other-answer-label {
    background-color: #f2f2f2;
    padding: 5px;
    margin: 0;
  }

  .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-rating {
    text-align: left;
    padding:0 15px 0 15px;
  }

  .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-color {
    left: auto;
    right: auto;
  }

  .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-border {
    left: auto;
    right: auto;
  }

  .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-label-text {
    display: inline;
    position: absolute;
    top: 10px;
    left: 50px;
  }

  .modern-browser .survey-page .question-emoji-rating-table.reflow .radio-button-label {
    padding: 8px 8px 8px 15px;
  }

  .modern-browser .survey-page .question-emoji-rating-table.reflow .radio-button-label-text {
    text-align: left;
    margin: 0px 0px 0px 35px;
  }

}


@media only screen and (max-width: 768px) {
  
  
    .survey-body .survey-page .survey-page-header .page-title-container {
      
  
    
      padding: 8px 80px 30px 80px;
    
      border: none;
    
  

    }
  

  
  
    .survey-body .survey-page .survey-page-header .survey-title-container {
      
  
    
      padding: 0 56px;
    
  

    }
  

  
  
    .survey-page .page-title-wrapper {
      
  
    
      padding: 0;
    
  

    }
  

  
  

  
  

  
  
    .survey-page .survey-page-body {
      
  
    
      padding: 36px 80px 0;
    
      border: none;
    
  

    }
  

  
  

  
  

  
  

}


@media only screen and (max-width: 480px) {
  
  
    .survey-body .survey-page .survey-page-header .page-title-container {
      
  
    
      padding: 8px 18px 14px;
    
  

    }
  

  
  
    .survey-body .survey-page .survey-page-header .survey-title-container {
      
  
    
      padding: 0;
    
  

    }
  

  
  
    .survey-page .page-title-wrapper {
      
  
    
      font-size: 14px;
    
  

    }
  

  
  
    .survey-page .question-body, .survey-page .question-body-font-theme {
      
  
    
      font-size: 14px;
    
  

    }
  

  
  
    .survey-page .question-dot {
      
  
    
      display: inline;
    
  

    }
  

  
  
    .survey-page .question-number {
      
  
    
      font-size: 16px;
    
      border: none;
    
      height: auto;
    
      padding: 0;
    
      width: auto;
    
      position: initial;
    
      margin: 0;
    
      display: inline;
    
  

    }
  

  
  
    .survey-page .question-title-container {
      
  
    
      font-size: 16px;
    
  

    }
  

  
  
    .survey-page .required-asterisk {
      
  
    
      top: 0;
    
      margin: 0;
    
  

    }
  

  
  
    .survey-page .survey-page-body {
      
  
    
      padding: 18px 18px 0 18px;
    
  

    }
  

  
  

  
  
    .survey-page .survey-title {
      
  
    
      padding: 0;
    
      font-size: 16px;
    
  

    }
  

  
  
    .survey-title-container .survey-title-table {
      
  
    
      margin: 14px 18px;
    
  

    }
  

}