.jqstooltip
{
	box-sizing: content-box!important;
}

.gridContainer {
	height: auto;
	width: 100%;
}

.gridContainer td {
	vertical-align: middle;
}

.gridContainer td.chart-cell {
	overflow: visible;
}

.gridContainer td span.current-value {
	width: 60;
	display: inline-block;
	position: relative;
	float: left;
}

.gridContainer td span.diff {
	float: right;
}

.green span.diff {
	color: #2ab71b;
}

.red span.diff {
	color: #f00;
}

.empty span.diff {
	margin-left: 20;
}

.up span.diff:after,
.down span.diff:after,
.trend span.diff:after {
	content: '__';
	color: transparent;
	background-repeat: no-repeat;
    background-size: 10px 10px;
	background-position-y: 2;
}

.dx-cardItem .trend {
	right: 7px;
	font-size: 19px;
	position: absolute;
	bottom: 40px;
}

.dx-cardItem .trend span.diff:after {
	background-size: 14px 14px;
}

.trend span.diff:after {
	background-position-y: 5;
}

.green.down span.diff:after {
	background-image: url('../images/default/green_down.png');
}

.red.up span.diff:after {
	background-image: url('../images/default/red_up.png');
}

.red.down span.diff:after {
	background-image: url('../images/default/red_down.png');
}

.green.up span.diff:after {
	background-image: url('../images/default/green_up.png');
}

.empty .gaugeTrend {
	display: none;
}

.dx-datagrid-table {
	font-size: 12px;
}

.dx-datagrid .dx-row>td {
	padding-left: 4px!important;
	padding-right: 4px!important;
}

.dx-datagrid .dx-column-lines>td {
	border-left: 0px!important;
}

.dx-datagrid-text-content {
	color: #767676;
}

 .dx-cardItem .dx-card-title {
	 position: absolute;
	 left: 12px;
	 right: 12px;
	 top: 3px;
	 color: #5d5d5d;
	 font-size: 17px;
	 min-height: 23px;
	 font-family: Segoe UI,HelveticaNeue,Trebuchet MS,Verdana;
	 overflow: hidden;
	 -o-text-overflow: ellipsis;
	 -ms-text-overflow: ellipsis;
	 text-overflow: ellipsis;
	 white-space: nowrap;
 }
 .dx-cardItem {
	 margin: 5px;
	 cursor: default;
	 background-color: #fff;
	 position: relative;
	 box-shadow: 0 1px 4px rgba(0,0,0,.15);
	 -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.15);
	 -moz-box-shadow: 0 1px 4px rgba(0,0,0,.15);
	 border: 1px solid rgba(0,0,0,.15);
 }
 .dx-cardItem .dx-card-sparkline {
	 position: absolute;
	 bottom: 0px;
	 margin-bottom: 6px;
	 left: 12px; 
	 right: 12px;
 }
 .dx-cardItem .dx-card-values-container {
	right: 12px;
	font-size: 12px;
	bottom: 65px;
	position: absolute;
	color: #b6b6b6;
 }
.dx-cardItem .dx-card-indicator {
	 font-size: 19px;
	 bottom: 40px;
	 position: absolute;
	 left: 12px;
 }

.bullet-blue { font: 10px sans-serif; }
.bullet-blue .marker { stroke: #000; stroke-width: 2px; }
.bullet-blue .tick line { stroke: #666; stroke-width: .5px; }
.bullet-blue .range.s0 { fill: #eee; }
.bullet-blue .range.s1 { fill: #ddd; }
.bullet-blue .range.s2 { fill: #ccc; }
.bullet-blue .range.s3 { fill: #999; }
.bullet-blue .measure.s0 { fill: steelblue; }
.bullet-blue .subtitle { fill: #999; }
.bullet-blue .title { font-size: 14px; font-weight: bold; }

.bullet-colored, .bullet-colored-inverse { font: 10px sans-serif; }
.bullet-colored .marker, .bullet-colored-inverse .marker { stroke: #000; stroke-width: 2px; }
.bullet-colored .tick line, .bullet-colored-inverse .tick line { stroke: #666; stroke-width: .5px; }
.bullet-colored .range.s0, .bullet-colored-inverse .range.s0 { fill: #CCCCCC; }
.bullet-colored .range.s1 { fill: #D07C7A; }
.bullet-colored-inverse .range.s1 { fill: #B4CC83; }
.bullet-colored .range.s2, .bullet-colored-inverse .range.s2 { fill: #FFE999; }
.bullet-colored .range.s3 { fill: #B4CC83; }
.bullet-colored-inverse .range.s3 { fill: #D07C7A; }
.bullet-colored .measure.s0, .bullet-colored-inverse .measure.s0 { fill: #333333; }
.bullet-colored .subtitle, .bullet-colored-inverse .subtitle { fill: #999; }
.bullet-colored .title { font-size: 14px; font-weight: bold; }