@import url(../survey.css);
body {
  font-family: "Roboto", sans-serif;
  margin: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 20px; }

._dark input, ._dark textarea {
  background: #252931 !important;
  border: 1px solid #989898 !important; }
._dark .question-title-stroke {
  border: 0.3px solid #989898 !important; }
._dark .rectangle {
  background: #252931 !important;
  border: 1px solid #989898 !important;
  cursor: pointer; }
  ._dark .rectangle .rectangle_in_rectangle {
    background: #252931 !important;
    border: 1px solid #252931 !important; }
    ._dark .rectangle .rectangle_in_rectangle p {
      font-family: "Roboto", sans-serif !important; }

.hidden {
  display: none; }

.errorMessage {
  color: #FF1111;
  font-size: medium;
  font-family: Menlo,Monaco,monospace,sans-serif;
  margin-bottom: 20px; }

.survey-container {
  align-items: center;
  display: block;
  text-align: -webkit-center; }
  @media screen and (max-width: 800px) {
    .survey-container {
      align-items: normal;
      text-align: -webkit-left;
      padding: 20px 41px 20px 41px; } }
  .survey-container .survey-question {
    width: 40% !important;
    height: 100% !important;
    text-align: start; }
    @media screen and (max-width: 800px) {
      .survey-container .survey-question {
        width: 100% !important; } }
    .survey-container .survey-question .survey-image {
      margin-bottom: 30px;
      overflow: hidden; }
      @media screen and (max-width: 800px) {
        .survey-container .survey-question .survey-image {
          max-height: 150px; } }
      .survey-container .survey-question .survey-image img {
        width: 100%; }
    .survey-container .survey-question .survey-about {
      padding: 32px 48px 12px 48px !important; }
      .survey-container .survey-question .survey-about .input-block {
        border: 1px solid transparent !important;
        border-radius: 0px !important;
        border-bottom: 1px solid #999 !important;
        font-size: 20px;
        width: 100%; }
        .survey-container .survey-question .survey-about .input-block:focus {
          outline: none !important;
          border-bottom: 1px solid #0080ff !important; }
  .survey-container .survey-question-container .question-list, .survey-container .survey-block-register-info .question-list, .survey-container .survey-block-register-form .question-list {
    padding: 32px 48px 0px 48px; }
    .survey-container .survey-question-container .question-list p, .survey-container .survey-block-register-info .question-list p, .survey-container .survey-block-register-form .question-list p {
      margin: 0;
      color: #989898;
      font-size: 14px;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      font-style: normal; }
    .survey-container .survey-question-container .question-list .title, .survey-container .survey-block-register-info .question-list .title, .survey-container .survey-block-register-form .question-list .title {
      font-size: 20px;
      color: #989898;
      margin-bottom: 34px; }
    .survey-container .survey-question-container .question-list .question-properties, .survey-container .survey-block-register-info .question-list .question-properties, .survey-container .survey-block-register-form .question-list .question-properties {
      border-bottom: 1px solid #989898 !important; }
      .survey-container .survey-question-container .question-list .question-properties.not-border-bottom, .survey-container .survey-block-register-info .question-list .question-properties.not-border-bottom, .survey-container .survey-block-register-form .question-list .question-properties.not-border-bottom {
        border-bottom: none !important; }
      .survey-container .survey-question-container .question-list .question-properties .question-option-prop-textfield .control-group .controls, .survey-container .survey-block-register-info .question-list .question-properties .question-option-prop-textfield .control-group .controls, .survey-container .survey-block-register-form .question-list .question-properties .question-option-prop-textfield .control-group .controls {
        overflow-wrap: anywhere; }
      .survey-container .survey-question-container .question-list .question-properties .question-option-prop-textfield input, .survey-container .survey-block-register-info .question-list .question-properties .question-option-prop-textfield input, .survey-container .survey-block-register-form .question-list .question-properties .question-option-prop-textfield input, .survey-container .survey-question-container .question-list .question-properties .question-option-prop-textfield textarea, .survey-container .survey-block-register-info .question-list .question-properties .question-option-prop-textfield textarea, .survey-container .survey-block-register-form .question-list .question-properties .question-option-prop-textfield textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        min-height: 30px;
        padding-left: 10px;
        background-color: #fff;
        border: 1px solid #ccc;
        font-size: 14px;
        border-radius: 10px !important;
        outline: none;
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
        .survey-container .survey-question-container .question-list .question-properties .question-option-prop-textfield input:focus, .survey-container .survey-block-register-info .question-list .question-properties .question-option-prop-textfield input:focus, .survey-container .survey-block-register-form .question-list .question-properties .question-option-prop-textfield input:focus, .survey-container .survey-question-container .question-list .question-properties .question-option-prop-textfield textarea:focus, .survey-container .survey-block-register-info .question-list .question-properties .question-option-prop-textfield textarea:focus, .survey-container .survey-block-register-form .question-list .question-properties .question-option-prop-textfield textarea:focus {
          border-color: #0080ff; }
      .survey-container .survey-question-container .question-list .question-properties .question-title, .survey-container .survey-block-register-info .question-list .question-properties .question-title, .survey-container .survey-block-register-form .question-list .question-properties .question-title {
        margin-top: 34px;
        color: #989898;
        font-size: 14px;
        margin-bottom: 9px; }
      .survey-container .survey-question-container .question-list .question-properties .question-title-stroke, .survey-container .survey-block-register-info .question-list .question-properties .question-title-stroke, .survey-container .survey-block-register-form .question-list .question-properties .question-title-stroke {
        border-bottom: 1px solid #F0F0F0; }
      .survey-container .survey-question-container .question-list .question-properties .question-option-props, .survey-container .survey-block-register-info .question-list .question-properties .question-option-props, .survey-container .survey-block-register-form .question-list .question-properties .question-option-props {
        cursor: pointer;
        display: flex;
        margin-bottom: 31px;
        font-size: 14px; }
        .survey-container .survey-question-container .question-list .question-properties .question-option-props .icon, .survey-container .survey-block-register-info .question-list .question-properties .question-option-props .icon, .survey-container .survey-block-register-form .question-list .question-properties .question-option-props .icon {
          margin-right: 21px;
          display: flex;
          align-self: end; }
        .survey-container .survey-question-container .question-list .question-properties .question-option-props:nth-child(2), .survey-container .survey-block-register-info .question-list .question-properties .question-option-props:nth-child(2), .survey-container .survey-block-register-form .question-list .question-properties .question-option-props:nth-child(2) {
          margin-top: 28px; }
        .survey-container .survey-question-container .question-list .question-properties .question-option-props:last-child, .survey-container .survey-block-register-info .question-list .question-properties .question-option-props:last-child, .survey-container .survey-block-register-form .question-list .question-properties .question-option-props:last-child {
          margin-bottom: 36px; }
      .survey-container .survey-question-container .question-list .question-properties .other input, .survey-container .survey-block-register-info .question-list .question-properties .other input, .survey-container .survey-block-register-form .question-list .question-properties .other input {
        border: 1px solid transparent !important;
        border-radius: 0px !important;
        border-bottom: 1px solid #999 !important;
        border: none !important;
        width: 100%;
        font-size: 14px;
        padding: 0;
        min-height: auto; }
        .survey-container .survey-question-container .question-list .question-properties .other input:focus, .survey-container .survey-block-register-info .question-list .question-properties .other input:focus, .survey-container .survey-block-register-form .question-list .question-properties .other input:focus {
          outline: none !important;
          border-bottom: 1px solid #0080ff !important; }
      .survey-container .survey-question-container .question-list .question-properties .listOptionImage, .survey-container .survey-block-register-info .question-list .question-properties .listOptionImage, .survey-container .survey-block-register-form .question-list .question-properties .listOptionImage {
        display: flex;
        margin-top: 43px;
        width: 100%;
        justify-content: space-between; }
        @media screen and (max-width: 800px) {
          .survey-container .survey-question-container .question-list .question-properties .listOptionImage, .survey-container .survey-block-register-info .question-list .question-properties .listOptionImage, .survey-container .survey-block-register-form .question-list .question-properties .listOptionImage {
            display: block; } }
        .survey-container .survey-question-container .question-list .question-properties .listOptionImage .listOptionImage-element, .survey-container .survey-block-register-info .question-list .question-properties .listOptionImage .listOptionImage-element, .survey-container .survey-block-register-form .question-list .question-properties .listOptionImage .listOptionImage-element {
          flex: 0 0 40%;
          align-self: self-end; }
          .survey-container .survey-question-container .question-list .question-properties .listOptionImage .listOptionImage-element .question-option-image, .survey-container .survey-block-register-info .question-list .question-properties .listOptionImage .listOptionImage-element .question-option-image, .survey-container .survey-block-register-form .question-list .question-properties .listOptionImage .listOptionImage-element .question-option-image {
            background: transparent;
            padding: 10% 10% 10% 10%;
            width: 90%;
            border: 1px solid #989898;
            text-align: center; }
            .survey-container .survey-question-container .question-list .question-properties .listOptionImage .listOptionImage-element .question-option-image img, .survey-container .survey-block-register-info .question-list .question-properties .listOptionImage .listOptionImage-element .question-option-image img, .survey-container .survey-block-register-form .question-list .question-properties .listOptionImage .listOptionImage-element .question-option-image img {
              width: 90%;
              height: 90%; }
      .survey-container .survey-question-container .question-list .question-properties .oneOfListAnswer, .survey-container .survey-block-register-info .question-list .question-properties .oneOfListAnswer, .survey-container .survey-block-register-form .question-list .question-properties .oneOfListAnswer, .survey-container .survey-question-container .question-list .question-properties .fewOfListAnswer, .survey-container .survey-block-register-info .question-list .question-properties .fewOfListAnswer, .survey-container .survey-block-register-form .question-list .question-properties .fewOfListAnswer {
        padding: 0 5% 0 5%; }
        @media screen and (max-width: 800px) {
          .survey-container .survey-question-container .question-list .question-properties .oneOfListAnswer, .survey-container .survey-block-register-info .question-list .question-properties .oneOfListAnswer, .survey-container .survey-block-register-form .question-list .question-properties .oneOfListAnswer, .survey-container .survey-question-container .question-list .question-properties .fewOfListAnswer, .survey-container .survey-block-register-info .question-list .question-properties .fewOfListAnswer, .survey-container .survey-block-register-form .question-list .question-properties .fewOfListAnswer {
            padding: 0 25px 20px 25px; } }
      .survey-container .survey-question-container .question-list .question-properties .yourAnswerTextAnswer, .survey-container .survey-block-register-info .question-list .question-properties .yourAnswerTextAnswer, .survey-container .survey-block-register-form .question-list .question-properties .yourAnswerTextAnswer {
        margin-top: 17px;
        margin-bottom: 24px; }
      .survey-container .survey-question-container .question-list .question-properties .gradeCommentAnswer .question-list-answer, .survey-container .survey-block-register-info .question-list .question-properties .gradeCommentAnswer .question-list-answer, .survey-container .survey-block-register-form .question-list .question-properties .gradeCommentAnswer .question-list-answer {
        margin-top: 43px;
        margin-bottom: 59px;
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 800px) {
          .survey-container .survey-question-container .question-list .question-properties .gradeCommentAnswer .question-list-answer, .survey-container .survey-block-register-info .question-list .question-properties .gradeCommentAnswer .question-list-answer, .survey-container .survey-block-register-form .question-list .question-properties .gradeCommentAnswer .question-list-answer {
            display: block; } }
        .survey-container .survey-question-container .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle, .survey-container .survey-block-register-info .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle, .survey-container .survey-block-register-form .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle {
          height: 50px;
          width: 50px;
          margin-bottom: 10px;
          border-radius: 10px;
          border: 1px solid #989898;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #fff; }
          @media screen and (max-width: 800px) {
            .survey-container .survey-question-container .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle, .survey-container .survey-block-register-info .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle, .survey-container .survey-block-register-form .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle {
              margin-right: 10px;
              flex: 0 0 17%;
              height: 40px;
              width: 40px; } }
          .survey-container .survey-question-container .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle .rectangle_in_rectangle, .survey-container .survey-block-register-info .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle .rectangle_in_rectangle, .survey-container .survey-block-register-form .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle .rectangle_in_rectangle {
            height: 40px;
            width: 40px;
            border-radius: 7px;
            border: 1px solid #989898;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff; }
            @media screen and (max-width: 800px) {
              .survey-container .survey-question-container .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle .rectangle_in_rectangle, .survey-container .survey-block-register-info .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle .rectangle_in_rectangle, .survey-container .survey-block-register-form .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle .rectangle_in_rectangle {
                height: 30px;
                width: 25px;
                border: none !important; } }
          .survey-container .survey-question-container .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle p, .survey-container .survey-block-register-info .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle p, .survey-container .survey-block-register-form .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle p {
            font-size: 22px; }
            @media screen and (max-width: 800px) {
              .survey-container .survey-question-container .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle p, .survey-container .survey-block-register-info .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle p, .survey-container .survey-block-register-form .question-list .question-properties .gradeCommentAnswer .question-list-answer .rectangle p {
                font-size: 16px; } }
      .survey-container .survey-question-container .question-list .question-properties .gradeCommentAnswer .question-comments-container, .survey-container .survey-block-register-info .question-list .question-properties .gradeCommentAnswer .question-comments-container, .survey-container .survey-block-register-form .question-list .question-properties .gradeCommentAnswer .question-comments-container {
        margin-bottom: 25px; }
        .survey-container .survey-question-container .question-list .question-properties .gradeCommentAnswer .question-comments-container p, .survey-container .survey-block-register-info .question-list .question-properties .gradeCommentAnswer .question-comments-container p, .survey-container .survey-block-register-form .question-list .question-properties .gradeCommentAnswer .question-comments-container p {
          margin-bottom: 14px; }
    .survey-container .survey-question-container .question-list .question-footer-container .survey-required, .survey-container .survey-block-register-info .question-list .question-footer-container .survey-required, .survey-container .survey-block-register-form .question-list .question-footer-container .survey-required {
      margin-bottom: 25px;
      font-size: 14px; }
  .survey-container .survey-block-register-info, .survey-container .survey-block-register-form {
    background: transparent;
    margin-top: 20px; }
    @media screen and (max-width: 800px) {
      .survey-container .survey-block-register-info .question-list, .survey-container .survey-block-register-form .question-list {
        padding: 32px 30px 0px 30px; } }
    .survey-container .survey-block-register-info ._block, .survey-container .survey-block-register-form ._block {
      background: transparent;
      border: 1px solid #989898; }
      .survey-container .survey-block-register-info ._block .text-and-smile, .survey-container .survey-block-register-form ._block .text-and-smile {
        display: flex;
        justify-content: center; }
        .survey-container .survey-block-register-info ._block .text-and-smile .smile-contrainer, .survey-container .survey-block-register-form ._block .text-and-smile .smile-contrainer {
          margin-right: 50px;
          align-self: center;
          margin-bottom: 33px; }
          @media screen and (max-width: 800px) {
            .survey-container .survey-block-register-info ._block .text-and-smile .smile-contrainer, .survey-container .survey-block-register-form ._block .text-and-smile .smile-contrainer {
              margin-right: 70px; } }
        .survey-container .survey-block-register-info ._block .text-and-smile p, .survey-container .survey-block-register-form ._block .text-and-smile p {
          font-size: 20px; }
      .survey-container .survey-block-register-info ._block .second-text, .survey-container .survey-block-register-form ._block .second-text {
        text-align: center;
        font-size: 14px; }
      .survey-container .survey-block-register-info ._block .survey-answer-button, .survey-container .survey-block-register-form ._block .survey-answer-button {
        text-align: end;
        margin-bottom: 20px;
        height: 40px;
        margin-top: 40px;
        cursor: pointer; }
        .survey-container .survey-block-register-info ._block .survey-answer-button .btn, .survey-container .survey-block-register-form ._block .survey-answer-button .btn {
          padding: 15px 50px 15px 50px; }
        .survey-container .survey-block-register-info ._block .survey-answer-button .put-away-register-frame, .survey-container .survey-block-register-form ._block .survey-answer-button .put-away-register-frame {
          margin-right: 60%;
          background: #E1E1E1 !important; }
          @media screen and (max-width: 800px) {
            .survey-container .survey-block-register-info ._block .survey-answer-button .put-away-register-frame, .survey-container .survey-block-register-form ._block .survey-answer-button .put-away-register-frame {
              margin-right: 0; } }
  .survey-container .survey-answer-button {
    text-align: center; }
    @media screen and (max-width: 800px) {
      .survey-container .survey-answer-button {
        width: auto; } }
    .survey-container .survey-answer-button .btn {
      cursor: pointer; }
  .survey-container .survey-answer-footer {
    margin-top: 115px; }
    .survey-container .survey-answer-footer .footer-p {
      color: #7B7B7B;
      margin-bottom: 19px; }
    .survey-container .survey-answer-footer picture {
      margin-bottom: 31px; }
    @media screen and (max-width: 800px) {
      .survey-container .survey-answer-footer {
        text-align: center; } }

/*# sourceMappingURL=survey-answer.css.map */