.flex-container{
    display: flex;
    flex-direction: column;


}

.flex-container-btn {
    display: flex;
    flex-direction: row;
    justify-content:flex-end


}

.flex-container-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.div-btn{
    border: 2px black;
    text-align: center;
}

.card_pedido:hover {
      background: linear-gradient(45deg, #FF5370, #ff869a);
    cursor: pointer;
}


body{
    margin-top:20px;
    background:#FAFAFA;
}
.order-card {
    color: #fff;
}

.bg-c-blue {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-green {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-pink {
    background: linear-gradient(45deg,#FF5370,#ff869a);
}


.card_pedido {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
    padding: 10px;
}

.order-card i {
    font-size: 26px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

/* iconos */
img.svg-img {
   width: 30px; 
   height: auto; /* Mantener la proporción de aspecto */
}