mg-2 {
	margin: 2rem;
}

mg-1 {
	margin: 1rem;
}

mg-t-1 {
	margin-top: 1rem;
}

pd-1 {
	padding: 1rem;
}

pd-l-1 {
	padding-left: 1rem;
}

pd-r-1 {
	padding-right: 1rem;
}

.red {
	color: #ac2925;
}
.green {
	color: #2b7d2b;
}

.blue {
	color: #0066cc;
}

div.bar_wrapper {
    top: 50%;
    min-width: 100%;
}

div.bar.value.red {
	background-color: #ac2925;
}

div.bar {
    font-size: 0.75rem;
    height: 4px;
    line-height: 12px;
    margin: 1px 0px 3px 0px;
    outline-color: rgb(51, 51, 51);
    outline-style: none;
    outline-width: 0px;
    overflow: hidden;
    white-space: nowrap;
    -moz-text-size-adjust: none;
}

div.bar_content {
    height: 12px;
    line-height: 12px;
    margin: 1px 0px 3px 0px;
    overflow: hidden;
    white-space: nowrap;
    max-height: 16px;
    min-height: 12px;
}

div.bar_content.mini {
    font-size: 0.75rem;
}

div.bar.value {
	background-color: #2b7d2b;
	cursor: pointer;
	float: left;
	height: 8px;
	line-height: 14.4px;
	max-height: 8px;
	min-height: 4px;
	top: 50%;
	transform: matrix(1, 0, 0, 1, 0, -4);
	white-space: nowrap;
	-moz-text-size-adjust: none;
}

div.bar.novalue {
	background-color: #d5dadc;
	box-sizing: border-box;
	float: left;
	height: 8px;
	line-height: 14.4px;
	max-height: 8px;
	min-height: 4px;
	top: 50%;
	transform: matrix(1, 0, 0, 1, 0, -4);
	white-space: nowrap;
	-moz-text-size-adjust: none;
}

th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
	padding-left: 1rem;
}