@font-face {
    font-family: 'okc-icons';
    src: url('fonts/okc-icons.eot');
    src: url('fonts/okc-icons.eot#iefix') format('embedded-opentype'),
         url('fonts/okc-icons.woff2') format('woff2'),
         url('fonts/okc-icons.woff') format('woff'),
         url('fonts/okc-icons.ttf') format('truetype'),
         url('fonts/okc-icons.svg#okc-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="okc-"], [class*=" okc-"] {
    font-family: 'okc-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.okc-whatsapp:before { content: "\f101"; }
.okc-telefone:before { content: "\f102"; }
.okc-tela-unica:before { content: "\f103"; }
.okc-seta:before { content: "\f104"; }
.okc-seguranca:before { content: "\f105"; }
.okc-relatorios:before { content: "\f106"; }
.okc-raio:before { content: "\f107"; }
.okc-produtividade:before { content: "\f108"; }
.okc-ia:before { content: "\f109"; }
.okc-email:before { content: "\f10a"; }
.okc-custos:before { content: "\f10b"; }
.okc-chevron:before { content: "\f10c"; }
.okc-checkmark:before { content: "\f10d"; }
.okc-check:before { content: "\f10e"; }
.okc-chat:before { content: "\f10f"; }