body {
	background-image: url("/img/stylio-logo.png");
	/*background-size: 100px;*/
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: -15px;
   /* background-position: bottom 0 left 20px;*/

	background-color: #000;
	color: #fff;
}
h1, h2, h3, h4, h5, h5, h6 {
    color: white;
}
.wrapper {
    padding: 15px;
}
#navigation {
	height: 50px;
	width: 100%;
}
#navigation a {
	padding: 10px;
	float: right;
}
a:link, a:hover, a:visited {
  color: white;
  text-decoration: none;
}
.error .msg {
	color:#f00;
}
.nav-tabs.nav-justified>li>a:hover {
    background-color: #555;
    color: #fff;
}


.jspsych-survey-multi-choice-horizontal {
    width: 550px;
    margin: 0 auto;
}

.jspsych-display-element {
    /*width: 668px;*/
    width: inherit;
}
#jspsych-progressbar-inner {
    background-color: #555;
    /*border-radius: 0 5px 5px 0;*/
}
#jspsych-progressbar-outer {
    background-color: #111;
    border: 2px solid #555;
    /*padding: 0;*/
    /*width: 568px;*/
    margin-right: 100px;
	margin-left: 100px;

    width: inherit;
}
#jspsych-progressbar-container {
    border: 0;
    background-color: transparent;
    margin-bottom: 1em;
    text-align: center;
    padding: 10px 0px;
}
#jspsych-progressbar-container span { /* tekst boven de progressbar */
	display: none;
}

.jspsych-button-response-button, .jspsych-btn {
	border-radius: 4px;
	background: transparent;
	color: #fff;
	font-size: 0.8rem; /* Ik wantrouw duurzame/sociale merken */
	padding: 1rem;
	margin: 1rem;
}
.jspsych-btn:hover {
	/*background:#333;*/
	background: transparent;

}