.sideMenuTipos .page__content{
	
    background-image: url(../images/bg_main_menu@2x.jpg);
	background-color: red;
    background-size: cover;
	font-family: helvetica, arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);

}

.sideMenuTipos .list__item {
	
    color: #FFF;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	
}


.sideMenuTipos .arrows {
width: 60px;
height: 72px;
position: absolute;
left: 50%;
margin-left: -30px;
bottom: 0px;
}

.sideMenuTipos .arrows path {
stroke: #fff;
fill: transparent;
stroke-width: 1px;  
animation: arrow 2s infinite;
-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
 0% {opacity:0}
 40% {opacity:1}
 80% {opacity:0}
 100% {opacity:0}
 }

 @-webkit-keyframes arrow 
 {
 0% {opacity:0}
 40% {opacity:1}
 80% {opacity:0}
 100% {opacity:0}
 }

.sideMenuTipos .arrows path.a1 {
animation-delay:-1s;
-webkit-animation-delay:-1s; 
-webkit-text-stroke: 10px red;
}

.sideMenuTipos .arrows path.a2 {
animation-delay:-0.5s;
-webkit-animation-delay:-0.5s; 
-webkit-text-stroke: 10px red;
}

.sideMenuTipos .arrows path.a3 {  
 animation-delay:0s;
-webkit-animation-delay:0s; 
-webkit-text-stroke: 10px red;
}

.sideMenuGeral .page__content{
	
	background-image: url(../images/bg_m.jpg);
    background-color: #333;
    background-size: cover;
	font-family: helvetica, arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);

}





.sideMenuGeral .list__item {
	
    color: #FFF;
    background: transparent;
    border-bottom: 1px solid #0C1B0E; 
	
}

.sideMenuRede .page__content{
	
	
    background-color: #fff;
    background-size: cover;
	font-family: helvetica, arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	height:100%;

}


.ListaProdutos .page__content{
		


}

.ListaProdutos  .list__item {

	    /* background: -webkit-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%); */
    background: -moz-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
    background: -ms-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
    background: -o-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
    /* background: linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%); */
    /* border-bottom: 5px solid #F30; */
    border-radius: 4px;
    /* border-top-color: #F30; */
    /* border-top: 5px solid #F30; */
    background: white;
    /* border: #ccc; */
    /* border-width: 1px; */
    /* border-style: solid; */
    margin-top: 10px;
    /* padding: 0px !important; */
    /* min-height: 00px; */
    /* line-height: 23px; */
	
	height:100px;
	

	
}

.ListaProdutos .itemName {
	/*font-size: inherit;
    color: #000;
    float: inherit;
    line-height: 23px;
    width: 74%;
    word-wrap: break-word;
    height: 11px;
    margin-top: 10px;*/
	
	font-size: inherit;
    color: #000;
    float: left;
    line-height: 23px;
    width: 74%;
    word-wrap: break-word;
    margin-top: 10px;
	
}

.ListaProdutos .itemName b{
	font-family:sans-serif;
	
}

.ListaProdutos .listaProdutosHeader {
	
    border-bottom: 0px solid #000000;
	/*box-shadow: 0px 5px 15px #333;*/
	
	/*box-shadow: 0px 4px 7px -2px #333;*/
	
   /* height: 10em;*/
    width: 100%;
    background-color: #00869C;
    position: fixed;
    padding-top: 50px;

	top:0px;
    z-index: 2;
	
}

.ListaProdutos .listaProdutosItems .badge, .orderListItems .badge, .fullHeight .badge {
    /* padding: 2px 6px; */
    /* border-radius: 4px 0px 0px 4px; */
    border-radius: 29px;
    margin: 3px 0px 0px 0px;
    float: left;
    /* border-right-width: 20px; */
    /* border-right: #E7E6E2; */
    /* background-color: #F7F3F0; */
    background-color: #00869C;
    font-size: 12px;
    color: #FFF;
    /* border-right-style: solid; */
    width: 90px;
    height: 90px;
    text-align: center;
    /* top: 49%; */
    /* margin-top: 10px; */
    /* display: table-cell; */
    /* vertical-align: middle; */
    line-height: 40px;
}

.ListaProdutos .itemPreco {

	font-size: 0.9em;
	position: absolute;
	top: 0px;
	right: 15px;
	/*width: 25%;*/
	text-align: right;
	background-color: white;
}
.RestaurantesDetails .page__content{

	/*background-image: url(../images/img_fundo_lista_restaurantes.png);
	background-color: #F1E5CF;*/
	background-color: #FFF;
}

.QRcode .page__content{

	background-image: url(../images/bg_main@2x.jpg);
	background-color: #F1E5CF;
	 background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;              /* optional, center the image */

}


/*Detalhes Produtos*/
  

.listaProdutosHeader{
	/*height: 26%; 
	width:100%;
	background-color:#00869C;
	position:fixed;
	background-color:#00869C;
	z-index: 2;	*/
	
	border-bottom: 0px solid #000000;
	box-shadow: 0px 5px 15px #333;
   /* height: 26%;*/
    width: 100%;
    background-color: #00869C;
    /*position: fixed;*/
    /*padding-top: 2em;*/
    margin-bottom: 12px;
	top:0px;
    z-index: 2;
	
	
	
	
	
}
 
.listaProdutosHeader .title {    
   /* float: center;
    font-size: 1.7em;
    padding: 5px 0px; */ 
}

.listaProdutosHeader .title.margin {
       /* margin-left: 140px;   */
}

.listaProdutosHeader .title.nomargin {
        margin-left: 545px;   
}

.listaProdutosHeader .sub {
    float: left;
    padding: 10px;
}

.listaProdutosHeader .orderProducts {
    clear: both;
    float: left;
    font-size: 0.7em;
    width: 45%; 
    margin-left: -5px;

}

.listaProdutosHeader .configProducts {
   
    font-size: 0.7em;
   /* padding: 5px;*/
    /* box-shadow: 5px 5px 15px #333; */
    /*border-bottom: 4px solid rgba(24, 103, 194, 0.45);*/
    /*padding-bottom: 14px;*/
}

.listaProdutosHeader .btn, .listaProdutosHeader .btn2 {  
	padding: 1em;
	line-height: 2.3;
	font-size:14px;
	color:#FFF;
	
}    

.orderListItems .badge, .fullHeight .badge {
    font-size: 0.7em;
    height : 12px;
    line-height: 12px;
}

.listaProdutosItems .list__item:last-child {
    padding-left: 5px;
}

/*
#saldo {
	font-family: 'roboto-light';
}

#saldo .btn-danger{
	padding:10px;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
}


#saldo #restartbtn {
  text-align: center;
  color: #fff;
  cursor: pointer;
  margin: 20px;
}

#saldo .table {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
}

#saldo .cell {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 100%;
  text-align: center;
}

*/

#saldo  .mobileNumber {


    font-size: 2em;

    width: 70%;
    border: none;
    border-bottom: var(--material-input-line-height, 1px) solid var(--material-input-border-color, rgb(206,212,218));
    box-shadow: none;

}

#saldo  button {
	
	border: none;
    border-bottom: var(--material-input-line-height, 1px) solid var(--material-input-border-color, rgb(206,212,218));
    box-shadow: none;
    width: 77%;
    color: white;
    background-color: cadetblue;

}
	
#saldo  .mobileNumberD {

    /* box-sizing: border-box; */
    /* position: relative; */
    /* background-color: transparent; */
    font-size: 12px;
    color: #999;
    /* padding: 1.4em 1em .6em 10px; */
    display: block;
	margin-top: -15px;
    /* width: 429px; */
    /* border: none; */
    /* border-bottom: var(--material-input-line-height, 1px) solid var(--material-input-border-color, rgb(206,212,218)); */
    /* box-shadow: none; */

}
/*------
# Pincode
----*/

.dish-card {
    position: relative;
    display: grid;
    min-height: 100px;
    width: 100%;
    background: #ffffff;
    padding: 12px;
    text-decoration: none;
    transition: 200ms;
    overflow: hidden;
}

.dish-card__info {
    display: grid;
    grid-template-rows: 1fr 20px;
    margin: 0;
}

.dish-card-wrapper {
    position: relative;
	box-shadow: 0px 4px 7px -5px #333;
}

.dish-card__info--top {
    margin-bottom: 23px;
}

.dish-card__description {
    display: grid;
    color: #3e3e3e;
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1.25rem;
    margin-bottom: 9px;
	font-family: 'Roboto', sans-serif;
}

.dish-card__details {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: lighter;
    color: #717171;
    word-break: break-word;
	text-transform: capitalize;
}


.dish-card__price_original {
    font-size: 1.0rem;
    line-height: 1.25rem;
    font-weight: 400;
    /* color: #CD1328; */
    color: #888;
    text-decoration: line-through;
    font-family: 'Roboto', sans-serif;
}


.dish-card__price {
    font-size: 1.5rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #CD1328;
	font-family: 'Roboto', sans-serif;
}


.dish-card__ref {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #ccc;
}

.dish-card__container-image{
	z-index: 100;
}

.dish-card--has-image {
    grid-template-columns: 1fr 115px;
    grid-gap: 1px;
}

.dish-card__image {
    width: 120px;
    height: 90px;
	object-fit: cover;
    border-radius: 4px;
    pointer-events: none;
    align-self: flex-start;
}


.dish-card__preco {
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
    font-size: 1.5rem;
    color: #CD1328;
	font-family: 'Roboto', sans-serif;
}



.reals-card__image {
    width: 85px;
    height: 85px;
    object-fit: cover;
    border-radius: 4px;
    pointer-events: none;
    align-self: flex-start;
    border-radius: 100%;
    border: 2px solid #1caa60;
    padding: 2px;
}



.reals-destaque__image {
    width: 147px;
    height: 147px;
    object-fit: cover;
    pointer-events: none;
    align-self: flex-start;
    border-radius: 10%;
    padding: 2px;
}



.reals-story-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 4;
    padding: 24px 12px 12px;
}

.reals-progress-container {
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 3;
    gap: 4px;
    padding: 12px 12px 70px;
    background: linear-gradient(rgba(82, 88, 102, 0.6), transparent);
}


.reals-product-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 20px 20px;
    background: linear-gradient(transparent,rgba(1,2,5,.6),rgba(1,2,5,.9));
    color: #fff;
	text-align: left;
}

.reals-product-info .product-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.reals-product-info  .product-description {
    font-size: 14px;
    opacity: .9;
    transition: all .3s ease;
}


.reals-product-info .product-price {
    font-size: 14px;
    font-weight: 600;
    opacity: .9
}

.reals-product-info .product-button {
    font-size: 14px;
    font-weight: 700
}

.reals-product-info .product-description{
    font-size: 14px;
    opacity: .9;
    transition: all .3s ease;
	white-space: break-spaces;
}

.reels-progress-bar {
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  height: 4px;
  z-index: 999;
  gap: 4px;
}
.reels-progress-segment {
  flex: 1;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  transition: background-color 0.3s;
}
.reels-progress-segment.active {
  background-color: white;
}
.reels-name-cat {
    font-size: 14px;
    text-align: center;
    line-height: 12px;
    display: block;
}

.reels-destaque-name {

    text-align: left;
    display: block;
    font-family: Montserrat,sans-serif;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: .01786em;

}

.reels-destaque-sub {

    text-align: left;
    display: block;
    font-family: Montserrat,sans-serif;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .01786em;

}


.reels-destaque-price {
	
    font-size: 12px;
    text-align: left;
    line-height: 12px;
    display: block;
    font-family: Montserrat,sans-serif;
    font-weight: bold;

}

.reels-nome {
    display: block;
    font-family: Montserrat,sans-serif;
    font-weight: bold;
    font-size: .875rem;
    line-height: 3rem;
    margin-left: 10px;
    letter-spacing: .01786em;
}

.reels-buttons {
    display: block;
    font-family: Montserrat,sans-serif;
    /* font-weight: bold; */
    font-size: 9.875rem;
    /* line-height: 3rem; */
    /* margin-left: 10px; */
    /* letter-spacing: .01786em; */
    color: #162d3866;
    text-align: right;
}

.reels-buttons-left {
    display: block;
    font-family: Montserrat,sans-serif;
    /* font-weight: bold; */
    font-size: 9.875rem;
    /* line-height: 3rem; */
    /* margin-left: 10px; */
    /* letter-spacing: .01786em; */
    color: #162d3866;
    text-align: left;
}

.reels-destaque-tag {
    vertical-align: middle;
    border-radius: 16px;
    outline: 0;
    position: absolute;
    font-family: Montserrat,sans-serif;
    z-index: 1;
    height: 1em;
    line-height: 1;
    max-width: 100%;
    margin: 4px;
    background: #e0e0e0;
    color: #000000de;
    font-size: 14px;
    padding: .5em .9em;
}


.mais {
    font-size: 10px;
    margin: 8px;
    z-index: 1;
    background-color: #FFC78FE6;
    color: #3D1F01;
}

.oferta {
    font-size: 10px;
    margin: 8px;
    z-index: 1;
    background-color: #FFF3B0E6; /* amarelo claro */
    color: #4D3B00;              /* dourado escuro */
}

.urgente {
    font-size: 10px;
    margin: 8px;
    z-index: 1;
    background-color: #FFB3B3E6; /* vermelho claro */
    color: #5A0000;              /* vinho escuro */
}

.especial {
    font-size: 10px;
    margin: 8px;
    z-index: 1;
    background-color: #B3E5FFE6; /* azul claro */
    color: #003344;              /* azul petróleo escuro */
}

.comemorativo {
    font-size: 10px;
    margin: 8px;
    z-index: 1;
    background-color: #B3E5FFE6; /* azul claro */
    color: #003344;              /* azul petróleo escuro */
}




.reels-custom-bottom-bar {
    align-items: center;
    border-top: 2px solid #f5f0eb;
    display: flex;
    justify-content: flex-end;
    padding: 20px 20px;
   /* height: 60px;*/
    width: 100%;
    z-index: 30;
    /* position: absolute; */
}

.reels-custom-bottom-bar .custom-full {
	height:100%;
	width:100%;
}


.reels-cart {
    align-items: center;
    border-top: 2px solid #f5f0eb;
    display: flex;
    justify-content: flex-end;
    padding: 20px 20px;
    height: 60px;
    width: 100%;
    z-index: 30;
    /* position: absolute; */
}

.action-sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.3);
  max-height: 60vh;
  display: flex;
  flex-direction: column;
      overflow: scroll;
}

.action-sheet ons-list {
  overflow-y: auto;
  flex-grow: 1;
}

.action-sheet ons-list  .list__item {
    font-family: Montserrat,sans-serif;
    background: -moz-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
    background: -ms-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
    background: -o-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
    border-radius: 4px;
    background: white;
    margin-left: 15px;
    margin-top: 0px;
    line-height: 0px;
    font-weight: bold;
    padding: 32px!important;
    height: 20px;
    border-bottom: 1px solid #ccc;
}

.reels-div {
	border-bottom: 1px solid #ddd;
}

.reels-titulo-categoria {
    font-family: Montserrat,sans-serif;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 0.11786em;
    background: #eee;
    color: #000;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.reels-pizza-price {
    text-align: left;
    display: block;
    font-family: Montserrat,sans-serif;
    font-size: .65rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: .01786em;
}

.reels-pizza-price .name {
    /* text-align: left; */
    font-family: Montserrat,sans-serif;
    font-size: .85rem; 
    font-weight: bold;
    line-height: 1rem; 
    letter-spacing: .01786em;
    min-width: 100px;
    display: inline-block;

}

.reels-pizza-price .preco {
    /* text-align: left; */
    font-family: Montserrat,sans-serif;
    font-size: .99rem; 
    font-weight: bold;
    line-height: 1rem; 
    letter-spacing: .01786em;
    min-width: 100px;
    display: inline-block;

}

.reels-pizza-price .reel-right {
    text-align: right;
    display: block;
    border-bottom: 1px solid lightgray;
    margin-bottom: 7px;
}


.carousel-container {
  height: 1.2em;
  overflow: hidden;
  position: relative;
  width: max-content;
  font-size: 16px;
  font-weight: bold;
}

.carousel-texts-4 {
  display: flex;
  flex-direction: column;
  animation: slideUp-4 20s infinite;
}

@keyframes slideUp-4 {
  0%   { transform: translateY(0%); }
  5%   { transform: translateY(0%); }
  25%  { transform: translateY(-25%); }
  30%  { transform: translateY(-50%); }
  50%  { transform: translateY(-50%); }
  55%  { transform: translateY(-75%); }
  75%  { transform: translateY(-75%); }
  80%  { transform: translateY(-75%); }
  100% { transform: translateY(0%); }
}



.carousel-texts-3 {
  display: flex;
  flex-direction: column;
  animation: slideUp-3 10s infinite;
}

@keyframes slideUp-3 {
  0%   { transform: translateY(0%); }
  40%   { transform: translateY(0%); }
  45%  { transform: translateY(-25%); }
  50%  { transform: translateY(-25%); }
  80%  { transform: translateY(-70%); }
  95%  { transform: translateY(-25%); }  
}



.carousel-texts-2 {
  display: flex;
  flex-direction: column;
  animation: slideUp-2 10s infinite;
}

@keyframes slideUp-2 {
  0%   { transform: translateY(0%); }
  40%   { transform: translateY(0%); }
  45%  { transform: translateY(-25%); }
  50%  { transform: translateY(-70%); }
  80%  { transform: translateY(-70%); }
  95%  { transform: translateY(-25%); }  
}


.carousel-texts-1 {
  display: flex;
  flex-direction: column;
}

@keyframes slideUp-1 {
  0%   { transform: translateY(0%); }
  40%   { transform: translateY(0%); }
  45%  { transform: translateY(-25%); }
  50%  { transform: translateY(-70%); }
  80%  { transform: translateY(-70%); }
  95%  { transform: translateY(-25%); }  
}

.r0 {
    z-index: 1;
    background-color: #FFC78FE6;
    color: #3D1F01;
}

.r1 {

    z-index: 1;
    background-color: #FFB3B3E6; /* vermelho claro */
    color: #5A0000; 
}

.r2 {

    z-index: 1;
    background-color: #FFF3B0E6; /* amarelo claro */
    color: #4D3B00;              /* dourado escuro */
}

.r3 {
     
    z-index: 1;
    background-color: #FFC78FE6;
    color: #3D1F01;        /* vinho escuro */
}

.r4 {

    z-index: 1;
    background-color: #B3E5FFE6; /* azul claro */
    color: #003344;              /* azul petróleo escuro */
}

.r5 {

    z-index: 1;
    background-color: #B3E5FFE6; /* azul claro */
    color: #003344;              /* azul petróleo escuro */
}

.reels-pizza-name{
	
    font-size: .99rem; 
    font-weight: bold;
    line-height: 1rem; 
    letter-spacing: .01786em;
    min-width: 100px;
    display: inline-block;

}

.reels-pizza-datails{
	min-height:45px
}

.reels-cfg-pizza{
font-family: Montserrat,sans-serif;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 0.11786em;
    background: #eee;
    color: #000;
    text-align: center;
    display: inline-block;
    width: 100%;
	
}