CINXE.COM

<!DOCTYPE html> <html data-v="1" lang="en" class="ss-survey ss-survey-1435919 ss-page-1 ss-page-num-0 ss-page-id-0 ss-theme-22891 " data-pn="0"> <head><title> ICO Website User Feedback </title><meta charset="utf-8" /><meta name="description" content="Please take a few minutes to take our survey." /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><link rel="canonical" href="https://www.smartsurvey.co.uk/s/ico-web-survey" /> <script src="/s/bundles/ScriptsWithJQuery?v=HNKUUnxM2DP-chz49lWdKe60s7bk3nuzD8mrzzjPmG01"></script> <link href="/s/bundles/Css?v=NRzKqsSVDcpKSW6Utax_SN6ZhQqZowhF3fQLaM2Y9-I1" rel="stylesheet"/> <style>/* NOTE: The styles below are used for the Main Style of Survey */ body {background-color:#ffffff;background-repeat:no-repeat;background-position:left top;;}.ss-survey-body,.ss-offline-body {padding:25px;font-family:'Roboto', sans-serif;;}.ss-survey-inner-body {padding:0px;background-color:#ffffff;border-width:0px;border-style:solid;border-color:#000000;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}.ss-survey-inner-body-border {}.container {margin:25px;} .ss-survey-main-body {background-color:#ffffff;border-width:0px;border-style:solid;border-color:#c2c2c2;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;padding:25px;margin-top:0px;margin-bottom:0px;}.ss-survey-main-body a:link {color: #333333;}.ss-survey-main-body a:visited {color: #333333;} .ss-survey-main-body-holder {max-width:1170px;margin-left:auto;margin-right:auto;}/* NOTE: The styles below are used for the Error Messages */.Message_Title {font-family:'Roboto', sans-serif;;font-size:24px;font-weight:bold;text-align:center;}.Message_NormalText {font-family:'Roboto', sans-serif;;font-size:12px;}/* NOTE: The styles below are used for the Page Settings */.ss-page-title {font-family:'Roboto', sans-serif;;color:#282525;font-size:20px;font-weight:normal;font-style:normal;text-decoration:none;} .ss-page-numbers {font-family:'Roboto', sans-serif;;color:#535353;font-size:18px;font-weight:normal;font-style:normal;text-decoration:none;}.ss-page-description {font-family:'Roboto', sans-serif;;color:#535353;font-size:16px;font-weight:normal;font-style:normal;text-decoration:none;;padding:10px 0 20px 0}/* NOTE: The styles below are used for the Survey Settings */.ss-survey-title {margin-top: 20px;margin-bottom: 10px;font-family:'Roboto', sans-serif;;color:#ffffff;font-size:24px;font-weight:normal;font-style:normal;text-decoration:none;}.ss-survey-description {font-family:'Roboto', sans-serif;;color:#535353;font-size:18px;font-weight:normal;font-style:normal;text-decoration:none;}.ss-survey-logo {margin: 0px 0px 10px 4px;} /* border: 1px solid #FFFF99; */.ss-survey-logo-right{text-align:right;float:right;}.ss-survey-logo-center{text-align:center}.ss-survey-logo-left{text-align:left}.ss-survey-layout {width:100%;}.ss-survey-button-holder {text-align:center;margin-top:20px;padding-bottom:20px} /* Set alignment of submit buttons */.ss-survey-button-holder input,.ss-survey-button-holder a.ss-button-close {border-width:0px;border-style:hidden;border-color:#000000;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:15px;color:#ffffff;font-size:18px;font-weight:normal;;cursor:pointer;text-align:center;}.ss-button-submit {}.ss-button-back {}.ss-button-save {} .ss-button-close {color: #000000}/* NOTE: The styles below are used for the Question Settings */.ss-question {border-width:0px;border-style:solid;border-color:#000000;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;padding:0px;margin-bottom:35px;margin-top:35px;}.ss-question-holder-top {float:left;width:100%;padding:0;margin:0;border:0;}.ss-question-title {line-height: 1.42857143;margin-bottom:10px;font-family:'Roboto', sans-serif;;color:#282525;font-size:18px;font-weight:normal;font-style:normal;text-decoration:none;} .ss-question-title a {text-decoration:underline}.ss-question-number {white-space: nowrap}.ss-question-options {padding:.5em 0em;}/* NOTE: The styles below are used for the Options Settings */.ss-question-options {font-family:'Roboto', sans-serif;;color:#323232;font-size:16px;font-weight:normal;font-style:normal;text-decoration:none;;} label.ss-option-title,span.ss-option-title {cursor:pointer;} .ss-survey-thankyou .ss-option-title a {text-decoration:underline}.ss-input-text {color: #000000;min-height: 21px;}.ss-input-text-other {color: #000000;min-height: 21px;}.ss-input-textarea {color: #000000;}.ss-input-comments {}.ss-input-radio {color: #000000;margin:0}.ss-input-checkbox {color: #000000;margin:0}.ss-input-dropdown {color: #000000;min-height: 21px;}.ss-input-datepicker {color:#000000}.ss-question-ranking-list {min-height:2em;list-style:none;}.ss-question-ranking-list .ss-question-ranking-option {border: 1px solid #CCC;min-height:35px;padding:7px;list-style:none;float:none;display:block!important;margin-bottom:5px;} .ss-question-ranking-list .ss-question-ranking-option select {margin-right:15px} .ss-question-ranking-list .ss-question-ranking-option label {margin-bottom:0px;} .ss-question-ranking-list .ss-question-ranking-option.hover {background-color: #FFC;border-color: #D1D17E;cursor:pointer;} .ss-question-ranking-list .ss-question-ranking-option.hover .ss-option-title {color:#000} .ss-option-comments {}.ss-option-other {display:block}/*NOTE: The styles below are used for the matrix questions etc*/.ss-qtype-matrix .ss-col-title {font-family:'Roboto', sans-serif;;color:#323232;font-size:16px;font-weight:normal;font-style:normal;text-decoration:none;}.ss-qtype-matrix .ss-row-title {text-align:left;font-family:'Roboto', sans-serif;;color:#323232;font-size:16px;font-weight:normal;font-style:normal;text-decoration:none;;padding:.5em;}.ss-qtype-matrix .ss-col-number {display:block;color:#323232;font-size:16px;font-weight:normal;font-style:normal;text-decoration:none;;font-size: 0.8em;}.ss-qtype-matrix .ss-corner-cell {}.ss-qtype-matrix .ss-row {}.ss-qtype-matrix .ss-col {text-align:center;padding:0px 3px;}.ss-qtype-matrix .ss-cell {text-align:center;padding:5px;}.ss-qtype-matrix .ss-alt1 {background-color: #f5f5f5;} /*efefef*/.ss-qtype-matrix .ss-alt2 {background-color: #ffffff;} /*ffffff*/.ss-qtype-matrix .ss-row {border-top:1px solid #ffffff}.ss-qtype-matrix .ss-row.ss-last {border-bottom:1px solid #ffffff}.ss-qtype-matrix .ss-input-matrix-text {color:#000000;}.ss-qtype-matrix .ss-input-matrix-radio {margin: 4px 0;cursor:pointer}.ss-qtype-matrix .ss-input-matrix-checkbox {margin: 4px 0;cursor:pointer}.ss-qtype-matrix .ss-input-matrix-select {color:#000000;}/* NOTE: The styles below are used for the Progress Bar */.ss-progress-bar-border {}.ss-progress-bar-bg1 {background-color: #1171a8;} .ss-progress-bar-bg2 {background-color: #e0e0e0;}.ss-progress-bar-text {text-align:center;font-size:0.8em;color:#535353;font-size:16px;font-weight:normal;font-style:normal;text-decoration:none;}.ss-progress-bar-border {padding:1px;}/* NOTE: The styles below are used for the File Uploader */.ss-file-list{overflow:hidden;border:1px solid #ccc;background:#FFF;padding:1em;margin:0 0 1em 0;border-radius:.3em}.ss-file-list ul{list-style:none;margin:0;padding:0}.ss-file-list li{line-height:1.4;overflow:hidden;position:relative}.ss-file-list li:not(:last-child){margin-bottom:5px;}.ss-file-list li:hover{background-color:#FFC}.ss-file-prefix,.ss-file-size{color:#333;font-weight:bold;}.ss-file-delete{display:block;float:right;background:transparent url(/s/imgs/trash.png) no-repeat 50% 50%;width:18px;height:18px;text-indent:50px}.ss-template-li{display:none}.ss-file-field{position:relative;overflow:hidden;}.ss-file-field .ss-browse-text{width:120px;display:inline-block;}.ss-file-buttons input{position:absolute;top:0;right:2px;margin:0;opacity:0;filter:alpha(opacity=0);z-index:10000;-ms-filter:'alpha(opacity=0)';font-size:200px;direction:ltr;cursor:pointer}.ss-browse-btn{position:relative;overflow:hidden;display:inline-block;display:inline-block;padding:3px 6px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #999;border-radius:2px;background:#f5f5f5;background:-moz-linear-gradient(top,#f5f5f5 0,#d5d5d5 100%);background:-webkit-linear-gradient(top,#f5f5f5 0,#d5d5d5 100%);background:linear-gradient(to bottom,#f5f5f5 0,#d5d5d5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5 ', endColorstr='#d5d5d5 ', GradientType=0 )}.ss-browse-btn:hover{background: #EEE}.ss-upload-btn{padding:5px}.ss-file-buttons input {*font-size:12px!important}.ss-file-feedback{opacity:.7;padding:1em 0 0 2.5em;border-radius:.3em}.ss-file-alert{background-image:url(/s/imgs/warning.gif)}.ss-file-progress {overflow: hidden;min-height:20px;width: 100%;margin: 10px auto 0;background-color:#F5F5F5;border-radius: 4px;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}.ss-file-progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;text-shadow: 1px 1px 0px #2C7047;padding:0 5px;color:#FFF;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.ss-file-progress-bar-success {background-color: #5CB85C;}.ss-file-progress-bar-failed {background-color: #EB8282;}/* NOTE: The styles below are used for the Language Bar */.ss-language-bar {position:fixed;right:0;top:0;background-color:rgba(255, 255, 255, 1);padding:10px;text-align:center;} .ss-language-bar-text {} @media only screen and (max-width: 40em) { .ss-language-bar {position: relative;}}/* NOTE: The styles below are used for the Language Bar */.ss-timer-bar {position:fixed;left:0;background-color:rgba(255, 255, 255, 1);padding:10px;text-align:center;border-radius: 0px 0px 8px 0px;} .ss-timer-bar-label {padding-bottom:5px} .ss-timer-bar-time {}/* NOTE: The styles below are used for the Misc Settings */.ss-survey-hr {display:none;background-color: #dddddd;height:1px;line-height:1px;}img.ss-survey-hr {margin-top:10px;margin-bottom:10px;width:100%}.ss-required-star {color:#ce0b0b;font-size:18px;font-weight:normal;}.ss-required-star-small {color:#ce0b0b;font-size:18px;font-weight:normal;;font-size:12px!important;}.ss-required-highlight {border-color:#C00!important;}.ss-required-highlight-row {color:#F00!important; background-color:#FFC!important}.ss-required-highlight-row td {color:#F00!important;} abbr[title] {border-bottom: none !important;cursor: inherit !important;text-decoration: none !important;}.textSmall {font-size: 10px;font-family:'Roboto', sans-serif;;}option {font-family:'Roboto', sans-serif;;}/* NOTE: Required Settings */ .ss-required-box {outline:none;color:red;background-color:#ce0b0b;border-width:2px;border-style:solid;border-color:#ce0b0b;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:10px;color:#ffffff;font-size:14px;font-weight:normal;margin-bottom:0px;margin-top:0px;;background-image: url(/s/imgs/error.png);background-repeat:no-repeat;background-position:5px;padding-left: 25px!important;} .ss-required-question-box {border:2px solid #ce0b0b;padding:10px;border-top:0px!important;} .ss-required-summary {margin-bottom:10px} .ss-required-summary a.ss-required-scroll-trigger {color:#000;text-decoration:underline} /*! Accessible Default Theme - Version 1.2.20 */html{height:100%}body{background-attachment:fixed;font-weight:300;position:relative;min-height:100%}.ss-survey-body{padding:0}.ss-question-options{padding:0}.ss-survey-main-body-holder{margin:0px auto}.ss-survey-main-body{padding-bottom:100px}.header .tBar.ss-survey-logo-left{float:none}.header .tBar.ss-survey-logo-left .tLogo{text-align:left}.header .tBar.ss-survey-logo-left .ss-survey-title{text-align:right}.header .tBar.ss-survey-logo-right{float:none}.header .tBar.ss-survey-logo-right .tLogo{text-align:right}.header .tBar.ss-survey-logo-right .ss-survey-title{text-align:left}.header .tBar.ss-survey-logo-center .tLogo{text-align:center;display:block}.header .tBar.ss-survey-logo-center .tLogo img{margin-bottom:30px}.header .tBar.ss-survey-logo-center .ss-survey-title{text-align:center;display:block;width:100%}.poweredBy{position:absolute;height:78px;bottom:0;text-align:center;border:none !important;width:100%;max-width:100% !important;margin:30px 0 0 !important;padding:30px 0 !important;display:block !important;border-radius:0 !important;background-color:#fff !important}/*! Accessible Default Theme Template - Version 1.2.20 */body{-webkit-text-size-adjust:100%}small{font-size:90%;color:#5d5656}.ss-question-title{margin-bottom:20px;font-weight:500}.ss-survey-main-body{padding-top:0;padding-bottom:0}@media screen and (max-width: 39.999em){.ss-survey-main-body{padding-left:25px;padding-right:25px}}.container{margin:auto;width:100%;max-width:1170px;padding-left:25px !important;padding-right:25px !important}.pBar .mT20{margin:0}.clearfix{content:"";clear:both;display:table}label{margin-bottom:0}.ss-survey-thankyou .ss-survey-main-body-holder{padding-top:30px}.tLogo{padding:15px 0;width:100% !important;text-align:center}@media screen and (min-width: 40em){.tLogo.left{text-align:left}.tLogo.right{text-align:right}}@media screen and (min-width: 40em){.tLogo{width:auto;display:inline-block}}.tLogo:empty{display:none}.tLogo img{max-width:200px;max-height:150px}.tLogo .ss-survey-logo{margin:0px}.header{margin-bottom:30px;background:#1170a8 !important;background:#282525;background:-webkit-linear-gradient(left, #282525, #000000);background:linear-gradient(left, #282525, #000000);padding:0px;color:#fff}.header .header-content{padding:20px 0 20px 0}.header .tLogo{margin-bottom:10px}@media screen and (min-width: 40em){.header .tLogo{width:auto;float:right;display:inline-block;margin-bottom:0px}}.header .tLogo:empty{display:none}.header .tLogo img{width:150px;height:auto;max-width:200px}@media screen and (max-width: 39.999em){.header .container .header-content{text-align:center}}.header .tBar{display:inline-block;width:auto;display:block;max-width:100%}@media screen and (max-width: 39.999em){.header .tBar{text-align:center}}@media screen and (max-width: 39.999em){.header .tBar h1{font-size:18px;text-align:center;width:100%;color:#fff}}.header .ss-survey-title{margin:0;font-weight:normal;text-align:left}.header .page-title{order:3;padding:25px 0 0 0;background:#fff;width:100%}@media screen and (min-width: 40em){.header .page-title{padding:40px 0 0px}}.header .page-title:after{content:"";display:table;clear:both}.header .page-title .container hr{border-top:solid 1px #777;margin:30px 0 35px 0}.header .page-title .page-title-wrapper:after{content:"";display:table;clear:both}.header .page-title .ss-page-description{padding:30px 0 0 0}.header .page-title .ss-page-description ul,.header .page-title .ss-page-description ol{margin-left:1.7em}.header .ss-page-title{background-color:#fefefe;float:left;text-align:left;font-weight:500;width:70%;line-height:1.3;color:#1170a8}@media screen and (max-width: 39.999em){.header .ss-page-title{float:none;font-size:18px;width:100%}}.header .ss-page-numbers{color:#8a8a8a}.ss-progress-bar{text-align:right;width:30% !important;float:right;max-width:250px}@media screen and (max-width: 39.999em){.ss-progress-bar{text-align:left;margin-bottom:10px;float:none;width:100% !important;clear:both;display:block;margin:20px 0 0 0;max-width:none}}.ss-progress-bar .ss-progress-label{color:#282525;text-align:left;padding:2px}.ss-progress-bar .ss-progress-label h3{font-size:inherit;line-height:inherit;font-weight:inherit}.ss-progress-bar .ss-progress-bar-border{width:85%;display:block;position:relative;height:16px;float:left;padding:0}@media screen and (min-width: 40em){.ss-progress-bar .ss-progress-bar-border{max-width:none}}.ss-progress-bar .ss-progress-bar-border .ss-progress-bar-bg2{height:100%;border-radius:3px;border:1px solid #777;overflow:hidden;background-color:#e0e0e0}.ss-progress-bar .ss-progress-bar-border .ss-progress-bar-bg2 .ss-progress-bar-bg1{height:100% !important;background-color:#1170a8}.ss-progress-bar .ss-progress-bar-text{width:15%;display:block;text-align:right;font-size:15px;line-height:16px;float:left;color:#282525}.pBar{position:relative;margin:0 auto}#accessibility-statement{text-align:center}.poweredBy{position:static;text-align:center;border:none !important;width:100%;max-width:100% !important;display:block !important;padding-bottom:70px !important;direction:ltr}@media screen and (min-width: 64em){.poweredBy{margin:30px 0 !important}}.poweredBy span{font-size:10px;margin-right:3px}.poweredBy img{width:100px;height:auto;display:inline}.poweredBy div strong a{background-image:url(https://files.smartsurvey.io/2/0/F0FBSH8U/sslogo.svg);background-repeat:no-repeat;font-size:0;width:100px;height:18px;display:inline-block;margin-left:5px;position:relative;top:-14px}fieldset,legend{margin:0;padding:0;border:none}html:not(.ie9) #ui-datepicker-div{background:#f5f5f5;padding:10px;border-radius:0px;margin-top:5px;border-color:#777;font-size:16px}html:not(.ie9) #ui-datepicker-div .ui-datepicker-header{border-radius:0;background:#777;border:none}html:not(.ie9) #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span.ui-icon,html:not(.ie9) #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span.ui-icon{background-image:none;position:relative}html:not(.ie9) #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span.ui-icon:before,html:not(.ie9) #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span.ui-icon:before{color:#fff;text-indent:0;border-style:solid;border-width:.2em .2em 0 0;content:"";display:inline-block;height:.7em;left:.15em;position:absolute;top:.25em;vertical-align:top;width:.7em;transform:rotate(-135deg)}html:not(.ie9) #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-state-hover,html:not(.ie9) #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-state-hover{background:none;border:none;cursor:pointer}html:not(.ie9) #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-state-hover span.ui-icon:before,html:not(.ie9) #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-state-hover span.ui-icon:before{color:#000}html:not(.ie9) #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span.ui-icon:before{transform:rotate(45deg)}html:not(.ie9) #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select{padding:1px}html:not(.ie9) #ui-datepicker-div table.ui-datepicker-calendar td a.ui-state-default{background:rgba(0,0,0,0);border:solid 1px rgba(0,0,0,0);font-weight:normal}html:not(.ie9) #ui-datepicker-div table.ui-datepicker-calendar td a.ui-state-default.ui-state-hover{background:#282525;color:#fff !important;font-weight:normal}html:not(.ie9) #ui-datepicker-div table.ui-datepicker-calendar td a.ui-state-default.ui-state-active{color:#607875}html:not(.ie9) .ss-input-text,html:not(.ie9) .ss-input-dropdown,html:not(.ie9) input[type=text],html:not(.ie9) input[type=url],html:not(.ie9) input[type=email],html:not(.ie9) input[type=password],html:not(.ie9) input[type=tel],html:not(.ie9) .ss-input-textarea,html:not(.ie9) .ss-input-dropdown{border:1px solid #777 !important;background-color:#fefefe;padding:8px;color:#444;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;outline:none;border-radius:4px}html:not(.ie9) .ss-input-text:hover,html:not(.ie9) .ss-input-text:focus,html:not(.ie9) .ss-input-dropdown:hover,html:not(.ie9) .ss-input-dropdown:focus,html:not(.ie9) input[type=text]:hover,html:not(.ie9) input[type=text]:focus,html:not(.ie9) input[type=url]:hover,html:not(.ie9) input[type=url]:focus,html:not(.ie9) input[type=email]:hover,html:not(.ie9) input[type=email]:focus,html:not(.ie9) input[type=password]:hover,html:not(.ie9) input[type=password]:focus,html:not(.ie9) input[type=tel]:hover,html:not(.ie9) input[type=tel]:focus,html:not(.ie9) .ss-input-textarea:hover,html:not(.ie9) .ss-input-textarea:focus,html:not(.ie9) .ss-input-dropdown:hover,html:not(.ie9) .ss-input-dropdown:focus{border:1px solid #000 !important}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){html:not(.ie9) .ss-input-text,html:not(.ie9) .ss-input-dropdown,html:not(.ie9) input[type=text],html:not(.ie9) input[type=url],html:not(.ie9) input[type=email],html:not(.ie9) input[type=password],html:not(.ie9) input[type=tel],html:not(.ie9) .ss-input-textarea,html:not(.ie9) .ss-input-dropdown{height:44px}}html:not(.ie9) input,html:not(.ie9) select,html:not(.ie9) textarea{-webkit-box-shadow:inset 2px 2px 2px rgba(0,0,0,.08);-moz-box-shadow:inset 2px 2px 2px rgba(0,0,0,.08);box-shadow:inset 2px 2px 2px rgba(0,0,0,.08);-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){html:not(.ie9) input,html:not(.ie9) select,html:not(.ie9) textarea{height:auto !important}}@media screen and (min-width: 40em){html:not(.ie9) .ss-qtype-text .ss-input-text,html:not(.ie9) .ss-input-textarea{padding:12px}}html:not(.ie9) .ss-input-textarea{width:100%;max-width:100%;font-size:inherit;font-family:inherit;background-color:#fefefe}html:not(.ie9) .ss-input-textarea:hover,html:not(.ie9) .ss-input-textarea:focus{border:1px solid #000 !important}html:not(.ie9) ul.ss-list-vert li,html:not(.ie9) ul.ss-list-hori li{padding:7px 10px 7px 40px !important;margin:0 8px 5px 0 !important;overflow:visible !important;float:left !important}html:not(.ie9) ul.ss-list-vert li:hover,html:not(.ie9) ul.ss-list-hori li:hover{background-color:#f5f5f5}html:not(.ie9) ul.ss-list-vert li{width:100%}html:not(.ie9) .ss-option-title>input,html:not(.ie9) .ss-qtype-matrix-radios .ss-cell label>input,html:not(.ie9) .ss-qtype-matrix-checkboxes .ss-cell label>input{position:absolute;cursor:pointer;left:0px;top:0;height:40px;z-index:1;margin:0;zoom:1;filter:alpha(opacity=0);opacity:0;width:100%}html:not(.ie9) .ss-qtype-radio ul.ss-list label span,html:not(.ie9) .ss-qtype-checkbox ul.ss-list label span{padding-left:0 !important;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;position:relative}html:not(.ie9) input[type=radio]+span::before,html:not(.ie9) input[type=checkbox]+span::before{content:"";display:block;border:1px solid #777;width:20px;height:20px;position:absolute;background:#fefefe;top:-1px;left:-30px;-webkit-box-shadow:0px 1px 2px 0px #ccc;-moz-box-shadow:0px 1px 2px 0px #ccc;box-shadow:0px 1px 2px 0px #ccc;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}html:not(.ie9) input[type=radio]+span::after,html:not(.ie9) input[type=checkbox]+span::after{content:"";display:none;position:absolute;zoom:1;filter:alpha(opacity=0);opacity:0}html:not(.ie9) input[type=radio]:checked+span::before,html:not(.ie9) input[type=checkbox]:checked+span::before{background-color:#1170a8;border:1px solid #1170a8;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}html:not(.ie9) input[type=radio]:checked+span::after,html:not(.ie9) input[type=checkbox]:checked+span::after{zoom:1;filter:alpha(opacity=100);opacity:1;display:block;top:4px}html:not(.ie9) input[type=radio]:checked:hover+span::before,html:not(.ie9) input[type=checkbox]:checked:hover+span::before{border:1px solid #1170a8}html:not(.ie9) input[type=radio]:hover+span,html:not(.ie9) input[type=checkbox]:hover+span{-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}html:not(.ie9) input[type=radio]:hover+span::before,html:not(.ie9) input[type=checkbox]:hover+span::before{border:1px solid #000;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}html:not(.ie9) .ss-qtype-radio .ss-question-options ul li,html:not(.ie9) .ss-qtype-checkbox .ss-question-options ul li{border-radius:3px;margin-bottom:5px}html:not(.ie9) .ss-qtype-radio .ss-question-options ul li .ss-other,html:not(.ie9) .ss-qtype-checkbox .ss-question-options ul li .ss-other{margin-left:0 !important;margin-top:10px !important;margin-bottom:10px}html:not(.ie9) .ss-qtype-radio .ss-question-options ul li .ss-other input,html:not(.ie9) .ss-qtype-checkbox .ss-question-options ul li .ss-other input{height:auto;line-height:1.3}html:not(.ie9) .ss-qtype-radio .ss-question-options ul li.selected,html:not(.ie9) .ss-qtype-radio .ss-question-options ul li.selected:hover,html:not(.ie9) .ss-qtype-checkbox .ss-question-options ul li.selected,html:not(.ie9) .ss-qtype-checkbox .ss-question-options ul li.selected:hover{background-color:#e5f3fa}html:not(.ie9) input[type=radio]+span::before{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}html:not(.ie9) input[type=radio]+span::after{zoom:1;filter:alpha(opacity=100);opacity:1;left:-25px;width:10px;height:10px;top:5px;background-color:#fff;border-radius:50%}html:not(.ie9) input[type=checkbox]+span::before{border-radius:4px}html:not(.ie9) input[type=checkbox]+span::after{border:solid;border-width:0 0 3px 3px;background:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);width:11px;height:7px;top:5px;left:-25px;-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-color:#fff}html:not(.ie9) .ss-qtype-matrix thead tr th.ss-col{padding:0 3px 10px}@media screen and (min-width: 40em){html:not(.ie9) .ss-qtype-matrix tbody .ss-row-title{padding:.7em}}html:not(.ie9) .ss-qtype-matrix tbody tr{border-top:solid 1px #fff}html:not(.ie9) .ss-qtype-matrix tbody tr:first-of-type{border-top:solid 1px #777}html:not(.ie9) .ss-qtype-matrix tbody tr:last-of-type{border-bottom:solid 1px #777 !important}html:not(.ie9) .ss-qtype-matrix tbody tr.ss-alt1{background-color:#f5f5f5}html:not(.ie9) .ss-qtype-matrix tbody tr.ss-alt2{background-color:#fff}html:not(.ie9) .ss-qtype-matrix .ss-cell label{display:inline-block !important;position:relative}html:not(.ie9) .ss-qtype-matrix .ss-cell label span{position:relative !important;top:-20px !important;left:-10px !important;font-size:0;display:block;cursor:pointer}html:not(.ie9) .ss-qtype-matrix .ss-cell label>span>span,html:not(.ie9) .ss-qtype-matrix .ss-cell label>span>img{display:none}html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-cell{padding:0 4px 0 4px}html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-cell label{margin-top:4px}html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-cell label::after{left:calc(100% - 16px) !important}html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-cell label select.ss-input-matrix-dropdown{background:#fefefe !important;min-width:80px}html:not(.ie9) .ss-qtype-matrix-textboxes .ss-cell .ss-input-matrix-text{padding:5px !important;background:#fefefe !important}html:not(.ie9) .ss-qtype-matrix-textboxes .ss-cell label{display:block !important}html:not(.ie9) .ss-qtype-matrix-textboxes .ss-matrix-table-clone .ss-question-title,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone .ss-question-title{margin-bottom:10px}html:not(.ie9) .ss-qtype-matrix-textboxes .ss-matrix-table-clone ul.ss-list-vert,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul.ss-list-vert{margin-bottom:20px}html:not(.ie9) .ss-qtype-matrix-textboxes .ss-matrix-table-clone ul.ss-list-vert li,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul.ss-list-vert li{padding:7px 10px 7px 10px !important}html:not(.ie9) .ss-qtype-matrix-textboxes .ss-matrix-table-clone ul.ss-list-vert li input,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul.ss-list-vert li input{margin-bottom:0px !important}html:not(.ie9) .ss-qtype-matrix-textboxes .ss-matrix-table-clone ul.ss-list-vert li select,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul.ss-list-vert li select{margin-top:10px}html:not(.ie9) .ss-qtype-matrix-textboxes .ss-matrix-table-clone ul.ss-list-vert li label span,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul.ss-list-vert li label span{margin-bottom:10px}html:not(.ie9) .ss-qtype-matrix-textboxes .ss-matrix-table-clone ul.ss-list-vert li label::after,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul.ss-list-vert li label::after{top:calc(50% + 8px)}@media screen and (max-width: 39.999em){html:not(.ie9) .ss-qtype-matrix-radios .ss-question-options .ss-question-title,html:not(.ie9) .ss-qtype-matrix-checkboxes .ss-question-options .ss-question-title{margin-bottom:10px}}html:not(.ie9) .ss-qtype-matrix-radios .ss-question-options .ss-matrix-table-clone,html:not(.ie9) .ss-qtype-matrix-checkboxes .ss-question-options .ss-matrix-table-clone{margin-bottom:20px}html:not(.ie9) .ss-qtype-matrix-radios .ss-question-options .ss-matrix-table-clone:last-of-type,html:not(.ie9) .ss-qtype-matrix-checkboxes .ss-question-options .ss-matrix-table-clone:last-of-type{margin-bottom:0}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){html:not(.ie9) .ss-qtype-matrix-radios input[type=radio]+span::before,html:not(.ie9) .ss-qtype-matrix-radios input[type=checkbox]+span::before,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=radio]+span::before,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=checkbox]+span::before{top:-7px !important}}@media all and (max-width: 39.999em)and (-ms-high-contrast: none),(-ms-high-contrast: active){html:not(.ie9) .ss-qtype-matrix-radios input[type=radio]+span::before,html:not(.ie9) .ss-qtype-matrix-radios input[type=checkbox]+span::before,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=radio]+span::before,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=checkbox]+span::before{top:9px !important}}@media screen and (min-width: 40em){html:not(.ie9) .ss-qtype-matrix-radios input[type=radio]+span::before,html:not(.ie9) .ss-qtype-matrix-radios input[type=checkbox]+span::before,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=radio]+span::before,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=checkbox]+span::before{top:4px;left:0px}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){html:not(.ie9) .ss-qtype-matrix-radios input[type=radio]+span::after,html:not(.ie9) .ss-qtype-matrix-radios input[type=checkbox]+span::after,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=radio]+span::after,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=checkbox]+span::after{top:-2px !important}}@media all and (max-width: 39.999em)and (-ms-high-contrast: none),(-ms-high-contrast: active){html:not(.ie9) .ss-qtype-matrix-radios input[type=radio]+span::after,html:not(.ie9) .ss-qtype-matrix-radios input[type=checkbox]+span::after,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=radio]+span::after,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=checkbox]+span::after{top:14px !important}}@media screen and (min-width: 40em){html:not(.ie9) .ss-qtype-matrix-radios input[type=radio]+span::after,html:not(.ie9) .ss-qtype-matrix-radios input[type=checkbox]+span::after,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=radio]+span::after,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=checkbox]+span::after{top:9px;left:5px}}html:not(.ie9) .ss-qtype-presentation .ss-question-title{font-size:16px;color:#444}html:not(.ie9) .ss-qtype-dropdown .ss-question-options .cf::before,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-question-options .cf::before,html:not(.ie9) .ss-qtype-date .ss-question-options .cf::before{display:inline-block !important;position:absolute}html:not(.ie9) .ss-qtype-dropdown select,html:not(.ie9) .ss-qtype-matrix-dropdowns select,html:not(.ie9) .ss-qtype-date select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;background:#fefefe;width:100%;max-width:100%;height:100%;margin:0;padding:5px 20px 4px 4px;cursor:pointer;border:1px solid #777 !important;border-radius:4px;line-height:22px;color:#212121}html:not(.ie9) .ss-qtype-dropdown select:hover,html:not(.ie9) .ss-qtype-dropdown select:focus,html:not(.ie9) .ss-qtype-matrix-dropdowns select:hover,html:not(.ie9) .ss-qtype-matrix-dropdowns select:focus,html:not(.ie9) .ss-qtype-date select:hover,html:not(.ie9) .ss-qtype-date select:focus{border:1px solid #000 !important}html:not(.ie9) .ss-qtype-dropdown select::-ms-expand,html:not(.ie9) .ss-qtype-matrix-dropdowns select::-ms-expand,html:not(.ie9) .ss-qtype-date select::-ms-expand{display:none}html:not(.ie9) .ss-qtype-dropdown .ss-question select::-ms-expand{display:none}html:not(.ie9) .ss-qtype-dropdown .ss-question select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #000}html:not(.ie9) .ss-qtype-dropdown .ss-question .ss-input-dropdown{padding:5px 30px 4px 10px;height:44px}html:not(.ie9) .ss-qtype-dropdown .ss-question-options .cf,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-question-options .ss-cell label,html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.sH,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul li label{position:relative}@media screen and (min-width: 40em){html:not(.ie9) .ss-qtype-dropdown .ss-question-options .cf,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-question-options .ss-cell label,html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.sH,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul li label{display:inline-block}}html:not(.ie9) .ss-qtype-dropdown .ss-question-options .cf::after,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-question-options .ss-cell label::after,html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.sH::after,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul li label::after{content:"▼";position:absolute;top:calc(50% - 7px);left:calc(100% - 18px);bottom:25px;pointer-events:none;color:#777 !important;width:0;height:0;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;font-size:12px}html:not(.ie9) .ss-qtype-dropdown .ss-question-options .cf:hover::after,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-question-options .ss-cell label:hover::after,html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.sH:hover::after,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul li label:hover::after{color:#559fc3}html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option{border-radius:3px;border:1px solid rgba(160,160,160,.6);padding-left:12px;margin-bottom:8px;box-shadow:0px 1px 3px rgba(0,0,0,.1)}html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option:before{content:"⁞⁞";display:inline-block;color:#b7b7b7;line-height:34px}html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option.hover{cursor:grab;cursor:-webkit-grab;background-color:#f5f5f5;border-color:#a9a9a9}html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option.hover.ui-sortable-helper{cursor:grabbing;cursor:-webkit-grabbing}html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option.hover .ss-option-title{color:#282525}html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option select{min-width:50px;height:34px;margin-right:15px !important;margin-left:15px;color:#212121;padding:0 6px;border-radius:3px}html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option select::-ms-expand{display:inline !important}html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option .ranking-dropdown{position:relative;display:inline;margin-right:20px}html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option .ranking-dropdown::after{top:4px}@media screen and (max-width: 39.999em){html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option:after{content:"";display:table;clear:both}html:not(.ie9) .ss-qtype-ranking li.ss-question-ranking-option label{display:inline-block;width:calc(100% - 90px);float:right}}html:not(.ie9) .ss-qtype-date .ss-question-options table tr th{padding:0;color:#999;font-size:13px}html:not(.ie9) .ss-qtype-date .ss-question-options table tr th.ss-option-title{width:60px;margin-right:15px;margin-bottom:10px}html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.sH{margin-right:25px}@media screen and (max-width: 39.999em){html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.sH{margin-right:15px}}html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.sH:last-child{margin-right:0}html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.sH select.ss-input-datepicker{padding:8px 25px 8px 12px !important}html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.dH{margin-right:15px}@media screen and (max-width: 39.999em){html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.dH{width:50%}}html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.dH .ss-input-datepicker{background-image:url(https://files.smartsurvey.io/2/0/36D7VQDW/icons8calendar3.svg);background-repeat:no-repeat;background-position:right 5px center;background-size:18px;background-color:#fefefe}html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.dH .ui-datepicker-trigger{display:none}html:not(.ie9) .ss-qtype-date .ss-question-options table tr th:first-child,html:not(.ie9) .ss-qtype-date .ss-question-options table tr td:first-child{width:0;padding:0;display:none}html:not(.ie9) .ss-qtype-date .ss-question-options table tr th:not(:first-child),html:not(.ie9) .ss-qtype-date .ss-question-options table tr td:not(:first-child){display:inline-block;text-align:left;padding:0}html:not(.ie9) .ss-qtype-date .ss-question-options table:not(.ss-date-time) tr td.dH{width:100%}html:not(.ie9) .ss-qtype-nps{counter-reset:section -1}html:not(.ie9) .ss-qtype-nps .ss-nps-table{display:table !important}html:not(.ie9) .ss-qtype-nps .ss-nps-table thead{display:none}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row{text-align:center}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.ac{width:9.09%;display:inline-block}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.ac:first-of-type{padding-left:0 !important}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.ac:nth-child(11){padding-right:0 !important}@media screen and (max-width: 39.999em){html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.ac{min-width:42px}}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.ar,html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.al{text-align:left;display:inline-block;width:50% !important;text-transform:uppercase;font-size:14px;padding:0}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.al{text-align:right}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td label.ss-option-title{position:relative;display:block;width:100%}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td label.ss-option-title span::before{counter-increment:section;content:counter(section);border-radius:3px;position:relative;width:100%;display:block;top:0;height:auto;padding:18px 0;left:0}@media screen and (max-width: 39.999em){html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td label.ss-option-title span::before{padding:10px 0}}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td label.ss-option-title span::after{display:none}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td label.ss-option-title input[type=radio]:hover+span::before{background-color:#f5f5f5;border-color:#a9a9a9}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td label.ss-option-title input[type=radio]:checked+span::before,html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td label.ss-option-title input[type=radio]:checked:hover+span::before{background:#282525;background:-webkit-linear-gradient(top, #282525, #0e0c0c);background:linear-gradient(to bottom, #282525 0%, #0e0c0c 100%);color:#fff;font-weight:700;border-color:#282525}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row .clearfix{content:".";display:table;height:0;font-size:0;line-height:0;visibility:hidden}@media screen and (max-width: 39.999em){html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td{width:15% !important}html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row .clearfix{display:block;border-top:solid 1px #777;margin:20px 0 15px}}html:not(.ie9) .ss-qtype-nps .ss-nps-table-clone{display:none !important}html:not(.ie9) .ss-qtype-nps .ss-option-comments{margin-top:30px !important}html:not(.ie9) .ss-qtype-slider .ss-question-options table th.tH{width:20%}html:not(.ie9) .ss-qtype-slider .ss-question-options table td.fH{width:80%;text-align:right}@media screen and (max-width: 39.999em){html:not(.ie9) .ss-qtype-slider .ss-question-options table th.tH{width:100%;display:block}html:not(.ie9) .ss-qtype-slider .ss-question-options table td.fH{width:100%;display:block}}html:not(.ie9) .ss-qtype-slider .ss-input-slider{padding-right:80px}html:not(.ie9) .ss-qtype-slider .ss-input-slider .ui-widget-content{background:#f5f5f5;border:solid 1px #f5f5f5 !important;height:.8em !important}html:not(.ie9) .ss-qtype-slider .ss-input-slider .ui-slider-handle.ui-state-default{background:-webkit-linear-gradient(top left, #1170a8, #0b4b70);background:linear-gradient(top left, #1170a8, #0b4b70);background:#1170a8;border-radius:50%;border:none;cursor:grab;width:1.4em;height:1.4em;top:-0.5em;outline:0}@media screen and (min-width: 40em){html:not(.ie9) .ss-qtype-slider .ss-input-slider .ui-slider-handle.ui-state-default{top:-0.4em}}html:not(.ie9) .ss-qtype-slider .ss-input-slider .ui-slider-handle.ui-state-hover{background:-webkit-linear-gradient(top left, #0b4b70, #08324b);background:linear-gradient(top left, #0b4b70, #08324b);background-color:#1170a8}html:not(.ie9) .ss-qtype-slider .ss-input-slider .ui-slider-handle.ui-state-active{background:-webkit-linear-gradient(top left, #4c4c4c, #323232);background:linear-gradient(top left, #4c4c4c, #323232);background-color:#4c4c4c}@media screen and (max-width: 39.999em){html:not(.ie9) .ss-qtype-sum .ss-question-options table{width:100%}html:not(.ie9) .ss-qtype-sum .ss-question-options table td{text-align:right;width:40%}}html:not(.ie9) .ss-qtype-matrix-diff .ss-matrix-table tr td label input[type=radio]+span::before{top:5px;left:0}html:not(.ie9) .ss-qtype-matrix-diff .ss-matrix-table tr td label input[type=radio]+span::after{top:10px;left:5px}html:not(.ie9) .ss-qtype-upload .ss-file-field .ss-file-buttons .ss-browse-btn{border-radius:3px;padding:14px 20px;border:1px solid #777;-webkit-box-shadow:0px 1px 2px 0px #ccc;-moz-box-shadow:0px 1px 2px 0px #ccc;box-shadow:0px 1px 2px 0px #ccc;background:#cacaca;color:#282525}html:not(.ie9) .ss-option-comments{margin-top:20px !important}html:not(.ie9) .ss-option-comments label{margin-bottom:10px !important;font-weight:500}html:not(.ie9) .ss-matrix-table input[type=radio]+span::before,html:not(.ie9) .ss-matrix-table input[type=checkbox]+span::before,html:not(.ie9) .ss-nps-table input[type=radio]+span::before,html:not(.ie9) .ss-nps-table input[type=checkbox]+span::before,html:not(.ie9) ul li input[type=radio]+span::before,html:not(.ie9) ul li input[type=checkbox]+span::before,html:not(.ie9) .ss-input-text,html:not(.ie9) .ss-qtype-dropdown select.ss-input-dropdown.ss-input-dropdown,html:not(.ie9) .ss-cell label select.ss-input-matrix-dropdown,html:not(.ie9) input[type=text],html:not(.ie9) input[type=url],html:not(.ie9) input[type=email],html:not(.ie9) input[type=password],html:not(.ie9) input[type=tel],html:not(.ie9) .ss-input-textarea,html:not(.ie9) .ss-input-dropdown,html:not(.ie9) .ss-qtype-date select{border-width:2px !important}html:not(.ie9) .ss-matrix-table input[type=radio]:hover+span::before,html:not(.ie9) .ss-matrix-table input[type=checkbox]:hover+span::before,html:not(.ie9) .ss-nps-table input[type=radio]:hover+span::before,html:not(.ie9) .ss-nps-table input[type=checkbox]:hover+span::before,html:not(.ie9) .ss-qtype-matrix-checkboxes .ss-cell:hover input+span::before,html:not(.ie9) .ss-qtype-matrix-radios .ss-cell:hover input+span::before,html:not(.ie9) ul li:hover input[type=radio]+span::before,html:not(.ie9) ul li:hover input[type=checkbox]+span::before,html:not(.ie9) .ss-input-text:hover,html:not(.ie9) .ss-qtype-dropdown select.ss-input-dropdown.ss-input-dropdown:hover,html:not(.ie9) .ss-cell label select.ss-input-matrix-dropdown:hover,html:not(.ie9) input[type=text]:hover,html:not(.ie9) input[type=url]:hover,html:not(.ie9) input[type=email]:hover,html:not(.ie9) input[type=password]:hover,html:not(.ie9) input[type=tel]:hover,html:not(.ie9) .ss-input-textarea:hover,html:not(.ie9) .ss-input-dropdown:hover,html:not(.ie9) .ss-qtype-date select:hover{border:2px solid #000 !important}html:not(.ie9) .ss-matrix-table input[type=radio]:focus+span::before,html:not(.ie9) .ss-matrix-table input[type=checkbox]:focus+span::before,html:not(.ie9) .ss-nps-table input[type=radio]:focus+span::before,html:not(.ie9) .ss-nps-table input[type=checkbox]:focus+span::before,html:not(.ie9) ul li input[type=radio]:focus+span::before,html:not(.ie9) ul li input[type=checkbox]:focus+span::before,html:not(.ie9) .ss-input-text:focus,html:not(.ie9) .ss-qtype-dropdown select.ss-input-dropdown.ss-input-dropdown:focus,html:not(.ie9) .ss-cell label select.ss-input-matrix-dropdown:focus,html:not(.ie9) input[type=text]:focus,html:not(.ie9) input[type=url]:focus,html:not(.ie9) input[type=email]:focus,html:not(.ie9) input[type=password]:focus,html:not(.ie9) input[type=tel]:focus,html:not(.ie9) .ss-input-textarea:focus,html:not(.ie9) .ss-input-dropdown:focus,html:not(.ie9) .ss-qtype-date select:focus{border:2px solid #333 !important}html:not(.ie9) .ss-qtype-matrix-checkboxes .ss-cell:hover,html:not(.ie9) .ss-qtype-matrix-radios .ss-cell:hover{cursor:pointer;outline:3px dashed #000}html:not(.ie9) .ss-matrix-table h4{font-size:inherit;font-weight:normal;margin:0}html:not(.ie9) .ss-matrix-table .ss-col{padding:0 3px 10px}.ss-qtype-matrix .ss-sr *{display:none !important}.ss-qtype-date th.ss-option-title{font-size:16px !important;color:#282525 !important}.ss-qtype-date th.ss-option-title{margin-right:25px}.ss-qtype-date table td,.ss-qtype-date table th,.ss-qtype-date table .tH,.ss-qtype-date table .dH,.ss-qtype-date table .sH,.ss-qtype-date table .ss-option-title{display:table-cell !important;margin:0 !important;width:auto !important;padding:0 3px 5px !important}@media screen and (min-width: 40em){.ss-qtype-date table td,.ss-qtype-date table th,.ss-qtype-date table .tH,.ss-qtype-date table .dH,.ss-qtype-date table .sH,.ss-qtype-date table .ss-option-title{border-right:15px solid #fefefe}}.ss-qtype-date table td:not(.tH):not(.dH):not(.sH){display:none !important}.ss-qtype-date .ss-input-datepicker{max-width:none}html:not(.ie9) input[type=text].ss-required-highlight,html:not(.ie9) textarea.ss-required-highlight{border-color:#ce0b0b !important;-webkit-box-shadow:0 0 0 2px #ce0b0b;-moz-box-shadow:0 0 0 2px #ce0b0b;box-shadow:0 0 0 2px #ce0b0b}html:not(.ie9) input[type=text].ss-required-highlight:hover,html:not(.ie9) textarea.ss-required-highlight:hover{border-color:#ce0b0b !important}html:not(.ie9) .required-icon+input[type=text].ss-required-highlight,html:not(.ie9) .required-icon+input[type=text].ss-required-highlight:hover,html:not(.ie9) .required-icon+input[type=text].ss-required-highlight:focus{border-left-width:30px !important}select:focus{border-color:#1170a8;outline:none}select.ss-required-highlight{border-color:#ce0b0b !important;-webkit-box-shadow:0 0 0 2px #ce0b0b;-moz-box-shadow:0 0 0 2px #ce0b0b;box-shadow:0 0 0 2px #ce0b0b}select.ss-required-highlight:hover{border-color:#ce0b0b !important}html:not(.ie9) .ss-qtype-date select.ss-required-highlight.ss-required-highlight{border-color:#ce0b0b !important;-webkit-box-shadow:0 0 0 2px #ce0b0b;-moz-box-shadow:0 0 0 2px #ce0b0b;box-shadow:0 0 0 2px #ce0b0b}html:not(.ie9) .ss-qtype-date select.ss-required-highlight.ss-required-highlight:hover{border-color:#ce0b0b !important}.ss-qtype-nps .ar,html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.al,.ss-qtype-nps .al{text-transform:none !important;font-size:14px}.ss-qtype-nps .ar.ss-col-left,html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.ss-col-left.al,.ss-qtype-nps .al.ss-col-left{display:inline-block;width:50%}.ss-qtype-nps .ar.ss-col-left:before,html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.ss-col-left.al:before,.ss-qtype-nps .al.ss-col-left:before{content:"0 - "}.ss-qtype-nps .ar.ss-col-right,html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.ss-col-right.al,.ss-qtype-nps .al.ss-col-right{display:inline-block;width:50%}.ss-qtype-nps .ar.ss-col-right:after,html:not(.ie9) .ss-qtype-nps .ss-nps-table tr.ss-row td.ss-col-right.al:after,.ss-qtype-nps .al.ss-col-right:after{content:"- 10"}.ss-qtype-nps tr.ss-row.alt1 td.ac label.ss-option-title input[type=radio]:checked+span::before,.ss-qtype-nps tr.ss-row.alt1 td.ac label.ss-option-title input[type=radio]:checked:hover+span::before{background:#1170a8;background:-webkit-linear-gradient(left, #1170a8, #1170a8) !important;background:linear-gradient(to right, #1170a8, #1170a8) !important;border-color:rgba(0,0,0,0) !important}.ss-nps-table tr.ss-row.alt1 div.clearfix{visibility:visible}@media screen and (min-width: 40em){.ss-nps-table tr.ss-row.alt1 div.clearfix{visibility:hidden}}.form-action-btns{-ms-display:flex;display:flex;-ms-justify-content:center;justify-content:center;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.form-action-btns input{height:auto !important}html:not(.ie8) .ss-survey-button-holder input.ss-button-submit.ss-button-submit,html:not(.ie9) .ss-survey-button-holder input.ss-button-submit.ss-button-submit{background:#1170a8;background:-webkit-linear-gradient(left, #1170a8, #1170a8) !important;background:linear-gradient(left, #1170a8, #1170a8) !important;color:#fff}html:not(.ie8) .ss-survey-button-holder input.ss-button-submit.ss-button-submit:hover,html:not(.ie9) .ss-survey-button-holder input.ss-button-submit.ss-button-submit:hover{background:#0c517a;background:-webkit-linear-gradient(left, #0c517a, #0c517a) !important;background:linear-gradient(left, #0c517a, #0c517a) !important}html:not(.ie8) .ss-survey-button-holder input.ss-button-back.ss-button-back,html:not(.ie8) .ss-survey-button-holder input[name=btnPrint],html:not(.ie9) .ss-survey-button-holder input.ss-button-back.ss-button-back,html:not(.ie9) .ss-survey-button-holder input[name=btnPrint]{background:#cacaca;background:-webkit-linear-gradient(left, #cacaca, #cacaca) !important;background:linear-gradient(left, #cacaca, #cacaca) !important;color:#000}html:not(.ie8) .ss-survey-button-holder input.ss-button-back.ss-button-back:hover,html:not(.ie8) .ss-survey-button-holder input[name=btnPrint]:hover,html:not(.ie9) .ss-survey-button-holder input.ss-button-back.ss-button-back:hover,html:not(.ie9) .ss-survey-button-holder input[name=btnPrint]:hover{background:#b1b1b1;background:-webkit-linear-gradient(left, #b1b1b1, #b1b1b1) !important;background:linear-gradient(left, #b1b1b1, #b1b1b1) !important}html:not(.ie9) .ss-qtype-matrix .ss-required-highlight-row{color:#fefefe}html:not(.ie9) .ss-qtype-matrix .ss-required-highlight-row .ss-row-title{color:#fefefe !important}html:not(.ie9) .ss-qtype-matrix tbody tr:first-of-type{border-top:none !important}html:not(.ie9) .ss-qtype-matrix tbody tr:last-of-type{border-bottom:none !important}.ss-list-vert .ss-option-title span:empty{min-height:22px;display:block}@media screen and (min-width: 40em)and (max-width: 640px){html:not(.ie9) .ss-qtype-matrix-radios input[type=radio]+span::before,html:not(.ie9) .ss-qtype-matrix-radios input[type=checkbox]+span::before,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=radio]+span::before,html:not(.ie9) .ss-qtype-matrix-checkboxes input[type=checkbox]+span::before{top:-1px;left:-30px}}html:not(.ie8) .ss-qtype-matrix.ss-qtype-matrix-radios .ss-cell label>input,html:not(.ie8) .ss-qtype-matrix.ss-qtype-matrix-checkboxes .ss-cell label>input{left:-6px !important;top:-15px !important;height:auto;width:auto}html[data-useragent*="MSIE 8.0"] label.ss-option-title{min-width:100px}html[data-useragent*="MSIE 8.0"] .ss-input-textarea,html[data-useragent*="MSIE 9.0"] .ss-input-textarea{width:100%;display:block}html[data-useragent*="MSIE 8.0"] .ss-qtype-nps .ss-nps-table tr.ss-row td.ar,html[data-useragent*="MSIE 8.0"] .ss-qtype-nps .ss-nps-table tr.ss-row td.al,html[data-useragent*="MSIE 8.0"] .ss-qtype-nps .ss-nps-table tr.ss-row td.ss-col-left,html[data-useragent*="MSIE 8.0"] .ss-qtype-nps .ss-nps-table tr.ss-row td.ss-col-right,html[data-useragent*="MSIE 9.0"] .ss-qtype-nps .ss-nps-table tr.ss-row td.ar,html[data-useragent*="MSIE 9.0"] .ss-qtype-nps .ss-nps-table tr.ss-row td.al,html[data-useragent*="MSIE 9.0"] .ss-qtype-nps .ss-nps-table tr.ss-row td.ss-col-left,html[data-useragent*="MSIE 9.0"] .ss-qtype-nps .ss-nps-table tr.ss-row td.ss-col-right{display:none !important}html[data-useragent*="MSIE 8.0"] .ss-qtype-matrix .ss-cell label span,html[data-useragent*="MSIE 9.0"] .ss-qtype-matrix .ss-cell label span{position:absolute !important}html[data-useragent*="MSIE 8.0"] .ss-qtype-dropdown select,html[data-useragent*="MSIE 8.0"] .ss-qtype-matrix-dropdowns select,html[data-useragent*="MSIE 8.0"] .ss-qtype-date select,html[data-useragent*="MSIE 9.0"] .ss-qtype-dropdown select,html[data-useragent*="MSIE 9.0"] .ss-qtype-matrix-dropdowns select,html[data-useragent*="MSIE 9.0"] .ss-qtype-date select{padding-right:10px}html[data-useragent*="MSIE 8.0"] .ss-qtype-dropdown .ss-question-options .cf::after,html[data-useragent*="MSIE 8.0"] .ss-qtype-dropdown .ss-question-options .ss-cell label::after,html[data-useragent*="MSIE 8.0"] .ss-qtype-dropdown .ss-question-options table tr td.sH::after,html[data-useragent*="MSIE 8.0"] .ss-qtype-matrix-dropdowns .ss-question-options .cf::after,html[data-useragent*="MSIE 8.0"] .ss-qtype-matrix-dropdowns .ss-question-options .ss-cell label::after,html[data-useragent*="MSIE 8.0"] .ss-qtype-matrix-dropdowns .ss-question-options table tr td.sH::after,html[data-useragent*="MSIE 8.0"] .ss-qtype-date .ss-question-options .cf::after,html[data-useragent*="MSIE 8.0"] .ss-qtype-date .ss-question-options .ss-cell label::after,html[data-useragent*="MSIE 8.0"] .ss-qtype-date .ss-question-options table tr td.sH::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-dropdown .ss-question-options .cf::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-dropdown .ss-question-options .ss-cell label::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-dropdown .ss-question-options table tr td.sH::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-matrix-dropdowns .ss-question-options .cf::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-matrix-dropdowns .ss-question-options .ss-cell label::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-matrix-dropdowns .ss-question-options table tr td.sH::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-date .ss-question-options .cf::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-date .ss-question-options .ss-cell label::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-date .ss-question-options table tr td.sH::after{display:none}html[data-useragent*="MSIE 8.0"] .ss-qtype-dropdown .ss-matrix-table-clone ul li label::after,html[data-useragent*="MSIE 8.0"] .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul li label::after,html[data-useragent*="MSIE 8.0"] .ss-qtype-date .ss-matrix-table-clone ul li label::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-dropdown .ss-matrix-table-clone ul li label::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul li label::after,html[data-useragent*="MSIE 9.0"] .ss-qtype-date .ss-matrix-table-clone ul li label::after{display:none}html[data-useragent*="MSIE 8.0"] .ss-qtype-date .ss-question-options table tr td.sH select.ss-input-datepicker,html[data-useragent*="MSIE 9.0"] .ss-qtype-date .ss-question-options table tr td.sH select.ss-input-datepicker{padding:8px 12px 8px 12px !important}html[data-useragent*="MSIE 8.0"] .ss-qtype-dropdown .ss-question .ss-input-dropdown,html[data-useragent*="MSIE 9.0"] .ss-qtype-dropdown .ss-question .ss-input-dropdown{padding:5px 10px 4px 10px}html[data-useragent*="MSIE 8.0"] #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span.ui-icon:before,html[data-useragent*="MSIE 9.0"] #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span.ui-icon:before{-ms-transform:rotate(-135deg)}html[data-useragent*="MSIE 8.0"] #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span.ui-icon:before,html[data-useragent*="MSIE 9.0"] #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span.ui-icon:before{-ms-transform:rotate(45deg)}html[data-useragent*="MSIE 8.0"] .poweredBy,html[data-useragent*="MSIE 9.0"] .poweredBy{direction:ltr}html[data-useragent*="MSIE 8.0"] .poweredBy div strong a,html[data-useragent*="MSIE 9.0"] .poweredBy div strong a{background-image:url("https://files.smartsurvey.io/2/0/8FIGIZS8/smartsurveylogosmall.png") !important;background-size:100px 18px;background-position:top left}html[data-useragent*="MSIE 8.0"] .ss-matrix-table .ss-row-title,html[data-useragent*="MSIE 9.0"] .ss-matrix-table .ss-row-title{min-width:80px}html[data-useragent*="MSIE 8.0"] .ss-input-datepicker,html[data-useragent*="MSIE 8.0"] .ui-datepicker-trigger,html[data-useragent*="MSIE 9.0"] .ss-input-datepicker,html[data-useragent*="MSIE 9.0"] .ui-datepicker-trigger{max-width:100px}html[data-useragent*="MSIE 8.0"] .ss-survey-button-holder input.ss-button-save.ss-button-save,html[data-useragent*="MSIE 9.0"] .ss-survey-button-holder input.ss-button-save.ss-button-save{background:rgba(0,0,0,0);color:red}html[data-useragent*="MSIE 8.0"] .ss-survey-button-holder input.ss-button-back.ss-button-back,html[data-useragent*="MSIE 9.0"] .ss-survey-button-holder input.ss-button-back.ss-button-back{background:rgba(0,0,0,0);color:red}html[data-useragent*="MSIE 8.0"] .ss-nps-table th:first-child,html[data-useragent*="MSIE 9.0"] .ss-nps-table th:first-child{display:none}html[data-useragent*="MSIE 8.0"] .ss-nps-table .ss-col-left,html[data-useragent*="MSIE 8.0"] .ss-nps-table .ss-col-right,html[data-useragent*="MSIE 9.0"] .ss-nps-table .ss-col-left,html[data-useragent*="MSIE 9.0"] .ss-nps-table .ss-col-right{display:none !important}html[data-useragent*="MSIE 8.0"] .ss-question-options .fH,html[data-useragent*="MSIE 9.0"] .ss-question-options .fH{min-width:120px}html[data-useragent*="MSIE 8.0"] .ss-question-options .fH input,html[data-useragent*="MSIE 9.0"] .ss-question-options .fH input{max-width:40px}html.ie9 .thank-you-page .button.primary.orange,html.ie9 .thank-you-page button.primary.orange{background-color:#f36621 !important;background:#f36621;background:linear-gradient(to right, #f36621, #f24938);position:relative;padding:8px 12px;color:#fff;display:block}.ss-qtype-checkbox .ss-question .ss-cols,.ss-qtype-radio .ss-question .ss-cols{padding-right:5px}html:not(.ie9) .ss-qtype-slider .ss-input-slider .ui-widget-content{border:1px solid #777 !important}.ss-slider-single .ss-slider-value{text-align:right;padding-left:10px}.ss-slider-single label.ss-option-title{margin-top:10px}.ss-question-ranking-list .ss-question-ranking-option{min-height:50px}html:not([data-useragent*="MSIE 9.0"]) .ss-qtype-ranking li.ss-question-ranking-option select{-webkit-appearance:none !important;-moz-appearance:none !important;-ms-appearance:none !important;appearance:none !important;outline:0;background:#fefefe;height:100%;padding:5px 20px 4px 4px;cursor:pointer;border:1px solid #a4a4a4 !important;border-radius:4px;line-height:22px;color:#212121}html:not([data-useragent*="MSIE 9.0"]) .ss-qtype-ranking li.ss-question-ranking-option select::-ms-expand{display:none}html:not([data-useragent*="MSIE 9.0"]) .ss-qtype-ranking li.ss-question-ranking-option::after{content:"";display:table;clear:both}html:not([data-useragent*="MSIE 9.0"]) .ss-qtype-ranking .ss-question-ranking-list label{position:relative;display:inline-block;width:calc(100% - 90px);float:right;margin-top:5px}html:not([data-useragent*="MSIE 9.0"]) .ss-qtype-ranking .ss-option-comments .ss-option-title label::before{content:"" !important}html:not([data-useragent*="MSIE 9.0"]) .ss-qtype-ranking .icon{display:inline-block;position:relative}html:not([data-useragent*="MSIE 9.0"]) .ss-qtype-ranking .icon::before{content:"▼";position:absolute;top:-13px;right:33px;pointer-events:none;color:#a4a4a4 !important;width:0;height:0;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;font-size:12px}html:not(.ie9) #ui-datepicker-div .ui-datepicker-header{background:#757575}#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span.ui-icon:before,#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span.ui-icon:before{top:.15em !important}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{margin-top:-7px !important}html:not(.ie9) .ss-qtype-date .ss-question-options table tr th{color:#737373}html:not(.ie9) .ss-qtype-upload .ss-file-field .ss-file-buttons .ss-browse-btn{font-weight:bold;border:none;webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ss-qtype-upload .ss-file-list li{clear:both;padding:5px 0;overflow:visible}.ss-qtype-upload .ss-file-delete{padding:15px;margin-top:-4px;overflow:hidden}.ss-qtype-upload .ss-file-delete:focus{outline:none}.ss-qtype-upload .ss-file-field{overflow:visible}.ss-qtype-upload .ss-file-progress{margin-bottom:20px}.ss-qtype-upload .ss-file-progress-bar{padding:15px;font-size:18px;text-shadow:none}.ss-qtype-upload .ss-file-progress-bar.ss-file-progress-bar-failed{background-color:#ce0b0b}.ss-qtype-upload .ss-file-progress-bar.ss-file-progress-bar-success{background-color:#3a833a}.ss-qtype-sum output{display:inline-block;font-size:16px;background-color:#f5f5f5;padding:10px;border-radius:4px}html:not(.ie8) input:focus,html:not(.ie8) textarea:focus,html:not(.ie8) select:focus,html:not(.ie8) a.ui-slider-handle:focus,html:not(.ie8) a.ss-file-delete:focus,html:not(.ie8) .ss-qtype-upload .ss-file-field .ss-file-buttons .ss-browse-btn.has-focus,html:not(.ie8) .ss-survey-button-holder input:focus,html:not(.ie8) input[type=checkbox]:focus+span::before,html:not(.ie8) input[type=radio]:focus+span::before,html:not(.ie9) input:focus,html:not(.ie9) textarea:focus,html:not(.ie9) select:focus,html:not(.ie9) a.ui-slider-handle:focus,html:not(.ie9) a.ss-file-delete:focus,html:not(.ie9) .ss-qtype-upload .ss-file-field .ss-file-buttons .ss-browse-btn.has-focus,html:not(.ie9) .ss-survey-button-holder input:focus,html:not(.ie9) input[type=checkbox]:focus+span::before,html:not(.ie9) input[type=radio]:focus+span::before{-webkit-box-shadow:0px 0px 0px 3px #333;-moz-box-shadow:0px 0px 0px 3px #333;box-shadow:0px 0px 0px 3px #333}html:not(.ie8) .ss-survey-button-holder input:focus,html:not(.ie9) .ss-survey-button-holder input:focus{border:none;outline:none}span.ss-required-star{color:#282525}html:not(.ie9) .ss-qtype-dropdown .ss-question-options .cf::after,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-question-options .ss-cell label::after,html:not(.ie9) .ss-qtype-date .ss-question-options table tr td.sH::after,html:not(.ie9) .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul li label::after{content:"";background-color:rgba(0,0,0,0) !important;width:9px;height:9px;border-top:3px solid #999;border-left:3px solid #999;transform:rotate(-135deg);top:calc(50% - 6px);left:calc(100% - 20px)}html:not(.ie9) .ss-qtype-dropdown .ss-question-options{border-collapse:separate}html[dir=rtl] .header .ss-survey-title{text-align:right}html[dir=rtl] .header .ss-page-title{float:right;text-align:right}html[dir=rtl] .ss-progress-bar{text-align:left;float:left}html[dir=rtl] .ss-page-description ul,html[dir=rtl] .ss-page-description ol{margin-left:0;margin-right:1.7em}html[dir=rtl] .ss-question-options ul.ss-list li{padding:7px 40px 7px 10px !important}html[dir=rtl] .ss-question-options ul.ss-list li span::before{right:-30px !important}html[dir=rtl] .ss-question-options ul.ss-list li span::after{right:-25px !important}html[dir=rtl] .ss-qtype-checkbox .ss-question-options ul li,html[dir=rtl] .ss-qtype-radio .ss-question-options ul li{float:right !important}html[dir=rtl] .ss-qtype-slider .ss-input-slider{padding-right:0}html[dir=rtl] .ss-qtype-ranking label::before{right:-31px}html[dir=rtl] .ss-qtype-ranking li.ss-question-ranking-option select{padding:5px 4px 4px 20px}@media screen and (max-width: 39.999em){html[dir=rtl] .ss-qtype-ranking li.ss-question-ranking-option label{width:calc(100% - 90px);float:left}}html[dir=rtl] .ss-qtype-date .ss-question-options table tr td.sH select.ss-input-datepicker{padding:8px 12px 8px 25px !important}html[dir=rtl] .ss-qtype-date .ss-question-options table tr td.sH::after{right:calc(100% - 18px)}html[dir=rtl] .ss-qtype-date .ss-question-options table tr td.dH .ss-input-datepicker{background-position:left 5px center}html[dir=rtl] .ui-datepicker .ui-datepicker-prev span,html[dir=rtl] .ui-datepicker .ui-datepicker-next span{left:-20%}html[dir=rtl] #ui-datepicker-div .ui-datepicker-header.ui-widget-header .ui-datepicker-next span.ui-icon:before{-ms-transform:rotate(-135deg) !important;transform:rotate(-135deg) !important}html[dir=rtl] #ui-datepicker-div .ui-datepicker-header.ui-widget-header .ui-datepicker-prev span.ui-icon:before{-ms-transform:rotate(45deg) !important;transform:rotate(45deg) !important}html[dir=rtl] .ss-qtype-matrix-dropdowns .ss-cell label::after{right:calc(100% - 16px) !important}html[dir=rtl] .ss-qtype-matrix-dropdowns select{padding:5px 4px 4px 20px}html[dir=rtl] .ss-qtype-matrix-dropdowns .ss-matrix-table-clone ul li label::after{right:calc(100% - 18px)}html[dir=rtl] .ss-qtype-dropdown .ss-question-options .cf::after{right:calc(100% - 18px)}html[dir=rtl] .ss-qtype-dropdown .ss-question .ss-input-dropdown{padding:5px 10px 4px 30px}li.ss-option-heading.ss-option-heading.ss-option-heading{padding-left:9px !important}.ss-required-question-box{padding:20px !important;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.ss-required-summary{margin-bottom:0 !important;border-bottom-left-radius:3px !important;border-bottom-right-radius:3px !important}.ss-required-box{background-image:url(https://files.smartsurvey.io/2/0/P7MKCMZG/icons8boximportant.svg) !important;padding-left:35px !important;background-size:22px !important;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-required-box a{color:#fff !important}.ss-required-highlight-row{background-color:#ce0b0b !important}.ss-ss-required-box.ss-ss-required-summary{margin-bottom:10px !important}.ss-required-question-box{border-width:4px}.ss-qtype-multi-text table input[type=text].ss-required-highlight,.SaveBox.MessageBoxHolder table input.ss-required-highlight{border-left-width:30px !important}.ss-qtype-multi-text table input[type=text].ss-required-highlight:hover,.SaveBox.MessageBoxHolder table input.ss-required-highlight:hover{border-left-width:30px !important}.ss-qtype-multi-text table input[type=text].ss-required-highlight:focus,.SaveBox.MessageBoxHolder table input.ss-required-highlight:focus{border-left-width:30px !important}.ss-required-indicator-small{color:#ce0b0b}.ss-required-highlight-row .ss-row-title,.required-icon{background-image:url(https://files.smartsurvey.io/2/0/P7MKCMZG/icons8boximportant.svg) !important;background-size:22px !important;background-repeat:no-repeat}.required-icon{width:22px;height:22px;display:inline-block;position:relative;left:26px;top:6px;margin-left:-22px}.ss-required-highlight-row{background-color:#fee5e5 !important}.ss-required-highlight-row .ss-row-title{background-color:#ce0b0b;background-position:7px;padding-left:35px !important}html:not(.ie9) input.row-error-control,html:not(.ie9) select.row-error-control{border-color:#ce0b0b !important}.mobile-row-error{background-color:#fee5e5 !important;padding:20px;margin:0 -20px 20px !important}.mobile-row-error .ss-question-title{color:#ce0b0b;background-image:url(https://files.smartsurvey.io/2/0/VUFANW35/icons8boximportantred.svg);background-repeat:no-repeat;padding-left:28px !important;background-size:20px !important}.ss-survey-button-holder input.ss-button-back,.ss-survey-button-holder input.ss-button-back{background:#cacaca}html:not(.ie8) .ss-survey-button-holder,html:not(.ie9) .ss-survey-button-holder{font-size:0;padding-top:40px;position:relative}html:not(.ie8) .ss-survey-button-holder:before,html:not(.ie9) .ss-survey-button-holder:before{content:"";border-top:solid 1px #777;top:0px;left:-40px;width:calc(100% + 80px);position:absolute}@media screen and (max-width: 39.999em){html:not(.ie8) .ss-survey-button-holder:before,html:not(.ie9) .ss-survey-button-holder:before{left:-25px;width:calc(100% + 50px)}}html:not(.ie8) .ss-survey-button-holder input,html:not(.ie9) .ss-survey-button-holder input{box-shadow:none;padding:16px 36px;white-space:normal;margin:0 5px;font-weight:500 !important}@media screen and (max-width: 39.999em){html:not(.ie8) .ss-survey-button-holder input,html:not(.ie9) .ss-survey-button-holder input{font-size:1.2em !important;line-height:inherit !important;width:100% !important;padding:16px 22px;margin:0}}html:not(.ie8) .ss-survey-button-holder input.ss-button-submit,html:not(.ie9) .ss-survey-button-holder input.ss-button-submit{position:relative}@media screen and (max-width: 39.999em){html:not(.ie8) .ss-survey-button-holder input.ss-button-submit,html:not(.ie9) .ss-survey-button-holder input.ss-button-submit{width:48% !important;display:inline !important;font-size:16px !important;margin:0}}html:not(.ie8) .ss-survey-button-holder input.ss-button-back,html:not(.ie9) .ss-survey-button-holder input.ss-button-back{background-color:#cacaca;color:#282525}html:not(.ie8) .ss-survey-button-holder input.ss-button-back:hover,html:not(.ie9) .ss-survey-button-holder input.ss-button-back:hover{background-color:#b1b1b1}@media screen and (max-width: 39.999em){html:not(.ie8) .ss-survey-button-holder input.ss-button-back,html:not(.ie9) .ss-survey-button-holder input.ss-button-back{width:48% !important;display:inline !important;margin:0 4% 0 0;font-size:16px !important;float:left}}html:not(.ie8) .ss-survey-button-holder .save-wrapper,html:not(.ie9) .ss-survey-button-holder .save-wrapper{margin-top:30px}@media screen and (max-width: 39.999em){html:not(.ie8) .ss-survey-button-holder .save-wrapper,html:not(.ie9) .ss-survey-button-holder .save-wrapper{width:100%}}html:not(.ie8) .ss-survey-button-holder .save-wrapper .ss-button-save,html:not(.ie9) .ss-survey-button-holder .save-wrapper .ss-button-save{background-color:rgba(0,0,0,0);color:#282525;border-bottom:none;padding:0;text-decoration:underline;font-size:16px !important}html:not(.ie8) .ss-survey-button-holder .save-wrapper .ss-button-save:hover,html:not(.ie9) .ss-survey-button-holder .save-wrapper .ss-button-save:hover{text-decoration:none}html:not(.ie8) .ss-survey-button-holder::before,html:not(.ie9) .ss-survey-button-holder::before{left:0px;width:100%}.ss-survey-button-holder{padding-bottom:50px}.ss-survey-button-holder .save-wrapper{padding-bottom:40px;margin-top:0 !important}@media screen and (min-width: 40em){.ss-survey-button-holder{padding-bottom:80px}.ss-survey-button-holder .save-wrapper{padding-bottom:40px;margin-top:0 !important}}@media screen and (max-width: 39.999em){.form-action-btns{margin:0 -5px}html:not(.ie8) .ss-survey-button-holder input.ss-button-submit,html:not(.ie9) .ss-survey-button-holder input.ss-button-submit{box-sizing:content-box;width:50% !important;display:inline-block !important;margin:0 5px}html:not(.ie8) .ss-survey-button-holder input.ss-button-back,html:not(.ie9) .ss-survey-button-holder input.ss-button-back{box-sizing:content-box;width:50% !important;display:inline-block !important;margin:0 5px;float:left}html:not(.ie8) .ss-survey-button-holder input,html:not(.ie9) .ss-survey-button-holder input{font-size:16px !important}}.ss-page-num-0 .page-title{display:none}.SaveBox .ss-question{font-size:16px}@media screen and (min-width: 40em){.SaveBox .ss-question{width:60%;margin-left:auto;margin-right:auto}}.SaveBox .ss-question h2.ss-question-title{font-size:30px !important;margin-bottom:20px}.SaveBox .ss-question .table-ac{margin-top:20px}.SaveBox .ss-question .table-ac tr{display:block}.SaveBox .ss-question .table-ac tr:first-of-type{margin-bottom:20px}.SaveBox .ss-question .table-ac tr th{width:70px}.SaveBox .ss-question .ss-survey-button-holder{border:none 0}@media screen and (max-width: 39.999em){.ss-survey .ss-survey-button-holder input#cmdSave{width:auto !important;display:inline-block;margin-bottom:10px;font-size:16px !important}}.ss-language-selector{margin-top:50px;text-align:center;margin-bottom:80px}@media screen and (min-width: 40em){.ss-language-selector{width:60%;margin-left:auto;margin-right:auto}}.ss-language-selector .ss-question{margin-top:40px}.ss-language-selector .ss-option-title{font-size:16px;text-align:center}.ss-language-selector .ss-option-title .al{text-align:center !important}.ss-language-selector .ss-language-boxes-2{margin-top:40px}.ss-language-selector .ss-language-boxes-2 li a{padding:10px 15px;margin-bottom:10px;font-size:16px}.ss-language-selector .ss-language-boxes-2 li a.ss-default-language{background-color:#e5f3fa}/*! Accessible Default Theme High Contrast Mode - Version 1.2.8 */@media(forced-colors: active){input:not(.ss-button-save){border:2px solid buttontext}.ss-qtype-upload .ss-file-field .ss-file-buttons .ss-browse-btn{border:2px solid canvastext !important}input[type=radio]+span::after{border:5px solid buttontext}input[type=checkbox]+span::after{border-color:buttontext !important}.ss-nps-table input[type=radio]+span::before,.ss-nps-table input[type=checkbox]+span::before{border-style:dashed !important}.ss-qtype-nps .ss-nps-table tr.ss-row td label.ss-option-title input[type=radio]:checked+span::before,.ss-qtype-nps .ss-nps-table tr.ss-row td label.ss-option-title input[type=radio]:checked:hover+span::before{color:buttontext !important;border:2px solid buttontext !important}.ss-qtype-slider .ss-input-slider .ui-slider-handle{border:5px solid buttontext !important}.ss-progress-bar .ss-progress-bar-border .ss-progress-bar-bg2 .ss-progress-bar-bg1{border-right:2px solid canvastext}.ss-qtype-date table th,.ss-qtype-date table td{border-color:canvas !important}*:focus,.ss-input-radio:focus+span,.ss-input-checkbox:focus+span,.ss-qtype-nps .ss-input-radio:focus+span::before,.has-focus{outline:4px dotted highlight !important}.ss-qtype-upload .ss-file-delete{padding:0;margin-top:0;overflow:auto;width:auto;height:auto;text-indent:0;background:none;text-decoration:underline}.poweredBy div strong a{background-image:none;font-size:inherit;width:auto;height:auto;display:inline-block;margin-left:0;position:static}} input,textarea,select{max-width:97%;}.ss-qtype-radio ul.ss-list .ss-input-text-other,.ss-qtype-checkbox ul.ss-list .ss-input-text-other { max-width:90%; } </style><link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap" rel="stylesheet"> <script>/* Accessible Default Theme js - Version 1.2.15 */ /******************************************************************/ /********** FUNCTIONS *******************/ /******************************************************************/ // FUNCTION FOR SELECTED CLASS function makeSelected($el) { // Apply class to parent li of radio/checkbox if checked otherwise remove $el.closest('div.cf').find('ul').each(function () { $(this).find('li').each(function () { if ($(this).find('input').is(":checked")) { $(this).addClass('selected'); } else { $(this).removeClass('selected'); } }); }); } // ARIA ATTR SETUP AND ERROR UPDATES function CheckAriaInvalidAttribute() { $(".ss-required-option").each(function () { var attrAria = $(this).attr("aria-invalid"); var isCurrentlyInvalid = $(this).hasClass("ss-required-highlight") || $(this).hasClass("ss-required-highlight-row"); var hasAriaAttribute = false; if (typeof attrAria !== typeof undefined && attrAria !== false) { hasAriaAttribute = true; } var questionId = $(this).attr("data-qid"); //If the element is currently invalid and the aria tag does not exist or set to false, then add/set to true if (isCurrentlyInvalid && (!hasAriaAttribute || attrAria === "false")) { //Add it as it is invalid $(this).attr("aria-invalid", true); if (questionId) { $(this).attr("aria-describedby", "req-" + questionId); } // For multitext qtype if ($(this).parent().is('.fH')) { $(this).before('<span class="required-icon multitext-error"></span>'); $(this).closest('tr').find('label').prepend('<span class="sr-only multitext-error">Error! </span>'); } // For Save & Continue if ($(this).attr('id') == 'pn' || $(this).attr('id') == 'p') { $(this).before('<span class="required-icon multitext-error"></span>'); $(this).closest('tr').find('label').prepend('<span class="sr-only multitext-error">Error! </span>'); } } // Matrix qtypes if (isCurrentlyInvalid && $(this).hasClass('ss-required-highlight-row')) { $('.ss-row-title h4',$(this)).not(':has(.row-error)').prepend('<span class="row-error sr-only">Error! </span>'); // Radios & checkboxes $(this).find('td label').not(':has(input[type=text])').not(':has(select)').not(':has(.row-error)').prepend('<span class="row-error sr-only">Error! </span>'); // mobile var i = $(this).prevAll('tr').length; // get the index of the error $(this).closest('.ss-question-options').find('.ss-matrix-table-clone').eq(i).addClass('mobile-row-error'); // Textboxes $(this).find('td label').has('input[type=text]').each(function(){ if ( !$(this).find('input').first().val() && !$(this).has('.row-error').length ) { $(this).prepend('<span class="row-error sr-only">Error! </span>'); $(this).find('input').first().addClass('row-error-control'); } else if ( $(this).find('input').first().val() ) { $(this).find('.row-error').remove(); $(this).find('input').first().removeClass('row-error-control'); } }); // Select boxes $(this).find('td label').has('select').each(function(){ if ( !$(this).find('select').first().val() && !$(this).has('.row-error').length ) { $(this).prepend('<span class="row-error sr-only">Error! </span>'); $(this).find('select').first().addClass('row-error-control'); } else if ( $(this).find('select').first().val() ){ $(this).find('.row-error').remove(); $(this).find('select').first().removeClass('row-error-control'); } }); }else{ $(this).find('select').removeClass('row-error-control'); $(this).find('input').removeClass('row-error-control'); } //If the element is not invalid and the aria tag does not exist or set to true, then add/set to false if (!isCurrentlyInvalid && hasAriaAttribute && attrAria === "true") { //Remove it $(this).removeAttr("aria-invalid"); // For multitext qtype if ($(this).parent().is('.fH')) { $(this).closest('tr').find('.multitext-error').remove(); } // For matrix qtypes $(this).find('td label .row-error').remove(); $(this).closest('.ss-question-options').find('.ss-matrix-table-clone').removeClass('mobile-row-error'); // For Save & Continue if ($(this).attr('id') == 'pn' || $(this).attr('id') == 'p') { $(this).closest('tr').find('.multitext-error').remove(); } } }); } /******************************************************************/ /********** ON DOCUMENT READY *******************/ /******************************************************************/ $(document).ready(function () { // #################################################################### // CORE // #################################################################### // Set Navigator Information - required for ie9 targeting var doc = document.documentElement; doc.setAttribute('data-useragent', navigator.userAgent); var isEN = $('html[lang=en]').length > 0; // Set role attributes var body = window.document.body; body.setAttribute("role", "document"); $(body).closest('div').attr('role', 'aside'); $('.ss-survey-main-body').attr('role', 'main'); // Add Progress label to progress bar var $proglabel = $('<div/>', { class: 'ss-progress-label' }); var $proglabelHeading = $('<h3/>', { text: 'Progress ' }); var $proglabelSR = $('<span/>', { class: 'sr-only', text: 'bar ' + $('.ss-progress-bar-text').text() }); $('html[lang="en"] .ss-progress-bar').prepend($proglabel.append($proglabelHeading.append($proglabelSR))); $('html[lang="en"] .ss-progress-bar .ss-progress-bar-text').attr('aria-hidden','true'); if ( $('.ss-required-summary').first().hasClass('hidden') ) { $('.ss-page-title').first().focus(); }else{ $('.ss-required-summary').first().focus(); } // #################################################################### // PAGE // #################################################################### // Add page name to HTML title if (!surveyData.isOffline) { $(document).prop('title', function() { var $pageTitle = $('.ss-page-title').first().clone(); if ( $pageTitle.text().trim()) { $pageTitle.find('abbr').remove(); return $pageTitle.text().trim() + ' : ' + $(document).prop('title').trim(); } return $(document).prop('title'); }); } // Do this for every page var pageNum = 1; $(".ss-page").each(function () { var thePage = $(this); // Grab the page description div and place to in the container $('.page-title .container', thePage).append($('.ss-page-description', thePage)); // Append a <hr> if there is a description or page title. if ($('.ss-page-title, .ss-page-description', thePage).text().length > 0) { if ($('.ss-survey-main-body .ss-question-holder-top', thePage).length > 0) { // No double HR on empty pages $('.page-title .container', thePage).append("<hr/>"); } } // This template uses piping for inserting the page title, but it doesn't work well with offline surveys so we need to do this to get pages working. if (surveyData.isOffline) { var firstPageTitle = $('.page-title-wrapper .ss-page-title', thePage); var secondPageTitle = $('.ss-survey-main-body .ss-page-title', thePage); //if the page contains another title, then move it up and remove the first one if (firstPageTitle.length > 0 && secondPageTitle.length > 0) { firstPageTitle.html(secondPageTitle.html()); secondPageTitle.parent().remove(); } else if (firstPageTitle.length > 0 && secondPageTitle.length == 0 && pageNum > 1) { // if this page doesn't have a second title and is not page 1, then remove that title completely. if ($('.ss-page-description').length == 0) { $('.page-title', thePage).remove(); } } } pageNum += 1; }); // #################################################################### // RADIO BUTTONS // #################################################################### // Add selected class to selected radio parent var $radios = $('.ss-qtype-radio input.ss-input-radio'); makeSelected($radios); $radios.each( function () { var $el = $(this); $el.change( function () { makeSelected($el); }); }); // Handle double click action on the li $('.ss-question-options li').dblclick( function () { makeSelected($(this).find("input.ss-input-radio")); }); // #################################################################### // CHECKBOXES // #################################################################### // Add selected class to selected checkbox parent var $checkboxes = $('.ss-qtype-checkbox input.ss-input-checkbox'); makeSelected($checkboxes); $checkboxes.each( function () { var $el = $(this); $el.change( function () { makeSelected($el); }); }); // #################################################################### // SELECT // #################################################################### $("html[lang=en] select option:first-child" ).each(function () { if ($(this).closest('.ss-question-ranking-option').length) { return false; } if ($(this).html()=='' || $(this).html()==' ') $(this).text( "Select:" ); }); // #################################################################### // NPS // #################################################################### $(".ss-qtype-nps").each( function () { // Move the not likely text to the end. var $nps = $(this) var $left = $nps.find('.ss-col-left').first(); var $right = $nps.find('.ss-col-right').first(); var id = $nps.attr('id'); $left.insertBefore($right); // Remove clearfix DIV in TR $nps.find('tr .clearfix').remove(); // Move key to top var $keyLeft = $nps.find('.ss-col-left').detach(); var $keyRight = $nps.find('.ss-col-right').detach(); $nps.find('.cf').prepend('<div class="key" aria-hidden="true"></div>'); var $keyLeftNew = $('<div/>',{ 'class': 'ss-col-left al', 'text': $keyLeft.text() }) var $keyRightNew = $('<div/>',{ 'class': 'ss-col-right ar', 'text': $keyRight.text() }) $nps.find('.key').append($keyLeftNew).append($keyRightNew); // Add key to question for SR $nps.find('h3').after('<p class="sr-only" id="sr-key-' + id + '">0=' + $keyLeft.text().trim() + '. 10=' + $keyRight.text().trim() + '.</p>'); $('.ss-nps-table tbody tr td').first().find('input').attr('aria-describedby', 'sr-key-'+id); $('.ss-nps-table tbody tr td').last().find('input').attr('aria-describedby', 'sr-key-'+id); }); // Add clearfix div below the number options on NPS question $("<div class='clearfix'></div>").insertBefore('.ss-qtype-nps .ss-col-left'); // Add a span before radio input on NPS question, so we can insert new radio input $('.ss-qtype-nps .ss-question table.ss-nps-table td label.ss-option-title input.ss-input-radio').after('<span></span>'); // Add labels for screenreaders $('.ss-qtype-nps .ss-nps-table .ss-option-title').each( function (i) { var $el = $(this); $el.find('span').attr('aria-hidden','true').after('<b class="sr-only">'+i+' out of 10</b>'); //$el.find('span').html('<b class="sr-only">'+i+' out of 10</b>'); }); // #################################################################### // MATRIX // #################################################################### // Add extra class to the matrix grids // Dropdowns $(".ss-input-matrix-dropdown").closest(".ss-qtype-matrix").addClass('ss-qtype-matrix-dropdowns'); // Checkboxes $(".ss-input-matrix-checkbox").closest(".ss-qtype-matrix").addClass('ss-qtype-matrix-checkboxes'); // Radios $(".ss-input-matrix-radio").closest(".ss-qtype-matrix").addClass('ss-qtype-matrix-radios'); // Textboxes $(".ss-input-matrix-text").closest(".ss-qtype-matrix").addClass('ss-qtype-matrix-textboxes'); // Wrap the ranking question type select boxes with a new div so that we can add a custom dropdown arrow //$( ".ss-qtype-ranking .ss-question-ranking-option select" ).wrap( "<div class='ranking-dropdown'></div>" ); $('.ss-qtype-matrix tr.ss-required-option').each(function(){ $('th.ss-row-title',$(this)).first().append('<span aria-hidden="true" class="ss-required-indicator-small"> *</span>'); }); $('.ss-qtype-matrix').each(function(){ var $el = $(this), titleId = $('.ss-question-title', $el).attr('id'); $('.ss-matrix-table', $el).attr('aria-describedby', titleId); }); $('.ss-row-title').wrapInner( "<h4></h4>"); // Allow non-precise clicks in matrix inputs (mimics label click) $('.ss-matrix-table').on('click','.ss-cell',function(){ $('input', $(this)).click(); $('input', $(this)).focus(); }).on('click', 'input', function(event){ event.stopPropagation(); }).on('click', '.ss-cell label span', function(event){ event.stopPropagation(); }); // Add class to cell when input has focus $('.ss-qtype-matrix').on('focus', '.ss-input-matrix-radio, .ss-input-matrix-checkbox', function(){ $(this).closest('.ss-cell').addClass('has-focus'); }).on('blur', '.ss-input-matrix-radio, .ss-input-matrix-checkbox', function (){ $(this).closest('.ss-cell').removeClass('has-focus'); }); // #################################################################### // DATE TIME // #################################################################### $('.ss-qtype-date').each( function(){ var $el = $(this).find('.ss-question-inner').first(); var hasDate = $el.find('input.ss-input-datepicker').length, hasTime = $el.find('select.ss-input-datepicker').length; var questionId = $(this).find('.ss-question-title').first().attr('id'); $el.find('table').attr('role','presentation'); $el.find('table th').attr('role','presentation'); var $fieldset = $('<fieldset/>',{ }); var $legend = $('<legend/>',{ }); $el.wrap($fieldset); $el.find('.ss-question-title').wrapAll($legend); // Turn row labels into spans $(this).find('.tH label').each(function(){ var $label = $(this); var labelFor = $label.attr('for'); var labelTxt = $label.text(); var $span = $('<span/>',{ 'id': 'label-row-' + labelFor, 'text': labelTxt, 'class': 'row-label' }); $label.after($span); $label.remove(); }); // Fix required asterisks $(this).find('.tH').each(function(){ var $tH = $('.row-label',$(this)); var thText = $tH.text(); if (thText.substr(0,1)=='*') { $tH.text(thText.slice(1)); $tH.append('<span aria-hidden="true" class="ss-required-indicator-small"> *</span>'); } }); if (hasTime) { var $hourSelect = $el.find('select.ss-input-datepicker').eq(0); var hourSelectId = $hourSelect.attr('name'); var $minuteSelect = $el.find('select.ss-input-datepicker').eq(1); var minuteSelectId = $minuteSelect.attr('name'); var $hourLabel = $('<span/>',{ 'id': 'label-hour-'+hourSelectId, 'lang': 'en', 'text': 'Hours' }); var $minuteLabel = $('<span/>',{ 'id': 'label-minute-'+minuteSelectId, 'lang': 'en', 'text': 'Minutes' }); var $th = $('<th/>', { 'class': 'ss-option-title', 'role': 'presentation' }); $el.find('select.ss-input-datepicker').attr('id', function(){return $(this).attr('name')}) if (hasDate) { $el.find('table tr th').eq(2).addClass('ss-option-title').append($hourLabel); $el.find('table tr').first().append($th); $th.append($minuteLabel); }else{ $el.find('table tr .ss-option-title').eq(0).text('').append($hourLabel); $el.find('table tr .ss-option-title').eq(1).text('').append($minuteLabel); } $el.find('tr').has('.sH').each( function(){ $(this).find('select.ss-input-datepicker').each(function(n){ $(this).find('option').first().text(function(){ return (n==0)? 'HH' : 'MM'; }); }); }); } if (hasDate) { var $datepicker = $el.find('input.ss-input-datepicker').first(); var datepickerId = $datepicker.attr('id'); var currentFormat = $el.find('table tr .ss-option-title').first().text().trim(); var descHTML = currentFormat; if (isEN) { descHTML = (currentFormat.substr(0, 2) == 'DD')? 'Date<br><small>(format: DD/MM/YYYY)</small>' : 'Date<br><small>(format: MM/DD/YYYY)</small>'; } var $dateLabel = $('<span/>',{ 'id': 'label-date-'+datepickerId, 'html': descHTML }); $el.find('table tr .ss-option-title').first().text('').append($dateLabel); } // Get col header IDs var colDate, colHour, colMinute; $el.find('tr').first().find('span').each(function(){ var prefix = $(this).attr('id').split('-')[1]; switch (prefix) { case 'date': colDate = $(this).attr('id'); break; case 'hour': colHour = $(this).attr('id'); break; case 'minute': colMinute = $(this).attr('id'); break; } }); $('.ss-input-datepicker', $el).each(function(){ var id = $(this).attr('id'); var type = id.charAt(0); var colId = ''; switch (type) { case 't': colId = colDate; break; case 'h': colId = colHour; break; case 'm': colId = colMinute; break; } var $rowLabel = $(this).closest('tr').find('.tH span').first(); if ($rowLabel) { var rowId = ($rowLabel.text() != '') ? $rowLabel.attr('id') : ''; } $(this).attr('aria-labelledby', questionId + ' ' + rowId + ' ' + colId); }); }); // #################################################################### // SLIDER // #################################################################### setTimeout( function(){ // delay to allow js elements to write-in $('.ss-qtype-slider').each( function(){ $(this).find('table').attr('role','application'); $(this).find('table tr').each( function(){ var $tr = $(this), $handle = $(this).find('a').first(), $input = $(this).find('input').first(), $label = $(this).find('label').first(); $label.attr('id', 'label-' + $label.attr('for')) $handle.attr('role','slider'); $handle.attr('aria-valuenow',$input.val()); $handle.attr('aria-describedby','label-' + $label.attr('for')); }); }); }, 500); document.addEventListener('keyup', function(e) { if (e.code == 'ArrowUp' || e.code =='ArrowRight' || e.code == 'ArrowDown' || e.code =='ArrowLeft') { $('.ss-qtype-slider tr').each( function(){ var $tr = $(this), $handle = $(this).find('a').first(), $input = $(this).find('input').first(); $handle.attr('aria-valuenow',$input.val()); }); } }); // #################################################################### // FILE UPLOAD // #################################################################### $('.ss-input-file').focus(function (){ $(this).closest('.ss-browse-btn').addClass('has-focus'); }); $('.ss-input-file').blur(function (){ $(this).closest('.ss-browse-btn').removeClass('has-focus'); }); //$('.ss-file-prefix').attr('aria-hidden', 'true'); //$('.ss-file-name').attr('aria-hidden', 'true'); $('.ss-qtype-upload').each( function (){ var $input = $(this).find('.ss-input-file').first(); var $progress = $(this).find('.ss-file-progress').first(); var questionId = $(this).attr('id'); var $list = $(this).find('.ss-file-list').first(); var listId = $list.attr('id'); var inputId = $('.ss-browse-btn input', $(this)).first().attr('id'); // Update tags $progress.attr('role', 'alert'); $list.attr('tabindex', '0'); //$('.ss-browse-btn span', $(this)).attr('aria-hidden', 'true'); $('.ss-upload-btn').remove(); //$('.ss-browse-btn', $(this)).prepend('<label for="' + inputId + '">Choose file</label>'); $('.ss-browse-btn span', $(this)).first().wrapAll('<label for="' + inputId + '"></label>'); $('.ss-file-progress', $(this)).wrapInner('<p></p>'); // Callbacks $input.on('fileuploadadd', function (e, data) { //console.log("fileuploadadd"); $progress.focus(); }); $input.on('fileuploadsubmit', function (e, data) { //console.log("fileuploadsubmit"); }) $input.on('fileuploadsend', function (e, data) { //console.log('fileuploadsend'); }) $input.on('fileuploaddone', function (e, data) { //console.log('fileuploaddone'); $list.removeClass('ss-hidden'); setTimeout(function(){ $list.find('li').each(function(i){ var $li = $(this); var filename = $('.ss-file-name', $li).text(); var id = listId + '-' + i; //console.log(filename); if (isEN) $('.ss-file-prefix', $li).text('File uploaded: '); //$('.ss-file-name', $li).attr('aria-hidden', 'true'); $('.ss-file-name', $li).attr('id', id); if (isEN) $('.ss-file-delete', $li).text('Delete file'); $('.ss-file-delete', $li).attr('role', 'button'); $('.ss-file-delete', $li).attr('aria-describedby', id); $('.ss-file-delete', $li).click(function(){ $li.attr('aria-hidden', 'true'); $input.focus(); }); }); $list.focus(); },300); }) $input.on('fileuploadfail', function (e, data) { //console.log('fileuploadfail'); }) $input.on('fileuploadalways', function (e, data) { //console.log('fileuploadalways'); }) $input.on('fileuploadprogress', function (e, data) { //console.log('fileuploadprogress'); }) $input.on('fileuploadprogressall', function (e, data) { //console.log('fileuploadprogressall'); }) $input.on('fileuploadstart', function (e) { //console.log('fileuploadstart'); }) $input.on('fileuploadstop', function (e) { //console.log('fileuploadstop'); }) }); // #################################################################### // CONTINUOUS SUM // #################################################################### $('.ss-qtype-sum').each(function(){ var $q = $(this); var $title = $('.ss-question-title', $q); var titleId = $title.attr('id'); $('table', $q).attr('role', 'presentation'); // Add assistive text for SRs if (isEN) { $title.after('<div class="sr-only" id="question-title-assist-' + titleId + '"><p>This question calculates the total sum of amounts entered. The total amount can be checked manually by navigating to the total form input at the end of the question.</p><p>Internet Explorer 11 screen reader users: Please exit forms mode and use your arrow keys in browse mode to access the total amount.</p><p>The total amount is not accessible using Android Talkback screen reader.</p></div>'); $title.attr('aria-describedby', 'question-title-assist-' + titleId); } // Other attributes added/removed in window.on(load) // Change <th> tags to <td> $('.tH', $q).each(function(){ var $th = $(this); var html = $th.html(); var $td = $('<td>',{ 'class': 'tH', 'html': html }) $th.before($td); $th.remove(); }); // Add ID to label $('.tH', $q).each(function(){ var $el = $('label', $(this)); var id = $el.attr('for'); $el.attr('id', 'label-'+id); }); // Wrap prefix/suffix and add aria $('.fH', $q).each(function(i){ var $el = $(this); var id = $('input',$el).attr('id'); // Wrap text if ($el.contents().first().get(0).nodeType == 3) { $el.contents().first().wrap('<span class="prefix" id="prefix-' + id + '">'); } if ($el.contents().last().get(0).nodeType == 3) { $el.contents().last().wrap('<span class="suffix" id="suffix-' + id + '">'); } // Add aria to inputs $('input',$el).attr( 'aria-labelledby', titleId + ' label-' + id + ' prefix-' + id + ' suffix-' + id ); }); var $sum = $('<output>',{ 'aria-labelledby': $('.ss-row-total input', $q).attr('aria-labelledby'), 'class': 'total-output', 'text': '0', 'style': 'width:' + ($('.ss-input-text', $q).first().width() + 7) + 'px;' }); $('.ss-input-text', $q).change(function(){ $sum.text(calcSumTotal ($q)); }); $('.ss-row-total input', $q).after($sum); $('.ss-row-total input', $q).attr({ 'role': 'presentation', 'aria-hidden': 'true', }).css({ display: 'none' }); $sum.text(calcSumTotal ($q)); }); function calcSumTotal ($q) { var total = 0; $('tr:not(.ss-row-total) .ss-input-text', $q).each(function(){ if($(this).val()) total += parseInt($(this).val(),10); }); return total; } // #################################################################### // RANKING // #################################################################### $('.ss-qtype-ranking').each( function() { // Create hook for select dropdown icon - fixes incorrect placement when options contain large images or text $('.ss-question-ranking-list select').after( "<div class='icon'></div>" ); }); // #################################################################### // ACCESSIBILITY // #################################################################### // Set up some basic accessibility attributes if (!surveyData.isOffline) { $(".ss-required-option").attr({ "aria-required": "true", //"aria-invalid": "false", "required": "" }); } // Set an interval for when to check for changes setInterval(function () { CheckAriaInvalidAttribute(); }, 500); // Move accessibility statement $('.poweredBy').append($('#accessibility-statement')); // Create a unique ID for each ss-required-box validation message $(".ss-required-box").each(function () { var classes = $.grep(this.className.split(" "), function (v, i) { return v.indexOf('req-') === 0; }); $(this).attr('id', classes); }); // Replace "*" with "required" $('html[lang=en] .ss-required-star').removeAttr('title').text(' - required'); $('html[lang=en] .ss-required-star-small').each(function (){ // Use * for multitext but move it so visible on mobile $el = $(this); $el.closest('tr').find('th label').append('<span aria-hidden="true" class="ss-required-indicator-small"> *</span>'); $el.remove(); }); // Markup radiogroups $('.ss-qtype-radio').each( function (i) { var $q = $(this).find('.ss-question-inner').first(), $h = $(this).find('h3').first(), label = 'radiogroup-'+i+'-label'; $h.attr('id',label); $q.attr('role','radiogroup'); $q.attr('aria-labelledby',label); }); // Markup checkbox groups $('.ss-qtype-checkbox').each( function (i) { var $q = $(this).find('.ss-question-inner').first(), $h = $(this).find('h3').first(), label = 'checkboxgroup-'+i+'-label'; $h.attr('id',label); $q.attr('role','group'); $q.attr('aria-labelledby',label); }); // Add labels to login and save forms ssFormLabels($('.SaveBox table')); ssFormLabels($('.PasswordBox table')); ssFormLabels($('.LoginBox table')); function ssFormLabels($el) { $el.attr('role','presentation'); $el.find('tr').each(function(){ $tr = $(this); var id = $tr.find('td input').first().attr('id'); $tr.find('strong').first().wrap('<label for="'+id+'"></label>'); }); $('#pn').attr('autocomplete','name'); $('#p').attr('autocomplete','email'); } // Correctly label questions $('.ss-qtype-text').not(':has(.SaveBox)').not(':has(.LoginBox)').not(':has(.PasswordBox)').each(function(){addSimpleLabel($(this), '.ss-input-text');}); $('.ss-qtype-dropdown').each(function(){addSimpleLabel($(this), '.ss-input-dropdown');}); $('.ss-qtype-multi-text').each(function(){ // multiline textarea and multiple text inputs have same classname so need to test if (!$(this).find('table').length) { addSimpleLabel($(this), '.ss-input-textarea'); } }); function addSimpleLabel ($el, qClass) { var $title = $el.find('.ss-question-title').first(); var $control = $el.find(qClass).first(); var $label = $('<label/>', { 'for': $control.attr('name') }) $control.attr('id', $control.attr('name')); $title.wrapInner($label); $control.removeAttr('aria-labelledby'); } // replace <strong> with <span> for required flag (not read on IOS Voiceover) $('.ss-required-star').each( function () { $content = $(this).html(); $newTag = $('<span/>',{ 'class': 'ss-required-star' }); $newTag.append($content); $(this).replaceWith($newTag); }); // Fix layout tables $('.ss-qtype-matrix table').each(function(){layoutTableTh($(this))}); $('.ss-qtype-nps table').each(function(){layoutTableRole($(this))}); function layoutTableRole ($table) { //$table.attr('role','presentation'); $table.find('tr').first().find('th').attr('aria-hidden','true'); } function layoutTableTh ($table) { $('th',$table).each( function(){ $(this).replaceTag('<td>', true); }); } // Equalise cell widths /* No longer needed $('.ss-qtype-matrix').each(function(){ var $el = $(this); var cols = $('table thead .ss-col', $el).length; if ($el.hasClass('ss-qtype-matrix-diff')) { $('table thead .ss-corner-cell', $el).css({ width: '10%' }); }else{ $('table thead .ss-corner-cell', $el).css({ width: '20%' }); } $('table thead .ss-col', $el).each(function(i){ $(this).css({ width: 80/cols + '%' }); }); });*/ // Add radiogroup to radio matrix rows $('.ss-qtype-matrix-radios tr').not(":eq(0)").attr('role', 'radiogroup'); // Add group to other matrix rows $('.ss-qtype-matrix-checkboxes tr').not(":eq(0)").attr('role', 'group'); $('.ss-qtype-matrix-textboxes tr').not(":eq(0)").attr('role', 'group'); $('.ss-qtype-matrix-dropdowns tr').not(":eq(0)").attr('role', 'group'); // NPS and multiple text table $('.ss-qtype-nps table').attr('role','presentation'); $('.ss-qtype-multi-text table').attr('role','presentation'); // Add required text to rows (English only) if (isEN){ $('.ss-matrix-table .ss-row.ss-required-option').each(function(){ $('.ss-required-indicator-small',$(this)).after('<span class="sr-only"> - required</span>'); //console.log($('.ss-cell label span:not(.row-error)',$(this)).length); $('.ss-cell label span:not(.row-error)',$(this)).prepend('required: '); }); } // Add fieldset/legend to multiple textbox, Radio/checkbox lists and sliders $('.ss-qtype-checkbox').each(function () {addFieldset($(this))}); $('.ss-qtype-radio').each(function () {addFieldset($(this))}); $('.ss-qtype-slider').each(function () {addFieldset($(this))}); $('.ss-qtype-multi-text').each(function () { if ($(this).find('table').length) { addFieldset($(this)) } }); function addFieldset($q) { $q.find('.ss-question-inner').wrap($('<fieldset/>')); $q.find('.ss-question-inner .ss-question-title').wrap($('<legend/>')); // Remove for="" from radio/checkbox label because inputs are nested } // Remove abbr in question title (English only) $('html[lang=en] .ss-question-title abbr').each( function(){ var txt = $(this).text(); $(this).replaceWith( '<span class="ss-question-number"><span class="sr-only">Question </span>' + txt + '</span>' ); }); // Associate Comments textfield with label $('.ss-option-comments').each( function() { var $label = $(this).find('label'); var $control = $(this).find('textarea'); var id = $control.attr('id'); $label.attr('for',id); }); // Autocomplete //$('.ss-question-holder:not(.SaveBox):not(.PasswordBox):not(.LoginBox) input[type=text]').attr('autocomplete','off'); $('.autocomplete-off input').attr('autocomplete','off'); $('.autocomplete-name input').attr('autocomplete','name'); $('.autocomplete-email input').attr('autocomplete','email'); $('.autocomplete-username input').attr('autocomplete','username'); $('.autocomplete-organization-title input').attr('autocomplete','organization-title'); $('.autocomplete-organization input').attr('autocomplete','organization'); $('.autocomplete-street-address input').attr('autocomplete','street-address'); $('.autocomplete-address-line1 input').attr('autocomplete','address-line1'); $('.autocomplete-address-line2 input').attr('autocomplete','address-line2'); $('.autocomplete-address-line3 input').attr('autocomplete','address-line3'); $('.autocomplete-address-level4 input').attr('autocomplete','address-level4'); $('.autocomplete-address-level3 input').attr('autocomplete','address-level3'); $('.autocomplete-address-level2 input').attr('autocomplete','address-level2'); $('.autocomplete-address-level1 input').attr('autocomplete','address-level1'); $('.autocomplete-country-name input').attr('autocomplete','country-name'); $('.autocomplete-postal-code input').attr('autocomplete','postal-code'); $('.autocomplete-bday input').attr('autocomplete','bday'); $('.autocomplete-bday-day input').attr('autocomplete','bday-day'); $('.autocomplete-bday-month input').attr('autocomplete','bday-month'); $('.autocomplete-bday-year input').attr('autocomplete','bday-year'); $('.autocomplete-sex input').attr('autocomplete','sex'); $('.autocomplete-tel input').attr('autocomplete','tel'); $('.autocomplete-url input').attr('autocomplete','url'); // #################################################################### // BUTTONS // #################################################################### // Don't run in offline mode. if (!surveyData.isOffline) { // Swap next/prev button taborder $('.ss-button-back').appendTo('.ss-survey-button-holder'); // Grab the save and continue and place it after the next page button $('#cmdSave').wrap("<div class='save-wrapper'></div>"); $('.save-wrapper').prependTo($('.ss-survey-button-holder')); // Add Language Selection title to language page $('.ss-language-selector').prepend("<h2>Language Selection</h2>"); // Make the height of the next/back buttons the same if one has a lot of text in $(".ss-survey-button-holder").each(function(){ $(".ss-button-back, .ss-button-submit", $(this)).wrapAll("<div class='form-action-btns' />"); var buttonWrapperHeight = $(".form-action-btns").height(); $('.ss-button-back, .ss-button-submit').height(buttonWrapperHeight); }); } }); $(window).on('load', function(){ }) $.extend({ replaceTag: function (currentElem, newTagObj, keepProps) { var $currentElem = $(currentElem); var i, $newTag = $(newTagObj).clone(); if (keepProps) { /*newTag = $newTag[0]; newTag.className = currentElem.className; $.extend(newTag.classList, currentElem.classList); $.extend(newTag.attributes, currentElem.attributes);*/ $.each($currentElem.prop('attributes'), function() { $newTag.attr(this.name, this.value); }); } $currentElem.wrapAll($newTag); $currentElem.contents().unwrap(); $currentElem.remove(); // Remove completely if no contents return this; } }); $.fn.extend({ replaceTag: function (newTagObj, keepProps) { return this.each(function() { jQuery.replaceTag(this, newTagObj, keepProps); }); } }); </script><meta name="twitter:site" content="@smartsurvey" /><meta name="twitter:title" content="ICO Website User Feedback" /><meta name="twitter:description" content="Please take the time to complete our survey. Your feedback is important." /><meta name="twitter:card" content="summary" /><meta name="twitter:image" content="https://www.smartsurvey.co.uk/s/imgs/social/ss_logo_twitter.png" /><link rel="icon" type="image/x-icon" href="/s/imgs/favicon.ico" /> <script> var sdkInstance = "appInsightsSDK"; window[sdkInstance] = "appInsights"; var aiName = window[sdkInstance], aisdk = window[aiName] || function (e) { function n(e) { t[e] = function () { var n = arguments; t.queue.push(function () { t[e].apply(t, n) }) } } var t = { config: e }; t.initialize = !0; var i = document, a = window; setTimeout(function () { var n = i.createElement("script"); n.src = e.url || "https://az416426.vo.msecnd.net/scripts/b/ai.2.min.js", i.getElementsByTagName("script")[0].parentNode.appendChild(n) }); try { t.cookie = i.cookie } catch (e) { } t.queue = [], t.version = 2; for (var r = ["Event", "PageView", "Exception", "Trace", "DependencyData", "Metric", "PageViewPerformance"]; r.length;)n("track" + r.pop()); n("startTrackPage"), n("stopTrackPage"); var s = "Track" + r[0]; if (n("start" + s), n("stop" + s), n("setAuthenticatedUserContext"), n("clearAuthenticatedUserContext"), n("flush"), !(!0 === e.disableExceptionTracking || e.extensionConfig && e.extensionConfig.ApplicationInsightsAnalytics && !0 === e.extensionConfig.ApplicationInsightsAnalytics.disableExceptionTracking)) { n("_" + (r = "onerror")); var o = a[r]; a[r] = function (e, n, i, a, s) { var c = o && o(e, n, i, a, s); return !0 !== c && t["_" + r]({ message: e, url: n, lineNumber: i, columnNumber: a, error: s }), c }, e.autoExceptionInstrumented = !0 } return t }( { connectionString:"InstrumentationKey=9c2c39ae-c275-4c21-aa3a-686b65de3f7b;IngestionEndpoint=https://uksouth-0.in.applicationinsights.azure.com/;LiveEndpoint=https://uksouth.livediagnostics.monitor.azure.com/;ApplicationId=e4940c0e-2a62-43d1-b2a0-e1a922dc5182", isCookieUseDisabled: true } ); window[aiName] = aisdk, aisdk.queue && 0 === aisdk.queue.length && aisdk.trackPageView({}); </script> <style>.ss-survey #AddressField { display: none !important }</style> <noscript><style media="all">body {background:#FFF} .ss-page {display:none;} #jserror {text-align:center;margin-top:50px;color:#000;font-size:16px}</style></noscript> </head> <body> <form method="post" action="/s/ico-web-survey/" id="frmSurvey" enctype="multipart/form-data"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="kaQIN34KCJrZ1x4hV+Ch7XyxunRJBrnSWZMvCtUB+6yA2UPOpG0fjg477uAk9QkZIpRorBMOAQ+bp+2Tnr7MZwZXy8DLU/W66hFxbvPQsZA=" /> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="08644393" /> </div> <div class="ss-survey-body"> <input type="hidden" name="F0ieYN0MBH7zSRmZ6uT53w==" value="1"><input type="hidden" name="AXP/e1BuX7TzSRmZ6uT53w==" value="5l1dgw1qi4k=" /><input type="hidden" name="5GmcmDhwM0M=" value="i2jTUOZ8bR8=" /><input type="hidden" name="eNaqKg3Qads=" value="i2jTUOZ8bR8=" /><input type="hidden" name="StycugzBwoo=" value="i2jTUOZ8bR8=" /><input type="hidden" name="pXfOU2BcTCw=" value="w1OuxCs7Ue4=" /><input type="hidden" name="8ErsdaqgnVA=" value="80kZmerk+d8=" /><input type="hidden" name="YnK/zSjRirWuWlvri3Df9g==" value="G+Njh0VVmGc=" /><input type="hidden" name="4HdN2p/UlLTzSRmZ6uT53w==" value="" /><input type="hidden" name="tid" value="" /><div data-id="0" class="ss-page ss-page-1-holder "><section role="banner" id="start-focus"> <div class="container"><div class="tLogo left"><a target="_blank" rel="nofollow" href="https://ico.org.uk/"><img alt="ICO Logo" class="ss-survey-logo" src="https://files.smartsurvey.io/3/0/OGZTZBFV/ICO_Logo_WhiteOnBlue.png" border="0" /></a></div></div> <div class="header"> <div class="container"> <div class="header-content"> <div class="tBar"> <h1 class="ss-survey-title">ICO Website User Feedback</h1> </div> </div> </div> <div class="page-title"> <div class="container"> <div class="page-title-wrapper"> <h2 class="ss-page-title al cf"></h2> <div class="ss-progress-bar w33p am"> <div class="ss-progress-bar-border"> <div class="ss-progress-bar-bg2"> <div class="ss-progress-bar-bg1" style="height:10px;width:0%"></div> </div> </div> <div class="ss-progress-bar-text">0%</div> </div> </div> </div> </div> </div> </section>  <div class="pBar"> <div class="ss-survey-main-body-holder"> <div class="ss-survey-main-body"><div class="ss-question-holder ClosedBox MessageBoxHolder"> <div class="ss-question"> <div role="alert" class="hidden ss-required-box RequiredText req-1 ss-required-summary" tabindex="-1" style="margin-bottom:0px;"></div> <div class="ss-question-inner"> <h2 class="ss-question-title ac s22">Survey Closed</h2><br /> <div class="ss-option-title ac ">This survey is currently closed. </div> </div> </div></div> </div> </div></div><div class="poweredBy"><div class="poweredby-logo">Powered by <strong><a href="https://www.smartsurvey.co.uk/" target="_blank">SmartSurvey</a></strong></div></div></div> <input id="AddressField" name="AddressField" type="text" aria-hidden="true" /> </div> </form> <script> var surveyData = {"id":"1435919","cid":"2289328","tid":"865344","mid":"gv8CtzmxwTc=","uid":"","anon":true,"domain":"smartsurvey.co.uk","url":"/s/ico-web-survey/","rtl":"false","language":"English","currency":"£","title":"ICO Website User Feedback","currPage":1,"isOffline":false,"isPreview":false,"isTimer":false,"messages":{"upl_uploading":"Uploading...","upl_no_file_specified":"No file specified","upl_no_more":"You cannot add more files","upl_err_try_again":"Error: Please try again","upl_err_file_type":"Error: This file type is not allowed","upl_err_file_size":"Error: The file size is too large","upl_problem_uploading":"There was a problem uploading your file.","upl_deleting_file":"Deleting uploaded file"},"virtualDirectoryPath":"/s/"}; var SS; var SSO; $(document).ready(function () { SS = new SSAPP(1435919, surveyData); }); </script> <noscript><div id="jserror"><strong>Javascript Required</strong><br>Javascript is required for this survey to function, please enable through your browser settings, then refresh.</div></noscript> </body> </html>