/*
	FORMSERVER TEMPLATE STYLESHEET
	==============================
*/

/*******************/
/* Allgemeines     */
/*******************/

:root {
	--main-color: #337ab7; /*337ab7*/
	--light-color: #80c7ff; /*80c7ff*/
	--lighter-color: #e8edf3; /*e8edf3*/
	--dark-color: #133B71; /*133B71*/
}

* {
	box-sizing: border-box;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

body {
	color: #333333;
	font-size: 11px;
	min-width: 700px;
	overscroll-behavior-x: none;
	overscroll-behavior-y: none;
	overflow: scroll;
	padding: 0;
	margin: 0;
}

#fsWrapper_Main {
	width: 100%;
	margin-top: 1em;
}

#fsWrapper_Main a, #fsaWrapper_Main a:active, #fsWrapper_Main a:visited,
	#fsWrapper_Main a:link {
	color: var(--main-color);
	text-decoration: none;
}

#fsWrapper_Main a:hover {
	color: #333333;
	text-decoration: underline;
}

#fsWrapper_Content {
	padding: 0 2em 2em 2em;
}

/*******************/
/* Header          */
/*******************/

#fsWrapper_Header_FSinfo {
	display: inline-block;
	padding: 0.5em 0.5em 0.5em 1.5em;
}

#fsWrapper_Header_AfsVersion:before {
	content: "| "
}

#fsWrapper_Header_Logo {
	float: right;
	max-width: 30%;
	padding: 0.5em;
	width: 370px;
}

#fsWrapper_Header_Logo img {
	max-width: 100%;
	max-height: 45px;
}

/*******************/
/* Navigation      */
/*******************/

#fsWrapper_Navigation {
	border-bottom: 1px solid var(--main-color);
	margin: 0 0.5em 0 1em;
}

#fsArea_mainNavigation {
	list-style: none;
	margin: 0;
	padding-left: 1.2em;
	display: flex;
	flex-wrap: wrap;
}

#fsArea_mainNavigation li {
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	top: 1px;
}

#fsArea_mainNavigation li input {
	margin: 0;
	font-size: 140%;
	width: auto;
	padding: 0.25em 0.75em;
	border: 0 none transparent;
	background-color: transparent;
	color: #333333;
	text-transform: uppercase;
}

#fsArea_mainNavigation li input:hover {
	background-color: #cccccc;
	border-top-left-radius: 0.25em;
	border-top-right-radius: 0.25em;
	text-decoration: underline;
}

#fsArea_mainNavigation li#fsArea_translation_selector input:hover {
	text-decoration: none;
}

#fsArea_mainNavigation.selectedEntry_home #home,
#fsArea_mainNavigation.selectedEntry_formlist #formlist, 
#fsArea_mainNavigation.selectedEntry_reloadpage #startReload,
#fsArea_mainNavigation.selectedEntry_paramlist #paramlist,
#fsArea_mainNavigation.selectedEntry_verify #verify,
#fsArea_mainNavigation.selectedEntry_propertiespage #startShowCurrentConfig,
#fsArea_mainNavigation.selectedEntry_virtualsessionspage #startShowActiveSessions,
#fsArea_mainNavigation.selectedEntry_synchpage #showSynch,
#fsArea_mainNavigation.selectedEntry_partysynchpage #showPartySynch {
	color: #ffffff;
	background-color: var(--main-color);
	border-bottom: 1px solid var(--main-color);
	border-left: 1px solid var(--main-color);
	border-top: 1px solid var(--main-color);
	border-right: 1px solid var(--main-color);
	border-top-right-radius: 0.25em;
	border-top-left-radius: 0.25em;
}

#fsWrapper_Breadcrumbs {
	width: 100%;
	padding: 0.5em 1.5em 0.25em 1.5em;
	font-size: 10px;
	color: #666666;
}

#fsArea_mainNavigation li#fsArea_translation_selector  {
	margin-left: auto;
}

#fsArea_translation_selector .translation_selector {
	position: relative;
	z-index: 999;
}

#fsArea_translation_selector:hover .translation_selector {
    background-color: #cccccc;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
}

#fsArea_translation_selector .showTranslations {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border-right: 1px solid #cccccc;
	box-shadow: 0 0 1em 0.5em #cccccc;
	right: 0;
	min-height: 5em;
	padding: 0;
	position: absolute;
	z-index: 998;
}

#fsArea_translation_selector .showTranslations {
	display: none;
}

#fsArea_translation_selector .showTranslations ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: left;
}

#fsArea_translation_selector .showTranslations ul li {
	margin-bottom: 0.5em;
	margin-left: 0;
	padding: 0.5em 3em 0.5em 1.5em;
	text-transform: uppercase;
	white-space: nowrap;
	width: 100%;
}

#fsArea_translation_selector .showTranslations ul li.current a {
	pointer-events: none;
}

#fsArea_translation_selector .showTranslations ul li.current .languageName, #fsArea_translation_selector .showTranslations ul li.current .languageCode {
	color: #333333;
	font-weight: bold;
}

#fsArea_translation_selector:hover .showTranslations, #fsArea_translation_selector:focus-within .showTranslations {
	display: block;
}

#fsArea_translation_selector .showTranslations a {
	font-size: 140%;
	text-decoration: none;
	cursor: pointer;
}

#fsArea_translation_selector .showTranslations a > * {
	vertical-align: middle;
}

#fsArea_translation_selector .showTranslations a img {
	height: 1.5em;
	margin-right: 0.5em;
}

#fsArea_translation_selector .showTranslations ul li .languageName {
	text-transform: none;
}

#fsArea_translation_selector .showTranslations ul li .languageCode:after {
	content: ' - ';
}

#fsArea_translation_selector .showTranslations ul li .languageFlag {
	display: none;  /* removed from AFS 2021 to support same user experience as APF */
}

#fsArea_translation_selector .showTranslations ul li:not(.current):hover {
	background-color: #cccccc;
	color: #333333;
}

#fsArea_translation_selector .showTranslations ul li:not(.current):hover .languageName, #menu_translation_selector .showTranslations ul li:not(.current):hover .languageCode  {
	color: #333333;
	text-decoration: underline;
}

#fsArea_translation_selector .showTranslations ul li.current a {
	pointer-events: none;
	color: #333333;
}

/*******************/
/* Block-Layout    */
/*******************/

.fsArea_mainHeader h1 {
	float: left;
}

.fsArea_mainHeader:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fsArea_mainHeader {
	padding: 0.75em 2em;
	border-bottom: 1px solid var(--main-color);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.fsArea_supHeader {
	position: absolute;
	top: -3.2em;
	text-align: center;
	width: 100%;
}

.fsArea_header {
	position: relative;
	background-color: var(--main-color);
	border-top-left-radius: 0.33em;
	border-top-right-radius: 0.33em;
	/* below fixes strange chrome-glitches on browser-zoom => #117020 */
	width: calc(100% + 1px);
	margin-top: -1px;
}

.fsArea_header h1 {
	margin: 0;
	color: white;
	font-size: 140%
}

.fsArea_main:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fsArea_main h2 {
	font-size: 1.1em;
	color: var(--main-color);
	font-weight: bold;
	padding: 1em 2em;
	margin: 0.5em calc(-2em + 1px);
	border: 1px solid var(--main-color);
	background-color: var(--lighter-color);
}

.fsArea_main {
	padding: 1em 1.5em 1em 1.5em;
}

.fsArea_main_nopadding {
	padding: 0;
	border-bottom-left-radius: 0.45em;
	border-bottom-right-radius: 0.45em;
}

.fsArea_centeredBlock {
	border: 1px solid var(--main-color);
	padding: 0;
	display: block;
	margin-top: 4em;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0.5em;
	width: 50em;
}

.fsArea_centeredBlockDoubleWidth {
	border: 1px solid var(--main-color);
	padding: 0;
	display: block;
	margin-top: 4em;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0.5em;
	width: 100em;
}

.fsArea_defaultBlock {
	border: 1px solid var(--main-color);
	padding: 0;
	display: block;
	border-radius: 0.5em;
}

.fsArea_centeredBlock, fsArea_centeredBlockDoubleWidth ~ .fsArea_defaultBlock {
	margin-top: 2em;
}

.fsArea_mainActions {
	margin: -0.275em 0 -0.5em 1em;
	float: left;
	font-size: 2.6em;
	white-space: nowrap;
}

.fsArea_mainActions button:hover {
	text-decoration: underline;
	color: var(--light-color);
}

.fsArea_subBlock .fsArea_mainActions button:hover, .fs_action button:hover
	{
	text-decoration: underline;
	color: var(--light-color);
}

.fs_mainActions_defaultButton {
	display: none;
}

.fsArea_mainActions button {
	border: none;
	background: none;
	color: #ffffff;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.fsArea_mainActions button.fa-filter.toggleArea-hide::before {
	color: var(--main-color);
	text-shadow: 0 0 3px #ffffff;
}

.fsArea_mainActions button.fa-filter.toggleFilter-hide::before {
	color: #e8edf3;
	text-shadow: 0 0 3px var(--main-color);
}

.fs_field.fs_action.fs_onlyActions button {
	margin-left: 1em;
}

.bttnAction {
	border: none;
	background: none;
	color: #ffffff;
	cursor: pointer;
}

.bttnActn_setValue, .bttnActn_applyValue {
	/*transform: scaleY(-1); // was for fa-reply icon*/
	
}

/*** Cell / Fields ******************************************/

.fs_cell {
	position: relative;
}

.fs_row:after, .fs_cell:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fs_spacerRow {
	height: 2em;
}

.fs_errorRow {
	color: #ff0000;
}

.fs_cell_25 {
	float: left;
	width: 25%;
}

.fs_cell_33 {
	float: left;
	width: 33.333%;
}

.fs_cell_50 {
	float: left;
	width: 50%;
}

.fs_cell_66 {
	float: left;
	width: 66.666%;
}

.fs_cell_75 {
	float: left;
	width: 75%;
}

.fs_label {
	float: left;
	width: 33.33%;
	text-align: left;
	padding: 1em 0.5em 1em 2em;
	word-wrap: break-word;
	word-break: break-word;
}

.fs_cell_25.fs_labelFor_50 .fs_label {
	width: 66.666%;
}

.fs_cell_33.fs_labelFor_66 .fs_label {
	width: 66.666%;
}

.fs_cell_50.fs_labelFor_33 .fs_label {
	width: 22.222%;
}

.fs_cell_50.fs_labelFor_66 .fs_label {
	width: 44.444%;
}

.fs_cell_66.fs_labelFor_33 .fs_label {
	width: 16.666%;
}

.fs_cell_66.fs_labelFor_50 .fs_label {
	width: 25%;
}

.fs_cell_75.fs_labelFor_66 .fs_label {
	width: 29.5704%;
}

.fs_cell_100.fs_labelFor_33 .fs_label {
	width: 11.111%;
}

.fs_cell_100.fs_labelFor_50 .fs_label {
	width: 16.666%;
}

.fs_cell_100.fs_labelFor_66 .fs_label {
	width: 22.222%;
}

.fs_fullField .fs_label {
	display: none;
}

.fs_fixedLabel_15 .fs_label {
	width: 15em;
}

.fs_fields label, .fsArea_filter_line span.filterGroupLabel {
	text-align: right;
	padding: 0.5em;
	word-wrap: break-word;
	word-break: break-word;
}

.fs_field {
	float: left;
	width: 66.66%;
	padding: 0.5em;
}

.fs_field_text {
	padding: 1em 0.5em;
	word-wrap: break-word;
	word-break: break-word;
}

.fs_cell_25.fs_labelFor_50 .fs_field {
	width: 33.333%;
}

.fs_cell_33.fs_labelFor_66 .fs_field {
	width: 33.333%;
}

.fs_cell_50.fs_labelFor_33 .fs_field {
	width: 77.777%;
}

.fs_cell_50.fs_labelFor_66 .fs_field {
	width: 55.555%;
}

.fs_cell_66.fs_labelFor_33 .fs_field {
	width: 83.333%;
}

.fs_cell_66.fs_labelFor_50 .fs_field {
	width: 75%;
}

.fs_cell_75.fs_labelFor_66 .fs_field {
	width: 70.4296%;
}

.fs_cell_100.fs_labelFor_33 .fs_field {
	width: 88.888%;
}

.fs_cell_100.fs_labelFor_50 .fs_field {
	width: 83.333%;
}

.fs_cell_100.fs_labelFor_66 .fs_field {
	width: 77.777%;
}

.fs_fullField .fs_field {
	width: 100%;
}

.fs_cell_with_action .fs_field {
	width: calc(66.66% - 3em);
}

.fs_cell_with_action.fs_cell50.fs_labelFor_33 .fs_field {
	width: calc(83.325% - 3em);
}

.fs_cell_with_action.fs_cell_33.fs_labelFor_66 .fs_field {
	width: calc(33.333% - 3em);
}

.fs_cell_with_action.fs_cell_100.fs_labelFor_33 .fs_field {
	width: calc(88.888% - 3em);
}

.fs_cell_with_action.fs_cell_100.fs_labelFor_50 .fs_field {
	width: calc(83.325% - 3em);
}

.fs_cell_with_action.fs_cell_100.fs_labelFor_66 .fs_field {
	width: calc(77.777% - 3em);
}

.fs_cell_with_action.fs_fullField .fs_field {
	width: calc(100% - 3em);
}

.fs_field p {
	padding: 0.5em 0;
}

.fs_action {
	float: left;
	width: 1.5em;
	padding: 0.42em 0.24em;
}

.fs_special_dblActn {
	position: absolute;
	right: 0;
	width: 6em;
}

.fs_special_dblActn button + button {
	margin-left: 0.5em;
}

td.fs_action {
	float: none;
}

.fs_cell_rightRowSpan {
	float: right;
}

.fs_field input, .fs_field textarea, .fs_field select, .fs_fields input,
	.fs_fields textarea, .fs_fields select {
	width: 100%;
	padding: 0.5em;
	border: 1px solid #cccccc;
	border-radius: 0.5em;
}

.fs_field textarea, .fs_fields textarea {
	max-width: 100%;
}

.fs_field option, .fs_fields option {
	width: 100%;
	padding: 0.25em;
}

.fs_field input:focus, .fs_field textarea:focus, .fs_field select:focus,
	.fs_fields input:focus, .fs_fields textarea:focus, .fs_fields select:focus
	{
	box-shadow: 0 0 0.2em 0.1em var(--main-color);
}

.fs_action button {
	border: none;
	background: none;
	color: var(--main-color);
	cursor: pointer;
	font-size: 2em;
	position: relative;
	top: 0.2em;
}

.fs_fieldWithAction button {
	border: none;
	background: none;
	color: var(--main-color);
	cursor: pointer;
	font-size: 2em;
	vertical-align: middle;
}

.fs_rightLabel {
	float: right;
}

/*** Buttons *************************************************/

.fs_button {
	display: block;
}

.fs_button_left {
	text-align: left;
}

.fs_button_center {
	text-align: center;
}

.fs_button_right {
	text-align: right;
}

.fs_button {
	display: block;
	padding: 0.5em;
}

.fs_button .button, .fs_button .button_disabled {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0.5em 1.5em;
	color: #333333;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 0.33em;
	text-shadow: 0 1px 0 #fff;
	/*background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
	background-repeat: repeat-x;*/
	background-color: #ffffff;
	font-weight: 400;
	font-size: 110%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fs_button_extraWidth .button, .fs_button_extraWidth .button_disabled {
	padding-left: 3em;
	padding-right: 3em;
}

.width_100, .fs_button_width100 .button, .fs_button_width100 .button_disabled
	{
	width: 100%;
}

.width_90, .fs_button_width90 .button, .fs_button_width90 .button_disabled
	{
	width: 90%;
}

.width_80, .fs_button_width80 .button, .fs_button_width80 .button_disabled
	{
	width: 80%;
}

.width_75, .fs_button_width75 .button, .fs_button_width75 .button_disabled
	{
	width: 75%;
}

.width_70, .fs_button_width70 .button, .fs_button_width70 .button_disabled
	{
	width: 70%;
}

.width_66, .fs_button_width66 .button, .fs_button_width66 .button_disabled
	{
	width: 66.67%;
}

.width_60, .fs_button_width60 .button, .fs_button_width60 .button_disabled
	{
	width: 60%;
}

.width_50, .fs_button_width50 .button, .fs_button_width50 .button_disabled
	{
	width: 50%;
}

.width_40, .fs_button_width40 .button, .fs_button_width40 .button_disabled
	{
	width: 40%;
}

.width_33, .fs_button_width33 .button, .fs_button_width33 .button_disabled
	{
	width: 33.33%;
}

.width_30, .fs_button_width30 .button, .fs_button_width30 .button_disabled
	{
	width: 30%;
}

.width_25, .fs_button_width25 .button, .fs_button_width25 .button_disabled
	{
	width: 25%;
}

.width_20, .fs_button_width20 .button, .fs_button_width20 .button_disabled
	{
	width: 20%;
}

.width_10, .fs_button_wdth10 .button, .fs_button_width10 .button_disabled
	{
	width: 10%;
}

.width_auto, .fs_button_wdthAuto .button, .fs_button_widthAuto .button_disabled
	{
	width: auto;
}

.fs_button .button:hover:not(:disabled ), .fs_button .button:focus:not(:disabled ) {
	background-color: #cccccc;
	background-image: none;
	color: #333333;
	border-color: var(--main-color);
	text-decoration: underline;
}

.fs_button .button:disabled, .fs_button .button_disabled {
	background-color: #efefef;
	background-image: none;
	cursor: auto;
	color: #aaaaaa;
}

.fs_button_default .button:not(:disabled ) {
	background-color: var(--main-color);
	background-image: none;
	color: #ffffff;
	border-color: var(--main-color);
	text-decoration: none;
	text-shadow: 0 1px 0 #1A619E;
}

.fs_button_default .button:hover:not(:disabled ), .fs_button_default .button:focus:not(:disabled ) {
	background-color: #204d74;
	background-image: none;
	color: #ffffff;
	border-color: #204d74;
	text-decoration: none;
}

select:not(:disabled ) {
	background-color: #ffffff;
}

selectn[disabled] option {
	background: #e0e0e0;
}

select:not([disabled] ) option:checked {
	background: var(--main-color) linear-gradient(0deg, var(--main-color) 0%, var(--main-color) 100%);
}

select[disabled] option:checked {
	background: #aaaaaa linear-gradient(0deg, #aaaaaa 0%, #aaaaaa 100%);
}

.fs_field input[type="text"][readonly] {
	background-color: #efefef;
}

.fs_buttonArea button {
	border: none;
	background: none;
	color: var(--main-color);
	cursor: pointer;
	font-size: 1.6em;
	vertical-align: middle;
}

.fs_buttonArea button:hover {
	color: #333333;
	text-decoration: underline;
}

/*** advances checkboxes/radiobuttons ***/
.check_wrap {
	display: inline-block;
	position: relative;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 2.4em;
	height: 2.4em;
}

.check_wrap input, .wa_field .check_wrap input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 2.4em;
	height: 2.4em;
}

.check_rplc {
	position: absolute;
	top: 0;
	left: 0;
	height: 2.4em;
	width: 2.4em;
	background-color: #ffffff;
	box-shadow: inset 0 0 0.2em 0.1em #bbbbbb;
	pointer-events: none;
	border: 1px solid #bbbbbb;
	border-radius: 0.1em;
}

.check_wrap input:not(:checked ):not(:disabled ):focus ~ .check_rplc,
	.check_wrap input:not(:checked ):not(:disabled ):focus ~ .check_rplc
	{
	background-color: #ffffff;
	box-shadow: inset 0 0 0.2em 0.1em #1a78ca;
}

.check_wrap input:checked ~ .check_rplc {
	background-color: #1a78ca;
	box-shadow: inset 0 0 0.2em 0.1em #1769B1;
}

.check_wrap input:checked ~ .check_rplc:after {
	content: "";
	position: relative;
	display: block;
	left: 0.66em;
	top: 0.06em;
	width: 0.6em;
	height: 1.2em;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0 0.4em 0.4em 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.radio_wrap {
	display: inline-block;
	position: relative;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 2.4em;
	height: 2.4em;
}

.radio_wrap input, .wa_field .radio_wrap input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	top: 0;
	left: 0;
	height: 2.4em;
	width: 2.4em;
}

.radio_rplc {
	position: absolute;
	top: 0;
	left: 0;
	height: 2.4em;
	width: 2.4em;
	background-color: #ffffff;
	box-shadow: inset 0 0 0.2em 0.1em #bbbbbb;
	pointer-events: none;
	border: 1px solid #bbbbbb;
	border-radius: 50%;
}

.radio_wrap input:not(:checked ):not(:disabled ):focus ~ .radio_rplc {
	background-color: #ffffff;
	box-shadow: inset 0 0 0.2em 0.1em #1a78ca;
}

.radio_wrap input:checked ~ .radio_rplc {
	background-color: #1a78ca;
	box-shadow: inset 0 0 0.2em 0.1em #1769B1;
}

.radio_wrap input:checked ~ .radio_rplc:after {
	content: "";
	position: relative;
	display: block;
	left: 0.6em;
	top: 0.6em;
	width: 1.05em;
	height: 1.05em;
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 0.05em 0.025em #ffffff;
}

.radio_wrap input:disabled ~ .radio_rplc, .check_wrap input:disabled ~
	.check_rplc {
	border: 1px solid #aaaaaa;
	background-color: #dddddd;
	color: #777777;
}

.radio_wrap input:checked:disabled ~ .radio_rplc, .check_wrap input:checked:disabled 
	~ .check_rplc {
	box-shadow: inset 0 0 0.2em 0.1em #777777;
}

.check_wrap ~ label, .radio_wrap ~ label {
	margin-left: 0.75em;
	margin-top: 0.5em;
	display: inline-block;
}

/*** Filter *************************************************/
.fsArea_filter {
	padding: 1.75em;
	position: relative;
}

.fsArea_filter:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fsArea_filter_line {
	margin-right: 2.5em;
	position: relative;
}

.fsArea_filter_line::after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fsArea_filter input, .fsArea_filter select {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 0.25em;
}

.fsArea_filter_cell2, .fsArea_filter_cell3 {
	float: left;
	width: 33.33%;
	padding-right: 1em;
}

.fsArea_filter_cellbutton {
	position: absolute;
	font-size: 1.33em;
}

.fsArea_filter_cellbutton1line {
	width: 4em;
	right: -0.2em;
	top: 0.9em;
}

.fsArea_filter_cellbutton2lines {
	width: 2.1em;
	right: 1em;
	top: 0.9em;
}

.fsArea_filter_cellbutton2lines button:first-child {
	margin-bottom: 0.5em;
}

.fsArea_filter_cellbutton .button {
	width: 100%;
	padding: 0.2em;
}

.fsArea_filter_cell2 label {
	width: 33.33%;
	float: left;
	text-align: right;
	padding-right: 0.5em;
}

.fsArea_filter_cell2 input, .fsArea_filter_cell2 select,
	.fsArea_filter_cell2 .select2-container {
	width: 66.66% !important;
	float: right;
	margin-bottom: 0.75em;
}

.fsArea_filter_cell3 span.filterGroupLabel {
	width: 33.33%;
	float: left;
	text-align: right;
	padding-right: 0.5em;
}

.fsArea_filter_cell3 label {
	display: none;
}

.fsArea_filter_cell3 input {
	width: 32%;
	float: left;
	margin-bottom: 0.75em;
}

.fsArea_filter_cell3 input ~ input {
	float: right;
}

.fsArea_filter_cellFullWidth {
	width: 82%;
}

.fsArea_filter_cellFullWidth label {
	width: 10%
}

.fsArea_filter_cellFullWidth input, .fsArea_filter_cellFullWidth select
	{
	width: 90%;
}

.fsArea_filter_spzlQuickfilter {
	float: left;
	width: 18%;
	padding: 0.5em;
	font-size: 1.33em;
	text-align: right;
	margin-top: -0.25em;
}

.fsArea_filter_spzlQuickfilter .applyFilter {
	position: relative;
}

.fsArea_filter_spzlQuickfilter .fa-filter::after {
	content: "QUICK";
	font-family: Helvetica, Arial, sans;
	position: absolute;
	top: -0.66em;
	left: -0.33em;
	font-size: 0.33em;
}


/*******************/
/*  Tabellen       */
/*******************/

.afs_list_rowHeader {
	font-weight: normal;
	padding: 0;
}

.afs_list tbody tr:nth-of-type(2n+1) {
	background-color: #efefef;
}

.afs_list tbody tr:nth-of-type(2n) {
	background-color: #ffffff;
}

.afs_list tr:not(.afs_list_rowHeader):hover {
	background-color: #dddddd;
}

.afs_list th {
	border: 1px solid #cccccc;
	vertical-align: top;
}

.afs_list th>span {
	display: block;
	padding: 0.75em 0.5em;
}

.afs_list td {
	border: 1px solid #cccccc;
	padding: 0.75em 0.5em;
	vertical-align: top;
}

.afs_list th, .afs_list th a {
	font-weight: bold;
	word-wrap: break-word;
	word-break: break-word;
}

.afs_list td.afs_list_value {
	vertical-align: middle;
	position: relative;
	word-wrap: break-word;
	word-break: break-word;
}

.afs_list_noBorder td {
	border: none;
}

.afs_list .afs_list_rowHeader {
	background: none;
	white-space: nowrap;
}

.afs_list_noHeader .afs_list_rowHeader {
	font-size: 0;
	padding: 0;
	height: 0;
}

.afs_list thead tr.afs_list_header_fixed {
	display: none;
}

.afs_list thead tr.afs_list_header_fixed span {
	display: block;
	position: fixed;
	top: 3.5em;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	z-index: 999;
	width: 100%;
	margin-left: -1px;
}

.afs_list thead tr.afs_list_header_fixed th:last-child span::after {
	display: none;
	content: ' ';
	background-color: #ffffff;
	width: calc(2em);
	height: 3em;
	position: fixed;
	right: 0;
	top: 3.5em;
	border-left: 1px solid var(--main-color);
}

.afs_list.afs_list_header_showFixed thead tr.afs_list_header_fixed {
	display: table-row;
}

.afs_list.afs_list_header_showFixed thead tr.afs_list_header_fixed th:last-child span::after
	{
	display: block;
}

.afs_list.afs_list_header_fixed tbody tr.afs_list_rowHeader {
	display: table-row;
}

.tblActn_inactive {
	color: #888888;
}

.tblActn_active {
	color: #008800;
}

.noWrap {
    white-space: nowrap;
}

.afs_list td .fa {
	font-size: 1.5em;
}

.wrapTd td {
	word-break: break-word;
}

/*******************/
/*  Error/Info    */
/*******************/

#fsWrapper_Errors .table_error, #fsWrapper_Info .table_info {
	border-collapse: collapse;
	margin-bottom: 0.5em;
	border: none;
	background: none;
}

#fsWrapper_Errors, #fsWrapper_Info {
	margin: 0 2em 1.5em 2em;
	border-radius: 0.5em;
}

#fsWrapper_Errors {
	background-color: #fff2f2;
	border: 1px solid #ff0000;
	color: #ff0000;
}

#fsWrapper_Info {
	background-color: #fbfbfb;
	border: 1px solid #446890;
}

#fsWrapper_Errors p.msg, #fsWrapper_Info p.msg {
	margin: 0.8em 1.6em;
}

.info {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #446890;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.errors {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	padding-left: 10px;
	padding-top: 10px;
}

.error_disc {
	font-size: 12px;
	color: #FF0000;
	padding-top: 5px;
	padding-left: 1em;
}

/*******************/
/*  AFS Liste      */
/*******************/

.afs_list {
	border-collapse: collapse;
    width: 100%;
    vertical-align: middle;
}

.afs_list_odd_row {
	font-size: 0.7em;
	background-color: #f4f6fa;
	overflow: hidden;
	height:23px;
	vertical-align: middle;
}

.afs_list_odd_cell 		{
	text-align: left;
	height: 23px;
	vertical-align: middle;
	padding-left: 5px;
}

.afs_list_even_row {
	font-size: 0.7em;
	background-color: #e9edf5;
	overflow: hidden;
	height:23px;
	vertical-align: middle;
}

.afs_list_even_cell 	{
	text-align: left;
	height: 23px;
	vertical-align: middle;
	padding-left: 5px;
}

.afs_list_header_cell 	{
	font-weight: bold;
	background-color: #c9d2de;
	font-size: 1em;
	padding: 2px;
	height: 23px;
	padding-left: 5px;
	vertical-align: middle;
}

.afs_list_header_table {
	background-color: #CCCCCC;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	overflow: hidden;
	height: 23px;
/*	padding-left: 5px; */
}

.afs_list_header_cell a:link {
	font-size: 11px;
	color: var(--dark-color);
	font-weight: bold;
	vertical-align: middle;
}

.afs_list_header_cell a:hover	{
	font-size: 11px;
	color:#000000;
	font-weight: bold;
	text-decoration:underline;
	cursor: pointer;
	vertical-align: middle;
}

/*******************/
/*  Links          */
/*******************/

a:link {	
	font-size: 11px;
	color: var(--dark-color);
	font-weight:normal;
	text-decoration:underline;
	cursor: pointer;
}

a:visited {
	font-size: 11px;
	color: var(--dark-color);
	font-weight:normal;
	text-decoration:underline;
	cursor: pointer;
}
			
a:active {
	font-size: 11px;
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
	cursor: pointer;
}

a:hover	{
	font-size: 11px;
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
	cursor: pointer;
}

/*******************/
/*  Special        */
/*******************/

#welcomeBlock a, #welcomeBlock a:active, #welcomeBlock a:visited, #welcomeBlock a:link {
	text-decoration: underline;
}

#welcomeBlock h2 {
	margin-bottom: 0.25em;
}

#welcomeBlock p {
	margin-top: 0.25em;
	margin-bottom: 1.5em;
}

#virtualSessionsBlock table.afs_list tr.realSession{
	cursor: pointer;
}

#virtualSessionsBlock table.afs_list tr.virtualSession{
	display: none;
}


table.afs_list tr.containsCurrenturrentVirtuelSession{
 	color: var(--dark-color);
 	font-style: italic;
}

#virtualSessionsBlock table.afs_list tr.currentVirtuelSession{
 	color: var(--dark-color);
 	font-style: italic;
 	font-weight: bolder;
}

#virtualSessionsBlock table.afs_list tr.virtualSession td:first-child {
 	background-color: white;
 	text-align: right;
}

#virtualSessionsBlock table.afs_list td:last-child {
 	text-align: right;
}

#showSynch hr, #showPartySynch hr, #startLoad hr {
    margin-top: 1em;
    margin-bottom: 1em;
    border: none;
    background: var(--main-color);
    height: 1px;
}

[name='formularcall'] .fs_rightLabel {
	color: var(--main-color);
	font-weight: bold;
}

.formListLangLinks {
	display: block;
	text-align: center;
	text-transform: uppercase;
}

@media screen, print
{
	.skip, .skip_error, .skip_disabled {
		position:absolute;
		left:-10000px;
		top:auto;
		width:1px;
		height:1px;
		overflow:hidden;
	}
}