.ui.message {
	a {
		.icon.remove {
			position: absolute;
			right: 1em;
			top: 2em;
		}
	}
}

.grid.realtime-chart {
	margin-left: 0.4em !important;
	position: relative;

	.column {
		margin-bottom: 1em;
		border: 1px rgba(0, 0, 0, .1) solid;
		border-right: none;
	}

	.column.with-border {
		border-right: 1px rgba(0, 0, 0, .1) solid;
	}

	.chart {
		height: 10em;
	}

	a {
		display: none;
		font-size: 0.85em;
		position: absolute;
		right: 1em;
	}

	.column:hover {
		background: rgba(0, 0, 0, .03);

		a {
			display: inline;
		}
	}
}

.chart-box {
	height: 14em;
}

.traffic-map-box {
	height: 16em;

	div::-webkit-scrollbar {
		width: 4px;
	}
}

h4 {
	span {
		font-size: 0.8em;
		color: grey;
	}
}

.percent-box {
	position: relative;
	text-align: center;

	.detail {
		position: absolute;
		top: 50%;
		margin-top: -2em;
		left: 0;
		right: 0;
		font-size: 0.8em;

		.label {
			color: grey;
		}

		.value {
			font-size: 1.2em;
		}
	}

	.summary {
		color: grey;
		margin-top: 0.5em;

		span {
			font-size: 0.8em;
			padding-left: 0.2em;
		}

		a {
			font-size: 0.8em;
		}
	}
}