/* @group Gutschein */

#buchungsuebersicht tr.gutschein_zahlung td,
#buchungsuebersicht tr.gutschein_rabatt td
{
	color: #c00;
	font-weight: bold;
}

#buchungsuebersicht tr.gutschein_noch_zu_zahlen td,
#buchungsuebersicht tr.gutschein_gesamtpreis td
{
	border-top: 1px solid #ccc;
}

#buchungsuebersicht tr.gutschein_eingabe td
{
	padding-top: 16px;
	padding-bottom: 8px;
	background: transparent;
}

#buchungsuebersicht .gutschein_input_wrapper
{
	display: flex;
	align-items: center;
	gap: 8px;
}

#buchungsuebersicht .gutschein_input_wrapper .gutschein_code
{
	flex: 1;
	max-width: 280px;
	padding: 5px 8px !important;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 16px !important;
}

#buchungsuebersicht .gutschein_input_wrapper .btn
{
	font-size: 16px;
	padding: 7px 12px !important;
	white-space: nowrap;
}

#buchungsuebersicht .gutschein_input_wrapper .gutschein_entfernen
{
	color: #c00;
	border: 1px solid #c00;
	background: transparent;
	line-height: 1;
	padding: 4px 8px;
}

#buchungsuebersicht .gutschein_input_wrapper .gutschein_entfernen:hover
{
	background: #c00;
	color: #fff;
}

#buchungsuebersicht .gutschein_fehler
{
	color: #c00;
	font-size: 16px;
	margin-top: 4px;
}

#buchungsuebersicht .gutschein_fehler.hide
{
	display: none;
}

#buchungsuebersicht.gutschein_loading
{
	opacity: 0.5;
	pointer-events: none;
	transition: opacity 0.2s;
}

/* @end */