/* @import url('https://fonts.googleapis.com/css2?family=Georama:ital,wght@0,100..900;1,100..900&display=swap'); */


h1,
h2,
h3 {
  font-family: Poppins,sans-serif;
  font-weight: 400;
  color: #836d41
}
.card .card-title {
  font-weight: 300
}
h4,
h5,
h6 {
  font-family: Poppins,sans-serif;
  font-weight: 300;
  color: #725f5f
}
.english,
.italiano {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 30px
}
.english,
.italiano {
  font-family: Poppins,sans-serif;
  color: #261f13!important
}
.card.product-card .title {
  color: #797265!important
}
h5.card-title {
  font-family: Poppins,sans-serif;
  color: #797265!important
}
.product-detail-header .title {
  font-weight: 400;
  color: #725f5f
}
.product-detail-header .detail-footer .price .current-price {
  color: #c6a462
}
.bg-primary {
  background-color: #4d4843!important
}
.btn-secondary {
  background-color: #b5ada2!important;
  border-color: #b5ada2!important
}
.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #837562!important;
  border-color: #837562!important
}
.stepper-secondary .stepper-button {
  background-color: #b5ada2;
  border-color: #b5ada2
}
.stepper-secondary .form-control {
  color: #675d4e;
  border-color: #b5ada2
}
.stepper {
  border-radius: 10px;
  min-width: 0
}
.bottone-main {
  background-color: #aa9880!important;
  border-color: transparent!important
}
.bottone-main.active,
.bottone-main:active,
.bottone-main:focus,
.bottone-main:hover {
  background-color: #aa9880!important;
  border-color: transparent!important;
  box-shadow: inset -4px -4px 8px rgba(233,225,200,.5),inset 8px 8px 16px rgba(52,42,32,.3)!important
}
.bottone-main-outline {
  background-color: #fff!important;
  border: 3px solid #aa9880!important
}
.btn-danger {
  background-color: #f06270!important;
  border-color: transparent!important
}
.btn-success {
  background-color: #4cbc59!important;
  border-color: transparent!important
}
.btn-outline-danger {
  background-color: #fff!important;
  border: #ff373780 3px solid!important
}
.btn-outline-primary {
  background-color: #fff!important;
  border: #3770ff80 3px solid!important
}
.btn-outline-warning {
  background-color: #fff!important;
  border: #fe9400cc 3px solid!important
}
.btn-outline-info {
  background-color: #fff!important;
  border: #3a00cd80 3px solid!important
}
.btn-outline-success {
  background-color: #fff!important;
  border: #4cbc59 3px solid!important
}
.btn-outline {
  background-color: #fff!important;
  border: #9a9a9a2d 3px solid!important
}
.btn-outline.active,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
  background-color: #fcfcfc!important;
  border: #9a9a9a2d 3px solid!important;
  box-shadow: inset -4px -4px 8px rgba(255,255,255,.559),inset 8px 8px 16px rgba(110,110,110,.3)!important
}
.btn-outline-warning:active,
.btn-outline-warning:focus,
.btn-outline-warning:hover {
  background-color: #fff!important;
  border: #fe9400cc 3px solid!important;
  box-shadow: inset -4px -4px 8px rgba(255,248,248,.559),inset 8px 8px 16px rgba(127,127,127,.3)!important
}
.btn-outline-danger.active,
.btn-outline-danger:active,
.btn-outline-danger:focus,
.btn-outline-danger:hover {
  background-color: #fff!important;
  border: #ff5f5f80 3px solid!important;
  box-shadow: inset -4px -4px 8px rgba(255,248,248,.559),inset 8px 8px 16px rgba(127,127,127,.3)!important
}
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
  background-color: #fff!important;
  border: #3770ff80 3px solid!important;
  box-shadow: inset -4px -4px 8px rgba(255,248,248,.559),inset 8px 8px 16px rgba(127,127,127,.3)!important
}
.bottone-main-outline.active,
.bottone-main-outline:active,
.bottone-main-outline:focus,
.bottone-main-outline:hover {
  background-color: #fff!important;
  border: #aa9880 3px solid!important;
  box-shadow: inset -4px -4px 8px rgba(255,248,248,.559),inset 8px 8px 16px rgba(127,127,127,.3)!important
}
.btn-outline-info.active,
.btn-outline-info:active,
.btn-outline-info:focus,
.btn-outline-info:hover {
  background-color: #fff!important;
  border: #3a00cd80 3px solid!important;
  box-shadow: inset -4px -4px 8px rgba(255,248,248,.559),inset 8px 8px 16px rgba(127,127,127,.3)!important
}
.btn-outline-success.active,
.btn-outline-success:active,
.btn-outline-success:focus,
.btn-outline-success:hover {
  background-color: #fff!important;
  border: #4cbc59 3px solid!important;
  box-shadow: inset -4px -4px 8px rgba(244,244,244,.559),inset 8px 8px 16px rgba(127,127,127,.3)!important
}
.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
  background-color: #da5966!important;
  border-color: transparent!important;
  box-shadow: inset -4px -4px 8px rgba(255,147,159,.559),inset 8px 8px 16px rgba(77,21,21,.3)!important
}
.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover {
  background-color: #4cbc59!important;
  border-color: transparent!important;
  box-shadow: inset -4px -4px 8px #b7ffbf86,inset 8px 8px 16px rgba(21,77,37,.3)!important
}
.product-detail-header .detail-footer,
.product-detail-header .title {
  padding-left: 15px
}
@media only screen and (max-width:500px) {
  .product-detail-header .detail-footer,
  .product-detail-header .title {
    padding-left: 8px
  }
  .accessovelocetab {
    width: 90px!important
  }
}
@media (min-width:900px) {
  .btn-lg {
    padding-top: 40px;
    padding-bottom: 40px
  }
  .english,
  .italiano {
    padding-top: 60px;
    padding-bottom: 60px;
    background: linear-gradient(145deg, #13782bc9, #54ca7063) !important;
    box-shadow: 4px 4px 10px #464646cc, -4px -4px 10px #ffffffa3 !important;
    color: #fff !important;
  }
}
.btn {
  font-family: Poppins,sans-serif
}
.appHeader.scrolled.bg-primary .headerButton {
  color: #4d4843
}
.text-primary,
a.text-primary {
  color: #836d41!important
}
.appBottomMenu .item.active i.bi,
.appBottomMenu .item.active i.icon,
.appBottomMenu .item.active ion-icon,
.appBottomMenu .item.active strong {
  color: #4d4843!important
}
.appBottomMenu .item i.bi,
.appBottomMenu .item i.icon,
.appBottomMenu .item ion-icon {
  color: #4d4843!important
}
a {
  color: #836d41
}
a:hover {
  color: #4d473c
}
.section-title {
  color: #836d41
}
.product-card {
  border-radius: 20px;
  padding-bottom: 5px;
  box-shadow: -7px -7px 20px 0 #fff8,-4px -4px 5px 0 #fff8,7px 7px 20px 0 #0002,4px 4px 5px 0 #0001!important
}
.bo_product-card {
  border-radius: 2px;
  padding-bottom: 1px;
  cursor: pointer;
  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.bo_product-card2 {
  border-radius: 2px;
  padding-bottom: 1px;
  min-height: 136px;
  box-shadow: -px -7px 20px 0 #fff8,-4px -4px 5px 0 #fff8,7px 7px 20px 0 #0002,4px 4px 5px 0 #0001!important;
  cursor: pointer;
  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
body {
  background: #f1f1f1
}
.offcanvas-body {
  background: #f1f1f1
}
.btn {
  border-radius: 10px;
  font-family: Poppins,sans-serif
}
.form-check .form-check-label {
  font-size: 1.3em
}
#startTimerButton,
#stopTimerButton {
  display: none
}
#appCapsule {
  padding-top: 0px;
  padding-bottom: 170px
}
.appCapsule-cart {
  padding-top: 50px!important;
  padding-bottom: 650px!important
}
.button.goTop {
  bottom: 360px
}
.price {
  color: #ad8a44!important
}
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  right: -10px
}
.ribbon__content_new {
  left: -25px;
  top: 30px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #61a864;
  box-shadow: 0 5px 10px rgba(0,0,0,.192);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
  border: 2px dotted #fff;
  outline: 5px solid #61a864
}
.ribbon::before {
  top: 0;
  left: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #585858;
  box-sizing: content-box
}
.ribbon::after {
  bottom: 0;
  right: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #585858
}
.ribbon__content_sale {
  left: -25px;
  top: 30px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #c2a862;
  box-shadow: 0 5px 10px rgba(0,0,0,.192);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
  border: 2px dotted #fff;
  outline: 5px solid #c2a862
}
.index_logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  text-align: center
}
.cart-button-container {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: #e9e9e9;
  background: linear-gradient(150deg,#f0f0f0 0,#fff 100%);
  box-shadow: inset 0 -1px 10px #d7d7d7,0 -1px 1px #c8c8c8,0 2px 1px #fff
}
.cart-button {
  display: block;
  backface-visibility: hidden;
  background: linear-gradient(top,#bbb,#eee);
  box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff;
  background-color: #fff;
  box-shadow: 0 2px 7px #8e8e8e;
  position: relative;
  text-align: center;
  color: #83765f;
  font-size: 30px;
  line-height: 60px;
  margin: 10px;
  width: 60px;
  height: 60px;
  border-radius: 30px
}
.cart-button:active,
.cart-button:hover {
  display: block;
  backface-visibility: hidden;
  background: #fff;
  box-shadow: inset -3px -3px 6px #fff,inset 4px 4px 8px rgba(158,158,158,.689);
  background-color: #fff;
  position: relative;
  text-align: center;
  color: #6b5d45;
  line-height: 60px;
  margin: 10px;
  width: 60px;
  height: 60px;
  border-radius: 30px
}
.modify-button {
  margin-right: 10px
}
.lista_price {
  line-height: 1.5em;
  height: 3em;
  overflow-wrap: break-word
}
#offcanvas-right {
  width: 50%;
  border: 0
}
.offcanvas-bottom {
  height: 65%
}
.form-check .form-check-label {
  color: #4d473c
}
.text-large {
  font-size: 3em!important
}
.text-mediumlarge {
  font-size: 2.5em!important
}
.text-medium {
  font-size: 2em!important
}
.text-regularlarge {
  font-size: 1.5em!important
}
.text-regular {
  font-size: 1.3em!important
}
.appHeader-articolo,
.appHeader-carrello {
  background-color: #aa9880
}
.swal2-title {
  font-family: Poppins,sans-serif!important;
  font-weight: 300!important
}
.swal2-html-container {
  font-family: Poppins,sans-serif!important;
  font-size: 1.3em!important
}
.swal2-styled.swal2-confirm {
  background-color: #61a864!important;
  padding: 20px 50px!important;
  border-radius: 10px!important;
  margin-bottom: 20px!important;
  font-size: 1.6em!important
}
.swal2-styled.swal2-cancel {
  background-color: #da5966!important;
  padding: 20px 35px!important;
  border-radius: 10px!important;
  margin-bottom: 20px!important;
  font-size: 1.6em!important
}
.swal2-container.swal2-center > .swal2-popup {
  border-radius: 40px!important;
  padding-top: 30px!important;
  padding-bottom: 30px!important
}
.swal2-timer-progress-bar {
  margin-left: 40px!important;
  margin-right: 40px!important
}
.card-shaded {
  background: #ebebeb;
  background: linear-gradient(163deg,#f1f1f1 0,#fff 100%)
}
.btn-delete-summary {
  height: 40px;
  width: 40px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
  border-radius: 20px;
  background-color: #fff;
  border: 2px solid #dd5454aa;
  color: #dd5454aa
}
.btn-delete-summary:active,
.btn-delete-summary:hover {
  background-color: #fdd;
  border: 2px solid #da0000;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
  border-radius: 20px;
  background-color: #fff;
  color: #da0000
}
.riepilogo-container {
  height: 200px
}
.riepilogo-content {
  height: 140px;
  overflow: auto
}
.dettaglio_item_btn {
  border-radius: 10px;
  background: #fffdf8;
  border: 2px solid #faebd7
}
.rounded {
  border-radius: 20px!important
}
.rounded-sm {
  border-radius: 15px
}
#actionSheetDiscount,
#actionSheetLottery {
  width: 50%;
  height: 30%
}
.btn-text-secondary {
  color: #725f5f!important
}
.appHeader .left .headerButton,
.appHeader .right .headerButton {
  color: #fff
}
.riepilogo-cart {
  margin-bottom: 160px
}
.add-mobile-btn {
  display: block;
  backface-visibility: hidden;
  background: linear-gradient(top,#bbb,#eee);
  box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff;
  box-shadow: 0 2px 7px #8e8e8e;
  position: relative;
  text-align: center;
  color: #83765f;
  font-size: 17px;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  border: transparent
}
.add-mobile-btn:active,
.add-mobile-btn:hover {
  display: block;
  backface-visibility: hidden;
  background: #fff;
  box-shadow: inset -3px -3px 6px #fff,inset 4px 4px 8px rgba(158,158,158,.689);
  background-color: #fff;
  position: relative;
  text-align: center;
  color: #6b5d45;
  font-size: 17px;
  width: 35px;
  height: 35px;
  border-radius: 30px
}
.appBottomButton {
  display: block;
  backface-visibility: hidden;
  background: linear-gradient(top,#bbb,#eee);
  box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff;
  background-color: #fff;
  box-shadow: 0 2px 7px #8e8e8e;
  position: relative;
  text-align: center;
  color: #83765f;
  font-size: 17px;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  border: transparent
}
.iconbottommenu-img {
  width: 65px;
  margin-right: 10px
}
.location-img {
  width: 90px
}
.modifica_location {
  display: block!important;
  backface-visibility: hidden!important;
  border: transparent!important;
  background-color: #fff!important;
  box-shadow: 5px 5px 10px #aaa,-5px -5px 10px #f2f2f2!important;
  position: absolute!important;
  text-align: center!important;
  color: #83765f!important;
  font-size: 30px!important;
  line-height: 55px!important;
  width: 55px!important;
  height: 55px!important;
  border-radius: 30px!important;
  left: 155px;
  top: 5px
}
@media (min-width:1090px) {
  .cart-button-container {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 40px;
    background: #e9e9e9;
    background: linear-gradient(150deg,#f0f0f0 0,#fff 100%);
    box-shadow: inset 0 -1px 10px #d7d7d7,0 -1px 1px #c8c8c8,0 2px 1px #fff
  }
  .cart-button {
    display: block;
    backface-visibility: hidden;
    background: linear-gradient(top,#bbb,#eee);
    box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff;
    background-color: #fff;
    box-shadow: 0 2px 7px #8e8e8e;
    position: relative;
    text-align: center;
    color: #83765f;
    font-size: 20px;
    line-height: 40px;
    margin: 2px;
    width: 40px;
    height: 40px;
    border-radius: 20px
  }
  .cart-button:active,
  .cart-button:hover {
    display: block;
    backface-visibility: hidden;
    background: #fff;
    box-shadow: inset -3px -3px 6px #fff,inset 4px 4px 8px rgba(158,158,158,.689);
    background-color: #fff;
    position: relative;
    text-align: center;
    color: #6b5d45;
    font-size: 20px;
    line-height: 40px;
    margin: 2px;
    width: 40px;
    height: 40px;
    border-radius: 20px
  }
  .modifica-button-cart {
    margin-left: 2px!important
  }
  .btn-lg {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .iconbottommenu-img {
    width: 45px;
    margin-right: 10px
  }
}
@media (max-width:820px) {
  .iconbottommenu-img {
    width: 35px;
    margin-right: 0
  }
  .button.goTop {
    bottom: 150px
  }
  .riepilogo-totem {
    display: none
  }
  .text-large {
    font-size: 1.4em!important
  }
  .text-mediumlarge {
    font-size: 1em!important
  }
  .text-medium {
    font-size: 1em!important
  }
  .text-regularlarge {
    font-size: 1em!important
  }
  .text-regular {
    font-size: .7em!important
  }
  .riepilogo-cart {
    margin-bottom: 130px
  }
  .add-mobile-btn {
    display: block;
    backface-visibility: hidden;
    background: linear-gradient(top,#bbb,#eee);
    box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff;
    background-color: #fff;
    box-shadow: 0 2px 7px #8e8e8e;
    position: relative;
    text-align: center;
    color: #83765f;
    font-size: 17px;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    border: transparent
  }
}
@media (max-width:735px) {
  .annullaordine-txt {
    display: none
  }
  .configuratore-buttons {
    margin-top: -50px!important
  }
  .iconbottommenu-img {
    width: 35px;
    margin-right: 0
  }
  .ordina_e_paga {
    padding: 0 10px!important
  }
  #svuota_cart_btn {
    padding: 0 20px!important
  }
  .appBottomCart {
    padding-top: 10px!important;
    padding-bottom: 10px!important
  }
  .riepilogo-cart {
    margin-bottom: 75px
  }
  #lotteria_scontrini_btn {
    margin: 5px!important
  }
  .codice_sconto_btn {
    margin: 5px!important
  }
  .appBottomCart,
  .appBottomMenu {
    padding-top: 10px!important;
    padding-bottom: 10px!important
  }
  .continua-btn,
  .svuota-btn {
    display: none
  }
  #annulla_btn {
    display: none
  }
  .button.goTop {
    bottom: 100px
  }
  .totale-section {
    padding-top: 5px!important;
    padding-bottom: 5px!important
  }
  .cart-totale {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    position: fixed;
    bottom: 78px;
    /* margin-bottom: 75px; */
    background-color: #aa9880;
    margin-left: -4px;
    color: #fff!important
  }

  .update_cart_riepilogo_part {
    padding: 2px!important;
    margin: 2px!important
  }
  .image-lotteria,
  .image-sconto {
    width: 80%!important
  }
  #offcanvas-right {
    width: 100%;
    border: 0
  }
  .offcanvas-bottom {
    height: 100%
  }
  #actionSheetDiscount,
  #actionSheetLottery {
    width: 100%;
    height: 50%
  }
  #appCapsule {
    padding-top: 20px!important
  }
  .cart-button-container {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 40px;
    background: #e9e9e9;
    background: linear-gradient(150deg,#f0f0f0 0,#fff 100%);
    box-shadow: inset 0 -1px 10px #d7d7d7,0 -1px 1px #c8c8c8,0 2px 1px #fff
  }
  .cart-button {
    display: block;
    backface-visibility: hidden;
    background: linear-gradient(top,#bbb,#eee);
    box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff;
    background-color: #fff;
    box-shadow: 0 2px 7px #8e8e8e;
    position: relative;
    text-align: center;
    color: #83765f;
    font-size: 15px;
    line-height: 30px;
    margin: 2px;
    width: 30px;
    height: 30px;
    border-radius: 20px
  }
  .cart-button:active,
  .cart-button:hover {
    display: block;
    backface-visibility: hidden;
    background: #fff;
    box-shadow: inset -3px -3px 6px #fff,inset 4px 4px 8px rgba(158,158,158,.689);
    background-color: #fff;
    position: relative;
    text-align: center;
    color: #6b5d45;
    font-size: 15px;
    line-height: 30px;
    margin: 2px;
    width: 30px;
    height: 30px;
    border-radius: 20px
  }
  .cart-footer-sm {
    height: 40px
  }
  .text-cart-sm {
    margin-left: -15px!important
  }
  .cart-sm-card {
    height: 50px
  }
  .cart-md-card {
    height: 140px
  }
  .modifica-button-cart {
    margin-left: 2px!important
  }
  .articolo-footer-sm {
    height: 60px
  }
  .totale-section {
    width: 90px
  }
  .splide-sm {
    margin-top: -35px
  }
  .btn-lg {
    font-size: 15px;
    padding-left: 8px;
    padding-right: 8px
  }
  .appBottomMenu {
    background-color: #fff
  }
  .riepilogo > li {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    min-height: 45px!important
  }
  .totale-articolo {
    padding-top: 10px!important;
    padding-bottom: 10px!important
  }
  .totale-col {
    margin-bottom: -10px!important
  }
}
@media (min-width:1600px) {
  .image-sconto {
    width: 50%!important
  }
  .image-lotteria {
    width: 75%!important
  }
}
.riga_segue {
  border-color: peru;
  border-width: 2px
}
.card-body.tavolo-card {
  border-radius: 2px;
  padding-bottom: 2px!important;
  padding-top: 2px
}
.LIBERO {
  box-sizing: border-box;
  border-color: #303030;
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.QRCODE {
  box-sizing: border-box;
  border-color: #8a648a;
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.PAGATO,
.PAGATO_WEB {
  box-sizing: border-box;
  border-color: #78b088;
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.LIBERATA2,
.LIBERATA1 {
  box-sizing: border-box;
  border-color: #adaf75;
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.ANNULLATO {
  box-sizing: border-box;
  border-color: #be7979;
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.RIC_CONTO {
  box-sizing: border-box;
  background-color: #e7e5d2;
  border-color: #b49077;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.PRECONTO {
  box-sizing: border-box;
  border-color: #3b6548;
  background-color: #c1dfcb;
  /*margin: 1px;*/
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.OPEN {
  box-sizing: border-box;
  border-color: #56565673;
  background-color: #c6ddff;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.MODIFICATA_SELF {
  box-sizing: border-box;
  border-color: #56565673;
  background-color: orange;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.ERRORE {
  box-sizing: border-box;
  border-color: #56565673;
  background-color: rgb(230 131 216 / 49%);
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.DA_PAGARE,
.DA_PAGARE_WEB{
  box-sizing: border-box;
  border-color: #56565673;
  background-color: rgb(239 211 71);
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.VUOTA{
  box-sizing: border-box;
  border-color: #56565673;
  background-color: rgb(252 252 252 / 98%) !important;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.CHECKOUT {
  box-sizing: border-box;
  border-color: #56565673;
  background-color: rgb(182 197 197 / 98%) !important;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.sala_open {
  background-color: #d4c4ac!important;
  box-sizing: border-box;
  border-color: #837562;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  color: #fff!important
}
.comanda_open {
  background-color: #d4c4ac!important;
  box-sizing: border-box;
  border-color: #837562;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  color: #fff!important
}
.SCADUTO {
  box-sizing: border-box;
  border-color: #af7e42;
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px
}
.dialog_btn_qta {
  background-color: peru;
  color: #fff;
  width: 9%
}
.dialog_btn_row {
  margin-bottom: 5px
}
ion-icon {
  pointer-events: none
}
.filter-button {
  font-size: 18px;
  border: 1px solid #837562;
  border-radius: 5px;
  text-align: center;
  color: #837562;
  margin-bottom: 10px
}
.filter-button:hover {
  font-size: 18px;
  border: 1px solid #837562;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  background-color: #837562
}
.compact {
  padding-right: 2px;
  padding-left: 2px
}
@media only screen and (min-width:600px) {
  .annulla-tender,
  .indietro-tender {
    padding: 40px 100px
  }
}
.extra-list-img,
.ingredient-list-img {
  width: 50px
}
.stepper-cart-style {
  display: block!important;
  backface-visibility: hidden!important;
  background: linear-gradient(top,#bbb,#eee)!important;
  box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff!important;
  background-color: #fff!important;
  box-shadow: 0 2px 7px #8e8e8e!important;
  position: relative!important;
  text-align: center!important;
  color: #83765f!important;
  font-size: 35px!important;
  line-height: 50px!important;
  width: 55px!important;
  height: 55px!important;
  border-radius: 30px!important;
  transform: rotate(90deg)!important
}
.stepper-cart-style-h {
  display: block!important;
  backface-visibility: hidden!important;
  background: #fff!important;
  background: 0 0!important;
  box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff!important;
  background-color: #fff!important;
  box-shadow: 0 2px 7px #8e8e8e!important;
  position: relative!important;
  text-align: center!important;
  color: #83765f!important;
  font-size: 25px!important;
  line-height: 30px!important;
  width: 35px!important;
  height: 35px!important;
  border-radius: 30px!important;
  transform: rotate(90deg)!important
}
.stepper-articolo-style {
  display: block!important;
  backface-visibility: hidden!important;
  background: #fff!important;
  border: transparent!important;
  box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff!important;
  background-color: #fff!important;
  box-shadow: 0 2px 7px #8e8e8e!important;
  position: relative!important;
  text-align: center!important;
  color: #83765f!important;
  font-size: 45px!important;
  line-height: 50px!important;
  width: 55px!important;
  height: 55px!important;
  border-radius: 30px!important
}
.stepper-cart-style-m {
  display: block!important;
  backface-visibility: hidden!important;
  background: #fff!important;
  border: transparent!important;
  background-color: #fff!important;
  box-shadow: 0 2px 7px #8e8e8e;
  position: relative!important;
  text-align: center!important;
  color: #83765f!important;
  font-size: 27px!important;
  line-height: 30px!important;
  width: 33px!important;
  height: 33px!important;
  border-radius: 30px!important;
  margin-top: 2px!important
}
.image-cart {
  width: 20%;
  border-radius: 15px
}
.image-cart-h {
  width: 150px;
  border-radius: 15px
}
.allergeni-style {
  display: inline-block!important;
  backface-visibility: hidden!important;
  background: linear-gradient(145deg,#fff,#e6e6e6)!important;
  border: transparent!important;
  box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff!important;
  box-shadow: 0 2px 7px #8e8e8e!important;
  position: relative!important;
  text-align: center!important;
  color: #83765f!important;
  font-size: 40px!important;
  line-height: 45px!important;
  width: 50px!important;
  height: 50px!important;
  border-radius: 15px!important
}
.allergeni-style-m {
  display: inline-block!important;
  backface-visibility: hidden!important;
  background: linear-gradient(145deg,#fff,#e6e6e6)!important;
  border: transparent!important;
  box-shadow: inset 0 -1px 10px #999,0 -1px 1px #aaa,0 2px 1px #fff!important;
  box-shadow: 0 2px 7px #8e8e8e!important;
  position: relative!important;
  text-align: center!important;
  color: #83765f!important;
  font-size: 20px!important;
  line-height: 25px!important;
  width: 30px!important;
  height: 30px!important;
  border-radius: 10px!important
}
.payment_select {
  animation-name: payment;
  animation-duration: 5s;
  animation-iteration-count: infinite
}
@keyframes payment {
  0% {
    border: 12px outset rgba(83,247,83,.6)
  }
  25% {
    border: 12px outset rgba(18,152,18,.6)
  }
  50% {
    border: 12px outset rgba(83,247,83,.6)
  }
  75% {
    border: 12px outset rgba(18,152,18,.6)
  }
  100% {
    border: 12px outset rgba(83,247,83,.6)
  }
}
.anim {
  background-color: #c3ffcd;
  border: 1px solid #83c07f
}
/* @media (min-width:735px) {
  .appBottomMenu {
    box-shadow: -6px -6px 11px #d3d3d3!important
  }
} */
#testatacart_action {
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  margin-bottom: 56px
}
.totale_bottom {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  color: #836d41
}
.ingredienti-section-title {
  font-size: 1.5em
}
.section .totale-section > h4 {
  font-family: Poppins,sans-serif;
  font-weight: 500
}
.pagamento_card {
  background: #ebebeb;
  background: linear-gradient(163deg,#e1e1e1 0,#fff 100%)
}
@media (min-width:1200px) {
  .imm_pizza_cart {
    border-radius: 30px
  }
  .pala_cart {
    background-image: url("/tpl/mk/assets/img/pala2.png");
    background-size: contain;
    background-repeat: no-repeat
  }
  .base_cart {
    background-image: url("/tpl/mk/assets/img/Toscana.png");
    background-size: contain;
    background-repeat: no-repeat
  }
  .pizza_text_cartcont {
    position: relative;
    height: 90px;
    margin-top: -105px;
    background-color: rgba(142,109,56,.344);
    backdrop-filter: blur(5px)
  }
  .pizza_cart_buttons {
    position: relative;
    z-index: 99;
    margin-bottom: -58px
  }
  .pizza-cart-button {
    /* display: block!important; */
    backface-visibility: hidden!important;
    border: transparent!important;
    background-color: #fff!important;
    box-shadow: 0 2px 7px #464646;
    position: relative!important;
    text-align: center!important;
    color: #74603c !important;
    font-size: 20px!important;
    line-height: 40px!important;
    width: 40px!important;
    height: 40px!important;
    border-radius: 10px!important;
    margin-top: 2px!important
  }
  .numberpala_cart {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 2px;
    background: #ffd500;
    box-shadow: inset 6px 6px 10px #ab8f00,inset -6px -6px 10px #ff0!important;
    color: #000;
    text-align: center;
    font: 30px Arial,sans-serif;
    line-height: 55px;
    z-index: 99
  }
}
@media (max-width:500px) {
  .pizza_text_cartcont {
    position: relative;
    height: 33px;
    margin-top: -44px;
    background-color: rgba(142,109,56,.344);
    backdrop-filter: blur(5px)
  }
  .numberpala_cart {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 2px;
    background: #ffd500;
    box-shadow: inset 6px 6px 10px #ab8f00,inset -6px -6px 10px #ff0!important;
    color: #000;
    text-align: center;
    font: 18px Arial,sans-serif;
    line-height: 22px;
    z-index: 99
  }
  .imm_pizza_cart {
    border-radius: 4px
  }
  /* .pizza_text {
    font-size: 6px;
    line-height: 7px;
    height: 30px
  } */
  .pizza_cart_buttons {
    position: relative;
    z-index: 99;
    margin-bottom: -26px
  }
  .pizza-cart-button {
    /* display: block!important; */
    backface-visibility: hidden!important;
    border: transparent!important;
    background-color: #fff!important;
    box-shadow: 0 2px 7px #8e8e8e;
    position: relative!important;
    text-align: center!important;
    color: #83765f!important;
    font-size: 10px!important;
    line-height: 20px!important;
    width: 20px!important;
    height: 20px!important;
    border-radius: 30px!important;
    margin-top: -8px
  }
}
.imm_pizza_cart {
  border-radius: 30px
}
.pala_cart {
  background-image: url("/tpl/mk/assets/img/pala2.png");
  background-size: contain;
  background-repeat: no-repeat
}
.base_cart {
  background-image: url("/tpl/mk/assets/img/Toscana.png");
  background-size: contain;
  background-repeat: no-repeat
}
.pizza_text_cartcont {
  position: relative;
  height: 90px;
  margin-top: -105px;
  background-color: rgba(142,109,56,.344);
  backdrop-filter: blur(5px)
}
.pizza_cart_buttons {
  position: relative;
  z-index: 99;
  margin-bottom: -58px
}
.pizza-cart-button {
  /* display: block!important; */
  backface-visibility: hidden!important;
  border: transparent!important;
  background-color: #fff!important;
  box-shadow: 0 2px 7px #8e8e8e;
  position: relative!important;
  text-align: center!important;
  color: #83765f!important;
  font-size: 20px!important;
  line-height: 40px!important;
  width: 40px!important;
  height: 40px!important;
  border-radius: 30px!important;
  margin-top: 2px!important
}
.numberpala_cart {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  padding: 2px;
  background: #ffd500;
  box-shadow: inset 6px 6px 10px #ab8f00,inset -6px -6px 10px #ff0!important;
  color: #000;
  text-align: center;
  font: 30px Arial,sans-serif;
  line-height: 55px;
  z-index: 99
}
.cart-totale {
  font-weight: 500;
  color: #ad8a44
}
body {
  overflow: hidden
}

#actionSheetCodiceLotteria {
  bottom: 146px;
  height: 25vh
}
#actionSheetCodiceLotteria h5 {
  font-size: 2em
}
#actionSheetCodiceLotteria label {
  font-size: 2.5em
}
#actionSheetCodiceLotteria .form-control {
  font-size: 2em
}
@media screen and (orientation:landscape) {
  .card-body img {
    width: 15%
  }
  #actionSheetCodiceLotteria {
    bottom: 110px;
    height: 45vh
  }
  #actionSheetCodiceLotteria img {
    width: 15%
  }
  #actionSheetCodiceLotteria h5 {
    font-size: 1.5em
  }
  #actionSheetCodiceLotteria label {
    font-size: 1.75em
  }
  #actionSheetCodiceLotteria .form-control {
    font-size: 1em
  }
  .card.product-card .title {
    font-size: 24px!important
  }
}
.nav-link.active {
  background-color: #aa9880!important
}
.splide_background > .card-img-top {
  border-radius: 10px 10px 0 0;
  margin-bottom: -35px;
  background-color: #c6a462
}
.splide_background {
  background: #fbe6be
}
@media (max-width:500px) {
  .splide_background {
    border-radius: 10px;
    background: #fbe6be
  }
}
.active_extra {
  background-color: #4cbc59!important;
  color: #fff!important
}
.filter-button2 {
  color: #837562;
  border: 2px solid #837562;
  font-size: 25px
}
@media (max-width:500px) {
  .filter-button2 {
    color: #837562;
    border: 2px solid #837562;
    font-size: 12px
  }
}


/* classe per disattivare lo zoom con il db touch */
.disable-dbl-tap-zoom {
  touch-action: manipulation;
}

    .selezionato{
        background-color: lightcoral !important;
    }

/* ______________ WEGLOT ______________ */

.wg-default .wg-list {
  margin-bottom: 50px !important;
}

.wg-default, .wg-default .country-selector {
  /*right: 300px !important;*/
  right: 20vw !important;
}

.country-selector .wg-li {
  font-size: 20px !important;
}

.wg-list.country-selector a {
  line-height: 40px !important;

}

.wg-list.country-selector li {
  margin: 3px 5px !important;
  border-radius: 10px;
background: linear-gradient(145deg, #9a9a9ac2, #ffffffa1) !important;
box-shadow:  3px 3px 5px #000000a3, -3px -3px 5px #79797978 !important;
padding: 10px;
}

.wg-list.country-selector .wgcurrent {
  margin: 3px 5px !important;
  border-radius: 10px;
background: #80a96dc2 !important;
box-shadow:  inset 5px 5px 8px #0000009c, inset -4px -4px 7px #b6dc91db !important;
padding: 10px;
}


@media only screen and (max-width: 1070px) and (min-width: 768px)  {
  #ciao {
    font-size: 1.5rem !important;
  }
  .totale_bottom {
    font-size: 1.5rem !important;
  }
  .modifica_location {
    left: 100px !important;
  }
  .location-img {
    width: 50px;
  }
  .stepper-cart-style {
    font-size: 30px !important;
    line-height: 35px !important;
    width: 40px !important;
    height: 40px !important;
  }
  input.form-control {
    margin-top: -4px !important;
  }
  .image-cart {
    margin-left: -30px !important;
  }
  .cart-button {
    font-size: 25px !important;
    line-height: 50px !important;
    width: 50px !important;
    height: 50px !important;
  }
  .cart-button-container {
    width: 70px !important;
    height: 70px !important;
  }
  .lista_price {
    /* font-size: 0.5rem; */
  }
  .denom_art {
    font-size: 2rem !important;
  }
  .location-nome {
    margin-bottom: 5px;
  }
}