body {font-size: 16px;padding: 0;margin: 0;font-family: 'Roboto', Arial, Helvetica Neue, sans-serif;overflow: hidden;background-color: #f5f5f5;background-image: url(/s/imgs/preview/bg_grey.png);;}#preview-bar {background-color: #0a0a0a;color: #fefefe;width: 100%;padding: 0 0 0 10px;display: table;box-sizing: border-box;height: 64px;-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);position: absolute;z-index: 1000;padding: 0 0 0 15px;border-bottom: solid #fefefe 4px;top: 0;width: 100%;}#preview-bar .preview-title, #preview-bar .preview-options {display: table-cell;vertical-align: middle;}#preview-bar .preview-title {font-size: 16px;text-align: left;width: 30%;;}@media screen and (min-width: 40em) {#preview-bar .preview-title {font-size: 18px;}}#preview-bar .preview-options {width: 70%;;}@media screen and (min-width: 40em) {#preview-bar .preview-options {width: 50%;}}@media screen and (min-width: 64em) {#preview-bar .preview-options {width: 40%;}}#preview-bar .preview-options #options-wrapper:after {content: "";display: table;clear: both;height: 0;}#preview-bar .preview-options #mobile-button {float: right;height: 36px;}#preview-bar .preview-options #mobile-button img {height: 100%;}#preview-bar .preview-options #preview-sizes {float: right;margin-right: 15px;font-size: 0;display: none;}#preview-bar .preview-options #preview-sizes a {height: 34px;display: inline-block;padding: 13px;text-decoration: none;border-right: solid 1px #333;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}#preview-bar .preview-options #preview-sizes a:first-child {border-left: solid 1px #333;}#preview-bar .preview-options #preview-sizes a:hover {background-color: #555;}#preview-bar .preview-options #preview-sizes a.active:before {content: "";position: absolute;left: calc(50% - 6px);bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #f36621 transparent;z-index: 100;}#preview-bar .preview-options #preview-sizes a.active:after {content: "";position: absolute;height: 4px;background-color: #f36621;width: 100%;left: 0px;bottom: -4px;border-right: 0.5px solid #f36621;}#preview-bar .preview-options #preview-sizes a img {max-height: 28px;width: 28px;}#preview-bar .preview-options .jump-to-page {float: right;font-size: 14px;color: #CCC;margin: 0 20px 0 0;;}@media screen and (min-width: 40em) {#preview-bar .preview-options .jump-to-page {margin: 12px 20px 0 0;}}#preview-bar .preview-options .jump-to-page > span {display: none;}#preview-bar .preview-options #settings {float: right;position: relative;}#preview-bar .preview-options #settings a.setting-btn {height: 34px;display: inline-block;padding: 13px;text-decoration: none;border-left: solid 1px #333;position: relative;cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}#preview-bar .preview-options #settings a.setting-btn:hover, #preview-bar .preview-options #settings a.setting-btn.active {background-color: #555;z-index: 110;}#preview-bar .preview-options #settings a.setting-btn img {max-height: 28px;width: 28px;}#preview-bar .preview-options #settings #settings-dropdown {display: none;position: absolute;right: 0;top: 60px;background: #444;z-index: 90;white-space: nowrap;-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);min-width: 220px;}#preview-bar .preview-options #settings #settings-dropdown .settings-title {background-color: #555;text-transform: uppercase;font-size: 12px;font-weight: 700;padding: 15px 20px;color: #CCC;}#preview-bar .preview-options #settings #settings-dropdown ul {padding: 0;margin: 0;list-style: none;}#preview-bar .preview-options #settings #settings-dropdown ul li {padding: 20px 20px;border-bottom: solid 1px #555;}#preview-bar .preview-options #settings #settings-dropdown ul li:after {content: "";display: table;clear: both;}#preview-bar .preview-options #settings #settings-dropdown ul li label {font-size: 14px;float: left;}#preview-bar .preview-options #settings #settings-dropdown ul li .select {width: 100%;clear: both;margin-top: 8px;}#preview-bar .preview-options #settings #settings-dropdown ul li .select #ddlSurveyPage2 {width: 100%;}@media screen and (min-width: 40em) {#preview-bar .preview-options #mobile-button {display: none;}}@media screen and (min-width: 40em) {#preview-bar .preview-options #preview-sizes {display: block;}#preview-bar .preview-options #preview-sizes a.preview-desktop {display: none;}#preview-bar .preview-options #preview-sizes a img {max-height: 28px;}}@media screen and (min-width: 64em) {#preview-bar .preview-options #preview-sizes a.preview-desktop {display: inline-block;}}#preview-data {background-color: #444;padding: 10px;color: #FFF;font-size: 12px;text-align: center;margin-top: 64px;;}@media screen and (min-width: 40em) {#preview-data {display: none;}}#survey-preview {;}@media screen and (min-width: 40em) {#survey-preview {margin-top: 64px;}}#survey-preview #preview-container {margin-left: auto;margin-right: auto;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow-x: hidden;height: calc(100vh - 64px);;}#survey-preview #preview-container #preview-container-inner {height: 100%;overflow: hidden;}@supports (-webkit-overflow-scrolling: touch) {#survey-preview #preview-container #preview-container-inner {overflow-y: scroll;-webkit-overflow-scrolling: touch !important;}}#survey-preview #preview-container.desktop {border: none 0;width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}@media screen and (min-width: 64em) {#survey-preview #preview-container.tablet {height: 780px;width: 1280px;margin: 100px auto 30px auto;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding: 40px 40px 60px 40px;border: solid 1px #CCC;border-radius: 20px;position: relative;box-sizing: border-box;overflow: hidden;background-color: #f0f0f0;}#survey-preview #preview-container.tablet:before {content: "";position: absolute;z-index: 999;background-color: #CCC;left: 50%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;width: 0px;height: 0px;border-radius: 10px;margin-left: -38px;top: 52px;opacity: 0;}#survey-preview #preview-container.tablet:after {content: "";position: absolute;bottom: 24px;z-index: 999;width: 80px;height: 8px;border-radius: 10px;background-color: #CCC;left: 50%;margin-left: -40px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}#survey-preview #preview-container.tablet #preview-container-inner {overflow: hidden;height: 100%;border: solid 1px #CCC;border-radius: 4px;}}@media screen and (min-width: 40em) {#survey-preview #preview-container.mobile {height: 82vh; max-height: 870px;width: 420px;padding: 102px 22px;border-radius: 68px;margin: 100px auto 30px auto;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border: solid 1px #CCC;position: relative;box-sizing: border-box;overflow: hidden;background-color: #f0f0f0;}#survey-preview #preview-container.mobile:before {content: "";position: absolute;z-index: 999;background-color: #CCC;left: 50%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;width: 76px;height: 6px;border-radius: 10px;margin-left: -38px;top: 52px;}#survey-preview #preview-container.mobile:after {content: "";position: absolute;z-index: 999;border: solid 2px #CCC;left: 50%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;width: 58px;height: 58px;border-radius: 50%;margin-left: -29px;bottom: 25px;}#survey-preview #preview-container.mobile #preview-container-inner {overflow: hidden;height: 100%;border: solid 1px #CCC;border-radius: 4px;}}@media screen and (max-width: 39.9375em) {#survey-preview #preview-container {height: calc(100vh - 94px);}}.tooltip {display: inline;position: relative;;}.tooltip:hover {color: #c00;text-decoration: none;}.tooltip:hover:after {background: #555;border-radius: 4px;bottom: -50px;color: #fff;content: attr(data-tooltip);display: block;padding: 15px;position: absolute;text-shadow: 0 1px 0 #000;white-space: nowrap;z-index: 98;font-size: 12px;text-align: center;width: 340px;left: 0;margin-left: -20px;}.tooltip:hover:before {border: solid;border-color: #555555 transparent;border-width: 0 8px 8px 8px;bottom: -7px;content: "";display: block;left: 0;position: absolute;z-index: 99;}@media screen and (max-width: 39.9375em) {.tooltip {display: none;}}.tooltip img {height: 16px;width: 16px;vertical-align: middle;}.switch {float: right;}.switch input[type=checkbox] {height: 0;width: 0;visibility: hidden;position: absolute;}.switch input[type=checkbox]:checked + label {background: #4B8825;}.switch input[type=checkbox]:hover + label:after {background: #DDD;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}.switch input[type=checkbox]:checked + label:after {left: 100%;transform: translateX(-100%);background: #64DD17;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}.switch label {cursor: pointer;text-indent: -9999px;width: 38px;height: 14px;background: #838383;display: block;border-radius: 100px;position: relative;}.switch label:after {content: '';position: absolute;top: -3px;left: 0px;width: 20px;height: 20px;background: #BBB;border-radius: 100%;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}.select {float: right;margin-left: 8px;position: relative;;}.select:after {content: "";position: absolute;top: 13px;right: 8px;pointer-events: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-style: solid;border-width: 6px 4px 0 4px;border-color: #AAA transparent transparent transparent;}.select:hover::after, .select:active::after {border-color: #fefefe transparent transparent transparent;}.select select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 0 !important;background-image: none;position: relative;display: block;height: 32px;background: #555;overflow: hidden;padding: 0 24px 0 6px;width: 100%;margin: 0;color: #AAA;cursor: pointer;font-size: 14px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}.select select:hover, .select select:active {color: #fefefe;}.select select::-ms-expand {display: none;}.select select optgroup {font-size: 14px;}button, .btn {padding: 8px 10px;text-decoration: none;border-radius: 4px;font-size: 13px;font-weight: 700;border-color: #448944;box-shadow: inset 0px 1px 0px 0 #9DE09D, 0px 1px 2px rgba(0, 0, 0, 0.1);background-image: -moz-linear-gradient(top, #62c462, #51a351);background-image: -ms-linear-gradient(top, #62c462, #51a351);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image: -webkit-linear-gradient(top, #62c462, #51a351);background-image: -o-linear-gradient(top, #62c462, #51a351);background-image: linear-gradient(top, #62c462, #51a351);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);color: #ffffff;text-shadow: 0 -1px 0px #309230;cursor: pointer;display: inline-block;}button:hover, .btn:hover {background: #5AB45A;}button:active, .btn:active {background: #49a249;}.modal {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.7);;}.modal .modal-content {background-color: #FFF;margin: 10px auto;width: 90%;max-width: 640px;border-radius: 4px;position: relative;top: 20px;box-sizing: border-box;overflow: hidden;-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);;}@media screen and (min-width: 40em) {.modal .modal-content {width: 80%;top: 20%;}}.modal .modal-content .modal-header {background-color: #fffdcb;padding: 20px;border-bottom: solid 1px #dfdc94;;}.modal .modal-content .modal-header h1 {color: #444;font-size: 24px;margin: 0;}@media screen and (min-width: 40em) {.modal .modal-content .modal-header {padding: 20px 30px;}}.modal .modal-content .modal-body {padding: 40px 30px;text-align: center;;}@media screen and (min-width: 40em) {.modal .modal-content .modal-body {padding: 40px 40px;text-align: left;}}@media screen and (min-width: 64em) {.modal .modal-content .modal-body {padding: 60px 40px;}}.modal .modal-content .modal-body:after {content: "";display: table;clear: both;}.modal .modal-content .modal-body .preview-icon img {width: 100px;margin: 0 auto 30px auto;display: block;}.modal .modal-content .modal-body .preview-content p {font-size: 17px;line-height: 24px;margin: 0 0 30px;}@media screen and (min-width: 40em) {.modal .modal-content .modal-body {;}}.modal .modal-content .close-modal.btn {margin-bottom: 30px;padding: 14px 22px;font-size: 16px;;}@media screen and (min-width: 64em) {.modal .modal-content .close-modal.btn {margin-bottom: 0;}}.modal .modal-content .close-modal.x-btn {position: absolute;top: 16px;right: 20px;font-size: 28px;color: #AAA;cursor: pointer;;}.modal .modal-content .close-modal.x-btn:hover, .modal .modal-content .close-modal.x-btn:focus {color: #999;}@media screen and (min-width: 40em) {.modal .modal-content .close-modal.x-btn {top: 15px;right: 30px;}}.modal .modal-content .close-modal.text-link {font-size: 14px;color: #666;cursor: pointer;display: block;padding: 0;margin: 0;}@media screen and (min-width: 64em) {.modal .modal-content .close-modal.text-link {display: inline;margin-left: 30px;}}.modal .modal-content .close-modal.text-link:hover, .modal .modal-content .close-modal.text-link:focus {text-decoration: underline;}html.ie8 #preview-container-inner {bottom: 0;position: absolute;width: 100%;top: 65px;}