/* .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 */

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

.c4Tile.AkteOeffnen .service-1 .service-img1 img {
	width: 70px;
	height: 70px;
	max-width: 70px;
	max-height: 70px;
	border-radius: 50%;
	border: 5px solid rgba(255,255,255,0.5);
}
/* Email/password + TAN  */
.c4Tile.AkteOeffnen .service-1 .service-img2a{
	position: relative;
	top: -35px;
	margin-bottom: -35px;
	left: calc(50% - 75px);
	width: fit-content;
}

.c4Tile.AkteOeffnen .service-1 .service-img2a img,
.c4Tile.AkteOeffnen .service-1 .service-img2b img {
	width: 70px;
	height: 70px;
	max-width: 70px;
	max-height: 70px;
	border-radius: 50%;
	border: 5px solid rgba(255,255,255,0.5);
}
.c4Tile.AkteOeffnen .service-1 .service-img2b{
	position: relative;
	top: -70px;
	margin-bottom: -70px;
	left: calc(50% + 5px);
	width: fit-content;
}

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

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

.c4Tile.AkteOeffnen .service-1 .service-img3a img {
	width: 70px;
	height: 70px;
	max-width: 70px;
	max-height: 70px;
	border-radius: 50%;
	border: 5px solid rgba(255,255,255,0.5);
}
.c4Tile.AkteOeffnen .service-1 .service-img3b{
	position: relative;
	top: -70px;
	margin-bottom: -75px;
}

.c4Tile.AkteOeffnen .service-1 .service-img3b img {
	width: 70px;
	height: 70px;
	max-width: 70px;
	max-height: 70px;
	border-radius: 50%;
	border: 5px solid rgba(255,255,255,0.5);
}
.c4Tile.AkteOeffnen .service-1 .service-img3c{
	position: relative;
	top: -65px;
	margin-bottom: -75px;
	left: 75px;
}

.c4Tile.AkteOeffnen .service-1 .service-img3c img {
	width: 70px;
	height: 70px;
	max-width: 70px;
	max-height: 70px;
	border-radius: 50%;
	border: 5px solid rgba(255,255,255,0.5);
}


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

/** CG20230824 Button mit ausgew�hltem Login-Typ hervorheben */
.c4Tile.AkteOeffnen #akteOeffnenGui .loginTypeSelectionC4Light .loginTypeChoiceBtn[aria-expanded="true"] {
/*.c4Tile.AkteOeffnen #akteOeffnenGui .loginTypeSelectionC4Light .loginTypeChoiceBtn:not(.collapsed) {*/
	background-color: var(--primary-active);
	border-color: var(--primary-active);
}

/** 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;
}

/*IV20240603_Text in aktivem Button hervorheben - aus custom-default22C4.css übertragen*/
.c4Tile.AkteOeffnen #akteOeffnenGui .loginTypeSelectionC4Light .loginTypeChoiceBtn[aria-expanded="true"] {
	font-weight: 600;
	color: var(--btn-primary-checked-text);
	background-color: var(--btn-primary-checked-bg);
	border-color: var(--btn-primary-checked-border);
}
.c4Tile.AkteOeffnen #akteOeffnenGui .loginTypeSelectionC4Light .loginTypeChoiceBtn[aria-expanded="true"]:hover {
	color: var(--btn-primary-checked-hover-text);
	background-color: var(--primary-checked-hover);
	border-color: var(--primary-checked-hover);
}