body {

	margin: 0;
	padding 0;
	
	background-color: gray;

}

div.topbar {

	width: 100%;
	height: 60px;
	background-color: black;
	margin: 0px 0px;
}

.menu-icon {
	float: left;
	
	cursor: pointer;
	display: inline-block;
	margin: 13px 0px 0px 10px;
}

.menu-icon div {
	width: 30px;
	height: 4px;
	background-color: #fff;
	margin: 5px 0px 0px 0px;
	
}

.statusbar {
	float: left;
	padding: 16px;
	padding-left: 20px;

	color: #fff;
	font-family: Arial;
	font-size: 22px;

}

.statusbar .text a {
	text-decoration: none;
	color: #fff;
}

.statusbar .text {
	float: left;
}

.button-bar {
	float: right;
}

.button-bar .button {
	margin-top: 8px;
	margin-right: 20px;
	float: right;
	cursor: pointer;
}

.button-bar .button img {

	width: 90%;
}

.input-bar {
	margin: 20px;
	padding: 40px;
	background-color: #000;
}

#code {

	height: 50px;
	width: 500px;

	background-color: black;

	color: #fff;
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;
	
}

.mode-button {
	float: right;
}

.mode_barcode {
	border: 3px solid red;
}

.mode_keyboard {
	border: 3px solid #fff;
}

.order_nr {
	font-family: Arial;
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	background-color: black;
	padding: 50px;
	text-align: center;
}

.result {

	color: #000;
	font-family: Arial;
	font-size: 80px;
	font-weight: bold;
	padding: 50px 50px;

	width: 50%;

	text-align: center;
	

}

.result_container { 
	width: 100%;
}

.cat {

}

.cat-option_categorie, .cat-option_button {
	
	padding: 40px;
	text-align: center;
	margin: 20px;

	cursor: pointer;
}

.cat-option_product {
	
	padding: 20px;
	text-align: center;
	margin: 20px;

	cursor: pointer;
}

.option_type_categorie {
	background-color: black;
}

.option_type_leverancier {
	background-color: black;
}

.option_type_button {
	background-color: black;
}

.option_type_product {
	background-color: #444;
}

.cat-label {
	font-family: Arial;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

.option_type_product div.cat-label {
	text-align: right;
	float: right;
}

.thumbnail {
	float: left;
}

.thumbnail img {
	width: 80px;
}

.formdiv {
	
}

.formdiv .message {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.formdiv .message a {
	color: #fff;
}

.formdiv form {
	margin: 20px;
	padding: 40px;
	background-color: #000;

}

.formdiv form label {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}