#historial .clase_estado .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 0.9em;
    font-weight:500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
}


#historial .table thead tr th{font-weight: 600;  color:#fff; text-transform: uppercase;}
#historial a{color:#000;}
#historial .pendiente_pago {background-color:#C98209; color:#000!important;}
#historial .pendiente_envio {background-color:#2FC898; color:#000!important;}
#historial .enviado{background-color:#1175AE ;}
#historial .completado{background-color:#858181; color:#000!important;}
#historial .cancelado{background-color:#FC0F0F; color:#000!important;}
#historial .error_pago{background-color:#FC0F0F; color:#000!important;}
#historial .reintentar_pago{ color:#000!important; border: 1px solid red; padding: 0.2em 0.6em; font-size: 0.9em;}
#historial .pagado{background-color:#497D04 ;}


/*------------ (min-width:0px) and (max-width: 575px) xs---*/
@media (max-width: 575.98px) {
    #historial table{width: 100%; border:none;}
    #historial thead{display: none;}
    #historial  td{border:none!important; text-align: left!important;}

    #historial  table tr{    display:flex;    flex-direction: column;    border:1px solid #ccc; margin-bottom: 10px; padding: 8px;}

    #historial  table td[data-titulo]{   display:flex; }
    #historial  table td[data-titulo]::before{
        content:attr(data-titulo);
        font-weight: 600;
        width: 100px;
        font-size:0.8em;
        text-transform: uppercase;
        color:#000;
    }

}
/*------------ (min-width: 576px) and (max-width: 767px) sm---*/
@media (min-width: 576px) and (max-width: 767.98px) {

    #historial table{width: 100%; border:none;}
    #historial thead{display: none;}
    #historial  td{border:none!important; text-align: left!important;}

    #historial  table tr{    display:flex;    flex-direction: column;    border:1px solid #ccc; margin-bottom: 10px; padding: 8px;}

    #historial  table td[data-titulo]{   display:flex; }
    #historial  table td[data-titulo]::before{
        content:attr(data-titulo);
        font-weight: 600;
        width: 100px;
        font-size:0.8em;
        text-transform: uppercase;
        color:#000;
    }

}







/*---------------datos cliente ---------------------------*/

.tienda_datos_cliente h2{color:#000;}
.tienda_datos_cliente .zona_boton{ margin: 25px 0px; padding-top: 25px;  border-top: 4px dotted #ccc; }