@media (max-width: 768px) {
    .btn-responsive {
      padding:6px 12px;
      font-size:80%;
      line-height: 1;
      border-radius:3px;
    }

    .btn-responsive .glyphicon, .btn-responsive .i {
        font-size:80%;
    }
}
  
  @media (min-width: 769px) and (max-width: 992px) {
    .btn-responsive {
      padding:6px 12px;
      font-size:90%;
      line-height: 1.2;
    }
  }

span.estado, span.valoracion {
    color: white;
    padding:3px 5px;
}
span.estado.A {
    background:blue;
}
span.estado.P {
    background:red;
}
span.estado.C {
    background:green;
}

table.valoracionTable td, table.valoracionTable th 
{
    text-align: center; 
    vertical-align: middle;
    font-size: 0.8em;
}

span.valoracion.NS {
    background:red;
}
span.valoracion.S {
    background:green;
}