.plato{
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px !important;
    border: 1px solid #ccc !important;
    
}

.plato .plato-img{
    overflow:hidden;
     
    width:100% !important;
    border:2px solid rgb(63, 63, 63);
    border-radius: 10px 10px 0px 0px;
    float:left;
        max-height:7em !important;
        min-height: 4em !important;
        
} 

.plato .plato-img img{
    width:100% !important;
    height:100% !important;
    object-fit: cover;
    object-position: center;
 
}

.dPrecio{
    text-align: center;
    border:2px solid rgb(65, 65, 65);
    border-radius:  10px 10px;
    width:100% !important;
    font-size:1.1em !important;
}


.plato .card-body{

 padding:0px !important;
}

.dNombre{
    text-align: center;
    border-bottom: 2px double rgb(65, 65, 65);
    font-size: 1.2em !important;
}

.derecha{
    margin:0px important;
    padding:0px !important;
}

.dDescr{
    text-align: center;
     
    font-size: 0.8em !important;
    color:gray;
    overflow-y: scroll;
}

footer{
    position: fixed;
    bottom:0px;
    width:100%;
    height: 85px;
    background-color: rgb(223, 223, 223);
}

#dCatsWrap{
    width:80% !important;
    border:1px solid rgb(75, 75, 75);
    border-radius: 5px;
    background-color: white;
    overflow: scroll;
    scrollbar-width: none !important;
    height: 100% !important;
}
#btCart{
    position:fixed;
    right:10px;
    bottom:10px;
    width:15%;
    height: 65px !important;
    border-radius: 5px;
    border:1px solid rgb(80, 89, 45);
    background-color: rgb(143, 179, 108);
    box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
background-image: url("assets/img/cart.png");
background-position: center;
background-size: 65%;
background-repeat: no-repeat;
     

}
#dCats table{
    width:100% !important;

    height: 100% !important;
    border:1px solid rgb(110, 110, 110);
    background-color: white;
    overflow: scroll;
    scrollbar-width: none !important;
    height: 100% !important;
}

#dCats{
    height: 100% !important;
}

#dCats img{
    height:3em !important;
}
#dCats span{
    font-size:0.7em !important;
}

.btCat{
    border:1px solid black;
    border-radius: 5px !important;
    margin-right: 5px;
    max-width: 5em;
    min-width: 4em;
    text-align: center;
    overflow: hidden;
    box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75) inset;
-moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75) inset;
    
}

#btCart .badge{
    float: right;
    font-size: 0.8em !important;
}



 

.catTitle{
    font-size: 1.2em !important;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid rgb(75, 75, 75);
    padding-bottom: 5px;
    margin-bottom: 5px;
    background-color: #5271FF;
    color:white;
}
 
legend{
    text-align: center;
    background-color: rgb(26, 39, 100);
     color:white;
    
}

fieldset, .fieldset{
    border: 1px solid rgb(26, 26, 26);
    margin:0px !important;
    box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.75);
font-size: 0.9em !important;
font-family:Georgia, "Times New Roman', Times, serif";
}

.zoomDiv{
  white-space: nowrap; /* Prevent text from breaking onto the next line */
  overflow: hidden; /* Hide any overflow */
  
  text-overflow: ellipsis;
  
}

.txtLargo{
    font-size: 1em !important;
    padding-bottom: 8px  !important;
}

.dPrEx{
    font-size: 0.9em !important;
    color:gray;
    display: inline-flex;
}

#tCart{
    font-size: 0.8em !important;
    font-family: Arial, Helvetica, sans-serif;
}
#tCart ul{
    list-style:square;
    padding:0px !important;
    margin:5px !important;
    font-size: 0.7em !important;
    color:gray !important;
}

.tdNum {
    text-align: right;
    padding-right: 1px !important;
}

.dPe{
    color:red !important;
    font-size: 1.1em !important;
    clear:none;
}
#tCart{
    width:100% !important;
}

.btCancel{
    margin:0px !important;
    padding-right: 5px !important;
    position: relative;
    top:-3px;
    left:-3px;
    color: rgb(230, 0, 0);
    font-size: 2em !important;
}

.table>:not(caption)>*>* {
      padding: 3px !important;
    
}