body {
	background-color: #000000;
	font-family: "Rubik", sans-serif;
	font-optical-sizing: auto;
	font-weight: 10px;
	font-style: normal;
	
}
.kassacontent{
position: fixed;
top: 80px;
width: 860px;
right: 0px;
bottom: 440px;
background-color: #21242C;	

}
.kassatopbar{
position: fixed;
top: 0px;
width: 840px;
right: 0px;
height: 80px ;
z-index: 9999;
padding: 10px;
	
}
.systemstate{
	position: fixed;
	height: 20px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #333 !important;
	padding: 2px;
	font-size: 12px;
}
.reciept{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 860px;
	bottom: 10px;
	background-color: #fff;
	padding: 20px;
}
.reciept_actions{
	position:absolute;
	bottom: 0px;
	height: 80px;
	width: 95%;
	margin-bottom: 30px;
}
.kassamenuhr{
	
}
.aTable {
	width: 800px;
	border-spacing: 2px;
	tr {
		//background-color: #DDD;
		padding: 10px;
		border-bottom: solid 1px grey;
	}
	td {
		padding: 10px;
	}
	td:first-child  { width: 5%;/* 1st element */ }
	td:nth-child(2) { /* 2nd element */ }
	td:nth-child(3) { width: 20%; text-align:right;/* 3rd element */ }
	td:last-child   { width: 20%; font-weight: bold; text-align:right;/* 4th element */ }
}


.inputmenu{
	position: fixed;
	height: 400px;
	width: 240px;
	right: 0px;
	bottom: 25px;

}
.kassamenu{
	position: fixed;
	height: 400px;
	width: 585px;
	right: 240px;
	bottom: 25px;
	//background-color: green;
}
.inputknop_normal{
	position:relative;
	width: 115px;
	height: 80px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	//background-color: color(srgb 0.322 0 1);
	font-weight: 600;
}
.inputknop_numpad{
	position:relative;
	width: 105px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 48px;

	color:white !important;
}

.inputknop_enter{
	position:relative;
	width: 115px;
	height: 250px;
	line-height: 125px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	background-color: #606060;
	border-radius: 0.3rem;
}
.inputknop_totaal{
	position:relative;
	width: 135px;
	height: 250px;
	line-height: 250px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	background-color: #373737;
	border-radius: 0.3rem;
}
.inputknop_korting{
	position:relative;
	width: 135px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	background-color: #373737;

	border-radius: 0.3rem;
}
.inputknop_topknop{
	position:relative;
	width: 135px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	background-color: #373737;
	border-radius: 0.3rem;
	margin-top: 5px;
	
}
.manuelinput{
	
	margin: 0 auto;
	padding: 1rem 1rem;
	border-radius: 0.1rem;
	background-color: rgb(255, 255, 255);
	border: none;
	font-size: 24px;
}

.inputknop{
	margin: 0 auto;
	padding: 1rem 1rem;
	border-radius: 0.1rem;
	background-color: rgb(255, 255, 255);
	border: none;
	font-size: 24px;
	width: 60px;
}
.buttondiv{
	position:relative;
	width: 50px;
	height:50px;
	
	float:right;
	padding: 5px;
	border-radius: 0.3rem;
}
table { 
border-spacing: 0;
border-collapse: collapse;
}
.white{
	color:white;
}
.grey{
	color:#373737;
}
.red{
	color: color(srgb 0.439 0.015 0.015);
}
.bg-orange{
	background-color:#ed955e;
}
.bg-blue{
	background-color:#4c7e93;
}
.bg-grey{
	background-color: #6e6e6e;
}
.bg-green{
	background-color: #12ba92;
}
.padding-fix-icon{
	padding-top: 20px;
	height: 60px;
	border-radius: 0.3rem;
}
.padding-fix-texticon{
	padding-top: 10px;
	height: 70px;
	border-radius: 0.3rem;
}
.floatright{
	float:right;
	margin-left: 10px;
}
.hover:hover{
	border-radius: 0.3rem;
background-color: black;
transition: background-color 100ms linear;
	 
}