/* CSS Document */

table.inputs2020 thead td {
		font-weight: bold;
}
table.inputs2020 td {
	padding: 3px 10px;
	vertical-align: middle;
}
table.inputs2020 td.vTop {
	vertical-align: top;
}
/*table.inputs2020 tr:hover {*/
/*table.inputs2020 tbody:hover td[rowspan], table.inputs2020 tr:hover td {*/
table.inputs2020 tbody:hover td[rowspan], table.inputs2020 tr:hover td {
	background-color: #DDDDDD;
}

table.inputs2020 tr.trAktiv td {
    background-color: #C8C8FF;
}



select.inputs2020,
textarea.inputs2020,
input.inputs2020 {
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #8BAFD4;
	margin: 5px 0;
	font-size: 1em;
}

select.inputs2020.big,
textarea.inputs2020.big,
input.inputs2020.big {
	padding: 10px 15px;
	border-radius: 5px;
	border: 2px solid #8BAFD4;
	margin: 10px 0;
	font-size: 1.2em;
}

select.inputs2020.calc100,
input.inputs2020.calc100 {
	width: calc(100% - 100px);
}
select.inputs2020.calc250,
input.inputs2020.calc250 {
	width: calc(100% - 250px);
}

button.inputs2020 {
	padding: 5px 10px;
	border-radius: 10px;
	cursor: pointer;
}
button.inputs2020.big {
	padding: 10px 15px;
	border-radius: 15px;
}

button.inputs2020.edit {
	background-color: #017700;
	color: #FFFFFF;
}
button.inputs2020.edit:hover {
	background-color: #01B000;
}
button.inputs2020.edit::before {
	font-family: "FontAwesome";
	content: "\f040";
	margin-right: 0.5em;
	font-size: 1.2em;
	border: none;
}
button.inputs2020.new {
	background-color: #017700;
	color: #FFFFFF;
}
button.inputs2020.new:hover {
	background-color: #01B000;
}
button.inputs2020.new::before {
	font-family: "FontAwesome";
	content: "\f055";
	margin-right: 0.5em;
	font-size: 1.2em;
	border: none;
}
button.inputs2020.save {
	background-color: #017700;
	color: #FFFFFF;
}
button.inputs2020.save:hover {
	background-color: #01B000;
}
button.inputs2020.save::before {
	font-family: "FontAwesome";
	content: "\f0c7";
	margin-right: 0.5em;
	font-size: 1.2em;
	border: none;
}
button.inputs2020.delete {
	background-color: #C00000;
	color: #FFFFFF;
}
button.inputs2020.delete:hover {
	background-color: #FF0E0E;
}
button.inputs2020.delete::before {
	font-family: "FontAwesome";
	content: "\f1f8";
	margin-right: 0.5em;
	font-size: 1.2em;
	border: none;
}

button.inputs2020.edit.no_margin::before
, button.inputs2020.new.no_margin::before
, button.inputs2020.save.no_margin::before
, button.inputs2020.delete.no_margin::before {
	margin-right: 0em;
}


button.inputs2020.saveNew {
	padding: 10px 15px;
	border-radius: 15px;
	background-color: #017700;
	color: #FFFFFF;
}
button.inputs2020.saveNew:hover {
	background-color: #01B000;
}
button.inputs2020.saveNew::before {
	font-family: "FontAwesome";
	content: "\f0c7";
	margin-right: 0.5em;
	font-size: 1.2em;
	border: none;
}



/*** custom checkboxes ***/

input.inputs2020[type=checkbox] { display:none; } /* to hide the checkbox itself */
input.inputs2020[type=checkbox] + label:before {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
}

input.inputs2020.check[type=checkbox] + label:before { font-weight: 400; letter-spacing: 14px; } /* unchecked icon */
input.inputs2020.toggle[type=checkbox] + label:before { font-weight: 900; letter-spacing: 8px; } /* toggle off */

input.inputs2020.check[type=checkbox] + label:before { content: "\f0c8"; } /* unchecked icon */
input.inputs2020.toggle[type=checkbox] + label:before { content: "\f204"; } /* toggle off */

input.inputs2020.check[type=checkbox]:checked + label:before { content: "\f14a"; } /* checked icon */
input.inputs2020.toggle[type=checkbox]:checked + label:before { content: "\f205"; } /* toggle on */

input.inputs2020[type=checkbox].big { font-size: 1.4em; }
input.inputs2020[type=checkbox].big + label:before { font-size: 1.4em; }

input.inputs2020[type=checkbox].red + label:before { color: #FF0E0E; }
input.inputs2020[type=checkbox].green + label:before { color: #017700; }