.wk-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: cover;
    background-color: #000;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-position: center;
}

.wk-icon-xs {
    width: 14px;
    height: 14px;
}

.wk-icon-sm {
    width: 15px;
    height: 15px;
}

.wk-icon-gg {
    width: 50px;
    height: 50px;
}

.wk-icon-lg {
    width: 25px;
    height: 25px;
}

.wk-icon-md {
    width: 22px;
    height: 22px;
}

.wk-icon-remove-after-before::before,
.wk-icon-remove-after-before::after {
    display: none !important;
}

.icon-cover {
    -webkit-mask-size: cover;
    mask-size: cover;
}

.icon-camadas {
    -webkit-mask-image: url(../img/svgs/camadas.svg);
    mask-image: url(../img/svgs/camadas.svg);
}

.icon-verificado {
    -webkit-mask-image: url(../img/svgs/verificado.svg);
    mask-image: url(../img/svgs/verificado.svg);
}

.icon-grafico {
    -webkit-mask-image: url(../img/svgs/grafico.svg);
    mask-image: url(../img/svgs/grafico.svg);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}

.icon-livro {
    -webkit-mask-image: url(../img/svgs/livro.svg);
    mask-image: url(../img/svgs/livro.svg);
}

.icon-coracao {
    -webkit-mask-image: url(../img/svgs/coracao.svg);
    mask-image: url(../img/svgs/coracao.svg);
}

.icon-pin {
    -webkit-mask-image: url(../img/svgs/pin.svg);
    mask-image: url(../img/svgs/pin.svg);
}

.icon-balao-conversa {
    -webkit-mask-image: url(../img/svgs/balao-conversa.svg);
    mask-image: url(../img/svgs/balao-conversa.svg);
}

.icon-nuvem-download {
    -webkit-mask-image: url(../img/svgs/nuvem-donwload.svg);
    mask-image: url(../img/svgs/nuvem-donwload.svg);
}

.icon-nuvem-upload {
    -webkit-mask-image: url(../img/svgs/nuvem-upload.svg);
    mask-image: url(../img/svgs/nuvem-upload.svg);
}

.icon-carta-email {
    -webkit-mask-image: url(../img/svgs/carta-email.svg);
    mask-image: url(../img/svgs/carta-email.svg);
}

.icon-seta-curva-esquerda {
    -webkit-mask-image: url(../img/svgs/seta-curva-esquerda.svg);
    mask-image: url(../img/svgs/seta-curva-esquerda.svg);
}

.icon-seta-baixo {
    -webkit-mask-image: url(../img/svgs/seta-baixo.svg);
    mask-image: url(../img/svgs/seta-baixo.svg);
}

.icon-seta-cima {
    -webkit-mask-image: url(../img/svgs/seta-cima.svg);
    mask-image: url(../img/svgs/seta-cima.svg);
}

.icon-mais {
    -webkit-mask-image: url(../img/svgs/mais.svg);
    mask-image: url(../img/svgs/mais.svg);
}

.icon-lupa {
    -webkit-mask-image: url(../img/svgs/lupa.svg);
    mask-image: url(../img/svgs/lupa.svg);
}

.icon-x {
    -webkit-mask-image: url(../img/svgs/x.svg);
    mask-image: url(../img/svgs/x.svg);
}

.icon-aviao-de-papel {
    -webkit-mask-image: url(../img/svgs/seta.svg); 
    mask-image: url(../img/svgs/seta.svg); 
}

.icon-calendario {
    -webkit-mask-image: url(../img/svgs/calendario.svg); 
    mask-image: url(../img/svgs/calendario.svg); 
}

.icon-relogio {
    -webkit-mask-image: url(../img/svgs/relogio.svg); 
    mask-image: url(../img/svgs/relogio.svg); 
}

.icon-avatares {
    -webkit-mask-image: url(../img/svgs/avatares.svg); 
    mask-image: url(../img/svgs/avatares.svg); 
}

.icon-avatar {
    -webkit-mask-image: url(../img/svgs/avatar.svg); 
    mask-image: url(../img/svgs/avatar.svg); 
}

.icon-caixa-verificado {
    -webkit-mask-image: url(../img/svgs/caixa-verificado.svg); 
    mask-image: url(../img/svgs/caixa-verificado.svg); 
}

.icon-lapis-caixa {
    -webkit-mask-image: url(../img/svgs/lapis-caixa.svg); 
    mask-image: url(../img/svgs/lapis-caixa.svg); 
}

.icon-pasta {
    -webkit-mask-image: url(../img/svgs/pasta.svg); 
    mask-image: url(../img/svgs/pasta.svg); 
}

.icon-pasta2 {
    -webkit-mask-image: url(../img/svgs/pasta2.svg); 
    mask-image: url(../img/svgs/pasta2.svg); 
}

.icon-atestado {
    -webkit-mask-image: url(../img/svgs/atestado.svg); 
    mask-image: url(../img/svgs/atestado.svg); 
}

.icon-justificado {
    -webkit-mask-image: url(../img/svgs/justificado.svg); 
    mask-image: url(../img/svgs/justificado.svg); 
}

.icon-comentario {
    -webkit-mask-image: url(../img/svgs/comentario.svg); 
    mask-image: url(../img/svgs/comentario.svg); 
}


.icon-lupa-a {
    -webkit-mask-image: url(../img/svgs/lupa-a.svg); 
    mask-image: url(../img/svgs/lupa-a.svg); 
}

.icon-remedios {
    -webkit-mask-image: url(../img/svgs/remedios.svg); 
    mask-image: url(../img/svgs/remedios.svg); 
}

.icon-atencao {
    -webkit-mask-image: url(../img/svgs/atencao.svg); 
    mask-image: url(../img/svgs/atencao.svg); 
}

.icon-curtir {
    -webkit-mask-image: url(../img/svgs/joinha-curtir.svg); 
    mask-image: url(../img/svgs/joinha-curtir.svg); 
}

.icon-lixeira {
    -webkit-mask-image: url(../img/svgs/lixeira.svg); 
    mask-image: url(../img/svgs/lixeira.svg); 
}

.icon-assinar {
    -webkit-mask-image: url(../img/svgs/assinar.svg); 
    mask-image: url(../img/svgs/assinar.svg); 
}

.icon-clip {
    -webkit-mask-image: url(../img/svgs/clip.svg); 
    mask-image: url(../img/svgs/clip.svg); 
}

.icon-seta-circulo {
    -webkit-mask-image: url(../img/svgs/seta-circulo.svg); 
    mask-image: url(../img/svgs/seta-circulo.svg); 
}

.icon-impressora {
    -webkit-mask-image: url(../img/svgs/impressora.svg); 
    mask-image: url(../img/svgs/impressora.svg); 
}

.icon-seta-esquerda {
    -webkit-mask-image: url(../img/svgs/seta-esquerda.svg);
    mask-image: url(../img/svgs/seta-esquerda.svg);
}

.icon-seta-direita {
    -webkit-mask-image: url(../img/svgs/seta-direita.svg);
    mask-image: url(../img/svgs/seta-direita.svg);
}

.icon-copiar-documento {
    -webkit-mask-image: url(../img/svgs/copiar-documento.svg);
    mask-image: url(../img/svgs/copiar-documento.svg);
}

.icon-alert {
    -webkit-mask-image: url(../img/svgs/alert.svg);
    mask-image: url(../img/svgs/alert.svg);
}

.icon-seta-vertical {
    -webkit-mask-image: url(../img/svgs/seta-vertical.svg);
    mask-image: url(../img/svgs/seta-vertical.svg);
}

.icon-seta-curva-vertical {
    -webkit-mask-image: url(../img/svgs/seta-curva-vertical.svg);
    mask-image: url(../img/svgs/seta-curva-vertical.svg);
}

.icon-seta-curva-horizontal {
    -webkit-mask-image: url(../img/svgs/seta-curva-horizontal.svg);
    mask-image: url(../img/svgs/seta-curva-horizontal.svg);
}

.icon-seta-diagonal {
    -webkit-mask-image: url(../img/svgs/seta-diagonal.svg);
    mask-image: url(../img/svgs/seta-diagonal.svg);
}

.icon-seta-curva-curva-horizontal {
    -webkit-mask-image: url(../img/svgs/seta-curva-horizontal.svg);
    mask-image: url(../img/svgs/seta-curva-horizontal.svg);
}

.icon-prancheta {
    -webkit-mask-image: url(../img/svgs/prancheta.svg);
    mask-image: url(../img/svgs/prancheta.svg);
}

.icon-cartao-credito {
    -webkit-mask-image: url(../img/svgs/cartao-credito.svg);
    mask-image: url(../img/svgs/cartao-credito.svg);
}

.icon-circulo-seta-direita {
    -webkit-mask-image: url(../img/svgs/circulo-seta-direita.svg);
    mask-image: url(../img/svgs/circulo-seta-direita.svg);
}

.icon-informacao {
    -webkit-mask-image: url(../img/svgs/informacao.svg);
    mask-image: url(../img/svgs/informacao.svg);
}

.icon-banquete {
    -webkit-mask-image: url(../img/svgs/banquete.svg);
    mask-image: url(../img/svgs/banquete.svg);
}

.icon-seta-caixa {
    -webkit-mask-image: url(../img/svgs/seta-caixa.svg);
    mask-image: url(../img/svgs/seta-caixa.svg);
}

.icon-comprimido {
    -webkit-mask-image: url(../img/svgs/comprimido.svg);
    mask-image: url(../img/svgs/comprimido.svg);
}

.icon-seta-horizontal {
    -webkit-mask-image: url(../img/svgs/seta-horizontal.svg);
    mask-image: url(../img/svgs/seta-horizontal.svg);
}

.icon-conquista {
    -webkit-mask-image: url(../img/svgs/conquista.svg);
    mask-image: url(../img/svgs/conquista.svg);
}

.icon-hamburger {
    -webkit-mask-image: url(../img/svgs/hamburger.svg);
    mask-image: url(../img/svgs/hamburger.svg);
}

.icon-raio {
    -webkit-mask-image: url(../img/svgs/raio.svg);
    mask-image: url(../img/svgs/raio.svg);
}

.icon-lapis {
    -webkit-mask-image: url(../img/svgs/lapis.svg);
    mask-image: url(../img/svgs/lapis.svg);
}

.icon-favorito {
    -webkit-mask-image: url(../img/svgs/favorito.svg);
    mask-image: url(../img/svgs/favorito.svg);
}

.icon-favoritado {
    -webkit-mask-image: url(../img/svgs/favoritado.svg);
    mask-image: url(../img/svgs/favoritado.svg);
}

.icon-sino {
    -webkit-mask-image: url(../img/svgs/sino.svg);
    mask-image: url(../img/svgs/sino.svg);
}

.icon-olho {
    -webkit-mask-image: url(../img/svgs/olho.svg);
    mask-image: url(../img/svgs/olho.svg);
}

.icon-olho-fechado {
    -webkit-mask-image: url(../img/svgs/olho-fechado.svg);
    mask-image: url(../img/svgs/olho-fechado.svg);
}

.icon-foto {
    -webkit-mask-image: url(../img/svgs/foto.svg);
    mask-image: url(../img/svgs/foto.svg);
}

.icon-tres-pontos {
    -webkit-mask-image: url(../img/svgs/tres-pontos.svg);
    mask-image: url(../img/svgs/tres-pontos.svg);
}

.icon-interrogacao {
    -webkit-mask-image: url(../img/svgs/interrogacao.svg);
    mask-image: url(../img/svgs/interrogacao.svg);
}

.icon-documento {
    -webkit-mask-image: url(../img/svgs/documento.svg);
    mask-image: url(../img/svgs/documento.svg);
}

.icon-arquivo {
    -webkit-mask-image: url(../img/svgs/arquivo.svg);
    mask-image: url(../img/svgs/arquivo.svg);
}

.icon-estrela {
    -webkit-mask-image: url(../img/svgs/estrela.svg);
    mask-image: url(../img/svgs/estrela.svg);
}

.icon-engrenagem {
    -webkit-mask-image: url(../img/svgs/engrenagem.svg);
    mask-image: url(../img/svgs/engrenagem.svg);
}

.icon-cadeado {
    -webkit-mask-image: url(../img/svgs/cadeado.svg);
    mask-image: url(../img/svgs/cadeado.svg);
}

.icon-caixa-expandir {
    -webkit-mask-image: url(../img/svgs/caixa-expandir.svg);
    mask-image: url(../img/svgs/caixa-expandir.svg);
}

.icon-grid {
    -webkit-mask-image: url(../img/svgs/grid.svg);
    mask-image: url(../img/svgs/grid.svg);
}

.icon-qrcode {
    -webkit-mask-image: url(../img/svgs/qrcode.svg);
    mask-image: url(../img/svgs/qrcode.svg);
}

.icon-camera-video {
    -webkit-mask-image: url(../img/svgs/camera-video.svg);
    mask-image: url(../img/svgs/camera-video.svg);
}

.icon-seta-dupla {
    -webkit-mask-image: url(../img/svgs/seta-dupla.svg);
    mask-image: url(../img/svgs/seta-dupla.svg);
}

.icon-filtro {
    -webkit-mask-image: url(../img/svgs/filtro.svg);
    mask-image: url(../img/svgs/filtro.svg);
}

.icon-arrow-right {
    -webkit-mask-image: url(../img/svgs/arrow-right.svg);
    mask-image: url(../img/svgs/arrow-right.svg);
}

.icon-codigo-barra {
    -webkit-mask-image: url(../img/svgs/codigo-barra.svg);
    mask-image: url(../img/svgs/codigo-barra.svg);
}