wmdeit_kaform/kostenerstattung.css

* {
	font-family: Montserrat, Ubuntu, Lucida Grande, Helvetica Neue, DejaVu Sans, FreeSans, Liberation Sans, Droid Sans, sans;
}
input[type='time'] + input, input[type='date'] + input {text-align: right; }

input[type='radio'], input[type='radio'] + label, label + input[type='text'] { display:inline;}


.valid { border-color: green; color: green; }
.invalid { border-color: red; color: red; }

[readonly] { border: 0px none transparent;}
fieldset span {text-align:right;}
/*#printcontainer_top, #printcontainer_bottom, #datacontainer { position:absolute;left:50%; transform: translateX(-50%); }*/
#printcontainerDE_top, #printcontainerEN_top { top:3px;}
abbr {
	cursor:help;
}

.geld { text-align: right; }
/*.geld:after { content:"€";}*/
.geld:empty:after{color:lightgray}

#Summe { font-size: 141%;}

th, td, tr {
	padding: 0.2rem;
}

th { font-size: 1rem; color: darkgray;}

th, td {
	border: 1px solid gray;
}

tr {
	border: 0px none transparent;
}

table {
	border-collapse: collapse;
	border: 0px none transparent;
}

thead { display:table-header-group; }
tfoot { display:table-footer-group; }

.delete, #more, #more td, tbody { border: 0px none transparent;}
#spalte0 { width:2rem; }
/*#spalte1 { width:2rem; }*/
#spalte2 { width:5rem; }
#spalte3 { width:5rem; }
#spalte4 { width:5rem; }
/*#spalte5 { width:2rem; }
#spalte6 { width:2rem; }
#spalte7 { width:2rem; }*/
#spalte8 { width:3rem; }

.delbutton { width:100%;}
#addbutton_de, #addbutton_en, .delbutton {
	border-radius: 0.25em;
	text-align:center;
	font-weight: bold;
	font-size: 200%;
}
body > h2{
	margin-left:1rem;
}
h1 {
  font-size: 150%;
}
h2 {
  font-size: 120%;
}
/*p, dd {
  font-size: 75%;
}*/
::placeholder {
 font-size: 75%;
}

fieldset{
	margin:1rem 0 0 0;
	border-color:transparent;
	border-right: none;
	border-top:1px solid silver;

}

fieldset > fieldset{
	border:1px solid silver;
	margin-top:1rem;
}

fieldset > label {
	display: block;
	color: grey;
	font-size: 83%;
	margin-top: 0.5rem;
}
.iblock {
	display: inline-block;
	vertical-align: top;
}

.iblock label {
	display: block;
	font-size: 90%;
}
.EU, .nonEU, .paypal { }
/*#bankdetails * { display: none; }*/
#bankdetails legend, #bankdetails input[type="radio"], #bankdetails input[type="radio"] + label, #bankdetails label.radio { display: inline; }
#bankdetails #eu:checked ~ .nonEU:not(.EU), #bankdetails #eu:checked ~ .paypal { display: none; }
#bankdetails #noneu:checked ~ .EU:not(.nonEU), #bankdetails #noneu:checked ~ .paypal  { display: none; }
#bankdetails #paypal:checked ~ .EU, #bankdetails #paypal:checked ~ .nonEU { display: none; }
#bankdetails #bar:checked ~ .EU, #bankdetails #bar:checked ~ .nonEU, #bankdetails #bar:checked ~ .paypal { display: none; } 
.radiobutton {
  display: none !important;
}

input:checked + label { font-weight: bold; text-decoration: underline;}

#de:checked~header :lang(en) { display: none; }
#en:checked~header :lang(de) { display: none; }
#de:checked~div :lang(en) { display: none; }
#en:checked~div :lang(de) { display: none; }
#de:checked~main :lang(en) { display: none; }
#en:checked~main :lang(de) { display: none; }

legend{
	font-weight: bold;
}

fieldset fieldset legend{
	color:#020202;
}

.resultbox{
	padding:1em;
	background-color:#cdddff;
	margin:2px;
	margin-top:1rem;
}

.resultvalue{
	background-color:#eaf1ff;
	border: 1px solid #347bff;
	padding:2px;
	margin-left:0.2em;
}

input[type=checkbox]{
	margin-left:0.5em;
}

header, footer{
	padding:1rem;
}

footer{
	color: darkgray;
}

.print, .printiblock, .printcell { display:none;}

.eintrag, .eintrag * {
	page-break-inside:avoid;
	page-break-after:auto;
	break-inside:avoid;
	break-after:auto;
}
#Aufstellung { page-break-inside:auto;}
@media print {
	fieldset, abbr, input, select, label { border-style: none !important; }
	fieldset {border: 0;}
	abbr {
		border-bottom: none !important;
		cursor: inherit !important;
		text-decoration: none !important;
		font-size: 75%;
	}
	input{
		font-size:100%;
	}
	select { background:none; appearance: none; }
	input:disabled { background:none; }
	legend,
	input[type='time'],
	input[type='date'],
	input[type='time'] + input,
	input[type='date'] + input,
	input:checked + label,
	input:checked + label + input[type='text'],
	#ts24h, #ts8h, #pausch,
	select,
	#Aufstellung input[type='text'] { font-weight: bold; color:#000000}
	#printcontainerDE_bottom,
	#printcontainerEN_bottom,
	#printcontainerDE_top,
	#printcontainerEN_top,
	#datacontainer,
	footer,
	input[type='radio'], input[type='radio'] + label, label + input[type='text'],
	#en:checked ~ [lang="en"],
	#de:checked ~ [lang="de"] { display:none; }
	.screen, .delete, #faq ~ dl { display:none; font-size:50%;}
	.screen input:checked, .screen input:checked + label { display:inline !important; }
	.print { display:block;}
	.printiblock { display:inline-block;}
	.printcell { display:table-cell;}
	#vorschuss { font-weight: bold;}
	::placeholder{ color: transparent !important;}
	textarea { border-width:0;}
}
abbr[title="Dieser Anspruch wurde für diesen Reisetag berechnet."] { font-weight: bold;}