abbr[title]:after
{
   content: " (" attr(title) ")";
}

@media screen and (min-width: 1025px)
{
   abbr[title]
   {
      border-bottom: 1px dashed #ADADAD;
      cursor:help;
   }

   abbr[title]:after
   {
      content: "";
   }
}

.aprobado{
   width: 110%;
   height: 30px;
   background-color: rgb(18, 170, 18); 
   border-radius: 60%;
}
.denegado{
   width: 110%;
   height: 30px;
   background-color: rgb(170, 18, 18); 
   border-radius: 60%;
}
.pendiente{
   width: 110%;
   height: 30px;
   background-color: rgb(230, 210, 34); 
   border-radius: 60%;
}