* {
	margin:0px;
	padding:0px;
	border:0px;
}
body {
	font:13px/19px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#F4F4F4;
}
hr {
	border-bottom:1px solid #ccc;
	margin:0px 0px 10px 0px;
}
a, .procdif {
	color:#09F;
	text-decoration:none;
}
h1 {
	margin:0px 0px 20px 0px;
}
h2, h3, h4, p {
	margin:0px 0px 16px 0px;
}
.overflow {
	overflow:hidden;
}
.loginbg {
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	opacity:0.5;
	width:100%;
}
.notice {
	position:absolute;
	top:-300px;
	width:360px;
	left:50%;
	margin:0px 0px 0px -200px;
	background-color:#FEFFE8;
	padding:20px;
	text-align:center;
}
.notice.error {
	border:1px solid #900;
	color:#900;
}
.notice.accept {
	border:2px solid #090;
	border-top:0px;
	color:#090;
	background-color:#F0FFEC;
}

#loginform {
	position:relative;
	z-index:10;
	width:360px;
	margin:200px auto;
	border:1px solid #CCC;
	padding:20px;
	overflow:hidden;
}
#loginform a {
	float:left;
	clear:left;
	margin:10px 0px 0px 0px;
}
#loginform strong {
	display:block;
	font:400 18px/26px Arial, Helvetica, sans-serif;
	margin:0px 0px 20px 0px;
}
#loginform input[type=text], #loginform input[type=password] {
	width:340px;
}

input {
	border:1px solid #ccc;
	padding:5px 10px;
	margin:0px 0px 10px 0px;
}
td input {
	border:1px solid #ccc;
	padding:5px 0px;
	margin:0px;
	text-align:center;
}
input[type=submit] {
	width:auto;
	float:right;
	margin:0px;
	background-color:#333;
	color:#fff;
}
input[type=button] {
	width:auto;
	float:left;
	margin:0px 5px 0px 0px;
	background-color:#333;
	padding:5px 10px;
	color:#fff;
	border:0px;
}

select {
	border:1px solid #ccc;
	padding:5px 10px;
	margin:0px 0px 10px 0px;
}
input.false {
	border:1px solid #900;
	box-shadow:0px 0px 3px 0px #900;
}
textarea {
	font:12px/19px Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	padding:5px 10px;
}
label {
	float:left;
	margin:0px 5px 0px 0px;
	display:inline;
}
label.cbl {
	float:none;
}


#header {
	height:30px;
	padding:10px 30px;
	border-bottom:1px solid #666;
	font-size:20px;
}
#header a {
	background-image:url("/images/logout.png");
	float:right;
	width:30px;
	height:30px;
}
#nav {
	background-color:#666;
	height:30px;
}
#nav ul {
	float:left;
	display:inline;
	height:30px;
	margin:0px 0px 0px 30px;
}
#nav ul li {
	position:relative;
	float:left;
	display:inline;
	z-index:10000;
}
#nav ul li.active, #nav ul li:hover {
	background-color:#333;
}
#nav ul li a {
	display:block;
	color:#fff;
	padding:6px 10px 5px 10px;
}
#nav ul li ul {
	float:none;
	position:absolute;
	display:none;
	top:30px;
	height:auto;
	width:300px;
	margin:0px;
	background-color:#666;
}
#nav ul li:hover ul {
	display:block;
}
#nav ul li ul li {
	float:none;
	display:block;
	border-bottom:1px solid #999;
}
#nav ul li ul li:last-child {
	border:0px;
}
.clientsearch td {
	background-color:#fff;
}
.clientsearch tr.inactive td {
	background-color:#FFD7D8;
}
.holder {
	border:1px solid #ccc;
	width:466px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.holder table {
	border:0px;
}
table.nobdr, table.nobdr td {
	border:0px!important;
}
table.nobdr td input {
	padding:5px 10px;
	margin:0px 0px 10px 0px;
	text-align:left!important;
}
form {
	background-color:#fff;
	padding:20px;
	border:1px solid #ccc;
	overflow:hidden;
}
form.nomakeup {
	padding:0px;
	border:0px;
	overflow:auto;
}
#content {
	margin:30px;
	overflow:hidden;
}
#csearch {
	float:left;
	width:500px;
}
#customer {
	float:left;
	display:inline;
	margin:0px 0px 0px 40px;
}

table {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}
table th, table td {
	text-align:left;
	padding:2px 3px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
}
table thead th {
	text-align:center;
}
table td {
	cursor:pointer;
	vertical-align:top;
}
table th {
	background-color:#F0EEEE;
}
table tr:hover td {
	background-color:#F2F5FF;
}
table tr.selected td {
	background-color:#BFF1FF;
}
table td.ctM, table td.ctK {
	color:#00C;
}
table td.ctA, table td.ctW {
	color:#F00;
}
table td.ctG {
	color:#000;
}
table td.ctN {
	color:#999;
}
.acc {
	display:inline;
	position:relative;
}
.acomplete {
	list-style:none;
	position:absolute;
	background-color:#fff;
	border:1px solid #ccc;
	top:20px;
	left:0px;
	width:100px;
	max-height:150px;
	overflow-x:hidden;
	overflow-y:auto;
}
.acomplete li {
	padding:2px 10px;
	cursor:pointer;
	border-bottom:1px solid #ccc;
}
.acomplete li:hover {
	background-color:#F2F5FF;
}



.tabs {
	position:relative;
	z-index:50;
	list-style:none;
	overflow:hidden;
	display:block;
}
.tabs li {
	float:left;
	display:inline;
	border:1px solid #ccc;
	border-right:0px;
	padding:5px 10px;
	cursor:pointer;
	background-color:#F3F3F3;
}
.tabs li:last-child {
	border-right:1px solid #ccc;
}
.tabs li.open {
	background-color:#fff;
	border-bottom:1px solid #fff;
}
.tabbladen {
	position:relative;
	z-index:40;
	margin:-1px 0px 0px 0px;
	display:block;
	padding:30px;
	border:1px solid #ccc;
	background-color:#fff;
}
.tabbladen .tab {
	display:none;
	min-height:200px;
}
.tabbladen .tab.open {
	display:block;
}
.tableft {
	float:left;
	display:inline;
	width:25%;
}
.tabright {
	float:left;
	display:inline;
	width:75%;
}
.dishcat, .dish {
	width:90%;
}
.dish option:first-child {
	color:#999;
	font-style:italic;
}
.mencart {
	display:inline-block;
	width:80px;
}
.tabselwidth {
	width:350px;
}
#overlay {
	position:fixed;
	z-index:10000000;
	height:100%;
	width:100%;
	background-color:#fff;
	opacity:0.6;
	top:0px;
	left:0px;
}
#overlay.lvl2 {
	z-index:100000001;
}
#popup {
	position:fixed;
	z-index:100000000;
	left:50%;
	top:50%;
	margin-left:-240px;
	width:400px;
	padding:0px;
	background-color:#FFF;
	border:1px solid #000;
	border-radius:8px;
	overflow:hidden;
}
#popup.lvl2 {
	z-index:1000000001;
}

#popup #popupnav {
	background-color:#000;
	height:25px;
	padding:5px 5px 5px 15px;
	line-height:25px;
	font-size:18px;
	color:#fff;
}
#popup #popupnav span {
	float:right;
	display:inline;
	width:25px;
	height:25px;
	line-height:22px;
	margin:0px 0px 0px 1px;
	cursor:pointer;
	text-align:center;
}
#popup #popupnav span:hover {
	background-color:#900;
}
#popup #popupnav span.maximize {
	display:none;
}

.tbl th {
	border:1px solid #666;
	background-color:#666;
	padding:4px 5px;
}
.tbl th input {
	padding:0px 7px;
	margin:0px 20px 0px 0px;
}
.tbl th a {
	float:right;
}
.tbl th a img {
	display:block;
}
.tbl thead td {
	background-image:url("/images/theadtdbg.png");
	background-position:left bottom;
	background-repeat:repeat-x;
	color:#666;
}
.tbl tr td:first-child {
	border-left:1px solid #ccc;
}
.tbl td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#FFF;
	padding:2px 5px;
	color:#333;
	vertical-align:top;
}
.BookReady td {
	background-color:#D5F9CC;
}
.BookIncomplete td {
	background-color:#FCCDCD;
}
.left {
	float:left;
	margin:0px 20px 0px 0px;
	width:100px;
}
.left .vp {
	overflow-x:hidden;
	overflow-y:auto;
	height:300px;
}
.selectlist {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	list-style:none;
}
.selectlist li {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px 8px;
}
.routes li {
	cursor:pointer;
}
.routes li.active {
	background-color:#EDFAFE;
}
.dishlist span {
	float:left;
	display:inline;
	padding:3px 5px;
	border:1px solid #ccc;
	border-radius:5px;
	margin:0px 5px 0px 0px;
	background-color:#fff;
}
.dishlist span img {
	display:none;
	cursor:pointer;
	vertical-align:middle;
	margin:0px 0px 0px 5px;
}
.dishlist span input {
	padding:0px!important;
}
.dishlist span span, .dishlist span:hover span {
	float:none;
	margin:0px;
	border:0px;
	padding:0px;
	border-radius:0px;
}
.dishlist span:hover {
	background-color:#FDFEE2;
}
.gekdish input[type=button] {
	padding:5px;
}
#addextradish {
	display:none;
}
#maaltijdkeuze {
	border:1px solid #ccc;
	padding:20px;
	margin:20px 0px;
}
.clcdelete {
	border:2px solid #06F;
	padding:2px;
	cursor:pointer;
	border-radius:3px;
}
.dishautofill {
	display:inline-block;
	position:relative;
}
.dishautofill ul {
	position:absolute;
	top:20px;
	left:0px;
	background-color:#fff;
	border:1px solid #ccc;
	overflow:auto;
	width:200px;
	max-height:120px;
}
.dishautofill ul li {
	border-bottom:1px solid #ccc;
	cursor:pointer;
}
.dishautofill ul li:last-child {
	border:0px;
}
.allist {
	list-style:none;
	position:absolute;
	z-index:10px;
	left:0px;
	top:28px;
	width:350px;
	border:1px solid #ccc;
	background-color:#fff;
	max-height:300px;
	overflow-y:scroll;
}
.allist li {
	border-bottom:1px solid #ccc;
	padding:4px 10px;
	cursor:pointer;
}
.allist li:last-child {
	border:0px;
}
.allist li:hover {
	background-color:#F2F5FF;
}

tr.open td{
	
}
tr.paid td{
	background-color: #96FF9B;
}
tr.late td{
	background-color: #FFA0A2;
}
#maaltijdkeuze div {
	max-width: 800px;
}
.sendReminder {
	color: #09F;
}


.overlay {
	background-color: #000;
	opacity: 0.4;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000000;
}
.popup {
	background-color: #fff;
	position: fixed;
	top: 10%;
	left: calc(50% - 250px);
	width: 460px;
	padding: 20px;
	z-index: 1000002;
}
.popup label {
	float: left;
	clear: left;
	width: 30%;
}
.popup input{
	float: left;
	width: 60%;
	margin: 0px 0px 20px 0px;
}
.popup input[type=submit]{
	float: right;
	width: auto;
}
.popup textarea{
	float: left;
	clear: left;
	width: calc(100% - 20px);
	margin: 0px 0px 20px 0px;
	height: 300px;
}
.popup strong{
	float: left;
	clear: left;
	width: 60%;
}

		

@media only screen and (max-width:1400px)
{
	
	#popup {
		width: 100%!important;
		margin: 0px!important;
		top: 0px;
		left:0px;
	}
	form {
        padding: 5px 10px;
	}
	h1 {
    	margin: 0px 0px 10px 0px;
	}
	
	
}