/* Your app styles here */

.machine_dashboard div[class*="col"] {
	background: #fff;
	text-align: center;
	color: #000;
	/*padding: 5px;*/
	margin-bottom: 15px;
	font-size: 11px;
}

/* Left Panel right border when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint:before {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: rgba(0,0,0,0.1);
	content: '';
	z-index: 6000;
}

/* Hide navbar link which opens left panel when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint ~ .view .navbar .panel-open[data-panel="left"] {
	display: none;
}

/*
  Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
*/
.ios .panel-left:not(.panel-visible-by-breakpoint).panel-active ~ .view-main:before,
.ios .panel-left:not(.panel-visible-by-breakpoint).panel-closing ~ .view-main:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: rgba(0,0,0,0.1);
	content: '';
	z-index: 6000;
}

.ggl-tooltip {
	border: 1px solid #E0E0E0;
	font-family: Arial, Helvetica;
	font-size: 10pt;
	padding: 6px;
}

.ggl-tooltip div {
	padding: 3px;
}

.ggl-tooltip span {
	font-weight: bold;
}

svg g:nth-of-type(3n+3) rect {
	stroke: #000000;
	stroke-width: 1;
}

svg g:first-of-type path[stroke="#e6e6e6"] {
	stroke: #ffffff;
}

svg g:first-of-type rect:not(:last-child) {
	fill: #ffffff;
}