@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url("../lib/MaterialIcons-Regular.eot"); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url("../lib/MaterialIcons-Regular.woff2") format('woff2'),
	url("../lib/MaterialIcons-Regular.woff") format('woff'),
	url("../lib/MaterialIcons-Regular.ttf") format('truetype');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	xfont-size: 1.2em;  /* Preferred icon size */
	display: inline-block;
	xline-height: 1;
	vertical-align: middle;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

  /* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

  /* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
	font-feature-settings: 'liga';
}

.material-icons-big {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 1.5em;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

  /* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

  /* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
	font-feature-settings: 'liga';
}

@font-face {
	font-family: Raleway;
	src: url("../lib/raleway.light.ttf");
}

@font-face {
	font-family: CourierNew;
	src: url("../lib/courier_new.ttf");
}


html, body {
	height: 100%;
	xwidth: 100%;

	letter-spacing: 1px;
}


.body1{

	height: 100%;
	xwidth: 100%;
	background-color: #303030;
	color: #000000;

	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.body2{
	background-color: #303030;
	color: #AAAAAA;

	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.main_container{
	width: 97%;
	padding: 5px;
	display: table;
	margin: auto;
}

.top_container{
	height: 20vh;
	display: block;
	
}

.middle_container{
	height: 80%;
	width: 99%;
	display: table;
	margin: auto;
		
}

.middle_left_container{
	width: 23%;
	float: left;
	display: table-cell;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

#center_holder{
	display: none;
}

.middle_center_container{
	width: 77%;
	float: left;
	display: table-cell;
}

.middle_right_container{
	width: 0%;
	float: left;
	display: table-cell;
}

.bottom_container{
	clear: both;
	height: 5%;
	display: none;
}

.important{
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	xwidth: 100%;
	padding: 10px;
	padding-left: 20px;
}

.error_font{
	color: #FF0000;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}


.new{
	color: #ffff00;
}

textarea {
	resize: none;
	word-wrap: break-word;
}

.box_shadow {
    -moz-box-shadow: 4px 4px 4px #111111; /* FF3.5+ */
    -webkit-box-shadow: 4px 4px 4px #111111; /* Saf3.0+, Chrome */
    box-shadow: 4px 4px 4px #111111; /* Opera 10.5, IE 9.0 */
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111',direction='120',strength='4');
    /*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#111111, offX=4, offY=4, positive=true);*/
}

.box_shadow_strong {
    -moz-box-shadow: 7px 7px 7px #111111; /* FF3.5+ */
    -webkit-box-shadow: 7px 7px 7px #111111; /* Saf3.0+, Chrome */
    box-shadow: 7px 7px 7px #111111; /* Opera 10.5, IE 9.0 */
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111',direction='120',strength='7');
    /*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#333333, offX=4, offY=4, positive=true);*/
}

a:hover{
	cursor: pointer;
	cursor: hand;
}

.top_div{
	xborder: 1px solid red;
	xheight: 100px;
}

td{
	border-radius: 4px;
	padding: 5px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.page_title{
	font-size: 1.5em;
	color: #CCCCCC;
}


.indicator{
	font-size: 27px;
	color: #CCCCCC;
	text-align: left;
	xborder: 1px solid red;
}

.accented{
	font-size: 1.3em;
	font-weight: bold;
}

.accented1{
	font-size: 1.3em;
	color: #ffffff;
}

.fixed_width1{
	display: inline-block;
	width: 170px;
	xborder: 1px solid red;
}

.section_title{
	font-size: 1.3em;
	color: #CCCCCC;
	padding-bottom: 10px;
}



.white_font{
	color: #CCCCCC;
	font-family: Raleway;
	xfont-size: 14px;
	text-decoration : none;	
}

.white_01{
	color: #AAAAAA;
}

.red_01{
	color: #CC0000;
}
.red_02{
	color: #FF0000;
}

.red_03{
	color: #AA0000;
}

.green_01{
	color: #00CC00;
}
.green_02{
	color: #00CC00;
}

.green_03{
	color: #009000;
}

.grey_01{
	color: #aaaaaa;
}

.grey_02{
	color: #909090;
}

.white_01{
	color: #ffffff;
}

.blue_01{
	color: #1BAFFC;
}

.orange_01{
	color: #F1911A;
}

.xhref1{
	color: #FF911A;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.xhref1:hover{
	color: #FFC11A;
	font-family: Raleway;
	font-size: 14px;
}

.href1{
	color: #1BAFFC;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding-left: 3px;
	padding-right: 3px;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.href1:hover{
	color: #F1911A;
	font-family: Raleway;
	font-size: 14px;
	/*background-color: rgba(0, 0, 0, 0.1);*/

	/*padding-left: 5px;
	padding-right: 5px;*/
}

.href1_red{
	color: #DD0000;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding-left: 3px;
	padding-right: 3px;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.href1_red:hover{
	color: #FF0000;
	font-family: Raleway;
	font-size: 14px;
	/*background-color: rgba(0, 0, 0, 0.1);*/

	/*padding-left: 5px;
	padding-right: 5px;*/
}

.href1_accessed{
	xcolor: #0373b0;
	color: #999999;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding-left: 3px;
	padding-right: 3px;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.href1_accessed:hover{
	color: #F1911A;
	font-family: Raleway;
	font-size: 14px;

	padding-left: 5px;
	padding-right: 5px;
}

.href2{
	color: #F1911A;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding: 3px;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.href2:hover{
	color: #1BAFFC;
	font-family: Raleway;
	font-size: 14px;
	/*padding-left: 5px;
	padding-right: 5px;*/
	/*background-color: rgba(0, 0, 0, 0.1);*/
}

.href3{
	color: #F1911A;
	background-color: #444444;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding: 5px;
	border-radius: 3px;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.href3:hover{
	color: #1BAFFC;
	background-color: #202020;
	font-family: Raleway;
	font-size: 14px;
	xbackground-color: #303030;
}

.div_qa{
	color: #1BAFFC;
	xcolor: #F1911A;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding: 3px;
	margin-top: 5px;
	display: inline-block;
	xborder: 1px solid rgba(27, 173, 252, 0.5);
	border-radius: 3px;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.div_qa span{
	visibility: hidden;
	padding: 3px;
	background-color: #444444;
	border-radius: 3px;
	xborder: 1px solid rgba(255, 255, 255, 0.2);
	color: rgb(200, 200, 200);	
	position: absolute;
	z-index: 10;
	xtop: 0px;
	left: 35px;
	bottom: 50%;
	margin-bottom: -10px;
	width: 50px;
	xheight: 20px;
	text-align: center;

}
.div_qa span::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 0%;
	margin-left: -10px;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color:  transparent #444444 transparent transparent;
	
}

.div_qa:hover{
	color: #F1911A;
	xcolor: #1BAFFC;
	font-family: Raleway;
	font-size: 14px;
	xborder: 1px solid rgba(27, 173, 252, 1.0);
	/*padding-left: 5px;
	padding-right: 5px;*/
	cursor: pointer;
	cursor: hand;	
	position: relative;
	background-color: rgba(0, 0, 0, 0.1);
}

.div_qa:hover span{
	visibility: visible;
}

.marks_holder{
	display: block;
	float: left;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 5px;
	margin: 1px;
}

.final_mark_holder{
	color: #F1911A;
	border-radius: 3px;
	xbackground-color: rgba(0, 0, 0, 0.1);
	padding: 7px;
	font-size: 1.3em;
	font-weight: bold;
	margin: 1px;
}

.final_result_holder{
	margin-top: 25px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid #F1911A;
}

.real_mark_holder{
	xcolor: #F1911A;
	border-radius: 3px;
	xbackground-color: rgba(0, 0, 0, 0.1);
	padding: 5px;
	font-size: 1.3em;
	xfont-weight: bold;
	margin: 1px;
}

.adjustment_holder{
	xcolor: #F1911A;
	border-radius: 3px;
	xbackground-color: rgba(0, 0, 0, 0.1);
	padding: 5px;
	font-size: 1.3em;
	xfont-weight: bold;
	margin: 1px;
}

.xbutton1{
	background-color: #FF911A; 
	color: #303030;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	
}

.button1{
	background-color: #292929; 
	color: #F1911A;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	
	
	display: inline-block;

	padding:7px;

	margin: 1px;

	border: none;
	border-radius: 4px;
	cursor: pointer;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.button1:hover{
	background-color: #202020;
	color: #1BAFFC;
}

.button1_wrong_hover{
	background-color: #292929; 
	color: #F1911A;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	
	
	display: inline-block;

	padding:7px;

	margin: 1px;

	border: none;
	border-radius: 4px;
	cursor: pointer;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.button1_wrong_hover:hover{
	background-color: #202020;
	color: #CC0000;
}

.button1_correct_hover{
	background-color: #292929; 
	color: #F1911A;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	
	
	display: inline-block;

	padding:7px;

	margin: 1px;

	border: none;
	border-radius: 4px;
	cursor: pointer;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.button1_correct_hover:hover{
	background-color: #202020;
	color: #00CC00;
}

.button2{
	background-color: rgba(0, 0, 0, 0.2); 
	color: #CC0000;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	
	
	display: inline-block;

	padding:7px;

	margin: 1px;

	border: none;
	border-radius: 4px;
	cursor: pointer;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.button2:hover{
	background-color: rgba(0, 0, 0, 0.5);
	color: #FF0000;
	border-radius: 50%;
}

.button3{
	background-color: rgba(0, 0, 0, 0.2); 
	color: #F1911A;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	
	
	display: inline-block;

	padding:7px;

	margin: 1px;

	border: none;
	border-radius: 4px;
	cursor: pointer;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.button3:hover{
	background-color: rgba(0, 0, 0, 0.5);
	xcolor: #1BAFFC;
	border-radius: 50%;
}

.button4{
	color: #F1911A;
	background-color: rgba(0, 0, 0, 0.2);
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding: 5px;
	border-radius: 3px;
	border: none;
	margin: 1px;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.button4:hover{
	color: #1BAFFC;
	background-color: rgba(0, 0, 0, 0.5);
	font-family: Raleway;
	font-size: 14px;
	xbackground-color: #303030;
	cursor: hand;
	cursor: pointer;
}

.button5{
	color: #00BB00 !important;
	background-color: rgba(0, 0, 0, 0.2) !important;
	font-family: Raleway !important;
	font-size: 17px !important;
	text-decoration : none !important;	
	padding: 10px !important;
	border-radius: 3px !important;
	border: none !important;
	xmargin: 1px;
	display: inline-block !important;

	-webkit-transition: all 200ms ease-in-out !important;
	-moz-transition: all 200ms ease-in-out !important;
	-o-transition: all 200ms ease-in-out !important;
	-ms-transition: all 200ms ease-in-out !important;
	transition: all 200ms ease-in-out !important;
}

.button5:hover{
	color: #00FF00 !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
	cursor: hand !important;
	cursor: pointer !important;
}

.button6{
	color: #F1911A;
	background-color: rgba(0, 0, 0, 0.2);
	font-family: Raleway;
	font-size: 17px;
	text-decoration : none;	
	padding: 10px;
	border-radius: 3px;
	border: none;
	xmargin: 1px;
	display: none;
	margin: auto;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.button6:hover{
	color: #00FF00;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: hand;
	cursor: pointer;
}

.button7{
	background-color: rgba(0, 0, 0, 0.2);
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	
	
	display: inline-block;

	padding:7px;

	margin: 1px;

	border: none;
	border-radius: 4px;
	cursor: pointer;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.button7:hover{
	background-color: rgba(0, 0, 0, 0.5);
	color: #CCCCCC;
	border-radius: 50%;
}

.button8{
	background-color: rgba(0, 0, 0, 0.2); 
	color: #00CC00;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	
	
	display: inline-block;

	padding:7px;

	margin: 1px;

	border: none;
	border-radius: 4px;
	cursor: pointer;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.button8:hover{
	background-color: rgba(0, 0, 0, 0.5);
	color: #00FF00;
	border-radius: 50%;
}

.button9{
	color: #FFFFFF !important;
	background-color: rgba(255, 0, 0, 0.5) !important;
	font-family: Raleway !important;
	font-size: 17px !important;
	font-weight: bold !important;
	text-decoration : none !important;	
	padding: 10px !important;
	margin-left: 10px !important;
	border-radius: 3px !important;
	border: none !important;
	xmargin: 1px;
	display: inline-block !important;

	-webkit-transition: all 200ms ease-in-out !important;
	-moz-transition: all 200ms ease-in-out !important;
	-o-transition: all 200ms ease-in-out !important;
	-ms-transition: all 200ms ease-in-out !important;
	transition: all 200ms ease-in-out !important;
}

.button9:hover{
	color: #FFFFFF !important;
	background-color: rgba(255, 0, 0, 1) !important;
	cursor: hand !important;
	cursor: pointer !important;
}

.button10{
	color: #FFFFFF !important;
	background-color: rgba(0, 255, 0, 0.5) !important;
	font-family: Raleway !important;
	font-size: 17px !important;
	font-weight: bold !important;
	text-decoration : none !important;	
	padding: 10px !important;
	margin-right: 10px !important;
	border-radius: 3px !important;
	border: none !important;
	xmargin: 1px;
	display: inline-block !important;

	-webkit-transition: all 200ms ease-in-out !important;
	-moz-transition: all 200ms ease-in-out !important;
	-o-transition: all 200ms ease-in-out !important;
	-ms-transition: all 200ms ease-in-out !important;
	transition: all 200ms ease-in-out !important;
}

.button10:hover{
	color: #FFFFFF !important;
	font-weight: bold !important;
	background-color: rgba(0, 255, 0, 0.7) !important;
	cursor: hand !important;
	cursor: pointer !important;
}

.form_holder{
	
}

.results_holder{
	margin-top: 10px;
}

.left_menu_holder{
	xposition: fixed;
	width: 90%;
	xbackground-color: #404040;
	xborder-right: 1px solid #555555;
	xborder: 1px solid red;
	xpadding-bottom: 40px;
	xpadding-right: 15px;
	color: #AAAAAA;
}

.left_menu_div1{
	background-color: #404040;
	xborder: 1px solid #404040;
	color: #1baffc;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	

	margin-bottom: 1px;

	border-radius: 4px;
	padding: 5px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.left_menu_div1:hover{
	background-color: #4C4C4C;
	color: orange;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding-left: 10px;
	cursor: hand;
	cursor: pointer;
	
}

.hideable{
	display: block;	
}

.form1{
	display: inline;
}

.files_holder{
	border: none;
	height: 0px;
	overflow:hidden;
	visibility: hidden;
	
}

.docs_counter{	
	position: relative;
	border: none;
	width: 100px; 
	float: left;

	margin: 1px;
	line-height: 27px;
}

.top_td1{
	background-color: #336699;
	color: #555555;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding: 0px;
}

.file_displayer_td{
	font-family: CourierNew;
	background-color: #303030;
	color: #AAAAAA;
	font-size: 14px;
	text-decoration : none;	
	padding: 5px;
}

.top_td2{
	background-color: #404040;
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}
.top_td3{
	background-color: #555555;
	color: #555555;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.center_structure_td{
	background-color: #303030;
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.status_td{
	background-color: #404040;
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;
	padding: 5px;
}

.status_div{
	background-color: #404040;
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;
	text-align: left;
	padding: 5px;
	margin: 1px;
	border-radius: 4px;
	display: flex;
}

.status_left{
	float: left;
	width: 90%;
}

.status_right{
	float: left;
	text-align: right;
	width: 10%;
}

.top_page_menu_td{
	background-color: #303030;
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.results_displayer_menu_td{
	background-color: #303030;
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.results_td{
	xbackground-color: #404040;
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 15px;
	text-decoration : none;	
}

.results_table_title_td{
	background-color: #505050;
	color: #CCCCCC;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.results_table_content_td{
	background-color: rgba(255, 255, 255, 0.07);
	color: #CCCCCC;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.results_table_special_content_td{
	background-color: #404040;
	color: #CCCCCC;
	xborder: 1px solid red;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.results_table_inner_table_td{
	background-color: rgba(255, 255, 255, 0.05);
	xcolor: #FFC11A;
	color: #CCCCCC;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	

}

.results_displayer_footer_td{
	background-color: #404040;
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

td{
	padding-left: 3px;
	padding-right: 3px;
}

.page_hrefs_td{
	background-color: #303030;
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.td1_static{
	xbackground-color: #404040;
	color: #1baffc;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.td1{
	background-color: #404040;
	xborder: 1px solid #404040;
	color: #1baffc;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	text-decoration : none;	

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.td1:hover{
	background-color: #505050;
	color: #f1911a;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding: 10px;
	cursor: hand;
	cursor: pointer;
	
}



.td0{
	color: #F1911A;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.td1_over{
	background-color: #505050;
	color: #BBBBBB;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
	padding: 10px;
	
}

.td2{
	xbackground-color: #505050;
	background-color: rgba(80, 80, 80, 0.3);	
	color: #CCCCCC;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.td3{
	xbackground-color: #505050;
	background-color: rgba(80, 80, 80, 0.3);
	color: #CCCCCC;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.td4{
	xbackground-color: #505050;
	color: #CCCCCC;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}


.form_title_td{
	background-color: #F0F0F0;
	color: #000000;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.form_note_td{
	xbackground-color: #404040;
	color: #AAAAAA;
	font-family: Raleway;
	font-size: 12px;
	text-decoration : none;	
	xpadding-bottom: 10px;
}



.input1{

	display: inline-block;
	xborder: 1px solid #ccc;
	border: 1px solid rgba(255, 255, 255, 0);
	border-radius: 4px;
	box-sizing: border-box;
	padding: 5px;

	background-color: rgba(0, 0, 0, 0.1);
	color: #FF911A;
	font-family: Raleway;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration : none;	

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.input1:focus{
	outline: none;
	background-color: rgba(0, 0, 0, 0.2);
	xborder: 1px solid rgba(255, 255, 255, 0.2);
	xtransform: scale(1.1);
	xpadding-left: 10px;
	border-radius: 4px;
	xmargin: 5px;
}

.input2{

	display: inline-block;
	xborder: 1px solid #ccc;
	border: 1px solid rgba(245, 144, 26, 0.5);
	border-radius: 4px;
	box-sizing: border-box;
	padding: 5px;

	background-color: transparent;
	color: #FF911A;
	font-family: Raleway;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration : none;	

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.input2:focus{
	outline: none;
	xbackground-color: #707070;
	border: 1px solid rgba(245, 144, 26, 0.0);
	background-color: rgba(255, 255, 255, 0.05);
	xtransform: scale(1.1);
	padding-left: 10px;
	border-radius: 4px;
	xmargin: 5px;
}

.input_mark{

	display: inline-block;
	xborder: 1px solid #ccc;
	border: 1px solid rgba(245, 144, 26, 0.5);
	border-radius: 4px;
	box-sizing: border-box;
	padding: 5px;
	width: 70px;

	background-color: transparent;
	color: #FF911A;
	font-family: Raleway;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration : none;	

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

}

.input_mark:focus{
	outline: none;
	xbackground-color: #707070;
	border: 1px solid rgba(245, 144, 26, 0.0);
	background-color: rgba(0, 0, 0, 0.2);
	xtransform: scale(1.1);
	padding-left: 10px;
	border-radius: 4px;
	xmargin: 5px;
}

.component_top_left_td{
	background-color: #555555;
	background-image: url("../images/top_left_component_margin.JPG");
	color: #;	
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.component_top_center_td{
	xbackground-color: #FFFFFF;
	xcolor: #FFFFFF;	
	font-family: Raleway;
	font-size: 1.5em;
	text-decoration : none;	
	font-weight: normal;
}

.component_top_right_td{
	background-color: #FFFFFF;
	color: #555555;	
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.component_left_td{
	color: #555555;
	background-color: #FFFFFF;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.component_center_td{
	color: #555555;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.component_right_td{
	background-color: #FFFFFF;
	color: #555555;
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}


.component_bottom_left_td{
	background-color: #FFFFFF;
	color: #555555;	
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.component_bottom_center_td{
	background-color: #FFFFFF;
	color: #555555;	
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.component_bottom_right_td{
	background-color: #FFFFFF;
	color: #555555;	
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.bottom_td1_left{
	xbackground-color: #FFFFFF;
	color: #F1911A;	
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.bottom_td1_right{
	xbackground-color: #FFFFFF;
	color: #F1911A;	
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.bottom_td1_center{
	xbackground-color: #FFFFFF;
	background-repeat: x;
	color: #F1911A;	
	font-family: Raleway;
	font-size: 14px;
	text-decoration : none;	
}

.punctaj_scadere{
	padding: 5px;
	background-color: #333333;
	color: #FF0000;
	border-radius: 3px;
}

.punctaj_scadere_light{
	float: left;
	margin: 3px;
	padding: 5px;
	background-color: #3F3F3F;
	color: #FF0000;
	border-radius: 3px;
}

.procent_originalitate{
	padding: 5px;
	xbackground-color: #333333;
	color: #00CC00;
	border-radius: 3px;
	font-weight: bold;
}

.nota_curenta{
	padding: 5px;
	xbackground-color: #333333;
	color: #FF911A;
	border-radius: 3px;
	xfont-weight: bold;
	
}

.nota_propusa{
	padding: 5px;
	border: 2px solid #AA0000;
	background-color: #333333;
	color: #FF0000;
	border-radius: 3px;
	font-size: 14px;
}


.close_span{
	display: block;
	float:right;
	background-color: rgba(200, 0, 0, 1.0);
	color:white;
	font-weight:bold;
	width: 30px;
	line-height: 30px;
	font-size: 15px;
	margin: 5px;
	xpadding: 3px;
	border-radius: 3px;
	text-align:center;
	cursor:pointer;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.close_span:hover{
	background-color: rgba(255, 0, 0, 1.0);
	border-radius: 15px;
}

.bottom1{

}

.logo_text_holder{
	position: relative;
	display: block;
	overflow: auto;
	width: 90%;
	height: 100%;
	font-size: 17px;
	margin: auto;
}

.logo_text{
	position: absolute;
	display: inline-block;
	xline-height: 100px;
	font-size: 1.5em;
	xtext-align: bottom; 
	bottom: calc(50% - 1.5em);
	right: 0px;
	color: #FF911A;
	 
}

.code_comment_holder{
	color: #777777;
}

.code_comment_hidden{
	color: #303030;
}

.qa_layer{
	position: fixed;
	background-color: #333333;
	left: 50px; 
	top: 25px; 
	width: calc(100vw - 100px);
	height: calc(100vh - 50px);
	visibility: hidden; 
	z-index: 99; 
	border-radius: 3px; 
	xborder: 1px solid orange;
}

.qa_underlayer{
	position: fixed;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100vw;
	height: 100vh;
	visibility: hidden;
	z-index: 98;
}

.qa_holder{
	display: block;
	position: relative;
	xborder: 1px solid red;
	xwidth: 100%;
	height: calc(90%);
	xbackground-color: #000000;

	padding: 5px;
	padding-top: 10px;
	color: #aaaaaa;
	overflow: auto;
}

.close_holder{
	width: 100%; 
	height: 40px; 
	xdisplay: block;
	xborder: 1px solid red; 
}

.qa_holder > img{
	display: block;
	margin: auto;
}

.question_holder{
	padding: 5px;
	xmargin-top: 5px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.2);
	xborder: 1px dashed rgba(241, 144, 26, 0.5);
	word-wrap: break-word;
}

.answers_holder{
	border: none;
	height: 0px;
	overflow:hidden;
	visibility: hidden;
	
}

.answer_holder{
	padding: 5px;
	margin-left: 20px;
	margin-right: 20px;
	xmargin-top: 5px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.2);
	xborder: 1px dashed rgba(241, 144, 26, 0.5);
}

.answers_counter{	
	position: relative;
	border: none;
	width: 100px; 
	float: left;
	margin: 1px;
	line-height: 27px;
}

.grid_answers_holder{
	border: none;
	xheight: 0px;
	display: block;
}

.grid_answer_holder{
	padding: 5px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	border-radius: 4px;
	background-color: rgba(100, 100, 100, 0.1);
	xborder: 1px dashed rgba(241, 144, 26, 0.5);
	font-size: 1.2em;
}

.qr_content_holder{
	display: flex;
	height: 95%;
	width: 95%;
	margin: auto;
	align-items: center;
	justify-content: center;
	xborder: 1px solid red;
}

.simple_displayer_content_holder{
	display: block;
	height: 95%;
	width: 95%;
	margin: auto;
}

.simple_displayer_content{
	display: block;
	margin-top: auto;
	margin-bottom: auto;
	text-align: center;
	padding-top: 30vh;
	padding-bottom: 20vh;
}

.suspicious_activity{
	padding: 5px;
	border-radius: 3px;
	background-color: rgba(200, 0, 0);
}


.timer{
	display: block;
	text-align: center;
	font-size: 1.3em;
	height: 20px;
	xborder: 1px solid red;
}

.acknowledgement_title{
	font-family: Raleway;
	font-size: 1.3em;
	color: rgba(255, 255, 255, 1);
	font-weight: bold;
}

.acknowledgement_content{
	font-family: Raleway;
	color: rgba(255, 255, 255, 1);
}

/* switches */
.switch {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 25px;
	margin-left: 5px;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(17px);
	-ms-transform: translateX(17px);
	transform: translateX(17px);
}

.slider.round {
	border-radius: 25px;
}

.slider.round:before {
  border-radius: 50%;
}

/* upload dialog */
#upload_dialog{
	diplay: none;
}

.ui-dialog-titlebar{
	background-color: #555555 !important;
	color: #FFFFFF !important;
	border: 1px solid transparent !important;
}

.ui-dialog-title{
	xbackground-color: #FF0000;
}

.ui-widget-content{
	background-color: #404040 !important;
	color: #AAAAAA !important;
}

.ui-dialog-titlebar-close{
	
}

/* end upload dialog */

/* acknowledgement dialog */
#acknowledgement_dialog{
	display: none;
}
/* end acknowledgement dialog */


@media only screen and (max-width: 900px) {
	.left_menu_holder{
		width: 50%;
	}

	.middle_left_container{
		width: 99%;
		float: left;
		display: table-cell;
		position: relative;
	}

	.middle_center_container{
		width: 99%;
		float: left;
		display: table-cell;
	}
	
	.hideable{
		display: none;
	}
}