@import "fontawesome/css/fontawesome.css";
@import "fontawesome/css/light.css";

#main, #digisign {
	display: none;
}

.ui-loader-default {
    display: block;
}

.ui-loader-default::after {
    content: "Laden..";
    color: black;
    width: max-content;
    display: inline-block;
	padding-top: 10px;
	font-family: Helvetica, Arial, sans-serif;
}

label[for=cbEINVERSTANDEN], label[for=cbRegistrieren_AGB], label[for=cbNO_ERFAHRUNGEN], label[for=cbPartner], label[for=cbSELBSTAUSKUNFT1], label[for=cbEHEPARTNER_P]{
    padding-left: 1em;
    padding-right: 0.7em;
    width: 8px;
    border: none;
}

#lgDigisign label, #lgDatenschutzCheckboxes label, #lgUnterzeichnerAusweisauswahl label, #lgUnterzeichnerAusweisauswahl_P label {
    padding-left: 1em;
    padding-right: 0.7em;
    width: 16px !important;
    border: none;
}

label[for=cbEINVERSTANDEN]:hover, label[for=cbEINVERSTANDEN]:active, label[for=cbRegistrieren_AGB]:hover, label[for=cbRegistrieren_AGB]:active, label[for=cbNO_ERFAHRUNGEN]:hover, label[for=cbNO_ERFAHRUNGEN]:active, label[for=cbPartner]:hover, label[for=cbPartner]:active, label[for=cbSELBSTAUSKUNFT1]:active, label[for=cbEHEPARTNER_P]:hover, label[for=cbEHEPARTNER_P]:active, #lgDigisign label:hover, #lgDigisign label:active,
#lgDatenschutzCheckboxes label:hover, #lgDatenschutzCheckboxes label:active, #lgUnterzeichnerAusweisauswahl label:hover, #lgUnterzeichnerAusweisauswahl label:active,
#lgUnterzeichnerAusweisauswahl_P label:hover, #lgUnterzeichnerAusweisauswahl_P label:active {
	background-color: #eee !important;
}

#dallmayer-vib p a {
    font-size: 12px;
    color: #333 !important;
    font-weight: normal;
}

#lgBestaetigung .ui-block-a, #lgEinverstanden .ui-block-a, #lgErfahrungen .ui-block-a, #lgWeitere .ui-block-a, #lgContractNew_Darlehen .ui-block-a {
    width: 46px !important;
}

#lgGEBDAT .ui-block-e {
	padding-left: 0.2em;
}

#lgGEBDAT_P .ui-block-e {
	padding-left: 0.2em;
}

#lgGEBDAT .ui-block-e a{
	top: -5px;
}

#lgGEBDAT_P .ui-block-e a{
	top: -5px;
}

.registerExpanderBorder, .documentsExpanderBorder {
	border-radius: 5px;
    border: solid 1px #ccc;
	padding: 0.5em 0em;
}

.noscroll {
    overflow: hidden;
}

.ui-popup-screen {
    background: rgba(0,0,0,0.7);
}

#dlgShowCookies_HTML {
    width: auto !important;
    height: auto !important;
}

#dlgShowCookies_HTML-popup{
    max-width: 30% !important;
    left: 35% !important;
	top: 149px !important;
	position: fixed !important;
	background: transparent !important;
}

#dfBETRAG_container {
	position: relative;
    margin-bottom: 0;
}

#lbl_dfBETRAG {
    top: 50px;
	margin-bottom: 2rem;
}

.dallmayer-swhd-flex-first a[color="#007AC3"] {
    color: red !important;
}

.placeholder-red::placeholder{
	color: red !important;
	opacity: 1;
}

.placeholder-red span{
	color: red !important;
}

.text-error-red {
	color: red !important;
}

input:-webkit-autofill.text-error-red::first-line, input:-webkit-autofill.text-error-red {
    color: red !important;
}

#cmbPERS_TYP-button, #cmbANREDE-button, #cmbErfahrungen-button, #cmbKenntnisse-button, #cmbANREDE_P-button, #cmbSchriftverkehr-button, #cmbANLEGERGRUPPE-button, #cmbVERTRAGTYPEN-button, #cmbAKQTYP-button {
	text-align: left;
	color: black;
	text-shadow: none;
	font-size: var(--dallmayer-tablet-small-font-size);
}

#cmbANREDE, #cmbANREDE_P, #cmbKenntnisse, #cmbPERS_TYP, #cmbSchriftverkehr, #cmbANLEGERGRUPPE, #cmbVERTRAGTYPEN, #cmbAKQTYP {
    padding-left: 1em;
}

.ui-select .ui-btn-icon-right {
	text-shadow: none !important;
}

.ui-btn-active {
    background: #eee !important;
    border-color: #ccc !important;
	outline: none !important;
    text-shadow: 0 1px 0 #fff;
	text-shadow: none !important;
}

.ui-focus, #pbSAVE_1, .ui-collapsible-heading-toggle:focus {
    box-shadow: none !important;
}

#bgtAUSWAEHLEN {
	font-weight: bold;
    overflow: hidden;
    font-size: 1rem;
    padding-bottom: 10px;
    padding-top: 10px;
}

#lgEdit_two_columns_first .ui-btn-icon-right {
    padding: 0.4em;
}

#lgWEITER_ZEICHNER .ui-btn-icon-right {
    padding: 0.4em;
}

.ui-collapsible-heading-toggle {
    white-space: unset;
}

#dlgMessageKd {
	height: fit-content !important;
}

a[data-icon="info"] {
	border: none;
    background: transparent !important;
    box-shadow: none;
}

.ui-btn:focus, .ui-focus:focus {
    box-shadow: none !important;
}

#lgWeitere[style*="display: block"], #lgEhepartner_P[style*="display: block"] {
    display: flex !important;
}

#lgBestaetigung .ui-block-b:hover, #lgEinverstanden .ui-block-b:hover, #lgErfahrungen .ui-block-b:hover, #lgWeitere .ui-block-b:hover, #lgContractNew_Darlehen1 .ui-block-b:hover, #lgContractNew_Darlehen2 .ui-block-b:hover, #lgEhepartner_P .ui-block-b:hover, #lgDigisign .ui-block-b:hover, #lgDatenschutzTelefon .ui-block-b:hover, #lgDatenschutzMail .ui-block-b:hover, #lgDatenschutzTelefax .ui-block-b:hover, #lgDatenschutzSms .ui-block-b:hover, #lgUnterzeichnerPersonalausweis .ui-block-b:hover, #lgUnterzeichnerReisepass .ui-block-b:hover, #lgUnterzeichnerPersonalausweis_P .ui-block-b:hover, #lgUnterzeichnerReisepass_P .ui-block-b:hover {
	cursor: pointer;
}

#__TDAlertMsgTxt {
    color: black;
    text-shadow: none;
}

#__TDAlertMsg .ui-content {
    text-align: center;
}

[data-role="content"] {
    padding: 0;
}

#lgCheck {
    width: 85%;
    margin: auto;
    margin-top: 2rem;
	margin-bottom: 2rem;
    padding: 2rem;
    line-height: 2rem;
    background: var(--dallmayer-white);
    border-radius: 5px !important;
}

body {
	hyphens: auto;
    hyphenate-limit-chars: auto 3;
}

#lgCheck .ui-block-a, #lgCheck .ui-block-b {
    width: 50% !important;
}

[id^="bgtCheckLabel"] {
    font-weight: bold;
}

#dlgPruefung-popup {
	width: 80%;
	left: 0 !important;
}

#dlgPruefung {
	left: 25%;
    width: 75% !important;
    height: auto !important;
	padding: 1em;
}

#dlgPruefung_lgCheckLeft .ui-block-a, #dlgPruefung_lgCheckRight .ui-block-a {
    width: 35%;
}

#dlgPruefung_lgCheckButtons .ui-block-a {
    width: 49.5% !important;
}

#dlgPruefung_lgCheckButtons .ui-block-b {
    width: 49.5% !important;
    padding-left: 1%;
}

#dlgPruefung_bgtCheckHeadline {
	font-weight: bold;
    padding-bottom: 1rem;
}

#dlgPruefung_lgCheck {
	padding-bottom: 1rem;
}

#dlgPruefung_lgCheck .ui-grid-a {
    padding-bottom: 10px;
}

/* fixed header */
#logos-line {
	position: fixed;
	width: 100%;
	z-index: 3;
	height: 4rem;
	border-bottom: 1px solid #e6e6e6;
}
#logo-emit {
  padding-left: 0 !important;
}

option:empty {
   display: none;
}

#pbTriggerTestData {
	width: fit-content;
    margin: 1rem auto !important;
    color: red;
    text-shadow: none;
    font-weight: bold !important;
}

label[for=cbEHEPARTNER_P] {
    display: block !important;
	border: none;
}

#lgEhepartner_P {
    margin-top: 6px !important;
    padding-top: 0;
    padding-bottom: 0;
}

/* sticky footer (for pages with almost no content) */
#bgtFooter_Wide {
	position: sticky;
    bottom: 0;
    width: 100%;
}

#bgtEHEPARTNER_P {
	margin: .5em 0;
}

label[for=dlgPruefung_cbCheckValue_Ehepartner_P], label[for=dlgPruefung_cbCheckValue_Ehepartner_P]:hover {
    cursor: unset;
    background: transparent !important;
    border: none;
}

#dlgPruefung_cbCheckValue_Ehepartner_P_container .ui-checkbox {
	margin: 0;
}

#dlgPruefung_cbCheckValue_Ehepartner_P_container .ui-checkbox-off:hover:after, #dlgPruefung_cbCheckValue_Ehepartner_P_container .hovered:after {
    background-color: rgba(0, 0, 0, 0.1);
}

#dlgPruefung_cbCheckValue_Ehepartner_P_container  .ui-checkbox-off:after {
	transition: none;
}

#cmbPERS_TYP-button, #cmbANREDE-button, #cmbErfahrungen-button, #cmbKenntnisse-button, #cmbTRANSAKTIONEN-button, #cmbHOEHE-button, #cmbAKQTYP-button {
	padding-left: 0.4em !important;
}

h2 p {
	color: var(--dallmayer-black);
    font-style: italic;
    font-weight: normal;
    font-family: var(--dallmayer-font-family);
    font-size: var(--dallmayer-tablet-default-font-size);
}

#gesetzlicheAngaben {
	padding-top: 2rem;
	font-style: normal;
}

#bgtDATENWEITERGABE {
	font-style: italic;
}

#lgEhepartner_P .ui-block-a {
	width: 46px !important;
}

#pbWIDERRUF, #pbSubmit {
    background-color: var(--dallmayer-primary-color);
	transition: background-color var(--dallmayer-transition-duration), color var(--dallmayer-transition-duration);
	font-weight: bold !important;
	color: var(--dallmayer-white);
	text-shadow: none;
	border-color: #ccc;
}

#pbWIDERRUF:hover, #pbSubmit:hover {
    background-color: var(--dallmayer-secondary-color);
	color: var(--dallmayer-text-color-main);
}

#WIDERRUF #lgEdit_UserData {
	margin-bottom: 2rem;
}

#lgEdit_UserData #lgDigisign .ui-block-b, #lgDatenschutzCheckboxes .ui-block-b, #lgUnterzeichnerAusweisauswahl .ui-block-b, #lgUnterzeichnerAusweisauswahl_P .ui-block-b {
	width: 96% !important;
	padding: 10px 0;
}

#lgDigisign {
    margin: 1rem 0;
    background-color: #eee;
    border-radius: 5px !important;
    align-items: center;
}

#digisign {
	#lgContent {
		margin: 0 4% 3rem 4%;
	}
	label, #bgtUnterzeichnerAusweisauswahl {
	  font-weight: 600;
	  font-size: var(--dallmayer-tablet-default-font-size);
	}
	input:read-only {
	  border: 0;
	  box-shadow: none;
	  background-color: #dddddd;
	  text-shadow: none;
	}
	h1, h2 {
		margin-top: 1em;
		margin-bottom: 0.2em;
	}
	#bgtSubtitel {
		margin-bottom: 1em;
	}
	#pbSubmit {
		background-color: var(--dallmayer-primary-color);
		transition: background-color var(--dallmayer-transition-duration), color var(--dallmayer-transition-duration);
		font-weight: bold !important;
		color: var(--dallmayer-white);
		text-shadow: none;
		border-color: #ccc;
	}
	#pbSubmit:hover {
		background-color: var(--dallmayer-secondary-color);
		color: var(--dallmayer-text-color-main);
	}
}

@media only screen and (min-width: 768px) {
	#digisign {
		#lgContent {
			margin: 0 14% 3rem 14%;
		}
		
		#lgAnlegerinfo > div, #lgAnlegerinfo_P > div, #lgZeichnungssumme > div, #lgUnterzeichnerPerson > div, #lgUnterzeichnerAusweis > div, #lgUnterzeichnerPerson_P > div, #lgUnterzeichnerAusweis_P > div {
		  display: flex;
		  flex-wrap: wrap;
		}

		#lgAnlegerinfo > div > div[id$="_container"], #lgAnlegerinfo_P > div > div[id$="_container"], #lgZeichnungssumme > div > div[id$="_container"], #lgUnterzeichnerPerson > div > div[id$="_container"],
		#lgUnterzeichnerAusweis > div > div[id$="_container"], #lgUnterzeichnerPerson_P > div > div[id$="_container"], #lgUnterzeichnerAusweis_P > div > div[id$="_container"] {
		  box-sizing: border-box;
		  width: 50%;
		  padding: 0 16px;
		}

		#lgAnlegerinfo label, #lgAnlegerinfo_P label, #lgZeichnungssumme label, #lgUnterzeichnerPerson label, #lgUnterzeichnerAusweis label, #lgUnterzeichnerPerson_P label, #lgUnterzeichnerAusweis_P label {
		  display: block;
		  margin-bottom: 6px;
		}

		#lgAnlegerinfo .ui-input-text, #lgAnlegerinfo_P .ui-input-text, #lgZeichnungssumme .ui-input-text, #lgUnterzeichnerPerson .ui-input-text, #lgUnterzeichnerAusweis .ui-input-text, #lgUnterzeichnerPerson_P .ui-input-text, #lgUnterzeichnerAusweis_P .ui-input-text {
		  width: 100%;
		}

		#lgAnlegerinfo input, #lgAnlegerinfo_P input, #lgZeichnungssumme input, #lgUnterzeichnerPerson input, #lgUnterzeichnerAusweis input, #lgUnterzeichnerPerson_P input, #lgUnterzeichnerAusweis_P input {
		  width: 100%;
		  box-sizing: border-box;
		}
		
		#lgDatenschutzCheckboxes, #lgUnterzeichnerAusweisauswahl, #lgUnterzeichnerAusweisauswahl_P, #dfIban_container, #bgtUnterzeichnerAusweisauswahl, #bgtUnterzeichnerAusweisauswahl_P {
			padding: 0 16px;
		}
	}
}

@media only screen and (min-width: 1280px) {
	#digisign {
		#lgAnlegerinfo > div > div[id$="_container"], #lgAnlegerinfo_P > div > div[id$="_container"], #lgUnterzeichnerPerson > div > div[id$="_container"], #lgUnterzeichnerPerson_P > div > div[id$="_container"] {
		  width: 33.333%;
		}
	}
}


@media only screen and (max-width: 480px) {
	#lgGEBDAT .ui-block-d {
		padding-left: 0.2em;
		width: 13%;
	}
	
	#lgGEBDAT_P .ui-block-d {
		padding-left: 0.2em;
		width: 13%;
	}
	
	#lgGEBDAT .ui-block-d a {
		top: -10px;
	}
	
	#lgGEBDAT_P .ui-block-d a {
		top: -10px;
	}
	
	#pbKUNDEN_INFO {
		top: 0;
	}
	
	#lgPERS_TYP .ui-block-a {
		width: 90% !important;
	}

	#lgPERS_TYP .ui-block-b {
		width: 5% !important;
		padding-left: 1%;
	}
	
	#lgKundenNr .ui-block-a {
		width: 90% !important;
	}

	#lgKundenNr .ui-block-b {
		width: 5% !important;
		padding-left: 1%;
	}
	
	#lgGEBDAT .ui-block-a {
		width: 90% !important;
	}
	
	#lgGEBDAT .ui-block-b {
		width: 5% !important;
		padding-left: 1%;
	}
	
	#lgGEBDAT_P .ui-block-a {
		width: 90% !important;
	}
	
	#lgGEBDAT_P .ui-block-b {
		width: 5% !important;
		padding-left: 1%;
	}
	
	#lgANREDE_P .ui-block-b {
		display: none;
	}
	
	#lgANREDE_P .ui-block-a{
		width: 100%!important;
	}
	
	#lgEdit_UserData .ui-block-a {
		width: 50%;
}

	#lgEdit_UserData .ui-block-b {
		width: 50%;
	}

	#lgMain .ui-block-b {
		width: 90%;
	}
	
	#lgWeitere{
		padding-bottom: 4px;
		padding-top: 15px;
	}
	
	#lgEinverstanden {
		height: fit-content;
	}
	
	#lgMain .ui-block-a {
		width: 5%;
	}
	
	#pbPERS_TYP {
		display: block !important;
	}
	
	.ui-popup-active {
		left: 10% !important;
		right: 10% !important;
	}
	
	.ui-checkbox-off, .ui-checkbox-on {
		height: 45px;
		width: 40px !important;
	}
	
	#dlgPruefung_lgCheck .ui-block-a, #dlgPruefung_lgCheck .ui-block-b {
		width: 100% !important;
	}
	
	#dlgPruefung {
		width: auto !important;
		left: 0 !important;
	}
	
	#dlgPruefung_lgCheckButtons .ui-block-a, #dlgPruefung_lgCheckButtons .ui-block-b {
		width: 100% !important;
		padding-left: 0;
		padding-bottom: 3px;
	}
	
	#dlgShowVIB_HTML-popup {
		height: 522px !important;
		top: 400px !important;
	}
	
	#dlgShowVIB_HTML {
		overflow: scroll !important;
		position: relative;
		background-color: white;
		width: auto !important;
	}
	label[for="dlgShowVIB_HTML_cbVIB_OK"] {
		width: 100% !important;
		padding-top: 23px !important;
		text-align: center !important;
	}
	
	.noscroll {
		overflow: auto;
	}
	
	#dlgPruefung-popup {
		width: 100% !important;
		max-width: max-content !important;
	}
	
	#lgEhepartner_P .ui-block-a {
		width: 46px !important;
	}
	
	#lgDigisign .ui-block-a, #lgDatenschutzCheckboxes .ui-block-a, #lgUnterzeichnerAusweisauswahl .ui-block-a, #lgUnterzeichnerAusweisauswahl_P .ui-block-a {
		width: 20% !important;
	}
	
	#lgDigisign .ui-block-b {
		width: 90% !important;
	}
	
	.ui-checkbox label {
        padding: 0;
    }
}

@media only screen and (max-width: 1200px) {
	#dlgShowCookies_HTML-popup {
		max-width: 90% !important;
		top: 1% !important;
		left: 5% !important;
		right: 5% !important;
		width: 90% !important;
		position: absolute !important;
	}
}

@media only screen and (min-width: 480px) {
	#lgEdit_UserData .ui-block-a {
		width: 49.5% !important;
	}

	#lgEdit_UserData .ui-block-b {
		width: 50.5% !important;
		padding-left: 1%;
	}

	#lgPERS_TYP .ui-block-a {
		width: calc(100% - 38px) !important;
	}

	#lgPERS_TYP .ui-block-b {
		width: 0 !important;
	}
	
	#lgKundenNr .ui-block-a {
		width: calc(100% - 38px) !important;
	}

	#lgKundenNr .ui-block-b {
		width: 0 !important;
	}
	
	#lgGEBDAT .ui-block-a {
		width: calc(100% - 38px) !important;
	}
	
	#lgGEBDAT .ui-block-b {
		width: 0 !important;
	}
	
	#lgGEBDAT_P .ui-block-a {
		width: calc(100% - 38px) !important;
	}
	
	#lgGEBDAT_P .ui-block-b {
		width: 0 !important;
	}
	
	#lgANREDE_P .ui-block-b {
		display: none;
	}
	
	#lgANREDE_P .ui-block-a{
		width: 100%!important;
	}
	
	#dlgMessageKd_frmMESSAGE_BUTTON {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	#dlgMessageKd_bgtMSG {
		margin-bottom: 0 !important;
	}
	
	.noscroll #lgMain {
		padding-right: 17px;
	}
	
	#dlgPruefung_lgCheckButtons {
		width: 60%;
		margin: auto;
	}
	#lgEhepartner_P .ui-block-b {
		width: auto !important;
	}
	#cmbPERS_TYP-button, #cmbANREDE-button, #cmbErfahrungen-button, #cmbKenntnisse-button, #cmbTRANSAKTIONEN-button, #cmbHOEHE-button, #cmbAKQTYP-button {
        font-size: var(--dallmayer-tablet-small-font-size) !important;
        padding-top: 0.5em !important;
        padding-bottom: 0.5em !important;
    }
	
	#lgEhepartner_P .ui-block-a {
		width: 46px !important;
	}
	
	#lgEdit_UserData #lgDigisign .ui-block-a, #lgDatenschutzCheckboxes .ui-block-a, #lgUnterzeichnerAusweisauswahl .ui-block-a, #lgUnterzeichnerAusweisauswahl_P .ui-block-a {
		width: 46px !important;
	}
}

@media only screen and (min-width: 1280px) {
	#pbWIDERRUF, #pbSubmit {
		width: 30%;
		margin: auto !important;
	}
	#WIDERRUF #bgtAUSWAEHLEN, #WIDERRUF #lgEdit_UserData {
		width: 50%;
		margin: auto;
	}
	#WIDERRUF #lgEdit_UserData {
		margin-bottom: 2rem;
	}
}