.o-question { font-size: 1em; } .o-question input[type=checkbox], .o-question input[type=radio] { margin: 0; } .o-question textarea { resize: vertical; } .o-question-topic { font-size: 2em; line-height: normal; margin: 0; padding: 0.5em 0; } .o-question-description { font-size: 0.9em; line-height: 1.5em; } .o-question-list { clear: both; margin: 40px 0; padding: 0; font-weight: bold; } .o-question-list > li { margin: 0 0 0 40px; padding-bottom: 1em; border-top: solid 1px #eee; position: relative; } .o-question-list > li .required-star { position: absolute; left: -42px; padding-top: 4px; } .o-question-list > li:first-child { border: 0; } .o-question-title { font-weight: bold; font-size: 1.2em; line-height: 1.5em; margin-bottom: 16px; } .o-question-title + .o-question-description { font-weight: normal; background-color: #f6f6f6; padding: 16px; position: relative; margin: 10px 0 10px 0; width: 90%; } .o-question-title + .o-question-description:before { display: block; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #f6f6f6; position: absolute; top: -12px; left: 16px; } .o-question-title + input[type=text], .o-question-title + textarea, .o-question-title + select, .o-question-description + input[type=text], .o-question-description + textarea, .o-question-description + select { display: block; } .o-question-title + input[type=text], .o-question-title + textarea { border: solid 1px #ccc; padding: 6px; margin: 20px 0; line-height: 24px; } .o-question-title + input[type=text] { width: 40%; } .o-question-title + textarea { width: 70%; } .o-question-group { margin: 20px 0; padding: 0; } .o-question-option { font-weight: normal; } .o-question-group.view-list { list-style: none; } .o-question-group.view-list .o-question-option {} .o-question-group.view-list > li { margin-top: 8px; } .o-question-group.view-list > li:first-child { margin: 0; } .o-question-group.view-list > li > * { display: inline-block; margin: 0; padding: 0; vertical-align: middle; } .o-question-group.view-list > li input + .o-question-option { margin: 0 0 0 12px; } .o-question-group.view-dropdown { height: 24px; line-height: 24px; } .o-question-group.view-grid { border-collapse: collapse; max-width: 90%; min-width: 50%; width: auto; } .o-question-group.view-grid th, .o-question-group.view-grid td { padding: 6px; } .o-question-group.view-grid thead th { text-align: center; } .o-question-group.view-grid tbody th {} .o-question-group.view-grid tbody .odd .o-question-title, .o-question-group.view-grid tbody .odd td { background-color: #f6f6f6; } .o-question-group.view-grid .o-question-title { font-size: 1em; } .o-question-group.view-grid tbody .odd .o-question-title { background-color: transparent; } .o-question-group.view-grid tbody .odd td {} .o-question-group.view-grid tbody tr:hover td { background-color: #aaa; } .o-question-group.view-grid tbody td { vertical-align: middle; text-align: center; } .o-question-group.view-grid tbody td input { vertical-align: baseline; } .o-question-action { padding: 20px; background-color: #f6f6f6; } ul.float-left.o-question-group.view-list > li{ display: inline-block; margin: 0.2em 0; padding-left: 0.5em; } ul.float-left.o-question-group.view-list > li label { margin: 0; } li.question-item{ position: relative; } input.question-checkbox{ position: absolute; left: -2.5em; top: 0.55em; } .o-question-title textarea{ min-width: 76%; min-height: 10em; margin-left: 1em; margin-top: 1.1em; } .double-level td{ vertical-align: top; } .double-level .o-question-option{ white-space: nowrap; } .section-header{ border: 0.1px dashed #cecece; padding-bottom: 1.2em; margin-bottom: 1.2em; } .section-header .header-wrapper{ background-color: #cecece; color: #5c5c5c; min-height: 80px; padding: 0.7em; margin-bottom: 1em; } .section-header .header-wrapper .section-title{ margin-bottom: 0.3em; font-size: 1.2em; } ol.o-question-list li.question-item{ margin-left: 3em; } .question-number{ margin-left: -1em; } @media (max-width: 767px){ ol.o-question-list li.question-item{ margin-left: 1em; list-style-position: inside; } input.question-checkbox{ left: -1em; } li > .o-question-title{ vertical-align: middle; max-width: calc(100% - 1em); margin-bottom: 0.25em; } .question-number{ margin-left: 0em; } } label.custom_option{ padding-right: 0.5em; } .level2-list>*:not(:last-child) { margin-right: 1em; } .question-item{ list-style: none; } .error_field { -webkit-box-shadow: 0px 0px 0px 0.2em #e339a1; -moz-box-shadow: 0px 0px 0px 0.2em #e339a1; box-shadow: 0px 0px 0px 0.2em #e339a1; }