.FlexTable {
	/*  border-top: thin solid #444444;
  border-left: thin solid #444444;
  border-right: thin solid #111111;
  border-bottom: thin solid #111111; */
	padding: 5px 5px 5px 5px;
	background-color: #eeeeee;
}

.FlexTable-OddRow {
	background-color: #cccccc;
}

.FlexTable-EvenRow {
	background-color: #505050;
}

.FlexTable-ColumnLabel {
	color: white;
	padding: 3px;
}

.FlexTable-ColumnLabelCell {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: white;
	margin: 0;
	padding: 0;
	text-align: center;
}

.FlexTable-Cell {
	/*
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-color: white;
  padding: 5px; */
	
}


.ScrollPanel {
	border-width: 0px 0px 0px 0px;
	padding: 0;
}

.SimplePanel {
	border-width: 0px 0px 0px 0px;
	padding: 0;
}

.Frame {
	border-width: 0px 0px 0px 0px;
	padding: 0;
}



.MyChart {
	width: 50%;
	height: 55%;
	max-width: 900px;
	min-width: 700px;
	float: left;
}



.CurrentUser {
	font-weight: 900;
	font-family: "Arial Black", Arial, sans-serif;
}

.OtherUser {
	font-weight: normal;
}

@media screen and (max-width: 1919px) {
.MyChart {
	width: 100%;
	height: 100%;
	max-width: none;	
	min-width: none;;	
	float: left;
}
}

@media screen and (max-width: 480px) {
.MyChart {
	width: 100%;
	height: 100%;
	max-width: none;	
	min-width: 300px;	
	float: left;
}
}

/* .chart { */
/* /* 	width: 70%; */ */
/* /* 	height: 100%; */ */
/* 	min-width: 320px; */
/* 	min-height: 180px; */
/* 	max-width: 960px; */
/* 	max-height: 540px; */
/* 	float: left; */
/* } */