.icon-sostenible {
    background-size: cover;
    display: inline-block;
    height: 30px;
    width: 30px;
    max-width: 100%;
}

.TematicaEnJS {
    margin-left: 19%;
    width: 50px;
}

.TematicaEnVista {
    margin-left: 5%;
    width: 50px;
}
/* Tooltip */
.tooltip > .tooltip-inner {
    background-color: #0D559A;
    color: #FFFFFF;
    border: 1px solid #0D559A;
    padding: 5px;
    font-size: 20px;
    font-size:13px;
}

/* Tooltip on top */
.test + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid green;
}

leyenda,
.leyenda {
    padding: 0.2em;
    font-size: 0.8rem;
    background-color: rgba(0, 149, 133, 0.1);
}

.redSocial {
    width: 25px;
    height: 20px;
    display: inline-block
}

.red-facebook {
    background: url(https://www.sugeval.fi.cr/siteassets/redsocial/facebook.svg) no-repeat center center
}

.red-instagram {
    background: url(https://www.sugeval.fi.cr/siteassets/redsocial/instagram.svg) no-repeat center center
}

.red-linkedin {
    background: url(https://www.sugeval.fi.cr/siteassets/redsocial/linkedin.svg) no-repeat center center
}

.red-whatsapp {
    background: url(https://www.sugeval.fi.cr/siteassets/redsocial/whatsapp.svg) no-repeat center center
}

.red-twitter {
    background: url(https://www.sugeval.fi.cr/siteassets/redsocial/x-twitter.svg) no-repeat center center
}

.red-youtube {
    background: url(https://www.sugeval.fi.cr/siteassets/redsocial/youtube.svg) no-repeat center center
}

.red-flickr {
    background: url(https://www.sugeval.fi.cr/siteassets/redsocial/flickr.svg) no-repeat center center
}

.red-tumblr {
    background: url(https://www.sugeval.fi.cr/siteassets/redsocial/tumblr.svg) no-repeat center center
}

.red-skype {
    background: url(https://www.sugeval.fi.cr/siteassets/redsocial/skype.svg) no-repeat center center
}