html,
body {
height:100%;
background-color:rgba(255,255,255,1);
direction:ltr;
}

body {
padding:70px 0;
-webkit-font-smoothing:antialiased;
}

a,
a:focus {
outline:none !important;
}


.table {
word-break:break-all;
}

.navbar-brand {
font-size:150% !important;
margin-top:7px !important;
font-family:'Syncopate', sans-serif !important;
font-weight:700;
}

.modal-lg {
width:94%;
height:auto;
padding:0;
}

.modal-body {
padding:0;
}

#Menu {
display:block;
}

.table-responsive {
overflow-y:auto;
}

#loading {
z-index:9999;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:50% 50%;
background-color:rgba(29,29,29,1);
background-size:cover;
background-image:url('../gfx/loading.gif');
-webkit-backface-visibility:hidden;
position:absolute;
top:0;
left:0;
display:block;
}

#appVersion,
#deviceToken,
#deviceType,
#Places,
#Locations,
#Settings,
#Checkout,
#Share,
#HistoryTable {
display:none;
}

#Places {
padding:0 0 30px 0;
}

#delivery_info,
#history {
padding:15px;
}

/*#sorry_closed {
background:url('../gfx/waves.png') center repeat;
width:100%;
height:100%;
cursor:not-allowed;
z-index:9999;
position:fixed;
top:0;
left:0;
display:none;
}

#sorry_closed_banner {
background-repeat:no-repeat;
background-image:url('../gfx/sprites.png');
background-position:-32px -132px;
border-radius:15px;
width:335px;
height:500px;
cursor:not-allowed;
display:block;
position:fixed;
top:15px;
left:50%;
margin-left:-165px;
box-shadow:0 0 10px rgba(0,0,0,1);
}

.sorry_closed_row {
position:relative;
top:292px;
left:186px;
width:150px;
height:25px;
font-weight:bold;
margin-bottom:2px;
}

.sorry_closed_cell_left {
display:inline-block;
margin-right:40px;
}

.sorry_closed_cell_right {
display:inline-block;
}*/

#sq_checkout_ok,
#credit_checkout_ok,
#sim_checkout_ok {
width:300px;
height:44px;
cursor:pointer;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
background-image:url('../gfx/sprites.png');
}

#sq_checkout_ok {
background-position:-260px 0;
display:block;
}

#credit_checkout_ok {
background-position:-260px -132px;
display:none;
}

#sim_checkout_ok {
background-position:-260px -88px;
display:block;
margin-top:10px;
}

.no-gutter {
margin-top:-20px;
}

.no-gutter-sm {
margin-top:-10px;
}

.extra-gutter-bottom {
margin-bottom:70px;
}

.setWidth {
max-width:100px;
}

.concat div {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:inherit;
}

.col-xs-12 {
margin:0;
padding:0;
}

.nav-tabs > li,
.nav-pills > li {
float:none;
display:inline-block;
}

.nav-tabs {
text-align:center;
}

.btn-black {
color:rgba(255,255,255,1);
background-color:rgba(0,0,0,1);
}

.notAvailablePlace {
width:100%;
background-size:cover;
background-position:center;
background-color:rgba(0,0,0,0.8);
background-image:url('../gfx/pixel.gif');
background-repeat:no-repeat;
position:absolute;
top:0;
overflow:hidden;
z-index:10;
text-align:center;
color:rgba(255,255,255,1);
font-size:1.2em;
}

.notAvailablePlace div {
opacity:0.5;
font-size:1.8em;
}

.item_photo {
width:100%;
background-size:cover;
background-position:center;
background-color:rgba(255,255,255,1);
background-image:url('../gfx/pixel.gif');
background-repeat:no-repeat;
position:relative;
overflow:hidden;
}

.item_photo_shadow {
box-shadow:inset 0px 10px 15px 0px rgba(0,0,0,0.5);
}

.item_text_bar {
background-color:rgba(255,255,255,0.3);
height:30%;
width:100%;
position:absolute;
top:35%;
z-index:2;
}

.item_text {
-webkit-text-stroke:1px black;
color:rgba(255,255,255,1);
text-shadow:0 0 10px rgba(0,0,0,1),-1px -1px 0 rgba(0,0,0,1),1px -1px 0 rgba(0,0,0,1),-1px 1px 0 rgba(0,0,0,1),1px 1px 0 rgba(0,0,0,1);
font-weight:bold;
font-size:3.7em;
position:relative;
top: 15%;
text-align:center;
visibility:hidden;
}

.item_place {
position:absolute;
top:50%;
margin-top:-50px;
left:5px;
width:100px;
height:100px;
display:block;
box-shadow:0 0 10px rgba(0,0,0,1);
border-radius:50px;
background-size:cover;
background-position:center;
background-color:rgba(255,255,255,1);
background-image:url('../gfx/pixel.gif');
overflow:hidden;
cursor:pointer;
z-index:3;
}

.plus_item_button,
.qty_item,
.minus_item_button {
position:absolute;
margin-top:-25px;
right:10px;;
width:50px;
height:50px;
display:block;
box-shadow:0 0 10px rgba(0,0,0,1);
border-radius:25px;
background-color: rgba(248,248,248,0.8);
overflow:hidden;
z-index:3;
}

.plus_item_button,
.minus_item_button {
top:30%;
font-size:150%;
cursor:pointer;
transform:rotate(-90deg);
}

.qty_item {
top:50%;
}

.minus_item_button {
top:70%;
}

.plus_item_button h1,
.qty_item h2,
.minus_item_button h1 {
color:rgba(119,119,119,1);
font-size:2em;
line-height:50px;
text-align:center;
}

.plus_item_button h1,
.minus_item_button h1 {
margin:-2px 0 0 0;
}

.qty_item h2 {
margin:0;
}

#total_in_footer {
float:none;
text-align:center;
cursor:pointer;
}

#store_itemids {
display:none;
}

#Locations {
width:100%;
height:100%;
overflow:hidden;
background-size:cover;
padding:0 !important;
margin:0 !important;
position:absolute;
top:50px;
}

#Settings,
#Checkout,
#Share {
margin-top:10px;
}

.infobox {
display:block;
padding:2px;
border-radius:20px;
background:rgba(249,237,190,1);
color:rgba(34,34,34,1);
border:rgba(240,195,109,1) 1px solid;
box-shadow:0 8px 6px -6px rgba(0,0,0,1);
opacity:1;
overflow:hidden;
}
.infobox_left_button {
display:block;
border:rgba(240,195,109,1) 1px solid;
margin-right:5px;
border-radius:18px;
width:36px;
height:36px;
overflow:hidden;
box-shadow:0px 0px 7px 2px rgba(0,0,0,0.6);
opacity:1;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.infobox_centerpiece {
display:block;
height:36px;
line-height:10px;
width:112px !important;
font-size:0.7em;
font-weight:bold;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.infobox_right_button {
cursor:pointer;
display:block;
background:rgba(255,255,255,1);
border:rgba(240,195,109,1) 1px solid;
margin-left:5px;
border-radius:18px;
width:36px;
height:36px;
overflow:hidden;
box-shadow:0px 0px 7px 2px rgba(0,0,0,0.6);
opacity:1;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.share-buttons{
list-style:none;
margin:0 !important;
padding:0 !important;
}

.share-buttons li{
width:32px;
height:32px;
overflow:hidden;
cursor:pointer;
display:inline-block;
background-repeat:no-repeat;
background-image:url('../gfx/sprites.png');
margin:0 5%;
}

.manualLocation {
cursor:pointer;
}

.swiper {
cursor:pointer;
}
.swiper:hover {
background-color:rgba(54,54,54,1);
color:rgba(224,224,224,1);
}

.optional {}

.redColor {
color:rgba(255,0,0,1);
}

.warningModalz {
background-color:rgba(255,229,229,1);
}

.successModalz {
background-color:rgba(218,255,218,1);
}

.txtCenterPadding15 {
text-align:center;
padding:15px;
}

.txtCenterPadding20 {
text-align:center;
padding:20px;
}

.md1 {
height:3px;
}

.md2 {
height:51px;
}

.md3 {
background-position:0 0;
}

.md4 {
background-position:0 -32px;
}

.md5 {
background-position:0 -64px;
}

.md6 {
background-position:0 -96px;
}

.md7 {
background-position:0 -128px;
}

.md8 {
background-position:0 -160px;
}

.mdlIconsBasic,
.mdlIconsBasicSmall {
font-family:'Material Icons' !important;
font-size:24px !important;
-webkit-font-smoothing:antialiased;
}

.mdlIconsBasicSmall {
font-size:13px !important;
}

.gradText {
font-weight:bold;
background:linear-gradient(0deg,#e05252 0%,#99e052 25%,#52e0e0 50%,#9952e0 75%,#e05252 100%) repeat 0 0;
background-size:100% 100px;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:stripes 10s linear infinite;
}

@keyframes stripes {100% {background-position:0 -100px;}}

#updateRequired {
z-index:8888;
width:100%;
height:100%;
padding-top:20%;
display:block;
box-sizing:border-box;
background-color:rgba(0,0,0,0.85);
border:rgba(0,0,0,0) 1px solid;
position:fixed;
top:0;
left:0;
text-align:center;
zoom:1;
white-space:nowrap;
color:rgba(255,255,255,1);
font-size:150%;
font-family:Roboto, Verdana, sans-serif;
overflow:hidden;
cursor:pointer;
transition:all 0.7s ease-in;
}

#updateRequired div:nth-child(2) {
opacity:0.75;
}

#updateRequired div > i {
vertical-align:middle;
font-size:50px !important;
animation:blink 0.4s cubic-bezier(0.68,-0.55,0.265,1.55) infinite;
}

@keyframes blink {from { opacity:1; } to { opacity:0; }}

@media only screen and (max-width: 320px) {
.optional {
font-size:8px;
}
.share-buttons li {
margin:0 1%;
}
#Settings,
#Checkout,
#Share {
margin-top:0;
}
.navbar-brand {
font-size:140% !important;
margin-top:5px !important;
}
#sorry_closed_banner {
background-repeat:no-repeat;
background-image:url('../gfx/sprites.png');
background-position:-367px -132px;
border-radius:7px;
width:230px;
height:343px;
top:5%;
left:50%;
margin-left:-115px;
}
.sorry_closed_row {
top:199px;
left:123px;
width:100px;
height:25px;
margin-bottom:-1px;
}
.sorry_closed_cell_left {
margin-right:34px;
}
.sorry_closed_cell_right {
display:inline-block;
}
#sq_checkout_ok,
#credit_checkout_ok,
#sim_checkout_ok {
width:228px;
height:44px;
}
#sq_checkout_ok {
background-position:-32px 0;
}
#credit_checkout_ok {
background-position:-32px -132px;
}
#sim_checkout_ok {
background-position:-32px -88px;
}
.item_text {
font-size:1.2em;
top: -20%;
}
.item_place {
margin-top:-20px;
left:2px;
width:36px;
height:36px;
border-radius:18px;
}
.plus_item_button,
.qty_item,
.minus_item_button {
margin-top:-13px;
right:5px;
width:25px;
height:25px;
}
.plus_item_button h1,
.qty_item h2,
.minus_item_button h1 {
font-size:1.3em;
margin:0;
line-height:25px;
}
.plus_item_button {
top:30%;
}
.minus_item_button {
top:70%;
}
}