html * {max-height:1000000px;}


@font-face {
	font-family: "GEDINAR";
	src: url("GEDINAR2.otf") format("opentype");
}

@font-face {
    font-family: 'TWC';
    src: url('tcm-webfont.woff2') format('woff2'),
         url('tcm-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body { 
	padding: 0; margin: 0;
	font-family: TWC, Arial, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	background-color: #eee;
	font-size: 18px;
	direction: rtl;
}


h1{
	font-weight: normal;
}

#txt{
	position: absolute; z-index: 100000; top: 450px; left: 25px; font-size: 30px; font-family: Arial
}

#ui_icons{
	/*
	position: absolute; z-index: 10000000001; pointer-events: none; 
	background-image: url(outline.png); background-repeat: no-repeat; background-position: center center; background-size: 100% ;  display: none;*/
}

#reset_icon{
	position: absolute; z-index: 1000000000011;
	width: 26px;
	height: 26px;
	background-image: url(replay.png);
	background-size: 100% ;
	right: 7px;
	top: 7px;
	opacity: .7;
}

#ui_buttons{
	position: absolute; z-index: 10000000002;  display: none; left: 0px; top: 0px;
}

#info_bar{
	background-color: #0057a4; padding: 8px; color: #ffdb01; font-size: 15px; direction: rtl;
}

#logo{
	position: relative; float: right; margin-right: 15px;
}

#link{
	display: none; position: absolute; left: 0px; top: 400px; z-index: 10000000006
}



.button_icon{
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 6px;
	background-color: #1c0054;
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position:  center center;
	margin: 3px;
}

#reset_btn{
	background-image: url(move.png);
}

#replay_btn{
	background-image: url(replay.png);
}

.line1{
	font-size: 25px;
	margin-bottom: 15px;
}
.line2{
	font-size: 20px;
}
.line3{
	font-size: 18px;
}



a{
	text-decoration: none;
	color: #ffdb01;
	
}

.error{
	background-color: #f01233;
	padding: 15px;
	display: block;
	margin-top: 30px;
	color: #fff !important;
	font-weight: normal !important;
}

.success{
	background-color: #f01233;
	color: #fff;
	padding: 20px;
	border-radius: 4px;
	text-align: center;
	width: 80% !important;
	margin-top: 120px;
	line-height: 30px;
	font-weight: bold;
}


.hidden{
	display: none;
}

#forms{
}

.labels{
	width: 93%;
	font-weight: bold;
	color: #555;
}

.ar{
	direction: rtl !important;
	font-weight: 700;
	
	font-family: "Cairo";
}

.en{
	direction: ltr;
	font-size: 21px;
	font-family: TWC;
}

.ardir{
	direction: rtl;
}

.small{
	font-size: 12px !important;
	margin-top: 7px !important;
}
.small2{
	font-size: 16px; !important;
}

input{
	
}

.inputs{
	display: block;
	margin-bottom: 30px;
	width: 90%;
	padding: 10px;;
	font-size: 17px;
	font-family: Cairo;
}

.inputs:focus{
	border-bottom: 4px solid #d00;
}

.inputs_small{
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 160px;
	padding: 10px;;
	font-size: 15px;
}

.button{
	padding: 15px;
	min-width: 200px;
	border-radius: 30px;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #d50a27;
	border: none;
	font-size: 19px;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 7px;
	margin-top: 7px;
	font-weight: bold;
	
}

.big_button{
	width: 300px !important;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 80px;
}

.top{
	background-color: #f58221;
	min-height: 25px;
}

.har{
	direction: rtl;
	font-size: 17px !important;
}

h1{
	font-size: 36px;
}

.h{
	font-size: 16px;
	padding: 12px;
	padding-left: 35px;
	padding-right: 35px;
	color: #333;
	font-weight: bold;
	line-height: 30px;
}

.red{
	color: #f01233;
}

h3{
}

p{
}

.win{
	padding: 30px;
	font-size: 20px;
}

.big{
	font-size: 26px !important;
}


.bluebg{
	background-color: #02853e !important;
}

.arabic{
	font-family: "GEDINAR";
}