.data-container {
	max-height: 400px;
	overflow: auto;
}

text {
	font: 12px sans-serif;
}

#chart1 {
	margin: 10px;
	min-width: 100px;
	min-height: 100px;
	/*
	  Minimum height and width is a good idea to prevent negative SVG dimensions...
	  For example width should be =< margin.left + margin.right + 1,
	  of course 1 pixel for the entire chart would not be very useful, BUT should not have errors
	*/
}

.loading {
	background: #ffffcc;
	padding: 10px;
}

.ptf, .mypiechart {
	width: 100%;
}

.ptf .panel-heading p{color:#ffffff;}

.ptf {
	border: 1px solid #cccccc;
	border-radius: 0px;
}

.ptf .panel-footer {
	border: none;
	font-size: 1em;
	color: #999;
}

.ptf .panel-heading {
	background: #2AA4DD;
	color: #ffffff;
	border-radius: 0px
}

path {
	cursor: pointer;
}

svg text {
	font: normal 10px Tahoma;
}

rect {
	cursor: pointer;
}

.clr {
	clear: both;
}

div.r {
	padding: 5px;
	margin: 5px;
}
/*"#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd", "#8c564b", "#e377c2", "#7f7f7f", "#bcbd22", "#17becf"**/
div.r0, div.r10, div.r20, div.r30 {
	background-color: #1f77b4
}

div.r1, div.r11, div.r21, div.r31 {
	background-color: #ff7f0e
}

div.r2, div.r12, div.r22, div.r32 {
	background-color: #2ca02c
}

div.r3, div.r13, div.r23, div.r33 {
	background-color: #d62728
}

div.r4, div.r14, div.r24, div.r34 {
	background-color: #9467bd
}

div.r5, div.r15, div.r25, div.r35 {
	background-color: #8c564b
}

div.r6, div.r16, div.r26, div.r36 {
	background-color: #e377c2
}

div.r7, div.r17, div.r27, div.r37 {
	background-color: #7f7f7f
}

div.r8, div.r18, div.r28, div.r38 {
	background-color: #bcbd22
}

div.r9, div.r19, div.r29, div.r39 {
	background-color: #17becf
}

td.n {
	text-align: right;
}

.panel-slider-container {
	position: relative;
}

.dissmiss {
	color: #f1f1f1;
}

.bhb{background:#f1f1f1;}
.bhb hr{border:#2AA4DD 2px solid; text-align: left; margin:5px; }
.ptf_chart_invisible{display:none;}