html {

	/*background-color: 	#e6f2e6*/

	background-color: #FFF1E0
}



body {

	font-family: 'Roboto';

	color: #081108;

}

input[type="text"],
input[type="number"],
input[type="date"],
textarea,
select,
input[type="checkbox"] {
	border: none;
	background-color: transparent;
	color: #026721;
	font-size: 16px;
	accent-color: #026721;

}

textarea {
	text-align: justify;
	text-justify: inter-word;
}


table {

	border-spacing: 0;

	border: solid #026721;

	margin: 30px auto;

	border-radius: 15px;

	line-height: 25px;

}



th {

	font-weight: 500;

}



thead tr:last-child th {

	border-bottom: 3px solid #ddd;

}



/*tbody tr:hover {

  background-color: #449e48;

  cursor: default;

}*/

.z-1 {
	z-index: -1;
}

.z0 {
	z-index: 0;
}

.z1 {
	z-index: 1;
}

.z10 {
	z-index: 10;
}

.z100 {
	z-index: 100;
}

.z1000 {
	z-index: 1000;
}


.customButton {

	position: relative;

	padding: 1px 10px;

	margin: 0px 4px 4px 0px;

	float: right;

	border-radius: 2px;

	font-size: 16px;

	color: #FFF1E0;

	text-decoration: none;

	background-color: #026721;

	border: none;

	/*border-bottom: 5px solid #034037; 585857*/

	text-align: center;

	/*text-shadow: 0px -2px #0d47a1;*/

	-webkit-transition: all 0.1s;

	transition: all 0.2s;

}



/*.tableLine		{

	background-color: 	#265828;

	color:				white;

	padding: 			12px 12px;

	text-align: 		center;

	font-size: 			16px;

}*/



.errorMessage {

	text-align: center;

	background-color: #f08080;

	color: #FFF;

}



.textBar {

	background-color: white;

	margin-left: auto;

	margin-right: auto;

	border-radius: 3px;

	width: 90%;

}





.tooltip {

	text-decoration: none;

	position: relative;

}



.tooltip span {

	display: none;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	color: black;

	background: white;

}



.tooltip span img {

	float: left;

	margin: 0px 8px 8px 0;

}



.tooltip:hover span {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1000;

	width: auto;

	max-width: 320px;

	min-height: 0px;

	border: 1px solid black;

	margin-top: 12px;

	margin-left: 32px;

	overflow: hidden;

	padding: 3px;

}



.test {

	border: none;

	box-shadow: none;

	outline: none;

	cursor: default;

	resize: none;



	margin-left: auto;

	margin-right: auto;

	margin-top: auto;

	margin-bottom: auto;

	width: 100%;

	color: #FFF1E0;

	background-color: transparent;

	text-align: center;

	font-size: 20px;

	/*font-family: 		Arial;*/

}

.koelleColorHover:hover {
	background-color: #026720BB;
}

.koelleColor {
	background-color: #026721;
	color: #FFF1E0;
}

.koelleColorRev {
	background-color: #FFF1E0;
	color: #026721;
}

.lightGreyColor {
	background-color: lightGrey;
	color: #026721;
}

.koelleColorFront {
	color: #FFF1E0;
}

.greenColor {
	background-color: #80c080;
	color: #FFF1E0;
}

.redColor {
	background-color: #f59999;
	color: #FFF1E0;
}

.blackColor {
	background-color: #585857;
	color: #FFF1E0;
}

.purpleColor {
	background-color: #6D2177;
	color: #FFF1E0;
}

.blueColor {
	background-color: #16215B;
	color: #FFF1E0;
}

.darkGreenColor {
	background-color: #013c13;
	color: #FFF1E0;
}

.yellowColor {
	background-color: #F1EE8E;
	color: #FFF1E0;
}

.yellowColorBlack {
	background-color: #F1EE8E;
	color: #026721;
}

.redColorBlack {
	background-color: #f59999;
	color: #026721;
}

.greenColorBlack {
	background-color: #80c080;
	color: #026721;
}


.buttomEdit {

	border: none;

	box-shadow: none;

	outline: none;

	cursor: default;

	resize: none;

}



.edit {

	background-image: url("/img/lapis2.png");

	min-width: 30px;

	height: 30px;

	border: none;

	background-size: cover;

	background-position: center;

}



.container {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

}


select[multiple]:focus option:checked:before,
select[multiple]:focus option:hover,
select[multiple]:focus option:focus,
select[multiple]:focus option:active {
	background: red linear-gradient(0deg, red 0%, red 100%);
}

@keyframes appearFromRight {
	0% {
		transform: translateX(1000px);
	}

	100% {
		transform: translateX(0px);
	}
}

@keyframes appearFromLeft {
	0% {
		transform: translateX(-1000px);
	}

	100% {
		transform: translateX(0px);
	}
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}