/*********************
Copyright: Sitedish
www.sitedish.nl
*********************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}*{outline:none;}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}

.todo {
	background: pink;
	margin: 20px auto;
	padding: 20px;
}

@font-face {
  font-family: 'font';
  src: url('../font/icons.eot');
  src: url('../font/icons.eot#iefix') format('embedded-opentype'),
       url('../font/icons.woff') format('woff'),
       url('../font/icons.ttf') format('truetype'),
       url('../font/icons.svg#font') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-korting3:before { content: '\e800'; } /* '' */
.icon-google:before { content: '\e801'; } /* '' */
.icon-coupon:before { content: '\e802'; } /* '' */
.icon-windows2:before { content: '\e803'; } /* '' */
.icon-windows:before { content: '\e804'; } /* '' */
.icon-pijl2:before { content: '\e805'; } /* '' */
.icon-qr2:before { content: '\e806'; } /* '' */
.icon-qr:before { content: '\e807'; } /* '' */
.icon-kwast:before { content: '\e808'; } /* '' */
.icon-winkelwagen:before { content: '\e809'; } /* '' */
.icon-foto:before { content: '\e80a'; } /* '' */
.icon-opslaan:before { content: '\e80b'; } /* '' */
.icon-acties:before { content: '\e80c'; } /* '' */
.icon-klok2:before { content: '\e80d'; } /* '' */
.icon-klok:before { content: '\e80e'; } /* '' */
.icon-oprekening:before { content: '\e80f'; } /* '' */
.icon-bestelling:before { content: '\e810'; } /* '' */
.icon-menu:before { content: '\e811'; } /* '' */
.icon-verstuur:before { content: '\e812'; } /* '' */
.icon-taart:before { content: '\e813'; } /* '' */
.icon-delete:before { content: '\e814'; } /* '' */
.icon-sort3:before { content: '\e815'; } /* '' */
.icon-sort2:before { content: '\e816'; } /* '' */
.icon-sort:before { content: '\e817'; } /* '' */
.icon-categorie:before { content: '\e818'; } /* '' */
.icon-printer:before { content: '\e819'; } /* '' */
.icon-uitverkocht:before { content: '\e81a'; } /* '' */
.icon-pdf:before { content: '\e81b'; } /* '' */
.icon-actiecodes:before { content: '\e81c'; } /* '' */
.icon-ster:before { content: '\e81d'; } /* '' */
.icon-filter:before { content: '\e81e'; } /* '' */
.icon-lijst:before { content: '\e81f'; } /* '' */
.icon-pijl:before { content: '\e820'; } /* '' */
.icon-verwijderen:before { content: '\e821'; } /* '' */
.icon-wijzigen:before { content: '\e822'; } /* '' */
.icon-keuzemenu:before { content: '\e823'; } /* '' */
.icon-toevoegen:before { content: '\e824'; } /* '' */
.icon-volgorde:before { content: '\e825'; } /* '' */
.icon-stijlen:before { content: '\e826'; } /* '' */
.icon-fotos:before { content: '\e827'; } /* '' */
.icon-korting:before { content: '\e828'; } /* '' */
.icon-ontvangen:before { content: '\e829'; } /* '' */
.icon-analytics:before { content: '\e82a'; } /* '' */
.icon-populair:before { content: '\e82b'; } /* '' */
.icon-dagentijden:before { content: '\e82c'; } /* '' */
.icon-contact:before { content: '\e82d'; } /* '' */
.icon-apppromo:before { content: '\e82e'; } /* '' */
.icon-nieuwsberichten:before { content: '\e82f'; } /* '' */
.icon-codesturen:before { content: '\e830'; } /* '' */
.icon-klantaccounts:before { content: '\e831'; } /* '' */
.icon-reminders:before { content: '\e832'; } /* '' */
.icon-push:before { content: '\e833'; } /* '' */
.icon-sms:before { content: '\e834'; } /* '' */
.icon-nieuwsbrief:before { content: '\e835'; } /* '' */
.icon-besparing:before { content: '\e836'; } /* '' */
.icon-postcodes:before { content: '\e837'; } /* '' */
.icon-klantenbestand:before { content: '\e838'; } /* '' */
.icon-rapportage:before { content: '\e839'; } /* '' */
.icon-facturen:before { content: '\e83a'; } /* '' */
.icon-archief:before { content: '\e83b'; } /* '' */
.icon-betalingen:before { content: '\e83c'; } /* '' */
.icon-instellingen:before { content: '\e83d'; } /* '' */
.icon-vacatures:before { content: '\e83e'; } /* '' */
.icon-reviews:before { content: '\e83f'; } /* '' */
.icon-social:before { content: '\e840'; } /* '' */
.icon-sluiten:before { content: '\e841'; } /* '' */
.icon-bezorggebied:before { content: '\e842'; } /* '' */
.icon-tekst:before { content: '\e843'; } /* '' */
.icon-menukaart:before { content: '\e844'; } /* '' */
.icon-home:before { content: '\e845'; } /* '' */
.icon-loguit:before { content: '\e846'; } /* '' */
.icon-nieuws:before { content: '\e847'; } /* '' */
.icon-profiel:before { content: '\e848'; } /* '' */
.icon-info:before { content: '\e849'; } /* '' */
.icon-app:before { content: '\e84a'; } /* '' */
.icon-marketing:before { content: '\e84b'; } /* '' */
.icon-software:before { content: '\e84c'; } /* '' */
.icon-statistieken:before { content: '\e84d'; } /* '' */
.icon-bestellingen:before { content: '\e84e'; } /* '' */
.icon-website:before { content: '\e84f'; } /* '' */

body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	font-style: normal;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	font-family: 'Ubuntu','Open Sans',Roboto, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-size: 12px;
	color: black;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
}

/* inputs */

input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],input[type="url"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	font-family: 'Ubuntu','Fira Sans',Roboto, Helvetica, Arial, sans-serif;
	border: 1px solid #dddddd;
	padding: 7px 10px;
	font-size: 13px;
	font-size: 12px;
	background: white;
	border-radius: 5px;
	vertical-align: middle;
	width: 175px;
}

input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus,input[type="number"]:focus {
	border: 1px solid #888888;
	background: #faffbd;
}

input[type="checkbox"],input[type="radio"] {
	vertical-align: middle;
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	font-family: 'Ubuntu','Fira Sans',Roboto, Helvetica, Arial, sans-serif;
	border: 1px solid #dddddd;
	padding: 10px;
	font-size: 13px;
	font-size: 12px;
	background: white;
	border-radius: 5px;
	vertical-align: middle;
}

textarea:focus {
	border: 1px solid #888888;
	background: #faffbd;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance:textfield;
}

/* algemeen */

.clear {
	clear: both;
}

.mobNo {
	display: table-cell;
}

.mobYes, .mobYes2, .printja{
	display: none;
}

.container {
	width: 986px;
	margin: auto;
}

.collapse {
	display: none;
}

/* table */

table {
	border-collapse: collapse;
}

td {
	padding: 6px 10px;
	line-height: 1.4em;
    border-bottom: 1px solid #dddddd;
}

td.th2 {
	color: white;
	font-weight: 700;
	font-size: 24px;
	padding: 20px 0 20px 0;
	text-align: center;
	line-height: 1em;
}

.th2:first-of-type{
	border-top-left-radius: 8px;
}

.th2:last-of-type{
	border-top-right-radius: 8px;
}

th {
	color: white;
	font-size: 10px;
	padding: 8px 10px;
	white-space:nowrap;
	line-height: 1em;
}

tr:nth-child(even) {
    background: #eeeeee;
}

.tableNoStyle td {
	border: none;
	padding: 0;
}

table tr.trNoStyle {
	background: none;
	border: none;
}

table td.tdNoStyle {
	background: none;
	border: none;
}

.tableNoStyle tr {
	background: none;
}

td.th2 {
    border-bottom: none;
}

table.tdPadding25 td{
	padding-left: 25px;
	padding-right: 25px;
}

table.tdPadding15 td{
	padding-left: 15px;
	padding-right: 15px;
}

.textaligncenter {
	text-align: center;
}

.whitespace {
	white-space: nowrap;
}

.cap:first-letter {
    text-transform: uppercase;
}

.cap2 {
    text-transform: uppercase;
}

.table_gr .th2 {
	background: #4caf50;
}

.table_gr th {
	color: white;
	background: #388e3c;
}

.table_bl .th2 {
	background: #2196F3;
}

.table_bl th {
	color: white;
	background: #1976d2;
}

.table_bl_light .th2 {
	background: #38b9a4;
}

.table_bl_light th {
	color: white;
	background: #028a74;
}

.timeSlotContainer {
    margin: 25px 30px 0 0;
}

.timeslotTable_pu {
    display: inline-block;
    vertical-align:top;
}

.timeslotTable_pu .th2 {
    background: #9C27B0;
}

.timeslotTable_pu th {
	color: white;
    background: #720385;
}

.timeslotTable_bl {
    display: inline-block;
    vertical-align:top;
}

.timeslotTable_bl .th2 {
    color: white;
    background: #2196F3;
}

.timeslotTable_bl th {
	color: white;
    background: #1976d2;
}

.table_ro .th2 {
    background: #F44336;
}

.table_ro th {
	color: white;
	background: #d32f2f;
}

.table_or .th2 {
	background: #FF9800;
}

.table_or th {
	color: white;
	background: #F98700;
}

.table_ge .th2 {
	background: #FFC107;
}

.table_ge th {
	color: white;
	background: #ffb300;
}

.table_pa .th2 {
	background: #9C27B0;
}

.table_pa th {
	color: white;
	background: #7B1FA2;
}

.table_zw .th2 {
	background: #414141;
}

.table_zw th {
	color: white;
	background: #3f3f3f;
	background: #212121;
}

.tdCenterText {
	display: block;
	margin: 10px auto;
	text-align: center;
	color: #f2453d;
}

/* menuButton */

.menuButtonContainer {
	width: 100%;
	margin: 0 0 20px 0;
}

.menuButtonContainerRight {
	float: right;
	width: auto;
}

.menuButtonInnerContainer {
	float: right;
}

.menuButton {
	background: #212121;
	width: auto;
	padding: 10px;
	margin: 0 0 6px 0;
	color: white;
	text-decoration: none;
	font-size: 13px;
	border-radius: 8px;
	line-height: 1em;
	display: block;
	white-space: nowrap;
	overflow: hidden;
}

.menuButton i {
	padding-right: 10px;
}

.menuButton:last-of-type{
	margin: 0;
}

/* logo upload */

#logoUploadContainer {
	width: 350px;
	max-width: 100%;
	background: #white;
	border-radius: 8px;
	float: right;
	padding: 0px 0px 10px 0px;
}

.logoUpload {
    border: 1px solid black;
    padding: 5px;
    text-align: center;
    width: 100%;
    height: 80px;
}

.logoImg {
    max-height: 50px;
    height: 100%;
}

.printlogoImg {
    filter: grayscale(100%);
}

.faviconImg {
    padding: 10px;
}

.logoTitle {
    font-size: 9px;
    display: block;
}

/* knop */

.knop {
	background: #212121;
	margin: 0;
	white-space: nowrap;
	padding: 5px;
	font-size: 10px;
	color: white;
	text-decoration: none;
	border-radius: 4px;
	line-height: 1em;
	width: auto;
	vertical-align: middle;
	overflow: hidden;
	text-transform: lowercase;
}

.knop i {
	padding: 0 4px 0 0;
	font-size: 10px;
	vertical-align: middle;
}

.disabled {
    pointer-events: none;
    background-color: grey;
}

/* validate */

input.error, textarea.error, input.error:focus, textarea.error:focus {
	background: #ffc0cb;
	border: 1px solid red;
}

label.error {
	color: red;
	font-size: 12px;
	line-height: 1em;
	margin: 0;
	display: block;
	margin: 4px 0 0 0;
}

/* error and success */
.feedback {
	padding: 15px;
	border-radius: 8px;
	margin: 20px 0;
}

#feedback, #serverFeedback, #feedbackSuccess, #feedbackError {
	display: none;
	padding: 15px;
	border-radius: 8px;
	margin: 20px 0;
}

#feedbackIcon {
	height: 20px;
	display: inline;
	vertical-align: middle;
	margin-right: 8px;
}

.feedbackError {
	background: pink;
}

.feedbackSuccess {
	background: #C5E1A5;
}

.errors {
    font-style: italic;
    list-style-type: circle;
    margin-top: 5px;
    margin-left: 15px;
}

.errors li {
    margin-bottom: 5px;
}

/* title */

.title {
	color: white;
	border-radius: 7px;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 20px;
	margin: 0 0 14px 0;
}

.titleGreen {
	background: #4caf50;
	box-shadow: 0 5px #388e3c;
}

.titleOrange {
	background: #FF9800;
	box-shadow: 0 5px #F98700;
}

.titleDarkOrange {
	background: #DC7202;
	box-shadow: 0 5px #BD6100;
}

.titleBlue {
	background: #2196F3;
	box-shadow: 0 5px #1976d2;
}

.titlePurple {
	background: #9C27B0;
	box-shadow: 0 5px #7B1FA2;
}

.titleBlack {
	background: #616161;
	box-shadow: 0 5px #3f3f3f;
}

/* login */

#bodyLogin {
	background: url(../img/bg.jpg) no-repeat center center fixed;
	background: #14143c;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background: white;
}

#logoLogin {
	width: 100px;
	width: 260px;
	margin: 80px auto 60px auto;
	display: block;
}

#loginHeader {
	text-align: center;
	font-size: 22px;
	font-weight: 500;
}

#tableLogin {
	width: auto;
	margin: 17px auto 5px auto;
}

#tableLogin td {
	padding: 5px 5px;
}

#loginError {
	background: #f2453d;
	color: white;
	padding: 4px;
	border-radius: 3px;
	text-align: center;
	display: block;
	margin: 10px auto;
	max-width: 300px;
}

/* header */

#header {
	width: 100%;
	height: 100px;
}

#headerLeft {
	float: left;
	height: 100px;
	width: 700px;
}

#logo {
	height: 60px;
	margin: 20px 30px 0 0;
	float: left;
}

#header h1 {
	font-size: 25px;
	margin: 30px 0 0 0;
	font-weight: 700;
	white-space: nowrap;
}

#header h2 {
	display: block;
	font-weight: 500;
	font-size: 16px;
	margin-top: 4px;
}

#header h2 a {
	text-decoration: none;
	color: #2196f3;
	cursor: pointer;
}

#siteClosed {
	background: #f44336;
	border-radius: 3px;
	color: white;
	font-size: 11px;
	padding: 4px 6px;
	text-decoration: none;
	font-weight: 700;
	float: right;
    margin: -70px 0 55px 7px;
}

#headerRight {
	float: right;
	height: 100px;
}

#headerUl {
	margin-top: 34px;
}

#headerUl li {
	float: left;
	margin-left: 9px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #eeeeee;
	border-radius: 6px;
}

#headerUl a {
	display: block;
	color: black;
	text-decoration: none;
	position: relative;
	width: 100%;
	height: 100%;
}

#headerUl li i {
	font-size: 16px;
}

.circle {
	display: block;
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #f44336;
	top: -4px;
	right: -4px;
}

#flag {
	height: 12px;
	vertical-align: middle;
}

/* talen */

#languages li {
	vertical-align: middle;
    border-bottom: 1px solid #dddddd;
}

#languages li:nth-child(even) {
    background: #eeeeee;
}

#languages li:last-of-type {
	border: none;
}

#languages a {
	text-decoration: none;
	color: black;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
}

.flag {
	width: 24px;
	margin: 0 18px 0 30px;
	vertical-align: middle;
}

/* nav */

#navContainer {
	position: relative;
	height: 42px;
	background: none;
	margin-bottom: 20px;
}

#nav {
	width: 986px;
	background: #eeeeee;
	margin: 0px auto;
	height: 42px;
	border-radius: 8px;
	position: relative;
	z-index: 2;
}

#nav li {
	height: 42px;
	line-height: 42px;
	float: left;
	vertical-align: middle;
}

#hamburgerButton {
	background: #ddd;
	margin-right: 10px;
	padding: 0 4px 0 8px;
	display: none;
	cursor: pointer;
}

#hamburgerButton i {
	font-size: 16px;
	text-align: center;
	padding: 0;
	vertical-align: middle;
	display: block;
	margin-top: 0px;
}

#nav li:nth-of-type(2) {
	padding-left: 20px;
}

#nav li a {
	color: black;
	color: #1b1b1b;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 13px;
}

#nav li i {
	padding-right: 8px;
	color: #1b1b1b;
}

.crumb {
	padding: 0 19px;
	color: #1b1b1b;
}

#nav.navScroll {
	background: #121212;
	position: fixed;
	top: 0;
}

#nav.navScroll li a {
	color: #ddd;
}

#nav.navScroll li i {
	color: #ddd;
}

#nav.navScroll .crumb {
	color: white;
}

#nav.navScroll #hamburgerButton {
	background: rgba(255,255,255,0.2);
	color: white;
}

/* tile */

.tile {
	background: white;
	width: 239px;
	height: 84px;
	line-height: 84px;
	margin: 0 10px 10px 0;
	float: left;
	color: white;
	border-radius: 9px;
}

.tile a {
	color: white;
	text-decoration: none;
	font-size: 16px;
	display: block;
	width: 100%;
	height: 100%;
	font-weight: 700;
}

.tile i {
	font-size: 44px;
	vertical-align: middle;
	padding: 0 25px 0 25px;
	font-weight: normal;
}

#tileZw2 {
	display: none
}

.tileDisabled {
    pointer-events: none;
    cursor: not-allowed;
}

.halfOpacity {
    opacity: 0.5;
}

/* news */
#news {
	background: #E3F2FD;
	margin: -10px 0 15px 0;
	padding: 15px;
	border-radius: 8px;
}

#newsIcon {
	float: left;
	margin-right: 15px;
	max-height: 55px;
	border-radius: 6px;
}

#news h4 {
	font-size: 15px;
	font-weight: 500
}

#news p {
	padding-top: 7px;
	line-height: 1.3em;
}

#news a {
	color: white;
	background: #42A5F5;
	padding: 3px 4px;
	border-radius: 4px;
	font-size: 11px;
	text-decoration: none;
	margin-left: 5px;
	white-space:nowrap;
}

/* block */

.block {
	width: 156px;
    height: 115px;
    margin: 0 10px 10px 0;
    float: left;
    color: white;
	border-radius: 9px;
	position: relative;
}

.block i {
	display: block;
    text-align: center;
    font-size: 44px;
    margin: 0 0 18px 0;
    padding: 22px 0 0 0;
}

.block i.dubbel{
	margin-bottom: 10px;
}

.block a {
	color: white;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
    font-size: 15px;
    padding: 0 5px 0 5px;
	font-weight: 700;
}

.blockNew {
	position: absolute;
	top: -5px;
	right: -5px;
	background: #F44336;
	color: white;
	font-size: 10px;
	padding: 5px 7px;
	border-radius: 6px;
	text-transform: uppercase;
	font-weight: bold;
}

.blockNew2 {
	position: absolute;
	top: -5px;
	right: -5px;
	background: #FF9800;
	color: white;
	font-size: 10px;
	padding: 5px 7px;
	border-radius: 6px;
	text-transform: uppercase;
	font-weight: bold;
}

.blockNewSmall {
	position: absolute;
	top: -6px;
	right: -13px;
	background: #F44336;
	color: white;
	font-size: 8px;
	padding: 0px 3px;
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: bold;

}

/* colors */

.gr {
  background-color: #4CAF50;
}

.bl {
  background-color: #2196F3;
}

.ro {
  background-color: #F44336;
}

.zw {
	background-color: #343434;
	background-color: #3f3f3f;
	background-color: #212121;
}

.or {
	background-color: #FF9800;
}

.pa {
  background-color: #9C27B0;
}

.ge {
  background-color: #FFC107;
}

.gy {
  background-color: #9e9e9e;
}

.sd {
  background-color: black;
}

.bl_dark {
  background-color: #3F51B5;
}

.bl_light {
  background-color: #38b9a4;
}

.pk {
  background-color: #ff68b4;
}

/* algemeen */

.buttonWrapper {
	text-align: center;
}

.button {
	border: none;
	color: white;
	font-size: 14px;
	font-weight: 700;
	padding: 8px;
	border-radius: 8px;
	font-family: 'Ubuntu','Fira Sans',Roboto, Helvetica, Arial, sans-serif;
	margin: 15px 5px 0 5px;
	display: inline-block;
	cursor: pointer;
}

.buttonTop0 {
	margin-top: 0px;
}

.buttonTop5 {
	margin-top: 5px;
}

.buttonLeft0 {
	margin-left: 0;
}

h3 {
	font-weight: 700;
	font-size: 24px;
	padding: 0 0 12px 0;
}

.pDefault {
	max-width: 600px;
	line-height: 1.7em;
}

.aBlack {
	color: black;
}

#infoIcon {
	width: 13px;
	vertical-align: middle;
	margin-left: 10px;
	opacity: 0.3;
}

#infoIcon.infoIconBlack {
	opacity: 1;
}

/* checked span */

label {
	cursor: pointer;
}

:checked + span {
  padding: 2px 4px;
  -webkit-border-radius:  3px;
  -moz-border-radius:     3px;
  border-radius:          3px;
  color: white;
  background-clip: padding-box;
}

:checked + span.span_gr {
  background: #4caf50;
}

:checked + span.span_bl {
  background: #2196f3;
}

:checked + span.span_ro {
  background: #f44336;
}

:checked + span.span_ge {
  background: #ffc107;
}

:checked + span.span_or {
  background: #ff9800;
}

:checked + span.span_pa {
  background: #9c27b0;
}

/* filter */

#buttonFilter {
	border: none;
	color: white;
	font-size: 13px;
	font-weight: 500;
	padding: 8px;
	border-radius: 8px;
	font-family: 'Ubuntu','Fira Sans',Roboto, Helvetica, Arial, sans-serif;
	margin: 0;
	display: inline-block;
	cursor: pointer;
	background: #212121;
	margin: 20px 0 10px 0;
}

#buttonFilter.marginTop0 {
	margin-top: 0;
}

#buttonFilter i {
	padding-right: 6px;
}

#filter {
	width: 100%;
	border-radius: 8px;
	padding: 20px;
	margin: 20px 0;
}

.filter_bl {
	background: #E3F2FD;
	border: 1px solid #BBDEFB;
}

.filter_gr {
	background: #e8f5e9;
	border: 1px solid #C8E6C9;
}

.filter_ro {
	background: #FFEBEE;
	border: 1px solid #FFCDD2;
}

#filter h4 {
	font-weight: 700;
	font-size: 16px;
	padding: 0 0 8px 0;
}

#tableFilter td {
	padding: 8px 25px 8px 0;
	vertical-align: middle;
}

input.filterSearch {
	width: 280px;
}

input.datepicker {
	width: 86px;
}

input.datepickerFuture {
	width: 86px;
}

input.datepickerCurrent {
	width: 86px;
}

/* cards */

.card {
	width: 540px;
	float: left;
	border-radius: 8px;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px;
	margin: 30px 0 -10px 0;
	color: white;
}

.card .knop {
	float: right;
	margin: 8px 8px -6px 0;
}

.card h4 {
	font-weight: 700;
	font-size: 24px;
	font-size: 20px;
	padding: 12px 12px 9px 12px;
}

.card p {
	line-height: 1.9em;
	font-size: 14px;
	font-weight: 500;
	padding: 0 12px 12px 12px;
}

.card b {
	font-size: 14px;
	padding: 3px;
	border-radius: 5px;
	color: white;
}

.card_bl {
	background: #2196F3;
	box-shadow: 0 10px #1976d2;
}

.card_bl b {
	background: #f98700;
}

.card_ge {
	background: #FFC107;
	box-shadow: 0 10px #ffb300;
}

.card_ge b {
	background: #f44336;
}

.card_ro {
	background: #F44336;
	box-shadow: 0 10px #d32f2f;
}

.card_ro b {
	background: #ffb300;
}

.cardOffer {
	float: right;
}

.cardOfferButtons {
	float: right;
}

.cardOfferButtons .knop {
	display: block;
	width: 81px;
}

.cardOffer h4 {
	padding: 12px 12px 4px 12px;
	color: black;
}

.cardOffer p {
	font-size: 16px;
	margin: 0px 0px 0px 0;
	padding: 0 12px 8px 12px;
	color: black;
}

.cardOffer b {
	background: none;
	padding: 0;
	font-size: inherit;
	border-radius: 0;
	color: black;
}

.offerShowDishes {
	border-bottom: 1px dashed black;
}

.offerDetails {
	margin: 0px 0 12px 6px;
	color: black;
}

.offerDetails li {
	line-height: 1.7em;
	font-size: 12px;
	padding-left: 12px;
}

.cardOfferInactive {
	background: #9E9E9E;
	box-shadow: 0 10px #757575;
}

.offerInactive {
	background: #F44336;
	font-size: 14px;
	margin-left: 10px;
	padding: 4px;
	font-weight: 700;
	border-radius: 6px;
	color: white;
	vertical-align: middle;
}

/* order dishes */

.sortDishesCategory {
	font-weight: bold;
	font-size: 14px;
	padding: 8px 10px;
	background: #fdc02f;
	color: white;
	width: 400px;
	max-width: 100%;
	margin-top: 15px;
	text-align: center;
}

.sortDishesOl {
	width: 400px;
	max-width: 100%;
}

.sortDishesOl li {
	background: white;
	line-height: 1.4em;
	padding: 3px 10px;
    border-bottom: 1px solid #dddddd;
    font-size: 11px;
	cursor:all-scroll;
	cursor: pointer;
	width: 400px;
	max-width: 100%;
	overflow-x: hidden;
}

.sortDishesOl li:nth-of-type(even){
	background: #eeeeee;
}

.sortDishesOl li:hover {
	background: #2196F3;
	color: white;
}

.sortDishesOl i {
	margin-right: 4px;
}

/* new dish and edit dish (modal) */

#newDish {
	width: 100%;
}

#newDish td {
	padding-left: 25px;
	padding-right: 25px;
}

.infoIconNewDish {
	font-size: 14px;
	vertical-align: middle;
	color: #2196F3;
	margin-left: 10px;
}

input.newDishNr, input.newDishPrice {
	width: 70px;
}

input.newDishName {
	width: 260px;
}

#newDishDescription {
	width: 260px;
	height: 66px;
}

#newDishIcons td {
	padding: 4px 10px 4px 0px;
	font-size: 11px;
}

#newDishIcons input {
	vertical-align: middle;
}

.newDishIcon {
	height: 16px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 3px;
}

/* new category */

#newCategoryInput {
	width: 280px;
	margin: 20px auto 0 auto;
}

/* sort categories */

#orderCategory {
	margin-top: 20px;
}

#orderCategory li {
	width: 200px;
	padding: 10px 10px 10px 15px;
	background: #4CAF50;
	background: #2c98f0;
	margin: 7px 0;
	font-weight: 500;
	font-size: 14px;
	color: white;
	border-radius: 6px;
	font-weight: 700
}

#orderCategory li:hover {
	background: #f44336;
	cursor: pointer;
}

.placeholder {
	width: 200px;
	padding: 10px 10px 10px 15px;
	background: yellow;
	margin: 7px 0;
	font-weight: 500;
	font-size: 14px;
	color: white;
	border-radius: 6px;
}

/* edit caption category (modal) */

#editCategory {
	width: 100%;
}

#categoryCaptionTextarea {
	width: 340px;
	height: 66px;
}

/* categories */

.fixed {
  position: fixed;
  top: 15px;
  margin-top: 0;
}

#menuCategories {
	float: left;
	width: 200px;
	margin: 0px 0 0 0;
}

#menuCategories dd:nth-of-type(even){
	background: #eeeeee;
}

#menuCategories dd {
	border-bottom: 1px solid #ddd;
}

#menuCategories dt {
	background: #4caf50;
	color: white;
	font-weight: 700;
	padding: 14px;
	font-size: 14px;
	border-bottom: none;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#menuCategories a {
	line-height: 1.5em;
	padding: 5px 0 5px 14px;
	display: block;
	width: 100%;
	height: 100%;
	color: black;
	text-decoration: none;
}

.menuCategoriesSoldOut {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #f44336;
	border-radius: 50%;
	float: right;
	margin: 5px 10px 0 0;
}

.orBackground {
    background: #FF9800;
}

.menuCategoriesInactive {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #616161;
	border-radius: 50%;
	float: right;
	margin: 5px 10px 0 0;
}

#dayOptions {
    width: 100%;
}

#dayOptions td {
    padding-left: 25px;
    padding-right: 25px;
}

/* issuers */
#formIssuers {
    width: 250px;
    max-width: 100%;
}

.tableIssuers {
    margin: 30px 30px 0 0;
    float: left;
    width: 100%;
}

.tableIssuers td {
    padding-left: 20px;
    padding-right: 20px;
}

/* start of dishes in menu */

#posConnected {
	background: pink;
	padding: 15px;
	border-radius: 8px;
	margin: 20px 0;
}

#posConnectedIcon {
	height: 20px;
	display: inline;
	vertical-align: middle;
	margin-right: 8px;
}

.dishes {
	margin: 0 0 30px 0;
	float: right;
	width: 750px;
}

.dishes .th2 {
	padding: 17px 0 6px 0
}

.dishesextra {
	margin: 0 0 30px 0;
	width: 750px;
}

.categoryButtons {
	float: left;
	width: 81px;
	margin: -12px -89px 0 8px;
}

.categoryButtons .knop {
	display: block;
	width: 81px;
	font-weight: normal;
	margin-bottom: 4px;
	text-align: left;
}

.categoryName {
	display: block;
	padding: 0 99px;
}

.categoryCaption {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: 8px;
	padding: 0 99px;
	line-height: 1.3em;
}

.cocacolaName {
    width: 250px;
    vertical-align: top;
    padding: 10px;
}

.cocacolaDescription {
    width: 250px;
    vertical-align: top;
    padding: 10px;
}

.cocacolaImage {
    width: 120px;
    padding: 0;
    padding: 8px 0;
}

.dishNr {
	padding: 8px 0 0 10px;
	width: 40px;
	vertical-align: top;
}

.dishPosId {
	padding: 8px 10px 0 10px;
	width: 56px;
	text-align: center;
	vertical-align: top;
}

.dishInfo {
	width: 362px;
	vertical-align: top;
	padding: 8px 10px 0 0;
}

.dishDescription {
	display: block;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
}

.dishIcons {
	margin: 0px 4px 2px 0;
	height: 16px;
}

.dishPhotoTd {
	width: 120px;
	padding: 0;
	padding: 8px 0;
}

.dishPhoto {
	max-width: 120px;
    position: relative;
	vertical-align: top;
}

.dishPhotoDelete {
	display: block;
	width: 120px;
	text-align: center;
	background: #212121;
	line-height: 18px;
	font-size: 10px;
	color: white;
	text-decoration: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 0;
	text-transform: lowercase;
}

.dishPhotoDelete i {
	padding-right: 4px;
}

#dishPhotoModal {
    display: flex;
    flex-direction: row;
}

#dishPhotoColumn {
    flex-direction: column;
    margin: 15px;
}

.dishPhotoContain {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

#hasPhotoLabel {
    background-color: #FF9800;
    margin-top: 5px;
}

.dishPrice {
	width: 60px;
	padding: 8px 10px 0 10px;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}

.dishVAT {
	padding: 8px 10px 0 10px;
	width: 56px;
	text-align: center;
	vertical-align: top;
}

.dishButtonsTd {
	padding: 8px 10px;
	vertical-align: top;
	width: 112px;
}

.dishButtonsTd .knop{
	margin-bottom: 4px;
	display: block;
	width: 91px;
}

.deleteButton {
    padding: 8px 10px;
    vertical-align: top;
    width: 112px;
}

.dishButtonsMob {
	display: none;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: middle;
}

.triggerMenuMobButtons {
	font-size: 24px;
	padding-left: 5px;
	cursor: pointer;
	display: block;
}

.dishMenuMobButtons {
	background: #eee;
	border-radius: 5px;
	display: none;
	position: absolute;
	right: 33px;
	margin-top: -68px;
	z-index: 2;
	padding: 8px 8px 8px 8px;
	border: 1px solid #dddddd;
}

.dishMenuMobButtons .knop {
	margin-bottom: 4px;
	display: block;
	width: auto;
}

.dishMenuMobButtons i {
	font-size: 11px;
}

.dishes tr .knop:last-of-type{
	margin-bottom: 0px;
}

.soldOut {
	background: #f44336;
	color: white;
	padding: 4px;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 10px;
	vertical-align: top;
	white-space:nowrap;
}

span.deliveryonly, span.pickuponly {
	background: #FF9800;
	color: white;
	padding: 4px;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 10px;
	vertical-align: top;
	white-space:nowrap;
}

span.unavailable {
	background: #f44336;
	color: white;
	padding: 4px;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 10px;
	vertical-align: top;
	white-space:nowrap;
}

.dishes tr.dishSoldOut {
	background: #ffc0cb;
}

.dishOptionMenu {
	border-radius: 7px;
	padding: 7px 9px;
	display: inline-block;
	font-size: 14px;
	color: white;
	margin: 4px 4px 4px 4px;
	font-weight: 700;
	user-select: none;
	white-space: nowrap;
}

.dishOptionMenu.ge{
	cursor: pointer;
}

#dishOptionDropArea {
	min-height: 36px;
}

#dishOptionDropArea li.dishOptionMenu.gr:last-of-type{
	background: red
}

.linkChoiceIcon {
	color: white;
	text-decoration: none;
	margin-left: 7px;
	font-size: 12px;
}

.removeChoiceMenu {
	padding-left: 4px;
	font-size: 12px;
	display: none;
	cursor: pointer;
}

#choiceMenuTitleSpan {
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	margin: 0 0 10px 0;
}

#choiceMenuSelect {
	width: 220px;
	margin: 0 0 4px 0
}

.choiceLabel {
	vertical-align: middle;
	width: 185px;
	float: left;
	margin: 0 0 4px 0;
	line-height: 12px;
	padding: 4px;
}

.choiceLabel small {
	font-size: 11px;
	float: right;
	vertical-align: middle;
	line-height: 17px;
	margin-right: 10px;
}

.choiceLabel:nth-of-type(6n+4),.choiceLabel:nth-of-type(6n+5),.choiceLabel:nth-of-type(6n+6){
  background: #eee;
}

#choiceMenuComment {
	width: 100%;
	line-height: 1.5em;
	margin: 10px 0 0 0;
	padding: 10px;
	background: #E1F5FE;
}

.showChoiceMenus {
	margin-top: 4px;
	cursor: pointer;
}

.choiceMenuHeader {
	padding-right: 15px;
	font-size: 13px;
	padding-bottom: 10px;
	display: block;
	font-weight: bold;
}

tr.choiceMenuTR {
	display: none;
	background: #C8E6C9;
}

tr.choiceMenuTR2 {
	display: none;
	background: #FFECB3;
}

.editChoiceMenus {
display: inline-block;
	cursor: pointer;
	margin: 0 0 0 14px!important;
}

/* options dishes */

#usesOptionMenus {
	margin: 10px 0;
}

#usesOptionMenus td {
	padding: 2px 10px;
}

/* options */

#optionExample {
	margin: 20px 0 30px 0;
}

#optionExample td {
	padding: 5px 15px 5px 0
}

/* keuzemenus */

#menuOptions {
	float: left;
	width: 200px;
	margin: 0px 0 0 0;
}

#menuOptions dd:nth-of-type(even){
	background: #eeeeee;
}

#menuOptions dd {
	border-bottom: 1px solid #ddd;
}

#menuOptions dt {
	background: #2196F3;
	color: white;
	font-weight: 700;
	padding: 14px;
	font-size: 14px;
	border-bottom: none;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#menuOptions a {
	line-height: 1.5em;
	padding: 5px 0 5px 14px;
	display: block;
	width: 100%;
	height: 100%;
	color: black;
	text-decoration: none;
}

.menuOptionsSoldOut {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #f44336;
	border-radius: 50%;
	float: right;
	margin: 5px 10px 0 0;
}

.optionMenu {
	margin: 0 0 40px 0;
	float: right;
	width: 750px;
}

.optionMenuButtons {
	float: left;
	width: 82px;
	margin: -12px -85px -12px 8px;
}

.optionMenuButtons .knop {
	display: block;
	width: 82px;
	font-weight: normal;
	margin-bottom: 4px;
	text-align: left;
}

.optionMenuDetails td {
	padding: 6px 20px 6px 0!important;
}

.optionMenu:nth-of-type(3){
	margin-right: 0px;
}

.optionMenuID {
	padding: 10px;
	text-align: center;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.optionMenuTitle {
	font-weight: bold;
	font-size: 14px;
	display: block;
	padding: 0 0 5px 0;
	margin: 14px 14px 10px 14px;
	border-bottom: 1px solid #eee;
}

.optionMenu tr.optionSoldOut {
	background: #ffc0cb;
}



.optionMenuButtonsMob {
	display: none;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: middle;
	width: 20px;
}

.triggerMobButtons {
	font-size: 24px;
	padding: 5px 0;
	cursor: pointer;
	display: block;
}

.optionMenuMobButtons {
	background: #eee;
	border-radius: 5px;
	display: none;
	position: absolute;
	right: 33px;
	margin-top: -55px;
	z-index: 2;
	padding: 8px 8px 4px 8px;
	border: 1px solid #dddddd;
}

.optionMenuMobButtons .knop {
	margin-bottom: 4px;
	display: block;
	width: auto;
}

.optionMenuMobButtons i {
	font-size: 11px;
}

/* edit optionMenu */

#optionMenuAlert {
	width: 333px;
	float: right;
	background: #FFF8E1;
	line-height: 1.5em;
    border-radius: 8px;
    padding: 10px;
}

#editOptionMenu {

}

#editOptionMenu .price {
	width: 50px;
}



/* pageTexts */

.pageTexts {
	width: 470px;
	max-width: 100%;
	padding: 20px;
	height: 250px;
}

/* deliveryArea */

#deliveryArea td {
	padding-left: 15px;
	padding-right: 15px;
}

#deliveryArea input[type="text"],#deliveryArea input[type="number"],#deliveryArea input[type="tel"]  {
	width: 60px;
	text-align: center;
}

tr.postcodeInactive {
	background: #ffc0cb;
	color: white;
}

/* add postcode */

#addPostcode th {
	text-align: center;
}

#addPostcode input {
	width: 60px;
	text-align: center;
}

#extraPostcode {
	display: inline-block;
	margin: 5px 0 0 5px;
}

/* bezorgtijden */

#holidayTimesNote {
	background: #E3F2FD;
	padding: 15px;
	border-radius: 8px;
	margin: 20px 0;
}

#holidayTimesIcon {
	height: 20px;
	display: inline;
	vertical-align: middle;
	margin-right: 8px;
}

#holidayTimesNote a {
	color: #42A5F5;
	text-decoration: underline
}

.tableOpeningHoursHolidays {
	float: left;
	margin: 0 40px 0 0;
}

.tableOpeningHours {
    width: 400px;
    float: left;
    margin: 0 40px 0 0;
}

.deliverySelect, .takeawaySelect {
	padding-right: 10px;
}

#selectedStatusNotification {
    background: #FCF2ED;
    padding: 10px;
    border-radius: 8px;
}

.selectedStatusMode {
    color: black;
    border: 2px solid black;
    padding: 10px;
    box-sizing: border-box;
}

.statusModeButtonWrapper {
    margin: 30px 0px;
}

/* temp close website */

#inputCloseText {
	width: 500px;
	max-width: 100%;
	margin: 10px 0 20px 0;
}

#websiteClosed {
	width: 100%;
	background: #E53935;
	color: white;
	text-align: center;
	padding: 30px 5px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5em;
    border-radius: 8px;
}

#websiteClosedCaption {
	padding: 0;
	margin-bottom: -10px;
	display: block;
	font-size: 18px;
}

#websiteOpenDate {
	display: block;
	margin: 20px auto 6px auto;
	text-align: center;
	font-size: 13px;
	line-height: 1.4em;
	font-weight: bold;
}

#websiteDeliveryClosed {
	width: 100%;
	background: #E53935;
	color: white;
	text-align: center;
	padding: 30px 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5em;
    border-radius: 8px;
}

#websiteDeliveryClosedCaption {
	padding: 0;
	margin-bottom: -10px;
	display: block;
	font-size: 18px;
}

#websiteDeliveryOpenDate {
	display: block;
	margin: 20px auto 6px auto;
	text-align: center;
	font-size: 13px;
	line-height: 1.4em;
	font-weight: bold;
}

#openCloseDeliveryContainer {
    width: 330px;
    max-width: 100%;
    background: #eee;
    border-radius: 8px;
    float: right;
    padding: 0 0 10px 0;
}

/* settings */

.tableSettings {
	margin: 0 30px 30px 0;
}

.tableSettings:nth-of-type(3){
	margin-right: 0;
}

#seoTextarea {
	width: 100%;
	height: 70px;
	vertical-align: middle;
}

/* discount */

.tableDiscount {
	margin: 30px 30px 0 0;
	float: left;
}

.tableDiscount td {
	padding-left: 20px;
	padding-right: 20px;
}

/* voucher codes */

#codeSummary {
	line-height: 1.6em;
	list-style-type: disc;
	margin: 10px 0 10px 14px;
    list-style-position: inside;
}

#newCode {
	width: 350px;
	margin: 30px 0 0 0;
	float: left;
}

#newCode p {
	line-height: 1.8em;
	padding: 0 0 14px 14px;
}

.newCodeUl {
	margin: 0 0 14px 14px;;
}

.newCodeUl li {
	line-height: 2.2em;
}

.listItem {
    margin-left: 20px;
}

.codeAmount {
	display: none;
}

.codePercentage {
	display: none;
}

.codeFreeProduct {
	display: none;
}

input.inputNewCode {
	width: 50px;
}

#newCodeDays {
	padding: 10px;
	width: 130px;
	margin: -4px 0 6px 24px;
	display: none;
}

#newCodeDays li {
	line-height: 1.7em;
}

.newCodeDate {
	display: none;
}

.codeFromAmount {
	display: none;
}

.newCodeDelTake {
	display: none;
}

/* table with in system codes */
#tableTagCodes {
	float: right;
	margin-top: 30px;
	width: 606px;
}

#tableCodes {
	float: right;
	margin-top: 30px;
	width: 606px;
}

.codeDetails {
	line-height: 1.3em;
}

.actieDatum {
	display: none;
}

tr.codeUsed {
	background: #ffc0cb;
}

tr.codeUsed td {
	border-bottom: 1px solid #f9a19a;
}

/* Receipts */
.receiptsContainer {
	width: 350px;
	margin: 30px 30px 0 0;
	float: left;
}

.receiptsContainer p {
	line-height: 1.8em;
	padding: 0 0 14px 14px;
}

.receiptsMenu {
	background: #f3f3f3;
	width: 255px;
	margin: 0 0 14px 30px;
	border: 1px solid #dddddd;
	border-radius: 8px;
}

.receiptsMenu li i {
	float: right;
	vertical-align: middle;
	line-height: 33px;
	font-size: 12px;
}
li.receiptsCategory {
	border-bottom: 1px solid #dddddd;
	padding: 0 10px;
	line-height: 33px;
	cursor: pointer;
	background-clip: content-box;
}

li.receiptsCategory.receiptsCategoryDown {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.receiptsDishes {
	border-bottom: 1px solid #dddddd;
	display: none;
	padding: 7px 0;
	background: white;
}

.receiptsDishes:last-of-type {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top: 1px solid #dddddd;
}

.selectAllDishes {
	text-decoration: underline;
	cursor: pointer;
	margin-left: -4px;
}

.receiptsDishesList {
	margin: 0 10px 0 13px;
}

.receiptsDishesList input {
	vertical-align: baseline;
}

.receiptsDishesList li {
	padding: 3px 0;
	vertical-align: middle;
}

/* discounts and offers */
#newOffer {
	width: 350px;
	margin: 30px 30px 0 0;
	float: left;
}

#newOffer p {
	line-height: 1.8em;
	padding: 0 0 14px 14px;
}

#newOfferMenu {
	background: #f3f3f3;
	width: 255px;
	margin: 0 0 14px 30px;
	border: 1px solid #dddddd;
	border-radius: 8px;
}

#newOfferMenu li i {
	float: right;
	vertical-align: middle;
	line-height: 33px;
	font-size: 12px;
}

#xForYMenu {
	background: #f3f3f3;
	width: 255px;
	margin: 0 0 14px 30px;
	border: 1px solid #dddddd;
	border-radius: 8px;
}

#xForYMenu li i {
	float: right;
	vertical-align: middle;
	line-height: 33px;
	font-size: 12px;
}

li.newOfferCategory, li.newOfferCategory0, li.newOfferCategory1 {
	border-bottom: 1px solid #dddddd;
	padding: 0 10px;
	line-height: 33px;
	cursor: pointer;
	background-clip: content-box;
}

li.newOfferCategory.newOfferCategoryDown {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.newOfferDishes {
	border-bottom: 1px solid #dddddd;
	display: none;
	padding: 7px 0;
	background: white;
}

.newOfferDishes:last-of-type {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top: 1px solid #dddddd;
}

.selectAllDishes {
	text-decoration: underline;
	cursor: pointer;
	margin-left: -4px;
}

.newOfferDishesList {
	margin: 0 10px 0 13px;
}

.newOfferDishesList input {
	vertical-align: baseline;
}

.newOfferDishesList li {
	padding: 3px 0;
	vertical-align: middle;
}

#newOfferUl {
	margin: -10px 0 14px 14px;;
}

#newOfferUl li {
	line-height: 2.2em;
}

input.newOfferInput {
	padding: 5px;
	width: 60px;
	vertical-align: top;
}

.offerNewPrice, .offerOnePlusOne, .offerCheapestFree {
	display: none;
}

.newOfferTitle {
	display: none;
	line-height: 1.4em;
}

.newOfferTitle input {
	display: block;
	margin: 6px 0 6px 24px;
}

.newOfferTitle input:nth-of-type(1){
	width: 170px;
}

.newOfferTitle input:nth-of-type(2){
	margin-top: 5px;
	width: 300px;
}

#newOfferDays {
	padding: 10px;
	width: 130px;
	margin: -4px 0 6px 24px;
	display: none;
}

#newOfferDays li {
	line-height: 1.7em;
}

.offer {
	width: 500px;
	float: right;
	background: #ffc107;
	box-shadow: 0 8px #ffb300;
	border-radius: 8px;
	padding: 15px;
	margin: 30px 0 -10px 0;
}

.offer .knop {
	float: right;
	margin: -4px -4px 0 0;
}

.offer h4 {
	font-weight: 700;
	font-size: 15px;
	padding: 0 0 7px 0;
}

.offer p {
	line-height: 1.4em;
	font-size: 14px;
	font-weight: 500;
}

/* action code free products */

#newFreeProductMenu {
    background: #f3f3f3;
    width: 255px;
    margin: 0 0 14px 30px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

#newFreeProductMenu li i {
    float: right;
    vertical-align: middle;
    line-height: 33px;
    font-size: 12px;
}

li.newFreeProductCategory {
    border-bottom: 1px solid #dddddd;
    padding: 0 10px;
    line-height: 33px;
    cursor: pointer;
    background-clip: content-box;
}

.newFreeProduct {
    border-bottom: 1px solid #dddddd;
    display: none;
    padding: 7px 0;
    background: white;
}

.newFreeProductList {
    margin: 0 10px 0 13px;
}

.newFreeProductList input {
    vertical-align: baseline;
}

.newFreeProductList li {
    padding: 3px 0;
    vertical-align: middle;
}

/* customer loyalty - savings card */

#savingsCard {
	margin-top: 30px;
}

#savingsCard td {
	padding-left: 30px;
	padding-right: 30px;
}

#savingsCards {
	margin: 0px 0 0 0;
	width: 100%;
}

#lostcustomercoupons td {
	padding-left: 30px;
	padding-right: 30px;
}

#lostcustomercoupons {
	margin: 50px 0 0 0;
	width: 100%;
}


tr.savingCardsUsed {
	background: #ffc0cb;
	color: black;
}

.infoIconSavingsCard {
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	padding: 0;
	margin: 0 0 0 8px;
	color: black;
}

#tableSavedPoints {
	margin: 15px auto;
}

#savedPoints {
	width: 55px;
	margin: 0 10px;
	text-align: center;
}

.pointsButton {
	display: inline-block;
	background: #eeeeee;
	border: 1px solid #ddd;
	cursor: pointer;
	border-radius: 5px;
	color: black;
	font-size: 13px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* timeSlots */

[class*="savedOrderAmount"] {
    width: 40px !important;
    text-align: center;
}

.timeSlots td {
    line-height: 1.4em;
}

.timeSlots th {
    width: 150px;
}

.orderAmountButton {
	display: inline-block;
	background: #eeeeee;
	border: 1px solid #ddd;
	cursor: pointer;
	border-radius: 5px;
	color: black;
	font-size: 13px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.removeSavingsCodesTable {
	width: 100%;
	margin-top: 5px;
}

.removeSavingsCodesTable td {
	padding-left: 10px;
	padding-right: 10px;
}
.removeSavingsCodesTable td.actions {
	text-align: center;
}
.removeSavingsCodesTable th.actions {
	text-align: center;
}

/* reviews */

.starTotal {
	font-size: 20px;
}

.starYellow {
	color: #ffc107;
}

.starGrey{
	color: #cccccc;
}

#reviewRateFilter td {
	padding-top: 0px;
	padding-bottom: 6px;
	line-height: 1em;
}

.review {
	width: 478px;
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.reviewAuthor {
	display: block;
	font-weight: 500;
	font-size: 14px;
	padding: 15px 15px 13px 15px;
}

.reviewRating {
	margin: 0 0 0 15px;
}

.reviewRating i {
	font-size: 15px;
	color: #ccc;
}

.reviewRating i.starYellow {
	color: #ffc107;
}

.reviewRating td {
	padding: 2px 10px 2px 0;
}

.reviewText {
	line-height: 1.4em;
	padding: 13px 15px 15px 15px;
}

.reviewTextResponse {
	line-height: 1.4em;
	padding: 13px 15px 15px 15px;
	background: #E3F2FD;
	margin-bottom: 15px;
}

.reviewButtons {
	background: #eee;
	padding: 14px 10px;
}

.reviewButtons .knop {
	margin-right: 4px;
}

.reviewButtons .knop:last-of-type{
	margin-right: 0;
}

#reviewReply {
	width: 560px;
	height: 66px;
	margin-top: 10px;
}

#customerEmailForm label {
    width:80px;
    display:inline-block
}

.invisibleReview {
    float: right;
    color: red;
    margin:10px
}

/* receive orders */

.receiveOrders {
	width: 294px;
	height: 250px;
	float: left;
	margin-top: 0px;
	position: relative;
}

.receiveOrders:nth-of-type(2){
	margin-left: 52px;
	margin-right: 52px;
}

.receiveOrders h4 {
	font-weight: 700;
	text-align: center;
	font-size: 24px;
	padding: 20px 0 14px 0;
}

#receiveOrdersTip {
	color: white;
	padding: 4px 6px;
	font-size: 12px;
	border-radius: 5px;
	display: inline-block;
	margin: -4px 0 0 13px;
	position: absolute;
}

.receiveOrders p {
	line-height: 1.5em;
}

.receiveOrders input {
	width: 200px;
	display: block;
	margin: 20px auto 0 auto;
}

.receiveOrdersButton {
	border: none;
	color: white;
	border-radius: 8px;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	width: 220px;
	height: 34px;
	margin: 0 37px;
	position: absolute;
	bottom: 0;
	padding: 0;
	font-family: 'Ubuntu','Fira Sans',Roboto, Helvetica, Arial, sans-serif;
	cursor: pointer;
}

.receiveOrdersButton a{
	text-decoration: none;
	color: white;
	display: block;
	width: 100%;
	height: 34px;
	line-height: 34px;
}

/* live bestellingen */

#liveWarning {
	background: pink;
	padding: 15px;
	border-radius: 8px;
	margin: 10px 0 20px 0;
}

#liveWarning a {
	color: black;
	font-weight: bold;
}

#liveOrders {
	width: 100%;
}

#liveOrdersTimer {

}

#liveOrdersUpdate {
	margin-left: 24px;
	color: #2196f3;
	text-decoration: none;
	font-size: 14px;
}

.liveOrdersStatus {
	display: block;
	margin: 0 auto;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

#backToLive {
	background: #FF9800;
	width: auto;
	padding: 10px;
	margin: 0 0 6px 0;
	color: white;
	text-decoration: none;
	font-size: 13px;
	border-radius: 8px;
	line-height: 1em;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

#backToLive i {
	padding-right: 10px;
}

/* archive - pick date range */

.archiveChoice {
	width: 294px;
	height: 180px;
	float: left;
	margin-top: 40px;
	position: relative;
	background: #eee;
	border-radius: 12px
}

.archiveChoice:nth-of-type(2){
	margin-left: 52px;
	margin-right: 52px;
}

.archiveChoice h4 {
	font-weight: 700;
	text-align: center;
	font-size: 24px;
	line-height: 55px;
	margin-bottom: 25px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	color: white;
}

.archiveChoice p {
	line-height: 1.5em;
	text-align: center;
}

#archiveMonthSelect {
	width: 200px;
	display: block;
	margin: 28px auto 0 auto;
}

.archiveChoiceLink {
	color: white;
	border-radius: 8px;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	width: 220px;
	margin: 0 37px;
	position: absolute;
	bottom: 20px;
	padding: 10px 0;
	text-decoration: none;
}
/* archive - table with orders */

#archive {
	margin-top: 20px;
	width: 100%;
}

.archiveIcon {
	height: 14px;
	vertical-align: middle;
	display: inline-block;
	margin: auto;
}

.archiveAppIcon {
	height: 12px;
	vertical-align: middle;
	display: inline-block;
	margin: 0 3px 0 0;
}

.label {
	font-size: 10px;
	border-radius:2px;
	color: white;
	padding: 4px;
	vertical-align: middle;
}

.refunded {
	background: #f44336;
	color: white;
	padding: 4px;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 10px;
	vertical-align: top;
}

#archive tr.orderRefunded {
	background: #ffc0cb;
}

/* order */

.orderInfo {
	margin: 10px 30px 0 0;
	float: left;
	font-size: 12px;
	font-size: 12.5px;
	line-height: 1.4em;
	min-width: 285px;
}

.orderInfo th {
	padding: 12px 16px;
	background: black;
	color: white;
	font-size: 14px;
	text-align: left;
	font-weight: 700;
}

.orderInfo td {
	padding: 6px 14px;
	border-bottom: 1px solid #dddddd;
}

.orderInfo tr:nth-of-type(odd){
	background: #eeeeee;
}

.orderAttention {
	color: #f44336;
	font-size: 14px;
	font-weight: 700
}

#orderComments {
	margin: 40px 0 0 0;
	width: 600px;
	max-width: 100%;
	font-size: 12px;
	font-size: 12.5px;
}

#orderComments th {
	padding: 12px 16px;
	background: black;
	color: white;
	font-size: 14px;
	text-align: left;
	font-weight: 700;
}

#orderComments td {
	padding: 6px 14px;
	border-bottom: 1px solid #dddddd;
	color: #f44336;
	font-weight: bold;
}

#orderOrder {
	margin-top: 40px;
	width: 600px;
	max-width: 100%;
	line-height: 1.4em;
	font-size: 12.5px;
}

#orderOrder th {
	padding: 12px 16px;
	background: black;
	color: white;
	font-size: 14px;
	text-align: left;
	font-weight: 700;
}

#orderOrder td {
	padding: 6px 14px;
	border-bottom: 1px solid #dddddd;
}

#orderOrder tr:nth-of-type(odd){
	background: #eeeeee;
}

#orderOrder tr:last-of-type {
	background: white;
}

#orderOrder tr:last-of-type td{
	border: none;
}

#orderOrder ul {
	margin: 4px 0 0 10px;
}

#orderOrder li {
	list-style-type: disc;
    list-style-position: inside;
}

.orderTotal {
	font-size: 15px;
	text-align: right;
}

.orderTotalAmount {
	font-size: 15px;
	text-align: left;
	font-weight: bold;
}

/* online transactions */

#showOlderPayments {
	cursor: pointer;
	text-align: center;
}

#onlinePaymentsOverview {
	float:left;
	margin-left: 10px;
}

.calendar {
	font-size: 10px;
	float: left;
	margin-right:10px;
	text-align: center;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.calendar th {
	background: #2196f3;
	background: #9C27B0;
	background: #4caf50;
	padding: 8px 0px;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 12px;
	font-weight: 500;
}

td.calendarDay {
	background: #1976d2;
	background: #7B1FA2;
	background: #388e3c;
	color: white;
	font-size: 7px;
}

.calendar td {
	padding: 2px 4px;
	border-bottom: 1px solid #dddddd;
}

.calendar td.calendarHighlight {
	background: #ffc107;
	color: #fff;
}

.calendar tr {
	background: white;
}

#onlinePaymentsList {
	margin-top: 20px;
	min-width: 584px;
}

#onlinePaymentsTotal {
	border: none;
	background: none;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

#onlinePaymentsTotal td {
	border: none;
}

#onlinePaymentsComment {
	margin: 40px 0 0 0;
	width: 100%;
	line-height: 1.5em;
	border-radius: 8px;
	padding: 10px;
	background: #FFF8E1;
}

/* software */

#bodySoftware {
	background: url(../img/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#softwareHeader {
	color: rgba(255,255,255,0.9);
	color: #50ae54;
	color: #fd9727;
	color: #2196F3;
	font-size: 55px;
	font-weight: 700;
	text-align: left;
	display: block;
	margin: 0px auto 25px auto;
	text-align: center;
}

#softwareCaption {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	display: block;
	margin: 0 auto;
	line-height: 1.6em;
}

#softwareDownload {
	display: inline-block;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 12px 17px;
	border-radius: 8px;
	text-decoration: none;
	margin: 30px 5px;
}

#softwareMoreInfo {
	display: inline-block;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 12px 17px;
	border-radius: 8px;
	text-decoration: none;
	margin: 30px 5px;
}

#posScreenshot {
	display: block;
	margin: 20px auto 50px auto;
	width: 1000px;
	max-width: 100%;
}

#exampleReceipt {
	float: right;
	width: 240px;

	box-shadow:             0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:     0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:        0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

/* pos products */

#posProducts {
	margin-top: 30px;
}

/* security */

.securityTable td {
    line-height: 1.4em;
    padding: 4px ;
}

/* newsletter */

#newsletterWrapper {
	float: left;
}

#newsletterHeader {
	width: 100%;
	height: 90px;
	border: 1px solid #ddd;
	border-bottom: none;
	margin-top: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#newsletterFooter {
	width: 100%;
	border: 1px solid #ddd;
	border-top: none;
	word-wrap: break-word;
	width: auto;
	margin-top: -2px;
	position: relative;
	background:white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: help;
}

#newsletterButton {
	background:#4caf50;
	display:inline-block;
	margin:auto;
	padding:8px 12px;
	border-radius:6px;
	color:white;
	text-decoration:none;
	font-weight:bold;
	margin-top: 10px;
}

#newsLetterFooterRestaurant {
	text-align: center;
	font-size: 10px;
	padding: 20px 0 10px 0;
	line-height: 1.6em
}

#newsletterUnsubscribe {
	font-size: 10px;
	color: #888888;
	width: 400px;
	text-align: center;
	display: block;
	margin: 10px auto 14px auto;
	line-height: 1.3em;
}

.trumbowyg-editor ul {
    list-style: disc!important;
}

.trumbowyg-editor ol {
    list-style: decimal!important;
}

/* lost customers */

#lostCustomerWrapper {
	float: right;
	width: 460px;
	max-width: 100%;
}

#lostCustomerHeader {
	width: 100%;
	height: 90px;
	border: 1px solid #ddd;
	border-bottom: none;
	margin-top: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#lostCustomerFooter {
	width: 100%;
	border: 1px solid #ddd;
	border-top: none;
	word-wrap: break-word;
	width: auto;
	margin-top: -2px;
	position: relative;
	background:white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: help;
}

#lostCustomerText {
	padding: 20px 30px 10px 30px;
	line-height: 2em;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: help;
}

#lostCustomerButton {
	background:#4caf50;
	display:inline-block;
	margin:auto;
	padding:8px 12px;
	border-radius:6px;
	color:white;
	text-decoration:none;
	font-weight:bold;
	margin-top: 10px;
}

#lostCustomerFooterRestaurant {
	text-align: center;
	font-size: 10px;
	padding: 20px 0 10px 0;
	line-height: 1.6em
}

#lostCustomerUnsubscribe {
	font-size: 10px;
	color: #888888;
	width: 400px;
	max-width: 100%;
	text-align: center;
	display: block;
	margin: 10px auto 14px auto;
	line-height: 1.3em;
}

/* customer database */

#customerDatabase {
	width: 100%;
	max-width: 100%;
}

.customerInfo {
	margin: 0 0 20px 0;
}

.customerInfo td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 20px;
}

h2.customerReport {
	line-height: 1.5em;
	font-weight: 700;
	font-size: 16px;
	padding: 0 0 5px 0;
}

p.customerReport {
	line-height: 1.5em;
}

#customerDonutChart {
	height: 220px;
	width: 416px;
	margin: 20px 0;
	max-width: 100%;
	overflow: hidden;
}

#customerGraph {
	height: 220px;
	width: 444px;
	margin: 20px 0;
	max-width: 100%;
	overflow: hidden;
}

#importWarning {
    background: pink;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 10px;
    text-align: center
}

.externLabel {
    font-size: 10px;
    border-radius:2px;
    color: white;
    padding: 2px;
}

/* postcodes */

#postcodes {
	width: 100%;
}

#map-canvas {
	width: 100%;
	height: 333px;
	border-radius: 8px;
	margin: 0 auto 20px 0;
	float: none;
}

/* order statistics */

#chart_div {
	width: 100%;
	height: 333px;
	margin-top: 20px;
}

/* populair dishes */

.popularDishes {
	float: left;
	margin: 0 30px 30px 0;
	max-width: 586px;
}

#popularDishesDonutChart {
	float: right;
	width: 350px;
	max-width: 100%;
	height: auto;
	margin: 0 0 20px 0px;
}

#popularSidedishesDonutChart {
	float: right;
	width: 350px;
	max-width: 100%;
	height: auto;
	margin: 0 0 20px 0px;
}

/* statistics days and times */

.popularDaysTimes {
	float: left;
	margin: 30px 30px 0 0;
}

#poplarDaysChart, #popularTimesChart {
	float: left;
	width: 400px;
	margin-top: 20px;
}

/* googleanalytics */

#googleanalytics {
	float: right;
	width: 300px;
}

/* send sms texts */

#smsPhone {
  float: left;
  margin: 40px 90px 20px 0;
  width: 275px;
  height: 585px;
  background: url(../img/iphone.png);
  background-size: 275px 585px;
}

#smsSender {
  font-size: 13px;
  margin: 100px 0 0 35px;
  width: 90%;
}

#smsSender td {
  line-height: 2em;
}

#smsRecepients {
  font-size: 11px;
  color: #2196F3;
  padding-left: 10px;
}

#smsPhone textarea {
  width: 210px;
  background: #ebeaef;
  border: none;
  display: block;
  margin: 15px auto;
  height: 160px;
  padding: 10px;
  border-radius: 10px;
  color: #343339;
	font-family: 'Ubuntu','Fira Sans',Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
}

#smsCredits {
	float: left;
	margin-top: 40px;
}

#smsCredits td {
	padding-left: 20px;
	padding-right: 20px;
}

/* push notifications */

#pushNotifications {
	margin: 30px 0 0 0;
}

#pushMessage {
	width: 250px;
	height: 66px;
	vertical-align: middle;
}

/* order alerts */

#newOrderAlert {
	width: 400px;
	max-width: 100%;
	margin: 30px 0 0 0;
	float: left;
}

#newOrderAlert p {
	line-height: 1.8em;
	padding: 0 0 14px 14px;
}

/* pay on account */


/* voucher code in confirmation email */

#newConfirmationCode {
	width: 350px;
	margin: 30px 30px 0 0;
	float: left;
}

#newConfirmationCode p {
	line-height: 1.8em;
	padding: 0 0 14px 14px;
}


/* birthday */

#newBirthdayOffer {
	width: 350px;
	margin: 30px 30px 0 0;
	float: left;
}

#newBirthdayOffer p {
	line-height: 1.8em;
	padding: 0 0 14px 14px;
}



.birthday {
	width: 540px;
	float: left;
	background: #9C27B0;
	box-shadow: 0 5px #7B1FA2;
	border-radius: 7px;
	padding: 20px;
	margin: 30px 0 -10px 0;
	color: white;
	display: none;
}

.birthday .knop {
	float: right;
	margin: -4px -4px 0 0;
}

.birthday h4 {
	font-weight: 700;
	font-size: 22px;
	padding: 0 0 14px 0;
}

.birthday p {
	line-height: 1.9em;
	font-size: 14px;
	font-weight: 500;
}

.birthday b {
	font-size: 18px;
	padding-left: 5px;
	padding-right: 5px;
	color: #f3e721;
}

/* app info */
#appIcon {
	float: right;
	border-radius: 40px;
	margin-right: 80px;
	max-width: 200px;
}

/* app news */

#appNewsMessage {
	width: 250px;
	height: 66px;
	vertical-align: middle;
}

#appNewsContainer {
	width: 100%;
}

#appNewsItem {
	width: 100%;
	margin-top: 30px;
}

/* style app */

#appPhoneWrapper {
	float: left;
	position: relative;
	width: 275px;
	height: 585px;
	margin: 50px 0 0 220px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#appPhone {
	z-index: 1;
	position: relative;
	top: 0;
	left: 0;
}

#appPhoneScreen {
	width: 240px;
	height: 416px;
	background: #424141 url(http://www.somjit.nl/algemeen/img/foto_app/spareribs.jpg) center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	position: absolute;
	z-index: 2;
	margin-left: 17px;
	margin-top: 82px;
	top: 0;
	left: 0;
}

#appHeader {
	width: 100%;
	height: 90px;
	margin: 30px 0 40px 0;
	box-shadow:             0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:     0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:        0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	background: white;
}

#appHeader img {
	display: block;
	margin: auto;
	height: 90px;
	max-width: 100%;
}

.appButton {
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	font-size: 14px;
	margin: 10px auto;
	padding: 14px 0px;
	text-align: left;
	display: block;
	width: 146px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	font-family: 'Helvetica Neue',Arial,sans-serif;
	font-weight: bold;
	box-shadow:             0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:     0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:        0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	background: #1CB841;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.appButton i {
    margin: 0 13px 0 20px;
}

#appStijlRechts {
	float: left;
	margin: 110px 0 0 70px;
	text-align: center;
	padding-top: 70px;
}

.appStijlButton {
	margin: 20px auto;
	display: block;
	background: #9C27B0;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding: 16px 26px;
	border-radius: 12px;
	text-decoration: none;
}

.appStijlButton i {
	font-size: 36px;
	vertical-align: middle;
	padding: 0 14px 0 0;
}

/* apppromotie */

#appDownloadButton {
	margin-left: 30px;
}

/* contact */

#contactMessage {
	width: 300px;
	height: 100px;
}

/* profile */

#profile {
	width: 495px;
	max-width: 100%;
}

.profile {
	margin: 0 0 0 0;
}

.profile td {
	line-height: 1.4em;
	padding: 3px 14px;
}

input.profielTelInput {
	width: 145px;
}

form#formUbo input:read-only {
    color:grey;
}

/* qr codes */

.qrContainer {
	width: 250px;
	float: left;
	margin: 0 60px 30px 0;
}

.qrImage {
	width: 250px;
	height: 250px;
}

/* marketing pro */

.marketingContainer {
    float: left;
}

.marketingImg {
    max-width: 100%;
    display: block;
    margin: 0 auto 20px auto;
}

.marketingImg.large {
    width: 400px;
}

.marketingImg.small {
    width: 300px;
}

.marketingImgSmall {
    width: 300px;
    max-width: 100%;
    display: block;
    margin: 0 auto 20px auto;
}

/* mailchimp */

.mailchimpOl li {
    margin-top: 20px;
    padding: 0 0 0 2em;
    list-style-type: none;
    counter-increment: item;
}

.mailchimpOl li:before {
    display: inline-block;
    width: 1.5em;
    padding-right: 0.5em;
    font-weight: bold;
    text-align: right;
    content: counter(item) ".";
}

/* assets */
/* assets */
#footer {
	height: 44px;
	clear: both;
}

#footerCopy {
	text-align: center;
	padding: 10px 0 0 0;
}

::-moz-selection{background: #282828;color:white;}
::selection{background: #282828;color:white;}

/* spinner */

#spinOverlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	background-color:rgba(0,0,0,0.9);
	-webkit-animation: fade 500ms;
	animation: fade 500ms;
}

#spinLogo {
	width: 100px;
	height: 108px;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	-webkit-animation:spin 0.9s linear infinite;
	-moz-animation:spin 0.9s linear infinite;
	animation:spin 0.9s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.spinnerDone {
	display: none;
}

/* popup modal */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:rgba(0,0,0,1);opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:white}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:55px;height:55px;line-height:55px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:white;font-style:normal;font-size:36px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color: white}@media all and (max-width:900px){.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;transition:all .20s ease-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mfp-fade.mfp-bg.mfp-ready{opacity:.9}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;transition:all .20s ease-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}

.mfp-content {
	text-align: center;
}

#modal {
	position: relative;
	display: inline-block;
	background: #2196F3;
	width: auto;
	max-width: 600px;
	margin: 44px auto;
	background: white;
	border-radius: 8px;
	text-align: left;
}

#modalHeader {
	width: 100%;
	height: 55px;
	-webkit-border-top-left-radius:		8px;
	-webkit-border-top-right-radius:	8px;
	-moz-border-radius-topleft: 		8px;
	-moz-border-radius-topright: 		8px;
	border-top-left-radius: 			8px;
	border-top-right-radius: 			8px;
}

#modalHeader h3 {
	color: white;
	line-height: 55px;
	font-weight: 700;
	padding: 0 60px;
	text-align: center;
}

#modalInner {
	padding: 15px 20px;
}

#modalInner p {
	line-height: 1.5em;
}

/* tooltip2 */

b.tooltip2, b.tooltip2:link, b.tooltip2:visited, b.tooltip2:active {
  position: relative;
  cursor: default;
  font-weight: inherit;
}

b.tooltip2:hover {
  z-index: 100;
  cursor: default;
}

b.tooltip2 span {
  display: none;
  cursor: default;
}

b.tooltip2:hover span {
  font-size: 10px;
  display: block;
  margin: 0;
  position: absolute;
  top: 20px;
  left: 0;
  width: auto;
  z-index: 100;
  line-height: 1.4em;
  padding: 9px;
  background-color: rgba(33,33,33,1);
  color: white;
  font-size: 11px;
  cursor: default;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
  white-space: nowrap;
}

/* tablesorter */
.tablesorter-blue .header,
.tablesorter-blue .tablesorter-header {
	/* white (unsorted) double arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-repeat: no-repeat;
	background-position: center right;
	padding: 6px 28px 6px 5px;
	white-space: normal;
	cursor: pointer;
	vertical-align: middle;
}

.tablesorter-blue .headerSortUp,
.tablesorter-blue .tablesorter-headerSortUp,
.tablesorter-blue .tablesorter-headerAsc {
	background-color: #9fbfdf;
	/* white asc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.tablesorter-blue .headerSortDown,
.tablesorter-blue .tablesorter-headerSortDown,
.tablesorter-blue .tablesorter-headerDesc {
	background-color: #8cb3d9;;
	/* white desc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

/* tables green overrides */
.table_gr.tablesorter-blue .headerSortUp,
.table_gr.tablesorter-blue .tablesorter-headerSortUp,
.table_gr.tablesorter-blue .tablesorter-headerAsc {
	background-color: #4caf50;
	/* white asc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.table_gr.tablesorter-blue .headerSortDown,
.table_gr.tablesorter-blue .tablesorter-headerSortDown,
.table_gr.tablesorter-blue .tablesorter-headerDesc {
	background-color: #4caf50;;
	/* white desc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.table_gr.tablesorter-blue thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 6px;
}

/* tables blue overrides */
.table_bl.tablesorter-blue .headerSortUp,
.table_bl.tablesorter-blue .tablesorter-headerSortUp,
.table_bl.tablesorter-blue .tablesorter-headerAsc {
	background-color: #2196F3;
	/* white asc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.table_bl.tablesorter-blue .headerSortDown,
.table_bl.tablesorter-blue .tablesorter-headerSortDown,
.table_bl.tablesorter-blue .tablesorter-headerDesc {
	background-color: #2196F3;
	/* white desc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.table_bl.tablesorter-blue thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 6px;
}

/* tables red overrides */
.table_ro.tablesorter-blue .headerSortUp,
.table_ro.tablesorter-blue .tablesorter-headerSortUp,
.table_ro.tablesorter-blue .tablesorter-headerAsc {
	background-color: #F44336;
	/* white asc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.table_ro.tablesorter-blue .headerSortDown,
.table_ro.tablesorter-blue .tablesorter-headerSortDown,
.table_ro.tablesorter-blue .tablesorter-headerDesc {
	background-color: #F44336;
	/* white desc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.table_ro.tablesorter-blue thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 6px;
}

/* tables orange overrides */
.table_or.tablesorter-blue .headerSortUp,
.table_or.tablesorter-blue .tablesorter-headerSortUp,
.table_or.tablesorter-blue .tablesorter-headerAsc {
	background-color: #FF9800;
	/* white asc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.table_or.tablesorter-blue .headerSortDown,
.table_or.tablesorter-blue .tablesorter-headerSortDown,
.table_or.tablesorter-blue .tablesorter-headerDesc {
	background-color: #FF9800;
	/* white desc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.table_or.tablesorter-blue thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 6px;
}

/* tables yellow overrides */
.table_ge.tablesorter-blue .headerSortUp,
.table_ge.tablesorter-blue .tablesorter-headerSortUp,
.table_ge.tablesorter-blue .tablesorter-headerAsc {
	background-color: #FFC107;
	/* white asc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.table_ge.tablesorter-blue .headerSortDown,
.table_ge.tablesorter-blue .tablesorter-headerSortDown,
.table_ge.tablesorter-blue .tablesorter-headerDesc {
	background-color: #FFC107;
	/* white desc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.table_ge.tablesorter-blue thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 6px;
}

/* tables purple overrides */
.table_pa.tablesorter-blue .headerSortUp,
.table_pa.tablesorter-blue .tablesorter-headerSortUp,
.table_pa.tablesorter-blue .tablesorter-headerAsc {
	background-color: #9C27B0;
	/* white asc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.table_pa.tablesorter-blue .headerSortDown,
.table_pa.tablesorter-blue .tablesorter-headerSortDown,
.table_pa.tablesorter-blue .tablesorter-headerDesc {
	background-color: #9C27B0;
	/* white desc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.table_pa.tablesorter-blue thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 6px;
}

/* tables black overrides */
.table_zw.tablesorter-blue .headerSortUp,
.table_zw.tablesorter-blue .tablesorter-headerSortUp,
.table_zw.tablesorter-blue .tablesorter-headerAsc {
	background-color: #414141;
	/* white asc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.table_zw.tablesorter-blue .headerSortDown,
.table_zw.tablesorter-blue .tablesorter-headerSortDown,
.table_zw.tablesorter-blue .tablesorter-headerDesc {
	background-color: #414141;
	/* white desc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.table_zw.tablesorter-blue thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 6px;
}

//more default overrides
.tablesorter-blue thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 6px;
}

.tablesorter-blue thead .sorter-false.overridepadding {
	background-image: none;
	cursor: default;
	padding: 17px 0px 6px 0px;
}

.tablesorter-blue thead .sorter-false.overridepadding17 {
	background-image: none;
	cursor: default;
	padding: 17px 0px 17px 0px;
}

/* pushy */
.pushy {
  position: fixed;
  width: 200px;
  height: 100%;
  top: 0;
  z-index: 100;
  background: #121212;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font-family: 'Ubuntu','Open Sans',Roboto, Helvetica, Arial, sans-serif;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}
.pushy-content {
  visibility: hidden;
}

.pushy-link {
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

ul .pushy-link:last-of-type{
	border: none;
}

.pushy-link a {
	color: white;
	display: block;
	width: 100%;
	height: 100%;
	padding: 12px 0;
	text-decoration: none;
	font-weight: 700;
	vertical-align: middle;
}

.pushy-link i {
	padding: 0 10px 0 10px;
}

.pushy_siteClosed {
	background: #E53935;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Buttons */
  /* Submenu Icon */
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.pushy-submenu ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu button {
  width: 100%;
  color: white;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 14px;
  text-align: left;
  border: 0;
  background: transparent;
  font-family: 'Ubuntu','Open Sans',Roboto, Helvetica, Arial, sans-serif;
}

.pushy-submenu button i {
	margin-right: 6px;
	font-size: 14px;
	border-radius: 4px;
	padding: 4px 6px;
}

.pushy-submenu button:hover {
  color: #FFF;
}
.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../img/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open ul {
  max-height: 1000px;
  visibility: visible;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.pushy #headerUl {
	margin: 20px 0 0 12px;
}

.flex-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-around;
}

.flex-container-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-around;
    align-items: center;
}

.noFreeAlcohol {
    font-weight: bold;
    color: red;
}

/* media queries */

@media screen and (max-width: 986px) {

	input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"] {
		padding: 5px 7px;
	}

	textarea {
		padding: 5px;
	}

	.mobNo {
		display: none;
	}

	.mobYes {
		display: table-cell;
	}

	.mobYes2 {
		display: block;
	}

	.container {
		width: 100%;
		padding: 0 10px;
	}

	#header {
		height: 80px;
	}

	#headerLeft {
		float: none;
		height: 80px;
		width: 100%;
	}

	#siteClosed {
		margin-left: 0;
		margin-top: -60px;
	}

	#headerRight {
		display: none;
	}

	#logo {
		height: 50px;
		margin: 15px 15px 0 0;
		float: left;
		display: block;
	}

	#header h1 {
		font-size: 22px;
		margin: 0 0 4px 0;
		padding-top: 18px;
		white-space:nowrap;
	}

	#header h2 {
		font-weight: 500;
		font-size: 13px;
		float: left;
	}

	#nav {
		border-radius: 0;
		width: 100%;
		height: 42px;
		margin-bottom: 20px;
		overflow-x: hidden;
		z-index: 3;
	}

	#nav li {
		height: 42px;
		line-height: 42px;
	}

	#nav li:nth-of-type(2) {
		padding-left: 5px;
	}

	.menuButton {
		padding: 8px;
		margin: 0 0 4px 0;
		font-size: 12px;
		border-radius: 6px;
	}

	.menuButton i {
		padding-right: 8px;
	}


	#hamburgerButton {
		display: block;
	}

	#nav li a {
		font-size: 13px;
	}

	#nav li i {
		padding-right: 5px;
	}

	.tussen {
		padding: 0 13px;
	}

	h3 {
		font-size: 20px;
		padding: 0 0 10px 0;
	}

	td.th2 {
		font-size: 20px;
		padding: 15px 0 15px 0;
	}

	table.tdPadding25 td{
		padding-left: 15px;
		padding-right: 15px;
	}

	table.tdPadding15 td{
		padding-left: 10px;
		padding-right: 10px;
	}

	#modal {
		width: 98%;
	}

	#modalInner {
		padding: 10px 12px;
	}

	/* menukaart */
	#categoryCaptionTextarea {
		width: 100%;
		max-width: 100%;
		height: 100px;
	}

	#menuCategories {
		display: none;
	}

	.dishes {
		width: 100%;
		float: none;
	}

	.dishNr, .dishPosId {
		display: none;
	}

	.dishInfo {
		padding-left: 5px;
	}

	.dishPhotoTd {
		width: 90px;
	}

	.dishPhoto {
		max-width: 90px;
	}

	.dishPhotoDelete {
		width: 90px;
	}

	.dishPhotoDelete i {
		padding-right: 4px;
	}

	.dishPrice {
		width: 50px;
		padding: 8px 0 0 10px;
	}

	.dishIcons {
		margin-top: 0px;
	}

	#newDish {
		width: 100%;
	}

	#newDish td {
		padding-left: 5px;
		padding-right: 0px;
	}

	.newDishName {
		width: 260px;
		max-width: 100%;
	}

	#newDishDescription {
		width: 260px;
		height: 66px;
		max-width: 100%;
	}

	#newDishIcons td {
		padding: 4px 0px 4px 0px;
		font-size: 10px;
	}

	/* keuzemenus */


	#menuOptions {
		display: none;
	}

	.optionMenu {
		float: none;
		width: 100%;
		margin: 0 0 40px 0;
	}

	.optionMenuButtons {
		margin-top: -8px;
		margin-left: 10px;
	}


	/* tijden */
	.tableOpeningHours {
		float: none;
		margin: 0 auto 30px auto;
	}

	.bezorgSelect, .afhaalSelect {
		padding-right: 10px;
	}

	/* deliveryArea */
	#deliveryArea {
		width: 100%;
	}

	#deliveryArea th {
		padding-left: 0px;
		padding-right: 0px;
		text-align: center;
	}

	#deliveryArea td {
		padding-left: 5px;
		padding-right: 5px;
	}

	#deliveryArea input[type="text"], #deliveryArea input[type="number"], #deliveryArea input[type="tel"]  {
		width: 44px;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}

	#addPostcode {
		width: 100%;
	}

	#addPostcode input {
		width: 50px;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
	}

	/* actiecodes */
	#newCode {
		width: 100%;
		margin: 30px 0 0 0;
		float: none;
	}

	#tableTagCodes {
		float: none;
		margin-top: 40px;
		width: 100%;
	}

	#tableTagCodes td {
		padding-left: 5px;
		padding-left: 5px;
	}

	#tableCodes {
		float: none;
		margin-top: 40px;
		width: 100%;
	}

	#tableCodes td {
		padding-left: 5px;
		padding-left: 5px;
	}

	.offer {
		width: 500px;
		max-width: 100%;
		float: none;
		position: relative;
	}

	.offer .knop {
		float: right;
		position: absolute;
		bottom: 7px;
		right: 0;
		margin: 0 7px 0 0;
	}

	.offer h4 {
		font-weight: 700;
		font-size: 15px;
		padding: 0 0 7px 0;
	}

	.offer p {
		line-height: 1.4em;
		font-size: 14px;
		font-weight: 500;
	}

	.offerDetails {
		margin: 12px 0 0 0;
	}

	.offerDetails li {
		line-height: 1.7em;
		font-size: 12px;
		padding-left: 12px;
	}

/* acties */

	#newOffer {
		width: 100%;
		float: none;
	}

	.card {
		width: 100%;
		float: none;
	}

/* reviews */

	.review {
		width: 100%;
		float: none;
		margin: 15px 0 0 0;
	}

	.reviewAuthor {
		padding: 10px 10px 13px 10px;
	}

	.reviewRating {
		margin: 0 0 0 10px;
	}

	.reviewRating i {
		font-size: 14px;
	}

	.reviewText {
		line-height: 1.4em;
		padding: 13px 10px 10px 10px;
	}

	.reviewButtons {
		background: #eee;
		padding: 8px;
	}

	#reviewReply {
		max-width: 100%;
		height: 166px;
	}

	/* bestellingen_ontvangen */

	.receiveOrders {
		width: 100%;
		max-width: 100%;
		height: auto;
		float: none;
		margin: 0px auto 20px auto;
		position: relative;
		padding-bottom: 20px;
	}

	.receiveOrders p {
		max-width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.receiveOrders:nth-of-type(2){
		margin-left: auto;
		margin-right: auto;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	.receiveOrders input {
		width: 200px;
		display: block;
		margin: 20px auto 0 auto;
	}

	.receiveOrdersButton {
		position: relative;
		display: block;
		text-align: center;
		margin: 20px auto 10px auto;
	}

	/* archief */

	.archiveChoice {
		width: 294px;
		max-width: 100%;
		float: none;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	.archiveChoice:nth-of-type(2){
		margin-left: auto;
		margin-right: auto;
	}

	#archive {
		width: 100%;
	}

	#archive td {
		padding-left: 3px;
		padding-right: 3px;
	}

	#archive th {
		padding-left: 0px;
		padding-right: 0px;
	}

	/* online payments */

	#bodyOnlinePayments .menuButtonContainer {
		display: none;
	}

	#tableOnlinePayments {
		width: 100%;
	}

	.calendar {
		float: left;
		margin-bottom: 20px;
		margin-right: 10px;
	}

	#onlinePaymentsOverview {
		float:none;
		margin-left: 0px;
	}

	/* contact */

	#contactMessage {
		width: 100%;
	}

	/* profile */

	#profile {
		width: 100%;
	}

}

/* tiles */

/* slides */

    .slideButtons {
        position: absolute;
		bottom: 13px;
		float: right;
		right: 4%;
    }

    .slideButtons .knop {
        display: inline-block;
        font-weight: normal;
        text-align: left;
    }

    .slideCard {
        width: 305px;
        height: 180px;
        border: 1px solid black;
        border-radius: 8px;
        margin: 10px;
        float: left;
        box-sizing: border-box;
        padding: 15px;
    }

    .slideCard span {
        display: block;
    }

    .slideLabel {
        color: rgba(68, 68, 68, .5);
        text-transform: uppercase;
        font-size: 13px;
        padding: 0 0 5px 0;
        font-weight: bold;
        letter-spacing: 1.2px;
    }

    .slideTitle {
        font-size: 20px;
        font-weight: bold;
        padding: 0 0 10px 0;
        color: #444444;
    }

    .slideText {
        color: rgba(68, 68, 68, .5);
        line-height: 1.2em;
    }

    .slideLink {
        padding-top: 10px;
        color: #2196f3;
    }

    .slideCard.unavailable {
        background: grey;
    }

    .slideCard.invisible {
        background: pink;
    }

    .unavailableLabel {
        float: right;
        color: white;
    }

/* slides */

/* screensaver */

    .screensaverContainer {
        padding-top: 15px;
        padding-left: 30px;
    }

    .disabledScreensaver {
        position: absolute;
        z-index: 2;
        background: rgba(14, 13, 13, 0.8);
        width: 100%;
        height: 100%;
        padding: 2px;
    }

    .disabledScreensaverText {
        position: relative;
        float: right;
        top: 20px;
        right: 20px;
        color: white
    }

    .screensaverImage {
        width: 268px;
        height: 400px;
        float: left;
        background-size: cover;
        background-position: center;
        margin: 0 20px 40px 20px;
        position: relative;
        background-color: #eeeeee;
        border: 1px solid black;
        border-radius: 8px;
    }

    .screensaverBottom {
        height: 40px;
        position: absolute;
        bottom: 0;
        z-index: 2;
        background: rgba(255, 255, 255, 0.7);
        width: 100%;
        padding: 2px;
    }

    .screensaverButtons {
        float: right;
        margin-top: 11px;
        margin-right: 10px;
    }

/* screensaver */

/* banner */

    .bannerContainer {
        display: flex;
        flex-direction: column;
        padding-top: 15px;
        padding-left: 50px;
    }

    .bannerImage {
        width: 90%;
        height: 280px;
        float: left;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 20px 40px 20px;
        position: relative;
        background-color: #eeeeee;
        border: 1px solid black;
        border-radius: 8px;
    }
/* banner */

/* photos */

    .thumbnailImg {
        width: 170px;
        height: 100px;
        background-size: cover;
        background-position: center;
        margin: 10px;
        position: relative;
        background-color: #eeeeee;
    }

    .headerImg {
        float: left;
        width: 160px;
        height: 100px;
        background-size: cover;
        background-position: center;
        margin: 0 20px 20px 0;
        position: relative;
        background-color: #eeeeee;
        transition: transform 0.25s ease;
    }

    .headerImg:hover {
        cursor: pointer;
        -webkit-transform: scale(3.5);
        transform: scale(3.5);
        z-index: 4;
    }

    .photoName {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        background: rgba(255, 255, 255, 0.7);
        width: 100%;
        text-align: center;
        height: 20px;
        padding: 2px;
    }

    #headerImgNav a {
        color: #2196F3;
    }

    #headerImgNav a:hover {
        text-decoration: none;
    }

/* photos */

/* onboarding */

.onboardingTd {
    padding: 14px 10px;
    vertical-align: top;
}

table.onboardingTable th {
    white-space: nowrap !important;
}

/* onboarding */

/* kiosk */

    #qrTokenTable {
        margin-top: 30px;
    }

/* kiosk */

/* promotion */

.easterEggImg {
    max-width: 100%;
    display: block;
    margin: 30px auto 20px auto;
    padding-bottom: 30px;
    width: 80px;
}

/* promotion */

@media screen and (max-width: 500px) {
    .flex-container {
        display: flex;
        flex-direction: column;
    }

	/* discount */
	.tableDiscount {
		float: none;
		width: 100%;
		max-width: 100%;
	}

	.dishButtonsTd {
		display: none;
	}

	.dishButtonsMob {
		display: table-cell;
	}

}

@media screen and (min-width: 987px) {
	.tile:nth-of-type(4n){
		margin-right: 0;
	}

	.block:nth-of-type(6n){
		margin-right: 0;
	}

}

@media screen and (min-width: 757px) and (max-width: 986px) {
    .flex-container {
        display: flex;
        flex-direction: column;
    }

	.tile:nth-of-type(3n) {
		margin-right: 0;
	}

}

@media screen and (min-width: 508px) and (max-width: 756px) {
    .flex-container {
        display: flex;
        flex-direction: column;
    }

	.tile:nth-of-type(2n) {
		margin-right: 0;
	}

}

@media screen and (max-width: 507px){
    .flex-container {
        display: flex;
        flex-direction: column;
    }

	.tile {
		float: none;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}

	#tileZw1 {
		display: none;
	}

	#tileZw2 {
		display: block;
	}

	/* popular dishes */
	.popularDishes {
		min-width: 100%;
	}

	/* online payments */
	#onlinePaymentsList {
		width: 100%;
		min-width: 100%;
	}

}

/* block */

@media screen and (min-width: 840px) and (max-width: 986px) {

	.block:nth-of-type(5n){
		margin-right: 0;
	}

}

@media screen and (min-width: 674px) and (max-width: 839px) {

	.block:nth-of-type(4n){
		margin-right: 0;
	}

}

@media screen and (min-width: 508px) and (max-width: 673px) {
    .flex-container {
        display: flex;
        flex-direction: column;
    }

	.block:nth-of-type(3n){
		margin-right: 0;
	}

}

@media screen and (max-width: 507px) {
    .flex-container {
        display: flex;
        flex-direction: column;
    }

	.block:nth-of-type(2n){
		margin-right: 0;
	}

}

.sourcefilter{
    width:100%;
}

/* print css */

@media print {
/*********************
Copyright: SiteDish.nl
www.sitedish.nl
*********************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}*{outline:none;}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}

body {
	color: black;
	background: white;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

* {
	color: black;
	background: white;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#header,#nav,.block,.tile,.knop,.menu-knop,button,.button,input,textarea,.gerechten .knop, .menuButtonContainer,#buttonFilter,.todo{
	display:none;
}

.archiveChoice, .pushy, #menuCategories, .knop, .knop.open-modal, iframe, #map-canvas, p, .calendar {
	display: none;
}

.table_gr .th2, .table_bl .th2, .table_ro .th2, .table_or .th2, .table_pa .th2, .table_ge .th2 {
	background: none;
	color: black;
	font-size: 22px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid black;
}

.table_gr th, .table_bl th, .table_ro th, .table_or th, .table_pa th, .table_ge th {
	background: none;
	color: black;
	padding: 4px;
	font-weight: normal;
	border-bottom: 1px solid black;
	font-size: 12px;
}

table tr:nth-of-type(even){
	background: none;
}

table td {
	padding: 4px 8px;
}

/* menu */

.dishes td:last-of-type{
	display: none;
}

/* archive */

#archive td:first-of-type, #archive th:first-of-type {
	display: table-cell;
}

/* order */

#printAddress {
	margin-bottom: 40px;
}

#printAddressLogo {
	max-height: 100px;
	vertical-align: top;
	float: left;
	margin-right: 30px;
	margin-bottom: 40px;
}

#printAddressName {
	font-weight: bold;
	font-size: 16px;
}

#printAddress td {
	padding: 2px 0;
}

.orderInfo {
	margin: 0 30px 0 0;
	float: left;
	font-size: 12.5px;
}

.orderInfo th {
	display: none;
}

.orderInfo td {
	padding: 4px 10px;
	border-bottom: 1px solid black;
}

.orderInfo tr:nth-of-type(odd){
	background: none;
}

.orderAttention {
	color: black;
	font-size: 15px;
	font-weight: 700
}

#orderComments {
	margin: 25px 0 0 0;
	width: 100%;
}

#orderComments th {
	display: none;
}

#orderComments td {
	padding: 6px 14px;
	border-bottom: none;
	color: black;
}

#orderOrder {
	margin-top: 25px;
	width: 100%;
}

#orderOrder th {
	padding: 12px 16px;
	background: none;
	color: black;
	font-size: 14px;
	border-bottom: 1px solid black;
}

#orderOrder td {
	padding: 6px 14px;
	border-bottom: 1px solid black;
}

#orderOrder tr:nth-of-type(odd){
	background: none;
}

#orderOrder tr:last-of-type {
	background: white;
}

#orderOrder tr:last-of-type td{
	border: none;
}

#chatlio-widget {
    display: none;
}

#filter {
    display: none;
}

/* footer */

.printja {display:block;}}