.cartel {
        position: relative;
        display: inline;
        background: none;
        padding: 2px 0px;
    }
    .cartel.help {
        cursor: help;
    }
    .cartel.blanco {
    }
    .cartel.rojo{
        color: #B22;
    }
    .cartel.rojo-inverso{
        padding: 2px 10px;
        font-size: 95%;
        background: #F33;
        color: white;
        background: rgba(255,0,0,0.25);
        color: #300;
    }
    .cartel.verde{
        color: #170;
    }
    .cartel.verde-inverso{
        padding: 2px 10px;
        font-size: 95%;
        background: #492;
        color: white;
        background: rgba(60,160,10,0.3);
        color: #020;
    }
    .cartel.amarillo-inverso {
        padding: 2px 10px;
        font-size: 95%;
        background: #FE0;
        color: black;
        background: rgba(255,220,0,0.5);
    }
    .tooltip-cartel {
        position: absolute;
        font-style: italic;
        font-size: 18px !important;
        line-height: 130%;
        padding: 10px 10px;
        z-index: 1;
        top: -96px;
        left: 50%;
        transform: translateX(-50%);
        width: 250px;
        background: #444;
        color: #CCC;
        text-align: center;
        border-radius: 6px;
        box-shadow: 0 5px 5px rgba(0,0,0,0.2);
    }
    .tooltip-cartel b {
        color: #FFF;
        font-weight: normal;
    }
    .tooltip-cartel::after {
        content: " ";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7px;
        border-width: 7px;
        border-style: solid;
        border-color: #444 transparent transparent transparent;
    }
    .nav strong.ajaxerror {
        position: absolute;
        z-index: 500;
        display: block;
        visibility: hidden;
        top: 115%;
        right: 10px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: white;
        background-color: #C00;
        background-repeat: no-repeat;
        background-position: center center;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.35);
    }
    .nav strong.ajaxerror.server {
        background-image: url("../img/error_server.png");
        background-size: 65%;
    }
    .nav strong.ajaxerror.network {
        background-image: url("../img/error_connection.png");
        background-size: 65%;
    }
    .nav strong.ajaxerror.timeout {
        background-image: url("../img/error_timeout2.png");
        background-size: 65%;
    }
    .nav strong.ajaxerror.bug {
        background-image: url("../img/error_bug.png");
        background-size: 65%;
    }
    .nav strong.ajaxerror div {
        position: absolute;
        z-index: 500;
        display: flex;
        align-items: center;
        right: 50px;
        height: 40px;
        border-radius: 10px;
        padding: 0;
        padding-right: 15px;
        padding-left: 10px;
        white-space: nowrap;
        background: #444;
        font-size: 15px;
        color: #eee;
        font-weight: normal;
    }
    .nav strong.ajaxerror div i {
        padding: 0;
        padding-right: 7px;
        height: auto;
    }
.bell-animation{
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 61% 5px;
}
@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}