@charset "utf-8";

/*
	XGUI-Web CSS
	Card Components
	---------------
*/

[xgCard] {
	display: block;	
	margin-bottom: 10px;
	margin-bottom: 1rem;			
	border: 1px solid;
	border: 0.1rem solid;
	border-color: rgba(96, 171, 214, 1.00);
	border-color: rgb(218, 218, 218);
}

[xgCardState="collapsed"] [xgCardHeader] {
	border: 0;		
	background-image: url(/xgui-web/images/DownArrow.png);
}

[xgCardBody] {
	padding: 0;
	overflow: hidden;	
}

[xgCardBody] > .row:last-child {
	padding-bottom: 10px;
	padding-bottom: 1rem;
}

[xgCardBody] > .row:first-child {
	padding-top: 10px;
	padding-top: 1rem;
}

[xgCardHeader] {
	padding: 5px;
	padding: 0.5rem;
	height: 26px;
	height: 2.6rem;
  cursor: pointer;
	margin-bottom: 0;  
	padding-left: 20px;
	font-weight: bold;	
	background-position: left;			
	background-repeat: no-repeat;
	color: rgba(50, 89, 116, 1.0);						
	border-bottom: 1px solid;
	border-bottom: 0.1rem solid;	
	border-color: rgba(96, 171, 214, 1.00);	
	background-image: url(/xgui-web/images/UpArrow.png);		
	border-color: rgb(218, 218, 218);
	background-color: rgb(246, 246, 246);
	background-position: 2px center;	
}

[xgCardHeader][disabled] {
  cursor: default;
	padding-left: 5px;
  padding-left: 0.5rem;  
  background-image: none;	 
}