/**
* This file is part of LimeSurvey template SkeletonQuest
* Make your your change here
**/
body{

color:rgb(10,10,10);
background: url(/upload/templates/skeletonquest_KGHM/images/background.png) -600px bottom no-repeat #fff;
background-attachment: fixed;
/*
background:#ffffff;
background-size: cover;
background-repeat: no-repeat;
background-repeat: repeat-y;
background-position: top center;
background-size: cover;
*/
}
h1, h2, h3, h4, h5, h6 {color: #606162;}
a, a:visited { color: rgb(0, 174, 142);}
a:hover, a:focus { color: #026654; }
#head{
  border-top:0px ;
  color:#fff;
  background:#ffffff;
  border-bottom: 3px solid rgb(0, 174, 142);
}
#head h1{
  color:rgb(150, 108, 82);
}
#head h2{
  color:rgb(150, 108, 82);
}
.subtitle{
  background:transparent;
  color:inherited;
}
.pagetitle{
    margin-left:20px;
}
.surveywelcome{
    margin-top:20px;
    margin-bottom:20px;
}
.pagesubtitle {
    background: #ffffff;
    line-height: 1.8em;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 0px solid #f9f9f9;
}
.grouptitle {
    padding: 0.45em 0.27em;
        padding-bottom: 0.45em;
    margin: 0;
    padding-bottom: 0em;
    text-align: center;
}
#footer{
  border-top:2px solid rgb(100, 100, 100);
  color:#fff;
  background:rgb(100, 100, 100);
}
#footer a, #footer a:visited {color:#fff;}
#footer a:hover, #footer a:focus, #footer a:active {color: #ffffff;}

#movenextbtn,#movesubmitbtn{
  background-color:rgb(0, 174, 142);color:#fff;text-shadow: 0 0px rgba(0, 0, 0, 0.75);
}
#movenextbtn:hover,#movesubmitbtn:hover,#movenextbtn:focus,#movesubmitbtn:focus{
  background-color:#026654;
}
#movenextbtn:active,#movesubmitbtn:active{
  background-color:#026654;

}
#movenextbtn .ui-icon,#movesubmitbtn .ui-icon{
    background-image: url("images/ui-icons_ededed_256x240.png");
}

li.radio-item label,li.checkbox-item label
  {background-color: #FFF;}
li.radio-item.other-item,li.checkbox-item.other-item,li.checkbox-text-item.other-item .option
  {background-color: #FFF;}
li.radio-item.other-item label,li.checkbox-item.other-item label
  {background-color: transparent;}
/* checked */
li.radio-item input.radio:checked + label,li.checkbox-item input.checkbox:checked + label
  {background:#646464;;color:#FFF;}
li.other-item input.radio:checked + label,li.other-item input.checkbox:checked + label
  {background:transparent;color:inherit;}
li.other-item.checked
  {background:#646464;;color:#FFF;}
/* hover */
  li.radio-item label:hover,li.checkbox-item  input.checkbox + label:hover
  {background:rgb(0, 174, 142);color:#fff}
.js li.other-item:hover
  {background:rgb(0, 174, 142);color:#fff}
.js li.other-item:hover label
  {color:#fff}
/* no answer */
li.noanswer-item input.radio:checked + label
  {background:transparent;color:inherit;}

li.radio-item input.radio[disabled] + label,li.checkbox-item input.checkbox[disabled] + label
{
  background:transparent;
   cursor:inherit;color:#666;
}

.js table.question tbody tr td.radio-item:hover {background: rgb(0, 174, 142);}
.js td.radio-item.checked{background-color:#646464;}
.js td.noanswer-item.checked{background-color:transparent;}

.js table.question tbody tr td.checkbox-item:hover {background: rgb(0, 174, 142);}
.js td.checkbox-item.checked{background-color:#646464;}

li.checkbox-item input[type=checkbox] + label:before,
li.checkbox-text-item input[type=checkbox] + label:before,
td.checkbox-item input[type=checkbox] + label
 {
    background-color: #00ae8e;
}
li.radio-item input[type=radio] + label:before,
td.radio-item input[type=radio] + label
{
	border-color: #00ae8e;
	background-color: #00ae8e;
}
li.checkbox-item input[type=checkbox]:checked + label:before,
li.checkbox-text-item input[type=checkbox]:checked + label:before,
td.checkbox-item input[type=checkbox]:checked + label
{
    background-color: #00ae8e;
    border-color: #00ae8e;
}
li.radio-item input[type=radio]:checked + label:before,
td.radio-item input[type=radio]:checked + label
{
	border-color: #00ae8e;
	background-color:#000;
}
li.checkbox-item input[type=checkbox]:hover + label:before,
li.checkbox-item input[type=checkbox] + label:hover:before,
li.checkbox-text-item input[type=checkbox]:hover + label:before,
li.checkbox-text-item input[type=checkbox] + label:hover:before,
.js td.checkbox-item:hover input[type=checkbox] + label,
{
    background-color: #00ae8e;
    border-color: #00ae8e;
}
.ui-slider-range{
background:#026654;
}
.slider_callout{
}
.question-wrapper {
  border:none;
  border-bottom:2px solid rgba(110,110,110,.2);
  -webkit-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  margin: 1.0em 0.7em 0.8em;
}
.question-text{
  border-bottom:none;
}
.emtip.good{
	visibility:hidden;
}
@media print {
    body{background-color:#fff;background-image:none;font: 12pt "Open Sans Condensed", Arial, Helvetica, sans-serif ;color: #000;}
    #head{background:#fff;}
    .pagesubtitle{background:#ffffff}
    #footer {display:none}
    a:link,a:visited { color: #520; }
    #head h1 {color: #000;}
}
.save-form-bootstrap{
    text-align:center;
    margin-top:1em;
	display: flex;
	justify-content: center;
}
.center{
    text-align:center;
}
.left{
    text-align:left;
}
.save-dialog, #save, #load{
    margin:1em;
}
.form-group{
    margin:1em;
}
.surveydescription {
    font-size: 0.9em;
    color:#666;
}
.boilerplate.nohelp, .question-text, .arraycaptionleft, .col-responses{
	font-size: 1em;
	text-align: justify;
}
.dragDropTable, table.question thead th{
	font-size: 1em;
	text-align: center;
}
.question-text{
		font-weight:bold;
	}
table.question thead th, table.question tbody td, table.question tbody th, table.question tbody tr:nth-child(2n+1) th, table.question tbody tr:nth-child(2n) th{
		font-size:0.9em;
		padding: 0.4em;
	}
table.question tbody td {
		min-width: 4em;
		padding:0.4em;
		padding-top: 0.5em;
	}
th.answertext{
	padding:0.4em;
}
.errormandatory{
	font-size: 1em;
}
.help-wrapper .tip, .tip , .help, .question-help{
    	font-size:0.9em;
        font-style: italic;
}
.mandatory.error {
    padding-left: 20px;
    margin: 1em 0;
}
.group {
    margin-bottom: 1.5em;
}
@media handled,screen and (max-width: 959px) {
    .surveywelcome{
        font-size: 1em;
    }
    .surveydescription {
        font-size: 1em;
    }
    .save-dialog, .note {
        font-size: 0.9em;
    }
	button, input, select, textarea, .tools {
		font-family: inherit;
		font-size: 90%;
		margin: 0;
	}
	.answertext, .comment{
		font-size:0.9em;;
	}
	.hide.read,	table.question thead th, table.question tbody td, table.question tbody th, table.question tbody tr:nth-child(2n+1) th, table.question tbody tr:nth-child(2n) th{
		font-size:0.9em;
		padding: 0.4em;
	}
	table.question tbody td {
		min-width: 3em;
		padding:0.4em;
		padding-top: 0.5em;
	}
    .help-wrapper .tip, .tip , .help, .question-help{
    	font-size:0.9em;
	}
	.question-wrapper .mandatory.error, .question-wrapper {
		position: relative;
		margin: 0.4em 0.5em 0.6em;
	}
	.answers-wrapper {
		margin-top: 0.4em ;
		margin-bottom: 0.4em;
	}
	.group {
		margin-bottom: 1em;
	}
}
@media handled,screen and (max-width: 767px) {
    .surveywelcome{
        font-size: 0.8em;
    }
    .surveydescription {
        font-size: 0.8em;
    }
    .save-dialog, .note {
        font-size: 0.7em;
    }
	button, input, select, textarea{
		font-family: inherit;
		font-size: 80%;
		margin: 0;
	}
	.answertext, .comment{
		font-size:0.7em;;
	}
	.hide.read, table.question thead th, table.question tbody td, table.question thead th, table.question tbody th, table.question tbody tr:nth-child(2n+1) th, table.question tbody tr:nth-child(2n) th{
		font-size:0.7em;
		padding: 0.2em;
	}
	table.question tbody td {
		min-width: 2.6em;
		padding:0em;
		padding-top: 0.9em;
		padding-bottom: 0.4em;
	}
	h3, .grouptitle{
		font-size:1.1em;
	}
	.boilerplate.nohelp{
		font-size:0.8em;
	}
	.dragDropTable, .errormandatory, .boilerplate.nohelp, .question-text, .arraycaptionleft, .col-responses {
		font-size: 0.8em;
	}
	.question-text{
		font-size: 0.8em;
	}
	.help-wrapper .mandatory, .help-wrapper .questionhelp, .help-wrapper .tip, .tip , .help, .question-help{

		font-size: 0.7em;
		margin: 0.1em 0 0;
	}
	.question-wrapper {
		position: relative;
		margin: 0.3em 0.4em 0.3em;
	}
	.question-wrapper .mandatory.error, .mandatory.error {
		padding-left: 20px;
		margin: 0.5em 0;
	}
	.answers-wrapper {
		margin-top: 0.3em ;
		margin-bottom: 0.3em;
	}
	.group {
		margin-bottom: 0.5em;
	}
}
@media handled,screen and (max-width: 550px) {
    .surveywelcome{
        font-size: 0.7em;
    }
    .surveydescription {
        font-size: 0.7em;
    }
    .save-dialog, .note {
        font-size: 0.6em;
    }
	button, input, select, textarea, .tools{
		font-family: inherit;
		font-size: 80%;
		margin: 0;
	}
	.answertext, .comment{
		font-size:0.7em;;
	}
	.hide.read, table.question thead th, table.question tbody td, table.question thead th, table.question tbody th, table.question tbody tr:nth-child(2n+1) th, table.question tbody tr:nth-child(2n) th{
		font-size:0.7em;
		padding: 0.1em;
	}
	table.question tbody td {
		min-width: 2.5em;
		padding:0em;
		padding-top: 0.8em;
		padding-bottom: 0.3em;
	}
	.dragDropTable, .errormandatory, .boilerplate.nohelp, .question-text, .arraycaptionleft, .col-responses{
		font-size:0.8em;;
	}
	.help-wrapper .mandatory, .help-wrapper .questionhelp, .help-wrapper .tip, .tip , .help, .question-help{
		font-size: 0.7em;
		margin: 0.1em 0 0;
	}
	.mobile{
		display:none;
	}
	.question-wrapper {
		position: relative;
		margin: 0.2em 0.3em 0.1em;
	}
	.question-wrapper .mandatory.error, .mandatory.error {
		padding-left: 20px;
		margin: 0.3em 0;
	}
	.answers-wrapper {
		margin-top: 0.1em ;
		margin-bottom: 0.1em;
	}
	.group {
		margin-bottom: 0.3em;
	}
}
.saveall{
	background-color: rgb(150, 108, 82);
	color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.75);
	font-weight: 700;
    border: 1px solid rgb(150, 108, 82);
    background: rgb(150, 108, 82);
}
.saveall:hover{
	background-color: #646464;
	color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.75);
	font-weight: 700;
    border: 1px solid #646464;
    background: #646464;
}
.captcha-table {
	align-self:center;
}
.uploader, .loaded{
    color: #616161;
    background: #fff;
    background-attachment: scroll;
    background-attachment: fixed;
    background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-repeat: repeat-y;
    background-position: top center;
    background-size: cover;
}
#uploader{
    display: inline;
    width: 956px;
    min-height: 9px;
    max-height: none;
    height: 500px !important;
}
.files-list {
    display: table;
    table-layout: fixed;
    width: 98%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ui-widget-header {
    border: 1px solid rgb(0, 174, 142);
    background: rgb(0, 174, 142);
    color: #fff;
    font-weight: bold;
}
table.question tbody {
    border: rgba(0,0,0,.38) 1px solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-width: 0px 0px 0px 0px;
}
table.question thead th {
    border: rgb(0, 174, 142) 1px solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-width: 1px 1px 0px 0px;
    padding: 0.6em;
    font-weight: inherit;
}
table.question thead td, table.question thead th:first-child {
    border: #fff 1px solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-width: 0px 1px 0px 0px;
    background: rgb(0,174,142);
}
table.question tbody td {
    border: rgba(0,0,0,.38) 1px solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-width: 1px 0px 1px 0px;
    padding: 0.6em 0;
    min-width: 3em;
}
table.question thead th {
    font-weight: bold;
    color: #fff;
    background: rgb(0, 174, 142);
    border-color: #fff;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"], .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .upload-button .upload, .upload-button .upload:visited, .upload-button .upload:focus{
    display: inline-block;
    white-space: nowrap;
    margin: 0 0.5em 0.5em;
    padding: 0.6em 1em;

    background-color: rgb(0, 174, 142);
    color: #fff;
    text-shadow: 0 0px rgba(0, 0, 0, 0.75);
    text-align: center;
    font-weight: 400;
    /*text-transform: uppercase;*/
    text-decoration: none;
    background: rgb(0, 174, 142);
        background-color: rgb(0, 174, 142);
    border: 1px solid rgb(0, 174, 142);
        border-top-color: rgb(0, 174, 142);
        border-right-color: rgb(0, 174, 142);
        border-bottom-color: rgb(0, 174, 142);
        border-left-color: rgb(0, 174, 142);
    border-radius: 4px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover, .upload-button .upload:hover {
    background-color: #026654;
    color: #fff;
    text-shadow: 0 0px rgba(0, 0, 0, 0.75);
    border-color: #026654;
    font-weight: 400;
}
table.question td, table.question th {
    -webkit-hyphens: none;
    -moz-hyphens: none;
        hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}
.logotable{
    border:0px;
}
.logo_image{
    
}
.logo_text_cell{
    /* border-left: 1px rgba(110,110,110,.2) solid; */
}
.logo_text{
    font-size: 11px;
    font-size: 1.2rem;
    line-height: 20px;
    border-left: 1px rgba(110,110,110,.2) solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    /*text-transform: uppercase;*/
    padding: 3px 0 3px 20px;
    font-weight: 600;
    color: #6e6e6e;
}
#content{
    padding-top: 84px !important;
    background: #fff;
    border: 0px solid #eee;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
}
.comment .textarea, .question .textarea {
    width: 100%;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.text, .comment .textarea, .question .textarea, .question input[type="text"], .question input.text, .question input[type="password"], .question input[type="email"], .question select {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.dragDropRanks, .dragDropChoices{
    border-color: #00ae8e;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.question select.year, .question  select.month, .question select.day {
    width: auto;
    max-width: 99%;
}
.head.affix::after {
    content: " ";
    position: relative;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.0);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.0);
    box-shadow: 0px 0px 10px rgba(0,0,0,.0);
}

.affix {
    position: relative;
}
.head.affix {
    width: 100%;
    z-index: 3;
    top: 0;
    position: fixed;
}

#head .tools {
    float: none;
    margin: 0.7em 0;
}
.save-dialog, #save, #load {
    margin: 1em;
    text-align: center;
}
.pagesubtitle .surveydescription{
    border: 0px solid #eee;
    padding: 0 0.3em;
}
ul.text-list label {
    display: inline;
    display: table-cell;
    width: 30%;
    vertical-align: middle;
    padding: 0.3em 0.5em 0.7em;
}
ul.text-list span {
    display: inline;
    display: table-cell;
    width: 70%;
    vertical-align: middle;
    padding: 0.3em 0.5em 0.7em;
}
input[type="text"], input.text, input[type="password"], input[type="email"], textarea, select {
    border: 1px solid #00ae8e;
    padding: 0.4em;
    outline: none;
    border-radius: 6px;
    font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666;
    background: #fff;
    margin: 0;
    display: inline-block;
    *display: inline;
}
.question-wrapper .errormandatory {
    padding: 0;
    margin: 0;
    border: 0 solid #e74c3c;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.errormandatory {
    font-size: 1em;
}
.errormandatory {
    font-weight: bold;
}
.errormandatory {
    color: #944;
    display: block;
}
.question-wrapper .mandatory.error {
    padding: 0.5em 1em;
        padding-left: 1em;
    margin: 1em 2em;
    font-weight: bold;
    text-shadow: 0 0px 0 rgba(255, 255, 255, 0.5);
    background-color: #e69a92;
    border: 1px solid #e74c3c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.other-item input[type="text"], .other-item input.text{
    width: calc(100% - 120px);
}
.help-wrapper .error {
    background-color: #ead581;
    border: 1px solid #f1c40f;
    border-radius: 4px;
}
.help-wrapper .error {
    padding-left: 20px;
    background-position: 0 center;
}
.help-wrapper .error, .help-wrapper .good {
    background-image: url(images/ls-error.png);
    background-repeat: no-repeat;
}
.help-wrapper .emtip {
    border: 1px solid #f1c40f;
}
.dynamic_remaining, .dynamic_sum, .emtip {
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}
.error, .error-wrapper {
    color: white;
}
.question-help {
    margin: 0.3em 1em;
    border: 1px solid #c1c1c1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f7f7f7;
    color: #616161;
    font-weight: normal;
}
textarea {
    padding-top: 1em;
    padding-bottom: 0.1em;
}
p.question {
    margin: 0 0;
}
input[type="text"]:focus,input.text:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus
, .mandatory input[type="text"].empty:focus,.mandatory input.text.empty:focus,.mandatory textarea:empty:focus,.mandatory textarea.empty:focus
, input[type="text"].error:focus, textarea.error:focus
, input[type="text"].good:focus, textarea.good:focus{
    border: 1px solid #de824e;color: #444;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 180, 182, 0.6);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 180, 182, 0.6);box-shadow:  0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 180, 182, 0.6);
    -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
}
.answertext .errormandatory{
    color: #e74c3c;
    font-weight: normal;
    font-size: 1em;  
}