/* CSS Document */

@media screen and (max-width: 650px)
{
	html { -webkit-text-size-adjust: none;}
	#Subdomains	{}
	#Modules	{ display: none;}
		#MainMenuModulesIcons ul li	{ float: left; text-align: center; width: 33.333%; height: 100px; text-align: center;}
		#MainMenuModulesIcons ul li a	{ text-align: center;}
		#MainMenuModulesIcons a img	{ margin: 5px auto; width: 64px; display: block;}
	#Tools	{}
	#Tools a span	{ display: none;}
	#Content	{}
		#mobileNav	{ display: block; text-align: center; font-size: 1em; padding: .5em 0; color: #000; font-weight: bold; border-bottom: 1px solid #333;}
		#Submenu	{ float: none; background: #ccc; min-height: 0; margin: 0; padding: 0; width: 100%;}
			#Submenu .navbar-collapse { border-top: none; max-height: unset;}
		#filter	{ float: none;}
		#Submenu ul	{ margin: 10px 0;}
		#Submenu ul li	{ line-height: 2em;}
		#Submenu ul li img	{ height: 2em;}
		#Submenu ul ul	{ margin: 10px 0 0 0; width: 97%;}
		#Submenu ul ul li	{ line-height: 2.5em;}
		#Submenu ul ul li, #Submenu ul li,#Submenu ul ul li a	{}
		#Main	{ padding: 0; margin: 0;}
			#MainContent	{ }
		#multiple_action	{ padding-left: 10px;}
	#Footer	{}
	
	.ico	{padding: 7px 11px !important}
	.submenu	{ display: inline; background: url(../img/ico_submenu.png) center center no-repeat; padding: 10px 18px 12px !important;}
	/* GATE Styles */
	#LoginContainer	{ width: calc(100vw - 60px); margin: 0;}
	/* FORM */
	label	{ display: block; float: none; font-size: 9px; text-transform: uppercase; text-align: left; margin: 0; padding: 0;}
	input, select, textarea	{ width: 100%;}
	form#filter	{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}

	/* Animations */
	#Submenu, #LoginContainer { -moz-animation: none; -webkit-animation: none;}
	
	/* CUSTOMs */
	.nodesktop	{}
	.nomobile	{ display: none;}

.nav {
		position: relative;
		min-height: 40px;
		margin: 0;
		padding: 5px;
	}	
	.nav ul ul {
		width: 250px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
	}
/*
	.nav ul ul li {
		display: none;  hide all <li> items 
		margin: 0;
	}
*/
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav li {
	margin: 0 5px 10px 0;
	padding: 0;
	display: block;
	}
	.nav a {
		display: block;
		padding: .75em;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul ul:hover {
		background-image: none;
	}
/*
	.nav ul:hover ul li {
		display: block;
		margin: 0 0 5px;
	}
*/
	.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}
	
/* TABLEs */
table#dataTable	{ margin: 10px 0; border-collapse: collapse; width: 100%;}
table#dataTable thead	{}
table#dataTable tr	{ display: block;}
table#dataTable td	{ width: 100%; clear: left; float: left; display: inline-block; vertical-align: top; position: relative; text-align: left; -moz-box-sizing: border-box;}
table#dataTable td span.table_cell_label	{ display: inline-block; vertical-align: top; min-width: 30%; font-weight: bold;}

}