.botonera{
    background-color: transparent; 
    border: 1px solid transparent;
}
 
.botonera:hover{
    background-color: transparent; 
    border: 1px solid transparent;
}
.iconoVer{
    width: 1.5rem;
    fill: #b794f4;
}
.iconoVer:hover{
    width: 1.8rem;
    fill: #805ad5;
}
.iconoPago{
    width: 1.5rem; 
    fill: #68d391;
}
.iconoPago:hover{
    width: 1.8rem;
    fill: #38a169;
}
.iconoBoton{
    width: 1.5rem; 
    fill: #68d391;
}

.iconoBoton:hover{
    width: 1.8rem;
    fill: #38a169;
}
.iconoBotonDelete{
    width: 1.5rem; 
    fill: rgb(248 113 113);
}

.iconoBotonDelete:hover{
    width: 1.8rem;
    fill: rgb(243, 72, 72);
}

.iconoMenu{
    width: 0.3rem; 
    fill: rgb(78, 77, 77);
}

.iconoMenu:hover{
    width: 1.5rem;
    fill: rgb(32, 32, 32);
}

.spanSuccess{
    background-color: rgb(187 247 208);
    padding-top: 0.25rem; 
    padding-bottom: 0.25rem; 
    padding-left: 0.50rem; 
    padding-right: 0.50rem; 
    border-radius: 7999px; 
    font-weight: 500;
    color: rgb(22 163 74); 
    font-size: 0.840rem; 
    line-height: 1.25rem;
}

.spanWarnig{
    background-color: rgb(254 240 138); 
    padding-top: 0.25rem; 
    padding-bottom: 0.25rem; 
    padding-left: 0.50rem; 
    padding-right: 0.50rem; 
    border-radius: 7999px; 
    font-weight: 500;
    color: rgb(202 138 4); 
    font-size: 0.840rem; 
    line-height: 1.25rem;
}
.spanCancelado{
    background-color: rgb(245, 125, 125); 
    padding-top: 0.25rem; 
    padding-bottom: 0.25rem; 
    padding-left: 0.50rem; 
    padding-right: 0.50rem; 
    border-radius: 7999px; 
    font-weight: 500;
    color: rgb(201, 48, 48); 
    font-size: 0.840rem; 
    line-height: 1.25rem;
}