.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: 95%;
    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;
}