border-collapse:collapse;/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* Start reset CSS */
    body,div,dl,dt,dd,ul,ol,li,h1,
    h3,h4,h5,h6,pre,form,fieldset,input,
    p,blockquote,th,td { 
        margin:0;
        padding:0;
        font-size: 16px;
    }
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    td {
        border:0 !important;
    }
    
    fieldset,img { 
        border:0;
    }
    address,caption,cite,code,dfn,em,strong,th,var {
        font-style:normal;
        font-weight:normal;
    }
    ol,ul {
        list-style:none;
    }
    caption,th {
        text-align:left;
    }
    
    q:before,q:after {
        content:'';
    }
    abbr,acronym { border:0;
    }
/* End reset CSS */

.default {
	background-color: #f4f4f4;
	font-family: Roboto,sans-serif;
	font-size: 16px;
	line-height: 1.2;
    color:#333;
	box-sizing: border-box;
    margin: 0;
    padding: 0;
}

ul {
  list-style:disc inside;
}

ol {
  list-style:decimal inside;
}


h1 {
    font-size:16px;
    font-weight:bold;
    color:#417CFF;
    padding-top:15px;
}

h2 {
    font-size:14px;
    font-weight:bold;
    color:#417CFF;
    padding-top:5px;
}

h3 {
    font-size:12px;
    font-weight:bold;
    color:#417CFF;
    padding-bottom:10px;
}


a:link,a:visited {
    color:#333;
    text-decoration:none;
	line-height: 20px;
	font-size: 12px;
	font-family: Roboto,sans-serif;
}

a:hover {
    text-decoration:underline;
}

.vx-header {
    background: #fff none repeat scroll 0 0;
    height: 116px;
}

.vx-title {
    background: #706F6F none repeat scroll 0 0;
    color: #fff;
    padding: 32px 0 90px;
}

.container {
    margin: 0 auto;
    max-width: 928px;
    width: 100%;
}

.title {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 0.75rem;
    margin-top: 1.5rem;
    opacity: 1;
}

.vx-title h1 {
    color: inherit;
	font-size: 25px;
    font-weight: normal;
    line-height: 1.23;
    margin-bottom: 4px;
    margin-top: 0;
    opacity: 1;
}

.h3 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 0.75rem;
    margin-top: 1.5rem;
    opacity: 1;
    color: #417CFF;
}

.well {
    min-height: 20px;
    padding: 19px 0;
    margin-bottom: 20px;
    background: none;
    border: none;
    box-shadow: none;
}

.primary-text{
	color: #417CFF;
}

.vx-content {
    background: #fff none repeat scroll 0 0;
    margin-top: -58px;
}
.container {
    padding: 0;
}
.z-depth-2 {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.vx-content-container {
    padding: 0 64px 0;
}

.form-change-lang {
    margin-bottom: 40px;
    padding: 0 64px 0;
}

.form-change-lang button{
    background-color:#417CFF;
    border-color:#417CFF;
}

.form-change-lang button:hover, .form-change-lang button:hover:active, .form-change-lang button:focus, .form-change-lang button:active:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    background-color: #417CFF;
    border-color: #417CFF;
}

.success {
    color:#00dd00;
    font-weight: bold;
}

.clearall {
    font-size:11px;
    padding-right:5px;
}

.answertext, .answer {
    text-align:left;
}

.array1 {
    text-align:center;
    /*background-color:#fff;*/
}

.array2 {
    text-align:center;
	/*background-color:#E7E9EE; */
}

.arraycaptionleft {
    text-align:right;
}

/* Save All button */
.saveall {
    font-weight:400;
    font-size:10px;
    color:#000;
}

.asterisk {
    color:red;
    padding-right: 5px;
}

.hide
{
    font-weight: normal;
    position: absolute;
    top: -9999px;
    left: -9999px;
}
 
.printouttable {
    width:100%;
}

.printouttable td {
    border-color:#fff #fff #ddf;
    border-style:solid;
    border-width:1px;
}

.printouttable td:first-child {
    background-color:#ddf;
    font-weight:700;
    text-align:right;
    padding-right:5px;
    padding-left:5px;
}

.printouttitle {
padding-right:5px;
padding-left:5px;
font-size:18px;
}

.surveytitle {
font-size:12px;
height:18px;
}

.surveytitle:hover {
text-decoration:underline;
color:#819d26;
}

.text-primary {
    color: #417CFF;
}

.text-info {
    color: #417CFF;
}

.btn-primary, .btn-primary:after {
    color: #fff;
    background-color: #417CFF;
    border-color: #417CFF;
}

.btn-primary:hover, .btn-primary:hover:active, .btn-primary:focus, .btn-primary:active:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
    background-color: #417CFF;
    border-color: #417CFF;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #417CFF;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}


/* Basic formatting for the three keyparts of an question */
td.questiontext {
	font-size: 17px;
    font-weight: bold;
}

td.answer {
    padding:0.5em 0;          
}

td.questionhelp {
    padding-left: 1em;
	font-size: 12px;
	line-height: 28px;
}

td.questionhelp img {
  margin:4px;
  padding-right:5px;
  vertical-align:middle;
  margin-left:0px;
}

/* End formatting for the three keyparts of an question */


.error, .errormandatory, .warningjs {
    font-size:12px;
    color:red;
}

table.question {
    margin: 0 auto;
}

.checkbox-item label::after {
    color: #FFFFFF;
}

label::after {
    background-color: #417CFF;
}

.radio-item label::after {
    background-color: #417CFF;
}

.multiple-opt-comments ul, .multiple-short-txt ul, .numeric-multi ul {
    width: 80%;
}

/* -------------------------------------------------
   START: Question styles  ------------------------- */

/* =====================================
== Full list of question classes =======

 .boilerplate
,.numeric
,.choice-5-pt-radio
,.yes-no
,.gender
,.date
,.numeric-multi
,.numeric
,.list-radio
,.list-radio-flexible
,.list-with-comment
,.list-dropdown
,.list-dropdown-flexible
,.ranking
,.numeric-multi
,.language
,.multiple-opt-comments
,.multiple-short-txt
,.text-short
,.text-long
,.text-huge
,.numeric-multi
,.array-5-pt
,.array-10-pt
,.array-yes-uncertain-no
,.array-increase-same-decrease 
,.array-flexible-row 
,.array-flexible-column 
,.slider 
,.array-multi-flexi 
,.array-multi-flexi-text
,.array-flexible-duel-scale 
*/

/* - - -  - - -  - - -  - - - - - -  - - -  - - - -
   START: General list styles - - -  - - -  - - - - */
 .choice-5-pt-radio ul
,.list-radio-flexible ul
,.list-radio ul
,.list-with-comment ul
,.multiple-opt ul
,.multiple-opt-comments ul
,.multiple-short-txt ul
,.numeric-multi ul
,.yes-no ul
,.gender ul {
    margin-left: 0%;
    padding-left: 0%;
}

 .choice-5-pt-radio .answer li
,.list-radio-flexible .answer li
,.list-radio .answer li
,.list-with-comment .answer li
,.multiple-opt .answer li
,.multiple-opt-comments .answer li
,.multiple-short-txt .answer li
,.numeric-multi .answer li
,.yes-no .answer li
,.gender .answer li {
    list-style-type: none;
    text-align: left;
    margin: 0% 0% 0.5em 0.5em;
}

/* END:  General list styles - - - -  - - -  - - - -
- - - - -  - - -  - - -  - - - - - -  - - -  - - - - */


/* STYLES NOT YET DEFINED - - - - -
.boilerplate {}
*/

 .choice-5-pt-radio ul
,.yes-no ul
,.gender ul
{
    text-align: left;
    margin-top: 0.5em;
    margin-left: 0%;
    padding-left: 0%;
}

/* STYLES NOT YET DEFINED - - - - -
.date {}
*/
.date p.question { margin-left: 1em; }
.date p.question select.day {}
.date p.question select.month {}
.date p.question select.year {}

 .date p.tip
,.numeric-multi p.tip
,.numeric p.tip {
    margin-left: 1.5em;
    font-size: 80%;
    font-style: italic;
    line-height: 150%;
}
.numeric p.question
{
    margin-left: 1em;
}
.numeric-multi ul
{
}

 .numeric-multi span
,.multiple-short-txt .question .answer ul li span
{
    font-style: italic;
}
 .numeric-multi p.tip.problem {
    color: #f30;
    font-weight: bold;
}

.numeric-multi input.tip.problem {
    background-color: #f30;
    border: 2px solid #7F9DB9;     
    font-weight: bold;
    color:#fff;
}



 .numeric-multi p.tip.good {
    color: #090;
    font-weight: bold;
}

.numeric-multi input.tip.good {
    background-color: #090;
    border: 2px solid #7F9DB9;     
    font-weight: bold;
    color:#fff;    
}

/* DEFINED ABOVE UNDER "General list styles" - - - - -
.list-radio-flexible
.list-radio
*/



.list-radio .answer li label {
    display:inline-block;
    width:85%;
}


.list-radio .answer li input { 
    vertical-align:top !important;
    margin-top:2px;
}


  ul.cols-2 , table.cols-2
, ul.cols-3 , table.cols-3
, ul.cols-4 , table.cols-4
, ul.cols-5 , table.cols-5
, ul.cols-6 , table.cols-6
, ul.cols-7 , table.cols-7
, ul.cols-8 , table.cols-8 {
    width: 98%;
    margin: 0% auto 0% auto;
}

  ul.cols-2 li , ul.cols-2-ul
, ul.cols-3 li , ul.cols-3-ul
, ul.cols-4 li , ul.cols-4-ul
, ul.cols-5 li , ul.cols-5-ul
, ul.cols-6 li , ul.cols-6-ul
, ul.cols-7 li , ul.cols-7-ul
, ul.cols-8 li , ul.cols-8-ul {
    float: left;
    padding: 0;
    white-space: normal
}

ul.cols-2 li , ul.cols-2-ul , table.cols-2 td { width: 48%; }
ul.cols-3 li , ul.cols-3-ul , table.cols-3 td { width: 30.5%; }
ul.cols-4 li , ul.cols-4-ul , table.cols-4 td { width: 23%; }
ul.cols-5 li , ul.cols-5-ul , table.cols-5 td { width: 19%; }
ul.cols-6 li , ul.cols-6-ul , table.cols-6 td { width: 15%; }
ul.cols-7 li , ul.cols-7-ul , table.cols-7 td { width: 13%; }
ul.cols-8 li , ul.cols-8-ul , table.cols-8 td { width: 11.5%; }

.list-dropdown-flexible p.question {
    margin-left: 1em;
}

/* STYLES NOT YET DEFINED - - - - -
.list-dropdown {}
*/
.list-with-comment div.list {
    width: 47%;
    float: left;
    padding: 0.5em 0.5em 0.5em 0%;
}

.list-with-comment p.select {
    width: 47%;
    float: left;
    padding: 0.5em;
    margin: 0%;
}

.list-with-comment div.list p {
    margin: 0% 0% 0% 1.1em;
    text-align: left;
}

.list-with-comment p.comment {
    margin: 0%;
    padding: 0.5em;
    text-align: left;
    float: left;
    width: 47%;
}

.list-with-comment p.comment textarea {
    width: 90%;
}


/* DEFINED ABOVE UNDER "General list styles" - - - - -
.multiple-opt
*/

.language {}

/* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */

 .multiple-opt-comments ul
,.multiple-short-txt ul
,.numeric-multi ul {
    display: table;
    padding: 0%;
    margin: 1em;
}

.numeric-multi .answer ul {    
    margin: 0% 1em 1.5em 1em;    
}


.numeric-multi .answer ul input {
     width:5em;
     padding:0px;
}

.numeric-multi ul.computed
{
    float:left;
    padding-right: 2em;
}
.numeric-multi ul.slider.computed
{
    width: 22em;
}
 .multiple-opt-comments ul li
,.multiple-short-txt ul li
,.numeric-multi ul li
{
    display: table-row;
}
.multiple-opt-comments ul li span.option
{
    display: table-cell;
    vertical-align: baseline;
}
.multiple-short-txt ul li label,
.numeric-multi ul li label
{
    padding: 0.3em 1em 0% 0%;
    display: table-cell;
    vertical-align: baseline;
}
.numeric-multi ul.computed li label,
.numeric-multi ul.slider.computed li label
{
    padding-right: 0%;
}

.multiple-opt-comments ul li span.comment
,.multiple-short-txt ul li span
,.numeric-multi ul li span
{
    padding: 0.3em 0% 0% 1em;
    display: table-cell;
    vertical-align: baseline;
    white-space: nowrap;
}
.multiple-opt-comments ul li span
{
    padding: 0.3em 1em 0% 0%;
}

.numeric-multi div.multinum-slider {
	width: auto;
	float: left;
	margin-top: 1.5em;
	margin-bottom: 0.2em;
}

.numeric-multi ul.multiplenumerichelp.slider    {    display: table;    }
.numeric-multi ul.multiplenumerichelp.slider li    {    display: table-row;    }

.numeric-multi ul.multiplenumerichelp li label
,.numeric-multi ul.multiplenumerichelp.slider li label
{
    padding: 0.3em 0% 0% 0%;
    display: table-cell;
}
.numeric-multi ul.multiplenumerichelp li span
,.numeric-multi ul.multiplenumerichelp.slider li span {
    padding: 0% 0% 0% 0.3em;
    display: table-cell;
}

.numeric-multi li.multiplenumerichelp span input {

}


 .text-short input
,.text-short textarea
,.text-long textarea
,.text-huge textarea {
    margin-left: 1em;
	font-family: Roboto, sans-serif;
    font-size: 16px;
}

#limesurvey table.question thead th
,#limesurvey table.question .repeat th
{
    text-align: center;
    vertical-align: middle;
    font-weight:600 !important;  
	font-size: 10px;
	color: rgba(0,0,0,0.54);
	text-transform: uppercase;
}

#limesurvey .answer table.question tbody td
{
    text-align: center;
}
 #limesurvey table.question tbody th.answertext
,#limesurvey table.question tbody th.arraycaptionleft {
    text-align: right;
    font-weight: normal;
	/* width: 70% */
}

#limesurvey table.question tbody th.answertextright {
    text-align: left;
    font-weight: normal;
}

.array-flexible-column col.odd {
    background-color: #eee;
}

.boilerplate td td
,.numeric td td
,.choice-5-pt-radio td td
,.yes-no td td
,.gender td td
,.date td td
,.numeric-multi td td
,.numeric td td
,.list-with-comment td td
,.list-dropdown-flexible td td
,.ranking td td
,.numeric-multi td td
,.language td td
,.multiple-opt-comments td td
,.multiple-short-txt td td
,.text-short td td
,.text-long td td
,.text-huge td td
,.numeric-multi td td
,.array-5-pt td
,.array-10-pt td
,.array-yes-uncertain-no td
,.array-increase-same-decrease td
,.array-flexible-row td
,.array-flexible-column td
,.array-multi-flexi td
,.array-multi-flexi-text td
,.array-flexible-duel-scale td {
    text-align: left;
}

.ranking select
{
    min-width:140px;
    min-height:60px;
}


.ranking option
{
  padding-top:1px;
  padding-bottom:1px;
}

.choice-5-pt-radio li
{
    display: inline;
    margin-left: 0.5em;
} 

/** UI Base **/
.ui-wrapper { 
    border: 1px solid #50A029; 
}
.ui-wrapper input, .ui-wrapper textarea { 
    border: 0; 
}


/** UI Slider **/

.numeric-multi label.slider-label {
	display: table-cell;
	padding:0 1em 0.2em 0;
	margin-top: 1.3em;
	vertical-align: middle;
}

.ui-slider-handle { 
    position: absolute; 
    height: 23px; 
    width: 12px; 
    top: 0px; 
    left: 0px; 
    background-image: url(slider-handle.gif);  
}

.ui-slider-1 { 
    width: 200px; 
    height: 9px; 
    margin-bottom: 20px; 
}

.ui-slider-2 { 
    width: 200px; 
    height: 23px; 
    position: relative; 
    background-image: url(../../images/slider-bg-2.png); 
    background-repeat: no-repeat; 
    background-position: center center; 
}

.slider_callout { 
    height: 20px; 
    width: 100px; 
    overflow: hidden; 
    position: absolute; 
    top: -20px; 
    margin-left:-3px; 
    color: #284a6e; 
    font-size:90%;
    font-weight: bold; 
    text-align: left;
}

.slider_showmin {
    float: left;
	width: 50px;
    margin: 15px 0 0 0;
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
}

.slider_showmax {
    float: right;
	width: 50px;
    margin: 15px 0 0 0;
  	font-size: 0.7em;
	font-weight: normal;
	text-align: right;
}

.slider_lefttext {
    display: table-cell;
	padding-top: 1.5em;
	padding-right: 11px;
	padding-bottom: 3px;
    vertical-align: top;
	text-align: right;
	font-size: 0.9em;
}

.slider_righttext {
    display: table-cell;
	padding-top: 1.5em;
	padding-left: 11px;
	padding-bottom: 3px;
    vertical-align: top;
	font-size: 0.9em;
}


table.outerframe {
    border-collapse:separate;
    border-spacing:1px;
    margin:20px auto 40px auto ;
    border:1px solid #BBC6CC;
}



p.surveydescription {
   margin-bottom:20px;
}

p.surveywelcome {
   margin-top:20px;
}

table.privacy {
    margin-top:20px;
}

td.privacynote{
    text-align:center;
    background-color:#F6F7F8;
    font-size:10px;
    padding:5px;
}

input.submit { 
	margin-right: 0;
	margin: 5px;
	background-color: #417CFF;
    color: #fff;
    cursor: pointer;
    font-size: 0.875em;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
	border: medium none;
    border-radius: 2px;
	font-weight: 500;
    height: 36px;
    line-height: 36px;
    padding: 0 1rem;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
}

input.saveall {  
    padding:0 5px;
    margin:5px;
}

table.question {
  border-spacing:2px;
  margin-bottom:20px;
}

table.question th {
  padding:4px 6px;
  border-spacing:2px;
  font-size:12px;
}

table.question th:first-child {
  white-space: nowrap;
}

table.question td {
  padding:4px 4px;
  border-spacing:2px;
}


table.question input {
    vertical-align:middle;
}


p.question {
margin-top:10px;
margin-bottom:10px;
}

p.tip {
 margin-top:10px;
 margin-bottom:10px;
}

td.answer li label,
td.answer li input  {
 vertical-align:middle;
}

.rank input {
  margin:1px 1px;
}

.ranking td.answer {
    padding-left:10px;
}

td.rank label, td.rank td strong {
 font-size:10px;
 font-weight:bold;
}



.list-dropdown select {
  margin-left: 1em;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  width: 440px;
}

 .choice-5-pt-radio ul {
  margin-bottom:10px;
}


.text-long textarea, .text-huge textarea, .text-short textarea  {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 90%;
}


#loadtable td, #savetable td {
    padding-top:5px;
    padding-left:3px;
}

#loadbutton, #savebutton {
    padding:0 10px;
}


#tokenform {
  margin-top:1em;
}

#tokenform input {
}

#tokenform label {  
float: left;  
width: 20em;  
margin-right: 0.5em;  
text-align: right;
}

#tokenform li {
    list-style-type: none;
}

#tokenform li {
  padding-bottom:5px;
}

#tokenform img {
  margin-bottom:-5px;
  margin-right: 5px;
}


p#tokenmessage {
  margin:20px;
}


p#tokenmessage {
  margin:20px;
  text-align:center;
}


div#wrapper {
  width:600px;
  margin:0 auto;
}


#tokenform input.submit {
 margin-left:18em;
 margin-top:1em;
 margin-bottom:1em;
}

.yes-no td.answer {
    padding-bottom:10px;
}

/* Public statistics
 */

#statsContainer {
	width: 75%;
	margin: 20px auto;
	border: 1px solid #BBC6CC;
	font-size: 13px;
	line-height: 120%;
}

#statsHeader{
	padding: 10px 0px;
	background-color: #EEF6FF;
}

.statsSurveyTitle {
	padding: 0;
	text-align: center;
	color: #328639;
	font-size: 16px;
	font-weight: bold;
}

.statsNumRecords {
	padding: 10px 0px 0px 0px;
	text-align: center;
	color: #328639;
}

table.statisticstable{
	width: 100%; 
	margin: 0;
	border-top: 1px solid #BBC6CC;
}

table.statisticstable td{
	line-height: 190%;
	border-bottom: 1px solid #BBC6CC;
}

table.statisticstable img{
	margin: 10px auto;
}

div.fieldSummary{
	padding: 0;
	text-align: center;
	background-color: #D2E0F2;
}

div.questionTitle{
	padding: 0;
	font-weight: bold;
	background-color: #D2E0F2;
}

.other {
	width:200px;
}