
.container_carrinho{
   display: flex;
   height:100vh;
   width:100%;
   flex-wrap: wrap;
   justify-content: center;
   gap: 10px;
  align-items:center;
  align-content: flex-start;
   overflow-y: auto;
   align-items: flex-start;
   background-color:var(--cor-fundo);
}

.cardsCarrinho{
   
   width: 90vw;
   background-color:white;
   margin: 0 auto;
   text-align:left;
   border-bottom: 1px solid #ccc;
   border: 1px solid #e8e8e8;
   border-radius: 6px;
   padding: 5px 0;
   box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
   
}
.cardsCarrinho p {
   text-align: center;
   
}
.preco{
   font-size: 15px;
   font-weight: bold;
   color:#8E1124;
   text-align:right;
   display:block;
   padding: 5px;
}
.descricao{
   color: #000;
}
.deletar_item{
   color:#B31217;
   margin-right: 20px;
}
.maismenos{
   display:inline-block;
   width:100%;
   text-align:center;
   margin-bottom:15px;
}
.mais{
   display:inline-block;
   background-color:#EFEFEF;
   width:60px;
   padding: 5px 10px;
   border-radius:5px;
   margin:0 8px;
   cursor:pointer;
}
n{
   display:inline-block;
   font-size:25px;
   font-weight: italic;
}
.menos{
   display:inline-block;
   cursor:pointer;
   background-color:#EFEFEF;
   width:60px;
   padding: 5px 10px;
   border-radius:5px;
   margin:0 5px;
}
.negrito{
   font-weight: bold;
   text-align:center;
}
.subtotal{
   font-weight: bold;
   color:black;
   text-align:center;
   color:#000000;
   margin: 15px;
}

.btFecharPedido{
   position:fixed;
   bottom:0;
   left: 5px;
   right: 5px;
   z-index:1000;
   padding:12px 0;
   
   color:white;
   margin:10px auto;
   background-color:green;
   cursor:pointer;
   text-align: center;
  
}
.bt{
   padding:12px;
   width:90%;
   color:white;
   margin:10px auto;
   background-color:green;
   cursor:pointer;
}
.bt span{
   font-size:18px;
   display:block;
}
/*
*/

.resumoPedido{
   color:#fff;
 
}


.BtSalvar{
   padding:12px;
   width:90%;
   color:white;
   margin:0 auto;
   padding:15px;
   background-color:green;
   color:#fff;
   position:fixed;
   bottom:0;
   z-index:1000;
   border-radius:5px;
   width:90%;
   font-weight: 600;
   max-width:450px;
   cursor:pointer;
   font-size:18px;
}
.vermelho{
   color:red;
}
.branco{
   color:#fff;
}
spaceTop{
   display:block;
   height:60px;
   /*background-color:orange;*/
   
}
spaceBottom{
   display:block;
   height:120px;
}
spaceTopItemCardapio{
   display:block;
   height:65px;
}
cardVideos {
 display:block;
 width: 98%;
 padding-bottom: 15px;
 background-color: #fff;
 text-align: center;
 border-radius: 4px;
 margin:0 auto 50px auto;
 height:350px;
}

.bg{
   margin:0 auto;
   text-align:center;
   max-width:500px;
   height:100%;
   overflow:auto;
}
.CardsMenu{
   width:100%;
   height:100%;
   overflow:scroll;
}
cards{
   margin:85px auto;
   display:inline-block;
   word-wrap: break-word;
   width:100%;
   
}
card{
   display:block;
   background-color:white;
   border-radius:7px;
   color:black;
   margin:15px auto;
   width:90%;
   padding:10px 0;
   overflow:auto;
}
card > p{
   display:block;
   font-size:18px;
   text-align:center;
   color:#fff;
   background-color:#000;
   padding:5px;
   margin:5px;
   font-weight: bold;
  
}
card > img{
   margin-top:3px;
   height:60px;
   width:60px;
   max-width:50px;
   border-radius:10px;
   border:5px solid #203B7D;
   margin:5px;
   float:left;
}
h5{
   font-size:13px;
   text-align:center;
   color:white;
   margin:0;
   padding:0;
}

card > h2{
   display:block;
   text-align:left;
   word-wrap: break-word;
   background-color:#000;
   height:60px;
   color:white;
}


card > label{
   display:inline-block;
  font-size:15px;
   color:#555;
   padding:0;
   margin:0;
}
bt{
   display:inline-block;
   background-color:black;
   color:#fff;
  font-size:10px;
   padding:5px;
   width:80%;
   border:2px solid #fff;
   border-radius:10px;
   margin:8px auto;
}

input[type="checkbox"]{
   cursor:pointer;
   width: 25px;
   height: 25px;
   
   
}