SOURCE

Survey
    .StylesManager
    .applyTheme("default");

var json = {
    questions: [
        {
            type: "rating",
            name: "question1",
            title: "我在本省（直辖市）或全国层次获得多项一等奖级别的荣誉",
            rateValues: [
      {
       value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "  中立  "
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        },
{
            type: "rating",
            name: "question2",
            title: "我在本省（直辖市）或全国层次获得多项一等奖级别的荣誉",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        },{
            type: "rating",
            name: "question3",
            title: "我觉得我的成就符合我父母对我的期望值",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "3",
       text: "完全不同意"
      }
     ]
          
        },{
            type: "rating",
            name: "question4",
            title: "我在课外活动中没有很多快乐的回忆",
            rateValues: [
      {value: "1",
       text: "完全同意" },
      {value: "2",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "4",
       text: "一部分不同意"
      },
      {
       value: "5",
       text: "完全不同意"
      }
     ]
          
        },{
            type: "rating",
            name: "question5",
            title: "如果我嫉妒我的同学，我会很难与之相处",
            rateValues: [
      {value: "1",
       text: "完全同意" },
      {value: "2",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "4",
       text: "一部分不同意"
      },
      {
       value: "5",
       text: "完全不同意"
      }
     ]
        },{
          type: "rating",
            name: "question6",
            title: "我在学校中有班干部级别或以上的领导力经历",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "3",
       text: "完全不同意"
      }
     ]
          
        },{
            type: "rating",
            name: "question7",
            title: "我通常能在讲话中获得别人的注意",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "3",
       text: "完全不同意"
      }
     ]
          
        },{
          type: "rating",
            name: "question7",
            title: "与其寻求他人帮助，有时我更喜欢自己来解决一些难题",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "3",
       text: "完全不同意"
      }
     ]
        },{
          type: "rating",
            name: "question9",
            title: "我更倾向于在学习和生活中追随别人的榜样",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "3",
       text: "完全不同意"
      }
     ]
        },{
          
          type: "rating",
            name: "question10",
            title: "我很快就能在新的环境中交到一些朋友",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "3",
       text: "完全不同意"
      }
     ]
          
        },{
               
          type: "rating",
            name: "question11",
            title: "我有参加过多项有创意的课外活动（冰球，马术，风帆，划艇等）",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "3",
       text: "完全不同意"
      }
     ]
        },{
               
          type: "rating",
            name: "question12",
            title: "我能有效地应对环境和教师的变化",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        },{
            type: "rating",
            name: "question13",
            title: "当我和他人意见不一致时，我一般不会加入到争论中或去改变他人的观点。",
            rateValues: [
      {value: "1",
       text: "完全同意" },
      {value: "2",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "4",
       text: "一部分不同意"
      },
      {
       value: "5",
       text: "完全不同意"
      }
     ]
        },{
               
          type: "rating",
            name: "question14",
            title: "我能有效地应对环境和教师的变化",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        },{
            type: "rating",
            name: "question15",
            title: "我倾向于发现每个新机遇的困难之处，而不是从困难的事务中找到新的机遇。",
            rateValues: [
      {value: "1",
       text: "完全同意" },
      {value: "2",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "4",
       text: "一部分不同意"
      },
      {
       value: "5",
       text: "完全不同意"
      }
     ]
        },{
               
          type: "rating",
            name: "question16",
            title: "我对参加活动一直都是三分钟热度",
            rateValues: [
      {value: "1",
       text: "完全同意" },
      {value: "2",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "4",
       text: "一部分不同意"
      },
      {
       value: "5",
       text: "完全不同意"
      }
     ]
        },{
                
          type: "rating",
            name: "question17",
            title: "我很容易分散注意力",
            rateValues: [
      {value: "1",
       text: "完全同意" },
      {value: "2",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "4",
       text: "一部分不同意"
      },
      {
       value: "5",
       text: "完全不同意"
      }
     ]
        },{
                
          type: "rating",
            name: "question18",
            title: "我有参加过多项参与时间在一年以上的公益服务",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        },{
                  
          type: "rating",
            name: "question19",
            title: "我有参加过多项参与时间在一年以上的课外活动",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        },{
                  
          type: "rating",
            name: "question20",
            title: "在大多数我擅长的特长上，我都付出了超过别人的努力",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        },{
                
          type: "rating",
            name: "question21",
            title: "I am more of a Glass-half-full person",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        },{
                
          type: "rating",
            name: "question22",
            title: "I tend to give people credit on our team effort.",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        },
        {
                
          type: "rating",
            name: "question23",
            title: "I find it hard to emphasize others",
            rateValues: [
      {value: "1",
       text: "完全同意" },
      {value: "2",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "4",
       text: "一部分不同意"
      },
      {
       value: "5",
       text: "完全不同意"
      }
     ]
        },{
                
          type: "rating",
            name: "question24",
            title: "Que Sera Sera, that's what I believe",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        },
        {
                
          type: "rating",
            name: "question25",
            title: "I agree that The empty vessel makes the loudest sound",
            rateValues: [
      {value: "5",
       text: "完全同意" },
      {value: "4",
       text: "一部分同意"
      },
      {
       value: "3",
       text: "中立"
      },
      {
       value: "2",
       text: "一部分不同意"
      },
      {
       value: "1",
       text: "完全不同意"
      }
     ]
        }
        
    ]
};

window.survey = new Survey.Model(json);

survey
    .onComplete
    .add(function (result) {
        document
            .querySelector('#surveyResult')
            .innerHTML = "result: " + JSON.stringify(survey.data);
    });

$("#surveyElement").Survey({model: survey});

<!DOCTYPE html>
<html>
    <head>
        <title>Ask a user to rate a something by choosing a value - Rating question, jQuery Survey Library Example</title>
        <script src="https://unpkg.com/jquery"></script>
        <script src="https://surveyjs.azureedge.net/1.0.24/survey.jquery.js"></script>
      <!-- <link href="https://surveyjs.azureedge.net/1.0.24/survey.css" type="text/css" rel="stylesheet"/>-->
       

    </head>
    <body>
        <div id="surveyElement"></div>
        <div id="surveyResult"></div>

        <script type="text/javascript" src="./index.js"></script>

    </body>
</html>

/*!
 * surveyjs - Survey JavaScript library v1.0.24
 * Copyright (c) 2015-2018 Devsoft Baltic OÜ  - http://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
.sv_window {
  position: fixed;
  bottom: 3px;
  right: 10px;
  background-color: cadetblue;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto; }

.sv_window_title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.sv_window_content {
  padding: 8px;
  margin: 0; }

.sv_window_title a,
.sv_window_title a:link,
.sv_window_title a:visited {
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  color: black; }

.sv_main.sv_frame .sv_container {
  max-width: 80%;
  margin: auto;
  padding: 0 1em; }
  .sv_main.sv_frame .sv_container .sv_header {
    padding-top: 5em;
    padding-bottom: 1em; }

.sv_main {
  background-color: #f4f4f4; }
  .sv_main hr {
    border-bottom: 1px solid #e7e7e7; }
  .sv_main input[type="button"],
  .sv_main button {
    color: white;
    background-color: #1ab394; }
    .sv_main input[type="button"]:hover,
    .sv_main button:hover {
      background-color: #179d82; }
  .sv_main .sv_q_other input,
  .sv_main .sv_q_text_root,
  .sv_main .sv_q_dropdown_control,
  .sv_main input[type="text"],
  .sv_main select,
  .sv_main textarea {
    border: 1px solid #e7e7e7;
    color: #6d7072;
    background-color: white; }
    .sv_main .sv_q_other input:focus,
    .sv_main .sv_q_text_root:focus,
    .sv_main .sv_q_dropdown_control:focus,
    .sv_main input[type="text"]:focus,
    .sv_main select:focus,
    .sv_main textarea:focus {
      border: 1px solid #1ab394; }
  .sv_main .sv_select_wrapper {
    background-color: white; }
    .sv_main .sv_select_wrapper:before {
      background-color: #1ab394; }
  .sv_main .sv_header {
    color: #6d7072; }
  .sv_main .sv_custom_header {
    background-color: #e7e7e7; }
  .sv_main .sv_container {
    color: #6d7072; }
  .sv_main .sv_body {
    background-color: white;
    border-top: 2px solid #1ab394; }
  .sv_main .sv_progress {
    background-color: #e7e7e7; }
  .sv_main .sv_progress_bar {
    background-color: #1ab394; }
  .sv_main .sv_p_root > .sv_row {
    border-bottom: 1px solid #e7e7e7; }
    .sv_main .sv_p_root > .sv_row:nth-child(odd) {
      background-color: white; }
    .sv_main .sv_p_root > .sv_row:nth-child(even) {
      background-color: #f4f4f4; }
  .sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
    border: 1px solid #ed5565;
    background-color: #fcdfe2;
    color: #ed5565; }
    .sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + input,
    .sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + textarea,
    .sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + .sv_select_wrapper select {
      border: 1px solid #ed5565; }
      .sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + input:focus,
      .sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + textarea:focus,
      .sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + .sv_select_wrapper select:focus {
        outline: #ed5565 auto 5px; }
  .sv_main table.sv_q_matrix tr,
  .sv_main table.sv_q_matrix_dropdown tr,
  .sv_main table.sv_q_matrix_dynamic tr {
    border-bottom: 1px solid #e7e7e7; }
  .sv_main .sv_q_m_cell_selected {
    color: white;
    background-color: #179d82; }
  .sv_main .sv_q_rating_item.active .sv_q_rating_item_text {
    background-color: #179d82;
    border-color: #179d82;
    color: white; }
  .sv_main .sv_q_rating_item .sv_q_rating_item_text {
    border: 1px solid #e7e7e7; }
    .sv_main .sv_q_rating_item .sv_q_rating_item_text:hover {
      border: 1px solid #179d82; }

.sv_main {
  position: relative;
  width: 100%;
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans",
 "Helvetica Neue", Arial, sans-serif;
  font-size: 14px; }
  .sv_main hr {
    border: none; }
  .sv_main input[type="button"],
  .sv_main button {
    font-size: 0.85em;
    font-weight: bold;
    line-height: 2em;
    border: none;
    min-width: 100px;
    cursor: pointer;
    padding: 0 2em;
    border-radius: 2px; }
  .sv_main .sv_custom_header {
    position: absolute;
    width: 100%;
    height: 74%;
    max-height: 275px; }
  .sv_main .sv_container {
    position: relative; }
    .sv_main .sv_container .sv_header {
      padding: 1em; }
      .sv_main .sv_container .sv_header h3 {
        font-size: 2em;
        font-weight: 300;
        text-align: left;
        margin: 0; }
    .sv_main .sv_container .sv_body {
      padding: 1em 1em 5em 1em; }
      .sv_main .sv_container .sv_body.sv_completed_page {
        text-align: center;
        padding: 5em 1em; }
        .sv_main .sv_container .sv_body.sv_completed_page > h3 {
          margin: 0;
          font-size: 30px;
          font-weight: 300; }
      .sv_main .sv_container .sv_body .sv_progress {
        height: 0.3em; }
        .sv_main .sv_container .sv_body .sv_progress .sv_progress_bar {
          height: 100%;
          position: relative;
          margin-top: 2em; }
          .sv_main .sv_container .sv_body .sv_progress .sv_progress_bar > span {
            position: absolute;
            top: -1.5em;
            display: inline-block; }
      .sv_main .sv_container .sv_body .sv_p_root .sv_page_title {
        font-size: 1em;
        margin-top: 0.1em;
        font-weight: normal; }
      .sv_main .sv_container .sv_body .sv_p_root .sv_p_title {
        font-weight: bold;
        font-size: 1.15em;
        margin: 1.5em 0 0 0; }
      .sv_main .sv_container .sv_body .sv_p_root > .sv_row {
        padding: 0; }
      .sv_main .sv_container .sv_body .sv_p_root .sv_q_title {
        font-weight: bold;
        font-size: 1em;
        margin: 0.5em 0; }
      .sv_main .sv_container .sv_body .sv_p_root .sv_q_description {
        margin-top: -0.6em; }
      .sv_main .sv_container .sv_body .sv_p_root .sv_q {
        padding: 0.5em 1em 1.5em 1em;
        box-sizing: border-box;
        overflow: auto; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_panel_dynamic .sv_q_title {
          font-weight: normal; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
          margin: 1em 0;
          padding: 1em; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input,
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_text_root,
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control,
        .sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="text"],
        .sv_main .sv_container .sv_body .sv_p_root .sv_q select,
        .sv_main .sv_container .sv_body .sv_p_root .sv_q textarea {
          position: relative;
          width: 100%;
          box-sizing: border-box;
          font-size: 1em;
          line-height: 2em;
          padding-left: 1em; }
          .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input:focus,
          .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_text_root:focus,
          .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control:focus,
          .sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="text"]:focus,
          .sv_main .sv_container .sv_body .sv_p_root .sv_q select:focus,
          .sv_main .sv_container .sv_body .sv_p_root .sv_q textarea:focus {
            outline: none; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input,
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_text_root,
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control,
        .sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="text"],
        .sv_main .sv_container .sv_body .sv_p_root .sv_q select {
          height: calc(2em + 1px); }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q div.sv_q_text_root,
        .sv_main .sv_container .sv_body .sv_p_root .sv_q div.sv_q_dropdown_control {
          min-height: 2.43em;
          min-width: 7em; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper {
          width: 100%;
          position: relative;
          display: inline-block; }
          .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper select {
            display: block;
            background: transparent;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            padding-right: 2.5em; }
            .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper select::-ms-expand {
              display: none; }
          .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper:before {
            padding: 1em;
            position: absolute;
            right: 1px;
            right: 0;
            top: 1px;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTIsMTYgMTQsMTQgMTcsMTcgMjAsMTQgMjIsMTYgMTcsMjEgIi8+DQo8L3N2Zz4NCg==);
            content: "";
            background-repeat: no-repeat;
            background-position: center; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="color"] {
          min-height: 2em;
          padding: 0; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="radio"],
        .sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="checkbox"] {
          margin: 0;
          margin-right: 0.55em;
          width: 1.2em;
          height: 1.2em;
          vertical-align: middle;
          font-size: 1em;
          margin-top: -0.1em; }
          .sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="radio"]:focus,
          .sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="checkbox"]:focus {
            outline: none; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_radiogroup.sv_q_radiogroup_inline:not(:last-child),
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_checkbox.sv_q_checkbox_inline:not(:last-child) {
          margin-right: 1.5em; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_checkbox_inline,
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_radiogroup_inline {
          line-height: 2em;
          display: inline-block; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_footer {
          padding: 1em 0; }
      .sv_main .sv_container .sv_body .sv_p_root table {
        width: 100%;
        border-collapse: collapse; }
        .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix .sv_matrix_dynamic_button, .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dropdown .sv_matrix_dynamic_button, .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dynamic .sv_matrix_dynamic_button {
          padding: 0.3em 2em; }
        .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix .sv_q_checkbox_label,
        .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix .sv_q_radiogroup_label, .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dropdown .sv_q_checkbox_label,
        .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dropdown .sv_q_radiogroup_label, .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dynamic .sv_q_checkbox_label,
        .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dynamic .sv_q_radiogroup_label {
          margin-right: 1.5em; }
        .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix td {
          min-width: 10em; }
          .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix td .sv_q_m_label {
            position: static; }
        .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dropdown .sv_qcbc .sv_q_checkbox_control_label {
          margin-right: 1.5em; }
        .sv_main .sv_container .sv_body .sv_p_root table td,
        .sv_main .sv_container .sv_body .sv_p_root table th {
          text-align: left;
          padding: 0 1em; }
        .sv_main .sv_container .sv_body .sv_p_root table td {
          padding: 0.5em;
          padding-right: 2em; }
        .sv_main .sv_container .sv_body .sv_p_root table th {
          line-height: 1.3em;
          padding: 0.5em;
          vertical-align: bottom;
          font-weight: bold; }
      .sv_main .sv_container .sv_body .sv_p_root fieldset.sv_qcbc {
        line-height: 2em;
        padding-top: 0.1em; }
      .sv_main .sv_container .sv_body .sv_p_root .sv_q_other {
        margin-left: 1em; }
      .sv_main .sv_container .sv_body .sv_p_root .sv_q_rating {
        line-height: 2em; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item {
          cursor: pointer;
          word-spacing: -0.3em;
          font-weight: normal;
          display: inline; }
          .sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item > * {
            word-spacing: initial; }
          .sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item .sv_q_rating_item_text {
            display: inline-block;
            min-width: 2em;
            padding: 0 0.3em;
            margin-left: -1px;
            text-align: center; }
          .sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item:not(:first-child) .sv_q_rating_item_text:not(:hover) {
            border-left-color: transparent; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_min_text {
          margin-right: 0.5em; }
        .sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_max_text {
          margin-left: 0.5em; }
      .sv_main .sv_container .sv_body .sv_nav {
        padding: 1em 0;
        min-height: 2em; }
        .sv_main .sv_container .sv_body .sv_nav .sv_start_btn,
        .sv_main .sv_container .sv_body .sv_nav .sv_next_btn,
        .sv_main .sv_container .sv_body .sv_nav .sv_complete_btn {
          float: right; }
        .sv_main .sv_container .sv_body .sv_nav .sv_prev_btn {
          float: left; }