/* .tile.AkteOeffnen #taninput>p, */
.tile.Einstellungen #kontenVerbinden #taninput>p{
	text-align:center;
}

.tile.AkteOeffnen .loginTypeSelection .tileBtn .card:hover {
	cursor: pointer;
}

.tile.AkteOeffnen #taninput>p>label,
.tile.Einstellungen #kontenVerbinden #taninput>p>label {
	margin-right:5px;
}
.tile.AkteOeffnen #taninput>p>input,
.tile.Einstellungen #kontenVerbinden #taninput>p>input{
	font-size:2em;
	text-align:center;
}

.tile.AkteOeffnen #taninput button.actionButton,
.tile.Einstellungen #kontenVerbinden #taninput button.actionButton {
	margin:5px;
}
.tile.AkteOeffnen #taninput button.actionButton.primary, 
.tile.Einstellungen #kontenVerbinden #taninput button.actionButton.primary {
	width:65%;
	/*font-size:1.5em;*/
}

.tile.AkteOeffnen #taninput button.actionButton.secondary,
.tile.Einstellungen #kontenVerbinden #taninput button.actionButton.secondary {
	width:25%;
	font-size:1em;
}


.tile.AkteOeffnen fieldset[data-ueimpl^="UePatPortalLoginType_EmailPassword_"] > p,
.tile.AkteOeffnen fieldset[data-ueimpl="UePatPortalLoginForm_VidimeWithEmailAndPassword"] > p,
.tile.Einstellungen #kontenVerbinden fieldset[data-ueimpl^="UePatPortalLoginType_EmailPassword_"] > p,
.tile.Einstellungen #kontenVerbinden fieldset[data-ueimpl="UePatPortalLoginForm_VidimeWithEmailAndPassword"] > p {
	text-align:center;
}
.tile.AkteOeffnen fieldset[data-ueimpl^="UePatPortalLoginType_EmailPassword_"] > p > label,
.tile.AkteOeffnen fieldset[data-ueimpl="UePatPortalLoginForm_VidimeWithEmailAndPassword"] > p > label,
.tile.Einstellungen #kontenVerbinden fieldset[data-ueimpl^="UePatPortalLoginType_EmailPassword_"] > p > label,
.tile.Einstellungen #kontenVerbinden fieldset[data-ueimpl="UePatPortalLoginForm_VidimeWithEmailAndPassword"] > p > label {
	display:inline-block;
	margin-right:20px;
	width:200px;
	text-align:right;	
}
.tile.AkteOeffnen fieldset[data-ueimpl^="UePatPortalLoginType_EmailPassword_"] > p > input,
.tile.AkteOeffnen fieldset[data-ueimpl="UePatPortalLoginForm_VidimeWithEmailAndPassword"] > p > input,
.tile.Einstellungen #kontenVerbinden fieldset[data-ueimpl^="UePatPortalLoginType_EmailPassword_"] > p > input,
.tile.Einstellungen #kontenVerbinden fieldset[data-ueimpl="UePatPortalLoginForm_VidimeWithEmailAndPassword"] > p > input {
	font-size:1em;
}

/* HWMH20201018 PW-Vergessen rutscht in PW-Eingabefeld
.tile.AkteOeffnen fieldset[data-ueimpl="UePatPortalLoginType_EmailPassword_SmsTan"] > p.forgotPwdLink {
	margin-top:-1em;
}*/

/* CG20230428 Remote-Rest-Service "Patient-Sync" unterst�tzt zun�chst kein "Passwort vergessen"-Usecase */
.tile.AkteOeffnen fieldset[data-ueimpl="UePatPortalLoginType_EmailPassword_SmsTan_RemotePatientSyncRestService"] > p.forgotPwdLink {
	display:none;
}

/* HWMH20201018 Zeilenumbruch f�r "Akte �ffnen" Anmelde-Methoden-Tabs */
.tile.AkteOeffnen #AkteOeffnen_LoginType_Tabs .ui-tabs-tab, 
.tile.Einstellungen #kontenVerbinden #AkteOeffnen_LoginType_Tabs .ui-tabs-tab {
	white-space: break-spaces;
}

/* HW: 230316: c4-anpassungen*/
.tile.AkteOeffnen #AkteOeffnen_LoginType_Tabs.ui-tabs .ui-widget-header{
	background:white;
	border:none;
}


.tile.AkteOeffnen #AkteOeffnen_LoginType_Tabs .ui-tabs-nav.ui-widget-header .ui-state-default{
	background: white;
	border:none;
	font-weight: 100;
}
.tile.AkteOeffnen #AkteOeffnen_LoginType_Tabs .ui-tabs-nav.ui-widget-header .ui-state-active{
	background-color:blue;
}

.tile.AkteOeffnen #AkteOeffnen_LoginType_Tabs .ui-tabs-nav.ui-widget-header .ui-state-active a,
.tile.AkteOeffnen #AkteOeffnen_LoginType_Tabs .ui-tabs-nav.ui-widget-header .ui-state-active a:link,
.tile.AkteOeffnen #AkteOeffnen_LoginType_Tabs .ui-tabs-nav.ui-widget-header .ui-state-active a:visited{
	color: white;
}
.tile.AkteOeffnen #AkteOeffnen_LoginType_Tabs .ui-tabs-nav.ui-widget-header .ui-tabs-tab{
	margin-right:80px;
}

.tile.AkteOeffnen #AkteOeffnen_LoginType_Tabs .ui-tabs-nav.ui-widget-header .ui-tabs-tab > a{
	color: black;
}


@media ( max-width :700px) {
	.tile.AkteOeffnen #taninput button.actionButton.primary,
	.tile.AkteOeffnen #taninput button.actionButton.secondary,
	.tile.Einstellungen #kontenVerbinden #taninput button.actionButton.primary,
	.tile.Einstellungen #kontenVerbinden #taninput button.actionButton.secondary{
		width:90%;
	}

	.tile.AkteOeffnen fieldset[data-ueimpl^="UePatPortalLoginType_EmailPassword_"] > p > label,
	.tile.AkteOeffnen fieldset[data-ueimpl="UePatPortalLoginForm_VidimeWithEmailAndPassword"] > p > label,
	.tile.Einstellungen #kontenVerbinden fieldset[data-ueimpl="UePatPortalLoginForm_VidimeWithEmailAndPassword"] > p > label,
	.tile.Einstellungen #kontenVerbinden fieldset[data-ueimpl^="UePatPortalLoginType_EmailPassword_"] > p > label{
		width:auto;
	}
	.tile.AkteOeffnen fieldset[data-ueimpl^="UePatPortalLoginType_EmailPassword_"] > p > input,
	.tile.AkteOeffnen fieldset[data-ueimpl="UePatPortalLoginForm_VidimeWithEmailAndPassword"] > p > input,
	.tile.Einstellungen #kontenVerbinden fieldset[data-ueimpl^="UePatPortalLoginType_EmailPassword_"] > p > input,
	.tile.Einstellungen #kontenVerbinden fieldset[data-ueimpl="UePatPortalLoginForm_VidimeWithEmailAndPassword"] > p > input{
		width:90%;
		font-size:1.7em;
	}
	/*HW C4-Anpassungen*/

	.tile.AkteOeffnen #AkteOeffnen_LoginType_Tabs .ui-tabs-nav.ui-widget-header .ui-tabs-tab{
		margin-right:0px;
	}




}

.tile.AkteOeffnen .notInAkteOeffnen, .tile.Einstellungen #kontenVerbinden .notInKontenVerbinden {
	display:none;
}

@media (max-width: 768px) {
	input#txtPatCode {
		width: 100%;
	}
}

/* C4-Layout-Details zur "Akte �ffnen"-Kachel aus Barrys Entwurf */


/** region Akteoeffnen cards */

/*--Anmelden Icons--*/
.tile.AkteOeffnen div[class^="service-img"] i.fa-circle {
	color: var(--btn-primary-bg);
}

.tile.AkteOeffnen div[class^="service-img"] i.fa-stack-1x {
	color: var(--btn-primary-text);
}

.tile.AkteOeffnen div[class^="service-img"] span.fa-stack.fa-2x {
	font-size: 2rem!important;
}

/* TAN only & ID-code only  */
.c4Tile.AkteOeffnen .service-1 .service-img1{
	position: relative;
	top: -32px;
	margin-bottom: -32px;
}

/* Email/password + TAN  */
.c4Tile.AkteOeffnen .service-1 .service-img2a{
	position: relative;
	top: -32px;
	margin-bottom: -32px;
	left: calc(50% - 80px);
	width: fit-content;
}

.c4Tile.AkteOeffnen .service-1 .service-img2b{
	position: relative;
	top: -64px;
	margin-bottom: -64px;
	left: calc(50% + 5px);
	width: fit-content;
}

/* Email/Password/ID-Code + TAN  */

.c4Tile.AkteOeffnen .service-1 .service-img3a{
	position: relative;
	top: -32px;
	margin-bottom: -32px;
	right: 85px;
}

.c4Tile.AkteOeffnen .service-1 .service-img3b{
	position: relative;
	top: -64px;
	margin-bottom: -64px;
}

.c4Tile.AkteOeffnen .service-1 .service-img3c{
	position: relative;
	top: -64px;
	margin-bottom: -64px;
	left: 85px;
}

/** endregion */

/** CG20230315 Anpassungen f�r C4-Layout-Version nach Entwurf von Barry */
.c4Tile.AkteOeffnen .loginTypeGui_c4 {
	display:none;
}

/** NA20230908 Anpassungen um die eigentliche Login-GUI in Konten-Verbinden (Einstellungs-Kachel) initial nicht anzuzeigen */
div#kontenVerbinden .card-body >div.loginTypeGui[data-ueImpl]:not(.initiallyTriggered) {
	display: none;
}

/* NA+JW 20250325 CSS-Styles von Login-Buttons angepasst ähnl wie FAQ-Collapse-Buttons */
.tile.AkteOeffnen #akteOeffnenGuiContainer button.loginTypeChoiceBtn:not(.collapsed) {
	background-color:  var(--btn-primary-bg);
	border-color: var(--btn-primary-border);
	color: var(--btn-primary-text);
}

.tile.AkteOeffnen #akteOeffnenGuiContainer button.loginTypeChoiceBtn:not(.collapsed):hover {
	background-color: var(--btn-primary-hover-bg);
	border-color: var(--btn-primary-hover-border);
	color: var(--btn-primary-hover-text);
}

/***********************************************************/
/** region NB20250303 - Stil für "E-Mail-Adresse ändern" und "Passwort vergessen" Buttons   */
.tile.AkteOeffnen div:has(> .forgotPwdLink):has(> .changeEMailAddressLink) {
	margin: 0 3rem;
}

.tile.AkteOeffnen div:has(> .forgotPwdLink):has(> .changeEMailAddressLink) .forgotPwdLink {
	float: right;
}

.tile.AkteOeffnen div:has(> .forgotPwdLink):has(> .changeEMailAddressLink) .changeEMailAddressLink {
	float: left;
}

.tile.AkteOeffnen div:has(> .forgotPwdLink):has(> .changeEMailAddressLink) button {
	clear: right;
	display: block;
	margin: auto;
}

@media screen and (max-width: 1400px) {
	.tile.AkteOeffnen div:has(> .forgotPwdLink):has(> .changeEMailAddressLink) > * {
		float: none!important;
	}
}

html.bigFont .tile.AkteOeffnen div:has(> .forgotPwdLink):has(> .changeEMailAddressLink),
html.hugeFont .tile.AkteOeffnen div:has(> .forgotPwdLink):has(> .changeEMailAddressLink) {
	margin: 0;
}

html.bigFont .tile.AkteOeffnen div:has(> .forgotPwdLink):has(> .changeEMailAddressLink) > *,
html.hugeFont .tile.AkteOeffnen div:has(> .forgotPwdLink):has(> .changeEMailAddressLink) > * {
	float: none!important;
}
/** endregion */
/***********************************************************/