body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial;
	
	/* Always hide scrollbar */
	overflow:hidden;
	-webkit-text-size-adjust:none;
}

input, select, textarea, button
{
	font-family:inherit;
	font-size:inherit;
}

div
{
	vertical-align:top;
	margin:0px;
	padding:0px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vcenter
{
	position: absolute;	
	width:100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#body
{
	position:absolute;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}




#topbar
{	
	position:absolute;
	top:90%;
	left:0px;
	width:100%;
	height:10%;
	white-space: nowrap;
	padding:0px;
	margin:0px;
	/*z-index:5000;*/
	
	/*background-color:red;*/
	
	/*
	background: #499bea;	
	background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); 
	background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); 
	background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); 
	background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%);
	background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
	*/
}

.button, .bigbutton
{
	position:relative;
	/*display:inline-block;*/
	/*
	height:28px;	
	margin:3px;
	padding:3px;
	*/
	text-align:center;
	cursor:pointer;
	opacity: 0.7;
	background-color:#A8CEF4;
	box-shadow:0px 0px 0.3em gray;
	
	-webkit-transition: opacity 1s;
  	transition: opacity 1s;
}

.bigbutton
{
	height: 8%;	
	font-size:110%;
	
	/*
	display: flex;
	justify-content: center;
	align-items: center;
	*/
}

.button:hover, .bigbutton:hover
{
	opacity: 1.0;
}

.modal_overlay
{
	position: absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	
	z-index:999999;
	background-color: rgba(0,0,0,0.7);	
}

.modal_box
{
	position:absolute;
	z-index: 9999;
	top:50%;
	width:100%;
	height:60%;
	
	text-align:center;
	background:white;	
	font-size:120%;
	
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	
	box-shadow:0px 0px 30px black;	
}

.modal_message
{
	position:relative;
	top:5%;
	height:45%;		
}

.modal_buttons
{
	height:40%;
}

.modal_box .bigbutton
{
	display:inline-block;
	width:40%;
	height:100%;
}

#checking
{
	position:absolute;
	top:10%;
	left:10%;
	width:80%;
	height:80%;
	margin:0px;
	padding:0px;	
	text-align:center;
	background:white;		
	box-shadow:0px 0px 20px gray;
}

#checking_errors
{
	background-color:#ff0000;
	color:white;
	box-shadow:0px 0px 5px gray;
	margin:1em;
	padding:1em;
}

#welcome, #welcome2, #login, #login_old, #choose, #confirm, #wait
{
	position:absolute;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	text-align:center;
}

#wait
{
}

#wait_icon
{
	background-image:url('/platform/images/wait.gif');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center; 
	width:100%;
	height:20%;
	margin:5px;
	margin-top:20%;	
}

#wait_box
{
	position:absolute;
	width:100%;
	height: 200px;
	
	top: 50%;
  margin-top: -100px;  
}

#wait_message
{
	font-size:2em;	;	
}

#welcome
{	
}

#welcome_title
{
	text-align:center;	
	position:absolute;
	width:40%;
	top:45%;
	left:50%;	
}

#welcome_title_1
{
	color:rgb(255,64,64);
	font-size: 300%;
	text-shadow: 5px 5px 5px black;
}

#welcome_title_2
{
	color:rgb(255,255,64);
	font-size: 200%;
	text-shadow: 5px 5px 5px black;
}


#welcome_info
{
	text-align:center;
	color:yellow;
	font-size:3em;
	position:absolute;
	width:50%;
	top:60%;
	left:50%;	
	
	text-shadow: 3px 3px 3px black;
}

#welcome_info
{
}

#welcome_next_login
{
	position:absolute;
	top:30%;
	left:5%;
	width:70%;	
	height:8%;	
}

#welcome_next_guest
{
	position:absolute;
	top:40%;
	left:5%;
	width:70%;	
	height:8%;	
}

#welcome_next_login_old
{
	position:absolute;
	top:50%;
	left:5%;
	width:70%;	
	height:8%;	
}

#welcome_logo
{
	position:absolute;
	left:78%;
	top:5%;
	width:20%;
	height:50%;	
	background-image:url("/platform/images/logo.png");
	background-repeat:no-repeat;
	background-size:contain;
}

#welcome_title
{
	position:absolute;
	left:5%;
	top:5%;
	width:72%;
	height:20%;		
	font-size:200%;
}

#welcome_fullscreen
{	
	text-align:center;
	color:green;
	font-size:1em;
	position:absolute;
	width:86%;
	left:5%;
	top:70%;
	height:18%;	
	box-shadow: 0 6px 26px 0 rgba(0,0,0,.08);
	background-color:white;	
	
	padding:2%;
}

#welcome2_back
{
	position:absolute;
	width:40%;	
	bottom:0.5em;
	left:0.5em;
}

#welcome2_next
{
	position:absolute;
	width:40%;	
	bottom:0.5em;
	right:0.5em;
}

#login
{	
}

#login_back, #login_old_back
{
	position:absolute;
	width:40%;	
	bottom:0.5em;
	left:0.5em;
}

#login_title, #login_old_title
{
	position:absolute;
	width:96%;	
	height:10%;
	top:3%;
	left:2%;
	
	font-size:1em;	
}

#login_teacher, #login_old_teacher
{
	position:absolute;
	width:96%;	
	height:10%;
	top:70%;
	left:2%;
	
	font-size:1em;	
}

#login_table
{
	position:absolute;
	width:70%;	
	height:20%;
	top:15%;
	left:15%;
	
	border:0px;	
}

#login_table td
{	
	border:0px;
	font-size:1.3em;
	text-align:right;
}

#login_table tr
{
	background-color:transparent;
	border:0px;
}

#login_table input
{
	font-size:200%;
	text-align:left;
	width: 90%;
}

#login_auth, #login_old_auth
{
	position:absolute;
	width:70%;	
	height:10%;
	top:45%;
	left:15%;	
	font-size:200%;
}

/*
#login_guest_box
{
	position:absolute;
	width:100%;	
	height:20%;
	top:65%;
	left:0%;	
}

#login_guest_title
{
	position:relative;
	width:96%;	
	height:30%;
	top:0%;
	left:2%;	
}

#login_guest
{
	position:absolute;
	width:70%;	
	height:40%;
	top:30%;
	left:15%;
}
*/

#choose
{
}

#choose_back
{
	position:absolute;
	width:40%;	
	bottom:0.5em;
	left:0.5em;
}


#choose_help
{
	position:absolute;	
	height:9%;
	width:40%;
	left:55%;
	top:88%;	
	font-size:70%;
	color:gray;		
}

#choose_institute
{
	position:absolute;
	width:100%;	
	height:7%;
	top:3%;
	left:0%;
	border:1px solid 499bea;
	font-size:150%;
	color: green;
}

#choose_class
{
	position:absolute;
	width:100%;	
	height:5%;
	top:10%;
	width:46%;
	padding:1%;
	text-align:right;
	text-transform: capitalize;	
	font-size:180%;
	color: blue;
	box-shadow: 0px 0px 3px gray;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

#choose_team
{
	position:absolute;
	width:100%;	
	height:5%;
	top:10%;
	width:46%;
	padding:1%;
	left:50%;
	text-align:left;	
	font-size:180%;
	color: blue;
	box-shadow: 0px 0px 3px gray;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

#choose_tests_available_title
{
	font-size: 70%;
	position:absolute;	
	height:5%;
	width:90%;
	left:5%;
	top:20%;
	text-align:left;		
}

#choose_tests_available_list
{
	position:absolute;	
	height:27%;
	width:90%;
	left:5%;
	top:25%;	
	overflow:auto;	
	box-shadow: inset 0px 0px 0.2em #aaaaaa;
}

#choose_tests_done_title
{
	font-size: 70%;
	position:absolute;	
	height:5%;
	width:90%;
	left:5%;
	top:55%;
	text-align:left;		
}

#choose_tests_done_list
{
	position:absolute;	
	height:25%;
	width:90%;
	left:5%;
	top:60%;	
	overflow:auto;		
	box-shadow: inset 0px 0px 0.2em #aaaaaa;	
}

.choose_list_item
{
	margin:0.3em;
	
	box-shadow: 0px 0px 0.2em gray;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	
	opacity:0.5;
	-webkit-transition: opacity 1s;
  transition: opacity 1s;
  
  cursor:pointer;
}

.choose_list_item_specialtime
{
	float:right;
	margin-right:2em;
	margin-top:0.2em;
	font-size: 70%;
}

.choose_list_item:hover
{
	opacity:1.0;	
}

.choose_exams_done_item
{
	clear:both;	
	background-color:red;
	text-align:right;
}

.choose_exams_done_name
{
	display:inline-block;
	text-align:right;
	padding:0.3em;
	font-size:0.7em;
	margin-top:0.2em;
}

.choose_exams_done_score
{
	display:inline-block;
	width: 28%;
	margin:0.1em;
	background-image: url("/platform/images/scorebar.png");
  	background-repeat: no-repeat;
	text-align:center;
	padding:0.1em;
	box-shadow: inset 0.1em 0.1em 0.1em gray;
}

.choose_exams_done_time
{
	display:inline-block;
	width: 20%;
	font-size:0.5em;
	text-align:left;
	padding:0.2em;	
}

#confirm
{	
	/*
	background-image:url('../images/help.svg');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center; 
	*/
}

#confirm_help
{
	position:absolute;	
	height:85%;
	width:100%;
	left:0%;
	top:0%;	
	background-image:url('../images/help.svg');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center; 
}

#confirm_back
{
	position:absolute;
	width:40%;	
	bottom:0.5em;
	left:0.5em;
}

#confirm_next
{
	position:absolute;
	width:40%;	
	bottom:0.5em;
	right:0.5em;
}

#thanks_help
{
	text-align:center;	
	font-size:1.5em;
	position:absolute;
	width:86%;
	left:5%;
	top:10%;
	height:36%;		
	padding:2%;
	text-align:center;
}

#thanks_back
{
	position:absolute;
	width:40%;	
	bottom:0.5em;
	left:0.5em;
}

#thanks_next
{
	position:absolute;
	width:40%;	
	bottom:0.5em;
	right:0.5em;
}

#error_fatal .modal_box
{
	background-color:#ffe0e0;
}

#exam
{
	padding:0px;
	margin:0px;
	/*
	margin-top:40px;	
	margin-left:100px;
	*/
	position:absolute;
	width:100%;
	height:100%;
	
	background: #499bea;
}

#explain_switch_button
{
	position:absolute;
	right: 26%;
	top:20%;
	width: 8%;
	height: 60%;
	/*background-color:rgb(170,255,170);*/
	background-color:rgb(220,220,255);
	
	background-image:url('../images/explain_switch_student.png');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center; 
	
	transition: background-color 0.5s;
}

#explain_switch_button_tooltip
{
	position:absolute;
	right: 20%;
	bottom:90%;
	background-color:white;
	box-shadow:0px 0px 2em black;
	border-radius: 0.5em;
	text-align:center;
	padding:0.5em;
	z-index:999;
}

#explain_book_button
{
	position:absolute;
	right: 17%;
	top:20%;
	width: 8%;
	height: 60%;
	background-color:rgb(170,255,170);
	
	background-image:url('../images/explain_book.png');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center; 
}

#explain_book_button_tooltip
{
	position:absolute;
	right: 15%;
	bottom:90%;
	background-color:white;
	box-shadow:0px 0px 2em black;
	border-radius: 0.5em;
	text-align:center;
	padding:0.5em;
	z-index:999;
}

#endtest_button
{
	position:absolute;
	right: 1%;
	top:20%;
	width: 10%;
	height: 60%;
	background-color:red;
	
	background-image:url('../images/end2_button.png');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center; 
}

#endtest_button_tooltip
{
	position:absolute;
	right: 1%;
	bottom:90%;
	background-color:white;
	box-shadow:0px 0px 2em black;
	border-radius: 0.5em;
	text-align:center;
	padding:0.5em;
	z-index:999;
}

#questions_nav_left_tooltip, #questions_nav_right_tooltip
{
	position:absolute;	
	bottom:90%;
	background-color:white;
	box-shadow:0px 0px 2em black;
	border-radius: 0.5em;
	text-align:center;
	padding:0.5em;
	z-index:999;
}

#questions_nav_left_tooltip
{
	left: 5%;
}


#questions_nav_right_tooltip
{
	left: 75%;
}

#help_button
{
	position:absolute;
	left: 1%;
	top:20%;
	width: 8%;
	height: 60%;
	background-color:yellow;
	
	background-image:url('../images/help_button.png');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center; 
}

#fullscreen_button
{
	background-color: blue;
}

#time
{
	position:absolute;
	left: 16%;
	top: 20%;
	width: 67%;
	height: 60%;
	background-color:rgba(255,255,255,0.7);
	text-align:center;
	
	box-shadow: inset 0.1em 0.1em 0.1em gray;
}

#timebar
{
	position:absolute;
	width: 0%;
	height: 100%;
	background-color: rgb(255,128,128);	
	box-shadow: inset 0.1em 0.1em 0.1em gray;	
}

#timeval
{	
	text-shadow: 0em 0em 0.2em #ffffff;
}

#help_box2, #explain_box2
{
	position: absolute;
	background-color:white;
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center; 
	text-align:right;
	
	/*z-index:9999;*/	
	cursor:pointer;
	
	box-shadow:0px 0px 2em black;	
}

#explain_box2
{
	overflow:auto;
	/*
	width:90%;
	height:300px;
	left:5%;
	top:5%;
	
	position: relative;
  top: 50%;
  transform: translateY(-50%);
  */
}

#explain_text
{
	position:absolute;
	left:0px;
	top:0px;
	text-align:left;
	padding:1em;	
	font-size:0.6em;
}

#explain_text h2
{
	margin:0px;
}

#help_close, #explain_close
{
	display:inline-block;
	position:relative;
	width:34px;
	height:34px;
	top:-17px;
	left:17px;
	cursor:pointer;
	opacity:0.7;
	
	-webkit-transition: opacity 1s;
  transition: opacity 1s;
  
	background-image:url('../images/close.png');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center; 
}

#explain_close
{
	/*display:none;*/
	position:absolute;
	z-index:999;
}

#help_close:hover,#explain_close:hover
{
	opacity:1.0;
}

/*
#questions_tab_arrows
{
	text-align:center;	
	margin-top:1em;
	margin-bottom:1em;
}
*/

#questions_nav_left, #questions_nav_right
{
	position:absolute;
	left: 20%;
	top: 20%;
	width: 4%;
	height: 60%;
	/*
	display:inline-block;
	margin: 0px;
	padding: 0px;
	width:2em;
	height:2em;
	*/
	background-repeat:no-repeat;
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center; 
	opacity:0.5;
	cursor:pointer;
	
	-webkit-transition: opacity 1s;
  	transition: opacity 1s;
}

#question_title_tooltip
{
	position:absolute;
	top:10%;
	left:10%;
	padding:0.2em;
	background-color:rgba(255,255,255,1);
	box-shadow:0.2em 0.2em 1em gray;	
	white-space: nowrap;
	transition:opacity 0.5s;
	opacity:0;
}

#question_title_tooltip img
{
	/*vertical-align:middle;*/
	height: 1em;
}

#questions_nav_left:hover, #questions_nav_right:hover
{
	opacity:1.0
}

#questions_nav_left
{
	left: 12%;
	background-image:url('../images/arrow-left.png');
}

#questions_nav_right
{
	left: 83%;
	background-image:url('../images/arrow-right.png');
}

#logo
{
	position:absolute;
	width: 10%;	
	height: 5%;
	top:0px;
	left:0px;
	
	background-image:url("https://bebras.it/etc/italobebras.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;

	text-align:center;
	font-size:0.6em;	

	color:white;
	text-shadow: 2px 2px #000000;
	text-transform: capitalize;
	padding-top:3%;
}

#questions_tab
{
	position:absolute;
	width: 10%;	
	height:85%;
	overflow:hidden;
	/*height: 3000px;*/
	top:10%;
	left:0px;
	margin:0px;
	padding:0px;
	/*border-right:5px solid white;*/
	/*background-color: #499bea;*/
}

.question_tab
{	
	width:80%;	
	display:block;
	border:0px solid transparent;
	border-left:0px solid #aaffaa;
	height:1.3em;	
	/*padding:2px;*/
	margin:0.5em;	
	margin-left:20%;			
	box-shadow: -0.3em 0.3em 0.3em rgba(0,0,0,0.5);
	background-color:#ffffff;
	text-align:right;
	color:Black;
	cursor:pointer;
	
	-webkit-transition: opacity 1s, box-shadow 1s;
  transition: opacity 1s, box-shadow 1s;
  
  opacity: 0.5;
  
  background-size: 20% 100%;	
	background-repeat:no-repeat;
}

.question_tab_style_survey
{
	margin-top:-5%;
	font-size:0.5em;
	margin-left:40%;
	width:60%;
}

.question_tab_x
{
	background-image:url('../images/solid_gray.png');	
}

.question_tab_r
{
	background-image:url('../images/solid_red.png');	
}

.question_tab_y
{
	background-image:url('../images/solid_yellow.png');	
}

.question_tab_g
{
	background-image:url('../images/solid_green.png');	
}

.question_tab_text
{
	padding-right:1em;
	
	/*
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	
	*/
}

.question_tab:hover
{
	opacity: 1.0;
}

.question_tab_current
{
	position:relative;
	opacity: 1.0;
	z-index: 500000;
	
	box-shadow: -0.5em 0.5em 0.5em rgba(0,0,0,0.5);
}

#questions_container
{
	background-color: #ffffff;
	padding:0px;
	margin:0px;	
	
	position:absolute;
	left:10%;
	top:0%;
	width:90%;
	height:90%;
		
	box-shadow: -0.5em 0.5em 0.5em rgba(0,0,0,0.5);
	
}

.question
{	
	position:absolute;	
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#ffffff;*/
	/*box-shadow:0px 0px 50px gray;*/
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

#question_flag_tooltip
{
	position:absolute;
	top:5%;
	padding:0.2em;
	background-color:rgba(255,255,255,1);
	box-shadow:0.2em 0.2em 1em gray;	
	white-space: nowrap;
	transition:opacity 0.5s;	
}