/*https://icomoon.io/app/#/select/font*/
/*Cambiar cuando se descarguen las fuentes o si se hace el cambio de iconos*/
    @font-face {
        font-family: 'icomoon';
        src:  url('../fonts/icomoon.eot?xruby2');
        src:  url('../fonts/icomoon.eot?xruby2#iefix') format('embedded-opentype'),
            url('../fonts/icomoon.ttf?xruby2') format('truetype'),
            url('../fonts/icomoon.woff?xruby2') format('woff'),
            url('../fonts/icomoon.svg?xruby2#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
/*Fin de fuentes*/

/*estilos de los iconos*/
    [class^="icon-"], [class*=" icon-"] {
        font-family: 'icomoon' !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
    }
/*Fin de los estilos*/

/*iconos a utilizar (depende del proyecto avitar el BIG)*/
    .icon-whatsapp:before {/*whatsapp*/
        content: "\e913";
        color: #25d366;
    }
    .icon-Search:before {/*lupa de encabezado de gobierno*/
        content: "\e914";
    }
    .icon-download:before {/*descarga*/
        content: "\e90b";
        color: #c1c4c2;
    }
    .icon-envelope:before {/*correo*/
        content: "\e90c";
        color: #355fd3;
    }
    .icon-anr1:before {/*para entrar a los visores*/
        content: "\e904";
        color: #da4c0a;
    }
    .icon-address-book:before {/*directorio de protección civil*/
        content: "\e944";
        color: #fff;
    }
    .icon-Simbologia:before {/*icono que aparece cuando el dispositivo es muy chico el panel del visor general se contrae*/
        content: "\e903";
        color: #000;
    }
/*Fin de iconos*/