.icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #585858;
    margin-right: 10px;
}

.icon-site {
    -webkit-mask: url('../img/site-icon.svg') no-repeat center;
    mask: url('../img/site-icon.svg') no-repeat center;
}

.icon-transparencia {
    -webkit-mask: url('../img/Icon-Transparencia.svg') no-repeat center;
    mask: url('../img/Icon-Transparencia.svg') no-repeat center;
}

.icon-adicionar {
    -webkit-mask: url('../img/Icon-Adicionar+.svg') no-repeat center;
    mask: url('../img/Icon-Adicionar+.svg') no-repeat center;
    width: 26px;
    height: 26px;
}

.icon-noticias {
    -webkit-mask: url('../img/Icon-Noticias.svg') no-repeat center;
    mask: url('../img/Icon-Noticias.svg') no-repeat center;
}

.icon-admin {
    -webkit-mask: url('../img/icon-admin.svg') no-repeat center;
    mask: url('../img/icon-admin.svg') no-repeat center;
}

.icon-home {
    -webkit-mask: url('../img/Icon-Home.svg') no-repeat center;
    mask: url('../img/Icon-Home.svg') no-repeat center;
}

.icon-barra-menus {
    -webkit-mask: url('../img/Icon-BarraMenus.svg') no-repeat center;
    mask: url('../img/Icon-BarraMenus.svg') no-repeat center;
}

.icon-contatos {
    -webkit-mask: url('../img/Icon-Contatos.svg') no-repeat center;
    mask: url('../img/Icon-Contatos.svg') no-repeat center;
}

.icon-dados-serventia {
    -webkit-mask: url('../img/Icon-DadosServentia.svg') no-repeat center;
    mask: url('../img/Icon-DadosServentia.svg') no-repeat center;
}

.icon-feed {
    -webkit-mask: url('../img/Icon-Feed.svg') no-repeat center;
    mask: url('../img/Icon-Feed.svg') no-repeat center;
}

.icon-formularios {
    -webkit-mask: url('../img/Icon-Formularios.svg') no-repeat center;
    mask: url('../img/Icon-Formularios.svg') no-repeat center;
}

.icon-history {
    -webkit-mask: url('../img/Icon-History.svg') no-repeat center;
    mask: url('../img/Icon-History.svg') no-repeat center;
}

.icon-live-chat {
    -webkit-mask: url('../img/Icon-Live.svg') no-repeat center;
    mask: url('../img/Icon-Live.svg') no-repeat center;
}

.icon-manutencao {
    -webkit-mask: url('../img/Icon-Manutencao.svg') no-repeat center;
    mask: url('../img/Icon-Manutencao.svg') no-repeat center;
}

.icon-requerimentos {
    -webkit-mask: url('../img/Icon-Requerimentos.svg') no-repeat center;
    mask: url('../img/Icon-Requerimentos.svg') no-repeat center;
}

.icon-serventia {
    -webkit-mask: url('../img/Icon-Seventia.svg') no-repeat center;
    mask: url('../img/Icon-Seventia.svg') no-repeat center;
}

.icon-circunscricao {
    -webkit-mask: url('../img/Icon-Circunscricao.svg') no-repeat center;
    mask: url('../img/Icon-Circunscricao.svg') no-repeat center;
}

.icon-tutoriais {
    -webkit-mask: url('../img/Icon-Tutoriais.svg') no-repeat center;
    mask: url('../img/Icon-Tutoriais.svg') no-repeat center;
}

.icon-expandir {
    -webkit-mask: url('../img/Icon-Expandir.svg') no-repeat center;
    mask: url('../img/Icon-Expandir.svg') no-repeat center;
}

.icon-contatos-card {
    -webkit-mask: url('../img/Icon-Card-Contatos-Recebidos.svg') no-repeat center;
    mask: url('../img/Icon-Card-Contatos-Recebidos.svg') no-repeat center;
}

.icon-formularios-card {
    -webkit-mask: url('../img/Icon-Card-Formularios.svg') no-repeat center;
    mask: url('../img/Icon-Card-Formularios.svg') no-repeat center;
}

.icon-avisos-card {
    -webkit-mask: url('../img/Icon-Card-Avisos.svg') no-repeat center;
    mask: url('../img/Icon-Card-Avisos.svg') no-repeat center;
}

.icon-storage-card {
    -webkit-mask: url('../img/Icon-Card-Storage.svg') no-repeat center;
    mask: url('../img/Icon-Card-Storage.svg') no-repeat center;
}

.icon-versao-card {
    -webkit-mask: url('../img/Icon-Card-Versao.svg') no-repeat center;
    mask: url('../img/Icon-Card-Versao.svg') no-repeat center;
}

.icon-logo-footer {
    -webkit-mask: url('../img/Icon-Logo-Footer.svg') no-repeat center;
    mask: url('../img/Icon-Logo-Footer.svg') no-repeat center;
}

.icon-face {
    -webkit-mask: url('../img/Icon-Face.svg') no-repeat center;
    mask: url('../img/Icon-Face.svg') no-repeat center;
}

.icon-youtube {
    -webkit-mask: url('../img/Icon-Youtube.svg') no-repeat center;
    mask: url('../img/Icon-Youtube.svg') no-repeat center;
}

.icon-instagram {
    -webkit-mask: url('../img/Icon-Instagram.svg') no-repeat center;
    mask: url('../img/Icon-Instagram.svg') no-repeat center;
}

.icon-linkedin {
    -webkit-mask: url('../img/Icon-LinkedIn.svg') no-repeat center;
    mask: url('../img/Icon-LinkedIn.svg') no-repeat center;
}

.icon-seta {
    -webkit-mask: url('../img/Icon-Seta.svg') no-repeat center;
    mask: url('../img/Icon-Seta.svg') no-repeat center;
}

.icon-portal-cliente {
    -webkit-mask: url('../img/Icon-Portal-Cliente.svg') no-repeat center;
    mask: url('../img/Icon-Portal-Cliente.svg') no-repeat center;
    width: 32px;
}

.icon-notificacoes {
    -webkit-mask: url('../img/Icon-Notificacoes.svg') no-repeat center;
    mask: url('../img/Icon-Notificacoes.svg') no-repeat center;
}

.icon-cancelar {
    -webkit-mask: url('../img/Icon-Cancel.svg') no-repeat center;
    mask: url('../img/Icon-Cancel.svg') no-repeat center;
}

.icon-salvar {
    -webkit-mask: url('../img/Icon-Salvar.svg') no-repeat center;
    mask: url('../img/Icon-Salvar.svg') no-repeat center;
}

.icon-lixeira {
    -webkit-mask: url('../img/Icon-Lixeira.svg') no-repeat center;
    mask: url('../img/Icon-Lixeira.svg') no-repeat center;
}

.icon-dica {
    -webkit-mask: url('../img/Icon-Dica.svg') no-repeat center;
    mask: url('../img/Icon-Dica.svg') no-repeat center;
}

.icon-alerta {
    -webkit-mask: url('../img/Icon-Alerta.svg') no-repeat center;
    mask: url('../img/Icon-Alerta.svg') no-repeat center;
}

.icon-camera {
    -webkit-mask: url('../img/Icon-Camerafoto.svg') no-repeat center;
    mask: url('../img/Icon-Camerafoto.svg') no-repeat center;
}

.icon-ajuda {
    -webkit-mask: url('../img/Icon-Ajuda.svg') no-repeat center;
    mask: url('../img/Icon-Ajuda.svg') no-repeat center;
}

.icon-termos {
    -webkit-mask: url('../img/Icon-Termos.svg') no-repeat center;
    mask: url('../img/Icon-Termos.svg') no-repeat center;
}

.icon-usuarios {
    -webkit-mask: url('../img/Icon-Usuarios.svg') no-repeat center;
    mask: url('../img/Icon-Usuarios.svg') no-repeat center;
}

.icon-twitter {
    -webkit-mask: url('../img/Icon-Twitter.svg') no-repeat center;
    mask: url('../img/Icon-Twitter.svg') no-repeat center;
}

.icon-intranet {
    -webkit-mask: url('../img/Icon-Intranet.svg') no-repeat center;
    mask: url('../img/Icon-Intranet.svg') no-repeat center;
}

.icon-training {
    -webkit-mask: url('../img/Icon-Training.svg') no-repeat center;
    mask: url('../img/Icon-Training.svg') no-repeat center;
}

.icon-envio {
    -webkit-mask: url('../img/Icon-Envio.svg') no-repeat center;
    mask: url('../img/Icon-Envio.svg') no-repeat center;
}

.icon-fechar {
    -webkit-mask: url('../img/Icon-Fechar.svg') no-repeat center;
    mask: url('../img/Icon-Fechar.svg') no-repeat center;
}

.icon-acervo-midias {
    -webkit-mask: url('../img/Icon-AcervoMidias.svg') no-repeat center;
    mask: url('../img/Icon-AcervoMidias.svg') no-repeat center;
    background-color: #3C3B3B;
}

.icon-download {
    -webkit-mask: url('../img/Icon-Download.svg') no-repeat center;
    mask: url('../img/Icon-Download.svg') no-repeat center;
}

.icon-visualizar {
    -webkit-mask: url('../img/Icon-Visualizar.svg') no-repeat center;
    mask: url('../img/Icon-Visualizar.svg') no-repeat center;
}

.icon-lgpd {
    -webkit-mask: url('../img/Icon-LGPD.svg') no-repeat center;
    mask: url('../img/Icon-LGPD.svg') no-repeat center;
}