/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background-color: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   ALLGEMEINE SEITENSTRUKTUR
   ========================================================================== */

#container {
    max-width: 1020px; /*a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    border-left:1px solid black;
    border-right:1px solid black;
}

#inside_container {
    background-image:url(../Images/side_bg.png);
    border-bottom:1px solid black;
    position: relative;
}


/* ==========================================================================
   HEADER
   ========================================================================== */
   
#header {
    background-color: #3b608f;
    height: 70px;
    position:relative;
}

#header .links {
    width:196px;
    top:10px;
    left:20px;
    position:absolute;
    z-index: 9999; /* Das Bild soll über dem Content-Bereich liegen*/
}

/* Das UroCloud-Logo liegt als SVG ohne Rand vor.
   Es wird hier auf die "normale" Logo-Größe skaliert und mit einem Rand versehen.
   Falls mal andere SVG-Logos verwendet werden, muss das evtl. genauer eingestellt werden.
   
   img[src$=".svg"] trifft auf alle img-Tags mit einem src-Attribute zu, das auf ".svg" endet.
 */
#header > .links > img[src$=".svg"] {
	border: 1px solid black;
    background-color: white;
    padding: 5px 5px;
    width: 147px; /* 157 - padding links/rechts */
    height: 95px; /* 105 - padding oben/unten */
}

#header .mitte, .header-appname {
    text-align:center;
    font-size: 108%;
    font-weight: bold;
    color: #FFF;
    padding-top:10px;
    padding-left:276px;
    margin-right:80px;
}
    
#header .rechts {
    position: absolute;
    right: 10px;
    top: 40px;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

#footer {
    background-color: #3b608f;
    margin-left:195px;
    color:white;
    font-size: 80%;
    text-align: center;
    padding: 2px 2px;
}


#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
    color: white;
    text-decoration: underline;
}

#footer .footer-element {
    margin-left: 1ex;
    margin-right: 1ex;
}


/* ==========================================================================
   TOPNAVI
   ========================================================================== */

#topnavi {
    float: right;
    background-color: #abc4df;
    font-size: 90%;
}

#topnavi a {
    padding:0;
    color:black;
    text-decoration:none;
}

#topnavi > div {
    padding:0.3em 0.8em 0.3em 0.8em;
    float:right;
    border-right:1px solid #5789bf; 
}

#topnavi > div:hover {
    background-color:#d8e6f5;
}
    
#topnavi div:first-child {
	border-right: none;
}



/* ==========================================================================
   STATUS
   ========================================================================== */

#status_box {
	position: absolute;
	left: 0;
	top: 50px;
    margin-bottom:0.5em;
    text-align:center;
    font-size: 90%;
    color:#2f2f2f;
    overflow: hidden;
}

#status_top {
    background-image:url(../Images/arzt_opt1.png);
    width:195px;
    height:4px;
}

#status_bottom {
    background-image:url(../Images/arzt_opt3.png);
    width:195px;
    height:4px;
}

#status {

    background-image:url(../Images/arzt_opt2.png);
    width: 195px;

    background-repeat:repeat-y;
}

#status .grants {
	font-style: italic;
    padding: 1px 1px;
}

#status .username {
	font-weight: bold;
    padding: 1px 1px;
}

#status .options {
    font-size: 75%;
    color:#2f2f2f;
}

#status a {
	text-decoration: none;
	color: #2f2f2f;
}

#status a:hover {
    text-decoration: underline;
    color: #3b608f;
}

/* ==========================================================================
   SECONDARY MENU 
   ========================================================================== */

#secondary_menu {
    clear:both;
    background-color: #f6f6f6;
    border: 1px solid #d3d3d3;
    max-width:35em;
    float:right;
    padding: 0.4em 0.2em 0.5em 0.2em;
    margin-top:1.7em;
    line-height:1px;
}

#secondary_menu img {
    margin:0 0.2em 0 0;
    padding:0em;
    vertical-align:middle;
}
    
#secondary_menu a {
    text-decoration:none;
    vertical-align:bottom;
    font-size: 100%;
    line-height:16px;
    margin-left:0.5em;
    margin-right:0.5em;
}   


/* ==========================================================================
   CONTENT 
   ========================================================================== */

#content {
    font-size: 14px;
    background-image:url(../Images/main_bg.png);
    margin-left:196px;
    min-height: 460px; /* Mindesthöhe um auch das Sub-Navi darstellen zu können */
    padding: 3em 20px 20px 20px;
	min-width:50ex;
}

#content a {
    /*color: #1f71b0;*/
    color: #0E2658;
}

#content .heading a {
	color: #ffffff;
	text-decoration:none;
}
/* ==========================================================================
   SUBNAVIGATION
   ========================================================================== */
   
#subnavigation div:last-child {
	border-bottom:0px solid black;  
}

#subnavigation {
    position:absolute;
    top: 120px;
    left: 0px;
    width: 195px;
    border-bottom:1px solid black;
    border-right:1px solid black;
}

#subnavigation a {
    color: #2f2f2f;
    text-decoration:none;
    font-weight:normal;
    font-size: 95%;
    margin-left:5px;
    font-family:Tahoma, Geneva, sans-serif;
}

#subnavigation .inactive_sub {
    height:31px;
    line-height:2em;
	background-image:url(../Images/nav_normal.png);
	border-bottom:1px solid white;
}

#subnavigation .inactive_sub:hover {
    background-image:url(../Images/nav_active.png);
}

#subnavigation .inactive_sub:hover a {
    color: #112d46;
    text-decoration:none;
    font-weight:normal;
    font-size: 95%;
    margin-left:5px;
    font-family:Tahoma, Geneva, sans-serif;
}

#subnavigation .head_navi_spacing {
	margin-top: 31px;
}

#subnavigation .head_navi_spacing .inactive_sub.head_navi {
    background-image:url(../Images/nav_head.png);
    height:31px;
    text-align:center;
    font-weight:bold;
    color:#2f2f2f;
}

#subnavigation .head_navi_spacing .inactive_sub.head_navi a {
    font-weight:bold;
    color:#2f2f2f;
    font-size:9pt;
    margin-left:0;
}
  
#subnavigation .title {
	border-top: 1px solid black;
	border-bottom:1px solid black;
	background:#2f2f2f;
	text-align:center;
	color:white;
	padding-top: 6px;
	padding-bottom: 6px;
}  

#subnavigation .title .main {
	font-size:10pt;
	font-weight:bold;
}

#subnavigation .title .sub {
	font-size:8.5pt;
	font-style:italic;
	padding-top: 0.4ex;
}

#subnavigation .active_sub {
    height:31px;
    line-height:2em;
    background-image:url(../Images/nav_normal.png);
    border-bottom:1px solid white;
}

#subnavigation .active_sub a {
    font-weight:bold;
}
    
/* ==========================================================================
   FORMULARE 
   ========================================================================== */
.search_box {
	background-color: #a6b5c7;
    border-radius: 3px 3px 3px 3px;
    padding: 1ex;
}

.heading:has(+ .search_box) {
	border-radius: 3px 3px 0px 0px;
    display: flex;
    justify-content: space-between;
}

/* Bei einer Search-Box direkt nach einem Heading wird der obere Teil nicht abgerundet  */
.heading + .search_box {
    border-radius: 0px 0px 3px 3px;
}

.search_box_line {
	height:2em;
}

.heading:has(+ .search_box) > .remove-filter-button {
	text-decoration: underline;
	font-size: small;
	background: transparent;
	border: none;
	color: white;
}

fieldset.urocloud-form-simple {
	background-color: #a6b5c7;
    border-radius: 3px 3px 3px 3px;
    padding-top: 1ex;
}

fieldset.urocloud-form-simple.urocloud-form-simple-legend {
    padding-top: 0px;
    border-radius: 0 0 3px 3px;
}

fieldset.urocloud-form-simple legend {
	background-color: #3b608f;
	font-weight: bold;
	color: white;
	padding: 0.5ex 1ex;
	border-bottom: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    border-radius: 3px 3px 0 0;
}

/* FIX FÜR WEBKIT: legend's margin-bottom fix
     Webkit berücksichtigt normalerweise den Bottom-Margin des Legend-Elements nicht, wenn die darunter liegenden Elemente
     ausgerichtet werden. Dadurch kleben die folgenden Elemente unter dem legend-Element.
     Dieser Fix sorgt dafür, dass das 1. Element nach dem Legend-Element einen Top-Margin hat, damit ist das Problem
     erledigt. */
fieldset.urocloud-form-simple-legend legend + * {
    -webkit-margin-top-collapse : separate;
    margin-top                  : 1em;
}

.urocloud-form-simple label {
	   color: #222;
}

/* ==========================================================================
   INHALTSELEMENTE 
   ========================================================================== */


h1, h2, h3, h4, h5, h6 {
	color: #3b608f;
}

.tab_center {
    text-align: center;
}
    
.pat_col {
    width: 10em;
}

.stat_col {
    width: 6em;
}
    
.date_col {
    width: 9em;
}

.alignleft {
    text-align: left;
}

.fehlermeldung {
    background-color: #D13C38;
    color: #fff;
    position: relative;
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 3px;
    font-size: 13px;
}

.meldung {
    background-color: #ffc600;
    color: #000;
    position: relative;
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 3px;
    font-size:13px;
    font-weight:bold;
}

.erfolgsmeldung {
    background-color: #c1d599;
    color: #000;
    position: relative;
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 3px;
    font-size:13px;
    font-weight:bold;
}

.warnung {
    color: red;
}

.meldungen .message-actions input {
	margin-left: 2em;
}

.grafikbutton {
    display: inline-block;

    border: 1px solid #2f2f2f;
    background-image:url(../Images/button_login.png);
    background-repeat:repeat-x;
    color:#FFF;
    
    line-height: 80%;
    height: 16px;
    padding: 5px 1em 0 1em;
    font-size: 9pt;
    text-decoration: none;
}

.grafikbutton:hover {
    background-image:url(../Images/button_login_hov.png);
}

.single-line {
	white-space: nowrap;
}

table.urocloud-table-main {
	width:100%;
}

table.urocloud-table-main td {
	padding-left: 1ex;
	padding-right: 1ex;
	border-left: 1px solid white;
}

table.urocloud-table-main td:first-child {
	border-left: none;
}

table.urocloud-table-main td.cxtable-inhalt {
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
}

table.urocloud-table-main td.cxtable-inhalt div {
    white-space: nowrap;
}

table.urocloud-table-main td.cxtable-inhalt a {
    font-size: 10pt;
}

table.urocloud-table-main td.cxtable-inhalt > div.actions {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	column-gap: 0.5rem;
}

table.urocloud-table-main td.cxtable-inhalt > div.actions > a.action {
	/* Überschreibe Regel für "#content a" */
    margin-bottom: 0 !important;
}

table.urocloud-table-main td.cxtable-inhalt > div.actions > a.action > img.action-image {
    height: 16px;
    width: 16px;
}

table.urocloud-table-main td.aktiveBoegen-count {
	text-align: right;
}

table.urocloud-table-main th span.sort-buttons {
	white-space: nowrap;
}

.alternatingRowColorEven, 
.colorStyle2, 
tbody.alternating-color > tr:nth-child(even), 
/* Gezielt Diagnose-Spalten in der Patientenübersicht ansprechen, weil es eine eigene
 * .diagnose-Definition gibt, die ansonsten Vorrang hat */
table#patientenuebersicht > tbody > tr.alternatingRowColorEven > td.diagnose { 
	background-color: #d5dee8;
}


table#patientenuebersicht > tbody > tr.alternatingRowColorEven > td.diagnose {
    background-color: #d5dee8;
}

.alternatingRowColorOdd, 
.colorStyle1, 
tbody.alternating-color > tr:nth-child(odd),
/* Gezielt Diagnose-Spalten in der Patientenübersicht ansprechen, weil es eine eigene
 * .diagnose-Definition gibt, die ansonsten Vorrang hat */
table#patientenuebersicht > tbody > tr.alternatingRowColorOdd > td.diagnose {
    background-color: #fcfcfc;
}

.alternatingRowColorMarked,
/* Gezielt Diagnose-Spalten in der Patientenübersicht ansprechen, weil es eine eigene
 * .diagnose-Definition gibt, die ansonsten Vorrang hat */
table#patientenuebersicht > tbody > tr.alternatingRowColorMarked > td.diagnose,
table#patientenuebersicht > tbody > tr.alternatingRowColorMarked:hover > td.diagnose {
    background-color: #ffd966;	
}

table.urocloud-table-main tr.alternatingRowColorOdd:hover,
table.urocloud-table-main tr.alternatingRowColorEven:hover,
table.pat_bog_ueb.row-action > tbody > tr:hover,
table.pat_bog_ueb.row-action > tbody > tr.therapie:hover,
/* Gezielt Diagnose-Spalten in der Patientenübersicht ansprechen, weil es eine eigene
 * .diagnose-Definition gibt, die ansonsten Vorrang hat */
table#patientenuebersicht > tbody > tr.alternatingRowColorEven:hover > td.diagnose,
table#patientenuebersicht > tbody > tr.alternatingRowColorOdd:hover > td.diagnose {
    background-color: #6a8cac;
    color: white;
}

table.urocloud-table-main tr.alternatingRowColorOdd:hover a,
table.urocloud-table-main tr.alternatingRowColorEven:hover a,
table.pat_bog_ueb.row-action > tbody > tr:hover a {
	color: white !important;
}

table.urocloud-table-main td.konferenzstatus {
	white-space: nowrap;
}

table.row-action > tbody > tr, table.row-checkboxes > tbody > tr {
	cursor: pointer;
}

table.table-cell-radio-display > tbody > tr > td, table.table-cell-radio-display td {
    padding: 0.7ex 1ex;
}

/* ==========================================================================
   CXTABLE
   ========================================================================== */

tr.cxtable-top td, tr.cxtable-bottom td {
    background-color: #a6b5c7;
    padding: 0.4em 1em;
    font-size: 90%;
    vertical-align: top;
}

tr.cxtable-top .cxtable-batchsize {
    float: left;	
}

tr.cxtable-top .cxtable-navigation {
	float: right;
} 

tr.cxtable-top .cxtable-anzahl,
tr.cxtable-bottom .cxtable-anzahl {
    text-align: center;
    font-weight: bold;
    margin-left: 17em;
    margin-right: 17em;
}

tr.cxtable-bottom {
	border-top: solid #3b608f 2px;
}

tr.cxtable-bottom .cxtable-navigation {
    float: right;
} 

tr.cxtable-header th {
	background-color: #3b608f;
	padding: 0.4ex 0.6em;
	color: white;
	border-left: 1px solid white;
}

tr.cxtable-header2 th {
	background-color: #6280a5;
	padding: 0.4ex 0.6em;
	color: white;
	border-left: 1px solid white;
}

tr.cxtable-header th:first-child {
	border-left: none;
}

td.cxtable-inhalt {
	padding-top: 0.5ex;
}

td .table-action {
	white-space: nowrap;
}

/* ==========================================================================
   SONDERFORMATE
   ========================================================================== */
   
/* Startseite (Main), Zentrumsauswahl formatieren */

div.main-zentrumsauswahl .main-zentrumsauswahl-name {
	text-align: right;
}

div.main-zentrumsauswahl .main-zentrumsauswahl-name a {
    padding: 1em 2em 0 0; 
}

div.main-zentrumsauswahl .main-zentrumsauswahl-name, div.main-zentrumsauswahl .main-zentrumsauswahl-bild {
	margin-bottom: 1ex;
}

div.main-zentrumsauswahl .main-zentrumsauswahl-bild img {
    width: 157px;
    height: 105px;
}

/* LoginPage */

#demobox {
    margin: 1.5em 0;
}

#demobox span {
    background-color: #b3becc;
    padding: 0.5ex 1em;
}

/* Patientenübersicht */

.patientenuebersicht-aktueller-filter-aktiv {
    color: red;	
}

/* Bogenübersicht */

.pat_box  {
	width: 60%;
}

.pat_box_cat {
	width:35%;
	background-color:#9faec1;
	padding-left:5px;
}

.pat_box_con {
	width:55%;
	background-color:#9faec1;
}

.pat_box_highlight {
	font-weight:bold;
}

.pat_box_ico {
	width:10%;
	background-color:#6280a5;
	text-align:left;
	white-space: nowrap;
	padding-left: 1ex;
	padding-right: 1ex;
	border-left: 3px solid #E7E7E7;
}

#content .pat_box_ico a {
	text-decoration: none;
	color: white;
    vertical-align: baseline;
}

#content .pat_box_ico a:hover {
	text-decoration: underline;
}

#content .pat_box_ico img {
	vertical-align: baseline;
}

#content .action {
	display: inline-block;
	padding: 0;
	margin-bottom:0.5em;
}

#content .actionblock {
   margin-top: 1ex;
}

#content .actionblock a {
	color: #3b608f;
	font-size: 10pt;
	text-decoration: none;
	padding: 0px 5px 0px 0px;
	line-height:27px;
}

#content .actionblock a img {
	vertical-align:middle;
}

/* Stammdaten */

.heading_icons {
	background-image: url(../Images/stamm_edit.png);
	width:86px;
	height:20px;
	float:right;
	margin:0 0.5em 0 0em;
}

.heading_icons:hover {
	background-image: url(../Images/stamm_edit_hover.png);
}

#content .heading_icons a {
	color: #3b608f;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	vertical-align:top;
}

#content .heading_icons a img {
	padding-left:4px;
	padding-top:1px;
}

.advanced_icons {
	float:right;
}

.box {
	background-color: #d5dee8;
	margin-bottom: 1em;
	padding-bottom: 0.3em;
	font-size:12px;
	font-family:Tahoma,Geneva, sans-serif;
}

.darkbox {
	width:60%;
	background-color: #9faec1;
	margin-bottom: 1em;
	padding-right:1em;
	padding-bottom: 0.3em;
	font-size:12px;
	font-family:Tahoma,Geneva, sans-serif;
}

.lightbox {
	width:50%;
	background-color: #d5dee8;
	margin-bottom: 1em;
	padding-bottom: 0.3em;
	font-size:12px;
	font-family:Tahoma,Geneva, sans-serif;
}

.hinweisbox {
	background-color: #f9f9f9;
	margin-bottom:13px;
}

.hinweisbox_border {
	background-color: #f9f9f9;
	margin-bottom:13px;
	border: 1px solid #5b81a6;
	font-size:8pt;
	padding:0.3em;
}

.hinweisbox_border--normal {
    background-color: #f9f9f9;
    margin-bottom:13px;
    border: 1px solid #5b81a6;
    padding:0.3em;
}

.hinweisboxwithin {
	background-color: #f9f9f9;
	padding:0.3em;
}
.def_line {
	background-color: #e9eef4;
	padding:0.3em 0em 0.3em 0.5em;
}

.hinweisboxbottom {
	background-color: #f9f9f9;
	padding:0.3em;
	border-left: 1px solid #5b81a6;
	border-right: 1px solid #5b81a6;
	border-bottom: 1px solid #5b81a6;
}

.warning--concurrent-modification {
	background-color: #f6f9b3;
	margin: 13px 0px;
	border: 1px solid #5b81a6;
	font-size: 10pt;
	padding: 0.5em;
}

.bogenbox_adresse {
	background-color: #d5dee8;
	font-size:13px;
	font-family:Tahoma,Geneva, sans-serif;
	border-left: 1px solid #5b81a6;
	border-right: 1px solid #5b81a6;
	border-bottom: 1px solid #5b81a6;
	margin-left:auto;
	margin-right:auto;
	overflow: auto;
	display:inline-block;
	min-width:20em;
	margin-top:2em;
}

.adressbreite_zentrumdetail {
	float:left;
	clear:both;
	font-weight:bold;
	text-align:right;
	padding-right:0.2em;
	font-size:8pt;
	width:20em;
}

.adress_anzeige_zentrumdetail {
	text-align:left;
	margin-left:16.8em;
}

.adressbreite_zentrum_zuw {
	float:left;
	clear:both;
	font-weight:bold;
	text-align:right;
	padding-right:0.2em;
	font-size:8pt;
	width:5em;
}

.adress_anzeige_zentrum_zuw {
	text-align:left;
	margin-left:4em;
}

.kategoriebreite50 {
	float:left;
	clear:both;
	width:50%;
	font-weight:bold;
}

.kategoriebreite70 {
	float:left;
	clear:both;
	width:70%;
}

.kategoriebreite85 {
    float: left;
    clear: both;
    width: 85%;
}

.kategoriebreiteansicht {
	float:left;
	clear:both;
	width:25%;
}

.ansichtbogenbreite {
	float:left;
	clear:both;
	width:35%;
	font-weight:bold;
}


.bogenbox {
	background-color: #d5dee8;
	font-size:13px;
	font-family:Tahoma,Geneva, sans-serif;
	border: 1px solid #5b81a6;
	margin-top:2em;
}

.bogenbox_nodouble {
	background-color: #d5dee8;
	font-size:13px;
	font-family:Tahoma,Geneva, sans-serif;
	border-left: 1px solid #5b81a6;
	border-right: 1px solid #5b81a6;
	border-bottom: 1px solid #5b81a6;
}

.bogenbox .bogenbox {
	margin-top:0em;
	border: 0px;
}

.bogenbox_date {
	background-color: #d5dee8;
	font-size:13px;
	font-family:Tahoma,Geneva, sans-serif;
	border: 1px solid #5b81a6;
	padding:0.4em;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1em;
}

.bogenbox_mahn {
	background-color: #d5dee8;
	font-size:13px;
	font-family:Tahoma,Geneva, sans-serif;
	border: 1px solid #5b81a6;
	padding:0.4em;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}


.buttonbox {
	display: flex;
	justify-content: center;
	padding-top: 5px;
}

.bogenbuttons {
	height: 32px;
	padding: 7px 8px;
	background-color: #f9f9f9;
	border: 1px solid #cbcbcb;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	align-content: space-around;
	gap: 8px;

}

.bogenbuttons a {
	text-decoration: none;
	line-height: 0;
}

.bogenbuttons--abrechnung-bearbeiten > input {
    margin-left: 2em;
    margin-right: 2em;
    width: 150px;
    height: 25px;
}

.bogenbox24 .bogenbox {
	border: 0px;
	padding-bottom:0;
	padding-top:0;
}

.bogenbox24 {
	border: 1px solid #5b81a6;
}

.bogenbox24 .heading {
	margin:0;
}

.bogenzeile {
	line-height:1.8em;
	padding: 0em 0.5em 0em 0.5em;
	border-top:1px solid #abbfd1;
}

.bogenzeile_notop {
	line-height:1.8em;
	padding: 0em 0.5em 0em 0.5em;
}

.bogenzeile > .optionen {
    float: right;
}

.bogenzeile_tabelle {
	line-height:1.8em;
	padding: 0em 0.5em 0em 0.5em;
	border-top:1px solid #abbfd1;
}

.darkbox .bogenzeile {
	line-height:1.8em;
	padding: 0em 0.5em 0em 0.5em;
	border-top:0px;
}
	
.nobottommargin {
	margin-bottom:0em;
}

.bogenhinweis {
	background-color:#b3ebb5;
	padding: 0.5em;
	border:1px solid #84ca87;
}

.hinweise {
	font-size:8pt;
	background-color: #f9f9f9;
	padding:0.3em;
	border-top: 1px solid #abbfd1;
}

/* Standardmäßig wird list-style-type im Content auf none gesetzt, aber bei den Hinweisen machen wir eine Ausnahme */
#container #inside_container #content div.hinweise > ul {
    list-style-type: "- ";
}

.small_date {
	display:inline-block;
	font-size:10px;
}

.action_buttons {
	margin: 1em 0 1em 0;
	text-align:center;
}

/* Lässt einen Button wie einen Link erscheinen, für bogenzeile heading/subheading */
.bogenzeile-heading-button-like-link {
    border: none;
    background: transparent;
    color: white;
    text-decoration: underline;
} 

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.content_field {
	background-color:#d5dee8;
}

.inputs {
	margin-left:1.1em;
	background-color:#c1d0d9;
	padding:0.25em 0 0.25em 1.25em;
	border-left:3px solid #5b81a6;
}

/* Sonderfall hinweise in einem inputs-Abschnitt.
 * Es reicht leider nicht, ein DIV einfach mit den Klassen inputs und hinweise auszustatten,
 * weil dabei die kleinere Schriftgröße von hinweise zu kleineren Rändern und Padding führt.
 * Deswegen wird hier zum einen für solche DIVs die Schriftgröße auf die normalen 13px zurückgesetzt
 * und zusätzlich eine Klasse .hinweiscontent eingeführt, in der dann wiederrum die Schriftgröße
 * auf die 8pt für hinweise gesetzt wird.
 */
.inputs.hinweise {
    font-size: 13px;
    background-color: #f9f9f9;
}

.inputs.hinweise > .hinweiscontent {
    font-size: 8pt;
}

.optioninputs {
	margin-left:1.1em;
	padding:0.1em 0 0.1em 0.2em;
}

.secondoptioninputs {
	margin-left:2.2em;
	padding:0.1em 0 0.1em 0.2em;
}

.secondinputs {
	color:#ffffff;
	margin-left:1.1em;
	background-color:#6280a5;
	padding:0.25em 0 0.25em 4px;
}
.thirdinputs {
	color:#ffffff;
	margin-left:2.2em;
	background-color:#6280a5;
	padding:0.25em 0 0.25em 4px;
}

.secondheadline {
	background-color: #3b608f;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	line-height: 1.5em;
	margin-left:14px;
	padding-left:4px;
}

.textfieldmargin {
margin-left:8em;
}

.kleiner-hinweis {
	font-size:8pt;
}

.fullsizetable {
	width:100%;
}

.alternatingRowColors > div:nth-child(even) {
	background-color: #d5dee8;
    clear:both;
    padding-left:0.5em;
}

.alternatingRowColors > div:nth-child(odd) {
    background-color: #fcfcfc;
    clear:both;
    padding-left:0.5em;
}

.nopadding {
	padding:0;
}

.bogenabschlussbox {
	background-color:#d21818;
	border:2px solid #2f628f;
	color: #fff;
	font-weight:bold;
	padding:0.5em;
	margin-top:2em;
	clear: right;
}

.abschlussboxhinweis {
	font-weight:normal;
	font-size:7pt;
}

.boxbottommargin {
    margin-bottom:2em;
}

.kategorie {
	float: left;
	clear: both;
    font-weight: bold;
}

/*
 * Subantwort ist für den Fall, dass eine eigene Kategorie/Antwort-Zeile ihrerseits innerhalb einer Antwort-Zelle verwendet wird.
 * Bogenzeilen sind in dem Fall ungünstig, weil sie eigene Ränder-Linien haben, die dann falsch aussehen. 
 */
.subantwort > .kategorie {
    font-weight: normal;
    font-style: italic;
    margin-left: 1em;
}

.kategorie.nb {
    font-weight: normal;
}

.kategorie.right {
    text-align: right;
}

.bogenzeile.breite15 .kategorie, .kategorie.breite15, .subantwort.breite15 > .kategorie {
	width: 15%;
}

.bogenzeile.breite20 .kategorie, .kategorie.breite20, .subantwort.breite20 > .kategorie {
	width: 20%;
}

.bogenzeile.breite25 .kategorie, .kategorie.breite25, .subantwort.breite25 > .kategorie {
	width: 25%;
}

.bogenzeile.breite35 .kategorie, .kategorie.breite35, .subantwort.breite35 > .kategorie {
    width: 35%;
}

.bogenzeile.breite45 .kategorie, .kategorie.breite45, .subantwort.breite45 > .kategorie {
    width: 45%;
}

.bogenzeile.breite50 .kategorie, .kategorie.breite50, .subantwort.breite50 > .kategorie {
    width: 50%;
}

.bogenzeile.breite70 .kategorie, .kategorie.breite70, .subantwort.breite70 > .kategorie {
	width: 70%;
}

.bogenzeile.breite85 .kategorie, .kategorie.breite85, .subantwort.breite85 > .kategorie {
    width: 85%;
}

.bogenzeile.breite15 .antwort, .antwort.zelle15, .subantwort.breite15 > .antwort {
    margin-left: 15%;
    min-height: 1.8em;
}

.bogenzeile.breite20 .antwort, .antwort.zelle20, .subantwort.breite20 > .antwort {
    margin-left: 20%;
    min-height: 1.8em;
}

.bogenzeile.breite25 .antwort, .antwort.zelle25, .subantwort.breite25 > .antwort {
	margin-left: 25%;
    min-height: 1.8em;
}

.bogenzeile.breite35 .antwort, .antwort.zelle35, .subantwort.breite35 > .antwort {
	margin-left: 35%;
    min-height: 1.8em;
}

.bogenzeile.breite45 .antwort, .antwort.zelle45, .subantwort.breite45 > .antwort {
	margin-left: 45%;
    min-height: 1.8em;
}

.bogenzeile.breite50 .antwort, .antwort.zelle50, .subantwort.breite50 > .antwort {
	margin-left: 60%;
    min-height: 1.8em;
}

.bogenzeile.breite70 .antwort, .antwort.zelle70, .subantwort.breite70 > .antwort {
    margin-left: 70%;
    min-height: 1.8em;
}

.bogenzeile.breite85 .antwort, .antwort.zelle85, .subantwort.breite85 > .antwort {
    margin-left: 85%;
    min-height: 1.8em;
    padding-left: 1.5em;
}

.margin-0 {
    margin: 0;
}

.ml-1ex {
   margin-left: 1ex; 
}

.mr-1ex {
   margin-right: 1ex; 
}

.mt-1ex {
   margin-top: 1ex; 
}

.mb-1ex {
   margin-bottom: 1ex; 
}

.ml-1em {
    margin-left: 1em;    
}

.mr-1em {
    margin-right: 1em;    
}
.mt-1em {
    margin-top: 1em;    
}

.mb-1em {
    margin-top: 1em;    
}

.mt-4em {
    margin-top: 4em;    
}

.padding-0 {
    padding: 0;
}

.pl-1ex {
   padding-left: 1ex; 
}

.format-number {
	text-align: right;
}

.width20 {
	width: 20%; 
}

.width95 {
    width: 95%;
}

.list-style-none {
    list-style-type: none;
}

.height-5rem {
	height: 5rem;
}

.bogenansicht-navigation {
	background-color: #f6f6f6;
	padding:0.4em;
	border: 1px solid #d3d3d3;
}
.bogenansicht-navigation .next {
	float: left;
}

.bogenzeile:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
html[xmlns] .bogenzeile {
	display: block;
}
 
* html .bogenzeile {
	height: 1%;
}

.bogenansicht-navigation .previous {
	float: right;
}

.bogenansicht-navigation .direct-selection {
    margin-left: 15em; 
    margin-right: 15em; 
	text-align: center;
}

.heading_adresse { 
	background-color: #3b608f;
	font-size: 1em;
	font-weight: bold;
	padding: 0.1em 0em 0.1em 0.3em;
	color: #FFF;
	line-height: 20px;
	border-top: 1px solid #5b81a6;
	border-left: 1px solid #5b81a6;
	border-right: 1px solid #5b81a6;
}

.heading_notopmargin { 
	background-color: #3b608f;
	font-size: 1em;
	font-weight: bold;
	padding: 0.1em 0em 0.1em 0.3em;
	color: #FFF;
	line-height: 20px;
	border-top: 1px solid #5b81a6;
	border-left: 1px solid #5b81a6;
	border-right: 1px solid #5b81a6;
	margin-top: 0em;
}

.heading_date {
	font-weight:normal;
	font-size:10px;
	float:right;
	padding-right:5px;
}

.heading-rechts {
	float: right;
	padding-right: 5px;
}

.heading img, .bogenzeile img {
	vertical-align:sub;
	margin-left:0.3em;
}



/* PATIENTENBOX */

.patienteninfobox {
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto; 
	width:60%;
}

.patienteninfobox_small {
	margin-left: auto;
	margin-right: auto; 
	width: 60%;
	margin-bottom: 0.5em;
}

.patienteninfobox_small input[type="password"] {
    width: 50%;
}

.heading_pat { 
	background-color: #2f2f2f;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0.1em 0em 0.1em 0.3em;
	color: #FFF;
	line-height: 20px;
	border-top: 1px solid #0e0e0e;
	border-left: 1px solid #0e0e0e;
	border-right: 1px solid #0e0e0e;
	margin-top: 2em;
	text-align:center;
}


.bogenbox_pat {
	background-color: #f1f1f1;
	font-size:11px;
	font-family:Tahoma,Geneva, sans-serif;
	border-left: 1px solid #0e0e0e;
	border-right: 1px solid #0e0e0e;
	border-bottom: 1px solid #0e0e0e;
}

.bogenzeile_pat {
	line-height:1.8em;
	padding: 0em 0.5em 0em 0.5em;
	border-top:1px solid #cfcfcf;
}

.bogenzeile_pat_pass {
	line-height:2.5em;
	padding: 0em 0.5em 0em 0.5em;
	border-top:1px solid #cfcfcf;
}

.antwortzelle_pat {
	text-align:right;
	min-height: 1.8em;
}

.antwortzelle_pat_left {
	text-align:left;
}

.pat_bog_ueb {
	width:100%;
	border:1px solid #5b81a6;
}

.pat_bog_ueb tr > th {
	background-color:#6280a5;
	color: #ffffff;
	font-size:14px;
}

.pat_bog_ueb tr > .td_center {
	text-align:center;
}

.pat_bog_ueb tr > .td_left {
    text-align: left;
}

.pat_bog_ueb tr > .td_right {
    text-align: right;
}

.pat_bog_ueb tr .td_border, .medi_table tr .td_border {
	border-right: 1px solid white;
}

.pat_bog_ueb tr .td_border:last-child, .medi_table tr .td_border:last-child  {
	border-right: none;
}

.pat_bog_ueb tr .td_padding {
	padding-left: 0.5em;
}

.pat_bog_ueb tr td {
	text-align:center;
	font-size:10pt;
	padding: 0.3px 1ex;
}

.pat_bog_ueb tr td.alignleft, .pat_bog_ueb tr th.alignleft {
	text-align:left;
}

.diagramme_ueb, psa-table {
	width:40%;
	border:1px solid #5b81a6;
}

.diagramme_ueb tr th {
	background-color:#6280a5;
	color: #ffffff;
	font-size:14px;
}

.diagramme_ueb tr:nth-child(even) {
 	background: #fcfcfc
}

.diagramme_ueb tr:nth-child(odd) {
	background: #d5dee8
}

.diagramme_ueb tr .td_center {
	text-align:center;
}

.diagramme_ueb tr .td_border {
	border-right: 1px solid white;
}

.diagramme_ueb tr .td_border:last-child {
	border-right: 0px;
}

.diagramme_ueb tr .td_padding {
	padding-left: 0.5em;
}

.diagramme_ueb tr td {
	text-align:center;
	font-size:10pt;
	padding-left:0.5em;
}

.diagramme_ueb tr td.alignleft, .diagramme_ueb tr th.alignleft {
	text-align:left;
}

.abrechnung_ueb {
	width:100%;
}

.abrechnung_ueb tr th {
	background-color:#6280a5;
	color: #ffffff;
	font-size:14px;
}

.abrechnung_ueb tr .td_center {
	text-align:center;
}

.abrechnung_ueb tr .td_border {
	border-right: 1px solid white;
}

.abrechnung_ueb tr .td_border:last-child {
	border-right: 0px;
}

.abrechnung_ueb tr .td_padding {
	padding-left: 0.5em;
}

.abrechnung_ueb tr td {
	text-align:center;
	font-size:10pt;
	padding-left:0.5em;
}

.abrechnung_ueb tr td.alignleft, .abrechnung_ueb tr th.alignleft {
	text-align:left;
}

.abrechnungsfall .unvollstaendig {
    color: orange;
}

tr.therapie {
	background-color:#e5ebf1;
}

.diagnose {
	background-color:#c8d1dc;
}

.newgroupe {
	margin-top:60px;
}

.editbutton {
	background-image:url(../Images/edit.png);
	background-repeat:no-repeat;
	height:20px;
	width:86px;
	float:right;
	padding-right:1px;
}

.editbutton:hover {
	background-image:url(../Images/edit_hover.png);
	background-repeat:no-repeat;
	height:20px;
	width:86px;
}

.ajaxTabbedPanelTab-selected#FallUpdateDialogTabs_tab_0 {
	width:100px;
	height:20px;
	background-image:url(../Images/abre_data_sel.png);
	padding-top:5px;
}

.ajaxTabbedPanelTab-selected#FallUpdateDialogTabs_tab_1 {
	width:100px;
	height:20px;
	background-image:url(../Images/abre_diagn_sel.png);
	padding-top:5px;
}

.ajaxTabbedPanelTab-selected#FallUpdateDialogTabs_tab_2 {
	width:100px;
	height:20px;
	background-image:url(../Images/abre_proz_sel.png);
	padding-top:5px;
}

.ajaxTabbedPanelTab-unselected#FallUpdateDialogTabs_tab_0 {
	width:100px;
	height:20px;
	background-image:url(../Images/abre_data_unsel.png);
	padding-top:5px;
}

.ajaxTabbedPanelTab-unselected#FallUpdateDialogTabs_tab_1 {
	width:100px;
	height:20px;
	background-image:url(../Images/abre_diagn_unsel.png);
	padding-top:5px;
}

.ajaxTabbedPanelTab-unselected#FallUpdateDialogTabs_tab_2 {
	width:100px;
	height:20px;
	background-image:url(../Images/abre_proz_unsel.png);
	padding-top:5px;
}

#FallUpdateDialogTabs li a, #icdauswahldialog_auswahltabs li a, #opsauswahldialog_auswahltabs li a {
	padding: 0px 0 0 23px;
	display:block;
}

.ajaxTabbedPanelTab-unselected a {
	color:#fff;
	text-decoration:none;
}

.ajaxTabbedPanelTab-selected a.MB_focusable , .ajaxTabbedPanelTab-selected a{
	color:#3b608f;
	text-decoration:none;
}

#FallUpdateDialogTabs, #icdauswahldialog_auswahltabs, #opsauswahldialog_auswahltabs {
	list-style-type:none;
	padding-left:10px;	
	margin:5px 0 5px 0;
	font-size:10pt;
	font-weight:bold;
}

#FallUpdateDialogTabs_panecontrol {
	list-style-type:none;
	padding-left:0px;	
	margin:5px 0 5px 0;
}

#FallUpdateDialogTabs li, #icdauswahldialog_auswahltabs li, #opsauswahldialog_auswahltabs li{	
	display: inline-block;
}

#MB_window #MB_frame #MB_content {
	background-color:#d5dee8;
	padding:0;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
}

.ajaxTabbedPanelPane-unselected {
	display:none;
}

#MB_window #MB_frame #MB_header {
	background-color: #3b608f;
}
	
#MB_window #MB_frame #MB_header #MB_caption {	
	color: #FFFFFF;
	font-family: "Tahoma", sans-serif;
	text-shadow: none;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_window #MB_frame #MB_header a {
	color:#fff;
}

#MB_window #MB_frame #MB_header a:hover {
	color:#D70000;
}

#MB_frame {
	padding-bottom:0;
}

#ueberweiser_buttons input.MB_focusable {
	display: inline-block;
	border: 1px solid #2f2f2f;
	background-image:url(../Images/button_login.png);
	background-repeat:repeat-x;
	color:#FFF;
	line-height: 80%;
	height: 22px;
	padding: 0px 1em 0 1em;
	font-size: 9pt;
	text-decoration: none;
}

#ueberweiser_buttons a.MB_focusable {
	border: 1px solid #2f2f2f;
	background-image:url(../Images/button_login.png);
	background-repeat:repeat-x;
	color:#FFF;
	line-height: 80%;
	height: 22px;
	padding: 3px 1em 3px 1em;
	font-size: 9pt;
	text-decoration: none;
}

#ueberweiser_buttons a.MB_focusable, #neuer_ueberweiser a.MB_focusable {
	border: 1px solid #2f2f2f;
	background-image:url(../Images/button_login.png);
	background-repeat:repeat-x;
	color:#FFF;
	line-height: 80%;
	height: 22px;
	padding: 3px 1em 3px 1em;
	font-size: 9pt;
	text-decoration: none;
}

#ueberweiser_buttons, #neuer_ueberweiser {
	margin-top:1em;
}

.margintop {
	margin-top:0px;
}

#UeberweiserDialogUpdateContainer {
padding-left:10px;
padding-right:10px;
}

#icdauswahldialog_auswahltabs ul, #icdauswahldialog_auswahltabs_panecontrol ul, #opsauswahldialog_auswahltabs ul, #opsauswahldialog_auswahltabs_panecontrol ul {
	list-style-type:none;
}

#icdauswahldialog_auswahltabs ul, #icdauswahldialog_auswahltabs_panecontrol, #icdauswahldialog_codetree ul, #opsauswahldialog_auswahltabs, #opsauswahldialog_auswahltabs_panecontrol, #opsauswahldialog_codetree {
	list-style-type:none;
}

.ajaxTabbedPanelTab-selected#icdauswahldialog_auswahltabs_tab_0, .ajaxTabbedPanelTab-selected#opsauswahldialog_auswahltabs_tab_0 {
	width:100px;
	height:20px;
	background-image:url(../Images/icdsuchen_textsuche_sel.png);
	padding-top:5px;
}

.ajaxTabbedPanelTab-selected#icdauswahldialog_auswahltabs_tab_1, .ajaxTabbedPanelTab-selected#opsauswahldialog_auswahltabs_tab_1 {
	width:100px;
	height:20px;
	background-image:url(../Images/icdsuchen_codesuche_sel.png);
	padding-top:5px;
}

.ajaxTabbedPanelTab-selected#icdauswahldialog_auswahltabs_tab_2, .ajaxTabbedPanelTab-selected#opsauswahldialog_auswahltabs_tab_2 {
	width:100px;
	height:20px;
	background-image:url(../Images/icdsuchen_catalog_sel.png);
	padding-top:5px;
}

.ajaxTabbedPanelTab-unselected#icdauswahldialog_auswahltabs_tab_0, .ajaxTabbedPanelTab-unselected#opsauswahldialog_auswahltabs_tab_0 {
	width:100px;
	height:20px;
	background-image:url(../Images/icdsuchen_textsuche_unsel.png);
	padding-top:5px;
}

.ajaxTabbedPanelTab-unselected#icdauswahldialog_auswahltabs_tab_1, .ajaxTabbedPanelTab-unselected#opsauswahldialog_auswahltabs_tab_1 {
	width:100px;
	height:20px;
	background-image:url(../Images/icdsuchen_codesuche_unsel.png);
	padding-top:5px;
}

.ajaxTabbedPanelTab-unselected#icdauswahldialog_auswahltabs_tab_2, .ajaxTabbedPanelTab-unselected#opsauswahldialog_auswahltabs_tab_2 {
	width:100px;
	height:20px;
	background-image:url(../Images/icdsuchen_catalog_unsel.png);
	padding-top:5px;
}

#icdauswahldialog_auswahltabs_panecontrol, #opsauswahldialog_auswahltabs_panecontrol {
	padding:0 0 0 10px;
}

#icdauswahldialog_auswahltabs_panecontrol ul li, #opsauswahldialog_auswahltabs_panecontrol ul li{
	padding:0 0 0 10px;
}

#icdauswahldialog_auswahltabs_panecontrol ul, #opsauswahldialog_auswahltabs_panecontrol ul{
	padding:0 0 0 0px;
	margin:0.5em 0 0.5em 0;
}

#icdauswahldialog_auswahltabs_pane_0_panel, #icdauswahldialog_auswahltabs_pane_1_panel {
	padding-left: 10px;
}

.pat_bog_ueb tr td.icdtext, .pat_bog_ueb tr td.opstext, .abrechnung_ueb tr td.diagnose-icdtext {
	background-color:#c5c5c5;
	font-style: italic;
	font-size:8pt;
	text-align:left;
}

#selectedicdcode, #selectedopscode {
	position: absolute;
	width: 220px;
	left: 0;
}

#icdcodeinputrest, #opscodeinputrest {
	margin-left: 220px;
}

#selectedicdcodetext, #selectedopscodetext {
	margin: 0.7em 0 0.7em 0;
}

.studyDocs ul {
	list-style-type: none;
}

/** Es gab diese Darstellung für alle ULs innerhalb des Content-Bereichs ohne Listenpunkte.
    Mir ist aber unklar wozu - die Darstellung von Listen wird dadurch nicht lesbarer.
    Der Style sollte ggf. nur selektiv für ganz bestimmte Bedingungen ausgeschaltet werden.

#container #inside_container #content ul {
	list-style-type: none;
}

*/

.patient_zeile {
	background-color:white;
}

.psa-table table {
	width:40%;
	border:1px solid #5b81a6;
}

.psa-table table .psadt {
	background-color:#c5c5c5;
	border-top:3px solid #a5a5a5;
}

.psa-table table tr:nth-child(even){
	background-color: #fcfcfc;
}

.psa-table table tr:nth-child(odd){
	background-color: #d5dee8;
}

tr.tableHeader th {
	background-color:#6280a5;
	color: #ffffff;
	font-size: 14px;
	border-right: 1px solid white;
}


.bogen_settings .bogen-type {
	width: 75%;
	float: left;
}

.bogen_settings .bogen-edits {
	text-align: right;
	padding-right: 0.5em;
}

.bogen_settings .bogen-edits a {
	display: block;
}

.bogen_settings > .bogen-edits > .print-pdf-buttons {
   white-space: nowrap;
}

.bogen_settings > .bogen-edits > .print-pdf-buttons-flex {
   white-space: nowrap;
   display: flex;
   justify-content: space-between;
   column-gap: 1ex;
}

.bogen_settings > .bogen-edits > .print-pdf-buttons-flex > a.prostaweb-button {
	flex-grow: 1;
	min-width: auto;
}

.bogen_settings > .bogen-edits > .print-pdf-buttons > a {
    display: inline-block;
}

.bogen_settings > .bogen-edits > .print-pdf-buttons > a.link_halve_print {
    margin-right: 4px;
}

.bogen_settings {
	background-color:#3b608f;
	padding: 0.4em 0 0.4em 0.8em;
	font-size: 1.5em;
	color:#ffffff;
	font-weight: bold;
	margin: 1em 0em 1em 0em;
}

.bogen_settings:after {
    content: ".";
    display: block;
    clear: left;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/*
 * Buttons werden als flex-items vertikal orientiert formatiert und auf Breite der Bogen-Edits-Box gestreckt 
 */
.bogen_settings .bogen-edits.vertical-flex-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 6px;
}

.clear {
	clear:both;
}

.marginbottom0 {
	margin-bottom: 0;
}

.anzahl_zentren {
	background-color:white;
	color:#252525;
}

.leftbox_transfer {
	float:left;
	width:200px;
	text-align:center;
}

.rightbox_transfer {
	float:right;
	width:200px;
	text-align:center;
}

.leftbox_transfer_zent {
	float:left;
	width:300px;
	text-align:center;
}

.rightbox_transfer_zent {
	float:right;
	width:300px;
	text-align:center;
}

.leftbox_transfer #zentrumsaerzte, .rightbox_transfer #konferenzteilnehmer  {
	width:200px;
}

.leftbox_transfer_zent #arztzuweisen, .rightbox_transfer_zent #arztzugewiesen  {
	width:300px;
}

.configsave {
	background-color:#ffffff;
	text-align:center;
	padding-left:8px;
	padding-right:8px;

}

.koerp_unter_tr td:nth-child(2) {
    border-left:1px solid #abbfd1; 
    border-right:1px solid #abbfd1;
}

.abrechnungsbox {
	width:30em;
}

.non-breaking {
	white-space: nowrap;
}

/* Medikamentenauswahl */

#MediTabPanel, #MediTabPanel_panecontrol, #GruppenenauswahlTree, #GruppenenauswahlTree ul, #PraeparatauswahlList {
	list-style-type: none;
	padding-left: 1em;
}

.ajaxTabbedPanelTab-unselected #MediTabPanel_pane_0, 
.ajaxTabbedPanelTab-unselected #MediTabPanel_pane_1, 
.ajaxTabbedPanelTab-unselected #MediTabPanel_pane_2 {
	background-image:url(../Images/but_med.png);
	border: 1px solid #2f2f2f;
	height:23px;
	padding:3px 5px 3px 5px;
}

.ajaxTabbedPanelTab-selected #MediTabPanel_pane_0, 
.ajaxTabbedPanelTab-selected #MediTabPanel_pane_1, 
.ajaxTabbedPanelTab-selected #MediTabPanel_pane_2 {
    background-image:url(../Images/but_med_sel.png);
    border: 1px solid #2f2f2f;
    height:23px;
    padding:3px 5px 3px 5px;
}

#MediTabPanel_tab_0, #MediTabPanel_tab_1, #MediTabPanel_tab_2 {
	height:23px;
	margin-bottom:0.5em;
	display: inline-block;
}

#GruppenenauswahlTree img.nodeControl {
	vertical-align: top;
}

.rutt_space {
	width:2.5em;
	display:inline-block;
}

.labelclass label {
	min-width:6em;
	display:inline-block;
}

.koerp_unter_tr {
	background-color: #d5dee8;
	border-top:1px solid #abbfd1;
}

#container #inside_container #content div.toggle_design {
	padding:0.5em;
	margin: 1em 0 1em 0;
	background: #abc4df;
	clear: right;
}

.bogenbox > .heading:first-child { 
	background-color: #3b608f;
	font-size: 1em;
	font-weight: bold;
	padding: 0.1em 0em 0.1em 0.3em;
	color: #FFF;
	line-height: 20px;
}


.subheading, .heading, .bogenbox .bogenbox > .heading {
	background-color: #6280a5;
	font-weight:normal;
	color:white;
	padding-left:4px;
	border-left: 1px solid #5b81a6;
	border-right: 1px solid #5b81a6;
	line-height:1.5em;
}

/* #content als zusätzlicher Qualifizierer benutzt, weil "#content a" existiert und eine höhere Prioriät hat */
#content .subheading > a {
	font-weight: normal;
    color: white;
    text-decoration: underline;
}

.medi_table {
	width:100%;
	text-align:center;
	margin:1.5em 0 1.5em 0;
	border-bottom:1px solid #5b81a6;
}

/* Passwort-Recovery */
.password-recovery-input {
	clear: left;
}

.password-recovery-input > .beschreibung {
	float: left;
	width: 25ex;
	font-weight: bold;
}

.password-recovery-input > .wert > input {
	width: 50ex;
}

.password-recovery-input-button {
	clear: left;
	margin-left: 25ex;
	margin-top: 1em;
}

form.password-recovery-form {
	margin-bottom: 1em;
}

.password-recovery-code {
	color: red;
	font-size: 130%;
	font-weight: bold;
}

/* Slider */ 
.tracker {
    width: 400px;
    height: 10px;
    margin:10px 0 10px 0;
    background-color: grey;
    border-left:1px solid lightgrey;
    border-top:1px solid lightgrey;
    border-right:1px solid darkgrey;
    border-bottom:1px solid darkgrey;
}
.handle {
    cursor:move;
    width:8px; 
    height:18px;
    top:-4px;
    background-color:rgb(0, 0, 0);
    border-left:1px solid lightgrey;
    border-top:1px solid lightgrey;
    border-right:1px solid darkgrey;
    border-bottom:1px solid darkgrey;
}

/* Gesamt-DIV für die Beschriftung */
.slider-beschriftung {
	width: 400px; /* selbe Groesse wie .tracker oben */ 
}

.slider-beschriftung .links {
	float: left;
}

.slider-beschriftung .rechts {
	float: right;
}

.slider-beschriftung .wert {
	margin-left: 50px; 
	margin-right: 50px; 
	text-align: center;
}

#schmerzValue {
	background-color: #3b608f;
	color: white;
	padding: 0.2ex 1ex 0.2ex 1ex;
}

textarea {
	width: 99%;
	margin:0.5em 0em 0.5em 0em;
}

td {
    padding:0 0.6em 0 0.6em;
}

/* Style der Bögen, die ersetzt wurden, in der Bogenübersicht */
.veraltet {
	text-decoration: line-through;
	color: gray;
}

/* Style des DIVs mit dem PDF der Patientenzusammenfassung */
div.zusammenfassung {
    float: right;
    margin-bottom: 1em;
}

.newsfeed .news-type {
	font-style:italic;
	color: #101010;
	margin:0;
	font-size:8pt;
}


.newsfeed .news-item.studie h2 {
	margin-top:0;
	margin-bottom:0em;

}

.newsfeed .news-item-alert h2 {
	margin-top:0;
	margin-bottom:0em;

}

.newsfeed .news-item-update h2 {
	margin-top:0;
	margin-bottom:0em;
}

.newsfeed .news-time {
	/*color: #1f71b0;*/
	color: #0E2658;
	font-size:9pt;
}

.newsfeed .news-item.studie, .newsfeed .news-item-alert, .newsfeed .news-item-update {
	margin-bottom:1.2em;
	padding-left:0.5em;
}

.newsfeed .news-item.studie {
	border-left:8px solid #b2b2d4;
}

.newsfeed .news-item-alert {
	border-left:8px solid #8d2222;
}

.news-item-container {
	padding-top:1.2em;
	border-top:2px groove #dbdbdb;
	margin-bottom:1.2em;
}

#container #inside_container #content .newsfeed .news-item-container ul {
	list-style-type:disc;
}

dl.erklaerung {
	width: 100%;
}

dl.erklaerung > dt {
	float: left;
	width: 25%;
}

dl.erklaerung > dd {
	margin-left: 25%;
	width: 75%;
}

/* Anzeige einer Histologie-Zelle in RUTT206 */
div.rutt206-histo-zelle {
	width: 12ex;
	float: left;
}

/* Allgemeine Darstellungsoptionen */

label.spacing-right {
	margin-right: 2em;
}

ul.normal-style {
	list-style-type: square !important;
}

/* Bilder */

#patientenuebersicht-suchen-button {
    background-image: url(../Images/suchen_button.png);
    background-size: cover;
    height: 25px;
    width: 80px;
}

@media screen and ((-webkit-min-device-pixel-ratio: 2) or (min-resolution: 2dppx) or (min-resolution: 192dpi)) {

    #patientenuebersicht-suchen-button {
        background-image: url(../Images/suchen_button@2x.png);
    }
}

/* ==========================================================================
   2X PICTURES FOR RETINA AND UHD DISPLAYS
   ========================================================================== */
   
  
#buttonAbort  {
    background-image: url(../Images/buttonAbort.gif);
    background-size: cover;
    height: 25px;
    width: 150px;
    display:inline-block;
}

div.imgdocmview  {
    background-image: url(../Images/imgDocMView.gif);
    background-size: cover;
    height: 16px;
    width: 16px;
    display:inline-block;
}

img.img-small {
    width: 16px;
    height:16px;
}

img.img-small-vcenter {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

img.img-very-small-vcenter {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

#but_edit_small  {
    background-image: url(../Images/but_edit_small.png);
    background-size: cover;
    height: 25px;
    width: 97px;
    display:inline-block;
}

#but_del_small  {
    background-image: url(../Images/but_del_small.png);
    background-size: cover;
    height: 25px;
    width: 97px;
    display:inline-block;
}

#but_print_small  {
    background-image: url(../Images/but_print_small.png);
    background-size: cover;
    height: 25px;
    width: 97px;
    display:inline-block;
}

.but_halve_print {
    background-image: url(../Images/but_print_halve_print.png);
    background-size: cover;
    height: 25px;
    width: 86px;
    display:inline-block;
}

.but_halve_pdf {
    background-image: url(../Images/but_print_halve_pdf.png);
    background-size: cover;
    height: 25px;
    width: 60px;
    display:inline-block;
}

#but_print_big  {
    background-image: url(../Images/but_print_big.png);
    background-size: cover;
    height: 25px;
    width: 150px;
    display:inline-block;
}

.button_stamm_bearb  {
    background-image: url(../Images/button_stamm_bearb.png);
    background-size: cover;
    height: 25px;
    width: 150px;
    display:inline-block;
}

.button_pat_loeschen  {
    background-image: url(../Images/button_pat_loeschen.png);
    background-size: cover;
    height: 25px;
    width: 150px;
    display:inline-block;
}

#button_pat_ueberg  {
    background-image: url(../Images/button_pat_ueberg.png);
    background-size: cover;
    height: 25px;
    width: 150px;
    display:inline-block;
}

#button_ind_bearbeiten  {
    background-image: url(../Images/button_ind_bearbeiten.png);
    background-size: cover;
    height: 25px;
    width: 150px;
    display:inline-block;
}

#button_ind_loeschen  {
    background-image: url(../Images/button_ind_loeschen.png);
    background-size: cover;
    height: 25px;
    width: 150px;
    display:inline-block;
}

#imgAdmin  {
    background-image: url(../Images/imgAdmin@2x.png);
    background-size: cover;
    height: 16px;
    width: 16px;
    display:inline-block;
}

@media screen and ((-webkit-min-device-pixel-ratio: 2) or (min-resolution: 2dppx) or (min-resolution: 192dpi)) {

    #imgAdmin  {
        background-image: url(../Images/imgAdmin@2x.png);
        }
    
    #button_ind_bearbeiten  {
        background-image: url(../Images/button_ind_bearbeiten@2x.png);
        }
    
    #button_ind_loeschen  {
        background-image: url(../Images/button_ind_loeschen@2x.png);
        }
        
    #button_pat_ueberg  {
        background-image: url(../Images/button_pat_ueberg@2x.png);
        }
    
    .button_stamm_bearb  {
        background-image: url(../Images/button_stamm_bearb@2x.png);
        }
        
    .button_pat_loeschen  {
        background-image: url(../Images/button_pat_loeschen@2x.png);
        }
        
    #but_print_big {
    	background-image: url(../Images/but_print_big@2x.png);
    }
    
    .but_halve_print {
        background-image: url(../Images/but_print_halve_print@2x.png);
    }
    
    .but_halve_pdf {
        background-image: url(../Images/but_print_halve_pdf@2x.png);
    }
        
    #buttonAbort  {
        background-image: url(../Images/buttonAbort@2x.png);
        }
    
    #imgdocmview  {
        background-image: url(../Images/imgDocMView@2x.png);
    	}  
    	
    #but_edit_small  {
        background-image: url(../Images/but_edit_small@2x.png);
    	}  
    	
    #but_del_small  {
        background-image: url(../Images/but_del_small@2x.png);
    	}  
    	
    #but_print_small  {
        background-image: url(../Images/but_print_small@2x.png);
    	} 
}

/* Scheduler-Overview */

.scheduler-overview .bogenbox {
    margin-top: 0em;
}

.scheduler-overview .job-group {
    margin-top: 2em;
}

.job-group-name {
	background-color:#3b608f;
	padding:0.2em;
	color:white;
}

.sched_settings .bogen-type {
	width: 75%;
	float: left;
}

.sched_settings .bogen-edits {
	text-align:right;
	padding-right:0.5em;
}

.sched_settings .bogen-edits a {
	display: inline-block;
}

.sched_settings {
	background-color:#6280a5;
	padding: 0.4em 0 0.4em 0.8em;
	font-size: 1.5em;
	color:#ffffff;
	font-weight: bold;
	margin: 0em;
}

.sched_settings:after {
    content: ".";
    display: block;
    clear: left;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.heading_sched { 
	background-color: #3b608f;
	font-size: 1em;
	font-weight: bold;
	padding: 0.1em 0em 0.1em 0.3em;
	color: #FFF;
	line-height: 20px;
}

.scheduler-overview .but_new_job  {
    background-image: url(../Images/but_new_job.png);
    background-size: cover;
    height: 25px;
    width: 150px;
    display:inline-block;
}

.scheduler-overview .but_add_tri  {
    background-image: url(../Images/but_add_tri.png);
    background-size: cover;
    height: 26px;
    width: 26px;
    display:inline-block;
}

.scheduler-overview .but_del_job  {
    background-image: url(../Images/but_del_job.png);
    background-size: cover;
    height: 26px;
    width: 26px;
    display:inline-block;
}

.scheduler-overview .but_pau_job  {
    background-image: url(../Images/but_pau_job.png);
    background-size: cover;
    height: 26px;
    width: 26px;
    display:inline-block;
}

.scheduler-overview .but_unp_job  {
    background-image: url(../Images/but_unp_job.png);
    background-size: cover;
    height: 26px;
    width: 26px;
    display:inline-block;
}

.scheduler-overview .but_pau_tri  {
    background-image: url(../Images/but_pau_tri.png);
    background-size: cover;
    height: 26px;
    width: 26px;
    display:inline-block;
}

.scheduler-overview .but_unp_tri  {
    background-image: url(../Images/but_unp_tri.png);
    background-size: cover;
    height: 26px;
    width: 26px;
    display:inline-block;
}

.scheduler-overview a.but_run {
    border: 1px #273B5B outset;
    background-color: #265B91;
    color: white;
    padding: 0.5ex 1ex;
    font-size: 10pt;
    text-decoration: none;
    overflow: hidden;
    vertical-align: top;
}

.scheduler-overview .triggers-groups {
    margin-top: 1ex;
}

.scheduler-overview .trigger_buttons {
	line-height:0.9em;
    padding-top:2px;
    padding-bottom:2px;
}

.sub_settings {
    background-color:#6280a5;
    padding: 0.4em 0 0.4em 0.8em;
    color:#ffffff;
    margin: 0em;
}

.sub_settings .bogen-type {
	width: 75%;
	float: left;
}

.sub_settings .bogen-edits {
	text-align:right;
	padding-right:0.5em;
}

.sub_settings .bogen-edits a {
	display: inline-block;
}

.sub_settings:after {
    content: ".";
    display: block;
    clear: left;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.class_hinweise {
	background-color:white;
	padding:0.5em;
	color:black;
	font-size:70%;
}

/** Anzeige in der Bogenliste */
span.geloescht {
    text-decoration: line-through;
}

.system-message {
    background-color: red;
    color: white;
    padding: 0.5em;
    font-size: 100%;
}

/**
 * Spezifische Styles ...
 */
 
 
/** TumorkonferenzErgebnisse [BEGINN] */

.tumorkonferenzergebnissortierung-openlink {
    float: right;
}

.tumorkonferenzergebnissortierung-openlink > img {
    width: 16px;
    height: 16px;
}

#TumorkonferenzErgebnisseSorterUpdateContainer img {
    width: 24px;
    height: 24px;
}

#TumorkonferenzErgebnisseSorterUpdateContainer span.sort-direction {
    background-color: #00CAFF;
    color: white;
    border-radius: 6px;
}

#TumorkonferenzErgebnisseSorterUpdateContainer span.sort-direction a {
    background-color: grey;
    color: white;
    border-radius: 6px;
    text-decoration: none;
}

#TumorkonferenzErgebnisseSorterUpdateContainer span.sort-direction .inside {
    padding: 1ex 2ex;
}

#TumorkonferenzErgebnisseSorter-buttons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
    margin: 1em 1ex 2em 1ex;
}

/** TumorkonferenzErgebnisse [ENDE] */
 
 
.PWBehandlungsComp--Behandlungsfaelle--checkbox-fall-label {
    margin-right: 1em;
}

.oncobox--fall-block {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

.oncobox--tag-column {
    white-space:nowrap;
}

.oncobox--tag-label {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #979797;
    border-radius: 3px;
    vertical-align: middle;
    color: white;
    padding: 0 0 0 0;
    line-height:13px;
    text-align:center;
}

.oncobox--tag-label--legende--header {
    font-size: 10pt;
    font-style: italic;
}
.oncobox--tag-label--legende {
    border: 1px solid #979797;
    border-radius: 3px;
    vertical-align: middle;
    content: " ";
    color: white;
    display: inline;
    padding: 0.2ex 0.5ex;
    font-size: 8pt;
}

.oncobox--tag-label--praeintervention {
    background: #758F3B;
}

.oncobox--tag-label--praeintervention-followup {
    background: #643B8F;
}

.oncobox--tag-label--primaerintervention {
    background: #8F3B3B;
}

.oncobox--tag-label--followup {
    background: #3B708F;
}

.oncobox--tag-label--progressintervention {
    background: #8F633B;
}

.oncobox--tag-label--ignorieren {
    background: #BDBDBD;
}

/**
 * Design eines Buttons wie die Pixel-Buttons, but direkt in CSS
 * <div class = "pure-button urocloud-button">Text</div>
 */
.pure-button.urocloud-button {
    width: 156px;
    height: 20px;
    padding: 0.7ex 0 0 0;
    font-size: 11pt;
    color: white;
    font-weight: normal;
    background-image: linear-gradient(-180deg, #1E5D8E 0%, #243F5C 100%);
    border: 1px solid black;
    line-height: 100%;
    position:relative;
}

.pure-button.urocloud-button:before{
    content:"";
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    right:0px; 
    bottom:2px;
    border-top:1px solid #3E82AC;
    border-left:1px solid #3E82AC;
}

/**
 * Tabellenzellen mit Radio-Buttons als einzigem Element 
 */
td.cell-radio {
    text-align: center;
}

/* Tumordiagnose: Morphologie-Ergänzungsliste */
.auto_complete > ul {
    background-color: white;
    border: solid grey 1px;
    list-style-type: none;
    padding: 0 0;
    margin: 0 0;
}

.auto_complete > ul > li {
    padding: 0.2ex 1ex;
}

.auto_complete > ul > li.selected {
    background-color: #0080ff;
    color: white;
}

/* Diagnosen-/Prozeduren-Liste */

.modal-dialog--content {
    margin: 1ex;
}

.modal-dialog--content td {
    padding: 3px 0.5ex;
}

.modal-dialog--content td.action-buttons {
    padding-top: 1em;
}

.modal-dialog--content h1 {
    font-size: 14pt;
}

.modal-dialog--content h2 {
    font-size: 12pt;
}

#DiagnoseVeralteteCodes {
    margin-top: 1ex;
}

.DiagnoseVeralteteCodesContainer {
    margin-top: 1em;
    margin-bottom: 1ex;
}

#UpdateFallDiagnosenUpdateContainer td.mark-notempty:not(:empty) {
    border-top: 1px solid red;
}

/*  TODO: Buttons in CSS definieren */
.btn-default {
    background-image: linear-gradient(-180deg, #1B6094 0%, #203956 100%);
    border-top: 2px solid #3576A0;
    border-left: 2px solid #3576A0;
    border-bottom: 2px solid #203956;
    border-right: 2px solid #203956;
    color: white;
    font-size: 12pt;
    min-width: 156px;
    min-height: 24px;
}

.btn-default > * {
    vertical-align: middle;
}

.btn-default > img {
    width: 16px;
    height: 16px;
}

.btn-default:hover {
    background: #ceecff;
    background: linear-gradient(180deg,#ceecff 0%, #335273 100%);
}

.btn-default:active {
    border-bottom: 2px solid #335273;
    border-right: 2px solid #335273;
}


/* Buttons in CSS definieren */

button.prostaweb-button, a.prostaweb-button {
    border: 1px solid black;
    padding: 0;
    margin: 0;
    min-width: 97px;
}

button.prostaweb-button > div.prostaweb-button-inner, a.prostaweb-button > div.prostaweb-button-inner {
    background-image: linear-gradient(-180deg, #1B6094 0%, #203956 100%);
    border-top: 1px solid #3576A0;
    border-left: 1px solid #3576A0;
    border-bottom: 1px solid #203956;
    border-right: 1px solid #203956;
    color: white;
    font-size: 10pt;
    padding: 2px 1ex 2px 1ex;
    vertical-align: middle;
}

button.prostaweb-button > div.prostaweb-button-inner > img, a.prostaweb-button > div.prostaweb-button-inner > img {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    margin-right: 0.5ex;
}

a.prostaweb-button {
    display: inline-block !important;
    text-decoration: none;
}

a.prostaweb-button > div.prostaweb-button-inner {
    font-weight: normal;
    text-align: center;
}

button.prostaweb-button.width-100, a.prostaweb-button.width-100 {
    width: 100px;
}

button.prostaweb-button.width-125, a.prostaweb-button.width-125 {
    width: 125px;
}

button.prostaweb-button.width-150, a.prostaweb-button.width-150 {
    width: 150px;
}

.monitor-zentrum-bearbeiten input {
	width: 95%;
}

input.input-duration-minutes {
	width: 10ex;
	text-align: right;
}

/**
 * Liste von Checkboxen mit einer Erklärung dazu. Wird bei der Selbstregistrierung von Benutzern verwendet.
 */
ul.checkbox-list-with-description {
	padding-left: 2em;
	list-style-type: none;
}

ul.checkbox-list-with-description > li > p {
	margin-top: 0.1ex;
	font-size: 80%;
}

ul.checkbox-list-with-description > li > label {
	font-weight: normal;
	position: relative;
	left: -2em;
}

ul.checkbox-list-with-description > li > label > input {
	width: 2em;
}

/**
 * Benutzereinstellung E-Mail-Adressen 
 */
.usersetting-mail--mailaddress {
	font-weight: bold;
	font-size-adjust: 120%;
	text-align: center;
}

dl.usersetting-mail--verwendungszwecke > dt {
	font-weight: bold;
}

dl.usersetting-mail--verwendungszwecke > dd {
	margin-top: 0.5em;
    margin-bottom: 1em;
    margin-left: 2em;
}

/* Sponsor-Umfragen */

.sponsor-umfrage-validierungsfehler {
    color: #D13C38;
    margin-left: 2em;
}

.sponsor-umfrage-form input.number {
	text-align: right;
}

.sponsor-umfrage-form input.validation-error {
	border: 3px solid #D13C38;
}

.sponsor-display {
	float: right;
	margin: 1ex 1ex;
}

.sponsor-display > .sponsor-display-name {
	font-weight: bold;
	display: none;
}

/* SponsorUmfrage Honorar-Karten */

.honorar-cards {
	display: flex;
	flex-direction: row;
    column-gap: 15px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	box-sizing: content-box;
	justify-content: stretch;
}

.honorar-cards > .honorar-card {
    display: grid;
    background-color: #e3eef7; /* alte Farbariante: #f1e7ed */
    padding: 1rem 1rem;
    border: 1px solid grey;
    border-radius: 10px;
    grid-template-areas: "count-description count"
                         "budget-description budget";
    grid-auto-rows: minmax(2.5em, auto);
    gap: 1rem 1rem;
    align-items: center;
}

.honorar-cards > .honorar-card > .counts {
	grid-area: count;
    color: #82265c;
}

.honorar-cards > .honorar-card > .budgets {
	grid-area: budget;
    color: #82265c;
}

.honorar-cards > .honorar-card > .budget-description {
	grid-area: budget-description;
    color: #a099b2;
    justify-self: end;
}

.honorar-cards > .honorar-card > .count-description {
    grid-area: count-description;
    color: #a099b2;
    justify-self: end;
}

.honorar-cards > .honorar-card.openslots {
	flex-grow: 1;
	background-color: #e3eef7;
}

.honorar-cards > .honorar-card.myslots {
    grid-template-areas: "count             budget" 
                         "count-description budget-description";
    column-gap: 3em;
    row-gap: 0;
}

.honorar-cards > .honorar-card.myslots > .counts {
    align-self: end;
    justify-self: end;
}

.honorar-cards > .honorar-card.myslots > .budgets {
    align-self: end;
    justify-self: end;
}

.honorar-cards > .honorar-card.myslots > .budget-description {
    align-self: start;
    justify-self: start;
}

.honorar-cards > .honorar-card.myslots > .count-description {
    align-self: start;
    justify-content: start;
}


.honorar-cards .counts > span.open, .honorar-cards .budgets > span.open,
.honorar-cards .counts > span.count, .honorar-cards .budgets > span.honorar {
	font-weight: bold;
	font-size: 20pt;
}

.honorar-cards .counts > span.total, .honorar-cards .budgets > span.total {
    font-weight: bold;
    font-size: 12pt;
}

.honorar-cards > .answer-card {
    display: grid;
    background-color: #e3eef7;
    padding: 1rem 1rem;
    border: 1px solid grey;
    border-radius: 10px;
    grid-template-areas: "answer actions"
                         "status status";
    grid-auto-rows: minmax(2.5em, auto);
    gap: 1rem 1rem;
    flex-grow: 3;
}

.honorar-cards > .answer-card > .answer {
	font-weight: bold;
	grid-area: answer;
}

.honorar-cards > .answer-card > .card-actions {
	grid-area: actions;
}

.honorar-cards > .answer-card > .status {
	grid-area: status;
}


.bogenzeile.flex-buttons {
	display: flex;
	flex-direction: row;
	column-gap: 2em;
	justify-content: center;
}

/* SponsorAdminAntwortListe Antwort-Statistiken */
.answer-check-stats {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
    margin: 1rem 0 1.5rem 0;
    justify-content: center;
}

.answer-check-stats > .block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    background-color: #f1e7ed;
    border: 1px solid grey;
    border-radius: 8px;
    padding: 0.5rem 1rem;
}

.answer-check-stats > .block > * {
	text-align: center;
}

.answer-check-stats > .block > .description {
	text-decoration: underline;
	font-weight: bold;
}

.answer-check-stats > .block > .count {
    font-size: 1.2rem;
    margin: 0.2rem 0;
}

/* SponsorUmfrageStart */
.answer-start-buttons {
    display: grid;
    padding: 1rem 1rem;
    grid-template-columns: [description] 70% [button] 30%;
    gap: 1rem 1rem;
    align-items: center;
}

/* Admin Patienten zusammenführen */
div.bogenbox.mark-for-deletion > .heading {
	background-color: #8f3b3b;
}