/*
*	Top rows
*/
.puzzleNext{
	display:none;
}
.row.header.inside-campagne{
	line-height:40px;
	font-size:10px;
	letter-spacing: 0px;
	font-weight:bold;
}
.progress-bar{
	border-radius: 0px;
	height:10px;
}
.progress-bar > div{
	height:10px;
	border-radius:0px;
}
.progress-bar > div.width-100{
	border-radius: 0px;
}

/*
*	End top row
*/

/*
*	Overwrite content div styling
*/
.row.elearning > div{
	padding: 0px;
}
.row.elearning .article:not(.explanation),
.row.elearning .explanation-wrapper,
.row.elearning .footer{
	padding-left:10px;
	padding-right:10px;
} 

.row.elearning .footer{
	padding:10px;
}

.row.elearning .error-wrapper,
.row.elearning .error-wrapper > div{
	padding: 10px;
}
.row.elearning{
	padding-bottom:0px;
}
/*
*	Puzzel
*/
.article.puzzle-wrapper{
	height:43px;
	border:3px dashed  #e4e4e4;
	margin: 10px 0px 10px 0px;
	line-height:37px;
	color:#b4b4b4;
}
.article.question_puzzle.first-puzzle-piece .puzzle-up{
	display:none;
}
.article.question_puzzle.last-puzzle-piece .puzzle-down{
	display:none;
}
.box.puzzle{
	min-height:43px;
	/*background-image:url('/app/media/puzzle.png');
	background-size:100% 100%;*/
}
.box.puzzle .fa-arrow-down,
.box.puzzle .fa-arrow-up,
.box.puzzle .fa-check{
	position:absolute;
	top:8px;
	border-radius:50%;
	color:#fff;
	width:20px;
	height:20px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}
.box.puzzle .fa-arrow-down{
	left:10px;	
	line-height:22px;
}
.box.puzzle .fa-arrow-up{
	right:10px;
	line-height:20px;
}
.box.puzzle .fa-check{
	right:10px;
	line-height:22px;
	cursor:default;
}
.box.puzzle .fa-arrow-down:hover,
.box.puzzle .fa-arrow-up:hover{
	background-color: #58595b;
    color: #f2cb13;
}
.box.puzzle .text{
	padding-left:30px;
}

.box.puzzle .fa-check{
	display:none;
}
.box.puzzle.good .fa-check{
	display:block
}
.box.puzzle.good .fa-arrow-down,
.box.puzzle.good .fa-arrow-up,
.hide-up .fa-arrow-up,
.hide-down .fa-arrow-down{
	display:none;
}
.box.puzzle > div{
	padding-right:35px;
}

.question_puzzle.moveUp,
.question_puzzle.moveDown,
.question_puzzle.moveDown .puzzle{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	position:relative;	
}
.question_puzzle.moveUp{
	z-index:2;
}
.question_puzzle.moveDown {
	z-index:1;
}
/*
.question_puzzle.moveUp .puzzle{
	transform: scale(1.02,1.02);
}
.question_puzzle.moveDown .puzzle{
	transform: scale(0.98,1);
}*/
.question_puzzle.moveUp .puzzle,
.question_puzzle.moveDown .puzzle{
	background-color:#fff;
}
/*
*	End puzzel
*/


/*
*	Start questions
*/
.box.question.good > div:after,
.box.question.wrong > div:after{	
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 16px;
    position: absolute;
    top: 10px;
	right:10px;
	color:#fff;
	height:24px;
	width:24px;
	line-height:24px;
	text-align:center;
	border-radius:50%;
}

.box.question.good {
	border:1px solid #33b016;
}
.box.question.good:not(.selected-) > div:after{
	content: "\f00c";
	background-color:#33b016;	
}

.box.question.good.selected- > div:after{
	content: "\f00d";
	background-color:#ea5b48;
	line-height:23px;	
}

.box.question.wrong {
	border:1px solid #ea5b48
}
.box.question.wrong > div:after{
	content: "\f00d";
	background-color:#ea5b48;
	line-height:23px;
}

.box.question.wrong.selected- > div:after{
	display:none;	
}

/*
*	End questions
*/



/*
*	itemVideo
*/
.article.video iframe{
	max-width:100%;
	width:100%;
	height:500px;
}


@media (max-width:800px){
	.group{
		width:100%!important
	}
	.article.video iframe{
		height:200px;
	}
}

/*
8	Results
*/
.result-row{
	border-bottom:1px solid #e4e4e4;
	padding: 10px 0px 10px 5px;
}
.result-row:last-child{
	border-bottom:0px;
	margin-bottom:20px;
}
.result-row > .result-title{
	padding-right:10px;
}