html, body {
	height:100%;
	font-size: 14px;
}

body	{
		font-family: helvetica,verdana,arial;
		padding: 0px;
		margin: 0px;
		background-color: #ffffff;
}
.sql_show,
.sql_show tr th,
.sql_show tr td	{
		font-size:0.875rem;
		text-align:left;
		padding-left:4px;
		padding-right:4px;
		width:100%;
		white-space:nowrap;
		margin-bottom:10px;
}
.sql_show tr th	{
		border-bottom:1px solid black;
		font-weight:normal;
}

#layout_tbl_head_tr table td{
	font-size:11px !important;
}

#section_right,
.content_rechts,
.content_rechts td,
#section_right td{
	font-size:12px;
}

table	{
		border-collapse:collapse;
}
td {
		font-family: verdana,helvetica,arial;
		font-size: 0.875rem;
		vertical-align:top;
}

table.input_form tr td,
table.update_form tr td{
		font-size: 0.875rem;
		vertical-align:top;
}
.records{
		border-collapse:collapse;
}
.records tr th{
		color: black;
		font-family: verdana,helvetica,arial;
		font-size: 0.875rem;
		vertical-align:top;
		text-align:left;
		border-bottom:1px solid black;
		padding-left:5px;
		padding-right:5px;
}
.records tr th a{
		color: black;
		text-decoration:none;
}
.records tr td{
		padding-left:5px;
		padding-right:5px;
}
.headline{
		font-family: verdana,helvetica,arial;
		font-size: 1.05rem;
		font-weight: bold;
		margin-bottom:10px;
}
.topmenu,
.topmenu a{
		color: red;
		font-size: 11px;
		text-decoration: none;
}
.topmenu a:hover{
		color: black;
}

.form,
.form tr td{
		color: black;
		font-style: italic;
		font-size: 0.8rem;
		vertical-align: middle;
}

.form tr td input,
.form tr td select{
		color: black;
		font-size: 0.85rem;
}
.picker	{
		font-size:0.7rem;
		border:1px solid #666666;
		background-color: #eeeeee;
		height:20px;
		width:20px;
		cursor:pointer;
		margin-left:1px;
		margin-top:0px;
		margin-bottom:1px;
}
#section_right,
#section_right *{
		color: #ffffff;
		font-family: Arial;
}


#ausbildungsmatrix td,
#ausbildungsmatrix thead th,
#ausbildungsmatrix tfoot th{
	padding-left: 20px;
	padding-right:20px;
	font-size:0.95rem;
	text-align:center;
	vertical-align: middle;
	height: 40px;
}
#ausbildungsmatrix tbody td{
	border-bottom: 1px dotted #000000;
}


#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000000; cursor:wait;}

/* Container */
#simplemodal-container {height:350px; width:540px; color:#ffffff; background-color:#ffffff; border:2px solid #000000; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#dddddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#000000;}
.actionbox{
	position:absolute;
	background-color: #ffffff;
	padding: 5px;
	border:1px solid #000000;
	line-height: 25px;
}

.terminvorschlag{
	background-color: #dddddd;
	color: #444444;
	padding: 3px;
}

.terminvorschlag .highlighted{
	background-color: #00ff00;
	font-weight:bold;
	color:#000000;
}

.droppable_active{
	background-color: #eeeeee;
	border:1px dotted #9999ff;
}

.termine #termine .teilnehmer>div,
.termine #termine .ausbilder>div{
	white-space: nowrap;
}

table#teilnehmer>tbody>tr>td,
table#bedarf>tbody>tr>td{
	border:1px solid black;
	padding: 2px 5px 2px 5px;
	vertical-align:top;
}

.termine img.ok,
.termine img.unknown,
.termine img.error{
	cursor:pointer;
}

.uebersicht_content #aufgaben th:first-child{
	width: 60px;
}
.uebersicht_content #aufgaben,
.uebersicht_content #aufgaben td{
	width: auto !important;
}

@media print{
	.noprint {
		display:none;
	}

	a{
		text-decoration:none;
		color: #000000 !important;
	}

	table.records{
		border-collapse: collapse;
	}

	table.records>tbody>tr[data-id]>td{
		border-top:1px dotted #000000;

	}
	.uebersicht_content #aufgaben td{
		color: #000000 !important;
	}

	.uebersicht_content #aufgaben td a{
		color: #000000 !important;
		text-decoration: none;
	}

	.datasheet .records>tbody>tr.headline>th:first-child,
	.datasheet .records>tbody>tr.odd>td:first-child,
	.datasheet .records>tbody>tr.even>td:first-child{
		border-left: 1px dotted #aaaaaa;
	}
	.datasheet .records>tbody>tr.headline>th:last-child,
	.datasheet .records>tbody>tr.odd>td:last-child,
	.datasheet .records>tbody>tr.even>td:last-child{
		border-right: 1px dotted #aaaaaa;
	}

	.datasheet .records>tbody>tr.odd>td,
	.datasheet .records>tbody>tr.even>td{
		border-bottom: 1px dotted #aaaaaa;
	}

	.datasheet.portrait{
		margin-top:10mm;
		margin-bottom: 20mm;
	}

	.datasheet.landscape{
		margin-top:15mm;
		margin-bottom: 15mm;
		margin-left: 15mm;
		margin-right: 15mm;
	}
}

.verlauf{
	background: #545454; /* Old browsers */
	background: -moz-linear-gradient(top, #545454 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #545454 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #545454 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #545454 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #545454 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#Atemschutznachweis_zuordnen thead tr td{
	font-weight:bold;
	border-bottom:1px solid black;
	padding-right:10px;
	font-size:0.85rem;
}
#Atemschutznachweis_zuordnen tbody tr td{
	padding-right:10px;
	vertical-align: middle;
	height:20px;
	font-size:0.85rem;
}
#Atemschutznachweis_zuordnen tbody tr.odd td{
	background-color: #efefef;
}

.datasheet .records .odd td{
	background-color:#ffffff;
}
.datasheet .records .even td{
	background-color:#eeeeee;
}

.datasheet.portrait{
  width:190mm;
}

.datasheet.portrait .recordlist{
  max-width:190mm;
}

.datasheet.landscape{
  width:280mm;
}

.datasheet.landscape .recordlist{
  max-width:280mm;
}

.ungepruefteGeraete{
	float:left;
	border:1px solid #000000;
	border-collapse:collapse;
	margin-top:20px;
	margin-right:20px;
}

.ungepruefteGeraete td{
	padding-left:5px;
	padding-right:5px;
}

.ungepruefteGeraete>thead td{
	text-align:center;
	font-weight:bold;
	font-size:1.05rem;
}

.ungepruefteGeraete>tbody>tr.headlines>td{
	font-weight:bold;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

.ungepruefteGeraete>tbody>tr.data:nth-child(odd)>td{
	background-color: #eeeeee;
}
.ui-dialog{
	background-image:none !important;
}

#systeminfo{
	color:#ffffff;
	border-collapse: collapse;
}
#systeminfo .dat{
	text-align:right;
	border-bottom: 1px solid #888888;
}
#systeminfo .hl{
	font-weight: bold;
	border-bottom: 1px solid #888888;
}
#systeminfo .txt{
	padding-bottom:10px;
}

.StammteilInfo td{
	vertical-align: top;
}
.StammteilInfo tr>td{
	padding-right:10px;
}

#uebersicht_tbl .uebung_geplant td,
#uebersicht_tbl .uebung_geplant td a{
	color:#888888 !important;
}

#uebersicht_tbl .uebungsplanung td a{
	color:#ff0000 !important;
}

.mannschaft_sort{
	font-size:0.7rem;
	border: 1px solid #666666;
	cursor:pointer;
	background-color:#cccccc;
	padding:3px;
}
.mannschaft_sort:hover{
	background-color:#eeeeee;
}
.mannschaft_sort.active{
	text-decoration:underline;
}

table#Vorselektionen th,
table#Vorselektionen td{
	color:#000000;
}

.notizzettel{
	font-size:0.875rem;
	overflow: hidden;
	float:left;
	position:absolute;
	color:#000000;
	padding:2px;
	cursor:pointer;
	margin:3px;
	display:block;
}

.notizzettel .first,
.notizzettel .thema{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}

.notizzettel.open{
	height:auto !important;
	width:auto !important;
}
/*
.notizzettel.gross{
	display:none;
}
*/

body[data-action="Uebungsberichte"] input[name="beginn_date"],
body[data-action="Uebungsberichte"] input[name="beginn_time"],
body[data-action="Uebungsberichte"] input[name="ende_date"],
body[data-action="Uebungsberichte"] input[name="ende_time"],
body[data-action="Einsatzberichte"] input[name="beginn_date"],
body[data-action="Einsatzberichte"] input[name="beginn_time"],
body[data-action="Einsatzberichte"] input[name="ende_date"],
body[data-action="Einsatzberichte"] input[name="ende_time"]{
	float:left;
	max-width:120px;
}



#infoblockwrapper{
	display: flex;
	flex-wrap: wrap;
}
.infoblock{
	width:500px;
	height:450px;
	border:1px solid #999999;
	border-radius:10px;
	padding:0px;
	margin:7px;
	max-width: 90vw;
}

.infoblock-small{
	height:fit-content;
}


.infoblock>div{
	display:block;
}
.infoblock .headline{
	min-height:22px;
	padding: 5px;
	white-space: nowrap;
	text-align: center;
	width: 100%;
	overflow:hidden;
	margin-bottom:0px;
}
.infoblock .row{
	margin:0px;
}

.infoblock .scroller{
	overflow:auto;
	width:100%;
	height:calc(100% - 32px);
	border-top:1px solid #000000;
	margin-top:0px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}

.infoblock .termin{
	border-bottom:1px solid #000000;
}
.infoblock .termin>div{
	padding-left:3px;
	padding-right:3px;
}
.infoblock .firstcol{
	color:#000000;
	text-align: center;
	line-height:normal;
	padding-bottom:3px;
}
.infoblock .firstcol.Sa{
	color: #ff8800;
}
.infoblock .firstcol.So{
	color: #ff0000;
}

.infoblock .tag{
	font-size:2rem;
	line-height:normal;
}
.infoblock .wochtentag{
	font-size:0.7rem;
	line-height:normal;
}

.infoblock .datum{
	font-size:0.9rem;
}
.infoblock .zeit{
	font-size:0.9rem;
}
.infoblock .bezeichnung{
	font-size:1.0rem;
	font-weight: bold;
	overflow: hidden;

}
.infoblock .ort{
	font-size:0.95rem;
	color:#555555;
}
.infoblock .nummer{
	font-weight:bold;
}

.infoblock.aufgaben .scroller{
	height:calc(100% - 53px);
}

.infoblock .row.red{
	background-color:#ffd6d6;
}

.infoblock .row.orange{
	background-color:#ffe2cb;
}

.infoblock.aufgaben .row.hidden{
	display:none;
}

#uebungsthema td{
	border: 1px solid #000000;
	padding:10px;
}

#uebungsthema tr td:first-child{
	font-weight:bold;
}