.scripts{display:none}
td, td input{
	text-align:right;
	min-height: 1.5em;
	box-sizing:content-box;
}
td[type="text"],td input[type="text"],td[type="date"],td input[type="date"],td[type="email"],td input[type="email"],td[type="password"],td input[type="password"]{
	text-align:left;
}
td[type="textarea"]{
	text-align:left;
}
th{
	text-align:left;
}
th[up='up']::after{
	content: ' \25B2';
	text-align:right;
}
th[up='down']::after{
	content: ' \25BC';
	text-align:right;
}
input[type="number"][size="0"]{width:5ch}
input[list][size="0"]{width:7ch}

input[type="number"][size="1"]{width:5ch}
input[list][size="1"]{width:7ch}

input[type="number"][size="2"]{width:6ch}
input[type="number"][list][size="2"]{width:8ch}

input[type="number"][size="3"]{width:6ch}
input[type="number"][list][size="3"]{width:8ch}

input[type="number"][size="4"]{width:6ch}
input[type="number"][list][size="4"]{width:8ch}

input[type="number"][size="5"]{width:7ch}
input[type="number"][list][size="5"]{width:8ch}

input[type="number"][size="6"]{width:8ch}
input[type="number"][list][size="6"]{width:9ch}

input[type="number"][size="7"]{width:9ch}
input[type="number"][list][size="7"]{width:10ch}

input[type="number"][size="8"]{width:10ch}
input[type="number"][list][size="8"]{width:11ch}

input[type="number"][size="9"]{width:11ch}
input[type="number"][list][size="9"]{width:12ch}

input[type="number"][size="10"]{width:12ch}
input[type="number"][list][size="10"]{width:13ch}

input[type="number"]:not([size]){width:5ch}
input[readonly]:hover{cursor:inherit}
input[readonly]::-webkit-outer-spin-button,
input[readonly]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
td:hover,th:hover{cursor:default}
td[onclick]:hover,th[onclick]:hover{cursor:pointer}
td[type="date"]{white-space: nowrap;}
td:not([type]){
	text-align:left;
}
.form thead,.form tfoot{display:none}
.form tr{display:none}
.form .active{display:block;float:left}
.form .active tr{display:table-row}

.form td:not([hidden],.Zeileloeschen,.Zeileeinfuegen){	display:flex;
														flex-direction:column;
														justify-content:end;
														float:left;
														margin-bottom:1em;
														width:auto}
.form td:not(.Dateien, .Zeileloeschen, .Zeileeinfuegen){height:3em;}
.form .Zeileloeschen,.form .Zeileeinfuegen{
	height: 2em;
    width: 2em;
    text-align: center;
    vertical-align: middle;
	display: table-cell;
}

.form td::after{	content:attr(label);
					float:left;
					font-size:smaller;
					opacity:0.5;
					clear:left}
.form input{float:left}
.form .neuezeile{clear:left}

.form table{width:100%}

.Circles{text-align:center;
    display: flex;
	flex-wrap:wrap;
    margin-top: 4em;
    align-content: space-between;
    justify-content: center;}

.step.finish {background-color: green;}
.step {	height: 2em;
		width: 2em;
		margin-bottom: 8em;
		border: 2px solid black;
		border-radius: 50%;
		display: inline-block;
		background-color:red;
		float:left;
}
.steplabel{
	font-size:smaller;
	transform:rotate(315deg);
	top:7em;
	position:relative;
	float:right;
	white-space: nowrap;
	text-align:right;
	width:15em;
}
		
/* Mark the active step: */
.step.aktuell {background-color: black;}

/* Mark the steps that are finished and valid: */

#iframediv{	position: fixed;
			visibility:hidden;
			resize:both;
			border:solid black;
			overflow:hidden;
			z-index:1;
			width:40%;
			height:50%;
			top:10%;
			right:5%}
#iframedivheader{
				background: repeating-linear-gradient(
														45deg,
														#606dbc,
														#606dbc 10px,
														#465298 10px,
														#465298 20px
														);
				visibility:inherit;
				}
#dateiframe{width:100%;
			height:100%;
			visibility:inherit;
			background:white;
			}
#iframeprntbtn{
	opacity: 0.5;
    border-radius: 50%;
    position: absolute;
    top: 4em;
	right:4em;
    width: 4em;
    height: 4em;
}
.invisible{
	visibility:hidden;
}
.nondisplay{
	display:none;
}
.group tbody:nth-child(2n+3){
    /*page-break-after:always;*/
}
.buttonlike{
	float:inherit;
}
.buttonlike[clicked='true'],button[clicked='true']{
	opacity:0.5;
}
.group .Zwischenueberschrift, .Zwischensaldo, .Zwischensumme {
    font-weight:bold;
    font-stretch:expanded;
    font-size:large;
	padding-bottom:0.3em;
	/*width:200px;*/
}
.group .Zwischenueberschrift{
    text-align:left;
}
.group tbody:has(+.active) .Zwischenueberschrift{
	padding-bottom:1em;
}
.Summenzeile,.Saldo{
	font-weight: bold;
}
tbody.Ueberschrift:has(+tbody>tr.found:not(.notfound)){
	font-style:italic;
}
tbody.Ueberschrift:has(+tbody>tr.found:not(.notfound))>tr:first-child>td:first-child:before{
	content:"chevron_right";
	font-family: 'Material Icons';
    color: var(--color-important);

}
tbody.Ueberschrift:has(+tbody>tr.found:not(.notfound)):has(table)>tr:first-child>td:first-child:before{
	    position: relative;
    right: 1em;
    top: 1em;
}
@media print{
	.group .noprint{
		display:none;
	}
}
td.material-icons{display:table-cell}
.material-icons[icon="flag"]{color:red}
.material-icons[icon="warning_amber"]{color:red}
.material-icons[icon="clear"]{color:red}
.material-icons[icon="done"]{color:green}

.Zeileeinfuegen:hover,.Zeileloeschen:hover,.Dateiloeschen:hover{cursor:pointer!important}

h1:hover,h2:hover,h3:hover{cursor:default}

.openDateiframe:hover{cursor:zoom-in}

table.pivot{ 	display: flex;
		flex-direction: row;
		
		width:fit-content}
table.pivot:has(tbody[grpid]){flex-wrap:wrap}
.pivot tbody,.pivot thead,.pivot tfoot{display:flex}
.pivot tr{display:flex;flex-direction: column;}
.pivot th,.pivot td{font-weight:normal;flex:1;border-bottom:1px solid var(--color-white);}
.pivot .Zwischensumme{padding-bottom:0}
.table tr.found{display:table-row!important}
.table tr.notfound:not(.Zwischenueberschrift tr){display:none!important}
.Circles .step.found{display:block!important}
.Circles .step.notfound{display:none!important}

