@font-face {
	font-family: 'db_light';
	src: url('/css/db-font/DB Head Alternate Regular.otf');
}

body {
	font-family: 'db_light';
}

/* Scrollbar width */
::-webkit-scrollbar {
	width: 1em;
}

/* Scrollbar Track */
::-webkit-scrollbar-track {
	background: #d7dce1;
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Scrollbar Handle */
::-webkit-scrollbar-thumb {
	background: #646973;
	border-radius: 10px;
}

/* Eigene Klasse für den Font der Bahn*/
.db-font {
	font-family: db_light;
}

/* Text der Input Mask */
.custom_mask.e-input-group input.e-maskedtextbox {
	font-family: db_light;
}
/* Text in der DropDownList */
.custom_dropdown.e-input-group input.e-dropdownlist {
	font-family: db_light;
}
/* Item Text in der DropDownList */
.custom_dropdown.e-popup-open {
	font-family: db_light;
}
/* Text in der Dropdownlist bei Eingabe zum Filtern */
.custom_dropdown span.e-input-group.e-control-container.e-control-wrapper {
	font-family: db_light;
} 

/* Minimale Größe und Hintergrundfarbe der Tooltips */
.tooltip.e-tooltip-wrap {
	min-width: min-content;
	background-color: #d7dce1;
}

/* Design von p und span Elementen in Tooltips */
.tooltip span, p {
	color: black;
	white-space: nowrap;
	font-size: 0.9rem;
	font-family: db_light;
}

/* Korrekte Größenanpassung des Diagramms an Ausmaße des Containers */
.e-chart {
	width: inherit !important;
	height: inherit !important;
	overflow: visible !important;
	z-index: 500;
}

/* Anpassen der Label der Radio Buttons */
.e-radio + label .e-label {
	font-family: db_light;
}

/* Farbe (DB-Rot) der Punkte der Radio Buttons */
.e-radio:checked + label::after, .e-radio:checked + label::before, .e-radio:checked:focus + label::after, .e-radio:checked:focus + label::before {
	background-color: #ec0016;
	color: #ec0016;
	border-color: #ec0016;
}

/* Breiterer Abstand zum linken Bildrand */
.px-custom {
	padding-left: 12rem !important;
	padding-right: 1.5rem !important;
}

/* Design für den Link der aktiven Seite */
.active-page:link, .active-page:visited, .active-page:active {
	text-decoration: underline solid #ec0016;
	text-decoration-thickness: 0.2em;
	text-underline-offset: 0.3rem;
	color: black;
}

/* Design für den Link der aktiven Seite */
.active-page:hover {
	text-decoration: underline solid #ec0016;
	text-decoration-thickness: 0.2em;
	text-underline-offset: 0.3rem;
	color: black;
}

/* Standardfarbe der Links */
.custom-link {
	text-decoration: none;
	color: black;
}

/* Links färben sich beim Hovern in DB-Rot */
.custom-link:hover {
	text-decoration: underline solid #ec0016;
	text-decoration-thickness: 0.2em;
	text-underline-offset: 0.3rem;
	color: black;
}

/* Farbe des sich drehenden Kreises des Overlays beim Laden */
.e-spinner-pane .e-spinner-inner .e-spin-material {
	stroke: #ec0016;
}

/* Linie unter der Dropdown-Liste */
.e-ddl.e-input-group.e-control-wrapper.e-input-focus::before, .e-ddl.e-input-group.e-control-wrapper.e-input-focus::after {
	background-color: transparent;
}

/* Entfernt die Umarandung der Buttons */
button:focus, button:active {
	outline: none !important;
	box-shadow: none !important;
}