.container-pedidos-historial table,tr,td{border-style:none}.container-pedidos-historial tr{border-bottom:1px solid #eaeaea}.container-pedidos-historial td{white-space:nowrap;padding-top:10px;padding-bottom:10px;padding-right:15px;font-size:12px}.container-pedidos-historial thead td{color:#cacacc}.container-pedidos-historialt body tr:nth-child(2n){background-color:#fcfcfc}.container-pedidos-historial .rojo-estado-pedido{color:red;text-align:center;border:1px solid red;border-radius:10px;padding:3px}.container-pedidos-historial .verde-estado-pedido{color:#34c759;text-align:center;border:1px solid #34c759;border-radius:10px;padding:3px}.container-pedidos-historial .naranja-estado-pedido{color:orange;text-align:center;border:1px solid orange;border-radius:10px;padding:3px}#pedido-page-container{flex-direction:row;justify-content:center;width:100%;padding-top:25px;padding-bottom:25px;display:flex}@media only screen and (max-width:600px){#pedido-page-container{justify-content:flex-start}}.pedido-page-fix{overflow-x:hidden}#pedido-page-container div{color:#969696;cursor:pointer;text-align:center;background-color:#f5f5f5;border-radius:5px;min-width:25px;margin-right:10px;padding:5px}.cards-container{grid-template-columns:100%;gap:15px;display:grid}.tabla-container{display:none}.tabla-container table{width:100%}@media only screen and (min-width:640px){.cards-container{grid-template-columns:1fr 1fr}.pedido-page-fix,.pedido-page-fix:hover{overflow-x:hidden}}@media only screen and (min-width:1200px){.cards-container{display:none}.tabla-container{display:block}}.container-Pedidos-Detalle{background-color:#fff;border:1px solid #fff;border-radius:10px;max-width:800px;margin:0 auto;padding:10px 35px}.titulo-pedido{align-items:center;display:flex}.checklist-pedido{color:#101;max-height:20px;margin-bottom:3px;margin-right:5px;font-weight:400}.pedido-nombre{color:#101;margin:0 0 0 5px;font-family:Inter;font-size:20px;font-weight:600}.pedido-informacion .pedido-entrega{grid-template-areas:"fecha orden pago""entrega estado anular";gap:15px;display:grid}.pedido-informacion .pedido-entrega .fecha-pedido{grid-area:fecha}.pedido-informacion .pedido-entrega .pedido-orden-detalle{grid-area:orden}.pedido-informacion .pedido-entrega .forma-de-pago{grid-area:pago}.pedido-informacion .pedido-entrega .lugar-entrega{grid-area:entrega}.pedido-informacion .pedido-entrega .button-pedido{grid-area:anular}.pedido-informacion .pedido-entrega .estado-pedido{grid-area:estado}.pedido-informacion .pedido-entrega>div>label{color:gray;font-size:14px;font-weight:400}.pedido-informacion .pedido-entrega>div>p{color:#a8a8a8;font-size:12px;font-weight:400}.pedido-fecha>label{color:gray;font-size:14px;font-weight:400}@media only screen and (max-width:600px){.pedido-informacion .pedido-entrega{grid-template-areas:"fecha orden""pago entrega""estado anular";display:grid}}@media only screen and (max-width:400px){.pedido-informacion .pedido-entrega{display:block}}.pedido-fecha>p{color:#a8a8a8;font-size:12px;font-weight:400}.pedido-detalle-producto{margin-top:10px;margin-bottom:30px;padding:6px;display:flex}.pedido-detalle-producto .pedido-detalle-producto-img{width:100%;max-width:300px;max-height:80px;position:relative}.pedido-detalle-producto>img{max-width:80px;max-height:80px;margin-right:25px}.pedido-detalle-producto>div>p{margin-bottom:0;font-family:Inter}.scroll-div{height:135px;padding-top:3px;overflow:hidden scroll}.pedido-detalle-producto .marca{color:#aaa;font-size:10px;font-weight:600}.pedido-detalle-producto .descripcion{color:#46474a;font-size:12px;font-weight:500}.pedido-detalle-producto .precio-unitario,.pedido-detalle-producto .descuento{color:#a8a8a8;font-size:12px;font-weight:400}.titulo-pedido-subtotal>.pedido-sub{color:#acacac;justify-content:space-between;padding-left:5px;padding-right:5px;font-size:14px;font-weight:400;display:flex}.titulo-pedido-total{color:#000;justify-content:space-between;margin-bottom:10px;padding-left:5px;padding-right:5px;font-size:16px;font-weight:600;display:flex}.button-pedido .rojo-estado-pedido{color:red;text-align:center;background-color:#ff3a3033;border-width:1px;border-color:red;border-radius:10px;padding:8px 10px}.button-pedido .rojo-estado-pedido:hover{color:#f500007d;cursor:pointer;border-color:#f500007d}.button-pedido{min-width:100%;margin:auto 0}.verDetalle:hover,.addObservaciones:hover{cursor:pointer;color:#f0761d}.pedido-Encabezado{flex-direction:row;justify-content:space-between;display:flex}.pedido-btn-regresar{color:#000;cursor:pointer;background-color:#0000;border-radius:10px;padding:3px 8px 4px;font-size:14px;font-weight:400;display:flex}.span-btn-regresar{height:10px}.pedido-btn-regresar:hover{color:#f0761d80;border-color:#f0761d80}.pedido-btn-regresar:hover svg path{fill:#f0761d80}.modal-global-container-observacion{background-color:#fff;border-radius:25px;max-width:450px;height:520px;margin:5vh auto;padding:15px 20px 5px 30px}.modal-global-container-observacion>.btn-close-modal-observaciones{flex-direction:row;justify-content:flex-end;display:flex}.modal-global-container-observacion>.btn-close-modal-observaciones:hover svg path{cursor:pointer;fill:#a8a8a8}.modal-global-container-observacion>.modal-container-observaciones{border-radius:25px;padding:20px 50px 60px 40px}.modal-container-observaciones>label{color:#c4c4c4;margin:0;font-size:10px;font-weight:400}.modal-container-observaciones>.modal-title{grid-template-rows:1fr 1fr;justify-content:space-around;font-size:20px;font-weight:600;display:grid}.modal-container-observaciones>.modal-title>p{text-align:center;color:#828282;margin:0}.modal-container-observaciones>.modal-pedido{flex-direction:row;justify-content:space-between;margin-bottom:15px;display:flex}.modal-container-observaciones>.modal-pedido>div>label{color:#828282;margin:0;font-size:14px;font-weight:600}.modal-container-observaciones>.modal-pedido>div>P{color:#b8b8b8;margin:0;font-size:14px;font-weight:400}.modal-container-observaciones>textarea{color:#6c6c6c;width:100%;font-size:12px;font-weight:300px;background-color:#fbfbfb;border:1px solid #ebebeb;border-radius:10px;height:172px;padding:10px}.modal-container-observaciones>.btn-enviar-observacion{flex-direction:row;justify-content:space-around;margin-top:15px;display:flex}.modal-container-observaciones>.btn-enviar-observacion>button{color:#a5a5a5bf;background-color:#0000;border:1px solid #a5a5a5bf;border-radius:10px;padding:10px}.modal-container-observaciones>.btn-enviar-observacion>.activo{color:#f0761d;background-color:#0000;border:1px solid #f0761d;border-radius:10px;padding:10px}.modal-container-observaciones>.btn-enviar-observacion>button:hover{cursor:pointer;color:#a5a5a5;border:1px solid #a5a5a5}@media only screen and (max-width:450px){.modal-container-observaciones{padding-left:30px;padding-right:30px}.modal-global-container-observacion{max-width:350px}}@media only screen and (max-width:370px){.modal-container-observaciones{padding-left:10px;padding-right:10px}.modal-global-container-observacion{max-width:330px}}.anular-pedido-container{background-color:#fff;border-radius:10px;max-width:400px;margin:5vh auto;padding-top:10px}.anular-pedido-container>.btn-close-modal-anular{flex-direction:row;justify-content:flex-end;margin-right:10px;display:flex}.anular-pedido-container>.btn-close-modal-anular:hover svg path{fill:#a8a8a8;cursor:pointer}.anular-form{padding:3px 30px 20px}.anular-form>h4{color:#828282;flex-direction:row;justify-content:space-around;font-size:20px;font-weight:600;display:flex}.anular-form>label{color:#c4c4c4;font-size:10px;font-weight:400}.anular-form>.detalle-pedido{flex-direction:row;justify-content:space-between;margin-bottom:10px;display:flex}.anular-form>.detalle-pedido>div>label{color:#828282;margin:0;font-size:14px;font-weight:600}.anular-form>.detalle-pedido>div>p{color:#b8b8b8;margin:0;font-size:14px;font-weight:400}.anular-form>textarea{width:100%;font-size:12px;font-weight:300px;background-color:#fbfbfb;border:1px solid #ebebeb;border-radius:10px;height:70px;padding:10px}.anular-form>.btn-anular-pedido{justify-content:space-around;margin-top:10px;display:flex}.anular-form>.btn-anular-pedido>button{color:#fff;background-color:red;border-radius:5px;padding-left:15px;padding-right:15px}.anular-form>.btn-anular-pedido>button:hover{background-color:#ff4c30cc}@media only screen and (max-width:720px){.button-pedido{min-width:100%}}@media only screen and (max-width:420px){.anular-pedido-container{max-width:350px}.button-pedido{min-width:100%}}@media only screen and (max-width:370px){.anular-pedido-container{max-width:300px}}