@import 'font-awesome/css/font-awesome.min.css';

body {
	margin:5px;
	padding:10px;
	border:0px none;
	font-family:Arial,Sans-Serif; 
	font-size:12px;
	/* background:url('../images/background.jpg') */
}

html { overflow-y:scroll }



table {font-size:12px; background:#c0c0c0}

Form  {
	 padding:0px;
	 border:0px;
	 margin:0px;
}


INPUT {font-size:12px;font-family:Arial, Sans-Serif}

SELECT {font-size:12px;font-family:Arial, Sans-Serif}


TEXTAREA {font-size:12px;font-family:Arial, Sans-Serif}


A:ACTIVE, A:LINK, A:VISITED
{
Color: #000000;
Font-Size: 13px;
Font-Family: Arial; text-decoration: none; 
font-weight: bolder;
Letter-Spacing: 0px
}

A:HOVER
{
Color: #FE6500;
Font-Family: Arial;
font-weight: bolder;
Font-Size: 13px;
Text-Decoration: none
}



/*div.adm_header {width:100%;height:50}*/

img {border:0px none; }

/*---------------------------------------------------------------------------------- */
/* Menü */

div.adm_menu {
	
	/* float:left; */
	position:fixed; left:0; top:0; z-index:1000;
	width:100%;	height:50px;
	text-align:left;
	background:#fff;
	border:1px solid #c0c0c0;
	box-shadow: 0 3px 5px 1px #000000;
}


	.adm_menu a.icon 		{ float:left;  height:41px; line-height:41px;margin-top:5px }
	.adm_menu a.logout 	{ float:right; margin-right:20px}
	.adm_menu a.start		{ margin-left:20px }
	
	
	.adm_menu UL {
		float:left; 
		/*width:100%; */
		list-style-type:none;
		margin:0 0 0 20px; padding:0
	}

	/*.adm_menu UL LI UL { float:left}*/




		.adm_menu LI {
			float:left; padding:0;  margin:0; padding:0; position:relative;
		}

		.adm_menu LI A {
			padding:0 40px 0 40px;
			display:block;
			width:auto; height:50px; line-height:50px;			
			text-align:left; /* text-indent:20px; */ color:#666;
			font-size:18px			
		}
		
		
		
		.adm_menu LI A:HOVER {			
			color:orange
		}


		.adm_menu UL LI UL { position:absolute; left:0; top:52px; width:200px; display:none; list-style-type:none; margin:0;padding:0; box-shadow: 3px 3px 5px 1px #000000;}
		.adm_menu UL LI UL LI { float:left; width:100%;  text-align:left; background:#fff; border-bottom:1px solid #c0c0c0 }
		
		.adm_menu UL LI UL LI A {  float:left; text-align:left; text-indent:40px; padding:0; width:100%; height:35px; line-height:35px; font-size:14px; font-weight:bolder; }
		.adm_menu UL LI UL LI A:HOVER { background:url('../images/arrow.png') center right no-repeat; background-size:20px; color:orange; font-weight:bolder}

		.adm_menu LI.nav-active A				{ /* background: RGB(51,102,153); */ color:orange}
		
		.adm_menu LI.nav-active UL LI A 		{ background:url('../images/bottom_bg.jpg-') center 0px; color:#808080}
		.adm_menu LI.nav-active UL LI UL LI A	{ background:#fff; text-indent:40px; color:#808080; font-size:11px }
		.adm_menu LI.nav-active UL LI UL LI UL LI A 	{ text-indent:50px; }

		.adm_menu A.current 					{  color:orange; text-decoration:none }

	
	

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

A:LINK.adm_menu_lnk, A:VISITED.adm_menu_lnk, A:ACTIVE.adm_menu_lnk
	{
	 display:block;width:100%;line-height:25px;
	 background: url('../images/bottom_bg.jpg');
	 font-weight:bolder;color:#fff;
	 font-size:12px;
	 text-indent:10px; text-decoration:none
	}

A:HOVER.adm_menu_lnk {
	 background:url('../images/admin_menu_hover.jpg') repeat-x ; 
	 text-decoration:underline
}




div.adm_content {width:100%; margin-top:80px; }

div.content_right {height:100%;position:relative;background:#fff;}

/*----------- Reiter-------------------*/



 #mask {
	width:98%;
	margin:auto;
	background:none
 }


 #reiter {
	width:100%; height:50px;
	background:#fff;
	margin:auto
}

	#reiter UL {
		float:left;
		width:90%;
		list-style-type:none;
		padding:0; margin:0
	}

	#reiter LI {
		float:left; width:30%; line-height:50px;
		background:url('../images/top_bg.jpg');
		margin:0 10px 0 0;
		border-left:1px solid #c0c0c0;
		border-right:1px solid #c0c0c0
	}

	 A.r_inactive {
		display:block;
		width:100%; height:50px;			
		text-align:center;
		font-size:16px;	
		color:#808080
	}

	A:HOVER.r_inactive  {		
		color:#fff; background:url('../images/reiter_active.jpg');
	}

	A.r_active {
		display:block;
		width:100%; height:50px;
		background:url('../images/reiter_active.jpg');	
		text-align:center;
		font-size:16px;	
		color:#fff
	}

	A:HOVER.r_active {
		text-decoration:underline
	}
 
 
 /*  Buttons */
 
 button.submit {
	border:0px none; padding:0;width:150px;height:25px;
	line-height:25px;
	font-size:12px;color:#fff; font-family:Arial, Sans-Serif;
	background:url('../images/bottom_bg.jpg') center bottom; margin-left:10px; margin-right:5px; margin-top:0px; margin-bottom:0
}

button.submit:HOVER {background-position:center bottom; color:#fff}
 
 /* Overlay ----------------------------------------------------------------------------------------------------------------------------------------- */
 #ovlWrapper 			{ position:fixed; left:0; top:0; z-index:1; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.7); z-index:1000 }
 #overlay 					{ width:98%; height:98%; background:#fff; display:none; overflow:hidden; margin:auto;  position:fixed; top:1%; z-index:2001 }

 #ovl-header 				{ float:left; width:98%; min-height:30px; border-bottom:1px solid #808080; box-shadow:none; padding:1%; margin:auto;  font-size:16px; background:#f0f0f0}
 #ovlcontent 				{ float:left; width:98%; height:95%; border:none; box-shadow:none; padding:1%; margin:auto; }

 
 #ovlcontent iframe { float:left; width:100%; height:100%; border:none }
 
/*  #inline  						{ width:800px; height:500px; border:0px none; margin:0; padding:0 }
#close-wrapper		{ float:left; width:100%; height:30px; background:#f0f0f0 } */

span.closeOvl			{ float:right; margin:8px 8px 0 0; font-size:26px;cursor:pointer  }
div#ovl-header h4				{ margin:0; font-size:18px;line-height:30px }
 
 
 /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
 /*---------------- media queries ----------------------------------------------------------------------------------------------------------------*/
 div#mobileNav { width:50px; height:50px; background:#c0c0c0; position: absolute; top:5px; right:0px; display:none }
 div#mobileNav.blue {background:#4E9EC1; }
 span.fa-chevron-circle-down { font-size:18px;text-align:center; position:absolute; top:17px; right:20px; cursor:pointer; }
 
 
 @media all and (max-width:1600px) {
	.adm_menu LI A {
			padding:0 20px 0 20px;			
			font-size:16px
	} 
	 span.fa-chevron-circle-down { font-size:18px;text-align:center; position:absolute; top:16px; right:0px; cursor:pointer; }
 } 
 @media all and (max-width:1150px) {
	.adm_menu LI A {
			padding:0 20px 0 10px;
			font-size:14px	
	} 
	span.fa-chevron-circle-down { right:2px }
	.adm_menu UL LI UL LI A {  font-size:14px }
 }
  @media all and (max-width:1024px) {
	/* div#mobileNav { display:block}
	
	.adm_menu  { position:fixed; width:100%;}
	.adm_menu  UL { background:#fff }
	.adm_menu LI { float:left; width:100%; } */
	
	.adm_menu LI A {
			padding:0 20px 0 4px;
			font-size:13px	
	} 
	.adm_menu UL LI UL LI A {  font-size:13px }
 }
   @media all and (max-width:925px) {
 /*   .adm_menu a.icon	{ position:absolute; left:10px; margin-left:0px; width:15px } */
   .adm_menu a.start img	{ width:25px; margin-top:8px }
   .adm_menu a.logout img	{ width:35px }
   .adm_menu a.logout	{ position:absolute; top:0px }
   
   
   .adm_menu UL { margin-left:0}
	.adm_menu LI A {
			padding:0 5px 0 5px;
			font-size:11px; /* font-weight:normal */
	} 
	span.fa-chevron-circle-down { right:40%; top:33px; font-size:16px}	
	.adm_menu UL LI UL LI A {  font-size:12px }
	
	.adm_menu UL LI UL {
		position: absolute;
		left: -150px;
		top: 52px;
		width: 200px;
		display: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		box-shadow: 3px 3px 5px 1px #000000;
	 }
 }
 
 
 @media all and (max-width:90px) {
	
		span.fa-chevron-circle-down { width:30px; height:30px;  border-radius:50%; font-size:25px;text-align:center; position:absolute; top:5px; right:5px; cursor:pointer }
	
		
		div.adm_content { margin-top:50px }
		div.content_right { position:relative}
		div.adm_menu {			
			position:fixed; left:-320px; top:0; z-index:10;
			width:320px; min-height:50px; height:100%;
			text-align:left;
			background:#4E9EC1;
			border:none;
			border-bottom:1px solid #c0c0c0;
			box-shadow: none;
		}


	.adm_menu a.icon 		{ float:left;  height:41px; line-height:41px;margin-top:5px }
	.adm_menu a.logout 	{ position:absolute; top:5px; right:5px}
	.adm_menu a.start		{ margin-left:20px }
	
	
	.adm_menu UL {
		float:left; 
		width:95%;
		list-style-type:none;
		margin:0 0 0 5%; padding:0;
		background:none;
	}

	/*.adm_menu UL LI UL { float:left}*/




		.adm_menu LI {
			float:left;  width:100%; padding:0;  margin:0; padding:0; position:relative;
			border-bottom:1px dotted #808080;
		}

		.adm_menu LI A {
			padding:0 40px 0 40px;
			display:block;
			width:auto; height:40px; line-height:40px;			
			text-align:left; /* text-indent:20px; */ color:#fff;
			font-size:18px
				
		}
		
		
		
		.adm_menu LI A:HOVER {			
			color:orange
		}


		.adm_menu UL LI UL { float:left; position:relative; left:0; top:0px; width:100%; display:none; list-style-type:none; margin:0;padding:0; box-shadow: none;}
		.adm_menu UL LI UL LI { float:left; width:100%;  text-align:left; background:none ; border-bottom:1px solid #c0c0c0 }
		
		.adm_menu UL LI UL LI A {  float:left; text-align:left; text-indent:40px; padding:0; width:100%; height:35px; line-height:35px; font-size:14px; font-weight:bolder; }
		.adm_menu UL LI UL LI A:HOVER { background:url('../images/arrow.png') center right no-repeat; color:orange; font-weight:bolder}

		.adm_menu LI.nav-active A				{ /* background: RGB(51,102,153); */ color:orange}
		
		.adm_menu LI.nav-active UL LI A 		{ background:url('../images/bottom_bg.jpg-') center 0px; color:#808080}
		.adm_menu LI.nav-active UL LI UL LI A	{ background:none; text-indent:40px; color:#808080; font-size:11px }
		.adm_menu LI.nav-active UL LI UL LI UL LI A 	{ text-indent:50px; }

		.adm_menu A.current 					{  color:orange; text-decoration:none }
	
 
 }