/*-------------------- General --------------------*/
*
{
	box-sizing:border-box;
}
html
{
	direction:rtl;
}
body
{
	font:500 13px 'DroidKufi','Tahoma';
	color:#000;
	margin:0;
}
a:link,a:active,a:visited
{
	color:#000;
	text-decoration:none;
	transition:color 0.2s;
}
a:hover
{
	color:#00f;
}
ul
{
	padding:0 35px 0 0;
}
img
{
	vertical-align:middle;
}
img.big
{
	width:100%;
	max-width:800px;
}
img.hand
{
	cursor:pointer;
	transition:all 0.1s;
}
img.hand:hover
{
	transform:scale(1.1);
}
img.icon
{
	border-radius:35px;
	width:30px;
	height:30px;
}
.hidden
{
	display:none;
}
table.uploadtable img
{
	width:100px;
	height:100px;
	margin:25px;
}
div.clearfix:after
{
	content:"";
	clear:both;
	display:table;
}
div.message,div.error
{
	margin:auto;
	width:65%;
}
div.floatright,div.floatleft
{}
@media only screen and (min-width:768px)
{
	body			{ font-size:14px; }
	div.floatright	{ float:right; }
	div.floatleft	{ float:left; }
}
/*-------------------- Rows --------------------*/
div.title
{
	background:#d2e8f2;
	color:#115371;
	padding:3px 10px;
	margin:1px 0;
	cursor:pointer;
	transition:all 0.2s;
}
div.title:hover
{
	background:#839197;
	color:#fff;
}
div.row
{
	background:#e5f1f7;
	padding:3px 5px;
	margin:1px 0;
}
@media only screen and (min-width:768px)
{
	div.row			{ padding:3px 10px; }
}
div.foot
{
	background:#fff;
	border-top:3px solid #cde2ec;
	margin:0 0 10px 0;
}
div.titleprint
{
	background:#eee;
	padding:3px 10px;
	border-top:1px solid #ddd;
}
div.rowprint
{
	padding:3px 10px;
	border-top:1px solid #ddd;
}
div.footprint
{
	border-top:1px solid #ddd;
	margin:0 0 10px 0;
}
div.colr		{ flex:35%; }
div.coll		{ flex:65%; }
@media only screen and (min-width:768px)
{
	div.colr	{ flex:25%; }
	div.coll	{ flex:75%; }
}
@media only screen and (min-width:992px)
{
	div.colr	{ flex:20%; }
	div.coll	{ flex:80%; }
}
@media only screen and (min-width:1200px)
{
	div.colr	{ flex:15%; }
	div.coll	{ flex:85%; }
}
div.rowflex
{
	display:flex;
	flex-wrap:wrap;
}
div.col5	{ flex:5%; }
div.col10	{ flex:10%; }
div.col15	{ flex:15%; }
div.col20	{ flex:20%; }
div.col25	{ flex:25%; }
div.col30	{ flex:30%; }
div.col35	{ flex:35%; }
div.col40	{ flex:40%; }
div.col45	{ flex:45%; }
div.col50	{ flex:50%; }
div.col55	{ flex:55%; }
div.col60	{ flex:60%; }
div.col65	{ flex:65%; }
div.col70	{ flex:70%; }
div.col75	{ flex:75%; }
div.col80	{ flex:80%; }
div.col85	{ flex:85%; }
div.col90	{ flex:90%; }
div.col95	{ flex:95%; }
div.col100	{ flex:100%; }
/*-------------------- Tables --------------------*/
table
{
	width:100%;
	border-spacing:1px;
}
tr
{
	background:#e5f1f7;
}
tr.white
{
	background:#fff;
}
tr.content
{
	text-align:center;
}
th
{
	font-weight:500;
	background:#d2e8f2;
	color:#115371;
	cursor:pointer;
	transition:all 0.2s;
}
th:hover
{
	background:#839197;
	color:#fff;
}
th:hover a
{
	color:#fff;
}
td,th
{
	padding:2px;
}
td.foot
{
	background:#fff;
	border-top:3px solid #cde2ec;
}
table.message,table.error
{
	margin:auto;
	width:65%;
}
table.print
{
	border-collapse:collapse;
	border:1px solid #ccc;
}
table.print tr
{
	background:none;
}
table.print th
{
	background:#eee;
}
table.print td
{
	border:1px solid #ccc;
}
@media only screen and (min-width:850px)
{
	td,th { padding:3px 10px; }
}
/*-------------------- Forms --------------------*/
form
{}
input,select,textarea
{
	font:500 13px 'DroidKufi','Tahoma';
	padding:2px 5px;
	color:#000;
	background:#fff;
	border:1px solid #bbcfd8;
	width:100%;
	max-width:660px;
	outline:none;
}
select
{
	padding:0 2px;
}
input[type=number]
{
	width:85px;
}
input[type=radio]
{
	width:auto;
	zoom:1.1;
}
input[type=checkbox]
{
	width:15px;
	height:15px;
}
input[type=submit],input[type=reset]
{
	background:#157EFB;
	color:#eee;
	border:none;
	padding:2px 5px;
	width:auto;
	transition:background 0.2s;
	cursor:pointer;
}
input[type=reset]
{
	margin:0 5px 0 0;
}
input[type=submit]:hover,input[type=reset]:hover
{
	color:#fff;
	background:#1060C0;
}
input[type=file]
{
	direction:ltr;
}
input.uppercase
{
	text-transform:uppercase;
}
input.edit
{
	text-align:center;
	padding:0 5px;
}
textarea.enabletab
{
	font:500 16px 'Tahoma';
	direction:ltr;
	max-width:100%;
}
button,a.button
{
	font:500 13px 'DroidKufi','Tahoma';
	padding:6px 6px;
	color:#111;
	background:#ddd;
	border:none;
	line-height:1.4;
	transition:all 0.2s;
	cursor:pointer;
	display:inline-block;
	outline:none;
	margin:0 0 5px 0;
}
button:hover,a.button:hover
{
	color:#fff;
	background:#888;
}
button[type=submit]
{
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
}
@media only screen and (min-width:768px)
{
	input,select,textarea,button,a.button	{ font-size:14px; }
	input[type=submit],input[type=reset]	{ padding:2px 8px; }
	button,a.button							{ padding:6px 8px; }
}
/*-------------------- Badges --------------------*/
.badge
{
	border-radius:25px;
	text-align:center;
	display:inline;
	padding:0 8px;
}
/*-------------------- Modal --------------------*/
div#modal
{
	display:none;
	position:fixed;
	z-index:10;
	padding-top:50px;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgba(0,0,0,0.85);
}
div#modal span
{
	color:#fff;
	position:absolute;
	top:5px;
	right:20px;
	font-size:30px;
	line-height:1;
	font-weight:bold;
	transition:color 0.4s;
	cursor:pointer;
}
div#modal span:hover,div#modal span:focus
{
	color:#999;
}
div#modal img,div#modal div,div#modal video,div#modal audio
{
	display:block;
	margin:auto;
	width:96%;
	max-width:800px;
	animation:zoom 0.6s;
}
div#modal div
{
	color:#fff;
	text-align:center;
	font-size:20px;
}
@media only screen and (min-width:768px)
{
	div#modal span	{ top:15px; right:35px; font-size:40px; }
}
img.modalimage,img.modaltext,img.modalmp4,img.modalmp3
{
	cursor:pointer;
}
/*-------------------- Backgrounds --------------------*/
.graybg		{ background:#777; color:#fff; }
.redbg		{ background:#f00; color:#fff; }
.greenbg	{ background:#080; color:#fff; }
.bluebg		{ background:#00f; color:#fff; }
.magentabg	{ background:#f0f; color:#fff; }
/*-------------------- Sides --------------------*/
.center		{ text-align:center; }
.right		{ text-align:right; }
.left		{ text-align:left; }
.middle		{ vertical-align:middle; }
.english	{ direction:ltr; }
/*-------------------- Sizes --------------------*/
.width40	{ max-width:40px; }
.width85	{ max-width:85px; }
.width100	{ max-width:100px; }
.width125	{ max-width:125px; }
.width150	{ max-width:150px; }
.width200	{ max-width:200px; }
.width250	{ max-width:250px; }
.width300	{ max-width:300px; }
.width350	{ max-width:350px; }
.width400	{ max-width:400px; }
.width500	{ max-width:500px; }
.height50	{ min-height:50px; }
.height100	{ min-height:100px; }
.height150	{ min-height:150px; }
.height200	{ min-height:200px; }
.height250	{ min-height:250px; }
.height300	{ min-height:300px; }
.height350	{ min-height:350px; }
.height400	{ min-height:400px; }
.editor660	{ max-width:660px; }
.color		{ width:25px; height:25px; margin:auto; }
/*-------------------- Margins --------------------*/
.marginy2	{ margin-top:2px; margin-bottom:2px; }
.marginy5	{ margin-top:5px; margin-bottom:5px; }
.marginy10	{ margin-top:10px; margin-bottom:10px; }
.marginy50	{ margin-top:50px; margin-bottom:50px; }
.marginx2	{ margin-right:2px; margin-left:2px; }
.marginx5	{ margin-right:5px; margin-left:5px; }
.marginx10	{ margin-right:10px; margin-left:10px; }
/*-------------------- Padding --------------------*/
.paddingy5	{ padding-top:5px; padding-bottom:5px; }
.paddingy10	{ padding-top:10px; padding-bottom:10px; }
.paddingx5	{ padding-right:5px; padding-left:5px; }
.paddingx10	{ padding-right:10px; padding-left:10px; }
/*-------------------- Fonts --------------------*/
.small	{ font-size:12px; }
.medium	{ font-size:14px; }
.big	{ font-size:16px; }
/*-------------------- Colors --------------------*/
.gray		{ color:#777; }
.red		{ color:#f00; }
.blue		{ color:#00f; }
.green		{ color:#080; }
.magenta	{ color:#f0f; }
.orange		{ color:#f80; }
.yellow		{ color:#ff0; }
/*-------------------- Control Buttons --------------------*/
span.control
{
	font:900 16px 'FontAwesome';
	color:#777;
	cursor:pointer;
	transition:all 0.1s;
	display:inline-block;
}
span.control:hover		{ transform:scale(1.1); }
span.edit:before		{ content:"\f044"; color:#2C6CFF; }
span.editloading img	{ width:29px; height:29px; margin-bottom:-10px; }
span.editloading:before	{ content:none; }
span.cancel:before		{ content:"\f044"; font-weight:400; }
span.user:before		{ content:"\f007"; color:#555; }
span.user2:before		{ content:"\f007"; color:#555; font-weight:400; }
span.text:before		{ content:"\f038"; color:#EB49EB; }
span.contents:before	{ content:"\f07c"; color:#31AC31; }
span.email:before		{ content:"\f0e0"; color:#FF3535; }
span.email2:before		{ content:"\f0e0"; color:#FF3535; font-weight:400; }
span.lock:before		{ content:"\f023"; color:#555; }
span.unlock:before		{ content:"\f023"; color:#aaa; }
span.image:before		{ content:"\f31e"; color:#FF882A; }
span.print:before		{ content:"\f02f"; color:#9D2ED6; }
span.card:before		{ content:"\f2bb"; color:#FF3535; }
@media only screen and (min-width:992px)
{
	span.control		{ font-size:22px; }
}
/*-------------------- Categories --------------------*/
div.categories
{
	padding:10px;
}
div.discharge
{
	float:right;
	width:16px;
	height:16px;
	border-right:1px dotted #555;
	border-bottom:1px dotted #555;
}
div.collapseicon
{
	float:right;
	width:16px;
	height:16px;
	margin:0 5px;
	color:#555;
}
div.categoryname
{
	float:right;
}
/*-------------------- Votes --------------------*/
div[class^="votebar"]
{
	width:5px;
	height:15px;
	display:inline-block;
}
div.votebar1	{ background:#00f; }
div.votebar2	{ background:#f00; }
div.votebar3	{ background:#ff0; }
div.votebar4	{ background:#080; }
div.votebar5	{ background:#f0f; }
div.votebar6	{ background:#f80; }
div.votebar7	{ background:#08f; }
div.votebar8	{ background:#088; }
div.votebar9	{ background:#888; }
div.votebar10	{ background:#222; }
/*-------------------- Login --------------------*/
form.login
{ 
	max-width:320px;
	margin:75px 0;
}
form.login div.title,form.login div.block
{
	padding:8px 15px;
}
form.login a
{
	letter-spacing:3px;
}
/*-------------------- Logo --------------------*/
div.logo
{
	text-align:center;
	margin:10px 0 0 0;
}
div.logo img
{
	width:auto;
	height:50px;
}
div.menuopenclose
{
	margin:5px 0 10px 0;
	height:20px;
	text-align:center;
}
div.menuopenclose a
{
	font:900 20px 'FontAwesome';
	color:#eee;
}
div.menuopenclose a:hover
{
	color:#000;
}
div.menuopenclose #openmenulinks::before
{
	content:"\f055";
}
div.menuopenclose #hidemenulinks::before
{
	content:"\f056";
}
@media only screen and (min-width:768px)
{
	div.logo img	{ height:75px; }
}
/*-------------------- Menu --------------------*/
div.menu
{
	margin:0 3px;
}
div.menu div.title
{
	padding:3px;
	background:#0A3F7C;
	color:#eee;
}
div.menu div.title:hover
{
	background:#072D58;
	color:#fff;
}
div.menu div.row
{
	padding:3px;
	background:#0F5AB4;
}
div.menu div.row a
{
	width:100%;
	display:block;
	color:#fff;
}
div.menu div.row:hover
{
	background:#63B7FF;
}
div.menu div.row:hover a
{
	color:#000;
}
/*-------------------- Header --------------------*/
div.header
{
	text-align:center;
	background:#555;
}
div.welcome
{
	flex:100%;
	color:#fff;
	margin:10px 0 0 0;
}
div.links
{
	flex:100%;
	margin:5px 0 0 0;
}
div.links ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div.links ul li
{
	display:inline-block;
	border-left:1px solid #999;
	padding:0 2px 0 4px;
}
div.links ul li,div.links ul li a
{
	line-height:1.2;
	color:#fff;
}
div.links ul li:last-child
{
	border:none;
}
div.links ul li a:hover
{
	color:#000;
}
div.datetime
{
	flex:100%;
	margin:5px 0 0 0;
	color:#fff;
}
div.datetime div
{
	display:inline-block;
}
div.language
{
	flex:100%;
	margin:10px 0;
}
div.language select
{
	border:none;
}
@media only screen and (min-width:992px)
{
	div.welcome			{ flex:22%; margin:15px 0; }
	div.links			{ flex:34%; margin:15px 0; }
	div.links ul li		{ padding:0 7px 0 9px; }
	div.datetime		{ flex:22%; margin:15px 0; }
	div.language		{ flex:22%; margin:15px 0; }
}
/*-------------------- SubHeader --------------------*/
div.subheader
{
	min-height:40px;
}
div.subheader #loading
{
	height:40px;
	margin:0 10px 0 0;
}
div.subheader img
{
	height:40px;
}
/*-------------------- Columns --------------------*/
div.columnright
{
	flex:100%;
	background:#333;
}
div.columnleft
{
	flex:100%;
}
@media only screen and (min-width:768px)
{
	div.columnright	{ flex:18%; }
	div.columnleft	{ flex:82%; }
}
@media only screen and (min-width:992px)
{
	div.columnright	{ flex:14%; }
	div.columnleft	{ flex:86%; }
}
@media only screen and (min-width:1200px)
{
	div.columnright	{ flex:12%; }
	div.columnleft	{ flex:88%; }
}
/*-------------------- Content --------------------*/
div.content
{
	padding:10px 0;
}
@media only screen and (min-width:992px)
{
	div.content	{ padding:10px 12px; }
}
/*-------------------- Footer --------------------*/
div.footer
{
	background:#555;
	padding:5px 0;
	color:#fff;
	text-align:center;
}
div.domain
{
	letter-spacing:3px;
}
div.copyright
{
	max-width:350px;
	margin:3px 0 0 0;
	padding:3px 0 0 0;
	border-top:1px dashed #aaa;
	color:#fff;
}
/*-------------------- Animations --------------------*/
.light			{ opacity:1; transition:opacity 0.4s; }
.light:hover	{ opacity:0.7; }
.dark			{ opacity:0.7; transition:opacity 0.4s; }
.dark:hover		{ opacity:1; }
.enlarge		{ transition:all 0.1s; }
.enlarge:hover	{ transform:scale(1.1); }
.zoom			{ animation:zoom 1s; }
@keyframes zoom
{
	from	{ transform:scale(0.1); }
	to		{ transform:scale(1); }
}
/*-------------------- Fonts --------------------*/
@font-face
{
	font-family:'DroidKufi';
	src:url('../../class/fonts/droidkufi.woff');
}
@font-face
{
	font-family:'DroidKufi';
	src:url('../../class/fonts/droidkufi-bold.woff');
	font-weight:900;
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:400;
	src:url("../../class/fonts/fontawesomeregular400.woff") format("woff");
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:900;
	src:url("../../class/fonts/fontawesomesolid900.woff") format("woff");
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:400;
	src:url("../../class/fonts/fontawesomebrands400.woff") format("woff");
}