/* general stuff */
.bd-periodical #structure {
	min-width:764px;
	max-width:800px;
}
#td-previewLegalStatement,
#td-previewPrivacyStatement
{
	margin-top:3em;
}
.vls-list li > a.form-ajax-edit, .vls-list li > a.form-ajax-edit-placeholder {
	float:right;
	min-width:6em;
}
.vls-list li > a.form-ajax-edit-placeholder {
	cursor:text;
	visibility:hidden;
}
.form-ajax-edit {
	cursor:pointer;
}

/*
-------------------------------------------------------------------------------
--------------------------------- forms ---------------------------------------
-------------------------------------------------------------------------------
*/

/* ------------------------------------------------------------------------- */
/* basic definitions */
/* ------------------------------------------------------------------------- */

.form-formWrapper form p {
	margin:0px;
	padding:0px;
}
.form-wikitextBefore p
}
/* init table */
.form-section{
	display:table;
}

.form-tableRow{
	display:table-row;
}

.form-tableCell{
	display:table-cell;
	vertical-align: top;
}

.form-sectionLabel{
	display:table-caption;
}

.form-section{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.form-tableRow{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:flex-start;
	flex:1 100%;
}
.form-entryLabelWrapper{
	flex:1 25%;
}
.form-entryWrapper{
	flex:6 70%;
}
.form-section, .form-progressBar{
	width:100%;
}

.form-entry .hint {
  font-style: italic;
}
/* normalize display across browsers */
.form-entry .form-primitiveValue select,
.form-entry .form-primitiveValue input,
.form-entry .form-primitiveValue textarea{
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:auto;
	margin: 0em;

	font: 400 14px Arial;
	border-width: 1px;
	border-style: solid;
	border-color: #a9a9a9;
}

.form-entry .form-primitiveValue select   {padding:2px 1px;}
.form-entry .form-primitiveValue input    {padding:2px;}
.form-entry .form-primitiveValue textarea {padding:2px;}

.form-type-RadioFormEntry .form-primitiveValue input,
.form-type-CheckboxFormEntry .form-primitiveValue input{
	width:unset;
	position:relative;
	top:0.05rem;
	margin-right:4px;
	margin-left:6px;
}

/* general settings for all types of (pseudo-) sub-labels */
.form-entryBase > .form-entryLabel,  /* any label except pseudo-labels */
.form-entryBase > .form-entryLabelContainer, /* pseudo labels */
.form-type-DropdownFormEntry.form-entryBase.form-entryHasNoLabel > .form-baseValue /* unlabeled dropdown should behave like a label */
{
	float:left;
	clear:left;
	display:inline-block;
	position:relative;
	min-width:175px;
	max-width:25rem;
	flex:1 35%;
}
.form-type-DropdownFormEntry.form-entryBase.form-entryHasNoLabel > .form-spacer /* unlabeled dropdown should behave like a label */
{
	display:block;
}
.form-entryHasNoLabel > .form-entryLabel{
	display:none;
}

/* general settings for base-formEntries */
.form-entryWrapper .form-entryBase{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:flex-start;
	flex-direction:row;
	margin-top:2px;
}

/* general setting for the input column */
.form-entryBase > .form-baseValue,
.form-entryBase > .form-spacer{
	min-width:175px;
	flex:9 50%;
}
.form-entryBase > .form-entryLabel,
.form-entryBase > .form-entryLabelContainer,
.form-entryBase > .form-baseValue,
.form-entryBase > .form-spacer{
	padding-right:4px;
}

.form-spacer{
	display:none;
}


/* setup labels */
/* ------------------------------------------------------------------------- */
.form-entryLabel > span{
	float:left;
	padding-right:1.1rem;  /* space for help button */
}
.form-entryLabelWrapper .form-entryLabel{
	width:100%;
}
.form-entryLabel{
	position:relative;
	word-break:break-word;
}
.form-entryLabel .form-entryHelp{
	position:absolute;
	right:2px;
}
.form-entryPrimitive .form-PrimitiveValue{
	display:inline-block;
}
.form-hidden{
	display:none !important;
}

/* make inline system-message really ugly */
.form-ident-cfg_errors{
	color:crimson;
	background-color:cyan;
	font-weight:bold;
	font-style:italic;
}

/* general error support */
.form-type-DropdownFormEntry.form-error select{
	color:red;
}
.form-type-DropdownFormEntry.form-error select option{
	color:black;
}
.form-type-FormEntry.form-error > .form-entryWrapper .form-entry{
	background-color:#F8E5E1;
}
.form-type-FormEntry > .form-entryWrapper .form-error{
	background-color:#F8E5E1;
}
.form-wikitextError{
	color: #DF0000;
	padding: 5px;
	display: inline-block;
	background-color: #fafafa;
	border: 1px solid #ababab;
	border-bottom: 0;
}

/* general button support  */
.form-Button{
	padding:2px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	border:1px solid transparent;
	width:80px;
	text-align:center;
	font-size: 13.8px;
	line-height: 12px;
	font-family: Arial;
}
.form-Button, .form-Button a, .form-Button a:visited, .form-Button a:link, .form-entryHelpButton{
	cursor:pointer;
	text-decoration:none;
}
.form-Button, .form-Button a, .form-Button a:visited, .form-Button a:link{
	color:#FFFFFF;
}
.form-formWrapper .form-Button{
	background-color:#555555;
}
/* submit and cancel buttons at bottom of form */
.form-actionWrapper .form-Button{
	width:12rem;
	padding:5px;
	margin: 10px 5px 10px 0px;
	font-weight:bold;
}

/* FileUpload */
.form-type-TrackedFileUploadFormEntry .form-uploadButton{
	width: 10em;
	display:inline-block;
}
.form-uploadButton .form-Button{
	width:8rem;
}
.form-type-TrackedFileUploadFormEntry .form-uploadSelected{
	display:inline-block;
	padding-left:4px;
	vertical-align:middle;
	font-size:0.9em;
}
.form-type-TrackedFileUploadFormEntry .form-removeItem{
	margin-right:10px;
}

/* form-treeWrapper */
.form-treeWrapper, .form-treeSelectionDisplay {
	font-size:0.9em;
}
.form-treeWrapper .jstree-container-ul{
	height:3ex; /* fixed height needed because children are set to position:absolute on tree-open */
}
.form-treeWrapper .jstree-container-ul > .jstree-open{
	/* show selection tree in a floating box if tree is opened */
	position:absolute;
	background-color:#EBEBEB;
	padding:0 1em 1em 0;
	z-index:100;
	border:1px solid #BBBBBB;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
}
.form-type-MultiLevelSelectionFormEntry .form-primitiveValue{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:flex-start;
}
.form-type-MultiLevelSelectionFormEntry .form-primitiveValue .form-treeWrapper{
	min-width:12em;
	width:12em;
}
.form-type-MultiLevelSelectionFormEntry .form-primitiveValue .form-treeSelectionDisplay{
	min-width:120px;
}
.form-treeSelectionDisplay{
	padding-left:27px;
}
.form-treeSelectionDisplayEntry {
	cursor:pointer;
	display:list-item;
}

.form-type-FormEntry .jstree-default.jstree-focused {
	background-color:#CAD9E0;
}

/* label above input for TextBoxFormEntry */
.form-type-TextBoxFormEntry.form-entryBase.form-entryHasLabel{
	flex-direction:column;
	align-items:flex-start;
}
.form-type-TextBoxFormEntry.form-entryBase.form-entryHasLabel > .form-baseValue{
	width:100%;
}

/* support for DatePicker in DateFormEntry */
.form-type-DateFormEntry .form-type-TextFormEntry > .form-primitiveValue{
	display:flex;
	flex-direction:row;
}

/* ------------------------------------------------------------------------- */
/* overall form dimensions and layout */
/* ------------------------------------------------------------------------- */
.form-formWrapper{
	width:100%;
	max-width:81rem;
}

/* minimal width of form */
.form-formWrapper, .form-entryWrapper{
	min-width:280px;
}


.form-entryLabelWrapper {
	/* width of left form column */
	min-width:186px;
}

.form-sectionLabel .form-entryLabelWrapper {
	/* width of section labels */
	width:100%;
}

.form-section{
}
.form-tableCell, .form-sectionLabel{
}
.form-tableCell{
	padding: 8px;
}

/* add borders for section labels */
.form-sectionLabel .form-entryLabelWrapper,
.form-sectionLabel .form-entryLabelWrapper{
	border:1px solid #ABABAB;
}


/* support for MultiValueFormEntry */
/* ------------------------------------------------------------------------- */
.form-type-MultiValueFormEntry .NewMultiValueInstance.form-Button,
.form-type-MultiValueFormEntry .RemoveMultiValueInstance.form-Button,
.form-type-MultiLevelSelectionFormEntry .form-treeSelectionRemove.form-Button{
	float:right;
	clear:both;
}

/* push remove Buttons to the right */
.form-type-MultiValueFormEntry.form-uiExpansion .form-entryBase,
.form-type-TextFormEntry.form-entryBase,
.form-type-DateFormEntry.form-entryBase,
.form-type-DropdownFormEntry.form-entryBase{
	/* provision space for remove buttons and align the rest */
	padding-right:90px;
}
.form-type-MultiValueInstanceFormEntry{
	position:relative;
}
.form-type-MultiValueFormEntry .RemoveMultiValueInstance.form-Button{
	position:absolute;
	right:0px;
	margin-top:2px;
}

.form-type-MultiValueFormEntry .NewMultiValueInstance.form-Button{
	margin-top:1px;
}

.form-type-MultiValueFormEntry.form-uiExpansion{
	margin-bottom:20px;
}
/* add separation-line for unnested multival instance sibling */
.form-type-MultiValueFormEntry.form-uiExpansion:not(.form-hasNestedMultiValueFormEntry)
> .form-type-MultiValueInstanceFormEntry + .form-type-MultiValueInstanceFormEntry{
	border-top:1px solid #BBBBBB;
	margin-top:8px;
	padding-top:8px;
}

/* support for nested multiValueInstance */
.form-type-MultiValueFormEntry.form-uiExpansion.form-hasNestedMultiValueFormEntry
> .form-type-MultiValueInstanceFormEntry{
	background-color:#EAEAEA;
	border-radius:6px;
	border-top:2px solid #C0C0C0;
	border-bottom:2px solid #C0C0C0;
	padding-top:4px;
	padding-bottom:4px;
}

.form-type-MultiValueFormEntry.form-uiExpansion.form-hasNestedMultiValueFormEntry
> .form-type-MultiValueInstanceFormEntry{
	padding-left:4px;
	padding-right:4px;
}

.form-type-MultiValueFormEntry.form-hasNestedMultiValueFormEntry
> .form-type-MultiValueInstanceFormEntry > .form-type-MultiValueFormEntry .form-Button{
	margin-right:4px;
	width:72px;
	background-color:#666666;
	font-size:12.2px;
}

.form-type-MultiValueFormEntry.form-uiExpansion.form-hasNestedMultiValueFormEntry
> .form-type-MultiValueInstanceFormEntry + .form-type-MultiValueInstanceFormEntry{
	margin-top:12px;
}

/* support for FormMultiSection */
.form-type-FormMultiSection.form-uiExpansion{
	margin-bottom:30px;  /* must be at least 24px (hint: FormMultiSection + FormMultiSection) */
	margin-top:30px;
}
.form-type-FormMultiSection > .form-Button.NewMultiValueInstance{
	float:right;
	margin-right:4px;
}
.form-type-FormMultiSection > .form-type-MultiValueInstanceFormEntry > .form-Button.RemoveMultiValueInstance{
	float:right;
}

/* move remove button into section label */
.form-type-FormMultiSection > .form-type-MultiValueInstanceFormEntry{
	position:relative;
}
.form-type-FormMultiSection > .form-type-MultiValueInstanceFormEntry.form-entryHasLabel > .form-Button.RemoveMultiValueInstance{
	position:absolute;
	right:4px;
	top:1px;
	z-index:10;
}

/* ------------------------------------------------------------------------- */
/* styling */
/* ------------------------------------------------------------------------- */

.form-formWrapper {
	font-size: 1rem;
}

.form-section{
	color:#46453D;
}

.form-tableRow{
	background: #FBFBFB;
}

.form-sectionLabel {
	font-weight:bold;
	padding: 1em .3rem .3rem;
  background-color: white;
}

.form-entryLabelWrapper{
	background-color:#f0f0f0;
	background:
		linear-gradient(140deg, #eeeeeec0 30%, #bbbbbb50 80%),
		repeating-linear-gradient(135deg, #ffffff00 2px, #00000008 4px, #ffffff00 6px),
		#f0f0f0;
	box-shadow:inset 0px -1px 4px #a0a0a060;
}

.form-Button{
	background:
		linear-gradient(100deg, #88888860 40%, #909090a0 85%),
		repeating-linear-gradient(135deg, #ffffff00 2px, #00000010 4px, #ffffff00 6px);
}


.form-type-TextBoxFormEntry .form-notify{
	color: #15516E;
	font-size: 0.8em;
}

.form-entryPrimitive.form-readonly > .form-primitiveValue input{
	color: #777777;
}

/* show empty labels on TextFormEntry */
.form-type-TextFormEntry.form-entryBase.form-entryHasNoLabel .form-entryLabel,
.form-type-DateFormEntry.form-entryBase.form-entryHasNoLabel .form-entryLabel{
	display:block;
}

.form-progressBar {
	background:#A9CBCF;
	box-shadow: 0 0 3px 0 #A9CBCF;
}

.form-type-ExplanationFormEntry .form-textContent{
	font-size:0.9em;
	word-break:break-word;
}

.form-textContent h1{
	font-size:1.4em;
	font-weight:bold;
	margin:1em 0em 0.7em 0em;
}
.form-textContent h2{
	font-size:1.3em;
	font-weight:bold;
	margin:0.9em 0em 0.6em 0em;
}
.form-textContent h3{
	font-size:1.2em;
	font-weight:bold;
	margin:0.8em 0em 0.5em 0em;
}
.form-textContent h4{
	font-size:1.1em;
	font-weight:bold;
	margin:0.7em 0em 0.4em 0em;
}
.form-textContent h5{
	font-size:1em;
	font-weight:bold;
	margin:0.6em 0em 0.3em 0em;
}
.form-textContent h6{
	font-size:0.9em;
	font-weight:bold;
	margin:0.5em 0em 0.2em 0em;
}