






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

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

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

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

.survey-page {
  font-family: Arial;
  
  

}

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

}

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

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

}

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

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

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

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

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

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

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

  font-weight: 700;
}


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

    }
  


  
    .survey-page .page-subtitle {
      
  
    
      color: #000000;
    
      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: #99CC99;
    
  

    }
  


  


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

    }
  


  
  

  
  

  
  

  


  


  


  


  


  


  
    .survey-page .question-title-container {
      
  
    
      color: #000000;
    
      font-size: 14px;
    
      font-weight: 700;
    
      font-style: normal;
    
      text-decoration: none;
    
  

    }
  


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

    }
  


  


  
    .survey-page .survey-page-body {
      
  
    
      font-family: Arial;
    
      background-color: #CCFF99;
    
  

    }
  


  
    .survey-page .survey-page-button.done-button {
      
  
    
      color: #000000;
    
      background-color: #9999FF;
    
  

    }
  


  
    .survey-page .survey-page-button.next-button {
      
  
    
      color: #000000;
    
      background-color: #9999FF;
    
  

    }
  


  


  


  


  


  


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

    }
  


  


  


  
    .top-logo-section {
      
  
    
      background-color: #9999FF;
    
  

    }
  





 
  




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

  .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: #BBEE88;
    padding: 5px;
    margin: 0;
  }
}


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

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

}


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

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

}
