body {
	background-color: var(--body-bg-color);
	font-family: NewsGothicBTWebLight, Arial, Verdana, Helvetica, sans-serif;
}

@font-face {
	font-family: 'NewsGothicBTWebLight';
	src: url('/fonts/NGT45__W.eot');
	src:
		url('/fonts/NGT45__W.eot?#iefix') format('embedded-opentype'),
		url('/fonts/NGT45__W.woff') format('woff'),
		url('/fonts/NGT45__W.ttf') format('truetype'),
		url('/fonts/NGT45__W.svg#NewsGothicBTWeb-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

#mainDiv {
	margin: 0;
	width: 97vw;
}

.positive-value {
	color: var(--positive-value-color);
}

.negative-value {
	color: var(--negative-value-color);
}

.my-isin-brand {
	font-weight: bold;
	font-size: var(--brand-font-size);
	color: var(--company-name-color);
}

.my-isin-value {
	font-weight: bold;
	font-size: var(--value-font-size);
	color: var(--company-value-color);
}

.my-isin-percent-value {
	font-size: var(--diff-value-font-size);
	font-weight: normal;
	font-style: normal;
}

.my-isin-details {
	font-weight: bold;
	font-size: var(--details-font-size);
	color: var(--company-details-color);
}

@media screen and (min-width : 431px)
{
	.show-only-xs {
		display: none;
	}
}

@media screen and (max-width : 430px)
{
	.show-only-xs {
		width: 100%;
	}
	
	.caption-title {
		font-size: 1.2em;
	}
	
	.caption-value {
		font-size: 0.9em;
	}
	
	.my-isin-brand {
		font-size: 0.9em;
	}
	
	.my-isin-value {
		font-size: 1.2em;
	}
	
	label, .btn {
		font-size: 0.7em !important;
	}
}