@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
/* ===== BASE ===== */
/*
 * HTML5 Boilerplate & stuff
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */ 
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
/* "fix" the box model: http://paulirish.com/2012/box-sizing-border-box-ftw */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  outline:none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  min-height:540px;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select:none;
  user-select:none;
}

/* =============================================================================
   Links
   ========================================================================== */
a:focus {
  outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  vertical-align: middle;
}




/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  margin: 0;
  vertical-align: baseline;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
  line-height: normal;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  /*-webkit-appearance: button; */
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] {
  cursor: default;
}

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

/* GLOBAL VARIABLES */
.scroll {
  background: red !important;
}

/*  TODO

*/
/*  =============================
  GENERAL
  =============================  */
#__gwt_historyFrame {
  display: none;
}

body {
  margin: 0;
  background: #f7f7f7;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  font-size: 1.0em;
}

::selection {
  background: #424b8f;
  color: #ffffff;
  text-shadow: none;
}

/*  ===============
  HEADER
  =============== */
#logotype {
  background-color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #373737));
  background-image: -webkit-linear-gradient(top, #444444, #373737);
  background-image: -moz-linear-gradient(top, #444444, #373737);
  background-image: -ms-linear-gradient(top, #444444, #373737);
  background-image: -o-linear-gradient(top, #444444, #373737);
  background-image: linear-gradient(top, #444444, #373737);
  border-bottom: 2px solid #c45b31;
  height: 60px;
  text-align: center;
  position: fixed;
  height: 60px;
  width: 100%;
  top: 0;
  z-index: 999999;
}
#logotype img {
  height: 58px;
}

#logotype .i {
  left: 5px;
  top: 5px;
  width: 30px;
  height: 30px;
  float: left;
  cursor: pointer;
  position:absolute;
}


.restaurants #navBar {
  background: #373737;
  border-bottom: none;
  top: 60px;
  height: 60px;
  position: absolute;
  z-index: 0;
  width: 100%;
}


.Family.imageButtonFolder.Family-Image{
  width:40%!important;
  margin-left:5%;
  margin-right:5%;

  margin-bottom: 50px;
  margin-top: 50px;
}

.MenuLevel-l2 .Family .gwt-Label-title{
  background-color:black;
  bottom:0;
  top:initial;
} 

.Family-Opened.imageButtonFolder .gwt-Label-title,.Family-Container-Opened .Family.Enterprise .gwt-Label-title{
  background-color:initial;
  bottom:initial;
}


.restaurant .gwt-Label, .menuItem .gwt-Label, .menuItem span{
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
}

.restaurants #navBar .gwt-HTML {
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
  -o-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
  text-shadow: 0 1px 1px #222;
  float: left;
  width: 49%;
  height: 45px;
  color: #ccc;
  margin-top: 7px;
  padding-top: 10px;
  color: #eee;
  text-align: center;
  font-size: 90%;
}
.restaurants #navBar .gwt-HTML:first-child {
  margin-left: 1%;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
  -o-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}
.restaurants #navBar .gwt-HTML-listNotSelected {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 1px solid #222;
  background: #333;
  background-color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(top, #444444, #333333);
  background-image: -moz-linear-gradient(top, #444444, #333333);
  background-image: -ms-linear-gradient(top, #444444, #333333);
  background-image: -o-linear-gradient(top, #444444, #333333);
  background-image: linear-gradient(top, #444444, #333333);
  -webkit-box-shadow: inset 0 0 12px -2px #222222;
  -moz-box-shadow: inset 0 0 12px -2px #222222;
  -ms-box-shadow: inset 0 0 12px -2px #222222;
  -o-box-shadow: inset 0 0 12px -2px #222222;
  box-shadow: inset 0 0 12px -2px #222222;
}
.restaurants #navBar .gwt-HTML-mapSelected,
.restaurants #navBar .gwt-HTML-listSelected {
  -webkit-box-shadow: inset 0 0 25px 0px #222222;
  -moz-box-shadow: inset 0 0 25px 0px #222222;
  -ms-box-shadow: inset 0 0 25px 0px #222222;
  -o-box-shadow: inset 0 0 25px 0px #222222;
  box-shadow: inset 0 0 25px 0px #222222;
  border: 1px solid #222;
}
.restaurants #navBar .gwt-HTML-listSelected {
  background: #333;
}
.restaurants #navBar .gwt-HTML-mapNotSelected {
  border: 1px solid #222;
  background: #333;
  background-color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(top, #444444, #333333);
  background-image: -moz-linear-gradient(top, #444444, #333333);
  background-image: -ms-linear-gradient(top, #444444, #333333);
  background-image: -o-linear-gradient(top, #444444, #333333);
  background-image: linear-gradient(top, #444444, #333333);
  -webkit-box-shadow: inset 0 0 12px -2px #222222;
  -moz-box-shadow: inset 0 0 12px -2px #222222;
  -ms-box-shadow: inset 0 0 12px -2px #222222;
  -o-box-shadow: inset 0 0 12px -2px #222222;
  box-shadow: inset 0 0 12px -2px #222222;
}
.restaurants #navBar .gwt-HTML-listNotSelected.gwt-HTML-mapSelected {
  background: #333;
}

/* ===== NAVBAR ===== */
.map {
  position: absolute;
  top: 120px;
}

#content {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  -webkit-overflow-scrolling: touch;
}

.SimplePanelScroll #content {
  position: relative;
  top: 0px;
  left: 0;
  right: 0;
  -webkit-overflow-scrolling: touch;
  width:100% !important;
    margin-bottom: 150px;
}


.chooseTable #navBar,
.menu #navBar {
  background-color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #373737));
  background-image: -webkit-linear-gradient(top, #444444, #373737);
  background-image: -moz-linear-gradient(top, #444444, #373737);
  background-image: -ms-linear-gradient(top, #444444, #373737);
  background-image: -o-linear-gradient(top, #444444, #373737);
  background-image: linear-gradient(top, #444444, #373737);
  color: #fff;
  border-bottom: 2px solid #c45b31;
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999999;
}
.chooseTable #navBar button, .restaurants #logotype .gwt-Image-back,
.menu #navBar button {
  font-size: 0.95em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  font-weight: 400;
  text-shadow: 0 0 1px #222;
  border: none;
  background: transparent;
  color: #ccc;
}
.chooseTable #navBar .option,
.menu #navBar .option {
  float: right;
}


.restaurants #logotype .option, .chooseTable #navBar .option {
    position: absolute;
  top: 0px;
  right: 0px;
}

.chooseTable #navBar .gwt-Image-back,
.chooseTable #navBar .gwt-Image,
.menu #navBar .gwt-Image-back, .restaurants #logotype .gwt-Image-options, .restaurants #logotype .gwt-Image-back,
.menu #navBar .gwt-Image {
  margin: 5px;
  border: 1px solid #333;
  height: 48px;
  padding-left: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #4d4d4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #2f2f2f));
  background-image: -webkit-linear-gradient(top, #4d4d4d, #2f2f2f);
  background-image: -moz-linear-gradient(top, #4d4d4d, #2f2f2f);
  background-image: -ms-linear-gradient(top, #4d4d4d, #2f2f2f);
  background-image: -o-linear-gradient(top, #4d4d4d, #2f2f2f);
  background-image: linear-gradient(top, #4d4d4d, #2f2f2f);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#4d4d4d", endColorStr="#2f2f2f");
  border: 1px solid #666;
  float:left;
}

.chooseTable #navBar .gwt-Image-forward,
.menu #navBar .gwt-Image-forward, .restaurants #logotype .gwt-Image-forward {
  padding-right: 10px;
  padding-left:10px;
  margin-right:17px;
}

.chooseTable #navBar .gwt-Image .gwt-HTML,
.menu #navBar .gwt-Image .gwt-HTML,
.restaurants #logotype .gwt-Image-options .gwt-HTML{
  width: 46px;
  height: 46px;
  background-size: 46px 46px;
}

.svg .gwt-Image-options-options{
  background-image:url(SvgLoader/options.f3f3f300.f3f3f3ff.f3f3f3ff.svg);
}

.no-svg .gwt-Image-options-options{
  background-image: url(Pictures/icons/opcoes.png);
}

.svg .gwt-Image-order-notenabled{
  background-image:url(SvgLoader/order.f3f3f300.f3f3f3ff.f3f3f3ff.svg);
}

.no-svg .gwt-Image-order-notenabled{
  background-image: url(Pictures/icons/pedido_b.png);
}

.svg .gwt-Image-order-enabled{
  background-image:url(SvgLoader/order.f3f3f300.f6a20aff.7db900ff.svg);
}

.no-svg .gwt-Image-order-enabled{
  background-image: url(Pictures/icons/pedido.png);
}

.chooseTable #navBar .gwt-Image-back:active,
.restaurants #logotype .gwt-Image-options:active,
.chooseTable #navBar .gwt-Image:active,
.menu #navBar .gwt-Image-back:active, .restaurants #logotype .gwt-Image-back:active,
.menu #navBar .gwt-Image:active {

  color:#424b8e;

}
.chooseTable #navBar .gwt-Image-back, .restaurants #logotype .gwt-Image-back,
.menu #navBar .gwt-Image-back {
  float: left;
  padding: 0 10px 0 8px;
  margin-left: 17px;
  max-width: 55%;
  min-width: 15%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;  
}

.chooseTable #navBar .gwt-Image-back:before, .restaurants #logotype .gwt-Image-back:before,
.menu #navBar .gwt-Image-back:before {
  content: " ";
  height: 48px;
  width: 26px;
  position: absolute;
  top: 5px;
  left: -3px;
  background: transparent;
  background-size: auto 48px;
}

.svg .chooseTable #navBar .gwt-Image-back:before, .svg .restaurants #logotype .gwt-Image-back:before,
.svg .menu #navBar .gwt-Image-back:before {
  background-image: url("SvgLoader/back_btn.666666ff.4d4d4dff.2f2f2fff.svg");
}

.no-svg .chooseTable #navBar .gwt-Image-back:before, .no-svg .restaurants #logotype .gwt-Image-back:before,
.no-svg .menu #navBar .gwt-Image-back:before {
  background-image: url("Pictures/icons/back-bg.png");
  margin-left: 1px;
}


.chooseTable #navBar .gwt-Image-forward:after, .restaurants #logotype .gwt-Image-forward:after,
.menu #navBar .gwt-Image-forward:after {
  content: " ";
  height: 48px;
  width: 28px;
  position: absolute;
  top: 5px;
  right: 1px;
  background: transparent;
  background-size: auto 48px;
}

.svg .chooseTable #navBar .gwt-Image-forward:after, .svg .restaurants #logotype .gwt-Image-forward:after,
.svg .menu #navBar .gwt-Image-forward:after {
    background-image: url("SvgLoader/forward_btn.666666ff.4d4d4dff.2f2f2fff.svg");
}

.no-svg .chooseTable #navBar .gwt-Image-forward:after, .no-svg .restaurants #logotype .gwt-Image-forward:after,
.no-svg .menu #navBar .gwt-Image-forward:after {
    background-image: url("Pictures/icons/fwd-bg.png");
    margin-right: -4px;
}

.svg .chooseTable #navBar .gwt-Image-back:active:before, .svg .restaurants #logotype .gwt-Image-back:active:before,
.svg .menu #navBar .gwt-Image-back:active:before {
  /* background-image: url("SvgLoader/back_btn.666666ff.333333ff.222222ff.svg"); */
}

.no-svg .chooseTable #navBar .gwt-Image-back:active:before, .no-svg .restaurants #logotype .gwt-Image-back:active:before,
.no-svg .menu #navBar .gwt-Image-back:active:before {
  background-image: url("Pictures/icons/back-bg-active.png");
}

.svg .chooseTable #navBar .gwt-Image-forward:active:after, .svg .restaurants #logotype .gwt-Image-forward:active:after,
.svg .menu #navBar .gwt-Image-forward:active:after {
  background-image: url("SvgLoader/forward_btn.666666ff.333333ff.222222ff.svg");
}

.no-svg .chooseTable #navBar .gwt-Image-forward:active:after, .no-svg .restaurants #logotype .gwt-Image-forward:active:after,
.no-svg .menu #navBar .gwt-Image-forward:active:after {
  background-image: url("Pictures/icons/fwd-bg-active.png");
}

.chooseTable #navBar .gwt-Image-cancel,
.menu #navBar .gwt-Image-cancel {
  padding-left: 10px;
  margin-left: 10px;
}
.chooseTable #navBar .gwt-Image-cancel:before,
.chooseTable #navBar .gwt-Image-cancel:after,
.menu #navBar .gwt-Image-cancel:before,
.menu #navBar .gwt-Image-cancel:after {
  display: none;
}

/*  ===========================
  RESTAURANT
  =========================== */
.restaurantList#content {
  position: absolute;
  top: 120px;
}

.restaurant {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 1px 0 #444444;
  -moz-box-shadow: 0 0 1px 0 #444444;
  -ms-box-shadow: 0 0 1px 0 #444444;
  -o-box-shadow: 0 0 1px 0 #444444;
  box-shadow: 0 0 1px 0 #444444;
  position: relative;
  margin: 2px;
  background-size: auto 100%;
  float: left;
  outline:none;
}
.restaurant:nth-child(odd) {
  margin-right: 0;
}
.restaurant > div {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.restaurant > div .verticalPanelList {                
/*  
// POLOROID
background: #fff;
  position: absolute;
  padding: 6px 4px;
  font-size: 0.9em;
  bottom: 0;
  width: 100%;
 */  
  position: absolute;
  padding: 6px 4px;
  font-size: 0.9em;
  bottom: 0;
  width: 100%;

  text-shadow: 1px 1px 2px #333;
  font-weight: 700;
  font-size: 0.9em;
  color: #fff;     
  
  
}
.restaurant > div .gwt-Label-distance {
  text-shadow: 1px 1px 2px #333;
  position: absolute;
  top: 6px;
  left: 6px;
  font-weight: 700;
  font-size: 0.8em;
  color: #fff;
}
.restaurant .landscape {
  height: 100%;
  width: 100%;
}
.restaurant .portrait {
  height: 100%;
  width: 100%;
}

.imageButtonFolder_landscape {
  width: 100%;
}
.imageButtonFolder_portrait {
  width: 100%;
}

.ComplexThumbnail{
  width: 54px !important; 
  height: 54px !important;
  float: left;
  margin-top: -3px;
  margin-right: 10px;
}

.restaurant:active {
  background: #c45b31;
}
.restaurant:active img, .restaurant:active .gwt-Label-distance {
  opacity: 0;
}
.restaurant:active .verticalPanelList {
  background: transparent;
  color: #fff;
}

/*  ===========================
  TABLES
  =========================== */
.chooseTable #title {
  padding: 6px 2%;
  border-bottom: 1px solid #666;
  color: #888;
  background: #e1e1e1;
  position: absolute;
  top: 60px;
  width: 100%;
  z-index:1000;
}

 .title_with_thumbnail {
  padding-left: 3px !important;
  min-height:61px;
}

.chooseTable #title .gwt-HTML:first-child + .gwt-HTML {
  color: #6f6f6f;
}

#content.tablesList {
  top: 122px;
}

.tablesList {
  margin: 1%;
}
.tablesList .table {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 0 1px #cccccc;
  -moz-box-shadow: inset 0 0 0 1px #cccccc;
  -ms-box-shadow: inset 0 0 0 1px #cccccc;
  -o-box-shadow: inset 0 0 0 1px #cccccc;
  box-shadow: inset 0 0 0 1px #cccccc;
  background: #eee;
  float: left;
  width: 25%;
  height: 79px;
  border: 2px solid #f7f7f7;
  outline:none;
}
.tablesList .table input {
  display: none;
}
.tablesList .table:active {
  background: #c45b31;
}
.tablesList .table:active .gwt-HTML {
  color: #fff;
}
.tablesList .table .gwt-HTML {
  color: #c45b31;
  padding: 5px;
  text-align: center;
  margin-top: 22px;
  font-size: 20px;
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
}

/*  ===========================
  MENU
  =========================== */
.menu {
  width: 100%;
}
.menu .simplePanelMenu {
  top: 60px;
}
.menu .simplePanelMenu .menuItem, .menu .simplePanelMenu .imageButton {
  -webkit-box-shadow: 0 0 1px #888888;
  -moz-box-shadow: 0 0 1px #888888;
  -ms-box-shadow: 0 0 1px #888888;
  -o-box-shadow: 0 0 1px #888888;
  box-shadow: 0 0 1px #888888;
  position: relative;
  width: 160px;
  height: auto;
  float: left;
  overflow: hidden;
  height: 160px;
  /* margin: 2px; */
  outline:none;
}


.menu .simplePanelMenu .menuItem .landscape, .menu .simplePanelMenu .imageButton .landscape {
  height: 100%;
  width: auto;
}
.menu .simplePanelMenu .menuItem .portrait, .menu .simplePanelMenu .imageButton .portrait {
  width: 100%;
  height: auto;
}
.menu .simplePanelMenu .menuItem .noimage, .menu .simplePanelMenu .imageButton .noimage {
  display: none;
}
.menu .simplePanelMenu .menuItem .titlePrice .gwt-Label-title, .menu .simplePanelMenu .imageButton .titlePrice .gwt-Label-title {   
/*   
// POLOROID
  padding-right: 6px 4px;
  background: #fff;
  position: absolute;
  bottom: 0;
  padding: 4px;
  width: 100%;
  font-size: 0.9em;
 */padding-right: 6px 4px;position: absolute;bottom: 0;padding: 4px;width: 100%;text-shadow: 1px 1px 2px #333;font-weight: 700;font-size: 0.9em;color: #fff;}

.family-title{
  position: absolute;
  top: 0px;
  width: initial;
  left:0px;
}

.CultureChooser .family-title{
  width:100%;
  font-size:30px;
}

.plu{
  display:none!important;
}

.Family.PRECO div .gwt-Label.plu{
  height: 80px;
  width: 80px;
  position: absolute;
  top: 32px;
  right: 2px;
  background-color: #403f3f;
  border-radius: 50px;
  display: block!important;
  color: #34afd7;
}


.menu .simplePanelMenu .menuItem .titlePrice .price, .menu .simplePanelMenu .imageButton .titlePrice .price, .family_price {
  text-shadow: 1px 1px 2px #333;
  position: absolute;
  top: 11px;
  left: 6px;
  font-weight: 700;
  font-size: 0.8em;
  color: #fff;
}

.info{
    position: absolute;
    top: 6px;
    left: 6px;
    width: 33px;
    height: 33px;
}

.menu .simplePanelMenu .menuItem .labelQty, .menu .simplePanelMenu .imageButton .labelQty {
  position: absolute;
  top: 6px;
  right: 5px;
  background: #c45b31;
  padding: 5px 10px;
  border-radius: 2px;
  color: #fff;
  float: right;
  font-size: 0.8em;
  font-weight: 700;
}

.itemCheck {
  position: absolute;
  top: 40px;
  right: 10px;
  float: right;
  width:40px;
  height:40px;
}

.gwt-HTML.descriptionBox{
  /* margin-top:31px; */
  /* margin-left: 5px; */
}

.svg .itemCheck_unchecked{
  background-image: url(SvgLoader/check_dot.ffffffff.666666ff.44444400.svg);
}

.no-svg .itemCheck_unchecked{
  background-image: url(Pictures/icons/uncheck_w.png);
}

.svg .itemCheck_checked{
  background-image: url(SvgLoader/check_check.ffffffff.666666ff.444444ff.svg);
}

.no-svg .itemCheck_checked{
  background-image: url(Pictures/icons/check_w.png);
}

.menu .simplePanelMenu .menuItem:active img, .menu .simplePanelMenu .imageButton:active img {

}

.menu .simplePanelMenu .menuItem:active .gwt-Label-title, .menu .simplePanelMenu .imageButton:active .gwt-Label-title {
  color: #fff;
  background: transparent;
}

.menu .simplePanelMenu .imageButton {
  color: #fff;
  text-shadow: 1px 1px 2px #333;
}

.imageButton .descriptionBox{
  text-shadow:none;
  text-align:left;
}
.menu .simplePanelMenu .imageButton:active {
  /* background: #c45b31; */
  /* color: #fff; */
  /* text-shadow: none; */
}
.menu .simplePanelMenu .imageButton > div {
  display: table;
  /* vertical-align: middle; */
  text-align: center;
  height: 100%;
  /* align-items: center; */
  /* justify-content: center; */
  width: 100%;
}

.menu .simplePanelMenu .imageButton div {
  /* display: block; */
}


/*  =================
  PRODUCT PAGE
  ================= */
.confirmWindow {
  margin: 4%;
}

.Item-PLU-PARCEIRO .gwt-Label{
  left:0px!important;
  width:50%;
}

@media screen and (min-width: 768px) {
.confirmWindow .gwt-Label:nth-child(4)
{
  position: absolute;
  left: 55%;
  top: 70px;
  /* width: 50%; */
  color: black!important;
  font-weight: 700;
 }
}

.confirmWindow > .gwt-Label_noProd {
  margin-top:20px;
}

.confirmWindow > span {
  color: #c45b31;
  padding-left: 5px;
  font-weight: 700;
  display: inline;
}
.confirmWindow .product {
  -webkit-box-shadow: 0 2px 4px 0px #999999;
  -moz-box-shadow: 0 2px 4px 0px #999999;
  -ms-box-shadow: 0 2px 4px 0px #999999;
  -o-box-shadow: 0 2px 4px 0px #999999;
  box-shadow: 0 2px 4px 0px #999999;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 10px;
  background: #fff;
  width: 100%;
}
.confirmWindow .product .gwt-Image {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  width: 100%;
  height: auto;
}
.confirmWindow  .noimage {
  display: none;
}

.confirmWindow .product .image {

}

.confirmWindow .product .buttonsQt {
  margin-top: 10px;
  text-align: right;
}

.confirmWindow .product .buttonsQt .gwt-Button {
  -webkit-box-shadow: 0 0 1px 1px #bbbbbb;
  -moz-box-shadow: 0 0 1px 1px #bbbbbb;
  -ms-box-shadow: 0 0 1px 1px #bbbbbb;
  -o-box-shadow: 0 0 1px 1px #bbbbbb;
  box-shadow: 0 0 1px 1px #bbbbbb;
  background: #fff;
  font-size: 1em;
  height: 35px;
  width: 35px;
  padding: 0;
  border: none;
  color: #888;
  display: inline;
}
.confirmWindow .product .buttonsQt .gwt-Button:active {
  background: #c45b31;
  color: #fff;
}
.confirmWindow .product .buttonsQt .price {
  width: 40px;
  display: inline-block;
  text-align: center;
  color: #c45b31;
}
.confirmWindow > .gwt-Label:first-child + .gwt-Label + .gwt-Label + .gwt-Label{
  font-size: 0.9em;
  color: #666;
  margin-top: 10px;
}
.confirmWindow .modifierWindow,
.modifierWindow.ItemConfirmation_Opened {
  clear: both;
  /* margin-top: 10px; */
  /* margin-bottom: 20px; */
}
.confirmWindow .modifierWindow .buttonList .gwt-Label-title,
.modifierWindow.ItemConfirmation_Opened .buttonList .gwt-Label-title{
  border-bottom: 1px solid #333;
  color: #c45b31;
  padding:5px;
}
.confirmWindow .modifierWindow .buttonList .focusPanel,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel {
  min-height: 52px;
  color: #666;
  font-size: 0.9em;
  /* border-bottom: 1px solid #ddd; */
  outline:none;
  overflow: auto;
}



.confirmWindow .modifierWindow .buttonList .focusPanel:last-child,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:last-child {
  border: none;
}
.confirmWindow .modifierWindow .buttonList .focusPanel .gwt-Label,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .gwt-Label {
  float: left;
  margin-top: 15px;
  text-transform: capitalize;
  max-width: 80%;
  /* white-space: nowrap; */
  text-overflow: clip;
  overflow: hidden;
  margin-left:5px;
}

.confirmWindow .modifierWindow .buttonList .focusPanel.has_Price .gwt-Label,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel.has_Price .gwt-Label {
  float: left;
  margin-top: 15px;
  text-transform: capitalize;
  max-width: 55%;
  /* white-space: nowrap; */
  text-overflow: clip;
  overflow: hidden;
  margin-left:5px;
}

.confirmWindow .modifierWindow .buttonList .focusPanel .price,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .price{
  margin: 15px 0 0 5px;
  display: inline-block;
  color: #ac664a;
  float:right;
  right: 65px;
}
.confirmWindow .modifierWindow .buttonList .focusPanel .checkButton,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .checkButton {
  float: right;
  height: 32px;
  width: 32px;
  margin-left: 10px;
  margin-top: 10px;
  background-size: auto 32px;
}

.svg .Modifier_unchecked{
  background-image: url(SvgLoader/check_dot.ffffff00.666666ff.44444400.svg);
}

.no-svg .Modifier_unchecked{
  background-image: url(Pictures/icons/uncheck.png);
}

.svg .Modifier_checked{
  background-image: url(SvgLoader/check_check.ffffff00.666666ff.444444ff.svg);
}

.no-svg .Modifier_checked{
  background-image: url(Pictures/icons/check.png);
}

.svg .Modifier_dotted{
  background-image: url(SvgLoader/check_dot.ffffff00.666666ff.444444ff.svg);
}

.no-svg .Modifier_dotted{
  background-image: url(Pictures/icons/selected.png);
}

.confirmWindow .modifierWindow .gwt-Button,
.modifierWindow.ItemConfirmation_Opened .gwt-Button{
  margin-top: 10px;
  width: 100%;
}
.confirmWindow .modifierWindow .gwt-Button.gwt-Button-selected,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-selected
 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  background: #c45b31;
  background-color: #c45b31;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c45b31), color-stop(100%, #9b4827));
  background-image: -webkit-linear-gradient(top, #c45b31, #9b4827);
  background-image: -moz-linear-gradient(top, #c45b31, #9b4827);
  background-image: -ms-linear-gradient(top, #c45b31, #9b4827);
  background-image: -o-linear-gradient(top, #c45b31, #9b4827);
  background-image: linear-gradient(top, #c45b31, #9b4827);
  color: #eee;
  font-size: 0.9em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  padding: 10px;
  border: 1px solid #d47854;
}
.confirmWindow .modifierWindow .gwt-Button.gwt-Button-selected:hover,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-selected:hover {
  background: #9b4827;
}
.confirmWindow .modifierWindow .gwt-Button.gwt-Button-selected:active,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-selected:active {
  background: #72351d;
}
.confirmWindow .modifierWindow .gwt-Button.gwt-Button-notSelected,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-notSelected {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  background: #c45b31;
  background-color: #c45b31;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c45b31), color-stop(100%, #9b4827));
  background-image: -webkit-linear-gradient(top, #c45b31, #9b4827);
  background-image: -moz-linear-gradient(top, #c45b31, #9b4827);
  background-image: -ms-linear-gradient(top, #c45b31, #9b4827);
  background-image: -o-linear-gradient(top, #c45b31, #9b4827);
  background-image: linear-gradient(top, #c45b31, #9b4827);
  color: #eee;
  font-size: 0.9em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  padding: 10px;
  border: 1px solid #d47854;
  background-color: #cccccc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #b3b3b3));
  background-image: -webkit-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -moz-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -ms-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -o-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: linear-gradient(top, #cccccc, #b3b3b3);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  width: 100%;
  color: #666;
  border: 1px solid #CCC;
}
.confirmWindow .modifierWindow .gwt-Button.gwt-Button-notSelected:hover,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-notSelected:hover{
  background: #9b4827;
}
.confirmWindow .modifierWindow .gwt-Button.gwt-Button-notSelected:active,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-notSelected:active {
  background: #72351d;
}
.confirmWindow .modifierWindow .gwt-Button.gwt-Button-notSelected:hover,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-notSelected:hover {
  background: #b3b3b3;
}

/*  ===========================
  ORDER
  =========================== */
.simplePanelOrderList .orderList {
  margin-top: 2%;
}
/*.simplePanelOrderList .orderList .orderItem, .overviewPanel .itemList .orderItem {
  border-bottom: 1px solid #ccc;
}*/
.simplePanelOrderList .orderList .orderItem > .focusPanel, .overviewPanel .itemList .orderItem > .focusPanel {
  white-space: nowrap;
  margin: 0 2%;
  padding: 20px 0 5px;
  padding: 12px 0;
  border-bottom: 1px dotted #ccc;
  /* margin-bottom: 10px; */
}

.simplePanelOrderList .orderList .orderItem > .focusPanel:last-child, .overviewPanel .itemList .orderItem > .focusPanel:last-child {
  border-bottom: 2px solid #444;
}

.simplePanelOrderList .orderList .orderItem .gwt-Image-image, .overviewPanel .itemList .orderItem .gwt-Image-image {
  display: none;
}
.simplePanelOrderList .orderList .orderItem .titlePanel, .overviewPanel .itemList .orderItem .titlePanel {
  display: inline-block;
  width: 100%;
  /* padding-bottom: 0px; */
}
.simplePanelOrderList .orderList .orderItem .titlePanel .gwt-Label:first-child + .gwt-Label, .overviewPanel .itemList .orderItem .titlePanel .gwt-Label:first-child + .gwt-Label{
  display: none;
  width: 100%;
  text-overflow: clip;
  overflow: hidden;
  height: 25px;
}
.simplePanelOrderList .orderList .orderItem .titlePanel .gwt-Label-title, .overviewPanel .itemList .orderItem .titlePanel .gwt-Label-title {
  color: #444;
  margin-left: 0;
  text-overflow: clip;
  overflow: hidden;
  display: inline-block;
  max-width: 69%;
}

.simplePanelOrderList .orderList .orderItem .titlePanel .gwt-Label-title{
  max-width: 35%;
}

.simplePanelOrderList .orderList .orderItem .-price, .overviewPanel .itemList .orderItem .-price {
  float: right;
  color: #c45b31;
  position: absolute;
  right: 105px;
}
.simplePanelOrderList .orderList .modifierWindow {
  margin: -1px 2% 0;
  color: #888;
  font-size: 0.85em;
  background: #f2f2f2;
  /*padding: 0 5px 0;*/
  /*border: 1px solid #ccc;*/
}

.overviewModifiers{
  margin: -1px 2% 0;
  color: #888;
  font-size: 0.85em;
  background: #F2F2F2;
  /*padding: 0 5px 0;
  border: 1px solid #CCC;*/
}

.simplePanelOrderList .orderList .modifierWindow .gwt-Label-title, .modifierWindow .overviewModifiers .buttonList .gwt-Label-title{
  border-bottom: 1px solid #ddd;
  color: #c45b31;
  /*margin: 0 -5px 0;*/
  padding: 5px;
  background: #e5e5e5;
}
.simplePanelOrderList .orderList .modifierWindow .horizontalPanel {
  height: 48px;
  margin: 0;
  padding-top: 15px;
  border-bottom: 1px solid #ddd;
  padding-left:5px;
}
.simplePanelOrderList .orderList .modifierWindow .horizontalPanel .gwt-Label {
  /*display: inline;*/
  max-width: 60%;
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
  float:left;
}
.simplePanelOrderList .orderList .modifierWindow .horizontalPanel .price {
  margin: 0 0 0 5px;
  /*display: inline-block;*/
  color: #666666;
  float:right;
}
.simplePanelOrderList .orderList .modifierWindow .horizontalPanel .checkButton {
  height: 32px;
  width: 32px;
  background-size: auto 32px;
  margin-top: -6px;
  top:auto;
  right:auto;
  position:relative;
}
.simplePanelOrderList .orderList .horizontalPanel{
  position: relative;
}

.simplePanelOrderList .orderList .horizontalPanel > div:first-child + div {
  position: absolute;
  float: right;
  right: 0;
  top: -20px;
}

.SBS .simplePanelOrderList .orderList .horizontalPanel > div:first-child + div {
  top: 0;
}

 
.simplePanelOrderList .orderList .horizontalPanel .gwt-Button {
  -webkit-box-shadow: 0 0 1px 1px #bbbbbb;
  -moz-box-shadow: 0 0 1px 1px #bbbbbb;
  -ms-box-shadow: 0 0 1px 1px #bbbbbb;
  -o-box-shadow: 0 0 1px 1px #bbbbbb;
  box-shadow: 0 0 1px 1px #bbbbbb;
  background: #fff;
  font-size: 1em;
  height: 35px;
  width: 35px;
  padding: 0;
  border: none;
  color: #888;
  display: inline;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: none;
  background: #f7f7f7;
  border: 1px solid #ddd;
}
.simplePanelOrderList .orderList .horizontalPanel .gwt-Button:active {
  background: #c45b31;
  color: #fff;
}
.simplePanelOrderList .orderList .horizontalPanel .qty {
  width: 26px;
  display: inline-block;
  text-align: center;
  font-size: 0.8em;
  color: #4ebae3;
}
.simplePanelOrderList .orderList .horizontalPanelTotal {
  margin: 20px 4%;
  float: right;
}
.simplePanelOrderList .orderList .horizontalPanelTotal .gwt-Label-textTotal {
  display: inline;
  color: #666;
}
.simplePanelOrderList .orderList .horizontalPanelTotal .textTotal {
  color: #57bee5;
  font-size: 1.2em;
}
.simplePanelOrderList .orderList .gwt-Button-totalEnabled {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  background: #c45b31;
  background-color: #c45b31;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c45b31), color-stop(100%, #9b4827));
  background-image: -webkit-linear-gradient(top, #c45b31, #9b4827);
  background-image: -moz-linear-gradient(top, #c45b31, #9b4827);
  background-image: -ms-linear-gradient(top, #c45b31, #9b4827);
  background-image: -o-linear-gradient(top, #c45b31, #9b4827);
  background-image: linear-gradient(top, #c45b31, #9b4827);
  color: #eee;
  font-size: 0.9em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  padding: 10px;
  border: 1px solid #d47854;
  margin: 2%;
  width: 96%;
}
.simplePanelOrderList .orderList .gwt-Button-totalEnabled:hover {
  /* background: #9b4827; */
}
.simplePanelOrderList .orderList .gwt-Button-totalEnabled:active {
  background: #72351d;
}

.simplePanelOrderList .orderList .gwt-Button-totalNotEnabled {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  background: #c45b31;
  background-color: #c45b31;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c45b31), color-stop(100%, #9b4827));
  background-image: -webkit-linear-gradient(top, #c45b31, #9b4827);
  background-image: -moz-linear-gradient(top, #c45b31, #9b4827);
  background-image: -ms-linear-gradient(top, #c45b31, #9b4827);
  background-image: -o-linear-gradient(top, #c45b31, #9b4827);
  background-image: linear-gradient(top, #c45b31, #9b4827);
  color: #eee;
  font-size: 0.9em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  padding: 10px;
  border: 1px solid #d47854;
  background-color: #cccccc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #b3b3b3));
  background-image: -webkit-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -moz-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -ms-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -o-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: linear-gradient(top, #cccccc, #b3b3b3);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  /*width: 100%;*/
  color: #666;
  border: 1px solid #CCC;
}
.simplePanelOrderList .orderList .gwt-Button-totalNotEnabled:active {
  background: #72351d;
}
.simplePanelOrderList .orderList .gwt-Button-totalNotEnabled:hover {
  background: #b3b3b3;
}

.goHomeButton{
  margin-top:-7px !important; 
}

/* ===== LOGIN ===== */
.chooseTable .loginManager,
.chooseTable .loginManagerNewUser {
  width: 80%!important;
  left: 0%!important;
  margin: 2% auto;
}
.loginManager .gwt-Label,
.loginManagerNewUser .gwt-Label {
  color: #49b9e3;
  margin-top: 10px;
  margin-bottom: 20px;
}

.loginManager .simpleValue,
.loginManagerNewUser .simpleValue {
  color: #666;
  margin-top: 0px;
}

.loginManager .gwt-Label-session,
.loginManager .gwt-Label-newUser,
.loginManagerNewUser .gwt-Label-session,
.loginManagerNewUser .gwt-Label-newUser {
  border-bottom: 1px solid #ccc;
  text-align: center;
  color: #444;
  text-transform: none;
  margin-bottom: 10px;
}
.loginManager .gwt-TextBox,
.loginManager .gwt-PasswordTextBox,
.loginManagerNewUser .gwt-TextBox,
.loginManagerNewUser .gwt-PasswordTextBox {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  outline: none;
  width: 100%;
  height: 50px;
  border: 1px solid #ccc;
  margin-bottom: 2px;
  font-size: 1em;
}
.loginManager .gwt-TextBox:focus,
.loginManager .gwt-PasswordTextBox:focus,
.loginManagerNewUser .gwt-TextBox:focus,
.loginManagerNewUser .gwt-PasswordTextBox:focus {
  -webkit-box-shadow: 0 0 5px 2px #000000;
  -moz-box-shadow: 0 0 5px 2px #c45b31;
  -ms-box-shadow: 0 0 5px 2px #c45b31;
  -o-box-shadow: 0 0 5px 2px #c45b31;
  box-shadow: 0 0 5px 2px #000000;
}
.loginManager .gwt-Button,
.loginManagerNewUser .gwt-Button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  background: #c45b31;
  background-color: #c45b31;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c45b31), color-stop(100%, #9b4827));
  background-image: -webkit-linear-gradient(top, #c45b31, #9b4827);
  background-image: -moz-linear-gradient(top, #c45b31, #9b4827);
  background-image: -ms-linear-gradient(top, #c45b31, #9b4827);
  background-image: -o-linear-gradient(top, #c45b31, #9b4827);
  background-image: linear-gradient(top, #c45b31, #9b4827);
  color: #eee;
  font-size: 0.9em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  padding: 10px;
  border: 1px solid #d47854;
  width: 100%;
}
.loginManager .gwt-Button:hover,
.loginManagerNewUser .gwt-Button:hover {
  background: #9b4827;
}
.loginManager .gwt-Button:active,
.loginManagerNewUser .gwt-Button:active {
  background: #72351d;
}
.loginManager .gwt-Button-login,
.loginManagerNewUser .gwt-Button-login {
  margin-top: 20px;
  width: 100%;
}
.loginManager .gwt-CheckBox,
.loginManagerNewUser .gwt-CheckBox {
  margin: 10px 0 40px;
  clear: both;
  display: inline-block;
}
.loginManager .gwt-CheckBox input,
.loginManagerNewUser .gwt-CheckBox input {
  margin: -2px 4px 0 0;
}
.loginManager .gwt-Button-newUser,
.loginManager .gwt-Button-cancel,
.loginManagerNewUser .gwt-Button-newUser,
.loginManagerNewUser .gwt-Button-cancel {
  background: #ccc;
  color: #666;
  border-color: #ddd;
}
.loginManager .gwt-Button-newUser:hover,
.loginManager .gwt-Button-cancel:hover,
.loginManagerNewUser .gwt-Button-newUser:hover,
.loginManagerNewUser .gwt-Button-cancel:hover {
  background: #bbb;
}
.loginManager .gwt-Button-newUser:active,
.loginManager .gwt-Button-cancel:active,
.loginManagerNewUser .gwt-Button-newUser:active,
.loginManagerNewUser .gwt-Button-cancel:active {
  background: #666;
  color: #fff;
}

.messageWindow {
  z-index: 99999;
  min-width: 300px;
}
.messageWindow .gwt-Label {
  color: #444;
  margin: 0 0 10px;
  text-transform: none;
}
.messageWindow .popupContent {
  overflow: hidden;
}
.messageWindow .popupContent .gwt-HTML img {
  text-align: center;
  margin: 20px auto;
  width: 57px;
  display: block;
}
.messageWindow .popupContent .like-button {
  margin-top:20px;
  text-align:center;
  width:60px;
}
.messageWindow .popupContent button + button {
  width: 48%;
}
.messageWindow .popupContent .gwt-Button-yes {
  margin-right: 2%;
  width: 48%;
}
.messageWindow .popupContent .gwt-CheckBox {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.75em;
}
.messageWindow .popupContent .gwt-CheckBox label {
  padding-top: 2px;
  padding-left: 5px;
}


.LoginScreen .chooseTable .freeItems,.LoginScreen .chooseTable .footerMenu{
  display:none!important;
}

/* ===== POPUP ===== */
.popupContent {
  -webkit-box-shadow: 0 0 15px 3px #666666;
  -moz-box-shadow: 0 0 15px 3px #666666;
  -ms-box-shadow: 0 0 15px 3px #666666;
  -o-box-shadow: 0 0 15px 3px #666666;
  box-shadow: 0 0 15px 3px #666666;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 4px solid #c45b31;
  width: 90%;
  margin: 2% auto;
  padding: 10px;
  background: #eee;
}
.popupContent > table {
  width: 100% !important;
}
.popupContent .gwt-Button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  background: #c45b31;
  background-color: #c45b31;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c45b31), color-stop(100%, #9b4827));
  background-image: -webkit-linear-gradient(top, #c45b31, #9b4827);
  background-image: -moz-linear-gradient(top, #c45b31, #9b4827);
  background-image: -ms-linear-gradient(top, #c45b31, #9b4827);
  background-image: -o-linear-gradient(top, #c45b31, #9b4827);
  background-image: linear-gradient(top, #c45b31, #9b4827);
  color: #eee;
  font-size: 0.9em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  padding: 10px;
  border: 1px solid #d47854;
  width: 100%;
}
.popupContent .gwt-Button:hover {
  background: #9b4827;
}
.popupContent .gwt-Button:active {
  background: #72351d;
}

.gwt-Button-login {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  background: #4ebae3;
  background-color: #67c4e7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9e4f5), color-stop(100%, #5bbfe6));
  background-image: -webkit-linear-gradient(top, #b9e4f5, #5bbfe6);
  background-image: -moz-linear-gradient(top, #c45b31, #9b4827);
  background-image: -ms-linear-gradient(top, #c45b31, #9b4827);
  background-image: -o-linear-gradient(top, #c45b31, #9b4827);
  background-image: linear-gradient(top, #c45b31, #9b4827);
  color: #000;
  font-size: 0.9em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  padding: 10px;
  border: 1px solid #000000;
  width: 80%;
  display: block;
  margin: 20px auto;
}
.gwt-Button-login:hover {
  background: #196e8e;
}
.gwt-Button-login:active {
  background: #72351d;
}

/* ===== EXTRAS ===== */

.extraOptions {
  margin-top: 20px;
}
.extraOptions .gwt-Button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  background: #c45b31;
  background-color: #c45b31;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c45b31), color-stop(100%, #9b4827));
  background-image: -webkit-linear-gradient(top, #c45b31, #9b4827);
  background-image: -moz-linear-gradient(top, #c45b31, #9b4827);
  background-image: -ms-linear-gradient(top, #c45b31, #9b4827);
  background-image: -o-linear-gradient(top, #c45b31, #9b4827);
  background-image: linear-gradient(top, #c45b31, #9b4827);
  color: #eee;
  font-size: 0.7em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  padding: 10px;
  border: 1px solid #d47854;
  width: 96%;
  margin: 1% 2%;
}
.extraOptions .gwt-Button:hover {
  /* background: #9b4827; */
}
.extraOptions .gwt-Button:active {
  background: #72351d;
}
.extraOptions .gwt-Button-logout, .loginManager .gwt-Button-logout{
  margin-top: 20px;
  background-color: #cccccc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #b3b3b3));
  background-image: -webkit-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -moz-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -ms-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -o-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: linear-gradient(top, #cccccc, #b3b3b3);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #666;
  border-color: #bbb;
}
.extraOptions .gwt-Button-logout:hover, .loginManager .gwt-Button-logout:hover {
  background: #b3b3b3;
}

.extraOptions .loginManager{
  width:96%;
}

.gwt-TextBox {
  color: #444 !important;
}

/* ===== LIST LAYOUT ===== */
.list-layout .tablesList {
  margin: 0;
}
.list-layout .tablesList .table {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 5px 2%;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
}
.list-layout .tablesList .table .gwt-HTML {
  color: #444;
  text-align: left;
  margin-top: 6px;
  font-size: inherit;
}
.list-layout .tablesList .table:active {
  background: #c45b31;
}
.list-layout .tablesList .table:active .gwt-HTML {
  color: #fff;
}
.list-layout .menu .simplePanelMenu .imageButton,
.list-layout .menu .simplePanelMenu .menuItem,
.list-layout .menu .simplePanelMenu .imageButton,
.list-layout .tablesList .table {
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #eeeeee);
  background-image: -moz-linear-gradient(top, #f7f7f7, #eeeeee);
  background-image: -ms-linear-gradient(top, #f7f7f7, #eeeeee);
  background-image: -o-linear-gradient(top, #f7f7f7, #eeeeee);
  background-image: linear-gradient(top, #f7f7f7, #eeeeee);
  width: 100%;
  height: 60px;
  padding: 5px 2%;
  margin: 0;
  border-bottom: 1px solid #ccc;
  display: block;
  text-shadow: none;
  color: #444;
}
.list-layout .menu .simplePanelMenu .imageButton > div {
  display: block;
  text-align: left;
}
.list-layout .menu .simplePanelMenu .menuItem:active, .list-layout .menu .simplePanelMenu .imageButton:active {
  background: #c45b31;
}
.list-layout .menu .simplePanelMenu .imageButton .gwt-Image,
.list-layout .menu .simplePanelMenu .menuItem .gwt-Image,
.list-layout .menu .simplePanelMenu .imageButton .gwt-Image {
  height: 48px;
  width: 48px;
  margin-right: 5px;
  float: left;
  border: 2px solid white;
  box-shadow: 0 0 1px 1px #ccc;
}
.list-layout .menu .simplePanelMenu .imageButton .titlePrice .gwt-Label-title,
.list-layout .menu .simplePanelMenu .menuItem .titlePrice .gwt-Label-title,
.list-layout .menu .simplePanelMenu .imageButton .titlePrice .gwt-Label-title {
  margin-top: 14px;
  float: left;
  display: inline;
  width: auto;
  position: relative;
  padding: 0;
  background: transparent;
  max-width: 170px;
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
}
.list-layout .menu .simplePanelMenu .imageButton .titlePrice .price,
.list-layout .menu .simplePanelMenu .menuItem .titlePrice .price,
.list-layout .menu .simplePanelMenu .imageButton .titlePrice .price {
  position: relative;
  color: #c45b31;
  text-shadow: none;
  font-size: 19px;
  display: block;
  padding-top: 3px;
  margin-right: 42px;
  text-align: right;
}
.list-layout .menu .simplePanelMenu .imageButton .labelQty,
.list-layout .menu .simplePanelMenu .menuItem .labelQty,
.list-layout .menu .simplePanelMenu .imageButton .labelQty {
  top: 15px;
  right: 10px;
}
.list-layout .menu .simplePanelMenu .imageButton:active,
.list-layout .menu .simplePanelMenu .menuItem:active,
.list-layout .menu .simplePanelMenu .imageButton:active {
  background: #c45b31;
}
.list-layout .menu .simplePanelMenu .imageButton:active img, .list-layout .menu .simplePanelMenu .imageButton:active .price,
.list-layout .menu .simplePanelMenu .menuItem:active img,
.list-layout .menu .simplePanelMenu .imageButton:active img,
.list-layout .menu .simplePanelMenu .menuItem:active .price,
.list-layout .menu .simplePanelMenu .imageButton:active .price {
  opacity: 1;
}
.list-layout .menu .simplePanelMenu .imageButton .gwt-Label-title {
  margin-top: 14px;
}

.optionWindow {
  z-index: 99999;
  min-width: 300px;
  display: Block;
  float: left;
}

.optionWindow .popupContent .gwt-Button {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  height: 60px;
}

.optionWindow .popupContent .gwt-Label {
  margin-bottom: 10px;
}

.optionWindow .popupContent .gwt-CheckBox {
  margin-top: 10px;
  font-size: 0.75em;
}

.optionWindow .popupContent .gwt-Button-finalize:hover {
  /*background-image: url("apple-touch-icon.png");*/
  background-repeat: no-repeat;
  background-position: right;
}

.optionWindow .popupContent .gwt-Button-finalize {
  /*background-image: url("apple-touch-icon.png");*/
  background-repeat: no-repeat;
  background-position: right;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 60px;
}

.messageWindow .popupContent .gwt-Button-finalize {
  /*background-image: url("apple-touch-icon.png");*/
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 60px;
}

.address{
  padding-left: 15px;
  padding-right: 15px;
  color: #666;
  font-size: 0.9em;
  margin-bottom:10px;
}

.address .checkButton{
    float: right;
    height: 52px;
    width: 38px;
    background-position: 10px 0px;
    background-repeat: no-repeat;
    background-size: auto 33px;
}

.address table{
  border-bottom: none;
  width:100%;
}

.address table > td:first-child + td{
  width:50px;
}

.extraOptions .title{
  border-bottom: 1px solid #ccc;
  text-align: center;
  color: #444;
  text-transform: none;
  margin-bottom: 10px;
  font-size: 1.3em;
  margin-left: 15px;
  margin-right: 15px;
}

.ChooseTable_DivisionTypeSeparator{
  color: #C45B31;
  font-size: 1.1em;
  padding-left: 25px;
  border-bottom: 1px solid #CCC;
  margin-top: 10px;
  margin-bottom: 2px;
  float: left;
  width: 100%;
}

.restaurants .loginManager, 
.chooseTable .extraOptions,
.chooseTable .loginManager {
  margin-top: 100px;
}

.UserDetails_Form .extraOptions{
  margin-top:0px;
} 

.hourGlassWrapper{
  position: fixed;
  /* top: 35%; */
  /* height: 30%; */
  /* margin-top: 60px; */
  /* width: 75%; */
  /* text-align: center; */
}

.hourGlass{
  /* height: 100%; */
  /* background-repeat: no-repeat; */
  /* background-size: auto 100%; */
  /* background-position: center; */
}

.svg .hourGlass{
  background-image: url(SvgLoader/hourGlass.ffffff00.e3e3e3ff.e3e3e3ff.svg);
}

.no-svg .hourGlass{
  background-image: url(Pictures/icons/hourGlass.png);
}

#infoMessages{
  position: fixed;
  bottom: 3px;
  background-color: #e3e3e3;
  width: 80%;
  left: 10%;
  text-align: center;
  font-size: 12px;
}

.HtmlOverlap{
  position:absolute;
  top:0px;
  left:0px;
}

.ItemHtmlViewer{
  width:100% !important;
}

.HTMLViewer{
  background:none;
  border:none;
  bottom:auto;
  clear:none;
  cursor:default;
  float:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:medium;
  font-style:normal;
  font-weight:normal;
  height:auto;
  left:auto;
  letter-spacing:normal;
  line-height:normal;
  max-height:none;
  max-width:none;
  min-height:0;
  min-width:0;
  overflow:visible;
  position:static;
  right:auto;
  text-align:left;
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  top:auto;
  visibility:visible;
  white-space:normal;
  width:auto;
  z-index:auto;
}

.InfoWindow .HTMLViewer{
  display:none;
}

.HTMLViewer{
  position:absolute;
}

.confirmWindow .HTMLViewer{
  position:relative;
}


.SimplePanel_SBS{
  margin-top:0px;
  top:0px;
  margin:0px !important;
  width:100%;
  float:left;
}

.SimplePanelScroll{
  margin-top:60px;
  position:relative;
  float:left;
  overflow-x:hidden !important;
  width:65%;
}

.SimplePanelScroll_overview{
  border-left:1px solid #666;
  background-color:#e1e1e1;
  width:35%;
}

.SimplePanelScroll_Single{
  width:100%; 
}

#overview{
  position:relative;
  top:0px;
  right:0px;
}

.SuggestionSeparator{
  width: 98%;
  float: left;
  margin-top: 10px;
  border-bottom: 1px solid #666;
  margin-bottom: 2px;
  margin-left: 1%;
  font-weight: bold;
  color: #666;
}

.PaymentMethodPanel{
  padding-left: 15px;
  padding-right: 15px;
  color: #666;
  font-size: 0.9em;
  margin-bottom: 10px;
}

.PaymentMethodPanel table{
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.PaymentMethodPanel .gwt-Label{
  font-size: 1.2em;
  margin-bottom:10px;
}

.PaymentMethodPanel .gwt-Image{
  height: 40px; 
}

.PaymentMethodPanel .checkButton{
  float: right;
  height: 52px;
  width: 42px;
  padding: 10px 0 10px 10px;
}

.FormCheck table{
  width: 100%;
}

.FormCheck .checkButton{
  float: right;
  height: 52px;
  width: 42px;
  padding: 10px 0 10px 10px;
}

.gwt-Button-noMargin{
  margin-top:1% !important;
}

.menuLogo {
  background: none;
  border: none !important;
  height: 70px !important;
  margin: 0px !important;
  background-image: none !important;
  background-color: transparent !important;
}

.waitPaymentWrapper{
  position: fixed;
  height: 100%;
  width: 100%;
  top:0px;
  text-align: center;
}

.waitPayment{
  height:70%;
  margin-top:10%;
}

.menu .simplePanelMenu .menuItem .WMenuItem_ComplexQty{
  background: none;
  top: 11px;
  right: 32px;
}

.ScrollBarButton{
  width:75px;
  height:40px;
  z-index:10000;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position:fixed;
  cursor:pointer;
  background-size: auto 40px;
}

.ScrollBarButton_Scroll{
  position:absolute;
}

.ScrollBarButton_top{
  top:60px;
}

.svg .ScrollBarButton_top{
  background-image:url(SvgLoader/topScroll_btn.ffffff00.66666688.66666688.svg);
}

.no-svg .ScrollBarButton_top{
  background-image:url(Pictures/icons/topScroll.png);
}

.ScrollBarButton_Scroll_top{
  top:0px;
}

.ScrollBarButton_bottom{
  bottom:0px;
}

.svg .ScrollBarButton_bottom{
  background-image:url(SvgLoader/bottomScroll_btn.ffffff00.66666688.66666688.svg);
}

.no-svg .ScrollBarButton_bottom{
  background-image:url(Pictures/icons/bottomScroll.png);
}

.previewWait{
  height: 150px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.previewWaitWithImage{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10000;
  width: 50%;
  
  margin-left: 25%;
  margin-top: 35%;
}

.imageWaiting{
  opacity: 0.5;
}

.extraOptions .ExtraOptionsFormButton{
  margin: 0px;
  margin-top: 20px;
  width: 100%;
}

.extraOptions .ExtraOptionsForm{
  padding-top: 10px;
}

/* Keyboard selection highlight */

.SelectedObjectHighlight{
  /* ... */
}

.SelectedHighlight{
  z-index: 999999 !important;
  position:fixed;
}

.SelectedHighlightArrow{
  background-image: url("SvgLoader/indexFinger.f3f3f3ff.666666ff.666666ff.svg");
  width: 100%;
  height: 37%;
  min-height:40px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
  top: 55%;
  position: absolute;
  min-height: 40px;
}

.no-svg .SelectedHighlightArrow{
  background-image: url(Pictures/icons/indexFinger.png);
}


/* Enterprise distance */


.AskAddressLocation {
  top: 120px;
  margin-top: 10% !important;
  position: relative!important;
  left: 0px;
  right: 0px;
  -webkit-overflow-scrolling: touch;
}

.AskAddressLocation_locationHelper{
  color: #999 !important;
    background-color: white;
    border: 2px #999 dashed;
    border-radius: 10px;
    padding: 10px;
}

.AskAddressLocation_useCurrentLocation{
  margin-top: -10px !important;
}

/* Cookies alert */

.cookiesAlert {
  position: fixed;
  top: 20%;
  margin-top: 60px;
  width: 100%;
  text-align: center;
}

.innerCookiesAlert {
  background-color: orange;
    border: red 4px solid;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 20px;
}

.cookiesAlertMessage{
    margin-top: 15px;
    margin-bottom: 15px;
}

/* UserDetailsForm */

.UserDetails_Form {
  top: 50px;
  margin-top: 10% !important;
  position: relative;
  left: 15%;
  width: 70%;
  color: black;
  right: 0px;
  -webkit-overflow-scrolling: touch;
}
.UserDetails_Form .UserDetails_Suggestion
{
  color:black!important;
}

.UserDetails_Form .address{
  color:black;
}

.UserDetails_Form .extraOptions .gwt-Button{
  width:30%!important;
  min-width:initial!important;
  margin-right:3%!important;
}

.UserDetails_Form .loginManager .gwt-TextBox, .UserDetails_Form .loginManager .gwt-PasswordTextBox, .UserDetails_Form .loginManagerNewUser .gwt-TextBox, .UserDetails_Form .loginManagerNewUser .gwt-PasswordTextBox
{
  color:black!important;
  height:25px;
  width:65%;
}



.UserDetails_Form .fileUpload {
 width:30%;
 float:right;
}

.UserDetails_ChooseAddress{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.UserDetails_ChooseAddress .address{
  padding-left:0px;
  padding-right:0px;
}

.UserDetails_ChooseAddress .gwt-Button{
  width:100%;
  margin-left:0px;
}

.UserDetails_Suggestions{
  color: #999 !important;
    background-color: white;
    border: 2px #999 dashed;
    border-radius: 10px;
    padding: 10px;
  
  border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -2px;
}

.UserDetails_Suggestion{
    font-size: 0.8em;
    margin-top: 0px !important;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    line-height: 26px;
    color: #666 !important;
    overflow: hidden;
    white-space: nowrap;
    cursor:pointer;
}

.UserDetails_Suggestion_New{
  border-bottom: none;
}

/* ************* */

/* BookPanel */

.BookingPanel{
  margin-left: 15px;
    margin-right: 15px;
    margin-top:30px;
}

.loginManager .BookingPanel{
  margin-left:0px;
  margin-right:0px;
}

.BookingPanel_title{
  color: #000000;
  margin-bottom:10px;
}

.BookingPanel_option{
  height: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.BookingPanel_option .gwt-Label{
  font-size: 0.9em;
    color: #666;
    margin-top:0px;
}

.BookingPanel_option table{
  width:100%;
}

.BookingPanel_option .checkButton{
  width: 42px;
    height: 52px;
    float: right;
    margin-top: -3px;
    background-position: 10px 0px;
    background-repeat: no-repeat;
    background-size: auto 33px;
}

.BookingPanel_form{
  width: 100% !important;
  margin-top:20px !important;
}

.BookingPanel .gwt-Button{
  width: 100%;
    margin: 0px;
}

.UserDetails_Form .BookingPanel{
  width: 80%;
  margin-left: 10%;
}

/* ********* */

/* ConfirmWindow */

.ConfirmWindow_CodeTextBox{
  width: 100%;
    height: 40px;
    margin-top: 10px;
    font-size: 1em;
}

/* ********* */


/* Header And Footer menu */





.headerMenu .Item .gwt-Image-image,
.headerMenu .Info .gwt-Image-image,
.headerMenu .ComplexItem .gwt-Image-image,
.headerMenu .Item .plu,
.headerMenu .Info .plu,
.headerMenu .ComplexItem .plu,
.headerMenu .Item .price,
.headerMenu .Info .price,
.headerMenu .ComplexItem .price,
.headerMenu .Item .descriptionBox,
.headerMenu .Info .descriptionBox,
.headerMenu .ComplexItem .descriptionBox,
.headerMenu .Item .labelQty,
.headerMenu .Info .labelQty,
.headerMenu .ComplexItem .labelQty,
.headerMenu .Info .info,
.footerMenu .Item .gwt-Image-image,
.footerMenu .Info .gwt-Image-image,
.footerMenu .ComplexItem .gwt-Image-image,
.footerMenu .Item .plu,
.footerMenu .Info .plu,
.footerMenu .ComplexItem .plu,
.footerMenu .Item .price,
.footerMenu .Info .price,
.footerMenu .ComplexItem .price,
.footerMenu .Item .descriptionBox,
.footerMenu .Info .descriptionBox,
.footerMenu .ComplexItem .descriptionBox,
.footerMenu .Item .labelQty,
.footerMenu .Info .labelQty,
.footerMenu .ComplexItem .labelQty,
.footerMenu .Info .info,
.freeItems .Item .gwt-Image-image,
.freeItems .Info .gwt-Image-image,
.freeItems .ComplexItem .gwt-Image-image,
.freeItems .Item .plu,
.freeItems .Info .plu,
.freeItems .ComplexItem .plu,
.freeItems .Item .price,
.freeItems .Info .price,
.freeItems .ComplexItem .price,
.freeItems .Item .descriptionBox,

.freeItems .ComplexItem .descriptionBox,
.freeItems .Item .labelQty,
.freeItems .Info .labelQty,
.freeItems .ComplexItem .labelQty,
.freeItems .Info .info{
  display:none;
}

.InnerOptionWrapper ,
.headerMenu .Item,
.headerMenu .Info,
.headerMenu .ComplexItem,
.footerMenu .Item,
.footerMenu .Info,
.footerMenu .ComplexItem,
.freeItems .Item,
.freeItems .Info,
.freeItems .ComplexItem{
  width: auto !important;
  height:30px !important;
  background-color: transparent;
  background: transparent;
  display: inline-block;
  cursor:pointer;
  margin-top:5px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  box-sizing:content-box;
}

.headerMenu .Item div,
.headerMenu .Info div,
.headerMenu .ComplexItem div,
.footerMenu .Item div,
.footerMenu .Info div,
.footerMenu .ComplexItem div,
.freeItems .Item div,
.freeItems .Info div,
.freeItems .ComplexItem div{
  width:100%;
  height:100%;
  position: relative;
}

.headerMenu .InnerOptionWrapper .headerItem, .headerMenu .Item .gwt-Label-title, .headerMenu .Info .gwt-Label-title, .headerMenu .ComplexItem .gwt-Label-title, .footerMenu .Item .gwt-Label-title, .footerMenu .Info .gwt-Label-title, .footerMenu .ComplexItem .gwt-Label-title, .freeItems .Item .gwt-Label-title, .freeItems .Info .gwt-Label-title, .freeItems .ComplexItem .gwt-Label-title{
  font-size: 0.7em;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 0px;
}


.AddressLocationForm  .headerMenu .Item .gwt-Label-title,
.AddressLocationForm  .headerMenu .Info .gwt-Label-title
{
  margin-right:15px!important;
}


.SBS .InnerOptionWrapper{
  /* margin-right:10%!important; */
  /* padding-right:10px!important; */
}


/*Free Items*/



.freeItems{
  position:fixed;
  /* width: 100%; */
  /* left:10%; */
  top:10%;
  height:80%;
  overflow:scroll;
  background-color:rgba(0,0,0,0.5);
  text-align:center;
  z-index: initial;
}

/*Header Menu*/

.headerMenu{

}

.smallHeaderAndFooter .headerMenu{
  /* border-top:2px solid #c45b31; */
  /* margin-top:20px; */
}

/*Header Menu and Free Items*/

.headerMenu .Item .gwt-Label-title,
.headerMenu .Info .gwt-Label-title,
.headerMenu .ComplexItem .gwt-Label-title,
.freeItems .Item .gwt-Label-title,
.freeItems .Info .gwt-Label-title,
.freeItems .ComplexItem .gwt-Label-title{
  color:#f3f3f3;
}

.headerMenu .Item:hover,
.headerMenu .Info:hover,
.headerMenu .ComplexItem:hover,
.freeItems .Item:hover,
.freeItems .Info:hover,
.freeItems .ComplexItem:hover{
  /* color: red!important; */
  /* background-color: #444444; */
  /* border-radius:15px; */
  /* border-top:1px solid #333333; */
  /* border-bottom:1px solid #444444; */
  /* border-left:1px solid #333333; */
  /* border-right:1px solid #333333; */
  /* margin-top:4px; */
  /* margin-left:4px; */
  /* margin-right:4px; */
  /* margin-bottom:4px; */
}

.headerMenu .Item:active,
.headerMenu .Info:active,
.headerMenu .ComplexItem:active,
.headerMenu .Item.Selected ,
.headerMenu .Info.Selected,
.headerMenu .ComplexItem.Selected,
.freeItems .Item:active,
.freeItems .Info:active,
.freeItems .ComplexItem:active,
.freeItems .Item.Selected ,
.freeItems .Info.Selected,
.freeItems .ComplexItem.Selected{
  /* background-color: #222222; */
  /* border-radius:15px; */
  /* border-top: 1px solid #111111; */
  /* border-bottom: 1px solid #555555; */
  /* border-left: 1px solid #111111; */
  /* border-right: 1px solid #111111; */
  /* margin-top:4px; */
  /* margin-left:4px; */
  /* margin-right:4px; */
  /* margin-bottom:4px; */
  /* color: coral; */
}


/*Footer Menu*/

.footerMenu{
  display: none!important;
}

.AddressLocationForm .footerMenu{
  display:initial!important;
}

.footerMenu{
  bottom:0px;
  border-top:1px solid #666;
  box-sizing:content-box;
  background-color:#e1e1e1;

}

.smallHeaderAndFooter .footerMenu{
  border-top:none;
  background-color: #e1e1e1;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  margin-top:20px;
}

.smallHeaderAndFooter.hasHeader .footerMenu{
  /* border-top:none; */
  /* background-color: #ff0000; */
  /* border-top:none; */
  /* margin-top:0px; */
  /* color: white; */
}

.footerMenu .Item:hover,
.footerMenu .Info:hover,
.footerMenu .ComplexItem:hover{
  /* color: red; */
  border-radius:15px;
}

.footerMenu .Item:active,
.footerMenu .Info:active,
.footerMenu .ComplexItem:active,
.footerMenu .Item.Selected ,
.footerMenu .Info.Selected,
.footerMenu .ComplexItem.Selected{
  background-color: #c45b31;
  color:#e3e3e3;
  border-radius:15px;
}



/* Opened families and items */

.Family-Opened{
  width:100% !important;
  height:29px !important;
  background:none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #CCC;
  margin-top: 10px !important;
    margin-bottom: 2px !important;
}

.Family-Opened .gwt-Label{
  display:none;
}

.Family-Opened .gwt-Label-title{
  display:block;
  margin-top:auto !important;
  float:left;
  text-align:left;
  margin-left:25px;
  color: #C45B31;
    font-size: 1.1em;
  text-shadow:none;
}

/* Opened families and items */

.Family-Opened{
  width:100% !important;
  height:29px !important;
  background:none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #CCC;
  margin-top: 10px !important;
    margin-bottom: 2px !important;
}

.Family-Opened .gwt-Label,
.Family-Opened .gwt-Image,
.Family-Opened .gwt-HTML{
  display:none;
}


.Family-Container .Family{
  background-color:black!important;
  background-image:none!important;
}

.Family-Container .Family .gwt-Label-title{
  width:100%;
  font-size:1.5em;
}

.Family-Opened .gwt-Label-title{
  display:block;
  margin-top:auto !important;
  float:left;
  text-align:left;
  margin-left:25px;
  color: #C45B31;
  font-size: 1.1em;
  text-shadow:none;
  position: relative;
}

.modifierWindow.ItemConfirmation_Opened{
  width:100%;
  /* height: 18px; */
  float:left;
  padding-left: 4px;
  padding-right: 4px;
}

/* GENERAL */

/*html{
    width: 100%;
    height: 100vh;
    position: absolute;
    overflow-y: scroll;
    top: 0px;
}*/

body{
  background-color:white;
}

/*body.MenuLevel-l1{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    perspective: 1px;
}*/

*{
  font-family: 'Josefin Sans', sans-serif !important;
}

#content,
.hasHeader #content{
  top:160px;
}



.MenuLevel-l1 #content,
.hasHeader.MenuLevel-l1 #content,
.MenuLevel-l2 #content,
.MenuLevel-l3 #content,
.hasHeader.MenuLevel-l2 #content,
.hasHeader.MenuLevel-l3 #content,
.MenuLevel-Tree-STANDARD.hasHeader #content{
  top: 360px;
  float: left;
  background-color: white;
  /* position: relative; */
  width:100%;
}

.SBS.MenuLevel-l1 #content,
.SBS.hasHeader.MenuLevel-l1 #content,
.SBS.MenuLevel-l2 #content,
.SBS.hasHeader.MenuLevel-l2 #content,
.SBS.MenuLevel-l3 #content,
.SBS.hasHeader.MenuLevel-l3 #content{
  top: 200px;
}


.MenuLevel-l3 .headerMenu
.MenuLevel-l4 .headerMenu
.MenuLevel-l5 .headerMenu{
  display:none;
}




.SBS.MenuLevel-l1 .headerMenu,
.SBS.MenuLevel-l2 .headerMenu,
.SBS.MenuLevel-l3 .headerMenu,
.SBS.MenuLevel-Tree-STANDARD .headerMenu{
  width: 60%;
}
  .SBS .headerMenu .EscolhaMenu.menuItem img, .SBS .headerMenu .EscolhaRestaurante.menuItem img  {
    width: 65%!important;
  }
  
.menu{
  position: relative;
  width:80% !important;
  margin-left:10%;
  float: left;
  height: auto;
}

@media screen and (max-width: 480px) {
  .menu{
    top:-80px;
  }
}


.SBS .menu{
  width: 95% !important;
  margin-left: 5%;
}

.Form .menu .footerMenu{
  display:none!important;
}

.popupContent .gwt-Button,
.extraOptions .gwt-Button-logout, 
.loginManager .gwt-Button-logout,
.confirmWindow .modifierWindow .gwt-Button.gwt-Button-selected,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-selected,
.simplePanelOrderList .orderList .gwt-Button-totalEnabled,
.SimplePanelScroll_overview .SimplePanel_SBS .orderItem .focusPanel .horizontalPanel button,
.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .focusPanel .horizontalPanel button,
.extraOptions .gwt-Button,
.loginManager .gwt-Button{
  background:none;
  box-shadow:none;
  border:none;
  border-radius:0px;
  background-color:black;
  margin:0px !important;
  width:auto !important;
  min-width:150px;
  padding-top:15px;
  color:white;
  width:100% !important;
  margin-top: 15px !important;
  margin-bottom:5px !important;

}


.simplePanelOrderList .orderList .gwt-Button-totalEnabled{
  background-color:green;
}

@media screen and (min-width: 768px) {

.confirmWindow .modifierWindow .gwt-Button.gwt-Button-selected
{
  margin-top: 50px !important; 
}
}


.popupContent .gwt-Button:hover,
.popupContent .gwt-Button:active,
.extraOptions .gwt-Button-logout:hover,
.extraOptions .gwt-Button-logout:active, 
.loginManager .gwt-Button-logout:hover,
.loginManager .gwt-Button-logout:active,

.confirmWindow .modifierWindow .gwt-Button.gwt-Button-selected:hover,
.confirmWindow .modifierWindow .gwt-Button.gwt-Button-selected:active,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-selected:hover,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-selected:active, 

.simplePanelOrderList .orderList .gwt-Button-totalEnabled:hover,
.simplePanelOrderList .orderList .gwt-Button-totalEnabled:active,

.SimplePanelScroll_overview .SimplePanel_SBS .orderItem .focusPanel .horizontalPanel button:hover,
.SimplePanelScroll_overview .SimplePanel_SBS .orderItem .focusPanel .horizontalPanel button:active,

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .focusPanel .horizontalPanel button:hover,
.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .focusPanel .horizontalPanel button:active,

.extraOptions .gwt-Button:hover,
.extraOptions .gwt-Button:active,

.loginManager .gwt-Button:hover,
.loginManager .gwt-Button:active{
  background-color: grey;
}

.confirmWindow .modifierWindow .gwt-Button.gwt-Button-notSelected,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-notSelected{
  background:none;
  box-shadow:none;
  border:none;
  border-radius:0px;
  background-color:gray;
  margin:0px !important;
  width:auto !important;
  min-width:150px;
  padding-top:15px;
  color:white;
  width:100% !important;
  margin-top:5px !important;
  margin-bottom:5px !important;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  -moz-box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
}

.confirmWindow .modifierWindow .gwt-Button.gwt-Button-notSelected:hover,
.confirmWindow .modifierWindow .gwt-Button.gwt-Button-notSelected:active,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-notSelected:hover,
.modifierWindow.ItemConfirmation_Opened .gwt-Button.gwt-Button-notSelected:active{
  background-color:lightgray;
}

/*
.ExtraOptions .chooseTable .extraOptions#content, 
.ExtraOptions .extraOptions,
.menu .simplePanel .loginManager{
  width:100%;
  position:absolute;
  top: 75px;
  left:0px;
  background-image: url(https://lh3.googleusercontent.com/LiqzZtkTF2NPHv6qyKK4UbGmxnCkvvS9BBqO7Pv_9Dq4g_P-dDm1iDjlTvzrA9Ei9yF22ToTnHHYrUrj_nlI?noSquare);
  padding-left: 55%;
  background-repeat:no-repeat;
  background-size:45% auto;
  min-height:39vw !important;
  margin-bottom:50px;
  margin-top: 20px;
}
*/

.PreviousOrders .loginManager{
  display:none;
}

.UserDetails .menu .simplePanel .loginManager{
  background-image:initial;
  padding:initial;
  position:relative;
  min-height: initial!important;
}

.UserDetails .UserDetails_ChooseAddress{
  margin-left:0;
  width:100%!important;
  margin-top:100px;
}

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

.ExtraOptions .chooseTable .extraOptions#content, 
.ExtraOptions .extraOptions,
.menu .simplePanel .loginManager{
  background-image:initial;
  padding-left:initial;
  width:90%;
  margin-left:5%;
}
}

.ExtraOptions .chooseTable .extraOptions#content{
  /* margin-top: 110px; */
  top: 210px;
}

.ExtraOptions .chooseTable{
  width: 80%;
  float: left;
  position: relative;
  margin-left: 10%;
}

.menu .SimplePanelScrollSBS{
  height:calc(100vh - 160px) !important;
  margin-top:160px;
}



@media screen and (max-width: 1400px) {
  .SimplePanelScroll{
    width:55%;
  }

  .SBS.MenuLevel-l1 .headerMenu,
  .SBS.MenuLevel-l2 .headerMenu,
  .SBS.MenuLevel-l3 .headerMenu,
  .SBS.MenuLevel-Tree-STANDARD .headerMenu {
    width: 70%;
    height:150px;
  }

  .SBS .headerMenu .EscolhaMenu.menuItem img, .SBS .headerMenu .EscolhaRestaurante.menuItem img  {
    width: 55%!important;
  }


  .SBS.MenuLevel-l1 #content,
  .SBS.hasHeader.MenuLevel-l1 #content,
  .SBS.MenuLevel-l2 #content,
  .SBS.hasHeader.MenuLevel-l2 #content,
  .SBS.MenuLevel-l3 #content,
  .SBS.hasHeader.MenuLevel-l3 #content,
  .SBS.hasHeader.MenuLevel-Tree-STANDARD #content,
  .SBS.MenuLevel-Tree-STANDARD #content
  {
    top: 150px;
  }
}

@media screen and (max-width: 1200px) {
  .ExtraOptions .extraOptions,
  .ExtraOptions .chooseTable .extraOptions#content{
    padding-left:1%;
    padding-right:1%;
  }

  .headerMenu{
    width: 0!important;
  }
  
  .MenuLevel-l1 #content,
  .hasHeader.MenuLevel-l1 #content,
  .MenuLevel-l2 #content,
  .hasHeader.MenuLevel-l2 #content,
    .MenuLevel-l3 #content,
  .hasHeader.MenuLevel-l3 #content{
    top: 304px;
  }
}


@media screen and (max-width: 1050px) {
  .SimplePanelScroll{
    width:47%;
  }

  .SBS.MenuLevel-l1 .headerMenu,
  .SBS.MenuLevel-l2 .headerMenu,
    .SBS.MenuLevel-l3 .headerMenu,
  .SBS.MenuLevel-Tree-STANDARD .headerMenu
  {
    width: 75%;
    height:100px;
  }

  .SBS .headerMenu .EscolhaMenu.menuItem img, .SBS .headerMenu .EscolhaRestaurante.menuItem img  {
    width: 46.9%!important;
  }

  .SBS.MenuLevel-l1 #content,
  .SBS.hasHeader.MenuLevel-l1 #content,
  .SBS.MenuLevel-l2 #content,
  .SBS.hasHeader.MenuLevel-l2 #content,
  .SBS.MenuLevel-l3 #content,
  .SBS.hasHeader.MenuLevel-l3 #content,  
  .SBS.hasHeader.MenuLevel-Tree-STANDARD #content,
  .SBS.hasHeader.MenuLevel-Tree-STANDARD #content
  {
    top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .menu{
    width:100% !important;
    margin-left:0px;
  }

  .ExtraOptions .extraOptions,
  .ExtraOptions .chooseTable .extraOptions#content{
    background-image:none;
    padding-left:10%;
    padding-right:10%;
  }

  .ExtraOptions .chooseTable{
    width:100%;
    margin-left:0px;
  }

  .MenuLevel-l1 .headerMenu,
  .MenuLevel-l2 .headerMenu,
    .MenuLevel-l3 .headerMenu,
  .MenuLevel-Tree-STANDARD .hasHeader
  {
    height:150px;
  }

  .MenuLevel-l1 #content,
  .hasHeader.MenuLevel-l1 #content,
  .MenuLevel-l2 #content,
  .hasHeader.MenuLevel-l2 #content,
  .MenuLevel-l3 #content,
  .hasHeader.MenuLevel-l3 #content,  
  .MenuLevel-Tree-STANDARD #content,
  .hasHeader.MenuLevel-Tree-STANDARD #content{
    top: 235px;
  }
}



/* OPENED FAMILIES MENU */
.Family-Container .Family-Opened{
  margin-left:0px !important;
  background:white !important;
  height:60px !important;
  margin: 0px !important;
  border:none;
  border-top:20px solid white;
  border-bottom: 2px solid #5abfe5;
  width:100% !important;
  /*-webkit-box-shadow: 0px 10px 15px 0px white !important;
  -moz-box-shadow: 0px 10px 15px 0px white !important;
  box-shadow: 0px 10px 15px 0px white !important;*/
}

.Family-Container .Family-Opened.Fixed{
  width:80% !important;
}

.SBS .Family-Container .Family-Opened.Fixed{
  width: 61.75% !important;
}

.Family-Container .Family-Opened .gwt-Label{
  color:black;
  top: 5px !important;
  font-weight:bold !important;
  font-size: 1.3em;
  position: relative;
}

.simplePanel .Family-Container-Opened{
  float:left;
  overflow:visible!important;
  z-index:9999999999999;
  
}

.Category_MenuButton:before{
  content: "Selecione aqui->";
  background: rgba(255, 255, 255, 0.62);
  color: black;
  /* text-shadow: 2px 2px 0px #000; */
  font-size:1.5em;
  height: 30px;
  width: initial!important;
  right: 10%!important;
  position:fixed;
  margin-right: 50px!important;
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
}

.menuLocale_en .Category_MenuButton:before{
  content: "Select here->";
}


.SBS .Category_MenuButton:before{
  margin-right: 50px!important;
  right: 50.4%!important;
}


@media screen and (min-width: 1050px) {
.SBS .Category_MenuButton:before{
  margin-right: 50px!important;
  right: 45%!important;
}
}

@media screen and (min-width: 1401px) {
.SBS .Category_MenuButton:before{
  margin-right: 100px!important;
  right: 30%!important;
}
}

@media screen and (max-width: 768px) {
.Category_MenuButton:before{
  margin-top: -23px!important;
  content: "Selecione aqui";
  margin-right: 5px!important;
  right: 0%!important;
  height: 23px;
}
}

.Category_MenuButton{
    background: rgba(255, 255, 255, 0.6);
    background-image: url(https://lh3.googleusercontent.com/U4ZIt8lGP6qemqkAR0sQo-D7Qybv_q_PlumhfWn_7VCYN_TNzDee8QMrZYhrSm7FcNvCLxHT-9ih12QvRUOO);
    background-size: 40px 40px;
    background-position:-5px -4px;
    position: fixed;
    width: 30px;
    height: 30px;
    right: 10%;
    margin-right: 5px;
    top: 185px;
    cursor: pointer;
    z-index: 9999999;
    /*border: 2px solid black;*/
    animation: flash;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation: flash;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation:flash;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
}
@media screen and (max-width: 480px) {
.Category_MenuButton{
    top: 65px;
    z-index: 999999999;
    /* right: 0; */
}
}


@keyframes flash {

    0%{
      background-position: -5px -4px;
    }

    45.0% {
      background-position: -5px -4px;
    }

    50.0% {
      background-position: -5px 1px;
    }

    55.0% {
      background-position: -5px -4px;
    }
    60.0% {
      background-position: -5px 1px;
    }

    65.0% {
      background-position: -5px -4px;
    }

    100.0% {
      background-position: -5px -4px;
    }

}

@-webkit-keyframes flash {

    0%{
      background-position: -5px -4px;
    }

    45.0% {
      background-position: -5px -4px;
    }

    50.0% {
      background-position: -5px 1px;
    }

    55.0% {
      background-position: -5px -4px;
    }
    60.0% {
      background-position: -5px 1px;
    }

    65.0% {
      background-position: -5px -4px;
    }

    100.0% {
      background-position: -5px -4px;
    }
}

@-moz-keyframes flash {


    0%{
      background-position: -5px -4px;
    }

    45.0% {
      background-position: -5px -4px;
    }

    50.0% {
      background-position: -5px 1px;
    }

    55.0% {
      background-position: -5px -4px;
    }
    60.0% {
      background-position: -5px 1px;
    }

    65.0% {
      background-position: -5px -4px;
    }

    100.0% {
      background-position: -5px -4px;
    }
}

.SBS .Category_MenuButton{
  right: 33.25%;
}

.Category_MenuButton:hover{
    background-color: rgba(255, 255, 255, 0.79);
}

.Category_Menu{
  max-width: 100%;
  min-width: 30%;
  z-index: 999999;
  position: fixed;
  overflow: scroll;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  -moz-box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
}

.Category_MenuItem{
  width:100%;
  background-color: white;
  height:30px;
  color: black;
  text-align: center;
  cursor:pointer;
  overflow: hidden;
  border-bottom:2px solid #101010;
  font-weight:bold;
  padding-top:5px;
}

.Category_MenuItemSelected{
  width:100%;
  background-color: black;
  height:30px;
  color: white;
    text-align: center;
    border: 1px solid black;
    cursor:pointer;
}

.Category_MenuItem:hover{
  background-color: black;
  color: white;
}

@media screen and (max-width: 1400px) {
  .SBS .Category_MenuButton{
    right: 45%;
  }

  .SBS .Family-Container .Family-Opened.Fixed{
    width:52.25% !important;
  }
}

@media screen and (max-width: 1050px) {
  .SBS .Category_MenuButton{
    right: 50.4%;
  }

  .SBS .Family-Container .Family-Opened.Fixed{
    width:44.6% !important;
  }
}

@media screen and (max-width: 768px) {
  .Family-Container .Family-Opened.Fixed{
    width:100% !important;
  }

  .Category_MenuButton{
    right: 0%;
  }
}

@media screen and (max-width: 480px) {
  .Family-Container .Family-Opened .gwt-Label{
    margin-left: 5px;
  }
}

/* HEADER */

#navBar, 
.menu #navBar,
#logotype,
.menu #logotype,
.chooseTable #navBar{
  background:none;
  background-color: white;
  border-bottom: 40px solid #f1f1f1;
  height:120px !important;
  width:80%;
}

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



#navBar, 
.menu #navBar,
#logotype,
.menu #logotype{
  top:-80px;
    border-bottom: 40px solid #e6e6e6;
}

.chooseTable #logotype{
  top:0px; 
}

}

.CultureChooser #logotype{
  left:0;
}


.SBS #navBar, 
.SBS .menu #navBar,
.SBS #logotype,
.SBS .menu #logotype,
.SBS .chooseTable #navBar{
  width: 61.75%;
}

#logotype,
.chooseTable #navBar{
  margin-left:10%;
}

.ExtraOptions #logotype,
.ExtraOptions .chooseTable #navBar{
  margin-left:0px;
}

#logotype .gwt-Image.menuLogo,
#navBar .gwt-Image.menuLogo,
.menu #logotype .gwt-Image.menuLogo,
.menu #navBar .gwt-Image.menuLogo,
.chooseTable #navBar .gwt-Image.menuLogo,
#waitScreen #logotype .gwt-Image,
.AddressLocationForm #logotype img.gwt-Image,
.chooseTable #logotype img.gwt-Image{
  display:block !important;
  margin-top: 6px !important;
  position:absolute;
  margin-left: 6px !important;
}

#navBar .gwt-Image-back,
.menu #navBar .gwt-Image-back,
#navBar .gwt-Image-options,
.menu #navBar .gwt-Image-options,
#navBar .gwt-Image-order,
.menu #navBar .gwt-Image-order,

#logotype .option .gwt-Image-back,
.menu #logotype .option .gwt-Image-back,
#logotype .option .gwt-Image-options,
.menu #logotype .option .gwt-Image-options,
#logotype .option .gwt-Image-order,
.menu #logotype .option .gwt-Image-order,

.chooseTable #navBar .gwt-Image-back,
.chooseTable #navBar .gwt-Image-options,
.chooseTable #navBar .gwt-Image-order,

.chooseTable #logotype .gwt-Image-back,
.chooseTable #logotype .gwt-Image-options,
.chooseTable #logotype .gwt-Image-order{
  background:none;
  /* background-color: black; */
  color: #6d6d6d;
  text-shadow:none;
  border:none;
  border-radius:0px;
  height: 35px;
  margin-top:0px;
  cursor:pointer;
  margin-right: 0px;
}

#navBar .gwt-Image-options .gwt-HTML,
.menu #navBar .gwt-Image-options .gwt-HTML,
.chooseTable #navBar .gwt-Image-options .gwt-HTML,
#navBar .gwt-Image-order .gwt-HTML,
.menu #navBar .gwt-Image-order .gwt-HTML,
.chooseTable #navBar .gwt-Image-order .gwt-HTML,

#logotype .gwt-Image-options .gwt-HTML,
.menu #logotype .gwt-Image-options .gwt-HTML,
#logotype .gwt-Image-order .gwt-HTML,
.menu #logotype .gwt-Image-order .gwt-HTML{
  background-size: 40px 40px !important;
  margin:0px !important;
  width: 34px !important;
  height: 34px !important;
  /* top: -11px!important; */
}

#navBar .gwt-Image-options,
.menu #navBar .gwt-Image-options,
.chooseTable #navBar .gwt-Image-options,
#navBar .gwt-Image-order,
.menu #navBar .gwt-Image-order,
.chooseTable #navBar .gwt-Image-order,

#logotype .gwt-Image-options,
.menu #logotype .gwt-Image-options,
#logotype .gwt-Image-order,
.menu #logotype .gwt-Image-order{
  margin:0px;
  width:35px;
  height:35px;
}

#navBar .gwt-Image-back,
.menu #navBar .gwt-Image-back,

#logotype .option .gwt-Image-back,
.menu #logotype .option .gwt-Image-back,

.chooseTable #navBar .gwt-Image-back,

.chooseTable #logotype .gwt-Image-back{
  width:auto;
}

#navBar .gwt-Image-options:hover, .menu #navBar .gwt-Image-options:hover, .chooseTable #navBar .gwt-Image-options:hover, #navBar .gwt-Image-order:hover, .menu #navBar .gwt-Image-order:hover, .chooseTable #navBar .gwt-Image-order:hover, #navBar .gwt-Image-options:active, .menu #navBar .gwt-Image-options:active, .chooseTable #navBar .gwt-Image-options:active, #navBar .gwt-Image-order:active, .menu #navBar .gwt-Image-order:active, .chooseTable #navBar .gwt-Image-order:active,  .chooseTable #navBar .gwt-Image-back:hover, #navBar .gwt-Image-back:active, .menu #navBar .gwt-Image-back:active, .chooseTable #navBar .gwt-Image-back:active, #logotype .gwt-Image-options:hover, .menu #logotype .gwt-Image-options:hover, #logotype .gwt-Image-order:hover, .menu #logotype .gwt-Image-order:hover, #logotype .gwt-Image-options:active, .menu #logotype .gwt-Image-options:active, #logotype .gwt-Image-order:active, .menu #logotype .gwt-Image-order:active, #logotype .gwt-Image-back:hover, .menu #logotype .gwt-Image-back:hover, #logotype .gwt-Image-back:active, .menu #logotype .gwt-Image-back:active, .restaurants #logotype .gwt-Image-options:active, .restaurants #logotype .gwt-Image-back:active{
  /* background-color: #bbbbbb !important; */
  /* background-color:grey; */
}

#navBar .gwt-Image-back:hover, .menu #navBar .gwt-Imag e-back:hover{
  color: #424b8f;
}

#navBar .option,
.chooseTable #navBar .option,
#logotype .option{
  margin-right:2px !important;
}

#navBar .gwt-Image-options .gwt-Image-options-options,
.menu #navBar .gwt-Image-options .gwt-Image-options-options,
.chooseTable #navBar .gwt-Image-options .gwt-Image-options-options,
.svg #navBar .gwt-Image-options .gwt-Image-options-options,
.svg .menu #navBar .gwt-Image-options .gwt-Image-options-options,
.svg .chooseTable #navBar .gwt-Image-options .gwt-Image-options-options,

#logotype .gwt-Image-options .gwt-Image-options-options,
.menu #logotype .gwt-Image-options .gwt-Image-options-options,
.svg #logotype .gwt-Image-options .gwt-Image-options-options,
.svg .menu #logotype .gwt-Image-options .gwt-Image-options-options{
  background-image:url(SvgLoader/options.ffffffff.ffffffff.ffffffff.svg);
  background-position:-3px -3px;
}

#navBar .gwt-Image-order .gwt-Image-order-notenabled,
.menu #navBar .gwt-Image-order .gwt-Image-order-notenabled,
.chooseTable #navBar .gwt-Image-order .gwt-Image-order-notenabled,
.svg #navBar .gwt-Image-order .gwt-Image-order-notenabled,
.svg .menu #navBar .gwt-Image-order .gwt-Image-order-notenabled,
.svg .chooseTable #navBar .gwt-Image-order .gwt-Image-order-notenabled,

#logotype .gwt-Image-order .gwt-Image-order-notenabled,
.menu #logotype .gwt-Image-order .gwt-Image-order-notenabled,
.svg #logotype .gwt-Image-order .gwt-Image-order-notenabled,
.svg .menu #logotype .gwt-Image-order .gwt-Image-order-notenabled{
  background-image: url(https://lh3.googleusercontent.com/yooB0wboipjIKvAbMSOvJpu7n8FigsgDVsoVYjaXxo54CyEMEFjHeXorGWyzVGXLMnZUxCYTciszx8JjlGQ);
  background-size: 25px 25px !important;
  background-repeat:no-repeat;
  background-position: 4px 5px;
}

#navBar .gwt-Image-order .gwt-Image-order-enabled,
.menu #navBar .gwt-Image-order .gwt-Image-order-enabled,
.chooseTable #navBar .gwt-Image-order .gwt-Image-order-enabled,
.svg #navBar .gwt-Image-order .gwt-Image-order-enabled,
.svg .menu #navBar .gwt-Image-order .gwt-Image-order-enabled,
.svg .chooseTable #navBar .gwt-Image-order .gwt-Image-order-enabled,

#logotype .gwt-Image-order .gwt-Image-order-enabled,
.menu #logotype .gwt-Image-order .gwt-Image-order-enabled,
.svg #logotype .gwt-Image-order .gwt-Image-order-enabled,
.svg .menu #logotype .gwt-Image-order .gwt-Image-order-enabled{
  background-image: url(https://lh3.googleusercontent.com/yooB0wboipjIKvAbMSOvJpu7n8FigsgDVsoVYjaXxo54CyEMEFjHeXorGWyzVGXLMnZUxCYTciszx8JjlGQ);
  background-size:25px 25px;
  background-repeat:no-repeat;
  background-position:4px 5px;
}

#navBar .gwt-Image-order .gwt-HTML,
.menu #navBar .gwt-Image-order .gwt-HTML,
.chooseTable #navBar .gwt-Image-order .gwt-HTML,

#logotype .gwt-Image-order .gwt-HTML,
.menu #logotype .gwt-Image-order .gwt-HTML{
  background-size:40px 40px;
}

#navBar .gwt-Image-order .gwt-HTML,
.menu #navBar .gwt-Image-order .gwt-HTML,
#logotype .option .gwt-Image-order .gwt-HTML,
.menu #logotype .option .gwt-Image-order .gwt-HTML{
  background-size:26px 26px !important;
}

#navBar .gwt-Image-back,
.menu #navBar .gwt-Image-back,
.chooseTable #navBar .gwt-Image-back,
#navBar .option,
.menu #navBar .option,
.chooseTable #navBar .option,

#logotype .gwt-Image-back,
.menu #logotype .gwt-Image-back,
#logotype .option,
.menu #logotype .option,
.chooseTable #logotype .gwt-Image-back{
  margin-top:82px;
}

#navBar .gwt-Image-cancel,
.menu #navBar .gwt-Image-cancel,
.chooseTable #navBar .gwt-Image-cancel,

#logotype .gwt-Image-cancel,
.menu #logotype .gwt-Image-cancel{
  margin-left: 2px !important;
}

#navBar .gwt-Image-back,
.menu #navBar .gwt-Image-back,
.chooseTable #navBar .gwt-Image-back,

#logotype .gwt-Image-back,
.menu #logotype .gwt-Image-back,
.chooseTable #logotype .gwt-Image-back{
  font-weight:bold;
  padding-top:3px;
  margin-left:15px;
}

#navBar .gwt-Image-back:before,
.menu #navBar .gwt-Image-back:before,
.chooseTable #navBar .gwt-Image-back:before,
.svg #navBar .gwt-Image-back:before,
.svg .menu #navBar .gwt-Image-back:before,
.svg .chooseTable #navBar .gwt-Image-back:before,

#logotype .gwt-Image-back:before,
.menu #logotype .gwt-Image-back:before,
.svg #logotype .gwt-Image-back:before,
.svg .menu #logotype .gwt-Image-back:before,
.chooseTable #logotype .gwt-Image-back:before,
.svg .chooseTable #logotype .gwt-Image-back:before{
  top:82px;
  width:20px;
  height:35px;
  left: 2px;
  background-repeat:no-repeat;
  background-position:0px 2px;
  background-size:20px 30px;
  background-image:url(https://lh3.googleusercontent.com/1LKqjF422xRShILEB4Hj-njbBtHJ8HXtST2fGfUE_UH1nXrCVjvYdTzMmdsHRYYJz4m490sPFLLqdENxjbN7?noSquare);
}

#navBar .gwt-Image-back:hover:before,
.menu #navBar .gwt-Image-back:hover:before,
.chooseTable #navBar .gwt-Image-back:hover:before,
.svg #navBar .gwt-Image-back:hover:before,
.svg .menu #navBar .gwt-Image-back:hover:before,
.svg .chooseTable #navBar .gwt-Image-back:hover:before,
#navBar .gwt-Image-back:active:before,
.menu #navBar .gwt-Image-back:active:before,
.chooseTable #navBar .gwt-Image-back:active:before,
.svg #navBar .gwt-Image-back:active:before,
.svg .menu #navBar .gwt-Image-back:active:before, 
.svg .chooseTable #navBar .gwt-Image-back:active:before, 

#logotype .gwt-Image-back:hover:before,
.menu #logotype .gwt-Image-back:hover:before,
.svg #logotype .gwt-Image-back:hover:before,
.svg .menu #logotype .gwt-Image-back:hover:before,
#logotype .gwt-Image-back:active:before,
.menu #logotype .gwt-Image-back:active:before,
.svg #logotype .gwt-Image-back:active:before,
.svg .menu #logotype .gwt-Image-back:active:before,
.restaurants #logotype .gwt-Image-back:active:before,
.svg .restaurants #logotype .gwt-Image-back:active:before{
  /* background-color:#101010 !important; */
  /* background-image:url(https://lh3.googleusercontent.com/uxRb2QCTr8pgsT535gcymYUB_0bFv5Zn0MKIHY5u32t97y9tag3mDbLBFauWgIHnyddFe_waOSy2Zz2K4DM?noSquare); */
}

.gwt-Image-order .orderItemsBadge{
  background-color: #5ec1e6;
  width: 15px;
  height: 15px;
  border-radius:10px;
  position:absolute;
  top: 80px;
  right: 7px;
  font-size: 0.7em;
  font-weight:bold;
  line-height:20px;
  text-align:center;
}

.gwt-Image-order.gwt-Image-notenable .orderItemsBadge{
  display:none;
}

.chooseTable #title{
  display:none;
}

.BookingCorrection.chooseTable #title{
  display:initial;
  color:black;

}

.Booking #content{
  top:60px;
}

@media screen and (max-width: 1400px) {
  .SBS #navBar, 
  .SBS .menu #navBar,
  .SBS #logotype,
  .SBS .menu #logotype,
  .SBS .chooseTable #navBar{
    width: 100%;
  }
}

@media screen and (max-width: 1050px) {
  .SBS #navBar, 
  .SBS .menu #navBar,
  .SBS #logotype,
  .SBS .menu #logotype,
  .SBS .chooseTable #navBar{
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #navBar, 
  .menu #navBar,
  #logotype,
  .menu #logotype,
  .chooseTable #navBar{
    width:100%;
    margin:0px;
  }


}

@media screen and (max-width: 480px) {
  #logotype .gwt-Image.menuLogo,
  #navBar .gwt-Image.menuLogo,
  .menu #logotype .gwt-Image.menuLogo,
  .menu #navBar .gwt-Image.menuLogo,
  .chooseTable #navBar .gwt-Image.menuLogo,
  #waitScreen #logotype .gwt-Image,
  .AddressLocationForm #logotype img.gwt-Image,
  .chooseTable #logotype img.gwt-Image{
    display: block !important;
    max-width: 270px;
    max-height: 95% !important;
    top: -4px;
    width: auto;
    height: auto !important;
    margin-left: 5%!important;
  }
}

/* TITLE BARS */

.freeItems{
  position:absolute;
  /* top:-99999px; */
  /* z-index: 999999999; */
  overflow: visible;
  width: 0px;
}

.freeItems .TITLE_BAR{
  display:none;
}

.freeItems .TITLE_BAR,
.freeItems .TITLE_BAR:hover,
.freeItems .TITLE_BAR:active,
.WaitScreen .chooseTable #title div:nth-child(2){
  position:fixed;
  top: 120px;
  background-color: #101010;
  z-index: 999999999;
  width: 80% !important;
  left:10%;
  margin:0px;
  border:none;
  border-radius:0px;
  color:white !important;
  font-size: 1.8em;
  min-height: 40px;
  height: auto !important;
  cursor:default;
  pointer-events: none;
  text-align:center;
  font-weight:bold;
  border-top: 2px solid #5ec1e6;
}
@media screen and (max-width: 480px) {
.freeItems .TITLE_BAR,
.freeItems .TITLE_BAR:hover,
.freeItems .TITLE_BAR:active,
.WaitScreen .chooseTable #title div:nth-child(2){
  top: 40px;
}


}

.SBS .freeItems .TITLE_BAR{
  width: 61.75% !important;
  left: 5%;
}

.freeItems .TITLE_BAR .gwt-Label-title{
  top:3px;
  font-weight:bold;
}

.freeItems{
  /* z-index:9999999!important; */
}

.freeItems .TITLE_HEADER
{
  position:fixed;
  top: 55px;
  right: 10%;
  font-size: 1.4em;
  pointer-events: none;
  font-weight:bold;
  z-index: 9999999;
}

.freeItems .TITLE_HEADER.TITLE1{
  display:none;
}

.AddressLocationForm .freeItems .TITLE_HEADER.YOUTUBE,
.AddressLocationForm .freeItems .TITLE_HEADER.INSTAGRAM,.AddressLocationForm .freeItems .TITLE_HEADER.FACEBOOK,.AddressLocationForm .freeItems .TITLE_HEADER.PHONE,.AddressLocationForm .freeItems .TITLE_HEADER.TITLE1{
  position: absolute;
  top: -25px;
}


@media screen and (min-width: 768px) {
.freeItems .TITLE_HEADER.TITLE1
{
  display:initial;
  top: 55px;
  right:50%;
  transform:translateX(50%);
  /* color: black!important; */
}

.AddressLocationForm .freeItems .TITLE_HEADER.YOUTUBE,
.AddressLocationForm .freeItems .TITLE_HEADER.FACEBOOK,
.AddressLocationForm .freeItems .TITLE_HEADER.INSTAGRAM,
.AddressLocationForm .freeItems .TITLE_HEADER.PHONE,.AddressLocationForm .freeItems .TITLE_HEADER.TITLE1{
  top:-100px;height: initial!important;
}
}



.freeItems .TITLE_HEADER .gwt-Label-title
{
  position: relative;
  float: left;
  width: initial;
  padding: initial;
  color: #563222;
  margin-right:10px;
  /* top: 145px; */
}

.freeItems .TITLE_HEADER .gwt-HTML.descriptionBox
{
  display:initial;
  position: relative;
  float: left;
  width: initial;
  color: #424b8f!important;
}

.MenuLevel-l1 .freeItems .TITLE_HEADER.YOUTUBE,
.MenuLevel-l1 .freeItems .TITLE_HEADER.INSTAGRAM,.MenuLevel-l1 .freeItems .TITLE_HEADER.FACEBOOK,.MenuLevel-l1 .freeItems .TITLE_HEADER.PHONE,.MenuLevel-l2 .freeItems .TITLE_HEADER.PHONE,.MenuLevel-l3 .freeItems .TITLE_HEADER.PHONE
{
  top: 55px;
}

.freeItems .PHONE:before{
  background-image:url(https://lh3.googleusercontent.com/hjoZ0tU5_yXvHkU319BAFFet5IsBSZs7saekUFFXCmmaJ-6Q584KJzZQThaJBFv1UqLw6GtLp9JBpr8h6ejn);
  background-size: 25px 25px;
  background-repeat:no-repeat;
  width:25px;
  height:25px;
  position:absolute;
  left:-30px;
  top: -6px;
  content:'';
}




.freeItems .PHONE.TITLE_HEADER.PHONE .gwt-Label-title{
  display:none;
}

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

.freeItems .PHONE:before{
  background-image:url(https://lh3.googleusercontent.com/hjoZ0tU5_yXvHkU319BAFFet5IsBSZs7saekUFFXCmmaJ-6Q584KJzZQThaJBFv1UqLw6GtLp9JBpr8h6ejn);
  background-size: 10px 10px;
  background-repeat:no-repeat;
  width:20px;
  height:20px;
  position:absolute;
  left:-13px;
  top:-2px;
  content:'';
  pointer-events:none;
}

.freeItems .TITLE_HEADER.PHONE{
  display:none;
}

.AddressLocationForm .freeItems .TITLE_HEADER.PHONE{
  display:initial;
}

.MenuLevel-l1 .freeItems .TITLE_HEADER.PHONE,.MenuLevel-l2 .freeItems .TITLE_HEADER.PHONE,.MenuLevel-l3 .freeItems .TITLE_HEADER.PHONE
{
  display:initial;
  top: 22px;
  font-size: 1em;
  right:initial;
  left: 7%;
  pointer-events: none;
}

  .MenuLevel-l1 .freeItems .TITLE_HEADER.PHONE .gwt-Label-title,.MenuLevel-l2 .freeItems .TITLE_HEADER.PHONE  .gwt-Label-title,.MenuLevel-l3 .freeItems .TITLE_HEADER.PHONE  .gwt-Label-title
{

  color:white!important;
}

}




.AddressLocationForm .CHOOSE_LOCATION_TITLE,
.DivisionChooser .CHOOSE_DIVISION_TITLE,
.ExtraOptions .OPTIONS_TITLE,
.MenuLevel-l1 .CHOOSE_RESTAURANT_TITLE,
.MenuLevel-l2 .CHOOSE_DISH_TITLE,
.MenuLevel-l3 .CHOOSE_DISH_TITLE,
.MenuLevel-l4 .CHOOSE_DISH_TITLE,
.WaitScreen .WAIT_TITLE,
.MenuLevel-Unidade .CHOOSE_RESTAURANT_TITLE{
  display:block;
}


.WaitScreen .CHOOSE_LOCATION_TITLE,
.WaitScreen .CHOOSE_RESTAURANT_TITLE,
.WaitScreen .CHOOSE_DISH_TITLE
.WaitScreen .OPTIONS_TITLE
.WaitScreen .CHOOSE_DIVISION_TITLE,
.MenuLevel-Unidade .CHOOSE_DISH_TITLE{
  display:none;
}

.WaitScreen .chooseTable #title{
  display:block;
  background-color:white;
  border:none;
}

.WaitScreen .chooseTable #title div:nth-child(1){
  display:none;
}

.WaitScreen .chooseTable #title div:nth-child(2){
  font-size:1.2em;
  padding-top:10px;
}

@media screen and (max-width: 1400px) {
  .SBS .freeItems .TITLE_BAR {
    width:52.25% !important;
  }
}

@media screen and (max-width: 1050px) {
  .SBS .freeItems .TITLE_BAR{
    width:44.6% !important;
  }
}




@media screen and (max-width: 768px) {
  .freeItems .TITLE_BAR,
  .freeItems .TITLE_BAR:hover,
  .freeItems .TITLE_BAR:active{
    width: 100%!important;
    left:0%;
    /* float: left; */
    text-align: left;
  }

  .WaitScreen .chooseTable #title{
    width:100% !important;
  }

  .WaitScreen .chooseTable #title div:nth-child(2){
    width:100% !important;
    left:0%;
  }
}

/* OPENED ITEMS */

.Item-Opened, .MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem, .ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem, .Complex-NoImage, .menuItem.Complex {
  width: 48% !important;
  /* margin: initial; */
  margin-left: 1%!important;
  margin-right: 1%!important;
  border:none;
  box-shadow:none !important;
  background:none !important;
  background-image:none !important;
  background-color: white !important;
  border-radius: 0px;
  float:left;
  height:auto !important;
  border: none;
  padding: 5px;
  padding-right: 10px;
  padding-left: 10px;
  float: left !important;
}



.Item-Opened img{
  /* display:none; */
  height: auto!important;
  width: 20.5%!important;
  left: 2%;
  border-top: 23px solid black;
  position: relative;
}

.Item-Opened:active .gwt-Label-title,.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem:active .gwt-Label-title, .ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem:active .gwt-Label-title {
  background-color:#101010 !important;
}

.ItemConfirmation_Opened{
  /* float:left !important; */
  /* background-color:white; */
  /* border-radius: 4px; */
  /* margin: 0px; */
  /* border: none; */
  /* padding: 0px !important; */
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.Item-Opened .titlePrice .gwt-Label-title, .MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem .titlePrice .gwt-Label-title, .ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem .titlePrice .gwt-Label-title, .Complex .titlePrice .gwt-Label-title

{
  color: #ffffff !important;
  text-shadow:none !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  padding:0px !important;
  margin:0px !important;
  margin-bottom: 5px !important;
  font-size:1.0em !important;
  background-color: #101010;
  border-top: 2px solid black;
  padding-top: 5px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  /* height: 23px!important; */
}

.titlePrice .menuItem .labelQty ,.Item-Opened .labelQty,.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem .labelQty, .ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem .labelQty,.menu .simplePanelMenu .menuItem .labelQty{
  background-color: #55bde5 !important;
  width: 20px;
  height: 20px;
  line-height: 23px;
  border-radius:15px !important;
  margin-top:-5px;
  margin-right:-5px;
  padding:0px !important;
  text-align:center;
  font-size: 1.0em !important;
}



.titlePrice .menuItem .titlePrice, .Item-Opened .titlePrice .descriptionBox, .Complex .titlePrice .descriptionBox{
  height:auto !important;
  margin: 0px !important;
  width:auto !important;
  color: #313131 !important;
  font-size: 0.9em !important;
  margin-bottom: 5px !important;
  padding-left: 5px;
  padding-right: 5px;
}

.Complex .titlePrice .descriptionBox{
  margin-top:20px!important;
  /* height:30px!important; */
  line-height: 20px;
  width: 80%!important;
}

.Complex .titlePrice .descriptionBox:hover{
  background-color:black;
  color:white!important;
  cursor:pointer;
  
}


.Complex .titlePrice .descriptionBox:after{
  content:"+";
  font-size:30px;
  color:white;
  right:0;
  border-radius:15px;
  margin-right:10px;
  width:30px;
  height:30px;
  background-color:#9bbf0a;
  position:absolute;
  line-height:30px;
  text-align:center;
}

.ItemConfirmation_Opened .gwt-Button{
  display:none;
}

.ItemConfirmation_Opened .gwt-Label-title{
  display:none;
}



.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel{
  /* height: 23px; */
  min-height: 23px;
  margin-top: 2px;
  float:left;
  width:100%;
}


@media screen and (max-width: 480px) {
  .modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel{
    margin-top: 10px;
  }
}


.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .gwt-Label,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .checkButton,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .price{
  margin-top:0px;
  color:black;
  /* font-size:0.9em; */
  text-transform: lowercase;
  margin-top: 5px;
  /* margin-bottom: -2px; */
}

.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .price{
  /* color: red !important; */
  opacity:1;
}

.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .checkButton.checkButton-notSelected,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .checkButton.checkButton-selected{
  background-image:url('https://lh3.googleusercontent.com/KxPpgbzxY81X2dku7gY9-2c1u2r82jHAk1f2t-qCMBxheeFBYMIwMvjT7LCf85RnsrRrQv8KDq2VZMLWPuVt');
  background-size: 23px 23px;
  background-repeat:no-repeat;
  width: 23px!important;
  height: 23px;
  margin-top: 0px;
  margin-right:5px;
}

.Item-Opened:nth-child(odd),.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem:nth-child(odd),.ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem:nth-child(odd) {
  clear:both;
}



.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel{
  cursor:pointer;
  transition: background-color 0.3s ease-out;
}

.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:hover,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:active{
  background-color:black;
}

.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:hover .horizontalPanel .gwt-Label,
.modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:active .horizontalPanel .gwt-Label,
.menu .simplePanel#content .modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:hover .horizontalPanel .gwt-Label,
.menu .simplePanel#content .modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:active .horizontalPanel .gwt-Label,
.menu .simplePanel#content .modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:hover .horizontalPanel .price,
.menu .simplePanel#content .modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:active .horizontalPanel .price{
  color:white !important;
}

.menu .simplePanel#content .modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:hover .horizontalPanel .price,
.menu .simplePanel#content .modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel:active .horizontalPanel .price{
  /* color:red; */
}

@media screen and (max-width: 1050px) {
  .SBS .Item-Opened,.MenuLevel-Tree-STANDARD_ITEM .SBS .menuItem{
    width: 98% !important;
  }

  .SBS .Item-Opened:nth-child(odd),.MenuLevel-Tree-STANDARD_ITEM .SBS .menuItem:nth-child(odd){
    clear:none;
  }
}

@media screen and (max-width: 480px) {
  .Item-Opened,.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem,.ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem,.Complex,.menuItem.Complex  {
    width: 98% !important;
  }

  .Item-Opened:nth-child(odd),.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem:nth-child(odd), .ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem:nth-child(odd) {
    clear:none;
  }
}

/* MENU ITEMS PHOTO */

.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem img, .ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem img{
  width: 100%!important;
  /* height: auto!important; */
  display:initial;
  position: relative;
  /* float: right; */
  border: 2px solid black;
  /* margin-top: 30px; */
  height: auto!important;
  margin-top: 10px;
}

.Family-Container .menuItem.Item-Image .gwt-Label-title{
  /* width: 110%!important; */
}



.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem .titlePrice .gwt-Label-title,.ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem .titlePrice .gwt-Label-title{
  color: #ffffff !important;
  text-shadow:none !important;
  position: relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  padding:0px !important;
  margin:0px !important;
  margin-bottom: 5px !important;
  font-size:1.0em !important;
  /* background-color: #101010; */
  border-top: 2px solid black;
  padding-top: 5px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  /* height: 30px!important; */
}

.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem .titlePrice,.ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem .titlePrice{
  margin-left: 0%;
  position: relative;
  height: 100%!important;
}

.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem .titlePrice .price,.ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem .titlePrice .price{
  position:absolute;
  right:0px!important;
  left:initial!important;

}

.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem .titlePrice .descriptionBox, .ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem .titlePrice .descriptionBox {
  height:auto !important;
  /* margin: 0px !important; */
  /* width:auto !important; */
  color: #040404 !important;
  font-size:0.8em !important;
  /* margin-bottom: 5px !important; */
  /* padding-left: 5px; */
  /* padding-right: 5px; */
  display: initial!important;
  margin-left: 0!important;
  left: 5%!important;
  /* background-color: blue; */
  /* position: relative; */
  /* height: 0px!important; */
  /* margin: 0!important; */
  /* border: 0!important; */
  padding: 0;
}

.MenuLevel-Tree-STANDARD_ITEM .Family-Container .menuItem .titlePrice .gwt-HTML .descriptionBox, .ComplexWizard.MenuLevel-Tree-STANDARD_ITEM .simplePanel .menuItem .titlePrice .gwt-HTML .descriptionBox{
  margin-left:5%!important;
  display:none!important;
}

.menu .simplePanel#content .Family-Container .menuItem.Item-Image .titlePrice .price{
  color:white!important;
  /* position:absolute; */
  /* top: 100%; */
  font-size: 1.1em;
}
.menu .simplePanel#content .Family-Container .menuItem.Item-Image .titlePrice .descriptionBox{
  color:white!important;
  /* position: absolute!important; */
  /* top: 100%; */
  font-size: 1.1em;
  background-color:black;
  left: 10%!important;
  position: absolute;
  width: calc( 80% - 5px)!important;
  font-size:1.3em!important;
  border-radius:30px;
  padding-left:30px;
  padding-right:30px;
  top: -200px;
  overflow: visible!important;
}


/* ENTERPRISE SCREEN */

.simplePanel  .Family-Container-Opened .Enterprise,.MenuLevel-Tree-STANDARD_FAMILY .Family{
  width: 13.7vw !important; /* 14vw  Scroll Bar*/
  margin: 1vw;
  height: calc(14vw + 60px) !important;
  height: -webkit-calc(14vw + 60px) !important;
  height: -moz-calc(14vw + 60px) !important;
  background-size:100% 100%;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  -moz-box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  border:1px solid rgba(194,194,194,1);
  cursor:pointer;
  background-color: #404040;
  background-size: 14vw 14vw;
  background-repeat:no-repeat;
  background-position:0px 30px;
  /* background-color:#101010; */
  border-radius: 10px;
}

.simplePanel .Family-Container-Opened .Enterprise:hover .-qty,.MenuLevel-Tree-STANDARD_FAMILY .Family:hover .-qty{

  height: calc(14vw + 60px);background-color:rgba(16,16,16,0.5);
}

.simplePanel .Family-Container-Opened .Enterprise:active,.MenuLevel-Tree-STANDARD_FAMILY .Family:active{
  /* background: #000000; */
  /* background-size: 14vw 14vw; */
  /* background-repeat: no-repeat; */
  /* background-position: 0px 30px; */
  /* background-color: #101010; */
}

 .simplePanel .Family-Container-Opened .Enterprise:active .gwt-Label-title,.MenuLevel-Tree-STANDARD_FAMILY .Family:active .gwt-Label-title{
  /* height: calc(14vw + 60px); */
  /* background-color:rgba(16,16,16,0.5); */
}

.SBS .simplePanel .Family-Container-Opened .Enterprise,.SBS.MenuLevel-Tree-STANDARD_FAMILY .Family{
  width: 13.4vw !important;
  height: calc(13.4vw + 60px) !important;
  height: -webkit-calc(13.4vw + 60px) !important;
  height: -moz-calc(13.4vw + 60px) !important;
  background-size: 13.4vw 13.4vw;
}

 .simplePanel .Family-Container-Opened .Enterprise .gwt-Label-title,.MenuLevel-Tree-STANDARD_FAMILY .Family .gwt-Label-title{
  font-size: 1.3em;
  font-weight:bold;
  color:white;
  /* text-shadow:none; */
  /* margin-top: 45% !important; */
  position: relative;
  /* bottom: auto; */
  /* background-color:rgba(16,16,16,0.5); */
  /* padding-top: 40px; */
  /* height: 30px; */
  text-transform:uppercase;
  /* display: inline-block; */
  /* vertical-align: middle; */
  line-height: 26px;
  /* margin-right: 10px; */
  margin-left: 2%;
  /* margin-top: 25%!important; */
  /* top: 25%; */
  width: 100%;
  z-index:1 !important;
  /* transition: height 0.3s ease-out; */
  text-shadow: 2px 2px 0px #000;
  /* overflow: scroll; */
  display: table-cell;
  vertical-align: middle;
  /* margin-bottom: 0px!important; */
  /* top: initial; */
  /* height: 200px; */
  /* text-shadow: initial; */
}



 .simplePanel .FOTOS-Family-Container .Family-Container-Opened .Enterprise  .gwt-Label-title{
  font-size: 0.8em;
  vertical-align: bottom;
}


.simplePanel .STANDARD_FAMILY-Family-Container.Family-Container .Family-Image div .gwt-Label-title{
   position: absolute;
   font-size:1.0em;
   margin-top:7px!important;
}

.simplePanel .Family-Image.Enterprise .gwt-Label-title {
  /* display:none; */
}

.simplePanel .Family-Container-Opened .Enterprise .gwt-Image-image,.MenuLevel-Tree-STANDARD_FAMILY .Family .gwt-Image-image{width:calc(14vw - 2px) !important;height:calc(14vw - 2px) !important;margin-top: 30px;position: absolute;/* margin-left: 0!important; */left: 0;}

.simplePanel .Family-Container-Opened .Enterprise .descriptionBox,.MenuLevel-Tree-STANDARD_FAMILY .Family .descriptionBox{
  color:white !important;
  text-shadow:none;
  font-size: 0.4em !important;
  margin:0px !important;
  padding:0px !important;
  padding-bottom:0px !important;
  width:100% !important;
  float:left;
  background-color: black;
  position: absolute;
  font-weight: bold;
  display: none !important;
  height:30px;
  bottom:0px;
  left: 0;
  text-transform:uppercase;
  text-align:center;
  padding-top: 6px !important;
}

.simplePanel .Family-Container-Opened .Enterprise .descriptionBox:before,.MenuLevel-Tree-STANDARD_FAMILY .Enterprise .descriptionBox:before{
  /* content:"FOLGA:"; */
}

.simplePanel .Family-Container-Opened .Enterprise .descriptionBox:empty:before,.MenuLevel-Tree-STANDARD_FAMILY .Enterprise .descriptionBox:empty:before{
  /* content:"FOLGA: NÃO FOLGA"; */
}
/*

.simplePanel .Family-Container-Opened .Enterprise.p1-color-0,  .simplePanel .Family-Container-Opened .Enterprise.p1-color-10,.simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-0,  .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-10{
  background-image: url(https://lh3.googleusercontent.com/hrXnU1zDbAAERYr6fxpeRMMJhHjMZIYL9Tv_a2N-I8O8t7-w_bU_lL_GPA-sf2-nvrW8kaIXRsMCSQP8O9OL=s320-c?.cache.) !important;
}

.simplePanel .Family-Container-Opened .Enterprise.p1-color-1,  .simplePanel .Family-Container-Opened .Enterprise.p1-color-11,.simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-1,  .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-11{
  background-image:url(https://lh3.googleusercontent.com/tfXIPt2tXfZWuJv7KWYd3xvpZE2UZxMcf3US_vrAg6_s_N2EAt8q3-i3MdmSJdVJLn8PNkE9zUyfm5IyPtQ) !important;
}

 .simplePanel .Family-Container-Opened .Enterprise.p1-color-2,  .simplePanel .Family-Container-Opened .Enterprise.p1-color-12, .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-2,  .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-12{
   background-image: url(https://lh3.googleusercontent.com/jfaArIqUlNdFqsetkz_mvwgoPz7586WK-e_LAkUG3FDjnPk10qCMZg9wz7Ll2z_lEc0EBR_ARCZ7Q0QTV1F-=s320-c?.cache.) !important;
}

 .simplePanel .Family-Container-Opened .Enterprise.p1-color-3,  .simplePanel .Family-Container-Opened .Enterprise.p1-color-13,.simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-3,  .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-13{
  background-image: url(https://lh3.googleusercontent.com/-zSpLwklvpqVDgK0Qm3UpsVZUiIoChrrD1c8fxyGORFzjgNrsRrwJ9Pn3DP2pW6LnyPh1C6v5gh0DYo-dKHt) !important;
}

 .simplePanel .Family-Container-Opened .Enterprise.p1-color-4, .simplePanel .Family-Container-Opened .Enterprise.p1-color-14, .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-4, .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-14{
  background-image: url(https://lh3.googleusercontent.com/6diN_VaOh3KDVjGUYZmeVSL79f2jpr3AH_R2lbUd-KLRAHSIWsP00sBN7ly6387iJ0j7Qi17ayVwk1R5qVs=s320-c?.cache.) !important;
}

 .simplePanel .Family-Container-Opened .Enterprise.p1-color-5,  .simplePanel .Family-Container-Opened .Enterprise.p1-color-15, .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-5,  .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-15{
  background-image: url(https://lh3.googleusercontent.com/1pH3LHPn0pBVrTnei8wfkaq6B-dp0alM045nmmXPkIS8UQlSfZKzrjMSrcGCsACLKdPkFAFNn9MqJ0jPiIHr=s320-c?.cache.) !important;
}

 .simplePanel .Family-Container-Opened .Enterprise.p1-color-6,  .simplePanel .Family-Container-Opened .Enterprise.p1-color-16, .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-6,  .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-16{
  background-image: url(https://lh3.googleusercontent.com/QXp2qvCg0AQgb94gjPnG8Aa6Qb-ouZxnYCMdF9nQESvECLvNl4cCxPzqHCmrpp0PrMw6fKhE0r-Svo-Wx5Aj=s320-c?.cache.) !important;
}

 .simplePanel .Family-Container-Opened .Enterprise.p1-color-7,  .simplePanel .Family-Container-Opened .Enterprise.p1-color-17, .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-7,  .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-17{
  background-image: url(https://lh3.googleusercontent.com/uVa10MQIXBaKEpQ3KhrvxNg4v7RPyPVAmhnAKI1wl1ay20tPVPh8AAohRJh-bxOnGpscf3bebB5IpeDDp78=s320-c?.cache.) !important;
}

 .simplePanel .Family-Container-Opened .Enterprise.p1-color-8,  .simplePanel .Family-Container-Opened .Enterprise.p1-color-18, .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-8,  .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-18
 {
   background-image: url(https://lh3.googleusercontent.com/5YfQS1bO5R6ICkHXEp577tGOKbrYSz5uW8TLfuMLnXU-tiGHxKGIJuAN4w-P1exsD2x0f6jtTlXxzcQs5rduXg=s320-c?.cache.) !important;
 }

 .simplePanel .Family-Container-Opened .Enterprise.p1-color-9,  .simplePanel .Family-Container-Opened .Enterprise.p1-color-19, .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-9,  .simplePanel .Family-Container-Opened .Enterprise.p1-colorImage-19{
  background-image: url(https://lh3.googleusercontent.com/hXwamYoYxdMJefsY9ZTvv7pcrmBixXHln85zXJ2fp_HZtJ17v0pXZjKavgTD2o-I4FVZi12dzBnX1KJrmGb0=s320-c?.cache.) !important;
}


 .simplePanel .FOTOS-Family-Container  .Family-Container-Opened .Enterprise.Family-Image{
    background-image:initial!important; 
 }

  .simplePanel .Family-Container-Opened .Enterprise:active,.MenuLevel-Tree-STANDARD_FAMILY .Family:active{
    background: #101010!important;
    /* background-color: #101010; */
  }

 .simplePanel .Family-Container-Opened .Enterprise .gwt-Image-image{
     display:none;
   }

 .simplePanel .FOTOS-Family-Container .Family-Container-Opened  .Enterprise .gwt-Image-image{
     display:initial!important;
   }
*/

.AskAddressLocation .Family-Container-Opened .Enterprise{
  display:none;
}

@media screen and (max-width: 1200px) {
   .simplePanel .Family-Container-Opened .Enterprise,.MenuLevel-Tree-STANDARD_FAMILY .Family{
    width: 17.6vw !important; /* 18vw */
    height: calc(18vw + 60px) !important;
    height: -webkit-calc(18vw + 60px) !important;
    height: -moz-calc(18vw + 60px) !important;
    background-size: 18vw 18vw;
  }

   .simplePanel .Family-Container-Opened .Enterprise .gwt-Image-image,.MenuLevel-Tree-STANDARD_FAMILY .Family .gwt-Image-image{
    width:calc(18vw - 2px) !important;
    height:calc(18vw - 2px) !important;
    margin-top:30px;
  }

   .simplePanel .Family-Container-Opened .Enterprise:hover .-qty,  .MenuLevel-Tree-STANDARD_FAMILY .Family:hover .-qty{
    height: calc(18vw + 60px);
    background-color:rgba(16,16,16,0.5);
  }

   .simplePanel .Family-Container-Opened .Enterprise:active,.MenuLevel-Tree-STANDARD_FAMILY .Family:active{
    /* background:#101010; */
    /* background-size: 18vw 18vw; */
    /* background-repeat: no-repeat; */
    /* background-position: 0px 30px; */
    /* background-color: #101010; */
  }

   .simplePanel .Family-Container-Opened .Enterprise:active .gwt-Label-title,.MenuLevel-Tree-STANDARD_FAMILY .Family:active .gwt-Label-title{
    /* height: calc(18vw + 60px); */
    /* background-color:rgba(16,16,16,0.5); */
  }
}

@media screen and (max-width: 1200px) {
   .simplePanel .Family-Container-Opened .Enterprise,.MenuLevel-Tree-STANDARD_FAMILY .Family{
    width: 24vw !important;
    height: calc(24.5vw + 60px) !important;
    height: -webkit-calc(24.5vw + 60px) !important;
    height: -moz-calc(24.5vw + 60px) !important;
    background-size: 24.5vw 24.5vw;
  }

   .simplePanel .Family-Container-Opened .Enterprise .gwt-Image-image,.MenuLevel-Tree-STANDARD_FAMILY .Family .gwt-Image-image{
    /* width: calc(24.5vw - 2px) !important; */
    /* height:calc(24.5vw - 2px) !important; */
    margin-top: 30px;
    width: 100% !important;
    height: auto!important;
    position: absolute;
  }

   .simplePanel .Family-Container-Opened .Enterprise:hover .-qty,  .MenuLevel-Tree-STANDARD_FAMILY .Family:hover .-qty{
    height: calc(24.5vw + 60px);
    background-color:rgba(16,16,16,0.5);
  }

   .simplePanel .Family-Container-Opened .Enterprise:active, .MenuLevel-Tree-STANDARD_FAMILY .Family:active{
    /* background:#101010; */
    /* background-size: 24.5vw 24.5vw; */
    /* background-repeat: no-repeat; */
    /* background-position: 0px 30px; */
    /* background-color: #101010; */
  }

   .simplePanel .Family-Container-Opened .Enterprise:active .gwt-Label-title, .MenuLevel-Tree-STANDARD_FAMILY .Family:active .gwt-Label-title{
    /* height: calc(24.5vw + 60px); */
    /* background-color:rgba(16,16,16,0.5); */
  }

}

@media screen and (max-width: 768px) {
   .simplePanel .Family-Container-Opened .Enterprise, .MenuLevel-Tree-STANDARD_FAMILY .Family{
    width: 30.4vw !important; /* 31.25 */
    height: calc(31.25vw + 60px) !important;
    height: -webkit-calc(31.25vw + 60px) !important;
    height: -moz-calc(31.25vw + 60px) !important;
    background-size: 31.25vw 31.25vw;
  }


   .simplePanel .Family-Container-Opened .Enterprise:hover .-qty, .MenuLevel-Tree-STANDARD_FAMILY .Family:hover .-qty{
    height: calc(31.25vw + 60px);
    background-color:rgba(16,16,16,0.5);
  }

   .simplePanel .Family-Container-Opened .Enterprise:active,  .MenuLevel-Tree-STANDARD_FAMILY .Family:active{
    /* background:#101010; */
    /* background-size: 31.25vw 31.25vw; */
    /* background-repeat: no-repeat; */
    /* background-position: 0px 30px; */
    /* background-color: #101010; */
  }

   .simplePanel .Family-Container-Opened .Enterprise:active .gwt-Label-title,  .MenuLevel-Tree-STANDARD_FAMILY .Family:active .gwt-Label-title{
    /* height: calc(31.25vw + 60px); */
    /* background-color:rgba(16,16,16,0.5); */
  }

}

@media screen and (max-width: 480px) {
   .simplePanel .Family-Container-Opened .Enterprise, .MenuLevel-Tree-STANDARD_FAMILY .Family{
    width: 48% !important;
    margin: 1%;
    height: calc(48vw + 60px) !important;
    height: -webkit-calc(48vw + 60px) !important;
    height: -moz-calc(48vw + 60px) !important;
    background-size: 48vw 48vw;
  }

   .simplePanel .Family-Container-Opened .Enterprise .gwt-Image-image,  .MenuLevel-Tree-STANDARD_FAMILY .Family .gwt-Image-image{
//    width:calc(48vw - 2px) !important;
//    height:calc(48vw - 2px) !important;
//    margin-top:30px;
  }

   .simplePanel .Family-Container-Opened .Enterprise:hover .-qty,  .MenuLevel-Tree-STANDARD_FAMILY .Family:hover .-qty{
    height: calc(48vw + 60px);
    background-color:rgba(16,16,16,0.5);
  }

   .simplePanel .Family-Container-Opened .Enterprise:active,.MenuLevel-Tree-STANDARD_FAMILY .Family:active{
    background:#101010;
    background-size: 48vw 48vw;
    background-repeat: no-repeat;
    background-position: 0px 30px;
    background-color: #101010;
  }

   .simplePanel .Family-Container-Opened .Enterprise:active .gwt-Label-title, .MenuLevel-Tree-STANDARD_FAMILY .Family:active .gwt-Label-title{
    height: calc(48vw + 60px);
    background-color:rgba(16,16,16,0.5);
  }
}

@media screen and (max-width: 1400px) {
  .SBS .simplePanel .Family-Container-Opened .Enterprise,  .SBS.MenuLevel-Tree-STANDARD_FAMILY .Family{
    width: 15.4vw !important;
    height: calc(15.4vw + 60px) !important;
    height: -webkit-calc(15.4vw + 60px) !important;
    height: -moz-calc(15.4vw + 60px) !important;
    background-size: 15.4vw 15.4vw;
  }

  .SBS .simplePanel .Family-Container-Opened .Enterprise:hover .-qty, .SBS.MenuLevel-Tree-STANDARD_FAMILY .Family:hover .-qty{
    height: calc(15.4vw + 60px);
    background-color:rgba(16,16,16,0.5);
  }

  .SBS .simplePanel .Family-Container-Opened .Enterprise:active,  .SBS.MenuLevel-Tree-STANDARD_FAMILY .Family:active{
    background:#101010;
    background-size: 15.4vw 15.4vw;
    background-repeat: no-repeat;
    background-position: 0px 30px;
    background-color: #101010;
  }

  .SBS .simplePanel .Family-Container-Opened .Enterprise:active .gwt-Label-title, .SBS.MenuLevel-Tree-STANDARD_FAMILY .Family:active .gwt-Label-title{
    height: calc(15.4vw + 60px);
    background-color:rgba(16,16,16,0.5);
  }

}

@media screen and (max-width: 1050px) {
  .SBS .simplePanel .Family-Container-Opened .Enterprise, .SBS.MenuLevel-Tree-STANDARD_FAMILY .Family{
    width: 20.3vw !important;
    height: calc(20.3vw + 60px) !important;
    height: -webkit-calc(20.3vw + 60px) !important;
    height: -moz-calc(20.3vw + 60px) !important;
    background-size: 20.3vw 20.3vw;
  }



  .SBS .simplePanel .Family-Container-Opened .Enterprise:hover .-qty, .SBS.MenuLevel-Tree-STANDARD_FAMILY .Family:hover .-qty{
    height: calc(20.3vw + 60px);
    background-color:rgba(16,16,16,0.5);
  }

  .SBS .simplePanel .Family-Container-Opened .Enterprise:active,.SBS.MenuLevel-Tree-STANDARD_FAMILY .Family:active{
    background:#101010;
    background-size: 20.3vw 20.3vw;
    background-repeat: no-repeat;
    background-position: 0px 30px;
    background-color: #101010;
  }

  .SBS .simplePanel .Family-Container-Opened .Enterprise:active .gwt-Label-title,.SBS.MenuLevel-Tree-STANDARD_FAMILY .Family:active .gwt-Label-title{
    height: calc(20.3vw + 60px);
    background-color:rgba(16,16,16,0.5);
  }
}



.SBS .simplePanel .Family-Container-Opened .Enterprise .gwt-Image-image
{
  width:100%!important;
  height:75%!important;
  object-fit:cover!important; 
}


/* POPUP WINDOW */

.messageWindow, 
.optionWindow{
  width:100%;
  z-index:9999999;
}


.messageWindow .popupContent,
.optionWindow .popupContent{
  width:100%;
  border:none;
  background-color:white;
  -webkit-box-shadow: 0px 0px 10px 1px black !important;
  -moz-box-shadow: 0px 0px 10px 1px black !important;
  box-shadow: 0px 0px 10px 1px black !important;
  border-top:2px solid black;
  border-bottom:2px solid black;
  padding:0px;
  text-align:center;
  float: left;
}

.messageWindow .popupContent div,
.optionWindow .popupContent div{
  float: left;
  position: relative;
  width: 100%;
}

.messageWindow .popupContent .gwt-HTML,
.messageWindow .popupContent .gwt-Label,
.optionWindow .popupContent .gwt-HTML{
  font-weight:bold;
  text-align:center;
  background-color:#101010;
  color:white;
  font-size:1.2em;
  width:100%;
  padding-left:10px;
  padding-right:10px;
  padding-top:20px;
  margin-bottom:20px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(194,194,194,1) !important;
  -moz-box-shadow: 0px 3px 5px 0px rgba(194,194,194,1) !important;
  box-shadow: 0px 3px 5px 0px rgba(194,194,194,1) !important;
}

.messageWindow .popupContent .gwt-Button,
.optionWindow .popupContent .gwt-Button{
  vertical-align:center;
  margin-bottom:20px !important;
  margin-left:5px !important;
  margin-right:5px !important;
  width:auto !important;
}

.optionWindow .popupContent span.gwt-CheckBox{
  width:100% !important;
  float:left;
  margin-top: 0px;
  margin-bottom: 20px;
  color: black;
}

.optionWindow .popupContent span.gwt-CheckBox input{
  margin-right:5px;
}

.gwt-PopupPanelGlass{
  background-color:rgba(0,0,0,0.7);
  z-index:9999999;
  position: fixed !important;
}

/* MODIFIER AND PRODUCT VIEW */

.confirmWindow{
  margin:0px;
  float:left;
  position:relative;
  width:100%;

}

.confirmWindow-textfull {
    background-color: #e2e2e2;
    padding: 10px;
    border-radius: 10px;
}


.confirmWindow .modifierWindow{
  width:45%;
  position: absolute;
  right:0px;
  top:0px;
  margin:0px;
  top: 120px;
  margin-bottom:50px;
}

.confirmWindow .gwt-Label:nth-child(1)
{
  /* color: #101010!important; */
  font-weight:bold;
  font-size: 1.5em;
}

.confirmWindow span{
  color: white;
}

.confirmWindow .modifierWindow .buttonList .gwt-Label-title{
  background-color:#101010;
  color:white;
  font-weight:bold;
  border-bottom:none;
  border-top:2px solid black;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(194,194,194,1);
  -moz-box-shadow: 0px 3px 5px 0px rgba(194,194,194,1);
  box-shadow: 0px 3px 5px 0px rgba(194,194,194,1);
  height:30px;
  font-size:1em;
  width: 100%;
  margin-left: 0%;
}

.confirmWindow .modifierWindow .buttonList .horizontalPanel .gwt-Label{
  color:black;
  font-weight:bold;
  font-size:1em;
}

.confirmWindow .modifierWindow .buttonList .horizontalPanel .price{
  color: #8e8e8e;
  font-weight:bold;
  width: auto;
  position: static;
}

.confirmWindow .buttonsQt button{
  background:none;
  box-shadow:none !important;
  border:none !important;
  background-color: #383838 !important;
  width:auto !important;
  color:white !important;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  -moz-box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  height:40px !important;
  width:40px !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
  box-shadow:none !important;
  font-weight:bold;
  margin:2px;
}

.confirmWindow .buttonsQt button:hover,
.confirmWindow .buttonsQt button:active{
  background-color:white !important;
  color:black !important;
}

.confirmWindow .buttonsQt .price{
  color: white !important;
  font-weight:bold;
  width: auto !important;
  position: static;
  float: none;
  margin-left: 10px;
  margin-right: 10px;
}


.confirmWindow .product{
  background-color:black;
  background-image:url(https://lh3.googleusercontent.com/OMlwua4_69g8T_EuzQjSn2qrRTz2fqOLZeahu4L1Uu0sWsPo5ZxtCZU55fQDWuAah8ldpEB_aK0haojA80Uv-dP7hHDLghzusvz99tkX03noPiVrH6mlLoLPoFCHU75ausu1K3JWyjqTZ5jw60KK3h0_49EXjx3NQIW9hQCggpjS6IhtEOQH82Muvf2qwz9_bKHS03ldoW62lkLH2gA_OW7L3LgiqObW51KO2kxWy7SDf8PeeTelGaV4stgcBZYyw54jA1X7wr0fW6SJFHCaoUAprPTEdlQgR8c5RNs1Vk2GxvTaJrzgaC0HGOFS3HsgxLxhiHTJdkSySQ5nAm0i2B2Z4umAs_3acXEBPppUD6glPrgt4CGLLjArDqMgPm--lTURirQssCcj34mqsaljQ2hw7Vt3lWBnU3gMBSSU9hA2EeMgyx51QLVbhLm_5OESxnnoekln0m_t25wWfNslktTAE8-to8RhAGiIy9qBtQoaOiP7A0u5VKNOuLob1NtAzYlPf09tiX76JDej4XqzbvqJZ_PZQZdkrp1mLtG38fN5ikB264vUpwNOUN-YFl5OUggc9H6bBRMNsjUeFUvptukwpFKSS9xQXyi01ycRd5TShXD0a8stzUuNiqKWmHyUNRRQxCPk3RZMBwcR8PRLnID2DTBIhd-DpgYXAx9LHlo7n21jfoPDw3WZGi092S_HpS6OC8uFlCCA30Bdknne8mc=w1079-h1057-no?authuser=0);
  background-size:100% auto;
  width:45%;
  padding-top:45%;
  border-radius:0px !important;
  background-repeat:no-repeat;
  padding-left:0px !important;
  padding-right:0px !important;
  padding-bottom:0px !important;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(194,194,194,1) !important;
  -moz-box-shadow: 0px 3px 5px 0px rgba(194,194,194,1) !important;
  box-shadow: 0px 3px 5px 0px rgba(194,194,194,1) !important;
  position:absolute;
  top:70px;
  margin:0px;
  margin-bottom:50px;
}

.confirmWindow .product .buttonsQt{
  margin-top:0px;
}

.confirmWindow .product img{
  position:relative;
  float: left;
  margin-top: -36vw;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0px !important;
  box-shadow: none;
}


.confirmWindow:not(.productImage) .product
{
  background-image: none;
  background-color: initial;
  width: 100%;
  position: relative;
  top: initial;
  margin-bottom: initial;
  margin: initial;
  padding-top: initial;
  -webkit-box-shadow:initial!important;
  box-shadow:initial!important;
}

.confirmWindow:not(.productImage) .modifierWindow
{
  left:0;
  width: 100%;
}

.confirmWindow:not(.productImage) .gwt-Label{
  /* padding-top:200px; */
  width: 100%;
  left: 0;
}





@media screen and (max-width: 768px) {
.confirmWindow .product img{
  margin-top: -60vw;
}

}

@media screen and (max-width: 480px) {
.confirmWindow .product img{
  margin-top: -90vw;
}

}


/*.confirmWindow-image .product{
  background-color:initial;
  background-image:initial;
  background-size:initial;
  padding-top:initial;
}*/


@media screen and (max-width: 768px) {
  .confirmWindow .modifierWindow{
    width:60%;
    float:left !important;
    position:relative;
    margin-left:20%;
    top:auto;
  }

  .confirmWindow .product{
    width:60%;
    padding-top:60%;
    float:left;
    position:relative;
    margin-left:20%;
    top:auto;
    margin-top:10px;
  }

  .confirmWindow .gwt-Label{
    color:black;
    font-weight:bold;
    font-size:1.2em;
    margin-left:20%;
    width:60%;
  }

  .confirmWindow span{
    width: 60%;
    position: relative;
    float: left;
    margin-left: 20%;
  }
}

@media screen and (max-width: 480px) {
  .confirmWindow .modifierWindow{
    width:90%;
    margin-left: 5%;
  }

  .confirmWindow .product{
    width:90%;
    margin-left:5%;
    padding-top:90%;
  }

  .confirmWindow .gwt-Label{
    margin-left:5%;
    width:90%;
  }

  .confirmWindow span{
    margin-left:5%;
    width:90%;
  }
}




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

.confirmWindow:not(.productImage) .modifierWindow
{
  left:0;
  width: 90%;
  margin-left:5%;
}
.confirmWindow:not(.productImage) .product
{
  width: 90%;
  margin-bottom:20px;
  margin-top:20px;
    margin-left:5%;

}
.confirmWindow:not(.productImage) .gwt-Label{
  width: 90%;
    margin-left:5%;
  
}

}


/* ORDER LIST */

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .focusPanel .horizontalPanel button{
  width: 10px !important;
  min-width: 35px;
  height: 35px;
  padding: 0px;
} 

.menu .simplePanel#content .SimplePanel_SBS .focusPanel{
  float:left;
}

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem{
  float:left;
  width:100%;
}


.menu .simplePanel#content span{
  /* color: #000000 !important; */
}

.menu .simplePanel#content .titlePrice span{
  color:red !important;
  background-color:black;
  padding:2px;
  left:0px;
  top:0px;
  font-size:0.6em;
}

.menu .simplePanel#content .-price{
  color: #233872 !important;
  padding-top:7px;
}

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .titlePanel .gwt-Label-title{
  max-width:50%;
  padding-top:7px;
}

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .focusPanel{
  border:none;
  margin: 1px;
  cursor: pointer;
}

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .modifierWindow{
  background-color:white;
  margin:0px;
  padding-left:20px;
  float:left;
  width:100%;
  margin-bottom:10px;
}

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .modifierWindow .focusPanel{
  margin-bottom:5px !important;
  float: left;
  width: 100%;
}

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .modifierWindow .gwt-Label-title{
  background-color:#101010;
  color:white !important;
  font-weight:bold;
  border-bottom:none;
  border-top:2px solid black;
  height:25px;
  line-height:20px;
  margin-bottom:5px;
  float: left;
  width: 100%;
}

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .modifierWindow .horizontalPanel{
  padding-top:0px !important;
  padding-left:5px;
  height:auto;
  float:left;
  width:100%;
}

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .modifierWindow .horizontalPanel .gwt-Label,
.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .modifierWindow .horizontalPanel .price{
  padding-top:5px;
}

.menu .simplePanel#content .simplePanelOrderList .orderList .orderItem .modifierWindow .horizontalPanel .checkButton{
  margin-top:-4px;
} 

@media screen and (max-width: 768px) {
  .menu .simplePanel#content .simplePanelOrderList .orderList{
    width:90%;
    margin-left:5%;
  }
}

@media screen and (max-width: 480px) {
  .menu .simplePanel#content .simplePanelOrderList .orderList{
    width:98%;
    margin-left:1%;
  }
}

/* ORDER LIST SBS */

.SimplePanelScroll_overview{
  height: calc(100vh - 120px) !important;
  margin-top: 120px;
  border:none;
  background-color:transparent;
  border-left:2px solid black;
  border-top:2px solid black;
  width: 30% !important;
  margin-left: 5%;
}

.SimplePanelScroll_overview .SimplePanel_SBS{
  background-color:transparent;
  padding:10px;
  margin-top:100px !important;
}

.SimplePanelScroll_overview:before{
  background-color:#101010;
  content:" ";
  width:calc(28.5% - 2px);
  height:80px;
  position:fixed;
  top: 120px;
  right:0px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(194,194,194,1) !important;
  -moz-box-shadow: 0px 3px 5px 0px rgba(194,194,194,1) !important;
  box-shadow: 0px 3px 5px 0px rgba(194,194,194,1) !important;
  z-index:1;
  border-top:2px solid black;
  border-left:2px solid black;
  background-image: url(https://lh3.googleusercontent.com/RBaIsrhlM3_e9IgyBZ8Nqd0lIGlvRdYcGZ986JornGvc-_cZN1FjoSuoO72rz7ZpwR--flLlq89J5uUyxr8);
  background-size:70px 70px;
  background-position:5px 5px;
  background-repeat:no-repeat;
}

.SimplePanelScroll_overview .SimplePanel_SBS .focusPanel{
  margin:0px !important;
  padding:0px !important;
  margin-bottom: 5px !important;
  border-bottom:none !important;
  float:left;
  width:100%;
  cursor:pointer;
}

.SimplePanelScroll_overview .SimplePanel_SBS .gwt-Label{
  color:black !important;
}

.SimplePanelScroll_overview .SimplePanel_SBS span{
  color: #51bbe3 !important;
}
.SimplePanelScroll_overview .SimplePanel_SBS .-price{
  color: #52bce4 !important;
  padding-top:7px;
}


.SimplePanelScroll_overview .SimplePanel_SBS .orderItem .focusPanel .horizontalPanel button{
  width: 10px !important;
  min-width: 25px;
  height: 25px;
  padding: 0px;
  margin:auto!important;
}

.SimplePanelScroll_overview .simplePanelOrderList .orderList .orderItem .titlePanel .gwt-Label-title{
  max-width: 57%;
  padding-top:7px;
}

.SimplePanelScroll_overview .simplePanelOrderList .orderList .orderItem .modifierWindow{
  background-color:white;
  margin:0px;
  padding-left:20px;
  float:left;
  width:100%;
  margin-bottom:10px;
}

.SimplePanelScroll_overview .simplePanelOrderList .orderList .orderItem .modifierWindow .gwt-Label-title{
  background-color:#101010;
  color:white !important;
  font-weight:bold;
  border-bottom:none;
  border-top:2px solid black;
  height:25px;
  line-height:20px;
  margin-bottom:5px;
  float: left;
  width: 100%;
}

.SimplePanelScroll_overview .simplePanelOrderList .orderList .orderItem .modifierWindow .horizontalPanel{
  padding-top:0px !important;
  padding-left:5px;
  height:auto;
  float:left;
  width:100%;
}

.SimplePanelScroll_overview .simplePanelOrderList .orderList .orderItem .modifierWindow .horizontalPanel .gwt-Label,
.SimplePanelScroll_overview .simplePanelOrderList .orderList .orderItem .modifierWindow .horizontalPanel .price{
  padding-top:5px;
  max-width: 57% !important;
}

.SimplePanelScroll_overview .simplePanelOrderList .orderList .orderItem .modifierWindow .horizontalPanel .checkButton{
  margin-top: 10px;
} 

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

  .SimplePanelScroll_overview{
    width:40% !important;
  }

  .SimplePanelScroll_overview:before{
    width: calc(38.0% - 2px);
  }
}

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

  .SimplePanelScroll_overview{
    width:48% !important;
  }

  .SimplePanelScroll_overview:before{
    width: calc(45.6% - 2px);
  }
}

/* LOADING SCREEN */

.svg .hourGlass,
.hourGlass{
  animation:none;
  background-color:transparent;
  background-image:none;
  background:#424b8f;
  -webkit-animation:load1 1s infinite ease-in-out;
  animation:load1 1s infinite ease-in-out;
  width:1em;
  height:calc(4em * 1);
  border-radius:0.5em;
  color:#424b8f;
  text-indent:-9999em;
  margin:88px auto;
  position:relative;
  font-size:11px;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-delay:-0.16s;
  animation-delay:-0.16s;
}

.hourGlass:after{
  background:#424b8f;
  -webkit-animation:load1 1s infinite ease-in-out;
  animation:load1 1s infinite ease-in-out;
  width:1em;
  height:calc(4em * 1);
  border-radius:0.5em;
  position:absolute;
  top:0;
  content:'';
  left:1.5em;
}

.hourGlass:before{
    background:#424b8f;
  -webkit-animation:load1 1s infinite ease-in-out;
  animation:load1 1s infinite ease-in-out;
  width:1em;
  height:calc(4em * 1);
  border-radius:0.5em;
  position:absolute;
  top:0;
  content:'';
  left:-1.5em;
  -webkit-animation-delay:-0.32s;
  animation-delay:-0.32s;
}


.hourGlassWrapper{
  width:80%;
  margin-left:10%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  margin-bottom:150px;
  margin-top:30px;
  display:block;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  height:calc(70vh - 80px);
  margin-bottom:0px;
  display:block;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:0px;
  
    margin-top:50vh;
  transform:translateY(-50%);
}

@keyframes load1{
  0%,
  80%,
  100% {
    box-shadow: 0 0;
 /*   height:calc( #sizeBar# * 1); */
height:calc( 4em);

  }
  40% {
    box-shadow: 0 -2em;
/*    height: calc( #sizeBar# * 1.2) ; */
height:calc( 5em);

  }}


#infoMessages{
  display:none;
}





/* DIVISION CHOOSER */

.tablesList{
  width:80% !important;
  margin-left:10%;
  margin-top:80px;
}

.tablesList .ChooseTable_DivisionTypeSeparator{
  display:none;
}

.tablesList .table{
  width:38vw;
  background-color:grey;
  box-shadow:none;
  border:none;
  height:15.83vw;
  border-radius:0px;
  margin:1vw;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  -moz-box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  box-shadow: 0px 0px 10px 1px rgba(194,194,194,1) !important;
  background-size:100% 100%;
}

.tablesList .table:active{
  background-size:100% 100%;
}

.tablesList .table .gwt-HTML,
.tablesList .table .gwt-HTML{
  transition: width 0.3s ease-out;
}

.tablesList .table:hover .gwt-HTML,
.tablesList .table:active .gwt-HTML{
  width:100%;
  transition: width 0.3s ease-out;
  background-color: #000000;
}

.table.Division_Porto_Porto {
    background-image:url('https://lh3.googleusercontent.com/T1lbAwrFpFRE6jFUzbQ7bEaNBK76fEl4bhWNoZhforVBPl3wM8EhHGpOLnQ43uT5u2Sh2qW785Prp5e3KBCulw?noSquare');
}
.table.Division_Braga_Braga {
    background-image:url('https://lh3.googleusercontent.com/OGQ8r7udqzDESEZhyRYveC03ODboiw1jC5ukjMBu6Fhrcwjzlv30AODZXOuj-gn8sTO6bFp1dUJAFSP5lCBs?noSquare');
}
.table.Division_Coimbra_Coimbra {
    background-image:url('https://lh3.googleusercontent.com/peQi0wjYeekG1NQxKCcdxuJgvCw0UOZm_5hscMRI3BC395NQxokB5fBDY7_AOKCjZ5KnRy_FslpAASoWyjT_NA?noSquare');
}
.table.Division_Lisboa_Lisboa {
    background-image:url('https://lh3.googleusercontent.com/3d22s3ImfZC_HetiRNWmHYaaRGdWMWrJ_4Hy_DfuPPMlrO9xf2qhNaATTcgrUuETyzcj6-3mrg3HFkEhE2Y?noSquare');
}
.DivisionChooser .table.Division_Lisboa_Oriente_Oriente {
      background-image:url('https://lh3.googleusercontent.com/3d22s3ImfZC_HetiRNWmHYaaRGdWMWrJ_4Hy_DfuPPMlrO9xf2qhNaATTcgrUuETyzcj6-3mrg3HFkEhE2Y?noSquare');
}

.DivisionChooser .table.Division_Almada_Almada {
  background-image:url('https://lh3.googleusercontent.com/6-W96Ro2d5tHN4mbQN9urHI5S-DGnzrzWBBkPZ05YY17C-RFEmTdDoCt6mJLL3XtyY9AlRbnJlXOC5BpLpZt?noSquare');
}
.DivisionChooser .table.Division_Aveiro_Aveiro {
    background-image:url('https://lh3.googleusercontent.com/tvHtkWaYKPaMva8Ijxm2KknBeryL3572qECKXvkxc0WGip21m79Is0fX9w11hsECamNINSF8w-x-z7j3-5J-?noSquare');

}

.DivisionChooser .table.Division_Espinho_Espinho {
    background-image:url('https://lh3.googleusercontent.com/B1Mw6rbSrg_HYWxExNC2QKsNnJQXbr6EyFY-KVrHaDfI6o9kq29hlYDj26MrPECQJd83NNmLoEc2--cbbhZx?noSquare'); 
}
.DivisionChooser .table.Division_Matosinhos_Matosinhos {

     background-image:url('https://lh3.googleusercontent.com/zrLZcplxfstPclIbcZSVWyvN202O_c6rLElXN9f755YaCweoSPmrEbWUW2vs2-1cEUd-3Gw3luaKMtsmnAg?noSquare'); 
}

.DivisionChooser .table.Division_Evora_Evora {
     background-image:url('https://lh3.googleusercontent.com/VMcvci_icCxM6h7o5Hy70W_OOwvcUK8bSIAqzN43ImbNR6P5GiNnU489OSNyWkQh7covU9uEaJT3xKf5WOUD'); 
}

.DivisionChooser .table.Division_Faro_Faro {
     background-image:url('https://lh3.googleusercontent.com/cobkoJF20tQPy4SLbdt9y_OoZe_-O3yyM_tQyhMm50YkCFrVKSji9lC7bQPf0fwmuS2sdLoRV9riTRTk3cKe2A?noSquare'); 
}

.DivisionChooser .table.Division_Figueira_da_Foz_Figueira_da_Foz {
     background-image:url('https://lh3.googleusercontent.com/odFHAEFW1ek1tYQjCEGeD1kJjr3TLqRnJMvEye5KVUJOK-GyK1S1WwwjeQXDRQVz2zI7Xv2eu4PuuiswbkGH?noSquare'); 
}

.DivisionChooser .table.Division_Funchal_Funchal {
     background-image:url('https://lh3.googleusercontent.com/h0ULTMObwwvBkaFy7v2CywdmccLKvDPbq3ui-5S_F8n1i6U8ljLeSxtZKh2wRvkxhkkvlXvnDGBY4KiJ_lOM?noSquare'); 
}

.DivisionChooser .table.Division_Gondomar_Gondomar {
     background-image:url('https://lh3.googleusercontent.com/9C3Ozr4V0P5TrexFvX8s0Y8-5G1BVsULtlR6YMTis0RR_yoe3qg4W3TjVZm24MKCvmSap05v28miPknXx3Yr5Q?noSquare'); 
}

.DivisionChooser .table.Division_Guimaraes_Guimaraes {
     background-image:url('https://lh3.googleusercontent.com/u8CWZIFSrV22dFuHZV4WX19kZnb_juRJmt0_WG42zWHqzSE9USc2erj-6PYg31pFSoMwMJ3YR9cGvLncD6c?noSquare'); 
}

.DivisionChooser .table.Division_Leiria_Leiria {
     background-image:url('https://lh3.googleusercontent.com/kqYrn2Qg7SGSc2pH67SI8t9tu5g2ce1Dyead1Nf1F8oMkHsYI9pB-6tKwN5trCVFhPMYhnaRcDmFhLOcmMzo8g?noSquare'); 
}


.table.Division_Maia_Maia {
}

.table.Division_Mindelo_Mindelo {
}

.table.Division_Ponta_Delgada_Ponta_Delgada {
}

.table.Division_Portimao_Portimao {
}


.table.Division_Povoa_de_Varzim_Povoa_de_Varzim {     
}

.table.Division_Santarem_Santarem {
}

.table.Division_Setubal_Setubal {
}

.table.Division_Valongo_Valongo {}

.table.Division_Viana_do_Castelo_Viana_do_Castelo {}

.table.Division_Vila_Nova_de_Gaia_Vila_Nova_de_Gaia {}

.table.Division_Viseu_Viseu {}


.tablesList .table .gwt-HTML{
  color: white !important;
  font-size:2em;
  font-weight:bold;
  margin-top:0px;
  margin-left:0px;
  padding:0px;
  text-align:left;
  font-size:1em;
  /* background-color:#101010; */
  float:left;
  padding-top:10px;
  padding-left:5px;
  padding-right:8px;
  /* border-top: 2px solid black; */
}

.tablesList .table .gwt-HTML::first-letter{
  display:block;
  font-size:1.8em;
  color:white;
}

@media screen and (max-width: 768px) {
  .tablesList{
    width:100% !important;
    margin-left:0px;
  }

  .tablesList .table{
    width:48vw;
    height:20vw;
    margin:1vw;
  }
}

@media screen and (max-width: 480px) {
  .tablesList .table{
    width:98vw;
    height:40.83vw;
  }
}

/* ADDRESS LOCATION */

.footerMenu .menuItem{
  /* display:none!important; */
}
.AddressLocationForm .footerMenu .menuItem{
  display:initial!important;
}

.footerMenu .footerItem.Item{
  /* width: 100%!important; */
  /* position: relative; */
}

.footerMenu .footerItem.Item .titlePrice{
  /* width: initial!important; */
}

.footerMenu .footerItem.Item .gwt-Label{
  /* width:initial!important; */
  text-align: center;
  font-size: 1.1em;
}
.footerMenu .footerItem.Info .gwt-Label{
  /* width:initial!important; */
  text-align: center;
  font-size: 1.1em;
}

.footerMenu .footerItem.Item .gwt-Label:hover{
  color: #424b8f;
}

.AddressLocationForm{
  /* background-image:url('https://lh3.googleusercontent.com/Dl7CnY5MzSwNb-2npAc9ZnYEDl3hXFC4x_1Ti6TGbeySgYh38LbvNhBdqwiiSX2ZTkc389gFGhi_tEep74hfmw=s5000'); */
  /* background-repeat: no-repeat; */
  /* background-position:0px 0px; */
  /* width: 100%; */
}

.parallax .AddressLocationForm{
  height: 106vh;
  position: fixed;
}

.chooseTable .AskAddressLocation{
  padding: 20px !important;
  position: relative !important;
  top: auto;
}

.chooseTable .AskAddressLocation .gwt-Button:nth-of-type(1){
  background-color: #424b8f;
  color: white;
  width:49% !important;
  height: 65px;
  float: right;
  /*background-image: url('https://lh3.googleusercontent.com/1-SWZY6fScRGar515Imj-e2YUrLVaJGJ6nZ4kd9IUzhBQvR5LTmyrb-3raVp-Lwgg6GBfXwG4SqhbHTKdFWe?noSquare');*/
  background-repeat:no-repeat;
  background-size: auto 22px;
  background-position: 7px 4px;
  /* padding-left: 28px; */
  font-size: 1.1EM;
  text-transform: uppercase;
  margin-left: 2%;
  z-index: 10000;
}

.BookingCorrection.chooseTable .gwt-Button{
  margin-top:150px!important;
}

.chooseTable .AskAddressLocation .gwt-Button:nth-of-type(1):active,
.chooseTable .AskAddressLocation .gwt-Button:nth-of-type(1):hover{
  background-color: #20294e;
  color:white;
}

.chooseTable .AskAddressLocation .gwt-Button:nth-of-type(2){
  width:49% !important;
  /* margin-left:2% !important; */
  height: 65px;
  background-image: url('https://lh3.googleusercontent.com/SmECoQu6FWsD8iXoq7Mc2SxNr34dikg9W6jVloVOFyHXqTFKg4wO3oO1hE9BydcTQIvJKbafc50hzBaaFrsS');
  background-repeat: no-repeat;
  background-size: 20px 22px;
  background-position: 4px 4px;
  padding-left: 28px;
}

.chooseTable .loginManager.AskAddressLocation .gwt-Button:nth-of-type(2){
  display:none;
}

.chooseTable .loginManager.AskAddressLocation .gwt-Button:nth-of-type(1){
  width:100% !important;
  float: none;
}

.chooseTable .AskAddressLocation .gwt-Button:nth-of-type(4){
  margin-bottom:0px !important;
  padding:0px;
  height:30px;
  background-color:grey;
  background-image: url('https://lh3.googleusercontent.com/krUa0VRZ-XvwHTRxQjx2kRwaAgabTdkUW7B8JnF431Jac3nqVWp0UljLZ0QAOgINtgjyTmsbxzFmPXFsTw0WfA');
  background-repeat: no-repeat;
  background-size: 20px 22px;
  background-position: 4px 4px;
  padding-left: 28px;
}

.chooseTable .AskAddressLocation .gwt-Button:nth-of-type(3){
  display:none;
}

.chooseTable .AskAddressLocation .address{
  padding:0px;
  margin:0px;
  width:100% !important;
  margin-left:0;
  margin-top: 0px;
  padding-top: 10px;
  padding-left: 5px;
  margin-bottom: 0px;
  float: left;
  padding-left:18px;
  cursor: pointer;
}

.chooseTable .AskAddressLocation .address:before{
  content:" ";
  background-image:url('https://lh3.googleusercontent.com/WpEDf_RvT2aiOr9c6dz-pIbvWv2oJIubK7FfD6-O9c1fZ0XefBIdXBGtK5JNwN2h6-9VfdON-br9AUSSaun1');
  position:absolute;
  width:15px;
  height:23px;
  margin-left:-18px;
  margin-top: -3px;
  background-size:auto 23px;
  background-repeat:no-repeat;
}

.chooseTable .AskAddressLocation .address .gwt-Label{
  width:auto;
  float:left;
  color:black;
  height:auto;
  font-size: 0.9em;
  font-weight: bold;
}

.chooseTable .AskAddressLocation .address .gwt-Label:not(:last-child):after{
  content:",\00a0";
}

.chooseTable .AskAddressLocation .address .checkButton{
  height:32px;
  margin-top: -9px;
}

.svg .address .Modifier_dotted{
  background-image:url(SvgLoader/check_dot.00000000.000000ff.000000ff.svg) !important;
}

.svg .address .Modifier_unchecked{
  background-image:url(SvgLoader/check_dot.ffffff00.000000ff.00000000.svg)
}


.chooseTable .AskAddressLocation .BookingPanel{
  padding:0px;
  margin:0px;
  width:100%;
  margin-left:0;
  float: left;
  height: auto;
  margin-bottom: 5px;
  border-top: 2px solid black;
  margin-top: 10px;
  padding-top: 20px;
  padding-left:30px;
  background-image:url('https://lh3.googleusercontent.com/5gARa_Z4HLJScVZTO9kBtiscVvvbXojXL6YphRb_c9MM4C4Qi2u_2kLRN4Vgb8ub9Q8hU3iNOkDwV-KX2pra');
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:0px 18px;
}

.chooseTable .AskAddressLocation .BookingPanel select{
    padding: 5px;
    padding-bottom: 0px;
    margin: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: white;
    border-radius: 0px;
    color: #000;
    font-weight: bold;
    font-size: 1em;
    border:none;
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    margin-top: -5px !important;
    padding-left:0px;
    width: 215px;
    height: 30px;
    /*-webkit-animation: flash;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;*/
}

.chooseTable .AskAddressLocation .BookingPanel select:disabled{
  background:white;
  color:transparent;
  background-image:url(https://i.giphy.com/media/sSgvbe1m3n93G/giphy-downsized.gif);
  background-size:25px 25px;
  background-position:center;
  background-repeat:no-repeat;
}

.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form:after{
  content:" ";
  width: 30px;
  height: 30px;
  margin-left: -40px;
  margin-top: -10px;
  position:absolute;
  background-image: url('https://lh3.googleusercontent.com/U4ZIt8lGP6qemqkAR0sQo-D7Qybv_q_PlumhfWn_7VCYN_TNzDee8QMrZYhrSm7FcNvCLxHT-9ih12QvRUOO');
  background-size: 40px 40px;
  /* background-position: -10px -10px; */
  background-repeat: no-repeat;
  cursor: pointer;
  pointer-events: none;
  -webkit-animation: flash;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
}

.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form:before {
    content:'';
    right:0px;
    bottom: 0px;
    width: 20px;
    height: 28px;
    background: white;
    position:absolute;
    pointer-events:none;
    display:block;
    border-bottom: 2px solid black;
    box-sizing: border-box;
}

.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_title{
  color: black;
  text-align:center;
  font-weight:bold;
  float: left;
  margin-top: 0px;
}

.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form{
  position: relative;
  margin-bottom: 0px;
  float: right;
  margin-top: 0px !important;
  width: auto !important;
}

.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form .gwt-Label{display: none;}

.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form .gwt-Label:after{
  content:":";
}
.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form .FormSelect{float: left;}

.chooseTable .AskAddressLocation .gwt-Button{
  width:100% !important;
  /* margin-left:0 !important; */
}

.AddressLocationForm .AskAddressLocation{
  background-color: rgba(255,255,255,0.9);
  width:600px;
  margin:0 auto;
  /* border-top:2px solid red; */
  margin-top: 0px !important;
  visibility: hidden;
  animation: appearAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode:forwards;
  -webkit-animation:appearAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode:forwards;
  -moz-animation:appearAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode:forwards;
  border-radius: 10px;
}

.parallax .AddressLocationForm .AskAddressLocation{
  transform: translateZ(0);
  z-index: 9999999;
}

@media screen and (max-width: 768px) {
.AddressLocationForm .AskAddressLocation{
  background-color: rgba(255,255,255,1);
}


}


.AddressLocationForm #logotype{
  background-color: rgba(255,255,255,0.8);
  width:100%;
  margin-left:0px;
  border-bottom:none;
  height:140px !important;
  transform: translateZ(0);
  position: absolute;
  /* display: none; */
  z-index: initial;
}

.AddressLocationForm #logotype img.gwt-Image{
    display: block !important;
    max-width: 250px;
    max-height: 90% !important;
    top: 3px;
    width: auto;
    height: auto !important;
    margin-left: 10%!important;
    margin-top: 10px!important;
    /* margin-left: calc(50vw - 185px) !important; */
}

.AddressLocationForm .TITLE_BAR{
  width: 100% !important;
  margin-top: 0px;
  box-sizing:border-box;
  background-color: transparent;
  left: 0px;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  position: relative;
  top: 50px;
  border: none;
}

.AddressLocationForm .freeItems{
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  background-color: transparent;
  z-index: initial;
  height: auto;
  top: auto;
  margin-top: 140px;
}

.parallax .AddressLocationForm .freeItems{
  /* transform: translateZ(0); */
}

.AddressLocationForm .TITLE_BAR .gwt-Label-title{
  font-size:1.4em;
  color:white;
  padding-bottom: 0px;
  padding-top: 0px;
  top: 0px;
}

.restaurants #logotype .option{
  margin-top:2px;
}

.restaurants #logotype .gwt-Image-options{
  background-color:transparent;
}

.restaurants #logotype .gwt-Image-options .gwt-Image-options-options{
  background-image: url(SvgLoader/options.000000ff.000000ff.000000ff.svg);
}

.AskAddressLocation .AskAddressLocation_locationHelper{
  float: none;
  width:100%;
  background-color: transparent;
  border: none;
  color: #666 !important;
  height: 50px;
  padding: 0px;
  border: 1px solid #666;
  border-radius: 0px;
  padding: 5px;
  text-align: center;
  display: block !important;
} 

.loginManager.AskAddressLocation .gwt-Label{
  color:black;
  font-weight: bold;
}

.loginManager.AskAddressLocation .gwt-TextBox{
  border-radius: 0px;
  background-color: #eaeaea;
  border: 0px;
  margin-top: 5px;
  padding: 5px;
}

@media screen and (max-width: 768px) {
.AddressLocationForm #logotype img.gwt-Image{
    margin-left: 10px !important;
}
}

@media screen and (max-width: 768px) {
.loginManager.AskAddressLocation .gwt-TextBox{
  background-color: #d0d0d0;
}
}

.loginManager.AskAddressLocation .gwt-TextBox:focus{
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}

.loginManager.AskAddressLocation .gwt-TextBox::selection{
  /* background:red; */
}

.AddressLocationForm .restaurants{
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.parallax .AddressLocationForm .restaurants{
  perspective: 1px;
  position: fixed;
height: 100vh;
}

/*  MAIN SCREEN INFO */

.AddressLocationForm .freeItems .homepageImage{
  position: fixed;
  top: 0px !important;
  width: 100%!important;
  height: 100vh!important;
  z-index: -1;
  bottom: 0px;
  left: 0;
  margin: 0px!important;
  border: none!important;
  background: none;
/*  background-image: url(https://lh3.googleusercontent.com/pw/ACtC-3e3JlvPG89RfBDlYJk2177oM_pvcghag-eSg0tDSMAtmYV_SM9y81YI3PRlHpr8n6F0ZRBd6JAZHpEzoVDfZKyzSxprdRvayIcfbkttvE2t8Njr6eOSVkLY9ics1UtcSC7Rfqa2YWNiZEQDZY_0j1M=w1407-h1057-no);
*/
  background-image: url(https://lh3.googleusercontent.com/EzOJClCD3E31GTxkNmj9Lze1fJw0ikWiQRhmP18uVsF61KzsMYPM6Z91GY111H2tk1u8gIanA4kq7G02MrbIvH_cmHV8wY2YCA=s0);
  pointer-events:none;
  background-position: initial!important;
  background-size: cover!important;
}

.AddressLocationForm .freeItems .homepageImage:after{
  position: fixed;
  top: 0px !important;
  width: 100%!important;
  height: 100vh!important;
  left: 0;
  background-color:#0000006b;
  content:"";
}

/*
.parallax .AddressLocationForm .freeItems .homepageImage{
  position:absolute;
  transform: translateZ(-1px) scale(1.85);
  top: 50px !important;
}
*/

.AddressLocationForm .freeItems .homepageImage .titlePrice{
  display:none;
}

.homepageImage .gwt-Label-title{
  display:none;
}

 .headerMenu {

  display:block;
  margin-right: 0px;
  right: 10%;
  position: fixed;
  width: 60%;
  height: 40px!important;
  top: 80px!important;
  z-index: 9999999;
  overflow: hidden;
  padding-top: 5px;
  background-color:#f1f1f1;   
   
}

.ShopCart .headerMenu{
  /* right:12%; */
  /* margin-right: 30px; */
}

.AddressLocationForm .headerMenu{
  position:absolute;
  overflow:initial;
}

.SBS .headerMenu{
  right: 0%;
}

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

.SBS .headerMenu{
  /* display:none; */
}

}


.headerMenu .InnerOptionWrapper , .headerMenu .headerItem{
  position: relative;
  /* top: 30px!important; */
  /* background-color: rgba(255, 255, 255, 0.43); */
  /* border-radius: 10px; */
  font-size: 1.1em;
  float: right;
  z-index: 9999999;
  /* border: initial; */
  /* padding-right: initial!important; */
  /* margin-right: initial!important; */
}

.AddressLocationForm .InnerOptionWrapper
{
  /* display:none; */
}

@media screen and (max-width: 1200px) {
.headerMenu .InnerOptionWrapper , .headerMenu .headerItem{
  position: fixed;
  margin-top:80px;
}

.AddressLocationForm .headerMenu .InnerOptionWrapper
{
  position:absolute;
}

@media screen and (min-width: 768px) {
.headerMenu .InnerOptionWrapper , .headerMenu .headerItem{
  margin-right: 10%!important;
}
  
  
  
}


}

@media screen and (max-width: 480px) {
.headerMenu .InnerOptionWrapper , .headerMenu .headerItem{
  margin-top:0px;
}
}




.InnerOptionWrapper .headerItem,
 .headerMenu .headerItem .gwt-Label-title{
  color: dimgrey;
  font-weight: 700;
  text-transform: uppercase;
  /* z-index: 11!important; */
}

.InnerOptionWrapper .headerItem
{
    background-color: #ffffff00!important;
    top: 0px !important;
    border: none !important;
    display:initial;
}

.InnerOptionWrapper .headerItem:hover, .headerMenu .headerItem .gwt-Label-title:hover, .headerMenu .headerItem .gwt-Label-title:active{
  color: #424b8f;
}



.AddressLocationForm .footerMenu{
  border:none;
  position: relative;
  float: left;
  top: auto !important;
  bottom: auto;
  height: auto;
  width: 100%;
  margin-top: 0px;
  display: none;
}

.parallax .AddressLocationForm .footerMenu{
  transform: translateZ(0);
}

.AddressLocationForm .footerMenu:before{
  content:' ';
  background-image:url('https://lh3.googleusercontent.com/w6wgL1RT710MDzFAD_C_4sgomKcZCRumzSwU3WtlMKFrImu4MNPfQF9ORrd4QJ8wNPQfPaEHiTLh65-YMAKv');
  width:45px;
  height:45px;
  position: absolute;
  left: calc(50% - 22.5px);
  top: -34px;
}

.AddressLocationForm .footerMenu:before{
  animation:appearAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode:forwards;
  -webkit-animation:appearAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode:forwards;
  -moz-animation:appearAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode:forwards;
}

.AddressLocationForm .footerMenu.animated:before{
  animation:disappearAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode:forwards;
  -webkit-animation:disappearAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode:forwards;
  -moz-animation:disappearAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode:forwards;
}

.AddressLocationForm .footerMenu .banner.menuItem{
  width: 100% !important;
  background-color:white;
  float:left;
  margin: initial;
  /* min-height: 650px !important;*/
  /* pointer-events: none; */
}



.AddressLocationForm .footerMenu .banner.menuItem .HTMLViewer{
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  transform-origin: initial !important;
  /* text-align: center; */
}

.AddressLocationForm .footerMenu .banner.menuItem .HtmlOverlap,
.AddressLocationForm .footerMenu .banner.menuItem .titlePrice{
  display:none !important
}

.AddressLocationForm .footerMenu .banner.menuItem .HTMLViewer .title{
  width:100%;
  height:auto;
  font-size:2.5em;
  color: black;
  /* text-shadow:0px 3px 4px black; */
  text-align:center;
  /* font-weight:bold; */
  padding:10px;
  text-transform: uppercase;
  font-weight: 400;
}

.AddressLocationForm .footerMenu .banner.menuItem:nth-child(2) .HTMLViewer .title{
  color: black;
}

 .footerMenu .banner.menuItem:nth-child(2) .icons{
  width: 68%;
  margin-left:2%!important;
  max-width: 775px; 
  /* position: relative; */
  /* margin-left: 5%; */
  margin-top: 50px!important;
  height: auto;
  position:relative;
  float: left;
  /* margin-left: 10%; */
  /* margin: 0 auto; */
  /* background-color: blue!important; */
  /* background-image: initial; */
  /* z-index: 999999999999; */
  /*margin: 0px;*/
}

 .footerMenu .banner .icons .icon{
  width: 33%!important;
  /* height: 100%; */
  position:relative;
  float: left;
  /* margin-left: 4%; */
}
 .footerMenu .banner .icons .icon img{
  width: 100%!important;
  height: auto!important;
}

 .footerMenu .banner .icons .icon:nth-child(1){
  /* height:300px; */
  margin-top: 3%;
  margin-right: -6%;
  animation:disappearAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode:forwards;
  -webkit-animation:disappearAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode:forwards;
  -moz-animation:disappearAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode:forwards;
  opacity:1;
}


 .footerMenu .banner .icons .icon.animated:nth-child(1){
  animation:appearAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode:forwards;
  -webkit-animation:appearAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode:forwards;
  -moz-animation:appearAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode:forwards;
  opacity:0;
}


 .footerMenu .banner .icons .icon:nth-child(2){
  z-index:1;
  animation:disappearAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode:forwards;
  -webkit-animation:disappearAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode:forwards;
  -moz-animation:disappearAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode:forwards;
  opacity:1;
}

.AddressLocationForm .footerMenu .banner.menuItem:nth-child(2) .icons .icon:nth-child(2){
  width: 36% !important;
}


 .footerMenu .banner .icons .icon.animated:nth-child(2){
  animation:appearAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode:forwards;
  animation-delay: 0.6s;
  -webkit-animation:appearAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode:forwards;
  -webkit-animation-delay: 0.6s;
  -moz-animation:appearAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode:forwards;
  -moz-animation-delay: 0.6s;
  opacity:0;
}


 .footerMenu .banner .icons .icon:nth-child(3){
  /* height:300px; */
  margin-top: 3%;
  margin-left: -6%;
  animation:disappearAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode:forwards;
  -webkit-animation:disappearAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode:forwards;
  -moz-animation:disappearAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode:forwards;
  opacity:1;
}


 .footerMenu .banner .icons .icon.animated:nth-child(3){
  animation:appearAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode:forwards;
  animation-delay: 0.3s;
  -webkit-animation:appearAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode:forwards;
  -webkit-animation-delay: 0.3s;
  -moz-animation:appearAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode:forwards;
  -moz-animation-delay: 0.3s;
  opacity:0;
}

 .footerMenu .banner .store{
  position: relative!important;
  width: 28%!important;
  right: 2%;
  /* border-right: 40px; */
  margin-top: 50px;
  height: initial!important;
  float: right;
  /* margin: 0px; */
  /*  background-color: #d07701; */
}

@media screen and (min-width: 1111px) {
 .footerMenu .banner .store{
  width: calc(97vw - 780px )!important;
}
}

@media screen and (max-width: 480px) {
 .footerMenu .banner .store{
  width: 98%!important;
  right: initial;
  /* float:left; */
  margin-left: 1%;
  margin-top: initial;
}
 .footerMenu .banner .icons{
  width: 100%!important;
  /* float:right; */
  /* min-height:250px; */
  height: auto;
}
 .footerMenu .banner .icons .icon{
  margin-left:2%;
 }
}

.menuItem.banner:nth-child(2) .store img:nth-child(2){
  width: 30%!important;
  margin-top:20px;
  height:auto!important;
  /* margin-right: 70%; */
  /* margin-left: 0%; */
  /* float: left; */
}

.menuItem.banner:nth-child(2) .store img:nth-child(3), .menuItem.banner:nth-child(2) .store img:nth-child(4){
  margin-top: 20px;
  width: 45%!important;
  height:initial;
  margin-right: 2.5%;
  margin-left:2.5%;
  margin-bottom:20px;
  height: initial!important;
  float: left;
}


.banner .store spam{
  /* position: absolute; */
  /* margin-top: 50px!important; */
  /* text-align: left; */
  /* width: 100%; */
  font-size:1.2em;
  float: right;
  color: black;
}


.AddressLocationForm .footerMenu .banner:nth-child(2).menuItem .HTMLViewer .title{
  /* position:absolute; */
  /* top:20px; */
  color: #424b8f;
  width: 65%;
  float: left;
  /* height: initial; */
  /* right:0px; */
}

.AddressLocationForm .footerMenu .banner.menuItem{
  /* pointer-events:none; */
}

.AddressLocationForm .footerMenu .banner.menuItem .gwt-Label-title{
  display:none;
}

.AddressLocationForm .footerMenu .banner.menuItem:hover,
.AddressLocationForm .footerMenu .banner.menuItem:active{
  border-radius:0px;
}

/*
.AddressLocationForm .footerMenu .banner.menuItem:nth-child(1){
  background-color: #101010;
  -webkit-box-shadow: 0px -2px 10px 1px rgba(0,0,0,1) !important;
  -moz-box-shadow: 0px -2px 10px 1px rgba(0,0,0,1) !important;
  box-shadow: 0px -2px 10px 1px rgba(0,0,0,1) !important;
}
*/

.AddressLocationForm .footerMenu .banner.menuItem:nth-child(1){
  /* background-color: #101010; */
  /* background-image: url(https://lh3.googleusercontent.com/U-G5A5f8E3IkoQACQrieVT3keAGq--JTjJAFQRfy6iIjA-xQLLyZuFqpxmugqqEI_koVI8p-RPE-QcjWR4ZJ=s10000?.cache.); */
  background-size: 100%;
  background-repeat: no-repeat;
  /* min-height: 1500px!important; */
  /* height: 100%!important; */
  /* display:none!important; */
  -webkit-box-shadow: 0px -2px 10px 1px rgb(255, 255, 255) !important;
  -moz-box-shadow: 0px -2px 10px 1px rgba(0,0,0,1) !important;
  box-shadow: 0px -2px 10px 1px rgb(107, 107, 107) !important;
  height:100%!important;
  padding-bottom:50px;
  padding-top:50px;
  pointer-events:none;
}

.AddressLocationForm .footerMenu .banner.menuItem:nth-child(2){
  /* height: 100%; */
  background-color: #d2d2d2;
  -webkit-box-shadow: 0px -2px 10px 1px rgb(255, 255, 255) !important;
  -moz-box-shadow: 0px -2px 10px 1px rgba(0,0,0,1) !important;
  box-shadow: 0px -2px 10px 1px rgb(68, 68, 68) !important;
  height:100%!important;
  padding-bottom:50px;
    pointer-events:none;
}

.AddressLocationForm .footerMenu .banner.menuItem:nth-child(3){
  background-color: white;
  -webkit-box-shadow: 0px -2px 10px 1px rgba(100,100,100,1) !important;
  -moz-box-shadow: 0px -2px 10px 1px rgba(100,100,100,1) !important;
  box-shadow: 0px -2px 10px 1px rgba(100,100,100,1) !important;
  height:100%!important;
  padding-bottom:50px;
    pointer-events:none;
}


.footerMenu .menuItem:nth-child(4),.footerMenu .menuItem:nth-child(5){
  /* display:none!important; */
}

/* COMO FUNCIONA */


.footerMenu .menuItem .icons .icon .square .number{
  color: rgba(0, 0, 0, 0.38)!important;
  font-size:15.0em;
  width:100%;
  text-align:-webkit-center;
  font-weight:bolder;
}
.footerMenu .menuItem .icons .icon .square .title{
  color: rgb(232, 203, 156)!important;
  font-size: 1em;
  width:100%;
  text-align:-webkit-center;
  font-weight:bolder;
  position: absolute;
  top: 50%;
}
.footerMenu .menuItem .icons .icon .square .description{
  color: rgb(255, 255, 255)!important;
  font-size: 1.0em;
  width:90%;
  text-align:-webkit-left;
  font-weight:bolder;
  position: absolute;
  left:5%;
  top: 60%;
}


.footerMenu .menuItem.banner:nth-child(1) .icons .icon{
  margin-right:initial;
  margin-left:initial;

}

.footerMenu .menuItem .icons .icon:nth-of-type(1) .square{
  background-color: #95be3f;

}

.footerMenu .menuItem .icons .icon:nth-of-type(2) .square{
  background-color: #4faddb;
  margin-top:0px;
}

.footerMenu .menuItem .icons .icon:nth-of-type(3) .square{
  background-color: #f49732;
}

.footerMenu .menuItem:nth-child(1) .icons {
  /* width: 100%; */
}

.footerMenu .menuItem:nth-child(1) .icons .icon .square {
  width: 30vw!important;
  height:30vw!important;
  margin-left:1.6vw;
  margin-right:1.6vw;
}

@media screen and (min-width: 768px) {


.footerMenu .menuItem:nth-child(1) .icons .icon:nth-child(1) {
  margin-top:30px;
}
.footerMenu .menuItem:nth-child(1) .icons .icon:nth-child(2) {
  margin-top:60px;
}
.footerMenu .menuItem:nth-child(1) .icons .icon:nth-child(3) {
  margin-top:90px;
}
}

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

.footerMenu .menuItem .icons .icon .square .title{
  font-size: 0.2em!important;
}

.footerMenu .menuItem .icons .icon .square .number{
  font-size:14.0em!important;
}

.footerMenu .menuItem .icons .icon .square .description{
  font-size:0.5em;

}


}

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

.footerMenu .menuItem .icons .icon .square .description{
  font-size: 0.2em;
}


.footerMenu .menuItem .icons .icon .square .title{
  font-size: 0.1em!important;
}

.footerMenu .menuItem .icons .icon .square .number{
  font-size:8.0em!important;
}

.footerMenu .menuItem:nth-child(1) .icons .icon {
  margin-top:0px;
}

.footerMenu .menuItem:nth-child(1) .icons .icon:nth-child(3) {
  margin-top:5vw!important;
  margin-left:25vw;
}

.footerMenu .menuItem:nth-child(1) .icons .icon:nth-child(1),.footerMenu .menuItem:nth-child(1) .icons .icon:nth-child(2)  {
  width: 50%!important;
}

.footerMenu .menuItem:nth-child(1) .icons .icon .square  {
  width: 40vw!important;
  height:40vw!important;
 
}

}



/* CITIES */

.AddressLocationForm .footerMenu .banner.menuItem .cities{
  width: 80% !important;
  margin-left: 10%;
  margin-top:80px;
  float:left;
  position:relative;
}

.AddressLocationForm .footerMenu .banner.menuItem .cities .city{
  width: 24%;
  box-shadow:none;
  border:none;
  height: 20px;
  border-radius:0px;
  margin-left: 0.5%;
  margin-right: 0.5%;
  margin-bottom: 10px;
  background-size:0;
  font-weight: 700;
  float: left;
  /* background-color: #eaeaea; */
  /* border-bottom: 1px solid rgb(185, 185, 185); */
  text-align: center;
  /* border-left: 1px solid rgb(185, 185, 185); */
}

.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(2),.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(5){
  width: 66%;
  box-shadow:none;
  border:none;
  height:23.83vw;
  border-radius:0px;
  margin:1vw;
  background-size:cover;
  float: left;
}

.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(3),.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(4){
  width: 28%;
  background-color:grey;
  box-shadow:none;
  border:none;
  height:23.83vw;
  border-radius:0px;
  margin:1vw;
  background-size:cover;
  float: left;
}

.AddressLocationForm .footerMenu .banner.menuItem .cities .city .phone{
  display:none;
}

.AddressLocationForm .footerMenu .banner.menuItem .cities .city {
   color: black;
   line-height: 15px;
   height: 15px;
   pointer-events:initial;
   font-weight:400;
}

.AddressLocationForm .footerMenu .banner.menuItem .cities .city:hover{
  color: #424b8f;
}

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

.AddressLocationForm .footerMenu .banner.menuItem .cities .city{
  width: 49%;
  height: 10px;
  line-height: 10px;
}
}

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

.AddressLocationForm .footerMenu .banner.menuItem .cities .city{
  font-size:0.7em;
}
}


div.city a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    z-index:10; /* raises anchor tag above everything else in div */
    background-color: white; /*workaround to make clickable in IE */
    opacity: 0; /*workaround to make clickable in IE */
    filter: alpha(opacity=1); /*workaround to make clickable in IE */
}



.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(2) .cityTitle,.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(5) .cityTitle,.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(3) .cityTitle,.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(4) .cityTitle    {
  color: white !important;
  font-weight:bold;
  margin-top: 0px;
  top: 10px;
  margin-left:0px;
  padding:0px;
  text-align:left;
  font-size:1.2em;
  /* background-color:#101010; */
  float:left;
  /* padding-top: 100px; */
  padding-left:5px;
  padding-right:8px;
  /* border-top: 2px solid black; */
  width: initial;
  height: initial;
  line-height:initial;
}


.AddressLocationForm .footerMenu .banner.menuItem .cities .city .cityTitle  {
  font-size:0.8em;
  display: inline-block;
  line-height: 16px; /* <-- adjust this */
}

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

.AddressLocationForm .footerMenu .banner.menuItem .cities .city .cityTitle  {
  font-size:0.8em;
  display: inline-block;
  line-height: 16px; /* <-- adjust this */
}
}



.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(2) .cityTitle::first-letter,.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(3) .cityTitle::first-letter,.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(4) .cityTitle::first-letter,.AddressLocationForm .footerMenu .banner.menuItem .cities .city:nth-child(5) .cityTitle::first-letter{
  display:block;
  font-size:2.8em;
  color:white;
}

/* Footer Menus */

@media screen and (min-width: 1200px)
{
.footerMenu .menuItem.headerItem{
  display:none!important;
}

.footerMenu .menuItem.headerItem{
}

}

@media screen and (max-width: 1200px)
{
.footerMenu .menuItem.headerItem{
 position: relative;
 width: 100%!important;
 /* padding: initial; */
 /* height: 70px!important; */
 /* background-color: green!important; */
 /* border: initial; */
 /* margin-bottom: 0px!important; */
 margin: initial;
 /* margin-right: initial; */
 /* margin-bottom: initial; */
 float: right;
 min-height: initial!important;
}

.footerMenu .menuItem.headerItem .gwt-Label-title{
  width:100%!important;
  background-color: black!important;
  border: 1px solid white;
  height: 40px!important;
  text-align: -webkit-center;
  color: white;
  font-size:1.0em;
  /* position: relative!important; */
  /* float:right; */
  /* margin:initial; */
}
}

.ItemConfirmation .footerMenu,.InfoWindow .footerMenu{
  display:none!important;
}

.DivisionChooser .footerMenu,
.DivisionChooser .headerMenu,
.ExtraOptions .footerMenu,
.ExtraOptions .headerMenu{
  display:none !important;
} 

@keyframes arrowDown {
    0%{
      top:-22.5px;
    }
    50.0% {
      top:-35px;
    }
}

@-webkit-keyframes arrowDown {
    0%{
      top:-22.5px;
    }
    50.0% {
      top:-35px;
    }
}

@-moz-keyframes arrowDown {
    0%{
      top:-22.5px;
    }
    50.0% {
      top:-35px;
    }
}

@keyframes appearAnimation {
    0%{
      opacity:0;
    }
    100.0% {
      opacity:1;
    }
}

@-webkit-keyframes appearAnimation {
    0%{
      opacity:0;
    }
    100.0% {
      opacity:1;
    }
}

@-moz-keyframes appearAnimation {
    0%{
      opacity:0;
    }
    100.0% {
      opacity:1;
    }
}

@keyframes disappearAnimation {
    0%{
      opacity:1;
    }
    100.0% {
      opacity:0;
    }
}

@-webkit-keyframes disappearAnimation {
    0%{
      opacity:1;
    }
    100.0% {
      opacity:0;
    }
}

@-moz-keyframes disappearAnimation {
    0%{
      opacity:1;
    }
    100.0% {
      opacity:0;
    }
}

@media screen and (max-width: 1200px) {
  .AddressLocationForm .TITLE_BAR .gwt-Label-title{
    font-size:1.1em;
  }
}

@media screen and (max-width: 768px) {
  .AddressLocationForm .TITLE_BAR .gwt-Label-title{
    font-size:0.8em;
  }

  .AddressLocationForm .freeItems{
    margin-top:80px;
  }

  .AddressLocationForm .freeItems .PHONE{
    margin-top: -5px;
    right:0;
  }

  .AddressLocationForm #logotype{
    height: 70px !important;
  }

  .AddressLocationForm #logotype img.gwt-Image{
    max-width:240px;
    margin-left: 10px !important;
    margin-top: 0!important;
  }

  .AddressLocationForm .AskAddressLocation{
    width: 95%;
    padding-left:5px !important;
    padding-right:5px !important;
  }

  .chooseTable .AskAddressLocation .BookingPanel .BookingPanel_title{
    width:100%;
    text-align:center;
  }

  .chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form{
    width: auto !important;
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 100% !important;
  }

  .chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form .FormSelect{
    width:100%;
  }

  .chooseTable .AskAddressLocation .address .gwt-Label{
    font-weight:normal !important;
  }

  .AddressLocationForm .footerMenu .menuItem{
    min-height: 225px;
  }

  .AddressLocationForm .footerMenu .menuItem .HTMLViewer .title{
    font-size:1.5em;
  }




}

.Enterprise .-qty {
  background-color: #252525;
  line-height: 30px;
  position:absolute;
  width: 100%;
  height: 30px;
  transition: height 0.3s ease-out;
  top: 0px;
  left: 0;
  /* margin-left: 5%; */
  /* border-bottom: 3px #ffffff solid; */
  /* border-bottom: 2px solid #101010; */
  /* border-left: 3px solid #ffffff; */
}

.Enterprise .-qty:hover {
height:100%!important;

}

.Enterprise .-qty:after{
    content:"Aberto";
    color: #35b6e0;
    font-size:1.2em;
}

.menuLocale_en .Enterprise .-qty:after{
    content:"Opened";
}

 .Enterprise_Closed .-qty:after , .Enterprise-OutOfSchedule-NoTime .-qty:after, .Enterprise_Closed-OutOfSchedule .-qty:after{
    content:"Indisponível"!important;
    color: red;
}

 .menuLocale_en .Enterprise_Closed .-qty:after ,.menuLocale_en  .Enterprise-OutOfSchedule-NoTime .-qty:after,.menuLocale_en  .Enterprise_Closed-OutOfSchedule .-qty:after{
    content:"Unvailable"!important;
}

.Family-OutOfSchedule-NoTime .-qty,.Family-OutOfSchedule-NoDivision .-qty,.Family-OutOfSchedule .-qty {
  position: relative;
  bottom: 10px;
  float: none;
  /* margin-left: 5px; */
  text-shadow: none;
  font-weight: 700;
  /* overflow: hidden; */
  /* height: 23px; */
}

.DontAllowOrder .-qty:after,.Family-OutOfSchedule-NoTime .-qty:after, .Family-OutOfSchedule .-qty:after{
    content:"(Só para consulta)";
    color: #7d7d7d;
    font-size:1.4em;
    line-height: 10px;
}

.menuLocale_en .DontAllowOrder .-qty:after,.menuLocale_en .Family-OutOfSchedule-NoTime .-qty:after,.menuLocale_en  .Family-OutOfSchedule .-qty:after{
    content:"(Only for view)";
}


 .Family-OutOfSchedule-NoDivision .-qty:after{
    content:"(Fora de cobertura)";
    color:red;
    font-size:1.4em;
}

.menuLocale_en  .Family-OutOfSchedule-NoDivision .-qty:after{
    content:"(Out of range)";

}



@media screen and (max-width: 768px) {
 .DontAllowOrder .-qty, .Family-OutOfSchedule-NoTime .-qty,.Family-OutOfSchedule-NoDivision .-qty,.Family-OutOfSchedule .-qty {
    bottom: 0px;
    float: left;
    text-shadow: none;
    font-weight: 700;
  }

  .DontAllowOrder .-qty:after,.Family-OutOfSchedule-NoTime .-qty:after, .Family-OutOfSchedule .-qty:after{
      font-size: 0.9em;
      line-height: 10px;
  }
  .Family-OutOfSchedule-NoDivision .-qty:after{
      font-size:1.4em;
  }
}



.Item-OutOfSchedule, .DontAllowOrder .menuItem{
  pointer-events:none;
}

.Item-OutOfSchedule .checkButton{
  display:none;
}




.ComplexWizard.MenuLevel-Tree-STANDARD_FAMILY .chooseTable #title {
    display: block;
    background-color:black;
}

.ComplexWizard.MenuLevel-Tree-STANDARD_FAMILY .chooseTable #title .gwt-HTML {
    background-color:black;
    color:white;
}

.MenuLevel-l1 .headerMenu{
  /* position:absolute; */
}

.EscolhaRestaurante.menuItem, .EscolhaMenu.menuItem
{
  display:none;
}

.EscolhaRestaurante.Show.menuItem .titlePrice{
  position:absolute;
  top:0;
  left:0;
}

.EscolhaRestaurante.Show.menuItem .titlePrice .gwt-Label{
  font-size:2.0em;
  text-shadow:black 2px 2px 2px;
}

@media screen and (max-width: 768px) {
.EscolhaRestaurante.Show.menuItem .titlePrice .gwt-Label{
  font-size:1.2em;
}
.EscolhaRestaurante.Show.menuItem .titlePrice{
  top:20px;
}
}


.MenuLevel-l1 .headerItem{
 
}

.MenuLevel-l0 .EscolhaRestaurante.menuItem ,.MenuLevel-l1 .EscolhaRestaurante.menuItem ,.MenuLevel-l2 .EscolhaMenu.menuItem,.MenuLevel-l3 .EscolhaMenu.menuItem {
  width: 100%!important;
  height: 200px!important;
  /* margin-left:0px; */
  /* margin-bottom: initial; */
  /* bottom: initial; */
  left: 0%;
  top: 160px!important;
  position: fixed;
  z-index: -1;
  display: initial;
  margin: initial;
  padding: initial;
}

.MenuLevel-l0 .EscolhaRestaurante  .gwt-Label-title,.MenuLevel-l1 .EscolhaRestaurante  .gwt-Label-title, .MenuLevel-l2 .EscolhaMenu .gwt-Label-title, .MenuLevel-l3 .EscolhaMenu .gwt-Label-title {
  display:none;
}

.MenuLevel-l0 .EscolhaRestaurante  img.image,.MenuLevel-l1 .EscolhaRestaurante  img.image, .MenuLevel-l2 .EscolhaMenu img.image, .MenuLevel-l3 .EscolhaMenu img.image {
  display: initial!important;
  width: 80%;
  left: 10%!important;
  height: 200px!important;
  object-fit: cover!important;
  position: fixed;
  /* top:0; */
  /* left:0; */
}

.EscolhaRestaurante.ShowTitle .gwt-Label-title{
  display:initial!important;
  position: absolute!important;
  bottom: 0px!important;
  color: white!important;
  left: 0!important;
  margin-left: 0!important;
  padding: 5px!important;
  font-size: 20px!important;
  height: initial!important;
}

  .SBS.MenuLevel-l1 .EscolhaRestaurante  img.image, 
  .SBS.MenuLevel-l2 .EscolhaMenu img.image, 
  .SBS.MenuLevel-l3 .EscolhaMenu img.image
  {
    left:5%!important;
    width:61.75% !important;
  }

@media screen and (max-width: 1400px) {
  .SBS.MenuLevel-l1 .EscolhaRestaurante  img.image, 
  .SBS.MenuLevel-l2 .EscolhaMenu img.image, 
  .SBS.MenuLevel-l3 .EscolhaMenu img.image
  {
    left:5%!important;
    width:52.25% !important;
  }
}

@media screen and (max-width: 1050px) {
  .SBS.MenuLevel-l1 .EscolhaRestaurante  img.image, 
  .SBS.MenuLevel-l2 .EscolhaMenu img.image, .SBS.MenuLevel-l3 .EscolhaMenu img.image 
  {
    width:44.6% !important;
  }
}




@media screen and (max-width: 1200px) {
 .headerMenu .headerItem .InnerOption_MenuLanguage{
     display:none;
  }

  .headerMenu .headerItem .gwt-Label{
    display:none;
  }

 .headerMenu .InnerOptionWrapper .InnerOption_PreviousOrders.headerItem {
    display:initial;
    background-image: url(https://lh3.googleusercontent.com/xN3CX7zZKWGZ2FhJXxpwjMzdXi5m1MY5WHtaD1elCIvys0Q0a76MN7w-ou081JEbgIecVeCuv0K_SgC4oV4?noSquare);
    background-size: 25px 25px !important;
    background-repeat: no-repeat;
    background-color: initial!important;
    background-position: 4px 0px;
    height: 25px!important;
    top: 6px!important;
    font-size:0px;
    right: 44px;
    width: 30px;
  }
 .headerMenu .InnerOptionWrapper .InnerOption_Vouchers.headerItem {
    display:initial;
    background-image: url(https://lh3.googleusercontent.com/BooJnN50g9myhry4lv6_EKgHQnMc2LDWni7OXiWJjvTBINLxlzN3DeAD-eVRWC-cGLxTU8S0WHei9pBEufJ2mVYsj8CQca-g);
    background-size: 25px!important;
    background-repeat: no-repeat;
    background-color: initial!important;
    background-position: 4px 0px;
    height: 25px!important;
    top: 6px!important;
    font-size:0px;
    right: 132px;
    width: 30px;
  }  
  
 .headerMenu .InnerOptionWrapper .headerItem.InnerOption_UserDetails{background-image: url(https://lh3.googleusercontent.com/E0FaUXHljVSD1vq7NyZ4SExCCA3bJPCiSwPly8IPG6d22nx6ha_eZRPHUY9M6GbBzIiYhBe5ZW9Keeh9dqQ);background-size: 25px 25px !important;background-repeat: no-repeat;background-color: initial!important;background-position: 4px 0px;height: 25px!important;top: 6px!important;font-size:0px;right: 88px;width: 30px;} 
 .WaitScreen .headerMenu .InnerOptionWrapper .headerItem.InnerOption_UserDetails{
    display:none!important;
  }

 .AddressLocationForm .headerMenu .headerItem {
     display:none;
  }
  
}

@media screen and (max-width: 768px) {
  .MenuLevel-l1 .EscolhaRestaurante.menuItem, .MenuLevel-l2 .EscolhaMenu.menuItem,.MenuLevel-l3 .EscolhaMenu.menuItem  {
    height: 150px!important;
  }

  .MenuLevel-l1 .EscolhaRestaurante  img.image, .MenuLevel-l2 .EscolhaMenu img.image , .MenuLevel-l3 .EscolhaMenu img.image {
    height: 150px!important;
    width: 100%;
    left: 0%!important;
  }
  .MenuLevel-l0 .EscolhaRestaurante  img.image {
    width: 100%;
    left: 0%!important;
  }
}

@media screen and (max-width: 480px) {
  .MenuLevel-l1 .EscolhaRestaurante.menuItem, .MenuLevel-l2 .EscolhaMenu.menuItem , .MenuLevel-l3 .EscolhaMenu.menuItem {
    height: 75px!important;
    top:80px!important;
  }

  .MenuLevel-l1 .EscolhaRestaurante  img.image, .MenuLevel-l2 .EscolhaMenu img.image, .MenuLevel-l3 .EscolhaMenu img.image {
    height: 75px!important;
    top:80px!important;
  }
}


.imageTree .Info{
  background-color:black!important;
  background-image:initial!important;
  width:100%!important;
  height:auto!important;
  padding-top:100px;
  position:relative;
}



.mobile .footerMenu .APP.Info-NoImage.menuItem{
  display:none!important;
}


.ExternalLoginButton {
    color: dimgrey!important;
    font-weight: 700!important;
    text-transform: uppercase;
    background-color:initial!important;
    background-image:initial!important;
    border:none!important;
    position:fixed;
    top: 10px;
    /* font-size: 1.0rem; */
    width: 50vw!important;
    text-align: right;
    height:initial!important;
    right: 0;
    /* margin-right: 0; */
    /* padding-right: 5px; */
    text-shadow: initial!important;
    margin: initial!important;
    font-size: 0.6rem!important;
    /* position: absolute; */
    /* padding: initial!important; */
    /* float: right!important; */
}

.AddressLocationForm .ExternalLoginButton {
    /* right: 15px; */
    top: 5px;
    color: dimgrey!important;
    right: 0px;
    /* font-size:1.5em!important; */
}


.option .gwt-Image-options{
  display:none!important;
}



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

.ExternalLoginButton {
  display:none!important;
}

.AddressLocationForm .ExternalLoginButton {
  display:initial!important;
}
}


.ExternalLoginButton:hover {
  color: #424b8f!important;
}

.ShowPLU .focusPanel .modifierPLU 
{
  display:initial!important;
  color:red!important;
}


.RemoveBack.MenuLevel-l2 .gwt-Image-back
{
  display:none!important;
}








/* PreviousOrderPanel */

.PreviousOrderPanel_titleLabel{
  color: #48bde3;
  font-size:1.3em;
  margin-top:20px;
  text-align:center;
  border-bottom:1px solid #563222;
  margin-left:2%;
  margin-right:2%;
}

.PreviousOrderPanel_noOrderLabel{
  width:100%;
  text-align:center;
  margin-top:25px;
  color: #000000;
}

.PreviousOrderPanel_order{
  width:95%;
  margin:2.5%;
  float:left;
  background-color: #f5f5f5;
  color: black;
  padding:10px;
  position: relative;
}

.PreviousOrderPanel_order .loginManager{
  padding:0px;
  margin: 0px;
  float: left;
  width: 100%;
  font-size: 0.6em;
}

.PreviousOrderPanel_OrderDate{
  color:#56bee4;
  margin-bottom:10px;
}

.PreviousOrderPanel_OrderCounter{
  font-weight:bold;
  color:#45bce3;
}

.PreviousOrderPanel_OrderItem{
  padding-left:15px;
  float:left;
  width:100%
  colour:white!important;
}

.PreviousOrderPanel_OrderItemMain{
  width:100%;
  float:left;
}

.PreviousOrderPanel_OrderItem_Title{
  width:60%;
  float:left;
  text-overflow: clip;
  white-space:nowrap;
  overflow: hidden;
  color: black;
  /* display: none; */
}

.PreviousOrderPanel_OrderItem_Count{
  width:20%;
  float:left;
  text-align:right;
  /* font-size: 0.6em; */
  height: 24px;
  line-height: 24px;
  color: black;
}

.PreviousOrderPanel_OrderItem_Price{
  width:20%;
  float:left;
  text-align:right;
  /* font-size: 0.6em; */
  height: 24px;
  line-height: 24px;
  color: black;
}

.PreviousOrderPanel_OrderItem_total{
  color:#73cdea;
  margin-top:10px;
  float:left;
  width:100%;
}

.PreviousOrderPanel_identifierMessage{
  width:100%;
  float:left;
  margin-top:10px;
  font-size:0.6em;
  margin-bottom:5px;
  text-align:center;
  
}

.PreviousOrderPanel_identifierQRCode{
  width:100%;
  margin-bottom:10px;

}

.PreviousOrderPanel_order .gwt-Button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  background: #3db9e1;
  background-color: #46bde3;

  color: #000;
  font-size: 0.9em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  padding: 10px;
  border: 1px solid #fdffff;
  width: 100%;
}


.AddressForm .loginManager .gwt-Label:nth-child(4):after
{
    content:" com freguesia";
}

.MYBANNER.menuItem .gwt-Image-image
{
  width:100%!important;
  height:auto!important;
}

  
.WaitScreen .MenuHeader{
    display:none!important;
}

.WaitScreen .EscolhaRestaurante, .WaitScreen .EscolhaMenu.menuItem{
  display:none!important;
}

.WaitScreen .YOUTUBE,
.WaitScreen .INSTAGRAM,.WaitScreen .FACEBOOK,.WaitScreen .PHONE, .WaitScreen .TITLE_BAR ,.WaitScreen .SimplePanelScroll_overview{
  display:none!important;
}

.AskAddressLocationForm .EscolhaRestaurante  img.image, .AskAddressLocationForm .EscolhaMenu img.image, .AskAddressLocationForm .EscolhaMenu img.image {
  display:none;
}

.AddressLocationForm  .gwt-Image-back{
  display:none!important;
}

.MenuLevel-l1 .EscolhaRestaurante.MostraTitulo  .gwt-Label-title {
  display:initial;
  font-size:1em;
  bottom:-30px!important;
  left:0;
  width:80%;
  position:absolute;
}



/*****************************************************************/
/* MenuSearch */
/*****************************************************************/

.WaitScreen .aMS_SearchBox
{
  display:none!important;
}


.aMS_ScreenContentElement.aMS_SearchBox{
  background-color: #d1d2d1!important;
}

.aMS_SearchBox{
  width:15%;
  position:fixed;
  top:0px;
  right: 42.5%;
  z-index: 99999999;
}
.aMS_SearchBox .gwt-TextBox{
  width: 90%;
  background-color:#fafafa;
  height:33px!important;
}

.aMS_SearchMenuStatus{
  font-size:25px;
  margin-top:20px;
  color: black;
}

#aMI_MenuSearchPanel{
  margin-top: 50px;
  /* z-index: 999999999999999; */
  /* background-color: blueviolet; */
  /* height: 100px; */
  /* top: 0!important; */
  /* margin-top: 0; */
  /* top: 0; */
}

#aMI_MenuSearchPanel .aMS_SearchBox{
  width: 40%;
  right: 30%;
  /* padding-right: 50%; */
  top: 0px;
  position: absolute;
  z-index: 99999;
  opacity:1;
  -webkit-animation-name: SearchBoxAnimation;
  animation-name: SearchBoxAnimation;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
}

@keyframes SearchBoxAnimation {
  from{
    width:15%;
    right:42.5%;
    top:-130px;
      z-index: 999999999;
  }
  to{
    width:40%;
    right:30%;
    top:0px;
      z-index: 99999;
  }
}

@-webkit-keyframes SearchBoxAnimation {
  from{
    width:15%;
    right:42.5%;
    top:-130px;
  }
  to{
    width:40%;
    right:30%;
    top:0px;
  }
}


.aMS_SearchBox:after{
  content:' ';
  width: 33px;
  height: 33px;
  position:absolute;
  right:0px;
  background-image:url(https://lh3.googleusercontent.com/42SP-4mOZ0tfqg8mt7p_s7a-SC8qO68RJiP1k3pVHZ2YCuSiRbaOxoM9eNIiZUiOtesGvf8YpDp9_ScVwoxB);
  background-size: 28px 28px;
  background-color: #d1d2d1;
  background-position:2px 2px;
}

.aMS_MenuSearchScreen #aMI_MenuSearchPanel .menuItem div
{
  background-color:#dfdfdf;
  cursor:pointer;
}

#aMI_MenuSearchPanel .gwt-Label.aMS_Subtitle
{
  background-color:#ffffff7d;
  position:absolute;
  bottom: -17px;
  width:100%;
  color:#2d2d2d;
  padding: 2px;
}




@media screen and (max-width: 768px) {  
.aMS_SearchBox{
  width: 23%;
  position:fixed;
  top:4px;
  right: 43%;
  z-index: 99999999;
}

#aMI_MenuSearchPanel .aMS_SearchBox{
  top: 0px;
  width:50%;
  right:25%;
}

  
@keyframes SearchBoxAnimation {
  from{
    width:25%;
    right:50%;
    top:0px;
  }
  to{
    width:50%;
    right:25%;
    top:0px;
  }
}

@-webkit-keyframes SearchBoxAnimation {
  from{
    width:25%;
    right:50%;
    top:0px;
  }
  to{
    width:50%;
    right:25%;
    top:50px;
  }
}
  
}





.aMS_PaymentMethod_BlockchainBitcoin  .loginManager img{
  width: 80%;
  margin-left: 10%;
}

 .headerMenu .InnerOption_MenuLanguage 
{
    display: none;

}


.AddressLocationForm .headerMenu .InnerOption_MenuLanguage 
{
    background-image: url(https://lh3.googleusercontent.com/1o56c8DQwdw9QZqboNVIdRCBKrLW65SWqLVSFafA0oypp4pDWqxht5JwZ2nC9QKoE4HZl-Tga6U-W_4y5uw?noSquare);
    background-size: cover;
    background-repeat: no-repeat;
    width: 40px!important;
    height: 16px!important;
    color: #f0f8ff00!important;
    display: initial;
    font-size:0;

}

@media screen and (max-width: 480px) {
  .AddressLocationForm .headerMenu .InnerOption_MenuLanguage 
  {
        position: absolute;
        right: -30px;
        top: 0px!important;
  }
}


.Family-Container .menuItem.Item-Image .titlePrice
{
  width: 76%!important;
  margin-left:21%!important;
  position:absolute;
  overflow: hidden;
  top:5px;
  /* max-height: 60%; */
}

.Family-Container .menuItem.Item-Image .ItemConfirmation_Opened
{
  width: 100%!important;
  margin-left:0%;
  margin-right:0%;
  margin-top: 10px;
}

.menu .simplePanel#content .Family-Container  .menuItem.Item-Image .titlePrice .descriptionBox {
  color: #313131 !important;
  background-color: initial;
  position: relative;
  top: 0!important;
  display: initial!important;
  left: 5px!important;
  font-size: 0.9em!important;
  padding-left: 0;
  /* width: calc(100%); */
}






#aMI_MBWayLogo{
    width: 50%;
    max-width: 200px;
}

/*****************************************************************/
/* Address search suggestions
/*****************************************************************/

#aMI_AddressSearchSuggestions{
  background-color:white;
  border:1px solid #f3f3f3;
}

.aMS_AddressSearchSuggestionItem{
  color:#666;
  border-top:1px solid #f3f3f3;
  position:relative;
  padding:5px;
}

.aMS_AddressSearchSuggestionItem strong{
  color:black;
  font-weight:bolder;
}

.aMS_AddressSearchSuggestionItem.aMS_Selected{
  background-color:#e3e3e3;
}

.aMS_AddressSearchSuggestionItem:hover{
  background-color:#f9f9f9;
}

.freeItems .YOUTUBE p,
.freeItems .FACEBOOK p,
.freeItems .INSTAGRAM p{
  width: 20px;
}

.freeItems .YOUTUBE img,.freeItems .FACEBOOK img,.freeItems .INSTAGRAM img{
  height: 20px!important;
  width:auto!important;
}


.freeItems .YOUTUBE,.freeItems .FACEBOOK,.freeItems .INSTAGRAM{
  margin-right: 140px!important;
  margin-top: -21px;
  width:initial!important;
  pointer-events:initial;
}


.freeItems .YOUTUBE{
  margin-right:170px!important;
}

.freeItems .INSTAGRAM{
  margin-right:170px!important;
}

@media screen and (max-width: 768px) {
    .freeItems .TITLE_HEADER.YOUTUBE,
    .freeItems .TITLE_HEADER.FACEBOOK,
    .freeItems .TITLE_HEADER.INSTAGRAM{
        display:none;
    }
}


.EscolhaMenu , .EscolhaRestaurante{
  pointer-events:none;
}

.Complex-PLU-OFERTA{
  display:none;
}


.Form .simplePanel .loginManager{
  background-image:initial;
  padding-left: 0;
}


.ComplexWizard .EscolhaMenu{
  display:none!important;

}

.ComplexWizard .simplePanelMenu .itemCheck{
  display:none;
}



.MenuLevel-l2 .Family.MultiplasEmentas .image{
  object-fit:contain!important;
  background-color:white;
}

.MenuLevel-l2 .Family.MultiplasEmentas .image{
  object-fit:contain!important;
  background-color:white;
}

.MenuLevel-l2 .Family.MultiplasEmentas .-qty{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-color:black;
  height:30px;
}
.MenuLevel-l2 .Family.MultiplasEmentas .gwt-Label-title{
  font-size:20px!important;
  padding-top: 5px;
  padding-bottom: 5px;
}

.MenuLevel-l2 .Family.MultiplasEmentas .-qty:after{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  line-height:30px;
  color:red!important;
}

.BebidasConveniencia,.BebidasConveniencia-Family-Container{
  display:none;
}

.ShopCart .BebidasConveniencia,.ShopCart .BebidasConveniencia-Family-Container{
  display:initial;
}


.BookingOrder.ShopCart .loginManager.BookingPanel_form{left:0!important;margin-left: 25%!important;background-image: initial;width: 50%!important;margin-top: 50px!important;/* z-index: -1; *//* margin-top:50px!important; *//* height: 100px!important; *//* max-height: 100px!important; *//* background-color: beige; *//* position: absolute; */padding: initial;min-height: initial!important;}

.BookingOrder.ShopCart #content > div > div.BookingPanel.extraOptions.AskAddressLocation > button
{
  margin-top:300px!important;
}

.LoginButton_LinkedIn{
  margin-bottom:4px;
}

.LoginButton_Apple{
  display:block;
  cursor:initial;
  background-color:initial;
  border-bottom:initial;
  align-self:initial;
  padding:initial;
  padding-right:initial;
  text-shadow:initial;
  background-position:initial;
  overflow:initial;
  line-height:initial;
  -webkit-transition:initial;
  -o-transition:initial;
  transition:initial;
  -webkit-box-sizing:initial;
  background:black;
  background-image:url(/Pictures/icons/appleLogin.png);
  border-radius:4px;
  color:white;
  border:none;
  font-weight:initial;
  background-repeat:no-repeat;
  outline:none;
  box-sizing:border-box;
  text-align:center;
  background-size:19px;
  background-position: calc(50% - 60px) 13px;
  padding-left: 15px;
  min-height:45px;
  font-size:0.8em;
  margin-left: 0;
  width: 100%;
  cursor: pointer;
  margin-bottom: 4px;
}

.ShopCart .TELEPIZZA{
  pointer-events:none;
  opacity:0.4;
}

.ShopCart .TELEPIZZA{
  pointer-events:none;
  opacity:0.4;
}

.TelePizzaShopCart.MenuLevel-Tree-TELEPIZZA #navBar .gwt-Image-back
{
  display:none;
}


.LoginButton_Google{border-bottom: 1;background: #ffffff; /* Old browsers */background-image: url(/Pictures/icons/googleLogin.png?t=1);color:black;font-size: 0.8em;border:none;border-top: solid rgb(255, 255, 255) 1px;-webkit-box-shadow: 0px 0px 0px 1px rgb(255, 255, 255);-moz-box-shadow: 0px 0px 0px 1px rgb(255, 255, 255);box-shadow: 0px 0px 0px 1px rgb(230, 230, 230);font-weight: bold;background-repeat: no-repeat;background-size: 51px 45px;padding-left: 51px;text-shadow: none;border-bottom: 1px solid grey;}


.FORCETOP{
  z-index:99999!important;
}



.CONSULTING{
  background-color: #424b8f;
  color: white;
  width:100% !important;
  height: 64px;
  /* float: right; */
  background-repeat:no-repeat;
  background-size: auto 22px;
  background-position: 7px 4px;
  font-size: 1.1EM;
  text-transform: uppercase;
  margin-left: 0%;
  z-index: 10000;
  position:relative;
  float: none;
}

.CONSULTING:hover{
      background-color: #20294e;
    color: white;
}


.ConsultingOrder .ItemConfirmation_Opened .focusPanel{
  pointer-events:none;
}


.ConsultingOrder .modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .checkButton.checkButton-notSelected,
.ConsultingOrder .modifierWindow.ItemConfirmation_Opened .buttonList .focusPanel .checkButton.checkButton-selected{
  display:none;
}

.StripeElement {
    margin: 50px;
}

.INFOBANNER.Info {
  padding: initial;
  pointer-events:none;
}

.INFOBANNER img{
  width:100%!important;
  height:auto!important;
  object-fit:cover;
}

.INFOBANNER .titlePrice{
 display:none;
}

/* Calendario Bookink */


.chooseTable .AskAddressLocation .BookingPanel select{
  width:100%!important;
}

.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form{
  width:90%!important;
  margin-bottom:20px;
}

@media screen and (min-width: 768px) {
.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form{
  width:50%!important;
}
}

.chooseTable .AskAddressLocation .BookingPanel .dateTextBox
{
    width:100%!important;
    margin-top:50px;
}

.chooseTable .AskAddressLocation .BookingPanel .dateTextBox .dateListBox
{
  width:100px!important;
}


.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form:after{
  content:" ";
  width: 30px;
  height: 30px;
  top:0;
  right:0;
  position:absolute;
}
.chooseTable .AskAddressLocation .BookingPanel .BookingPanel_form:before 
{
  display:none;
}


.Alpendurada .PaymentMethodPanel:nth-last-child(2)
{
  display:none;
}


.simplePanel .REMOVEIMAGE img{
  width:22%!important;
  height:0!important;
  left:0!important;
}


.simplePanel .Family-Container .menuItem.Item-Image.REMOVEIMAGE .ItemConfirmation_Opened
{
  width: 100%!important;
  margin-left: 0%;

}

.simplePanel  .Family-Container .menuItem.Item-Image.REMOVEIMAGE .titlePrice
{
  width: 100%!important;
  margin-left:0%!important;
}


.loginManagerNewUser
{
  padding:20px;
}

/*




:not(.Item-Opened).Item.Item-Image {
  width:46%!important;
  left:2%;
  height: auto!important;
  overflow: visible!important;
  background-color:initial!important;
  background-image:initial!important;
}

:not(.Item-Opened).Item.Item-Image img{
  width: 20.5%!important;
  height:auto!important;
  margin-top:30px;
}

:not(.Item-Opened).Item.Item-Image .titlePrice{
  width:100%!important;
  margin-left:0!important;
  height: 100%;
}

:not(.Item-Opened).Item.Item-Image .titlePrice .gwt-Label-title{
  background-color:black;
  top: 0px;
  height: 24px;
  font-size:16px!important;

}

:not(.Item-Opened).Item.Item-Image .titlePrice .price{
  width:100%!important;
  top: 90%!important;
  margin-left:0%;
  background-color:red!important;

  text-align:right;
  color:black!important;
}

:not(.Item-Opened).Item.Item-Image .titlePrice .price:after{
  content:".........";
  color:#ff000000;

  font- size:0;
  margin-left:20px;
  background-image:url('https://lh3.googleusercontent.com/KxPpgbzxY81X2dku7gY9-2c1u2r82jHAk1f2t-qCMBxheeFBYMIwMvjT7LCf85RnsrRrQv8KDq2VZMLWPuVt');
  background-size: 23px 23px;
  background-repeat:no-repeat;
  width: 23px!important;
  height: 23px!important;
  margin-top: 0px;
  margin-right:5px;
}



*/










.LoginScreen .loginManager.aMS_IsIOS.aMS_OnlyApple  .gwt-Label
{
  color:black!important;
}

.LoginScreen  .loginManager.aMS_IsIOS.aMS_OnlyApple .gwt-Label-session
{
  top:40px;
  position:absolute;
  width:100%;
  border-bottom:initial;
  font-size:25px;
  display:initial!important;
}

.LoginScreen  .loginManager.aMS_IsIOS.aMS_OnlyApple *{
  display:none;
}

.LoginScreen  .loginManager.aMS_IsIOS.aMS_OnlyApple{
position: fixed;
    top: 50vh;
    left: 0px;
    height: 400px;
    width: 100vw!important;
    padding: 0px;
    background-color: white!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: initial;
    transform: translateY(-50%);
}

.LoginScreen  .loginManager.aMS_IsIOS.aMS_OnlyApple:before{
  position:relative;
  color:black;
  width:290px;
  height:auto;
  float:left;
  margin:auto;
  margin-bottom:0px;
  margin-top: 0px;
  box-sizing:border-box;
  text-align:center;
  font-size:1.3em;

  padding-top:40px;
}



.LoginScreen  .loginManager.aMS_IsIOS .LoginButton_Apple{
  display:none;
}

.LoginScreen  .loginManager.aMS_IsIOS .LoginButton_LinkedIn{
  margin-bottom:40px !important;
}

.LoginScreen  .loginManager.aMS_IsIOS.aMS_OnlyApple .LoginButton_Apple{
  display:block;
    position:relative;
    width:80% !important;
    text-align:center;
    float:left;
    margin:auto !important;
    margin-top:40px !important;
    margin-bottom:20px !important;
    width:290px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size:14pt;
    height:33pt;
    background-image:none;
    padding:0px;

}

.LoginScreen  .loginManager.aMS_IsIOS.aMS_OnlyApple .LoginButton_Apple:before{
  content:"";
  display: inline-block;
  position:relative;
  width:14pt;
  height:14pt;
  margin-right:5pt;
  background-image: url(https://lh3.googleusercontent.com/48S4BUJO6-PeoSJBo2zfS0ZvtTUG8Bi0EbR5E-ZCaBT8Ag5onX7vM-buntg_HvD3uTwv3wmbNu_Lj_IZUYH2);
  background-position:0px 0px;
  background-size:auto 100%;
  background-repeat:no-repeat;
}

.LoginScreen .loginManager.aMS_IsIOS #aMI_OtherLoginOptionsButton{
  display:none;
}

.LoginScreen .loginManager.aMS_IsIOS.aMS_OnlyApple #aMI_OtherLoginOptionsButton{
  display:block;
  position:relative;
  color:#666;
  width:80%;
  height:auto;
  padding-left:10%;
  padding-right:10%;
  float:left;
  margin:auto;
  margin-bottom:0px;
  margin-top:0px;
    box-sizing:border-box;
    text-align:center;
    font-size:0.9em;
    cursor:pointer;
}

.LoginScreen #aMI_FreeItemsContent{
  display:none;
}

.LoginScreen .loginManager.aMS_IsIOS.aMS_OnlyApple:before{
  content:'Sign in so we can improve your experience, notify you about the status of your orders and let you now about discounts and special offers.';
}

.LoginScreen  .loginManager.aMS_IsIOS.aMS_OnlyApple #aMI_OtherLoginOptionsButton:before{
  content:'View other sign in options';
}



.LoginScreen.menuLocale_pt .loginManager.aMS_IsIOS.aMS_OnlyApple:before{
  content:'Inicie sessão para que possamos melhorar a sua experiência, notifica-lo sobre o estado dos seus pedidos e informa-lo sobre promoções e ofertas.';
}

.LoginScreen.menuLocale_pt .loginManager.aMS_IsIOS.aMS_OnlyApple #aMI_OtherLoginOptionsButton:before{
  content:'Ver outras opções de início de sessão';
}


@media screen and (min-width: 768px) {
.AddressLocationForm.isIOSApp .footerMenu .Info:nth-child(2){
  display:none!important;
}
}

/* Complex Wizard */





.ComplexWizard #navBar .gwt-Image-forward{
  position: absolute;
    top: 160px;
    right: calc(0% + 20px);
    background-color: initial;
    border: initial;
    margin: initial;
    color: initial;
    background-image: initial;

}

.ComplexWizard #navBar .gwt-Image-forward:after{
  
position: absolute;
    content: "";
    background-image: url(https://lh3.googleusercontent.com/1LKqjF422xRShILEB4Hj-njbBtHJ8HXtST2fGfUE_UH1nXrCVjvYdTzMmdsHRYYJz4m490sPFLLqdENxjbN7?noSquare)!important;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 25px;
    top: -7px;
    margin-right: -20px;
}

.ComplexWizard .chooseTable #title {
  display:initial;
  width:100%;
  text-align:center;
  background-color:initial;
  border:initial;
  font-size:20px;
}

.ComplexWizard .simplePanel
{
  position:absolute;
  top:200px!important;
}

.ComplexWizard .menuItem .itemCheck.itemCheck_checked {
  position:absolute;
  display:initial;
  top:0px;
  right:0px!important;
  width:35px!important;
  height:35px!important;
  background-size:20px 20px!important;
  z-index:9999!important;
  background-image: url(https://lh3.googleusercontent.com/RBaIsrhlM3_e9IgyBZ8Nqd0lIGlvRdYcGZ986JornGvc-_cZN1FjoSuoO72rz7ZpwR--flLlq89J5uUyxr8);
  background-color:black;
  background-repeat:no-repeat;
  border-radius:35px;
  background-position:center;
}

.Complex .titlePrice .descriptionBox {
    /* margin-top: 10px!important; */
    margin-left: 10px!important;
    /* height: 20px!important; */
    /* line-height: 20px; */
    width: 100%!important;
    display: initial!important;
    /* top: 21px; */
    /* background-color:red; */
}


.Complex .titlePrice .descriptionBox:after {
    content: "+";
    font-size: 50px;
    color: white;
    right: 0;
    border-radius: 15px;
    margin-right: 25px;
    width: 25px;
    height: 25px;
    background-color: #9bbf0a;
    position: absolute;
    line-height: 25px;
    text-align: center;
}

.Complex .image{
  display:none;
}

.ComplexConfirmation .-price{
  display:none;
}



.OPERADOR-Family-Container ,.OPERADOR,.OPERADOR.Enterprise
{
  display:none;
}

.operador .OPERADOR,.operador .OPERADOR-Family-Container ,.operador .OPERADOR.Enterprise
{
  display:initial!important;
}


 .simplePanel .FOTOS-Family-Container  .Family-Container-Opened .Enterprise.Enterprise-PosOk:after
 {
   content:"";
   position:absolute;
   top:35px;
   right:5px;
   width:5px;
   height:5px;
   background-color:#21a47c;
   border-radius:10px;
 }

 .simplePanel .FOTOS-Family-Container  .Family-Container-Opened .Enterprise.Enterprise-PosNotOk:after
 {
   content:"";
   position:absolute;
   top:35px;
   right:5px;
   width:5px;
   height:5px;
   background-color:#ff00008c;
   border-radius:10px;
 }

  /*****************************************************************/
  /* VouchersPanel */
  /*****************************************************************/
  


/* Vouchers panel */

.VoucherPanel_finishButton{
  width:88%;
  float:left;
  margin-left:6%;
  margin-top:20px;
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
  background: #5d5d5d;
  background-color: #5d5d5d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d5d5d), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, #5d5d5d, #000000);
  background-image: -moz-linear-gradient(top, #5d5d5d, #000000);
  background-image: -ms-linear-gradient(top, #5d5d5d, #000000);
  background-image: -o-linear-gradient(top, #5d5d5d, #000000);
  background-image: linear-gradient(top, #5d5d5d, #000000);
  color: #eee;
  font-size: 0.9em;
  font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  padding: 10px;
  border: 1px solid #787878;
}

.SimplePanel_SBS .OrderList_RedeemCode,
.OrderList_RedeemCode{
  padding-top:20px;
  margin-bottom: 10px;
  float:left;
  width:100%;
}

.SimplePanel_SBS .OrderList_RedeemCode .gwt-Button-totalEnabled,
.OrderList_RedeemCode .gwt-Button-totalEnabled{
  margin-top:0px !important; 
  width:100%;
}

.SimplePanel_SBS .OrderList_RedeemCode .gwt-Label,
.OrderList_RedeemCode .gwt-Label{
  margin:2%;
  text-align:center;
  color: #5d5d5d;
  border-bottom:1px solid #d3d3d3;
  margin-bottom:10px;
  margin-top:0px;
  width:96%;
}

.SimplePanel_SBS .OrderList_RedeemCode .gwt-TextBox,
.OrderList_RedeemCode .gwt-TextBox{
  height:40px;
  margin:2%;
  margin-top:0px;
  margin-bottom:10px;
  width:96%;
}




.VouchersPanel{
  padding-bottom:6%;
  float:left;
  width:100%;
}

.VoucherPanel_titleLabel{
  color: #233872;
  font-size:1.3em;
  margin-top:20px;
  text-align:center;
  border-bottom: 1px solid #ffffff;
  margin-left:2%;
  margin-right:2%;
}

.Voucher, .Redeem{
  width:88%;
  height:50vw;
  background-color: #fff4ec;
  -webkit-box-shadow: 0 0 12px 4px #ccc;
  -moz-box-shadow: 0 0 12px 4px #ccc;
  -ms-box-shadow: 0 0 12px 4px #ccc;
  -o-box-shadow: 0 0 12px 4px #ccc;
  box-shadow: 0 0 12px 4px #ccc;
  border:1px solid #e3e3e3;
  margin-left:6%;
  margin-top:6vw;
  float:left;
  position: relative;
  overflow:hidden;

}

.Voucher{
  cursor:pointer;
}

.Voucher_new:after{
  background-image:url(Pictures/Front_DeliveryTask/newDelivery.png);
  background-size:100% auto;
  position:absolute;
  left:0px;
  top:0px;
  width: 14%;
  height: 28%;
  float:left;
  content:'';
  z-index:99;
  background-repeat: no-repeat;
}

.Voucher:before, 
.Redeem:before{
  width:96%;
  height:92%;
  background-color:transparent;
  left:0px;
  top:0px;
  margin:2%;
  content:'';
  float:left;
  border: 1px solid #233872cf;
  box-sizing:border-box;
  border-radius: 2vw;
  position: absolute;
  -webkit-box-shadow: 0 0 1px 1px #ffe3e8;
  -moz-box-shadow: 0 0 1px 1px #ffe3e8;
  -ms-box-shadow: 0 0 1px 1px #ffe3e8;
  -o-box-shadow: 0 0 1px 1px #ffe3e8;
  box-shadow: 0 0 1px 1px #233872;
  z-index:10;
  pointer-events: none;
}

.Voucher_imagePanel{
  position:absolute;
  right:-30%;
  top:-34%;
  height:170%;
  width:75%;
  border-radius:200%;
  background-image:url(/Pictures/icons/voucherPattern.png);
  background-size:200% auto;
  float:left;
  overflow:hidden;
}

.Voucher_imagePanel:before{
  content:'';
  position:absolute;
  width:96%;
  height:96%;
  border:2px solid white;
  border-radius:200%;
  left:2%;
  top:2%;
  box-sizing:border-box;
  z-index:5;
}

.Voucher_imagePanel:after{
  position:absolute;
  left:0px;
  top:0px;
  height:100%;
  width:100%;
  border-radius:200%;
  background-color:rgba(255, 0, 0, 0.45);
  float:left; 
  content:'';
}

.Voucher_imagePanel img{
  height: 59%;
    margin-top: 21%;
    z-index: 1;
    position: absolute;
}



.Voucher_rndColorScheme0 .Voucher_imagePanel:after,
.Voucher_rndColorScheme1 .Voucher_imagePanel:after,
.Voucher_rndColorScheme2 .Voucher_imagePanel:after,
.Voucher_rndColorScheme3 .Voucher_imagePanel:after,
.Voucher_rndColorScheme4 .Voucher_imagePanel:after{
  background-color:rgba(39, 162, 0, 0.45);
}

.Voucher_rndColorScheme5 .Voucher_imagePanel:after,
.Voucher_rndColorScheme6 .Voucher_imagePanel:after,
.Voucher_rndColorScheme7 .Voucher_imagePanel:after,
.Voucher_rndColorScheme8 .Voucher_imagePanel:after,
.Voucher_rndColorScheme9 .Voucher_imagePanel:after{
  background-color:rgba(255, 0, 0, 0.45);
}

.Voucher_rndColorScheme10 .Voucher_imagePanel:after,
.Voucher_rndColorScheme11 .Voucher_imagePanel:after,
.Voucher_rndColorScheme12 .Voucher_imagePanel:after,
.Voucher_rndColorScheme13 .Voucher_imagePanel:after,
.Voucher_rndColorScheme14 .Voucher_imagePanel:after{
  background-color:rgba(0, 71, 162, 0.45);
}

.Voucher_rndColorScheme15 .Voucher_imagePanel:after,
.Voucher_rndColorScheme16 .Voucher_imagePanel:after,
.Voucher_rndColorScheme17 .Voucher_imagePanel:after,
.Voucher_rndColorScheme18 .Voucher_imagePanel:after,
.Voucher_rndColorScheme19 .Voucher_imagePanel:after{
  background-color:rgba(253, 202, 8, 0.45);
}



.Voucher_title{
  color:#666;
  font-weight:bold;
  width: 50%;
  text-align: center;
  margin-top: 4%;
  margin-left: 4%;
  font-size: 7vw;
  position:relative;
  text-shadow:1px 1px 1px pink;
  float:left;
}

.aMS_OfferedValue{
  display:none;
}

.aMS_AvailableValue{
  font-size:30px;
  margin-top:20px;
  right:05%;
  position:absolute;
}


.Voucher_itemTitle{
  width:40%;
  position:absolute;
  z-index:5;
  right:1%;
  top:4%;
  height:90%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 7vw;
  color:white;
  font-weight:bold;
  -ms-transform: rotate(-10deg); /* IE 9 */
  -webkit-transform: rotate(-10deg); /* Safari */
  transform: rotate(5deg);
  text-shadow:1px 1px 1px #666;
}

.Voucher_itemDescription{
  float:left;
  width:50%;
  margin-left:4%;
  font-size: 3.5vw;
  text-align:center;
}

.Voucher_validity{
  position:relative;
  float:left;
  width:50%;
  margin-left:4%;
  font-size: 3vw;
  text-align:center;
  color:#666;
  margin-top:2%;
}

.Voucher_percentage{
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  z-index:99999;
  color: white;
  font-size: 15vw;
  position: absolute;
  text-align: center;
  line-height: 40vw;
}

.Voucher_sharedCodePanel{
  position:absolute;
  width:100%;
  z-index:99999;
  top:1%;
  pointer-events:none;
}

.Voucher_sharedCodeTitle{
  position:relative;
  float:left;
  text-align:right;
  width:60%;
  color:white;
  margin-top:4%;
  font-size:4vw;
}

.Voucher_sharedCode{
  position:relative;
  float:left;
  width:40%;
  color:#e84301;
  font-weight:bold;
  text-align:left;
  font-size:8vw;
  text-shadow:white 0px 0px 5px;

}

.Voucher_partial .Voucher_percentage:before{
  background-color:#e84301;
  position:absolute;
  width:50%;
  height:5%;
  content:'';
  left:25%;
  top:70%;
}

.Voucher_partial .Voucher_percentage:after{
  background-color:greenyellow;
  position:absolute;
  width:50%;
  height:5%;
  content:'';
  left:25%;
  top:70%;
}

.Voucher_partial_0 .Voucher_percentage:after,
.Voucher_partial_1 .Voucher_percentage:after,
.Voucher_partial_2 .Voucher_percentage:after,
.Voucher_partial_3 .Voucher_percentage:after,
.Voucher_partial_4 .Voucher_percentage:after{
  width:0%;
}

.Voucher_partial_5 .Voucher_percentage:after,
.Voucher_partial_6 .Voucher_percentage:after,
.Voucher_partial_7 .Voucher_percentage:after,
.Voucher_partial_8 .Voucher_percentage:after,
.Voucher_partial_9 .Voucher_percentage:after{
  width:2.5%;
}

.Voucher_partial_10 .Voucher_percentage:after,
.Voucher_partial_11 .Voucher_percentage:after,
.Voucher_partial_12 .Voucher_percentage:after,
.Voucher_partial_13 .Voucher_percentage:after,
.Voucher_partial_14 .Voucher_percentage:after{
  width:5%;
}

.Voucher_partial_15 .Voucher_percentage:after,
.Voucher_partial_16 .Voucher_percentage:after,
.Voucher_partial_17 .Voucher_percentage:after,
.Voucher_partial_18 .Voucher_percentage:after,
.Voucher_partial_19 .Voucher_percentage:after{
  width:7.5%;
}

.Voucher_partial_20 .Voucher_percentage:after,
.Voucher_partial_21 .Voucher_percentage:after,
.Voucher_partial_22 .Voucher_percentage:after,
.Voucher_partial_23 .Voucher_percentage:after,
.Voucher_partial_24 .Voucher_percentage:after{
  width:10%;
}

.Voucher_partial_25 .Voucher_percentage:after,
.Voucher_partial_26 .Voucher_percentage:after,
.Voucher_partial_27 .Voucher_percentage:after,
.Voucher_partial_28 .Voucher_percentage:after,
.Voucher_partial_29 .Voucher_percentage:after{
  width:12.5%;
}

.Voucher_partial_30 .Voucher_percentage:after,
.Voucher_partial_31 .Voucher_percentage:after,
.Voucher_partial_32 .Voucher_percentage:after,
.Voucher_partial_33 .Voucher_percentage:after,
.Voucher_partial_34 .Voucher_percentage:after{
  width:15%;
}

.Voucher_partial_35 .Voucher_percentage:after,
.Voucher_partial_36 .Voucher_percentage:after,
.Voucher_partial_37 .Voucher_percentage:after,
.Voucher_partial_38 .Voucher_percentage:after,
.Voucher_partial_39 .Voucher_percentage:after{
  width:17.5%;
}

.Voucher_partial_40 .Voucher_percentage:after,
.Voucher_partial_41 .Voucher_percentage:after,
.Voucher_partial_42 .Voucher_percentage:after,
.Voucher_partial_43 .Voucher_percentage:after,
.Voucher_partial_44 .Voucher_percentage:after{
  width:20%;
}

.Voucher_partial_45 .Voucher_percentage:after,
.Voucher_partial_46 .Voucher_percentage:after,
.Voucher_partial_47 .Voucher_percentage:after,
.Voucher_partial_48 .Voucher_percentage:after,
.Voucher_partial_49 .Voucher_percentage:after{
  width:22.5%;
}

.Voucher_partial_50 .Voucher_percentage:after,
.Voucher_partial_51 .Voucher_percentage:after,
.Voucher_partial_52 .Voucher_percentage:after,
.Voucher_partial_53 .Voucher_percentage:after,
.Voucher_partial_54 .Voucher_percentage:after{
  width:25%;
}

.Voucher_partial_55 .Voucher_percentage:after,
.Voucher_partial_56 .Voucher_percentage:after,
.Voucher_partial_57 .Voucher_percentage:after,
.Voucher_partial_58 .Voucher_percentage:after,
.Voucher_partial_59 .Voucher_percentage:after{
  width:27.5%;
}

.Voucher_partial_60 .Voucher_percentage:after,
.Voucher_partial_61 .Voucher_percentage:after,
.Voucher_partial_62 .Voucher_percentage:after,
.Voucher_partial_63 .Voucher_percentage:after,
.Voucher_partial_64 .Voucher_percentage:after{
  width:30%;
}

.Voucher_partial_65 .Voucher_percentage:after,
.Voucher_partial_66 .Voucher_percentage:after,
.Voucher_partial_67 .Voucher_percentage:after,
.Voucher_partial_68 .Voucher_percentage:after,
.Voucher_partial_69 .Voucher_percentage:after{
  width:32.5%;
}

.Voucher_partial_70 .Voucher_percentage:after,
.Voucher_partial_71 .Voucher_percentage:after,
.Voucher_partial_72 .Voucher_percentage:after,
.Voucher_partial_73 .Voucher_percentage:after,
.Voucher_partial_74 .Voucher_percentage:after{
  width:35%;
}

.Voucher_partial_75 .Voucher_percentage:after,
.Voucher_partial_76 .Voucher_percentage:after,
.Voucher_partial_77 .Voucher_percentage:after,
.Voucher_partial_78 .Voucher_percentage:after,
.Voucher_partial_79 .Voucher_percentage:after{
  width:37.5%;
}

.Voucher_partial_80 .Voucher_percentage:after,
.Voucher_partial_81 .Voucher_percentage:after,
.Voucher_partial_82 .Voucher_percentage:after,
.Voucher_partial_83 .Voucher_percentage:after,
.Voucher_partial_84 .Voucher_percentage:after{
  width:40%;
}

.Voucher_partial_85 .Voucher_percentage:after,
.Voucher_partial_86 .Voucher_percentage:after,
.Voucher_partial_87 .Voucher_percentage:after,
.Voucher_partial_88 .Voucher_percentage:after,
.Voucher_partial_89 .Voucher_percentage:after{
  width:42.5%;
}

.Voucher_partial_90 .Voucher_percentage:after,
.Voucher_partial_91 .Voucher_percentage:after,
.Voucher_partial_92 .Voucher_percentage:after,
.Voucher_partial_93 .Voucher_percentage:after,
.Voucher_partial_94 .Voucher_percentage:after{
  width:45%;
}

.Voucher_partial_95 .Voucher_percentage:after,
.Voucher_partial_96 .Voucher_percentage:after,
.Voucher_partial_97 .Voucher_percentage:after,
.Voucher_partial_98 .Voucher_percentage:after,
.Voucher_partial_99 .Voucher_percentage:after{
  width:47.5%;
}

.Voucher_promoDescription{
  width:100%;
  height:100%;
  overflow:hidden;
  position:absolute;
  color:transparent;
  background-color:transparent;
  z-index:99999;
  text-align:center;
  padding:2%;
  padding-top:10%;
  background-image:url(Pictures/icons/phone_info.png);
  background-size:8% auto;
  background-repeat:no-repeat;
  background-position:1% 2%;
  font-size: 6vw;
}

.Voucher_promoDescription:hover,
.Voucher_promoDescription:active{
  background-color:black;
  color:white;

}


.Redeem_title{
  position:relative;
  float:left;
  width:100%;
  color:#666;
  font-weight:bold;
  text-align: center;
  text-shadow:1px 1px 1px pink;
  font-size: 8vw;
  padding-top: 4%;
  background-size:70% auto;
}

.Redeem_textBox{
  position:relative;
  float:left;
  width:86%;
  margin-left:7%;
  margin-top: 4%;
  height:20%;
  font-size: 6vw;
}

.Redeem_button{
  width:86%;
  height:20%;
  margin-left:7%;
  margin-top: 4%;
  font-size: 6vw;
  color:white;
  text-shadow:1px 1px 1px #666;
  background-color: rgb(35 56 114);
  border: 1px solid black;
}

/* ===== MEDIA QUERIES ===== */
@media screen and (min-width: 480px) {
  #content {

    margin: 0 auto;
  }


  .restaurant .landscape {
    height: 100%;
    width:100%;
  }
  
 .restaurant .portrait {
    height: 100%;
    width:100%;
  }


  .menu .simplePanelMenu .menuItem .landscape, .menu .simplePanelMenu .imageButton .landscape,
  .menu .simplePanelMenu .imageButton .landscape, landscape {
    height: 100%;
    width:100%;
  }

  .tablesList .table {
    hei ght: initial!important;
    width: 30%;
    background-size:cover;
    margin-left:2%;
  }
  .tablesList .table .gwt-HTML {
    /* margin-top: 38px; */
  }

  .menu .simplePanelMenu .menuItem, .menu .simplePanelMenu .imageButton,
  .menu .simplePanelMenu .imageButton {
    height: 100%;
    width:100%;
}

  .simplePanelOrderList .orderList .orderItem .titlePanel .gwt-Label-title, .overviewPanel .itemList .orderItem .titlePanel .gwt-Label-title {
    max-width: 75%;
  }
  
  .simplePanelOrderList .orderList .orderItem .titlePanel .gwt-Label-title{
    max-width: 55%;
  }

  .simplePanelOrderList .orderList .modifierWindow .horizontalPanel .gwt-Label {
    max-width: 75%;
    display: inline-block;
    white-space: nowrap;
  }

  .confirmWindow {
    /* margin: 1% 6%; */
  }

  .menu .simplePanel#content .confirmWindow span{
     color: #000000 !important;
  }
  
  .confirmWindow .product .gwt-Image {
    height: auto;
  }

  .confirmWindow .modifierWindow .buttonList .focusPanel .gwt-Label {
    max-width: 70%;
  }

  .list-layout #content {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {


    /* Vouchers */
  .Voucher, .Redeem{
    width:41%;
    height:20vw;
  }
  
  .Voucher:before, .Redeem:before {
    border-radius: 1vw;
  }
  
  .Voucher_title {
    font-size:3.5vw;
  }
  
  .Voucher_itemDescription {
    font-size:1.75vw;
  }
  
  .Voucher_validity {
    font-size:1.5vw;  
  }
  
  .Voucher_itemTitle {
    font-size:3.5vw;    
  }
  
  .Voucher_percentage {
    font-size:7.5vw;
    line-height:20vw; 
  }

  .Voucher_sharedCode{
    font-size:4vw;
  }

  .Voucher_sharedCodeTitle{
    font-size:2vw;
  }
  
  .Voucher_promoDescription {
    font-size:3vw;
  }
  
  .Redeem_title {
    font-size:4vw;
  }
  
  .Redeem_textBox {
    font-size:3vw;
  }
  
  .Redeem_button {
    font-size:3vw;
  }





  .OrderList_RedeemCode{
    float: none;
  }

  .OrderList_RedeemCode .gwt-Button-totalEnabled{
    margin-top:0px !important; 
    width:50%;
  }

  .OrderList_RedeemCode .gwt-Label{
    width: 50%;
  }

  .OrderList_RedeemCode .gwt-TextBox{
    width:50%;
  }
}
.orderList > .verticalPanel
{
  float:right;
  width:100%;
}

@media screen and (max-width: 768px) {
 .Info.EscolhaRestaurante.MenuHeader.Desktop .image{
    display:none!important;
  }
}

@media screen and (min-width: 768px) {
 .Info.EscolhaRestaurante.MenuHeader.Mobile .image{
    display:none!important;
  }
}




.Overview #navBar:after{
  content:"";
  position:fixed!important;
  left:0%!important;
  width:100%!important;
  height:50px!important;
  top:120px!important;
  background-color:white!important;
  z-index:999;
}
@media screen and (max-width: 768px) {
  .Overview #navBar:after{
    content:initial;
  }
}


.Overview .checkButton{
  display:none;
}

.PrivacyPolicy-Family-Container .InfoHTML{
  width:100%!important;
  height:100%!important;
}



.Voucher_partial_0{
  display:none;
}

.MenuLevel-l1 .footerMenu{
  width:100%;
  left:0;
  height:25px;
  position:fixed;
  z-index:99999;
  display:initial!important;
  line-height:25px;
  
}

@media screen and (min-width: 480px) {
.MenuLevel-l1 .footerMenu{
  width:80%;
  left:10%;  
}

}
.MenuLevel-l1 #content{
  padding-bottom:50px;
}

.MenuLevel-l1  .footerMenu .Info-NoImage.menuItem{
  display:initial!important;
  margin:initial!important;
}

.MenuLevel-l1  .footerMenu .Info-NoImage.menuItem .gwt-Label{
  font-size:12.5px;
  padding:initial!important;
}
.footerItem .confirmWindow .gwt-Image
{
    display:none!important;
}



.simplePanel#content :not(.Item-Opened) .menuItem.Complex > div > .titlePrice 
{
  width:100%!important;
}
.simplePanel#content :not(.Item-Opened) .menuItem.Complex > div > .titlePrice > .descriptionBox 
{
  width: 94%!important;
  display:flex!important;
}


.simplePanel#content :not(.Item-Opened).Item {
  width:46%!important;
  left:2%;
  height: auto!important;
  overflow: visible!important;
  background-color:initial!important;
  background-image:initial!important;
  margin-right:4%;
  top:10px;
  margin-bottom:20px!important;
    box-shadow:initial;

}

.simplePanel#content :not(.Item-Opened).Item.Item-Image img{
  width: 20.5%!important;
  height:auto!important;
  margin-top:30px;
}

.simplePanel#content :not(.Item-Opened).Item .titlePrice{
  width:100%!important;
  margin-left:0!important;
  height:70px!important;
}


.simplePanel#content :not(.Item-Opened).Item .aMS_Button{
  display:none!important;
}

.simplePanel#content :not(.Item-Opened).Item .titlePrice .gwt-Label-title{
  background-color:black;
  top: 0px;
  height: 24px;
  font-size:16px!important;
}


.simplePanel#content :not(.Item-Opened).Item.Item-Image .titlePrice .gwt-HTML.descriptionBox
{
  margin-top:50px!important;
  position:absolute!important;
  margin-left:20%!important;
  color:black!important;
  top: -20px!important;
  height:30px;
  font-size:rem!important;
}
.simplePanel#content :not(.Item-Opened).Item.Item-NoImage .titlePrice .gwt-HTML.descriptionBox
{
  position:absolute!important;
  margin-left:0%!important;
  color:black!important;
  top:50px!important;
  font-size: 1em!important;
}

.simplePanel#content :not(.Item-Opened).Item.Item-Image .titlePrice .price{
    margin-top: 22%;
    top: 0!important;
}


.simplePanel#content :not(.Item-Opened).Item .titlePrice .price{
  width:100%!important;
  top: 24px!important;
  background-color: #dfdfdf!important;
  height:23px;
  font-weight:bolder!important;
  text-decoration:auto!important;
  font-family:"Josefin Sans"!important;
  text-align:right;
  font-size:15px!important;
  color: black!important;
  position:absolute;
  text-shadow:0 0 black!important;
  padding-right:40px;
  font-weight:initial!important;
  padding-top:5px;
}

.simplePanel#content :not(.Item-Opened).Item .titlePrice .price:after{
  content:"";
  margin-left:calc(100% - 33px);
  background-image:url('https://lh3.googleusercontent.com/KxPpgbzxY81X2dku7gY9-2c1u2r82jHAk1f2t-qCMBxheeFBYMIwMvjT7LCf85RnsrRrQv8KDq2VZMLWPuVt');
  background-size: 23px 23px;
  background-repeat:no-repeat;
  width: 23px!important;
  height: 23px!important;
  position:absolute;
  top:0px;
  left:0;
 
}

.simplePanel#content :not(.Item-Opened).Item .titlePrice .price:before{
 /* content:"dose ";*/
  position:absolute;
  left:10px;
}

.simplePanel#content :not(.Item-Opened).Item-Opened  {
  font-weight:initial!important;
}



.simplePanel#content :not(.Item-Opened).Item-Image .titlePrice
{
  overflow: initial;
}
.simplePanel#content :not(.Item-Opened).Family-Container .Item-Image .titlePrice
{
  overflow: initial;
}

.simplePanel#content :not(.Item-Opened).Family-Container .menuItem.Item-Image .titlePrice >.price
{
  overflow: initial;
  color:#000000!important;
  background-color: #ffffff;
  top:30px;
  text-align:right;
  right:0;
  text-shadow: initial;

}

.simplePanel#content :not(.Item-Opened).Family-Container .menuItem.Item-Image .titlePrice >.price
{
  overflow: initial;
  color:#000000!important;
}



.simplePanel#content :not(.Item-Opened) .titlePrice > span
{
  position:relative;
  font-size:initial;
  background-color:#ffffff;
  color:black!important;
  text-shadow: initial;
  float:right;
}

.simplePanel#content :not(.Item-Opened).Item.Item-Image .titlePrice .price:hover,.simplePanel#content :not(.Item-Opened).Item .titlePrice .price:hover{
  background-color:black!important;
  color:white!important;
  cursor:pointer;
}

@media screen and (max-width: 480px) {
  .simplePanel#content :not(.Item-Opened).Item.Item-Image,.simplePanel#content :not(.Item-Opened).Item {
    width:94%!important;
    left:3%;
  }
  
  .simplePanel#content :not(.Item-Opened).Item.Item-Image .titlePrice .price{
    margin-top: 24%;
    top: 0!important;
  } 

}







.AddressForm .address{
  float:left;
  width:100%;
  border-bottom:1px solid #999;
  font-size:20px;
  margin-bottom:20px;
  margin-top:10px;
  cursor:pointer;
}

.AddressForm .address .gwt-Label{
  width:100%;
  float:left;
}
.AddressForm .address .gwt-Label{
  float:left;
  width:auto;
  height:0px;
  line-height:0px;
}

.AddressForm .address .gwt-Label:after{
  content:',\00a0';
}

.AddressForm .address .gwt-Label:first-child{
  margin-top:6px;
}

.AddressForm .address .gwt-Label:first-child:first-letter{
  color:red;
  font-size:30px;
}

.AddressForm .address .gwt-Label:last-child:after{
  content:'';
}

.AddressForm .address .aMS_Check{
  float:right;
  width:35px;
  height:35px;
  background-size:35px 35px;
}

.AddressForm .address .aMS_Check.aMS_Unchecked{
  background-image:url(SvgLoader/check_dot.ffffff00.79b83bff.ffffff00.svg);
}

.AddressForm .address .aMS_Check.aMS_Dotted{
  background-image:url(SvgLoader/check_dot.ffffff00.79b83bff.79b83bff.svg);
}
.AddressForm .aMS_MapViewer{
  width:100%;
  height:250px;
  float:left;
  position:relative;
}

.AddressForm .menu .simplePanel .loginManager
{
  top:initial;
}

.OrderList .orderItemsBadge{
  display:none!important;
}
.WaitScreen .InnerOption_Vouchers, .WaitScreen .InnerOption_PreviousOrders{
  display:none!important;
}

.menu .simplePanelMenu .menuItem.Info .titlePrice .gwt-Label-title
{
  position:relative!important;
  color:black;
  text-shadow:initial;
}
.imageTree .menuItem.Info{
  background-color: #f1f1f1!important;
  padding:10px;;
  position:relative!important;
}

.imageTree .menuItem.Info .info{
  display:none;
}



.Covilha .Family-Container .Enterprise
{
  width:100%!important;
  object-fit:cover!important;
  margin-bottom:0;
  margin-left: 0;
  margin-right: 0;
}

.Covilha .Family-Container .Enterprise .gwt-Image
{
  width:100%!important;
  object-fit:cover!important;
  
}