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

/* Hack für IE11 (Erzwungenes Aussehen funktioniert im IE11 nicht) / setzt die Größe der Checkboxen höher */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	input[type='checkbox'] {
		width: 16px;
		height: 16px;
		top: 0 !important;
	}
}

/* Styling Radiobutton */
input[type='radio'] {
	border-radius: 11px;
}

/* 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;
}

/* 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: #002f5d !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: .1em;
	left: .025em;
	font-size: 120%;
	line-height: .9;
	color: #002f5d;
	transition: all .2s;
	font-family: 'Font Awesome 5 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,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20276.7%20153%22%20enable-background%3D%22new%200%200%20276.7%20153%22%3E%3Cstyle%3E.arrow%7Bfill%3A%23002f5d%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M276.7%200H0l138.2%20153z%22%20%2F%3E%3C%2Fsvg%3E") !important;
	background-position: right 5px center !important;
	background-repeat: no-repeat !important;
	background-size: auto 17.5% !important;
	border-radius: 0;
}

select option {
	color:#333 !important;
}

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

/* Hack für IE11 / Platziert Hintergrundbild neu */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	select {
		background-position: right -25px center !important;
	}

	#sst-calendar select[id^='sstfc-button-'] {
		background-position: right 3px center !important;
	}
}

/* Verbirgt Browser-OS-Style (Pfeil) in IE10 */
select::-ms-expand {
	display: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: #ccc;
	outline-width: 1px;
	outline-offset: -10px;
	outline-style: dotted;
}

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