
/* ----------------------------------------------------------------------------------------- */
/* -------------------------------- SPECIFIC FONTS ----------------------------------------- */
/* ------------------------- INCLUS DANS LE FICHIER CSS PRINCIPAL--------------------------- */
/* ----------------------------------------------------------------------------------------- */



.quizz_speed_exercise_common{
	font-family: 'Roboto Condensed', Calibri, sans-serif;
}
.quizz_speed_exercise_common .game_area .multiplication_block, .error_item, .item_number_2{
	font-weight: 600;
}

.quizz_speed_exercise_common .game_area[font=roboto] .change_font,
.quizz_speed_exercise_common .roboto-condensed{
	font-family: 'Roboto Condensed', Calibri, sans-serif;
	font-weight: 600;
}

.quizz_speed_exercise_common .game_area[font=oswald] .change_font,
.quizz_speed_exercise_common .oswald{
	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 400!important;
}

.quizz_speed_exercise_common .game_area[font=us-numbers] .change_font,
.quizz_speed_exercise_common .us-numbers{
	font-family: 'UsNumbers', 'Roboto Condensed', Calibri, sans-serif!important;
	font-weight: 700!important;
}

.quizz_speed_exercise_common .game_area[font=sassoon-sans-std] .change_font,
.quizz_speed_exercise_common .sassoon-sans-std{
	font-family: 'Sassoon Sans Std', 'Roboto Condensed', Calibri, sans-serif!important;
	font-weight: 500!important;
}
/*
.quizz_speed_exercise_common .game_area[font=montserrat] .change_font,
.quizz_speed_exercise_common .montserrat{
	font-family: 'Montserrat', 'Roboto Condensed', Calibri, sans-serif!important;
	font-weight: 500!important;
}*/
.quizz_speed_exercise_common .game_area[font=calibri] .change_font,
.quizz_speed_exercise_common .calibri{
	font-family: Calibri, 'Roboto Condensed', Arial, sans-serif!important;
	font-weight: 600!important;
}
/*.quizz_speed_exercise_common .game_area[font=alamain] .change_font,
.quizz_speed_exercise_common .alamain{
	font-family: 'Alamain', 'Roboto Condensed', Arial, sans-serif!important;
	font-weight: 400!important;
}*/
.quizz_speed_exercise_common .game_area[font=letters-for-learners] .change_font,
.quizz_speed_exercise_common .letters-for-learners{
	font-family: 'Letters for Learners', 'Roboto Condensed', Arial, sans-serif!important;
	font-weight: 600!important;
}

.quizz_speed_exercise_common .roboto-condensed,
.quizz_speed_exercise_common .oswald,
.quizz_speed_exercise_common .us-numbers,
.quizz_speed_exercise_common .sassoon-sans-std,
.quizz_speed_exercise_common .montserrat,
.quizz_speed_exercise_common .calibri,
.quizz_speed_exercise_common .alamain,
.quizz_speed_exercise_common .letters-for-learners{color:#000}

/* --------------------------------------------------------------------------- */
/* ----------------------- TOP MESSAGE --------------------------------------- */
/* --------------------------------------------------------------------------- */

.quizz_speed_exercise_common .new_msg{/*background-color:#e7ebf2!important*/}
.quizz_speed_exercise_common .new_msg_content .new_tag{max-width:inherit!important}
.quizz_speed_exercise_common .new_msg_content .new_msg_txt{color:#7087b0}
.quizz_speed_exercise_common .new_msg_content .new_msg_txt .blue{color:#027dde}
.quizz_speed_exercise_common .new_msg_content .new_msg_txt.txt_useful{text-indent:90px}
.quizz_speed_exercise_common .new_msg_content .new_msg_txt.txt_utile{text-indent:80px}

@media (max-width: 480px) {
	.quizz_speed_exercise_common .new_msg_content .new_msg_txt.txt_useful{text-indent:80px}
	.quizz_speed_exercise_common .new_msg_content .new_msg_txt.txt_utile{text-indent:70px}	
}

/* --------------------------------------------------------------------------- */
/* ------------------------------- GLOBAL ----------------------------------- */
/* --------------------------------------------------------------------------- */
.quizz_speed_exercise_common *{
user-select: none; /* Propriété standard supported by Chrome, Edge, Opera and Firefox */
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
-khtml-user-select: none; /* Konqueror HTML */
}

.quizz_speed_exercise_common .hover{
cursor:pointer;
}

/* ------------------------------------------------------------------------------------------------------ */
/* -----------------------  FOR TEST DISPLAY ON IPAD PRO ++++ TO REMOVE ++++++ -------------------------- */
/* ------------------------------------------------------------------------------------------------------ */
@media (max-width: 1024px) {
	#content-left{display:none;width:0!important;}
	#content-right {width:100%!important;}
}

/* ------------------------------------------------------------------------------------------------------ */
/* ----------------------- TOP BAR ---------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

	
.quizz_speed_exercise_common[type=quizz] .top_bar,
.quizz_speed_exercise_common[type=exercise] .top_bar{
	display:block;
}

.quizz_speed_exercise_common[type=quizz] .top_bar_with_timer,
.quizz_speed_exercise_common[type=exercise] .top_bar_with_timer{
	display:none;
}

.quizz_speed_exercise_common[type=speedtest] .top_bar{display:none}
.quizz_speed_exercise_common[type=speedtest] .top_bar_with_timer{display:block}


.quizz_speed_exercise_common .top_bar{
border-radius:8px 8px 0 0;
padding:0 3%;
text-align:left;
}

.quizz_speed_exercise_common .top_bar .flex_container{
display:flex;
flex-direction:row;
align-items:stretch;
flex-wrap:wrap;
height:50px;
}

.quizz_speed_exercise_common .top_bar .flex_box{
line-height:50px;
}

.quizz_speed_exercise_common .top_bar .box *{
vertical-align:middle;
}

.quizz_speed_exercise_common .top_bar .flex_box_1{
color:white;
font-size:20px;
font-weight:500;
padding-right:10px;
}

.quizz_speed_exercise_common .top_bar .flex_box_2{
flex:auto;
}

.quizz_speed_exercise_common .top_bar .flex_box_3{
padding-left:20px;
}

.quizz_speed_exercise_common .top_bar .flex_box_3 img{
width:30px;height:auto;
vertical-align:middle!important;
}
.quizz_speed_exercise_common .top_bar .flex_box_3 img.showed{
	display:inline-block!important;
}
.quizz_speed_exercise_common .top_bar .flex_box_3 img.hidden{
	display:none;
}

/* ---------------------------------------------------- */
.quizz_speed_exercise_common .top_bar .main_progress_bar_content{
height:8px;
border-radius:4px;
overflow:hidden;
margin-top:21px;
}
.quizz_speed_exercise_common .top_bar .main_progress_bar{
height:8px;
background:#a9fb66;
vertical-align:top;
border-radius:4px;
overflow:hidden;
}


/* ------------------------------------------------------------------------------------------------------ */
/* ----------------------- TOP BAR WITH TIMER ----------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */
.quizz_speed_exercise_common .top_bar_with_timer{
border-radius:8px 8px 0 0;
padding:1% 3% 2% 3%;
text-align:left;
color:white;
font-size:20px;
font-weight:500;
}

.quizz_speed_exercise_common .top_bar_with_timer .flex_container{
display:flex;
flex-direction:row;
align-items:stretch;
flex-wrap:wrap;
}

/* 
=> the box containing the progress bars takes up all the available space (thanks to "flex:auto")
=> the box containing the text and sound only take up the space they need (That is the default value of flex property +++) 
*/
.quizz_speed_exercise_common .top_bar_with_timer .flex_box_bars{flex:auto}

.quizz_speed_exercise_common .top_bar_with_timer .flex_box{
display:flex;
flex-direction:column;
align-items:stretch;
flex-wrap:wrap;
}
.quizz_speed_exercise_common .top_bar_with_timer .flex_box *{
	vertical-align:middle;
}
.quizz_speed_exercise_common .top_bar_with_timer .flex_box_text > div,
.quizz_speed_exercise_common .top_bar_with_timer .flex_box_bars > div{
	height:30px;
	line-height:30px;
}

/* --------------------------------- bars titles -------------------------------------------------- */

.quizz_speed_exercise_common .top_bar_with_timer .flex_box_text{
/*color:white;
font-size:20px;
font-weight:500;*/
padding-right:10px;
}

/* --------------------------------- timer and progress bars --------------------------------------- */
.quizz_speed_exercise_common .top_bar_with_timer .main_progress_bar_content,
.quizz_speed_exercise_common .top_bar_with_timer .timer_bar_content{
height:8px;
border-radius:4px;
overflow:hidden;
margin-top:13px;
}
.quizz_speed_exercise_common .top_bar_with_timer .main_progress_bar,
.quizz_speed_exercise_common .top_bar_with_timer .timer_bar{
height:8px;
vertical-align:top;
border-radius:4px;
overflow:hidden;
}
.quizz_speed_exercise_common .top_bar_with_timer .main_progress_bar{
background:#a9fb66;
}


/* --------------------------------- sound --------------------------------------- */

.quizz_speed_exercise_common .top_bar_with_timer .flex_box_sound{
padding-left:10px;
}

.quizz_speed_exercise_common .top_bar_with_timer .flex_box_sound img{
width:30px;height:auto;
vertical-align:middle!important;
}
.quizz_speed_exercise_common .top_bar_with_timer .flex_box_sound img.showed{
	display:inline-block!important;
}
.quizz_speed_exercise_common .top_bar_with_timer .flex_box_sound img.hidden{
	display:none;
}


/* ------------------------------------------------------------------------------------------------------ */
/* ----------------------- TIMER ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */

.quizz_speed_exercise_common .timer_content .timer_seconds,.quizz_speed_exercise_common .timer_content .timer_minutes,.quizz_speed_exercise_common .timer_content .timer_hours{
box-sizing:border-box;
height:30px;
line-height:30px;
width:auto;
text-align:center;
vertical-align:middle;
}

.quizz_speed_exercise_common .timer_content .timer_hours{min-width:27px}
.quizz_speed_exercise_common .timer_content .timer_minutes{min-width:27px}
.quizz_speed_exercise_common .timer_content .timer_seconds{min-width:25px}

.quizz_speed_exercise_common .timer_content .timer_dots{
padding:0;
width:3px;
height:30px;
line-height:30px;
position:relative;
text-align:center;
}
.quizz_speed_exercise_common .timer_content .timer_dots:before,.quizz_speed_exercise_common .timer_content .timer_dots:after{
position: absolute;
width:3px;
height:3px;
background-color:#fff;
border-radius:50%;
left:0;
content:'';
}

.quizz_speed_exercise_common .timer_content .timer_dots:before{top:11px}
.quizz_speed_exercise_common .timer_content .timer_dots:after{top:17px}

/* ------------------------------------------------------------------------------------------------------ */
/* ----------------------- DEBUG BUTTONS COUNTDOWN AND STOPWATCH  --------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

.quizz_speed_exercise_common .debug_buttons{padding-bottom:20px}

.quizz_speed_exercise_common .debug_button{
padding:10px 15px;
background:#000;
color:white;
margin-right:15px;
border-radius:4px;
font-size:18px;
font-weight:600;
}
.quizz_speed_exercise_common .debug_button:hover{
cursor:pointer;
}
/* ------------------------------------------------------------------------------------------------------ */
/* ----------------------- REPORT BUG BAR (at the bottom) ----------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

.quizz_speed_exercise_common .report_debug_bar{
border-radius:0 0 8px 8px;
/*background:#011e61;*/
padding:8px 10px;
text-align:right;
}

.quizz_speed_exercise_common .report_debug_bar a.report_bug_btn{
	font-size:16px;
	font-weight:500;
	color:#fff;
	text-decoration:underline;
	box-sizing:border-box;
	font-size:16px;
	padding:6px;
	line-height:16px;
	
}

@media (min-width: 1025px) {
	.quizz_speed_exercise_common .report_debug_bar a.report_bug_btn:hover{
		color:#f8a412;
		text-decoration:underline;
	}
}

/* ------------------------------------------------------------------------------------------------------ */
/* ----------------------- BOTTOM BUTTONS  -------------***************---------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

.quizz_speed_exercise_common .bottom_action_buttons{}

.quizz_speed_exercise_common .bottom_action_buttons .flex_container{
display:flex;
flex-wrap:wrap;
align-items:stretch;
}

.quizz_speed_exercise_common .bottom_action_buttons .flex_box_1{
text-align:left;
min-width: 0;
flex: 1 1 auto;
}

.quizz_speed_exercise_common .bottom_action_buttons .flex_box_2{
text-align:right;
flex: 0 0 auto;
}

.quizz_speed_exercise_common .bottom_action_buttons .bottom_btn{
display:inline-block;
box-sizing:border-box;
padding:8px 16px;
border-radius:4px;
font-size:18px;
font-weight:500;
color:#fff;
white-space:nowrap;
}

@media (min-width: 1025px) {
	.quizz_speed_exercise_common .bottom_action_buttons .bottom_btn:hover{
		color:#f8a412;
	}
}
@media (max-width: 480px) {
	.quizz_speed_exercise_common .bottom_action_buttons .bottom_btn{
	/*padding:3% 6%;*/
	font-size:18px;
	}
}
@media (max-width: 390px) {
	.quizz_speed_exercise_common .bottom_action_buttons .bottom_btn{
	font-size:16px;
	padding:7px 14px;
	}
}
@media (max-width: 374px) {
	.quizz_speed_exercise_common .bottom_action_buttons .bottom_btn{
	font-size:17px;
	}
}
@media (max-width: 360px) {
	.quizz_speed_exercise_common .bottom_action_buttons .bottom_btn{ 
	font-size:16px;
	padding:6px 12px;
	}
}

@media (max-width: 359px) {
	.quizz_speed_exercise_common .bottom_action_buttons .bottom_btn{
	font-size:14px;
	}
}


/* ------------------------------------------------------------------------------------------------------------ */
/* ----------------------- CONTENT ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */


.quizz_speed_exercise_common .common_board{
width:100%;
display:block;
box-sizing:border-box;
height:auto;
position:relative;
}
.quizz_speed_exercise_common .common_board_content{
width:100%;
display:block;
box-sizing:border-box;
height:auto;
padding:3%;
}


@media (min-width: 769px) {
	.quizz_speed_exercise_common .min_height_quizz{min-height:580px}
}
@media (max-width: 768px) {
	.quizz_speed_exercise_common .min_height_quizz{min-height:604px}
}
@media (max-width: 600px) {
	.quizz_speed_exercise_common .min_height_quizz{min-height:570px}
}
@media (max-width: 500px) {
	.quizz_speed_exercise_common .min_height_quizz{min-height:584px}
}
@media (max-width: 480px) {
	.quizz_speed_exercise_common .min_height_quizz{min-height:548px}
}




/* -------------------------------------------------------------------------------------------------- */
/* ------------------ PROGRESS BAR ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */

.quizz_speed_exercise_common .progress_bar_content{padding: 2% 0;font-size:20px;text-align:center;}
.quizz_speed_exercise_common .progress_bar_content{position:relative}

.quizz_speed_exercise_common .progress_bar_content > span{
display:inline-block;
*display:inline;
zoom:1;
box-sizing:border-box;
vertical-align:top;
height:45px;
line-height:45px;
color:#fff;
border-radius:4px;
font-weight:600;
}

.quizz_speed_exercise_common .progress_bar_content .progress_bar{text-align:center;max-width:320px;margin:auto;}
.quizz_speed_exercise_common .progress_bar_content .progress_bar,.quizz_speed_exercise_common .progress_bar svg{height:18px;line-height:18px}
.quizz_speed_exercise_common .progress_bar svg{max-width:100%}

@media (min-width: 501px) {
	.quizz_speed_exercise_common .progress_bar_content .progress_bar {}
	/*.quizz_speed_exercise_common .progress_bar_content .progress_bar,.quizz_speed_exercise_common .progress_bar svg{height:18px;line-height:18px}*/
}
@media (max-width: 500px) {
	/*.quizz_speed_exercise_common .progress_bar_content {padding: 2% 4% 2% 4%}*/
	.quizz_speed_exercise_common .progress_bar_content .progress_bar{display:block;text-align:center;width:100%;max-width:100%}
	/*.quizz_speed_exercise_common .progress_bar_content .progress_bar,.quizz_speed_exercise_common .progress_bar svg{height:50px;line-height:50px}*/
}
@media (max-width: 480px) {
	.quizz_speed_exercise_common .progress_bar_content{padding: 4% 0 6% 0}
	.quizz_speed_exercise_common .progress_bar svg{width:100%}
}
@media (max-width: 320px) {
	/*.quizz_speed_exercise_common .progress_bar_content .progress_bar,.quizz_speed_exercise_common .progress_bar_content svg{height:45px;line-height:45px}*/
}

@media (min-width: 1024px) {
	
}
@media (max-width: 768px) {
	
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------- GAME AREA ------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */

.quizz_speed_exercise_common .game_area{
/*overflow:hidden;*/
}

.quizz_speed_exercise_common .one_step_content{padding-bottom:50px}

@media (max-width: 1024px) {
	/*.quizz_speed_exercise_common .game_area{
	padding:0 3%;
	}*/
}

@media (max-width: 768px) {
	/*.quizz_speed_exercise_common .one_step_content{padding-bottom:50px}*/
}
@media (max-width: 480px) {
	/*.quizz_speed_exercise_common .one_step_content{padding-bottom:50px}*/
}

/* ----------------------------------------------------------------------------------------------------------------- */
/* ------------------------------- ALL QUIZZ - BIG TOP MULTIPLICATION BLOCK----------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------- common box shadow ----------------------------------------------- */
/*.quizz_speed_exercise_common .keyboard_keys,
.quizz_speed_exercise_common .one_step_content .multiplication_block,
.quizz_speed_exercise_common .items_number_2 .item_number_2,
.quizz_speed_exercise_common .items_fake_possibilities .item_fake_possibility,
.quizz_speed_exercise_common .items_good_possibilities .item_good_possibility{*/
.quizz_speed_exercise_common .keyboard_keys,
.quizz_speed_exercise_common .one_step_content .multiplication_block,
.quizz_speed_exercise_common .items_list > div{
-moz-box-shadow:0px 0px 10px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 10px 5px rgba(0,0,0,0.5);
box-shadow:0px 0px 10px 5px rgba(0,0,0,0.5);
}
/* ----------------------------------------------------------------------------------------------------------------- */

.quizz_speed_exercise_common .multiplication_row{
	text-align:center;
	/*padding:40px 0 40px 0;*/
}

.quizz_speed_exercise_common .multiplication_block{
box-sizing:border-box;
margin:auto;
text-align:right;
background-color:#fff;
color:#000;
border-radius:6px;
overflow:hidden;
}


.quizz_speed_exercise_common .step_keyboard{
width:100%;
margin:auto;
color:#83758b;
font-weight: 400;
}


.quizz_speed_exercise_common .multiplication_part{
	box-sizing:border-box;
	vertical-align:top;
	text-align:center;
}

.quizz_speed_exercise_common .multiplication_part *{
	vertical-align:top;
}
.quizz_speed_exercise_common .multiplication_block .answer_player *{vertical-align:top;}

.quizz_speed_exercise_common .multiplication_block .answer_player{
	padding:0;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	text-align:center;
	vertical-align:top;
	border-radius:6px;
	border:8px solid #fff;
	-moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
}


.quizz_speed_exercise_common .sign_x{color:#de3a36;text-align:center}
.quizz_speed_exercise_common .sign_equal{text-align:center}


.quizz_speed_exercise_common .step_keyboard .multiplication_block .number_1{width:19.8%;text-align:right}
.quizz_speed_exercise_common .step_keyboard .multiplication_block .sign_x{width:15%;text-align:center}
.quizz_speed_exercise_common .step_keyboard .multiplication_block .number_2{width:18.2%;text-align:left}
.quizz_speed_exercise_common .step_keyboard .multiplication_block .sign_equal{width:14%;text-align:left}
.quizz_speed_exercise_common .step_keyboard .multiplication_block .result_multiplication{width:33%;text-align:center}

.quizz_speed_exercise_common .step_find_result_among_fakes .multiplication_block .number_1{width:19.8%;text-align:right}
.quizz_speed_exercise_common .step_find_result_among_fakes .multiplication_block .sign_x{width:15%;text-align:center}
.quizz_speed_exercise_common .step_find_result_among_fakes .multiplication_block .number_2{width:18.2%;text-align:left}
.quizz_speed_exercise_common .step_find_result_among_fakes .multiplication_block .sign_equal{width:14%;text-align:left}
.quizz_speed_exercise_common .step_find_result_among_fakes .multiplication_block .result_multiplication{width:33%;text-align:center}

.quizz_speed_exercise_common .step_find_result_among_goods .multiplication_block .number_1{width:19.8%;text-align:right}
.quizz_speed_exercise_common .step_find_result_among_goods .multiplication_block .sign_x{width:15%;text-align:center}
.quizz_speed_exercise_common .step_find_result_among_goods .multiplication_block .number_2{width:18.2%;text-align:left}
.quizz_speed_exercise_common .step_find_result_among_goods .multiplication_block .sign_equal{width:14%;text-align:left}
.quizz_speed_exercise_common .step_find_result_among_goods .multiplication_block .result_multiplication{width:33%;text-align:center}

.quizz_speed_exercise_common .step_find_number_2 .multiplication_block .number_1{width:18.2%;text-align:right}
.quizz_speed_exercise_common .step_find_number_2 .multiplication_block .sign_x{width:15%;text-align:center}
.quizz_speed_exercise_common .step_find_number_2 .multiplication_block .number_2{width:24.2%;text-align:center}
.quizz_speed_exercise_common .step_find_number_2 .multiplication_block .sign_equal{width:16%;text-align:center}
.quizz_speed_exercise_common .step_find_number_2 .multiplication_block .result_multiplication{width:26.6%;text-align:left}

.quizz_speed_exercise_common .multiplication_block .question_mark .answer_player{
	color:#7087b0!important;-webkit-text-fill-color:#7087b0!important;
}

.quizz_speed_exercise_common .correct_answer .multiplication_block .answer_player{border-color:#6dd24a!important}
.quizz_speed_exercise_common .error_answer .multiplication_block .answer_player{border-color:#de3a36!important}
/*.quizz_speed_exercise_common .multiplication_block .answer_player,*/

/*
.quizz_speed_exercise_common .game_area[font=sassoon-sans-std]
.quizz_speed_exercise_common .game_area[font=calibri]
.quizz_speed_exercise_common .game_area[font=letters-for-learners]
.quizz_speed_exercise_common .game_area[font=us-numbers]*/

.quizz_speed_exercise_common .game_area[font=letters-for-learners] .change_font{letter-spacing:2px}

@media (min-width: 769px) {
	.quizz_speed_exercise_common .multiplication_row{padding:40px 0 40px 0}
}

@media (max-width: 768px) {
	.quizz_speed_exercise_common .multiplication_row{padding:20px 0 40px 0}
}

@media (min-width: 601px) {
	.quizz_speed_exercise_common .one_step_content .multiplication_block{
		width:500px;
	}
	
	.quizz_speed_exercise_common .one_step_content .multiplication_block,
	.quizz_speed_exercise_common .one_step_content .multiplication_block .multiplication_part{
		height:124px;
		line-height:124px;
	}
	.quizz_speed_exercise_common .one_step_content .multiplication_block .multiplication_part .answer_player{
		height:124px;
		line-height:108px!important;
	}
	
	.quizz_speed_exercise_common .one_step_content .multiplication_block *{
		font-size:70px;
	}
	
	.quizz_speed_exercise_common .game_area[font=sassoon-sans-std] .one_step_content .multiplication_block *,
	.quizz_speed_exercise_common .game_area[font=calibri] .one_step_content .multiplication_block *{
		font-size:66px
	}
	
	.quizz_speed_exercise_common .multiplication_block .answer_player{
		border-width:8px;
	}

}
	
@media (max-width: 600px) {
	.quizz_speed_exercise_common .one_step_content .multiplication_block{
		width:350px;
	}
	
	.quizz_speed_exercise_common .one_step_content .multiplication_block,
	.quizz_speed_exercise_common .one_step_content .multiplication_block .multiplication_part{
		height:100px;
		line-height:100px;
	}
	
	.quizz_speed_exercise_common .one_step_content .multiplication_block .multiplication_part .answer_player{
		height:100px;
		line-height:90px!important;
	}
	
	.quizz_speed_exercise_common .one_step_content .multiplication_block *{font-size:42px}
	
	.quizz_speed_exercise_common .game_area[font=sassoon-sans-std] .one_step_content .multiplication_block *,
	.quizz_speed_exercise_common .game_area[font=calibri] .one_step_content .multiplication_block *{
		font-size:38px;
	}
	
	.quizz_speed_exercise_common .multiplication_block .answer_player{
		border-width:5px;
	}
}

@media (max-width: 480px) {
	.quizz_speed_exercise_common .multiplication_row{padding:0 0 40px 0}
	
	.quizz_speed_exercise_common .one_step_content .multiplication_block{
		width:100%;
	}
	
	.quizz_speed_exercise_common .game_area[font=sassoon-sans-std] .one_step_content .multiplication_block *,
	.quizz_speed_exercise_common .game_area[font=calibri] .one_step_content .multiplication_block *{
		font-size:42px;
	}
	
	.quizz_speed_exercise_common .game_area[font=letters-for-learners] .one_step_content .multiplication_block *{
		font-size:50px;
	}
}

/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------- COMMON FOR ALL QUIZZ -------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */

.quizz_speed_exercise_common .step_find_the_odd_one_out .items_list{
	margin-top:20%;
	text-align:center;
}

.quizz_speed_exercise_common .items_list > div{
	border:4px solid #fff;
}

.quizz_speed_exercise_common .disabled_items > div:not(.good_item) > span{
	color:#bbc0d2!important;
}
.quizz_speed_exercise_common .step_keyboard .disabled_items > .bt_check_answer{
	color:white!important;
}
.quizz_speed_exercise_common .step_keyboard .disabled_items .keyboard_key,
.quizz_speed_exercise_common .step_keyboard .disabled_items .bt_check_answer{
opacity:0.6;
}

.quizz_speed_exercise_common .step_keyboard .disabled_items .bt_check_answer,
.quizz_speed_exercise_common .step_keyboard .disabled_items .bt_check_answer:hover{
color:white!important;
}

.quizz_speed_exercise_common .disabled_items > div[hovertype=red].good_item{
background-color:#de3a36!important;
border-color:#de3a36!important;
}

.quizz_speed_exercise_common .disabled_items > div[hovertype=red].good_item > span{
	color:white!important;
}
	
@media (min-width: 1025px){
	/*.quizz_speed_exercise_common .items_list:not(.disabled_items) > div:hover > span{
		border-color:#06b6f8!important;
	}*/
	.quizz_speed_exercise_common .items_list:not(.disabled_items) > div[hovertype=blue]:hover{
		border-color:#06b6f8!important;
	}
	.quizz_speed_exercise_common .items_list:not(.disabled_items) > div[hovertype=red]:hover{
		background-color:#de3a36!important;
		border-color:#de3a36!important;
	}
	.quizz_speed_exercise_common .items_list:not(.disabled_items) > div[hovertype=red]:hover > span{
		color:white!important;
	}
	.quizz_speed_exercise_common .step_keyboard .disabled_items .bt_check_answer:hover{
	color:white!important;
	}
}
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------- QUIZZ FIND RESULT - WITH KEYBOARD ----------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */

.quizz_speed_exercise_common .keyboard_keys{
box-sizing:border-box;
text-align:center;
background:#d2d4e0;
margin:auto;
border-radius:6px;
font-size:30px;
}

.quizz_speed_exercise_common .keyboard_key{
box-sizing:border-box;
background-color:#fff;
color:#070709;
border-radius:6px;
vertical-align:top;
-moz-box-shadow:0px 2px 0px rgba(17, 17, 26, 0.2);
-webkit-box-shadow:0px 2px 0px rgba(17, 17, 26, 0.2);
box-shadow:0px 2px 0px rgba(17, 17, 26, 0.2);
}

.quizz_speed_exercise_common .keyboard_keys .back_key{
box-sizing:border-box;
background:#acb2c0;
-moz-box-shadow: 0px 2px 0px rgba(17, 17, 26, 0.3);
-webkit-box-shadow: 0px 2px 0px rgba(17, 17, 26, 0.3);
box-shadow: 0px 2px 0px rgba(17, 17, 26, 0.3);
}

.quizz_speed_exercise_common .keyboard_keys .back_key .flex_container{
display:flex;
flex-direction:row;
align-items:stretch;
flex-wrap:wrap;
}
.quizz_speed_exercise_common .keyboard_keys .back_key .flex_container > span{
box-sizing:border-box;
}
.quizz_speed_exercise_common .keyboard_keys .back_key .flex_container > span *{
vertical-align:middle;
}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_vertical_space_1{
	width:10.38%;
}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_vertical_space_2{
	width:8%;
}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_icon{
	/*width:29.87%;*/
}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_icon img{
height:100%;
width:auto;
display:block;
}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text{
flex:auto;
text-align:left;
font-size:24px;
}	

@media (min-width: 600px){
	.quizz_speed_exercise_common .keyboard_keys{
		width:500px;
		padding:3% 4% 4% 4%;
	}
	.quizz_speed_exercise_common .keyboard_key{
		width:15%;
		padding:0;
		height:58px;
		line-height:58px;
		margin-right:2%;
		margin-top:2%;
	}
	.quizz_speed_exercise_common .keyboard_keys .back_key{
		height:58px;
		width:32%;
		margin-right:0!important;
	}
	.quizz_speed_exercise_common .keyboard_keys .back_key .flex_container{
		height:58px;
		line-height:58px;
	}
	.quizz_speed_exercise_common .keyboard_keys .back_key .flex_container > span{

	}

	.quizz_speed_exercise_common .keyboard_keys .keyboard_key:nth-child(6){margin-right:0}
	
	.quizz_speed_exercise_common .row_check_answer{
		padding-top:4%;
	}
}

@media (max-width: 599px){
	.quizz_speed_exercise_common .keyboard_keys{
		width:100%;
		padding:3% 4% 4% 4%;
	}
	.quizz_speed_exercise_common .keyboard_key{
		width:23%;
		padding:0;
		height:58px;
		line-height:58px;
		margin-right:2%;
		margin-top:2%;
	}
	.quizz_speed_exercise_common .keyboard_keys .back_key{
		width:48%;
		margin-right:0!important;
	}
	.quizz_speed_exercise_common .keyboard_keys .keyboard_key:nth-child(4n){margin-right:0}
	
	.quizz_speed_exercise_common .row_check_answer{
		padding-top:4%;
	}
}

.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-s{font-size:20px}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-m{font-size:30px}

@media (max-width: 1024px){
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-m{font-size:26px}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-s{font-size:20px}	
}

@media (max-width: 768px){
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-s{font-size:22px}
}

@media (max-width: 599px){
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-m{font-size:30px}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-s{font-size:28px}
}

@media (max-width: 414px){
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-s{font-size:26px}	
}

@media (max-width: 411px){
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-m{font-size:28px}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-s{font-size:24px}
}

@media (max-width: 375px){
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-m{font-size:26px}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-s{font-size:22px}
}

@media (max-width: 359px){
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_icon img {width:38px}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-m{font-size:23px}
.quizz_speed_exercise_common .keyboard_keys .back_key .back_key_text.font-size-s{font-size:19px}
}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------- COMMON CSS FOR: --------------------------------------------------------- */
/* ----------------------- STEP FIND RESULT - FAKE POSSIBILITES -------------------------------------------------- */
/* ----------------------- + STEP FIND RESULT - GOOD POSSIBILITES ------------------------------------------------ */
/* ----------------------- + STEP FIND NUMBER 2 ------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */


.quizz_speed_exercise_common .line_of_6{
text-align:left;
}

.quizz_speed_exercise_common .line_of_6 > div{
box-sizing:border-box;
background-color:#fff;
border-radius:6px;
text-align:center;
}

.quizz_speed_exercise_common .line_of_6 > div > span{
width:100%;
text-align:center;
vertical-align:top;
height:80px;
line-height:80px;
}
.quizz_speed_exercise_common .line_of_6 > .item_number_2{
color:black;
}
.quizz_speed_exercise_common .line_of_6 > div:last-child{margin-right:0%}
/*.quizz_speed_exercise_common .line_of_6 > div > span *{}*/


@media (min-width: 769px){
	.quizz_speed_exercise_common .line_of_6 > div{
		font-size:50px;
		/*padding: 10px 0;*/
	}
	.quizz_speed_exercise_common .line_of_6 > div > span{
		/*height:80px;
		line-height:80px;*/
	}
}
@media (min-width: 601px) and (max-width: 768px){
	.quizz_speed_exercise_common .line_of_6 > div{
		font-size:40px;
		/*padding:20px 0;*/
	}
	.quizz_speed_exercise_common .line_of_6 > div > span{
		/*height:100px;
		line-height:100px;*/
	}
}

@media (min-width: 480px) and (max-width: 600px){
	.quizz_speed_exercise_common .line_of_6 > div{
		font-size:32px;
		/*padding:10px 0;*/
	}
	.quizz_speed_exercise_common .line_of_6 > div > span{
		height:60px;
		line-height:60px;
	}
	/*.quizz_speed_exercise_common .game_area[font=sassoon-sans-std] .line_of_6 > div{font-size:24px}
	.quizz_speed_exercise_common .game_area[font=calibri] .line_of_6 > div{font-size:24px}*/
}

@media (min-width: 480px){
	.quizz_speed_exercise_common .line_of_6 > div{
	width:14.99%;
	margin-right:2%;
	margin-top:2%;
	/*padding:10px 0;*/
	}
	.quizz_speed_exercise_common .line_of_6 > div > span{
	/*height:80px;
	line-height:80px;*/
	}
	.quizz_speed_exercise_common .line_of_6 > div:nth-child(6n){
		margin-right:0%;
	}
}
	
@media (max-width: 480px){
	.quizz_speed_exercise_common .line_of_6 > div{
		font-size:40px;
		/*padding:10px 0;*/
		width:31.33%;
		min-width:inherit!important;
		margin-right:3%;
		margin-top:3%
	}
	.quizz_speed_exercise_common .line_of_6 > div > span{
		height:70px;
		line-height:70px;
	}
	.quizz_speed_exercise_common .line_of_6 > div:nth-child(3n){
		margin-right:0%;
	}
}


/* --------------------------------------------------------------------------------------------------------------------- */
/* ----------------------- MODAL BOXES  -------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */

.quizz_speed_exercise_common .modal_box{
box-sizing:border-box;
font-weight:700;
position:absolute;
text-align:center;
border-radius:8px;
background-color:#fff;
box-sizing:border-box;
font-size:18px;
font-weight:400;
padding:3%;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}

.quizz_speed_exercise_common .modal_msg_title{
font-size:24px;
font-weight:700;
}
.quizz_speed_exercise_common .modal_msg_text{
font-size:18px;
margin-top:3%;
}

.quizz_speed_exercise_common .bt_msg_box{margin-top:3%}


.quizz_speed_exercise_common .message_box .bt_start_over{text-decoration:underline;font-size:16px}

@media (min-width: 1025px){
	.quizz_speed_exercise_common .message_box .bt_start_over:hover{color:#f8a412;cursor:pointer}
	.quizz_speed_exercise_common .modal_box{width:300px}
}

@media (max-width: 600px){
	.quizz_speed_exercise_common .modal_box{
		width:80%;
	}
	.quizz_speed_exercise_common .start_box{
		max-width:330px;
	}
}

@media (max-width: 480px){
	.quizz_speed_exercise_common .modal_box{
		width:80%;
		padding:5%;
	}
	.quizz_speed_exercise_common .start_box{
		max-width:300px;
	}
}

@media (max-width: 320px){
	.quizz_speed_exercise_common .modal_box{
		width:90%;
		padding:5% 4%;
	}
	.quizz_speed_exercise_common .start_box{
		max-width:inherit;
		width:90%;
	}
}


/* --------------------------------------------------------------------------------------------------------------------- */
/* ----------------------- BUTTONS IN GAME ----------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */

.quizz_speed_exercise_common .generic_btn{
box-sizing:border-box;
height:60px;
line-height:60px;
text-align:center;
border-radius:6px;
min-width:200px;
max-width:100%;
margin-top:20px;
font-weight:600;
font-size:22px;
text-transform:uppercase;
color:#fff;
margin:auto
}

.quizz_speed_exercise_common .start_box .generic_btn{padding:0 8%}
.quizz_speed_exercise_common .common_setting_start_button .generic_btn{padding:0 3%}
	
.quizz_speed_exercise_common .common_results_button .bt_change_settings{
padding:0 8%;
}

.quizz_speed_exercise_common .start_box .generic_btn,
.quizz_speed_exercise_common .modal_box .bt_msg_box{margin-top:20px}
.quizz_speed_exercise_common .message_box .bt_start_over{margin-top:20px}

@media (min-width: 1025px){
	.quizz_speed_exercise_common .generic_btn:hover{
		text-decoration:none;
		cursor:pointer;
		color:#fff!important;
		background-color:#f8a412!important;
	}
}



@media (max-width: 480px){
	.quizz_speed_exercise_common .start_box .generic_btn{
		min-width:inherit;
		width:100%;
		padding:0;
	}
	.quizz_speed_exercise_common .common_setting_start_button .generic_btn{padding:0 5%}
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* ----------------------- RESULTS ------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */

.quizz_speed_exercise_common .common_results{}
.quizz_speed_exercise_common .common_results_content{
	margin:auto;
	margin-top:4%;
	padding:3%;
	width:90%;
	box-sizing: border-box;
    text-align: center;
    border-radius:8px;
    background-color:#fff;
    font-size: 18px;
    font-weight: 400; 
}

.quizz_speed_exercise_common .results_boxes{
display:flex;
flex-direction:row;
align-items:stretch;
flex-wrap:wrap;
}

.quizz_speed_exercise_common .results_boxes .results_box{
width:50%;
}

.quizz_speed_exercise_common .results_title{
font-size:24px;
font-weight:700;
padding-bottom:10px;
margin-top:20px;
}
.quizz_speed_exercise_common .results_subtitle{
font-size:20px;
font-weight:600;
padding-bottom:10px;
}
.quizz_speed_exercise_common .results_cookies_msg{
font-size:20px;
/*line-height:18px;*/
padding-bottom:40px;
}
.quizz_speed_exercise_common .results_cookies_msg *{vertical-align:middle}

.quizz_speed_exercise_common .results_cookies_msg .cookie_msg{
margin-right:1%
}
.quizz_speed_exercise_common .results_cookies_msg .clear_cookie{
margin-left:3%;
padding:1% 2%;
border-radius:4px;
/*border:1.5px solid #7087b0;*/
background:#e5e5e5;
}
.quizz_speed_exercise_common .results_cookies_msg .clear_cookie:hover{ cursor:pointer}

.quizz_speed_exercise_common .results_errors_msg{
font-size:18px;
padding-bottom:10px;
}

.quizz_speed_exercise_common .pink_gradient{
background:-webkit-linear-gradient(left,#a445b2,#fa4299)!important;
}

.quizz_speed_exercise_common .blue_gradient{
background:-webkit-linear-gradient(left,#02a7fd,#0241c1)!important;
}

.quizz_speed_exercise_common .red_gradient{
background:-webkit-linear-gradient(left,#fc054b,#fd820b)!important;
}

.quizz_speed_exercise_common .pink_gradient,
.quizz_speed_exercise_common .blue_gradient,
.quizz_speed_exercise_common .red_gradient{
background-clip:text!important;
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;
}

.quizz_speed_exercise_common .common_results_text .pink_gradient,
.quizz_speed_exercise_common .common_results_text .blue_gradient,
.quizz_speed_exercise_common .common_results_text .red_gradient{
font-size:24px;
line-height:24px;
font-weight:600;
}

.quizz_speed_exercise_common .common_results_errors{
font-size:16px;
text-align:center;
padding:0 0 20px 0;
box-sizing:border-box;
}

.quizz_speed_exercise_common .common_results_button{
max-width:500px;
margin:auto;
margin-top:6%;
}

.quizz_speed_exercise_common .common_results_button .flex_container{
display:flex;
flex-direction:row;
align-items:stretch;
flex-wrap:wrap;
}
.quizz_speed_exercise_common .common_results_button .flex_box_1{
text-align:left;
flex:auto;
}
.quizz_speed_exercise_common .common_results_button .flex_box_2{
text-align:right;
}
.quizz_speed_exercise_common .common_results_button .generic_btn{
font-size:20px
}

@media (min-width: 768px){
	/*.quizz_speed_exercise_common .common_results_content{
		margin:auto;
		margin-top:30px;
	}*/
}

@media (max-width: 767px) {
	.quizz_speed_exercise_common .common_results_content{
	padding:5%;
	}
	.quizz_speed_exercise_common .common_results_button .flex_container{
	flex-direction:column-reverse;
	}
	.quizz_speed_exercise_common .common_results_button .flex_box_1{
	text-align:center;
	padding-top:5%;
	}
	.quizz_speed_exercise_common .common_results_button .flex_box_2{
	text-align:center;
	}
	.quizz_speed_exercise_common .common_results_button .bt_change_settings,
	.quizz_speed_exercise_common .common_results_button .bt_start_over{
		min-width:270px;
	}
}
@media (max-width: 480px) {
	.quizz_speed_exercise_common .common_results_content{width:95%}
	.quizz_speed_exercise_common .common_results_button .bt_change_settings,
	.quizz_speed_exercise_common .common_results_button .bt_start_over{
		min-width:inherit;
		width:100%;
		padding:0;
	}
	/*
	.quizz_speed_exercise_common[type=speedtest] .results_boxes .score_box,
	.quizz_speed_exercise_common[type=speedtest] .results_boxes .time_box,
	.quizz_speed_exercise_common[type=speedtest] .results_boxes .missing_answers_box{
		width:100%;
	}*/
	.quizz_speed_exercise_common .results_boxes .results_box{width:100%}
	.quizz_speed_exercise_common[type=speedtest] .results_boxes .score_box{
		padding-bottom:20px;
	}
}
@media (max-width: 320px) {
	.quizz_speed_exercise_common .common_results_content{width:100%}
}
 
.quizz_speed_exercise_common .error_item{
box-sizing:border-box;
width:32%;
margin:2% 2% 0 0;
padding:2% 0;
text-align:center;
vertical-align:top;
font-size:30px;
color:#000;
border-radius:3px;
background:#fff;
-moz-box-shadow:0 0 6px 1px rgba(99, 99, 99, .25);
-webkit-box-shadow:0 0 6px 1px rgba(99, 99, 99, .25);
box-shadow:0 0 6px 1px rgba(99, 99, 99, .25);
}

.quizz_speed_exercise_common .error_item:last-child{
margin-right:0%;
}

@media (min-width: 1025px) and (max-width: 1280px){
	.quizz_speed_exercise_common .error_item{font-size:26px}
}


@media (max-width: 1024px){
	.quizz_speed_exercise_common .error_item{
	}
}

@media (min-width: 1024px){
	.quizz_speed_exercise_common .error_item:nth-child(3n){
	margin-right:0%;
	}
}
@media (max-width: 1023px){
	.quizz_speed_exercise_common .error_item{
		margin-right:0%;
		width:49%;
	}
}

@media (max-width: 768px){

}

@media (min-width: 600px) and (max-width: 1023px){
	.quizz_speed_exercise_common .error_item {
        margin:3% 3% 0 0;
		width:48.5%;
    }
	.quizz_speed_exercise_common .error_item:nth-child(2n){
		margin-right:0%;
	}
}

@media (max-width: 599px) {
    .quizz_speed_exercise_common .error_item {
       margin:6% 0 0 0;
	   padding:3% 0;
	   width:100%;
    }
}

@media (max-width: 480px) {
	
}

@media (max-width: 320px) {
	
}

.quizz_speed_exercise_common .error_item .red,.quizz_speed_exercise_common .item_number_2 .red{color:#de3a36}

/* -------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------ SETTINGS  --------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */

.quizz_speed_exercise_common .common_settings{
text-align:center;
font-weight:600;
font-size:16px;
}

.quizz_speed_exercise_common .title_common_setting{
color:#fff;
font-weight:500;
font-size:18px;
text-align:center;
padding:10px 0;
}

.quizz_speed_exercise_common .common_setting_overview{padding-bottom:1.5%;}

.quizz_speed_exercise_common .common_setting_overview .multiplication_block{
box-sizing:border-box;
font-size:40px;
display:inline-block;
padding:0 4%;
text-align:center;
letter-spacing:5px;
min-width:340px;
}

.quizz_speed_exercise_common .common_setting_overview .multiplication_block .overview_all_numbers{
height:80px;
line-height:80px;
vertical-align:top;
padding:0;
text-align:center;
}

.quizz_speed_exercise_common .game_area[font=letters-for-learners] .common_setting_overview .multiplication_block{
letter-spacing:10px;
}

@media (max-width: 480px) {
	.quizz_speed_exercise_common .common_setting_overview .multiplication_block{
	width:100%;
	padding:0;
	min-width:inherit;
	}
}
@media (max-width: 320px) {
	.quizz_speed_exercise_common .common_setting_overview .multiplication_block{
	max-width:100%!important;
	font-size:36px!important;
	}
}


/* --------------------------------------------------------------------------- */
/* ------------------------- COPYRIGHT IN CSS -------------------------------- */
/* --------------------------------------------------------------------------- */

.quizz_speed_exercise_common .common_setting_overview_copy .rights .rivertimes{
height:80px;
line-height:80px;
display:inline-block;
font-size:20px;
color:#fff;
}

.quizz_speed_exercise_common .common_setting_overview_copy .rights .emmarouger{
height:60px;
line-height:60px;
display:inline-block;
background-color:color:#fff;
font-size:14px;
}

/* --------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

.quizz_speed_exercise_common .setting_button{
box-sizing:border-box;
width:auto;
text-align:center;
height:45px;
line-height:45px;
background-color:#fff;
margin-right:1.5%;
margin-bottom:1.5%;
padding:0 2%;
border-radius:4px;
/*color:#7883a6;*/
/*min-width:100px;*/
}
.quizz_speed_exercise_common .setting_button.active_btn{color:#fff}

@media (min-width: 1025px){
	.quizz_speed_exercise_common .setting_button:hover{color:#fff;cursor:pointer}
}

.quizz_speed_exercise_common .game_table_button .setting_button{padding:0}
.quizz_speed_exercise_common .game_mode_button,.quizz_speed_exercise_common .game_limit_button,.quizz_speed_exercise_common .game_color_button{min-width:140px}
.quizz_speed_exercise_common .game_font_button{min-width:140px}

.quizz_speed_exercise_common .common_setting_start_button .common_btn_row_start{
text-align:center;padding:4% 0 0 0;
}

@media (min-width: 769px){
	.quizz_speed_exercise_common .common_btn_row_tables .setting_button{
		width:15.16%;
	}
	.quizz_speed_exercise_common .two_buttons .setting_button{
		min-width:120px;
	}
}

@media (min-width: 601px) {
	.quizz_speed_exercise_common .common_btn_row_font .quizz_options{max-width:500px;margin:auto}
	.quizz_speed_exercise_common .common_btn_row_font .setting_button:nth-child(3n){margin-right:0%}
}

@media (max-width: 600px) {
	.quizz_speed_exercise_common .common_setting_start_button .common_btn_row_start{
		padding:6% 0 0 0;
	}
}

@media (max-width: 480px) {
	.quizz_speed_exercise_common .common_setting_start_button .common_btn_row_start{
		padding:8% 0 0 0;
	}
	
	.quizz_speed_exercise_common .setting_button{
	margin-right:2%;
	margin-bottom:2%;
	}
	.quizz_speed_exercise_common .quizz_options{
		text-align:left;
	}
	.quizz_speed_exercise_common .quizz_options .setting_button{
		text-align:center;
	}
	.quizz_speed_exercise_common .mobile_2_buttons .setting_button,.quizz_speed_exercise_common .mobile_3_buttons .setting_button,
	.quizz_speed_exercise_common .mobile_4_buttons .setting_button{padding:0}
	
	.quizz_speed_exercise_common .mobile_2_buttons .setting_button{width:49%;min-width:inherit!important}
	.quizz_speed_exercise_common .mobile_2_buttons .setting_button:nth-child(2n){margin-right:0%}
	.quizz_speed_exercise_common .mobile_3_buttons .setting_button{width:32%;min-width:inherit!important}
	.quizz_speed_exercise_common .mobile_3_buttons .setting_button:nth-child(3n){margin-right:0}
	.quizz_speed_exercise_common .mobile_4_buttons .setting_button{width:23.5%;min-width:inherit!important}
	.quizz_speed_exercise_common .mobile_4_buttons .setting_button:nth-child(4n){margin-right:0}
	
}


/* --------------------------------------------------------------------------- */
/* ------------------------- SPINNER / LOADER -------------------------------- */
/* --------------------------------------------------------------------------- */

.quizz_speed_exercise_common .spinner_ext{text-align:center;}
.quizz_speed_exercise_common .spinner,.quizz_speed_exercise_common .spinner:before,.quizz_speed_exercise_common .spinner:after{
  border-radius:50%;
  width:2.5em;
  height:2.5em;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation:load7 1.8s infinite ease-in-out;
  animation:load7 1.8s infinite ease-in-out;
}
.quizz_speed_exercise_common .spinner{
  color:#ff513c;
  font-size:10px;
  margin:auto;
  margin-bottom:30px;
  position:relative;
  text-indent:-9999em;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-delay:-0.16s;
  animation-delay:-0.16s;
}
.quizz_speed_exercise_common .spinner:before,.quizz_speed_exercise_common .spinner:after{content:'';position:absolute;top:0}
.quizz_speed_exercise_common .spinner:before{color:#ff9204;left:-3.5em;-webkit-animation-delay: -0.32s;animation-delay: -0.32s}
.quizz_speed_exercise_common .spinner:after{color:#ff087d;left: 3.5em}
@-webkit-keyframes load7 {
  0%,80%,100%{box-shadow: 0 2.5em 0 -1.3em}
  40%{ box-shadow: 0 2.5em 0 0}
}
@keyframes load7 {
  0%,80%,100%{box-shadow: 0 2.5em 0 -1.3em}
  40%{box-shadow: 0 2.5em 0 0}
}


