body {
	font-family: Play,Consolas,Arial,Monospaced,helvetica !important;
	min-height: 500px;
	padding: 50px 10px 50px 10px;
	margin-bottom: 300px;
	/*background-color: #f5f5f5;*/
}

@media print
{
    @page {
      /* DIN A4 standard, Europe */
      /*size:        A4;*/
      margin-top:    5mm;
      margin-bottom: 5mm;
    }
    html, body {
        /*width:     210mm;*/
        /* height:   297mm; */
        /*height:    282mm;*/
        /*font-size: 12px;*/
        background:  #FFF;
        overflow:    visible;
    }
    body {
        padding-top:    0mm;
        padding-bottom: 0mm;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    	/*font-size: 80%;*/
    }
    .text-muted {
		color: #777 !important;
	}

	* {
        color: inherit !important;
        background: inherit !important;
    }
    .table td.success {
    	/*border: 1px solid #3c763d !important;*/
    	/*background-color: #3c763d !important;*/
    	color:            #3c763d !important;
    }
    .table td.warning {
    	/*border: 1px solid #8a6d3b !important;*/
    	/*background-color: #8a6d3b !important;*/
    	color:            #8a6d3b !important;
    }
    .table td.danger {
    	/*border: 1px solid #a94442 !important;*/
    	/*background-color: #a94442 !important;*/
    	color:            #a94442 !important;
    }
    .table td.info {
    	/*border: 1px solid #a94442 !important;*/
    	/*background-color: #a94442 !important;*/
    	color:            #31708f !important;
    }
    .table td.primary {
    	/*border: 1px solid #a94442 !important;*/
    	/*background-color: #a94442 !important;*/
    	color:            #428bca !important;
    }
    .table td.muted {
    	/*border: 1px solid #a94442 !important;*/
    	/*background-color: #a94442 !important;*/
    	color:            #C0C0C0 !important;
    }

	.print-breiter-rand {
		margin: 20mm;
	}
	.print-90 {
		zoom: 90%;
	}
	.print-85 {
		zoom: 85%;
	}
	.print-80 {
		zoom: 80%;
	}
	.print-75 {
		zoom: 75%;
	}
	.print-72 {
		zoom: 72%;
	}
	.print-67 {
		zoom: 67%;
	}
}

@media screen{
	*.DbugL                { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; }

	pre.DbugL              { display:inline; background:#F1F1F1; font-size:8pt; }
	div.DbugL              { margin-bottom:5px; }

	a.DbugL_window_link    { font-size:xx-small; color:black; border:1px solid darkorange; padding:3px; background:#F1F1F1; margin:2px;}

	div.DbugL_pre          { font-size:8pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; margin-bottom:10px; }

	/* Profont is a monospace bitmap font which absolutely rocks! see: http://www.tobias-jung.de/seekingprofont/  */
	span.DbugL_multi       { font-size:9pt; font-family: ProFontWindows, ProFont, Lucida Console, monospace, Courier New; background:#F0F0F9; line-height:100%; }
	span.DbugL_outer_space { background:gold; }
	span.DbugL_tabs        { border-right:1px solid #DDD; }

	/* arrgh.. if someone has a fix for the wrong widths of the fieldsets in IE7 please let me know :| */
	fieldset.DbugL_normal    { display:table-cell; border:1px solid black; padding:2px; }
	fieldset.DbugL_pickled   { width:90%; border:1px solid black; padding:2px; }
	legend.DbugL             { font-size:9pt; font-weight:bold; color:white; }
	div.DbugL_runtime        { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size:9pt; font-weight:normal; color:black; background:yellow; padding:2px; }
	span.DbugL_runtime_label { font-weight:bold; }
	span.DbugL_type_other    { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size:8pt; background:#ECEDFE; color:red;}
	span.DbugL_value_other   { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size:8pt; white-space:nowrap; color:black;}

	table.DbugL                       { background:#D5D5EA; font-size:8pt; border-collapse:separate;border-bottom: 2px solid grey; }
	table.DbugL th                    { background:#1E32C8; color:white; text-align:left; padding-left:2px; padding-right:2px; font-weight:normal; }
	table.DbugL td                    { background:#DEDEEF; font-weight:normal; }

	table.DbugL th.key_single_value   { background:#FFFF00 !important; color:black !important; font-weight:normal !important; padding:3px;}
	table.DbugL th.key_string         { color:white; }
	table.DbugL th.key_number         { color:green; }
	table.DbugL th.key_array          { color:white; font-weight:bold; }
	table.DbugL th.key_object         { color:white; font-weight:bold; }
	table.DbugL th.key_single_value, th.key_string, th.key_number, th.key_array, th.key_object { border-bottom: 2px solid grey; }

	table.DbugL td.value              { padding:0px; }
	table.DbugL td.value_bool_true    { color:#5BA800; padding:1px; }
	table.DbugL td.value_bool_false   { color:#D90062; padding:1px; }
	table.DbugL td.value_string       { color:black; padding:1px; }
	table.DbugL td.value_integer      { color:green; padding:1px; }
	table.DbugL td.value_double       { color:blue; padding:1px; }
	table.DbugL td.value_null         { color:darkorange; padding:1px; }
	table.DbugL td.value_empty_array  { color:darkorange; padding:1px; }
	table.DbugL td.value_empty_string { color:darkorange; padding:1px; }
	table.DbugL td.value_skipped      { color:#666666; padding:1px; }
	table.DbugL td.value_alternated   { background-color:#C7C7C7 }
	table.DbugL td.value_integer, td.value_double { text-align:right; }

	div.DbugL_SG                { color:black; font-weight:bold; font-size:9pt; }
	table.DbugL_SG              { width:100%; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;  font-size:8pt; }
	table.DbugL_SG td           { }
	table.DbugL_SG td.globals   { background:#7ACCC8; padding:2px; }
	table.DbugL_SG td.get       { background:#7DA7D9; padding:2px; }
	table.DbugL_SG td.post      { background:#F49AC1; padding:2px; }
	table.DbugL_SG td.files     { background:#82CA9C; padding:2px; }
	table.DbugL_SG td.session   { background:#FCDB26; padding:2px; }
	table.DbugL_SG td.cookie    { background:#A67C52; padding:2px; }
	table.DbugL_SG td.server    { background:#A186BE; padding:2px; }
	table.DbugL_SG td.env       { background:#7ACCC8; padding:2px; }


	div.DbugL_js_hr_first         { width:100%; border-bottom:1px dashed black; margin:10px 0px 10px 0px; font-size:xx-small; text-align:right; background:gold; }
	div.DbugL_js_hr               { width:100%; border-bottom:1px dashed black; margin:10px 0px 10px 0px; font-size:xx-small; text-align:right; background:#EFEFEF }
	div.DbugL_window_content      { padding-top:20px; }
	div.DbugL_window_clear_button { text-align:center; font-size:x-small; position:fixed; top:0px; left:0px; background:orange; width:100%; border-bottom:1px solid black; }
}

.dark_test {
		background-color: white;
		color: black;
	}

@media (prefers-color-scheme: dark) {
	.dark_test {
		background-color: black;
		color: white;
	}
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Play, Consolas, Arial, Monospaced, helvetica !important;
	margin-top:  10px;
}

th {
	text-align: center;
}

td {
	height: 1px;
}

td {
  vertical-align: middle !important;
}
td.align-top, tr.align-top, table.align-top, tr.align-top td, table.align-top tr td {
  vertical-align: top !important;
}
td.zahl {
	padding-left: 15px !important;
}

tr.tr_flach, tr.tr_flach td {
	height:      10px !important;
	min-height:  10px !important;
	max-height:  10px !important;
	line-height: 10px !important
}
.cursor {
	cursor: pointer;
}

td div.span_2_input {
    /* div will now take up full 100% of parent's height */
    height: 100%;
    /*width: 100%;*/
    display: block;
    min-width: 50px;
}
div.div_2_input {
	cursor: pointer;
	height: 100%;
	width:  100%;
}
table.table td span {
	height:           100%;
	/*width:          100%;*/
	min-width:        20px;
	/*vertical-align: middle;*/
	/*min-height:     100px;*/
	display:          inline-flex;
	align-items:      center;
	/*border:         1px solid aqua;*/
}

table.table-nonfluid, table.table-no100 {
   width: auto !important;
}

table.table-100 {
   width: 100% !important;
}

.table.no-border>tbody>tr>td {
	border-top: 0px;
}

table.table-flach td{
	padding-top:    5px !important;
	padding-bottom: 5px !important;
}

/* Tabellen nebeneinander */
div.table-container {
    display:         flex;
    justify-content: space-between; /* Tabellenabstand */
}

.eingabe_feld {
	border-bottom: 1px solid black !important;
	font-weight:   bolder;
	color:         blue !important;
}
.eingabe_feld.text-muted {
	color: #777 !important;
}
@media print{
	.eingabe_feld {
		color: blue !important;
	}
	.eingabe_feld.text-muted {
		color: #777 !important;
	}
}

.container {
	width: 100%;
	max-width: 100%;
}

code, kbd {
	font-family: Play;
}

.text-middle {
	vertical-align: middle !important;
}

.right-column {
	position: fixed;
	right:    15px;
	top:      155px;
}

/* Breite der Popovers anpassen tooltip_wide etc. */
.popover {
	max-width: 1500px;
}

/* Dev-Footer (zur Zeit nicht genutzt?) */
div.dev-footer {
	position:         static;
	bottom:           0px;
	width:            100%;
	left:             0px;
	background-color: black;
	color:            white;
	padding:          5px;
}

/* Schöne Div Box ähnlich well */
.fine {
	/*background-color: #FAFAFA;*/
	border-color:       #E5E5E5 #EEEEEE #EEEEEE;
	border-style:       solid;
	border-width:       1px 0;
	box-shadow:         0 3px 6px rgba(0, 0, 0, 0.05) inset;
	margin:             15px -15px 15px;
	padding:            45px 15px 15px;
	position:           relative;
	display:            inline-block;
	vertical-align:     top;
	margin-right:       15px;
}
.fine {
	/*background-color: #FFFFFF;*/
	border-color:       #DDDDDD;
	border-radius:      4px 4px 0 0;
	border-width:       1px;
	box-shadow:         none;
	margin-left:        0;
	margin-right:       15;
}

.fine-block {
	display: block;
}

.fine-margin-left {
	margin-left: 25px;
}

.fine_no100, .fine-no100 {
	width: auto !important;
}
.fine-max, .fine-100 {
	width: 100%;
}
/* Echo out a label in the upper left corner */
.fine::after {
	content:        attr(data-content);
	position:       absolute;
	top:            15px;
	left:           15px;
	font-size:      12px;
	font-weight:    bold;
	color:          #bbb;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* Echo out a label in the upper right corner */
.fine::before {
	content:        attr(data-close);
	position:       absolute;
	top:            15px;
	right:          15px;
	font-size:      12px;
	font-weight:    bold;
	color:          #bbb;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.fine.kein-titel, .fine.no-title {
	padding-top: 15px
}

.fine.fusszeile {
	padding-bottom: 45px;
}

.fine.small-top-margin {
	margin-top: 15px;
}
.fine.big-top-margin {
	margin-top: 30px;
}

/* Gegenstück zu data-content in der rechten oberen Ecke */
.fine div.top-right {
	position:       absolute;
	top:            15px;
	right:          15px;
	font-size:      12px;
	font-weight:    bold;
	color:          #bbb;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.fine div.top-center {
	position:       absolute;
	top:            15px;
	width:          100%;
	text-align:     center;
	font-size:      12px;
	font-weight:    bold;
	color:          #bbb;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.fine div.top-center.top-xl {
	font-size:      20px;
	letter-spacing: 2px;
	top:            10px;
}

.fine-strong {
	border-color: #333;
	border-width: 2px;
}

.fine.muted {
	background-color: #999999;
}

.fine.primary {
	background-color: #428bca;
}

.fine.primary:hover {
	background-color: #3071a9;
}

.fine.warning {
	background-color: #8a6d3b;
}

.fine.warning:hover {
	background-color: #66512c;
}

.fine.danger {
	background-color: #a94442;
}

.fine.danger:hover {
	background-color: #843534;
}

.fine.success {
	background-color: #3c763d;
}

.fine.success:hover {
	background-color: #2b542c;
}

.fine.info {
	background-color: #31708f;
}

.fine.info:hover {
	background-color: #245269;
}

/*.fine table {*/
	/*margin-bottom: 0px;*/
/*}*/

/* Schließen Button (X) */
.close:hover,
.close:focus {
	color:   red;
	opacity: 1;
	filter:  alpha(opacity=100);
}

/* Button Group Checkbox */
.btn-group-checkbox label:not(.active) {
	background: gray;
	border: 2px solid black;
}
.btn-group-checkbox label.btn-primary {
	border-color: #428bca;
}
.btn-group-checkbox label.btn-primary:hover {
	border-color: #3071a9;
}
.btn-group-checkbox label.btn-warning {
	border-color: #8a6d3b;
}
.btn-group-checkbox label.btn-warning:hover {
	border-color: #66512c;
}
.btn-group-checkbox label.btn-danger {
	border-color: #a94442;
}
.btn-group-checkbox label.btn-danger:hover {
	border-color: #843534;
}
.btn-group-checkbox label.btn-success {
	border-color: #3c763d;
}
.btn-group-checkbox label.btn-success:hover {
	border-color: #2b542c;
}
.btn-group-checkbox label.btn-info {
	border-color: #31708f;
}
.btn-group-checkbox label.btn-info:hover {
	border-color: #245269;
}

/* Mauszeiger zum verschieben anpassen */
.move {
	cursor: move;
}
input[type=checkbox], .pointer, .click, .click_zelle, .click_toggle, .click_ajax {
	cursor: pointer;
}

.form-inline label.control-label {
	height:      100%;
	line-height: 2.5em;
}

/* Chosen Anpassung */
div.chosen-drop {
	/*z-index: 5000;*/
}
.chosen-container-single .chosen-single {
	height: 38px;
	padding-top: 6px;
}
.chosen-container-multi .chosen-choices {
    border-radius: 4px; /* Radius der abgerundeten Ecken */
    min-height:    38px;
	padding-top:   6px;
}
table .chosen-drop {
	/*z-index: 6000;*/
}
table.table-condensed .chosen-container-single .chosen-single, table.table-sm .chosen-container-single .chosen-single {
	height:      25px;
	padding-top: 0px;
}
/*.navbar-xs form.navbar-form .chosen-container-single .chosen-single {*/
/*	height:      35px;*/
/*	line-height: 9px;*/
/*	padding-top: 0px;*/
/*}*/
.chosen-container-single .chosen-single div {
	margin-top: 6px;
}
.chosen-container .chosen-results li.active-result {
	color: black;
}

/* Sortable Placeholder */
.sortable_area {
	cursor: move;
}
.sortable_placeholder {
	background-color: black;
}
.ui-state-highlight {
	height: 5.5em;
	line-height: 5.2em;
	background-color: #000000;
}

/* Navbar-xs */
.navbar.navbar-default.navbar-fixed-top {
	padding-right: 10px;
	padding-left: 10px;
}
.navbar li {
	/*height:     100%;*/
	/*max-height: 100%;*/
	/*height:     50px;*/
	max-height: 50px;
}
.navbar li a {
	/*height:     100%;*/
	/*max-height: 100%;*/
	/*height:     50px;*/
	max-height:   50px;
	margin-left:  0px !important;
}
/* Navbar-Size */
.navbar-sm {
	min-height: 40px;
}
.navbar-sm li{
	height:     40px;
	max-height: 40px;
}
.navbar-sm a{
	padding-top:    10px !important;
	padding-bottom: 10px !important;
	max-height:     20px;
}
.navbar-xs {
	min-height: 34px;
}
.navbar-xs li{
	height:     34px;
	max-height: 34px;
}
.navbar-xs a{
	padding-top:    7px !important;
	padding-bottom: 7px !important;
	max-height:     20px;
}

.navbar-xs form.navbar-form {
	margin-top:    1px;
	margin-bottom: 1px;
	height:        32px;
	text-shadow:   none;
}
.navbar-xs ul.chosen-results li{
	height: 25px;
}
.navbar-xs form.navbar-form div.form-group div.chosen_select .chosen-container-single .chosen-single{
/*	line-height: 19px;*/
	padding:     2px 10px !important;
}
.navbar-xs form.navbar-form div.form-group{
	padding-top:    2px;
	padding-bottom: 2px;
}
.navbar-xs form.navbar-form div.form-group,
.navbar-xs form.navbar-form div.form-group div.chosen_select,
.navbar-xs form.navbar-form div.form-group div.chosen_select div.chosen-container,
.navbar-xs form.navbar-form div.form-group div.chosen_select .chosen-container-single .chosen-single,
.navbar-xs form.navbar-form div.form-group div.chosen_select .chosen-container-single .chosen-single span {
	height:         100% !important;
	max-height:     32px;
/*	padding-top:    1px;*/
/*	padding-bottom: 1px;*/
/*	height:      32px !important;*/
/*	line-height: 9px !important;*/
}



/* Navbar Fix Label */
/*.navbar-form label {
margin-top:     -5px;
padding-top:    15px;
padding-bottom: 15px;
}*/

.navbar .navbar-collapse.in {
	/*z-index: 999999;*/
	/*background-color: #E6E6E6;*/
	/*background-color: white;*/
}

/*.navbar-collapse.in {
	z-index: 999999;
	background-color: #B3B3B3;
}*/

.navbar-center {

}

/*.navbar-header {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
}
.navbar-brand {
	float:none;
}*/


/*
 * JavaScript Errors
 */
.js-error {
	border:           1px dashed red;
	padding:          10px;
	text-align:       left;
	position:         fixed;
	top:              0px;
	left:             0px;
	width:            100%;
	background-color: #ffffff;
	z-index:          15000;
	overflow:         auto;
}

/*
 * Error Block
 */
.error_block {
	color:       #cc0033;
	margin:      10px 0px 20px 0px;
	font-weight: bold;
}
.error_block li {
	margin-left:     20px;
	padding:         2px 0px 2px 5px;
	list-style-type: square;
	font-weight:     normal;
}
.error {
	color:#cc0033;
}

/* Text senkrecht (-90° gedreht) */
.text-senkrecht {
	-webkit-transform: rotate(-90deg);
	-moz-transform:    rotate(-90deg);
	-ms-transform:     rotate(-90deg);
	-o-transform:      rotate(-90deg);
	transform:         rotate(-90deg);
	/*display:           block;*/
	/*padding:           0 .5em;*/
	/*writing-mode:      tb-rl;*/
	/*filter:            flipv fliph;*/
	/*white-space:       nowrap;*/
	/*text-align:        center;*/
	/*vertical-align:    middle;*/
	/*width:             20px;*/
}

.text-diagonal {
	-webkit-transform: rotate(-45deg);
	-moz-transform:    rotate(-45deg);
	-ms-transform:     rotate(-45deg);
	-o-transform:      rotate(-45deg);
	transform:         rotate(-45deg);
	/*display:           block;
	padding:           0 .5em;
	writing-mode:      tb-rl;
	filter:            flipv fliph;
	white-space:       nowrap;*/
}

.progress{
	margin-bottom: 0px;
}
.span_2_input, .progress-input {
	cursor: pointer;
}
.progress-input .progress-label {
	display: none;
}
.progress-input .progress-bar:hover .progress-label {
	display: block;
	color: white;
}


/* Fortschrittsbalken inaktiv */
.progress-bar-inactive {
	background-image: none;
	background-color: transparent;
	/*visibility: hidden;*/
	/*display: none;*/
	/*background-color: #f5f5f5;*/
	/*border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
		  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);*/
}
.progress-striped .progress-bar-inactive {
	/*background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);*/
}
.progress-bar {
	color: #000;
}
.dark_mode .progress-bar {
	color: #FFF;
}
.dark_body {
/*	background-color: black;*/
}

form.dropzone.dz-clickable, form.dropzonejs {
	cursor: pointer;
}
.dropzone {
	background: none;
}
table .dropzone {
	background: none !important;
	min-height: 1px !important;
	padding: 5px !important;
}

.close_and_clear_input {
	position: absolute;
	top:      10px;
	right:    25px;
	cursor:   pointer;
	z-index:  20;
}

.close_and_clear_input + .input-group-addon {
	right:45px;
}

table.no-margin {
	margin-bottom: 0px;
}

table p {
	margin-bottom: 0px;
}

.navbar-logo {
	margin-top: -5px;
}

// LB =
.lb-sm {
  font-size: 12px;
}

.lb-md {
  font-size: 16px;
}

.lb-lg {
  font-size: 20px;
}


.fa-stack-2x.fa-calendar-o {
	margin-top: -3px;
}


.font-xs {
	font-size: 70%;
}

.font-sm {
	font-size: 85%;
}

.font-normal {
	font-size: 100%;
}

.font-md {
	font-size: 105%;
}

.font-lg {
	font-size: 120%;
}

.font-xl {
	font-size: 150%;
}

.fett {
	font-weight: bold;
}


.max_800 {
	max-width: 800px;
}



div.datepicker{
	z-index: 4000 !important;
}


.linie_oben{
	border-top: 1px solid black !important;
}
.linie_unten{
	border-bottom: 1px solid black !important;
}


/* Tabellen Extras */
/* Tabel Header rotieren um 45° */
.table-header-rotated{
	overflow: hidden;
}
.table-header-rotated th.row-header{
	width: auto;
}
.table-header-rotated thead tr{
	overflow: hidden !important;
}

.table-header-rotated td{
	/*width:          40px;*/
	border-top:     0px solid #dddddd;
	border-left:    1px solid #dddddd;
	border-right:   0px solid #dddddd;
	/*vertical-align: middle;*/
	/*text-align:     center;*/
}

.table-header-rotated th.rotate-45{
	height:         160px;
	width:          40px;
	min-width:      40px;
	max-width:      40px;
	position:       relative;
	vertical-align: bottom;
	padding:        0;
	/*font-size:    12px;*/
	line-height:    0.8;
	border:         0px;
}

.table-header-rotated th.rotate-45 > div{
	position:          relative;
	top:               0px;
	left:              80px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
	height:            100%;
	-ms-transform:     skew(-45deg,0deg);
	-moz-transform:    skew(-45deg,0deg);
	-webkit-transform: skew(-45deg,0deg);
	-o-transform:      skew(-45deg,0deg);
	transform:         skew(-45deg,0deg);
	overflow:          hidden;
	border-left:       1px solid #dddddd;
	border-right:      0px solid #dddddd;
	border-top:        0px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
	-ms-transform:     skew(45deg,0deg) rotate(315deg);
	-moz-transform:    skew(45deg,0deg) rotate(315deg);
	-webkit-transform: skew(45deg,0deg) rotate(315deg);
	-o-transform:      skew(45deg,0deg) rotate(315deg);
	transform:         skew(45deg,0deg) rotate(315deg);
	position:          absolute;
	bottom:            30px; /* 40 cos(45) = 28 with an additional 2px margin*/
	left:              -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
	display:           inline-block;
	// width:          100%;
	width:             85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
	text-align:        left;
	// white-space:    nowrap; /*whether to display in one line or not*/
}


/* Kalender */
table.kalender {
	font-size: 150%;
}

tr.wochentage {
	font-size:      100%;
	letter-spacing: 5px;
}
/* Markierung (z.B. Wochenende) */
tr.wochentage .markierung {
	color: green;
}
td.kalender_tag.markierung {
	background-color: rgba( 0, 120, 0, 0.15 );
}

tr.kalender_woche {
}

td.kalender_tag {
	height:         auto;
	min-width:      80px;
	border:         1px solid grey;
	vertical-align: top;
	padding:        5px;
	overflow:       hidden;
}
td.kalender_tag span.nummer{
	position:         relative;
	display:          block;
	top:              0px;
	width:            100%;
	background-color: rgba( 128, 128, 128, 0.05 );
	text-align:       right;
	font-weight:      bold;
	font-size:        160%;
	letter-spacing:   2px;
}
td.kalender_tag span.text{
	min-height: 150px;
	height:     100%;
}
td.kalender_tag .fusszeile{
	bottom:   0px !important;
	/*top:      15px;*/
	display:  block;
	position: relative;
	height:   25px;
	width:    100%;
}
td.kalender_tag .logis{
	/*display:    block;*/
	min-height: 15px;
	width:      100%;
	bottom:     0px;
	position:   relative;
}
.kalender_leerzeile{
	height: 20px;
}


/* Textarea */
.kurz_anzeige {
	overflow:      hidden;
	text-overflow: ellipsis;
	max-height:    50px;
}
.kurz_anzeige:hover {
	overflow: visible;
}

/* Platzhalter */
span.placeholder{
	font-style: italic;
	/*color:      #C0C0C0;*/
}
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;
}
::-moz-placeholder {
   font-style: italic;
}
:-ms-input-placeholder {
   font-style: italic;
}


/* Bootstrap 5.2.0 */
/* Visible -> Inline */
.d-sm-inline {

}

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

.btn-xs, .btn-group-xs>.btn {
    padding:       1px 5px;
    font-size:     12px;
    line-height:   1.5;
    border-radius: 3px;
}


/* Farben in Tabellen */
tr.border-blue td {
	/*border-left-color: rgb(54, 162, 235) !important;*/
	/*border-right-color: rgb(54, 162, 235) !important;*/
	background-color: rgb(54, 162, 235, 0.1) !important;
	border-bottom-color: rgb(54, 162, 235) !important;
}
.border-red td {
	/*border-left-color: rgb(255, 99, 132) !important;*/
	/*border-right-color: rgb(255, 99, 132) !important;*/
	background-color: rgb(255, 99, 132, 0.1) !important;
	border-bottom-color: rgb(255, 99, 132) !important;
}
.border-yellow td {
	/*border-left-color: rgb(255, 205, 86) !important;*/
	/*border-right-color: rgb(255, 205, 86) !important;*/
	background-color: rgb(255, 205, 86, 0.1) !important;
	border-bottom-color: rgb(255, 205, 86) !important;
}
.border-purple td {
	/*border-left-color: rgb(153, 102, 255) !important;*/
	/*border-right-color: rgb(153, 102, 255) !important;*/
	background-color: rgb(153, 102, 255, 0.1) !important;
	border-bottom-color: rgb(153, 102, 255) !important;
}
.border-green_dark td {
	/*border-left-color: rgb(55, 162, 162) !important;*/
	/*border-right-color: rgb(55, 162, 162) !important;*/
	background-color: rgb(55, 162, 162, 0.1) !important;
	border-bottom-color: rgb(55, 162, 162) !important;
}
.border-orange td {
	/*border-left-color: rgb(255, 159, 64) !important;*/
	/*border-right-color: rgb(255, 159, 64) !important;*/
	background-color: rgb(255, 159, 64, 0.1) !important;
	border-bottom-color: rgb(255, 159, 64) !important;
}
.border-grey td {
	/*border-left-color: rgb(201, 203, 207) !important;*/
	/*border-right-color: rgb(201, 203, 207) !important;*/
	background-color: rgb(201, 203, 207, 0.1) !important;
	border-bottom-color: rgb(201, 203, 207) !important;
}
.border-blue_dark td {
	/*border-left-color: rgb(70, 70, 256) !important;*/
	/*border-right-color: rgb(70, 70, 256) !important;*/
	background-color: rgb(70, 70, 256, 0.1) !important;
	border-bottom-color: rgb(70, 70, 256) !important;
}
.border-green td {
	/*border-left-color: rgb(75, 192, 192) !important;*/
	/*border-right-color: rgb(75, 192, 192) !important;*/
	background-color: rgb(75, 192, 192, 0.1) !important;
	border-bottom-color: rgb(75, 192, 192) !important;
}
.border-white td {
	/*border-left-color: rgb(256, 256, 256) !important;*/
	/*border-right-color: rgb(256, 256, 256) !important;*/
	background-color: rgb(256, 256, 256, 0.1) !important;
	border-bottom-color: rgb(256, 256, 256) !important;
}
.border-turquese td {
	/*border-left-color: rgb(256, 256, 256) !important;*/
	/*border-right-color: rgb(256, 256, 256) !important;*/
	background-color: rgb(256, 256, 256, 0.1) !important;
	border-bottom-color: rgb(256, 256, 256) !important;
}
.border-green_dark td {
	/*border-left-color: rgb(0, 100, 0) !important;*/
	/*border-right-color: rgb(0, 100, 0) !important;*/
	background-color: rgb(0, 100, 0, 0.1) !important;
	border-bottom-color: rgb(0, 100, 0) !important;
}

.modal-xl {
	width: 98%;
}




/*Now the CSS Created by R.S*/
.tree {margin: 0; padding: 0;}

.tree ul {
    padding-top: 20px; position: relative;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #ddd;
	font-family: arial, verdana, tahoma;
	font-size: 18px;
	display: inline-block;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}

/* Tree Ende */


/* Tabellenkopf beim scrollen fixieren */
.table-fix-head {
  overflow: auto;
  max-height: 1100px;
}

.table-fix-head thead tr:first-child th {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.table-fix-head thead tr:nth-child(2) th {
  position: sticky;
  top: 30px;
  z-index: 1;
}

/* Just common table stuff. Really. */
table.table-fix-head {
  border-collapse: collapse;
  width: 100%;
}

/*.table-fix-head th, td {
  padding: 8px 16px;
}*/

.table-fix-head th {
  background: #eee;
}
.dark_mode .table-fix-head th {
  background: #2e3338;
}
/* Tabellenkopf beim scrollen fixieren ENDE */


/* Tabelle mit Rahmen / Border Start */
.list-group-item-info.active {
	color:            white;
/*	background-color: #17a2b8;*/
	background-color: #0d6efd !important; /* Dunklere Version der Info-Farbe */
}
.list-group-item-info.active>a {
	background-color: transparent;
}
/* Tabelle mit Rahmen / Border Ende */


/* Releases */
.release_notes {
	max-width: 1000px;
}

.release_note {
	border:        1px solid #DDD;
	border-radius: 7px;
	padding:       5px 10px;
}
.release_notes .release_note {
	margin-top: 0px;
}
.release_note_version {
	margin-top:     0px;
	margin-left:    10px;
	padding-top:    8px;
	padding-bottom: 8px;
}
.release_note_kategorie, .release_note_modul {
	/*margin:     10px;*/
	display:      inline-block;
	width:        130px;
	margin:       5px 0px;
	margin-right: 30px;
	padding:      5px 0px;
}
.release_note_titel {
	/*display:     inline-block;*/
	/*margin-top:  10px;*/
	/*padding-top: 10px;*/
	font-size:     1.2em;
}
.release_note_gelesen {
	display:      inline-block;
	width:        70px;
	/*color:      green;*/
}
/* Releases ENDE */