body{
	overflow-y:hidden;
	background: #2B5786;
}

h1{
	font-weight: bold;
}

li{
	cursor: pointer;
}

.active{
	text-decoration: none;
	color: #fff;
	background: rgba(255,255,255,0.2);
}

.container-size{
	height: 1000px;
}

.container-inner{
	padding: 50px;
}

.fullsizecontainerGebruikers,
.fullsizecontainerRestaurants,
.fullsizecontainerPrinters,
.fullsizecontainerOrders{
	/*background: linear-gradient(to bottom right, #2B5786 0%, #0A808C 100%);*/
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 700;
}

.btnStyle{
	background-color: #002C42;
	width: auto;
	height: auto;
	padding: 10px;
	border: none;
	font-weight: bold;
}

.btnStyle:hover{
	background-color: #003651;
}


.btnStyleRound{
	background-color: #FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#DADADA));
	background-image: -webkit-linear-gradient(top, #F0F0F0, #DADADA);
	background-image: -moz-linear-gradient(top, #F0F0F0, #DADADA);
	background-image: -ms-linear-gradient(top, #F0F0F0, #DADADA);
	background-image: -o-linear-gradient(top, #F0F0F0, #DADADA);
	background-image: linear-gradient(top, #F0F0F0, #DADADA);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0F0F0', EndColorStr='#DADADA');
	width: auto;
	height: auto;
	padding: 10px;
	border: 1px solid #BEBEBE;
	border-radius: 5px;
	font-weight: bold;
}

.btnStyleRound:hover{
	background-color: #A8A8A8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#A8A8A8), to(#A8A8A8));
	background-image: -webkit-linear-gradient(top, #A8A8A8, #A8A8A8);
	background-image: -moz-linear-gradient(top, #A8A8A8, #A8A8A8);
	background-image: -ms-linear-gradient(top, #A8A8A8, #A8A8A8);
	background-image: -o-linear-gradient(top, #A8A8A8, #A8A8A8);
	background-image: linear-gradient(top, #A8A8A8, #A8A8A8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0F0F0', EndColorStr='#DADADA');
	border: 1px solid #BEBEBE;
}

.radioBtn{
	width:1em;
	height:1em;
	border: 0px;
	outline: none;
}

input[type="radio"]{
    vertical-align: top;
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox;    /* Firefox */
    -ms-appearance: checkbox;     /* not currently supported */
}

.edit{
	background-image: url(images/wijzig.png);
	background-size: 100% 100%;
	width: 23px;
	height: 23px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.edit:hover{
	background-image: url(images/wijzigAnimate.png);
	background-size: 100% 100%;
	width: 23px;
	height: 23px;
	cursor: pointer;
}

.delete{
	background-image: url(images/delete.png);
	background-size: 100% 100%;
	width: 23px;
	height: 23px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.delete:hover{
	background-image: url(images/deleteAnimate.png);
	background-size: 100% 100%;
	width: 23px;
	height: 23px;
	cursor: pointer;
}

.print{
	background-image: url(images/printblue.png);
	background-size: 100% 100%;
	width: 23px;
	height: 23px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.print:hover{
	background-image: url(images/printblueAnimate.png);
	background-size: 100% 100%;
	width: 23px;
	height: 23px;
	cursor: pointer;
}

.kijk{
	background-image: url(images/kijkblue.png);
	background-size: 100% 100%;
	width: 23px;
	height: 23px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.kijk:hover{
	background-image: url(images/kijkblueAnimate.png);
	background-size: 100% 100%;
	width: 23px;
	height: 23px;
	cursor: pointer;
}

.btnposition{
	position: fixed;
	top: 0px;
	right: 0px;
	border-radius: 0px 0px 0px 20px;
	z-index: 997;
	color: #FFF;
	background-color: #002C42;
	border-top: 0px solid !important;
	border-right: 0px solid !important;
	border-color: #B8B8B8; 
}

.adminBlock{
	background-color: #FFF;
	color: #000;
	text-align: center;
	font-weight: bold;	
	border:5px solid #2B5786;
	cursor: pointer;
	text-decoration: none;
}

.adminBlock:hover{
	background-color: #E7E7E7;
}

.popupWrapGeb, 
.popupWrapRes, 
.popupWrapPrint,
.popupWrapVerwijder{
	display: none;
	margin: 0 auto;
	width: 300px;
}

.keepcenteredGeb,
.keepcenteredRes, 
.keepcenteredPrint,
.keepcenteredVerwijder{
	position: absolute;
	width: 300px;
	height: none;
/*	background-color: #005681;*/
	margin: 0 auto;
	z-index: 999;
/*	border: 4px solid #002C42;*/
	border-radius: 10px;
	margin-top: 60px;
	overflow-y:auto;
}

.trAdminHeader{
	color: #000;
	background-color:#FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E9E9E9));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #E9E9E9);
	background-image: -moz-linear-gradient(top, #FFFFFF, #E9E9E9);
	background-image: -ms-linear-gradient(top, #FFFFFF, #E9E9E9);
	background-image: -o-linear-gradient(top, #FFFFFF, #E9E9E9);
	background-image: linear-gradient(top, #FFFFFF, #E9E9E9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E9E9E9');
}

.tableAdmin{
	border: 0px solid;
	border-radius: 10px;
}

/*@media screen and (max-width:768px) {
	.tableAdmin{
		border: 0px solid;
		border-radius: 10px;
		position: fixed;
	}
}*/

.tableAdmin > tr, .tableAdmin:hover, .trAdmin{
	background-color: #FFF !important;
	font-size: 13pt;
	color: #000;
}

.trAdmin > td{
	text-align: center !important;
	padding: 10px;
}

.trAdminTextbox{
	width: 180px;
	height: 30px;
	color: #000;
	font-weight: bold;
	border-radius: 5px;
	border: 1px solid #BEBEBE;
	padding: 10px;
}

.darkbg{
	display: none;
	margin: 0 auto;
	background-color: #000;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	position: fixed;
	z-index: 899;
}

@media(max-width: 768px) {
	.fullsizecontainerGebruikers,
	.fullsizecontainerRestaurants,
	.fullsizecontainerPrinters,
	.fullsizecontainerOrders{
		background: #2B5786;
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	#page-content-wrapper{
		background: #2B5786;
	}

	.keepcenteredGeb, 
	.keepcenteredRes, 
	.keepcenteredPrint,
	.keepcenteredVerwijder{
		position: absolute;
	    width: 100%;
	    margin: 0 auto;
	    z-index: 999;
	    left: 0px;
	    margin-top: 0px;
	}

	.container-size{
		height: 100%;
	}




    .icon {
    color: #777777;
    font-size: 50px;
    margin-bottom: 0px;
    float: right;
}



}
.row > .row {
    margin-left: 0;
    margin-right: 0;
}

.MCE{
    min-height:500px;
    display:block;
}
.MCE-container{
    min-height:500px;
}