:root{
    --color-primario: #762515;
    --color-categoria1: #fdd095;
    --color-categoria2: #C5DCED;
    --color-categoria3: #f1ef98;
    --color-categoria4: #c897b7;
    --color-categoria5: #9bdac7;
    --color-categoria6: #afcbf2;
    --color-categoria7: #fdc1e5;
    --color-categoria8: black;
    --color-categoria9: black;
    --color-categoria10: black;
    --color-categoria11: black;
    --color-categoria12: black;
    --parrilladelarabe: #762515;
    --pinot: #C5DCED;
    --azul: #007bff;
    --morado: #6610f2;
    --purpura: #6f42c1;
    --rosa: #e83e8c;
    --rojo: #dc3545;
    --naranja: #fd7e14;
    --amarillo: #ffc107;
    --verde: #28a745;
    --verde-claro: #20c997;
    --azul-claro: #17a2b8;
    --blanco: #fff;
    --gris: #6c757d;
    --gris-oscuro: #343a40;
    --gris-claro: #6c757d;
    --verde-claro: #28a745;
    --verde-puro: #00ff00;
    --azul-puro: #0000ff;
    --rojo-puro: #ff0000;
    --amarillo-puro: #ffff00;
    --naranja-puro: #ff00ff;
    --cafe-puro: #996633;
    --crema: #f8f9fa;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    } 
.contenedor {
    margin-bottom: 20px;
    background: #e8e8e8;
    color: #fff;
}
/* .container {
max-width: 980px;
}  */

.box{
position: relative ;
width: 340px;
left: 45.7%;
margin-left: -100px;

}

.h5m {
font-size: 18px;
margin-top: 0px;
margin-bottom: 10px;
}
p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 9px;
margin-top: -13px;
}
body {
font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
}
.fixed1 {
position: fixed;
top: 0.5px;
/* text-align: center;  */

}

.pe {
font-size: 18px;
text-shadow: 1px 0px 0px rgba(0, 0, 0, 1);
line-height: 1.5;
margin-bottom: -6px;
margin-top: 0px;
color: red;
}
.pp{
font-size: 12px;
/* text-shadow: 1px 0px 0px rgba(0, 0, 0, 1); */
line-height: 1.5;
margin-top: 3px;
color: #f33131;
}
.pf{
font-size: 12px;
line-height: 1.5;
margin-top: 0px;
color: #fff;
}
.container1a {
text-align: center;
width: 340px;
height: 44px;  
max-width: 90%;
background:     -webkit-linear-gradient(#127208, #7fda86,#127208);
font-size: 12px;
margin-right: auto;
margin-left: auto;
margin: 0px auto; 
border-radius: 5px;
min-width: 300px;

}
.container2a {
width: 330px;
height: 15px;  
max-width: 100%;
background-color: red;
font-size: 12px;
color: white;
margin-right: auto;
margin-left: auto;
margin: 0px auto;
border-radius: 5px;
text-align: center;
margin-bottom: 1px;
}
.contacatego {
height: 15px;  
max-width: 100%;
} 

.colort{
color:#780000;
}
.color1{
color:var(--parrilladelarabe);
}
.color2{
color:var(--color-categoria2);
}
.color3{
color:var(--color-categoria3);
}
.color4{
color:var(--color-categoria4);
}
.color5{
color:var(--color-categoria5);
}
.color6{
color:var(--color-categoria6);
}
.color7{
color:var(--color-categoria7);
}
.color8{
color:#F0EBE8;
}
.color9{
color:#FF9191;
}

.color10{
color:#FFFF91;
}

.color11{
color:#9191FF;
}
.color12{
color:#9191FF;
}
.btn-1{
color:#fff;
background-color:#8D1C0D;
border-color: #8D1C0D;
}
.btn-2{
color:#fff;
background-color:#EE7203;
border-color: #EE7203;
}
.btn-3{
color:#fff;
background-color:#FF0000;
border-color: #FF0000;
}
.btn-4{
color:#fff;
background-color:#8D9F27;
border-color: #8D9F27;
}
.btn-5{
color:#fff;
background-color:#832C87;
border-color: #832C87;
}
.btn-6{
color:#fff;
background-color:#218838;
border-color: #218838;
}
.btn-7{
color:#fff;
background-color:#8D1C0D;
border-color: #8D1C0D;
}
.btn-8{
color:#fff;
background-color:#EE7203;
border-color: #EE7203;
}
.btn-9{
color:#fff;
background-color:#FF0000;
border-color: #FF0000;
}
.btn-10{
color:#fff;
background-color:#8D9F27;
border-color: #8D9F27;
}
.btn-11{
color:#fff;
background-color:#832C87;
border-color: #832C87;
}
.btn-12{
color:#fff;
background-color:#218838;
border-color: #218838;
}

.mb-3, .my-3 {
margin-bottom: -1rem !important;
margin-top: 0px;
}
.containern1 {
width: auto;
background: white;
padding-top: 0px;
padding-bottom: 0px;
margin: 20px auto;
border-radius: 15px;
height: auto;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0.25rem;
}
.col-6 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 10px;
padding-top: 0px;
padding-left: 5px;
}
.h6, h6 {
font-size: 13.5px;
}
img{
vertical-align: middle;  
margin-left: 0px;
border: 0;
}
.izquierda{
padding-right: 9px
}
.derecha{
padding-left: 9px;
}

.fixed-topm {
position: fixed;
top: 1px;
right: 20px;
left: 0;
z-index: 1030;
}
.fixed-bottomm {
position: fixed;
bottom: 0;
right: 20px;
left: 0;
z-index: 1030;
}
.textobienvenida {
color: #752615;
text-shadow: 1.5px 1px 1px rgba(250, 243, 243, 0.5);
font-size: 16px;
margin-top: -12px;
margin-bottom: initial;
}
.textonombrecliente {
color: red;
font-size: 17px;
margin-top: 3px;

}
.mt-3, .my-3 {
margin-top: 0rem !important;
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
border-radius: 10px;
}

.card-title {
margin-bottom: 0px;
}

.logo {
margin-top: 1px;
margin-bottom: 0px;
border-radius: 5%;
}
.logito {
	margin-top: 22px;
	margin-left: -17px;
	border-radius: 5%;
}
.fixed-bottom1 {
	position: fixed;
	right: 36px;
	bottom: 18px;
	left: 0;
	z-index: 1029;
}
.margin_whats {
   text-align:end;
}
.telelogo{
    text-shadow: 1px 0px 0px rgb(0, 0, 0, 1); 
    text-decoration:none;
 }
       .flex-container{
            display: flex;
            background-color:transparent;
            /* height: 55px; */
            justify-content: left;
            align-items:start; 
            padding-bottom: 0px;
        }

        .flex-container1{
            padding: 0px;
            margin-top: 0px;
            /* margin-left: 10px; */
            background-color: transparent; 
            /* background-image: url("basura1.jpg"); */
            border-radius: 5px;
            background-repeat: no-repeat;
            background-size: contain;
            width: 40px;
            height: 40px;
          
        }
        .flex-container2{
            font-size: 14px;
            padding-left: 10px;
            color: black;
            background-color: rgb(224, 110, 110);
            background-color: transparent; 
            margin-top: 0px;
            width: 24%;
            height: 20px;
            
            

        }
        .flex-container2a{
            font-size: 14px;
            padding: 0px;
            color: white;
            background-color: transparent; 
            margin-top:-5px;
            width: 5%;
            height: 30px;
            text-align: justify;

        }
        .flex-container3 {
	font-size: 14px;
	padding: 0px;
	padding-left: 14px;
	color: white;
	background-color: transparent;
	margin: 3px;
	width: 270px;
	height: 35px;
	text-align: left;
	line-height: 100%;
}


.containermp {
     /* background-color: #f8f67870; */
     background-color: #fff;
     border-radius: 9px;
  padding: 0px 0px 0px 10px;
  margin: 7px;
     justify-content: center;
}

.escojerpedir{
  display: inline-block;
  font-size: 25px;
  }
.smallp {
      font-size: 16px;
     padding: -1px;
     margin: -6px;
     border-radius: 5px;
     margin: auto;
}
.negrilla7{
     color:black;
}
.m-izquierdo {
          margin-left: 15px;
}
.m-izquierdo1 {
          margin-left: 45px;
}
.itemsp {
	font-size: 14px;
	color: black;
	margin-top: -4px;
	margin-left: 28px;
	font-weight: 600;
	margin-left: 5px;
}
.itemsp1 {
	font-size: 14px;
	color: black;
	margin-top: -35px;
	margin-left: 28px;
	font-weight: 600;
	margin-left: 20px;
}

.sombra{
  text-shadow: 1px 0.50px 0px rgb(0,2, 0);
 }
 .b_bottom{
   margin-bottom: 120px;
 }
 .logowhats {
     margin: -2px 0px 0 0px;
}

.b_desactivar
    {
      opacity: 0.5;
      cursor: not-allowed;
      /* color: green;
      background-color: rgb(229, 229, 229) !important; */
      pointer-events:none;
    }
.b_activar
    {
      opacity: 1;
      cursor: not-allowed;
      /* color: green;
      background-color: rgb(229, 229, 229) !important; */
      pointer-events:auto;
    }