body {
            background: url('https://hips.hearstapps.com/hmg-prod/images/family-quotes-1573234196.jpg?crop=1xw:0.84375xh;center,top&resize=1200:*');
            background-size: cover;
         font-family: 'Roboto',sans-serif;
         font-size: 14px;
         background-position: 50% 50%;
         }
         .form_table {
         width: 700px;
         margin-left: auto;
         margin-right: auto;
         border-radius: 0;
         border: 1px solid #E7EFF4;
         background: #FFFFFF;
         background-size: cover;
         color: #5F696E;
         overflow: hidden;
         box-shadow: none;
         background-position: 50% 50%;
         }
         .form_table a {
         color: #1795FF;
         }
         .outside a {
         color: #1795FF;
         }
         .form_table a:visited {
         color: #1795FF;
         }
         .outside a:visited {
         color: #1795FF;
         }
         .q .segment_header {
         width: auto;
         margin: 1px;
         color: #FFFFFF;
         background: #2196F3;
         background-size: cover;
         background-repeat: repeat;
         background-position: 50% 50%;
         border-radius: 0;
         }
         .q .segment_header h1 {
         border-radius: 0;
         padding: 20px 10px;
         font-family: 'Roboto',sans-serif;
         padding-left: 25px;
         padding-right: 25px;
         }
         .q {
         padding: 10px;
         margin-bottom: 15px;
         margin-left: 15px;
         float: left;
         display: block;
         }
         .q .question {
         color: #36454E;
         font-family: 'Roboto',sans-serif;
         font-size: 14px;
         font-weight: bold;
         }
         .q .left_question_first {
         width: 15em;
         }
         .q .top_question {
         margin-bottom: 10px;
         }
         .q .text_field {
         background: #FFFFFF;
         border: 1px solid #AFC4D2;
         border-radius: 2px;
         border-width: 1px;
         color: #36454E;
         font-family: 'Roboto',sans-serif;
         font-size: 14px;
         margin: 1px 0;
         padding: 10px;
         }
         .q .file_upload {
         background: #FFFFFF;
         border: 1px solid #AFC4D2;
         border-radius: 2px;
         border-width: 1px;
         color: #36454E;
         font-family: 'Roboto',sans-serif;
         font-size: 14px;
         margin-top: 1px;
         padding: 10px;
         }
         .q .file_upload_button {
         margin-top: 2px;
         }
         .q .inline_grid td {
         padding: 5px;
         }
         .q .choices input[type="checkbox"]:checked + label::before {
         color: #2196f3;
         }
         .q .choices input[type="radio"]:checked + label::before {
         color: #2196f3;
         }
         .q .drop_down {
         background: #FFFFFF;
         border: 1px solid #AFC4D2;
         border-radius: 2px;
         border-width: 1px;
         color: #36454E;
         font-family: 'Roboto',sans-serif;
         font-size: 14px;
         margin: 1px 0;
         padding: 9px;
         }
         .q .matrix th {
         color: #36454E;
         background: #F4F8FB;
         padding: 5px;
         font-weight: bold;
         }
         .q .matrix td {
         padding: 5px;
         border-bottom: 1px solid #FFFFFF;
         border-top: 1px solid #FFFFFF;
         }
         .q .matrix td.question {
         border-right: 1px solid #FFFFFF;
         font-weight: normal;
         }
         .q .matrix .multi_scale_sub th {
         font-weight: normal;
         border-top: 1px solid #FFFFFF !important;
         background: #F4F8FB;
         }
         .q .matrix .multi_scale_break {
         border-right: 1px solid #FFFFFF;
         }
         .q .matrix_row_dark td {
         color: #36454E;
         background: #FBFDFD;
         }
         .q .matrix_row_dark td.question {
         color: #36454E;
         background: #FBFDFD;
         }
         .q .matrix_row_light td {
         color: #36454E;
         background: #FBFDFD;
         }
         .q .matrix_row_light td.question {
         color: #36454E;
         background: #FBFDFD;
         }
         .q .rating_ranking td {
         padding: 5px;
         }
         .q .scroller {
         border: 1px solid #E7EFF4;
         }
         .highlight {
         background: #F4F8FB !important;
         }
         tr.highlight td {
         background: #F4F8FB !important;
         }
         .outside {
         color: #36454E;
         }
         .outside_container {
         width: 700px;
         padding: 1em 0;
         margin-left: auto;
         margin-right: auto;
         text-align: center;
         color: #36454E;
         }
         .outside_container .submit_button {
         color: #FFFFFF !important;
         background: #1795FF;
         background-size: auto;
         border-style: none;
         border-width: 0px;
         border-color: #FFFFFF;
         border-radius: 2px;
         text-align: center;
         font-family: 'Roboto',sans-serif;
         font-size: 14px;
         font-weight: normal;
         min-width: 20%;
         padding: 10px 20px;
         text-transform: none;
         box-shadow: none;
         }
         .progressBarWrapper {
         border-radius: 0;
         background: #FFFFFF;
         background-size: cover;
         border-color: #E7EFF4;
         }
         .progressBarBack {
         color: #FFFFFF;
         background-color: #2196F3;
         }
         .progressBarFront {
         color: #5F696E;
         }
         .ui-widget {
         font-family: 'Roboto',sans-serif;
         }
         .invalid {
         background: #FDF1F0;
         }
         .invalid .invalid_message {
         color: #EC756B;
         background: #FDF1F0;
         border: 1px solid #EC756B;
         border-radius: 2px;
         }
         .form_table.invalid {
         border: 2px solid #EC756B;
         }
         .invalid .matrix .invalid_row {
         background: #FDF1F0;
         }
         .outside_container .submit_button:hover {
         background: #106AB7;
         background-size: auto;
         border-color: #BBBBBB;
         }
         .outside_container .submit_button:focus {
         background: #106AB7;
         background-size: auto;
         border-color: #BBBBBB;
         }
         .q .number_scale td input:checked + label {
         color: #2196f3;
         }
         .q .slider_range {
         font-size: 14px;
         }
         .q .slider_range::-webkit-slider-runnable-track {
         background: #FFFFFF;
         border: 1px solid #AFC4D2;
         border-radius: 2px;
         border-width: 1px;
         }
         .q .slider_range::-moz-range-track {
         background: #FFFFFF;
         border: 1px solid #AFC4D2;
         border-radius: 2px;
         border-width: 1px;
         }
         .q .slider_range::-webkit-slider-thumb {
         border-radius: 4px;
         background: #2196f3;
         }
         .q .slider_range::-moz-range-thumb {
         border-radius: 4px;
         background: #2196f3;
         }
         .full_width .full_width_space {
         margin-left: 15px;
         margin-right: 15px;
         padding-left: 10px;
         padding-right: 10px;
         }