/**
 * Gemeinsame Gestaltung der Fenster der Trainerabrechnung.
 *
 * Diese Datei gilt für alle Oberflächen, die über JavaScript ein Fenster mit
 * der Klasse .ta-dialog an den Seitenkörper hängen: Eingang, Verwaltung,
 * Anmeldeband und Verwaltungsbereich im Backend. Die Regeln standen bis
 * Fassung 2.5.0 nur in verwaltung.css und backend.css, dadurch erschien das
 * Fenster im Eingang ohne Gestaltung am Seitenende.
 */

.ta-dialog {
	align-items: flex-start;
	background: rgba(0, 0, 0, 0.45);
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	overflow-y: auto;
	padding: 24px 12px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100000;
}

.ta-dialog-box {
	background: #ffffff;
	border-radius: 10px;
	box-sizing: border-box;
	max-width: 620px;
	padding: 0;
	width: 100%;
}

.ta-dialog-kopf {
	align-items: center;
	border-bottom: 1px solid #d8dee6;
	display: flex;
	justify-content: space-between;
	padding: 12px 16px;
}

.ta-dialog-zu {
	background: none;
	border: 0;
	cursor: pointer;
	font-size: 22px;
	line-height: 1;
}

.ta-dialog-inhalt {
	padding: 16px;
}

.ta-dialog-fuss {
	border-top: 1px solid #d8dee6;
	padding: 12px 16px;
	text-align: right;
}

/* Sichtbare Meldung eines Serverfehlers im geöffneten Fenster. */
.ta-dialog-meldung {
	background: #fdecea;
	border: 1px solid #e0b4ae;
	border-radius: 6px;
	color: #8a1f11;
	margin: 0 16px 12px;
	padding: 10px 12px;
}