body {
	min-width: 320px;
	background: #fff;
}

#template {
	display: flex;
	font-family: 'Roboto', sans-serif;
}

.table-overflow-box {
	padding: 0;
	margin: -3px -3px 10px -3px;
	flex-grow: 1;
}

.table-overflow-box:not(:first-child) {
	margin-left: 10px;
}

.share-performance {
	border-spacing: 2px;
}

#template .share-performance th {
	font-weight: bold;
}

#template .share-performance th, #template .share-performance td {
	color: #555;
	font-size: 15px;
}

#template .share-performance td {
	text-align: left;
}

#template .share-performance td.number.up {
	color: #0A0;
}

#template .share-performance td.number.down {
	color: #A00;
}

#template .share-performance td.number span.sign-span:before {
	content: '\00a0\00a0\00a0\00a0\00a0\00a0';
}

#template .share-performance td.number.up span.sign-span:before {
	content: '+\00a0\00a0\00a0\00a0';
}

#template .share-performance td.number.down span.sign-span:before {
	content: '-\00a0\00a0\00a0\00a0\00a0';
}

@media screen and (max-width: 768px) {
	#template {
		display: block;
	}

	.table-overflow-box:not(:first-child) {
		margin-left: -3px;
	}

	#template .share-performance th {
		text-align: center;
	}
}

@media screen and (min-width: 992px) {
	#template .share-performance th, #template .share-performance td {
		padding: 4px 10px;
	}

	#template .share-performance th {
		text-align: left;
	}
}