@charset "UTF-8";
@IMPORT url("reset.css");

/* das ist jetzt ein allgemeines CSS-File für alle Dialoginkludes (wird noch im allgemeinen Header in showDialog inkludiert) */
/* könnte man mal aufräumen... */
/* spezielle zusätzliche Layout-Definitionen (z.B. Kiosk & WebDialog) können am Anfang der Inkludes, vorm Schliessen des Headers noch referenziert werden */

br, .clear{
	clear:both;
}

.hide {
	display:none;
}

/* Stylesheet * ContentDocument*/
body {
	padding:0px;
	margin:0px 8px 8px 8px;
  	font-family:verdana, arial;
}

/* Anzeige von Scantypes "FN_" */
div.patient{
	padding:80px 0px 50px 0px;
	background:url('../images/PatientData.gif') no-repeat 50px 40px;
	font-size:15px;
}
.small{
	padding:10px 0px 20px 0px;
	background:url('../images/PatientData.gif') no-repeat 30px 20px;
	font-size:10px;
}

div.patient label {
  width:250px;
  margin:0px 15px 0px 150px;
  padding:0px 0 0 0;
  display:block;
  float:left;
  text-align:right;
  color:#333;
}

div.patient span {
	display:block;
	float:left;
	font-size:1.5em;
	color:#222;
}

div.patient span#vname, div.patient span#nname {
  font-size:2em;
}

/* Bereich mit "weiter"-Button */
div#fbtn{
	text-align:center;
	border-top: 1px solid #999999;
	}
div#fbtn img:hover{
	border:1px solid #333333;
	}
div#fbtn button{
	/*margin:0px 0px 0px 70px;*/
}

/* Pflichtfelder */
.missingMandatory {
	border: 1px solid red;
	padding: 2px;
	background-color: #FFDDDD;
}


/*Standard-Button in Fußzeile*/
button.stdDlgButton img.disabled,
button.stdDlgButton.disabled img.enabled {
	display:none;
}

button.stdDlgButton.disabled {
	color:#888;
}
button.stdDlgButton.disabled img.disabled {
	display:inline;
}

div.dlgbtnbar button.signbtn.flRight{
	float:right;
}
div.dlgbtnbar button.signbtn.flLeft{
	float:left;
}

div.dlgbtnbar button.signbtn img{
	display:block;
	margin:5px 0px 5px 0px;
}

/* anklickbarkeit durch Mauszeiger hervorheben*/
div.signbtn {
	cursor: pointer;
}

/* disablete Buttons ausgrauen (muss :hover übersteuern) */
body.disabled div.signbtn > img {
  border-style: dashed !important;
  border-width: 3px 4px 4px 3px !important;
}

/* hover Effekt */
body div.dlgbtnbar div:hover img, body div.cntr div img:hover {
  border-style: groove;
  border-width:4px 3px 3px 4px;
}

/* mit Tabellen geht's doch einfacher (mit anderen Versuchen schon viel zu viel Zeit verschwendet :-() */
div.dlgbtnbar table td div {
  margin: auto;
}

/*tplMessage*/
h4 { 
	margin:10px 10px 20px 10px;
	font-size:1.1em;
}

/* Layout hmtl_lay1 */
h1{
	font-size:16px;
	color: #5f3afc;
}

/* generierte Barcodebilder */
img.bc {
	padding: 6px 0px 2px 0px;
	background: white;
	border: 1px solid black;
}

div.layp1,
div.bcqr,
div.bcean128 {
  float:left;
  margin:0px 20px 0px 0px;
  padding: 0px 5px 0px 5px;
}

div.layp1{
	height:150px;
}

div.bcqr{
  width:100px;
  height:130px;
}
div.bcean128 {
	width:200px;
  height:130px;
}
/* Beschreibungstexte */
div.layp1 p,
div.bcqr p,
div.bcean128 p{
	margin:0px;
	padding:0px;
	font-size:0.7em;
	display:block;
	font-weight:700;
}

/* lange Beschreibungstexte */
div.layp1 p.lgdescr,
div.bcqr p.lgdescr,
div.bcean128 p.lgdescr{
	color:#666666;
	font-weight:100;
	font-size:0.6em;
}

/* CG20150512: dynamische bcean128-Barcode PNGs ähnlich wie die alten JPGs aussehen lassen */
div.bcean128 img {
	padding: 10px 5px 5px 5px;
	background: white;
	border: 1px solid black;
}

/* Footer */
div.foot{
	clear: left;
}

/* Seiteninhalt */
div.cntr {
	padding: 5px 0px 0px 0px;
  border-bottom: 1px solid #999999;
}
div.cntr button.big {
  margin: 5px 20px 5px 150px;
  height: 50px;
  width: 150px;
  background:#f5d3ac;
}

div.cntr span.big {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 18px;
  line-height:80px;
  vertical-align:super;
}


/* Materialmapping */

body.matmapping h5{
	margin:0px 0px 10px 0px;
	padding:4px 4px 4px 4px;
	background-color:#eeeeee;
	border-bottom:1px solid #dddddd;
}

p.rem{
	font-size:12px;
}


/*Triage*/

.tr_0084 , .tr_0085, .tr_0086, .tr_0087, .tr_0092 {
  border-style: solid;
  border-width: 5px;
}

.tr_0084 {
  border-color: #FF0000 !important;
}
.tr_0085 {
  border-color: #FF8000 !important;
}
.tr_0086 {
  border-color: #FFFF00 !important;
}
.tr_0087 {
  border-color: #00B000 !important;
}
.tr_0092 {
  border-color: #0000B0 !important;
}

/************************************************
* PDMS-LoginDialog (ST_0040 / CCC-Integration)  *
* (requirePassword, requirePIN                  *
* und identity/requestOrChangePassword)         *
************************************************/

body.ccclogin {
	font-family:verdana, arial;
	border:1px solid #aaaaaa;
	height: 98%;
	margin: 0.5%;
	background-color: #dbe3ff;
}

body.ccclogin #cccBackground {
	width: 100%;
	max-height:40%; /* die Höhe des Bildes ist 99px, selbst wenn es irgendwie verbreitert wird, darf es nicht zu hoch werden! */
}

body.ccclogin #pwdDlg {
	text-align: center;
}

body.ccclogin #pwdDlg > p {
	margin: 0.2em;
}

body.ccclogin p label {
	display: inline-block;
	width: 30%;
}

body.ccclogin p label.pwdLabel {
	font-size: 1em;
}

body.ccclogin p label.changePwdLabel {
	font-size: 0.7em;
}

body.ccclogin input {
	font-size:1.3em;
	width:50%;
}

body.ccclogin #pin input {
	font-size:2em;
}

body.ccclogin button {
	padding: 6px;
	margin: 2%;
	background-color:#aab6e3;
}

body.ccclogin button#login {
	font-size: 1.2em;
}
	
body.ccclogin.enabled button:hover {
	border:2px solid #4e61c6;
	cursor: pointer;
}

body.ccclogin #msgLine {
	font-size:0.8em;
	font-weight:700;
}

body.ccclogin #msgLine .error {
	color: #ff0000;
}

body.ccclogin #msgLine .splashMsg {
	padding-left: 25px;
	color: black !important;
	background:url('../images/identity/login_wait.gif') 0px center no-repeat;
}

/************************************************
* Speziallayout Aktenverfolgung                 *
************************************************/

/*Aktenverfolgung*/
body.asgn_7_mo02,
body.asgn_7_mo03,
body.asgn_7_mo05,
body.asgn_7_mo06,
body.asgn_7_mo07,
body.asgn_7_mo09,
body.asgn_7_mo10,
body.asgn_7_mo12,
body.asgn_7_mo13,
body.asgn_7_mo15,
body.asgn_7_mo16,
body.scn_7_mo18,
body.mobObSearch,
body.mobObWorklist,
body.missingPat{
	background-color:#efefef;
}


body.asgn_7_mo02 h2, 
body.asgn_7_mo03 h2, 
body.asgn_7_mo05 h2,
body.scn_7_mo06 h2,
body.asgn_7_mo07 h2, 
body.asgn_7_mo09 h2, 
body.asgn_7_mo10 h2,
body.scn_7_mo12 h2,
body.asgn_7_mo13 h2,
body.asgn_7_mo15 h2,
body.asgn_7_mo16 h2,
body.scn_7_mo18 h2,
body.mobObSearch h2,
body.mobObWorklist h2,
body.missingPat h2 {
    background-color: #0175A8;
    color: #FFFFFF;
    font-size: 1.5em;
    padding: 20px 20px 20px 80px;  
}

body.mobObSearch h2,
body.mobObWorklist h2,
body.missingPat h2 {
	background: url('../images/folder_find_1.png') no-repeat 30px 20px #0175A8;;
	}

body.asgn_7_mo02 h4, 
body.asgn_7_mo03 h4, 
body.asgn_7_mo05 h4,
body.scn_7_mo06 h4,
body.asgn_7_mo07 h4, 
body.asgn_7_mo09 h4, 
body.asgn_7_mo10 h4,
body.scn_7_mo12 h4,
body.asgn_7_mo13 h4,
body.asgn_7_mo15 h4,
body.asgn_7_mo16 h4,
body.scn_7_mo18 h4
{
    margin: 10px; 
}

body.asgn_7_mo02 h5, 
body.asgn_7_mo03 h5, 
body.asgn_7_mo05 h5,
body.scn_7_mo06 h5,
body.asgn_7_mo07 h5, 
body.asgn_7_mo09 h5, 
body.asgn_7_mo10 h5,
body.scn_7_mo12 h5,
body.asgn_7_mo13 h5,
body.asgn_7_mo15 h5,
body.asgn_7_mo16 h5,
body.scn_7_mo18 h5,
body.mobObSearch h5,
body.mobObWorklist h5,
body.missingPat h5 {
    background-color: #DFA120;
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 5px 5px 5px 20px;
    margin: 0px 0px 5px 0px;
}

body.asgn_7_mo02 div.dlgsign p,
body.asgn_7_mo03 div.dlgsign p,
body.asgn_7_mo05 div.dlgsign p,
body.scn_7_mo06 div.dlgsign p,
body.asgn_7_mo07 div.dlgsign p,
body.asgn_7_mo09 div.dlgsign p,
body.asgn_7_mo10 div.dlgsign p,
body.scn_7_mo12 div.dlgsign p,
body.asgn_7_mo13 div.dlgsign p,
body.asgn_7_mo15 div.dlgsign p,
body.asgn_7_mo16 div.dlgsign p,
body.scn_7_mo18 div.dlgsign p
{
	font-size: 1em;
}

body.asgn_7_mo02 div.dlgsign p.lgdescr, 
body.asgn_7_mo03 div.dlgsign p.lgdescr, 
body.asgn_7_mo05 div.dlgsign p.lgdescr, 
body.scn_7_mo06 div.dlgsign p.lgdescr, 
body.asgn_7_mo07 div.dlgsign p.lgdescr, 
body.asgn_7_mo09 div.dlgsign p.lgdescr, 
body.asgn_7_mo10 div.dlgsign p.lgdescr, 
body.scn_7_mo12 div.dlgsign p.lgdescr,
body.asgn_7_mo13 div.dlgsign p.lgdescr,
body.asgn_7_mo15 div.dlgsign p.lgdescr,
body.asgn_7_mo16 div.dlgsign p.lgdescr,
body.scn_7_mo18 div.dlgsign p.lgdescr
{
	font-size: 0.7em;
}

body.asgn_7_mo02 textarea, 
body.asgn_7_mo03 textarea,
body.asgn_7_mo05 textarea, 
body.scn_7_mo06 textarea, 
body.asgn_7_mo07 textarea, 
body.asgn_7_mo09 textarea, 
body.asgn_7_mo10 textarea, 
body.scn_7_mo12 textarea,
body.asgn_7_mo13 textarea,
body.asgn_7_mo15 textarea,
body.asgn_7_mo16 textarea,
body.scn_7_mo18 textarea {
	height: 200px;
	width: 95%;
	font-size: 1.2em;
	font-family: verdana, arial;
	margin: 0px 0px 20px 10px;
	border: 1px solid #DFA120;
}

/* manuelle Anlage von Patientendaten für unbekannte Fälle (von erkannten Akten) */
body.missingPat .contentWrapper {
	margin:15px 5px 50px 5px;
}

body.missingPat .contentWrapper label {
	display:inline-block;
	margin:5px 0px 0px 0px;
	width:220px;
	border-bottom:1px solid #eeeeee;
}

/*-- NB20250611 - hover-effect für FAQ Accordion --*/
.accordion-button.collapsed:hover {
	background-color: var(--bs-accordion-active-bg)!important;
}

/*--Buttons für Kategory--*/
/* TODO: FAQ-Kategorieauswahl auf Bootstrap Tabs umstellen. Dann kann das hier weg. */
div#faqNavbarSupportedContent button.btn-secondary:not(.collapsed) {
	color: var(--bs-btn-color);
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

/******************************************************
* nomic Dialog Message (Alert-Ersatz) / CG20160421    *
******************************************************/
#nomicDlgMessage {
	display: none;
	/* CG20170106 Anpassung für sehr kleine Fenster (z.B. mobileApp auf Handy-Screen) */
	overflow-wrap: break-word;
	overflow: auto;
	max-height: 20em; /* wird im JS dynamisch auf 50% der Bildschirm-Höhe ($(window).height()) gesetzt */
	position: relative;
	z-index: 10001;
}

/* http://vanseodesign.com/css/vertical-centering/: "CSS Table Method" */
#nomicDlgMessage > div {
	display: table;
}

#nomicDlgMessage > div > * {
	display: table-cell;
    vertical-align: middle;
}

#nomicDlgMessage #dlgMsgText {
	width: 100%;
}

#nomicDlgMessage button#closeDlgMsg,
#nomicDlgMessage button#dlgMsgDetailButton {
	font-size: 1em !important; /* auch im normalen Dialog nicht zu dominant! (wie in notouch.css) */
	margin: 5px 10px 5px 30px;
	padding: 2px;
}

#nomicDlgMessage #dlgMsgDetailContent {
	display:none; /* initial versteckt */
	font-size: 0.8em;
	font-weight: normal;
}

#nomicDlgMessage.error {
	background-color: #F44;
	color: white;
	font-weight: bold;
	padding: 0px 10px;
	vertical-align: middle;
}

/*-- NB20250821 - anzeigen/ausblenden Icons auf dem Anmelden Button --*/
#icons-container #login-icon,
#icons-container #spinner-icon {
    display: none;
}

#icons-container:is(.spinner) #spinner-icon {
    display: inline-block;
}

#icons-container:not(:is(.spinner)) #login-icon {
    display: inline-block;
}