/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++ START: Im Kundenlayout individuell anzupassen (Farbwert) ++++++++++ */
/*

!!	Dieser Wert ist in genau dieser Schreibweise mit Suchen/Ersetzen anzupassen!

>>	Zur farblichen Individualisierung lediglich folgenden Farbwert anpassen!

	002f5d		// Dunkles Blau
*/
/* ++++++++++ END: Im Kundenlayout individuell anzupassen (Farbwert) ++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





/* Styling Checkbox & Radiobutton */
input[type='radio'],
input[type='checkbox'] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	border-radius: 0px;
	cursor: pointer;
	position: relative;
	top: 3px;
	transition: all 50ms ease-out;
	border: 1px solid var(--BorderColor_HEX) !important;
}

input[type='radio'],
input[type='checkbox'],
input[type="radio"]:focus::after {
	width: var(--Checkbox-Radio-Size);
	height: var(--Checkbox-Radio-Size);
}

input[type="radio"]:focus::after {
	top: -9px;
	left: -9px;
	/* display:block; */
	content:' ';
	position: relative;
}

li:hover input.select-box[type='checkbox']:focus {
	background-color: #fff !important;
}

/* Styling Radiobutton */
input[type='radio'],
input[type="radio"]:focus::after  {
	border-radius: calc(var(--Checkbox-Radio-Size) / 2) !important;
}

/* Spezifische Anpassung der Checkboxen / z. B. Sitzungskalender > Terminfilter */
[id$='filter'] input[type='checkbox'],
.form-checkbox-radio input[type='radio'],
.form-checkbox-radio input[type='checkbox'] {
	top: 5px;
}

/* Übernahme von Standard-Tagesordnungen (Frakte > TOPs > leere Tagesordnung) */
.app input.select-box {
	padding: 0px 10px 0px 10px !important;
}

.app input[type='checkbox'].select-box {
	margin: 0 .5em -.34em 0 !important;
}

.app input[type='radio'].select-box {
	margin: 0 .66em -.34em 0.33em !important;
}

/* Spezifische Anpassung der Radiobuttons // Aufgaben > Umlaufbeschluss > Beschluss wählen > Tagesordnungspunkte > Klick auf Ordner mit Ausrufzeichen > Beratungsfolge im Vorgang */
table.table-vorgang input[type='radio'] {
	top: -1px;
}

/* Bubble für den Radiobutton */
input[type='radio']:checked {
	box-shadow: inset 0px 0px 0px 5px #fff !important;
	background-color: var(--ButtonColor_HEX) !important;
}

/* Entfernt die Outline um eine Checkbox nach der Auswahl */
input[type='radio']:focus,
input[type='checkbox']:focus {
	outline: 1px solid rgba(0, 0, 0, 0.0);
}

/* Erstellt den Pfeil in der Checkbox */
input[type="checkbox"]:checked::after {
	content: '\f00c';
	position: absolute;
	top: .125em;
	left: .09em;
	font-size: 120%;
	line-height: .9;
	color: var(--ButtonColor_HEX);
	transition: all .2s;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 500;
}

/* Spezifische Anpassung, da in Tabellen die Schriftgröße 90% der Standard-Schriftgröße ist */
table input[type="checkbox"]:checked::after {
	font-size: 133.35%;
}

@media only screen and ( max-width: 767px ) {
	table input[type="checkbox"]:checked::after {
		font-size: 147.75%;
	}

	input[type="checkbox"]:checked::after {
		font-size: 133.35%;
	}
}

/* Styling Select */
/* Entfernt Standard-Styles */
select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276.7 153" enable-background="new 0 0 276.7 153"><style>.arrow{fill:%23002f5d}</style><path class="arrow" d="M276.7 0H0l138.2 153z" /></svg>') !important;
	background-position: right 5px center !important;
	background-repeat: no-repeat !important;
	background-size: auto 17.5% !important;
	border-radius: 0;
}

select option {
	color:var(--FontColor_HEX) !important;
}

select[multiple='multiple'] {
	background-image: none !important;
}

#sst-calendar select[id^='sstfc-button-']::-ms-expand {
	display:none !important;
}

.lt-ie10 select {
	background-image: none;
}

/* Setzt einheitlichen Fokus auf das Select */
select:focus {
	outline-color: var(--BorderColor_HEX);
	outline-width: 1px;
	outline-offset: -10px;
	outline-style: dotted;
}

/* Anpassungen für Kalender-Bedienfeld */
#sst-calendar select[id^='sstfc-button-'] {
	border:1px solid var(--CalendarPanelColor_HEX) !important;
	padding-right: 1.25em !important;
	color:var(--CalendarPanelColor_HEX) !important;
}





@media (forced-colors: active) {
	/* Für Einstellung "erzwungene Farben" Browser-Systemfarben verwenden */
	input[type='radio']:checked {
		background-color: CanvasText !important;
	}

	select {
		background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276.7 153" enable-background="new 0 0 276.7 153"><style>.arrow{fill:CanvasText}</style><path class="arrow" d="M276.7 0H0l138.2 153z" /></svg>') !important;
	}
}