/*****************************************************************************/
/*               NAMENSKONVENTIONEN FÜR NEUE CSS STYLES                      */
/*****************************************************************************/
/*
1. Sprechenden Namen in Englisch vergeben 
2. Namenskombinationen:
	- mit Unterstrich (z.B. "wizard_navi")
*/


form {
	margin: 0;
	padding: 0;
}

input,
select, 
textarea {
   padding: 5px;
   margin: 2px 0;	  
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box;    
   box-sizing: border-box; 
   font-family: var(--font) !important;
   border: var(--border3);
   color: var(--basicFontColor);
   background-color:var(--backgroundColor2);
   font-size: var(--fontSize4);
 }
 
 
input[disabled="disabled"]:not([type='checkbox']) ,
select[disabled="disabled"] , 
textarea[disabled="disabled"],
input[disabled=""]:not([type='checkbox']) ,
select[disabled=""] , 
textarea[disabled=""],
input[readonly="readonly"] ,
select[readonly="readonly"] , 
textarea[readonly="readonly"],
.input_readonly, 
.input_readonly.input_date,
.ui-selectonemenu.ui-state-default.input_readonly,
.ui-selectonemenu.ui-state-default.input_readonly label,
input[disabled="disabled"]:hover ,
select[disabled="disabled"]:hover , 
textarea[disabled="disabled"]:hover,
input[disabled=""]:not([type='checkbox']):hover ,
select[disabled=""]:hover , 
textarea[disabled=""]:hover,
input[readonly="readonly"]:hover ,
select[readonly="readonly"]:hover , 
textarea[readonly="readonly"]:hover,
.input_readonly:hover, 
.input_readonly.input_date:hover,
.ui-selectonemenu.ui-state-default.input_readonly:hover,
.ui-selectonemenu.ui-state-default.input_readonly label:hover{
    background-color:var(--backgroundColor3) !important;
    border: var(--border2);
	cursor: text;
	color:var(--basicFontColor);	
	opacity: 1;
	/* min-height: 2.2em; */
}

/* Windows-Hochkontrastmodus: Hervorhebung deaktivierter Felder */
@media (forced-colors: active) {
	input[disabled="disabled"] ,
	select[disabled="disabled"] , 
	textarea[disabled="disabled"],
	input[disabled=""] ,
	select[disabled=""] , 
	textarea[disabled=""],
	input[readonly="readonly"] ,
	select[readonly="readonly"] , 
	textarea[readonly="readonly"],
	.input_readonly, 
	.input_readonly.input_date,
	.ui-selectonemenu.ui-state-default.input_readonly,
	.ui-selectonemenu.ui-state-default.input_readonly label,
	input[type="radio"]:disabled:checked + label, 
	input[type="radio"]:disabled:not(:checked) + label{
    border-style: dashed;
}
}

input[type='checkbox']{
	margin: 0;
	min-height: unset;
	
}


.ui-selectonemenu.ui-state-default.input_readonly,
.ui-selectonemenu.ui-state-default.input_readonly_adjusted label{
	border: var(--border1);
	min-height: 2.15em;
}

.ui-selectonemenu.ui-state-default.input_readonly label:after{
	color:var(--disabledFontColor);
	background-color: var(--backgroundColor42);
}

input[readonly='readonly']:focus,
input[readonly]:focus,
textarea[readonly='readonly']:focus,
textarea[readonly]:focus {
	background-color: var(--backgroundColor3) !important;
	cursor:text;
	box-shadow:initial;
	outline: var(--highlightFocusOutline);
    border: var(--highlightBorder);
}

input[type=file]:focus,
select:focus,
textarea:hover {
	background-color:var(--backgroundColor2);
}

input[type=file]:focus, select:focus {	 
     box-shadow:var(--highlightShadow);      
} 

input[type=file]:focus, select:focus,
.input_date input.ui-inputfield:focus {
	border:var(--highlightBorderForms);
	outline:var(--highlightFocusOutline);
}

input:hover,
input[type=file]:hover,
input[type=file]:focus,
select:focus,
select:hover {
	transition:var(--highlightTransition); 
    /*selectors must be positioned after the variable: for ms edge every property must be specified to avoid flickering*/
    transition-property: border 0.8s;
    transition-property: box-shadow 0.8s;
}

textarea:focus, input:focus{
    outline: var(--highlightFocusOutline);
    background-color: var(--backgroundColor2);
    transition:var(--highlightTransition); 
	/*selectors must be positioned after the variable: for ms edge every property must be specified to avoid flickering*/
	transition-property: border 0.8s;
	transition-property: box-shadow 0.8s;
    box-shadow:var(--highlightShadow);
	border:var(--highlightBorderForms);
}

.overlay textarea {
	max-width:100%;
}

.jobConfigurationSelector{
	vertical-align: middle;
}

/*When textarea is focused, it expands*/
textarea.expand {
	overflow: hidden;
}

textarea.expand:focus {
	height: 10em;
	overflow: auto;
}
/** but not if readonly */
textarea.expand[readonly]:focus {
	height: auto;
	overflow: hidden;
}

.genericSearchMask .dropdown_standard_small {
	width: calc(60% - 67px); /** if you change the width of dropdownEqualOperator, then the px value must also change. **/
} 

/*CSS für IPad ind IPhone*/
.ios.ipad.tablet .genericSearchMask .dropdown_standard_small, .ios.iphone.mobile .genericSearchMask .dropdown_standard_small {
	width: calc(60% - 76px); 
} 

.field-content-wrapper {
 	margin-top: 5px;
	display:inline-block;
	max-width:60%;
}

.globalConfigurationEditorContainer .labelAsDiv + .textBold {
 	margin-top: 5px;
	display:inline-block;
	width:60%;
}

.globalConfigurationEditorContainer .labelAsDiv + .textBold.textColorGrey {
 	font-weight:normal;
 	margin-top: 4px;
}

.globalConfigurationEditorContainer .labelAsDiv + .textBold .helpButton{
	margin-top: -5px;
}

button.imagebottom.selectOrgunitGlobalConf{
	margin-top: 6px;
    margin-left: 3px;
}

.field-content-wrapper.moreSelects {
	width:60%;
}
.field-content-wrapper.moreSelects button {
	position:absolute;
}

.field-content-wrapper .helpButton {
	/** onlineapplication-career.xhtml helpButton next to radio buttons **/
	padding-top: 4px;
	vertical-align: top;
}

.noLabelContentLine_50.field-content-wrapper .helpButton{
	/** onlineapplication helpButton **/
	padding-top: 0;
}

.field-content-wrapper .radio-field {
	display: inline-block;
	margin-right: 10px;
}

.profileLabel + .field-content-wrapper{
	margin-top:5px;
	word-break: break-word;
}

.field-content-wrapper .radio-field + .helpButton, /** Ticket: #146947 **/
.field-content-wrapper > table.displayInlineBlock + .helpButton{
	margin-top: 0;
}

/* LABEL */
.buttonsTop label {
	vertical-align: middle;
	white-space: nowrap;
}

.noLabelContent, .noLabelContentLine {
	width: 60%;
	margin-left: 30%;
	padding-left: 8px;
	padding-bottom: 4px;
}

/* Zweck: zusätzliche CSSklasse, um Abstand der Label bei Comboboxes zu vereinheitlichen #191602 */

.noMarginTop.field-content-wrapper   {
	margin-top: 0px;
}

.compareDbForm .fieldsetNoBorder label {
	margin-top: 0;
	text-align: left;
	width: auto;
}

/* online-immatrikulation css field-content-wrapper override */

.overrideWidth {
	width: auto !important;
	margin-left: 2.5% !important;
}

.overrideWidthLabel td label {
	width: auto !important;
	text-align: left !important;
	margin-top: 0 !important;
	line-height: 1.5em !important;
}

.overrideWidthLabel td input {
	margin-right: 2px;
}

.labelAsDiv, .field-content-wrapper, #configChipcardRowType fieldset div.labelAsDiv ~ div.field-content-wrapper {
	vertical-align: top;
}

.labelAsDiv {
	width: 30%;
	margin: 0 3px 0 0;
	padding: 0 0 0 0;
}

.fieldsetNoBorder div.applicationContentAdmissionPackagesLabels label{
	width:20%;
}

.columnFullSize #applicationContent\:fieldInput .ui-selectonemenu-label.ui-inputfield {
	width: 100%;
}

.fieldsetNoBorder div .fieldInputDiscriminatorType{
	text-align: left;
	display: inline;
	position: relative;
	top: 7px;
}

.labelDebugGlobalConfiguration{
	float:left;
	width:31%;
	padding-left:20px;
	padding-right:7px;
	text-align:right;
}

/* Änderung der Fieldsetstruktur */

/* fieldset ol li .form-label + input[type='checkbox'] */
.box_content div .form-label + input[type='checkbox']  {
	margin-top: 8px; /** Ticket: #146947 **/
}

label + input[type='checkbox'] {
	margin-right: 3px;
}

.fixedElements label + input[type='checkbox'],
.fixedElements input[type='checkbox'] + label {
	margin-left: -18px;
	display: inline;
}

.fixedElements .treeTable label + input[type='checkbox'],
.fixedElements .treeTable input[type='checkbox'] + label {
	margin-left: 0;
}

.fixedElements div[class*="noLabelContentLine"] > label + input[type='checkbox']{
	 margin-left: 0px;
}

input[type='checkbox'] + label,
.field-content-wrapper input[type='checkbox'] + label,
.box_content div input[type='checkbox'] + label {
	width: auto;
	max-width:95%;
	text-align: left;
	margin-top: 0;
	vertical-align:top;
	display: inline-block;
}

.box_content .labelrequired label {
	display:inline-block;
}

.checkbox > input, .checkbox > label, .box_content div .checkbox label {
	margin-top: 1px;
}

.checkbox > input {
	vertical-align:top;
}

.checkbox > label {
	width: 100%;
}

.checkbox:active, input[type="radio"]:focus+label,
input[type="checkbox"]:focus+label {
   outline:var(--highlightFocusOutline);
   outline:none;
}

/* input[type="radio"]:focus+label,
input[type="checkbox"]:focus+label {
	box-shadow:1px 1px 5px #aaaaaa;
  	box-shadow:var(--highlightShadow);  
}  */

input[type="radio"]:focus+label:before,
input[type="checkbox"]:focus+label:before {
	outline:none !important;	
    background-color:var(--highlightBackgroundColor) !important;
} 

.boxStandard table tr td input[type="radio"]:focus + label,
.box_green_bg_grey table tr td input[type="radio"]:focus + label, 
.box_content table.radio-buttons tr td input[type="radio"]:focus + label, 
input[type="radio"]:focus + label, 
.box_content div .noLabelContentLine input[type="radio"]:focus + label, 
.box_content div .noLabelContentLine_50 input[type="radio"]:focus + label, 
.box_content div .noLabelContentLine_98 input[type="radio"]:focus + label{
	border: 2px solid var(--accentFontColor);
	padding: 4px 9px 6px 9px;
}

/** fix problems with noLabel checkboxes #276745*/
.checkboxNoLabelWrapperWithTitle input[type="checkbox"]:focus+label:before{
    outline: none;
}

.left_Buttons > label {
	vertical-align: middle;
}

/*Ausrichtung der Buttons in Editiermaske der globalen Konfiguration*/
.box_content .globalConfigurationEmptyValue  input[type="checkbox"] + label{
	width:40px;
	min-width:auto;
}

.box_content span.globalConfigurationEmptyValue{
	vertical-align: middle;
    display: inline-block;
    margin-top: 3px;
}

/*Styling Checkbox und Radiobuttons*/

input[type="checkbox"] {
    opacity: 1;  
    position: relative;
    cursor:pointer;
    width: 1.2em;
    height: 1.2em;
	
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	
	border-width: 2px;
	border-style: solid;
    
}
input[type="checkbox"]:not([disabled]) {
	border-color: var(--accentFontColor) ;
    accent-color: var(--accentFontColor);
}
input[type="checkbox"][disabled], input[type="checkbox"][disabled]:hover {
    border: 2px solid var(--disabledFontColor) !important ;
    accent-color: var(--disabledFontColor);
    background-color:var(--backgroundColor3)
}
input[type="checkbox"]:checked{
	/* background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" class="his-icon" viewBox="0 0 9 9" style="enable-background:new 0 0 9 9;" xml:space="preserve" ml-update="aware" width="4.3" height="1.6"><g>   <g>     <path style="fill:#006AB2;" d="M52,52H12V12h37.3L53,7.4c0.4-0.5,0.9-1,1.4-1.4H8.9C7.3,6,6,7.3,6,8.9v46.2C6,56.7,7.3,58,8.9,58    h46.2c1.601,0,2.9-1.3,2.9-2.9V25.4l-6,7.4V52z"/>   </g>    <g>     <path style="fill:#006AB2;" d="M62.2,8C61.1,7.2,60,6.9,58.7,7.1c-0.4,0.1-0.8,0.2-1.101,0.4c-0.8,0.4-1.5,1-2.199,1.9L34.5,35    l-10-8.7c-1.2-1.1-2.4-1.6-3.7-1.6c-1.3,0-2.4,0.5-3.3,1.5c-0.8,0.9-1.2,2-1.1,3.2c0,0,0,0.1,0,0.2c0.1,1.3,0.8,2.5,2.1,3.6    l13.2,11.5c0.1,0.1,0.1,0.1,0.2,0.2c0.1,0.1,0.2,0.199,0.3,0.3c0.399,0.3,0.8,0.5,1.2,0.7c0.1,0,0.1,0.1,0.199,0.1    c0.101,0,0.301,0.1,0.4,0.1c0.4,0.101,0.9,0.2,1.3,0.2c1.3-0.1,2.3-0.6,3.2-1.6c0.2-0.2,0.3-0.4,0.4-0.601C39,44,39,44,39.1,43.9    l23.601-29c0.899-1.2,1.3-2.4,1.2-3.6C63.9,9.9,63.3,8.8,62.2,8z"/>   </g></g></svg>') no-repeat center, var(--accentFontColor);
	 */
   	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="white" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>') no-repeat center, var(--accentFontColor);
   	 
}
input[type="checkbox"][disabled]:checked {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="white" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>') no-repeat center, var(--disabledFontColor);
    background-color:var(--disabledFontColor) !important;
}
input[type="checkbox"] + label{
	padding-left: 5px;
}


/** #281820 position:absolute verschiebt Seite beim aktivieren von manchen inputs bei fixem Header und Footer.  */
.fixedElements input[type="checkbox"] {
    position: relative;
}  
.fixedElements .noLabelContentLine.searchMaskCheckBox label{
    margin-left: 13px;
}

@media screen and (min-width: 768px) {
	form[name="genericSearchMask"] input[type=checkbox]{
		position: static;
	}
	form[name="genericSearchMask"] .noLabelContentLine {
		padding-left: 1em;
	}
}


/*unsichtbare Schrift im Label der Checkboxen in Tabellen, damit die graphische Checkbox angezeigt wird*/
.checkboxNoLabelWrapperWithTitle label{
	font-size:0;
	padding-left: 0;
}



.saveSearchCriteriaColumnRight label.checkbox-checked, .saveSearchCriteriaColumnRight label.checkbox-unchecked{
	margin-right:25px;
}

label.checkbox-checked + input[type=checkbox], 
label.checkbox-unchecked + input[type=checkbox]{
	position: absolute;
	margin-left: -18px;
}

.fixedElements label.checkbox-checked + input[type=checkbox], 
.fixedElements label.checkbox-unchecked + input[type=checkbox]{
	position: relative;
	margin-left: -18px;
}

.checkboxgroup_item{
	display: inline-block;
	white-space: nowrap;
	/* width:33%; */
  	width: auto;
  	margin: 0 5px 5px 5px;
}

.debugJsf .checkboxgroup_item{
	display: inline-block;
    white-space: nowrap;
	width:auto;
}

.debugJsf .checkboxgroup_item > label{
    display: inline;	
}

label.checkbox-checked, label.checkbox-unchecked{
	/* fixes icons after checkboxes overlaping checkbox*/
	margin-right: 22px !important;
}

/*Checkbox Position, wenn rechts ausgerichtet #261336*/
.floatRight input[type=checkbox],
.textAlignRight input[type=checkbox]{
	right:0;
}

@media screen and (max-width: 1024px){ 	
	label:not(.checkbox-checked, .checkbox-unchecked) {
		overflow:hidden;
	}
	input[type="checkbox"] + label, input[type="checkbox"] + span label {
		overflow:visible;
	}
}

/*Radiobuttons*/
input[type=radio] {
   position: absolute;
   opacity:0;
   margin-left: 15px;
   margin-top: 10px;
}


div[role="radiogroup"] label {
    word-wrap: break-word;
    hyphens: auto;
    white-space: normal !important;
    display: flex;
}

/*Darstellung des Radiobuttons als Hintergrundgraphik, Label HINTER Checkbox*/
input[type="radio"]:checked + label::before, input[type="radio"]:not(:checked) + label::before{
    position: relative;
    display: inline-block;
    top:2px; 
     font-family: "HISinOneIcons" !important;
    font-size: 20px;
    width:21px;
    -webkit-transition: border-color .2s ease-in, background-color .2s ease-in;
    -moz-transition: border-color .2s ease-in, background-color .2s ease-in;
    -o-transition: border-color .2s ease-in, background-color .2s ease-in;
    -ms-transition: border-color .2s ease-in, background-color .2s ease-in;
    transition: border-color .2s ease-in, background-color .2s ease-in;
}

/*Darstellung der NICHT AKTIVEN Radiobuttons als Hintergrundgraphik*/
input[type="radio"]:not(:checked) + label::before{
    content: "\ea2f" / "";
    color: var(--accentFontColor);
    background-color: var(--backgroundColor2);
	border-radius: 25px;
}

/*Darstellung der NICHT AKTIVEN Radiobuttons als Hintergrundgraphik (disabled)*/
input[type="radio"]:disabled:not(:checked) + label::before,
input[type="radio"]:disabled:checked + label::before{
   color: var(--backgroundColor42);
}

/*Darstellung der AKTIVEN Radiobuttons als Hintergrundgraphik*/
input[type="radio"]:checked + label::before{
	content: "\ea30" / "";
    color: var(--accentFontColor);     
    background-color: var(--backgroundColor2);
	border-radius: 30px;
}

/*Darstellung der AKTIVEN Radiobuttons als Hintergrundgraphik (disabled)*/
input[type="radio"]:disabled:checked + label::before{
    color: var(--disabledFontColor);
}



/* customized styleClass for Bewerbung sichten label */

.labelApplicationSubject .box_content div label {
	text-align: left;
	/* margin-right: 0; 
	padding: 4px 5px; */
	margin-top: 0;
}

.label_spacer {
	display:inline-block;
	margin-right: 10px;
    margin-top: 7px;
    vertical-align: top;
    padding-left: 4px;
}

.label_spacer,
label {
	width: 30%;
	min-width: 150px;
	vertical-align: middle;
}

#personbearbeiten\:prot\:editorFieldset fieldset > div div > label {
	min-width: 0;
}

@media screen and (max-width: 1024px) { 
	#personbearbeiten\:prot\:editorFieldset fieldset > div div > label {
		min-width: 150px;
	}
}

@media screen and (max-width: 1024px) { 
	erp-jobapplication-form input[type="checkbox"] ~ label {
		min-width: 0;
	}
}

/* change of fieldset structure */

/* fieldset ol li label,.label_82,.label_60{ */
.box_content div label,.label_82,.label_60{
	text-align: right;
	display: inline-block;
	margin-right: 10px;
	margin-top: 7px; /* Zweck: Behebung der vertical-align Fehler der Label */
	vertical-align: top;
	padding-left: 4px;
}

div.checkboxNoLabelWrapperWithTitle label{
	display: inline;
	margin: 0px;
	padding: 0px;
	vertical-align: inherit !important;
	font-weight:normal;
}

.fieldsetNoBorder div label{
	text-align: right;
	display: inline-block;
	hyphens: auto;
}

.noLabelContent .checkboxNoLabelWrapperWithTitle label.checkbox-unchecked,
.noLabelContent .checkboxNoLabelWrapperWithTitle label.checkbox-checked,
.noLabelContent .checkboxNoLabelWrapperWithTitle label.checkbox-disabled,
.table tr .displayInline .checkboxNoLabelWrapperWithTitle label.checkbox-unchecked,
.table tr .displayInline .checkboxNoLabelWrapperWithTitle label.checkbox-checked,
.table tr .displayInline .checkboxNoLabelWrapperWithTitle label.checkbox-disabled,
.disableResponsiveLabels.table tr .checkboxNoLabelWrapperWithTitle label.checkbox-unchecked,
.disableResponsiveLabels.table tr .checkboxNoLabelWrapperWithTitle label.checkbox-checked,
.disableResponsiveLabels.table tr .checkboxNoLabelWrapperWithTitle label.checkbox-disabled,
.mm_fieldset_assignment .checkboxNoLabelWrapperWithTitle label,
.mm_fieldset_account .checkboxNoLabelWrapperWithTitle label,
.mm_checkbox_suspense .checkboxNoLabelWrapperWithTitle label {
	text-align: left;
}

.tableWithSelect tr .checkboxNoLabelWrapperWithTitle label.checkbox-unchecked, 
.tableWithSelect tr .checkboxNoLabelWrapperWithTitle label.checkbox-checked,
.tableWithSelect tr .checkboxNoLabelWrapperWithTitle label.checkbox-disabled,
.treeTableWithIcons tr .checkboxNoLabelWrapperWithTitle label.checkbox-unchecked, 
.treeTableWithIcons tr .checkboxNoLabelWrapperWithTitle label.checkbox-checked,
.treeTableWithIcons tr .checkboxNoLabelWrapperWithTitle label.checkbox-disabled,
.table tr .checkboxNoLabelWrapperWithTitle label.checkbox-unchecked, 
.table tr .checkboxNoLabelWrapperWithTitle label.checkbox-checked,
.table tr .checkboxNoLabelWrapperWithTitle label.checkbox-disabled,
.disableResponsiveLabels.table tr .checkboxNoLabelWrapperWithTitle label.checkbox-unchecked,
.disableResponsiveLabels.table tr .checkboxNoLabelWrapperWithTitle label.checkbox-checked,
.disableResponsiveLabels.table tr .checkboxNoLabelWrapperWithTitle label.checkbox-disabled,
.mm_fieldset_assignment .checkboxNoLabelWrapperWithTitle label,
.mm_fieldset_account .checkboxNoLabelWrapperWithTitle label,
.mm_checkbox_suspense .checkboxNoLabelWrapperWithTitle label,
.globalConfigImportActionButtons .checkboxNoLabelWrapperWithTitle label {
	min-width: 20px;
}

.table tr .displayInline .checkboxNoLabelWrapperWithTitle, 
.fieldsetNoBorder .checkboxNoLabelWrapperWithTitle input[type="checkbox"] + label,
.box_content .fieldsetNoBorder div  .checkboxNoLabelWrapperWithTitle  input[type="checkbox"] + label {
	display: inline;
}

/*Tabelle in "Leistungen bearbeiten, Feldsetzungen" #241528 */
.table tr .displayInline .checkboxNoLabelWrapperWithTitle {
	display: inline-block;
	height:30px;
}

.disableResponsiveLabels.table tr .checkboxNoLabelWrapperWithTitle,
.mm_fieldset_assignment .checkboxNoLabelWrapperWithTitle,
.mm_fieldset_account .checkboxNoLabelWrapperWithTitle,
.mm_checkbox_suspense .checkboxNoLabelWrapperWithTitle,
.globalConfigImportActionButtons .checkboxNoLabelWrapperWithTitle  {
	display: inline-block;
}

.table tr .displayInline .checkboxNoLabelWrapperWithTitle label.checkbox-unchecked,
.table tr .displayInline .checkboxNoLabelWrapperWithTitle label.checkbox-checked,
.table tr .displayInline .checkboxNoLabelWrapperWithTitle label.checkbox-disabled, .checkboxNoLabelWrapperWithTitle {
	display: inline;
}

td.smallestPossible > .checkboxNoLabelWrapperWithTitle {
	display: inline-block;
	line-height: 0px;
	vertical-align: middle;
}

.fieldsetNoBorder .checkboxNoLabelWrapperWithTitle label{
	vertical-align:initial;
}

/* Zusätzliches CSS, um Eigenschaften in DataDictionary bearbeiten wieder herzustellen */ 

.fieldsetNoBorder div label.rmalign {
	text-align: left;
	display: inline;
}

.box_content div label.form-label.rmalign + input[type="checkbox"] {	
	margin-top: 0;
}

.fieldsetNoBorder div label.noLabelDisplay {
	display:none;
}

.selectHzb td label {
	display: inline;
}

.labelAsDiv,
.labelAsDiv_48{
	text-align: right;
	display: inline-block;
	margin-right: 3px;
	padding-left:0; 
	margin-top: 5px;
/* 	margin-top: 5px; wg. ALU Selbstregistrierung Aus welchem Grund möchten Sie dem Alumni-Netzwerk beitreten? */
}

/** labelStyleClass for Mitgliedersuche / Kontaktanfrage **/

.smallLabel {
	width: auto;
	min-width: auto;
}

.box_content div label.gc_label{
	float:none;
	margin: 0;
	display:inline;
}

.inLineWithPreviousContainer {
	display: inline;
	vertical-align: top;
}

.labelOutFieldset {
	margin-right: 5px;
	margin-bottom: 3px;
}

.containerLeft .labelOutFieldset, .containerRight .labelOutFieldset{
	display:inline;
}

.labelAsDiv_48 {
	width: 48%;
	margin-top: 0;
}

.labelAsDiv_75 {
	width: 75%;
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px;
	margin-top: 0;
}

.noLabelContentLine_50 {
	padding-bottom: 4px;
	padding-top: 5px;
	display: inline;
}

.noLabelContentLine_50 table input{
	vertical-align: middle;
}

.noLabel {
	width: 30%;
	display: inline-block;
}

.noLabelContentLine_98 {
	padding-bottom: 4px;
	padding-top: 5px;
	display: inline-block;	
	position:relative;
	white-space:nowrap;
	vertical-align: middle;
}

.noLabelContentLine_98 .checkbox label {
	line-height: 1.3em;
}


.box_content div .noLabelContentLine label, .box_content div .noLabelContentLine_50 label, .box_content div .noLabelContentLine_98 label
	{
	/*float: none !important;*/
	margin-right: 0;
	margin-top: 0;
	padding-right: 3px;
	/*padding-top:2px;*/
	padding-top: 0;
	padding-left: 4px;
	top:0;
	width: auto;
	min-width: initial;
}

.noLabelContentLine input[type='checkbox'],
.noLabelContentLine_98 input[type='checkbox'],
.noLabelContentLine_50 input[type='checkbox'],
.noLabelContent .checkbox input {
	vertical-align:top;
}

.noLabelContentLine.searchMaskCheckBox{
	white-space: nowrap;
}

.noLabelContentLine.searchMaskCheckBox label{
	margin-top: 0;
	margin-left: 0;
}

.textPlain {
	width: 60%;
	display: inline-block;
}

.hotkeyContainer{
	margin-top:6px;
}

.label_82 {
	width: 82%;
}

.label_48 {
	width: 48%;
}

.label_40 {
	width: 40%;
}

.label_60 {
	width: 60%;
}

.labelLeftAutoWidth {
	text-align: left;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width: initial;
}

.label_top_position_100,.label_top_position_marked {
	float: none;
	display: block;
	width: 97%;
	text-align: left !important;
	margin-left:0;
	padding-left:0 !important;
}

.label_top_position_marked {
	background-color:var(--backgroundColor2) !important;
}

/* längere labels auch vom parent panelFormLayout oder plam aus stylen können. */
.label_250 label,
label.label_250 {
	min-width: 250px;
}

.box_content div label.label_top_position_marked, .label_top_position_marked {
	width: 98%;
	margin: 0.5em 0 0 0;
	font-weight: bold;
	padding: 0 0 0.2em 0;
	background-color:var(--backgroundColor2) !important;
}

.labelInLine {
	width: auto;
	min-width: 0;
	display: inline-block;
	margin: 0 0.5em 0 0.7em;
	vertical-align: top;
}

.labelNoFloat {
	float:none;
}

.labelAsDiv {
	display: inline-block;
/*	vertical-align: middle; Entfernt, damit Label bei langen Content im Inputbereich oben aligned sind*/
	margin-top: 5px;
	margin-right: 10px;
}

.flatConfigurationViewLayout .labelAsDiv {
	margin-top: 8px;
	margin-bottom: 8px;
}
.flatConfigurationViewLayout .labelAsDiv + div {
	margin-top: 3px;
}
#configChipcardRowType fieldset div.labelAsDiv {
	margin-right: 2px;
}

.labelAsDiv + div {
    vertical-align: middle;
}

.labelAsDiv + div.radio-buttons {
    vertical-align: top;
}

.labelAsDiv.noLabel{
	display:none;
}

.dependentSearch > label {
    vertical-align: top;
}

fieldset td label {
	margin-right: 5px;
	padding-top: 0;
}

fieldset td .input_45 {
	color: var(--basicFontColor);
	width: 45%;
}

.showHelp, .longHelptext {
	box-shadow: 0 1px 2px var(--backgroundColor42);
	border: 3px solid var(--backgroundColor42) !important;
	background-color:var(--backgroundColor2) !important;
}

.showHelp {
	border: var(--border2);	
}

/* Verwendung: in editUitext.xhtml */
.labelAsDiv_15 {
	width: 15%;
	margin-top: 0;
}

.label_15 {
	width: 15%;
}

.noLabelContent_75{
	float: left;
	padding: 0;
	margin: 0;
	padding-bottom: 4px;
}

.noLabelContent_75 {
	width: 75%;
	max-width: 75%;
}

.label_15,.labelAsDiv_15 {
	text-align: right;
	float: left !important;
	margin-right: 5px;
	margin-top: 5px;
}

.applicationContentFieldset label{
	position:static;
	margin-top:5px;
	width:100%;
	display:block;
}

/*****************************************************************************/
/*               Input                                                       */
/*****************************************************************************/
.langButtons{
	margin:0;
	padding:0 0 5px 0;
}

.langButtons li{
	display:inline-block;
	list-style-type: "";
	margin:0;
	padding:0;
}

.langEditButton{
	background: none;
	border: none;
	vertical-align:middle;
	padding-top: 2px;
}

.langLabel{
	height:16px;
}

input[type='submit'][disabled='disabled']{
	color: var(--disabledFontColor) !important;	
	cursor:default;
	text-decoration:none !important;
}

input[type='image'][disabled='disabled']{
	color: var(--disabledFontColor)  !important;
	cursor:default;
}

input[type='image'][disabled='disabled']:focus,
input[type='image'][disabled='disabled']:hover,
input[type='submit'][disabled='disabled']:focus,
input[type='submit'][disabled='disabled']:hover{
	background-color:transparent;	
	-webkit-box-shadow: 0 0 0 var(--backgroundColor7);
  	-moz-box-shadow : 0 0 0 var(--backgroundColor7);
 	-o-box-shadow : 0 0 0 var(--backgroundColor7);
  	box-shadow : 0 0 0 var(--backgroundColor7); 
  	cursor:default; 		
}

.autoWidth {
	width: auto;
}

label {
	cursor: pointer;
	position:relative;
	padding-left:1px;
	white-space: normal;
	margin-right: 3px;	
/* 	background-color: var(--backgroundColor2); */
}

input:disabled + label {
	cursor:default; 
}

.labelAutoWidth {
	width: auto;
	margin-right: 2px;
}

/*Text, der hinter einem Eingabefeld positiobiert ist*/
.textBehindInput{
	margin-top: 7px;
	display: inline-block;
	margin-left: 5px;
}

.input,.inputchanged,.inputnew,.inputerror,.inputselected,.noinput,.inputsuccess
	{
	margin-bottom: 0;
}

.inputError {
	background-color:var(--backgroundColor2) !important;
	background-color:var(--backgroundColor41) !important;
}

span .input {
	margin-bottom: 0;
	white-space: nowrap;
}

input[type='hidden'] {
	display:none;
}



/* INPUT - TEXTFELD */

.input_standard {
	width: 60%;
}

.input_auto {
	width: auto;
}

.input-small {
	/* needed with used inside inLineWithPreviousContainer ticket: #147479 **/
	width: 40px;
}

.inputXS {
	width: 10%;
}

/*fuer Eingaben bis zu 4 Zeichen*/
.input_8 {
	width: 8%;
}

.input_14 {
	width: 14%;
}

.input_25 {
	width: 25%;
}

.input_30 {
	width: 30%;
}

.input_33 {
	width: 33%;
}

.input_45 {
	width: 45%;
}

.input_50 {
	width: 50%;
}

.input_58 {
	width: 58%;
}

.input_78 {
	width: 78%;
}

.input_87 {
	width: 87%;
}

.input_98 {
	width: 96%;
}

.input_100 {
	width: 100%;
}

.input_250px {
	width: 250px;
}

.input_date, 
.input_date input.ui-inputfield, input[id$="periodFieldTo_input"], input[id$="periodFieldFrom_input"]{
	width: 6.5em;
	background-color:var(--backgroundColor2);
}

input.input_date {		
	color: var(--basicFontColor);
}

.input_date input.ui-inputfield {
	padding: 5px;
	margin: 2px 0;	  
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    border: var(--border3);
}
		
.input_email{
	min-width:250px;
}

/* globaler Selektor */

.labelWithBG, .labelWithBG_39 {
	float: left;
	clear: both;
	font-weight: bold;
	margin: 0;
	padding: 4px 5px;
	overflow:hidden;
}

/* Zweck: Wiederherstellung des ursprünglichen Selektors bedingt durch überschreiben mit der neuen fieldset-Struktur */

.fieldsetNoBorder div label.labelWithBG_39,
.fieldsetNoBorder div label.labelWithBG {
	float: left;
	clear: both;
	margin: 2px 0 1px 0;
    padding: 0;
}

/* Zweck: text-align: left für Detailansichten */

.fieldsetNoBorder div label.labelWithBG {
	text-align: left;
}

.labelWithBG {
	width: 34%;
}

.labelWithBG_39 {
	width: 39%;
	font-weight:normal;
}

.label_top_bold {
	font-weight: bold;
	float: none;
	display: block;
	width: 98%;
	text-align: left;
	padding: 10px 5px 10px 5px;
	margin-bottom: 1px;
	border: none;
	color: var(--basicFontColor);
}

.answer, .answer_54, .answer_60, .answerNoBG {
	float: left;
	margin: 0;
	padding: 2px 10px 4px 5px;
	min-height:27px;	
}

.answer, .answerNoBG {
	width: 60%;
}

.answer_54 {
width: 54%;
}

.answer_60 {
	width: 59%;
}

.label_answer_compact {
		padding-top: 2px;
		padding-bottom: 2px;
}

.moduleInfoBox {
	margin-right: 5px;
	margin-left: 0;
	margin-bottom: 10px;
	width:99.5%;
}

.moduleInfoBox h3{ 
 	display:inline-block;
 	margin-top:5px;
 	max-width:80%;
} 



/*Zweck: Verschiedene CSS-Klassen für Breiten in Prozent */
.width1 {
	width: 1% !important;
}

.width5 {
	width: 5% !important;
}

.width8 {
	width: 8% !important;
}

.width10 {
	width: 10% !important;
}

.width15 {
	width: 15% !important;
}

.width20 {
	width: 20% !important;
}

/*Zweck: Explizite Klassen für Zeit-Eingabefelder ("00:00:00") sowie Datum-Zeit-Eingabefelder 
 * 		  analog zu "input_date"*/
.input_time {
	width: 4em;
}

/*fuer Eingaben bis zu 2 Zeichen, abhaengig von der Schriftgroesse*/
.input_2_Chars {
	width: 2em;
	min-width: 28px;
}

/*fuer Eingaben bis zu 3 Zeichen, abhaengig von der Schriftgroesse*/
.input_3_Chars {
	width: 2.8em;
	min-width: 39px;
}

/*fuer Eingaben bis zu 4 Zeichen, abhaengig von der Schriftgroesse*/
.input_4_Chars {
	width: 3.5em;
	min-width: 49px;
}

/*fuer Eingaben bis zu 5 Zeichen, abhaengig von der Schriftgroesse*/
.input_5_Chars {
	width: 4em;
	min-width: 56px;
}

/*fuer Eingaben bis zu 10 Zeichen, abhaengig von der Schriftgroesse*/
.input_10_Chars {
	width: 7em;
	min-width: 98px;
}

.input_readonly option,.input_readonly option:hover,.input_readonly option:focus {
	background-color: var(--backgroundColor3) !important;
	cursor:default;
}

input.hideInput{
	display: none;
}

.code_editor.codeMirror100 + div.CodeMirror{
	max-width:none;
}

/*****************************************************************************/
/*   	    	  Picklist                                                   */
/*****************************************************************************/
.picklistContainer{
	display: inline-block;
 /*  width: 95%; */
}

/* fix for horizontal picklist in overlay */

.overlay .picklistContainer.picklistHorizontal,
.addressConfiguration .picklistContainer.picklistHorizontal,
.picklistContainer.picklistHorizontal {
	display: block;
}

/**
* Info button: change css class name to something better
*/
.picklistContainer + .submit_image {
	display: inline-block;
	padding-top: 0;
}

.picklistShuttle, .picklistShuttleButtons{
	display:none;
}


/* Autor: Markus Engel, Zweck: Label des picklistShuttles sollen linksbündig sein. */

.picklistVertical .picklistShuttle .labelPicklistChooseFrom,
.picklistVertical .picklistShuttle .labelPicklistSelected,
.picklistHorizontal .picklistShuttle .labelPicklistChooseFrom,
.picklistHorizontal .picklistShuttle .labelPicklistSelected {
	text-align: left;
}

.picklistVertical .picklistShuttle  label {
	padding-left: 0;
}

.labelPicklistChooseFrom {
	display: block;
	width: 100%;
	text-align: left;
	margin: 0;
	margin-left: 1px;
	margin-top: 2px;
}

.labelPicklistSelected {
	display: block;
	width: 100%;
	text-align: left;
	margin: 0;
	margin-left: 1px;
	margin-top: 2px;
}

.box_content .columnFullSize .picklistShuttle .labelPicklistSelected, 
.box_content .columnFullSize .picklistShuttle .labelPicklistChooseFrom {
	display: block;
	width: 100%;
	text-align: left;
	margin: 0;
	margin-left: 1px;
	margin-top: 2px;
}

.shuttle_100 {
	width: 100%;
	margin: 0;
	padding: 0;
}

.noLabelContent > label {
	display:none;
}
	
/* @media screen and (max-width: 1024px){ 	
	
} */

@media screen and (max-width: 768px){ 	
	.noLabelContent,  .noLabelContentLine {
		padding-left:0;
		width:auto;
		margin:0;
    }
	
	
	 .submitLookImage, .linkLookImage{
		padding:7px !important;
	}
	 input,  input[type="text"],  input[type="password"],  select,  textarea{
    	color:var(--basicFontColor);
 	}
     .div_left .buttons_horizontal .submit{
     	margin-top:20px;
    } 
	 .buttons_horizontal_dotted_line_above{
		margin-top:20px;
	} 
      input[type="text"][disabled], 
     textarea[disabled],
     select[disabled='disabled']{
    width: 90%;
    -webkit-text-fill-color: var(--basicFontColor); 
    -webkit-opacity: 1;
	opacity: 1; 
    color:var(--basicFontColor);
     background: var(--backgroundColor3);
     }     
      .inLineWithPreviousContainer{
     display:block;
     }
	 .labelInLine{
	margin:0;
	}	
	/* online-immatrikulation css field-content-wrapper override */
	 .overrideWidth {
	margin-left: 6.5% !important;
	display: inline;
	}	
}

.inputPicklist {
	width: 100%;
}

.inputPicklist_100 {
	width: 100%;
	margin-top: 5px;
}

.picklistVertical .picklistShuttleButtons,
.picklistVertical .picklistShuttle {
	display: block;
}

.picklistVertical .picklistShuttleButtons {
	text-align: center;
	padding: 0;
	width: auto;
}

.picklistVertical .picklistShuttleButtons .icon {
	display: inline-block;
}

.picklistHorizontal .picklistShuttleButtons .icon {
	padding: 3px;
	margin:0 auto;
	display: block;
}

.picklistVertical .picklistShuttle {
	width: 100%;
}

.picklistHorizontal .picklistShuttleButtons,
.picklistHorizontal .picklistShuttle {
	vertical-align: top;
}

.picklistShuttle {
	display: inline-block;
	width: 46%;
}

.picklistShuttle select { width:98%; }

.picklistShuttleButtons {
	display: inline-block;
	padding:2em 5px;
	text-align:center;
	width:6%;
	min-width: 32px;
}

.doublePickList {
	/** removed unnecessary float:left for doublepicklist in field items (#147165) **/
	width: 60%;
	margin-top: 3px;
}

.labelAsDiv_95 {
	width: 95%;
	margin-left: 5px;
}

.semester-label,
.label-center {
	margin-right: 5px;
}

.searchSetLabel {
	float: left;
	margin-top: 9px;
	/**width:14%;**/
	height: 1.2em;
}

/* TEXTAREA */
textarea {
	font-size: inherit; /** needed to override browser definition and take html, body setting **/
    color: var(--basicFontColor);
	font-family: var(--font) !important;
	overflow-x: hidden;/*Avoids Textarea extra row in FireFox browser https://stackoverflow.com/questions/46746887/textarea-extra-row-in-firefox-browser */
}

.textarea_standard,.textarea_45,.textarea_98 {
	margin-top:3px;
	font-family: var(--font) !important;
}

.textarea_standard {
	width: 60%;
}

.textarea_45 {
	width: 45%;
}

.textarea_98 {
	width: 98%;
}

.textarea_100 {
	width: 100%;
}

.label .jsf {
	text-align: right;
}

.input .error {
	color:var(--errorColor);
	outline-color: var(--errorColor);
	outline-style: solid;
	outline-width: thin;
}

fieldset ol li textarea{
	vertical-align: top;
}
/** damit die textareas in den Editor Komponenten auch inline angezeigt werden.*/
.suneditor-container, .cke_editor_container {
	display: inline;
}

/* RADIOBUTTON */

.radio-buttons {
	display: inline-block;
}

/* table.radio-buttons {
	background-color:#cccccc;
	
} */

table.radio-buttons tr {
/* 	background-color:var(--backgroundColor4); */
}

table.radio-buttons td {
	padding:0;
}

.tableOverflowFix .radio-buttons td{
	min-height:0;
	padding:2px;
}

.radiobutton {
	white-space: nowrap;
	margin: 1px;
	padding: 0;
}

.radiobutton  p {
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 0;
}

.radiobutton label {
	float: none !important;
	vertical-align: top;
}

.lineDirection{
	display: flex;
	flex-wrap:wrap;
}

.pageDirection {
	width: max-content;
	max-width: 100%;
}
.lineDirection > div, .pageDirection > div{
	padding: 2px;
}

td.hideMoveButtons .radio-buttons .lineDirection div{
	padding:0;
}

/** Radiobuttons- und Checkbox-Layout**/

input[type="checkbox"]:disabled, input[type="radio"]:disabled {
	cursor: not-allowed;
}

input[type="radio"] {
	vertical-align: top;
}

.radio-buttons input{
	vertical-align: middle;
}

/* display: initial; und vertical-align: middle; entfernt, da Probleme in Edge / IE auftreten */

.boxStandard table tr td input[type='radio'] + label,
.box_green_bg_grey table tr td input[type='radio'] + label,
.box_content table.radio-buttons tr td input[type='radio'] + label,
input[type='radio'] + label,
.box_content div .noLabelContentLine input[type='radio'] + label, .box_content div .noLabelContentLine_50 input[type='radio'] + label, .box_content div .noLabelContentLine_98 input[type='radio'] + label
 {
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px 7px 10px;
	text-align: left;
	margin-top: 0;
	width: 100% !important;
	height: 100%;
	border-radius:5px;
	border: 1px solid var(--accentFontColor);
	background-color:var(--headerFooterBG); 
	white-space: nowrap;
    vertical-align: top;
}

@media screen and (max-width: 768px){ 
    .boxStandard table tr td input[type='radio'] + label,
	.box_green_bg_grey table tr td input[type='radio'] + label,
	.box_content table.radio-buttons tr td input[type='radio'] + label,
	input[type='radio'] + label {
		white-space: normal;
	}
}  

/*Darstellung des Labels disabled*/
input[type="radio"]:disabled:checked + label, input[type="radio"]:disabled:not(:checked) + label,
.box_content div .noLabelContentLine_50 input[type="radio"]:disabled:checked + label,
.box_content div .noLabelContentLine_50 input[type="radio"]:disabled:not(:checked) + label{
     color: var(--disabledFontColor);
     border:var(--border1);
} 

/* Windows-Hochkontrastmodus: Hervorhebung deaktivierter Felder */
@media (forced-colors: active) {
	input[type="radio"]:disabled:checked + label, input[type="radio"]:disabled:not(:checked) + label,
.box_content div .noLabelContentLine_50 input[type="radio"]:disabled:checked + label,
.box_content div .noLabelContentLine_50 input[type="radio"]:disabled:not(:checked) + label{     
    border-style: dashed;
}
}

/* #267764 */
@supports (-moz-appearance:none) {
    input[type='radio'] + label { 
    	height: auto !important; 
    } 
}

#applicationContent\:additionalSettings\:valueEntities\:valueEntitiesTable\:tbody_element > tr > td.smallestPossible.column1 > label {
	padding: 0px 10px 5px 5px;
}

/** Radiobuttons für manuelle Platzverteilung **/

/*Nimmt das Ende der ID der Tabelle manuelle Platzverteilung*/ 
.tableWithSelect[id$=enrollmentTableTable] input[type='radio']
 {
    float: left;
    margin-right:0;
	margin-left:6px;
}

.tableWithSelect[id$=enrollmentTableTable] input[type='radio'] + label {
	float:none;
	top:0;
	z-index:-1;
}

.boxStandard table.checkboxMarginTop,
.box_green_bg_grey table.checkboxMarginTop { 
	float:left;
}

table.checkboxMarginTop { margin: 0; }

/** to display Refresh-Button after checkboxes or radiobuttons on the same level **/
/* .box_content ol li div table { float:left;} */

/** end **/

.cke_editor_labelContainer{
	width: 60%;
	display: inline-block;
	margin-left: -3px;
}

/* CHECKBOX */
.checkbox {
	white-space: nowrap;
	margin: 5px;
	padding: 0;
}

.checkbox  p {
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 0;
	
}

.checkbox label {
    margin-left: 3px;
    padding-right:7px;
}

.checkboxMarginTop {
	margin-right:4px;
	margin-top: 10px;
}


/*Zweck: Hervorhebung des Labels von Radio-Buttons bei "checked" und "focus" */ 
input[type="radio"]:checked + label,
.box_content table.radio-buttons tr td input[type="radio"]:checked + label {   
	font-weight:bold !important;
	background-color:var(--backgroundColor4);
	border: 2px solid var(--accentFontColor);
}
	
.selectOneCheckboxLayout{
	position:relative;
	top:17px;
	left:-2px;
}	
	
.containerLeft.globalConf label{
	vertical-align:middle;
}

.containerRightGlobalConfButtons{
	padding-left:10px;
}

.box_content div .dataDictionaryCheckboxes label.form-label + input[type="checkbox"]{
	margin-top:2px;
}

.dataDictionaryCheckboxes input[type="checkbox"] {
	margin-top: 4px;	
}

.dataDictionaryCheckboxes input[type="checkbox"] + label{
	padding: 0 5px 0 0;
}

@media screen and (max-width: 768px){	

	.checkboxLabelInline ~ label{
		display: inline-block;
		margin-top: 4px;
	}	
	/* input[type=checkbox] {
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 1px;
		border: var(--border2) !important;
		background-color: var(--backgroundColor2);
	}
	input[type=checkbox]:checked {
		box-shadow:  0 1px 2px var(--backgroundColor11) inset;
		text-shadow:  0 -1px 1px var(--basicFontColor);
		border: var(--border2);
		background-image: url("/HISinOne/images/icons/tick.svg");
		background-repeat: no-repeat;
    	background-position: 1px 1px;
	}     */
   	 .mobileLoginContainer .loginPortletCheckbox {
   		display: inline-block;
   	}   	
   /*Selbstregistrierung: Checkbox Datenschutz leicht zu übersehen im Smartphone*/	
   	 .box_content div label.selfregistrationDataProtectiobCheckbox {
   		margin-bottom:15px;
   		padding-left:30px;
   		margin-right:0 !important;
   		width:89%;
   	}   	
   	 .box_content div label.selfregistrationDataProtectiobCheckbox.checkbox-focus:after {
   		box-shadow:none;
   	}    	
   	 .box_content div label.selfregistrationDataProtectiobCheckbox:after{
   		margin-bottom: 15px;
	    top: 2px;
	    font-size: 24px;
	    left: 0;
	    width:21px;
   	}  	   	
}

/*Eingabefelder mit JS-Unterstützung  / Komponente selectElement*/
.selectElement {
	border-top: var(--border3);
	border-left: var(--border3);
	border-bottom: var(--basicButtonBorder);
	border-right: 3px solid var(--backgroundColor13);
}

.selectedDisplay {
	padding-left: 4px !important;
}

.selectIcon {
	margin-left: -1px !important;
}

/*ENDE Eingabefelder mit JS-Unterstützung*/

/* Verwendung: Autovervollständigung von Eingabefeldern*/
#unit_search {
    padding-left: 3px;
	border: var(--border2);
}

#unit_search_autocomplete {
    background-color: var(backgroundColor2);
    right: 4.5em !important;
}

.myCourses {
	margin: 0 10px 0 0;
	list-style: none;
	padding: 5px 0 5px 15px;
	font-weight: normal;
	background-color: var(backgroundColor2);
}

.myCourses li {
	border-bottom: dashed 1px var(--basicButtonBorderColor);
	padding: 2px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 24px !important;
	line-height: 1.5em;
	background-image: url("/HISinOne/images/icons/book_open_empty.svg");	
}

.translate label{
	color:var(--backgroundColor13);
	font-weight:bold;
	top:6px;
	padding-bottom: 4px;
}

.translate select{
	background-color:var(--backgroundColor17);
	background-image:none;
}

/*Verwendungszweck: Eingabefelder, bei denen Metadaten vorhanden sind, die das Feld als "readonly" markieren,
 *					 erhalten standardmäßig die Klasse "input_readonly". Soll bei einem Feld jedoch nur der Wert ausgegeben
 *					 werden, so ist die "input_readonly"-Klasse unangebracht. Die folgende Style-Definition entfernt die
 *					 "readonly"-Formatierungen der Klasse "input_readonly" für Felder in "textPlain"-Containern. */
.textPlain span.input_readonly {
	background: transparent !important;
	border: none;
}

/*Verwendungszweck: Wird beim Bearbeiten der Metadaten verwendet, um eigentlich ausgeblendete/deaktivierte Eingabeelemente bearbeiten zu können (diese werden mit diesen Klassen entspr. markiert). */
.input_readonly_edit_meta {
	background-color: var(--backgroundColor3) !important;
	border: 1px dotted var(--basicButtonBorderColor);
}

.input_hidden_edit_meta {
	background-color: var(--backgroundColor3) !important;
	border: 1px dashed var(--basicButtonBorderColor);
}

@media screen and (max-width: 768px){ 
	/*Zweck: Hervorhebung des Labels von Radio-Buttons bei "checked" und "focus" */
	 input[type="radio"] + label {
		/* background-image: url("/HISinOne/images/icons/circle.svg") ; */
		background-repeat: no-repeat;
	    background-position: 2px 7px;
	    background-size:22px 22px;
	}

	 input[type="radio"]:checked + label {
		font-weight:bold !important;
		/* background-image: url("/HISinOne/images/icons/circle_tick.svg") ; */
		background-size:22px 22px;
	}

	 input[type="radio"]:focus + label {
	-webkit-box-shadow: none;
	-moz-box-shadow : 0 0  0 var(--backgroundColor7);
	-o-box-shadow : 0 0  0 var(--backgroundColor7);
	box-shadow : 0 0  0 var(--backgroundColor7);
	-moz-border-radius:  0;
	-webkit-border-radius:  0;
	border-radius:  0;
	border:1px dotted var(--basicButtonBorderColor);
	}

	 input[type=radio] {
    position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	}
}


/*Zweck:	PLAM oben positioniert */
.labelPositionTop {
    margin-top: 6px;
    padding-right:20px;
    color:var(--disabledFontColor);
}
.labelPositionTop {
	vertical-align:top;
}

/*Zweck: 	Studienplaner, Label im Fließtext anzeigen */
.textStudyplanner label {
    vertical-align: baseline;
    position: static;
}

/*Zweck: Studienplaner, IOS Trennstriche und Text auf einer Höhe anzeigen*/
.textAndHyphen {
	vertical-align: baseline;
}

/*Modulplan, showModule.xhtml und showPart.xhtml
Verwendungszweck: Abschneiden der Modul- und Unterelement-Titel, je nach Konfiguration	
 #202112, TF13554
*/
.studyPlannerWhitespace {
	white-space: nowrap;
}

@media screen and (max-width: 768px){
	/** reenable White-space wrap in studyplaner on smartphones */
	 .studyPlannerWhitespace {
    	white-space: initial;
	}
}

/*Verwendung: Autovervollständigen von Eingabefeldern */
div.autocomplete {
	position: absolute;
	left: -1000px; /** damit Box zu Beginn nicht sichtbar ist */
	top: -1000px;
	width: 250px;
	background-color: var(--backgroundColor2);
	border: var(--border3);
	margin: 0;
	padding: 0;
	margin-top: -1px;
	-moz-box-shadow: 2px 2px 2px var(--highlightShadowColor);
	-webkit-box-shadow: 2px 2px 2px var(--highlightShadowColor);
	box-shadow: 2px 2px 2px var(--highlightShadowColor);
	z-index: 1000;
}

div.autocomplete ul {
	list-style-type: "";
	margin: 0;
	padding: 0;
	overflow: auto;
	z-index: 1000;
}

div.autocomplete ul li.selected {
	margin-top: 0 !important;
	background-repeat: repeat-x;
	background-position: top left;
	background-color: var(--backgroundColor3) !important;
}

div.autocomplete ul li {
	list-style-type: "";
	display: block;
	margin: 0;
	cursor: pointer;
	text-align: left;
	line-height: 1.4em !important;
	padding: 3px 1px 2px 3px;
	border-bottom: 1px solid var(--backgroundColor3);
	border-collapse: collapse;
	width: auto !important;
}

/*
 * jQuery UI Menu 1.8.17
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
/* Zweck: Layout JQuery Dropdownmenü der SelectElement-Komponente */ 
.ui-menu {
    padding: 0;
}

.ui-menu .ui-menu-item{
    margin:0;
    padding: 0px 0px;
}

.ui-menu li.ui-menu-item div {
    margin:0;
    padding: 4px 5px;
}

.ui-menu .ui-menu-item a {
    padding:0;
}

.ui-state-hover:not(.input_date.ui-inputfield), .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active { 
	background: transparent;
	color:var(--backgroundColor38);
	/* 	font-weight:normal;  */ 
	background-color:var(--highlightBackgroundColor) !important;
	text-decoration: underline dotted; 
}

.ui-state-hover a, .ui-state-hover a:hover { 
	color:var(--backgroundColor38);
	font-weight:normal; 
	text-decoration: underline dotted; 
	border:none;
	outline:none;
    background-color:var(--highlightBackgroundColor) !important;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {	
	background-color: transparent;
	-webkit-box-shadow: 0 0 0 var(--backgroundColor7);
  	-moz-box-shadow : 0 0 0 var(--backgroundColor7);
 	-o-box-shadow : 0 0 0 var(--backgroundColor7);
  	box-shadow : 0 0 0 var(--backgroundColor7);  	
	-moz-border-radius: 0;
	-webkit-border-radius: 0; 
	border-radius: 0;
	padding-right:2px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br ,.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;	
}

.ui-widget-content {
    background: var(--backgroundColor2);
    color: var(--basicFontColor);
    padding-right:2px;
    border: var(--border2);
}

.ui-widget-content a {		
	color: var(--basicFontColor);
}

 .marginRight_input{
 	margin-right:20px;
 }
 
/*Typeaheadfeld Dropdown*/
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	color: var(--basicFontColor);
} 

.ui-widget, .ui-datepicker.ui-widget-content .ui-datepicker-calendar td,
.ui-datepicker.ui-widget-content .ui-datepicker-calendar td a,
.ui-datepicker.ui-widget {
	font-family: var(--font) !important;
}

/* Primefaces Tooltip */

.ui-tooltip{
    position:absolute;
    opacity:0;
	display:block !important;
    pointer-events:none;
}

.ui-tooltip.ui-tooltip-right,.ui-tooltip.ui-tooltip-left{
    padding:0 5px
}

.ui-tooltip.ui-tooltip-top,.ui-tooltip.ui-tooltip-bottom{
    padding:5px 0
}

.ui-tooltip .ui-tooltip-text{
    padding:15px;
    background-color: var(--backgroundColor2);
    background-image:none;
    max-width:500px;
    border: var(--border2);
    border-radius: 2px;
    box-shadow: 3px 3px 15px var(--highlightShadowColor);
    margin-left:15px;
    margin-right:15px;
    white-space:normal;
}

.ui-tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
}

.ui-tooltip-right .ui-tooltip-arrow{
    top:50%;
    left:0;
    margin-top:-5px;
    border-width:5px 5px 5px 0;
    border-right-color:#4c4c4c;
}

.ui-tooltip-left .ui-tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-width:5px 0 5px 5px;
    border-left-color:#4c4c4c;
}

.ui-tooltip.ui-tooltip-top{
    padding:5px 0
}

.ui-tooltip-top .ui-tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-width:5px 5px 0;
    border-top-color:#4c4c4c;
}

.ui-tooltip-bottom .ui-tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#4c4c4c;
}

/* needed to show Primefaces Tooltip for jruby */
.ui-tooltip-jruby-visible { 
	opacity:1;
	z-index:1100 !important;
}

.priorityIcon{
	display: inline-block;
	margin-top: 4px;
}

/*Zweck: HTML 5 Validierung */
input:invalid+span.validity:after {
    content: "\e92a" / "";
    font-family: "HISinOneIcons";
    padding:3px;    
    padding-left: 5px;
    position:relative;
    top:8px;
    font-size:20px;
    color:var(--errorColor);
}

input:valid+span.validity:after {
    content: "\e969" / "";
    font-family: "HISinOneIcons";
    padding:3px;
    padding-left: 5px;
    position:relative;
    top:8px;    
    font-size:20px;
    color:var(--backgroundColor13);
}

/*im Feld*/
input.validationInplace:invalid, input.validationInplace:focus:invalid {
    background-image: url("/HISinOne/images/icons/error.svg");
    background-size:20px 20px;
    background-position: right center;
    background-repeat: no-repeat;
}

input.validationInplace:focus:valid {
    background-image: url("/HISinOne/images/icons/tick.svg");
    background-size:20px 20px;
    background-position: right center;
    background-repeat: no-repeat;
}
 
 /*im Feld Variante 2*/
input.validation2Inplace:invalid, input.validation2Inplace:focus:invalid {
    background-image: url("/HISinOne/images/icons/error.svg");
    background-size:20px 20px;
    background-position: right center;
    background-repeat: no-repeat;
}
  
input.validation2Inplace:valid  {
    background-image: url("/HISinOne/images/icons/tick.svg");
    background-size:20px 20px;
    background-position: right center;
    background-repeat: no-repeat;
}

/*im Feld Variante 3*/ 
input.validation3Inplace:focus:valid {
    background-image: url("/HISinOne/images/icons/tick.svg");
    background-size:20px 20px;
    background-position: right center;
    background-repeat: no-repeat;
}
  
input.validation2Inplace:valid {
    background-image: none; 
 }

/*Zweck: APP: Bewerbungen sichten: labelAndItem ohne cursor:pointer, da Felder nur readonly */
label.no_pointer {
	cursor: default;
}

/*Zweck: Richtextareas im BB-Edit-Overlay von "Bewerbungen sichten" sollen wie andere Eingabefelder aussehen (volle Standard-Breite nutzen und korrekte Abstände) */
[id*=aci_textarea].cke {
    display: inline-block;
    width: 60%;
    box-sizing: border-box;
    margin-top: 2px;
    vertical-align: middle;
} 

.ui-datepicker .ui-state-default, .ui-widget-content .ui-state-default{
	color: var(--basicFontColor);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, 
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
	color: var(--basicFontColor);	
} 

/* Hintergrundfarbe header */
.ui-datepicker .ui-widget-header {
	background-color: var(--backgroundColor3) !important;
}

.ui-datepicker td a.ui-state-default,
.ui-datepicker td a.ui-state-highlight,
.ui-datepicker td a.ui-state-active {
	font-family: var(--font) !important;
 }
 
 .ui-datepicker td a.ui-state-active {
   outline:var(--highlightFocusOutline);
   background-color:var(--highlightBackgroundColor) !important;
}

/*Variante für Krankenkassendaten STU der readonly LabelItem-Komponente (siehe Styleguide Übersicht Eingabeelemente)*/ 
.labelItemVariante .textBold{ 
	font-weight:normal;
}

/* Personendaten für externen Datenabgleich */
.externalPersonWrap > div:nth-of-type(2) .box_container {
	position:relative;
}
.externalPersonWrap > div:nth-of-type(2) .box_container .textFixed {
	position:absolute;
	right:35px;
	top:0;
	width:40%;
}
.externalPersonWrap > div:nth-of-type(2) .box_content {
	margin-top:-9px;	
}
.externalPersonWrap > div:nth-of-type(2) .box_content .labelAsDiv {
	display:none;
}
.externalPersonWrap > div:first-of-type .box_content {
	margin-top:3.1em;
}
.externalPersonWrap:after {
    content: "";
    display: block;
    clear: both;
}
.externalPersonTextarea {
	padding-left:28px;
}
.externalPersonRow .externalPersonTextarea label {
	display:block;
	text-align:left;
}
.externalPersonRow .externalPersonTextarea textarea {
	width: 158px;
}
.externalPersonRow {
	padding:0.55em 0;	
	margin-bottom: 0.05em;
}
.externalPersonElement {
	position:relative;
	padding-left:28px;
	display:inline-block;
}

.externalPersonElement.autoLabel label {
	min-width:auto;
}
.externalPersonElement.autoLabel button { 
	margin:0;
	padding:0;
}
.externalPersonRowWarning {
	position:absolute; 
	left:0; 
	top:50%;
	transform:translateY(-50%);
}

.externalPersonCols {
	position:relative;
	display:block;
	padding:0.55em 0;	
	margin-bottom: 0.05em;
}
.externalPersonCols .externalPersonTextarea label {
	display:block;
	text-align:left;
}

.externalPersonCols .externalPersonTextarea textarea {
	text-align:left;
}

.externalPersonWrap > div:first-of-type .helpButton {
	position:absolute;
}

#applicationEditor\:dialogHeader\:hSAT\:overlay_personAndAccount\:additionalInformation_helpbutton {
	margin-top: -0.4em;
}
/*
input[type="checkbox"].checkboxArrow:not(:checked) + span label::before, input[type="checkbox"].checkboxArrow:not(:checked) + label::before {
	content: "\e9f5" / "";
	color:#aeaeae;
}
input[type="checkbox"].checkboxArrow:checked + span label::before, input[type="checkbox"].checkboxArrow:checked + label::before {
	content: "\e9f5" / "";
	color:var(--accentFontColor);
} */
@media screen and (max-width: 1100px){	
	.externalPersonWrap > div:nth-of-type(2) .box_container .textFixed {
    	position: static;
	}
	.externalPersonWrap > div:nth-of-type(2) .box_content {
    	margin-top: 0;
	}
	.externalPersonWrap > div:nth-of-type(2) .box_container .textFixed {
		width:60%;
	}
}


/*Responsive Formulare im Overlay*/
@media screen and (max-width: 1100px){	
	 .overlay .input_standard,
	 .overlay .textarea_standard,
	 .overlay .input_8,
	 .overlay .input_33,
	 .overlay .input_58,
	 .overlay .input_98,
	 .overlay .input_25,
	 .overlay .input_5_Chars,
	 .overlay .input_16,
	 .overlay .input_14,
	 .overlay .input_4_Chars,
	 .overlay .dropdown_33,
	 .overlay .ui-selectonemenu,
	 .overlay .dropdown_standard{
		width:90%;
	}	
	.overlay .scrollerRowsFound  .input_5_Chars{
		width:4em;
	}	
	.overlay label, 
	.overlay .labelAsDiv, 
	.overlay .labelAsDiv_48,
	.overlay .box_content div label, 
	.overlay .label_82, 
	.overlay .label_60 {
	    width: auto;
	    font-weight: bold;
	    float: none;
	    text-align: left;
	    min-width:150px;
	    display:block;
	    padding-left: 0;
	}	
	.labelInLine {
  		margin: 0;
	}	
	.overlay .noLabelContent,  .overlay .noLabelContentLine {
		padding-left:0;
		width:auto;
		margin:0;
    }	
	.overlay .box_content div .scrollerRowsFound label{
		display:block;
		font-weight:normal;
	}	
	#administrate2FAForm .overlayContent > .box_content div div > label ~ span > input[type="text"].input_date {
		margin-left: -5em;
	}
}

@media screen and (max-width: 768px){
	.birthLabel {
		display: block;
	}
	
}

/* Zweck: selectBooleanCheckbox des Exmatrikulationsantrags nach oben versetzen */
#NeedsVerification > div > div.fieldsetMessageText > div > label{
	padding-top: 8px;
}

#genSearchRes\:setFieldsBox\:setFieldsFieldset\:applicantStackApplicationContentFieldTable\:applicantStackApplicationContentFieldTableTable\:tbody_element > tr > td > div > div.textAlignRight.floatLeft > label {
	min-width: 0%;
	width: 18%;
}

#genSearchRes\:setFieldsBox\:setFieldsFieldset\:applicantStackApplicationContentFieldTable\:applicantStackApplicationContentFieldTableTable\:tbody_element > tr > td> div > div.textAlignRight.floatLeft{
	text-align: left;
}

/* Zweck: Barrierefreie Farbkontraste der Platzhalter in Eingabefeldern */
::placeholder,
::-webkit-input-placeholder{
	color: var(--disabledFontColor);
    opacity: 1; /* Firefox */
    font-size:var(--fontSize5);
}

/* Zweck: Anzeige des Labels oberhalb des Eingabelements, z. B. Sprachauswahl */
.labelTopBlock{
	display: flex;
	flex-direction: column;
}

.labelTopBlock label {
  font-size: var(--fontSize5);
}

/* Wird im 'Manuelles Matching Durchführen' genutzt, 
um die disableten inputs rötlich (wie in dp_color1) darstellen zu können, wenn Soll/Haben = 'D' ist.
Da bei CSS die Klasse greift, welche als letztes definiert wurde,
muss diese hier nach den Definitionen (input[disabled="disabled"] ,.input_readonly, ..) 
am Anfang dieser Datei (HISinOneForms.css) stehen, da dort leider auch der !important Tag genutzt wird. */
input.manualMatchingDebit {
	background-color: var(--backgroundColor24) !important;
}

/*Zweck: Barrierefreiheit Onlineimma, Bafög-Antrag zuordnen, Ausrichtung von Label und Aktion/Radiobutton*/
div[id^="loanRequestDataPage"] .label.labelAsDiv{
	text-align: initial;
	margin:10px 0 0 10px;
	display: inline-block;
	}
	
/*Zweck: Onlineimma Override Radiobutton-Länge, um Button *Postanschrift an Komponente anzupassen*/
label.widthOverrideToFitContent{
		max-width: fit-content;
} 

/*Responsive*/
@media screen and (max-width: 1024px){ 	
	 input[type='text'],  input[type='password']{
		font-size: var(--fontSize4);
	}
}

@media screen and (max-width: 768px){ 
	.input_standard,
	 .textarea_standard,
	 .textarea_45,
	 .input_8,
	 .input_33,
	 .input_45,
	 .input_58,
	 .input_98,
	 .input_25,
	 .input_5_Chars,
	 .input_16,
	 .input_14,
	 .input_4_Chars,
	 .dropdown_33{
		width:90%;
	}	
	 .input_standard[id$=externalAuth],
	 .input_standard[id$=externalKey]{
			width:90% !important;
	}
	 fieldset ol li label,  .label_82,  .label_60{
		text-align:left;
		display:block;
		white-space:normal;
		font-weight:bold;
		color: var(--basicFontColor);
	}
	 .labelWithBG,  .labelWithBG_39{
		float:none;
		display: block;
		width:99%;
	}
	.label_spacer,
	 label,
	  .labelAsDiv,
	  .labelAsDiv_48, .fieldsetNoBorder div label.labelWithBG_39, .fieldsetNoBorder div label.labelWithBG{
		width:auto;
		font-weight:bold;
		float:none;
		text-align:left;
		display:block;
		clear:both;
		text-align: left;
        padding-left:0;
	}
	
	.fieldsetNoBorder div label,
	.box_content div label, .label_82, .label_60{		
		text-align:left;
		padding-left: 0;
	}		
	 label.questionLabel:after {
	position: relative;
	display: block;
	right: 0;
	}	
	  .labelWithBG_39{
		font-weight:normal;
		width:39%;
	}
	 .labelAsDiv_75{
		float:none;
		font-weight:bold;
	}
	
	.loginPortletCheckbox {
    	display: inline-block;
	}
	.field-content-wrapper {
  		max-width: 90%;
	}	
}


@media screen and (max-width: 1340px) {
	.columnOneThirdLeft .box_content div .label_spacer,
	.columnOneThirdLeft .box_content div label, 
	.columnOneThirdLeft .box_content div .labelAsDiv, 
	.columnOneThirdLeft .box_content div .labelAsDiv_48, 
	.columnOneThirdLeft .fieldsetNoBorder div label.labelWithBG_39,
	.columnOneThirdLeft .fieldsetNoBorder div label.labelWithBG {
    width: auto;
    font-weight: bold;
    float: none;
    text-align: left;
    display: block;
    clear: both;
    text-align: left;
    padding-left:0;
  }
    .columnOneThirdLeft .input_standard, 
    .columnOneThirdLeft .dropdown_standard,
    .columnOneThirdLeft .textarea_standard, 
    .columnOneThirdLeft .textarea_45, 
    .columnOneThirdLeft .input_8, 
    .columnOneThirdLeft .input_33, 
    .columnOneThirdLeft .input_45, 
    .columnOneThirdLeft .input_58, 
    .columnOneThirdLeft .input_98, 
    .columnOneThirdLeft .input_25, 
    .columnOneThirdLeft .input_16, 
    .columnOneThirdLeft .input_14, 
    .columnOneThirdLeft .dropdown_33 {
    width: 90%;
  }
}

#allocationKeyform fieldset div.inLineWithPreviousContainer > label {
    width: 80px;
}

/** Codemirror  **/
textarea[readonly] + div.CodeMirror,
textarea[readonly] + div.CodeMirror .CodeMirror-activeline-background,
textarea[readonly] + div.CodeMirror .CodeMirror-gutters,
textarea[readonly] + div.CodeMirror .CodeMirror-linenumber{
    background: var(--backgroundColor2);
}