/*
    In der Standard.css befinden sich neben Bootstrap alle grundlegenden Gestaltungen/Formatierungen die in den meisten Seiten auftreten werden oder koennen.
    Sie legt sich unter Anderem ueber alle UserControls2 aber auch ueber den Rest der Seite.

    Die Datei muss unterhalb jeder anderen CSS Verlinkungen geschehen damit diese hier nicht überschrieben wird
    Ansonsten würden Gestaltungen der anderen CSS vielleicht die hier überschreiben.
*/

/* Variablen */
:root {
	--color-grey: #44546a;
	--color-tsOrange: #f39b04;
	--primary-color: #95ba20;
	--color-grey-2: #597166;
	--secondary-color: /*#f49800*/ #597166;
	--accent-color: #f49800;
	--header-color: #1f4e3d;
	--text-color: #757575;
	--light-grey-background: #F6F5F2;
}

body {
	/*font-family: 'Roboto', sans-serif !important;*/
	color: var(--text-color);
}

.logoImage {
	margin-left: 2%;
	margin-top: 2%;
	margin-bottom: 1%;
	max-width: 100%;
}

img.headerBanner {
	max-width: 100%;
	width: 100%;
}

.haftSkiHeader {
	color: var(--color-primary-color);
}

h1 {
	font-size: 2.9em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.5em;
	margin-top: 10px !important;
}

h4 {
	font-size: 1.3em;
}

h1, h2, h3, h4 {
	color: var(--header-color) !important;
}

.gradient_line {
	/*	margin: 0 0 30px 0;*/
	margin: 0;
	display: block;
	border: none;
	border-top: white;
	border-radius: 100%;
	height: 3px;
	background: var(--primary-color);
	width: 17%;
	text-align: left;
}

#aenderungsHeader + .gradient_line {
	width: 33%;
}

.d-none {
	display: none !important;
}

.d-ib {
	display: inline-block !important;
}

.bg-gray {
	background: #f6f6f5;
}

.highlighted {
	color: #44546a;
	font-size: 1.3em;
}

.highlighted-red {
	color: #ab2020;
	font-weight: bold;
}

.tablehead {
	color: #44546a;
	font-size: 1.1em;
	text-align: center;
}

.tabletext {
	text-align: center;
}

.table-custom-col {
	padding-left: 0.5em;
	padding-right: 0.5em;
	height: 60px;
}

b {
	color: red;
}

.footer {
	background-color: var(--header-color);
	height: auto;
}
.footer a:hover {
	color: var(--accent-color) !important;
}

/* Form Styles */
.btn {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.2em;
}

.btnDelete {
	font-size: 16px;
	margin-bottom: 0;
	padding: 4px 7px;
	border-radius: 15px;
	vertical-align: bottom;
	color: white;
	line-height: inherit;
}

a.btnZumAbschluss:focus {
	color: white !important;
}

.btnVertragAbschliessen, .btnZumAbschluss {
	display: inline-block;
	background-color: var(--primary-color);
	margin: 12px 0;
	padding: .4em .9em;
	border-radius: .4em;
	color: white;
	font-size: 160%;
	line-height: 1.5;
	cursor: pointer;
	transition: background-color ease .5s;
}

	.btnVertragAbschliessen:hover, .btnZumAbschluss:hover {
		background-color: var(--secondary-color);
		color: white;
	}

.control {
	padding-bottom: 20px;
}

/*
.control .container .row div:last-child {
    margin-bottom: 10px;
}
*/

.list-group-item {
	background-color: unset;
}

/* jedes 2. .control in Grau */
#controlContainer .control:nth-child(2n) {
	background-color: #f6f6f5;
}

.radioButtonList input {
	margin-left: 17px;
}

.radioButtonList label {
	margin-left: 5px;
	vertical-align: middle;
}

.radioButtonList input:first-child {
	margin-left: 0;
}

label {
	font-size: 1.2em;
}

/* End Form Styles */

/* Error Styles */


/* ValidatorCallout Css classes
.ajax__validatorcallout_popup_table: The popup table.
.ajax__validatorcallout_popup_table_row: The popup table row.
.ajax__validatorcallout_callout_cell: The callout cell.
.ajax__validatorcallout_callout_table: The table in the callout cell.
.ajax__validatorcallout_callout_table_row: The callout table row.
.ajax__validatorcallout_error_message_cell: The error message cell.
.ajax__validatorcallout_icon_cell: The warning icon cell.
.ajax__validatorcallout_close_button_cell: The close button cell.
.ajax__validatorcallout_arrow_cell: The arror cell.
.ajax__validatorcallout_innerdiv: Inner div of a cell. Used in the close button cell and the arrow cell.
.ajax__validatorcallout_popup_table {
}
*/

@media screen and (max-width: 768px) {
	.ajax__validatorcallout_popup_table {
		position: unset !important;
	}

	.ajax__validatorcallout_callout_arrow_cell_topleftpos > .ajax__validatorcallout_innerdiv {
		display: none;
	}
}

.ajax__validatorcallout_popup_table {
	/*    position: unset !important;
    top: unset !important;
    left: unset !important;*/
	width: max-content;
	max-width: 100%;
}

	.ajax__validatorcallout_popup_table tr td {
		border: 0 !important;
		background-color: #c33
	}

.ajax__validatorcallout_close_button_cell div.ajax__validatorcallout_innerdiv,
.ajax__validatorcallout_callout_arrow_cell_bottomleftpos div,
.ajax__validatorcallout_callout_arrow_cell_topleftpos div {
	border: 0 !important;
	background-color: transparent !important;
}

.ajax__validatorcallout_close_button_cell div.ajax__validatorcallout_innerdiv {
	margin-right: 15px;
	filter: invert();
}


.ajax__validatorcallout_error_message_cell,
.ajax__validatorcallout_callout_arrow_cell_bottomleftpos .ajax__validatorcallout_innerdiv div,
.ajax__validatorcallout_callout_arrow_cell_topleftpos .ajax__validatorcallout_innerdiv div,
.ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
	background-color: #c33 !important;
	color: white !important;
	font-size: inherit !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

.ajax__validatorcallout_innerdiv img {
	max-width: 22px;
}

.ajax__validatorcallout_close_button_cell {
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

.ajax__validatorcallout_icon_cell {
	display: none;
}

/* Input Umrandung bei Error */
.errorhighlight {
	border-left: 3px solid #c33;
	border-right: 3px solid #c33;
}

	.errorhighlight.radioButtonList {
		border-left: 0;
		border-right: 0;
		border-bottom: 3px solid #c33;
	}
/* End Error Styles */

/* Weitere Standard Gestaltungen */
.pflichtfeld {
	font-size: 13px;
	margin-top: 10px;
}

.form-control {
	margin-bottom: 10px;
	max-width: 100%;
}