/* Tamaños de íconos */
.icono-16 {
    font-size: 16px;
    vertical-align: middle;
}

.icono-20 {
    font-size: 20px;
    vertical-align: middle;
}

.icono-24 {
    font-size: 24px;
    vertical-align: middle;
}
.icono-22 {
    font-size: 22px;
    vertical-align: middle;
}
.icono-28 {
    font-size: 28px;
    vertical-align: middle;
}

.icono-30 {
    font-size: 30px;
    vertical-align: middle;
}


/* Colores */
.icono-blanco {
    color: #FFFFFF;
}
.icono-verde {
    color: #28a054;
}

.icono-verde-claro {
    color: #d4ffd5;
}

.icono-verde-oscuro {
    color: #556b2f; 
}

.icono-azul {
    color: #2596be;
}

.icono-azul-claro {
    color: #8fc7ec;
}

.icono-rojo {
    color: #e33333;
}
.icono-rojo2 {
    color: #e74c3c;
}
.icono-amarillo {
    color: #d6a721;
}

.icono-amarillo-claro {
    color: #f3f99c;
}

.icono-naranja {
    color: #f0a500;
}

.icono-gris {
    color: #b0b0b0;
}