body{background-color: #fff; margin: 0; padding: 0}
*{color:black; box-sizing: border-box}
.bgColor1{background-color:#000 !important}
.bgColor2{background-color:#222 !important}
.bgColor3{background-color:#A0370E !important}
.bgColor4{background-color:#333 !important}
.nuevaVersion{display:none}
.modal-Enviar{padding:10px; width:100%; box-sizing:border-box; font-size:20px}
h2,h3{ margin:3px}
.cerrado{font-size:120%; padding:15px 5px; box-sizing:border-box; background-color:#d65929; color:white; line-height:22px; width:96%; margin:8px 2%; box-shadow:0 0 7px 2px rgba(0,0,0,.5); border-radius:10px}
.horarios{color:white; padding:0; box-sizing:border-box; font-size:15px}

input:focus,textarea:focus,select:focus{border: solid 1px #d65929 !important;}

#menuTab{width:100%; box-shadow:0 0 5px 2px rgba(0,0,0,.5); top:0; position: sticky; z-index: 111111;}
.tab{ box-sizing:content-box; color:rgba(255,255,255,.5); font-size:15px; display:block; width:33.33%; padding:19px 0 16px 0; text-shadow:1px 1px 3px 1px rgba(0,0,0,.5); float:left; text-align:center; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom: solid 3px transparent;}


.tab:active{ background-color:#ccc;}
.tabSelected{ color:white; border-bottom:solid 3px white}

.label_total{width:96%; margin:50px 2% 25px 2%; padding:5px }
.label_total span{font-size:20px; width:26%; float:left; margin:15px 2%; padding:5px;}
#total, #totalSalon{background-color:white; float:left; font-size:28px; padding: 9px 12px; margin: 20px 0 20px 2%; width:48%; display: block;}

.signoPesos{color:white; font-size:28px; float:left; text-align:right; width:7%; background-color: transparent; border:0; outline:none; box-shadow:none; margin:0; pointer-events:none; user-select:none; padding:8px 0; vertical-align:middle; margin-left: 35px;}
#total,#total2{color:white; font-size:28px; float:left; text-align:left; width:30%; background-color: transparent; border:0; outline:none; box-shadow:none; margin:0; pointer-events:none; user-select:none; padding:8px 0; vertical-align:middle}

.btn_disabled,.btn_disabled:active,.btn_disabled:hover{pointer-events:none; user-select:none }

.chk{ width:22px; height:22px; vertical-align:bottom}
.disabledd{ background-color:#ccc; color:#888; box-shadow:inset 0 0 2px 1px #888; pointer-events:none; user-select:none}
#divBuscar{display:block; width:100%; margin-bottom:18px}

.divImg{ width:100px; height:100px; max-width:25%; display:block; float:left; position:relative; margin:20px 0}
.imgProducto{border-radius:100%; max-width:100%; object-fit:cover; width:80px; height:80px; top:8px; left:8px; position:absolute; margin-top:0}

#containerImg{display:none; background-color:#222; margin:0; left:0; padding:0; width:100%; height:100%; box-sizing:border-box; position:fixed; top:0; z-index:90000; text-align:center}
#containerImg img{max-height:75%; height:auto; margin-top:5%; width:100%; position:relative; z-index:90004;}

#cerrarImg{width:80%; position:absolute; bottom:8%; left:0; margin:0 10%; z-index:90007; padding:16px 0; border-radius:5px; background-color:dodgerblue; font-size:15px; color:white; outline:none; border:none;}
.ventanas{ margin-bottom:60px;}
#divBuscarSalon{display:block; width:100%; margin-bottom:15px}
.inputBuscar{margin:0; width:100%; padding:18px 50px 18px 10px; font-size:16px; box-shadow:0 3px 8px 4px rgba(0,0,0,.3); border:none; outline:none; box-sizing:border-box; background-image:url(img/ic_search_gray.png); background-position:98%; background-repeat:no-repeat; background-size:25px 25px;}

.descuento{padding:10px 0; background-color:#000; color:white; font-size:16px; font-weight:500; letter-spacing:0.02em;}

.categoria_headDelivery, .categoria_headSalon{padding:14px 0; text-align:center; display:block; float:left; position:relative; box-shadow:none; text-shadow:none; width: 48%; height: 162px; margin: 10px 1%; background-size: cover !important; border-radius: 10px}
.categoria_headDelivery:active, .categoria_headSalon:active{opacity:.5}
.titleCatDelivery, .titleCatSalon{font-size:18px; font-weight:500; text-transform:uppercase; position:absolute; bottom:0px; text-align:center; left:0; width:100%; padding: 20px 0 10px 0; display:block; color:white; background-image:linear-gradient(to top, black 0%, rgba(0,0,0,.7) 30%, rgba(0,0,0,.4) 80%, rgba(0,0,0,0) 98%); border-radius:0 0 10px 10px}
.categoria_headDelivery::after, .categoria_headSalon:after{ content:""}


.wrapperCategorias{ width:100%; overflow-x:auto; height:100px; background-color:#fff;}
.wrapperCategorias::-webkit-scrollbar{width: 0em; height: 0em;}
.wrapperCategorias::-webkit-scrollbar-thumb{ display:none}
.wrapperCategorias::-webkit-scrollbar-corner{ display:none}

.categoriaTabDelivery, .categoriaTabSalon{margin:0; box-sizing:border-box; color:rgba(255,255,255,.5); float:left; display:block; opacity:.3; border-radius:0; width: 30%; transform: scale(0.93); transition: .15s}
.titleCat_Tab_Delivery, .titleCat_Tab_Salon{font-size: 13px; font-weight: 500; text-align: center; width: 100%; display: block; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-image:linear-gradient(to top, #000000ad 0%, rgba(0, 0, 0, 0.54) 30%, rgba(0, 0, 0, 0.26) 80%, rgba(0,0,0,0) 98%); position: absolute; bottom: 0; padding: 16px 0 6px 0; border-radius: 0; text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black }

.categoriaTabDeliverySelected, .categoriaTabSalonSelected{opacity:1; transform: scale(1);}
.categoriaTabDeliverySelected .titleCat_Tab_Delivery2{border-bottom-color: white}
.categoriaTabDelivery:active, .categoriaTabSalon:active{opacity:.7}

.nuevaVersion{ width:100%; box-sizing:border-box; padding:10px 0; color:white; font-size:18px; text-align:center; margin:10px 0; background:linear-gradient(121deg, #3790e6, #268910, #e43096, #3539ea); animation:gradient 10s ease infinite; background-size:800% 800%;}
.nuevaVersion span{box-sizing:border-box; text-align:center; position:relative; padding:10px 0 10px 40px}
.nuevaVersion img{ width:28px; height:28px; position:absolute; top:6px; left:0px}

@keyframes gradient{0%{background-position:17% 0%}50%{background-position:84% 100%}100%{background-position:17% 0%}}


.bannerEspecial{background-size:cover; background-color:rgba(0, 0, 0, 0.5) !important; background-blend-mode:color; text-align:center; padding-top:53px}
.tituloBannerEspecial, .fechaBannerEspecial{ font-size:24px; font-weight:500; display:block; padding:10px 0; color:white; text-align:center; text-shadow:1px 1px 2px black, 1px 1px 2px black, 1px 1px 2px black, 1px 1px 2px black, 1px 1px 2px black, 1px 1px 2px black}
.tituloBannerEspecial{ padding-bottom:0}
.fechaBannerEspecial{ font-size:17px; display:inline-block; padding:10px 20px}
.buttonBannerEspecial{ font-size:15px; display:inline-block; border-radius:5px; background-color:#090; box-shadow:1px 1px 6px 3px rgba(0,0,0,.4); padding:7px 15px; margin-left:15px; margin-bottom:8px; color:white; text-align:center; }

#cerrado{ margin-top:10px !important}
#divPaddingTop{ display:none !important}

#envioDelivery .legend{padding: 20px 15px 20px 30px; text-align: left; background-color: #f3f3f3; border-radius: 10px; margin: 16px 0 !important; box-shadow: 0 3px 5px 2px #ccc; border: solid 1px #ccc; position: relative; }

.calificar{margin:20px 0; width:100%; text-align:center}
.calificar label{margin:20px 0; width:100%; box-sizing:border-box; text-align:left; display:block; padding-left:10%}
.calificar span{ width:45%; margin-right:2%; display:inline-block; vertical-align:top; margin-top:3px}
.calificar img{display:inline-block; margin:0; width:14px; vertical-align:top; margin-top:5px}
.calificar input[type="radio"]{width:22px; height:22px; margin-right:10px}

/*-----------------------------------------*/

.formProd{margin:0 5%; float:left; padding:15px 0; width: 90%; transition: .2s; border-bottom: 1px solid #ccc; height: 141px; }
.imgProd{width:30%; margin: 0; text-align: center; float: left; height: 110px; }
.imgProd img{width: 100%; max-height: 110px; }

.nombreProd{font-weight: bold; font-size:18px; margin:0; text-align: left; float: left; width: 70%; padding-right: 10px; }
.detalleProd{font-size: 14px; margin: 3px 0; text-align:left; color: #5a5a5a; display: block; }
.tipoVariante{font-weight: 500; font-size: 18px;}


.radioButton{width:20px; height:20px; vertical-align:text-bottom; margin-bottom:-2px}
.labelVariante{display:block; padding:9px 0; font-size: 12px; vertical-align: middle; width: 100%; float: left; word-break: break-all }
.precioProd{font-weight: bold; font-size:23px; text-align: center; padding: 8px 0; display: block; width: 45%; margin-top:5px; float: left;}
.precioProdMain{color: #444; font-size: 22px; margin: 5px 0px; }
.btnAgregarProd, .btnQuitarProd{background-color: #5d5d5d; padding: 10px 5px; /* width: 35%; */ margin: 0; border-radius: 5px; color: white; text-align: center; text-transform: uppercase; float: right; font-size: 11px; transition: .11s}
.puntosProd{font-size: 20px; text-align: center; padding-bottom: 10px; color: royalblue; font-weight: bold;}

.puntosProdMain{font-size: 15px; text-align: left; padding-bottom: 10px; color: royalblue; }

.btnQuitarProd{background-color: darkred; display: none; }
.groupFieldset{ border-radius:7px; margin:15px 0; padding:0 10px 5px 10px; outline: none; border:solid 2px black; text-align:left;}
.groupFieldset>legend{padding:0 9px; font-size:16px; color:black; border-radius: 5px}
.bodyProducto{display: none}
.btnMin{display: none}



/*---------------------------------------------------------*/
.prodSelect77{
margin: 0;
float: left;
clear: both;
padding: 20px 4%;
width: 100% !important;
transition: .2s;
background-color: #eaeaea;
border-radius: 0;
position: fixed;
top: 0;
left: 0;
overflow-y: scroll;
height: 100%;
}
.prodSelect77 .imgProd{width:100%; margin: 0; text-align: center; float: left; max-height: 1050px; height: auto; }
.prodSelect77 .imgProd img{width:auto; border-radius: 10px; margin-top:0px; max-height: 150px; }
.prodSelect77 .nombreProd{font-weight: bold; font-size:22px; margin:0; text-align: center; width: 100%; }
.prodSelect77 .puntosProdMain{display: none}
.prodSelect77 .nombreProd .detalleProd{font-size: 14px; color: #777; padding: 5px;}
.prodSelect77 .tipoVariante{font-weight: 500; font-size: 16px;}
.prodSelect77 .radioButton{width:0px; height:0px; vertical-align:middle; margin-bottom:-10px}
.prodSelect77 .labelVariante{display:block; padding:11px; font-size: 15px; vertical-align: middle; width: 90%; float:left; margin: 0 5%;}

.prodSelect77 .divCantProd{clear: both; margin: 4px 0; width: 20%}
.prodSelect77 .precioProd{font-weight: bold; font-size: 26px; text-align: center; padding:0 0 8px 0; display: block; width: 40%; margin: 10px 0; float: left;}
.prodSelect77 .precioProdMain, #detallePedidoFinal .precioProdMain, .prodSelect77 .descProdMain, #detallePedidoFinal .descProdMain, .countFormsBandejas .descProdMain, .countFormsBandejas .precioProdMain{display: none;}
.prodSelect77 .btnAgregarProd, .btnQuitarProd{background-color: #d65929; padding: 16px; margin: 0; border-radius: 5px; color: white; text-align: center; text-transform: uppercase; float: none; font-size: 16px}
.prodSelect77 .btnAgregarProd:active, .btnAgregarProd:active, .btnQuitarProd:active{background-color:#129817; transform: scale(1.2)}

.prodSelect77 .btnQuitarProd{ display: none; }
.prodSelect77 .groupFieldset{ border-radius:7px; margin:15px 0; padding:0 10px 5px 10px; outline: none; border:solid 2px #d65929; text-align:left; float: right; width:100%}
.prodSelect77 .groupFieldset>legend{padding:0 5px; font-size: 20px; color: #d65929; border-radius: 5px; font-weight: bold;}
.prodSelect77 .bodyProducto{display:block}
.prodSelect77 .btnMin{display: block; position: absolute; top: 5px; right: 5px; width: 30px; height:30px}


#envioDelivery input[type='radio']{width: 0px; height: 0px;}

.prodSelect77 input[type='radio']:checked:after, #envioDelivery input[type='radio']:checked:after {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    top: -16px;
    left: -15px;
    position: relative;
    background-color: #e05353;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    box-shadow: 0 0 3px 1px #333;
	outline: none;
}
.prodSelect77 input[type='radio']:after, #envioDelivery input[type='radio']:after {
    width: 17px;
    height: 17px;
    border-radius: 15px;
    top: -16px;
    left: -15px;
    position: relative;
    background-color: #fff5fa;
    content: '';
    display: inline-block;
    visibility: visible;
    transition: .1s;
}

#envioDelivery input[type='radio']:checked:after{
    top: -18px; left: -20px;
}

#envioDelivery input[type='radio']:after {
    top: -18px; left: -20px; background-color: #ffd0d0;
}


.leyenda1{
	text-align: center !important;
	color: #da5819 !important;
	background-color: #ffeecf !important;
	padding: 7px !important;
	border-radius: 10px !important;
	font-size: 16px !important;
}


.legendLugar input, .legendLugar select{background-color: white;}

.fondoNegro{background-color: rgba(0,0,0,.9); position: absolute; top: 0; left: 0; display: none; height: 100%; width: 100%; z-index:33}


/*---------------------------------------------------------*/
/*#bodyCategoriadelivery1 .fieldsetSubcatvistaAdmin{border:none; border-bottom: solid 1px #444;}
#bodyCategoriadelivery1 .fieldsetSubcatvistaAdmin>legend{display:none;}
#bodyCategoriadelivery3 .groupFieldsetSubcat{text-align:left; border: solid 2px #444;}
#bodyCategoriadelivery3 .groupFieldsetSubcat>legend{font-size:16px; color:black; text-transform:uppercase}
#bodyCategoriadelivery3 .formProd{width:100%; padding:0}
#bodyCategoriadelivery3 .formProd .bodyProducto{display: block}

#bodyCategoriadelivery3 .formProd img{display: none !important}
#bodyCategoriadelivery3 .nombreOculto{display:inline !important; font-size: 14px; font-weight: normal; margin-right:10px;  text-transform: lowercase}
#bodyCategoriadelivery3 .nombreProd{display:none}
#bodyCategoriadelivery3 .divCantProd input{font-size:18px;}
#bodyCategoriadelivery3 .precioProd{text-align: left; padding:4px 0 8px 15px; }
#bodyCategoriadelivery3 .sinTituloSubCat .nombreOculto{font-weight: bold; text-transform:uppercase; font-size: 13px }
#bodyCategoriadelivery3 .sinTituloSubCat .bodyProducto{margin-bottom: 10px}
#bodyCategoriadelivery3 .sinTituloSubCat {padding-top: 14px}
#bodyCategoriadelivery3 .sinTituloSubCat .precioProd{width:55%; margin-top:0px}
*/
.groupFieldsetSubcatChica .formProd img{display: none !important}
.groupFieldsetSubcatChica .groupFieldset{width: 100%}
.groupFieldsetSubcatChica .labelVariante{display: block; padding: 12px; font-size: 12px; vertical-align: middle; width: 100%; float: left; border-bottom: solid 1px #ffffff47; }


/*.groupFieldsetSubcatChica>legend{}
.groupFieldsetSubcatChica .formProd{width:100%; margin: 15px 0; padding: 15px; border-radius: 15px; background-color: #ffdbee; box-shadow: 0 0 9px 5px #cacaca;}
.groupFieldsetSubcatChica .formProd .bodyProducto{display: block}


.groupFieldsetSubcatChica .nombreOculto{display:inline-block !important; font-size:11px; font-weight: 500; margin-right:5px;  text-transform: uppercase}
.groupFieldsetSubcatChica .nombreProd{display:none}
.groupFieldsetSubcatChica .divCantProd input{font-size:18px}
.groupFieldsetSubcatChica .precioProd{text-align: left; padding:0 0 8px 15px; }

*/

.groupFieldsetSubcat{ border-radius:8px; margin:15px 3%; width: 94%; padding:0 10px 5px 10px; outline: none; border:solid 2px #d65929; text-align:center}
.groupFieldsetSubcat>legend{padding:0 9px; font-size:24px; color:#d65929; border-radius: 5px; font-weight: bold;}

.divCantProd{padding:0 0 10px 0; text-align:center; float: left; width: 20%; margin-left: 7px;}
.divCantProd select{font-size: 22px; padding: 8px 5px; width: 100%; outline: none; border: none; border-bottom: solid 1px #888; text-align: center;}

.bandeja{margin:20px 2% 90px 2%; width: 96%; display: none}
.bandejaCliente{display: block}
#tituloBandeja{text-align:center; font-size: 20px; background-color:#d65929; padding: 10px 0; border-radius: 15px; margin-bottom: 2px; color: white}
.bandeja .countFormsBandejas{position: relative; margin: 7px 0; background-image: linear-gradient(to top, #eae7c2 10% , #f8f8f8 50% ); border-radius: 15px; padding: 10px 8px; border: solid 2px #d65929;}
#sinProductosEnBandeja{text-align: center; color: black; font-weight:500; letter-spacing: 1px; font-size: 14px; padding: 15px 0}
.bandeja .imgProd{display: none}
.bandeja .nombreProd{width:100%; float: left; text-align: center; padding: 4px 8px; font-size:17px; margin-bottom: 0}
.bandeja .btnQuitarProd{display: block; border-radius: 100%; position: absolute; bottom: 17px; right: 24px; width: 35px; height: 35px; padding: 0; background-color: transparent;}
.bandeja .btnQuitarProd>img{padding:0; width: 35px; height: 35px; display: block !important; box-sizing: inherit; margin:4px; }
.bandeja .btnAgregarProd{display:none}
.bandeja .precioProd{margin-top: 6px; padding-top: 5px; width: 40%; }
.bandeja .descProd{font-size: 19px; }
.bandeja .divCantProd{padding: 0; clear: both;}
 .bandeja .groupFieldset{background-color:transparent; border: solid 2px #9E9E9E;}
.bandeja .bodyProducto{display:block}

.stringProd span{width: 100%; display: block}
.string0{display: none}
.string1{font-size: 15px; text-align: left; display: block}
.string2{font-size: 12px; padding: 2px 5px; display: inline-block}
.string3{font-size: 15px; display:inline-block; width: 40%; text-align: left; }
.string3:before{content:"Cantidad: "; font-size: 13px; padding-right: 7px}
.string4:before{content:"Subtotal: $ "; font-size: 13px; padding-right: 7px}
.string4{font-size: 16px; font-weight:500; display:inline-block; width: 60%; text-align: right}
.string5{font-size: 12px; display:block; width:100%; text-align:left; font-style: italic}
.string5:before{content: "Obs: "}
.string6{font-size: 12px; display:block; width:100%; text-align:right; color:green}
.string6:before{content: "Puntos: "}
.string7:before{content:"Puntos: "; font-size: 13px; padding-right: 7px}
.string7{font-size: 16px; font-weight:500; display:inline-block; width: 50%; text-align: right}

.totalPuntos{display: none}
.string6{display: none}

#detallePedidoFinal{padding:10px 15px}
.itemDetalleFinal{border-bottom: solid 1px #ccc; margin: 4px 0 8px 0}
.datosExtras{padding:8px 15px; text-align: center; color:#d65929; width: 100%; margin-bottom:10px; background-color: rgba(255,255,255,.25)}
.datosExtras u{margin-left:10px; color:darkred; font-size: 14px !important;}
.montosTotales, .totalPuntos, .totalPuntosCanje{
	color: #404040;
    font-size: 19px;
    text-align: right;
    padding: 8px;
    padding-right: 0;
}

.totalPuntos{color:green; font-weight: bold}
.totalPuntos:before{content:"Total Puntos: "}
.totalPuntosCanje{color:green; font-weight: bold}
.totalPuntosCanje:before{content:"Total Puntos Canjeados: "}
.totalFinal{color:#222; font-size: 30px; text-align: right; margin: 10px 0; font-weight: bold;}
.totalFinal:before{content:"Total Pedido: $ "; font-size: 22px; font-weight: normal;}

#btnEnviarPedidoFinal{border-radius:5px; border:none; outline:none; background-color: #0d9e00; color:white; padding: 15px 30px; font-size: 17px; margin:40px 19% 20px 19%; width: 60%;}
#btnEnviarPedidoFinal:active{background-color:#075900}

.enviandoPedido{width: 100%; text-align: center}
.loadingEnviando{margin-top:170px; width:100%; height:auto; text-align: center;}
.loadingEnviando img{width:50px}
#legendEnviando{color: #5e5e5e !important}

.divObsProd{display: block; margin: 4px 0; clear: both}
.divObsProd input{width: 100%; margin: 5px 0; font-size: 17px; padding:12px 5px; outline: none; border: none; border-bottom: solid 1px #888;}

.puntosNeed{border-radius:10px; background-color: #4ab9ff; color:darkblue; padding:6px 0; text-align: center; width: 90%; margin: 10px 5%; font-weight: bold}
.chkPuntosNeed{width:23px; height: 23px; vertical-align: middle}


.divCanjePuntos{padding:0; margin: 0; width: 100%; cursor: pointer; display: none;}
.divCanjePuntos img{width: 100%}

#loadingMisPedidos img {
    margin-top: 200px;
}

#loadingMisPedidos{
color: #d65929;
top: 0;
bottom: auto;
left: 0;
position: absolute;
z-index: 4500;
display: none;
background-color: rgba(255,255,255,0.7);
width: 100%;
text-align:center;
}

.tabLogo{width: 100%; text-align: center; padding: 0}
.tabLogo img{width: 90%; margin: auto 5%}



.legendEnvioSelected, .legendLugarSelected{border-color:dodgerblue !important; background-color: #e9f5ff !important;}









@media (min-width: 750px) {
	.categoria_headDelivery, .categoria_headSalon{
		width: 31%;
	}
	
	.tab{
		width: max-content;
    	padding: 19px 40px 16px 40px;
	}
	
	.item_mis_pedidos{
		padding: 0 25px;
	}
	
	.tabLogo{
		padding: 0;
		width: 200px;
	}
	.tabLogo img{
		max-height: 55px;
		width: 160px;
	}
	
	#containerDelivery, #containerCarrito, #containerMisPedidos, #containerPago{
		width: 80%;
	    margin: 0 10%;
	}
	
	.groupFieldsetSubcat {
		margin: 45px 0;
		width: 100%;
	}
	
	.prodSelect77 {
		margin: 5px 1%;
		clear: none;
		padding: 20px 2%;
		width: 48% !important;
	}
	
	.prodSelect77 .groupFieldset>legend {
		font-size: 15px;
	}
	
	.prodSelect77 .groupFieldset {
		width: 50%;
	}
	
	
	.prodSelect77 .imgProd {
		width: 50%;
	}
	
	.prodSelect77 .labelVariante {
		padding: 9px 0px;
		font-size: 13px;
		width: 96%;
		margin: 0 2%;
	}
	
	#nuevo_cliente{
		padding: 30px 30%;
	}
	
}

.descProd{color: #05a737; float: left; font-size: 22px; font-weight: bold; margin-top: 13px; }
.descProdMain{color: #05a737; }

.snackbar{color:white; padding:20px 25px; display:none; position:fixed; bottom:73px; width:98%; left:1%; text-align: center; border-radius: 4px; z-index:300001; background-color: #00960f; font-size: 16px; text-transform: uppercase; }

.finalizaPedido{background-color: #00DD6C; color: white; padding: 30px;  }
.finalizaPedido *{display: block; }
.finalizaPedido img{margin: 0px 35% 20px 35%; width:30%; }
.finalizaPedido h2{text-align: center; color: white; }
.finalizaPedido a{text-align: center; width: 70%; margin: 40px 15%; border-radius: 5px; background-color: #008440; color: white; text-decoration: none; padding: 18px 0; font-size: 17px; }