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

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

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

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

.survey-page {
  font-family: Verdana;
  
  

}

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

}

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

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

}

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

.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: #CCCCCC;
  border-left-color: #009900;
}

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

.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: #009900;
  border-left-color: #009900;
}

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

.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: #009900;
  box-shadow: 0 0 4px #009900;
}

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

}

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

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

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

.survey-page .exit-survey {
  color: white;
  
  
    
      font-size: 14px;
    
      font-weight: 700;
    
  

}

.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 .required-asterisk{
  
  
    
      color: #CC0000;
    
  

  font-weight: 700;
}


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

    }
  


  
    .survey-page .page-subtitle {
      
  
    
      color: #333333;
    
      font-size: 16px;
    
      font-weight: 300;
    
      font-style: normal;
    
      text-decoration: none;
    
  

    }
  


  
    .survey-page .page-title-wrapper {
      
  
    
      font-size: 16px;
    
      color: #000000;
    
      text-decoration: none;
    
      font-weight: 700;
    
      font-style: normal;
    
      background-color: #FFFF00;
    
  

    }
  


  


  
    .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-title-container {
      
  
    
      color: #333333;
    
      font-size: 14px;
    
      font-weight: 700;
    
      font-style: normal;
    
      text-decoration: none;
    
  

    }
  


  
    .survey-page .question-validation-theme {
      
  
    
      color: #CC0000;
    
      font-size: 14px;
    
      font-weight: 700;
    
      font-style: normal;
    
      text-decoration: underline;
    
  

    }
  


  


  
    .survey-page .survey-page-body {
      
  
    
      font-family: Verdana;
    
      background-color: #FFFFFF;
    
  

    }
  


  
    .survey-page .survey-page-button.done-button {
      
  
    
      color: #FFFFFF;
    
      background-color: #009900;
    
  

    }
  


  
    .survey-page .survey-page-button.next-button {
      
  
    
      color: #FFFFFF;
    
      background-color: #009900;
    
  

    }
  


  


  


  


  


  


  
    .survey-page .survey-title {
      
  
    
      font-size: 18px;
    
      color: #FFFFFF;
    
      text-decoration: none;
    
      font-weight: 300;
    
      font-style: normal;
    
      background-color: #009900;
    
  

    }
  


  


  


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

    }
  





 
  




@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: #CCCCCC;
  }

  .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: #CCCCCC;
    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) {
  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

}


@media only screen and (max-width: 480px) {
  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

}