

.xgrid > div
{
	//transition: all 0.10s ease-in-out;
}

.xgrid > div > div
{
	//transition: all 0.10s ease-in-out;
}

.xgridred > div > .xgridcellheader
{
	background-color: red;
	color: white;
	font-weight:  bold;
	
	border-right: 1px solid #CC0000;
	border-bottom: 2px solid #CC0000;
}

.xgridred > div > .xgridcell
{
	color: #AA0000;
}

.xgridred > .xgridrow:nth-child(2n)
{
	background-color: #FFFAFA;
}

.xgridred > div > .xgridcellindicator
{
	background-color: #FF5555;
	color: white;
	font-weight: bold;
	
	border-right: 1px solid #FF3333;
	border-bottom: 2px solid #FF3333;
}

.xgridred > .xgridrow
{
	border-bottom: 1px solid #FFDDDD;
}

.xgridred > div > .xgridcell
{
	border-right: 1px solid #FFDDDD;
}

.xgridblack > div > .xgridcellheader
{
	background-color: #333333;
	color: white;
	font-weight: bold;
	
	border-right: 1px solid #000000;
	border-bottom: 2px solid #000000;
}

.xxgridblack > div > .xgridcell
{
	background-color: #F9F9F9;
	color: #AA0000;
}

.xgridblack > .xgridrow
{
	background-color: #F9F9F9;
	border-bottom: 1px solid #EFEFFF;
}

.xgridblack > div > .xgridcellindicator
{
	background-color: #444444;
	color: white;
	font-weight:  bold;
	
	border-right: 1px solid #333333 !important;
	border-bottom: 1px solid #333333;
}


.xgridblue > div > .xgridcellheader
{
	background-color: #1111FF;
	color: white;
	font-weight: bold;
	
	border-right: 1px solid #0000EE;
	border-bottom: 2px solid #0000EE;
}

.xgridblue > .xgridrow:nth-child(2n)
{
	background-color: #F6F6FF;
}

.xgridblue > .xgridrow
{
	border-bottom: 1px solid #EFEFFF;
}

.xgridblue > div > .xgridcell
{
	border-right: 1px solid #EEEEFF;
}

.xgridblue > div > .xgridcellindicator
{
	background-color: #4444FF;
	color: white;
	font-weight:  bold;
	
	border-right: 1px solid #0000EE !important;
	border-bottom: 1px solid #0000EE;
}

.xgridblue > div > div > .xgridfilter
{
	color: white;
}

.xgridred > div > div > .xgridfilter
{
	color: white;
}

.xgridblack > div > div > .xgridfilter
{
	color: white;
}

.xgridrow:hover
{
	background-color: whitesmoke;
}
