/*
Theme Name: Lukas Dienstplan
Theme URI: http://dienstplan.bany.de/
Datum: 15.08.2008
Author: B. Rydzewski
*/








/* Body */
* {
	margin: 0;
	padding: 0;
}

html, body {
border: 0 solid;
}

body {
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #888888;
  background-image: url(_bilder/bg.jpg);	
	font-size: 12px;
	/*counter-reset: page 1;*/
	/*counter-reset: page;*/
	counter-reset: pagenumber 0;
}
b, strong {
	font-weight: bold;
}

table {
margin: 10px 0;
}
th, td {
text-align: left;
padding: 2px;
vertical-align: top;
}
th img, td img {
vertical-align: baseline;
text-align: center;
}

a, a:visited {
	text-decoration: none;
	color: #000000;
}

a img {
	border: 0px;
}

/* die naechsten 2 anweisungen sorgen dafuer, dass floatende elemente eingeschlossen werden */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%; 
}
/* End hide from IE-mac */


#ajaxlayer {
	 position: absolute; 
	 height: auto; 
	 width: auto; 
	 background: #fff; 
	 border:  solid 1px #0000ff; 
	 z-index:10;	
	 visibility: hidden;
	 padding: 15px;
}
#grau {
	position: absolute;
	visibility:hidden;
	height: 100%;
	width: 100%;
	background: url(_bilder/grey.png) repeat;
	z-index:5;
	margin-top: -30px;	
}



#container {
	position: relative;
	margin: 30px auto;
	width: 1200px;
}

#container_mail {
	position: relative;
	margin: 10px auto;
	width: 640px;
}

#main {
	background-color: #507bd0;
	background-image: url(_bilder/bg_content.gif);
	border-left: solid 2px #cccccc; 
	border-top: solid 2px #cccccc; 
	border-right: solid 2px #555555; 
	border-bottom: solid 2px #555555; 
	overflow: auto;
}

#head {
	background-color: #507bd0;
	background-image: url(_bilder/head.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 45px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
}

#left{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
}

#menue {
	position: relative;
	left: 0px;
	font-weight: bold;
	padding: 5px 10px 0px 10px;
	background-color: #507bd0;
	color:#ffffff;
}
#menue a {
	background-color: #507bd0;
	color:#ffffff;
	text-decoration: none;
}
#menue a:hover {
	background-color: #ffffff;
	color:#507bd0;
}

#menue a.menue_aktiv {
	color:#507bd0;
	background-color: #ffffff;
	text-decoration: none;
}

#copy {
	font-size: 8px;
	text-align: center;
}


#login {
	position: relative;
	left: 5px;
}

#loginform {
	position: relative;
	left: 5px;
}

#content {
	position: relative;
	margin: 10px;
	padding: 15px;
	width: auto;
	border-left: solid 2px #555555; 
	border-top: solid 2px #555555; 
	border-right: solid 2px #cccccc; 
	border-bottom: solid 2px #cccccc; 
	background-color: #ffffff;
}

#mail {
	position: relative;
	left: 0px;
	padding: 10px;
	background-color: #dddddd;
	color:#333333;
}


.menuebox {
	position: relative;
	margin: 0px;
	width: auto;
	height: 25px;
	left: 0;
}

.submenuebox {
	position: relative;
	margin: -5px 0px 5px 10px;
	width: auto;
	height: 20px;
}

.eingeloggt {
	font-size: 10px;
	line-height: 12px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

#dienstplan {
	margin: 1% auto;
	width: 800px;
	border: 1px solid #222222;
	border-spacing: 0px;
	border-collapse:collapse;
}

#dienstplan tr td select {
	  width: 115px;
}

.tablehead {
	background-color: #aaaaaa;
	text-align: center;
}

td, th {
  border-right: 1px solid #222222;
  border-bottom: 1px solid #222222;
  height: 22px;
  vertical-align: middle;
}

td.no_bottomline {
	border-bottom: 0px;
}

#date_select {
	margin: 1% auto;
	text-align: center;
	width: 100%;
}

td.sonn_und_feier {
	background-color: #cccccc;
}

td.no_sd {
	background-image: url(_bilder/schraffur.gif);
}

td.no_sd_we {
	background-color: #cccccc;
	background-image: url(_bilder/schraffur_we.gif);
}

td.anderer_monat {
  color: #888888;
}

#Mitarbeiter tr td{
  border: 0px;
  
}

#EFN tr td{
  border: 0px;

}

td.aktuell_0 {
  font-weight: normal;
  color: #777777;
}

td.aktuell_1 {
  font-weight: bold;
  color: #000000;
}


td.rot {
  background-color: #ffaaaa;
}

td.eigene_dienste {
	background-color: #aa2222;
	color: #ffffff;
}

td.small_frei {
  font-size: 10px;
}

#tafel {
	margin: 1% auto;
	width: 800px;
	border: 0px solid #222222;
	border-spacing: 0px;
	border-collapse:collapse;
	font-weight: bold;
	color: #ffffff;
  background-color: #00551e;
}

#tafel tr td{
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #ffffff;
  background-color: #00551e;
}

#tafel_ol {
  height: 14px;
  width: 14px;
	background-color: #cccccc;
	background-image: url(_bilder/tafel_ol.png);
}

#tafel_or {
  height: 14px;
  width: 165px;
	background-color: #cccccc;
	background-image: url(_bilder/tafel_or.png);
}

#tafel_oben {
  height: 14px;
	background-color: #cccccc;
	background-image: url(_bilder/tafel_rand.png);
}

#tafel_li {
  width: 14px;
	background-color: #cccccc;
	background-image: url(_bilder/tafel_li.png);
}


#tafel_re {
  height: 14px;
  width: 165px;
	background-color: #cccccc;
	background-image: url(_bilder/tafel_re.png);
}

#tafel_unten {
  height: 14px;
	background-color: #cccccc;
	background-image: url(_bilder/tafel_rand.png);
}

#tafel_ul {
  height: 14px;
  width: 14px;
	background-color: #cccccc;
	background-image: url(_bilder/tafel_ul.png);
}

#tafel_ur {
  height: 14px;
  width: 165px;
	background-color: #cccccc;
	background-image: url(_bilder/tafel_ur.png);
}

#tafel td.tafel_content {
  padding: 8px;
}

td.center, th.center {
	text-align: center;
}

td.plan {
vertical-align: middle;
text-align: center;  
}

td.Urlaub_genehmigt {
  color: #ffffff;
  font-weight: bold;
  background-color: #e68d00;
}

td.Urlaub_beantragt {
  color: #000000;
  font-weight: normal;
  background-color: #e5ba73;
}

td.Ueberstunden_genehmigt {
  color: #ffffff;
  font-weight: bold;
  background-color: #6666cc;
}

td.Ueberstunden_beantragt {
  color: #000000;
  font-weight: normal;
  background-color: #9999cc;
}

td.Fortbildung_genehmigt {
  color: #ffffff;
  font-weight: bold;
  background-color: #6666cc;
}

td.Fortbildung_beantragt {
  color: #000000;
  font-weight: normal;
  background-color: #9999cc;
}

td.Elternzeit_genehmigt {
  color: #ffffff;
  font-weight: bold;
  background-color: #6666cc;
}

td.Elternzeit_beantragt {
  color: #000000;
  font-weight: normal;
  background-color: #9999cc;
}

td.Mutterschutz_genehmigt {
  color: #ffffff;
  font-weight: bold;
  background-color: #6666cc;
}

td.Mutterschutz_beantragt {
  color: #000000;
  font-weight: normal;
  background-color: #9999cc;
}

td.Gleittag {
  color: #ffffff;
  font-weight: bold;
  background-color: #66cc33;
}

td.A1Tag {
  color: #336666;
  font-weight: bold;
  background-color: #ffffff;
  border-top: solid 1px #336666;
  border-left: solid 1px #336666;
}

td.A1frueh {
  color: #336666;
  font-weight: bold;
  background-color: #ffffff;
  border-top: solid 1px #336666;
  border-left: solid 1px #336666;
  background-image: url(_bilder/A1frueh.png);
  background-repeat: no-repeat;
}

td.A1spaet {
  color: #336666;
  font-weight: bold;
  background-color: #ffffff;
  border-top: solid 1px #336666;
  border-left: solid 1px #336666;
  background-image: url(_bilder/A1spaet.png);
  background-repeat: no-repeat;
}

td.A1Nacht {
  color: #ffffff;
  font-weight: bold;
  background-color: #336666;
}

td.A1frei {
  color: #ffffff;
  font-weight: bold;
  background-color: #99CCFF;
}

td.A1Einarbeitung {
  color: #336666;
  font-weight: bold;
  background-color: #333333;
  background-image: url(_bilder/A1Einarbeitung.png);
}

td.A1EinarbeitungNacht {
  color: #d6ffff;
  font-weight: bold;
  background-color: #333333;
  background-image: url(_bilder/A1EinarbeitungNacht.png);
}

td.Einarbeitung_neuer_Mitarbeiter {
	color: #336666;
	font-weight: bold;
	background-color: #dddddd;
}



td.N1Tag {
	color: #336666;
	font-weight: bold;
	background-color: #ffffff;
	border-top: solid 1px #336666;
	border-left: solid 1px #336666;
}

td.N1Nacht {
	color: #ffffff;
	font-weight: bold;
	background-color: #336666;
}

td.Transfusion {
  color: #aa0000;
  font-weight: bold;
  background-color: #cccccc;
}

td.Transfusion_HG {
  color: #aa0000;
  font-weight: bold;
  background-color: #aaffaa;
}

td.Transfusion_LNA {
  color: #aa0000;
  font-weight: bold;
  background-color: #cccccc;
  border-top: solid 2px #0000ff;
}

td.IT {
  color: #001080;
  font-weight: bold;
  background-color: #dddddd;
}

td.IT_HG {
  color: #001080;
  font-weight: bold;
  background-color: #aaffaa;
}

td.Buero {
  color: #000000;
  background-color: #ddff00;
}

td.halberTag {
  color: #000000;
  font-weight: bold;
  background-color: #dddddd;
}

td.nach_HG {
	color: #ffffff;
	font-weight: bold;
	background-color: #349aff;
}

td.krank {
  color: #ffffff;
  font-weight: bold;
  background-color: #FF9966;
}

td.Summe {
  color: #000000;
  font-weight: bold;
  background-color: #ffff55;
}

td.Anwesenheit {
  color: #000000;
  font-weight: bold;
  background-color: #ffff55;
}

td.anwesend_ok {
  background-color: #ffff55;
}

td.anwesend_zuwenig {
  background-color: #ff9999;
}

td.anwesend_zuviel {
  background-color: #99ff99;
}

td.Bedarf {
  color: #000000;
  font-weight: bold;
  background-color: #ffff55;
}

td.Ferien {
  color: #ffffff;
  background-color: #006633;
}

td.anwesend {
  color: #000000;
  font-weight: normal;
  background-color: #CCFF99;
}

td.abwesend {
  color: #555555;
  font-weight: normal;
  background-color: #CCCCCC;
}

td.NA {
  color: #000000;
  font-weight: normal;
  background-color: #6699FF;
}

td.LNA {
  border-top: solid 2px #0000ff;
}

td.HD {
  color: #000000;
  font-weight: normal;
  background-color: #9F9;
}

td.GV {
  color: #ffffff;
  font-weight: normal;
  background-color: #64d066;
}


td.HGGVK, td.HDGVK {
	font-size: 10px;
  color: #102010;
  font-weight: normal;
  background-color: #64d066;
}

td.HGGVL, td.HDGVL {
	font-size: 10px;
  color: #ffffff;
  font-weight: normal;
  background-color: #64d066;
}

td.HGGVK > span, td.HGGVL > span, td.HDGVK > span, td.HDGVL > span {
	font-size: 5px;
}

td.SD {
  color: #000000;
  font-weight: normal;
  background-color: #9F9;
}


td.HG {
  color: #000000;
  font-weight: normal;
  background-color: #9F9;
}

td.frei {
  color: #ffffff;
  font-weight: bold;
  background-color: #6666cc;
}

a.antrag_offen {
  color: #aa0000;
  font-weight: bold;
  text-decoration: blink;
}

#Newshead {
	border: 0px;
	width: 100%;
	padding: 0px;
}

#Newshead td.left {
	border: 0px;
	text-align: left;
	padding: 0px;
}

#Newshead td.right{
	border: 0px;
	text-align: right;
	padding: 0px;
}

#Newshead td a{
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  border: 1px solid;
  padding: 2px 10px;
  background-color: #eeeeee;
}

#news td.hoch {
  color: #ffffff;
  font-weight: bold;
  background-color: #FF0000;
  color: #ffffff;
}

#news td.normal {
  color: #ffffff;
  font-weight: bold;
  background-color: #FFFF00;
  color: #ffffff;
}

#news td.niedrig {
  color: #ffffff;
  font-weight: bold;
  background-color: #0033FF;
  color: #ffffff;
}

#news {
  border: 1px solid #222222;
	border-spacing: 0px;
	border-collapse:collapse;
	width: 100%;
}

#news td {
  border: 1px solid #222222;
  height: 22px;
  vertical-align: middle;
  padding: 5px;
}

#news td.von {  
  font-size: 10px;
  text-align: right;
}

#news td.Betreff {
  text-align: center; 
  border-top: 0px;
}

#news td.Newstext {
  text-align: left; 
  background-color: #dddddd;
}

#news td.Kategorie {
  text-align: left; 
  background-color: #bbbbbb;
}

#news td.table_leer {
  border-left: hidden;
  border-right: hidden;
}

#Infohead {
	border: 0px;
	width: 100%;
	padding: 0px;
}

#Infohead td.left {
	border: 0px;
	text-align: left;
	padding: 0px;
}

#Infohead td.right{
	border: 0px;
	text-align: right;
	padding: 0px;
}

#Infohead td a{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	border: 1px solid;
	padding: 2px 10px;
	background-color: #eeeeee;
}

#infos td.hoch {
	color: #ffffff;
	font-weight: bold;
	background-color: #FF0000;
	color: #ffffff;
}

#infos td.normal {
	color: #ffffff;
	font-weight: bold;
	background-color: #FFFF00;
	color: #ffffff;
}

#infos td.niedrig {
	color: #ffffff;
	font-weight: bold;
	background-color: #0033FF;
	color: #ffffff;
}

#infos {
	border: 1px solid #222222;
	border-spacing: 0px;
	border-collapse:collapse;
	width: 100%;
}

#infos td {
	border: 1px solid #222222;
	height: 12px;
	vertical-align: middle;
	padding: 5px;
}

#infos td.von {
	font-size: 10px;
	text-align: right;
}

#infos td.Titel {
	text-align: center;
	border-top: 0px;
}

#infos td.Infotext {
	text-align: left;
	background-color: #dddddd;
}

#infos td.Kategorie {
	text-align: left;
	border-right: 0px;
	background-color: #bbbbbb;
}

#infos td.gelesen {
	text-align: right;
	border-left: 0px;
	background-color: #bbbbbb;
}

#infos td.table_leer {
	border-left: hidden;
	border-right: hidden;
}

.fehler {
  width:  100%;
  background-color: #dd5555;
  padding: 20px;
  color: #ffffff;
}

.keine_freigabe {
	color: #888888;
}


#rechtetabelle tr td{
	border: hidden;
}

table.standards {
	margin: 1% auto;
	width: 800px;
	border-left: solid 2px #cccccc; 
	border-top: solid 2px #cccccc; 
	border-right: solid 2px #555555; 
	border-bottom: solid 2px #555555; 	
	border-spacing: 0px;
	border-collapse:collapse;
	font-weight: normal;
	color: #000;
  	background-color: #ddd;
}


table.standards td {
	border: 0px solid #222222;	
	padding: 5px;
}

table.standards td a{
	text-decoration: none;
	color: #000;
}

.right {
	text-align: right;
}

.liste_alarmierung {
	padding-left: 25px;
}

#uplan th, #uplan td {
  border-right: 1px solid #222222;
  border-bottom: 1px solid #222222;
  height: 22px;
  vertical-align: middle;
  padding: 1px;
  font-size: 12px;
}

#eplan th, #eplan td {
  border-right: 1px solid #222222;
  border-bottom: 1px solid #222222;
  height: 22px;
  vertical-align: middle;
  padding: 1px;
  font-size: 10px;
}
td.textleft {
	text-align: left;
	padding: 1px;
}
td.auswertung {
	border: 1px solid #222222;
}
td.center {
	text-align: center;
}

td.heute_top {
  border-left: 2px solid #f00;
  border-right: 2px solid #f00;
  border-top: 2px solid #f00;
}

td.heute_middle {
  border-left: 2px solid #f00;
  border-right: 2px solid #f00;
}

td.heute_bottom {
  border-left: 2px solid #f00;
  border-right: 2px solid #f00;
  border-bottom: 2px solid #f00;
}

td.teilzeit_frei {
	background-color: #e68d00;
}

ol.assistententreffen {
	padding: 0px 30px;
}

div.mrsa {
	background-color: #ffdddd;
	border: solid 5px #ff0000; 
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: auto;
}

td.Reserve {
	text-align: center;
	background-color: #999999;
	
}


table.links {
	margin: 1% auto;
	width: 800px;
	border-left: solid 2px #cccccc; 
	border-top: solid 2px #cccccc; 
	border-right: solid 2px #555555; 
	border-bottom: solid 2px #555555; 	
	border-spacing: 0px;
	border-collapse:collapse;
	font-weight: normal;
	color: #000;
  	background-color: #ddd;
}


table.links td {
	border: 0px solid #222222;	
	padding: 5px;
}

table.links td a{
	text-decoration: none;
	color: #000;
}

#wb_neu td{
	border-left: solid 2px #cccccc; 
	border-top: solid 2px #cccccc; 
	border-right: solid 2px #555555; 
	border-bottom: solid 2px #555555; 	
	border-spacing: 0px;
	border-collapse:collapse;
	font-weight: normal;
	color: #000;
  	background-color: #ddd;
  	text-align: left;
  	vertical-align: middle;
}
#wb_neu td.leer{
	border: 0px; 	
	border-spacing: 0px;
	border-collapse:collapse;
	color: #000;
  	background-color: #fff;
}

#wb_neu input.fehler {
	background-color: #f55;
	padding: 0px;
}

.wb_kat_head a{
	font-weight: bold;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	padding: 5px;
}

.wb_div{
	padding: 5px;
	border: 1px solid #aaa;
	background: #ddd;
}
.wb_div_item{
	padding: 2px;
	background: #eee;
}
.wb_title{
	font-size: 12px;
	font-weight: bold;
}
.wb_subtitle{
	font-size: 11px;
	font-weight: normal;
	color: #222;
}
.wb_source{
	font-size: 10px;
	font-weight: normal;
	color: #222;
}
.wb_pdf{
	font-size: 8px;
	float: left;
	padding: 2px 8px 2px 0px;
	margin: 0px 8px 0px 0px;
	border-right: 1px solid #888;
}

div.wb_scrollbox {
	height: 5em;
	overflow: auto;
}

#wb  {
	width: 100%;
}

#wb table {

}

#wb th {
	background-color: rgba(80, 123, 208, 0.6);
	color: #fff;
	border: 0px;
	border-spacing: 0px;
	border-collapse:collapse;
}

td.wb_gruppe{
	border: 0px;
	border-spacing: 0px;
	border-collapse:collapse;
	background-color: rgba(80, 123, 208, 0.4);
}

td.wb_punkt{
	border: 0px;
	border-spacing: 0px;
	border-collapse:collapse;
	background-color: rgba(80, 123, 208, 0.3);
}

td.wb_ziel{
	border: 0px;
	border-spacing: 0px;
	border-collapse:collapse;
	background-color: rgba(80, 123, 208, 0.2);
}

td.wb_gruppe input[type="submit"],
td.wb_punkt input[type="submit"],
td.wb_ziel input[type="submit"]
{
	margin: 4px 0px;
	padding: 2px 10px;
	border-radius: 10px;
	border: 2px solid rgba(80, 123, 208, 0.6);
	background-color: rgba(80, 123, 208, 0.3);
	color: rgba(80, 123, 208, 1);;
	font-weight: bold;

}

td.wb_neu{
}

td.wb_leer{
	border: 0px;
	border-spacing: 0px;
	border-collapse:collapse;
	color: #000;
	background-color: #fff;
}


.gelesenliste{
	font-size: 8px;
}

.smalldescription{
	font-size: 10px;
}

.green{
    background-color: green;
	color: white;
}

.red{
    background-color: red;
	color: white;
}

@font-face {
	font-family: 'code39';
	src: url('fonts/fre3of9x.woff') format('woff'),
	src: url('fonts/fre3of9x.ttf') format('ttf');
}

.code39 {
	font-family: 'code39', sans-serif;
	color: black;
}

.stdKategorie {
	font-weight: bold;
	font-size: 12px;
}

.stdSubkategorie {
	font-weight: bold;
	font-size: 11px;
}

.stdNr {
    text-align: right;
    vertical-align: top;
}

.stdTitel {
    font-size: 12px;
    vertical-align: top;
}
.stdBemerkung {
    font-size: 10px;
}

.stdAutor {
    font-size: 10px;
}

.stdneu {
    font-size: 14px;
    font-weight: bold;
}


svg {
	float: left;
	text-align: center;
}

.tv-ort {
	min-height: 50px;
	height: auto;
	width: 250px;
	padding: 5px;
	margin: 3px;
	border-width: 3px;
	border-style: solid;
	position: relative;
}

.pool {

}

.resource{
	color: #00aa00;
	font-weight: bold;
	width: 200px;
	padding: 2px;
	margin: 1px;
	border-width: 1px;
	border-style: solid;
}

.neue_news {
	text-align: center;
	color: #ffffff;
	background-color: #ff2222;
	width: 100%;
	padding: 5px;
	border: solid 1px #000000;
}

.neue_news td {
	text-align: center;
	padding: 5px;
	border: 0px;
	font-weight: bold;
}


.progress {
	height: 10px;  <em>/* Can be anything */</em>
	position: relative;
	float: left;
	background: #555;
	border-radius: 14px;
	padding: 2px;
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	min-width: 200px;
}

.progress > span {
	display: block;
	height: 100%;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: hsl(120,80%,50%);
	box-shadow:
			inset 0 2px 9px  rgba(255,255,255,0.3),
			inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}

.wb_ziel_name{
	width: auto;
	text-align: left;
}

.wb_ziel_anteil{
	width: 80px;
	text-align: right;
}

.wb_ziel_statusbar{
	width: 300px;
	text-align: center;
}

.wb_ziel_zeit{
	width: 100px;
	text-align: center;
}

.wb_form_container{
	background-color: rgba(80, 123, 208, 0.3);
	width: 80%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 10px;
	border: 2px solid rgba(80, 123, 208, 0.5);
}

.wb_form_group{
	padding: 5px;
}

.wb_form_group:after {
	content: "";
	display: table;
	clear: both;
}

.wb_form_label{
	float: left;
	width: 200px;
	height: 25px;
	text-align: right;
	vertical-align: middle;
	padding: 8px 5px 5px 0;
	display: inline-block;
}

.wb_form_center{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	padding: 8px 5px 5px 205px;
	display: inline-block;
}

.wb_form_center input[type=submit]{
	width: 200px;
}

.wb_form_input{
	width: 500px;
	display: inline-block;
}

.wb_form_input input
{
	width: 100%;
	height: 25px;
	padding: 2px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.wb_form_input input[type="checkbox"]
{
	width: 20px;
	height: 20px;
	padding: 2px;
	margin: 4px 0px;
	float: left;
}

.wb_form_input textarea
{
	width: 100%;
	height: 60px;
	padding: 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.wb_form_input select
{
	width: 100%;
	padding: 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.wb_form_input_plus select
{
	padding: 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.wb_form_input_plus input
{
	height: 25px;
	padding: 2px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.wb_form_input_thema
{
	width: 500px;
	display: inline-block;
}

.wb_form_input_thema input
{
	width: 100%;
	height: 25px;
	padding: 2px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.wb_form_input_thema textarea
{
	width: 100%;
	padding: 2px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



.wb_form_input input[type="color"]
{
	width: 20%;
}

.wb_form_kategorie{
	width: 200px;
	height: 100%;
	padding: 6px 0px;
	margin: auto 20px;
	display: inline-block;
}

.pretest_ok {
	width: 20px;
	height: 20px;
	padding: 2px;
	vertical-align: middle;
}

.grey_bg{
	text-align: left;
	background-color: #dddddd;
	border: 1px solid #222222;
	padding: 10px;
}

.wb_assistent,
.wb_assistent a,
.wb_assistent a:visited{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.wb_assistent a:hover{
	cursor: pointer;
	color: rgba(80, 123, 208,1);
}

.wb_kategorie {
	width:100%;
	height:100%;
	min-width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wb_menue button,
.wb_menue a,
.wb_menue a:visited
{
	background-color: rgba(80, 123, 208,0.5);
	border: 1px solid rgba(80, 123, 208,1);
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 6px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 2px 1px;
	cursor: pointer;
}

.invisible {
	display: none;
}

.visible {
	display: table-row;
}

.wb_ass_table {
	width: 100%;
}

.wb_ass_bewertung_th{
	border: 0px;
	border-collapse: collapse;
}

.wb_ass_bewertung_th_leer{
	border: 0px;
	border-collapse: collapse;
}
.wb_ass_med{
	background-color: rgba(80, 123, 208,0.3);
}
.wb_ass_zus{
	background-color: rgba(80, 123, 208,0.5);
}
.wb_ass_org{
	background-color: rgba(80, 123, 208,0.7);
}

.wb_ass_add{
	background-color: rgba(180, 180, 180 ,0.2);
}

.wb_ass_vertikal_th{
	vertical-align: bottom; text-align: center; padding: 0.8em;
}
.wb_ass_vertikaltext{
	writing-mode: vertical-rl;
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	vertical-align: bottom;
	text-align: left;
	display: inline-block;
}

.wb_ass_td{
	display: table-cell;
	justify-content: center;
	align-items: center;
}

.wb_ass_kreis{
	background-color: #cc4a33;
	position: relative;
	margin: 0.1em auto;
	width: 30px;
	height: 30px;
	border: 1px solid black;
	border-radius: 50%;
	font-weight: bold;
	font-size: 2em;
}

.yellow_corner {
	background-image:url(_bilder/yellow_corner.png);
	background-position: top right;
	background-repeat: no-repeat;
}


.button {
	background-color: rgba(80, 123, 208,0.5);
	border: 1px solid rgba(80, 123, 208,1);
	border-radius: 5px;
	color: #000000;
	font-weight: bold;
	padding: 2px 6px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 2px 1px;
	cursor: pointer;
}

[data-title]:hover:after {
	opacity: 1;
	transition: all 0.1s ease 0.5s;
	visibility: visible;
}
[data-title]:after {
	content: attr(data-title);
	background-color: rgba(80, 123, 208,1);
	color: #ffffff;
	font-size: 130%;
	position: absolute;
	padding: 2px 10px 3px 10px;
	/*bottom: -1.6em;*/
	left: -100%;
	top: 50%;
	text-align: left;
	white-space: nowrap;
	box-shadow: 5px 5px 10px rgba(10,10,10,0.7);
	opacity: 0;
	border: 1px solid #111111;
	z-index: 99999;
	visibility: hidden;
}
[data-title] {
	position: relative;
}


#reatraining{
	width: 100%;
}

#reatraining tr th {
	background-color: rgba(80, 123, 208, 0.6);
	color: #fff;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

#reatraining tr td {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: rgba(80, 123, 208, 0.2);
}

.reatraining_td_empty{
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: rgba(80, 123, 208, 0);
}

#wb_gespraeche{
	width: 100%;
}

#wb_gespraeche tr th {
	background-color: rgba(80, 123, 208, 0.6);
	color: #fff;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

#wb_gespraeche tr td {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: rgba(80, 123, 208, 0.2);
}

.wb_gespraeche_td_empty{
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: rgba(80, 123, 208, 0);
}

.wb_form_input_thema .visible{
	display: inline-block;
}

.newTabledesign {
	width: 100%;
}

.newTabledesign tr th {
	background-color: rgba(80, 123, 208, 0.6);
	color: #fff;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.newTabledesign tr td {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: rgba(80, 123, 208, 0.2);
}

.newTabledesign_td_empty{
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: rgba(80, 123, 208, 0);
}

#anwesenheit {
	width: 100%;
	vertical-align: top;
	text-align: center;
	position: relative;
	display: flex;
}

#anwesend,
#nicht_anwesend
{
	position: relative;
	width: 40%;
	margin: 10px 40px;
	padding: 10px;
	display: inline-block;
	border: 5px solid;
	border-radius: 10px;
	font-weight: bold;
	max-height: 100%;
	overflow-y: auto;

}

#anwesend {
	background-color: rgba(100, 200, 100,0.2);
	border-color: rgba(100, 200, 100,0.7);
	/*filter: drop-shadow(10px 10px 10px rgba(100, 200, 100,0.7));*/
}

#nicht_anwesend{
	background-color: rgba(200,100,100,0.2);
	border-color: rgba(200,100,100,0.7);
	/*filter: drop-shadow(10px 10px 10px rgba(200, 100, 100,0.7));*/
}


#anwesend ul,
#nicht_anwesend ul {
	list-style: none;
	text-align: left;
	font-weight: normal;
}

#anwesend ul li,
#nicht_anwesend ul li {
	/*padding: 1px;*/
}

table.blank td{
	border: 0px;
}


.wb_button_neuer_Eintrag,
.wb_button_neuer_Eintrag:visited
{
	background-color: rgba(80, 123, 208,1);
	border: 2px solid #0247cf;
	border-radius: 10px;
	color: white;
	padding: 10px 17px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
}


[data-tooltip]{
	/*position: relative;*/
}

[data-tooltip]:hover::before {
	content: attr(data-tooltip);
	position: absolute;
	top: 20px;
	left: 20px;
	white-space: pre;
	text-align: left;
	max-width: 1000px;
	background-color: rgba(80, 123, 208,1);
	color: #ffffff;
	padding: 1rem;
	z-index:1000;
	border-radius: 1rem;
	/*top: -0.5rem;
	left: 50%;
	transform: translate(-50%);*/
}

.na_menue button,
.na_menue a,
.na_menue a:visited
{
	background-color: rgba(80, 123, 208,0.5);
	border: 1px solid rgba(80, 123, 208,1);
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 6px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 2px 1px;
	cursor: pointer;
}


.na_form_container{
	background-color: rgba(80, 123, 208, 0.3);
	width: 80%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 10px;
	border: 2px solid rgba(80, 123, 208, 0.5);
}

.na_form_group{
	padding: 5px;
}

/*.na_form_group:after {*/
/*	content: "";*/
/*	display: table;*/
/*	clear: both;*/
/*}*/

.na_form_label{
	/*float: left;*/
	/*width: 200px;*/
	height: 25px;
	text-align: right;
	vertical-align: middle;
	padding: 8px 5px 5px 15px;
	display: inline-block;
}

/*.na_form_center{*/
/*	height: 25px;*/
/*	text-align: left;*/
/*	vertical-align: middle;*/
/*	padding: 8px 5px 5px 205px;*/
/*	display: inline-block;*/
/*}*/

/*.na_form_center input[type=submit]{*/
/*	width: 200px;*/
/*}*/

.na_form_input{
	/*width: 500px;*/
	display: inline-block;
}

.na_form_input input
{
	height: 25px;
	padding: 2px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.na_form_input select
{
	/*width: 100%;*/
	padding: 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#NAEinsaetze tr td input[type="text"]{
	width: 90%;
	font-size: 14px;
}

#NAEinsaetze tr td input {
	margin: 2px;
	padding: 3px;
}

.einsatzlfdnr {
	text-align: right;
	font-weight: bold;
	padding: 2px 6px;
}







#context-menu{
	position:fixed;
	z-index:10000;
	width: 200px;
	background-color: rgba(25, 25, 25, 0.8);
	border-radius: 5px;
	transform: scale(0);
	transform-origin: top left;
	/*display: none;*/
}

#context-menu.visible{
	/*display: block;*/
	transform: scale(1);
	transition: transform 200ms ease-in-out;
}

#context-menu .cm-item {
	padding: 8px 10px;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	border-radius: inherit;
}

#context-menu .cm-item:hover {
	background-color: rgba(150, 150, 150, 0.8);
}



/*Geräteeinweisungsbescheinigung*/


#einweisungsbescheinigung {
	/*width: 100%;*/
	vertical-align: top;
	text-align: center;
	position: relative;
	/*display: flex;*/
}
#einweisungsbescheinigung td, th {
	border: 0px;
	border-collapse: collapse;
	height: initial;
}

.logo {
	border: 0px;
	border-collapse: collapse;
}

#einweisungsbescheinigung .header{
	border: 1px solid #000;
	text-align: center;
	padding: 10px;
}

#einweisungen {
	vertical-align: top;
	text-align: left;
	position: relative;
	border: 0px;
	border-collapse: collapse;
	width: 800px;
	/*display: flex;*/
	page-break-inside: auto;
}

#einweisungen th {
	background-color: #333333;
	color: #ffffff;
	font-size: 13px;
	border-collapse: collapse;
	border: 1px solid #333333;
	padding: 2px 4px;
	margin: 0px;
	page-break-before: auto;
}

#einweisungen tfoot  th {
	background-color: #ffffff;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	border-collapse: collapse;
	border: 0px;
	padding: 4px 2px;
	margin: 0px;

}

#einweisungen tbody {
	display: table-row-group;
	page-break-inside: avoid;
}
/*wichtig um den gesamten Block "Produktgruppe" mit auf die nächste Seite zu nehmen*/
#einweisungen tbody::after {
	content: ''; display: block;
	page-break-after: auto;
	page-break-inside: avoid;
	page-break-before: avoid;
}

#einweisungen td {
	border: 1px solid #888888;
	font-size: 10px;
	padding: 4px;
	vertical-align: top;
}

.produktgruppe {
	background-color: #eeeeee;
	color: #000000;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #888888;
	padding: 2px 4px;
	margin: 0px;
}

#Fusszeile {
	font-size: 8px;
}

thead {
	display: table-header-group;
}

tfoot {
	display: table-footer-group;
}

tbody {
	display: table-row-group;
}


/*für Druck über mehrere Seiten*/
@page {
	size: A4 portrait;
	margin: 1cm;
}
@page:first {
	margin-top: 0cm;
}

/*@page :footer*/
/*{ content: ,"Seite " decimal(pageno), ; border-top:thin solid black; }*/
/*@page produktgruppe {*/
/*	break-before: page;*/
/*}*/

.newPage {
	page-break-before: auto;
}

/*@page {*/
/*	@bottom-center {*/
/*		content: 'Seite ' counter(page) ' von ' counter(pages);*/
/*	}*/
/*}*/
/*@page {*/
/*	@top-center {*/
/*		content: 'Seite ' counter(page) ' von ' counter(pages);*/
/*	}*/
/*}*/

/*.pagecount {*/
/*	display: table-footer-group;*/
/*}*/

/*.pagecount::after {*/
/*	counter-increment: page;*/
/*	content: "Seite " counter(page) "";*/
/*}*/



.footer {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
}

/*.pagenumber::before {*/
/*	counter-increment: pagenumber;*/
/*	content: "Seite " counter(pagenumber) " von ";*/
/*}*/
/*.pagenumber::after {*/
/*	content: counter(pages);*/
/*}*/
/* Beim Ausdrucken Seitenzahlen anzeigen */
@media print {
	.pagenumber {
		display: inline;
	}

	@page {
		@bottom-right {
			content: counter(page) " von " counter(pages);
		}
	}
}

/* Auf dem Bildschirm Seitenzahlen ausblenden */
@media screen {
	.pagenumber {
		display: none;
	}
}


/*progress {*/
/*	position: relative;*/
/*	height: 22px;*/
/*	display: inline-block;*/
/*	padding:2px;*/
/*	border-radius: 7px;*/
/*	width: 400px;*/
/*	height: 22px;*/
/*	box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.2 );*/

/*}*/

/*progress::-webkit-progress-bar {*/
/*	background-color: #444444;*/
/*	border-radius: 7px;*/
/*}*/
/*progress::-webkit-progress-value {*/
/*	background-color: #66cc33;*/
/*	border-radius: 5px;*/
/*}*/

/*progress[value]::-webkit-progress-value {*/
/*	background-color: #eee;*/
/*	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;*/
/*	background-image:*/
/*			-webkit-linear-gradient(-45deg,*/
/*			transparent 33%, rgba(0, 0, 0, .1) 33%,*/
/*			rgba(0,0, 0, .1) 66%, transparent 66%),*/
/*			-webkit-linear-gradient(top,*/
/*			rgba(255, 255, 255, .25),*/
/*			rgba(0, 0, 0, .25)),*/
/*			-webkit-linear-gradient(left, #09c, #f44);*/

/*	border-radius: 2px;*/
/*	background-size: 35px 20px, 100% 100%, 100% 100%;*/
/*}*/



/*Notarztdienstbescheinigung*/


#NAEinsatz-Abrechnung {
	/*width: 100%;*/
	vertical-align: top;
	text-align: center;
	position: relative;
	/*display: flex;*/
}
#NAEinsatz-Abrechnung td, th {
	border: 0px;
	border-collapse: collapse;
	height: initial;
}

.logo {
	border: 0px;
	width: 450px;
	text-align: right;
	border-collapse: collapse;
}

#NARheinlandlogo{
	margin-right: 0;
}

.NA-Adressat {
	vertical-align: top;
	text-align: left;
	position: relative;
	border: 0px;
	border-collapse: collapse;
	/*width: 800px;*/
}

#NADienstDatumDruck {
	vertical-align: top;
	text-align: right;
	position: relative;
	border: 0px;
	border-collapse: collapse;
	/*width: 800px;*/
}

#NADienstUnterschrift{
	vertical-align: top;
	text-align: center;
	position: relative;
	border: 0px;
	display: inline-block;
	margin-top: 20px;
	border-collapse: collapse;
	border-top: 1px solid #000;
	width: 200px;
}


#NAEinsatz-Abrechnung .header{
	border: 1px solid #000;
	text-align: center;
	padding: 10px;
}

#NAeinsaetze {
	vertical-align: top;
	text-align: left;
	position: relative;
	border: 0px;
	border-collapse: collapse;
	width: 100%;
	/*display: flex;*/
	page-break-inside: auto;
}

#NAeinsaetze th {
	background-color: #333333;
	color: #ffffff;
	font-size: 13px;
	border-collapse: collapse;
	border: 1px solid #333333;
	padding: 2px 4px;
	margin: 0px;
	page-break-before: auto;
}

#NAeinsaetze tfoot  th {
	background-color: #ffffff;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	border-collapse: collapse;
	border: 0px;
	padding: 4px 2px;
	margin: 0px;

}

#NAeinsaetze tbody {
	display: table-row-group;
	page-break-inside: avoid;
}
/*wichtig um den gesamten Block "Produktgruppe" mit auf die nächste Seite zu nehmen*/
#NAeinsaetze tbody::after {
	content: ''; display: block;
	page-break-after: auto;
	page-break-inside: avoid;
	page-break-before: avoid;
}

#NAeinsaetze td {
	border: 1px solid #888888;
	font-size: 10px;
	padding: 4px;
	vertical-align: top;
}

#Fusszeile {
	font-size: 8px;
}

/*#NAeinsaetze thead {*/
/*	display: table-header-group;*/
/*}*/

/*#NAeinsaetze tfoot {*/
/*	display: table-footer-group;*/
/*}*/

/*#NAeinsaetze tbody {*/
/*	display: table-row-group;*/
/*}*/


/*Rechte*/

.hochkant span{
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-rl;
	transform-origin: center;
	transform: rotate(180deg);
	padding-top: 2mm;
	padding-bottom: 3mm;

}

th.rotate {
	/* Something you can count on */
	height: 140px;
	white-space: nowrap;
}

th.rotate > div {
	transform:
		/* Magic Numbers */
			translate(25px, 51px)
				/* 45 is really 360 - 45 */
			rotate(315deg);
	width: 30px;
}
th.rotate > div > span {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}


#eplan td.kongress, td.kongress {
	border-bottom: 4px solid #ff5500;
}

.kongresscard{
	border: solid 2px rgba(0, 39, 163, 0.7);
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	position: relative;
	display: inline-block;
	background-color: #bbccff;
	overflow: hidden;
}
.kongresscard hr {
	border: solid 0.5px rgba(0, 39, 163, 0.5);
	width: 75%;
	margin: 10px auto;
}

.kongresscard-content svg {
	display: block;
	margin: 0 10px;
	float: left;
}

#kongresslayer {
	position: absolute;
	top: 0;
	left: 0;
}
.kongress_div {
	position: relative;
	display: inline-block;
	padding: 5px;
	margin: 5px;
	border: solid 2px rgba(0, 39, 163, 0.7);
	border-radius: 5px;
	background-color: #bbccff;

}

.kongress_hide{
	display: none;
}

.kongress_show{
	display: block;
}

.Tariftabelle td, .Tariftabelle th.Entgeltgruppe{
	text-align: right;
	padding: 4px;
}

.Tariftabelle td {
	width: 8%;
}

.Tariftabelle td input[type='number']{
	width: 70px;
}

.Tariftabelle td.aktuell{
	background-color: rgba(80, 123, 208, 0.6);
	color: #fff;
	font-weight: bold;
	border: 1px solid #ff0000;

}

.anzeige_hide {
	display: none;
}



/*Schnee*/
.snow_wrap {
	height: 100vh;
	width: 100%;
	/*background: url("bg.jpg");*/
	background-size: cover;
	background-position: center bottom;
	position: relative;
	overflow: hidden;
	z-index: 1000;
}
.snow,.snow:after,.snow::before {
	content: '';
	position: absolute;
	top: -650px;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: radial-gradient(4px 4px at 100px 50px,#fff,transparent),
	radial-gradient(6px 6px at 200px 150px, #fff,transparent),
	radial-gradient(3px 3px at 300px 250px,#fff,transparent),
	radial-gradient(4px 4px at 400px 350px,#fff,transparent),
	radial-gradient(6px 6px at 500px 100px,#fff,transparent),
	radial-gradient(3px 3px at 50px 200px,#fff,transparent),
	radial-gradient(4px 4px at 150px 300px,#fff,transparent),
	radial-gradient(6px 6px at 250px 400px,#fff,transparent),
	radial-gradient(3px 3px at 350px 500px,#fff,transparent),
	radial-gradient(4px 4px at 550px 550px,#fff,transparent);
	background-size: 650px 650px;
	animation: SnowAnim 3s linear infinite;
}
.snow:after {
	margin-left: -250px;
	opacity: 0.5;
	filter: blur(2px);
	animation-direction: reverse;
	animation-duration: 6s;
}
.snow::before {
	margin-left: -350px;
	opacity: 0.7;
	filter: blur(1px);
	animation-direction: reverse;
	animation-duration: 9s;
}
@keyframes SnowAnim {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(650px);
	}
}

#awtable {
	display: none;
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

.lightbox-content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*position: relative;*/
    background-color: #fefefe;
    /*margin: 15% auto;*/
    padding: 20px;
    border: 1px solid #888;
	width: calc(80%);
	max-width: 650px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	/*animation-name: animatetop;*/
	/*animation-duration: 0.4s;*/
}

.close {
	position: absolute;
	top: 10px;
	right: 20px;
	color: #aaa;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.form-group {
	display: flex;
	flex-direction: row; /* Stack label and input vertically */
	align-items: flex-start;
	margin-bottom: 10px;
}

.form-group label {
	width: 100px;
	margin-right: 10px;
	margin-top:	5px;
	text-align: right;
	align-self: flex-start; /* Align label at the top */
}

.form-group input,
.form-group select {
	flex: 1;
	margin-top: 5px; /* Add some space between label and input */
}

#saveButton {
	margin-top: 15px; /* Add space above the save button */
	align-self: flex-end; /* Align the save button to the right */
}

#deleteButton {
	margin-top: 15px; /* Add space above the save button */
	margin-left: 10px;
	align-self: flex-end; /* Align the save button to the right */
}

#calendar-container {
	position: relative;
	display: flex;
}

#calendar {
	flex: 1;
}

#selected-dates {
	margin-left: 20px;
	width: 100px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	padding: 10px;
}

#selected-dates h3 {
	margin-top: 0;
}

#date-list {
	list-style-type: none;
	padding: 0;
}

#Bemerkung {
	width: 83%;
	height: 3em; /* Adjust the height to approximately 2 lines */
	box-sizing: border-box; /* Ensure padding and border are included in the element's total width and height */
}

.calendar {
	display: block;
	margin-top: 10px;
}

.calendar-header {
	grid-column: span 8;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #507bd0;
	color: #ffffff;
	font-weight: bold;
}

.calendar-weekdays,
.calendar-week {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
}

.calendar-weekday,
.calendar-week-number,
.calendar-day {
	padding: 10px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ccc;
	font-weight: bold;
}

.calendar-weekday,
.calendar-week-number,
.calendar-today-button {
	background-color: #507bd0;
	color: #ffffff;
	font-weight: bold;
}

.calendar-day.selected {
	background-color: rgba(80, 123, 208, 0.6) !important;
	color: #ffffff;
}

.calendar-day.grayed-out {
	color: #888888;
}

.calendar-day.weekend {
	background-color: #e0e0e0;
}
.calendar-day.holiday {
	background-color: #e0e0e0;
	color: #000;
}
.calendar-day.data {
	/*background-color: #f4f4f4;*/
	/*color: #000;*/
}
.calendar-day.today {
	border: 2px solid #dd0000;
}

.tooltip {
	position: absolute;
	text-align: left;
	background-color: rgba(0,0,0,0.85);
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #fff;
	white-space: pre-line;
	z-index: 1000;
	display: none;
	min-width: 400px;
}
.calendar-header button {
	margin: 0 5px;
	padding: 5px 10px;
	background-color: #507bd0;
	color: #ffffff;
	border: none;
	cursor: pointer;
}

.calendar-header button:hover {
	background-color: #405a9c;
}

.svg-container {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	gap: 2px;
	padding: 2px;
}
.calendar-day {
	position: relative;
}
.dialog-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1005; /* Überlagert das gesamte UI */
}

.dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
	z-index: 1010;
	border-radius: 5px;
	border: 2px solid #ff0000;
}

.dialog button {
	margin: 10px 5px;
}

.ausnahmenliste_heute{
	background-color: rgba(250, 0, 0, 0.5);
	color: #ffffff;
	font-weight: bold;
	/*border: 2px solid rgba(250, 0, 0, 0.8);*/
}

.unsaved-changes {
	border: 4px solid red;
}

.wunsch_anmerkung_hide {
	display: none;
}

.wunsch_anmerkung_show {
	display: block;
}

.newTabledesign tr td.wunsch_sun_holiday {
	background-color: rgba(80, 123, 208, 0.35);
}

.wunsch_no_sd {
	background-color: rgba(80, 123, 208, 1);
	background-image: repeating-linear-gradient(
			135deg,
			transparent,
			transparent 2px,
			rgba(255, 255, 255, 0.5) 2px,
			rgba(255, 255, 255, 0.5) 4px
	);
}

/* Base styles for the date info container */
.wunsch_date_info {
	padding: 5px;
	text-align: center;
	height: 100%;
	box-sizing: border-box;
}

/* Stack the elements vertically with proper spacing */
.wunsch_date_info .weekday,
.wunsch_date_info .date,
.wunsch_date_info .holiday {
	display: block;
	width: 100%;
	margin: 2px 0;
}

/* Specific styles for each element */
.wunsch_date_info .weekday {
	font-size: 9px;
	color: #555;
}

.wunsch_date_info .date {
	font-weight: normal;
}

.wunsch_date_info .holiday {
	font-size: 9px;
	color: #555;
	font-style: italic;
}

.shift-type-select {
	font-size: 0.9em;
	width: 95%;
}




/*for drag'n'drop Tagesverteiler*/
.upload-container {
	display: flex;
	align-items: center;
	gap: 20px;
	width: auto;
}

#upload-button {
	padding: 8px 16px;
	background-color: #507bd0;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.droparea {
	margin: 1rem auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100px;
	max-width: 100%;
	height: 50px;
	border: 4px dashed grey;
	border-radius: 5px;
}

.droparea i {
	font-size: 1rem;
	flex-grow: 1;
	padding-top: 1rem;
}

.green-border {
	border-color: green;
}

#selected-date {
	margin: 5px 0;
	font-size: 14px;
	word-break: break-all;
	max-width: 100%;
}

#file-input {
	margin: 5px 0;
	font-size: 14px;
	word-break: break-all;
	max-width: 600px;
	width: 100%;
}

#bar {
	height: 20px; /* Oder Ihre gewünschte Höhe */
	background-color: #eee; /* Grundfarbe, bevor Stärke berechnet wird */
	width: 0%; /* Startbreite */
	text-align: center;
	line-height: 20px; /* Vertikal zentrieren des Texts */
	color: white;
	font-size: 12px;
	border-radius: 3px;
	transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; /* Die Animation! */
}




#tagesverteiler {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

#tagesverteiler h4 {
    margin-right: 10px;
    margin-bottom: 0;
}
#tagesverteiler iframe {
    flex-basis: 100%;
    margin-top: 10px;
}
.day-navigation {
    margin-left: auto;
}

        /*body { font-family: Arial, sans-serif; margin: 20px; }*/
.message { padding: 10px; margin: 10px 0; background-color: #f8f9fa; border-left: 5px solid #28a745; }
.error { border-color: #dc3545; }
        /*table { border-collapse: collapse; width: 100%; margin-bottom: 20px; }*/
        /*th, td { border: 1px solid #dee2e6; padding: 8px; text-align: left; }*/
        /*th { background-color: #f8f9fa; }*/
        /*tr:nth-child(even) { background-color: #f2f2f2; }*/
        /*.form-group { margin-bottom: 15px; }*/
        /*label { display: inline-block; width: 150px; }*/
        /*input[type="text"], select { padding: 5px; width: 300px; }*/
        /*input[type="checkbox"] { margin-right: 5px; }*/
        .btn { padding: 8px 16px; background-color: #007bff; color: white; border: none; cursor: pointer; }
        .btn-danger { background-color: #dc3545; }
        .btn:hover { opacity: 0.9; }
        /*.action-links a { margin-right: 10px; }*/
        .indent-1 { padding-left: 20px; }
        .indent-2 { padding-left: 40px; }
        .indent-3 { padding-left: 60px; }


        #edit_menue .form-group label{
            width: 300px;
        }

        #edit_menue .form-group input[type="checkbox"]{
            flex: none;
            align-self: flex-start;
            margin-top: 5px;
            margin-left: 0;
        }