.btn-info + .tooltip > .tooltip-inner {
    background-color: #24C5CF; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
    animation-duration: 2s;
  }

  .btn-success + .tooltip > .tooltip-inner {
    background-color: green; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }

  .btn.btn-warning + .tooltip > .tooltip-inner {
    background-color: #ff9600; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }

  .float + .tooltip > .tooltip-inner {
    background-color: green; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }

  .btn.bg-orange + .tooltip > .tooltip-inner {
    background-color: orange; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }

  .btn.bg-red + .tooltip > .tooltip-inner {
    background-color: red; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }
 /* boton atras de consultar evaluación */
  .btn.bg-purple + .tooltip > .tooltip-inner {
    background-color: purple; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }

   /* boton ir a consultar evaluaciones que esta en el modulo crear examen */
  .btn.bg-pink + .tooltip > .tooltip-inner {
    background-color: #E91E63; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }

  .btn.bg-indigo + .tooltip > .tooltip-inner {
    background-color: #3F51B5; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }

  .btn.bg-teal + .tooltip > .tooltip-inner {
    background-color: #009688; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }

  .btn.bg-brown + .tooltip > .tooltip-inner {
    background-color: #795548; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }

  .btn.bg-primary + .tooltip > .tooltip-inner {
    background-color: #1f91f3; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }
  .btn.bg-warning + .tooltip > .tooltip-inner {
    background-color: #ff9600; 
    color: white; 
    border: 1px solid white; 
    padding: 5px;
    font-size: 15px;
  }

  /* Tooltip on top */
  .btn + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid white;
  }
  /* Tooltip on bottom */
  .btn + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid white;
  }
  /* Tooltip on left */
  .btn + .tooltip.left > .tooltip-arrow {
    border-left: 5px solid white;
  }
  /* Tooltip on right */
  .btn + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid white;
  }