@charset "utf-8";

/*
	XGUI-Web CSS
	Actionbar Components
	--------------------
*/

div[xgActionBar] {	
	float: left;
	width: 100%;	
	padding: 0;		
	color: black;
	background-color: rgb(238, 248, 254);
}

div[xgActionBar] input[type="button"],
div[xgActionBar] input[type="submit"] {
	background-color: transparent;
}

div[xgActionBar] .row {	
	width: 100%;
}

div[xgActionBar] > div {	
	float: left;	
	width: 100%;
	color: black;
	padding: 10px;
	padding: 1rem;	
}

div[xgActionBar] > div[xgFilterContent] {	
	padding-top: 0;
}

div[xgActionBar] div[xgActionBarItems] {
	padding: 0;
	color: white;	
	min-height: 40px;
	min-height: 4rem;
}

div[xgActionBar] div[xgActionBarItems] > div {
	float: left;
}

div[xgActionBar] div[xgFilterHeader] {
	width: auto;	
	margin: 0;
	color: #333;	
	padding: 0 10px;
	padding: 0 1rem;
	border-right: 1px solid rgba(96, 171, 214, 1.00);
	border-right: 0.1rem solid rgba(96, 171, 214, 1.00);
}

div[xgActionBar] div[xgFilterFooter],
div[xgActionBar] div[xgFilterContent] {
	color: black;
	background-color: white;	
	padding-bottom: 25px;
	padding-bottom: 2.5rem;
}

div[xgActionBar] div[xgFilterContent] {		
	border-top: 1px solid white;			
	border-top: 0.1rem solid white;			
}

div[xgActionBarContent] select,
div[xgActionBarContent] input {
	width: auto;
	min-width: 75px;
	min-width: 7.5rem;
}

div[xgActionBar] div[xgFilterIcon] {
	width: 20px;
	width: 2rem;
	height: 20px;			
	height: 2rem;			
	background-image: url(/xgui-web/images/FilterPanelLight.png);	
}

div[xgActionBar] div[xgFilterHeader].active {
	
}

div[xgActionBar] div[xgFilterHeader].active div[xgFilterIcon] {
	background-image: url(/xgui-web/images/FilterPanelActive.png);	
}

div[xgActionBar] div[xgActionBarContent] {
	width: auto;
	color: white;
	padding: 0 10px;	
	padding: 0 1rem;	
}

div[xgActionBar] h3 {
	margin-top: 0px;
}

div[xgActionBarContent] input,
div[xgActionBarContent] select {
	margin-top: 8px;
	margin-top: 0.8rem;			
	margin-bottom: 8px;
	margin-bottom: 0.8rem;
}

div[xgActionBarFooter] {
	margin: 0;
	float: right;
	padding: 0 10px;
	padding: 0 1rem;
}