/********** drag elements to build sentences ********/
	#drag-word-to-build .square:last-child:after{
		content: ".";
		position: absolute;
		font-size: 1.5em;
	}

	#drag-word-to-build .square > div{
		top: 0;
		left: 0;
		z-index: 3;
		height: 100%;
		min-width:2rem;
	}

	#drag-word-to-build #reponse-corps-1 label{
		text-transform: capitalize;
	}
	#drag-word-to-build #phrase .ans{
		padding: 0!important;
	}
	#drag-word-to-build .reponse.border-gold{
		border-top: 1px solid #ffe7b0;
		border-right: 1px solid #ffe7b0;
		border-left: 1px solid #ffe7b0;
	}

/*********** choose element to complete sentence******/
	#choose-x-to-complete-phrase .valid:before,.fail:before{
		top:0;
	}
	#choose-x-to-complete-phrase label.ans input:checked+.mot{
		background-color: #fc285d;
		color: white;
	}
	#choose-x-to-complete-phrase label.ans input:not(:checked)+.mot{
		background-color: white;

	}


	#select-god-word-from-list .mot + .mot:before{content: ", "}

/********** choose good words from sentences*******/
	#choose-good-word-from-sentences .label{
			cursor: pointer;
		}
	#choose-good-word-from-sentences .label:hover{
			background-color: #ffeb55;
		}
	#choose-good-word-from-sentences label input:checked + .mot{
			border-bottom: 3px solid orange!important;
		}
	#choose-good-word-from-sentences .mot{
			/*padding: 0 10px!important;*/
	}

/************drag and drop between word table************/
	#drag-drop-between-words-table .vide{
		min-width: 1rem;
		min-height: 1rem;
		border-bottom: 1px dashed grey;
	}
	#drag-drop-between-words-table .phrase:first-letter{
		text-transform: uppercase;
	}
	#drag-drop-between-words-table .phrase label{
		margin-bottom: 0;
		padding: 0!important;
		border-bottom: 3px solid orange;
	}
	#drag-drop-between-words-table .mot-phrase{
		position: relative;
	}
	#drag-drop-between-words-table tr.line:nth-child(odd){
		background-color: #fff2d4;
	}
	#drag-drop-between-words-table tr.line:nth-child(even){
		background-color: #fffce0;
	}

/************* choose question and answer *********************/
	#choose-question-and-answer #mots{
		margin-top: 1rem;
	}
	#choose-question-and-answer .reponse .mot{
		padding: 0!important;
	}

/***************choose caractere of sentence**********/
	#choose-carac-of-sentence-table .mot:hover{
		background-color: #ffeb55;
	}
	#choose-carac-of-sentence-table label input:checked + .mot{
		border-bottom: 3px solid orange;
	}
	#choose-carac-of-sentence-table .label + .label:before{
		content: "|";
		margin-right: .5rem;
	}
	#choose-carac-of-sentence-table .ans:hover{
		background: initial;
	}

/************ select on second cel *******************/
	#select-on-second-cel .input-pronoms{
		max-width: 5rem!important;
		margin-right: .5rem;
	}
	
/********** check elements on list *******************/
	#check-elements-on-list .noms{
		cursor: pointer;
	}
	#check-elements-on-list .noms:hover{
		background-color: #ffeb55;
	}
	#check-elements-on-list label input:checked + .mot{
		border-bottom: 3px solid orange!important;
	}
	#check-elements-on-list .mot{
		/*padding: 0 10px!important;*/
	}
/************* complete-terminaison-determinant-table ****************/
	#complete-terminaison-determinant-table #completer .det{
		background: #e1e1e1;
	}
	#complete-terminaison-determinant-table #completer .term{
		background: #a1a1d1;
	}
	#complete-terminaison-determinant-table .reponse .copy.ml-2{
		margin-left: 0!important;
	}

/**************** variant-words-table ********************/
	#variant-words-table .reponse label .mot.p-y{
		padding: 0!important;
	}

/**************** complete-text-drag-drop-table *********************/
	#complete-text-drag-drop-table #texte .mot.input{    
			border-bottom: none!important;
			min-width: 2rem;
			min-height: 1rem;
			padding: 0 .1rem!important;
			position: relative;
			display: inline-block;
		}
		#complete-text-drag-drop-table #texte input.reponse{
			background: #fffdd2;
			border:1px solid #ffe7b0;
			max-width: 1.7rem!important;
			padding: 0!important;
		}
		/*#complete-text-drag-drop-table #texte .valid:before{margin-left: -1.2rem!important}*/

/****************** poster-subject ***************/
	.poster-subject a:hover{
		text-decoration:none;
		-webkit-box-shadow: 7px 10px 31px 1px rgba(58,107,81,1);
		-moz-box-shadow: 7px 10px 31px 1px rgba(58,107,81,1);
		box-shadow: 7px 10px 31px 1px rgba(58,107,81,1);
	}

/***************** #order-number *****************/
	#order-number .case{
		min-width: 1.3rem;
	}

/************* comparer-ranger ****************/
	#comparer-ranger .square > img{
		z-index: 1;
		padding: 0!important;
		width: 100%;
	}
	#comparer-ranger .square > div{
		top: 0;
		left: 0;
		z-index: 3;
		padding: 0.3rem;
		border: 3px solid #d7d7d7;
		min-height: 5rem;
		width: 100%;
	}
	#comparer-ranger .square{
		position: relative;
	}
	#comparer-ranger .square div label{
		width: 100%
	}
	#comparer-ranger .border-img img{
		border: 1px solid #dee2e6!important;
	}
	#comparer-ranger #corps .ans img{
		height: 100%!important;
		width: auto;
	}
	#comparer-ranger .show-answer i.icon{
		font-size: 1.7em;
	}

	#comparer-ranger .show-answer i.icon:before{
		margin: 0;
	}
	#comparer-ranger #question img{
		max-width: 120px!important;
	}
	#comparer-ranger #cases-reponses{
		border: none!important;
	}
	#comparer-ranger .f0{background: #f0f3a6;}
	#comparer-ranger .da{background: #daf5ff;}
	#comparer-ranger .ff{background: #ffdDe7;}
	#comparer-ranger .ans div{
		vertical-align: middle;
		font-size: 1.5em!important;
	}
	#comparer-ranger .ans input{
		max-width: 100%;
		font-size: 1.6em!important;
	}

	/******************* #multiplication-mixtes ********************/
	#multiplication-mixtes #list-questions li, #choose-good-text-for-text #list-questions li{
	    display: inline-block;
	    width: 32%;
	    margin: 1em 0;
	    margin-left: 0.5em;
	    color: #152170;
	}
	#multiplication-mixtes #list-questions, #choose-good-text-for-text #list-questions{
		list-style-type: initial!important;
	    list-style: circle!important;
	    margin-top: 1.8em;
	    margin-bottom: 0.3em;
	    background: #f9fbfb;
	    padding: 0.5em;
	    border: 1px solid #eaeeee;
	}
	#choose-good-text-for-text #list-questions input, #multiplication-mixtes #list-questions input {
	    font-size: 1.2em;
	    background: none;
	    padding: 5px;
	    border: none;
	    border-bottom: 1px solid #b7b7b7;
	    width: 2rem;
	    text-align: center;
	    color: blue;
	    outline: none;
	}
	
	.main-quiz-holder .resultsview-qhover li.selected, .bad-answer {
		background: url(../images/incorrect.png) no-repeat 5px 2px #fff!important;
	}
		
	.main-quiz-holder .resultsview-qhover li.right, .good-answer {
		background: url(../images/correct.png) no-repeat 5px 2px #fff!important;
	}
/*************** head-exercice **************/
	#head-exercise .question-number {
	    /*position: absolute;*/
	    right: 10px;
	    top: 0;
	    border: 1px solid #EDCAFF;
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	    padding: 5px;
	    background: #D27AFF;
	    border-radius: 3px;
	    color: #F2FF74;
	}
	#head-exercise .wrong span {
	    padding: 0 20px;
	    background: url(../images/delete.png) left no-repeat;
	    color: #474747;
	}
	#head-exercise .correct span {
	    padding: 0 20px;
	    background: url(../images/confirm.png) left no-repeat;
	}


	#head-exercise .correct, #head-exercise .wrong { 
		cursor: pointer; 
		padding: 5px 10px;
	   font-size: 16px;
	   padding: 5px 15px;
	  color: #4c4c4c;
	  border-radius: 4px;
	  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
	  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
	  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
	   
	}

	#head-exercise .correct {    
	  background: #c3e462;
	  background: -webkit-gradient(linear, left top, left bottom, from(#c3e462), to(#90b61e));
	  background: -webkit-linear-gradient(#c3e462, #90b61e);
	  background-image: -moz-linear-gradient(top, #c3e462, #90b61e);
	  background-image: -moz-gradient(top, #c3e462, #90b61e);
	  border: 1px solid #bfff00;
	}

	#head-exercise .wrong {
		background: #fc5e5e;
	  background: -webkit-gradient(linear, left top, left bottom, from(#fc5e5e), to(#ea4646));
	  background: -webkit-linear-gradient(#fc5e5e, #ea4646);
	  background-image: -moz-linear-gradient(top, #fc5e5e, #ea4646);
	  background-image: -moz-gradient(top, #fc5e5e, #ea4646);
	  border: 1px solid #e36d6d;
	}

/************************ fraction **************/
	.fraction .separateur-fraction{
		/*width: 100%;*/
		border-bottom: 2px solid #333;
	}

/************* navigation-frame ******************/
	.navigation-frame .btn.btn-prev{
		background: #fc95df;
	}
	.navigation-frame .btn.btn-next{
		background: #95cefc;
	}
	.navigation-frame .btn{
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	}
	.navigation-frame .btn:hover{
		background: #eee;
    	border: 0.1em solid #e8e8e8;
    	color: rgba(0, 0, 0, 0.61)!important;
	}

/******** purpose component css *****************/
	.word-libelle+.word-libelle:before{
		content: ", ";
	}
	.w-0 .mot{
		padding: 0!important;
	}
	.barre *{
		text-decoration: line-through red;
	}
	.bg-fond-1{
		background-color: #ebecde;
	}
	.bg-fond-2{
		background-color: #dbe6e2;
	}
	.valid-color{
		color: #32580f;
	}

.main-quiz-holder .notice {
	color: #ff4c60;
	font-size: 1.2em;
	/*position: absolute;*/
	/*left: 120px;*/
	/*bottom: 7px;*/
}

.main-quiz-holder .slide-container .next  {
  background: #77d125;
  box-shadow: 0 1px 2px #3caa00;
}
.operation .signe{
	position: absolute;
	top: 1rem;
	font-size: 1.8em;
}
.text-rtl{
	direction: rtl;
}

.card-item-link h4, .card-item-link h5, .card-item-link h3{
	font-size: 1em!important;
}