@charset "UTF-8";

.portal-form ul {
	margin-bottom: 0px;
}

.portal-logged-in .portal-logged-in-hidden {
	display: none !important;
}

.portal-not-logged-in .portal-logged-in-visible {
	display: none !important;
}

#header #topnav .portal-login-field {
	border: 1px solid #848484;
}

#header #topnav .portal-login-field #portal_user_id {
	max-width: 300px;
	-ms-word-break: break-all;
	word-break: break-all;
}

#header #topnav .portal-login-field object {
	position: relative;
	top: 3px;
}

#header #topnav #portal_user_menu {
	padding: 5px 0px;
}

#header #topnav #portal_user_menu a {
	padding: 5px 5px;
}

#header #topnav .tabs-list {
	background-color: #FFF;
	border-width: 0px 0px 1px 0px;
}

#header #topnav .tabs-list li {
	background-color: #DDDDDD;
	border-width: 0px;
	outline-width: 0px;
}

#header #topnav .tabs-list li a {
	border: 1px solid #EEEEEE;
	border-bottom: 0px;
	color: #00377D;
	background-color: #FFF;
	outline-width: 0px;
	padding-left: 2em;
	padding-right: 2em;
}

#header #topnav .tabs-list li.ui-state-active a, #header #topnav .tabs-list li:hover a {
	color: #848484;
	background-color: #F4F4F4;
}

#header .my-laekbw-nav {
	position: relative;
	margin-left: 30px;
	float: left;
}

#header .my-laekbw-nav .menu-header {
	min-height: 22px;
	min-width: 119px;
	text-align: center;
	padding: 5px;
	cursor: pointer;
	cursor: hand;
}

#header .my-laekbw-nav:hover span {
	text-decoration: underline;
}

#header .my-laekbw-nav svg {
	width: 13px;
	height: 13px;
	fill: currentColor;
	padding-right: 3px;
	position: relative;
	top: 2px;
}

#header .my-laekbw-nav #meinelaekbw_box {
	min-width: 250px;
	margin: 5px 0px 0px 0px;
	display: none;
}

#header .my-laekbw-nav #meinelaekbw_box a {
	margin-left: 0px;
	float: none;
}

#header .my-laekbw-nav #meinelaekbw_box .ui-tabs-nav a {
	line-height: 25px;
}

#header .my-laekbw-nav #meinelaekbw_box .portal-login-links {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#header .my-laekbw-nav #meinelaekbw_box .type-button {
	margin: 0px;
}

#header .my-laekbw-nav #meinelaekbw_box .ui-tabs-panel {
	padding: 0px;
}

#header .my-laekbw-nav.dropdown #meinelaekbw_box {
	display: block;
}

.portal-logged-in .my-laekbw-nav .menu-header {
	font-weight: bold;
	color: #00377d;
	text-decoration-color: #00377d;
}

.portal-logged-in .my-laekbw-nav .menu-header svg {
	color: #00377d;
}

.portal-logged-in .my-laekbw-nav .menu-header #meinelaekbw_box {
	min-width: 0px;
}

form option {
	padding: 0px;
}

form .validation-messages {
	color: rgba(136, 0, 0, 0.8);
}

form .validation-messages ul {
	list-style: square inside none;
	margin: 3px 3px 3px 3px;
}

form .validation-messages li {
	margin-left: 0px;
}

.registration-response {
	margin: 15px;
	padding: 15px;
	width: 75%;
	border: solid #0b4289 2px;
}

.position-absolute {
	position: absolute;
}

.inline-left {
	display: inline-block;
	float: left;
}

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

.text-center {
	text-align: center;
}

.portal-big-portlet-frame {
	margin: 15px;
	padding: 15px;
	/*width: 655px; */
	border: solid #0b4289 2px;
}

.portal-big-portlet-frame .portal-tab-content {
	width: calc(100% - 30px);
}

.portal-big-portlet-frame .portal-ehba-application-info-list {
	width: 100%;
	border-collapse: separate;
	border: solid;
}

.portal-tabs {
	display: table;
	width: 100%;
}

.portal-tabs *[class^="portal-nav-content-"]:not(.selected) {
	display: none !important;
}

ul.portal-tab-list {
	display: block;
	font-size: 0.9em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	position: relative;
	z-index: 1;
}

ul.portal-tab-list li {
	border: 0 none;
	display: inline;
	float: left;
	margin: 0 -1px 0 0;
	padding: 0;
	cursor: pointer;
}

ul.portal-tab-list li a {
	font-size: 1em;
	line-height: 1em;
	padding: 5px 10px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #eeeeee;
	color: #00377d;
	display: block;
	float: left;
	font-weight: bold;
	margin: 0;
}

ul.portal-tab-list li.selected a, ul.portal-tab-list li:focus a, ul.portal-tab-list li:hover a, ul.portal-tab-list li:active a {
	background: #f4fbfa none repeat scroll 0 0;
	color: #848484;
	font-weight: bold;
	text-decoration: none;
}

ul.portal-tab-list li.selected a {
	border-bottom-color: transparent;
}

.portal-tab-content {
	background: #f4fbfa none repeat scroll 0 0;

	border: 1px solid #eeeeee;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	clear: both;
	float: left;
	margin-bottom: -1px;
	padding: 15px;
	position: relative;
	top: -1px;
	width: 100%;
}

.portal-tab-content:not(.selected) {
	display: none !important;
}

.error-area {
	-webkit-box-shadow: 0px 0px 1px 1px rgba(136, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 1px 1px rgba(136, 0, 0, 0.8);
	box-shadow: 0px 0px 1px 1px rgba(136, 0, 0, 0.8);
}

.error-message {
	color: #800;
}

.sub-form-error-message {
	color: #800;
	padding-left: 10px;
	padding-right: 10px;
}

.wide-input {
	min-width: 360px;
}

.portal-form {
	background: #FFF none repeat scroll 0 0;
	border: medium none;
	margin: 0 0 1em;
	overflow: hidden;
}

.portal-form h2 {
	font-size: 1.2em;
	margin: 5px 0px 0px 0px;
	color: #666;
}

.portal-form .portal-form-col-two {
	width: calc(50% - 2px);
	display: inline-block;
}

.portal-form .spacer-horizontal {
	width: 100%;
	height: 8px;
}

.portal-form .clear {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	margin: 0;
}

.portal-form p {
	margin-bottom: 0.5em;
	margin-right: 0;
}

.portal-form fieldset {
	background: #f4fbfa none repeat scroll 0 0;
	/*border: 1px solid #ddd;*/
	margin: 0 0 1em 0;
	padding: 5px;
	overflow: hidden;
}

.portal-form .fieldset-subinfo {
	margin: -0.5em 0 1em 0;
}

.portal-form legend {
	color: #848484;
	font-weight: bold;
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	padding: 0 0.5em;
}

.portal-form label {
	color: #666;
	padding-right: 1em;
}
.portal-form input, .portal-form textarea, .portal-form select{
	box-sizing: border-box;
	padding: 3px 3px 3px 4px;

	/*
	padding: 14px 174px 14px 16px;

position: static;
width: 368px;
height: 48px;
left: 24px;
top: 28px;



background: #FFFFFF;



border: 1px solid rgba(39, 41, 55, 0.12);
box-sizing: border-box;
border-radius: 4px;
*/

}

.portal-form input, .portal-form textarea, .portal-form select, .portal-form optgroup, .portal-form button {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
}

.portal-form input[type="radio"], .portal-form input[type="checkbox"] {
	margin-right: 3px;
}

.portal-form input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .portal-form textarea, .portal-form select {
	/*border: 1px solid #dfdfdf;*/
}

.portal-form input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([disabled]):not([readonly]):focus, .portal-form input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([disabled]):not([readonly]):hover, .portal-form input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([disabled]):not([readonly]):active, .portal-form textarea:not([disabled]):not([readonly]):focus, .portal-form textarea:not([disabled]):not([readonly]):hover, .portal-form textarea:not([disabled]):not([readonly]):active, .portal-form select:not([disabled]):not([readonly]):focus, .portal-form select:not([disabled]):not([readonly]):hover, .portal-form select:not([disabled]):not([readonly]):active {
	background: #fff none repeat scroll 0 0;
	border: 2px solid var(--accent-hover);
}

.portal-form select {
/*	cursor: pointer;
	padding: 3px 3px 1px 0px;*/
	padding: 0px;

position: static;
width: 368px;
height: 48px;
left: 0px;
top: 0px;

/* Light/White */
background: #FFFFFF;

/* Dark/Quaternary */
border: 2px solid rgba(39, 41, 55, 0.12);
box-sizing: border-box;
border-radius: 5px;
}

.portal-form select option {
	padding-top: 1px;
	padding-bottom: 1px;
}

.portal-form input[type="button"], .portal-form input[type="submit"], .portal-form input[type="reset"], .portal-form button {
	color: white;
	background-color: var(--accent-primary);
	border: none;
	border-top: 1px solid #fff;
	border-radius: 4px;
	padding: 3px 15px 4px;
	cursor: pointer;
}

.portal-form input[type="button"]:focus, .portal-form input[type="button"]:hover, .portal-form input[type="button"]:active, .portal-form input[type="submit"]:focus, .portal-form input[type="submit"]:hover, .portal-form input[type="submit"]:active, .portal-form input[type="reset"]:focus, .portal-form input[type="reset"]:hover, .portal-form input[type="reset"]:active, .portal-form button:focus, .portal-form button:hover, .portal-form button:active {
	background-color: var(--accent-hover);
}

.portal-form input[type="text"]:focus-visible, .portal-form select:focus-visible, .portal-form select:focus-within {
	outline: 2px solid var(--dark-tertiary);
}

.portal-form .space-beside-radiobutton {
	max-width: calc(100% - 25px);
}

.portal-form .message {
	color: #666;
	display: block;
	margin-bottom: 0.5em;
}

.portal-form sup {
	color: #800;
	font-weight: bold;
}

.portal-form .type-text, .portal-form .type-radio, .portal-form .type-select, .portal-form .type-check, .portal-form .type-button {
	margin: 0.5em 0;
	overflow: hidden;
	padding: 3px 0.25em;
	position: relative;
}

.portal-form .type-radio label {
	margin-left: 0.25em;
	margin-right: 0.5em;
}

.portal-form .type-button {
	padding: 3px 0.25em;
}

.portal-form .type-text input, .portal-form .type-text textarea {
	display: block;
	padding: 0.3em;
	position: relative;
	width: 58.5%;
}

.portal-form .type-select select optgroup {
	font-style: normal;
	font-weight: bold;
}

.portal-form .type-check input {
	cursor: pointer;
}

.portal-form .type-check input:focus, .portal-form .type-check input:hover, .portal-form .type-check input:active {
	border: 0 none;
}

.portal-form .type-button input {
	cursor: pointer;
	overflow: visible;
	width: auto;
}

.portal-form .error {
	background: #faf4f4 none repeat scroll 0 0;
	border: 1px dashed #a00;
	padding: 0.5em;
}

.portal-form .error label {
	color: #000;
	font-weight: bold;
}

.portal-form .error .message {
	color: #800;
}

.portal-form .form-field-entry {
	margin-top: 3px;
	margin-bottom: 3px;
}

.portal-form .form-field-entry.form-field-mandatory label::after {
	content: "*";
}

.portal-form .form-field-entry input, .portal-form .form-field-entry textarea, .portal-form .form-field-entry select {
	min-height: 25px;
}

.portal-form .form-field-entry input[type="radio"], .portal-form .form-field-entry input[type="checkbox"] {
	min-width: 15px;
}

.portal-form .form-field-entry input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not(.wide-input), .portal-form .form-field-entry textarea:not(.wide-input), .portal-form .form-field-entry select:not(.wide-input) {
	min-width: 180px;
}

.portal-form .form-field-entry.validation-invalid input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .portal-form .form-field-entry.validation-invalid select, .portal-form .form-field-entry.validation-invalid textarea {
	-webkit-box-shadow: 0px 0px 1px 1px rgba(136, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 1px 1px rgba(136, 0, 0, 0.8);
	box-shadow: 0px 0px 1px 1px rgba(136, 0, 0, 0.8);
}

.portal-form .form-field-entry.validation-invalid input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):hover, .portal-form .form-field-entry.validation-invalid input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus, .portal-form .form-field-entry.validation-invalid input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):active, .portal-form .form-field-entry.validation-invalid select:hover, .portal-form .form-field-entry.validation-invalid select:focus, .portal-form .form-field-entry.validation-invalid select:active, .portal-form .form-field-entry.validation-invalid textarea:hover, .portal-form .form-field-entry.validation-invalid textarea:focus, .portal-form .form-field-entry.validation-invalid textarea:active {
	border-color: rgba(136, 0, 0, 0.8);
	outline-color: rgba(136, 0, 0, 0.8);
}

.portal-form .form-field-entry .long-checkbox-radiobutton-label {
	max-width: calc(100% - 25px);
}

.portal-form .form-field-entry .form-section {
	margin-bottom: 10px;
}

.portal-form .form-field-entry.horizontal-form-field-entry label {
	display: inline-block;
	vertical-align: middle;
}

.portal-form .form-field-entry.horizontal-form-field-entry label.short-label {
	width: 105px;
}

.portal-form .form-field-entry.horizontal-form-field-entry input, .portal-form .form-field-entry.horizontal-form-field-entry textarea, .portal-form .form-field-entry.horizontal-form-field-entry select {
	display: inline-block;
	vertical-align: middle;
}

#selfRegistrationForm .form-field-entry input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
	width: 100%;
}

#portal-new-application-form .new-private-address-input-section .form-field-entry *[name="newPrivateAddressZip"] {
	width: 45px;
	min-width: 45px;
}

#portal-new-application-form .new-private-address-input-section .form-field-entry *[name="newPrivateAddressCity"] {
	margin-left: 1px;
	width: 310px;
}

#portal-new-application-form .new-private-address-input-section .form-field-entry *[name="newPrivateAddressStreet"], #portal-new-application-form .new-private-address-input-section .form-field-entry *[name="newPrivateAddressAddtion"] {
	min-width: 360px;
}

#portal-new-application-form .new-private-address-input-section input[type="radio"] {
	min-width: 15px;
}

#portal-new-application-form .form-field-entry label {
	display: inline-block;
	vertical-align: middle;
}

#portal-new-application-form .form-field-entry label.short-label {
	width: 105px;
}

#portal-new-application-form .form-field-entry input, #portal-new-application-form .form-field-entry textarea, #portal-new-application-form .form-field-entry select {
	display: inline-block;
	vertical-align: middle;
}

#portal-new-application-form .new-private-address-input-section > * {
	display: inline-block;
	vertical-align: middle;
}

.portal-generated-document {

  background: url("/portal-additions/portlets/memberProfile/images/document-icon.svg") no-repeat;
  background-size: 100% 100%;
  margin-right: 8px;
  width: 40px;
  height: 40px;
  float: left;
}

.progress-label {float: left;/* margin-left: 30%; */margin-top: 5px;font-weight: bold;font-size: 200%;/* right: 50%; */margin-left: 30%;color: #eee; *//* text-align: center; */text-shadow: -1px -1px 0 #898989, 1px -1px 0 #898989, -1px 1px 0 #898989, 1px 1px 0 #898989;text-shadow: -1px -1px 0 #898989, 1px -1px 0 #898989, -1px 1px 0 #898989, 1px 1px 0 #898989;}



 .ui-widget-overlay {
    	  /*display: none; /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index:100; /* Sit on top */
     left: 0;
     top: 0;
     width: 100%; /* Full width */
     height: 100%; /* Full height */
     overflow: auto; /* Enable scroll if needed */
     background-color: rgb(0,0,0); /* Fallback color */
     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
   }

@font-face {
  font-family: "Inter Semi-bold";
  src:
  url("/portal-additions/assets/Inter-SemiBold.woff2")format('woff2'),
  url('/portal-additions/assets/Inter-SemiBold.woff') format('woff'),
  url('/portal-additions/assets/Inter-SemiBold.ttf') format('ttf');

}

th, td {
	padding: 0.3em;
}

tr:nth-child(even) {
  background-color: #FFFFFF;
}

tr:nth-child(odd) {
  background-color: #f5f5f5;
}


h3 {
	font-size: 2rem;
    line-height: 2.25rem;
    font-family: Inter Semi-bold;
    font-weight: 600;
}

div#generatedMitglDocument {
	width: 6em!important;
}
div#generatedTtgDocument {
	width: 5em!important;
}
div#generatedSAVDDocument {
	width: 5em!important;
}

.tooltip-fix {
	top:  -40px !important;
	left: 550px !important;
	width:600px  !important;
}
.tooltip-fix-private {
	top: 235px !important;
	left: 550px !important;
	width: 600px !important;
}
form#address-form-privat div.spacer {
	margin-top: 30px;
}

.form-field-entry .label {
	width: 10em!important;
}

li[data-validation-field-id] {

	width: 98%!important;

}

form div.block-mobilNumber input[type='text'],
form.address-form input[type='text'],
form.address-form input[type='number'],
form.address-form input[type='email'],
form.address-form input[type='date'] {
	width:550px!important;
}

form[id^='phone-'] input[name*='vorwahl'],
form[id='newMobileNumber'] input[name*='vorwahl'],
form.address-form input[name*='vorwahl'] {
	width:110px!important;
}

form[id='newMobileNumber'] input[name*='land'],
form[id^='phone-'] input[name*='land'],
form.address-form input[name*='land'] {
	width:80px!important;
}

form.address-form input[name*='durchwahl'] {
	width:140px!important;
}

form[id='newMobileNumber'] input[name*='nummer'],
form[id^='phone-'] input[name*='nummer'],
form.address-form input[name*='nummer'] {
	width:200px!important;
}


form.wba-form select[name='wbbId'] {
	margin-left: 3px!important;
	width: 800px!important;
}

form.wba-form input[id='beginnDate'] {
	margin-left: 67px!important;
	width: 180px!important;
}

form.kontakt-form textarea {
	width:800px!important;
}

form.kontakt-form p {
	width:800px!important;
}

form[id^="phone-"] div#block-mobilNumber input {
			margin-top:-6px!important;
			margin-right:3px!important;
			width: 300px!important;
}

form[id^="email-"] div#emailValidation input {
			width: 800px!important;
}

form[id^="phone-"] div#block-mobilNumber input[name*="land"] {
			width:70px!important;
}

#wbaUserName {
	width: 500px!important;
}

#elogbuchLoginName {
	width: 500px!important;
}

.accountActionButton {
	width: 500px!important;
}

form div.block-mobilNumber input[type='text'],
form.address-form input[type='text'],
form.address-form input[type='number'],
form.address-form input[type='email'],
form.address-form input[type='date'] {
	height: inherit !important;
	min-height: 25px !important;
}

form.address-form label {
	min-width: 200px !important;
}

form.address-form select[name="countryId"],
form.address-form select[name="teilzeit"],
form.address-form select[name="taetigkeitId"],
form.address-form select[name="taetigkeitArtId"],
form.address-form textarea[name="taetigkeitBemerkung"],
form.address-form select[name="occupation"],
form.address-form select[name="description"] {
	min-width: 550px !important;
	width: 550px !important;
}

select#aebId, select#aebAddressId {
	width: fit-content !important;
}

input[type=checkbox] {
	transform: scale(1.5);
	margin-left: 15px;
	margin-right: 15px !important;
	margin-bottom: 3px;
	vertical-align: middle;
}

a {
        color: #26A69A !important;
        /* color: var(--accent-primary) !important; */
        /* color: #B4B4B9 !important; */
}
a:hover {
        color: #26A69A !important;
        /* color: var(--accent-hover) !important; */
        /* color: #B4B4B9 !important; */
        text-decoration: underline;
}

:root {
	--accent-primary: #103941;
	--accent-hover: #0d4c59;
	--dark-tertiary: #b4b4b9;
}

div#generatedSAVDDocument, div#generatedMitglDocument, div#generatedTtgDocument {
	display: flex;
	align-items: center;
}
div#generatedSAVDDocument > div, div#generatedMitglDocument > div, div#generatedTtgDocument > div  {
	color: var(--accent-primary) !important;
}
div#generatedSAVDDocument > div:hover, div#generatedMitglDocument > div:hover, div#generatedTtgDocument > div:hover  {
	color: var(--accent-hover) !important;
	text-decoration: underline;
}

/* RoleManager */
#employee-management-form .portal-employee-list {
	font-size: 1.6rem !important;
}

#employee-management-form select[name='organizer']{
	width: 1049px !important;
	font-size: 1.6rem !important;
}
#employee-management-form [name='change-role-button'] {
	width: 190px !important;
}


#invite-employee-form [name='inviteEmployeeButton'],
#invite-employee-form [name='cancelInviteEmployeeButton'] {
	width: 170px !important;
}

#invite-employee-form select[name='organizer']{
	font-size: 1.6rem !important;
}

#invite-employee-form input[name='email']{
	font-size: 1.6rem !important;
}

.button-bar {
	padding-top:1em !important;
}

.button-bar input {
	height: 50px !important;
}


.ui-dialog {
	width: 580px !important;
	top:calc( 50vh - 300px) !important;
	left: calc( 50vw - 290px) !important;/* 290=580/2 */
}

div.portal_startseite a {
	color: #26A69A !important;
}