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;
}

.caption-chart {
	background: var(--box-bg-color);
	padding: 1.8em;
	border: 0;
}

.caption-bottom-distance {
	padding-bottom: 1.2em;
}

.caption-title {
	font-weight: bold;
	font-size: 1.4rem;
	color: var(--box-title-text-color);
}

.caption-header {
	font-size: 0.9em;
	color: var(--box-header-text-color);
	margin-bottom: 0;
}

.caption-value {
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;
	color:var(--box-text-color);
}

.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);
}

.data-sources, .data-sources a {
	font-weight: bold;
	font-size: 0.6rem;
	color: var(--axis-label-color);
}

.btn-db {
	background-color: var(--btn-color);
	border-bottom-color: var(--btn-color);
	border-left-color: var(--btn-color);
	border-right-color: var(--btn-color);
	border-top-color: var(--btn-color);
	color: var(--btn-text-color);
}

.label-for-check {
	background-color: var(--btn-color);
	border-bottom-color: var(--btn-color);
	border-left-color: var(--btn-color);
	border-right-color: var(--btn-color);
	border-top-color: var(--btn-color);
	color: var(--btn-text-color);
}

.btn-db:hover, .btn-check:hover + .label-for-check, .btn-check:checked + .label-for-check, .btn-db-submit, .btn-db-submit:hover {
	background-color: var(--btn-hover-color);
	border-bottom-color: var(--btn-hover-color);
	border-left-color: var(--btn-hover-color);
	border-right-color: var(--btn-hover-color);
	border-top-color: var(--btn-hover-color);
	color: var(--btn-hover-text-color);
}

.compare-isin-input {
	background-color: var(--input-field-bg-color);
	color: var(--input-field-text-color);
}

.compare-isin-input:focus {
	background-color: var(--input-field-focus-bg-color);
	color: var(--input-field-focus-text-color);
}

.highcharts-menu {
	background-color: var(--export-menu-background-color)!important;
}

.highcharts-menu-item {
	background-color: var(--export-menu-background-color)!important;
	color: var(--export-menu-text-color)!important;
}

.highcharts-menu-item:hover {
	filter: brightness(85%);
}

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

@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;
	}
}