html{font-size:100%}
body{line-height:1.4;color:#000; margin:0;padding:0}
html,body{height:100%; margin-left:0px;margin-right:0px}
h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;font-style:normal;margin:1em 0 .5em}
h1 {
    font-size: 1.5em; padding: 0px 10px 0px 10px;
}
h2{font-size:1.3em}
h3{font-size:1.2em}
h4{font-size:1.1em}
ul,ol{margin:.75em 0 .75em 32px;padding:0}
address{font-style:italic;margin:.75em 0}
a{text-decoration:underline}
a:link,a:visited{color:#11C}
a:visited{color:#339}
a:hover,a:focus,a:active{color:#00F}
a:active{outline:none}
a img{border:none}
strong{font-weight:700}
form,fieldset{border:none;margin:0;padding:0}
input,button,select{vertical-align:middle}
abbr[title]{border-bottom:1px dotted;cursor:help}
blockquote{border-left:solid 2px #ddd;margin:.75em 0 .75em 20px;padding:0 0 0 10px}
q cite,q q{font-style:normal}
blockquote p,li p{margin:.5em 0}
dt{font-weight:700;margin:.75em 0 0}
dd{margin:.25em 0 .25em 32px}
table{border-collapse:separate;border-spacing:0; margin:0}
table td,table th{border:1px solid #ccc;vertical-align:top;padding:4px;font-size:.8em}
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section{display:block}
h5,h6{font-size:1em}
p,dl{margin:0 0 .75em}
em,q,cite{font-style:italic}
input, button, select {vertical-align: middle;}
 
 
body { color:#fff;font-size:.90em;font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;}
a:link {color: #5670A1;} 
a:visited {color: #5670A1;} 
a:hover, a:focus, a:active {background-color: #fcfcfc;color: #f37021;text-decoration:none;}
/* Head decoration */
 
/* answer decoration */
label:hover {color:#222;}
 
/*input,button,select,textarea{ }*/
input[type="text"],input.text, textarea {
  border: 1px solid #999;color:#444;
  -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;
}
 
.text.error,.textarea.error,textarea.error,input[type=text].error{
	border:1px solid #944;color:#444;background-color:#FEF;
}
.text.success,.textarea.success,.text.good,.textarea.good,textarea.good,input[type=text].good{
	color:#444;
}
input[type="text"]:focus, input.text:focus,textarea:focus{
    background-color: #FFF;border-color: #666;
    -moz-box-shadow: 1px 1px 3px #555;-webkit-box-shadow: 1px 1px 3px #555;box-shadow: 1px 1px 3px #555;
    color: #222;
}
 
input.checkbox[disabled],input.radio[disabled]{opacity: 0.3;}
 
/* Question specific decoration */
/*table.question{border-color:#fff;}
table.question tbody{border-color:#fff;}
table.question tr{border-color:#fff;}
table.question th{border-color:#fff;}
table.question td{border-color:#fff;}
table.question thead td{border-color:#fff}*/
.array-flexible-column table.question col.even {background:#fff}
.array-flexible-column table.question col.odd {background:#fcfcfc}
/*table.question tr.array1,table.question tbody tr.array1:hover th {background:#fff}
table.question tr.array2,table.question tbody tr.array2:hover th {background:#fcfcfc}
table.question tbody tr:hover {background:#f1f1f1}*/
 
/* width of limesurvey contents parts            */
#container{margin:0;}
.wrapper, #content {
    padding:15px;
  /*  padding: 0;*/
    /*margin: 0 auto;*/
    /*background: rgba(0, 0, 0, 0.5) !important;*/
 /*   max-width: 850px;
    width: 850px;*/
    border-radius: 20px;
}
.ie6 #container,.ie7 #container{text-align:center}
.wrapper,#content{position:relative;}
.ie6 .wrapper,.ie6 #content,.ie7 .wrapper,.ie7 #content{text-align:left;}
/* head                                         */
 
#assessment table{width:80%;margin:0 auto;}
div.form table{margin:0.4em auto;}
div.form table td{border:0 none #CCC;}
div.form table table{border:0 none #CCC;}
div.form table table td{padding:0;}
 
  
 
/* answers part                                 */
.answers-wrapper {
  margin: 0.5em auto;
  padding: 0.5em 1em;
/*  overflow:auto;*//* Not neede ? */
}
  
/* footer                                        */
#container {min-height: 100%;position: relative;margin:0;}
#content {
    padding-bottom: 1em;
     
}
 
 
 
 
/* Global input                                  */
input[type="text"],input.text, textarea {
  text-align: start;
  margin: 3px;padding: 2px;
  max-width:99%;
}
 
/* Question answer specific                      */
p.question{text-align:center;margin: 0 1em}
.textarea,.text {text-align: left;}
 
table.question tbody{border-width:0 1px 0 0;border-style:solid;}
table.question thead th{border-width:1px 1px 0px 0px;border-style:solid;font-weight:400}
table.question thead td,table.question thead th:first-child{border-width:0px 1px 0px 0px;border-style:solid;}
table.question tbody th{border-width:1px 1px 0px 1px;border-style:solid;}
table.question tbody td{border-width:1px 1px 1px 1px;border-style:solid;}
table.question tbody th.answertext, table.question tbody th.arraycaptionleft {
    text-align: left;
    height: 35px;
    font-weight: normal;
}
table.question tbody th.answertextright{text-align:left;}
table.question thead th{text-align:center;vertical-align:middle}
table.question tbody td{text-align:center;vertical-align:middle}
table.question tbody td.ddarrayseparator{border-top-width: 0px;}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    margin-top:10px;
    padding: 10px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

@media (max-width: 767px) {
    table.question thead th {
        font-size: 8px;
    }
    .wrapper, #content {
        width: fit-content!important;
    }
}