.p_vorschau #qrcode {
  margin-right:5px;
}
.p #qrcode {
  margin-right:2mm;
}

.p_vorschau #qrcode img {width: 80px;}
.p #qrcode img {
  width: 21mm;
  height:auto;
}

@font-face {
 font-family: 'cengot'; /* Gewünschter Name */
 src:		   local('cengot'),
			   url('../ttf/CenturyGothic.ttf') format('truetype');
}
@font-face {
 font-family: 'exensa'; /* Gewünschter Name */
 src:		   local('exensa'),
			   url('../ttf/ExensaGrotesk-Regular.ttf') format('truetype');  
}

.ui-widget {
    font-size: 0.9em!important;
}

.ui-datepicker-trigger {
  	border:			0;
  	padding:		0;
  	margin:			0;
  	line-height:	normal;
  	vertical-align:	top;
  	background:		none;
}

.ui-datepicker-trigger img {
  	padding:		1px 0 0 3px;
}

.date_termin .ui-datepicker-trigger img, .date_vo .ui-datepicker-trigger img {
  	padding:		5px 0 0 3px;
}

.date_vo input, .date_termin input, .date_1 input, .date_2 input {
  height:18px!important;
}

.card {
  	border:0;
}

.card-body {
  	padding:0;
}

.nav-item {
	border-bottom: 1px dotted #ccc
}

.mod-list li {
    margin: 0;
  	padding:0;
}

.mod-list li a {
  	padding:0.25em;
    text-decoration: none;
    display: block;
}

.mod-list li.active>a {
    text-decoration: none;
  	font-weight: bold;
}

.mod-list li a:hover {
    text-decoration: none;
	background:#ccc;
}

:root {
    --cassiopeia-color-primary: #333;
    --cassiopeia-color-link: #30638d;
    --cassiopeia-color-hover: #954b56;
    --body-font-size: 1rem;
 	--body-font-family: "Segoe UI", 'exensa', helvetica, 'cengot';
}

.sectiontableheader, .sectiontableentry1, .sectiontableentry2 {
  font-size:	12px;
  font-family: arial;
}


.btn-primary {
    background-color: #444;
    border-color: #222;
}

.birthday {
	color:#ccc;
  	font-size:0.7rem;
}

select, input, textarea {
  border:	1px solid;
}

input[type=image] {
  border:0;
}

select:focus, input:focus, textarea:focus {
  outline: none;
}

input:focus {
  background-color:	lightyellow;
}

input[id ^= 'date_rid_'] , input[id ^= 'date_'], .stammdaten {

/*  margin:1px 3px 0 0;
    border:1px solid;
  font-family: arial;
  font-size: 14px;
    border-radius:0;*/
  margin:0;


}

input[id ^= 'date_rid_'] , input[id ^= 'date_'] {
  width:80px;
  height:16px;
}

input.inputbox,  {
  height:18px;
}

.inputbox {
  font-family: arial;
  font-size: 14px;
  height:20px;
}

button[id ^= 'date_'] {
  padding:0 1px 0 1px;
  margin:0 0 0 3px;
  border-radius:0;
  border:0;
  color: #f76363;
  font-size:14px;
  height:20px;
  background: none;
}

.btn-link, .scLogoutButton {
    --btn-bg: #888;
    --btn-border-color: #222;
  text-decoration: none;
}

.btn-link {
/*    --btn-padding-x: 0.4rem;
    --btn-padding-y: 0.2rem;*/
  background: url(../images/grad1.gif) repeat-x scroll center top #333333;
    border: 1px solid #333333;
    color: #CCCCCC;
    font-size: 85%;
    padding: 3px 5px;
    text-transform: uppercase;
  --btn-hover-color: var(--link-hover-color);
}

.btn-image {
    border: 0px;
    color: #CCCCCC;
    padding: 0;
  	margin:0;
}

.btn-image img {
  	vertical-align:top;
}

.btn-link:hover,.btn-link:focus {
	background:#333;
	border:1px solid #999;
	color:#fff;
}

.modal-backdrop {
 /* z-index: 5!important;*/
  display:none;
}

.modal {
  top: 50%;                             /* Centre vertically on screen */
  left: 50%;                            /* Centre horizontally on screen */
  --modal-width: 600px;
  height: 100%;
  overflow: auto;                       /* Enable scroll if needed */
  transform: translate(-50%, -50%);     /* Position the modal in centre of screen */
  background-color: rgba(0, 0, 0, 0.5);
}

.modal.abrechnen, [id ^= 'modal-VOAbrechnenModal'], [id ^= 'modal-arztbrief_erstellen'], [id ^= 'modal-arztbrief_bearbeiten'], [id ^= 'modal-neueHNModal'], [id ^= 'modal-ZahlungserinnerungModal'], [id ^= 'modal-MahnungModal'] {
	--modal-width:750px;
}

.modal-dialog {
  height: 100%;
}

.modal-header {
  border:0px;
  padding:10px;
}

.modal-content {
  top: 50%;                             /* Centre vertically on screen */
  left: 50%;                            /* Centre horizontally on screen */
  height: 450px;
  overflow: auto;                       /* Enable scroll if needed */
  transform: translate(-50%, -50%);     /* Position the modal in centre of screen */
}

.modal.abrechnen .modal-content, [id ^= 'modal-VOAbrechnenModal'] .modal-content, [id ^= 'modal-arztbrief_erstellen'] .modal-content, [id ^= 'modal-arztbrief_bearbeiten'] .modal-content, [id ^= 'modal-neueHNModal'] .modal-content, [id ^= 'modal-ZahlungserinnerungModal'] .modal-content, [id ^= 'modal-MahnungModal'] .modal-content {
	height:800px;
}

/*#modal-VOAbrechnenModal .modal-content {
	height:800px;
}*/

/*.modal-body {
  height:400px;
  z-index:5
}*/

.container-header {
    #background-color: #333;
    background-image: none;
  	z-index:2;
}

.container-header .navbar-brand, .container-header .grid-child {
	padding:0;
}

.container-header .container-nav{
	padding:0.5em!important;
}

.weiss {
	color:			black;
	font-family:	arial;
	font-size:		12px;
}



body.my_frame, body.my_frame table {
	font-family:	"Segoe UI";	
	padding:0;
	margin:0;
/*	font-size:		12px;*/
}

h1, h2, h3, h4, h5 {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-weight: bold;
    line-height: 1.2;
    font-size: 200%;
}

.contentheading {
    font-size: 200%;
}

.arztbrief_vorschau table{
  font-size:12px!important;
}

.p_vorschau, div.p_vorschau table{
	font-size:		12px;
}

.p, div.p table {
    font-family:    "cengot";
	font-size:		3.5mm;
}

.p_small {
	font-size:		3mm;
}

.p_small_vorschau {
	font-size:		10px;
}

.p td {
	padding-bottom:0px;
}


.weiss_p {
	color:			black;
}

td {
	padding-top:	1px;
	padding-bottom:	1px;
}

.gruen_p {
	color:			rgb(125,194,77); /* gruen war rgb(60,120,30)*/
}

.braun_p {
	color:			rgb(100,50,25);
}

.th_p {
    color:			black;
	background-color: #7DC24D; /*gruen war #72B344;*/
	font-weight:	bold;
}

.tf_p {
    color:			black;
	background-color: #F7E4A2;
	font-weight:	bold;
}

.tr0_p {
    color:			black;
	background-color: #eee;
}

.tr1_p {
    color:			black;
	background-color: #ddd;
}

.th_p td, .tr0_p td, .tr1_p td, .tf_p td {
	padding-top:	1px;
	padding-bottom:	1px;
}

.lst_blau {
	padding:		2px;
	margin:			1px;
	color:			black;
/*	font-family:	Tahoma;
	font-size:		11px;
	font-weight:	bold;*/
	background-color: 	#7DC24D; /*gruen war #72B344;*/ /*#99ccff; /*blau*/
	border-style: 	none; 
	border-width:	1px;
	border-color: 	black; 
	text-align:		center;
	vertical-align:middle;
}

.lst_grau {
	padding:		2px;
	margin:			1px;
	color:			black;
/*	font-family:	Tahoma;
	font-size:		11px;
	font-weight:	bold; */
	background-color: 	#cccccc; /*hellgrau*/
	border-style: 	none;
	border-width:	1px; 
	border-color: 	black; 
	text-align:		center;
}

.th_vo {
    color:			black;
	background-color: #7DC24D; /*gruen war #72B344;*/
	font-family:	arial;
	font-size:		12px;
	height:			14px;
	font-weight:	bold;
}

.th_termine {
    color:			black;
	background-color: #F7E4A2;
	font-family:	arial;
	font-size:		12px;
	height:			14px;
	font-weight:	bold;
}

.list_table {
	table-layout: fixed;
}

.vo {
	clear:left;
	padding:0;
	margin:0;
	overflow-x:hidden;
	overflow-y:auto;
	/*overflow:scroll; */
	border:0px solid #888;
	color:			black;
	font-family:	arial;
	font-size:		12px;
}

.vo .a.hover{
	background-color: #fdd;
}

.vo .tr0 {
    color:			black;
	background-color: #eee;
/*	font-family:	'exensa';*/
	font-size:		12px;
	padding:1px;
}


.vo .tr1 {
    color:			black;
	background-color: #ddd;
/*	font-family:	'exensa';*/
	font-size:		12px;
	padding:1px;	
}

.vo .red {
    color:			red;
	font-weight: 	bold;
}

.vo  .mahnung0 {
    background-color:			#FFF4B2;
}

.vo  .mahnung1 {
    background-color:			#E5DBA1;
}

.th_vo td, .vo .tr0  td, .vo .tr1 td, .th_termine td {
	padding:0px;
}

.vo .tr_we {
    color:			black;
	background-color: #F7E4A2;
/*	font-family:	--body-font-family, Arial;*/
	font-size:		12px;
	padding:1px;	
}

.vo .tr_hover{
	color:			black;
	background-color: #ddb;
/*	font-family:	--body-font-family, Arial;*/
	font-size:		12px;	
}

input[type=image] {
 vertical-align:	top;
 padding:0;
}

.button {
    background: url("../images/grad1.gif") repeat-x scroll center top #333333;
    border: 1px solid #333333;
    color: #CCCCCC;
    font-size: 85%;
    padding: 3px 5px;
    text-transform: uppercase;
}
.button:hover,.button:focus {
	background:#333;
	border:1px solid #999;
	color:#fff;
}

a.modal {
	text-decoration: none;
}

.sectiontableheader {
    background: #7DC24D;
    border: 0px solid #ccc;
    color: #000;
    padding: 5px;
}

.sectiontableheader th {
    border-right: 2px solid #FFF;
}

.sectiontableentry2 {
    background-color: #eee;
}

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #ddd; }

.sclogin-greeting {
  color:#ccc;
}