#survey-preview {
  width: 96%;
  margin-left: 2%; }

#survey-preview .title {
  font-size: 18px; }

#survey-preview .info {
  color: #b0b0b6;
  margin-top: 5px; }

#survey-preview textarea {
  border: none;
  width: 100%;
  margin-top: 5px;
  font-size: 16px;
  border-bottom: 1.5px solid gray; }

#survey-preview textarea:focus {
  outline: none;
  border-bottom: 1.5px solid #37b95e; }

#survey-preview input {
  border: none;
  width: 100%;
  margin-top: 5px;
  font-size: 16px;
  border-bottom: 1px solid gray; }

#survey-preview input:focus {
  outline: none;
  border-bottom: 1px solid #37b95e; }

#survey-preview .row {
  margin-top: 30px; }

.panel-title {
  text-align: center; }

.option-my-index {
  margin-left: -15px;
  padding-bottom: 10px; }

.md-radio, .md-checkbox {
  margin-left: 20px; }

.md-radio-inline .md-radio {
  display: inline-block;
  margin-right: 0px; }

.row-answer {
  border: 1px solid #c4c4c6; }

.answer-ok {
  background: linear-gradient(to bottom, #8cffba, white); }

.md-radio-inline, .md-checkbox-inline {
  margin: 5px 0px;
  padding: 5px 0px; }

.md-checkbox-inline .md-checkbox {
  display: inline-block;
  margin-right: 0px; }

.answer-panel {
  padding: 5px; }

.op-help {
  background: linear-gradient(to bottom, #ffb94a, white); }