/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

:root {
	--main-background-color: rgb(46, 63, 80);
}


html {
    touch-action: none;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    height: 100vh;
    overflow: hidden;
    background:var(--main-background-color);
}

body {
	position: fixed;
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-family:'teko_regularregular';
    font-size:1.2rem;
    height: 100%;
    margin:0px;
    padding:0px;
    width:100%;
    background-color: transparent;
    overflow:hidden;
}

body input {
	font-family:'teko_regularregular';
}

.todeliver {
	font-weight: bold;
    text-align: center;
    font-size: 1rem;
    flex-basis: 100%;
}

/*
@media (orientation : portrait) {
	body[device='iOS'] {
		height:calc(100vh - 20px);
	}
}

body > #main {
	height:100vh;
}
@media (orientation : portrait) {
	body[device='iOS'] > #main {
		height:calc(100vh - 20px);
	}
}
*/


/* Portrait layout (default) */
.app {
    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
    position:absolute;             /* position in the center of the screen */
    left:50%;
    top:50%;
    height:50px;                   /* text area height */
    width:225px;                   /* text area width */
    text-align:center;
    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
    margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
                                   /* offset horizontal: half of text area width */
}

/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
        background-position:left center;
        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
                                      /* offset horizontal: half of image width and text area width */
    }
}

h1 {
    font-size:24px;
    font-weight:normal;
    margin:0px;
    overflow:visible;
    padding:0px;
    text-align:center;
}

.list-group-item.active {
	z-index:unset
}

.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}

.event.listening {
    background-color:#333333;
    display:block;
}

.event.received {
    background-color:#4B946A;
    display:none;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

.goalTable {
	background: rgba(245,245,245,0.9);
	width: 100%;
}

#menu.blur {
	/*filter: blur(2px);*/
}

.calendar.instantOrdersOnly {
	box-shadow: unset;
}

.icon-facebook {
	background: #578ee8;
	background-position: 0.5em 50%; 
	background-image: url('../img/fb.png');
	padding-left:35px;
	background-repeat: no-repeat;
}

.icon-twitter {
	background: #5dc2e6;
	background-position: 10px 50%; 
	background-image: url('../img/tw.png');
	padding-left:40px;
}

.icon-google {
	background-color: #4285F4;
	background-position: -5px 50%; 
	background-size: auto 115%;
	background-image: url('../img/btn_google_dark_normal_ios.svg');
	background-repeat: no-repeat;
	padding-left:40px;
	font-family: Roboto !important;
}

.icon-linkedin {
	background: #0274b3;
	background-position: 10px 50%; 
	background-image: url('../img/ln.png');
	padding-left:40px;
}


button.icon-table{
	background-image: url('../img/restaurant-table-50.png');
	background-repeat: no-repeat;
	/*background-color: #ccc;*/
	background-position: 10px 50%; 
	text-align:center;
	padding-right:5px;
	padding-left:35px;
	color: white;
	height:50px;
}

button.icon-join-table {
	background-image: url('../img/joining-table-50.png');
	background-repeat: no-repeat;
	/*background-color: #ccc;*/
	background-position: 10px 50%;
	text-align:center;
	padding-right:5px;
	padding-left:35px;
	color: white;
	height:50px;
}

button.icon-add{
	background-image: url('../img/friedn_added-20.png');
	background-repeat: no-repeat;
	/*background-color: #ccc;*/
	background-position: 5px 50%;
	text-align:center;
	padding-right:5px;
	padding-left:28px;
	color: white;
	height:50px;
	font-size:12px;
}

.icon-add-new {
	background-position: 0 50%;
	background-size: 23px 23px; 
	background-image: url('../img/add_64.png');
	background-repeat:no-repeat;
	margin-right:0;
	height: 25px;
	width: 25px;
}

button.read-qrcode {
	background-image: url('../img/qr-128.png');
	background-repeat: no-repeat;
	/*background-color: #ccc;*/
	background-size: 32px 32px;
	text-align:center;
	padding-right:0px;
	padding-left:0px;
	color: white;
	height:32px;
	font-size:22px;
	width:32px;
	position: absolute;
    top: 4px;
    left: 2px;
    border:none;
    background-color: transparent;
    z-index:2;
}

button.unlock-table {
	background-image: url('../img/unlock-48.png');
	background-repeat: no-repeat;
	/*background-color: #ccc;*/
	background-size: 32px 32px;
	text-align:center;
	padding-right:0px;
	padding-left:0px;
	color: white;
	height:32px;
	font-size:22px;
	width:32px;
	position: absolute;
    top: 4px;
    left: 2px;
    border:none;
    background-color: transparent;
    z-index:2;
}

.round-button-3d {
	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
    */
	border-radius:5px;
	padding-right:0px;
	padding-left:0px;
	height:32px;
	width:32px;
    border:none;
    z-index:4;
    /*
    box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
    */
    color: white; /*darkslateblue;*/
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:3px;
}

.round-button-3d.tableMate {
	font-size:40px;	
} 

.round-button-3d.positive {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#afff00ff), to(#3fff00ff));
    background-image: -webkit-linear-gradient(top, #afff00ff, #3fff00ff);
    background-image: -moz-linear-gradient(top, #afff00ff, #3fff00ff);
    background-image: -ms-linear-gradient(top, #afff00ff, #3fff00ff);
    background-image: -o-linear-gradient(top, #afff00ff, #3fff00ff);
    color: gray;
}

/*
.round-button-3d.negative {
	background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(coral));
    background-image: -webkit-linear-gradient(top, red, coral);
    background-image: -moz-linear-gradient(top, red, coral);
    background-image: -ms-linear-gradient(top, red, coral);
    background-image: -o-linear-gradient(top, red, coral);
    color:white;
}*/

.round-button-3d.negative {
	color: #ff6400;
}

.round-button-3d i.negative {
    color:#ff6400;
}


.round-button-3d > div.add-person {
	background-image: url('../img/add-person-48.png');
	background-size: 30px 30px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position:50% 50%;
}

.round-button-3d > div.accept-button {
	background-image: url('../img/accept-48.png');
	background-size: 30px 30px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position:50% 50%;
}

.round-button-3d > div.unlock-table {
	background-image: url('../img/leave-table-48.png');
	background-size: 30px 30px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position:50% 50%;
}

.round-button-3d > div.add {
	font-family: 'fontello';
    font-size: 6.8vmin;
}

.round-button-3d > div.add:after {
    content: "\1";
}

div.icon-table {
    background-image: url('../img/table-48.png');
    background-size: 100% 100%;
    height: 1.7rem;
    width: 1.7rem;
}
.accordion .accordion-title .icon-table {
	filter: invert(100%);
}

div.icon-table-white {
    background-image: url('../img/table-white-48.png');
    background-size: 100% 100%;
    height: 1.7rem;
    width: 1.7rem;
    margin-left: .2rem;    
}

.matetable {
	overflow:hidden;
	position:absolute;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
    box-shadow: 0px 0px 6px #aaa, inset 0px 2px 3px #fff;
}

.accordion-select:not(:checked) ~ .dropdown,
.accordion-select:not(:checked) ~ button.round-button-3d {
	display:none;
}

button.scanToJointable,
button.scanToChangeTable {
	background-image: url('../img/qr.png');
	background-repeat: no-repeat;
	/*background-color: #ccc;*/
	background-position: 10px 50%;
	text-align:center;
	padding-right:5px;
	padding-left:35px;
	color: white;
	height:50px;
	font-size:22px;
}

.dp-numberPicker, .dp-numberPicker-add, .dp-numberPicker-sub, .dp-numberPicker-input {
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 50px;
text-align: center;
line-height: 50px;
vertical-align: top;
font-family: 'Roboto', serif;
}

.dp-numberPicker {
box-shadow: 0 0 5px rgba(255,255,255,0.5);
border-radius: 3px;
}

.dp-numberPicker-add, .dp-numberPicker-sub {
width: 50px;
font-size: 25px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
background-color: #33b5e5;
color: white;
font-weight: 700;
text-shadow: 1px 1px 1px rgba(50,50,50,0.5);
}

.dp-numberPicker-add {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5),  inset -1px -1px 1px rgba(0,0,0,0.5);
}

.dp-numberPicker-sub {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
box-shadow: inset 1px 1px 1px rgba(255,255,255,0.5),  inset 0px -1px 1px rgba(0,0,0,0.5);
}

.dp-numberPicker-sub.disabled, .dp-numberPicker-add.disabled {
background-color: #2c6a81;
}

.dp-numberPicker-input {
width: 100px;
font-size: 18px;
background-color: #232425;
color: white;
border: 0;
box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3),  inset 0px -1px 1px rgba(0,0,0,0.5);
}

.dp-numberPicker-input:disabled {
background-color: #232425;
}

.badge {
  display: inline-block;
  padding: 0px 9px 3px;
  font-size: 1rem;
  line-height: 1;
  border-radius: 200px;
  white-space: normal;
}
.badge.badge-inverted {
  padding: 0 5px 0 0;
  background-color: transparent;
}

.badge-primary {
  color: #fff;
  background-color: #428bca;
}
.badge-primary.badge-inverted {
  color: #428bca;
}

.badge-positive {
  color: #fff;
  background-color: #5cb85c;
}
.badge-positive.badge-inverted {
  color: #5cb85c;
}

.badge-negative {
  color: #fff;
  background-color: #d9534f;
}

.badge-person {
  color: black;
  background: white;
  left:-10px;
  padding-top:.3rem;
  padding-left:2rem;
  padding-bottom:0px;
  height:1.7rem;
  vertical-align:middle;
}


div#byCustomer .badge-person,
div#byTiming .badge-person {
  background-color: white;
}

div#byCustomer .badge-person.inactive,
div#byTiming .badge-person.inactive {
  background-color: gray;
}

.badge.icon-warning {
	background-image:  url('../img/warning.png');
	background-repeat: no-repeat; 
	background-position: -5px center; 
    background-color: #ccbc0c;
	padding-right: 24px;
}

.btn.icon-camera {
	background: 3px 3px #428bca url('../img/camera-24.png') no-repeat;
	width:32px;
	height:32px;
	margin-top: 5px;
	margin-bottom:5px;
}

img.person {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	position:absolute;
	width:1.7rem;
	height:1.7rem;
	margin:0;
	top:0rem;
	left:0rem;
	
}

div.persons-stack {
	position:absolute;
	overflow:hidden;
	float:left;
	margin-right:.5rem;
	margin-bottom:.2rem;
	margin-top:.2rem;
	margin-left: 8px;
	vertical-align:middle;
}

div#byCustomer div.persons-stack {
	position:absolute;
}

abbr  {
	vertical-align:middle;
}

footer .dropdown-menu {
	position: fixed !important;
}

img.warning {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;  
	border-radius: 100%;
	padding-left:0px;
	height:24px;
	width:24px;
	position:absolute;
	top:1px;
	right:1px;
	display:inline;
}

.btn.icon-photos {
	background: 3px 3px #428bca url('../img/photos-24.png') no-repeat;
	width:32px;
	height:32px;
	margin-top: 5px;
	margin-bottom:5px;
}

.icon {
	display:block;
	margin:.5rem;
	font-family:unset;
}

.icon.glyphicon::before {
    font-family: 'Glyphicons Halflings';
}

.icon.icon-nav-back {
	background: url('../img/arrow-back-24.png') no-repeat;
	width:24px;
	height:24px;
	margin-top: 5px;
	margin-bottom:5px;
}

.btn.icon-crop {
	background: 3px 3px #428bca url('../img/crop-24.png') no-repeat;
	width:32px;
	height:32px;
	margin-top: 5px;
	margin-bottom:5px;
}


.eatwithme-input-group-btn
 {
  border-collapse: separate;
  display: table-cell;
  font-size: 0px;
  position: relative;
  line-height:0px;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.eatwithme-input-group {
  display: table;
  border-collapse: separate;
  position: relative;
  box-sizing: boder-box;
  background-color: lightgray;
  border: 0px solid transparent;
  border-radius: 4px;
}

.eatwithme-btn {
  display: inline-block;
  padding: 0px 0px 0px 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  height:34px;
  width:32px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin:0px;
}

.tokenize > .tokens-container > .token.approved {
  background-color: #5cb85c;
}

.cards {
  background-color: #fff;
}

/* CSS REQUIRED */
.state-icon {
    left: -5px;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}

.list-group-item.disabled {
    color: #6c757d;
    background-color: #eee;
    opacity:.3;
}

.list-group-item.nonselectable {
    color: #6c757d;
    background-color: white;
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
    margin-bottom: 0px;
}

.mateName {
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:middle;
    display:inline-block;
    white-space:nowrap;
}


.bar-header .icon {
  position:static;
  font-size: 24px;
}

.bar-footer .icon {
  position:static;
  font-size: 2rem;
}

.footer{
  display: inline-block;
  padding: 0px 0px 0px 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  height:34px;
  width:100%;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin:0px;
}

.title {
	padding-left:0px;
	padding-right:66px;
	margin-left:23px;
	margin-right:0px;
}

.bar-expanding {
	height:unset;
	display:inline-block;
	margin:0px;
	padding-bottom:11px;
	position:relative;
	width:100%;
}

.bar-expanding > .icon {
	height: 24px;
}

.bar-nav ~ .content {
	position:static;
	padding-top: 5px;
}

.smallImage {
	width:26px;
	padding-right:5px;
	padding-left:0px;
	border-radius:100%;
}

.mediumImage {
	width:48px;
	height:48px;
	margin-right:5px;
	padding-left:0px;
	border-radius:50%;
}

.nocaret::after {
    content: unset;
}

.table-view .media,
.table-view .media-body {
  overflow: unset;
}

.btn.icon.icon-meals {
  background-image: url("../img/food-64.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 16px;
  font-size:18px;
  padding-top: 5px;
  text-shadow: 1px 1px black;
}

.btn.icon.icon-drinks {
  background-image: url("../img/drink-64.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 16px;
  padding-top: 5px;
  font-size:18px;
  text-shadow: 1px 1px black;
}


.icon-waiter {
  background-image: url("../img/waiter-64.png") !important;
  background-repeat: no-repeat !important;
  background-position: 58% 41% !important;
  background-size: auto 53% !important;
  background-color: white;
}

#waiter.active {
	color:yellow !important;
 -webkit-animation: pulse3 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse3 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse3 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse3 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

div#payment.active {
	background-color: yellow;
}

img.icon-waiter {
  border-radius:100%;
}
div#waiter.active {
	background-color: yellow;
	border-radius:100%;
}

.btn.icon.icon-menuItems {
  background-image: url("../img/check-2-64.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 3rem 3rem;
  padding-top:0rem;
  padding-left: 16px;
  padding-top: 5px;
  font-size: 18px;
  text-shadow: 1px 1px black;
}

.btn.icon.icon-plus2 {
  background-image: url("../img/add_64.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 70px;
  padding-top:6px;
  font-size: 24px;
}

.btn.icon.icon-close2 {
  background-image: url("../img/close-64.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 70px;
  padding-top:6px;
  font-size: 24px;
}

.btn.icon.icon-subprofiles {
  background-image: url("../img/profile-group-48.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 70px;
  padding-top:6px;
  font-size: 24px;
}

.hidden {
  display: none;
}

.hidden2 {
  visibility: hidden;
}

.customer-droppable.hidden3 {
  visibility:hidden;
  padding:0px;
  margin:0px;
  border:white 0px solid;
  margin-left:10px;
  margin-right:10px;
  margin-top:0px;
  margin-bottom: 0px;
  height:0px;
  max-width: 25rem;
  white-space: normal;
  text-align: center;
}

.timing-droppable,
.customer-droppable.alwaysVisible,
.customer-droppable.shown {
    border: unset;
    border-radius: 6px;
}


#mainLayer.faded >ul > li > .accordion-content {
  opacity: .5;
  filter: blur(3px)
}

.unknown {
	background:white;
	border-radius:50%;
}

.round-button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    height:100%;
    width: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    padding:0px;
    margin: 0px;
    border-radius: 2px;
}

.orderTrashContainer {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 60px;
	right: 0px;
	border-radius:50%;
	visibility:hidden;
}

.orderTrash {
	visibility:hidden;
	background-image: url('../img/trash-32.png');
	background-repeat: no-repeat;
	border-radius:50%;
	position:relative;
	top:0%;
	right:0px;
	background-position: 19 19;
	height:100%;
	display:flex;
}

.orderTrash.ui-state-active2 {
	visibility:unset;
	background-color: #aaa;
	z-index:990;
}

.orderTrash.ui-state-hover2{
	background-color: #888;
}

div.trash.ui-state-hover2 {
	outline: 1vmin solid #888 !important;
}

div.ipay.ui-state-hover2,
div.notpay.ui-state-hover2 {
	outline: 1vmin solid #888 !important;
}

span.payingMate.ui-droppable {
	position:absolute;
	top:0px;
	width:10vmin;
	height:10vmin;
	font-size:3vmin;
	font-weight:bold;
	white-space:nowrap;
	visibility:hidden;
}

img.payingMate.ui-droppable.ui-state-active2 {
	width:12vmin;
	height:12vmin;
	transform: translate(-1vmin, -1vmin);
}

img.payingMate.ui-droppable.ui-state-active2.ui-state-hover2 {
	border: 1vmin solid #888;
	border-radius:50%;
}


img.trash.ui-droppable.ui-state-hover2,
img.notpay.ui-droppable.ui-state-hover2 {
	border: 1vmin solid #888;
	border-radius:50%;
}

.drinkOrderTrash {
	background: #ccc;
}

li > .timingLabel {
	align-self: left;
	
}

.list-group .discounts {
	padding-left:10px;
	padding-right:10px;
}
li.list-group-item.timing {
	display: flex;
	flex-flow:column;
	padding-left:10px;
	padding-right:10px;
}

.customer-droppable {
    padding-left: 0rem;
    padding-right: 0rem;
   	margin-top:1.2rem;
}

.takeaway .customer-droppable {
	margin-top:0rem;
}

.tab-pane.ui-state-hover3,
.customer-droppable.ui-state-hover3 {
	border-width:.15rem;
	border-color:steelblue;
	border-style:groove; 
	z-index:unset; 	
}


.timing-droppable.ui-state-active2,
.customer-droppable.ui-state-active2,
.menuItem-droppable.ui-state-active2
{
	filter: invert(20%);
}

.timing-droppable.ui-state-hover2,
.customer-droppable.ui-state-hover2,
.menuItem-droppable.ui-state-hover2
{
	filter: invert(80%);
}

.mainmenu-label-box {
	border-radius: 100%;
	background: #fafafa;
	position:relative;
	/*overflow:hidden;*/
	top:1.4vmax;
	height:14.2vmax;
	left:1.4vmax;
	width:14.2vmax;
	text-align: center;
}

.mainmenu-label-box.disabled {
  opacity: .3;	
}

.mainmenu-label-box-small.disabled {
  opacity: .3;	
}

.mainmenu-label-box-small {
	position:relative;
	top:1vmax;
	height:11vmax;
	left:1vmax;
	width:11vmax;
	text-align: center;
}

.mainmenu-label-box-icon {
	position:relative;
	/*overflow:hidden;*/
	top:50%;
	left:50%;
	transform: translateX(-50%);
}

.mainmenu-label-box > .mainmenu-label {
	position:absolute;
	vertical-align: middle;
	font-size: 2vmax;
	line-height: 3vmax;
	border-radius:50%;
	/*width:100%;*/
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
    white-space: pre;
    display: flex;
    flex-flow: column;
}

.mainmenu-label-box-small > .mainmenu-label {
	position:absolute;
	font-size: 1.8vmax;
	line-height: 2vmax;
	border-radius:50%;
	width:100%;
	top:50%;
	transform: translateX(-50%) translateY(-50%);
}

.mainmenu-label-box-icon > .mainmenu-label {
	position:relative;
	display: table-cell;
	vertical-align: middle;
	font-size: 1.5vmax;
	line-height: 1.5vmax;
	border-radius:50%;
}

.arrow{
      stroke:rgb(0,0,0);
      stroke-width:5vh; 
      marker-end:url(#markerArrow)
}

.mytitle {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0;
  font-weight: 600;
  line-height: 23px;
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-image: url('../img/eatwithme-logo.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position:50% 50%;
  color:transparent;
}

.mainmenu-label-box > .mainmenu-label div.pulse {
  position: relative;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 100%;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
 -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.pulse {
  position: relative;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 100%;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.pulse10 {
  position: relative;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 100%;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse-very-small infinite 1s cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse-very-small 1s 60 cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse-very-small 1s 60 cubic-bezier(0.66, 0, 0, 1);
  animation: pulse-very-small 1s 60 cubic-bezier(0.66, 0, 0, 1);
}

.pulse-very-small {
  position: relative;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 100%;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.pulse-small {
  position: relative;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 100%;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
 -webkit-animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.ui-droppable.payingMate.pulse-small-hover {
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
 -webkit-animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse-small 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 5px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 5px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 5px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 5px rgba(232, 76, 61, 0);}}

@-webkit-keyframes pulse-small {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse-small {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse-small {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@keyframes pulse-small {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}

@-webkit-keyframes pulse-very-small {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse-very-small {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse-very-small {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@keyframes pulse-very-small {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}


@-webkit-keyframes pulse2 {
	to {
	  	background: url('../img/qr-code.png');
		box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}
	}
@-moz-keyframes pulse2 {
	to {
	  	background: url('../img/qr-code.png');
		box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}
	}
@-ms-keyframes pulse2 {
	to {
	  	background: url('../img/qr-code.png');
		box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}
	}
@keyframes pulse2 {
	to {
	  background: url('../img/qr-code.png');
  	  box-shadow: 0 0 0 45px rgba(232, 76, 61, 0) url('../img/qr-code.png');
	}
}

@-webkit-keyframes pulse3  { 0% {opacity: 1}	50% {opacity: .5}	100% {opacity: 1}}
@-moz-keyframes pulse3 { 0% {opacity: 1}	50% {opacity: .5}	100% {opacity: 1}}
@-ms-keyframes pulse3 {	0% {opacity: 1}	50% {opacity: .5}	100% {opacity: 1}}
@keyframes pulse3 {	0% {opacity: 1}	50% {opacity: .5}	100% {opacity: 1}}

@-webkit-keyframes pulse4 {to {color: transparent}}
@-moz-keyframes pulse4 {to {color: transparent}}
@-ms-keyframes pulse4 {to {color: transparent}}
@keyframes pulse4 {
	0% {opacity: 1}
	50% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes pulse5 {to {color: transparent}}
@-moz-keyframes pulse5 {to {color: transparent}}
@-ms-keyframes pulse5 {to {color: transparent}}
@keyframes pulse5 {
	0% {opacity: .3; font-weight: normal}
	50% {opacity: 1; font-weight: bold}
	100% {opacity: .3; font-weight: normal}
}


div#subsubmenu div.lSSlideOuter h3 {
	font-size: 3vh;
	font-weight: unset;
	white-space:normal;
	height:50px;
	possition:relative;
	top:50%;
	padding-left:40px;
	padding-right:40px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	vertical-align: middle;
}

div#submenu h2 {
	font-size: 4.2vmin;
	font-weight: bold;
	white-space:normal;
}

div.joined_not_authorized {
	background: yellow;
}

img.tableMate {
	z-index:100;
	border-radius:50%;
	height:10vmin;
	width:10vmin;
}

img.tableMate.orderedBy {
	z-index:100;
	border-radius:50%;
    height: 3rem;
    width: 3rem;
}

div.tableMate.orderedBy {
	z-index:100;
	border-radius:50%;
	position: absolute;
    margin-left: -1rem;
    top:0rem;
}

img.tableMate.fromOtherTable {
	opacity:.5
}

img.tableMate.inactive {
	opacity:1;
}

img.subprofile.inactive {
	opacity:.5
}

img.tableMate.payingMate.can_be_invited {
	border:.8vmin solid rgb(255, 201, 102)
}

img.tableMate.payingMate {
	box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
    border: 2px solid rebeccapurple;
}

img.tableMate.can_be_invited {
	border:.8vmin solid rgb(153, 99, 0)
}

img.subProfile {
	z-index:100;border-radius:50%;height:10vmin;width:10vmin;position:absolute
}

.tableMate i.icon-link-ext {
	position:absolute;
	bottom:0px;
	right:-1vmin;
	z-index:101;
	width:4vmin;
	height:4vmin;
	opacity:1;
	font-size: 4vmin;
	color:red;
	text-shadow: 2px 2px 2px white, 2px -2px 2px white;
}

.tableMate i.icon-dollar,
.tableMate i.icon-star,
.tableMate i.icon-star-filled {
	position:absolute;
	bottom:0px;
	left:-2vmin;
	z-index:101;
	width:4vmin;
	height:4vmin;
	opacity:1;
	font-size: 4vmin;
	text-shadow: 2px 2px 2px white, 2px -2px 2px white, -2px -2px 2px white, -2px 2px 2px white;
    color: forestgreen;
    display:none;
}
.tableMate.notapproved i.icon-star,
.tableMate.approved i.icon-star-filled,
.tableMate.payer i.icon-dollar {
	display:unset;
}


.medium-icon {
	border-radius:50%;
	width:48px;
	height:48px;
}


div.byTiming,
div.byMenuItem,
div.byCustomer {
	margin:.3rem;
	overflow:unset;
	flex-wrap: wrap;
}

div.byTiming.generated,
div.byMenuItem.generated,
div.byCustomer.generated > * {
 	font-style: italic;
 	border-top: 1px solid lightgray;
 	border-radius: 0;
}


div#byTiming,
div#byMenuItem,
div#byCustomer {
	margin-top:3px;
	margin-bottom:3px;
	position:relative;
}


#orderTabs1 div.state {
  width:2rem;
  height:2rem;
  position: absolute;
  left:-2rem;
  z-index: 3;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top:50%;
  transform:translateY(-50%);
  display:none;
}

div.stateTransition {
  width:1.8rem;
  height:1.8rem;
  position: absolute;
  left:-3rem;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  background-image: url('../img/forward-24.png');
  top:50%;
  transform:translateY(-50%);
  display:none	
}

div.previousState {
  opacity:.5;
  width:1.5rem;
  height:1.5rem;
  background-size: 1.5rem 1.5rem;
  position: absolute;
  left:-3rem;
  z-index: 99;
  background-repeat: no-repeat;
  top:50%;
  transform:translateY(-50%)	
}

div.state.cancelled {
  background-image: url('../img/cancelled-24.png');
}

div.state.selected {
  visibility:hidden;
}

div.state.ordered {
  background-image: url('../img/new-24.png');
}

div.state.accepted {
  background-image: url('../img/accepted-24.png');
}

div.state.producing {
  background-image: url('../img/producing-24.png');
}

div.state.delivering {
  background-image: url('../img/delivering-24.png');
}

div.state.delivered {
  background-image: url('../img/delivered-24.png');
}

div.previousState.ordered {
  background-image: url('../img/new-24.png');
}

div.previousState.accepted {
  background-image: url('../img/accepted-24.png');
}

div.previousState.producing {
  background-image: url('../img/producing-24.png');
}

div.previousState.delivering {
  background-image: url('../img/delivering-24.png');
}

div.previousState.delivered {
  background-image: url('../img/delivered-24.png');
}


.byTiming.draggable.ordered.highlight,
.byCustomer.draggable.ordered.highlight {
  border-color: #222;
}

.btn.dropdown-toggle {
  height: 23px;
}

#user_img {
	border-radius: 50%;
}

.dropdown-item {
	font-size: 20px;
    display: flex;
    line-height:2;
    align-items: center;
}

.menuItem-price {
  white-space:nowrap;
  text-align:right;
  right:5px;
  flex-grow:0;
  flex-shrink: 0;	
  min-width:4rem;
  font-size: 1rem;
}

.byTiming.card.menuItem-order {
	border:none;
}

.byTiming.card.menuItem-order .menuItem-name{
	border: 0px dotted lightgray;
}

.menuTitle {
	background:rgb(255,255,255,.8);padding:.1rem;padding-left:.3rem;padding-right:.3rem;border-radius:.6rem;
}

.menuItem-price.badge {
  	background:white;
    height: 1.2rem;
    margin-top: -0.5rem;
    padding-top:0;
    position: absolute;
    text-align: right;
    color:black;
}

.menuItem-name {
    font-size: 1rem;
    min-height: 3rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-radius: .2rem;
	background-color: white;
    box-shadow: px px 3px grey;
    color: darkslategray;
    position: relative;
}
.menuItem-name .state-border {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	text-align:right;
	display: flex;
	justify-content:center;
	align-items: flex-end;
}
.menuItem-name[state='ordered'] .state-border {
     background-image: linear-gradient(90deg, papayawhip  0%, papayawhip  0%, papayawhip 10%, #ffefd5af 19%, #ffefd5af 100%);
     padding-right:82%;
}
.menuItem-name[state='accepted'] .state-border {
     background-image: linear-gradient(90deg, papayawhip  0%, papayawhip  10%, papayawhip 20%, #ffefd5af  29%, #ffefd5af  100%);
     padding-right:72%;
}

.menuItem-name[state='producing'] .state-border {
     background-image: linear-gradient(90deg, papayawhip  0%, papayawhip  30%, papayawhip 40%, #ffefd5af  50%, #ffefd5af  100%);
     padding-right:51%;
}
.menuItem-name[state='ready'] .state-border {
     background-image: linear-gradient(90deg, papayawhip  0%, papayawhip  50%, papayawhip 55%, #ffefd5af  65%, #ffefd5af  100%);
     padding-right:51%;
}

.menuItem-name[state='delivering'] .state-border {
     background-image: linear-gradient(90deg, papayawhip  0%, papayawhip  60%, papayawhip 75%, #ffefd5af  85%, #ffefd5af  100%);
     padding-right:26%;
}

.menuItem-name[state='delivered'] .state-border {
     background-image: linear-gradient(90deg, papayawhip  0%, papayawhip  100%, papayawhip 100%);
     padding-right:1%;
}

/*
.menuItem-name.ordered-by-me {
	box-shadow: 0px 0px 6px grey;
	color:black;
}*/

.menuItem,
.meal,
.drink {
   font-size: 14px;
   font-weight: 500;
   min-height: 40px;
   vertical-align: middle;
}

li.menuItem text.description {
   opacity: 0.8;
}

.menuItemCategoryBadge,
.mealCategoryBadge,
.drinkCategoryBadge {
	position:absolute;
	right:-8px;
	bottom:-5px
}

.restaurantImage {
	position:absolute;
	left:50%;
	top:5%;
	width:45%;
	z-index:-1;
}


.user_comment {
	font-style:italic;
	background-color: green;
	color: white;
	padding:2px;
	border-radius: 5px;
    word-break: break-all;
    margin-left: 1rem;
}

.restaurant_comment {
	font-style:italic;
	background-color: red;
	color: yellow;
	padding:2px;
	border-radius: 5px;
    word-break: break-all;
    margin-left: 1rem;
}

ul#orderListByCustomer {
	padding-bottom:1.1rem;	
	padding-left:0rem;
	padding-right:0rem;
	width:100%;
}

ul#orderListByTiming {
	padding-top:5px;	
	padding-bottom:0px;	
	padding-left:0px;
	padding-right:0px;
	width:100%;
}

ul#orderListByTiming > li {
	margin-bottom:10px;
	border-radius: unset;
	border: unset;
	border-bottom: 1px solid rgba(0,0,0,.125);
}

ul#orderListByMenuItem {
	padding-top:5px;	
	padding-bottom:0px;	
	padding-left:2rem;
	padding-right:5px;
	width:100%;
}

.highlight-3 {
  -webkit-animation: highlight3 1.25s 1cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: highlight3 1.25s 1 cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: highlight3 1.25s 1 cubic-bezier(0.66, 0, 0, 1);
  animation: highlight3 1.25s 1 cubic-bezier(0.66, 0, 0, 1);
}

@-webkit-keyframes highlight3 {to {filter: invert(100%);}}
@-moz-keyframes highlight3 {to {filter: invert(100%);}}
@-ms-keyframes highlight3 {to {filter: invert(100%);}}
@keyframes highlight3 {to {filter: invert(100%);}}

.highlight-error {
  -webkit-animation: highlight-error 1.25s 1cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: highlight-error 1.25s 1 cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: highlight-error 1.25s 1 cubic-bezier(0.66, 0, 0, 1);
  animation: highlight-error 1.25s 1 cubic-bezier(0.66, 0, 0, 1);
}

@-webkit-keyframes highlight-error {to {background:red;color:white}}
@-moz-keyframes highlight-error {to {background:red;color:white}}
@-ms-keyframes highlight-error {to {background:red;color:white}}
@keyframes highlight-error {to {background:red;color:white}}

.segmented-control {
	font-size:1.5rem;
	border:unset;
	padding-top: 1px;
	border-spacing: .5rem 0px;
	border-bottom:1px solid #ccc;
	padding-bottom:0px;
}

.segmented-control .control-item {
	border:1px solid #ccc;
	border-bottom:unset;
	border-top-right-radius:.5rem;
	border-top-left-radius:.5rem;
	margin-left:2px;
	overflow:visible;
	background-color: white;
}

.segmented-control .control-item.active {
	border:1px solid #ccc;
	border-bottom-color:#ccc;
	border-top-right-radius:.5rem;
	background-color: #ccc;
}

div#zoomlevel {
	background-color: #1745de;
	color: yellow;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translateX(-50%) translateY(-50%);
    z-index: 2000;
    font-size: 2rem;
    font-weight: bold
}

.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #f5f5dc6b;	
}

div#download-progress {
	color: darkgray;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translateX(-50%) translateY(-50%);
    z-index: 20000;
    font-size: 1rem;
    font-weight: bold;
    background-color:#212529a3;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center; 
    align-items:center;
    flex-flow:column;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}
.eatwithme.ui-dialog {
	max-width:100%;
	border-radius: 10px;
	overflow:hidden;
	margin:10px;
	box-shadow: 0x 0x 2px #aaa, inset 0px 2px 3px #fff;
	font-family: teko_regularregular;
	left: 50%;
    transform: translateX(-50%);
    max-width: 90%;
    min-width: min(90%, 38rem) !important;
    max-height: 95%;
    display:flex;
    flex-flow:column;
    position: fixed;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.eatwithme .ui-dialog-title {
	text-align: center;
	width: 100%;
}

.eatwithme .ui-dialog-titlebar {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.eatwithme .ui-dialog-content {
	word-break: break-word;
}

.eatwithme .ui-dialog-content input {
	border: unset;
	outline: 1px solid;
	outline-style: dashed;
	text-align: center;
}

.eatwithme .ui-dialog-buttonpane {
	display: flex;
    justify-content: space-around;
}

.eatwithme .ui-dialog-buttonset {
	flex-grow:1;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-around;
}
.eatwithme .ui-dialog-buttonset button {
	flex-basis:30%;
	font-family:unset;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
    color:black;
    border:unset;
    box-shadow: 0px 0px 2px #aaa, inset 0px 2px 3px #fff;
    white-space: pre-line;
    min-height: 3rem;
}

.sk-circle {
    /*background-color: cornflowerblue;*/
    border-radius:100%;
}

.badge.push {
	box-shadow: 1px 1px 1px 1px black;
}

.bar .icon {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#pay-with-barion.icon {
    background-image: url(../img/barion-logo.png);
    background-repeat: no-repeat;
    background-position: 1rem 50%;
    background-size: 9rem;
}


svg .eatwithme-room text tspan,
svg .eatwithme-table text tspan {
stroke: burlywood;
    stroke-width: 0;
    fill: darkblue;
}


.eatwithme-room path,
.eatwithme-room rect:not(.course),
.eatwithme-room ellipse {
	stroke-width:.01rem;
	stroke-color:gray;
	stroke-dasharray: 20;
}

.eatwithme-table.my_occupation path,
.eatwithme-table.my_occupation rect:not(.course),
.eatwithme-table.my_occupation ellipse,
.eatwithme-table.my_occupation {
	background: lightgreen;
	fill: lightgreen;
}

.eatwithme-table.i_sit_here path,
.eatwithme-table.i_sit_here rect:not(.course),
.eatwithme-table.i_sit_here ellipse,
.eatwithme-table.i_sit_here {
	stroke-width: 2vmin;
	stroke: blue;
}

g.not-available path,
g.not-available path ~ path,
g.not-available text,
g.not-available rect:not(.course),
g.not-available ellipse,
g.not-available {
	stroke: lightgray;
}

.flag-icon {
	width: 1.333333em;
	line-height: 2.8em;
	height:18px;
}

table#pastConsumptions .fancytree-expander {
	display:none
}

#orderMenuItem.modal .modal-header {
	justify-content:center;
	align-items: center;
}
#orderMenuItem.modal .modal-title {
	font-size: 1.3rem;
}

#orderMenuItem .quantity-setting > * {
	flex-basis: 20%
}

#orderMenuItem .quantity-setting .icon-plus,
#orderMenuItem .quantity-setting .icon-minus {
  	font-size: 2rem;
  	text-align:center;
}



.menuItem-name-label {
	align-self: center;
	padding-left: .5rem;
	flex-grow:1;
}

.card {
	border:unset;
	background-color:unset;
}

.customer.customer-droppable.list-group-item.ui-droppable.main {
	min-height:3rem;
	margin-bottom: .8rem;
	border: unset;
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.takeaway .customer.customer-droppable.list-group-item.ui-droppable.main {
	padding:0;
	display: flex;
	flex-flow: column-reverse;
    margin: 0;
}

#mainlayer:not(.test) .test_restaurant {
	display:none;
}

#mainlayer.test .test_restaurant {
	background-color: whitesmoke;
    height: 20px;
    font-size: 14px;
    width: fit-content;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 9px;
    padding-top: 2px;
    color: indianred;
    box-shadow: 2px 2px 8px grey;
    -webkit-animation: floatingevents 10s infinite linear;
    -moz-animation: floatingevents 10s infinite linear;
    -o-animation: floatingevents 10s infinite linear;
    animation: floatingevents 10s infinite linear;
}

#mainlayer li .dropdown .icon-table {
	width: 22px;
    height: 22px;
    margin-top: -7px;
    margin-left: 2px;
    margin-right: 5px;
}   
 
.dropdown-header {
	font-size: 2rem;
}

div#numbersBlock label {
	flex-grow:1;
	font-size: 2.5rem;
    height: 4rem;
}

.countSelector {
	font-size: 2rem;
	display:flex;
	flex-flow:column;
	flex-grow:1;
	margin:.2rem;
	flex-basis: 14%;
}

.icon-drink {
	background-image: url("../img/drink-32.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:70% 70%;
}
.icon-food {
	background-image: url("../img/food-32.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:80% 80%;
}
#invoice {
	background-color:white;
}
#byCustomer.tab-pane .discounts {
 	margin-top: 1.6rem;
 	flex-grow:1;
 	position:relative;
 	display: flex;
 	color:orange;
 	padding-left: 3rem;
 	border: .05rem dotted;
}
#byCustomer.tab-pane .discounts.hidden {
	display:none;
}

#invoice {
	background: azure;
    margin: 8px;
    box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
    padding: 2px;
    flex-shrink: 0;
	overflow:hidden;
}
#invoice .paid {
	position: relative;
    height: 0;
    width: 100%;
}

#invoice .paid > div {
	position: absolute;
    right: 0;
    transform: translate(73px, 30px) rotate(45deg);
    font-size: 30px;
    background: lightgreen;
    padding-left: 89px;
    padding-right: 89px;
    opacity:.3;
    box-shadow: 2px 2px 8px grey;
}

.menuItem-name div.paid {
	position: absolute;
    right: 0;
    transform: translate(2rem, 0.5rem) rotate(45deg);
    font-size: .7rem;
    background: lightgreen;
    padding-left: 2rem;
    padding-right: 2rem;
    opacity: .8;
    box-shadow: 2px 2px 8px grey;
    color: gray !important;
    z-index:2;
}

.menuItem-name.paid div {
	color:lightgray;
}

#consumptions.modal .menuItem-name.paid div {
	color:unset;
}
#consumptions.modal .menuItem-name.paid div.paid {
	display:none;
}

#main #bar {
	width: 100%; 
	position:relative;
	display:block;
	background: #28a745;
	align-items:center;
	overflow:hidden;
}

#main #bar > div {
	width: 100%; 
	position:relative;
	display:flex;
	height: 45px;
	background: var(--main-background-color);
	align-items:center;
}

body > .bg,
#main #bar .bg {
	height:100%;
	width: 100%;
	top:0;
	position: fixed;
	background-image: url(../img/EwM_guest_logo.svg);
	background-size: 50% 50%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	/*
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	*/
	/*filter: brightness(0.4) opacity(.8);*/
	
	z-index:0;
	margin-left: -7px;
    width: calc(100% + 14px);
    animation-name: blurAnimation;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes blurAnimation {
  from {
    filter: blur(10px);
  }
  
  to {
    filter: blur(0);
  }
}

#main #bar div.co {
	width: 100%;z-index:1;
	display:flex;
	padding-right:10px;
	padding-left:10px;
	justify-content: space-between;
}

#main #bar:not(.unhidden) div.co {
	display: none;
}



.optionally-scrollable {
	overflow:hidden;
}

#events {
	-webkit-animation: floatingevents 10s infinite linear;
    -moz-animation: floatingevents 10s infinite linear;
    -o-animation: floatingevents 10s infinite linear;
    animation: floatingevents 10s infinite linear;
}

#events > span {
	margin-right:20px;
}

@keyframes floatingevents {
	0% {
        transform: translateX(100vw) translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.selectable.menuItem-order.selected .menuItem-name {
	border: 1px solid;
}

/*
#byCustomer .selectable.menuItem-order.selected {
	margin-top: .5rem;
	margin-bottom: .5rem;
}*/

#byCustomer .selectable.menuItem-order.selected:not(.dragged):before,
#byTiming .selectable.menuItem-order.selected:not(.dragged):before {
  content: '\e843';
  top: -1.1rem;
  font-size: 1.5rem;
}
#byCustomer .selectable.menuItem-order.selected:not(.dragged):after,
#byTiming .selectable.menuItem-order.selected:not(.dragged):after {
  content: '\e835';
  bottom: -1.2rem;
  font-size: 1.5rem;
}

#byCustomer .selectable.menuItem-order.selected:before,
#byCustomer .selectable.menuItem-order.selected:after, 
#byTiming .selectable.menuItem-order.selected:before,
#byTiming .selectable.menuItem-order.selected:after {
  width: 100%;
  text-align: center;
  position: absolute;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  color: gray;

  display: inline-block;
  text-decoration: inherit;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;

  line-height: 1em;

  margin-left: .2em;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index:1;
}


.selectable.menuItem-order .cancel-order {
    z-index: 101;
}

.selectable.menuItem-order .cancel-order i{
    /*background-image: linear-gradient(90deg, transparent 0%, transparent 20%, white 20%, white 80%, transparent 80%, transparent 100%);*/
	font-size:2.4rem;
}


.selectable.menuItem-order .actions {
	position:relative;	
	display:flex; 
	flex-flow: column; 
	flex-wrap: wrap;
	transition: width .3s ease;
	overflow: hidden;
	background: lightgray;
	width:0rem;
	font-size: 1.3rem;
}

.selectable.menuItem-order.selected .actions {
	width: 5rem;
	flex-shrink: 0;
}


/*
.selectable.menuItem-order:not(.selected) .cancel-order {
	width:0;
}*/

.selectable.menuItem-order.selected .tableMate.orderedBy {
	display:none
}

.accordion accordion-title-button {
	background-color: transparent;
}
.accordion #show-qr-codes-button.accordion-title-button {
	z-index:1000;
	position:absolute;
	right:79px;
	top:4px;
	margin:0px;
	background-color: transparent;
	font-size:20px;
}
/*
.accordion #jump-to-orders-button.accordion-title-button {
	z-index:1000;
	position:absolute;
	right:115px;
	top:4px;
	margin:0px;
	background-color: transparent;
	font-size:20px;
}*/
.accordion #new-order {
	/*z-index:4;
	position:absolute;
	right:41px;
	top:4px;
	margin:0px;
	background-color: transparent;
	font-size:20px;*/
    width: 50%;
    right: 0%;
    padding-left: 15%;
}

.buttons-block > button,
.accordion #table-map,
.accordion #jump-to-orders-button,
.accordion #unlock-table {
    border-radius: 0;
    margin: 0;
    height: 60px;
    background: rgb(46, 63, 80);
    font-size: 14px;
    display:flex;
    flex-flow:column;
    flex-grow: 1;
    max-width: unset;
}
/*
.accordion #info-table {
	z-index:4;
	position:absolute;
	right:115px;
	top:4px;
	margin:0px;
	background-color: transparent;
	color: white;
	font-size:15px;
}*/

.accordion #info-table {
    width: 50%;
    left: 0;
    padding-right: 15%;
}

.accordion #waiter {
	/*
	z-index:4;
	position:absolute;
	right:142px;
	top:4px;
	margin:0px;
	background-color: transparent;
	font-size:18px !important;
	color: white;
	*/
    width: 30%;
    left: 35%;
    z-index:5;
}

.d3 .icon-dollar,
.d3 .icon-star,
.d3 .icon-star-filled {
	display:none;
}

.accordion #new-order,
.accordion #info-table,
.accordion #waiter {
	position: absolute;
    bottom: 0;
    top: unset;
	border-radius: 0;
	margin:0;
	height: 60px;
    background: rgb(46, 63, 80);
    font-size: 14px;
    max-width:unset;
    display: flex;
    flex-flow: column;
}

#start-chat {
	z-index:4;
	position:absolute;
	right:5px;
	bottom:5px;
	margin:0px;
	background-color: transparent;
	font-size:20px;
}
.accordion #start-chat3 {
	z-index:4;
	position:absolute;
	right:45px;
	top:4px;
	margin:0px;
	background-color: transparent;
	font-size:20px;
}
.accordion #print-orders {
	z-index:4;
	position:absolute;
	right:152px;
	top:4px;
	margin:0px;
	background-color: transparent;
	font-size:20px;
}

.accordion #info-table.first-order > svg,
.accordion #new-order.first-order > svg {
	position:absolute;
	display: block;
}
.accordion #info-table > svg,
.accordion #new-order > svg {
	display:none;
}

.accordion #waiter.first-order.round-button-3d,
.accordion #waiter.first-order.round-button-3d i {
	width: 100%;
	left:0;
	max-width: unset;
	font-size: 30px !important;
}
.accordion #new-order.first-order.round-button-3d,
.accordion #info-table.first-order.round-button-3d,
.accordion #new-order.first-order.round-button-3d i,
.accordion #info-table.first-order.round-button-3d i,
.accordion #new-order.first-order.round-button-3d,
.accordion #info-table.first-order.round-button-3d {
	font-size: 40px !important;
	padding: unset;
	border-radius: 100%;
}


.accordion #new-order.first-order.round-button-3d span,
.accordion #info-table.first-order.round-button-3d span {
	display:none
}

.accordion #new-order.first-order.round-button-3d i:before,
.accordion #info-table.first-order.round-button-3d i:before {
	width:unset;
}

.accordion #new-order.first-order > svg text,
.accordion #info-table.first-order > svg text { 
  	font-size: 43px;
	font-weight: 900; 
	text-transform: uppercase;
	letter-spacing: 21px;
	fill: darkgray;
}

.accordion #new-order.first-order {
	position:absolute;
	right:unset;
	left:50%;
	top:70%;
	width: 170px;
    height: 170px;
    font-size:66px;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 10px #A59;
    color: darkgray;
}

.accordion #info-table.first-order {
	position:absolute;
	right:unset;
	left:50%;
	top:35%;
	width: 170px;
    height: 170px;
    font-size:66px;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 10px #A59;
    color: darkgray;
}

.accordion #info-table.first-order > div:nth-child(1),
.accordion #new-order.first-order > div:nth-child(1) {
    font-size: 34px;
    position: absolute;
    top: -30%;
    display:unset;
    white-space: nowrap;
}
.accordion #new-order.first-order > div:nth-child(3),
.accordion #info-table.first-order > div:nth-child(3) {
    font-size: 34px;
    position: absolute;
    top: 130%;
    display:unset;
    white-space: nowrap;
}

.accordion #new-order.first-order.clicked {
  -webkit-animation: newOrderNormal 2s forwards cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: newOrderNormal 2s forwards cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: newOrderNormal 2s forwards cubic-bezier(0.66, 0, 0, 1);
  animation: newOrderNormal 2s forwards cubic-bezier(0.66, 0, 0, 1);
}
.accordion #new-order.first-order.clicked > div {
	display:none;
}

.accordion .buttons {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.accordion li > input:not(:checked) ~ .buttons-block {
	display: none;
} 

.accordion .buttons > button {
	position: relative !important;
	left: unset !important;
	padding: unset !important;
	width: unset !important;
	flex-grow: 1;
}

@keyframes newOrderNormal {
    from {  }
    to { 
		right:41px;
		top:4px;
		left:unset;
		height: 32px;
    	width: 32px;
		transform:unset;
		font-size:20px;
    }
}

.order-count.highlight {
  -webkit-animation: hightlight 2s forwards cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: hightlight 2s forwards cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: hightlight 2s forwards cubic-bezier(0.66, 0, 0, 1);
  animation: hightlight 2s forwards cubic-bezier(0.66, 0, 0, 1);
}

@keyframes hightlight {
    from {
    	font-size: 60px;
    	/*transform: translateX(-50%) translateX(12px) translate(-30vw, +30vh)*/
    }
    to { 
		font-size:8px;
		/*transform: translateX(-50%) translateX(12px)*/ 
    }
}


.mateTable1 {
  -webkit-animation: hideqrcodetable 2s forwards cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: hideqrcodetable 2s forwards cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: hideqrcodetable 2s forwards cubic-bezier(0.66, 0, 0, 1);
  animation: hideqrcodetable 2s forwards cubic-bezier(0.66, 0, 0, 1);
}

@keyframes hideqrcodetable {
    from {  }
    to { 
		right:14px;
		top:4px;
		left:unset;
		height: 32px;
    	width: 32px;
		transform:unset;
		font-size:15px;
    }
}

.i-am-here-icon {
	border-radius:100%;
	background: white;
	background: radial-gradient(circle, rgb(255,155,255,90) 0%, rgb(255,55,255,130) 41%, transparent 10%, transparent 14%, rgb(255,55,255,130) 59%, transparent 59%, rgb(255,58,255,130) 70%, transparent 70%, transparent 100%);
	background: -webkit-radial-gradient(circle, rgb(255,155,255,90) 0%, rgb(255,55,255,130) 41%, transparent 10%, transparent 14%, rgb(255,55,255,130) 59%, transparent 59%, rgb(255,58,255,130) 70%, transparent 70%, transparent 100%);
    background: -moz-radial-gradient(circle, rgb(255,155,255,90) 0%, rgb(255,55,255,130) 41%, transparent 10%, transparent 14%, rgb(255,55,255,130) 59%, transparent 59%, rgb(255,58,255,130) 70%, transparent 70%, transparent 100%);
    background: -ms-radial-gradient(circle, rgb(255,155,255,90) 0%, rgb(255,55,255,130) 41%, transparent 10%, transparent 14%, rgb(255,55,255,130) 59%, transparent 59%, rgb(255,58,255,130) 70%, transparent 70%, transparent 100%);
    background: -o-radial-gradient(circle, rgb(255,155,255,90) 0%, rgb(255,55,255,130) 41%, transparent 10%, transparent 14%, rgb(255,55,255,130) 59%, transparent 59%, rgb(255,58,255,130) 70%, transparent 70%, transparent 100%);
}

.marker-restaurant-info {
	/*border: 1px solid cornflowerblue;*/
    /*border-radius: 100%;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'teko_regularregular';
    padding: 2px;
    /*box-shadow: 6px 5px 17px grey;*/
    font-size:15px;
    flex-flow: column;
    /*background-color: rgb(190,238,255,0.8);*/
	font-weight: 100;
	color:white;
	text-shadow: 0px 0px 9px black;
	word-break: break-word;
	flex-shrink:0;
}

.marker-restaurant-info > * {
	flex-shrink:0;
}


.marker-restaurant-info .icon-table,
.marker-restaurant-info i {
	height:50px;
	width:50px;
	border-radius: 100%;
	border: 0.5px solid darkslategray;
	box-shadow: 0px 0px 4px white;
	font-size:19px;
	margin:0;
	margin-left:3px;
	margin-right:3px;
	flex-shrink:0;
}


.marker-restaurant-info.see-my-orders i,
.marker-restaurant-info.info-connect-to-your-table i,
.marker-restaurant-info.info-lock-a-table i,
.marker-restaurant-info.info-join-a-table i,
.marker-restaurant-info.info-scan-a-bill i,
.marker-restaurant-info.info-scan-something i {
	font-size: 37px;
	height: 50px;
	width: 50px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.marker-restaurant-info .icon-table {
	background-size: 55% 55%;
	background-repeat: no-repeat;
	background-position:50% 50%;
}

.marker-restaurant-info i:before {
	line-height:50px;
	text-shadow: 0px 0px 0px;
	color: floralwhite;
}

.marker-restaurant-features {
	width: 50vw !important;
    height: fit-content !important;
    border-radius: 19px;
    display: flex;
    justify-content: center;
    font-family: 'teko_regularregular';
    box-shadow: 6px 5px 17px grey;
    flex-flow: column;
    background-color: rgb(190,238,255,0.8);
}

.marker-restaurant-info.info-lock-a-table.main {
	font-weight: normal;
}

.main-buttons {
	overflow-y:auto;
	height:100%;
}

.accordion-content #description {
    z-index: 2;
    bottom: 0;
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: auto;
    margin-bottom: 10px;
    margin-left: 7px;
    border-radius: 5px;
    border: 10px solid #ffffff00;
    flex-basis: 40%;
    color: antiquewhite;
    overflow-y: overlay;
    margin: 0;
    font-size: 13px;
    background: #1002024a;
}

.accordion-content #description a {
	color: unset;
}

.main-buttons .bg  {
	position:absolute;
    background-size:cover;
    width: calc(100vw);
    z-index: 0;
	/*background: #28a745;*/
	background: #778899a8;
	margin:0px;
	height: 100%
}

.main-buttons .bg > div {
	position:absolute;
/*    background-image: url(../img/menu-bg2x.png);
	background-image: url("../img/n/2_bg Frame@2x.png");*/
    background-size:cover;
    width: calc(100% + 1px);
    height:calc(100% + 1px);
    margin: -1px;
    background-repeat: no-repeat;
    z-index: 0;
    -webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	filter: blur(1px) brightness(0.4) opacity(.8);
}

.calendar-view #choiceList {
	overflow-y: auto;
}

.calendar-view .menu.container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	width: unset;
}

.calendar-view .menu.container .menuItemCategory.selected2 {
	grid-column-start:1;
	grid-column-end: 8;
	grid-row-start: 1;
	grid-row-end: 2;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.calendar-view .day {
	margin-top: 1rem;
	grid-row-start: 2;
	grid-row-end: 3;
	font-variant: all-small-caps;
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 3rem;
    font-synthesis: none;
    text-align:center;
    border: 1px solid;
    border-bottom: .5px solid lightgray;
    border-right: .5px solid lightgray;
    border-left: .5px solid lightgray;
    background: wheat;
    color: darkslategray;
    padding-left: 5px;
    padding-right: 5px;
}

.calendar-view #choiceList {
  overflow-x: auto;
  white-space: nowrap;
  cursor: grab;
  user-select: none;
}

.calendar-day {
    background: antiquewhite;
    color: darkslategray;
    margin: -7px;
    margin-bottom: 0;
    z-index:1;
}

.menuItemCategory.calendar-row:not(.selected2) {
    background: antiquewhite;
    color: darkslategray;
    padding: 0;
    margin: 0;
    border-radius: 0;
    height: 100%;
    display: flex;
    justify-content: center;
}

.menuItemCategory.calendar-row:not(.selected2) .menuItemCategoryLabel {
	color: darkslategray;
}

.calendar-view .week {
    background: antiquewhite;
    color: darkslategray;
	grid-column-start:1;
	grid-column-end: 9;
	text-align: center;
    height: 3rem;
	font-variant: all-small-caps;
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 3rem;
    font-synthesis: none;
    text-align:center;
    border-bottom: .5px solid lightgray;
    border-right: .5px solid lightgray;
    border-left: .5px solid lightgray;
    position: sticky;
    left: 0;
    width: 100vw;
    top: 4.2rem;
	z-index:22;    
}


.line {
    position: absolute;
    width: 100%; /* Full width of the parent */
    height: calc(100% - 1rem); /* Full height of the parent */
    margin-top: 1rem;
}

.line-left-to-right {
    background: linear-gradient(45deg, var(--background-color2) 50%, transparent 50%);
    top: 1rem;
    left: 0;
}

.line-right-to-left {
    background: linear-gradient(-45deg, var(--background-color2) 50%, transparent 50%);
    top: 0;
    right: 0;
}

.menu.container .menuItem {
	max-width: unset;
}


body > #menu #views #tab2Content .choose-category {
	position: sticky;
	width: 100vw;
}

body > #menu #views.calendar-view #tab2Content .choose-category {
	position: sticky;
	left:50%;
	transform: translateX(-50%);
	width: fit-content;
}


body > #menu #views #tab2Content .choose-category > div {
	position: relative;
	left:50%;
	transform: translateX(-50%);
}

.calendar-view .menuItem {
	border: .5px solid lightgray !important;
    margin: .5px !important;
    border-radius: unset !important;
}

.calendar-view .menu.container .menuItem .menuDateLabel {
	position: sticky;
}

.calendar-view .menu.container .menuItemCategory.selected2 span {
	position: static;
	left: 50%;
	top:0;
}

.calendar-view .filterBoxContainer {
	display:none;
}

	.marker-restaurant-info.main2 {
		width: 15vw;
    	height: 15vw;
    	font-size: 15px;
    	max-width: 100px;
    	max-height: 100px;
    	margin-right:0vw;
	}
	.marker-restaurant-info.main {
		width: 18vw;
		height: 18vw;
		font-size:15px;
		max-width: 81px;
    	max-height: 81px;
    	margin-right:0vw;
    	white-space: normal;
	}
	
	.marker-restaurant-info {
		white-space:normal;
		word-break: inherit;
	}
	
	.marker-restaurant-info.info-lock-a-table.main {
		left:1vw;
		font-size: 8vw;
	}
	
	.main-buttons > div .marker-restaurant-info {
	    min-width:270px;
	    height: unset;
	    max-height:unset;
	    flex-flow: column;
	    justify-content: center;
	    align-items: center;
	    color: white;
	    border-radius: 10px;
	    box-shadow: 2px 2px 5px gray;
	    color: #ffffff1a;
	}
	
	.main-buttons > div .marker-restaurant-info span {
		color: white;
		font-weight:bold;
	}
	
	.marker-restaurant-info.see-my-orders,
	.marker-restaurant-info.info-connect-to-your-table,
	.marker-restaurant-info.info-lock-a-table,
	.marker-restaurant-info.info-join-a-table,
	.marker-restaurant-info.info-scan-a-bill {
		margin-top:5px;
		margin-bottom: 5px;
		background: #677583d4;
		border-radius: 10px;
		padding: 5px;
		box-shadow: 2px 2px 5px gray;
		color: white;
	}
	
	
	.marker-restaurant-info span {
 	   text-align: right;
	}
	
	.main-buttons.hidden {
		background-color: #ff000000;
		width:0%;
		padding:0;
		opacity:0;
		display:flex !important;
	}
	
	.user-name {
		display:none;
	}
	
	.main-buttons {
		display:flex;
		flex-flow:row;
		right:1vw;
		justify-content:center;
		align-items:center;
		top: 0;
		height: 100%;
		position:absolute;
		opacity: 1;
	    width: 100%;
	    left: 0;
	    transition: opacity 2s ease;
        z-index: 1000;
        padding-top: 0;
	}
	
	.marker-restaurant-info i {
		border: unset;
    	box-shadow: unset;
	}
	
	.main-buttons > div.buttons {
		display:flex;
		flex-flow:column;
    	margin-right: 2rem;
    	z-index:1;
    	flex-grow:2;
    	flex-basis:60%;
	}

	.main-buttons > div.buttons > div {
		display:flex;
		flex-flow:row-reverse;
    	width: 100%;
    	margin-right: 0;
    	z-index:1;
	}
	
	
	
	@media (min-width: 590px) {
		.marker-restaurant-info.main2,
		.marker-restaurant-info.main {
			font-size:14.7px;
		}
		.marker-restaurant-info.info-lock-a-table.main {
			font-size: 45px;
		}
		
	}
	
	@media (max-height: 600px) {
		.main-buttons #description {
			display:none;
		}
		
		.accordion-content #description {
		    height: calc(100% - 20px);
		    margin-top: 10px;
		    margin-right: 10px;
		}
		
	}

@media ( orientation : portrait1) {
	
	
	.user-points {
		font-size: 10px;
		color: yellow;
	}

	.main-buttons > div .marker-restaurant-info {
		min-width:117px;
	}

	.main-buttons > div .marker-restaurant-info {
	    max-width:100%;
	    align-items: baseline;
	    height: unset;
	    flex-flow: column;
	    justify-content: center;
	    align-items: center;
	    min-width: 100%;
	}
	
	.marker-restaurant-info span {
 	   text-align: left;
	}
	
	.main-buttons.hidden {
		background-color: #ff000000;
		display:flex !important;
		opacity:0;
		width:0;
		padding:0;
	}
	
	.user-name {
		display:none;
	}
	
	.main-buttons {
		display:flex;
		flex-flow:column;
		justify-content:center;
		align-items:center;
		top: 0;
		height: calc(100% - 0px);
		position:absolute;
		opacity: 1;
	    width: calc(100% - 2px);
	    left: 0;
	    transition: opacity 2s ease;
        z-index: 1000;
        padding-top: 0;
        margin:0px;
		overflow:hidden;        
	}
	
	.marker-restaurant-info i {
		border: unset;
    	box-shadow: unset;
	}
	

	.main-buttons > div.buttons {
		flex-flow:column;
		width: 100%;
		z-index:1;
		padding-top:15px;
		
	}
	.main-buttons > div.buttons > div {
		display: flex;
		width: 100%;
		z-index:1;
		
	}
	
	.marker-restaurant-info {
		width: 18vh;
		height: 18vh;
		font-size: 2.5vh;
		max-width: 81px;
		right: 1vh;
		margin-bottom:1vh;
	}
	
	@media (min-height: 590px) {
		.marker-restaurant-info {
			font-size:23px;
			min-width:117px;
			border-bottom: 1px dashed gray;
			background: #778899a8;
			margin:0;
		}
	}
	@media (max-height: 800px) {
		.accordion-content #description {
    		font-size: 12px;
		}
	}
}


.marker-restaurant-info.disabled {
	color:gray;
}

.marker-restaurant-info.info-select {
	top:-99px;
	/*background: radial-gradient(circle, rgba(255,255,255,0) 0%,  rgb(210,105,30,.211) 66%, rgba(0,27,75,0) 63%), -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);*/
}

.marker-restaurant-info.info-menu {
	top: -33px;
    left: 92px;
	/*background: radial-gradient(circle, rgba(255,255,255,0) 0%,  rgb(210,105,30,.211) 66%, rgba(0,27,75,0) 63%), -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);*/
}

.marker-restaurant-info.info-pickup {
	top: -33px;
    left: -92px;
	/*background: radial-gradient(circle, rgba(255,255,255,0) 0%,  rgb(210,105,30,.211) 66%, rgba(0,27,75,0) 63%), -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);*/
}

.marker-restaurant-info.info-homedelivery {
	top: -33px;
    left: -92px;
	/*background: radial-gradient(circle, rgba(255,255,255,0) 0%,  rgb(210,105,30,.211) 66%, rgba(0,27,75,0) 63%), -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);*/
}

.marker-restaurant-info.info-pickup2 {
	top: 17px;
    left: -92px;
    border-radius:0;
    height:50px !important;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-bottom:19px;
	/*background: radial-gradient(circle, rgba(255,255,255,0) 0%,  rgb(210,105,30,.211) 66%, rgba(0,27,75,0) 63%), -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);*/
}

.marker-restaurant-info.info-homedelivery2 {
	top: -33px;
    left: -92px;
    border-radius:0;
    height:50px !important;
    border-top-right-radius: 100px;
    border-top-left-radius: 100px;
    padding-top:19px;
	/*background: radial-gradient(circle, rgba(255,255,255,0) 0%,  rgb(210,105,30,.211) 66%, rgba(0,27,75,0) 63%), -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);*/
}

.marker-restaurant-info.info-book-table {
    top: 75px;
    left: 72px;
    /*background: radial-gradient(circle, rgba(255,255,255,0) 0%,  rgb(210,105,30,.211) 66%, rgba(0,27,75,0) 63%), -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);*/
}

.marker-restaurant-info.info-in-the-restaurant {
    left: -39px;
    top: 90px;
    /*background: radial-gradient(circle, rgba(255,255,255,0) 0%,  rgb(210,105,30,.211) 66%, rgba(0,27,75,0) 63%), -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);*/
}

.marker-restaurant-info.info-view-your-bill {
}

.marker-restaurant-name {
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 41%, yellow 74%, rgba(0,27,75,1) 100%);
	border: 1px solid cornflowerblue;
    border-radius: 100%;
    box-shadow: 6px 5px 17px grey;
    font-family: 'teko_regularregular';
}

.marker-restaurant-name.offline {
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 41%, gray 86%, rgba(0,27,75,1) 100%);
	border: 1px solid cornflowerblue;
    border-radius: 100%;
}

.marker-restaurant-name.here-i-am {
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 41%, yellow 86%, rgba(0,27,75,1) 100%);
	border: 3px solid darkblue;
    border-radius: 100%;
}

.marker-restaurant-name.focused {
	border: 3px solid darkred !important;
    z-index:10000 !important;
    width: 70px !important;
    height: 70px !important;
    margin-left: -35px !important;
    margin-top: -35px !important;
}


.marker-restaurant-name.here-i-am.test {
	border: 3px dashed darkblue;
}

.marker-restaurant-name.test {
	border: 3px dashed darkorange;
}

.marker-restaurant-name > img {
	height: 85%;
    width: 85%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    border-radius: 100%;
}
.marker-restaurant-name span {
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-shadow: 1px 1px 1px white, -1px 1px 1px white;
    color: darkmagenta;
}

.leaflet-control a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.leaflet-control a:hover {
    display: flex;
}

.hidden4,
.hidden {
    display: none !important;
}

#main #bar .round-button-3d {
	font-size:15px;
}

/*.btn-positive:active,*/ 
.btn-positive.active {
    background-color: #449d44;
    border: 1px solid #449d441f;
    color: darkslategray;
}

.btn-positive {
    color: #fff;
    background-color: #5cb85c;
    border: 1px solid #5cb85c;
}


.scrollable {
	overflow-x:hidden;
	overflow-y:auto;
	height: 100%;
}

.tableMateLabel {
	font-weight: bold;
	text-shadow: 1px 1px #fff;
	white-space:nowrap;
	z-index:110;
}

.unjoin-mate,
.lock-a-table2 {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
    box-shadow: 10px 14px 13px #aaa, inset 0px 2px 3px #fff;
}

#choose-who-pays > div {
	flex-grow:1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid gray;
	justify-content: center;
	margin: .2vmin;
	-webkit-animation: pulse5 3s infinite cubic-bezier(0.66, 0, 0, 1);
  	-moz-animation: pulse5 3s infinite cubic-bezier(0.66, 0, 0, 1);
  	-ms-animation: pulse5 3s infinite cubic-bezier(0.66, 0, 0, 1);
  	animation: pulse5 3s infinite cubic-bezier(0.66, 0, 0, 1);
	
}


[class^="i_"]:before, [class*=" i_"]:before {
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    /* font-size: 120%; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

body #menu .restaurant-name img.restaurant-image-img:not(.hidden) +span {
	display:none;
}

.subsubmenu .buttons-block {
		position:absolute;
		left:0%;
		bottom:0;
		width:100%;
		display:flex;
		justify-content: space-evenly;
		height: 60px;
	    background: rgb(46, 63, 80);
	    font-size: 30px;
	    align-items: center;
	    font-size: 14px;
}

@media ( orientation : portrait) {
	#qrcode-table {
	    position:absolute;
	    left:calc(50vw - 28vmin);
	    top:20vh;
	    height:56vmin;
	    width:56vmin;
    }
	#qrcode-table .mateTable {
		height:56vmin;
		width:56vmin;
		border-radius:15vmin;
		outline: 16px solid transparent;
		display: flex;
		flex-flow: column;
		width: 100%;
		padding-left: 9vmin;
		padding-right: 9vmin;
		justify-content: space-between;
	}
	#qrcode-table .lock-a-table2 {
		margin-bottom:10vmin;
		border-radius: 5vmin;
		top:100vmin;
		width:50vmin;
		left:3vmin;
		height:10vmin;
		position:absolute;
	}
	#qrcode-table .change-table {
		border-radius: 100%;
	    width: 10vmin;
	    height: 10vmin;
	    border: unset;
	    padding: 0.3rem;
	    font-size: 6vmin;
    }
	#qrcode-table .lock-a-table2.v2 {
		top:112vmin;
	}
	#qrcode-table .unjoin-mate > span,
	#qrcode-table .lock-a-table2 > span {
		text-align:center;
		font-size:4vmin;
		position:absolute;
		width:100%;
		left:50%;
		top:50%;
		transform: translateY(-50%) translateX(-50%);
		text-align:none;
	}
	.subsubmenu .d1 {
		height:100%;
		background:white;
		display: flex;
		flex-direction: column;
	}
	.subsubmenu .d2 {
		text-align: center;
		font-size: 18px;
		display:flex;
		align-items: center;
		flex-flow:row;
		flex-shrink:0;
	}
	.subsubmenu .d2 .qrcode {
	    flex-shrink: 0;
    	background-repeat: no-repeat;
    	margin: 1rem;
    	width: 54vw;
    	flex-basis: 40%;
    	display: block;
	}
	#show-qr-codes .buttons-block {
		position:absolute;
		left:0%;
		bottom:0;
		width:100%;
		display:flex;
		justify-content: space-evenly;
		height: 60px;
	    background: rgb(46, 63, 80);
	    font-size: 30px;
	    align-items: center;
	}
	#show-qr-codes .d3 {
		transform: translateX(-50%);
	}
	#qrcode-table .matetable .tableMateLabel {
		z-index:110;
		font-size:3vmin;
		padding-top: 0vmin;
		text-align:center;
	}
	#qrcode-table .matetable .tableMateIcon {
	    height: 10vmin;
	    width: 10vmin;
	    position: relative;
	}
	#qrcode-table .matetable .tableNumber {
	    text-align: center;
	    white-space: nowrap;
	    
  	}
	#qrcode-table .matetable .tableNumber h2 {
	    font-size: 3vmin;
	    line-height: unset;
	    padding-top: 1vmin;
	    margin:0;
  	}
	#qrcode-table .matetable .joinOthers {
	    flex-grow: .1;
	}
	#qrcode-table .nextTable {
		top:98vmin;
		left:50%;
		height:10vmin;
		width:10vmin;
		margin:0;
		position:absolute;
		border-radius:100%;
		transform: translate(30vw, 2vw)
	} 
	#qrcode-table .previousTable {
		top:98vmin;
		left:50%;
		height:10vmin;
		width:10vmin;
		margin:0;
		position:absolute;
		border-radius:100%;
		transform: translate(-40vw, 2vw)
	} 
}

@media ( orientation : landscape) {
	#qrcode-table {
	    position:absolute;
	    top:calc(50vh - 28vmin);
	    left:20vw;
    	height: 56vmin;
    	width: 56vmin;
    }
	#qrcode-table .mateTable {
		height:56vmin;
		width:56vmin;
		border-radius:15vmin;
		display: flex;
		flex-flow:column;
		justify-content: space-between;
		align-items: center;
	}
	#qrcode-table .lock-a-table2 {
	    margin-bottom: 10vmin;
    	border-radius: 5vmin;
    	top: 24vmin;
    	width: 23vmin;
    	right:-38vmin;
    	height: 11vmin;
    	position: absolute;
	}
  	#qrcode-table .lock-a-table2.v2 {
  		top:40vmin;
  	}
	#qrcode-table .change-table {
		border-radius: 100%;
	    width: 10vmin;
	    height: 10vmin;
	    border: unset;
	    padding: 0.3rem;
	    font-size: 6vmin;
    }
	#qrcode-table .unjoin-mate > span,
	#qrcode-table .lock-a-table2 > span {
		text-align:center;
		font-size:3vmin;
		position:absolute;
		width:100%;
		left:50%;
		top:50%;
		transform: translateY(-50%) translateX(-50%);
		text-align:none;
	}
	.subsubmenu .d1 {
		height:100%;
		background:white;
		display: flex;
		flex-direction: row;
		justify-items: center;
		align-items: center;
		width: min-content;
	}
	.subsubmenu .d2 {
		text-align: center;
		font-size: 25px;
		display:flex;
		align-items: center;
		flex-flow:column;
		flex-basis: 43%;
	}
	.subsubmenu .d2 .qrcode {
	    flex-shrink: 0;
    	background-repeat: no-repeat;
    	margin: 1rem;
    	width: 48vh;
    	flex-basis: 40%;
    	display: block;
	}
	#show-qr-codes .buttons-block {
		position: absolute;
	    right: 0;
	    bottom: 0;
	    height: 100%;
	    display: flex;
	    flex-flow: column;
	    justify-content: space-evenly;
	    padding-top: 40px;
	    background: rgb(46, 63, 80);
	}

	/*	
	#main .icon-menu {
		right: 5vmin !important;
	}*/
	
	.user {
		right: 80px;
	}
	
	
	
	#show-qr-codes .buttons-block button {
		width: min(19vmin, 156px)
	}
	
	#show-qr-codes.submenu {
		height:100% !important;
		top:0  !important;
	} 
	
	.accordion-title > div {
		flex-flow: column
	}
	
	#show-qr-codes .d3 {
		transform: translateY(-50%);
	}
	
	#qrcode-table .matetable .tableMateLabel {
	    z-index: 110;
    	font-size: 3vmin;
    	top: 0vmin;
    	padding-top: 1vmin;
    	text-align: center;
	}
	#qrcode-table .matetable .tableMateIcon {
	    background: transparent;
	    border-radius: 100%;
	    top: 18vmin;
	    left: 6vmin;
	    height: 10vmin;
	    width: 10vmin;
	    position: absolute;
	    transform: translateY(-50%);
    }
	#qrcode-table .matetable .tableNumber {
	    text-align: center;
    	white-space: nowrap;
    	line-height: 3vmin; 
  	}
  	#qrcode-table .matetable .tableNumber h2 {
  		font-size: 3vmin;
    	line-height: unset;
    	padding-top: 1vmin;
  	}
  	
	#qrcode-table .matetable .joinOthers {
		font-size: 2vmin;
		flex-grow: .1;
		-webkit-animation: unset;
  		-moz-animation: unset;
  		-ms-animation: unset;
  		animation: unset;
		/*
		position: absolute;
	    width: 100%;
	    top: 50%;
	    transform: translateY(-50%);
	    text-align: center;
	    border: 0px;
	    overflow: hidden;
	    z-index: 4;
	    text-shadow: 3px 0px 3px white, -3px 0px 3px white;
	   	-webkit-animation: pulse4 3s infinite cubic-bezier(0.66, 0, 0, 1);
  		-moz-animation: pulse4 3s infinite cubic-bezier(0.66, 0, 0, 1);
  		-ms-animation: pulse4 3s infinite cubic-bezier(0.66, 0, 0, 1);
  		animation: pulse4 3s infinite cubic-bezier(0.66, 0, 0, 1);
  		*/
	}
	#qrcode-table .nextTable {
		top: 57vmin;
	    left: 119vmin;
	    height: 10vmin;
	    width: 10vmin;
	    position: absolute;
	    border-radius: 100%;
	} 
	#qrcode-table .previousTable {
		top: 57vmin;
	    left: -25vmin;
	    height: 10vmin;
	    width: 10vmin;
	    position: absolute;
	    border-radius: 100%;
	} 
}

#show-qr-codes .hidden2 {
	opacity:.2;
}

.tokenize > .tokens-container > .token-search {
	border:unset;
	background:unset;
	background-coloe:unset;
}

.tokenize > .tokens-container > .token-search > input {
	border:unset;
	background:unset;
	background-coloe:unset;
}

.leaflet-touch .leaflet-bar {
	border:unset;
	background:unset;
}

.leaflet-touch .leaflet-bar a:last-child,
.leaflet-touch .leaflet-bar a:first-child,
.leaflet-touch .leaflet-bar a {
    box-shadow: 1px 1px 1px lightgrey;
	font-size:18px;    
}

/*
#orderList1 {
	position:unset;
	top:unset;
	bottom:unset;
	left:unset;
	padding:unset;
	width:28px;
	flex-flow:column;
	height:100%;
}*/

#menu.takeaway #orderList1 {
	display:none;
}

.icon-spin2.animate-spin:before {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}

@keyframes spin {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
}
}

.activePlaces {
	display:flex;
	flex-flow:column;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	max-height:70%;
	overflow-y:auto;
	padding:20px;
	font-size:12px;
	width:70%;
	min-width:300px;
}

.activePlaces > div {
	display:flex;
	align-items: center;
	background-color: rgb(255,255,255,.9);
	border-radius: 9px;
    box-shadow: 2px 2px 13px grey;
    padding: 5px;
    margin-bottom:4px;
}

.activePlaces > div > div:nth-child(2) {
	flex-basis:20%;
}
.activePlaces > div > div:nth-child(2) {
	flex-basis:50%;
	margin-right:4px;
}
.activePlaces > div > div:nth-child(3) {
	flex-basis:30%;
	justify-content: center;
    display: flex;
}

.activePlaces > div > div > img {
	border-radius:100%;
	height:30px;
	width:30px;
	margin-right:4px;
}

.activePlaces .name {
	font-weight: bold;
	color: darkmagenta;
}

.activePlaces .status {
	font-size:13px;
	font-weight: bold;
}

#orderList1Content .orderCategoryImage,
#orders .orderCategoryImage {
	display:none;
}

#updateLabel {
	position: fixed;
	bottom:0;
	right:35px;
	font-size:12px;
	z-index:10000;
}
iframe#facebook {
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index:10000;
    max-height:20px;
}

.gj-date_picker-md {
    line-height: 1;
    color: rgba(0,0,0,.87);
    position: relative;
}

.gj-date_picker-md, .gj-dropdown-md [role=presenter] {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em;
}

.gj-date_picker-md [role='right-icon'] {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    display:none;
}
.gj-date_picker-md {
	font-family:inherit;
	font-size:inherit;
}

.gj-textbox-md {
	font-family:inherit;
	font-size:inherit;
	text-align:left;
	padding-right:24px;
	border:unset;
} 

.terms.hidden {
	height:0;
	display:flex !important;
	padding:0;
	overflow:hidden;
}

.terms {
	display:flex;
	font-size: 15px; 
    padding-bottom: 10px;
    align-items: center;
    flex-wrap:wrap;
    justify-content:flex-start;
    flex-flow:column; 
    background-color: antiquewhite;
	height: calc(100%);
	width:400px;
	transition: height 1s ease;
	overflow-y:auto;
	overflow-x:hidden;
	margin-left: 4px;
	padding-top: 20px;
}

.terms > div {
	display:flex;
	flex-wrap:nowrap;
	margin-left:5px;
	margin-right:5px;
	flex-shrink:0;
	align-items: center;
	width:100%;
	justify-content: center;
}

.terms [class^="icon-"]:before, 
.terms [class*=" icon-"]:before {
	min-width:22px;
	vertical-align: top;
	margin-top: 7px;
	text-align: end;
}

.terms textarea,
.terms input {
	border:1px solid lightgray;
	width:300px;
	border-radius: 5px;
    margin-top: 2px;
    max-width: 296px;
}

.terms .icon-user input {
	width:147px;
	max-width: calc(100%/2 - 15px);
}

.terms .icon-clock {
	position:relative;
}

.terms .icon-clock input {
	width:147px;
	max-width: calc(100%/2 - 15px);
	text-align:left;
}

.terms .label {
    font-style: italic;
    margin-top: 20px;
    padding-top: 5px;
    padding-bottom: 1px;
    margin-bottom: 11px;
    border-bottom: 1px solid lightgray;
    display: flex;
    width: 100%;
    justify-content: center;
    color:black;
}

.terms input.custom-checkbox {
	width: 40px;
}
.terms .label input.custom-checkbox ~ span {
	text-decoration:underline;
}

.terms .amount {
	font-size:120%;
	text-align: center;
	padding: 6px;
}

.takeaway .customer-droppable {
	border: unset;
}

.takeaway #byCustomer.tab-pane,
.takeaway #orderListByCustomer,
.takeaway .customer-droppable > div {
	margin:0;
	padding-top:0 !important;
}
.takeaway #orderListByCustomer > .customer-droppable {
	margin-top:0
	
}

.takeaway .discounts {
	border:unset !important;
	display:flex;
	padding-left: 1.5rem;
}

.takeaway .customer-droppable.alwaysVisible {
	border:unset;
	padding:0;
}

.takeaway .persons-stack,
.takeaway .badge-person,
.takeaway .table-number,
.takeaway .add-user,
.takeaway .approvalStatus {
	display:none !important;
}

.takeaway .timingLabel {
	visibility:hidden;
}

.pickupHead {
	font-size: 1.1rem;
    width: 100%;
    text-align: center;
}

.menuItemState {
    z-index: 10;
    color: darkslategray;
    font-size:.5rem;
    min-width: min-content;
    
}

#placesAroundWrapper {
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 17px;
    z-index:1000;
}

#placesAroundWrapper .lSPager.lSpg {
	display:none;
}

#placesAroundWrapper.big #placesAround .placeAround .description {
	display:none;
	flex-grow:1;
	padding-top:7px;
	font-size: 12px;
}


#placesAroundWrapper.big #placesAround .placeAround .description h1 {
	font-size:13px;
}

#placesAroundWrapper.big #placesAround .placeAround .description h2 {
	font-size:12px;
}

#placesAroundWrapper.big #placesAround {
	height:367px !important;
}

#placesAroundWrapper.big #placesAround .placeAround {
	flex-flow:column;
	position:relative;
	min-width: 200px;
}

.lSAction>a {
	top:7%;
}

#placesAroundWrapper.big #placesAround .placeAround .description {
    display: block;
    background: #faebd70a;
    margin: 16px;
    padding: 4px;
    border-radius: 24px;
    overflow: hidden;
    color: antiquewhite;
    border: 10px solid #faebd70a;
    text-align: center;
}

@media (max-width:800px) {
	
	body > #menu #views #tab2Content .choose-category {
		font-size: 24px !important;
	}
	
	#placesAroundWrapper {
		font-size:9px;
	}
	.round-button-3d {
		box-shadow: unset;
		background: unset;
		/*font-size: 20px !important;
		line-height: 25px !important;*/
    	white-space: normal;
    	max-width: 230px;
	}
	
	.round-button-3d i {
		/*font-size: 19px !important;*/
	}
	
	.homedeliveryHead,
	.pickupHead {
    	font-size: .8rem;
    	width: 100%;
    	text-align: center;
	}
	
	.menuItem-name {
		font-size: .8rem;
	}
	
	.btn-primary {
    color: #fff;
    	color: #007bff;
    	background-color:transparent;
	}
	.modal-footer .btn {
		padding-left: 0;
    	padding-right: 0;
	}
	
	.btn-primary.disabled, .btn-primary:disabled {
       color: #007bff;
       background-color:transparent;
	}
	
	.eatwithme.ui-dialog {
    	font-size: 1.6rem;
    	line-height: 1.8rem;
	}
	
	#orderMenuItem.modal .modal-title {
    	font-size: 1rem;
	}
}

/*
.leaflet-pane.leaflet-marker-pane.active {
	background: rgb(60,60,60,.7);
    height: calc(100vh - 35px);
    width: 100vw;
}
*/

.leaflet-pane.leaflet-marker-pane.active .leaflet-marker-icon.marker-restaurant-name {
	opacity:.5
}

.marker-restaurant-info span {
	text-align:center;
}



#placesAround {
    height: 5em !important;
}
/*
.placeAround {
	display:flex;
	flex-flow:column;
	left:15%;
	right:15%;
	top:15%;
	max-height:70%;
	padding:20px;
	flex-shrink:0;
	width:200px;
	margin-left:5px;
	margin-right:5px;
}
*/
.placeAround {
	display:flex;
	align-items: center;
	background-color: transparent;
	border-radius: 9px;
    padding: 5px;
    margin-bottom:4px;
    height:100%;
    overflow:hidden;
}


.placeAround > div:nth-child(2) {
	
}
.placeAround > div:nth-child(2) {
	
}
.placeAround > div:nth-child(3) {
	flex-basis:30%;
	justify-content: center;
    display: flex;
}

.placeAround > div > img {
	border-radius:100%;
	height:45px;
	width:45px;
	margin-right:4px;
}

.placeAround > div.description img {
	border-radius:unset;
	height:auto;
	width:unset;
	max-width: 100%;
	max-height:100%;
	margin-right:unset;
	border-radius: 6px;
}

.placeAround .details {
	display:flex;
	flex-flow:column;
	font-size:10px;
	color: antiquewhite;
	text-align:center;
	flex-shrink:0;
}

.placeAround .image {
	position:relative;
	margin-bottom:10px;
    cursor: pointer;
}
.placeAround .icon-info-outline {
	position: absolute;
	left: -50px;
	top:13px;
    color: antiquewhite;
    font-size: 17px;
    margin-bottom: 21px;
    text-shadow: 1px 1px 15px white;
    cursor: pointer;
}
.placeAround .icon-menu {
	position: absolute;
	right: -50px;
	top:13px;
    color: antiquewhite;
    font-size: 17px;
    text-shadow: 1px 1px 15px white;
    cursor: pointer;
}

.placeAround .name {
	font-weight: bold;
    color: bisque;
    text-align: center;
    text-shadow: 0px 0px 10px grey;
    font-size:13px;
}

.placeAround span {
	white-space:nowrap;
}

.placeAround .status {
	font-size:15px;
	font-weight: bold;
}

.fb_iframe_widget {
    position: absolute !important;
    bottom: 15px;
    right: 17px;
    z-index: 1;
}


.accordion-content #description:focus {
    max-height:300px;
}


.accordion-content #description h1 {
	font-size:120%;
}

.accordion-content #description h2 {
	font-size:110%;
	font-style:italic;
	text-align:left;
}

button:focus {
	outline:1px auto -webkit-focus-ring-color;
}
#place-search {
	display:flex;
	flex-grow:1;
	margin-right:0;
	border-radius:5px;
	height:36px;
	font-size: 14px;
	width: 100%;
	max-width:100%;
	align-self: baseline;
}
#place-search > i {
	padding-top:9px;
}

.select2-container.select2-container--default.select2-container--open {
	left: 9px !important;
	width: calc(100vw - 18px);
	top: 95px !important;
	height: calc(100% - 104px) !important;
	z-index: 100;
	display: flex;
	flex-flow: column;
	position: fixed !important;
	box-shadow: 0px 0px 5px gray;
}

.select2-dropdown.select2-dropdown--below {
	width: calc(100vw - 18px) !important;
	height: calc(100%) !important;
}


.select2-container--default .select2-results>.select2-results__options {
	max-height: calc(100% - 4rem);
}

.user {
	display:flex;
	position:fixed;
	right: 36px;
	top: 7px;
	height: 30px;
	z-index:1;
}

.user-points {
	font-size: 10px;
	color: yellow;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
	font-size:18px;
	font-family: teko_regularregular !important
}

#place-search .select2-container--default .select2-selection--single {
    background-color: unset;
    border: unset;
    border-radius: unset;
    text-align:center;
}

#place-search :focus {
	outline:unset !important;
}

.modal-footer .btn {
	display:flex;
	justify-content:center;
	align-items:center;
	white-space:normal;
	box-shadow: 2px 4px 6px gray;
}

.states-count {
	display:none !important;
}

iframe.tawkto {
	z-index: 10000;
    position: absolute;
    width: 80vw;
    height: 70vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 2px 2px 17px grey;
}

#map.blur {
   filter: blur(1px);
   -webkit-filter: blur(1px);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color:white;
	line-height:37px;
}

#order-selector button.btn.dropdown-toggle {
	height: 25px;
}

#order-selector .dropdown-item {
	font-size: 13px;
}

#payOrders,
#selectedOrdersTitle {
	font-size: 1rem;
    width: unset;
    height: fit-content;
    padding: .3rem;
    display:flex;
    flex-flow:row;
    align-items:center;
    justify-content:center;
}

#payOrders.round-button-3d i,
#selectedOrdersTitle.round-button-3d i {
	font-size:unset !important;
}

@media (max-width: 800px) {
	#payOrders,
	#selectedOrdersTitle {
	    border: 1px solid lightgray;
	    /*background: lightgray;*/
	}    
}

#paymentMethod > .btn-group {
	flex-flow: column;
}


#paymentMethod > .btn-group > * {
	flex-shrink:0;
	margin-top:20px;
}

#paymentMethod.terms {
	display:flex;
	overflow-y:auto;
	width: 400px;
}

#paymentMethod.terms label {
 	background:white;
 	justify-content:center;
 	height:4rem;
 	padding:.5rem;
 	color: black;
 	display:flex;
 	align-items: center;
 	max-width:calc(100% - 20px);
 	font-size:1.5rem;
}

#paymentMethod.terms label.active {
	border-width:3px;	
}

#paymentMethod.terms label > div {
	min-width:6rem;
	display: flex;
    justify-content: center;
}
#paymentMethod.terms label > span {
	min-width:10rem;
	display: flex;
    align-items: center;
    justify-content:center;
}

#paymentMethod.terms label img {
	height:3rem
}

#paymentMethod.terms .custom-control-label {
	display:flex;
	flex-flow:row;
}
#paymentMethod label + div.payment_method_term {
	transition: line-height 1s ease, opacity 1s ease, padding 1s ease;
	overflow:hidden;
	line-height:1.2rem;
	opacity: 1;
    max-width: 46rem;
    display:flex;
    align-items:center;
    margin-right: 2rem;
    margin-left: 2rem;
    padding-left: 0;
    flex-flow:column;
    text-align:center;
}
#paymentMethod label + div.payment_method_term:before {
	font-size: 2rem;
    margin: 1rem;
    width:1rem;
}
#paymentMethod label:not(.active) + div.payment_method_term {
	line-height:0px;
	opacity: 0;
	padding: .3rem;
}

#paymentMethod label:not(.active) + div.payment_method_term:before {
	font-size: 0rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.takeaway .menuItem-price.badge {
	font-size: 2rem;
    color: black;
    position: relative;
    height: 3rem;
    flex-shrink: 0;
    margin: 0;
    right:0;
    background: unset;
    display:flex;
    justify-content: flex-end;
}

#homedeliveryDetails .terms2,
#pickupDetails .terms2 {
	padding:1rem;
	overflow-y:auto;
	height:100%;
}

.main-buttons .marker-restaurant-info.active-places {
	border-top: 1px dashed gray;border-radius: unset;width: 100%;padding-top: 10px;margin:0;
}

#changeLanguage.modal {
	z-index:10000;
}


.btn.active, .btn:active {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.list-group {
    margin-bottom: unset;
}

.my-name {
	color:white;
	font-size: 11px;
    padding: 5px;
}

.main-menu {
    top: 10px;
    left: unset;
    right: 6px;
    position: fixed;
    font-size: 19px;
    z-index: 5;
    color: white;
}

.form-group {
	margin-bottom:0;
}

	.orderTabs .nav-tabs .nav-item {
    	margin-bottom: unset;
    	width:100%;
	}
	
	.orderTabs .tab-content > .tab-pane {
	    flex-grow: 1;
	    position: relative;
	}
	
	.orderTabs .tab-content > .tab-pane.active {
		display:flex;
    	flex-flow: column;
   	}
	
	.orderTabs .scrollable.list-group {
		overflow-y: scroll;
    	height: 100%;
    	width: 100%;
    }
    
    .orderTabs {
		flex-flow:row;
	} 
	
	.orderTabs .nav-justified .nav-item {
		display:flex;
	}

	/*	
	#orderList1.nav-tabs .nav-link {
	    font-size: 17px;
    	font-weight: normal;
    	border: unset;
    	color:darkslategray;
	    transform: rotate(180deg);
	    padding: 0;
	    margin: 0;
	    width: 26px;
    }*/
    
    #orderList1.nav-tabs .nav-link.active {
		background-color: transparent;
		color:black;
	}



@media (orientation : portrait1) {
	#orderList1 .nav-item {
		writing-mode: vertical-lr;
    	text-orientation: sideways;
    	justify-content: center;
	}
	#orderList1.nav-tabs .nav-link.active {
		border-left: 2px solid #c22439;
	}
}

.nav-tabs .nav-link {
	border: unset;
}

.orderTabs {
	flex-flow:column;
}
li input#tab_orders ~ .accordion-content #orderTabs1 > .tab-pane {
	flex-direction: row;
	flex-shrink:0;
}
#orderList1 {
	flex-flow: row;
    width: 100%;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
    height: 4rem;
    align-items: flex-end;
    padding-bottom:1px;
    overflow-y:auto;
    font-size: 1.5rem;
}
#orderList1 .nav-item {
   	justify-content: center;
}
#orderList1.nav-tabs .nav-link {
	transform: unset;
	width:unset;
	padding:0;
	padding-bottom:3px;
}
#orderList1.nav-tabs .nav-link.active {
	border-bottom: 2px solid #c22439;
}


.accordion-title-button.round-button-3d.i_waiter.hidden,
#info-table.accordion-title-button.round-button-3d.hidden {
	display: flex!important;
	visibility: hidden;
}

.accordion-title-button.round-button-3d.hidden:before,
.accordion-title-button.round-button-3d.hidden > * {
	display: none;
}

.leaflet-container .leaflet-marker-pane img, 
.leaflet-container .leaflet-shadow-pane img, 
.leaflet-container .leaflet-tile-pane img, 
.leaflet-container img.leaflet-image-layer, 
.leaflet-container .leaflet-tile {
	width: 85%;
}

.select2-container--default .select2-results__option {
	text-align: center;
}

body #generic-information {
	display:flex;
	justify-content: space-evenly;
	border-bottom: 1px solid var(--background-color1);
	padding: 5px;
	font-size: min(15px, 3vw)
}
body #generic-information img {
	margin: 10px;
	width: min(75px, 6vw);
}
body #generic-information-main {
	display: grid;
	grid-template-columns: auto auto
}
body #generic-information-main span {
	margin-left: 4px;
	margin-right: 4px;
}

.optionCategory .list-group-item.selectable.mandatory.disabled {
	display: none !important;
}


.points {
	position: fixed;
	bottom: 30px;
	right: 30px;
	background: 
}
.potential-point {
	position: absolute;
    right: 3rem;
    height: 4rem;
    width: 4rem;
    border-bottom-left-radius: 100%;
    padding-top: 1rem;
    z-index:1;
}

.price .icon-star {
	color: #969f38;
	text-shadow: 0px 0px 3px #8a5a00;
	position: absolute;
	right: 0rem;
	top: -.3rem;
	font-size: 1rem;
	padding:unset;
}

.potential-point i {
	position: absolute;
    color: #CDDC39;
    font-size: 3rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0px 0px 5px #8a5a00;
}
.potential-point span {
	font-size: .7rem;
	position: absolute;
    left: 50%;
    top: calc(50% - 3px);
    transform: translate(-50%, -50%);
}

#menu #views #tab2.nav {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
#tab2 #drinks.nav-item {
	grid-row:2;
	grid-column-start:1;
	grid-column-end: 2;
}
#tab2 #meals.nav-item {
	grid-row:2;
	grid-column-start:3;
	grid-column-end: 5;
}
#tab2 .new-orders.nav-item {
	grid-row:2;
	grid-column-start:5;
	grid-column-end: 7;
}
#tab2 #pickup-open.nav-item {
	grid-column-start:1;
	grid-column-end: 4;
}
#tab2 #homedelivery-open.nav-item {
	grid-column-start:4;
	grid-column-end: 7;
}

body.noordering #back-button,
body.noordering .my-name-div,
body.noordering .icon-menu,
body.noordering #pickup-open,
body.noordering #homedelivery-open,
body.noordering #restaurant-description,
body.noordering .icon-minus,
body.noordering .icon-plus,
body.noordering #tab2 {
	display:none !important;
}

.allergens {
	display: flex;
	justify-content: center;
    padding: .2rem;
} 

.allergen {
	display: flex;
	flex-flow: column;
	font-size: 60%;
	align-items: center;
	margin-left: .5rem;
	background: #ffa50082;
    border-radius: .5rem;
    padding: .2rem;
    width:fit-content;
    line-height: 125%;
}
.allergen.removable {
	background: yellow;
	color: black;
}

.allergen:before {
	font-size: 160%
}


:root {
	--background-color1: #000000; 
	--background-color11: #00000000; 
	--background-color2: #d50400;
	--color1: "basic";
	--color2: "basic";
	--active-link-color: #ffce85;
	--main-background-color: rgb(46, 63, 80);
	--selected-category-color: #d504003d;
	--color: #b55f28;
}

body[theme="basic"] > #menu:not(.blur) {
	overflow: unset !important;
	height: max-content !important;
	/*background: url("bg.jpg") !important;*/
	background-size: 100% !important;
	z-index:1;
	flex-grow: 1 !important;
	position: sticky;
}

body[theme="basic"] #generic-information,
body[theme="basic"] #copyright {
	background: var(--color);
}


body[theme="basic"] .eatwithme.ui-dialog,
body[theme="basic"] .modal-dialog .modal-content {
	/*background-image: url("bg.jpg") !important;*/
	color: white;
}

body[theme="basic"] .ui-widget-header {
	background: var(--color);
	color: white;
}

body[theme="basic"] .eatwithme .ui-dialog-content {
	/*color: white;*/
}

body[theme="basic"] .eatwithme .ui-dialog-buttonpane {
	background: #e9e9e947;
	/*color: white;*/
	padding: .5em;
}

body[theme="basic"] .eatwithme .ui-dialog-buttonset {
	flex-flow: column;
}

body[theme="basic"] .eatwithme .ui-dialog-buttonset button {
	margin: 0.5em 0 .5em 0;
	min-height: 2em;
	background: var(--color);
	color: white;
	box-shadow: 0px 0px 1px #aaa, inset 0px 0px 1px #fff;
	flex-basis: unset;
}

body[theme="basic"] .btn-primary:disabled {
    background-color: var(--selected-category-color);
}

body[theme="basic"] div#chooseOption .list-group input[type="checkbox"]:checked + .list-group-item, 
body[theme="basic"] div#orderMenuItem .list-group input[type="checkbox"]:checked + .list-group-item,
body[theme="basic"] div#chooseOption .list-group input[type="radio"]:checked + .list-group-item, 
body[theme="basic"] div#orderMenuItem .list-group input[type="radio"]:checked + .list-group-item {
	background-color: var(--main-background-color);
}
body[theme="basic"] .btn-primary.disabled.focus, 
body[theme="basic"] .btn-primary.disabled:focus, .btn-primary.disabled:hover, 
body[theme="basic"] .btn-primary[disabled].focus, .btn-primary[disabled]:focus, 
body[theme="basic"] .btn-primary[disabled]:hover, 
body[theme="basic"] fieldset[disabled] .btn-primary.focus, 
body[theme="basic"] fieldset[disabled] .btn-primary:focus, 
body[theme="basic"] fieldset[disabled] .btn-primary:hover,
body[theme="basic"] .btn-primary
 {
	background-color: var(--main-background-color);
	color: #FFF !important;
}
body[theme="basic"] {
	overflow-y: auto !important;
	background: white;
}

body[theme="basic"] #orderMenuItem  .modal-body > div > div#matesBlock,
body[theme="basic"] .additionsBlock .list-group-item {
	background-color: #fffff047;
    color: white;
}

body[theme="basic"] .copyright {
	
}
body[theme="basic"] .additionsBlock .list-group-item {
	color: var(--color);
    background-color: lightgoldenrodyellow;
    box-shadow: 2px 4px 11px lightgray;
}

body[theme="basic"] #menu #choiceList>.horizontal,
body[theme="basic"] div.search,
body[theme="basic"] > #menu #views .nav,
body[theme="basic"] > #menu #views .nav-item,
body[theme="basic"] > #menu #views .nav-link {
	background:transparent;
}
body[theme="basic"] > #menu #views #tab2.nav {
	display: flex !important;
	position: fixed !important;
	top:0 !important;
	left:0;
	padding-left:58px;
	padding-right:155px;
	width:100%;
	height: 35px;
	justify-content: center;
	background: black;
	/*background: linear-gradient(180deg, black 0%, black 50%, #000000b5 70%,transparent);*/
}

body[theme="basic"] .icon-star-filled {
	color: white;
	font-size: 11px;
}

body[theme="basic"] > #menu #restaurant-description-footer,
body[theme="basic"] > #menu #restaurant-description,
body[theme="basic"] > #menu #views {
	padding: 10px;
	background: black;
	background-size: 100% auto;
	background-repeat: repeat;
	overflow: visible;
	height: unset;
	width: 100%;
}
body[theme="basic"] > #menu #views {
	background: radial-gradient(transparent,black);
}
body[theme="basic"] > #menu #views,
body[theme="basic"] > #menu #restaurant-description-footer {
	padding: 0px;
}


body[theme="basic"] #menu  > .scrollable {
	overflow: visible;
	height: -webkit-fill-available;
	
}
body[theme="basic"] > #menu #views #tab2Content #drink_menu_tab,
body[theme="basic"] > #menu #views #tab2Content #meal_menu_tab  {
	flex-flow:column;
}
body[theme="basic"] > #menu #views #tab2Content .choose-category {
    display: block !important;
    font-weight: bold;
    text-align: center;
    margin: 0rem;
    font-size: 24px;
    color: antiquewhite;
    margin-top: 30px;
}

body[theme="basic"] #tab2 {
	padding: 0;
	background: var(--background-color1);
	height: 10rem;
}
 
body[theme="basic"] .menuItem.selectedForOrder .orderCount {
	position: absolute;
	right:-1em;
	top:-0em;
	background: #f5c791;
	color: black;
	border: 1px solid #9e9e9e !important;
	border-radius: 7px;
	z-index:20;
	display:flex;
	transform: rotate(-45deg);
	box-shadow: 2px 2px 2px gray;
}

body[theme="basic"] .menuItemCategory.selectedForOrder .orderCount {
	position: absolute;
	right:0em;
	top:0em;
	background: #f5c791;
	color: black;
	border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
	z-index:20;
	display:flex;
	padding: .2em;
	box-shadow: 2px 2px 11px #808080ab;
}

body[theme="basic"] .menuItemCategory.selectedForOrder.selected2 .orderCount {
	display: none;
}

body[theme="basic"] .menuItem.selectedForOrder .list-group-item.defaultQuantity.selectedForOrder {
	background-color: #FFC107;
}

body[theme="basic"] .menuItem.selectedForOrder:not(.selected2) {
	box-shadow: 0px 0px 21px #d5acacbd;
    background-color: #faebd735;
    border-radius: 15px !important;
}

body[theme="basic"] .menuItemCategory.selectedForOrder:not(.selected2) {
	box-shadow: 0px 0px 21px #d5acacbd;
    background-color: #faebd735 !important;
    border-radius: 15px !important;
    height: unset;
}

body[theme="basic"] .menuItem.selectedForOrder .orderCount >  div.count {
	transform: rotate(45deg);
}

body[theme="basic"] .menuItem.selectedForOrder .orderCount .cancelorderCount {
	background: #f8b864c9;
	padding-bottom: 2px;
	padding-top: 5px;
}
body[theme="basic"] .menuItem.selectedForOrder .orderCount .cancelorderCount:before {
	transform: rotate(45deg);
	color: red
}


body[theme="basic"] #tab2 .nav-item .nav-link {
	background-color: var(--background-color1);
	color: white;
	font-family: "Montserrat";
	font-weight: bold;
	font-variant: all-small-caps;
	height: min(11vw, 11vh);
	justify-content: flex-end;
	font-synthesis: none;
}

/*
body[theme="basic"] #tab2Content::after {
	content: "";
    border: .5px solid darkgray;
    height: calc(100% - 139px);
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 106px;
}
*/

body[theme="basic"] #tab2 .nav-link {
    background-color: black;
}

body[theme="basic"] #tab2 .nav-item {
	margin: -1px;
	background: var(--background-color1);
	font-size: 20px;
	min-width: unset;
}


body[theme="basic"] #tab2 .nav-item .nav-link.active {
	color: var(--active-link-color);
}

body[theme="basic"] #tab2 > :nth-child(1) {
	width:0px;
	margin: -1px;
	background-color: black;
}

body[theme="basic"] #new-orders #orderList1.nav-tabs .nav-link {
	color: darkslategray;
}

body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item .icon-food, 
body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item .icon-drink, 
body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item img {
	height: min(7vw, 7vh);
	width: min(7vw, 7vh);
	display:none;	
}


body[theme="basic"] .icon-drink {
	background-image: unset;
	/*-webkit-mask-box-image: url(cups.svg);*/
	-moz-mask: url(../themes/basic/cups.svg);
	-webkit-mask-image: url(cups.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: 50% 50%;
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 50% 50%;
	background-color: white !important;
	content: "";
	box-shadow: unset !important;
	border: unset !important;
	background-size: 100% 100%;
	border-radius: unset !important;
	-webkit-transition: unset !important;

}

body[theme="basic"] #tab2 .nav-item .nav-link.active .icon-drink,
body[theme="basic"] #tab2 .nav-item .nav-link.active .icon-food {
	background-color: var(--active-link-color) !important;
}

body[theme="basic"] .icon-food {
	background-image: unset;
	/*-webkit-mask-box-image: url(icon.svg);*/
	-webkit-mask-image: url(../themes/basic/icon.svg);
	mask-box-image: url(icon.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: 50% 50%;
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 50% 50%;
	mask-size: 79%;
	-webkit-mask-size: 75%;
	background-color: white !important;
	content: "";
	box-shadow: unset !important;
	border: unset !important;
    background-size: 100% 100%;
	border-radius: unset !important;
	-webkit-transition: unset !important;
}

body[theme="basic"] .nav-item.new-orders > span > span:nth-child(1) {
}

body[theme="basic"] #mainLayer .order-menuItems.round-button-3d.closed {
	background: var(--background-color2);
}


/*
body[theme="basic"] .nav-item:before {
	content: "";
	width: 8rem;
	height: 8rem;
	background: white;
}
*/

body[theme="basic"] .nav-item.new-orders .order-count {
	/*
	top: min(-1vw, -1vh);
	left: calc(50% + min(3vw, 3vh));
	transform: translateX(-50%);
	font-size: min(2vw, 2vh);
	padding: min(.2vw, .2vh);
	min-width: min(2vw, 2vh);
	border-radius: min(.2vw, .2vh);
	*/
	font-size: 10px;
	height: 20px;
	position: initial;

}

body[theme="basic"] .nav-link .new-orders {
	background-image: unset;
	-webkit-mask-box-image: url(../themes/basic/cart.svg);
	mask-box-image: url(cart.svg);
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: white !important;
	box-shadow: unset !important;
	border: unset !important;
	height: min(5.5vw, 5.5vh);
	width: min(5.5vw, 5.5vh);
    background-size: 100% 100%;
	border-radius: unset !important;
	-webkit-transition: unset !important;
	left: 50%;
    position: relative;
    transform: translateX(-50%);
    display: none;
}

body[theme="basic"] .nav-link.active .new-orders {
	background-color: var(--active-link-color) !important;
}


body[theme="basic"] .filterBoxContainer {
	border: unset;
	font-family: "Montserrat";
	border: .5px solid lightgray;
    background: var(--active-link-color);
    font-synthesis: none;
    display:none;
}

body[theme="basic"] .filterHeader {
	border: .5px solid var(--background-color2);
	background: var(--background-color2);
    color: white;
    text-align: center;
    padding: 1rem;
    font-family: "Montserrat";
    font-synthesis: none;
}

body[theme="basic"] #menu .restaurant-image {
	position: relative;
	width: min(30vw, 30vh);
	height: min(25vw, 25vh);
	background-size: 100% 100%;
	display: none;
}

body[theme="basic"] #menu .restaurant-image .restaurant-image-img {
	position: relative;
	width: min(30vw, 30vh);
	height: min(25vw, 25vh);
	background-size: 100% 100%;
}

body[theme="basic"] #restaurant-description {
	padding-top: 20px;
}

body[theme="basic"] #menu .restaurant-image img.restaurant-image-logo {
	display:none;
}

body[theme="basic"] #menu .restaurant-name div:nth-child(1) {
	display:none
}

body[theme="basic"] #menu #tab2Content {
	overflow: visible;
}

body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link {
	height: 30px;
	display: flex !important;
	flex-flow: row !important;
	justify-content: center;
	align-items: center;
	position: relative;
	margin:0 !important;
	padding: 0  !important;
	font-size: 14px;
}



body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link.state.closed {
	color: red;
	padding-top: 6px;
}

body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link.state.open {
	color: green;
	padding-top: 6px;
}

@media (max-width: 400px) {
	.my-name {
		font-size: min(4vw, 11px);
	}
	body[theme="basic"] > #menu #views #tab2.nav .nav-item {
		font-size: min(4vw, 20px);
		margin-top:0;
	}
}

body[theme="basic"] > #menu #views .nav-item:not(.new-orders) .nav-link {
	height: 30px;
}

body[theme="basic"] > #menu #views .nav-item:not(.new-orders) {
    height: 3rem;

}
body[theme="basic"] > #menu #views #tab2.nav .nav-item {
    height: 30px;
    flex-grow: 0;
    min-width: fit-content;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


body[theme="basic"] #menu .restaurant-name {
	font-size: 13px;
    color: white;
    text-align:center;
    position:relative;
    display: flex;
    flex-flow: column;
    justify-content: unset;
    align-items: center;
    border-radius: 0px;
    padding:0px;
    z-index:0;
    height: 0;
    background-size: 100% auto;
    background-position: 50% 50%;
    overflow:hidden;
}

body[theme="basic"] #menu .restaurant-name > img {
    width: 100%;
    height: auto;
    position: absolute;
}

body[theme="basic"] #menu .restaurant-name .restaurant-image img {
	border-radius: 5px;
	height:100%;
}

body[theme="basic"] .list-unstyled {
	list-style: none;	
}

body[theme="basic"] .footer-contact {
    margin: 50px 0;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}

/*
body[theme="basic"] #menu .restaurant-name .restaurant-image #restaurant-image-top { 
	position:absolute;width:100%;height:5px;top:0px;z-index:450;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%)
}

body[theme="basic"] #menu .restaurant-name .restaurant-image #restaurant-image-bottom { 
	position:absolute;width:100%;height:5px;bottom:0px;z-index:450;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%)
}

body[theme="basic"] #menu .restaurant-name .restaurant-image #restaurant-image-left { 
	position:absolute;width:5px;height:100%;top:0px;z-index:450;background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%)
}

body[theme="basic"] #menu .restaurant-name .restaurant-image #restaurant-image-right { 
	 position:absolute;width:5px;height:100%;right:0;top:0px;z-index:450;background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%)
}
*/

body[theme="basic"] .back-to-map {
	display:none;
	font-size: 13px;
    color: white;
    background:black;
    border-bottom-left-radius: 9px;
    padding-left: 6px;
    padding-right: 6px;
    border-bottom-right-radius: 9px;
    margin-top:-2px;
    box-shadow: 0px 0px 17px grey;
    padding-top: 3px;
    margin-right: 10px;
    max-height: 23px;
}


body[theme="basic"] .filterBoxContainer .list-group-item {
    background: transparent;
    color: white;
    border:unset;
}

@media (orientation: landscape) {

	body[theme="basic"][orderCount = "0"] #choiceList {
    	/*flex-basis: 100% !important;
    	box-shadow: unset;
    	margin-bottom: unset;*/
	}
}

body[theme="fancy"][orderCount = "0"] .newOrderPart {
 	flex-basis: 0% !important;
}

body[theme="fancy"][orderCount = "0"] #selectedOrders {
 	display:none
}

body[theme="basic"] .icon-search::before {
	content:"";
}
body[theme="basic"] div.search:not(.minimal) .icon-search {
	width:0 !important;
}

body[theme="basic"] .icon-search {
    background-image: url(../themes/basic/search.svg);
    background-color: transparent !important;
    box-shadow: unset !important;
    border: unset !important;
    height: 20px !important;
    width: 28px !important;
    background-size: 100% 100%;
    border-radius: unset !important;
    -webkit-transition: unset !important;
}

body[theme="basic"] .menuItemCategory {
	min-width: unset;
	flex-grow:0;
	flex-basis: unset !important;
}

body[theme="basic"] .menuItemCategory:not(.selected2):not(.calendar-row) {
    border-color: unset;
    border: unset;
    margin: .5rem;
    flex-flow: column;
    border-radius: unset;
    background: transparent;
    justify-content: center;
    align-items: center;
    overflow:visible;
}

body[theme="basic"] .menuItemCategory.selected2 {
    background-color: var(--selected-category-color);
	border-bottom:unset;
	margin:0;
}
body[theme="basic"] .menuItemCategory.odd:not(.hidden):not(.selected2) {
}

body[theme="basic"] .menuItemCategory.selected2 .menuItemCategoryLabel {
	font-size: 24px;
	line-height: 24px;
	display: flex;
	flex-flow: row;
	width: max-content;
	padding: 4px;
	text-shadow: 0px 0px 2px black;
}

body[theme="basic"] .menuItemCategory:not(.selected2) > * {
	flex-grow:0 !important;
	flex-shrink:0 !important;
	overflow:hidden;
}

body[theme="basic"] .menuItem-price {
	color: var(--main-background-color);
	font-size: 1.5rem;
}

body[theme="basic"] #menu #orderList1Content {
	padding: 4px;
}

body[theme="basic"] #orderListByCustomer > .customer-droppable {
    background:transparent;
}

body[theme="basic"] #menu .heading {
    background: black;
    color: white;
    box-shadow: 0px -3px 6px #000000de;
    border-top: .1px solid black;
}


body[theme="basic"] div.byCustomer {
	margin:0;
	margin-bottom:1px;
}

body[theme="basic"] #orderList1Content div.menuItem-order.ordered {
	opacity:.3;
}

body[theme="basic"] ::-webkit-scrollbar {
  display: none;
}

body[theme="basic"][orderCount = "0"] #newOrderPart {
  width:0;
}

/*
body[theme="basic"] .menuItemCategory:not(.selected2) .menuItemCategoryLabel::after {
	content: "View";
	display: block;
	height: 52px;
	width: 147px;
	border: 2px dashed var(--background-color2);
}*/
body[theme="basic"] .menuItemCategoryLabel {
	font-family: "Montserrat";
	font-weight:bold;
	font-variant: all-small-caps;
	font-size: 1.9rem;
	width:14rem;
	transform: unset;
	left:unset;
	color:white;
	width:100%;
	min-height:unset;
	line-height:3rem;
	font-synthesis: none;
}

body[theme="basic"] .name-and-desc {
	align-items: center;
    padding-right: 0rem;
    padding-left:0rem;
    width: 100%;
}

body[theme="basic"] .menuItemCategory.odd:not(.hidden):not(.selected2 ) .name-and-desc {
	align-items: center;
    padding-right: 0rem;
    padding-left:0;
}



body[theme="basic"] .menuItemCategory .description {
	font-family: "Montserrat";
	font-weight:normal;
	font-size: .9rem;
	color:#8cb65f;
	width:100%;
	font-synthesis: none;
	max-width: 20rem;
}

body[theme="basic"] .menuItemCategory:not(.hidden):not(.selected2 ) .menuItemCategoryLabel {
	justify-content: center;
}

body[theme="basic"] .menuItemCategory.odd:not(.hidden):not(.selected2 ) .menuItemCategoryLabel {
	justify-content: center;
	text-align: center;
}

body[theme="basic"] .menuItemCategory.odd:not(.hidden):not(.selected2 ) .description {
	text-align: center;
	color: white;
}

body[theme="basic"] .menuItem .description {
	font-family: "Montserrat";
	font-weight:normal;
	font-size: .9rem;
	color:white;
	width:100%;
	text-align: center;
	padding-left: 1rem;
    padding-right: 1rem;
    font-synthesis: none;
    max-width: 20rem;
    align-self: center;
}

body[theme="basic"] .menuItemCategory div.menuItem-image {
    overflow: visible;
    border-radius: unset;
    left: unset;
    transform: unset;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    opacity: 1;
    border: solid 5px #6fcac8;
    border-radius: 30%;
    background: var(--color);
    padding: .5rem;
}

body[theme="basic"] .menuItemCategory img.menuItem-image {
    width: 9rem;
    height: 9rem;
    border-radius: unset;
    padding:.6rem;
    left: 50%;
    transform: translateX(-50%);
	filter: invert(10%);
    filter: drop-shadow(2px 4px 6px black);
    border: solid 5px #6fcac8;
    border-radius: 30%;
    background: white;
}


body[theme="basic"] .menuItemCategory.odd:not(.hidden):not(.selected2 ) div.menuItem-image {
}


body[theme="basic"] .menuItemCategory img.menuItem-image:hover {
	filter: invert(0%)
}

body[theme="basic"] .menuItem .not_available, 
body[theme="basic"] .menuItemCategory .not_available {
    align-self: center;
    right: unset;
    bottom: unset;
    padding: .1rem;
    opacity: .5;
    z-index: 1;
    
    font-size: 100%;
    color: red;
    font-weight: bold;
    
}

body[theme="basic"] .menuItem .not_available {
	top:25%;
}

body[theme="basic"] .menuItem {
    border: unset;
    border-radius: unset;
    background-color: transparent;
    max-width: 30rem;
    min-width: min(27rem, 82vw);
    margin: 2rem; 
    box-shadow: unset;
    padding-top: 0;
    font-family: "OpenSans";
    font-style: normal !important;
    color: white;
}


body[theme="basic"] .order-selector-title {
	font-size: 20px;
	box-shadow: 0px 0px 10px gray;
    border-radius: 10px;
    background: var(--color);
    color: white;
}

body[theme="basic"] .menuItem>div>div {
	margin: 0 !important;
}

body[theme="basic"] .menuItem div.menuItem-image {
	border-radius: unset;
}
body[theme="basic"] .menuItem div.menuItem-image {
	height: 21rem;
	width: 21rem;
	margin-top:1rem;
}

body[theme="basic"] .menuItem img.menuItem-image {
	width: 20rem;
    height: 20rem;
    border-radius: 12px;
    padding: .5rem;
    left: 50%;
    transform: translateX(-50%);
}

body[theme="basic"] .menuItemCategory.selected2 {
	top: 35px;
    background: linear-gradient(180deg, rgba(248, 184, 100, .9) 0%,  rgba(248, 184, 100, 1) 50%, rgba(248, 184, 100, .9) 100%);
    border-radius: 0px;
    max-height: 3rem;
    align-items: center;
    justify-content: center;
    border: solid 5px #6fcac8;
    border-radius: 10px;
    background: #b55f28b5;
    max-width: 100vw;
}

body[theme="basic"] .menuItem .menuItemLabel {
	font-variant: all-small-caps;
	font-family: "Montserrat"; 
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 3rem;
	font-synthesis: none;
	max-width: 26rem;
	white-space: normal;
	align-self: center;
	
}

body[theme="basic"] .menuItem .manufacturer {
	font-variant: all-small-caps;
	font-family: "Montserrat";
	font-weight: normal;
	font-size: .8rem;
	font-synthesis: none;
}

body[theme="basic"] .cart-add button {
	background: rgba(128, 128, 128, 0.11);
	border: unset;
	opacity: 1;
	margin: 4px;
	border-radius: 4px;
	font-size:2rem;
}

body[theme="basic"] .cart-add input {
	width: 4rem;
	border-radius: .5rem;
	border: 1px solid rgba(211, 211, 211, 0.25);
	text-align: center;
	padding: 0;
	color: darkslategray;
	font-size:1rem;
	height:2rem;
}

body[theme="basic"] .add-to-cart button {
	background-color: var(--active-link-color);
	margin: 7px;
	border-radius: 4px;
	font-size:1rem;
	box-shadow: 0px 0px 2px 1px black;
}

body[theme="basic"] .accordion>ul>li {
	background: var(--main-background-color);
}

body[theme="basic"] .cards {
	top: 0px;
	left: 0px;
	width: 1145px;
	height: 2036px;
	background: var(--main-background-color);
	opacity: 1;
	background-size: 100% 100%;
	color:white;
}

body[theme="basic"] .cards #orderList1Content {
	color: black;
}

body[theme="basic"] footer {
	background-color: antiquewhite;
}

body[theme="basic"] div.search.horizontal {
    position: fixed;
    z-index: 12;
    top: 2px;
    left: 31px;
    width: 250px;
 }
 
body[theme="basic"][orderCount = "0"] .vertical div.search {
    position: fixed;
    z-index: 12;
    top: 2px;
    left: 31px;
    max-width: 250px !important;
}

body[theme="basic"] .vertical div.search.minimal {
    position: fixed;
    z-index: 12;
    top: 2px;
    left: 31px;
    max-width: 250px !important;
    background-color: transparent !important;
}
 
 
body[theme="basic"] #menu e-shopping {
	background-color: black;
	color:white;
}
 
body[theme="basic"] #menu #views > .vertical {
	background-color: transparent !important;
}
body[theme="basic"] #menu #choiceList>.horizontal, 
body[theme="basic"] div.search
	{
	background-color: transparent;
	color: white;
	border-color: darkslategray;
}

body[theme="basic"] footer .dropdown-menu {
	background-color: #1d0c02;;
	color:white;
}

body[theme="basic"] footer .dropdown-menu > * {
	padding: 5px;
}

body[theme="basic"] .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    color: black;
}

body[theme="basic"] #mainLayer .order-menuItems.round-button-3d, 
body[theme="basic"] .terms .order-menuitems.round-button-3d,
body[theme="basic"] .order-menuItems-div button.round-button-3d,
body[theme="basic"] .details button#register, 
body[theme="basic"] .details button#login {
	background-color: var(--color);
}

body[theme="basic"] div.search input {
	background-color: rgba(255, 255, 255, 0.23);
	color: black;
}

body[theme="basic"] #menu .heading.horizontal {
	background-color: var(--background-color1);
	height: 71px;
	color: white;
	font-variant: all-small-caps;
	font-family: "Montserrat";
	font-weight: bold;
	font-size: 20px;
	flex-shrink: 0;
	box-shadow: none;
	white-space:nowrap;
	font-synthesis: none;
}

body[theme="basic"] #menu .heading.horizontal .new-orders::before {
	-webkit-mask: url(cart.svg) no-repeat 50% 50%;
	mask: url(cart.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
	content: "";
	height: 31px;
	display: block;
	width: 32px;
	z-index: 2;
	text-align: center;
	background-color: white;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}

body[theme="basic"] div.search input::placeholder {
	color: white;
}

body[theme="basic"] .menuItem-name.ordered-by-me {
	box-shadow: 0px 0px 0px grey;
	border:unset;
	color: black;
}

body[theme="basic"] .customer-droppable.alwaysVisible {
	margin:0;
	color:black;
	margin-top:1.3rem;
}

body[theme="basic"] footer .round-button-3d {
	color: white;
}


body[theme="basic"] .round-button-3d {
	background-color: transparent;
}

body[theme="basic"] .defaultQuantity {
	background-color: rgba(248, 184, 100, 0.14);
    max-width: 100%;
    max-height: 3rem;
	flex-grow: 0;
	justify-content: center;
	border-radius: 2rem;
    border: 1px solid var(--color);
	justify-content: center;
    color: #522C07;
    border-radius: 1.5rem;
}


body[theme="basic"] #menu .icon-basket::before {
	content: "";
	-webkit-mask: url(cart.svg) no-repeat 50% 50%;
	mask: url(cart.svg) no-repeat 50% 50%;
	-webkit-mask-size: contain;
	mask-size: contain;
	content: "";
	height: 15px;
	display: inline-block;
	width: 15px;
	z-index: 2;
	text-align: center;
	background-color: white;
	position: relative;
}

body[theme="basic"] footer .back {
	position: fixed !important;
	top:-4px;
	right:0px;
	outline: unset;
}

/* Firefox-specific styles */
@-moz-document url-prefix() {
	body[theme="basic"] footer .back {
		right:13px;
	}
}

body[theme="basic"] .icon-left-open.pull-left {
	font-size: 23px;
}

body[theme="basic"] .newOrderPart,
body[theme="basic"] #choiceList {
	transition: flex-basis 1s ease;
}

body[theme="basic"] #tab2 #homedelivery-open .nav-link,
body[theme="basic"] #tab2 #pickup-open .nav-link {
	font-variant: unset;
	color: lightgreen;
	font-size: 100%;
	font-variant: all-small-caps;
}

body[theme="basic"] #tab2 #homedelivery-open.closed .nav-link,
body[theme="basic"] #tab2 #pickup-open.closed .nav-link {
	color: red;
}


@media (orientation: landscape) {

	body[theme="basic"][orderCount = "0"] #choiceList {
	/*
    	flex-basis: 100% !important;
    	box-shadow: unset;
    	margin-bottom: unset;
    	*/
	}

	body[theme="basic"][orderCount = "0"] .newOrderPart {
	 	flex-basis: 0% !important;
	}
	
}

@media ( max-width : 1074px) and (min-width: 0rem) {
	body[theme="basic"] .menuItem {
		margin: 0px !important;
	}
	
}

@media ( max-width : 487px) and (min-width: 0rem) {

	
	body[theme="basic"] .menuItemCategory {
		margin-bottom: 1rem;
	}
	

	body[theme="basic"] .menuItemCategory:not(.selected2) > .name-and-desc {
		align-items: center !important;
    	padding-right: 0rem !important;
    	padding-left: 0rem !important;
		flex-shrink: 1 !important;
	}
	
	body[theme="basic"] .menuItemCategory img.menuItem-image {
    	width: 10rem;
    	height: 10rem;
	}
	
	body[theme="basic"] .menuItemCategory .description {
    	font-size: .7rem;
	}
	
	body[theme="basic"] .menuItemCategory:not(.selected2 ) {
		overflow: hidden;
    	width: 100%;
	}
	body[theme="basic"] .menuItemCategory.odd:not(.hidden):not(.selected2 ) .menuItemCategoryLabel {
		text-align: center;
	}
	body[theme="basic"] .menuItemCategory.selected2 .menuItemCategoryLabel {
		margin-right: 2.4rem;
	}
	body[theme="basic"] #tab2 .nav-item .nav-link {
	}
	body[theme="basic"] .icon-drink {
	}
	body[theme="basic"] .icon-food {
	}
	body[theme="basic"] .menuItem div.menuItem-image.copy {
		display:none;
	}
	body[theme="basic"] .menuItem {
		min-height:unset;
	}
	body[theme="basic"] #mainLayer .order-menuItems-group {
		width: 100%;
		max-width:unset;
		bottom:0 !important;
		padding:5px;
	}
}

body[theme="basic"] #menu .restaurant-name {
    flex-shrink: 0;
}
    
body[theme="basic"] > #menu {
    /*background-image: url(bg.jpg);*/
    background-size: contain;
    z-index:2;
}

body[theme="basic"] #restaurant-description,
body[theme="basic"] .menuItemCategoryLabel {
    color: var(--color);
    color: white;
}

body[theme="basic"] .menuItemCategory.selected2 .menuItemCategoryLabel {
    text-shadow: 0px 0px 2px white;
    color: white;
}

body[theme="basic"] .menuItemCategory {
    cursor: pointer;
    padding: 25px;
}

body[theme="basic"] .menuItem {
    color: var(--color);
    color: white;
    padding: 8px;
}

body[theme="basic"] .menuItem .description {
    font-size: 1.1rem;
    color: white;
    white-space: normal;
}

/*
body[theme="basic"] .menuItemCategory .name-and-desc .name {
	background: white;
}*/


.price>span.menuItem-price>div:nth-child(1) {
    line-height: 7%;
}

body[theme="basic"] .cart-add {
	display: none;
}

body[theme="basic"] .defaultQuantity>div {
	flex-basis: unset;
}

body[theme="basic"] .defaultQuantity>div {
	flex-basis: unset;
}


body[theme="basic"] .cart-add button {
    font-size: 1rem;
}


body[theme="basic"] .cart-add button {
    font-size: 1rem;
}

body[theme="basic"] .add-to-cart button {
    background-color: var(--color);
    margin: 7px;
    border-radius: 20px;
    font-size: 1.2rem;
    box-shadow: unset;
    color: white;
}

body[theme="basic"] .price {
    font-size: 1.2rem;
}

body[theme="basic"] .btn-primary {
    background-color: var(--color);
    color: #FFF !important;
    border-radius: 20px;
}

body[theme="basic"] .eatwithme.ui-dialog, body[theme="basic"] .modal-dialog .modal-content {
    color: black;
}

body[theme="basic"] #orderMenuItem.takeaway #matesBlock input:checked ~ div li.mate.list-group-item > div.quantity-setting i {
    background: wheat;
}

body[theme="basic"] #menu #orderList1Content {
    padding: 4px;
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
}

body[theme="basic"] .order-menuItems-div button.round-button-3d,
body[theme="basic"] #mainLayer .order-menuItems.round-button-3d, 
body[theme="basic"] .terms .order-menuitems.round-button-3d {
    border-radius: 10px;
    padding: 5px;
    font-size: 20px;
    box-shadow: 0px 0px 10px gray;
    max-width: unset;
    height: unset;
    margin-bottom: 10px;
}


body[theme="basic"] .selectable.menuItem-order.selected .menuItem-name {
	border: unset;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    flex-shrink: 1;
    background: antiquewhite;
}

body[theme="basic"] .menuItem-name {
    font-size: 1.3rem;
}

@media ( max-width : 1366px ) {
	
	body[theme="basic"] footer.show {
		padding-bottom: 23px !important;
		z-index:3;	
	}
	

	#pickup-open, 
	#homedelivery-open,
	body[theme="basic"] .nav-link .new-orders,
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item .icon-food, 
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item .icon-drink, 
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item img {
		display:block !important;
		height: 17px;
		width: 17px;
	}
	
	body[theme="basic"] .vertical div.search.minimal {
		margin-top: 2px !important;
		font-size: 13px;
	}
	
	body[theme="basic"] .fc-time-grid .fc-slats td,
	body[theme="basic"] .terms textarea, 
	body[theme="basic"] .terms input {
		background: black;
		color: white;
	}
	
	
	body[theme="basic"] .nav-link .new-orders.icon-cart-plus {
		margin-right: 5px;
		margin-top: -5px;
	}
	
	body[theme="basic"] #paymentMethod, 
	body[theme="basic"] #homedelivery-price, 
	body[theme="basic"] #pickup-price, 
	body[theme="basic"] #homeDeliveryDetails, 
	body[theme="basic"] #pickupDetails, 
	body[theme="basic"] #pickupDetails, 
	body[theme="basic"] #homeDeliveryDetails-address, 
	body[theme="basic"] #pickupDetails-address {
	    background: black !important;
	    color: white;
	    z-index:3;
	}
	
	
	
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item .icon-food, 
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item .icon-drink {
		height: 20px;
		width: 20px;
	}
	
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item .icon-truck {
		font-size: 20px;
	} 
	
	/*
	body[theme="basic"] .nav-link {
		height: 24px !important;
	}*/
	
	body[theme="basic"] #tab2 #homedelivery-open .nav-link, 
	body[theme="basic"] #tab2 #pickup-open .nav-link {
		font-size: 17px;
	}
	
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item span {
		/*display:none;*/
	}
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item span.order-count {
		display: flex;
		position: absolute;
    	top: 1px;
    	height: 16px;
    	justify-content: center;
    	align-items: center;
    	background: transparent;
    	text-shadow: 0px 0px 1px black;
	}
	
	/*
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item {
		width: 24px !important;
		flex-shrink: 0;
		flex-grow: 0;
		min-width: 34px !important;
	}*/
	
	body[theme="basic"] > #menu #views #tab2.nav {
		justify-content: space-evenly;
		flex-wrap: nowrap;
		top: unset !important;
	    bottom: 0;
	    position: fixed !important;
	    padding: 9px;
	    background: black !important;
	    border-top: 1px solid var(--color);
	    height: 69px;
        align-items: center;
	}
	
	body[theme="basic"] #menu > .scrollable {
		margin-bottom: 69px;
	}
	
	body[theme="basic"] #mainLayer .order-menuItems-group {
		bottom:  67px !important;
	}

	body[theme="basic"] #order-selector-div {
		width: 100%;
	}
	
	body[theme="basic"] #order-selector-div .order-selector-title {
		border-radius: 0;
	}
	
	body[theme="basic"] #new-orders  #mainLayer .order-menuItems-group {
	    bottom: 101px !important;
	    position: sticky;
	    position: --webkit-sticky;
	    margin: 0;
	    padding: 0;
	    z-index:2;
	    left: 0;  
	    height: 55px;
	    background: black;
	    border-top: 1px solid var(--color);
	    outline: 1px solid black;
	    width: calc(100%);
	    margin-left: -10px;
	    color: white;
	}
	
	body[theme="basic"] #new-orders #mainLayer .order-menuItems.round-button-3d {
		background: black;
	    box-shadow: unset;
	    height: 32px;
	    margin: 0;
	    font-size: min(21px, 3.4vw) !important;
	    outline: unset;
	    background-color: var(--color);
	}
	
	body[theme="basic"] {
		background: black;
		padding-top: 0px;
	}
	
	body[theme="basic"]:before {
		position: sticky;
		top:0;
		content: "";
		min-height: 35px;
		width: 100%;
		background: black;
		z-index:2;
		border-bottom: 1px solid var(--color);
	}
	
	body[theme="basic"] .my-name-div {
		top: 4px;
	}
	
	body[theme="basic"] > #menu:not(.blur) {
		margin-top: 0px;
	}

	body[theme="basic"] .order-selector-title {
		font-size: 16px !important;
		font-weight: 100 !important;
	}	

	 
	body[theme="basic"] #login-details .round-button-3d,
	body[theme="basic"] #mainLayer .order-menuItems.round-button-3d, 
	body[theme="basic"] .terms .order-menuitems.round-button-3d {
		font-size: 16px !important;
		font-weight: 100 !important;
		animation: flashtext 4s infinite cubic-bezier(0.66, 0, 0, 1);
	}
	
	body[theme="basic"] footer {
		background: black;
	}
	
	body[theme="basic"] footer > div:nth-child(1) {
		min-height: 0 !important;
		margin-bottom: 0 !important;
	} 
	
	body[theme="basic"] #homeDeliveryDetails-address #map {
		width: 100% !important;
		margin-top: 0px !important;
		margin-left: 0 !important;
	}
	
	body[theme="basic"] div[role = "address"]:not(.hidden) .order-menuItems-div {
		position: fixed;
		bottom: 0;
		margin: 0 !important;
		background: black;
		height: 69px;
		border-top: 1px solid var(--color);
		z-index: 10;
		max-width: unset !important;
		align-items: center;
	}
	
	body[theme="basic"] div[role = "address"]:not(.hidden) .order-menuItems-div .order-menuItems {
		/*color: white !important;*/
		animation: flashtext 4s infinite cubic-bezier(0.66, 0, 0, 1);
		width: 100%;
		min-height: 32px;
		font-size: 16px !important;
		box-shadow: unset;
		line-height: 15px;
	}
	
	body[theme="basic"] .order-menuItems {
		animation: flashtext 4s infinite cubic-bezier(0.66, 0, 0, 1);
	}

	
	body[theme="basic"] div[role = "address"]:not(.hidden) .order-menuItems-div .order-menuItems:disabled {
		color: yellow !important;
		opacity: 1 !important;
		border: unset !important;
	}
	
	body[theme="basic"] div[role = "address"]:not(.hidden)	#login-details {
		display:none;
	}
	body[theme="basic"] div[role = "address"]:not(.hidden) .order-menuItems-div > button:before {
		margin-top: 0;
	}
	body[theme="basic"] div[role = "address"]:not(.hidden) .order-menuItems-div > button {
		background-color: var(--color) !important;
		height: 32px;
		font-size: 16px !important;
    	font-weight: 100 !important;
    	margin: 2px;
    	border-radius: 5px;
    	max-width: unset;
    	width: auto;
    	min-width: 100px;
    	outline: unset;
	}
	
	body[theme="basic"] > #menu #restaurant-description-footer, 
	body[theme="basic"] > #menu #restaurant-description, 
	body[theme="basic"] > #menu #views {
		/*background: transparent !important;
		color: white;*/ 
	}
	
	body[theme="basic"] .customer-droppable,
	body[theme="basic"] .menuItem-name {
		background: white;
	}
	
	body[theme="basic"] > #menu #views #tab2.nav .nav-item {
		height: 50px;
	}
	
	/*
	body[theme="basic"] > #menu #views #tab2.nav .nav-item {
		display: flex !important;
	}*/
	
	body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link {
		display:flex;
		flex-flow:column-reverse !important;
		font-size: 14px !important;
		height: 50px !important;
	}
	
	body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link i:before {
		line-height: unset;
	}
	
	body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link .icon-cart-plus {
		font-size: 17px;
		height: 16px;
		min-height: 16px;
		display: flex;
		justify-content: center;
		margin: 5px;
		transform: none;
    	left: unset;
    	overflow: hidden;
	}
	body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link .i_waiter {
		font-size: 15px;
		height: 26px;
		display: flex;
		justify-content: center;
		line-height: 25px;
		align-self: center;
	}
	body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link .i_waiter:before {
		display: block;
		line-height: 25px;
		
	}
	body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link .icon-food,
	body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link .icon-drink,
	body[theme="basic"] > #menu #views #tab2.nav .nav-item .nav-link i {
		font-size: 17px;
		height: 19px;
		min-height: 26px;
		display: flex;
		justify-content: center;
		line-height: 25px;
		align-self: center;
	}
	
	
	body[theme="basic"] div.search {
		position: fixed;
		left: 36px;
		z-index:2;
		top: 4px;
		margin: 0;
		color: white;
	}
	body[theme="basic"] div.search input {
		color: white;
		font-size: 15px;
	}
	body[theme="basic"] div.search:not(.minimal) {
    	width: calc(100% - 200px) !important;
	}
	
	body[theme="basic"] > #menu #views #tab2.nav #homedelivery-open.nav-item .nav-link,
	body[theme="basic"] > #menu #views #tab2.nav #pickup-open.nav-item .nav-link {
		flex-flow:column !important;
		
	}

	body[theme="basic"] #views div.search {
		display: none !important;
	}
	
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item .icon-truck {
		font-size: 21px !important;
	}
	
	body[theme="basic"] .nav.nav-tabs.nav-justified .nav-item > span > span {
		display: block;
		line-height: 13px;
	}
	
	body[theme="basic"] .eatwithme.ui-dialog {
		font-size: 1rem;
		light-height: 1.1rem;
	}
	
	body[theme="basic"] #homeDeliveryDetails-address .details2 > div.top-part {
		display:flex;
		align-items:start;
		padding-top: 0px;
		overflow: hidden;
	}
	
	
	body[theme="basic"] #homeDeliveryDetails-address .details2 > div > div > div:before {
		width: 24px;
	}
	
	body[theme="basic"] #order-selector {
		margin:0;
		padding:0 !important;
	}
	body[theme="basic"] .order-selector-title {
		margin:0;
		padding:3px !important;
		font-size: 14px !important;
		height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 800 !important;
	}
	
	body[theme="basic"] .terms .label {
		color: white;
	}
	
	body[theme="basic"] #paymentMethod label + div.payment_method_term {
		color: white;
		background: black;
	}

}

@media (max-width: 400px) {
	
	body[theme="basic"] footer .user-img {
		display:none;
	}
	
	body[theme="basic"] .menuItem.list-group-item .menuItemSeparator {
		flex-grow: 0 !important;
	}
	
}

@media (max-width: 366px) {
	body[theme="basic"] footer .my-name {
		display:none;
	}
}

@-webkit-keyframes flashtext {50% {color: black}}
@-moz-keyframes flashtext {50% {color: black}}
@-ms-keyframes flashtext {50% {color: black}}
@keyframes flashtext {50% {color: black}}

body[theme="basic"] .user-points {
	color: yellow;
	font-size: 11px;
	display: flex;
    justify-content: center;
    align-items: center;
}

body[theme="basic"] .add-to-cart button.icon-star {
	background-color: yellow;
	color: black;
	border: 1px solid var(--color);
}


body.noordering[theme="basic"] > #menu #views #tab2.nav {
	display: none !important;
}

.week .icon-printer {
	position: absolute;
	right: 2rem;
	top: 0;
}

.icon-18:before {
	content: url(../img/18.svg);
}