/* General */
.clickable-item {
  cursor: pointer;
}
.text-bold {
  font-weight: bold;
}
/* Portlet */
.portlet.light > .portlet-title .inputs.inputs-full-width {
  display: block;
  float: none;
}
/* Tree */
.tree-item-icon-color {
  color: #dfba49;
}
.page-sidebar .page-sidebar-menu > li > a > i.fa,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.fa {
  margin-left: 1px;
  margin-right: 4px;
  top: 3px;
}
/* Forms */
.form-group.form-md-line-input.no-hint {
  margin-bottom: 15px;
}
.form-group.form-md-line-input.has-error .form-control {
  border-bottom-color: red;
}
.form-group.form-md-line-input.has-error .help-block-info {
  display: none;
}
/* DateRangePicker */
.daterangepicker_input .input-mini {
  width: 120px !important;
}
/* Portlets */
.portlet.light > .portlet-title.portlet-title-filter {
  border: none;
  margin-bottom: 0;
}
/* Buttons */
.btn + .btn {
  margin-left: 5px;
}
/* FamFamFam Flags */
.famfamfam-flags {
  display: inline-block;
}
/* Social Login Icons */
.external-logins form a i.fa-openidconnect::before {
  content: "\f19b";
}
.external-logins a i.fa-wsfederation::before {
  content: "\f20e";
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
/* Make user menu wider */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
  width: 250px;
}
/* Fix for issue #407 */
br {
  font-family: Verdana;
}
span.phone-number-verified {
  border-bottom: #36c6d3 2px solid !important;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
/* Sweet alert */
.swal-title {
  overflow-wrap: break-word;
}
.swal-footer {
  text-align: center;
}
@keyframes glowing {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.glowing {
  animation: glowing 2s infinite;
}
.toast-error {
  background-color: red !important;
}
.bootstrap-datetimepicker-widget {
  width: 275px !important;
}
@media (max-width: 768px) {
  .btn-md-icon {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
.kt-widget14__legend {
  text-align: left;
}
.kt-widget14__legend-bullet {
  width: 12px;
  height: 12px;
  margin-right: 12px;
  display: inline-block;
}
.long-select2 .select2-results .select2-results__options {
  max-height: 350px!important;
}
:root {
  --kt-progress-bar-color: #ffffff;
  --kt-progress-bar-bg: #009ef7;
}
.fileinput-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
/*label.required:after {
    content: "*";
    color: var(--kt-form-label-color) !important;
}*/
button i.flaticon-search-1 {
  margin-right: 0!important;
}
.btn i.flaticon-search-1 {
  padding-right: 0!important;
}
.menu-icon span {
  display: flex;
}
.hide-overflown {
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pwstrength-div {
  position: relative;
}
.pwstrength-div .progress {
  height: 8px;
  width: 64px;
  text-align: right;
  position: absolute;
  right: -28px;
  top: 28.5px;
  transform: rotate(-90deg);
  border-radius: 0 0 1.25rem 1.25rem;
}
.pwstrength-div .password-verdict {
  height: 10px;
  width: 100px;
  text-align: right;
  position: absolute;
  right: 24px;
  top: 25px;
  font-size: 12px;
  opacity: 0.6;
}

/*
 * Recursos de acessibilidade (menu "Acessibilidade" no cabeçalho).
 * As classes sao aplicadas no elemento <html> em Areas/App/Views/Layout/_Layout.cshtml
 * a partir das configuracoes do tema (ContrastMode e FontSizeMode).
 *
 *  - html.accessibility-large-font  -> "Fonte Grande (A+)"
 *  - html.accessibility-contrast    -> "Contraste"
 */
/* ============================================================
 * Legibilidade base (sempre ativa)
 * O Metronic sobrescreve o .alert-secondary do Bootstrap com
 * color: var(--bs-secondary) = #F1F1F4 — texto quase branco sobre
 * fundo claro: as faixas "arquivada" (Demanda, DFD, TR, ETP, CD,
 * Licitação, Pesquisa, Mapa de Riscos) e outros avisos sumiam.
 * "body" na frente: este arquivo carrega ANTES do style.bundle.css
 * (seção Styles do layout) e, com a mesma especificidade, perderia.
 * Cores da escala de cinza do tema: acompanham o modo escuro.
 * ============================================================ */
body .alert-secondary {
  color: var(--bs-gray-800);
  background-color: var(--bs-gray-100);
  border-color: var(--bs-gray-300);
}
/* Cinzas de TEXTO com contraste real (o sistema todo).
 * Os do Metronic ficam abaixo do minimo de leitura (WCAG AA = 4,5:1
 * para texto pequeno): .text-muted/.text-gray-500 #99A1B7 = 2,6:1 no
 * branco, .text-gray-400 #C4CADA = 1,6:1. Aqui cada degrau escurece,
 * mantendo a ordem 400 < 500 < 600 < 700 (o 700 fica como esta).
 *
 *            claro (branco | fundo da pagina)    escuro (card | pagina)
 *   400      #78829D  3,8 | 3,5                  #636674  3,1 | 3,3
 *   500/muted #66708C 4,9 | 4,5                  #808290  4,7 | 5,0
 *   600      #5A6480  5,9 | 5,4                  #8D8FA0  5,6 | 6,0
 *
 * So os tokens de TEXTO mudam (--bs-text-*): o --bs-gray-* puro
 * continua igual porque o Metronic o usa em placeholder de campo,
 * estado desabilitado, borda e fundo, que devem seguir claros.
 * CSS de tela que pinta texto deve usar var(--bs-text-gray-N), nao
 * var(--bs-gray-N).
 * "html[...]" (0,1,1) vence o ":root,[data-bs-theme=...]" (0,1,0) do
 * bundle sem depender da ordem de carga; o modo Contraste (abaixo)
 * continua por cima, com !important nas classes. */
html[data-bs-theme="light"] {
  --bs-text-muted: #66708C;
  --bs-text-gray-400: #78829D;
  --bs-text-gray-500: #66708C;
  --bs-text-gray-600: #5A6480;
}
html[data-bs-theme="dark"] {
  --bs-text-muted: #808290;
  --bs-text-gray-400: #636674;
  --bs-text-gray-500: #808290;
  --bs-text-gray-600: #8D8FA0;
}
/* ============================================================
 * Fonte Grande (A+)
 * Aumenta a fonte base do documento. Como o Metronic/Bootstrap
 * dimensiona quase tudo em rem, elevar o font-size da raiz
 * escala textos, botoes, inputs e espacamentos proporcionalmente.
 *
 * O style.bundle.css crava "body,html{font-size:13px!important}"
 * (12px abaixo de 992px): sem !important aqui a regra perde e o
 * botao A+ nao faz nada. O body precisa ir junto porque o texto
 * corrido herda dele, nao da raiz. Base do Metronic e 13px, nao
 * os 16px do navegador: porcentagem na raiz daria 18px (+38%).
 * ============================================================ */
html.accessibility-large-font,
html.accessibility-large-font body {
  font-size: calc(13px * 1.125) !important;
  /* +12,5% */
}
/* Em telas menores o Metronic ja desce a base para 12px; o ganho
   acompanha e diminui no celular para evitar quebras de layout. */
@media (max-width: 991.98px) {
  html.accessibility-large-font,
  html.accessibility-large-font body {
    font-size: calc(12px * 1.125) !important;
  }
}
@media (max-width: 767.98px) {
  html.accessibility-large-font,
  html.accessibility-large-font body {
    font-size: calc(12px * 1.09) !important;
  }
}
/* ============================================================
 * Contraste (reforco de contraste / leitura)
 * Escurece textos secundarios, reforca bordas e deixa links e
 * foco de teclado bem visiveis. Funciona sobre o tema claro e
 * o tema escuro (data-bs-theme="dark").
 * ============================================================ */
/* ---- Tema claro ---- */
html.accessibility-contrast {
  --bs-body-color: #000000;
  --bs-secondary-color: #1a1a1a;
  --bs-border-color: #5a5a5a;
  /* Tokens tambem: o CSS das telas pinta texto com var(--bs-text-gray-N),
       que as classes reforcadas abaixo nao alcancam. Vem depois do bloco
       html[data-bs-theme="light"] (mesma especificidade) e vence por ordem. */
  --bs-text-muted: #1a1a1a;
  --bs-text-gray-400: #1a1a1a;
  --bs-text-gray-500: #1a1a1a;
  --bs-text-gray-600: #1a1a1a;
}
html.accessibility-contrast body {
  color: #000000;
}
/* Textos que o Metronic deixa "apagados" passam a ter contraste real. */
html.accessibility-contrast .text-muted,
html.accessibility-contrast .text-gray-400,
html.accessibility-contrast .text-gray-500,
html.accessibility-contrast .text-gray-600,
html.accessibility-contrast .text-gray-700,
html.accessibility-contrast .form-label,
html.accessibility-contrast label,
html.accessibility-contrast .menu-title {
  color: #1a1a1a !important;
}
html.accessibility-contrast .text-gray-800,
html.accessibility-contrast .text-gray-900,
html.accessibility-contrast .text-dark {
  color: #000000 !important;
}
/* Links destacados e sublinhados para quem tem baixa visao. */
html.accessibility-contrast a:not(.btn):not(.menu-link):not(.nav-link):not(.page-link) {
  color: #0b3d91 !important;
  text-decoration: underline;
}
/* Bordas mais firmes em cartoes, tabelas e campos. */
html.accessibility-contrast .card,
html.accessibility-contrast .table,
html.accessibility-contrast .table th,
html.accessibility-contrast .table td,
html.accessibility-contrast .form-control,
html.accessibility-contrast .form-select,
html.accessibility-contrast .input-group-text,
html.accessibility-contrast .separator {
  border-color: #5a5a5a !important;
}
html.accessibility-contrast .form-control,
html.accessibility-contrast .form-select {
  border-width: 2px !important;
}
/* Foco de teclado sempre visivel (navegacao por Tab). */
html.accessibility-contrast a:focus-visible,
html.accessibility-contrast button:focus-visible,
html.accessibility-contrast .btn:focus-visible,
html.accessibility-contrast .form-control:focus,
html.accessibility-contrast .form-select:focus,
html.accessibility-contrast .form-check-input:focus,
html.accessibility-contrast [tabindex]:focus-visible {
  outline: 3px solid #0b3d91 !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}
/* ---- Tema escuro ---- */
html.accessibility-contrast[data-bs-theme="dark"] {
  --bs-body-color: #ffffff;
  --bs-secondary-color: #e6e6e6;
  --bs-border-color: #b0b0b0;
  --bs-text-muted: #e6e6e6;
  --bs-text-gray-400: #e6e6e6;
  --bs-text-gray-500: #e6e6e6;
  --bs-text-gray-600: #e6e6e6;
}
html.accessibility-contrast[data-bs-theme="dark"] body {
  color: #ffffff;
}
html.accessibility-contrast[data-bs-theme="dark"] .text-muted,
html.accessibility-contrast[data-bs-theme="dark"] .text-gray-400,
html.accessibility-contrast[data-bs-theme="dark"] .text-gray-500,
html.accessibility-contrast[data-bs-theme="dark"] .text-gray-600,
html.accessibility-contrast[data-bs-theme="dark"] .text-gray-700,
html.accessibility-contrast[data-bs-theme="dark"] .form-label,
html.accessibility-contrast[data-bs-theme="dark"] label,
html.accessibility-contrast[data-bs-theme="dark"] .menu-title {
  color: #e6e6e6 !important;
}
html.accessibility-contrast[data-bs-theme="dark"] .text-gray-800,
html.accessibility-contrast[data-bs-theme="dark"] .text-gray-900,
html.accessibility-contrast[data-bs-theme="dark"] .text-dark {
  color: #ffffff !important;
}
html.accessibility-contrast[data-bs-theme="dark"] a:not(.btn):not(.menu-link):not(.nav-link):not(.page-link) {
  color: #9cc3ff !important;
  text-decoration: underline;
}
/* Bordas claras no tema escuro (a versao clara fixa #5a5a5a, pensada para fundo branco). */
html.accessibility-contrast[data-bs-theme="dark"] .card,
html.accessibility-contrast[data-bs-theme="dark"] .table,
html.accessibility-contrast[data-bs-theme="dark"] .table th,
html.accessibility-contrast[data-bs-theme="dark"] .table td,
html.accessibility-contrast[data-bs-theme="dark"] .form-control,
html.accessibility-contrast[data-bs-theme="dark"] .form-select,
html.accessibility-contrast[data-bs-theme="dark"] .input-group-text,
html.accessibility-contrast[data-bs-theme="dark"] .separator {
  border-color: #b0b0b0 !important;
}
html.accessibility-contrast[data-bs-theme="dark"] a:focus-visible,
html.accessibility-contrast[data-bs-theme="dark"] button:focus-visible,
html.accessibility-contrast[data-bs-theme="dark"] .btn:focus-visible,
html.accessibility-contrast[data-bs-theme="dark"] .form-control:focus,
html.accessibility-contrast[data-bs-theme="dark"] .form-select:focus,
html.accessibility-contrast[data-bs-theme="dark"] .form-check-input:focus,
html.accessibility-contrast[data-bs-theme="dark"] [tabindex]:focus-visible {
  outline-color: #9cc3ff !important;
}

/* ==========================================================================
   Correcoes de modo escuro para CSS de terceiros que nao reagem ao
   data-bs-theme (carregado globalmente pelo _Layout).

   jkanban.bundle.css (Metronic vendor) fixa .kanban-board em #e2e4e6 e
   .kanban-item em #fff; no dark as colunas ficavam claras com cards
   escuros. Regras abaixo so atuam com [data-bs-theme="dark"], entao o
   modo claro permanece identico. Paginas com regras proprias por ID
   (ex.: #MesaTrabalhoKanban) continuam vencendo por especificidade.
   ========================================================================== */
[data-bs-theme="dark"] .kanban-container .kanban-board {
  background: var(--bs-gray-100);
}
[data-bs-theme="dark"] .kanban-container .kanban-item {
  background: var(--bs-body-bg);
}
/* ==========================================================================
   Modal, offcanvas e dialogo (abp.message) no escuro

   O fundo esmaecido do Metronic e preto a 40% nos dois modos. No claro ele
   escurece bem a pagina (#f1f5f9); no escuro, preto sobre uma pagina que ja
   e quase preta (#0F1014) nao muda nada - e a modal tem a MESMA cor dos
   cards de tras (#15171C), sem borda (--bs-modal-border-width: 0) e com uma
   sombra de 10% que some no escuro. Resultado: a modal "vaza" para a tela.

   - Fundo a 65% (o drawer do Metronic ja sobe de 20% para 40% no escuro).
     Duas modais empilhadas somam ~88%: a de baixo ainda se percebe.
   - Borda translucida clara: separa a modal do fundo sem pesar sobre o
     cabecalho colorido. Modal com .border-0 no markup continua sem borda.
   - Sombra funda, que no escuro tambem le como elevacao.
   ========================================================================== */
[data-bs-theme="dark"] .modal-backdrop {
  --bs-backdrop-opacity: 0.65;
}
[data-bs-theme="dark"] .offcanvas-backdrop.show {
  opacity: 0.65;
}
[data-bs-theme="dark"] .swal2-container.swal2-backdrop-show,
[data-bs-theme="dark"] .swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.65);
}
[data-bs-theme="dark"] .modal {
  --bs-modal-border-width: 1px;
  --bs-modal-border-color: rgba(255, 255, 255, 0.1);
  --bs-modal-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.6);
}
/* ==========================================================================
   Tint claro cravado em style="" (avisos "Sobre o PNCP", resultados da
   CD/Licitacao, publicacoes): #e7f3ff vira faixa acesa no escuro.
   Antes a regra vivia so no _Step10_Publicacoes (CD e Licitacao) e exigia
   o texto exato "background-color: #e7f3ff" com espaco: as modais de
   Comparacao/Conferencia de resultado (sem espaco) e telas sem o Step10
   ficavam de fora. Aqui vale para o sistema todo, com ou sem espaco.
   ========================================================================== */
[data-bs-theme="dark"] [style*="#e7f3ff" i] {
  background-color: rgba(40, 83, 187, 0.2) !important;
}
/* Camada "buscando..." do Catalogo de Itens (_ModalCatalogoItens.js): branco
   a 92% em style="" virava um veu claro com texto claro por cima. */
[data-bs-theme="dark"] .catalogo-busca-overlay {
  background: rgba(var(--bs-body-bg-rgb), 0.92) !important;
}
/* Tour de boas-vindas (driver.js): o balao fica CLARO de proposito no modo
   escuro, igual ao card de boas-vindas que abre o tour (welcome-tour.css
   forca .welcome-card claro). Nao "corrigir" aqui. */

/* ============================================================
   Mobile CRUD Responsive - Otimizações para dispositivos móveis
   Apenas @media queries - NÃO altera o desktop.
   ============================================================ */
/* ======================================
   Prevenção global de overflow horizontal
   (Nota: .card-body intencionalmente excluído para não clipar dropdowns Bootstrap)
   ====================================== */
@media (max-width: 991.98px) {
  .content,
  .app-content,
  #kt_content {
    overflow-x: hidden;
  }
}
/* ======================================
   Z-index e overflow: dropdowns dentro de Kanban
   ====================================== */
@media (max-width: 991.98px) {
  /* Garantir que kanban boards não clipem dropdowns */
  .kanban-drag,
  .kanban-board,
  .kanban-container {
    overflow: visible !important;
  }
  /* Elevar z-index dos dropdown-menus dentro de cards kanban */
  .kanban-item .dropdown-menu,
  .kanban-card .dropdown-menu {
    z-index: 1055 !important;
    position: absolute !important;
  }
  /* Botão Opções em mobile: mostrar ícone e texto */
  .kanban-card .dropdown-toggle .d-none.d-md-inline-block {
    display: inline-block !important;
    font-size: 0.75rem;
  }
  /* Elevar o kanban-item que possui dropdown aberto acima dos seus irmãos,
       corrigindo o problema de sobreposição causada pela ordem de pintura do DOM.
       Suporte: Chrome 105+, Safari 15.4+, Firefox 121+ */
  .kanban-item:has(.dropdown-menu.show) {
    z-index: 100 !important;
    position: relative !important;
  }
}
/* ======================================
   1. KPI Cards: 2 por linha em mobile
   ====================================== */
@media (max-width: 768px) {
  /* KPI rows - garantir 2 cards por linha */
  [id$="Kpis"] .col-xl-3,
  [id$="kpis"] .col-xl-3,
  #KpisContainer .col-xl-3,
  .row.g-5.g-xl-8 > .col-xl-3,
  .row.g-3.g-xl-8 > .col-xl-3 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  /* KPI cards: reduzir padding interno */
  [id$="Kpis"] .card-p,
  [id$="kpis"] .card-p,
  #KpisContainer .card-p,
  .row.g-5.g-xl-8 > .col-xl-3 .card-p {
    padding: 0.75rem !important;
  }
  /* KPI cards: reduzir tamanho do símbolo e do symbol-label */
  [id$="Kpis"] .symbol-50px,
  [id$="kpis"] .symbol-50px,
  #KpisContainer .symbol-50px {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
  [id$="Kpis"] .symbol-50px .symbol-label,
  [id$="kpis"] .symbol-50px .symbol-label,
  #KpisContainer .symbol-50px .symbol-label {
    width: 38px !important;
    height: 38px !important;
  }
  /* KPI ícones: reduzir para caber no symbol menor */
  [id$="Kpis"] .symbol-50px .symbol-label i.fs-2x,
  [id$="kpis"] .symbol-50px .symbol-label i.fs-2x,
  #KpisContainer .symbol-50px .symbol-label i.fs-2x {
    font-size: 1.35rem !important;
  }
  /* KPI cards: labels legíveis no mobile */
  [id$="Kpis"] .fw-bold.mt-1,
  [id$="kpis"] .fw-bold.mt-1,
  #KpisContainer .fw-bold.mt-1 {
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
    word-break: break-word;
  }
  /* KPI cards: número (fs-2) menor no mobile */
  [id$="Kpis"] .fw-bolder.fs-2,
  [id$="kpis"] .fw-bolder.fs-2,
  #KpisContainer .fw-bolder.fs-2 {
    font-size: 1.3rem !important;
  }
}
@media (max-width: 480px) {
  [id$="Kpis"] .col-xl-3,
  [id$="kpis"] .col-xl-3,
  #KpisContainer .col-xl-3,
  .row.g-5.g-xl-8 > .col-xl-3,
  .row.g-3.g-xl-8 > .col-xl-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
/* ======================================
   2. Toolbars de Visualização e Ordenação
   ====================================== */
@media (max-width: 768px) {
  /* Toolbar Visualizar/Ordenar: empilhar no mobile */
  .d-flex.justify-content-between.align-items-center.mb-7 {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  .d-flex.justify-content-between.align-items-center.mb-7 > div {
    width: 100% !important;
  }
  /* Toolbar ordenação alinhada à direita: expandir */
  .d-flex.justify-content-end.mb-0 {
    justify-content: flex-start !important;
  }
  .d-flex.justify-content-end.mb-0 > div {
    width: 100% !important;
  }
  /* Inner toolbar VISUALIZAR: empilhar em coluna (Kanban/Lista buttons) */
  .bg-light.rounded {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 10px !important;
  }
  /* ORDENAR POR toolbar: manter em linha compacta, só wrap se necessário.
       Usa :has() para diferenciar do toolbar Visualizar sem alterar HTML.
       Compatível com Chrome 105+, Firefox 121+, Safari 15.4+ */
  .bg-light.rounded:has(#toggleOrdenacaoBtn),
  .bg-light.rounded:has(#toggleOrdenacaoBtnMeusMapas) {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.4rem !important;
  }
  /* Ocultar ícone decorativo SVG no toolbar de ordenação */
  .bg-light.rounded:has(#toggleOrdenacaoBtn) > .svg-icon,
  .bg-light.rounded:has(#toggleOrdenacaoBtnMeusMapas) > .svg-icon {
    display: none !important;
  }
  /* Label "Ordenar por:" compacto */
  .bg-light.rounded:has(#toggleOrdenacaoBtn) > label,
  .bg-light.rounded:has(#toggleOrdenacaoBtnMeusMapas) > label {
    font-size: 0.7rem !important;
    margin-bottom: 0 !important;
    margin-right: 0.25rem !important;
    flex-shrink: 0;
  }
  /* Select de ordenação: preencher espaço disponível */
  .bg-light.rounded:has(#toggleOrdenacaoBtn) #OrdenacaoFilter,
  .bg-light.rounded:has(#toggleOrdenacaoBtnMeusMapas) [id$="OrdenacaoFilter"] {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
  }
  /* Botão toggle: não encolher */
  #toggleOrdenacaoBtn,
  #toggleOrdenacaoBtnMeusMapas {
    flex-shrink: 0 !important;
  }
  /* Remover min-width de selects inline (fallback para browsers sem :has) */
  #OrdenacaoFilter,
  #OrdenacaoFilterMeusMapas {
    min-width: 0 !important;
  }
  /* Labels de toolbar (visualizar) */
  .form-label.fs-7 {
    margin-bottom: 6px !important;
  }
  /* Btn-group de visualização: reduzir tamanho */
  .btn-group[role="group"] .btn.btn-sm {
    padding: 0.35rem 0.65rem !important;
    font-size: 0.8rem !important;
  }
}
/* ======================================
   2b. Lista Totalizadores: wrap quando valor é grande
   ====================================== */
@media (max-width: 768px) {
  /* Container de totalizadores: permitir wrap */
  #DFDListaContainer .d-flex.gap-4,
  #DFDListaUnidadesContainer .d-flex.gap-4 {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  /* Badges de total: texto pode quebrar */
  #listaTotalDemandas,
  #listaTotalValor,
  #listaUnidadesTotalDemandas,
  #listaUnidadesTotalValor {
    word-break: break-all !important;
    word-wrap: break-word !important;
    max-width: 100% !important;
  }
  /* Badge do total: não fixar largura */
  #DFDListaContainer .badge.fs-6,
  #DFDListaUnidadesContainer .badge.fs-6 {
    white-space: normal !important;
    text-align: left;
    width: 100%;
    font-size: 0.8rem !important;
  }
}
/* ======================================
   3. PCA Info Banner (DFD)
   ====================================== */
@media (max-width: 768px) {
  /* Banner PCA: empilhar colunas */
  .d-flex.align-items-stretch.gap-0.rounded-4.overflow-hidden {
    flex-direction: column !important;
    min-height: auto !important;
  }
  /* Divisor vertical: tornar horizontal */
  .d-flex.align-items-stretch.gap-0.rounded-4.overflow-hidden > div[style*="width: 1px"] {
    width: 100% !important;
    height: 1px !important;
    margin: 0 12px !important;
  }
  /* Exercício: menor no mobile */
  .d-flex.align-items-stretch.gap-0.rounded-4.overflow-hidden .fw-bolder[style*="font-size: 2.2rem"] {
    font-size: 1.6rem !important;
  }
}
/* ======================================
   4. Abas/Tabs: scroll horizontal no mobile
   ====================================== */
@media (max-width: 768px) {
  .nav.nav-custom.nav-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .nav.nav-custom.nav-tabs::-webkit-scrollbar {
    display: none;
  }
  .nav.nav-custom.nav-tabs .nav-item {
    flex-shrink: 0 !important;
  }
  .nav.nav-custom.nav-tabs .nav-link {
    white-space: nowrap !important;
    font-size: 0.9rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
/* ======================================
   5. Documentos Modal — Drawer lateral (mobile only)
   ====================================== */
/* Backdrop do drawer: position:absolute dentro do .modal-content
   (inserido via JS apenas em mobile) */
.doc-drawer-backdrop {
  display: none;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 10;
  /* local ao .modal-content — abaixo do drawer (20) */
  -webkit-tap-highlight-color: transparent;
}
.doc-drawer-backdrop.show {
  display: block;
  animation: docDrawerFadeIn 0.22s ease forwards;
}
@keyframes docDrawerFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 991.98px) {
  /* Garantir que .modal-content seja contexto de posicionamento para o drawer */
  #modalGerenciarDocumentos .modal-content {
    position: relative !important;
    overflow-x: hidden !important;
    /* clip o drawer ao deslizar */
  }
  /* Preview: ocupa toda a largura — drawer é overlay */
  #viewVisualizarDocumento > .d-flex.h-100 {
    flex-direction: column !important;
  }
  /* DRAWER: absoluto dentro do .modal-content */
  #painelMenuDocumentos {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: min(82vw, 300px) !important;
    max-height: none !important;
    overflow-y: auto !important;
    z-index: 20 !important;
    /* local ao .modal-content */
    background: var(--bs-body-bg) !important;
    border-right: 1px solid var(--bs-border-color) !important;
    border-bottom: none !important;
    border-end: none !important;
    /* Padrão: escondido à esquerda */
    transform: translateX(-100%);
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s ease !important;
    box-shadow: none !important;
  }
  /* Drawer aberto: ausência de .collapsed = visível */
  #painelMenuDocumentos:not(.collapsed) {
    transform: translateX(0) !important;
    box-shadow: 6px 0 28px rgba(0, 0, 0, 0.22) !important;
  }
  /* Painel direito (dados): simplificado em mobile */
  #painelDadosDocumento {
    width: 100% !important;
    max-height: 200px !important;
    border-start: none !important;
    border-top: 1px solid var(--bs-border-color) !important;
  }
  /* Itens de documento: alvo de toque confortável */
  .documento-menu-item {
    padding: 0.65rem 0.75rem !important;
    min-height: 48px !important;
    border-radius: 0.375rem !important;
  }
  .documento-menu-item .fw-bold.text-gray-800 {
    font-size: 0.82rem !important;
    line-height: 1.3 !important;
    margin-bottom: 0.05rem !important;
  }
  .documento-menu-item .text-muted.fs-8 {
    font-size: 0.7rem !important;
  }
  .documento-menu-item .d-flex.align-items-center.mt-2 {
    margin-top: 0.2rem !important;
  }
  .documento-menu-item .badge {
    font-size: 0.62rem !important;
    padding: 0.12rem 0.38rem !important;
  }
  .documento-menu-item .text-muted.fs-9 {
    font-size: 0.62rem !important;
  }
  /* Botões anterior/próximo: 44px de toque */
  #btnDocumentoAnterior,
  #btnDocumentoProximo {
    min-width: 44px !important;
    min-height: 44px !important;
  }
  #contadorDocumentos {
    font-size: 0.85rem !important;
    font-weight: 700 !important;
  }
  /* Preview toolbar: empilhar */
  #viewVisualizarDocumento .border-bottom .d-flex.justify-content-between {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  #viewVisualizarDocumento .d-flex.align-items-center.gap-2 {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}
@media (max-width: 576px) {
  /* Drawer ocupa quase toda a tela em celulares pequenos */
  #painelMenuDocumentos {
    width: 90vw !important;
  }
  .modal-header .d-flex.align-items-center.gap-2 {
    flex-wrap: wrap !important;
    gap: 0.25rem !important;
  }
  #btnNovoDocumento .me-2 {
    margin-right: 0 !important;
  }
  #viewNovoDocumento .row.align-items-end > div {
    margin-bottom: 0.5rem;
  }
}
/* ======================================
   6. Filtros (rows com col-xl-*)
   ====================================== */
@media (max-width: 768px) {
  /* Filtros: garantir stack vertical e sem overflow */
  .form .row > [class*="col-xl-"] {
    margin-bottom: 0.75rem;
  }
  /* Search input groups: sem truncamento */
  .input-group {
    flex-wrap: nowrap !important;
  }
  /* Select2 containers: largura total */
  .select2-container {
    max-width: 100% !important;
  }
}
/* ======================================
   7. Subheader / Toolbar de ações
   ====================================== */
@media (max-width: 768px) {
  /* Page subheader: empilhar título e botões */
  .subheader {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  /* Título do subheader: largura total */
  .subheader .subheader-title-wrapper {
    width: 100% !important;
  }
  /* Botão "Criar Novo": texto oculto, só ícone em telas pequenas */
  .subheader .btn-primary .d-none.d-md-inline-block {
    display: none !important;
  }
  /* Dropdown de ações: texto reduzido */
  .subheader .btn-group .dropdown-toggle .d-none.d-md-inline-block {
    display: none !important;
  }
}
/* ======================================
   8. Kanban boards: scroll horizontal
   ====================================== */
@media (max-width: 768px) {
  /* Container externo: scroll horizontal */
  .kanban-container,
  [id$="KanbanContainer"] > div,
  [id$="Kanban"] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  /* Boards individuais: overflow visible para dropdowns aparecerem */
  .kanban-board {
    min-width: 280px !important;
    overflow: visible !important;
  }
  /* Garantir que kanban-drag também não clipe */
  .kanban-drag {
    overflow: visible !important;
  }
  /* Kanban header: wrap para valor badge não transbordar */
  .kanban-title-board {
    flex-wrap: wrap !important;
    gap: 0.25rem !important;
    min-width: 0 !important;
  }
  /* Valor badge no header do kanban: permite quebrar linha */
  .kanban-valor-badge {
    font-size: 0.85rem !important;
    white-space: normal !important;
    word-break: break-word !important;
    max-width: 100% !important;
  }
}
/* ======================================
   9. Cards e formulários dentro de CRUDs
   ====================================== */
@media (max-width: 768px) {
  /* Cards internos: padding reduzido */
  .card.card-custom.gutter-b > .card-body {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  /* Tabelas responsivas: forçar scroll */
  .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  /* Tabelas: garantir min-width para não colapsar */
  .table-responsive > .table {
    min-width: 600px;
  }
}
/* ======================================
   10. Modais em mobile
   ====================================== */
@media (max-width: 768px) {
  /* Modais: full width em mobile para evitar scroll lateral */
  .modal-dialog.modal-lg,
  .modal-dialog.modal-xl {
    max-width: 100% !important;
    margin: 0.5rem !important;
  }
  /* Modal body: padding menor */
  .modal-body {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
/* ======================================
   11. Formulários Step/Wizard
   ====================================== */
@media (max-width: 768px) {
  /* Stepper: scroll horizontal */
  .stepper-nav {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
  }
  .stepper-nav .stepper-item {
    flex-shrink: 0 !important;
  }
}
/* ======================================
   12. Botões de ação em inline
   ====================================== */
@media (max-width: 576px) {
  /* Btn-group split: compactar */
  .btn-group > .btn {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  /* Float buttons: empilhar */
  .float-end + .float-end {
    margin-top: 0.25rem;
  }
}
/* ======================================
   13. Empty states: ajustar para mobile
   ====================================== */
@media (max-width: 768px) {
  .maparisco-empty-state {
    min-height: 250px !important;
    padding: 1.5rem 1rem !important;
  }
  .maparisco-empty-state-icon {
    width: 80px !important;
    height: 80px !important;
  }
  .maparisco-empty-state-icon i {
    font-size: 3.5rem !important;
  }
  .maparisco-empty-state-title {
    font-size: 1.15rem !important;
  }
  .maparisco-empty-state-description {
    font-size: 0.85rem !important;
  }
}
/* ======================================
   14. Card body head label (FILTRAR POR)
   ====================================== */
@media (max-width: 768px) {
  .card-body-head-label-custom {
    font-size: 0.85rem !important;
  }
}
/* ======================================
   15. Grupos de filtros em row
   ====================================== */
@media (max-width: 768px) {
  /* Task filter cards: empilhar */
  .card-body .row.align-items-center > [class*="col-md-"] {
    margin-bottom: 0.5rem;
  }
}
/* ======================================
   16. Labels de data em cards kanban (mobile)
   ====================================== */
@media (max-width: 768px) {
  /* Datas e textos dentro de cards kanban: evitar overflow */
  .kanban-card .text-muted,
  .kanban-card .fs-8,
  .kanban-card .fs-7 {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }
  /* Badges de data/código no card: compactar */
  .kanban-card .badge {
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.3 !important;
  }
  /* Links e texto de nº dentro de cards */
  .kanban-card h6,
  .kanban-card .fw-bold {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  /* Linha com valor + badge PCA: permitir wrap */
  .kanban-card .d-flex.flex-stack.flex-wrap {
    flex-wrap: wrap !important;
    gap: 0.25rem !important;
  }
  /* Avatares do kanban: não deixar vazar para fora */
  .kanban-card .symbol-group {
    flex-wrap: wrap !important;
    max-width: calc(100% - 90px);
  }
}
/* ======================================
   17. FAB z-index: garantir que fique acima mas
       não bloqueie dropdowns dos cards kanban
   ====================================== */
@media (max-width: 991.98px) {
  /* FAB fica abaixo de modais Bootstrap (z-index 1050+) */
  #kt_mobile_fab {
    z-index: 1039 !important;
  }
  #kt_mobile_fab_btn {
    z-index: 1040 !important;
  }
  #kt_mobile_fab_menu {
    z-index: 1039 !important;
  }
}

/* Navegação de abas em pílulas: itens em fonte cinza, ativo = botão primário arredondado.
   Carregado globalmente pelo _Layout do App; páginas podem sobrepor o tamanho localmente
   (ex.: Details do DFD/Demanda usam uma versão mais compacta). */
.painel-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.painel-pills .nav-item {
  margin: 0;
}
.painel-pills .nav-link {
  display: flex;
  align-items: center;
  color: var(--bs-text-gray-600);
  font-weight: 600;
  font-size: 1.02rem;
  border: 0;
  border-radius: 0.75rem;
  padding: 0.6rem 1.15rem;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.painel-pills .nav-link i {
  color: inherit;
}
.painel-pills .nav-link:hover:not(.active) {
  color: var(--bs-primary);
  background-color: var(--bs-primary-light, #f1faff);
}
.painel-pills .nav-link.active {
  background-color: var(--bs-primary);
  /* !important: o tema (.nav .nav-link.active) pinta o texto com a cor primária e vence a cascata */
  color: #fff !important;
  box-shadow: 0 0.25rem 0.65rem rgba(0, 158, 247, 0.35);
}
.painel-pills .nav-link.active i {
  color: #fff !important;
}
@media (max-width: 991.98px) {
  .painel-pills .nav-link {
    font-size: 0.95rem;
    padding: 0.5rem 0.9rem;
  }
}
/* Ícone de ajuda ao lado do rótulo da aba (tooltip explicando o escopo). A regra vivia
   duplicada em ~10 Index.css de módulo; aqui vale para qualquer tela que use as pílulas
   (o painel-pills.css é carregado pelo _Layout do App). */
.painel-info-icon {
  font-size: 0.8rem;
  cursor: help;
  vertical-align: baseline;
}
.painel-pills .nav-link .painel-info-icon {
  opacity: 0.65;
}
.painel-pills .nav-link:hover .painel-info-icon,
.painel-pills .nav-link.active .painel-info-icon {
  opacity: 1;
}

/*
 * Telas de conta (login, recuperação de senha, 2 etapas, aceite dos termos, sessão bloqueada) — "vitrine do órgão".
 * Formulário à esquerda; à direita o painel do órgão (foto, logomarca, nome, legenda e princípio do dia).
 * Em telas estreitas a foto vira uma faixa no topo e o formulário sobe por cima, como uma folha.
 * Linkado cru no Views/Account/_Layout.cshtml (sem bundle: não depende do gulp). Tudo escopado em .pj.
 */
.pj {
  --pj-bg: #FFFFFF;
  --pj-sup: #FFFFFF;
  --pj-txt: #071437;
  --pj-txt2: #4B5675;
  --pj-muted: #66708C;
  --pj-borda: #E4E7EF;
  --pj-campo: #FFFFFF;
  --pj-campo-borda: #D3D8E3;
  --pj-campo-hover: #B6BED0;
  --pj-primaria: #3B68D1;
  --pj-primaria-hover: #2853BB;
  --pj-link: #2F5BC4;
  --pj-foco: rgba(59, 104, 209, 0.2);
  --pj-erro: #C81E4B;
  --pj-erro-bg: #FFF1F4;
  --pj-erro-borda: #F5C6D2;
  --pj-ok: #0A7F4F;
  --pj-ok-bg: #E8FAF1;
  --pj-aviso: #8A5A00;
  --pj-aviso-bg: #FFF6E0;
  --pj-info-bg: #EEF4FF;
  --pj-suave: #F4F6FB;
  --pj-selo: #EDF2FD;
  --pj-selo-txt: #2853BB;
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--pj-txt);
  background: var(--pj-bg);
  min-height: 100vh;
  container-type: inline-size;
  container-name: pj;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
[data-bs-theme="dark"] .pj {
  --pj-bg: #0F1014;
  --pj-sup: #15171C;
  --pj-txt: #F3F4F7;
  --pj-txt2: #B5B7C8;
  --pj-muted: #8D8FA0;
  --pj-borda: #272932;
  --pj-campo: #1B1C22;
  --pj-campo-borda: #30323C;
  --pj-campo-hover: #444756;
  --pj-primaria: #3B68D1;
  --pj-primaria-hover: #4C79E0;
  --pj-link: #7B9BEA;
  --pj-foco: rgba(107, 143, 230, 0.28);
  --pj-erro: #FF7A95;
  --pj-erro-bg: rgba(248, 40, 90, 0.1);
  --pj-erro-borda: rgba(248, 40, 90, 0.35);
  --pj-ok: #3DDC97;
  --pj-ok-bg: rgba(15, 202, 120, 0.1);
  --pj-aviso: #F6C453;
  --pj-aviso-bg: rgba(246, 192, 0, 0.1);
  --pj-info-bg: rgba(59, 104, 209, 0.14);
  --pj-suave: #1B1C22;
  --pj-selo: rgba(59, 104, 209, 0.16);
  --pj-selo-txt: #8FAEF0;
}
body.pj-conta {
  background: var(--bs-body-bg);
}
.pj *,
.pj *::before,
.pj *::after {
  box-sizing: border-box;
}
.pj-i {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}
/* ---------- Estrutura ---------- */
.pj-tela {
  display: flex;
  min-height: 100vh;
  padding: 16px;
  gap: 16px;
}
.pj-lado {
  flex: 0 0 clamp(440px, 42%, 600px);
  display: flex;
  flex-direction: column;
  padding: 16px 40px 6px;
  position: relative;
  z-index: 2;
  min-width: 0;
}
/* Telas de leitura longa (aceite dos termos): coluna do formulário mais larga. */
.pj-larga .pj-lado {
  flex-basis: clamp(520px, 56%, 820px);
}
.pj-larga .pj-caixa {
  max-width: 620px;
}
/* Gestão (host) sem painel: ainda mostra a marca, mas a coluna centraliza. */
.pj-topo {
  display: flex;
  align-items: center;
  min-height: 52px;
}
.pj-logo {
  height: 32px;
  width: auto;
  display: block;
}
.pj-meio {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 0;
}
.pj-caixa {
  width: 100%;
  max-width: 400px;
}
/* ---------- Formulário ---------- */
.pj-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 0;
  animation: pjEntra 0.38s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.pj-form > .d-none {
  display: none !important;
}
.pj-cab {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 6px;
}
.pj-h1 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.015em;
  margin: 0 0 8px;
  color: var(--pj-txt);
}
.pj-sub {
  font-size: 15px;
  line-height: 1.6;
  color: var(--pj-txt2);
  margin: 0;
}
.pj-sub strong {
  color: var(--pj-txt);
  font-weight: 600;
  word-break: break-word;
}
.pj-selo {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: var(--pj-selo);
  color: var(--pj-selo-txt);
  margin-bottom: 18px;
}
.pj-selo .pj-i {
  width: 28px;
  height: 28px;
}
.pj-selo-verde {
  background: var(--pj-ok-bg);
  color: var(--pj-ok);
}
.pj-selo-ambar {
  background: var(--pj-aviso-bg);
  color: var(--pj-aviso);
}
.pj-campo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pj-rotulo {
  font-size: 14px;
  font-weight: 500;
  color: var(--pj-txt);
  margin: 0;
}
.pj-rotulo-linha {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.pj-entrada {
  position: relative;
  display: flex;
  align-items: center;
}
.pj-ico-campo {
  position: absolute;
  left: 15px;
  color: var(--pj-muted);
  pointer-events: none;
  transition: color 0.15s;
}
.pj .pj-input {
  width: 100%;
  height: 50px;
  border: 1px solid var(--pj-campo-borda);
  background: var(--pj-campo);
  color: var(--pj-txt);
  border-radius: 12px;
  padding: 0 16px 0 46px;
  font: inherit;
  font-size: 15px;
  outline: none;
  box-shadow: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.pj .pj-input-livre {
  padding-left: 16px;
}
.pj .pj-input::placeholder {
  color: var(--pj-muted);
  opacity: 0.8;
}
.pj .pj-input:hover {
  border-color: var(--pj-campo-hover);
}
.pj .pj-input:focus {
  border-color: var(--pj-primaria);
  box-shadow: 0 0 0 4px var(--pj-foco);
}
.pj .pj-input:disabled {
  background: var(--pj-suave);
}
.pj-entrada:focus-within .pj-ico-campo {
  color: var(--pj-primaria);
}
.pj .pj-com-olho .pj-input {
  padding-right: 54px;
}
/* O olho do Edge some: o "mostrar senha" é o nosso. */
.pj input::-ms-reveal,
.pj input::-ms-clear {
  display: none;
}
.pj .pj-input.is-invalid,
.pj .pj-erro .pj-input {
  border-color: var(--pj-erro);
}
.pj .pj-input.is-invalid:focus,
.pj .pj-erro .pj-input:focus {
  box-shadow: 0 0 0 4px var(--pj-erro-bg);
}
.pj-olho {
  position: absolute;
  right: 5px;
  width: 42px;
  height: 42px;
  border: 0;
  background: transparent;
  border-radius: 10px;
  color: var(--pj-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
}
.pj-olho:hover {
  color: var(--pj-txt);
  background: var(--pj-suave);
}
.pj-olho:focus-visible {
  outline: 2px solid var(--pj-primaria);
  outline-offset: 0;
}
.pj-olho .pj-olho-fechado,
.pj-olho[aria-pressed="true"] .pj-olho-aberto {
  display: none;
}
.pj-olho[aria-pressed="true"] .pj-olho-fechado {
  display: block;
}
/* Mensagens: as nossas e as que o jquery-validation insere depois do .input-icon. */
.pj-msg,
.pj .invalid-feedback {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}
.pj .invalid-feedback {
  color: var(--pj-erro);
}
.pj-msg .pj-i {
  width: 16px;
  height: 16px;
}
.pj-msg-erro {
  color: var(--pj-erro);
}
.pj-msg-aviso {
  color: var(--pj-aviso);
}
.pj-msg-ok {
  color: var(--pj-ok);
}
.pj-linha {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
  flex-wrap: wrap;
  margin: -6px 0 -4px;
}
.pj-check {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--pj-txt2);
  cursor: pointer;
  min-height: 44px;
  position: relative;
  user-select: none;
  margin: 0;
}
.pj-check input {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  left: 0;
}
.pj-check-caixa {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1.5px solid var(--pj-campo-borda);
  background: var(--pj-campo);
  display: grid;
  place-items: center;
  transition: background 0.15s, border-color 0.15s;
  flex: none;
}
.pj-check-caixa .pj-i {
  width: 14px;
  height: 14px;
  color: #FFFFFF;
  stroke-width: 2.6;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.15s, transform 0.15s;
}
.pj-check input:checked + .pj-check-caixa,
.pj-lembrar input:checked + .pj-check-caixa {
  background: var(--pj-primaria);
  border-color: var(--pj-primaria);
}
.pj-check input:checked + .pj-check-caixa .pj-i,
.pj-lembrar input:checked + .pj-check-caixa .pj-i {
  opacity: 1;
  transform: none;
}
.pj-check input:focus-visible + .pj-check-caixa,
.pj-lembrar input:focus-visible + .pj-check-caixa {
  box-shadow: 0 0 0 4px var(--pj-foco);
}
.pj-link,
.pj a.pj-link {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--pj-link);
  cursor: pointer;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.pj-link:hover {
  color: var(--pj-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pj-link:disabled {
  color: var(--pj-muted);
  cursor: default;
  text-decoration: none;
}
.pj-link:focus-visible,
.pj-link-txt:focus-visible,
.pj-voltar:focus-visible,
.pj-rod-link:focus-visible {
  outline: 2px solid var(--pj-primaria);
  outline-offset: 2px;
  border-radius: 4px;
}
.pj-link-txt {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: var(--pj-link);
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.pj .pj-btn {
  height: 52px;
  border-radius: 12px;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s, transform 0.1s;
  width: 100%;
  padding: 0 18px;
  margin: 0;
  text-decoration: none;
  line-height: 1.2;
}
.pj .pj-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px var(--pj-foco);
}
.pj .pj-btn:active {
  transform: translateY(1px);
}
.pj .pj-btn-pri {
  background: var(--pj-primaria);
  color: #FFFFFF;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08), 0 8px 18px -8px rgba(59, 104, 209, 0.65);
}
.pj .pj-btn-pri:hover {
  background: var(--pj-primaria-hover);
  color: #FFFFFF;
}
.pj .pj-btn-pri:disabled {
  cursor: default;
  opacity: 0.72;
  box-shadow: none;
  transform: none;
}
.pj-seta {
  transition: transform 0.2s;
}
.pj .pj-btn-pri:hover .pj-seta {
  transform: translateX(3px);
}
.pj .pj-btn-sec {
  background: var(--pj-sup);
  color: var(--pj-txt);
  border-color: var(--pj-campo-borda);
  font-weight: 500;
}
.pj .pj-btn-sec:hover {
  border-color: var(--pj-campo-hover);
  background: var(--pj-suave);
  color: var(--pj-txt);
}
.pj .pj-btn-sec:disabled {
  cursor: default;
  color: var(--pj-muted);
  background: var(--pj-suave);
  border-color: var(--pj-borda);
  transform: none;
}
.pj-ico-sig {
  color: var(--pj-primaria);
}
[data-bs-theme="dark"] .pj-ico-sig {
  color: #8FAEF0;
}
.pj-g {
  width: 20px;
  height: 20px;
  flex: none;
}
/* Estado "carregando" dos botões (Login.js e cia. ligam data-kt-indicator="on"). */
.pj .pj-btn .indicator-progress {
  display: none;
  align-items: center;
  gap: 10px;
}
.pj .pj-btn[data-kt-indicator="on"] .indicator-progress {
  display: inline-flex;
}
.pj .pj-btn[data-kt-indicator="on"] .indicator-label {
  display: none;
}
.pj .pj-btn .indicator-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.pj-spin {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2.5px solid rgba(255, 255, 255, 0.35);
  border-top-color: #FFFFFF;
  animation: pjGira 0.7s linear infinite;
  flex: none;
  display: inline-block;
}
.pj-spin-azul,
.pj .pj-btn-sec .pj-spin {
  border-color: var(--pj-borda);
  border-top-color: var(--pj-primaria);
}
.pj-ou {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 13px;
  color: var(--pj-muted);
  margin: 2px 0;
}
.pj-ou::before,
.pj-ou::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--pj-borda);
}
.pj-alt {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pj-alt-1 {
  grid-template-columns: minmax(0, 1fr);
}
.pj-alt form {
  display: contents;
}
.pj-ajuda {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--pj-muted);
  margin: 4px 0 0;
  text-align: center;
}
.pj-alerta {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 13px 15px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid var(--pj-erro-borda);
  background: var(--pj-erro-bg);
  color: var(--pj-txt);
  animation: pjEntra 0.3s ease-out both;
}
.pj-alerta .pj-i {
  color: var(--pj-erro);
  margin-top: 1px;
}
.pj-alerta strong {
  font-weight: 600;
}
.pj-alerta-ok {
  border-color: transparent;
  background: var(--pj-ok-bg);
}
.pj-alerta-ok .pj-i {
  color: var(--pj-ok);
}
.pj-alerta-info {
  border-color: transparent;
  background: var(--pj-info-bg);
}
.pj-alerta-info .pj-i {
  color: var(--pj-primaria);
}
.pj-voltar {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  padding: 0 6px 0 0;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--pj-txt2);
  cursor: pointer;
  min-height: 40px;
  margin: -8px 0 -2px;
  text-decoration: none;
}
.pj-voltar .pj-i {
  width: 18px;
  height: 18px;
  transition: transform 0.2s;
}
.pj-voltar:hover {
  color: var(--pj-txt);
}
.pj-voltar:hover .pj-i {
  transform: translateX(-3px);
}
.pj-dicas {
  list-style: none;
  margin: 0;
  padding: 16px 18px;
  border-radius: 14px;
  background: var(--pj-suave);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pj-dicas li {
  display: flex;
  gap: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pj-txt2);
}
.pj-dicas .pj-i {
  color: var(--pj-muted);
  margin-top: 1px;
}
/* Nova senha: força + regras do órgão marcando ao vivo. */
.pj-forca {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 2px;
}
.pj-forca-barras {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.pj-forca-barras span {
  height: 6px;
  border-radius: 99px;
  background: var(--pj-borda);
  transition: background 0.25s;
}
.pj-forca-txt {
  font-size: 13px;
  color: var(--pj-muted);
  margin: 0;
  min-height: 18px;
}
.pj-forca-txt strong {
  color: var(--pj-txt);
  font-weight: 600;
}
.pj-f1 .pj-forca-barras span:nth-child(-n+1) {
  background: #E5484D;
}
.pj-f2 .pj-forca-barras span:nth-child(-n+2) {
  background: #E59A1A;
}
.pj-f3 .pj-forca-barras span:nth-child(-n+3) {
  background: #3B68D1;
}
.pj-f4 .pj-forca-barras span:nth-child(-n+4) {
  background: #0FB56C;
}
.pj-regras {
  list-style: none;
  margin: 2px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 14px;
}
.pj-regras li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--pj-muted);
  transition: color 0.2s;
}
.pj-regras .pj-i {
  width: 16px;
  height: 16px;
}
.pj-regras .pj-regra-ok {
  display: none;
}
.pj-regras li.ok {
  color: var(--pj-ok);
}
.pj-regras li.ok .pj-regra-ok {
  display: block;
}
.pj-regras li.ok .pj-regra-pendente {
  display: none;
}
/* Duas etapas: escolha da forma (cartões de rádio) e as 6 caixas do código. */
.pj-opcoes {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pj-opcao {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 16px;
  border: 1px solid var(--pj-campo-borda);
  border-radius: 14px;
  cursor: pointer;
  background: var(--pj-campo);
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  margin: 0;
}
.pj-opcao:hover {
  border-color: var(--pj-campo-hover);
}
.pj-opcao input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
.pj-opcao:focus-within {
  box-shadow: 0 0 0 4px var(--pj-foco);
}
.pj-opcao-ico {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--pj-suave);
  color: var(--pj-txt2);
  display: grid;
  place-items: center;
  flex: none;
  transition: background 0.15s, color 0.15s;
}
.pj-opcao-txt {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.pj-opcao-txt strong {
  font-size: 15px;
  font-weight: 600;
  color: var(--pj-txt);
}
.pj-opcao-txt small {
  font-size: 13px;
  color: var(--pj-muted);
  line-height: 1.4;
}
.pj-opcao-marca {
  margin-left: auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1.5px solid var(--pj-campo-borda);
  flex: none;
  transition: all 0.15s;
}
.pj-opcao:has(input:checked) {
  border-color: var(--pj-primaria);
  background: var(--pj-selo);
}
.pj-opcao:has(input:checked) .pj-opcao-ico {
  background: var(--pj-primaria);
  color: #FFFFFF;
}
.pj-opcao:has(input:checked) .pj-opcao-marca {
  border-color: var(--pj-primaria);
  background: var(--pj-primaria);
  box-shadow: inset 0 0 0 4px var(--pj-campo);
}
.pj-otp {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.pj-otp-caixa {
  height: 58px;
  border-radius: 12px;
  border: 1px solid var(--pj-campo-borda);
  background: var(--pj-campo);
  display: grid;
  place-items: center;
  font-size: 24px;
  font-weight: 600;
  color: var(--pj-txt);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.pj-otp-caixa.cheia {
  border-color: var(--pj-campo-hover);
}
.pj-otp-caixa.atual {
  border-color: var(--pj-primaria);
  box-shadow: 0 0 0 4px var(--pj-foco);
}
/* O campo de verdade fica por cima das caixas, transparente: teclado, colar e o "código do SMS" do celular funcionam. */
.pj .pj-otp-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: 0;
  font-size: 16px;
  cursor: text;
}
/* Código de recuperação (letras) ou sem JS: o campo aparece como um campo comum. */
.pj-otp-livre .pj-otp-caixa {
  display: none;
}
.pj-otp-livre {
  display: block;
}
.pj .pj-otp-livre .pj-otp-input {
  position: static;
  opacity: 1;
  height: 56px;
  border: 1px solid var(--pj-campo-borda);
  border-radius: 12px;
  background: var(--pj-campo);
  color: var(--pj-txt);
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.25em;
}
.pj-otp-pe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
  flex-wrap: wrap;
  font-size: 13.5px;
  color: var(--pj-muted);
  margin-top: -4px;
}
.pj-otp-pe strong {
  color: var(--pj-txt);
  font-weight: 600;
}
.pj-lembrar {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--pj-suave);
  cursor: pointer;
  position: relative;
  margin: 0;
}
.pj-lembrar input {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  left: 16px;
  top: 16px;
}
.pj-lembrar-txt {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 14px;
  color: var(--pj-txt);
  font-weight: 500;
}
.pj-lembrar-txt small {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--pj-muted);
  font-weight: 400;
}
/* Sessão bloqueada */
.pj-usuario {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--pj-suave);
}
.pj-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  flex: none;
  position: relative;
}
.pj-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  background: var(--pj-borda);
}
.pj-avatar-cad {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--pj-sup);
  color: var(--pj-txt2);
  display: grid;
  place-items: center;
  box-shadow: 0 0 0 2px var(--pj-suave);
}
.pj-avatar-cad .pj-i {
  width: 13px;
  height: 13px;
  stroke-width: 2.2;
}
.pj-usuario-txt {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.pj-usuario-txt strong {
  font-size: 15px;
  font-weight: 600;
  color: var(--pj-txt);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pj-usuario-txt small {
  font-size: 13px;
  color: var(--pj-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Aceite dos termos */
.pj-doc {
  border: 1px solid var(--pj-borda);
  border-radius: 14px;
  overflow: hidden;
}
.pj-doc-cab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: var(--pj-suave);
  border-bottom: 1px solid var(--pj-borda);
}
.pj-doc-cab h2 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  color: var(--pj-txt);
}
.pj-doc-versao {
  font-size: 12px;
  font-weight: 500;
  color: var(--pj-selo-txt);
  background: var(--pj-selo);
  border-radius: 99px;
  padding: 3px 10px;
  white-space: nowrap;
}
.pj-doc-resumo {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 16px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--pj-txt2);
  background: var(--pj-info-bg);
  border-bottom: 1px solid var(--pj-borda);
}
.pj-doc-resumo .pj-i {
  width: 18px;
  height: 18px;
  color: var(--pj-primaria);
}
.pj-doc-corpo {
  max-height: 260px;
  overflow: auto;
  padding: 14px 16px;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--pj-txt2);
}
.pj-doc-corpo:focus-visible {
  outline: 2px solid var(--pj-primaria);
  outline-offset: -2px;
}
.pj-doc-aceite {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 16px;
  border-top: 1px solid var(--pj-borda);
  cursor: pointer;
  margin: 0;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: var(--pj-txt);
  line-height: 1.5;
  transition: background 0.15s;
}
.pj-doc-aceite input {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  left: 16px;
  top: 15px;
}
.pj-doc-aceite .pj-check-caixa {
  margin-top: 1px;
}
.pj-doc-aceite input:checked + .pj-check-caixa {
  background: var(--pj-ok);
  border-color: var(--pj-ok);
}
.pj-doc-aceite input:checked + .pj-check-caixa .pj-i {
  opacity: 1;
  transform: none;
}
.pj-doc-aceite input:focus-visible + .pj-check-caixa {
  box-shadow: 0 0 0 4px var(--pj-foco);
}
.pj-doc-aceite:has(input:checked) {
  background: var(--pj-ok-bg);
}
.pj-botoes {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* ---------- Rodapé ---------- */
.pj-rodape {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px 14px;
  font-size: 12.5px;
  color: var(--pj-muted);
  padding: 8px 0 4px;
}
.pj-bria {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
}
.pj-bria-rot {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pj-bria-logo {
  height: 16px;
  width: auto;
  display: block;
  filter: grayscale(1);
  opacity: 0.6;
  transition: filter 0.25s, opacity 0.25s;
}
.pj-rodape:hover .pj-bria-logo {
  filter: none;
  opacity: 1;
}
[data-bs-theme="dark"] .pj-bria-logo,
[data-bs-theme="dark"] .pj-rodape:hover .pj-bria-logo {
  filter: brightness(0) invert(1);
  opacity: 0.72;
}
.pj-sep {
  width: 1px;
  height: 14px;
  background: var(--pj-borda);
}
.pj a.pj-rod-link {
  color: var(--pj-muted);
  text-decoration: none;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.pj a.pj-rod-link:hover {
  color: var(--pj-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* ---------- Painel do órgão ---------- */
.pj-vitrine {
  flex: 1 1 auto;
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  background: #1B2550;
  isolation: isolate;
  color: #FFFFFF;
  min-width: 0;
}
.pj-foto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transform-origin: 58% 62%;
  display: block;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.pj-foto.pj-carregada {
  opacity: 1;
  animation: pjZoom 40s ease-in-out infinite alternate;
}
.pj-veu {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 12, 30, 0.42) 0%, rgba(8, 12, 30, 0) 22%, rgba(8, 12, 30, 0) 44%, rgba(8, 12, 30, 0.52) 70%, rgba(8, 12, 30, 0.86) 100%);
}
.pj-marca {
  position: absolute;
  inset: 0;
  background: radial-gradient(900px 620px at 92% 112%, rgba(15, 202, 120, 0.3), transparent 62%), radial-gradient(760px 520px at 4% -10%, rgba(255, 255, 255, 0.14), transparent 60%), linear-gradient(145deg, #12358A 0%, #2853BB 56%, #3B68D1 100%);
  overflow: hidden;
}
[data-bs-theme="dark"] .pj-marca {
  background: radial-gradient(900px 620px at 92% 112%, rgba(15, 202, 120, 0.22), transparent 62%), linear-gradient(145deg, #0A2364 0%, #1C3E95 56%, #2853BB 100%);
}
.pj-marca-padrao {
  position: absolute;
  inset: 0;
  background-image: url(/dist/img/pj-padrao-destaque.svg), url(/dist/img/pj-padrao.svg);
  background-size: 560px 560px, 56px 56px;
  background-position: 0 0, 0 0;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.25) 100%);
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.25) 100%);
}
.pj-marca-cruz {
  position: absolute;
  right: -70px;
  bottom: -70px;
  width: 440px;
  height: 440px;
  opacity: 0.16;
}
.pj-marca-cruz::before,
.pj-marca-cruz::after {
  content: "";
  position: absolute;
  background: #0FCA78;
  border-radius: 30px;
}
.pj-marca-cruz::before {
  left: 160px;
  top: 0;
  width: 120px;
  height: 440px;
}
.pj-marca-cruz::after {
  left: 0;
  top: 160px;
  width: 440px;
  height: 120px;
}
.pj-vit-topo {
  position: absolute;
  top: 28px;
  left: 28px;
  right: 28px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  z-index: 2;
}
.pj-orgao-logo {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 16px;
  padding: 10px 16px;
  box-shadow: 0 12px 32px -10px rgba(0, 0, 0, 0.4);
  max-width: min(320px, 100%);
}
.pj-orgao-logo img {
  max-height: 48px;
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
}
.pj-vit-base {
  position: absolute;
  left: 36px;
  right: 36px;
  bottom: 32px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px 28px;
  flex-wrap: wrap;
  z-index: 2;
}
.pj-vit-ident {
  max-width: 470px;
  min-width: 0;
}
.pj-vit-olho {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  margin: 0 0 8px;
}
.pj-vit-nome {
  font-size: 32px;
  line-height: 1.16;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0;
  color: #FFFFFF;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.3);
  overflow-wrap: anywhere;
}
.pj-vit-leg {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}
.pj-vit-leg .pj-i {
  width: 18px;
  height: 18px;
}
.pj-princ {
  width: 300px;
  flex: none;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.24);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border-radius: 18px;
  padding: 16px 18px 15px;
}
.pj-princ-olho {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
  margin: 0 0 8px;
}
.pj-princ-olho .pj-i {
  width: 17px;
  height: 17px;
}
.pj-princ-nome {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 4px;
  color: #FFFFFF;
}
.pj-princ-txt {
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.9);
}
.pj-princ-ref {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.74);
  margin: 0;
}
/* ---------- Animações ---------- */
@keyframes pjEntra {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes pjGira {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pjZoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.07);
  }
}
/* ---------- Responsivo ---------- */
@container pj (max-width: 1180px) {
  .pj-princ {
    width: 100%;
    max-width: 360px;
  }
  .pj-vit-nome {
    font-size: 28px;
  }
}
@container pj (max-width: 1023px) {
  .pj-tela {
    flex-direction: column;
    padding: 0;
    gap: 0;
  }
  .pj-vitrine {
    order: -1;
    flex: 0 0 auto;
    height: 270px;
    border-radius: 0;
  }
  .pj-lado,
  .pj-larga .pj-lado {
    flex: 1 0 auto;
    margin-top: -28px;
    border-radius: 28px 28px 0 0;
    background: var(--pj-sup);
    padding: 24px 24px 6px;
    box-shadow: 0 -12px 30px -14px rgba(8, 12, 30, 0.35);
  }
  .pj-meio {
    align-items: flex-start;
    padding: 10px 0 22px;
  }
  .pj-topo {
    min-height: 0;
    margin-bottom: 14px;
  }
  .pj-vit-topo {
    top: 16px;
    left: 16px;
    right: 16px;
  }
  .pj-vit-base {
    left: 22px;
    right: 22px;
    bottom: 48px;
  }
  .pj-princ {
    display: none;
  }
  .pj-vit-nome {
    font-size: 24px;
  }
  .pj-vit-olho {
    font-size: 11px;
    margin-bottom: 6px;
  }
}
@container pj (max-width: 640px) {
  .pj-vitrine {
    height: 216px;
  }
  .pj-lado,
  .pj-larga .pj-lado {
    padding: 22px 20px 4px;
  }
  .pj-h1 {
    font-size: 26px;
  }
  .pj-sub {
    font-size: 14.5px;
  }
  .pj-logo {
    height: 26px;
  }
  .pj-orgao-logo {
    padding: 7px 12px;
    border-radius: 13px;
    max-width: 70%;
  }
  .pj-orgao-logo img {
    max-height: 34px;
  }
  .pj-vit-base {
    left: 18px;
    right: 18px;
    bottom: 44px;
  }
  .pj-vit-nome {
    font-size: 19px;
  }
  .pj-vit-olho {
    font-size: 10px;
    letter-spacing: 0.12em;
  }
  .pj-vit-leg {
    font-size: 12.5px;
    margin-top: 6px;
  }
  .pj-vit-leg .pj-i {
    width: 16px;
    height: 16px;
  }
  .pj-selo {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    margin-bottom: 14px;
  }
  .pj-selo .pj-i {
    width: 24px;
    height: 24px;
  }
  .pj-regras {
    grid-template-columns: minmax(0, 1fr);
  }
  .pj-otp {
    gap: 7px;
  }
  .pj-otp-caixa {
    height: 52px;
    font-size: 21px;
  }
  .pj-sep {
    display: none;
  }
}
/* Telas baixas (1366×768 a 125% e notebooks): menos respiro para o formulário caber sem rolar. */
@media (max-height: 760px) {
  .pj-meio {
    padding: 8px 0;
  }
  .pj-form {
    gap: 14px;
  }
  .pj-h1 {
    font-size: 26px;
    margin-bottom: 4px;
  }
  .pj-sub {
    font-size: 14px;
  }
  .pj .pj-input {
    height: 46px;
  }
  .pj .pj-btn {
    height: 48px;
  }
  .pj-selo {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    margin-bottom: 12px;
  }
  .pj-selo .pj-i {
    width: 24px;
    height: 24px;
  }
  .pj-doc-corpo {
    max-height: 190px;
  }
}
/* Pouca movimentação para quem pediu ao sistema operacional (inclui o zoom lento da foto). */
@media (prefers-reduced-motion: reduce) {
  .pj *,
  .pj *::before,
  .pj *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition: none !important;
  }
}
/* Modo Contraste (botão de acessibilidade): sem véu translúcido no texto do painel. */
html.accessibility-contrast .pj-princ {
  background: rgba(0, 0, 0, 0.72);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* Conteúdo dos documentos legais (HTML do Host, já sanitizado na gravação). */
.pj-doc-corpo h1,
.pj-doc-corpo h2,
.pj-doc-corpo h3,
.pj-doc-corpo h4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--pj-txt);
  margin: 12px 0 4px;
}
.pj-doc-corpo p {
  margin: 0 0 8px;
}
.pj-doc-corpo ul,
.pj-doc-corpo ol {
  padding-left: 20px;
  margin: 0 0 8px;
}
/* Só a logomarca clara (feita para fundo escuro): sem a plaquinha, direto sobre a foto, com sombra para destacar. */
.pj-orgao-logo.pj-orgao-logo-solta {
  background: transparent;
  box-shadow: none;
  padding: 0;
}
.pj-orgao-logo-solta img {
  max-height: 56px;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.45));
}

/* ============================================================
   .pj-table-v2 — padrão visual de tabela/DataTable do projeto.

   É o mesmo acabamento da listagem de IRP (/App/Irp/AbertasParaManifestacao,
   classe local .irp-table-v2), promovido para cá porque virou o padrão: cabeçalho
   em degradê da cor primária com rótulos em caixa alta, cantos arredondados no topo,
   destaque na linha sob o cursor e rodapé (paginação/infos do DataTables) em faixa
   cinza fechando o bloco.

   Aplicar junto das classes do Metronic:
     <table class="table align-middle gy-4 pj-table-v2"> ... </table>

   Carregado globalmente pelo _Layout do App. O .irp-table-v2 continua onde está —
   trocar a listagem de IRP por esta classe é migração à parte, sem ganho imediato.
   ============================================================ */
.pj-table-v2 thead th {
  background: var(--bs-primary);
  background: linear-gradient(135deg, var(--bs-primary) 0%, color-mix(in srgb, var(--bs-primary) 78%, #16264e) 100%);
  /* !important: a regra de células do Bootstrap (.table > :not(caption) > * > *) vence a cascata */
  color: #ffffff !important;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 0;
  white-space: nowrap;
}
.pj-table-v2 thead th:first-child {
  border-top-left-radius: 0.625rem;
}
.pj-table-v2 thead th:last-child {
  border-top-right-radius: 0.625rem;
}
/* Ordenação do DataTables: as setas herdam a cor do cabeçalho (senão somem no degradê). */
.pj-table-v2 thead th.dt-orderable-asc,
.pj-table-v2 thead th.dt-orderable-desc,
.pj-table-v2 thead th.sorting,
.pj-table-v2 thead th.sorting_asc,
.pj-table-v2 thead th.sorting_desc {
  color: #ffffff !important;
}
.pj-table-v2 thead th .dt-column-order::before,
.pj-table-v2 thead th .dt-column-order::after {
  color: #ffffff !important;
  opacity: 0.6;
}
.pj-table-v2 tbody tr {
  transition: background 0.18s ease, box-shadow 0.18s ease;
}
.pj-table-v2 tbody tr:hover {
  box-shadow: inset 4px 0 0 var(--bs-primary);
}
/* Rodapé do DataTables (contagem + paginação) — faixa que fecha o bloco da tabela.
   Classes do DataTables 2.x (.dt-container/.dt-info/.dt-paging/.dt-layout-row), que é a
   versão do projeto; as do 1.x (.dataTables_wrapper e cia) não existem mais aqui.
   O :has() sobe do wrapper gerado até a tabela — em navegador sem suporte (Chrome < 105)
   a faixa apenas não pinta, sem quebrar o layout. */
.dt-container:has(.pj-table-v2) .dt-info,
.dt-container:has(.pj-table-v2) .dt-paging {
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
}
.dt-container:has(.pj-table-v2) .dt-layout-row:last-child {
  border-top: 1px solid var(--bs-gray-200);
  background: var(--bs-gray-100);
  border-radius: 0 0 0.625rem 0.625rem;
  margin-inline: 0;
  padding-inline: 0.75rem;
}
/* ============================================================
   Cabeçalho sticky das listagens — classe .pj-sticky-head, aplicada pelo
   pj-sticky-thead.js (global, no init.dt de toda DataTable fora de modal).

   O offset acompanha o header/toolbar fixos do Metronic: os data-attributes
   ficam sempre no <body>, mas o Metronic só os aplica por faixa (desktop ≥ lg,
   mobile < lg), então os offsets seguem as mesmas media queries. Os fallbacks
   (70px/55px) só valem se o bundle não definir as variáveis.
   ============================================================ */
:root {
  --pj-sticky-top: 0px;
}
@media (min-width: 992px) {
  body[data-kt-app-header-fixed="true"] {
    --pj-sticky-top: var(--bs-app-header-height, 70px);
  }
  body[data-kt-app-header-fixed="true"][data-kt-app-toolbar-fixed="true"] {
    --pj-sticky-top: calc(var(--bs-app-header-height, 70px) + var(--bs-app-toolbar-height, 55px));
  }
}
@media (max-width: 991.98px) {
  body[data-kt-app-header-fixed-mobile="true"] {
    --pj-sticky-top: var(--bs-app-header-height, 70px);
  }
  body[data-kt-app-header-fixed-mobile="true"][data-kt-app-toolbar-fixed-mobile="true"] {
    --pj-sticky-top: calc(var(--bs-app-header-height, 70px) + var(--bs-app-toolbar-height, 55px));
  }
}
table.pj-sticky-head > thead > tr > th,
table.pj-sticky-head > thead > tr > td {
  position: sticky;
  top: var(--pj-sticky-top);
  z-index: 3;
  /* O thead do Metronic é transparente; sem fundo opaco as linhas apareceriam
       por trás do cabeçalho grudado. No .pj-table-v2 o degradê (background-image)
       continua pintando por cima desta cor. */
  background-color: var(--bs-card-bg, var(--bs-body-bg));
}
/* O pj-sticky-thead.js aplica esta classe ao .table-responsive enquanto a
   tabela couber na largura: overflow-x:auto cria um scroll container e o sticky
   passaria a grudar nele (que não rola na vertical) em vez de grudar na página.
   Se a tabela estourar a largura, a classe sai, o scroll horizontal volta e o
   sticky descansa — rolar na horizontal importa mais que cabeçalho fixo. */
.table-responsive.pj-sticky-unlock {
  overflow-x: visible;
}

/* ============================================================
   PulseLoader — loader da marca Planeja+
   Cruz "+" de 5 quadradinhos: 4 braços azuis + centro verde,
   pulsando em sequência horária. Substitui o spin.js/blockUI
   do ABP via override global (Common/Scripts/pj-loader.js).
   ============================================================ */
.pj-loader {
  position: relative;
  display: inline-block;
  width: var(--pj-size, 48px);
  height: var(--pj-size, 48px);
  --pj-blue: #2E50C8;
  --pj-green: #10D080;
  --pj-dot: calc(var(--pj-size, 48px) * 0.27);
}
.pj-loader i {
  position: absolute;
  width: var(--pj-dot);
  height: var(--pj-dot);
  border-radius: calc(var(--pj-dot) * 0.3);
  background: var(--pj-blue);
  animation: pj-arm 1.2s ease-in-out infinite;
}
.pj-loader .t {
  left: 50%;
  top: 0;
  --b: translateX(-50%);
}
.pj-loader .r {
  right: 0;
  top: 50%;
  --b: translateY(-50%);
  animation-delay: 0.15s;
}
.pj-loader .b {
  left: 50%;
  bottom: 0;
  --b: translateX(-50%);
  animation-delay: 0.3s;
}
.pj-loader .l {
  left: 0;
  top: 50%;
  --b: translateY(-50%);
  animation-delay: 0.45s;
}
.pj-loader .c {
  left: 50%;
  top: 50%;
  --b: translate(-50%, -50%);
  background: var(--pj-green);
  animation-delay: 0.6s;
}
.pj-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(238, 241, 246, 0.72);
  backdrop-filter: blur(2px);
  z-index: 1000;
}
@keyframes pj-arm {
  0%,
  100% {
    transform: var(--b) scale(0.55);
    opacity: 0.25;
  }
  40% {
    transform: var(--b) scale(1);
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pj-loader i {
    animation: none;
    opacity: 1;
  }
}
/* ----- Overlay de página inteira (busy sem elemento alvo) ----- */
/* fica fixo na viewport e acima de modais/drawers do app */
.pj-overlay--page {
  position: fixed;
  z-index: 100000;
}
/* ----- Overlay dentro de modal (alvo .modal é redirecionado ao .modal-content) ----- */
.modal-content > .pj-overlay {
  border-radius: inherit;
}
/* modal mais alta que a tela: quem rola é o .modal, e o centro do conteúdo pode estar
   fora da área visível — o loader "gruda" no meio da viewport enquanto o usuário rola */
.pj-overlay--tall > .pj-loader {
  position: sticky;
  top: calc(50vh - var(--pj-size, 48px) / 2);
  bottom: calc(50vh - var(--pj-size, 48px) / 2);
}
/* host de elemento sem contexto de posicionamento próprio:
   garante que o overlay absoluto se ancore no alvo */
.pj-busy-host {
  position: relative !important;
}
/* ----- Variante pequena: botões com spinner ao salvar ----- */
.pj-overlay--btn {
  background: transparent;
  backdrop-filter: none;
}
.pj-overlay--btn .pj-loader {
  --pj-size: 20px;
}
/* botões azuis/primary: braços brancos + centro verde */
.pj-overlay--btn-light .pj-loader {
  --pj-blue: #fff;
}
/* dark mode: véu escuro para não "estourar" no fundo escuro */
[data-bs-theme="dark"] .pj-overlay {
  background: rgba(21, 27, 38, 0.72);
}

/* ==========================================================================
   Empilhamento de diálogos sobre modais

   O SweetAlert2 (abp.message.*) nasce em z-index 1060, folgado sobre UMA modal
   (1055) — mas o projeto empilha modais e cobre elementos com overlays:

     .modal-backdrop ................ 1050
     .modal ......................... 1055
     .swal2-container ............... 1060  <-- padrão da lib
     ModalManager (modais dinâmicas) . 1050 + 2 × nº de modais abertas
     blockUI/spin (abp.ui.setBusy) ... 2.000.000.000

   Ou seja: a partir da 6ª modal empilhada o ModalManager passa dos 1060, e um
   abp.ui.setBusy ativo cobre o diálogo em qualquer cenário. Nos dois casos o
   usuário vê a mensagem por baixo, sem conseguir clicar no "OK" — e, como o
   diálogo é modal, a tela fica travada.

   O valor abaixo resolve o empilhamento de modais. O overlay do blockUI é outro
   problema — nenhum z-index de CSS vence 2e9 — e a regra lá é chamar
   abp.ui.clearBusy ANTES de abrir o diálogo (ver Documentos.js).
   ========================================================================== */
/* "body" na frente: o plugins.bundle.css do tema (.swal2-container{z-index:1060}) entra DEPOIS deste arquivo (seção Styles
   do layout) e, com a mesma especificidade, vencia — a regra não valia em lugar nenhum. Visto no review de conjunto do M2:
   a modal empilhada sobre o dossiê ganha z-index inline 1075 e escondia a mensagem de sessão expirada. */
body .swal2-container {
  z-index: 20000;
}

/* Sidebar do App: ajustes de espaçamento.
   - Itens um pouco mais compactos que o padrão do tema (.65rem -> .5rem de padding vertical).
   - Separadores de seção (AppMenu/Default.cshtml) com respiro justo: afastados do bloco
     anterior, colados no bloco que intitulam.
   - Faixa do órgão fixa no topo do menu (seção própria, mais abaixo). */
.app-sidebar .menu .menu-item > .menu-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.app-sidebar .menu .pj-menu-section {
  padding-top: 0.75rem;
}
.app-sidebar .menu .pj-menu-section .menu-content {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}
/* Menu retraído (só ícones): separador sem texto vira um vão vazio — esconder.
   Com o sidebar hoverável, ao passar o mouse ele expande em overlay e os
   separadores voltam (mesmo padrão do .menuSearchItem em metronic-customize). */
[data-kt-app-sidebar-minimize=on] .app-sidebar:not(.animating) .pj-menu-section {
  display: none;
}
[data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) .pj-menu-section {
  display: block;
}
/* Item ativo: ícone na mesma cor da barra verde lateral (.menu-link.active:before,
   em Layout/_Layout.less). Precisa vencer duas regras com !important que deixam o
   ícone branco: a do _Layout.less em .menu-icon e a classe text-white que todo ícone
   recebe no AppNavigationProvider (por isso o seletor desce até o span do ícone). */
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon > span {
  color: #0fca78 !important;
}
/* Separador de seção com filete até a borda: o rótulo pequeno sozinho some no meio
   dos itens; a linha marca onde o grupo começa. */
.app-sidebar .menu .pj-menu-section .menu-content {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.app-sidebar .menu .pj-menu-section .menu-content::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background-color: var(--bs-gray-200);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .pj-menu-section .menu-content::after {
  background-color: rgba(255, 255, 255, 0.08);
}
/* Cinzas de texto DENTRO da sidebar escura. O accessibility.css escurece os
   tokens --bs-text-* no tema claro (contraste sobre fundo claro); aqui o fundo
   e #181a21 mesmo no tema claro, e o rotulo de secao (.menu-section.text-muted)
   cairia de 6,7:1 para 3,5:1. Redefinir no .app-sidebar vence o valor herdado
   do <html> so para quem esta dentro dela: os tons vem da escala do tema
   escuro (#9A9CAE = 6,4:1 sobre #181a21; 400 #808290 = 4,6:1). */
[data-kt-app-layout=dark-sidebar] .app-sidebar {
  --bs-text-muted: #9A9CAE;
  --bs-text-gray-400: #808290;
  --bs-text-gray-500: #9A9CAE;
  --bs-text-gray-600: #B5B7C8;
}
/* ============================================================
   Faixa do órgão: logo + Navegação rápida fixas no topo do menu.

   Layout/Default/_Layout.cshtml desenha #kt_app_sidebar_tenant entre a marca
   Planeja+ e a área com rolagem; antes os dois viviam dentro do AppMenu e
   sumiam quando o menu rolava.

   A altura da faixa é FIXA de propósito. O KTScroll calcula a altura do menu
   descontando os blocos de data-kt-scroll-dependencies, e esse cálculo roda antes
   de a logo carregar: se a faixa crescesse com a imagem, os últimos itens do
   menu ficariam cortados. Pelo mesmo motivo a borda de baixo existe sempre
   (transparente) - o estado "rolado" só muda a cor, não a altura.
   ============================================================ */
.app-sidebar-tenant {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  /* a sombra do estado "rolado" pinta por cima do menu */
  padding: 0.75rem 0.75rem 0.65rem;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
/* Largura travada como a do .app-sidebar-wrapper no style.bundle: enquanto a
   sidebar anima (abrir no hover, clique no toggle) o cartão e o select2 não se
   espremem nem redesenham - mesmo comportamento dos itens do menu. */
@media (min-width: 992px) {
  [data-kt-app-sidebar-hoverable=true] .app-sidebar .app-sidebar-tenant {
    width: var(--bs-app-sidebar-width-actual);
  }
}
/* Menu recolhido: a faixa some até o hover reabrir o menu (mesmo padrão do
   .menuSearchItem em metronic-customize). Hoje o recolhido tem largura 0
   (pj-density.css), mas com o trilho de 75px o cartão apareceria cortado. */
[data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:not(.animating) .app-sidebar-tenant {
  opacity: 0;
}
[data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) .app-sidebar-tenant {
  opacity: 1;
}
/* (24/10/2026) Sem moldura: a logo do órgão fica solta, alinhada à esquerda na mesma linha da marca
   Planeja+ (faixa .75rem + cartão .75rem = o px-6 do #kt_app_sidebar_logo) e maior. Dentro da caixa com
   fundo e borda ela parecia uma figurinha e encolhia. A ALTURA do cartão continua fixa (KTScroll). */
.app-sidebar-tenant .pj-sidebar-tenant-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 64px;
  padding: 0 0.75rem;
  border-radius: 0.65rem;
  transition: opacity 0.2s ease;
}
.app-sidebar-tenant .pj-sidebar-tenant-card:hover {
  opacity: 0.85;
}
.app-sidebar-tenant .pj-sidebar-tenant-card:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}
/* Logo larga demais encolhe (object-fit) em vez de vazar, presa à esquerda. */
.app-sidebar-tenant .pj-sidebar-tenant-logo {
  display: block;
  height: 48px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}
/* Navegação rápida (Components/AppMenu/_NavegacaoRapida.cshtml + _MenuSearchBar.js).
   Altura fixa pelo mesmo motivo da faixa: o KTScroll desconta a faixa da altura do menu. */
#kt_app_sidebar_tenant .pj-sidebar-quicknav {
  height: 40px;
}
#kt_app_sidebar_tenant .pj-sidebar-tenant-card + .pj-sidebar-quicknav {
  margin-top: 0.6rem;
}
.pj-quicknav {
  position: relative;
}
.pj-quicknav .pj-quicknav-lupa {
  position: absolute;
  left: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bs-gray-500);
  pointer-events: none;
}
.pj-quicknav .pj-quicknav-input {
  height: 40px;
  padding-left: 2.35rem;
  font-size: 0.925rem;
  border-radius: 0.65rem;
}
/* Celular/tablet: com menos de 16px o Safari do iOS dá zoom ao focar e o painel
   (position:fixed) desalinha do campo. */
@media (max-width: 991.98px) {
  .pj-quicknav .pj-quicknav-input {
    font-size: 16px;
  }
}
/* Sidebar escura (fundo #181a21 mesmo no tema claro): campo translúcido, mesmo
   tratamento do cartão do órgão logo acima. Contraste do placeholder: #9A9CAE = 6,4:1. */
[data-kt-app-layout=dark-sidebar] .app-sidebar .pj-quicknav .pj-quicknav-input {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: #F5F5F5;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .pj-quicknav .pj-quicknav-input::placeholder {
  color: #9A9CAE;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .pj-quicknav .pj-quicknav-input:focus {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.28);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .pj-quicknav .pj-quicknav-lupa {
  color: #9A9CAE;
}
/* Painel de resultados: vive no <body> (position:fixed, posicionada pelo script) para
   não ser cortada pela rolagem da sidebar. Acima do drawer do celular (z-index 110)
   e do header; abaixo de modais e toasts. */
.pj-quicknav-painel {
  position: fixed;
  z-index: 1040;
  display: none;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0.4rem;
  border: 1px solid var(--bs-gray-200);
  border-radius: 0.75rem;
  background-color: var(--bs-body-bg);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}
.pj-quicknav-painel.show {
  display: block;
}
.pj-quicknav-opcao {
  display: flex;
  align-items: center;
  border-radius: 0.55rem;
  color: var(--bs-gray-800);
}
.pj-quicknav-link {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 0.75rem;
  padding: 0.5rem 0.6rem;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.pj-quicknav-link:hover {
  color: inherit;
}
/* Estrela de favorita: discreta até o mouse passar pela linha; cheia quando já é favorita. */
.pj-quicknav-fav {
  flex: 0 0 auto;
  margin-right: 0.35rem;
  padding: 0.3rem;
  border: 0;
  border-radius: 0.4rem;
  background: none;
  color: var(--bs-gray-400);
  opacity: 0;
  line-height: 1;
}
.pj-quicknav-opcao:hover .pj-quicknav-fav,
.pj-quicknav-opcao.ativa .pj-quicknav-fav,
.pj-quicknav-fav.ativa {
  opacity: 1;
}
.pj-quicknav-fav:hover {
  color: var(--bs-warning);
}
.pj-quicknav-fav.ativa {
  color: var(--bs-warning);
}
/* Toque: sem hover, a estrela fica sempre à vista. */
@media (hover: none) {
  .pj-quicknav-fav {
    opacity: 1;
  }
}
.pj-quicknav-grupo {
  padding: 0.55rem 0.6rem 0.25rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bs-text-gray-600);
}
/* Ações ("Nova demanda", "Trocar minha senha"): ícone em verde, para não se confundir com tela. */
.pj-quicknav-icone.pj-quicknav-icone-acao {
  color: var(--bs-success);
}
.pj-quicknav-opcao:hover,
.pj-quicknav-opcao.ativa {
  background-color: var(--bs-primary-light);
  color: var(--bs-gray-900);
}
.pj-quicknav-icone {
  flex: 0 0 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 0.5rem;
  background-color: var(--bs-gray-100);
  color: var(--bs-primary);
}
.pj-quicknav-opcao.ativa .pj-quicknav-icone {
  background-color: var(--bs-body-bg);
}
.pj-quicknav-corpo {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}
.pj-quicknav-titulo {
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.3;
}
.pj-quicknav-titulo mark {
  padding: 0;
  background: none;
  color: var(--bs-primary);
  font-weight: 700;
}
.pj-quicknav-meta {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.8rem;
  color: var(--bs-text-gray-600);
}
/* "via pregão": diz POR QUE a tela apareceu quando o nome dela não tem o que foi digitado. */
.pj-quicknav-via {
  flex: 0 0 auto;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.15rem 0.5rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  background-color: var(--bs-gray-100);
  color: var(--bs-text-gray-700);
}
.pj-quicknav-aviso {
  padding: 0.75rem 0.8rem;
}
.pj-quicknav-aviso-texto {
  font-size: 0.9rem;
  color: var(--bs-text-gray-700);
}
.pj-quicknav-aviso-complemento {
  margin-top: 0.35rem;
  font-size: 0.8rem;
  color: var(--bs-text-gray-600);
}
.pj-quicknav-exemplos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.65rem;
}
.pj-quicknav-exemplos-rotulo {
  font-size: 0.8rem;
  color: var(--bs-text-gray-600);
}
.pj-quicknav-exemplo {
  padding: 0.2rem 0.65rem;
  border: 1px solid var(--bs-gray-300);
  border-radius: 1rem;
  background-color: var(--bs-body-bg);
  font-size: 0.8rem;
  color: var(--bs-gray-800);
  cursor: pointer;
}
.pj-quicknav-exemplo:hover,
.pj-quicknav-exemplo:focus-visible {
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}
.pj-quicknav-rodape {
  padding: 0.5rem 0.6rem 0.25rem;
  border-top: 1px dashed var(--bs-gray-200);
  margin-top: 0.25rem;
  font-size: 0.8rem;
  color: var(--bs-text-gray-600);
}
/* Menu rolado (classe posta pelo script do Layout/Default/_Layout.cshtml):
   filete + sombra sob a faixa, mostrando que há itens passando por baixo dela. */
.app-sidebar.pj-sidebar-scrolled .app-sidebar-tenant {
  border-bottom-color: var(--bs-gray-200);
  box-shadow: 0 10px 12px -10px rgba(0, 0, 0, 0.25);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar.pj-sidebar-scrolled .app-sidebar-tenant {
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 12px -10px rgba(0, 0, 0, 0.8);
}
/* Esmaecido no pé da lista: avisa que há mais itens abaixo. Some quando o menu
   chega ao fim (ou nem rola). Só com pj-sidebar-fade, posta pelo mesmo script -
   sem ele não haveria quem tirasse o esmaecido no fim da lista.

   É uma máscara no próprio wrapper com rolagem, e não um degradê por cima: fica
   presa à caixa do wrapper (não rola com os itens), cai exatamente no pé da área
   visível (o .app-sidebar-menu termina uns 20px abaixo, por causa do mb-5 e do
   offset do KTScroll) e não depende da cor de fundo da sidebar (clara, escura ou
   customizada pelo órgão). */
.app-sidebar.pj-sidebar-fade:not(.pj-sidebar-at-end) #kt_app_sidebar_menu_wrapper {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 2rem), transparent);
  mask-image: linear-gradient(to bottom, #000 calc(100% - 2rem), transparent);
}
/* Telas baixas (notebook com zoom, celular deitado): faixa compacta para
   sobrar menu. */
@media (max-height: 720px) {
  .app-sidebar-tenant {
    padding: 0.5rem 0.75rem 0.45rem;
  }
  .app-sidebar-tenant .pj-sidebar-tenant-card {
    height: 48px;
  }
  .app-sidebar-tenant .pj-sidebar-tenant-logo {
    height: 38px;
  }
  #kt_app_sidebar_tenant .pj-sidebar-tenant-card + .pj-sidebar-quicknav {
    margin-top: 0.45rem;
  }
}

/* =====================================================================================
   Portal Público (/consultas, Área do Fornecedor, Recepção Digital, autenticidade)
   ÚNICA folha de estilos do portal — linkada crua pelo _PortalLayout (sem bundle, sem gulp).

   Parte 1: tokens e casca (cabeçalho, rodapé) — o cabeçalho e o rodapé NÃO mudam.
   Parte 2: componentes no padrão das telas internas (faixa marinho + ficha, barra de
            participação, faixa de números, lista em linhas, cards de cabeçalho cinza).
   Parte 3b/3c: complementos das telas de programas e do fornecedor.
   Regra: views só com classes; nenhuma cor cravada em style="" — tudo pelos tokens.
   ===================================================================================== */
/* ============ Parte 1 · Tokens ============ */
:root {
  --pp-ink: #10141c;
  --pp-muted: #5c6675;
  --pp-line: #e5e9f0;
  --pp-bg: #f5f7fa;
  --pp-primary: #1b4fa0;
  --pp-primary-2: #2f6fd0;
  --pp-primary-rgb: 27, 79, 160;
  --pp-hero-1: #0d2a56;
  --pp-hero-2: #17549e;
  --pp-radius: 1rem;
  /* vocabulário das telas internas (contraste conferido: rótulo 4,9:1 no branco) */
  --pp-fg: #1e2433;
  --pp-fg2: #3f4759;
  --pp-rotulo: #66708a;
  --pp-icone: #7e8699;
  --pp-borda: #e4e7ef;
  --pp-borda-forte: #d6dae4;
  --pp-faixa: #f5f7fa;
  --pp-surface: #ffffff;
  --pp-ativo: rgba(27, 79, 160, 0.08);
  --pp-ok: #1f9d6b;
  --pp-ok-texto: #0f6e47;
  --pp-ok-fundo: #e9f7f0;
  --pp-ok-borda: #bfe3d0;
  --pp-atencao: #e5a800;
  --pp-atencao-texto: #6e5000;
  --pp-atencao-fundo: #fff8e0;
  --pp-atencao-borda: #f0dc9c;
  --pp-perigo: #d9364f;
  --pp-perigo-texto: #b4233b;
  --pp-neutro: #8a93ab;
  --pp-cta: #16875a;
  --pp-cta-hover: #117048;
  --pp-acento-hover: #163f82;
  --pp-sombra: 0 3px 4px 0 rgba(0, 0, 0, 0.03);
  --pp-sombra-flut: 0 22px 44px -26px rgba(13, 42, 86, 0.55);
  --pp-header-h: 84px;
}
body.pp-body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--pp-bg);
  color: var(--pp-ink);
}
/* O corpo é flex column com min-height 100vh: sem um filho que cresça, a sobra
   vertical das telas curtas fica DEPOIS do rodapé e aparece como faixa cinza. */
.pp-main {
  flex: 1 0 auto;
}
.pp-container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 1.25rem;
  width: 100%;
}
/* Filho de flex que precisa poder encolher (texto longo quebra em vez de estourar a linha). */
.pp-shrink {
  min-width: 0;
}
/* ==== Header (mantido) ==== */
.pp-header {
  background: #fff;
  border-bottom: 1px solid var(--pp-line);
  position: sticky;
  top: 0;
  z-index: 1020;
  transition: box-shadow 0.2s ease;
}
.pp-header.pp-scrolled {
  box-shadow: 0 6px 22px rgba(16, 24, 40, 0.08);
}
.pp-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 0.85rem;
  flex-wrap: wrap;
}
.pp-brand {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  text-decoration: none;
  min-width: 0;
}
.pp-brand img {
  max-height: 46px;
  max-width: 200px;
  object-fit: contain;
}
.pp-brand-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  flex: 0 0 auto;
  background: linear-gradient(135deg, var(--pp-hero-1), var(--pp-hero-2));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.4rem;
}
.pp-brand-name {
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pp-ink);
  line-height: 1.15;
}
.pp-brand-sub {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-muted);
}
.pp-nav {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.pp-nav-link {
  padding: 0.55rem 0.95rem;
  border-radius: 0.6rem;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--pp-muted);
  text-decoration: none;
  transition: all 0.15s ease;
}
.pp-nav-link:hover {
  color: var(--pp-primary);
  background: #eef3fb;
}
.pp-nav-link.active {
  color: var(--pp-primary);
  background: #e7effc;
}
.pp-nav-link-borda {
  border: 1px solid var(--pp-line);
}
/* ==== Footer (mantido) ==== */
.pp-footer {
  background: #0e1726;
  color: #9aa6b8;
  margin-top: 4rem;
}
.pp-footer a {
  color: #c6d0dd;
  text-decoration: none;
}
.pp-footer a:hover {
  color: #fff;
}
.pp-footer .pp-footer-title {
  color: #fff;
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 0.8rem;
}
.pp-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.pp-footer-marca {
  letter-spacing: 0.08em;
}
.pp-footer-logo {
  filter: brightness(0) invert(1);
}
/* ==== Ícones do conteúdo ==== */
/* O tema pinta todo i.bi de text-muted e 1rem (style.bundle: i.bi{color:var(--bs-text-muted);font-size:1rem}).
   No conteúdo do portal o ícone segue a cor e o tamanho de quem o contém (botão verde, faixa marinho,
   bola da trilha...). :where() deixa a especificidade igual à do tema: as regras pp- que dão cor
   própria a um ícone (.pp-meta i, .pp-nota > i...) vêm depois e continuam valendo. O cabeçalho fica
   de fora de propósito (segue exatamente como era). */
:where(.pp-main) i.bi {
  color: inherit;
  font-size: inherit;
}
/* ==== Acessibilidade e casca ==== */
.pp-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 2000;
  background: #fff;
  color: var(--pp-primary);
  font-weight: 700;
  padding: 0.7rem 1.2rem;
  border-radius: 0 0 0.6rem 0;
  text-decoration: none;
  box-shadow: 0 6px 22px rgba(16, 24, 40, 0.15);
}
.pp-skip:focus {
  left: 0;
}
@keyframes pp-shimmer {
  to {
    background-position: -200% 0;
  }
}
/* ============ Parte 2 · Componentes no padrão das telas internas ============ */
.pp-num {
  font-variant-numeric: tabular-nums;
}
.pp-lbl {
  font-size: 0.81rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-rotulo);
}
.pp-pilha {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.pp-pilha-sm {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
/* ---- Faixa marinho (identidade do órgão) ---- */
.pp-band {
  position: relative;
  color: #fff;
  overflow: hidden;
  background: radial-gradient(900px 380px at 88% -30%, rgba(255, 255, 255, 0.12), transparent 60%), linear-gradient(135deg, var(--pp-hero-1) 0%, var(--pp-hero-2) 100%);
}
.pp-band::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1.3px);
  background-size: 22px 22px;
  -webkit-mask-image: linear-gradient(100deg, transparent 30%, #000 80%);
  mask-image: linear-gradient(100deg, transparent 30%, #000 80%);
}
.pp-band-in {
  position: relative;
  padding-block: 1.7rem 5.5rem;
}
.pp-band-topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.pp-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.74);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pp-crumb a {
  color: inherit;
  text-decoration: none;
}
.pp-crumb a:hover {
  color: #fff;
  text-decoration: underline;
}
.pp-crumb-sep {
  opacity: 0.5;
}
.pp-crumb [aria-current] {
  color: #fff;
  font-weight: 500;
}
.pp-band h1,
.pp-band .pp-band-titulo {
  font-size: 1.85rem;
  line-height: 1.25;
  font-weight: 600;
  color: #fff;
  margin: 0.9rem 0 0;
  letter-spacing: -0.01em;
}
.pp-band-sub {
  color: rgba(255, 255, 255, 0.8);
  margin: 0.3rem 0 0;
  max-width: 680px;
  font-size: 1.04rem;
}
.pp-band-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.pp-btn-vidro {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 32px;
  padding: 0 0.9rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 0.96rem;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.pp-btn-vidro:hover,
.pp-btn-vidro:focus {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.pp-btn-vidro:disabled {
  opacity: 0.85;
  cursor: default;
}
.pp-lei-band {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.9rem;
  padding: 0.2rem 0.85rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.22);
  font-size: 0.88rem;
  color: #fff;
}
.pp-lift {
  position: relative;
  z-index: 2;
  margin-top: -3.85rem;
}
/* ---- Hero do Início ---- */
.pp-band-hero .pp-band-in {
  padding-block: 3.5rem 8rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 372px;
  gap: 3.4rem;
  align-items: center;
}
.pp-band-hero h1 {
  font-size: 2.6rem;
  line-height: 1.16;
  margin-top: 1.4rem;
  letter-spacing: -0.02em;
}
.pp-band-hero .pp-band-sub {
  font-size: 1.12rem;
  margin-top: 0.9rem;
  max-width: 560px;
  line-height: 1.6;
}
.pp-busca {
  display: flex;
  gap: 0.45rem;
  max-width: 620px;
  margin-top: 2rem;
  padding: 0.45rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 20px 44px -18px rgba(3, 14, 36, 0.7);
}
.pp-busca label {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-left: 0.9rem;
  color: var(--pp-icone);
  min-width: 0;
  margin: 0;
}
.pp-busca input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 1.08rem;
  color: var(--pp-fg);
  padding-block: 0.75rem;
}
.pp-busca input::placeholder {
  color: var(--pp-rotulo);
}
.pp-atalhos-hero {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.25rem;
}
.pp-atalho-h {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-height: 32px;
  padding: 0 0.45rem 0 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 0.96rem;
  text-decoration: none;
}
.pp-atalho-h:hover,
.pp-atalho-h:focus {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}
.pp-atalho-h b {
  min-width: 24px;
  height: 22px;
  padding: 0 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.88rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.pp-atalho-h-sem {
  padding-right: 0.9rem;
}
.pp-prazos {
  background: var(--pp-surface);
  color: var(--pp-fg);
  border-radius: 14px;
  box-shadow: var(--pp-sombra-flut);
  overflow: hidden;
}
.pp-prazos-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 1.05rem 1.4rem 0.9rem;
  border-bottom: 1px solid var(--pp-borda);
}
.pp-prazos-h h2 {
  font-size: 1.08rem;
  font-weight: 600;
  margin: 0;
  color: var(--pp-fg);
}
.pp-prazos ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-prazo {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.05rem;
  padding: 0.9rem 1.4rem;
}
.pp-prazo + .pp-prazo {
  border-top: 1px solid var(--pp-borda);
}
.pp-prazo:hover {
  background: var(--pp-faixa);
}
.pp-data-bloco {
  width: 46px;
  flex: 0 0 auto;
  border: 1px solid var(--pp-borda-forte);
  border-radius: 9px;
  overflow: hidden;
  text-align: center;
  background: var(--pp-surface);
}
.pp-data-bloco-m {
  display: block;
  background: var(--pp-faixa);
  border-bottom: 1px solid var(--pp-borda);
  font-size: 0.73rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-rotulo);
  padding: 1px 0;
}
.pp-data-bloco-d {
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
  color: var(--pp-fg);
}
.pp-prazo-t {
  min-width: 0;
  flex: 1;
}
.pp-prazo-t a {
  color: var(--pp-fg);
  font-weight: 600;
  font-size: 0.96rem;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pp-prazo-t a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.pp-prazo:hover .pp-prazo-t a {
  color: var(--pp-primary);
}
.pp-prazo-s {
  font-size: 0.88rem;
  color: var(--pp-rotulo);
  margin-top: 2px;
}
.pp-prazo-urgente {
  color: var(--pp-atencao-texto);
  font-weight: 600;
}
.pp-prazos-f {
  padding: 0.85rem 1.4rem;
  border-top: 1px solid var(--pp-borda);
  background: var(--pp-faixa);
  font-size: 0.96rem;
}
.pp-prazos-f a {
  text-decoration: none;
  font-weight: 500;
  color: var(--pp-primary);
}
.pp-prazos-vazio {
  padding: 1.4rem;
  font-size: 0.96rem;
  color: var(--pp-rotulo);
}
.pp-numeros {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: var(--pp-surface);
  border: 1px solid var(--pp-borda);
  border-radius: 14px;
  box-shadow: var(--pp-sombra-flut);
  overflow: hidden;
}
.pp-numero {
  display: block;
  padding: 1.4rem 1.7rem;
  text-decoration: none;
  color: var(--pp-fg);
}
.pp-numero + .pp-numero {
  border-left: 1px solid var(--pp-borda);
}
.pp-numero:hover {
  background: var(--pp-faixa);
  color: var(--pp-fg);
}
.pp-numero .pp-lbl {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.pp-numero-v {
  font-size: 2.15rem;
  font-weight: 600;
  line-height: 1.15;
  margin-top: 0.45rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}
.pp-numero-s {
  font-size: 0.92rem;
  color: var(--pp-rotulo);
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
.pp-numero:hover .pp-numero-s {
  color: var(--pp-primary);
}
.pp-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 1.5rem;
  align-items: start;
  margin-top: 1.5rem;
}
.pp-servicos {
  list-style: none;
  margin: 0;
  padding: 0.45rem 0;
}
.pp-servico {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.75rem 1.5rem;
}
.pp-servico:hover {
  background: var(--pp-faixa);
}
.pp-ico-suave {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: 9px;
  background: rgba(var(--pp-primary-rgb), 0.07);
  color: var(--pp-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
}
.pp-servico a {
  color: var(--pp-fg);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
}
.pp-servico a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.pp-servico:hover a {
  color: var(--pp-primary);
}
.pp-servico-s {
  font-size: 0.88rem;
  color: var(--pp-rotulo);
  line-height: 1.4;
}
.pp-servico-seta {
  margin-left: auto;
  color: var(--pp-icone);
}
.pp-forn-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  color: #fff;
  padding: 1.5rem;
  background: linear-gradient(150deg, var(--pp-hero-1), var(--pp-hero-2));
}
.pp-forn-card h2 {
  font-size: 1.15rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
.pp-forn-card p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.96rem;
  margin: 0.3rem 0 0;
}
.pp-forn-card ul {
  list-style: none;
  margin: 1.05rem 0 1.25rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  font-size: 0.96rem;
}
.pp-forn-card li {
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
}
.pp-forn-card li i {
  margin-top: 0.15rem;
  color: #9fc2ff;
}
.pp-forn-card .pp-btn {
  background: #fff;
  color: var(--pp-hero-1);
  font-weight: 600;
}
.pp-forn-card .pp-btn:hover,
.pp-forn-card .pp-btn:focus {
  background: #eaf1fc;
  color: var(--pp-hero-1);
}
/* ---- Botões ---- */
.pp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 36px;
  padding: 0 1.15rem;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: 0.96rem;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  background: none;
  font-family: inherit;
}
.pp-btn-sm {
  min-height: 30px;
  padding: 0 0.85rem;
  font-size: 0.92rem;
}
.pp-btn-lg {
  min-height: 44px;
  padding: 0 1.55rem;
  font-size: 1.04rem;
  font-weight: 600;
}
.pp-btn-bloco {
  width: 100%;
}
.pp-btn-acento {
  background: var(--pp-primary);
  color: #fff;
}
.pp-btn-acento:hover,
.pp-btn-acento:focus {
  background: var(--pp-acento-hover);
  color: #fff;
}
.pp-btn-cta {
  background: var(--pp-cta);
  color: #fff;
}
.pp-btn-cta:hover,
.pp-btn-cta:focus {
  background: var(--pp-cta-hover);
  color: #fff;
}
.pp-btn-claro {
  background: var(--pp-faixa);
  border-color: var(--pp-borda);
  color: var(--pp-fg2);
}
.pp-btn-claro:hover,
.pp-btn-claro:focus {
  border-color: var(--pp-borda-forte);
  color: var(--pp-fg);
}
.pp-btn:disabled,
.pp-btn[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
}
/* Botão aguardando o servidor (window.ppOcupado no _PortalLayout): spinner no lugar do ícone e
   sem o "apagado" do desabilitado comum — é espera, não proibição. */
.pp-carregando {
  pointer-events: none;
  cursor: progress;
}
.pp-btn.pp-carregando:disabled {
  opacity: 0.85;
  cursor: progress;
}
.pp-carregando > i,
.pp-carregando > .bi {
  display: none;
}
.pp-carregando::before {
  content: "";
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-right-color: transparent;
  animation: pp-giro 0.7s linear infinite;
}
@keyframes pp-giro {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pp-carregando::before {
    animation-duration: 1.6s;
  }
}
.pp-link {
  color: var(--pp-primary);
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.pp-link:hover {
  text-decoration: underline;
  color: var(--pp-acento-hover);
}
/* ---- Card de seção (cabeçalho cinza + corpo) ---- */
.pp-painel {
  background: var(--pp-surface);
  border: 1px solid var(--pp-borda);
  border-radius: 12px;
  box-shadow: var(--pp-sombra);
  min-width: 0;
  scroll-margin-top: calc(var(--pp-header-h) + 76px);
}
.pp-painel-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem 0.9rem;
  flex-wrap: wrap;
  padding: 1rem 1.5rem;
  background: var(--pp-faixa);
  border-bottom: 1px solid var(--pp-borda);
  border-radius: 12px 12px 0 0;
}
.pp-painel-h h2,
.pp-painel-h h3 {
  font-size: 1.08rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  color: var(--pp-fg);
}
.pp-cont {
  color: var(--pp-rotulo);
  font-weight: 500;
  font-size: 0.96rem;
  font-variant-numeric: tabular-nums;
}
.pp-dica {
  font-size: 0.92rem;
  color: var(--pp-rotulo);
}
.pp-painel-b {
  padding: 1.5rem;
}
.pp-painel-f {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.9rem 1.5rem;
  border-top: 1px solid var(--pp-borda);
  font-size: 0.96rem;
  color: var(--pp-rotulo);
}
.pp-vazio {
  padding: 2.5rem 1.5rem;
  text-align: center;
  color: var(--pp-rotulo);
}
.pp-vazio i {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.6rem;
  color: var(--pp-icone);
}
/* ---- Situação (ponto + texto) e etiquetas ---- */
.pp-sit {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.96rem;
  font-weight: 500;
  color: var(--pp-fg2);
  white-space: nowrap;
}
.pp-ponto {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 auto;
  background: var(--pp-neutro);
}
.pp-p-rec,
.pp-p-ok {
  background: var(--pp-ok);
}
.pp-p-pub {
  background: transparent;
  box-shadow: inset 0 0 0 2px var(--pp-primary);
}
.pp-p-and {
  background: var(--pp-primary);
}
.pp-p-con {
  background: var(--pp-neutro);
}
.pp-p-at {
  background: var(--pp-atencao);
}
.pp-p-neg {
  background: var(--pp-perigo);
}
.pp-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 22px;
  padding: 0 0.6rem;
  border-radius: 5px;
  border: 1px solid var(--pp-borda-forte);
  background: var(--pp-faixa);
  color: var(--pp-fg2);
  font-size: 0.88rem;
  font-weight: 500;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.pp-tag-a {
  border-color: rgba(var(--pp-primary-rgb), 0.25);
  background: rgba(var(--pp-primary-rgb), 0.06);
  color: var(--pp-primary);
  font-weight: 600;
}
.pp-tag-forte {
  border-color: var(--pp-fg2);
  color: var(--pp-fg);
  background: var(--pp-surface);
  font-weight: 600;
}
.pp-etq {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 24px;
  padding: 0 0.75rem;
  border-radius: 999px;
  border: 1px solid var(--pp-borda-forte);
  background: var(--pp-faixa);
  color: var(--pp-fg2);
  font-size: 0.88rem;
  font-weight: 500;
  white-space: nowrap;
}
.pp-etq-at {
  background: var(--pp-atencao-fundo);
  border-color: var(--pp-atencao-borda);
  color: var(--pp-atencao-texto);
  font-weight: 600;
}
.pp-etq-ok {
  background: var(--pp-ok-fundo);
  border-color: var(--pp-ok-borda);
  color: var(--pp-ok-texto);
}
/* prazo perto do fim: o texto entra no cliente (ppPrazo, layout) e só então a etiqueta aparece */
.pp-etq-prazo.d-none {
  display: none !important;
}
/* ---- Lista em linhas (vitrines) ---- */
.pp-lista {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-lista > .pp-grupo {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 1.5rem;
  background: var(--pp-faixa);
  border-block: 1px solid var(--pp-borda);
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--pp-fg2);
}
.pp-lista > .pp-grupo:first-child {
  border-top: 0;
}
.pp-grupo-s {
  font-weight: 400;
  color: var(--pp-rotulo);
}
.pp-linha {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.3rem 2.15rem;
  padding: 1.25rem 1.5rem;
}
.pp-linha + .pp-linha {
  border-top: 1px solid var(--pp-borda);
}
.pp-linha:hover {
  background: #fafbfd;
}
.pp-linha-topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.6rem;
}
.pp-linha-topo .pp-sit {
  margin-right: 0.3rem;
}
.pp-linha-t {
  margin-top: 0.6rem;
}
.pp-linha-t a {
  color: var(--pp-fg);
  font-weight: 600;
  font-size: 1.08rem;
  line-height: 1.42;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pp-linha-t a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.pp-linha:hover .pp-linha-t a {
  color: var(--pp-primary);
}
.pp-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 1.4rem;
  margin-top: 0.55rem;
  font-size: 0.96rem;
  color: var(--pp-fg2);
}
.pp-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.pp-meta i {
  color: var(--pp-icone);
}
.pp-linha-valor {
  text-align: right;
  padding-top: 1px;
}
.pp-linha-v {
  font-size: 1.15rem;
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin-top: 2px;
  color: var(--pp-fg);
}
.pp-linha-v-sig {
  font-size: 1rem;
  color: var(--pp-rotulo);
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-weight: 500;
}
.pp-linha-cta {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem 0.9rem;
  margin-top: 0.9rem;
}
.pp-vig {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}
.pp-vig-bar {
  width: 64px;
  height: 5px;
  border-radius: 3px;
  background: var(--pp-borda);
  overflow: hidden;
  display: inline-block;
}
.pp-vig-bar > i {
  display: block;
  height: 100%;
  background: var(--pp-primary);
  border-radius: 3px;
}
.pp-vig-resta {
  color: var(--pp-rotulo);
}
.pp-skel {
  height: 104px;
  margin: 1rem 1.5rem;
  border-radius: 10px;
  background: linear-gradient(90deg, #eef1f5 25%, #f7f9fb 50%, #eef1f5 75%);
  background-size: 200% 100%;
  animation: pp-shimmer 1.2s infinite;
}
/* ---- Filtros ---- */
.pp-filtros-b {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--pp-borda);
}
.pp-filtros-l {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
.pp-campo {
  position: relative;
  flex: 1 1 280px;
  min-width: 0;
  margin: 0;
}
.pp-campo i {
  position: absolute;
  left: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--pp-icone);
  font-size: 1.1rem;
}
.pp-inp {
  width: 100%;
  min-height: 38px;
  padding: 0 0.9rem;
  border: 1px solid var(--pp-borda-forte);
  border-radius: 8px;
  background: var(--pp-surface);
  color: var(--pp-fg);
  font-size: 1rem;
  font-family: inherit;
}
.pp-inp::placeholder {
  color: var(--pp-rotulo);
}
.pp-inp:focus {
  outline: 0;
  border-color: var(--pp-primary-2);
  box-shadow: 0 0 0 3px rgba(47, 111, 208, 0.15);
}
textarea.pp-inp {
  min-height: 90px;
  padding: 0.7rem 0.9rem;
  resize: vertical;
  line-height: 1.5;
}
.pp-campo .pp-inp {
  padding-left: 2.75rem;
  background: var(--pp-faixa);
  border-color: var(--pp-faixa);
  min-height: 40px;
}
.pp-campo .pp-inp:focus {
  background: var(--pp-surface);
  border-color: var(--pp-primary-2);
}
.pp-sel {
  min-height: 40px;
  padding: 0 2.6rem 0 0.9rem;
  border: 1px solid var(--pp-faixa);
  border-radius: 8px;
  background: var(--pp-faixa) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2366708A' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0.9rem center;
  -webkit-appearance: none;
  appearance: none;
  color: var(--pp-fg2);
  font-size: 0.96rem;
  font-family: inherit;
  cursor: pointer;
  max-width: 100%;
}
.pp-sel:focus {
  outline: 0;
  border-color: var(--pp-primary-2);
  box-shadow: 0 0 0 3px rgba(47, 111, 208, 0.15);
}
.pp-check {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.96rem;
  color: var(--pp-fg2);
  cursor: pointer;
  margin: 0;
}
.pp-check input {
  accent-color: var(--pp-primary);
  width: 15px;
  height: 15px;
}
.pp-em-uso {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.92rem;
  color: var(--pp-rotulo);
}
.pp-chip-x {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 26px;
  padding: 0 0.45rem 0 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--pp-primary-rgb), 0.3);
  background: rgba(var(--pp-primary-rgb), 0.06);
  color: var(--pp-primary);
  font-size: 0.92rem;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}
.pp-btn-texto {
  background: none;
  border: 0;
  padding: 0;
  color: var(--pp-primary);
  font-weight: 500;
  font-size: 0.92rem;
  cursor: pointer;
  font-family: inherit;
}
.pp-btn-texto:hover {
  text-decoration: underline;
}
/* ---- Faixa de números que filtra (padrão da Central) ---- */
.pp-contents {
  display: contents;
}
.pp-resumo {
  scroll-margin-top: calc(var(--pp-header-h) + 1rem);
  display: flex;
  flex-wrap: wrap;
  background: var(--pp-surface);
  border: 1px solid var(--pp-borda);
  border-radius: 12px;
  box-shadow: var(--pp-sombra-flut);
  overflow: hidden;
}
.pp-resumo button {
  flex: 1 1 128px;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 1rem 1.4rem;
  cursor: pointer;
  color: var(--pp-fg);
  border-right: 1px solid var(--pp-borda);
  font-family: inherit;
}
.pp-resumo button:last-child {
  border-right: 0;
}
.pp-resumo button:hover {
  background: var(--pp-faixa);
}
.pp-resumo button[aria-pressed="true"] {
  background: var(--pp-ativo);
  box-shadow: inset 0 -2px 0 var(--pp-primary);
}
.pp-resumo-v {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.2rem;
  font-size: 1.46rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.pp-pager {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.pp-pager button {
  min-width: 32px;
  height: 32px;
  border-radius: 7px;
  border: 1px solid var(--pp-borda);
  background: var(--pp-surface);
  color: var(--pp-fg2);
  cursor: pointer;
  font-size: 0.96rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
}
.pp-pager button[aria-current="page"] {
  background: var(--pp-primary);
  border-color: var(--pp-primary);
  color: #fff;
  font-weight: 600;
}
.pp-pager button:disabled {
  opacity: 0.45;
  cursor: default;
}
/* ---- Ficha (detalhe) ---- */
.pp-ficha {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.7rem;
  align-items: center;
  padding: 1.5rem 1.7rem;
}
.pp-topo {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}
.pp-topo .pp-sit {
  margin-right: 0.45rem;
}
.pp-chip-id {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 26px;
  padding: 0 0.7rem;
  border-radius: 6px;
  border: 1px solid var(--pp-borda-forte);
  background: var(--pp-faixa);
  color: var(--pp-fg2);
  font-size: 0.92rem;
  font-weight: 500;
}
.pp-chip-id-l {
  color: var(--pp-rotulo);
}
.pp-titulo {
  margin: 0.9rem 0 0.6rem;
  font-size: 1.54rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--pp-fg);
}
.pp-ficha-stats {
  display: flex;
  align-self: stretch;
  align-items: center;
  border-left: 1px solid var(--pp-borda);
}
.pp-fstat {
  min-width: 150px;
  padding: 2px 1.7rem;
}
.pp-fstat + .pp-fstat {
  border-left: 1px solid var(--pp-borda);
}
.pp-fstat-v {
  margin-top: 0.3rem;
  font-size: 1.3rem;
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: var(--pp-fg);
}
.pp-fstat-v-sig {
  font-size: 1.08rem;
  color: var(--pp-rotulo);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.pp-fstat-s {
  margin-top: 1px;
  font-size: 0.92rem;
  color: var(--pp-rotulo);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.pp-fstat-s.pp-at {
  color: var(--pp-atencao-texto);
  font-weight: 600;
}
/* ---- Barra de participação (padrão "barra do próximo passo") ---- */
.pp-barra {
  position: sticky;
  top: calc(var(--pp-header-h) + 0.5rem);
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 0.9rem 1.4rem;
  padding: 0.85rem 1.1rem 0.85rem 1.4rem;
  background: var(--pp-surface);
  border: 1px solid var(--pp-borda);
  border-left: 3px solid var(--pp-ok);
  border-radius: 12px;
  box-shadow: 0 0.35rem 1rem -0.6rem rgba(16, 24, 64, 0.35);
  flex-wrap: wrap;
}
.pp-barra-acento {
  border-left-color: var(--pp-primary);
}
.pp-barra-atencao {
  border-left-color: var(--pp-atencao);
}
.pp-barra-ico {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pp-ok-fundo);
  color: var(--pp-ok-texto);
  font-size: 1.3rem;
}
.pp-barra-acento .pp-barra-ico {
  background: var(--pp-ativo);
  color: var(--pp-primary);
}
.pp-barra-atencao .pp-barra-ico {
  background: var(--pp-atencao-fundo);
  color: var(--pp-atencao-texto);
}
.pp-barra-miolo {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.6rem 1.25rem;
  flex-wrap: wrap;
}
.pp-kicker {
  font-size: 0.81rem;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--pp-ok-texto);
}
.pp-barra-acento .pp-kicker {
  color: var(--pp-primary);
}
.pp-barra-atencao .pp-kicker {
  color: var(--pp-atencao-texto);
}
.pp-barra-t {
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--pp-fg);
}
.pp-etqs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.pp-barra-acao {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
/* ---- Grade do detalhe ---- */
.pp-det > *,
.pp-home-grid > * {
  min-width: 0;
}
.pp-det {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1.5rem;
  align-items: start;
}
.pp-aside {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
  position: sticky;
  top: calc(var(--pp-header-h) + 76px);
}
/* ---- Trilha (andamento) ---- */
.pp-trilha {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 1.7rem 0.9rem 1.4rem;
}
.pp-et {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 0.45rem;
}
.pp-et::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 50%;
  width: 100%;
  height: 2px;
  background: var(--pp-borda-forte);
}
.pp-et:first-child::before {
  display: none;
}
.pp-et.pp-c::before,
.pp-et.pp-a::before {
  background: var(--pp-primary);
}
.pp-bola {
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid var(--pp-borda-forte);
  background: var(--pp-surface);
  color: var(--pp-icone);
  font-size: 0.96rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pp-et.pp-c .pp-bola {
  background: var(--pp-primary);
  border-color: var(--pp-primary);
  color: #fff;
}
.pp-et.pp-a .pp-bola {
  border-color: var(--pp-primary);
  color: var(--pp-primary);
  box-shadow: 0 0 0 5px rgba(var(--pp-primary-rgb), 0.13);
}
.pp-et.pp-x .pp-bola {
  border-color: var(--pp-perigo);
  color: var(--pp-perigo);
}
.pp-et.pp-s .pp-bola {
  border-color: var(--pp-atencao);
  color: var(--pp-atencao-texto);
  box-shadow: 0 0 0 5px rgba(229, 168, 0, 0.16);
}
.pp-et.pp-s .pp-et-agora {
  color: var(--pp-atencao-texto);
}
.pp-et-n {
  margin-top: 0.7rem;
  font-size: 0.96rem;
  font-weight: 600;
  color: var(--pp-fg2);
  line-height: 1.3;
}
.pp-et.pp-a .pp-et-n {
  color: var(--pp-fg);
}
.pp-et-d {
  margin-top: 2px;
  font-size: 0.88rem;
  color: var(--pp-rotulo);
  font-variant-numeric: tabular-nums;
}
.pp-et-agora {
  display: inline-block;
  margin-top: 0.45rem;
  font-size: 0.77rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-primary);
}
/* ---- Pares rótulo/valor ---- */
.pp-dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem 1.85rem;
  margin: 0;
}
.pp-dl > div {
  min-width: 0;
}
.pp-dl .pp-dl-full {
  grid-column: 1 / -1;
}
.pp-dl dt {
  font-size: 0.81rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-rotulo);
  margin-bottom: 3px;
}
.pp-dl dd {
  margin: 0;
  font-weight: 500;
  color: var(--pp-fg);
  overflow-wrap: anywhere;
}
.pp-divisor {
  height: 0;
  border-top: 1px dashed var(--pp-borda-forte);
  margin: 1.5rem 0;
}
.pp-texto {
  color: var(--pp-fg2);
  line-height: 1.7;
  max-width: 78ch;
  white-space: pre-line;
  margin: 0;
  overflow-wrap: anywhere;
}
.pp-secao-t {
  font-size: 0.81rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-rotulo);
  margin-bottom: 0.45rem;
}
/* ---- Tabelas ---- */
.pp-tabela-wrap {
  overflow-x: auto;
}
.pp-tabela {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  min-width: 720px;
  margin: 0;
}
.pp-tabela th {
  text-align: left;
  font-size: 0.81rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--pp-rotulo);
  padding: 0.75rem 1.05rem;
  border-bottom: 1px solid var(--pp-borda-forte);
  white-space: nowrap;
  background: var(--pp-surface);
}
.pp-tabela td {
  padding: 0.85rem 1.05rem;
  border-bottom: 1px solid var(--pp-borda);
  vertical-align: middle;
  color: var(--pp-fg);
}
.pp-tabela th:first-child,
.pp-tabela td:first-child {
  padding-left: 1.5rem;
}
.pp-tabela th:last-child,
.pp-tabela td:last-child {
  padding-right: 1.5rem;
}
.pp-tabela tbody tr:last-child td {
  border-bottom: 0;
}
.pp-tabela .pp-r {
  text-align: right;
}
.pp-tabela .pp-faixa-l td {
  background: var(--pp-faixa);
  padding-block: 0.6rem;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--pp-fg2);
}
.pp-faixa-l-s {
  font-weight: 400;
  color: var(--pp-rotulo);
  margin-left: 0.6rem;
}
.pp-tabela tfoot td {
  border-top: 1px solid var(--pp-borda-forte);
  border-bottom: 0;
  font-weight: 600;
  background: var(--pp-faixa);
}
.pp-sub {
  font-size: 0.92rem;
  color: var(--pp-rotulo);
}
.pp-saldo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.3rem;
}
.pp-saldo .pp-vig-bar {
  width: 84px;
}
/* ---- Documentos ---- */
.pp-docs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-doc {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.9rem 1.5rem;
}
.pp-doc + .pp-doc {
  border-top: 1px solid var(--pp-borda);
}
.pp-doc-ico {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 9px;
  background: var(--pp-faixa);
  border: 1px solid var(--pp-borda);
  color: var(--pp-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.pp-doc-t {
  min-width: 0;
  flex: 1;
}
.pp-doc-t b {
  display: block;
  font-weight: 600;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--pp-fg);
}
.pp-doc-t span {
  font-size: 0.92rem;
  color: var(--pp-rotulo);
}
/* ---- Perguntas e respostas ---- */
.pp-qa {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-qa > li {
  padding: 1.25rem 1.5rem;
}
.pp-qa > li + li {
  border-top: 1px solid var(--pp-borda);
}
.pp-qa-p {
  display: flex;
  gap: 0.9rem;
}
.pp-qa-av {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--pp-faixa);
  border: 1px solid var(--pp-borda);
  color: var(--pp-rotulo);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.pp-qa-q {
  font-weight: 500;
  color: var(--pp-fg);
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.pp-qa-d {
  font-size: 0.88rem;
  color: var(--pp-rotulo);
  margin-top: 2px;
}
.pp-qa-r {
  margin: 0.9rem 0 0 2.6rem;
  padding: 0.9rem 1.05rem;
  border-radius: 9px;
  background: var(--pp-faixa);
  border: 1px solid var(--pp-borda);
}
.pp-qa-r .pp-lbl {
  color: var(--pp-ok-texto);
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.pp-qa-r p {
  margin: 0.3rem 0 0;
  color: var(--pp-fg2);
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.pp-rodape-acao {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.05rem 1.5rem;
  border-top: 1px solid var(--pp-borda);
  background: var(--pp-faixa);
  border-radius: 0 0 12px 12px;
  font-size: 0.96rem;
  color: var(--pp-fg2);
}
.pp-form-pergunta {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pp-msg {
  padding: 0.75rem 1rem;
  border-radius: 9px;
  font-size: 0.96rem;
  border: 1px solid var(--pp-borda);
}
/* Mensagem geral da proposta pode vir em lista (ex.: documentos obrigatórios pendentes, um por linha). */
#portalMsgGeral {
  white-space: pre-line;
}
.pp-msg-ok {
  background: var(--pp-ok-fundo);
  border-color: var(--pp-ok-borda);
  color: var(--pp-ok-texto);
}
.pp-msg-erro {
  background: #fdecee;
  border-color: #f4c3cb;
  color: var(--pp-perigo-texto);
}
/* ---- Índice "Nesta página" e listas laterais ---- */
.pp-indice {
  list-style: none;
  margin: 0;
  padding: 0.6rem;
}
.pp-indice a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 36px;
  padding: 0 0.75rem;
  border-radius: 8px;
  color: var(--pp-fg2);
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
}
.pp-indice a i {
  color: var(--pp-icone);
  font-size: 1.1rem;
}
.pp-indice a:hover {
  background: var(--pp-faixa);
  color: var(--pp-fg);
}
.pp-indice a.pp-on {
  background: var(--pp-ativo);
  color: var(--pp-primary);
  font-weight: 600;
}
.pp-indice a.pp-on i {
  color: var(--pp-primary);
}
.pp-marca {
  margin-left: auto;
  min-width: 22px;
  height: 20px;
  padding: 0 0.55rem;
  border-radius: 999px;
  background: var(--pp-faixa);
  border: 1px solid var(--pp-borda);
  color: var(--pp-fg2);
  font-size: 0.85rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-variant-numeric: tabular-nums;
}
.pp-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-links li {
  padding: 0.9rem 1.5rem;
}
.pp-links li + li {
  border-top: 1px solid var(--pp-borda);
}
.pp-links b {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: var(--pp-fg);
}
.pp-links span {
  font-size: 0.92rem;
  color: var(--pp-rotulo);
}
.pp-links a {
  font-size: 0.92rem;
  font-weight: 500;
  text-decoration: none;
  color: var(--pp-primary);
}
.pp-pncp {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1.05rem 1.4rem;
}
.pp-pncp a {
  color: var(--pp-fg);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
}
.pp-pncp a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.pp-pncp:hover a {
  color: var(--pp-primary);
}
.pp-pncp .pp-sub {
  line-height: 1.4;
}
.pp-pncp-seta {
  margin-left: auto;
  color: var(--pp-icone);
}
.pp-nota {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  padding: 0.9rem 1.05rem;
  border: 1px solid var(--pp-borda);
  border-radius: 9px;
  background: var(--pp-faixa);
  font-size: 0.96rem;
  color: var(--pp-fg2);
  line-height: 1.55;
}
.pp-nota > i {
  color: var(--pp-primary);
  font-size: 1.2rem;
  margin-top: 1px;
}
.pp-nota b {
  color: var(--pp-fg);
}
.pp-nota-at {
  background: var(--pp-atencao-fundo);
  border-color: var(--pp-atencao-borda);
}
.pp-nota-at > i {
  color: var(--pp-atencao-texto);
}
.pp-forn-l {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-forn-l li {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.85rem 1.5rem;
}
.pp-forn-l li + li {
  border-top: 1px solid var(--pp-borda);
}
.pp-inicial {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  border-radius: 9px;
  background: rgba(var(--pp-primary-rgb), 0.08);
  color: var(--pp-primary);
  font-weight: 600;
  font-size: 0.92rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
.pp-forn-l b {
  display: block;
  font-size: 0.96rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--pp-fg);
}
.pp-forn-l span {
  font-size: 0.88rem;
  color: var(--pp-rotulo);
}
/* ============ Parte 3b · Programas (credenciamento, padrão, pré-qualificação) ============ */
/* Credenciamentos, Padrões e Pré-qualificações (listas, detalhes e a inscrição de produto)
   usam os componentes da Parte 3; aqui ficam só os que faltavam para essas telas. */
/* ---- Lista: linha sem coluna de valor e linha com miniatura ---- */
.pp-linha.pp-linha-solo {
  grid-template-columns: minmax(0, 1fr);
}
.pp-linha.pp-linha-thumb {
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 0.3rem 1.25rem;
}
.pp-linha.pp-linha-thumb.pp-linha-solo {
  grid-template-columns: 56px minmax(0, 1fr);
}
/* ---- Miniatura do item (o ícone fica por baixo; a foto cobre quando existe) ---- */
.pp-thumb {
  position: relative;
  width: 56px;
  height: 56px;
  flex: 0 0 auto;
  border-radius: 10px;
  overflow: hidden;
  background: var(--pp-faixa);
  border: 1px solid var(--pp-borda);
  color: var(--pp-icone);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.55rem;
}
.pp-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pp-thumb-lg {
  width: 88px;
  height: 88px;
  border-radius: 12px;
  font-size: 2.3rem;
}
.pp-ficha-foto {
  display: flex;
  gap: 1.4rem;
  align-items: flex-start;
  min-width: 0;
}
/* ---- Tabela mais estreita (poucas colunas) ---- */
.pp-tabela.pp-tabela-compacta {
  min-width: 520px;
}
.pp-tabela tr.pp-opaco td {
  color: var(--pp-rotulo);
}
/* ---- Requisitos em linhas (categoria + texto + etiquetas à direita) ---- */
.pp-reqs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-reqs > li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
  padding: 0.85rem 1.5rem;
  color: var(--pp-fg);
}
.pp-reqs > li + li {
  border-top: 1px solid var(--pp-borda);
}
.pp-reqs-cat {
  min-width: 92px;
  justify-content: center;
}
.pp-reqs-t {
  flex: 1 1 240px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.pp-reqs-dir {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}
/* listas dentro do corpo de um card: caixa com borda e respiro menor */
.pp-reqs-caixa,
.pp-docs-caixa {
  border: 1px solid var(--pp-borda);
  border-radius: 10px;
}
.pp-reqs-caixa > li,
.pp-docs-caixa .pp-doc {
  padding: 0.75rem 1rem;
}
.pp-docs-caixa .pp-doc {
  flex-wrap: wrap;
}
.pp-doc-t a {
  display: block;
  font-weight: 600;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--pp-fg);
  text-decoration: none;
}
.pp-doc-t a:hover {
  color: var(--pp-primary);
  text-decoration: underline;
}
/* ---- Seções de um card separadas por linha tracejada ---- */
.pp-secao + .pp-secao {
  margin-top: 1.4rem;
  padding-top: 1.4rem;
  border-top: 1px dashed var(--pp-borda-forte);
}
/* ---- Pares nome/valor em tabela simples (características do item) ---- */
.pp-kv {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.pp-kv td {
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--pp-borda);
  vertical-align: top;
  color: var(--pp-fg);
  font-weight: 500;
  overflow-wrap: anywhere;
}
.pp-kv td:first-child {
  width: 40%;
  padding-right: 1rem;
  color: var(--pp-rotulo);
  font-weight: 400;
}
.pp-kv tr:last-child td {
  border-bottom: 0;
}
.pp-kv-g {
  display: block;
  font-size: 0.77rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
/* ---- Versões, minhas inscrições e resumo da inscrição (listas laterais) ---- */
.pp-versoes {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-versoes li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
  padding: 0.85rem 1.5rem;
  font-size: 0.96rem;
  color: var(--pp-fg2);
}
.pp-versoes li + li {
  border-top: 1px solid var(--pp-borda);
}
.pp-versoes b {
  color: var(--pp-fg);
  font-weight: 600;
}
.pp-versoes a {
  color: var(--pp-primary);
  font-weight: 500;
  text-decoration: none;
}
.pp-versoes a:hover {
  text-decoration: underline;
}
.pp-versoes-dir {
  margin-left: auto;
  color: var(--pp-rotulo);
  font-size: 0.92rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.pp-pend {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-pend li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1.5rem;
  font-size: 0.96rem;
  color: var(--pp-fg2);
}
.pp-pend li + li {
  border-top: 1px solid var(--pp-borda);
}
.pp-pend li > i {
  font-size: 1.15rem;
  line-height: 1.3;
  color: var(--pp-ok);
}
.pp-pend li.pp-falta > i {
  color: var(--pp-atencao);
}
.pp-pend li.pp-neutro > i {
  color: var(--pp-icone);
}
.pp-pend b {
  display: block;
  color: var(--pp-fg);
  font-weight: 600;
}
.pp-pend-t {
  min-width: 0;
  overflow-wrap: anywhere;
}
/* ---- Bloco recolhível (details/summary) ---- */
.pp-recolhe > summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  font-weight: 600;
  color: var(--pp-fg);
}
.pp-recolhe > summary::-webkit-details-marker {
  display: none;
}
.pp-recolhe-seta {
  color: var(--pp-icone);
  transition: transform 0.15s ease;
}
.pp-recolhe[open] > summary .pp-recolhe-seta {
  transform: rotate(90deg);
}
.pp-recolhe-b {
  margin-top: 0.75rem;
}
.pp-recolhe-ini {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}
.pp-recolhe-ini > i {
  color: var(--pp-primary);
  font-size: 1.15rem;
}
.pp-nota-recolhe {
  padding: 0.8rem 1.05rem;
  border: 1px solid var(--pp-borda);
  border-radius: 9px;
  background: var(--pp-faixa);
  font-size: 0.96rem;
  color: var(--pp-fg2);
  line-height: 1.55;
}
.pp-nota-recolhe > summary {
  font-weight: 500;
}
/* ---- Confirmação dentro da página (no lugar do window.confirm) ---- */
.pp-confirma {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 0.6rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--pp-atencao-borda);
  border-radius: 9px;
  background: var(--pp-atencao-fundo);
  color: var(--pp-fg);
  text-align: left;
  white-space: normal;
}
.pp-confirma-t {
  margin: 0;
  font-weight: 500;
  line-height: 1.5;
}
.pp-confirma-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.pp-barra > .pp-confirma,
.pp-barra > .pp-msg,
.pp-docs-caixa .pp-doc > .pp-confirma,
.pp-reqs > li > .pp-confirma {
  flex-basis: 100%;
}
.pp-barra > .pp-confirma {
  margin-top: 0;
}
/* ---- Barra: variante que não acompanha a rolagem (avisos) e texto de apoio ---- */
.pp-barra.pp-barra-estatica {
  position: static;
}
.pp-barra-sub {
  font-size: 0.96rem;
  color: var(--pp-fg2);
  margin-top: 2px;
}
/* ---- Blocos dentro de um card (diligência, recurso, amostra) ---- */
.pp-bloco {
  border: 1px solid var(--pp-borda);
  border-radius: 10px;
  padding: 1rem 1.15rem;
}
.pp-bloco + .pp-bloco {
  margin-top: 0.75rem;
}
.pp-bloco-topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.6rem;
  margin-bottom: 0.6rem;
}
.pp-bloco-dir {
  margin-left: auto;
  font-size: 0.92rem;
  color: var(--pp-rotulo);
}
.pp-resposta {
  margin-top: 0.75rem;
  padding: 0.85rem 1rem;
  border-radius: 9px;
  background: var(--pp-faixa);
  border: 1px solid var(--pp-borda);
}
.pp-resposta p {
  margin: 0.3rem 0 0;
  color: var(--pp-fg2);
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.pp-caixa {
  border: 1px dashed var(--pp-borda-forte);
  border-radius: 10px;
  padding: 1.25rem;
}
/* ---- Formulários (rótulo, campo menor, contador, aviso do campo, linha de ações) ---- */
.pp-rot {
  display: block;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--pp-fg2);
  margin-bottom: 0.35rem;
}
.pp-rot.pp-obrig::after {
  content: " *";
  color: var(--pp-perigo-texto);
}
.pp-inp.pp-inp-sm {
  min-height: 34px;
  font-size: 0.96rem;
}
select.pp-inp {
  padding-right: 0.6rem;
}
input[type="file"].pp-inp {
  padding: 0.35rem 0.6rem;
}
.pp-contador {
  text-align: right;
  font-size: 0.88rem;
  color: var(--pp-rotulo);
  margin-top: 0.3rem;
  font-variant-numeric: tabular-nums;
}
.pp-campo-aviso {
  margin-top: 0.3rem;
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--pp-perigo-texto);
}
.pp-acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}
.pp-acoes-fim {
  justify-content: flex-end;
}
.pp-acoes-entre {
  justify-content: space-between;
}
.pp-centro {
  text-align: center;
}
.pp-check.pp-check-bloco {
  display: flex;
  align-items: flex-start;
  line-height: 1.5;
}
.pp-check-bloco input {
  flex: 0 0 auto;
  margin-top: 0.2rem;
}
/* ---- Matriz de aderência (inscrição de produto) ---- */
.pp-tabela.pp-matriz {
  min-width: 820px;
}
.pp-tabela.pp-matriz td {
  vertical-align: top;
}
.pp-matriz tr[data-atende="false"] .m-valor {
  border-color: var(--pp-atencao-borda);
  background: var(--pp-atencao-fundo);
}
.pp-tag.pp-tag-mini {
  min-height: 18px;
  margin-top: 0.3rem;
  font-size: 0.8rem;
}
/* ---- Trilha do wizard (passos clicáveis) ---- */
.pp-trilha.pp-trilha-wizard {
  border-top: 1px solid var(--pp-borda);
  padding-block: 1.4rem 1.2rem;
}
.pp-et-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  color: inherit;
  cursor: pointer;
  border-radius: 10px;
}
.pp-et-btn:hover .pp-et-n {
  color: var(--pp-primary);
}
/* Etapa salvando (ppOcupado): o spinner fica DENTRO da bolinha — no fluxo da coluna ele empurraria
   a bola para baixo e a desalinharia da linha de ligação da trilha. */
.pp-et-btn {
  position: relative;
}
.pp-et-btn.pp-carregando::before {
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 50%;
  margin-left: -0.5em;
  color: var(--pp-primary);
}
.pp-et-btn.pp-carregando .pp-bola {
  color: transparent;
}
.pp-bola-ok {
  display: none;
}
.pp-et.pp-c .pp-bola-ok {
  display: inline;
}
.pp-et.pp-c .pp-bola-n {
  display: none;
}
.pp-et.pp-pulado {
  opacity: 0.5;
}
.pp-et:not(.pp-a) .pp-et-agora {
  display: none;
}
/* ---- Sucesso do protocolo ---- */
.pp-sucesso {
  padding: 2.5rem 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
.pp-sucesso-ico {
  font-size: 3rem;
  line-height: 1;
  color: var(--pp-ok);
}
.pp-sucesso h2 {
  font-size: 1.46rem;
  font-weight: 600;
  color: var(--pp-fg);
  margin: 0.4rem 0 0;
}
.pp-sucesso-prot {
  font-size: 1.85rem;
  font-weight: 600;
  color: var(--pp-primary);
  font-variant-numeric: tabular-nums;
}
.pp-et-btn:focus-visible,
.pp-recolhe > summary:focus-visible,
.pp-versoes a:focus-visible,
.pp-doc-t a:focus-visible {
  outline: 3px solid rgba(47, 111, 208, 0.45);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  .pp-linha.pp-linha-thumb,
  .pp-linha.pp-linha-thumb.pp-linha-solo {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 0.3rem 0.9rem;
  }
  .pp-linha-thumb .pp-thumb {
    width: 46px;
    height: 46px;
    font-size: 1.25rem;
  }
  .pp-linha-thumb .pp-linha-valor {
    grid-column: 2;
    grid-row: auto;
  }
  .pp-ficha-foto {
    gap: 0.9rem;
  }
  .pp-ficha-foto .pp-thumb-lg {
    width: 60px;
    height: 60px;
    font-size: 1.6rem;
  }
  .pp-reqs > li,
  .pp-versoes li,
  .pp-pend li {
    padding-inline: 1.25rem;
  }
  .pp-reqs-caixa > li,
  .pp-docs-caixa .pp-doc {
    padding-inline: 0.9rem;
  }
  .pp-kv td:first-child {
    width: 45%;
  }
  .pp-caixa {
    padding: 1rem;
  }
  /* etiquetas da barra com texto longo ("Com a conta do fornecedor...") quebram em vez de estourar 390px */
  .pp-barra .pp-etq {
    white-space: normal;
    min-height: 24px;
    height: auto;
    padding-block: 2px;
  }
  .pp-fstat-s {
    white-space: normal;
  }
  /* matriz: cada requisito vira um cartão empilhado, com o rótulo da coluna via data-rotulo */
  .pp-tabela-wrap.pp-matriz-wrap {
    overflow-x: visible;
  }
  .pp-tabela.pp-matriz {
    min-width: 0;
  }
  .pp-matriz thead {
    display: none;
  }
  .pp-matriz,
  .pp-matriz tbody,
  .pp-matriz tr,
  .pp-matriz td {
    display: block;
    width: 100%;
  }
  .pp-matriz tr.m-linha {
    width: auto;
    margin: 0 1.25rem 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--pp-borda);
    border-radius: 10px;
  }
  .pp-tabela.pp-matriz td,
  .pp-tabela.pp-matriz td:first-child,
  .pp-tabela.pp-matriz td:last-child {
    padding: 0.3rem 0;
    border: 0;
  }
  .pp-tabela.pp-matriz .pp-faixa-l td {
    padding: 0.6rem 1.25rem;
    margin-bottom: 0.75rem;
  }
  .pp-matriz td[data-rotulo]::before {
    content: attr(data-rotulo);
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.77rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--pp-rotulo);
  }
  /* trilha do wizard: no celular só o passo atual mostra o nome */
  .pp-trilha-wizard .pp-et:not(.pp-a) .pp-et-n {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pp-recolhe-seta {
    transition: none;
  }
}
/* ============ Parte 3c · Fornecedor, recepção e autenticidade ============ */
/* ---- Formulários do portal (campo empilhado, ajuda, obrigatório) ---- */
.pp-fcampo {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}
.pp-fcampo > .pp-lbl {
  margin: 0;
}
.pp-req::after {
  content: " *";
  color: var(--pp-perigo-texto);
}
.pp-ajuda {
  font-size: 0.88rem;
  color: var(--pp-rotulo);
  line-height: 1.45;
  margin: 0;
}
.pp-inp-lg {
  min-height: 46px;
  font-size: 1.08rem;
}
.pp-inp-sm {
  min-height: 32px;
  padding: 0 0.65rem;
  font-size: 0.96rem;
}
.pp-inp-r {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.pp-inp[readonly] {
  background: var(--pp-faixa);
  color: var(--pp-fg2);
}
.pp-inp:disabled {
  background: var(--pp-faixa);
  color: var(--pp-rotulo);
  cursor: not-allowed;
}
select.pp-inp {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 2.4rem;
  cursor: pointer;
  background: var(--pp-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2366708A' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0.8rem center;
}
input[type="file"].pp-inp {
  padding: 0.35rem 0.45rem;
  font-size: 0.92rem;
  color: var(--pp-fg2);
}
input[type="file"].pp-inp::file-selector-button {
  margin-right: 0.7rem;
  padding: 0.25rem 0.8rem;
  border-radius: 6px;
  border: 1px solid var(--pp-borda);
  background: var(--pp-faixa);
  color: var(--pp-fg2);
  font-family: inherit;
  font-weight: 500;
  cursor: pointer;
}
.pp-form-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.05rem 1.25rem;
}
.pp-form-grid > * {
  grid-column: span 12;
}
.pp-c2 {
  grid-column: span 2 !important;
}
.pp-c3 {
  grid-column: span 3 !important;
}
.pp-c4 {
  grid-column: span 4 !important;
}
.pp-c5 {
  grid-column: span 5 !important;
}
.pp-c6 {
  grid-column: span 6 !important;
}
.pp-c8 {
  grid-column: span 8 !important;
}
.pp-acoes-l {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}
.pp-acoes-fim {
  justify-content: flex-end;
}
/* Faixa "Buscar dados do CNPJ": atalho que poupa o fornecedor de digitar o cadastro inteiro,
   por isso fica em destaque no topo do formulário em vez de um botão discreto no canto. */
.pp-rfb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(var(--pp-primary-rgb), 0.25);
  background: rgba(var(--pp-primary-rgb), 0.06);
  border-radius: 11px;
}
.pp-rfb-ic {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  border-radius: 10px;
  background: rgba(var(--pp-primary-rgb), 0.12);
  color: var(--pp-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
}
.pp-rfb-t {
  flex: 1 1 220px;
  min-width: 0;
}
.pp-rfb-t b {
  display: block;
  font-weight: 600;
  color: var(--pp-fg);
}
.pp-rfb-t span {
  display: block;
  font-size: 0.92rem;
  color: var(--pp-fg2);
}
.pp-rfb .pp-btn {
  flex: 0 0 auto;
}
@media (max-width: 575.98px) {
  .pp-rfb .pp-btn {
    width: 100%;
  }
}
.pp-kicker-a {
  color: var(--pp-primary);
}
.pp-check-bloco {
  align-items: flex-start;
}
.pp-check-bloco input {
  margin-top: 0.2rem;
  flex: 0 0 auto;
}
.pp-check a {
  color: var(--pp-primary);
}
.pp-btn-perigo-t {
  background: var(--pp-faixa);
  border-color: var(--pp-borda);
  color: var(--pp-perigo-texto);
}
.pp-btn-perigo-t:hover,
.pp-btn-perigo-t:focus {
  border-color: var(--pp-perigo);
  color: var(--pp-perigo-texto);
}
.pp-btn-perigo {
  background: var(--pp-perigo);
  color: #fff;
}
.pp-btn-perigo:hover,
.pp-btn-perigo:focus {
  background: var(--pp-perigo-texto);
  color: #fff;
}
.pp-nota-ok {
  background: var(--pp-ok-fundo);
  border-color: var(--pp-ok-borda);
}
.pp-nota-ok > i {
  color: var(--pp-ok-texto);
}
.pp-sep-texto {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.88rem;
  color: var(--pp-rotulo);
}
.pp-sep-texto::before,
.pp-sep-texto::after {
  content: "";
  flex: 1;
  border-top: 1px solid var(--pp-borda);
}
.pp-inp[aria-invalid="true"] {
  border-color: var(--pp-perigo);
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.12);
}
.pp-erro-campo {
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--pp-perigo-texto);
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.pp-msg:empty {
  display: none;
}
/* Valor máximo do item (teto do estimado) e aviso quando o valor digitado passa dele */
.pp-max {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.8rem;
  color: var(--pp-rotulo);
  white-space: nowrap;
}
.pp-max.pp-max-acima {
  color: var(--pp-atencao-texto);
  font-weight: 600;
}
.pp-max.pp-max-bloq {
  color: var(--pp-perigo-texto);
  font-weight: 600;
}
.pp-inp.pp-inp-acima {
  border-color: var(--pp-atencao-borda);
  box-shadow: 0 0 0 3px rgba(229, 168, 0, 0.14);
}
/* ---- Entrar (card dividido + código em caixas) ---- */
.pp-acesso {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  max-width: 920px;
  margin-inline: auto;
  overflow: hidden;
}
.pp-acesso-form {
  padding: 2.15rem;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  min-width: 0;
}
.pp-acesso-form h2 {
  font-size: 1.38rem;
  font-weight: 600;
  color: var(--pp-fg);
  margin: 0;
}
.pp-acesso-form p {
  color: var(--pp-fg2);
  margin: 0;
}
.pp-acesso-passo {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.pp-acesso-lado {
  background: var(--pp-faixa);
  border-left: 1px solid var(--pp-borda);
  padding: 2.15rem;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.pp-acesso-lado h2 {
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--pp-fg);
  margin: 0;
}
.pp-beneficios {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
}
.pp-beneficios li {
  display: flex;
  gap: 0.9rem;
  align-items: flex-start;
  font-size: 0.96rem;
  color: var(--pp-fg2);
  line-height: 1.45;
}
.pp-beneficios b {
  display: block;
  color: var(--pp-fg);
  font-size: 1rem;
  font-weight: 600;
}
.pp-seguro {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  font-size: 0.88rem;
  color: var(--pp-rotulo);
  margin-top: auto;
  line-height: 1.45;
}
.pp-seguro i {
  color: var(--pp-icone);
  margin-top: 1px;
}
.pp-otp {
  display: flex;
  gap: 0.6rem;
}
.pp-otp input {
  width: 46px;
  height: 52px;
  text-align: center;
  font-size: 1.54rem;
  font-weight: 600;
  border: 1px solid var(--pp-borda-forte);
  border-radius: 10px;
  background: var(--pp-surface);
  color: var(--pp-fg);
  font-variant-numeric: tabular-nums;
  font-family: inherit;
  padding: 0;
}
.pp-otp input:focus {
  outline: 0;
  border-color: var(--pp-primary-2);
  box-shadow: 0 0 0 3px rgba(47, 111, 208, 0.15);
}
.pp-conta {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
/* ---- Minha Área (menu lateral de seções) ---- */
.pp-layout-side {
  display: grid;
  grid-template-columns: 264px minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}
.pp-side {
  position: sticky;
  top: calc(var(--pp-header-h) + 1rem);
  overflow: hidden;
}
.pp-side-head {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1.2rem 1.4rem;
  border-bottom: 1px solid var(--pp-borda);
}
.pp-side-head .pp-inicial {
  width: 42px;
  height: 42px;
  font-size: 1.08rem;
  border-radius: 11px;
}
.pp-side-head b {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--pp-fg);
  overflow-wrap: anywhere;
}
.pp-side-head .pp-shrink span {
  display: block;
  font-size: 0.88rem;
  color: var(--pp-rotulo);
  overflow-wrap: anywhere;
}
.pp-marca-at {
  background: var(--pp-atencao-fundo);
  border-color: var(--pp-atencao-borda);
  color: var(--pp-atencao-texto);
}
.pp-band-conta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 1.4rem;
  margin-top: 0.45rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.96rem;
}
.pp-band-conta span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  overflow-wrap: anywhere;
}
.pp-linha-protocolo {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-weight: 600;
  color: var(--pp-fg);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.pp-linha-protocolo i {
  color: var(--pp-ok-texto);
}
.pp-linha-nao {
  font-size: 0.96rem;
  color: var(--pp-atencao-texto);
  font-weight: 600;
  white-space: nowrap;
}
.pp-linha-texto {
  margin-top: 0.55rem;
  font-size: 0.96rem;
  color: var(--pp-fg2);
  overflow-wrap: anywhere;
}
.pp-linha-texto-pre {
  white-space: pre-line;
}
.pp-linha-acao {
  margin-top: 0.6rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 600;
  font-size: 0.96rem;
  color: var(--pp-primary);
}
.pp-linha-alerta {
  margin-top: 0.6rem;
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  font-size: 0.96rem;
  font-weight: 600;
  color: var(--pp-atencao-texto);
}
.pp-linha-sub {
  margin-top: 0.45rem;
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  font-size: 0.92rem;
  color: var(--pp-rotulo);
}
.pp-linha-1col {
  grid-template-columns: minmax(0, 1fr);
}
.pp-convoc {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.25rem;
  margin-top: 0.9rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--pp-atencao-borda);
  background: var(--pp-atencao-fundo);
  border-radius: 10px;
  font-size: 0.96rem;
  color: var(--pp-fg2);
}
.pp-convoc > i {
  color: var(--pp-atencao-texto);
  font-size: 1.3rem;
}
.pp-convoc b {
  color: var(--pp-fg);
}
.pp-convoc-t {
  flex: 1 1 260px;
  min-width: 0;
}
.pp-convoc-acoes {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.pp-convoc-x {
  flex-basis: 100%;
}
.pp-confirma {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  border-radius: 9px;
  background: var(--pp-surface);
  border: 1px solid var(--pp-borda-forte);
}
.pp-confirma-t {
  font-weight: 600;
  color: var(--pp-fg);
  white-space: pre-line;
}
.pp-confirma[hidden] {
  display: none;
}
.pp-confirma {
  text-align: left;
}
.pp-vazio-t {
  font-weight: 600;
  font-size: 1.08rem;
  color: var(--pp-fg);
}
.pp-vence {
  font-size: 0.92rem;
  color: var(--pp-rotulo);
}
.pp-vence-at {
  color: var(--pp-atencao-texto);
  font-weight: 600;
}
.pp-secao-sub {
  padding: 0.9rem 1.5rem 0.4rem;
  border-top: 1px solid var(--pp-borda);
}
.pp-secao-sub .pp-secao-t {
  margin: 0;
}
.pp-tabela-acoes {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem;
}
/* ---- Recepção (lista vertical de pares e exigências) ---- */
.pp-dl-v {
  margin: 0;
}
.pp-dl-v > div {
  padding: 0.8rem 1.5rem;
}
.pp-dl-v > div + div {
  border-top: 1px solid var(--pp-borda);
}
.pp-dl-v dt {
  font-size: 0.81rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-rotulo);
}
.pp-dl-v dd {
  margin: 2px 0 0;
  font-weight: 500;
  color: var(--pp-fg);
  overflow-wrap: anywhere;
  white-space: pre-line;
}
.pp-reqs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-reqs li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1.5rem;
  font-size: 1rem;
  color: var(--pp-fg);
}
.pp-reqs li + li {
  border-top: 1px solid var(--pp-borda);
}
.pp-reqs-t {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.pp-reqs-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}
.pp-recolhe {
  border-top: 1px solid var(--pp-borda);
}
.pp-recolhe > summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 1rem 1.5rem;
  font-weight: 600;
  color: var(--pp-fg);
  background: var(--pp-faixa);
}
.pp-recolhe > summary::-webkit-details-marker {
  display: none;
}
.pp-recolhe > summary i {
  color: var(--pp-icone);
  transition: transform 0.15s ease;
}
.pp-recolhe[open] > summary i {
  transform: rotate(180deg);
}
.pp-recolhe-item {
  padding: 0.9rem 1.5rem 0.4rem;
  font-weight: 600;
  color: var(--pp-fg);
  border-top: 1px solid var(--pp-borda);
}
.pp-recolhe-item .pp-sub {
  font-weight: 400;
  margin-left: 0.45rem;
}
.pp-tabela-menor td {
  background: var(--pp-ok-fundo);
}
/* ---- Envio da proposta (checklist, anexos, comprovante, diligência) ---- */
.pp-pend {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-pend li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1.5rem;
  font-size: 0.96rem;
  color: var(--pp-fg2);
}
.pp-pend li + li {
  border-top: 1px solid var(--pp-borda);
}
.pp-pend li > i {
  font-size: 1.15rem;
  margin-top: 1px;
  color: var(--pp-ok);
}
.pp-pend li.pp-falta > i {
  color: var(--pp-atencao);
}
.pp-pend b {
  color: var(--pp-fg);
  font-weight: 600;
}
.pp-pend a {
  margin-left: auto;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  color: var(--pp-primary);
}
.pp-pend a:hover {
  text-decoration: underline;
}
.pp-declara {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 0.9rem 1.05rem;
  border: 1px dashed var(--pp-borda-forte);
  border-radius: 9px;
}
.pp-declara.pp-declara-erro {
  border-color: var(--pp-perigo);
  background: #fdecee;
}
.pp-envio-b {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 1.25rem 1.5rem;
  border-top: 1px solid var(--pp-borda);
}
.pp-envio-b .pp-ajuda {
  text-align: center;
}
.pp-anexos {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-anexo {
  display: flex;
  align-items: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.5rem;
  flex-wrap: wrap;
}
.pp-anexo + .pp-anexo {
  border-top: 1px solid var(--pp-borda);
}
.pp-anexo-t {
  flex: 1 1 240px;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.6rem;
}
.pp-anexo-t b {
  font-weight: 600;
  font-size: 1rem;
  color: var(--pp-fg);
  overflow-wrap: anywhere;
}
.pp-anexo-campo {
  flex: 1 1 280px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.pp-arquivos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.pp-arquivos:empty {
  display: none;
}
.pp-arquivo {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  max-width: 100%;
  padding: 0.3rem 0.75rem;
  border-radius: 7px;
  background: var(--pp-faixa);
  border: 1px solid var(--pp-borda);
  font-size: 0.92rem;
  color: var(--pp-fg2);
}
.pp-arquivo i {
  color: var(--pp-ok-texto);
  flex: 0 0 auto;
}
.pp-arquivo span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.pp-arquivo small {
  color: var(--pp-rotulo);
  font-size: 0.85rem;
  white-space: nowrap;
}
.pp-tabela-form td {
  vertical-align: middle;
}
.pp-tabela-form .pp-col-desc {
  min-width: 220px;
}
.pp-tabela-form .pp-col-num {
  width: 11rem;
}
.pp-tabela-form .pp-col-txt {
  width: 9.5rem;
}
.pp-sucesso {
  text-align: center;
  padding: 2.3rem 1.7rem 1.85rem;
}
.pp-sucesso-ico {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: var(--pp-ok-fundo);
  color: var(--pp-ok-texto);
  font-size: 2.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pp-sucesso h2 {
  font-size: 1.38rem;
  font-weight: 600;
  margin: 0.9rem 0 0;
  color: var(--pp-fg);
}
.pp-protocolo {
  font-size: 2.15rem;
  font-weight: 600;
  color: var(--pp-primary);
  letter-spacing: 0.02em;
  margin-top: 0.3rem;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.pp-sucesso-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 780px;
  margin: 1.5rem auto 1.4rem;
  border: 1px solid var(--pp-borda);
  border-radius: 10px;
  text-align: left;
  overflow: hidden;
}
.pp-sucesso-grid > div {
  padding: 0.9rem 1.25rem;
  min-width: 0;
}
.pp-sucesso-grid > div + div {
  border-left: 1px solid var(--pp-borda);
}
.pp-sucesso-grid .pp-fstat-v {
  font-size: 1.15rem;
  white-space: normal;
}
.pp-sucesso-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: center;
}
.pp-sucesso .pp-ajuda {
  margin-top: 0.9rem;
}
.pp-retirar {
  max-width: 640px;
  margin: 1.25rem auto 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pp-retirar[hidden],
.pp-retirar.d-none {
  display: none;
}
.pp-dil + .pp-dil {
  border-top: 1px solid var(--pp-borda);
}
.pp-dil {
  padding: 1.25rem 1.5rem;
}
.pp-dil-motivo {
  margin-top: 0.75rem;
  font-weight: 600;
  color: var(--pp-fg);
  overflow-wrap: anywhere;
  white-space: pre-line;
}
.pp-conversa {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.9rem;
}
.pp-fala {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.pp-fala-b {
  flex: 1;
  min-width: 0;
  padding: 0.75rem 1rem;
  border-radius: 10px;
  background: var(--pp-faixa);
  border: 1px solid var(--pp-borda);
  font-size: 0.96rem;
  color: var(--pp-fg2);
  overflow-wrap: anywhere;
}
.pp-fala-texto {
  white-space: pre-line;
}
.pp-fala-voce .pp-fala-b {
  background: var(--pp-surface);
}
.pp-fala-voce .pp-qa-av {
  background: var(--pp-ativo);
  color: var(--pp-primary);
  border-color: transparent;
}
.pp-fala-b .pp-lbl {
  display: block;
  margin-bottom: 0.25rem;
}
.pp-fala-b .pp-arquivos {
  margin-top: 0.5rem;
}
.pp-dil-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.1rem;
  padding-top: 1.1rem;
  border-top: 1px dashed var(--pp-borda-forte);
}
/* ---- Autenticidade (formulário + desenho do documento) ---- */
.pp-auth {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  max-width: 940px;
  margin-inline: auto;
  overflow: hidden;
}
.pp-auth-form {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
  min-width: 0;
}
.pp-auth-mock {
  background: var(--pp-faixa);
  border-left: 1px solid var(--pp-borda);
  padding: 2rem 1.7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.95rem;
  text-align: center;
}
.pp-auth-mock p {
  font-size: 0.92rem;
  color: var(--pp-rotulo);
  max-width: 210px;
  margin: 0;
}
.pp-folha {
  width: 172px;
  max-width: 100%;
  aspect-ratio: 210 / 297;
  background: var(--pp-surface);
  border: 1px solid var(--pp-borda-forte);
  border-radius: 4px;
  box-shadow: 0 12px 26px -16px rgba(16, 24, 40, 0.45);
  padding: 14px 12px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pp-folha-ln {
  height: 5px;
  border-radius: 3px;
  background: var(--pp-borda);
}
.pp-folha-ln-t {
  height: 8px;
  width: 62%;
  background: var(--pp-borda-forte);
  margin-bottom: 4px;
}
.pp-folha-ln:nth-child(4) {
  width: 80%;
}
.pp-folha-ln:nth-child(5) {
  margin-top: 6px;
}
.pp-folha-ln:nth-child(7) {
  width: 70%;
}
.pp-folha-rod {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 6px;
  border-radius: 6px;
  box-shadow: 0 0 0 2px var(--pp-primary-2);
  background: rgba(var(--pp-primary-rgb), 0.05);
}
.pp-folha-rod i {
  font-size: 1.85rem;
  color: var(--pp-fg);
  line-height: 1;
}
.pp-folha-rod span {
  font-size: 0.66rem;
  font-weight: 600;
  color: var(--pp-primary);
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}
.pp-resultado {
  border-top: 1px solid var(--pp-borda);
  margin-top: 0.6rem;
  padding-top: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.05rem;
}
.pp-resultado:empty {
  display: none;
}
.pp-res {
  display: flex;
  gap: 0.9rem;
  align-items: center;
}
.pp-res-ico {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: var(--pp-ok-fundo);
  color: var(--pp-ok-texto);
}
.pp-res b {
  display: block;
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--pp-ok-texto);
}
.pp-res > div > span {
  display: block;
  font-size: 0.96rem;
  color: var(--pp-fg2);
}
.pp-res-erro .pp-res-ico {
  background: #fdecee;
  color: var(--pp-perigo-texto);
}
.pp-res-erro b {
  color: var(--pp-perigo-texto);
}
.pp-res-doc {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.9rem 1.05rem;
  border: 1px solid var(--pp-borda);
  border-radius: 10px;
  flex-wrap: wrap;
}
.pp-carregando {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.25rem 0;
  color: var(--pp-primary);
  font-size: 0.96rem;
}
.pp-carregando span:last-child {
  color: var(--pp-rotulo);
}
.pp-rodape-nota {
  text-align: center;
  margin-top: 1.05rem;
}
/* ---- Estado central (aguardando, não encontrada) e leitura (documentos legais) ---- */
.pp-centro {
  max-width: 640px;
  margin-inline: auto;
}
.pp-estado {
  text-align: center;
  padding: 2.5rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
.pp-estado-ico {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: var(--pp-faixa);
  border: 1px solid var(--pp-borda);
  color: var(--pp-icone);
  font-size: 1.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.3rem;
}
.pp-estado h2 {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--pp-fg);
  margin: 0;
}
.pp-estado p {
  color: var(--pp-fg2);
  margin: 0;
  max-width: 46ch;
}
.pp-estado-orgao {
  font-weight: 600;
  color: var(--pp-fg);
}
.pp-leitura {
  max-width: 960px;
  margin-inline: auto;
}
.pp-leitura .pp-painel-b {
  padding: 2rem 2.3rem;
}
.pp-otp input:focus-visible,
.pp-recolhe > summary:focus-visible,
.pp-pend a:focus-visible,
.pp-check input:focus-visible {
  outline: 3px solid rgba(47, 111, 208, 0.45);
  outline-offset: 2px;
}
@media (max-width: 1040px) {
  .pp-layout-side {
    grid-template-columns: 1fr;
  }
  .pp-side {
    position: static;
  }
}
@media (max-width: 767px) {
  .pp-acesso,
  .pp-auth {
    grid-template-columns: 1fr;
  }
  .pp-acesso-lado,
  .pp-auth-mock {
    border-left: 0;
    border-top: 1px solid var(--pp-borda);
  }
  .pp-acesso-form,
  .pp-acesso-lado,
  .pp-auth-form {
    padding: 1.5rem 1.25rem;
  }
  .pp-otp {
    gap: 0.45rem;
  }
  .pp-otp input {
    width: 40px;
    height: 48px;
    font-size: 1.3rem;
  }
  .pp-form-grid > [class*="pp-c"] {
    grid-column: span 12 !important;
  }
  .pp-sucesso-grid {
    grid-template-columns: 1fr 1fr;
  }
  .pp-sucesso-grid > div:nth-child(3) {
    border-left: 0;
  }
  .pp-sucesso-grid > div:nth-child(n+3) {
    border-top: 1px solid var(--pp-borda);
  }
  .pp-sucesso-acoes .pp-btn {
    flex: 1 1 100%;
  }
  .pp-convoc-acoes {
    margin-left: 0;
    width: 100%;
  }
  .pp-convoc-acoes .pp-btn {
    flex: 1;
  }
  .pp-reqs li,
  .pp-pend li,
  .pp-anexo,
  .pp-dl-v > div,
  .pp-dil,
  .pp-side-head,
  .pp-recolhe > summary,
  .pp-recolhe-item,
  .pp-secao-sub,
  .pp-envio-b {
    padding-inline: 1.25rem;
  }
  .pp-leitura .pp-painel-b {
    padding: 1.25rem;
  }
  .pp-estado {
    padding: 2rem 1.25rem;
  }
}
@media (max-width: 380px) {
  .pp-otp input {
    width: 36px;
    height: 44px;
  }
}
/* ============ Foco, movimento, impressão e responsivo ============ */
.pp-nav-link:focus-visible,
.pp-btn:focus-visible,
.pp-btn-vidro:focus-visible,
.pp-atalho-h:focus-visible,
.pp-numero:focus-visible,
.pp-resumo button:focus-visible,
.pp-pager button:focus-visible,
.pp-chip-x:focus-visible,
.pp-linha-t a:focus-visible,
.pp-prazo-t a:focus-visible,
.pp-servico a:focus-visible,
.pp-indice a:focus-visible,
.pp-pncp a:focus-visible,
.pp-crumb a:focus-visible,
.pp-link:focus-visible,
.pp-btn-texto:focus-visible {
  outline: 3px solid rgba(47, 111, 208, 0.45);
  outline-offset: 2px;
}
/* Itens que ocupam a altura toda de um contêiner com overflow:hidden: anel por dentro. */
.pp-numero:focus-visible,
.pp-resumo button:focus-visible {
  outline-offset: -3px;
}
@media (max-width: 1040px) {
  .pp-band-hero .pp-band-in {
    grid-template-columns: 1fr;
    gap: 2.15rem;
    padding-block: 2.6rem 7.4rem;
  }
  /* minmax(0,…): com 1fr puro a coluna cresce até a tabela mais larga e a página rola de lado */
  .pp-home-grid,
  .pp-det {
    grid-template-columns: minmax(0, 1fr);
  }
  .pp-aside {
    position: static;
  }
  .pp-numeros {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pp-numero:nth-child(3) {
    border-left: 0;
  }
  .pp-numero:nth-child(n+3) {
    border-top: 1px solid var(--pp-borda);
  }
}
@media (max-width: 767px) {
  .pp-band-in {
    padding-block: 1.25rem 5rem;
  }
  .pp-band h1,
  .pp-band .pp-band-titulo {
    font-size: 1.46rem;
  }
  .pp-band-hero h1 {
    font-size: 1.92rem;
  }
  .pp-band-hero .pp-band-sub {
    font-size: 1.04rem;
  }
  .pp-busca {
    flex-wrap: wrap;
  }
  .pp-busca label {
    flex-basis: 100%;
    padding-block: 2px;
  }
  .pp-busca .pp-btn {
    flex: 1;
  }
  .pp-ficha {
    grid-template-columns: 1fr;
    padding: 1.25rem;
    gap: 1.05rem;
  }
  .pp-titulo {
    font-size: 1.3rem;
  }
  .pp-ficha-stats {
    border-left: 0;
    border-top: 1px solid var(--pp-borda);
    padding-top: 0.9rem;
    flex-wrap: wrap;
    gap: 0.9rem 0;
  }
  .pp-fstat {
    min-width: 0;
    flex: 1 1 130px;
    padding: 2px 0.9rem 2px 0;
  }
  .pp-fstat + .pp-fstat {
    border-left: 0;
  }
  .pp-barra {
    position: static;
  }
  .pp-barra-acao {
    margin-left: 0;
    width: 100%;
  }
  .pp-barra-acao .pp-btn {
    flex: 1;
  }
  .pp-dl {
    grid-template-columns: 1fr 1fr;
  }
  .pp-linha {
    grid-template-columns: 1fr;
    padding: 1.05rem 1.25rem;
  }
  .pp-linha-valor {
    text-align: left;
    grid-row: 2;
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
  }
  .pp-linha-v {
    margin-top: 0;
  }
  .pp-painel-b {
    padding: 1.25rem;
  }
  .pp-painel-h {
    padding: 0.9rem 1.25rem;
  }
  .pp-painel-f {
    padding-inline: 1.25rem;
  }
  .pp-trilha {
    padding-inline: 0.3rem;
  }
  .pp-et-n {
    font-size: 0.88rem;
  }
  .pp-et:not(.pp-a):not(.pp-s) .pp-et-d {
    display: none;
  }
  .pp-resumo button {
    flex-basis: 50%;
    border-bottom: 1px solid var(--pp-borda);
  }
  .pp-filtros-b {
    padding: 1.05rem 1.25rem;
  }
  .pp-sel {
    flex: 1 1 140px;
  }
  .pp-doc,
  .pp-qa > li,
  .pp-forn-l li,
  .pp-links li,
  .pp-lista > .pp-grupo {
    padding-inline: 1.25rem;
  }
  .pp-qa-r {
    margin-left: 0;
  }
  .pp-doc {
    flex-wrap: wrap;
  }
}
@media (max-width: 460px) {
  .pp-numero {
    padding: 1.05rem 1.25rem;
  }
  .pp-numero-v {
    font-size: 1.7rem;
  }
  .pp-dl {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pp-nav-link,
  .pp-header {
    transition: none;
  }
  .pp-skel {
    animation: none;
  }
  html {
    scroll-behavior: auto;
  }
}
@media print {
  .pp-header,
  .pp-footer,
  .pp-nav,
  .pp-skip,
  .pp-band-acoes,
  .pp-barra,
  .pp-aside .pp-indice,
  .pp-busca,
  .pp-resumo,
  .pp-pager,
  .pp-filtros-b,
  .pp-rodape-acao {
    display: none !important;
  }
  body.pp-body {
    background: #fff;
  }
  .pp-band {
    background: none !important;
    color: var(--pp-ink);
    padding: 0 0 0.5rem;
  }
  .pp-band::before {
    display: none;
  }
  .pp-band-in {
    padding-block: 0 0.5rem;
  }
  .pp-lift {
    margin-top: 0;
  }
  .pp-band h1,
  .pp-crumb,
  .pp-crumb a {
    color: var(--pp-ink) !important;
  }
  .pp-painel,
  .pp-numeros {
    box-shadow: none !important;
  }
  .pp-det {
    grid-template-columns: minmax(0, 1fr);
  }
  .pp-aside {
    position: static;
  }
}
/* ── (Painel do Gestor S15) Transparência ativa ── */
.pp-tr-filtro {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.pp-tr-filtro select {
  min-height: 38px;
  padding: 0.35rem 2rem 0.35rem 0.75rem;
  border: 1px solid var(--pp-borda-forte);
  border-radius: 0.5rem;
  background: var(--pp-surface);
  color: var(--pp-fg);
  font-size: 0.95rem;
}
.pp-tr-numeros {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0;
}
@media (max-width: 575.98px) {
  .pp-tr-numeros .pp-fstat {
    flex: 1 1 100%;
    padding-left: 0;
  }
  .pp-tr-numeros .pp-fstat + .pp-fstat {
    border-left: 0;
    border-top: 1px solid var(--pp-borda);
    padding-top: 0.75rem;
  }
}

/* inter-100 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.eot');
  /* IE9 Compat Modes */
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.eot') format('embedded-opentype'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.woff2') format('woff2'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.woff') format('woff'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.ttf') format('truetype'), url('./Inter/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.svg#Inter') format('svg');
  /* Legacy iOS */
}
/* inter-200 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-200.eot');
  /* IE9 Compat Modes */
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-200.eot') format('embedded-opentype'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-200.woff2') format('woff2'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-200.woff') format('woff'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-200.ttf') format('truetype'), url('./Inter/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-200.svg#Inter') format('svg');
  /* Legacy iOS */
}
/* inter-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot');
  /* IE9 Compat Modes */
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot') format('embedded-opentype'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf') format('truetype'), url('./Inter/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#Inter') format('svg');
  /* Legacy iOS */
}
/* inter-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot');
  /* IE9 Compat Modes */
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot') format('embedded-opentype'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), url('./Inter/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Inter') format('svg');
  /* Legacy iOS */
}
/* inter-500 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot');
  /* IE9 Compat Modes */
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot') format('embedded-opentype'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.ttf') format('truetype'), url('./Inter/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.svg#Inter') format('svg');
  /* Legacy iOS */
}
/* inter-600 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.eot');
  /* IE9 Compat Modes */
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.eot') format('embedded-opentype'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf') format('truetype'), url('./Inter/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#Inter') format('svg');
  /* Legacy iOS */
}
/* inter-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot');
  /* IE9 Compat Modes */
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot') format('embedded-opentype'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), url('./Inter/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#Inter') format('svg');
  /* Legacy iOS */
}
/* inter-800 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.eot');
  /* IE9 Compat Modes */
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.eot') format('embedded-opentype'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'), url('./Inter/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#Inter') format('svg');
  /* Legacy iOS */
}
/* inter-900 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.eot');
  /* IE9 Compat Modes */
  src: url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.eot') format('embedded-opentype'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.woff2') format('woff2'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.woff') format('woff'), url('/dist/fonts/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.ttf') format('truetype'), url('./Inter/inter-v12-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.svg#Inter') format('svg');
  /* Legacy iOS */
}

/* poppins-300 - devanagari_latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Poppins Light'), local('Poppins-Light'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.ttf') format('truetype'), url('./Poppins/poppins-v5-devanagari_latin-ext_latin-300.svg#Poppins') format('svg');
  /* Legacy iOS */
}
/* poppins-regular - devanagari_latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.ttf') format('truetype'), url('./Poppins/poppins-v5-devanagari_latin-ext_latin-regular.svg#Poppins') format('svg');
  /* Legacy iOS */
}
/* poppins-500 - devanagari_latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Poppins Medium'), local('Poppins-Medium'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.ttf') format('truetype'), url('./Poppins/poppins-v5-devanagari_latin-ext_latin-500.svg#Poppins') format('svg');
  /* Legacy iOS */
}
/* poppins-600 - devanagari_latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.eot');
  /* IE9 Compat Modes */
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.ttf') format('truetype'), url('./Poppins/poppins-v5-devanagari_latin-ext_latin-600.svg#Poppins') format('svg');
  /* Legacy iOS */
}
/* poppins-700 - devanagari_latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Poppins Bold'), local('Poppins-Bold'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.ttf') format('truetype'), url('./Poppins/poppins-v5-devanagari_latin-ext_latin-700.svg#Poppins') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.eot');
  src: local('Poppins Light'), local('Poppins-Light'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.ttf') format('truetype'), url('Poppins/poppins-v5-devanagari_latin-ext_latin-300.svg#Poppins') format('svg');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.eot');
  src: local('Poppins Regular'), local('Poppins-Regular'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.ttf') format('truetype'), url('Poppins/poppins-v5-devanagari_latin-ext_latin-regular.svg#Poppins') format('svg');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.eot');
  src: local('Poppins Medium'), local('Poppins-Medium'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.ttf') format('truetype'), url('Poppins/poppins-v5-devanagari_latin-ext_latin-500.svg#Poppins') format('svg');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.eot');
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.ttf') format('truetype'), url('Poppins/poppins-v5-devanagari_latin-ext_latin-600.svg#Poppins') format('svg');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.eot');
  src: local('Poppins Bold'), local('Poppins-Bold'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.ttf') format('truetype'), url('Poppins/poppins-v5-devanagari_latin-ext_latin-700.svg#Poppins') format('svg');
}

/* roboto-300 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.ttf') format('truetype'), url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-regular - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.ttf') format('truetype'), url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.ttf') format('truetype'), url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.ttf') format('truetype'), url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.ttf') format('truetype'), url('Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.ttf') format('truetype'), url('Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.eot');
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.ttf') format('truetype'), url('Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.ttf') format('truetype'), url('Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'glyphs';
  src: url('/dist/fonts/glyphs.eot');
  src: url('/dist/fonts/glyphs.eot') format('embedded-opentype'), url('/dist/fonts/glyphs.woff') format('woff'), url('/dist/fonts/glyphs.ttf') format('truetype'), url('../fonts/glyphs/glyphs.svg?glm7c4#glyphs') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*="icon-glyphs-"] {
  font-family: 'glyphs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-glyphs-nfce:before {
  content: "\e600";
}
.icon-glyphs-newspaper:before {
  content: "\f000";
}
.icon-glyphs-images:before {
  content: "\f001";
}
.icon-glyphs-camera:before {
  content: "\f002";
}
.icon-glyphs-movie:before {
  content: "\f003";
}
.icon-glyphs-bullhorn:before {
  content: "\f004";
}
.icon-glyphs-books:before {
  content: "\f005";
}
.icon-glyphs-reading:before {
  content: "\f006";
}
.icon-glyphs-file:before {
  content: "\f007";
}
.icon-glyphs-file2:before {
  content: "\f008";
}
.icon-glyphs-file-plus:before {
  content: "\f009";
}
.icon-glyphs-file-minus:before {
  content: "\f00a";
}
.icon-glyphs-file-download:before {
  content: "\f00b";
}
.icon-glyphs-file-upload:before {
  content: "\f00c";
}
.icon-glyphs-file-check:before {
  content: "\f00d";
}
.icon-glyphs-file-remove:before {
  content: "\f00e";
}
.icon-glyphs-file3:before {
  content: "\f00f";
}
.icon-glyphs-copy:before {
  content: "\f010";
}
.icon-glyphs-stack:before {
  content: "\f011";
}
.icon-glyphs-paste:before {
  content: "\f012";
}
.icon-glyphs-certificate:before {
  content: "\f013";
}
.icon-glyphs-tags:before {
  content: "\f014";
}
.icon-glyphs-barcode:before {
  content: "\f015";
}
.icon-glyphs-barcode2:before {
  content: "\f016";
}
.icon-glyphs-cart-plus:before {
  content: "\f017";
}
.icon-glyphs-cart-minus:before {
  content: "\f018";
}
.icon-glyphs-cart:before {
  content: "\f019";
}
.icon-glyphs-cart2:before {
  content: "\f01a";
}
.icon-glyphs-cart-add:before {
  content: "\f01b";
}
.icon-glyphs-cart-remove:before {
  content: "\f01c";
}
.icon-glyphs-cart-checkout:before {
  content: "\f01d";
}
.icon-glyphs-cart-remove2:before {
  content: "\f01e";
}
.icon-glyphs-coin:before {
  content: "\f01f";
}
.icon-glyphs-coins:before {
  content: "\f020";
}
.icon-glyphs-credit:before {
  content: "\f021";
}
.icon-glyphs-credit2:before {
  content: "\f022";
}
.icon-glyphs-calculate:before {
  content: "\f023";
}
.icon-glyphs-support:before {
  content: "\f024";
}
.icon-glyphs-address-book:before {
  content: "\f025";
}
.icon-glyphs-notebook:before {
  content: "\f026";
}
.icon-glyphs-envelop:before {
  content: "\f027";
}
.icon-glyphs-mail-send:before {
  content: "\f028";
}
.icon-glyphs-bell:before {
  content: "\f029";
}
.icon-glyphs-alarm-plus:before {
  content: "\f02a";
}
.icon-glyphs-alarm-minus:before {
  content: "\f02b";
}
.icon-glyphs-alarm-check:before {
  content: "\f02c";
}
.icon-glyphs-alarm-cancel:before {
  content: "\f02d";
}
.icon-glyphs-calendar:before {
  content: "\f02e";
}
.icon-glyphs-print:before {
  content: "\f02f";
}
.icon-glyphs-cabinet:before {
  content: "\f030";
}
.icon-glyphs-archive:before {
  content: "\f031";
}
.icon-glyphs-drawer:before {
  content: "\f032";
}
.icon-glyphs-bubble:before {
  content: "\f033";
}
.icon-glyphs-bubble2:before {
  content: "\f034";
}
.icon-glyphs-user:before {
  content: "\f035";
}
.icon-glyphs-users:before {
  content: "\f036";
}
.icon-glyphs-user-plus:before {
  content: "\f037";
}
.icon-glyphs-user-minus:before {
  content: "\f038";
}
.icon-glyphs-search:before {
  content: "\f039";
}
.icon-glyphs-search2:before {
  content: "\f03a";
}
.icon-glyphs-zoom-in:before {
  content: "\f03b";
}
.icon-glyphs-zoom-out:before {
  content: "\f03c";
}
.icon-glyphs-users2:before {
  content: "\f03d";
}
.icon-glyphs-expand:before {
  content: "\f03e";
}
.icon-glyphs-contract:before {
  content: "\f03f";
}
.icon-glyphs-key:before {
  content: "\f040";
}
.icon-glyphs-lock:before {
  content: "\f041";
}
.icon-glyphs-unlocked:before {
  content: "\f042";
}
.icon-glyphs-wrench:before {
  content: "\f043";
}
.icon-glyphs-wrench2:before {
  content: "\f044";
}
.icon-glyphs-equalizer:before {
  content: "\f045";
}
.icon-glyphs-cogs:before {
  content: "\f046";
}
.icon-glyphs-hammer:before {
  content: "\f047";
}
.icon-glyphs-tools:before {
  content: "\f048";
}
.icon-glyphs-stats:before {
  content: "\f049";
}
.icon-glyphs-bars:before {
  content: "\f04a";
}
.icon-glyphs-stats-up:before {
  content: "\f04b";
}
.icon-glyphs-meter:before {
  content: "\f04c";
}
.icon-glyphs-hammer2:before {
  content: "\f04d";
}
.icon-glyphs-balance:before {
  content: "\f04e";
}
.icon-glyphs-power:before {
  content: "\f04f";
}
.icon-glyphs-power2:before {
  content: "\f050";
}
.icon-glyphs-signup:before {
  content: "\f051";
}
.icon-glyphs-clipboard:before {
  content: "\f052";
}
.icon-glyphs-clipboard2:before {
  content: "\f053";
}
.icon-glyphs-grid:before {
  content: "\f054";
}
.icon-glyphs-grid2:before {
  content: "\f055";
}
.icon-glyphs-grid3:before {
  content: "\f056";
}
.icon-glyphs-tree:before {
  content: "\f057";
}
.icon-glyphs-grid4:before {
  content: "\f058";
}
.icon-glyphs-menu:before {
  content: "\f059";
}
.icon-glyphs-cloud-download:before {
  content: "\f05a";
}
.icon-glyphs-download:before {
  content: "\f05b";
}
.icon-glyphs-cloud:before {
  content: "\f05c";
}
.icon-glyphs-cloud-upload:before {
  content: "\f05d";
}
.icon-glyphs-upload:before {
  content: "\f05e";
}
.icon-glyphs-download2:before {
  content: "\f05f";
}
.icon-glyphs-flag:before {
  content: "\f060";
}
.icon-glyphs-flag2:before {
  content: "\f061";
}
.icon-glyphs-flag3:before {
  content: "\f062";
}
.icon-glyphs-eye:before {
  content: "\f063";
}
.icon-glyphs-bookmarks:before {
  content: "\f064";
}
.icon-glyphs-bookmark:before {
  content: "\f065";
}
.icon-glyphs-starburst:before {
  content: "\f066";
}
.icon-glyphs-star:before {
  content: "\f067";
}
.icon-glyphs-star2:before {
  content: "\f068";
}
.icon-glyphs-star3:before {
  content: "\f069";
}
.icon-glyphs-man:before {
  content: "\f06a";
}
.icon-glyphs-woman:before {
  content: "\f06b";
}
.icon-glyphs-male:before {
  content: "\f06c";
}
.icon-glyphs-female:before {
  content: "\f06d";
}
.icon-glyphs-stack-empty:before {
  content: "\f06e";
}
.icon-glyphs-stack-plus:before {
  content: "\f06f";
}
.icon-glyphs-stack-minus:before {
  content: "\f070";
}
.icon-glyphs-stack-star:before {
  content: "\f071";
}
.icon-glyphs-stack-down:before {
  content: "\f072";
}
.icon-glyphs-stack-up:before {
  content: "\f073";
}
.icon-glyphs-stack-cancel:before {
  content: "\f074";
}
.icon-glyphs-stack-checkmark:before {
  content: "\f075";
}
.icon-glyphs-stack-list:before {
  content: "\f076";
}
.icon-glyphs-stack-play:before {
  content: "\f077";
}
.icon-glyphs-warning:before {
  content: "\f078";
}
.icon-glyphs-notification:before {
  content: "\f079";
}
.icon-glyphs-notification2:before {
  content: "\f07a";
}
.icon-glyphs-question:before {
  content: "\f07b";
}
.icon-glyphs-question2:before {
  content: "\f07c";
}
.icon-glyphs-minus-circle:before {
  content: "\f07d";
}
.icon-glyphs-plus-circle:before {
  content: "\f07e";
}
.icon-glyphs-info:before {
  content: "\f07f";
}
.icon-glyphs-info2:before {
  content: "\f080";
}
.icon-glyphs-blocked:before {
  content: "\f081";
}
.icon-glyphs-cancel-circle:before {
  content: "\f082";
}
.icon-glyphs-spam:before {
  content: "\f083";
}
.icon-glyphs-enter:before {
  content: "\f084";
}
.icon-glyphs-arrow-refresh:before {
  content: "\f0b1";
}
.icon-glyphs-arrow-up:before {
  content: "\f085";
}
.icon-glyphs-arrow-right:before {
  content: "\f086";
}
.icon-glyphs-arrow-left:before {
  content: "\f087";
}
.icon-glyphs-arrow-down:before {
  content: "\f088";
}
.icon-glyphs-tab:before {
  content: "\f089";
}
.icon-glyphs-arrow-right2:before {
  content: "\f08a";
}
.icon-glyphs-arrow-left2:before {
  content: "\f08b";
}
.icon-glyphs-arrow-right3:before {
  content: "\f08c";
}
.icon-glyphs-arrow-left3:before {
  content: "\f08d";
}
.icon-glyphs-menu2:before {
  content: "\f08e";
}
.icon-glyphs-enter2:before {
  content: "\f08f";
}
.icon-glyphs-backspace:before {
  content: "\f090";
}
.icon-glyphs-transmission:before {
  content: "\f091";
}
.icon-glyphs-sort:before {
  content: "\f092";
}
.icon-glyphs-crop:before {
  content: "\f093";
}
.icon-glyphs-rulers:before {
  content: "\f094";
}
.icon-glyphs-scissors:before {
  content: "\f095";
}
.icon-glyphs-filter:before {
  content: "\f096";
}
.icon-glyphs-nbsp:before {
  content: "\f097";
}
.icon-glyphs-paragraph-justify:before {
  content: "\f098";
}
.icon-glyphs-share:before {
  content: "\f099";
}
.icon-glyphs-new-tab:before {
  content: "\f09a";
}
.icon-glyphs-code:before {
  content: "\f09b";
}
.icon-glyphs-console:before {
  content: "\f09c";
}
.icon-glyphs-share2:before {
  content: "\f09d";
}
.icon-glyphs-youtube:before {
  content: "\f09e";
}
.icon-glyphs-file-xml:before {
  content: "\f09f";
}
.icon-glyphs-file-powerpoint:before {
  content: "\f0a0";
}
.icon-glyphs-file-zip:before {
  content: "\f0a1";
}
.icon-glyphs-file-pdf:before {
  content: "\f0a2";
}
.icon-glyphs-cube:before {
  content: "\f0a3";
}
.icon-glyphs-screwdriver:before {
  content: "\f0a4";
}
.icon-glyphs-wand:before {
  content: "\f0a5";
}
.icon-glyphs-patch:before {
  content: "\f0a6";
}
.icon-glyphs-reply:before {
  content: "\f0a7";
}
.icon-glyphs-forward:before {
  content: "\f0a8";
}
.icon-glyphs-reply2:before {
  content: "\f0a9";
}
.icon-glyphs-redo:before {
  content: "\f0aa";
}
.icon-glyphs-undo:before {
  content: "\f0ab";
}
.icon-glyphs-tag:before {
  content: "\f0ac";
}
.icon-glyphs-cart3:before {
  content: "\f0ad";
}
.icon-glyphs-basket:before {
  content: "\f0ae";
}
.icon-glyphs-basket2:before {
  content: "\f0af";
}
.icon-glyphs-paint-format:before {
  content: "\f0b0";
}
.icon-glyphs-loop:before {
  content: "\f0b1";
}
.icon-glyphs-loop2:before {
  content: "\f0b2";
}
.icon-glyphs-shuffle:before {
  content: "\f0b3";
}
.icon-glyphs-loop3:before {
  content: "\f0b4";
}
.icon-glyphs-lightning:before {
  content: "\f0b5";
}
.icon-glyphs-cog:before {
  content: "\f0b6";
}
.icon-glyphs-file4:before {
  content: "\f0b7";
}
.icon-glyphs-file5:before {
  content: "\f0b8";
}
.icon-glyphs-files:before {
  content: "\f0b9";
}
.icon-glyphs-file-plus2:before {
  content: "\f0ba";
}
.icon-glyphs-file-minus2:before {
  content: "\f0bb";
}
.icon-glyphs-file-download2:before {
  content: "\f0bc";
}
.icon-glyphs-file-upload2:before {
  content: "\f0bd";
}
.icon-glyphs-file-check2:before {
  content: "\f0be";
}
.icon-glyphs-file-remove2:before {
  content: "\f0bf";
}
.icon-glyphs-envelope-alt:before {
  content: "\f0c0";
}
.icon-glyphs-download-alt:before {
  content: "\f0c1";
}
.icon-glyphs-edit:before {
  content: "\f0c2";
}
.icon-glyphs-pencil:before {
  content: "\f0c3";
}
.icon-glyphs-code-fork:before {
  content: "\f0c4";
}
.icon-glyphs-thumbs-up:before {
  content: "\f0c5";
}
.icon-glyphs-thumbs-down:before {
  content: "\f0c6";
}
.icon-glyphs-food:before {
  content: "\f0c7";
}
.icon-glyphs-arrow-down2:before {
  content: "\f0c8";
}
.icon-glyphs-arrow-up2:before {
  content: "\f0c9";
}
.icon-glyphs-arrow-right4:before {
  content: "\f0ca";
}
.icon-glyphs-arrow-left4:before {
  content: "\f0cb";
}
.icon-glyphs-chevron-right:before {
  content: "\f0cc";
}
.icon-glyphs-chevron-left:before {
  content: "\f0cd";
}
.icon-glyphs-remove:before {
  content: "\f0ce";
}
.icon-glyphs-ok:before {
  content: "\f0cf";
}
.icon-glyphs-cog2:before {
  content: "\f0d0";
}
.icon-glyphs-align-justify:before {
  content: "\f0d1";
}
.icon-glyphs-cancel:before {
  content: "\f0d2";
}
.icon-glyphs-minus-circle2:before {
  content: "\f0d3";
}
.icon-glyphs-plus-circle2:before {
  content: "\f0d4";
}
.icon-glyphs-plus:before {
  content: "\f0d5";
}
.icon-glyphs-minus:before {
  content: "\f0d6";
}
.icon-glyphs-signout:before {
  content: "\f0d7";
}
.icon-glyphs-home:before {
  content: "\f0d8";
}
.icon-glyphs-dollar:before {
  content: "\f0d9";
}
.icon-glyphs-insert-template:before {
  content: "\f0da";
}
.icon-glyphs-paragraph-justify2:before {
  content: "\f0db";
}
.icon-glyphs-paragraph-justify3:before {
  content: "\f0dc";
}
.icon-glyphs-stack-user:before {
  content: "\f0dd";
}
.icon-glyphs-box-add:before {
  content: "\f0de";
}
.icon-glyphs-box-remove:before {
  content: "\f0df";
}
.icon-glyphs-user2:before {
  content: "\f0e0";
}
.icon-glyphs-money:before {
  content: "\f0e1";
}
.icon-glyphs-table:before {
  content: "\f0e2";
}
.icon-glyphs-spotlight:before {
  content: "\f0e3";
}
.icon-glyphs-resize:before {
  content: "\f0e4";
}
.icon-glyphs-location:before {
  content: "\f0e5";
}
.icon-glyphs-list:before {
  content: "\f0e6";
}
.icon-glyphs-reorder:before {
  content: "\f0e7";
}
.icon-glyphs-puzzle2:before {
  content: "\f0e8";
}
.icon-glyphs-th-list:before {
  content: "\f0e9";
}
.icon-glyphs-medkit:before {
  content: "\f0ea";
}
.icon-glyphs-library:before {
  content: "\f0eb";
}
.icon-glyphs-tag2:before {
  content: "\f0ec";
}
.icon-glyphs-network:before {
  content: "\f0ed";
}
.icon-glyphs-signal:before {
  content: "\f0ee";
}
.icon-glyphs-address-book2:before {
  content: "\f0ef";
}
.icon-glyphs-trash:before {
  content: "\f0f0";
}
.icon-glyphs-minus-sign:before {
  content: "\f0f1";
}
.icon-glyphs-remove-sign:before {
  content: "\f0f2";
}
.icon-glyphs-link:before {
  content: "\f0f3";
}
.icon-glyphs-link2:before {
  content: "\f0f4";
}
.icon-glyphs-external-link:before {
  content: "\f0f5";
}
.icon-glyphs-phone:before {
  content: "\f0f6";
}
.icon-glyphs-chevron-up:before {
  content: "\f0f7";
}
.icon-glyphs-chevron-down:before {
  content: "\f0f8";
}
.icon-glyphs-signin:before {
  content: "\f0f9";
}
.icon-glyphs-attachment:before {
  content: "\f0fa";
}
.icon-glyphs-pie:before {
  content: "\f0fb";
}
.icon-glyphs-bug:before {
  content: "\f0fc";
}
.icon-glyphs-envelop2:before {
  content: "\f0fd";
}
.icon-glyphs-bubbles:before {
  content: "\f0fe";
}
.icon-glyphs-file-excel:before {
  content: "\f0ff";
}
.icon-glyphs-puzzle:before {
  content: "\f100";
}
.icon-glyphs-tax:before {
  content: "\f101";
}
.icon-glyphs-moneybag:before {
  content: "\f102";
}
.icon-glyphs-file-key:before {
  content: "\f103";
}
.icon-glyphs-file-service:before {
  content: "\f104";
}
.icon-glyphs-money-drawer:before {
  content: "\f105";
}
.icon-glyphs-provider:before {
  content: "\f106";
}
.icon-glyphs-service-go:before {
  content: "\f107";
}
.icon-glyphs-service-table:before {
  content: "\f108";
}
.icon-glyphs-news:before {
  content: "\f109";
}
.icon-glyphs-foldertree:before {
  content: "\f10a";
}
.icon-glyphs-visitor:before {
  content: "\f10b";
}
.icon-glyphs-mimetype:before {
  content: "\f10c";
}
.icon-glyphs-emailforward2:before {
  content: "\f10d";
}
.icon-glyphs-uniF013:before {
  content: "\f10e";
}
.icon-glyphs-product:before {
  content: "\f10f";
}
.icon-glyphs-bill:before {
  content: "\f110";
}
.icon-glyphs-save:before {
  content: "\f111";
}
.icon-glyphs-eraser:before {
  content: "\f112";
}
.icon-glyphs-building:before {
  content: "\f113";
}
.icon-glyphs-truck:before {
  content: "\f114";
}
.icon-glyphs-resellerhosting:before {
  content: "\f115";
}
.icon-glyphs-stethoscope:before {
  content: "\f116";
}
.icon-glyphs-preview:before {
  content: "\f117";
}
.icon-glyphs-cash:before {
  content: "\f118";
}
.icon-glyphs-database:before {
  content: "\f119";
}
.icon-glyphs-stack-edit:before {
  content: "\f11a";
}
.icon-glyphs-lamp:before {
  content: "\f11b";
}
.icon-glyphs-nfse:before {
  content: "\f11c";
}
.icon-glyphs-nf-entrada:before {
  content: "\f11d";
}
.icon-glyphs-nfe:before {
  content: "\f11e";
}
.icon-glyphs-book-transport:before {
  content: "\f11f";
}
.icon-glyphs-box-tax:before {
  content: "\f120";
}
.icon-glyphs-telecontrol:before {
  content: "\f121";
}
.icon-glyphs-box-adjust:before {
  content: "\f122";
}
.icon-glyphs-clientes-gat:before {
  content: "\f123";
}
.icon-glyphs-loja-admin:before {
  content: "\f124";
}
.icon-glyphs-loja-banners:before {
  content: "\f125";
}
.icon-glyphs-loja-config:before {
  content: "\f126";
}
.icon-glyphs-loja-pedidos:before {
  content: "\f127";
}
.icon-glyphs-loja-sincroniza:before {
  content: "\f128";
}
.icon-glyphs-coins-adjust:before {
  content: "\f129";
}
.icon-glyphs-percent-attachment:before {
  content: "\f12a";
}
.icon-glyphs-tax-default:before {
  content: "\f12b";
}
.icon-glyphs-cart-edit:before {
  content: "\f12c";
}
.icon-glyphs-cart-service:before {
  content: "\f12d";
}
.icon-glyphs-foodtray:before {
  content: "\f12e";
}
.icon-glyphs-cart-empty:before {
  content: "\f12f";
}
.icon-glyphs-foodtray-cog:before {
  content: "\f130";
}
.icon-glyphs-foodtray-edit:before {
  content: "\f131";
}
.icon-glyphs-foodtray-tag:before {
  content: "\f132";
}
.icon-glyphs-tag-price:before {
  content: "\f133";
}
.icon-glyphs-tag-barcode:before {
  content: "\f134";
}
.icon-glyphs-tag-edit:before {
  content: "\f135";
}
.icon-glyphs-sigma:before {
  content: "\f136";
}
.icon-glyphs-clock:before {
  content: "\f137";
}
.icon-glyphs-file-sigma:before {
  content: "\f138";
}
.icon-glyphs-file-clock:before {
  content: "\f139";
}
.icon-glyphs-file-transmission:before {
  content: "\f13a";
}
.icon-glyphs-file-adjust:before {
  content: "\f13b";
}
.icon-glyphs-file-dollar:before {
  content: "\f13c";
}
.icon-glyphs-file-percent:before {
  content: "\f13d";
}
.icon-glyphs-file-go:before {
  content: "\f13e";
}
.icon-glyphs-file-code:before {
  content: "\f13f";
}
.icon-glyphs-file-cog:before {
  content: "\f140";
}
.icon-glyphs-file-data:before {
  content: "\f141";
}
.icon-glyphs-stack-dollar:before {
  content: "\f142";
}
.icon-glyphs-nfe-destinada:before {
  content: "\f143";
}
.icon-glyphs-tag-service:before {
  content: "\f144";
}
.icon-glyphs-plus-sign:before {
  content: "\f145";
}
.icon-glyphs-ok-sign:before {
  content: "\f146";
}
.icon-glyphs-question-sign:before {
  content: "\f147";
}
.icon-glyphs-info-sign:before {
  content: "\f148";
}
.icon-glyphs-warning-sign:before {
  content: "\f149";
}
.icon-glyphs-exclamation-sign:before {
  content: "\f14a";
}

@font-face {
  font-family: 'keenicons-duotone';
  src: url('/dist/fonts/keenicons-duotone.ttf') format('truetype'), url('/dist/fonts/keenicons-duotone.woff') format('woff'), url('keenicons-duotone.svg?gcn9yo#keenicons-duotone') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ki-duotone {
  line-height: 1;
  position: relative;
  display: inline-flex;
}
.ki-duotone:after,
.ki-duotone:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'keenicons-duotone' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
}
.ki-abstract-1.ki-duotone:after {
  content: "\e900";
  opacity: 0.3;
}
.ki-abstract-1.ki-duotone:before {
  content: "\e901";
  position: absolute;
}
.ki-abstract-2.ki-duotone:after {
  content: "\e902";
  opacity: 0.3;
}
.ki-abstract-2.ki-duotone:before {
  content: "\e903";
  position: absolute;
}
.ki-abstract-3.ki-duotone:after {
  content: "\e904";
  opacity: 0.3;
}
.ki-abstract-3.ki-duotone:before {
  content: "\e905";
  position: absolute;
}
.ki-abstract-4.ki-duotone:after {
  content: "\e906";
  opacity: 0.3;
}
.ki-abstract-4.ki-duotone:before {
  content: "\e907";
  position: absolute;
}
.ki-abstract-5.ki-duotone:after {
  content: "\e908";
  opacity: 0.3;
}
.ki-abstract-5.ki-duotone:before {
  content: "\e909";
  position: absolute;
}
.ki-abstract-6.ki-duotone:before {
  content: "\e90a";
}
.ki-abstract-7.ki-duotone:after {
  content: "\e90b";
  opacity: 0.3;
}
.ki-abstract-7.ki-duotone:before {
  content: "\e90c";
  position: absolute;
}
.ki-abstract-8.ki-duotone:after {
  content: "\e90d";
  opacity: 0.3;
}
.ki-abstract-8.ki-duotone:before {
  content: "\e90e";
  position: absolute;
}
.ki-abstract-9.ki-duotone:after {
  content: "\e90f";
  opacity: 0.3;
}
.ki-abstract-9.ki-duotone:before {
  content: "\e910";
  position: absolute;
}
.ki-abstract-10.ki-duotone:after {
  content: "\e911";
  opacity: 0.3;
}
.ki-abstract-10.ki-duotone:before {
  content: "\e912";
  position: absolute;
}
.ki-abstract-11.ki-duotone:after {
  content: "\e913";
  opacity: 0.3;
}
.ki-abstract-11.ki-duotone:before {
  content: "\e914";
  position: absolute;
}
.ki-abstract-12.ki-duotone:after {
  content: "\e915";
  opacity: 0.3;
}
.ki-abstract-12.ki-duotone:before {
  content: "\e916";
  position: absolute;
}
.ki-abstract-13.ki-duotone:after {
  content: "\e917";
  opacity: 0.3;
}
.ki-abstract-13.ki-duotone:before {
  content: "\e918";
  position: absolute;
}
.ki-abstract-14.ki-duotone:after {
  content: "\e919";
}
.ki-abstract-14.ki-duotone:before {
  content: "\e91a";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-15.ki-duotone:after {
  content: "\e91b";
  opacity: 0.3;
}
.ki-abstract-15.ki-duotone:before {
  content: "\e91c";
  position: absolute;
}
.ki-abstract-16.ki-duotone:after {
  content: "\e91d";
  opacity: 0.3;
}
.ki-abstract-16.ki-duotone:before {
  content: "\e91e";
  position: absolute;
}
.ki-abstract-17.ki-duotone:after {
  content: "\e91f";
}
.ki-abstract-17.ki-duotone:before {
  content: "\e920";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-18.ki-duotone:after {
  content: "\e921";
}
.ki-abstract-18.ki-duotone:before {
  content: "\e922";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-19.ki-duotone:after {
  content: "\e923";
}
.ki-abstract-19.ki-duotone:before {
  content: "\e924";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-20.ki-duotone:after {
  content: "\e925";
}
.ki-abstract-20.ki-duotone:before {
  content: "\e926";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-21.ki-duotone:after {
  content: "\e927";
  opacity: 0.3;
}
.ki-abstract-21.ki-duotone:before {
  content: "\e928";
  position: absolute;
}
.ki-abstract-22.ki-duotone:after {
  content: "\e929";
  opacity: 0.3;
}
.ki-abstract-22.ki-duotone:before {
  content: "\e92a";
  position: absolute;
}
.ki-abstract-23.ki-duotone:after {
  content: "\e92b";
  opacity: 0.3;
}
.ki-abstract-23.ki-duotone:before {
  content: "\e92c";
  position: absolute;
}
.ki-abstract-24.ki-duotone:after {
  content: "\e92d";
}
.ki-abstract-24.ki-duotone:before {
  content: "\e92e";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-25.ki-duotone:after {
  content: "\e92f";
  opacity: 0.3;
}
.ki-abstract-25.ki-duotone:before {
  content: "\e930";
  position: absolute;
}
.ki-abstract-26.ki-duotone:after {
  content: "\e931";
  opacity: 0.3;
}
.ki-abstract-26.ki-duotone:before {
  content: "\e932";
  position: absolute;
}
.ki-abstract-27.ki-duotone:after {
  content: "\e933";
}
.ki-abstract-27.ki-duotone:before {
  content: "\e934";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-28.ki-duotone:after {
  content: "\e935";
}
.ki-abstract-28.ki-duotone:before {
  content: "\e936";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-29.ki-duotone:after {
  content: "\e937";
}
.ki-abstract-29.ki-duotone:before {
  content: "\e938";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-30.ki-duotone:after {
  content: "\e939";
}
.ki-abstract-30.ki-duotone:before {
  content: "\e93a";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-31.ki-duotone:after {
  content: "\e93b";
}
.ki-abstract-31.ki-duotone:before {
  content: "\e93c";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-32.ki-duotone:after {
  content: "\e93d";
}
.ki-abstract-32.ki-duotone:before {
  content: "\e93e";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-33.ki-duotone:after {
  content: "\e93f";
  opacity: 0.3;
}
.ki-abstract-33.ki-duotone:before {
  content: "\e940";
  position: absolute;
}
.ki-abstract-34.ki-duotone:after {
  content: "\e941";
  opacity: 0.3;
}
.ki-abstract-34.ki-duotone:before {
  content: "\e942";
  position: absolute;
}
.ki-abstract-35.ki-duotone:after {
  content: "\e943";
}
.ki-abstract-35.ki-duotone:before {
  content: "\e944";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-36.ki-duotone:after {
  content: "\e945";
}
.ki-abstract-36.ki-duotone:before {
  content: "\e946";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-37.ki-duotone:after {
  content: "\e947";
  opacity: 0.3;
}
.ki-abstract-37.ki-duotone:before {
  content: "\e948";
  position: absolute;
}
.ki-abstract-38.ki-duotone:after {
  content: "\e949";
}
.ki-abstract-38.ki-duotone:before {
  content: "\e94a";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-39.ki-duotone:after {
  content: "\e94b";
  opacity: 0.3;
}
.ki-abstract-39.ki-duotone:before {
  content: "\e94c";
  position: absolute;
}
.ki-abstract-40.ki-duotone:after {
  content: "\e94d";
}
.ki-abstract-40.ki-duotone:before {
  content: "\e94e";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-41.ki-duotone:after {
  content: "\e94f";
}
.ki-abstract-41.ki-duotone:before {
  content: "\e950";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-42.ki-duotone:after {
  content: "\e951";
  opacity: 0.3;
}
.ki-abstract-42.ki-duotone:before {
  content: "\e952";
  position: absolute;
}
.ki-abstract-43.ki-duotone:after {
  content: "\e953";
  opacity: 0.3;
}
.ki-abstract-43.ki-duotone:before {
  content: "\e954";
  position: absolute;
}
.ki-abstract-44.ki-duotone:after {
  content: "\e955";
}
.ki-abstract-44.ki-duotone:before {
  content: "\e956";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-45.ki-duotone:after {
  content: "\e957";
}
.ki-abstract-45.ki-duotone:before {
  content: "\e958";
  position: absolute;
  opacity: 0.3;
}
.ki-abstract-46.ki-duotone:after {
  content: "\e959";
  opacity: 0.3;
}
.ki-abstract-46.ki-duotone:before {
  content: "\e95a";
  position: absolute;
}
.ki-abstract-47.ki-duotone:after {
  content: "\e95b";
  opacity: 0.3;
}
.ki-abstract-47.ki-duotone:before {
  content: "\e95c";
  position: absolute;
}
.ki-abstract-48.ki-duotone:after {
  content: "\e95d";
  opacity: 0.3;
}
.ki-abstract-48.ki-duotone:before {
  content: "\e95e";
  position: absolute;
}
.ki-abstract-49.ki-duotone:after {
  content: "\e95f";
  opacity: 0.3;
}
.ki-abstract-49.ki-duotone:before {
  content: "\e960";
  position: absolute;
}
.ki-abstract.ki-duotone:after {
  content: "\e961";
  opacity: 0.3;
}
.ki-abstract.ki-duotone:before {
  content: "\e962";
  position: absolute;
}
.ki-add-files.ki-duotone:after {
  content: "\e963";
  opacity: 0.3;
}
.ki-add-files.ki-duotone:before {
  content: "\e964";
  position: absolute;
}
.ki-add-folder.ki-duotone:after {
  content: "\e965";
  opacity: 0.3;
}
.ki-add-folder.ki-duotone:before {
  content: "\e966";
  position: absolute;
}
.ki-add-notepad.ki-duotone:after {
  content: "\e967";
  opacity: 0.3;
}
.ki-add-notepad.ki-duotone:before {
  content: "\e968";
  position: absolute;
}
.ki-additem.ki-duotone:after {
  content: "\e969";
  opacity: 0.3;
}
.ki-additem.ki-duotone:before {
  content: "\e96a";
  position: absolute;
}
.ki-address-book.ki-duotone:after {
  content: "\e96b";
}
.ki-address-book.ki-duotone:before {
  content: "\e96c";
  position: absolute;
  opacity: 0.3;
}
.ki-airplane-square.ki-duotone:after {
  content: "\e96d";
  opacity: 0.3;
}
.ki-airplane-square.ki-duotone:before {
  content: "\e96e";
  position: absolute;
}
.ki-airplane.ki-duotone:after {
  content: "\e96f";
  opacity: 0.3;
}
.ki-airplane.ki-duotone:before {
  content: "\e970";
  position: absolute;
}
.ki-airpod.ki-duotone:after {
  content: "\e971";
  opacity: 0.3;
}
.ki-airpod.ki-duotone:before {
  content: "\e972";
  position: absolute;
}
.ki-android.ki-duotone:after {
  content: "\e973";
}
.ki-android.ki-duotone:before {
  content: "\e974";
  position: absolute;
  opacity: 0.3;
}
.ki-angular.ki-duotone:after {
  content: "\e975";
}
.ki-angular.ki-duotone:before {
  content: "\e976";
  position: absolute;
  opacity: 0.3;
}
.ki-apple.ki-duotone:before {
  content: "\e977";
}
.ki-archive-tick.ki-duotone:after {
  content: "\e978";
  opacity: 0.3;
}
.ki-archive-tick.ki-duotone:before {
  content: "\e979";
  position: absolute;
}
.ki-archive.ki-duotone:after {
  content: "\e97a";
  opacity: 0.3;
}
.ki-archive.ki-duotone:before {
  content: "\e97b";
  position: absolute;
}
.ki-arrow-circle-left.ki-duotone:after {
  content: "\e97c";
  opacity: 0.3;
}
.ki-arrow-circle-left.ki-duotone:before {
  content: "\e97d";
  position: absolute;
}
.ki-arrow-circle-right.ki-duotone:after {
  content: "\e97e";
  opacity: 0.3;
}
.ki-arrow-circle-right.ki-duotone:before {
  content: "\e97f";
  position: absolute;
}
.ki-arrow-down-left.ki-duotone:after {
  content: "\e980";
  opacity: 0.3;
}
.ki-arrow-down-left.ki-duotone:before {
  content: "\e981";
  position: absolute;
}
.ki-arrow-down-refraction.ki-duotone:after {
  content: "\e982";
}
.ki-arrow-down-refraction.ki-duotone:before {
  content: "\e983";
  position: absolute;
  opacity: 0.3;
}
.ki-arrow-down-right.ki-duotone:after {
  content: "\e984";
  opacity: 0.3;
}
.ki-arrow-down-right.ki-duotone:before {
  content: "\e985";
  position: absolute;
}
.ki-arrow-down.ki-duotone:after {
  content: "\e986";
  opacity: 0.3;
}
.ki-arrow-down.ki-duotone:before {
  content: "\e987";
  position: absolute;
}
.ki-arrow-left.ki-duotone:after {
  content: "\e988";
  opacity: 0.3;
}
.ki-arrow-left.ki-duotone:before {
  content: "\e989";
  position: absolute;
}
.ki-arrow-mix.ki-duotone:after {
  content: "\e98a";
  opacity: 0.3;
}
.ki-arrow-mix.ki-duotone:before {
  content: "\e98b";
  position: absolute;
}
.ki-arrow-right-left.ki-duotone:after {
  content: "\e98c";
}
.ki-arrow-right-left.ki-duotone:before {
  content: "\e98d";
  position: absolute;
  opacity: 0.3;
}
.ki-arrow-right.ki-duotone:after {
  content: "\e98e";
  opacity: 0.3;
}
.ki-arrow-right.ki-duotone:before {
  content: "\e98f";
  position: absolute;
}
.ki-arrow-two-diagonals.ki-duotone:after {
  content: "\e990";
  opacity: 0.3;
}
.ki-arrow-two-diagonals.ki-duotone:before {
  content: "\e991";
  position: absolute;
}
.ki-arrow-up-down.ki-duotone:after {
  content: "\e992";
}
.ki-arrow-up-down.ki-duotone:before {
  content: "\e993";
  position: absolute;
  opacity: 0.3;
}
.ki-arrow-up-left.ki-duotone:after {
  content: "\e994";
  opacity: 0.3;
}
.ki-arrow-up-left.ki-duotone:before {
  content: "\e995";
  position: absolute;
}
.ki-arrow-up-refraction.ki-duotone:after {
  content: "\e996";
}
.ki-arrow-up-refraction.ki-duotone:before {
  content: "\e997";
  position: absolute;
  opacity: 0.3;
}
.ki-arrow-up-right.ki-duotone:after {
  content: "\e998";
  opacity: 0.3;
}
.ki-arrow-up-right.ki-duotone:before {
  content: "\e999";
  position: absolute;
}
.ki-arrow-up.ki-duotone:after {
  content: "\e99a";
  opacity: 0.3;
}
.ki-arrow-up.ki-duotone:before {
  content: "\e99b";
  position: absolute;
}
.ki-arrow-zigzag.ki-duotone:after {
  content: "\e99c";
}
.ki-arrow-zigzag.ki-duotone:before {
  content: "\e99d";
  position: absolute;
  opacity: 0.3;
}
.ki-arrows-circle.ki-duotone:after {
  content: "\e99e";
  opacity: 0.3;
}
.ki-arrows-circle.ki-duotone:before {
  content: "\e99f";
  position: absolute;
}
.ki-arrows-loop.ki-duotone:after {
  content: "\e9a0";
  opacity: 0.3;
}
.ki-arrows-loop.ki-duotone:before {
  content: "\e9a1";
  position: absolute;
}
.ki-artificial-intelligence.ki-duotone:after {
  content: "\e9a2";
  opacity: 0.3;
}
.ki-artificial-intelligence.ki-duotone:before {
  content: "\e9a3";
  position: absolute;
}
.ki-autobrightness.ki-duotone:after {
  content: "\e9a4";
  opacity: 0.3;
}
.ki-autobrightness.ki-duotone:before {
  content: "\e9a5";
  position: absolute;
}
.ki-avalanche-avax.ki-duotone:after {
  content: "\e9a6";
  opacity: 0.3;
}
.ki-avalanche-avax.ki-duotone:before {
  content: "\e9a7";
  position: absolute;
}
.ki-award.ki-duotone:after {
  content: "\e9a8";
  opacity: 0.3;
}
.ki-award.ki-duotone:before {
  content: "\e9a9";
  position: absolute;
}
.ki-badge.ki-duotone:after {
  content: "\e9aa";
  opacity: 0.3;
}
.ki-badge.ki-duotone:before {
  content: "\e9ab";
  position: absolute;
}
.ki-bandage.ki-duotone:after {
  content: "\e9ac";
  opacity: 0.3;
}
.ki-bandage.ki-duotone:before {
  content: "\e9ad";
  position: absolute;
}
.ki-bank.ki-duotone:after {
  content: "\e9ae";
  opacity: 0.3;
}
.ki-bank.ki-duotone:before {
  content: "\e9af";
  position: absolute;
}
.ki-bar-chart.ki-duotone:after {
  content: "\e9b0";
}
.ki-bar-chart.ki-duotone:before {
  content: "\e9b1";
  position: absolute;
  opacity: 0.3;
}
.ki-barcode.ki-duotone:after {
  content: "\e9b2";
}
.ki-barcode.ki-duotone:before {
  content: "\e9b3";
  position: absolute;
  opacity: 0.3;
}
.ki-basket-ok.ki-duotone:after {
  content: "\e9b4";
  opacity: 0.3;
}
.ki-basket-ok.ki-duotone:before {
  content: "\e9b5";
  position: absolute;
}
.ki-basket.ki-duotone:after {
  content: "\e9b6";
  opacity: 0.3;
}
.ki-basket.ki-duotone:before {
  content: "\e9b7";
  position: absolute;
}
.ki-behance.ki-duotone:after {
  content: "\e9b8";
}
.ki-behance.ki-duotone:before {
  content: "\e9b9";
  position: absolute;
  opacity: 0.3;
}
.ki-bill.ki-duotone:after {
  content: "\e9ba";
  opacity: 0.3;
}
.ki-bill.ki-duotone:before {
  content: "\e9bb";
  position: absolute;
}
.ki-binance-usd-busd.ki-duotone:after {
  content: "\e9bc";
}
.ki-binance-usd-busd.ki-duotone:before {
  content: "\e9bd";
  position: absolute;
  opacity: 0.3;
}
.ki-binance.ki-duotone:after {
  content: "\e9be";
  opacity: 0.3;
}
.ki-binance.ki-duotone:before {
  content: "\e9bf";
  position: absolute;
}
.ki-bitcoin.ki-duotone:after {
  content: "\e9c0";
  opacity: 0.3;
}
.ki-bitcoin.ki-duotone:before {
  content: "\e9c1";
  position: absolute;
}
.ki-black-down.ki-duotone:before {
  content: "\e9c2";
}
.ki-black-left-line.ki-duotone:after {
  content: "\e9c3";
}
.ki-black-left-line.ki-duotone:before {
  content: "\e9c4";
  position: absolute;
  opacity: 0.3;
}
.ki-black-left.ki-duotone:before {
  content: "\e9c5";
}
.ki-black-right-line.ki-duotone:after {
  content: "\e9c6";
}
.ki-black-right-line.ki-duotone:before {
  content: "\e9c7";
  position: absolute;
  opacity: 0.3;
}
.ki-black-right.ki-duotone:before {
  content: "\e9c8";
}
.ki-black-up.ki-duotone:before {
  content: "\e9c9";
}
.ki-bluetooth.ki-duotone:after {
  content: "\e9ca";
}
.ki-bluetooth.ki-duotone:before {
  content: "\e9cb";
  position: absolute;
  opacity: 0.3;
}
.ki-book-open.ki-duotone:after {
  content: "\e9cc";
  opacity: 0.3;
}
.ki-book-open.ki-duotone:before {
  content: "\e9cd";
  position: absolute;
}
.ki-book-square.ki-duotone:after {
  content: "\e9ce";
  opacity: 0.3;
}
.ki-book-square.ki-duotone:before {
  content: "\e9cf";
  position: absolute;
}
.ki-book.ki-duotone:after {
  content: "\e9d0";
  opacity: 0.3;
}
.ki-book.ki-duotone:before {
  content: "\e9d1";
  position: absolute;
}
.ki-bookmark-2.ki-duotone:after {
  content: "\e9d2";
  opacity: 0.3;
}
.ki-bookmark-2.ki-duotone:before {
  content: "\e9d3";
  position: absolute;
}
.ki-bookmark.ki-duotone:after {
  content: "\e9d4";
  opacity: 0.3;
}
.ki-bookmark.ki-duotone:before {
  content: "\e9d5";
  position: absolute;
}
.ki-bootstrap.ki-duotone:after {
  content: "\e9d6";
  opacity: 0.3;
}
.ki-bootstrap.ki-duotone:before {
  content: "\e9d7";
  position: absolute;
}
.ki-briefcase.ki-duotone:after {
  content: "\e9d8";
  opacity: 0.3;
}
.ki-briefcase.ki-duotone:before {
  content: "\e9d9";
  position: absolute;
}
.ki-brifecase-cros.ki-duotone:after {
  content: "\e9da";
  opacity: 0.3;
}
.ki-brifecase-cros.ki-duotone:before {
  content: "\e9db";
  position: absolute;
}
.ki-brifecase-tick.ki-duotone:after {
  content: "\e9dc";
  opacity: 0.3;
}
.ki-brifecase-tick.ki-duotone:before {
  content: "\e9dd";
  position: absolute;
}
.ki-brifecase-timer.ki-duotone:after {
  content: "\e9de";
  opacity: 0.3;
}
.ki-brifecase-timer.ki-duotone:before {
  content: "\e9df";
  position: absolute;
}
.ki-brush.ki-duotone:after {
  content: "\e9e0";
  opacity: 0.3;
}
.ki-brush.ki-duotone:before {
  content: "\e9e1";
  position: absolute;
}
.ki-bucket-square.ki-duotone:after {
  content: "\e9e2";
  opacity: 0.3;
}
.ki-bucket-square.ki-duotone:before {
  content: "\e9e3";
  position: absolute;
}
.ki-bucket.ki-duotone:after {
  content: "\e9e4";
  opacity: 0.3;
}
.ki-bucket.ki-duotone:before {
  content: "\e9e5";
  position: absolute;
}
.ki-burger-menu-1.ki-duotone:after {
  content: "\e9e6";
  opacity: 0.3;
}
.ki-burger-menu-1.ki-duotone:before {
  content: "\e9e7";
  position: absolute;
}
.ki-burger-menu-2.ki-duotone:after {
  content: "\e9e8";
  opacity: 0.3;
}
.ki-burger-menu-2.ki-duotone:before {
  content: "\e9e9";
  position: absolute;
}
.ki-burger-menu-3.ki-duotone:after {
  content: "\e9ea";
  opacity: 0.3;
}
.ki-burger-menu-3.ki-duotone:before {
  content: "\e9eb";
  position: absolute;
}
.ki-burger-menu-4.ki-duotone:before {
  content: "\e9ec";
}
.ki-burger-menu-5.ki-duotone:before {
  content: "\e9ed";
}
.ki-burger-menu-6.ki-duotone:before {
  content: "\e9ee";
}
.ki-burger-menu.ki-duotone:after {
  content: "\e9ef";
  opacity: 0.3;
}
.ki-burger-menu.ki-duotone:before {
  content: "\e9f0";
  position: absolute;
}
.ki-bus.ki-duotone:after {
  content: "\e9f1";
  opacity: 0.3;
}
.ki-bus.ki-duotone:before {
  content: "\e9f2";
  position: absolute;
}
.ki-calculator.ki-duotone:after {
  content: "\e9f3";
  opacity: 0.3;
}
.ki-calculator.ki-duotone:before {
  content: "\e9f4";
  position: absolute;
}
.ki-calculatoror.ki-duotone:after {
  content: "\e9f5";
  opacity: 0.3;
}
.ki-calculatoror.ki-duotone:before {
  content: "\e9f6";
  position: absolute;
}
.ki-calendar-2.ki-duotone:after {
  content: "\e9f7";
  opacity: 0.3;
}
.ki-calendar-2.ki-duotone:before {
  content: "\e9f8";
  position: absolute;
}
.ki-calendar-8.ki-duotone:after {
  content: "\e9f9";
  opacity: 0.3;
}
.ki-calendar-8.ki-duotone:before {
  content: "\e9fa";
  position: absolute;
}
.ki-calendar-add.ki-duotone:after {
  content: "\e9fb";
  opacity: 0.3;
}
.ki-calendar-add.ki-duotone:before {
  content: "\e9fc";
  position: absolute;
}
.ki-calendar-edit.ki-duotone:after {
  content: "\e9fd";
  opacity: 0.3;
}
.ki-calendar-edit.ki-duotone:before {
  content: "\e9fe";
  position: absolute;
}
.ki-calendar-remove.ki-duotone:after {
  content: "\e9ff";
  opacity: 0.3;
}
.ki-calendar-remove.ki-duotone:before {
  content: "\ea00";
  position: absolute;
}
.ki-calendar-search.ki-duotone:after {
  content: "\ea01";
  opacity: 0.3;
}
.ki-calendar-search.ki-duotone:before {
  content: "\ea02";
  position: absolute;
}
.ki-calendar-tick.ki-duotone:after {
  content: "\ea03";
  opacity: 0.3;
}
.ki-calendar-tick.ki-duotone:before {
  content: "\ea04";
  position: absolute;
}
.ki-calendar.ki-duotone:after {
  content: "\ea05";
  opacity: 0.3;
}
.ki-calendar.ki-duotone:before {
  content: "\ea06";
  position: absolute;
}
.ki-call.ki-duotone:after {
  content: "\ea07";
  opacity: 0.3;
}
.ki-call.ki-duotone:before {
  content: "\ea08";
  position: absolute;
}
.ki-capsule.ki-duotone:after {
  content: "\ea09";
  opacity: 0.3;
}
.ki-capsule.ki-duotone:before {
  content: "\ea0a";
  position: absolute;
}
.ki-car.ki-duotone:after {
  content: "\ea0b";
  opacity: 0.3;
}
.ki-car.ki-duotone:before {
  content: "\ea0c";
  position: absolute;
}
.ki-category.ki-duotone:after {
  content: "\ea0d";
  opacity: 0.3;
}
.ki-category.ki-duotone:before {
  content: "\ea0e";
  position: absolute;
}
.ki-cd.ki-duotone:after {
  content: "\ea0f";
}
.ki-cd.ki-duotone:before {
  content: "\ea10";
  position: absolute;
  opacity: 0.3;
}
.ki-celsius-cel.ki-duotone:after {
  content: "\ea11";
}
.ki-celsius-cel.ki-duotone:before {
  content: "\ea12";
  position: absolute;
  opacity: 0.3;
}
.ki-chart-line-down-2.ki-duotone:after {
  content: "\ea13";
  opacity: 0.3;
}
.ki-chart-line-down-2.ki-duotone:before {
  content: "\ea14";
  position: absolute;
}
.ki-chart-line-down.ki-duotone:after {
  content: "\ea15";
  opacity: 0.3;
}
.ki-chart-line-down.ki-duotone:before {
  content: "\ea16";
  position: absolute;
}
.ki-chart-line-star.ki-duotone:after {
  content: "\ea17";
}
.ki-chart-line-star.ki-duotone:before {
  content: "\ea18";
  position: absolute;
  opacity: 0.3;
}
.ki-chart-line-up-2.ki-duotone:after {
  content: "\ea19";
}
.ki-chart-line-up-2.ki-duotone:before {
  content: "\ea1a";
  position: absolute;
  opacity: 0.3;
}
.ki-chart-line-up.ki-duotone:after {
  content: "\ea1b";
}
.ki-chart-line-up.ki-duotone:before {
  content: "\ea1c";
  position: absolute;
  opacity: 0.3;
}
.ki-chart-line.ki-duotone:after {
  content: "\ea1d";
  opacity: 0.3;
}
.ki-chart-line.ki-duotone:before {
  content: "\ea1e";
  position: absolute;
}
.ki-chart-pie-3.ki-duotone:after {
  content: "\ea1f";
}
.ki-chart-pie-3.ki-duotone:before {
  content: "\ea20";
  position: absolute;
  opacity: 0.3;
}
.ki-chart-pie-4.ki-duotone:after {
  content: "\ea21";
}
.ki-chart-pie-4.ki-duotone:before {
  content: "\ea22";
  position: absolute;
  opacity: 0.3;
}
.ki-chart-pie-simple.ki-duotone:after {
  content: "\ea23";
}
.ki-chart-pie-simple.ki-duotone:before {
  content: "\ea24";
  position: absolute;
  opacity: 0.3;
}
.ki-chart-pie-too.ki-duotone:after {
  content: "\ea25";
  opacity: 0.3;
}
.ki-chart-pie-too.ki-duotone:before {
  content: "\ea26";
  position: absolute;
}
.ki-chart-simple-2.ki-duotone:after {
  content: "\ea27";
}
.ki-chart-simple-2.ki-duotone:before {
  content: "\ea28";
  position: absolute;
  opacity: 0.3;
}
.ki-chart-simple-3.ki-duotone:after {
  content: "\ea29";
}
.ki-chart-simple-3.ki-duotone:before {
  content: "\ea2a";
  position: absolute;
  opacity: 0.3;
}
.ki-chart-simple.ki-duotone:after {
  content: "\ea2b";
}
.ki-chart-simple.ki-duotone:before {
  content: "\ea2c";
  position: absolute;
  opacity: 0.3;
}
.ki-chart.ki-duotone:after {
  content: "\ea2d";
}
.ki-chart.ki-duotone:before {
  content: "\ea2e";
  position: absolute;
  opacity: 0.3;
}
.ki-check-circle.ki-duotone:after {
  content: "\ea2f";
  opacity: 0.3;
}
.ki-check-circle.ki-duotone:before {
  content: "\ea30";
  position: absolute;
}
.ki-check-squared.ki-duotone:after {
  content: "\ea31";
  opacity: 0.3;
}
.ki-check-squared.ki-duotone:before {
  content: "\ea32";
  position: absolute;
}
.ki-check.ki-duotone:before {
  content: "\ea33";
}
.ki-cheque.ki-duotone:after {
  content: "\ea34";
}
.ki-cheque.ki-duotone:before {
  content: "\ea35";
  position: absolute;
  opacity: 0.3;
}
.ki-chrome.ki-duotone:after {
  content: "\ea36";
  opacity: 0.3;
}
.ki-chrome.ki-duotone:before {
  content: "\ea37";
  position: absolute;
}
.ki-classmates.ki-duotone:after {
  content: "\ea38";
}
.ki-classmates.ki-duotone:before {
  content: "\ea39";
  position: absolute;
  opacity: 0.3;
}
.ki-click.ki-duotone:after {
  content: "\ea3a";
}
.ki-click.ki-duotone:before {
  content: "\ea3b";
  position: absolute;
  opacity: 0.3;
}
.ki-clipboard.ki-duotone:after {
  content: "\ea3c";
  opacity: 0.3;
}
.ki-clipboard.ki-duotone:before {
  content: "\ea3d";
  position: absolute;
}
.ki-cloud-add.ki-duotone:after {
  content: "\ea3e";
}
.ki-cloud-add.ki-duotone:before {
  content: "\ea3f";
  position: absolute;
  opacity: 0.3;
}
.ki-cloud-change.ki-duotone:after {
  content: "\ea40";
}
.ki-cloud-change.ki-duotone:before {
  content: "\ea41";
  position: absolute;
  opacity: 0.3;
}
.ki-cloud-download.ki-duotone:after {
  content: "\ea42";
  opacity: 0.3;
}
.ki-cloud-download.ki-duotone:before {
  content: "\ea43";
  position: absolute;
}
.ki-cloud.ki-duotone:before {
  content: "\ea44";
}
.ki-code.ki-duotone:after {
  content: "\ea45";
  opacity: 0.3;
}
.ki-code.ki-duotone:before {
  content: "\ea46";
  position: absolute;
}
.ki-coffee.ki-duotone:after {
  content: "\ea47";
  opacity: 0.3;
}
.ki-coffee.ki-duotone:before {
  content: "\ea48";
  position: absolute;
}
.ki-color-swatch.ki-duotone:after {
  content: "\ea49";
  opacity: 0.3;
}
.ki-color-swatch.ki-duotone:before {
  content: "\ea4a";
  position: absolute;
}
.ki-colors-square.ki-duotone:after {
  content: "\ea4b";
  opacity: 0.3;
}
.ki-colors-square.ki-duotone:before {
  content: "\ea4c";
  position: absolute;
}
.ki-compass.ki-duotone:after {
  content: "\ea4d";
}
.ki-compass.ki-duotone:before {
  content: "\ea4e";
  position: absolute;
  opacity: 0.3;
}
.ki-copy-success.ki-duotone:after {
  content: "\ea4f";
}
.ki-copy-success.ki-duotone:before {
  content: "\ea50";
  position: absolute;
  opacity: 0.3;
}
.ki-copy.ki-duotone:before {
  content: "\ea51";
}
.ki-courier-express.ki-duotone:after {
  content: "\ea52";
}
.ki-courier-express.ki-duotone:before {
  content: "\ea53";
  position: absolute;
  opacity: 0.3;
}
.ki-courier.ki-duotone:after {
  content: "\ea54";
  opacity: 0.3;
}
.ki-courier.ki-duotone:before {
  content: "\ea55";
  position: absolute;
}
.ki-credit-cart.ki-duotone:after {
  content: "\ea56";
  opacity: 0.3;
}
.ki-credit-cart.ki-duotone:before {
  content: "\ea57";
  position: absolute;
}
.ki-cross-circle.ki-duotone:after {
  content: "\ea58";
  opacity: 0.3;
}
.ki-cross-circle.ki-duotone:before {
  content: "\ea59";
  position: absolute;
}
.ki-cross-square.ki-duotone:after {
  content: "\ea5a";
  opacity: 0.3;
}
.ki-cross-square.ki-duotone:before {
  content: "\ea5b";
  position: absolute;
}
.ki-cross.ki-duotone:before {
  content: "\ea5c";
}
.ki-crown-2.ki-duotone:after {
  content: "\ea5d";
  opacity: 0.3;
}
.ki-crown-2.ki-duotone:before {
  content: "\ea5e";
  position: absolute;
}
.ki-crown.ki-duotone:after {
  content: "\ea5f";
  opacity: 0.3;
}
.ki-crown.ki-duotone:before {
  content: "\ea60";
  position: absolute;
}
.ki-css.ki-duotone:after {
  content: "\ea61";
  opacity: 0.3;
}
.ki-css.ki-duotone:before {
  content: "\ea62";
  position: absolute;
}
.ki-cube-2.ki-duotone:after {
  content: "\ea63";
  opacity: 0.3;
}
.ki-cube-2.ki-duotone:before {
  content: "\ea64";
  position: absolute;
}
.ki-cube-3.ki-duotone:after {
  content: "\ea65";
  opacity: 0.3;
}
.ki-cube-3.ki-duotone:before {
  content: "\ea66";
  position: absolute;
}
.ki-cup.ki-duotone:after {
  content: "\ea67";
  opacity: 0.3;
}
.ki-cup.ki-duotone:before {
  content: "\ea68";
  position: absolute;
}
.ki-cursor.ki-duotone:after {
  content: "\ea69";
  opacity: 0.3;
}
.ki-cursor.ki-duotone:before {
  content: "\ea6a";
  position: absolute;
}
.ki-dash.ki-duotone:after {
  content: "\ea6b";
  opacity: 0.3;
}
.ki-dash.ki-duotone:before {
  content: "\ea6c";
  position: absolute;
}
.ki-data.ki-duotone:after {
  content: "\ea6d";
}
.ki-data.ki-duotone:before {
  content: "\ea6e";
  position: absolute;
  opacity: 0.3;
}
.ki-delete-files.ki-duotone:after {
  content: "\ea6f";
  opacity: 0.3;
}
.ki-delete-files.ki-duotone:before {
  content: "\ea70";
  position: absolute;
}
.ki-delete-folder.ki-duotone:after {
  content: "\ea71";
  opacity: 0.3;
}
.ki-delete-folder.ki-duotone:before {
  content: "\ea72";
  position: absolute;
}
.ki-delivery-2.ki-duotone:after {
  content: "\ea73";
  opacity: 0.3;
}
.ki-delivery-2.ki-duotone:before {
  content: "\ea74";
  position: absolute;
}
.ki-delivery-3.ki-duotone:after {
  content: "\ea75";
  opacity: 0.3;
}
.ki-delivery-3.ki-duotone:before {
  content: "\ea76";
  position: absolute;
}
.ki-delivery-24.ki-duotone:after {
  content: "\ea77";
  opacity: 0.3;
}
.ki-delivery-24.ki-duotone:before {
  content: "\ea78";
  position: absolute;
}
.ki-delivery-door.ki-duotone:after {
  content: "\ea79";
  opacity: 0.3;
}
.ki-delivery-door.ki-duotone:before {
  content: "\ea7a";
  position: absolute;
}
.ki-delivery-geolocation.ki-duotone:after {
  content: "\ea7b";
  opacity: 0.3;
}
.ki-delivery-geolocation.ki-duotone:before {
  content: "\ea7c";
  position: absolute;
}
.ki-delivery-time.ki-duotone:after {
  content: "\ea7d";
  opacity: 0.3;
}
.ki-delivery-time.ki-duotone:before {
  content: "\ea7e";
  position: absolute;
}
.ki-delivery.ki-duotone:after {
  content: "\ea7f";
  opacity: 0.3;
}
.ki-delivery.ki-duotone:before {
  content: "\ea80";
  position: absolute;
}
.ki-design-1.ki-duotone:after {
  content: "\ea81";
  opacity: 0.3;
}
.ki-design-1.ki-duotone:before {
  content: "\ea82";
  position: absolute;
}
.ki-design-2.ki-duotone:after {
  content: "\ea83";
  opacity: 0.3;
}
.ki-design-2.ki-duotone:before {
  content: "\ea84";
  position: absolute;
}
.ki-desktop-mobile.ki-duotone:after {
  content: "\ea85";
  opacity: 0.3;
}
.ki-desktop-mobile.ki-duotone:before {
  content: "\ea86";
  position: absolute;
}
.ki-devices-2.ki-duotone:after {
  content: "\ea87";
  opacity: 0.3;
}
.ki-devices-2.ki-duotone:before {
  content: "\ea88";
  position: absolute;
}
.ki-devices.ki-duotone:after {
  content: "\ea89";
  opacity: 0.3;
}
.ki-devices.ki-duotone:before {
  content: "\ea8a";
  position: absolute;
}
.ki-diamonds.ki-duotone:after {
  content: "\ea8b";
}
.ki-diamonds.ki-duotone:before {
  content: "\ea8c";
  position: absolute;
  opacity: 0.3;
}
.ki-directbox-default.ki-duotone:after {
  content: "\ea8d";
  opacity: 0.3;
}
.ki-directbox-default.ki-duotone:before {
  content: "\ea8e";
  position: absolute;
}
.ki-disconnect.ki-duotone:after {
  content: "\ea8f";
}
.ki-disconnect.ki-duotone:before {
  content: "\ea90";
  position: absolute;
  opacity: 0.3;
}
.ki-discount.ki-duotone:after {
  content: "\ea91";
  opacity: 0.3;
}
.ki-discount.ki-duotone:before {
  content: "\ea92";
  position: absolute;
}
.ki-disguise.ki-duotone:after {
  content: "\ea93";
  opacity: 0.3;
}
.ki-disguise.ki-duotone:before {
  content: "\ea94";
  position: absolute;
}
.ki-disk.ki-duotone:after {
  content: "\ea95";
  opacity: 0.3;
}
.ki-disk.ki-duotone:before {
  content: "\ea96";
  position: absolute;
}
.ki-dislike.ki-duotone:after {
  content: "\ea97";
}
.ki-dislike.ki-duotone:before {
  content: "\ea98";
  position: absolute;
  opacity: 0.3;
}
.ki-dj.ki-duotone:before {
  content: "\ea99";
}
.ki-document.ki-duotone:after {
  content: "\ea9a";
  opacity: 0.3;
}
.ki-document.ki-duotone:before {
  content: "\ea9b";
  position: absolute;
}
.ki-double-check.ki-duotone:after {
  content: "\ea9c";
}
.ki-double-check.ki-duotone:before {
  content: "\ea9d";
  position: absolute;
  opacity: 0.3;
}
.ki-dollar.ki-duotone:after {
  content: "\ea9e";
  opacity: 0.3;
}
.ki-dollar.ki-duotone:before {
  content: "\ea9f";
  position: absolute;
}
.ki-dots-circle-vertical.ki-duotone:after {
  content: "\eaa0";
  opacity: 0.3;
}
.ki-dots-circle-vertical.ki-duotone:before {
  content: "\eaa1";
  position: absolute;
}
.ki-dots-circle.ki-duotone:after {
  content: "\eaa2";
  opacity: 0.3;
}
.ki-dots-circle.ki-duotone:before {
  content: "\eaa3";
  position: absolute;
}
.ki-dots-horizontal.ki-duotone:before {
  content: "\eaa4";
}
.ki-dots-square-vertical.ki-duotone:after {
  content: "\eaa5";
  opacity: 0.3;
}
.ki-dots-square-vertical.ki-duotone:before {
  content: "\eaa6";
  position: absolute;
}
.ki-dots-square.ki-duotone:after {
  content: "\eaa7";
  opacity: 0.3;
}
.ki-dots-square.ki-duotone:before {
  content: "\eaa8";
  position: absolute;
}
.ki-dots-vertical.ki-duotone:after {
  content: "\eaa9";
}
.ki-dots-vertical.ki-duotone:before {
  content: "\eaaa";
  position: absolute;
  opacity: 0.3;
}
.ki-double-check-circle.ki-duotone:after {
  content: "\eaab";
  opacity: 0.3;
}
.ki-double-check-circle.ki-duotone:before {
  content: "\eaac";
  position: absolute;
}
.ki-double-down.ki-duotone:after {
  content: "\eaad";
}
.ki-double-down.ki-duotone:before {
  content: "\eaae";
  position: absolute;
  opacity: 0.3;
}
.ki-double-left-arrow.ki-duotone:after {
  content: "\eaaf";
  opacity: 0.3;
}
.ki-double-left-arrow.ki-duotone:before {
  content: "\eab0";
  position: absolute;
}
.ki-double-left.ki-duotone:after {
  content: "\eab1";
}
.ki-double-left.ki-duotone:before {
  content: "\eab2";
  position: absolute;
  opacity: 0.3;
}
.ki-double-right-arrow.ki-duotone:after {
  content: "\eab3";
  opacity: 0.3;
}
.ki-double-right-arrow.ki-duotone:before {
  content: "\eab4";
  position: absolute;
}
.ki-double-right.ki-duotone:after {
  content: "\eab5";
}
.ki-double-right.ki-duotone:before {
  content: "\eab6";
  position: absolute;
  opacity: 0.3;
}
.ki-double-up.ki-duotone:after {
  content: "\eab7";
}
.ki-double-up.ki-duotone:before {
  content: "\eab8";
  position: absolute;
  opacity: 0.3;
}
.ki-down-square.ki-duotone:after {
  content: "\eab9";
  opacity: 0.3;
}
.ki-down-square.ki-duotone:before {
  content: "\eaba";
  position: absolute;
}
.ki-down.ki-duotone:before {
  content: "\eabb";
}
.ki-dribbble.ki-duotone:after {
  content: "\eabc";
}
.ki-dribbble.ki-duotone:before {
  content: "\eabd";
  position: absolute;
  opacity: 0.3;
}
.ki-drop.ki-duotone:after {
  content: "\eabe";
}
.ki-drop.ki-duotone:before {
  content: "\eabf";
  position: absolute;
  opacity: 0.3;
}
.ki-dropbox.ki-duotone:after {
  content: "\eac0";
  opacity: 0.3;
}
.ki-dropbox.ki-duotone:before {
  content: "\eac1";
  position: absolute;
}
.ki-educare-ekt.ki-duotone:after {
  content: "\eac2";
  opacity: 0.3;
}
.ki-educare-ekt.ki-duotone:before {
  content: "\eac3";
  position: absolute;
}
.ki-electricity.ki-duotone:after {
  content: "\eac4";
  opacity: 0.3;
}
.ki-electricity.ki-duotone:before {
  content: "\eac5";
  position: absolute;
}
.ki-electronic-clock.ki-duotone:after {
  content: "\eac6";
  opacity: 0.3;
}
.ki-electronic-clock.ki-duotone:before {
  content: "\eac7";
  position: absolute;
}
.ki-element-1.ki-duotone:after {
  content: "\eac8";
  opacity: 0.3;
}
.ki-element-1.ki-duotone:before {
  content: "\eac9";
  position: absolute;
}
.ki-element-2.ki-duotone:after {
  content: "\eaca";
}
.ki-element-2.ki-duotone:before {
  content: "\eacb";
  position: absolute;
  opacity: 0.3;
}
.ki-element-3.ki-duotone:after {
  content: "\eacc";
  opacity: 0.3;
}
.ki-element-3.ki-duotone:before {
  content: "\eacd";
  position: absolute;
}
.ki-element-4.ki-duotone:after {
  content: "\eace";
}
.ki-element-4.ki-duotone:before {
  content: "\eacf";
  position: absolute;
  opacity: 0.3;
}
.ki-element-5.ki-duotone:after {
  content: "\ead0";
}
.ki-element-5.ki-duotone:before {
  content: "\ead1";
  position: absolute;
  opacity: 0.3;
}
.ki-element-6.ki-duotone:after {
  content: "\ead2";
  opacity: 0.3;
}
.ki-element-6.ki-duotone:before {
  content: "\ead3";
  position: absolute;
}
.ki-element-7.ki-duotone:after {
  content: "\ead4";
}
.ki-element-7.ki-duotone:before {
  content: "\ead5";
  position: absolute;
  opacity: 0.3;
}
.ki-element-8.ki-duotone:after {
  content: "\ead6";
  opacity: 0.3;
}
.ki-element-8.ki-duotone:before {
  content: "\ead7";
  position: absolute;
}
.ki-element-9.ki-duotone:after {
  content: "\ead8";
  opacity: 0.3;
}
.ki-element-9.ki-duotone:before {
  content: "\ead9";
  position: absolute;
}
.ki-element-10.ki-duotone:after {
  content: "\eada";
}
.ki-element-10.ki-duotone:before {
  content: "\eadb";
  position: absolute;
  opacity: 0.3;
}
.ki-element-11.ki-duotone:after {
  content: "\eadc";
}
.ki-element-11.ki-duotone:before {
  content: "\eadd";
  position: absolute;
  opacity: 0.3;
}
.ki-element-12.ki-duotone:after {
  content: "\eade";
  opacity: 0.3;
}
.ki-element-12.ki-duotone:before {
  content: "\eadf";
  position: absolute;
}
.ki-element-equal.ki-duotone:after {
  content: "\eae0";
  opacity: 0.3;
}
.ki-element-equal.ki-duotone:before {
  content: "\eae1";
  position: absolute;
}
.ki-element-plus.ki-duotone:after {
  content: "\eae2";
}
.ki-element-plus.ki-duotone:before {
  content: "\eae3";
  position: absolute;
  opacity: 0.3;
}
.ki-emoji-happy.ki-duotone:after {
  content: "\eae4";
  opacity: 0.3;
}
.ki-emoji-happy.ki-duotone:before {
  content: "\eae5";
  position: absolute;
}
.ki-enjin-coin-enj.ki-duotone:after {
  content: "\eae6";
}
.ki-enjin-coin-enj.ki-duotone:before {
  content: "\eae7";
  position: absolute;
  opacity: 0.3;
}
.ki-ensure.ki-duotone:after {
  content: "\eae8";
}
.ki-ensure.ki-duotone:before {
  content: "\eae9";
  position: absolute;
  opacity: 0.3;
}
.ki-entrance-left.ki-duotone:after {
  content: "\eaea";
}
.ki-entrance-left.ki-duotone:before {
  content: "\eaeb";
  position: absolute;
  opacity: 0.3;
}
.ki-entrance-right.ki-duotone:after {
  content: "\eaec";
  opacity: 0.3;
}
.ki-entrance-right.ki-duotone:before {
  content: "\eaed";
  position: absolute;
}
.ki-eraser.ki-duotone:after {
  content: "\eaee";
  opacity: 0.3;
}
.ki-eraser.ki-duotone:before {
  content: "\eaef";
  position: absolute;
}
.ki-euro.ki-duotone:after {
  content: "\eaf0";
  opacity: 0.3;
}
.ki-euro.ki-duotone:before {
  content: "\eaf1";
  position: absolute;
}
.ki-exit-down.ki-duotone:after {
  content: "\eaf2";
  opacity: 0.3;
}
.ki-exit-down.ki-duotone:before {
  content: "\eaf3";
  position: absolute;
}
.ki-exit-left.ki-duotone:after {
  content: "\eaf4";
  opacity: 0.3;
}
.ki-exit-left.ki-duotone:before {
  content: "\eaf5";
  position: absolute;
}
.ki-exit-right-corner.ki-duotone:after {
  content: "\eaf6";
  opacity: 0.3;
}
.ki-exit-right-corner.ki-duotone:before {
  content: "\eaf7";
  position: absolute;
}
.ki-exit-right.ki-duotone:after {
  content: "\eaf8";
  opacity: 0.3;
}
.ki-exit-right.ki-duotone:before {
  content: "\eaf9";
  position: absolute;
}
.ki-exit-up.ki-duotone:after {
  content: "\eafa";
  opacity: 0.3;
}
.ki-exit-up.ki-duotone:before {
  content: "\eafb";
  position: absolute;
}
.ki-external-drive.ki-duotone:after {
  content: "\eafc";
}
.ki-external-drive.ki-duotone:before {
  content: "\eafd";
  position: absolute;
  opacity: 0.3;
}
.ki-eye-slash.ki-duotone:after {
  content: "\eafe";
}
.ki-eye-slash.ki-duotone:before {
  content: "\eaff";
  position: absolute;
  opacity: 0.3;
}
.ki-eye.ki-duotone:after {
  content: "\eb00";
}
.ki-eye.ki-duotone:before {
  content: "\eb01";
  position: absolute;
  opacity: 0.3;
}
.ki-face-id.ki-duotone:after {
  content: "\eb02";
  opacity: 0.3;
}
.ki-face-id.ki-duotone:before {
  content: "\eb03";
  position: absolute;
}
.ki-facebook.ki-duotone:after {
  content: "\eb04";
  opacity: 0.3;
}
.ki-facebook.ki-duotone:before {
  content: "\eb05";
  position: absolute;
}
.ki-fasten.ki-duotone:after {
  content: "\eb06";
  opacity: 0.3;
}
.ki-fasten.ki-duotone:before {
  content: "\eb07";
  position: absolute;
}
.ki-fatrows.ki-duotone:after {
  content: "\eb08";
}
.ki-fatrows.ki-duotone:before {
  content: "\eb09";
  position: absolute;
  opacity: 0.3;
}
.ki-feather.ki-duotone:after {
  content: "\eb0a";
  opacity: 0.3;
}
.ki-feather.ki-duotone:before {
  content: "\eb0b";
  position: absolute;
}
.ki-figma.ki-duotone:after {
  content: "\eb0c";
  opacity: 0.3;
}
.ki-figma.ki-duotone:before {
  content: "\eb0d";
  position: absolute;
}
.ki-file-added.ki-duotone:after {
  content: "\eb0e";
}
.ki-file-added.ki-duotone:before {
  content: "\eb0f";
  position: absolute;
  opacity: 0.3;
}
.ki-file-deleted.ki-duotone:after {
  content: "\eb10";
}
.ki-file-deleted.ki-duotone:before {
  content: "\eb11";
  position: absolute;
  opacity: 0.3;
}
.ki-file-down.ki-duotone:after {
  content: "\eb12";
  opacity: 0.3;
}
.ki-file-down.ki-duotone:before {
  content: "\eb13";
  position: absolute;
}
.ki-file-left.ki-duotone:after {
  content: "\eb14";
  opacity: 0.3;
}
.ki-file-left.ki-duotone:before {
  content: "\eb15";
  position: absolute;
}
.ki-file-right.ki-duotone:after {
  content: "\eb16";
  opacity: 0.3;
}
.ki-file-right.ki-duotone:before {
  content: "\eb17";
  position: absolute;
}
.ki-file-sheet.ki-duotone:after {
  content: "\eb18";
}
.ki-file-sheet.ki-duotone:before {
  content: "\eb19";
  position: absolute;
  opacity: 0.3;
}
.ki-file-up.ki-duotone:after {
  content: "\eb1a";
  opacity: 0.3;
}
.ki-file-up.ki-duotone:before {
  content: "\eb1b";
  position: absolute;
}
.ki-files.ki-duotone:after {
  content: "\eb1c";
}
.ki-files.ki-duotone:before {
  content: "\eb1d";
  position: absolute;
  opacity: 0.3;
}
.ki-filter-edit.ki-duotone:after {
  content: "\eb1e";
  opacity: 0.3;
}
.ki-filter-edit.ki-duotone:before {
  content: "\eb1f";
  position: absolute;
}
.ki-filter-search.ki-duotone:after {
  content: "\eb20";
  opacity: 0.3;
}
.ki-filter-search.ki-duotone:before {
  content: "\eb21";
  position: absolute;
}
.ki-filter-square.ki-duotone:after {
  content: "\eb22";
}
.ki-filter-square.ki-duotone:before {
  content: "\eb23";
  position: absolute;
  opacity: 0.3;
}
.ki-filter-tablet.ki-duotone:after {
  content: "\eb24";
  opacity: 0.3;
}
.ki-filter-tablet.ki-duotone:before {
  content: "\eb25";
  position: absolute;
}
.ki-filter-tick.ki-duotone:after {
  content: "\eb26";
  opacity: 0.3;
}
.ki-filter-tick.ki-duotone:before {
  content: "\eb27";
  position: absolute;
}
.ki-filter.ki-duotone:after {
  content: "\eb28";
}
.ki-filter.ki-duotone:before {
  content: "\eb29";
  position: absolute;
  opacity: 0.3;
}
.ki-financial-schedule.ki-duotone:after {
  content: "\eb2a";
  opacity: 0.3;
}
.ki-financial-schedule.ki-duotone:before {
  content: "\eb2b";
  position: absolute;
}
.ki-fingerprint-scanning.ki-duotone:after {
  content: "\eb2c";
}
.ki-fingerprint-scanning.ki-duotone:before {
  content: "\eb2d";
  position: absolute;
  opacity: 0.3;
}
.ki-flag.ki-duotone:after {
  content: "\eb2e";
  opacity: 0.3;
}
.ki-flag.ki-duotone:before {
  content: "\eb2f";
  position: absolute;
}
.ki-flash-circle.ki-duotone:after {
  content: "\eb30";
  opacity: 0.3;
}
.ki-flash-circle.ki-duotone:before {
  content: "\eb31";
  position: absolute;
}
.ki-flask.ki-duotone:after {
  content: "\eb32";
  opacity: 0.3;
}
.ki-flask.ki-duotone:before {
  content: "\eb33";
  position: absolute;
}
.ki-focus.ki-duotone:after {
  content: "\eb34";
  opacity: 0.3;
}
.ki-focus.ki-duotone:before {
  content: "\eb35";
  position: absolute;
}
.ki-folder-added.ki-duotone:after {
  content: "\eb36";
  opacity: 0.3;
}
.ki-folder-added.ki-duotone:before {
  content: "\eb37";
  position: absolute;
}
.ki-folder-down.ki-duotone:after {
  content: "\eb38";
  opacity: 0.3;
}
.ki-folder-down.ki-duotone:before {
  content: "\eb39";
  position: absolute;
}
.ki-folder-up.ki-duotone:after {
  content: "\eb3a";
  opacity: 0.3;
}
.ki-folder-up.ki-duotone:before {
  content: "\eb3b";
  position: absolute;
}
.ki-folder.ki-duotone:after {
  content: "\eb3c";
  opacity: 0.3;
}
.ki-folder.ki-duotone:before {
  content: "\eb3d";
  position: absolute;
}
.ki-frame.ki-duotone:after {
  content: "\eb3e";
  opacity: 0.3;
}
.ki-frame.ki-duotone:before {
  content: "\eb3f";
  position: absolute;
}
.ki-geolocation-home.ki-duotone:after {
  content: "\eb40";
  opacity: 0.3;
}
.ki-geolocation-home.ki-duotone:before {
  content: "\eb41";
  position: absolute;
}
.ki-geolocation.ki-duotone:after {
  content: "\eb42";
  opacity: 0.3;
}
.ki-geolocation.ki-duotone:before {
  content: "\eb43";
  position: absolute;
}
.ki-ghost.ki-duotone:after {
  content: "\eb44";
}
.ki-ghost.ki-duotone:before {
  content: "\eb45";
  position: absolute;
  opacity: 0.3;
}
.ki-gift.ki-duotone:after {
  content: "\eb46";
}
.ki-gift.ki-duotone:before {
  content: "\eb47";
  position: absolute;
  opacity: 0.3;
}
.ki-github.ki-duotone:after {
  content: "\eb48";
  opacity: 0.3;
}
.ki-github.ki-duotone:before {
  content: "\eb49";
  position: absolute;
}
.ki-glass.ki-duotone:after {
  content: "\eb4a";
  opacity: 0.3;
}
.ki-glass.ki-duotone:before {
  content: "\eb4b";
  position: absolute;
}
.ki-google-play.ki-duotone:after {
  content: "\eb4c";
  opacity: 0.3;
}
.ki-google-play.ki-duotone:before {
  content: "\eb4d";
  position: absolute;
}
.ki-google.ki-duotone:after {
  content: "\eb4e";
  opacity: 0.3;
}
.ki-google.ki-duotone:before {
  content: "\eb4f";
  position: absolute;
}
.ki-graph-2.ki-duotone:after {
  content: "\eb50";
  opacity: 0.3;
}
.ki-graph-2.ki-duotone:before {
  content: "\eb51";
  position: absolute;
}
.ki-graph-3.ki-duotone:after {
  content: "\eb52";
  opacity: 0.3;
}
.ki-graph-3.ki-duotone:before {
  content: "\eb53";
  position: absolute;
}
.ki-graph-4.ki-duotone:after {
  content: "\eb54";
}
.ki-graph-4.ki-duotone:before {
  content: "\eb55";
  position: absolute;
  opacity: 0.3;
}
.ki-graph-up.ki-duotone:after {
  content: "\eb56";
  opacity: 0.3;
}
.ki-graph-up.ki-duotone:before {
  content: "\eb57";
  position: absolute;
}
.ki-graph.ki-duotone:after {
  content: "\eb58";
  opacity: 0.3;
}
.ki-graph.ki-duotone:before {
  content: "\eb59";
  position: absolute;
}
.ki-grid-2.ki-duotone:after {
  content: "\eb5a";
  opacity: 0.3;
}
.ki-grid-2.ki-duotone:before {
  content: "\eb5b";
  position: absolute;
}
.ki-grid.ki-duotone:after {
  content: "\eb5c";
  opacity: 0.3;
}
.ki-grid.ki-duotone:before {
  content: "\eb5d";
  position: absolute;
}
.ki-handcart.ki-duotone:before {
  content: "\eb5e";
}
.ki-happyemoji.ki-duotone:after {
  content: "\eb5f";
  opacity: 0.3;
}
.ki-happyemoji.ki-duotone:before {
  content: "\eb60";
  position: absolute;
}
.ki-heart-circle.ki-duotone:after {
  content: "\eb61";
  opacity: 0.3;
}
.ki-heart-circle.ki-duotone:before {
  content: "\eb62";
  position: absolute;
}
.ki-heart.ki-duotone:after {
  content: "\eb63";
  opacity: 0.3;
}
.ki-heart.ki-duotone:before {
  content: "\eb64";
  position: absolute;
}
.ki-home-1.ki-duotone:after {
  content: "\eb65";
  opacity: 0.3;
}
.ki-home-1.ki-duotone:before {
  content: "\eb66";
  position: absolute;
}
.ki-home-2.ki-duotone:after {
  content: "\eb67";
  opacity: 0.3;
}
.ki-home-2.ki-duotone:before {
  content: "\eb68";
  position: absolute;
}
.ki-home-3.ki-duotone:after {
  content: "\eb69";
  opacity: 0.3;
}
.ki-home-3.ki-duotone:before {
  content: "\eb6a";
  position: absolute;
}
.ki-home.ki-duotone:before {
  content: "\eb6b";
}
.ki-html.ki-duotone:after {
  content: "\eb6c";
  opacity: 0.3;
}
.ki-html.ki-duotone:before {
  content: "\eb6d";
  position: absolute;
}
.ki-icon.ki-duotone:after {
  content: "\eb6e";
  opacity: 0.3;
}
.ki-icon.ki-duotone:before {
  content: "\eb6f";
  position: absolute;
}
.ki-illustrator.ki-duotone:after {
  content: "\eb70";
  opacity: 0.3;
}
.ki-illustrator.ki-duotone:before {
  content: "\eb71";
  position: absolute;
}
.ki-information-1.ki-duotone:after {
  content: "\eb72";
  opacity: 0.3;
}
.ki-information-1.ki-duotone:before {
  content: "\eb73";
  position: absolute;
}
.ki-information-2.ki-duotone:after {
  content: "\eb74";
  opacity: 0.3;
}
.ki-information-2.ki-duotone:before {
  content: "\eb75";
  position: absolute;
}
.ki-information-3.ki-duotone:after {
  content: "\eb76";
  opacity: 0.3;
}
.ki-information-3.ki-duotone:before {
  content: "\eb77";
  position: absolute;
}
.ki-information-4.ki-duotone:after {
  content: "\eb78";
  opacity: 0.3;
}
.ki-information-4.ki-duotone:before {
  content: "\eb79";
  position: absolute;
}
.ki-information.ki-duotone:after {
  content: "\eb7a";
  opacity: 0.3;
}
.ki-information.ki-duotone:before {
  content: "\eb7b";
  position: absolute;
}
.ki-instagram.ki-duotone:after {
  content: "\eb7c";
  opacity: 0.3;
}
.ki-instagram.ki-duotone:before {
  content: "\eb7d";
  position: absolute;
}
.ki-joystick.ki-duotone:after {
  content: "\eb7e";
}
.ki-joystick.ki-duotone:before {
  content: "\eb7f";
  position: absolute;
  opacity: 0.3;
}
.ki-js-2.ki-duotone:after {
  content: "\eb80";
}
.ki-js-2.ki-duotone:before {
  content: "\eb81";
  position: absolute;
  opacity: 0.3;
}
.ki-js.ki-duotone:after {
  content: "\eb82";
}
.ki-js.ki-duotone:before {
  content: "\eb83";
  position: absolute;
  opacity: 0.3;
}
.ki-kanban.ki-duotone:after {
  content: "\eb84";
}
.ki-kanban.ki-duotone:before {
  content: "\eb85";
  position: absolute;
  opacity: 0.3;
}
.ki-key-square.ki-duotone:after {
  content: "\eb86";
  opacity: 0.3;
}
.ki-key-square.ki-duotone:before {
  content: "\eb87";
  position: absolute;
}
.ki-key.ki-duotone:after {
  content: "\eb88";
  opacity: 0.3;
}
.ki-key.ki-duotone:before {
  content: "\eb89";
  position: absolute;
}
.ki-keyboard.ki-duotone:after {
  content: "\eb8a";
}
.ki-keyboard.ki-duotone:before {
  content: "\eb8b";
  position: absolute;
  opacity: 0.3;
}
.ki-laptop.ki-duotone:after {
  content: "\eb8c";
  opacity: 0.3;
}
.ki-laptop.ki-duotone:before {
  content: "\eb8d";
  position: absolute;
}
.ki-laravel.ki-duotone:after {
  content: "\eb8e";
  opacity: 0.3;
}
.ki-laravel.ki-duotone:before {
  content: "\eb8f";
  position: absolute;
}
.ki-left-square.ki-duotone:after {
  content: "\eb90";
  opacity: 0.3;
}
.ki-left-square.ki-duotone:before {
  content: "\eb91";
  position: absolute;
}
.ki-left.ki-duotone:before {
  content: "\eb92";
}
.ki-like-2.ki-duotone:after {
  content: "\eb93";
  opacity: 0.3;
}
.ki-like-2.ki-duotone:before {
  content: "\eb94";
  position: absolute;
}
.ki-like-folder.ki-duotone:after {
  content: "\eb95";
  opacity: 0.3;
}
.ki-like-folder.ki-duotone:before {
  content: "\eb96";
  position: absolute;
}
.ki-like-shapes.ki-duotone:after {
  content: "\eb97";
  opacity: 0.3;
}
.ki-like-shapes.ki-duotone:before {
  content: "\eb98";
  position: absolute;
}
.ki-like-tag.ki-duotone:after {
  content: "\eb99";
  opacity: 0.3;
}
.ki-like-tag.ki-duotone:before {
  content: "\eb9a";
  position: absolute;
}
.ki-like.ki-duotone:after {
  content: "\eb9b";
}
.ki-like.ki-duotone:before {
  content: "\eb9c";
  position: absolute;
  opacity: 0.3;
}
.ki-loading.ki-duotone:after {
  content: "\eb9d";
}
.ki-loading.ki-duotone:before {
  content: "\eb9e";
  position: absolute;
  opacity: 0.3;
}
.ki-lock-2.ki-duotone:after {
  content: "\eb9f";
}
.ki-lock-2.ki-duotone:before {
  content: "\eba0";
  position: absolute;
  opacity: 0.3;
}
.ki-lock-3.ki-duotone:after {
  content: "\eba1";
  opacity: 0.3;
}
.ki-lock-3.ki-duotone:before {
  content: "\eba2";
  position: absolute;
}
.ki-lock.ki-duotone:after {
  content: "\eba3";
  opacity: 0.3;
}
.ki-lock.ki-duotone:before {
  content: "\eba4";
  position: absolute;
}
.ki-logistic.ki-duotone:after {
  content: "\eba5";
  opacity: 0.3;
}
.ki-logistic.ki-duotone:before {
  content: "\eba6";
  position: absolute;
}
.ki-lots-shopping.ki-duotone:after {
  content: "\eba7";
  opacity: 0.3;
}
.ki-lots-shopping.ki-duotone:before {
  content: "\eba8";
  position: absolute;
}
.ki-lovely.ki-duotone:after {
  content: "\eba9";
  opacity: 0.3;
}
.ki-lovely.ki-duotone:before {
  content: "\ebaa";
  position: absolute;
}
.ki-lts.ki-duotone:after {
  content: "\ebab";
}
.ki-lts.ki-duotone:before {
  content: "\ebac";
  position: absolute;
  opacity: 0.3;
}
.ki-magnifier.ki-duotone:after {
  content: "\ebad";
  opacity: 0.3;
}
.ki-magnifier.ki-duotone:before {
  content: "\ebae";
  position: absolute;
}
.ki-map.ki-duotone:after {
  content: "\ebaf";
  opacity: 0.3;
}
.ki-map.ki-duotone:before {
  content: "\ebb0";
  position: absolute;
}
.ki-mask.ki-duotone:after {
  content: "\ebb1";
  opacity: 0.3;
}
.ki-mask.ki-duotone:before {
  content: "\ebb2";
  position: absolute;
}
.ki-maximize.ki-duotone:after {
  content: "\ebb3";
  opacity: 0.3;
}
.ki-maximize.ki-duotone:before {
  content: "\ebb4";
  position: absolute;
}
.ki-medal-star.ki-duotone:after {
  content: "\ebb5";
  opacity: 0.3;
}
.ki-medal-star.ki-duotone:before {
  content: "\ebb6";
  position: absolute;
}
.ki-menu.ki-duotone:after {
  content: "\ebb7";
  opacity: 0.3;
}
.ki-menu.ki-duotone:before {
  content: "\ebb8";
  position: absolute;
}
.ki-message-add.ki-duotone:after {
  content: "\ebb9";
  opacity: 0.3;
}
.ki-message-add.ki-duotone:before {
  content: "\ebba";
  position: absolute;
}
.ki-message-edit.ki-duotone:after {
  content: "\ebbb";
  opacity: 0.3;
}
.ki-message-edit.ki-duotone:before {
  content: "\ebbc";
  position: absolute;
}
.ki-message-minus.ki-duotone:after {
  content: "\ebbd";
  opacity: 0.3;
}
.ki-message-minus.ki-duotone:before {
  content: "\ebbe";
  position: absolute;
}
.ki-message-notify.ki-duotone:after {
  content: "\ebbf";
  opacity: 0.3;
}
.ki-message-notify.ki-duotone:before {
  content: "\ebc0";
  position: absolute;
}
.ki-message-programming.ki-duotone:after {
  content: "\ebc1";
  opacity: 0.3;
}
.ki-message-programming.ki-duotone:before {
  content: "\ebc2";
  position: absolute;
}
.ki-message-question.ki-duotone:after {
  content: "\ebc3";
  opacity: 0.3;
}
.ki-message-question.ki-duotone:before {
  content: "\ebc4";
  position: absolute;
}
.ki-message-text-2.ki-duotone:after {
  content: "\ebc5";
  opacity: 0.3;
}
.ki-message-text-2.ki-duotone:before {
  content: "\ebc6";
  position: absolute;
}
.ki-message-text.ki-duotone:after {
  content: "\ebc7";
  opacity: 0.3;
}
.ki-message-text.ki-duotone:before {
  content: "\ebc8";
  position: absolute;
}
.ki-messages.ki-duotone:after {
  content: "\ebc9";
  opacity: 0.3;
}
.ki-messages.ki-duotone:before {
  content: "\ebca";
  position: absolute;
}
.ki-microsoft.ki-duotone:after {
  content: "\ebcb";
}
.ki-microsoft.ki-duotone:before {
  content: "\ebcc";
  position: absolute;
  opacity: 0.3;
}
.ki-milk.ki-duotone:after {
  content: "\ebcd";
  opacity: 0.3;
}
.ki-milk.ki-duotone:before {
  content: "\ebce";
  position: absolute;
}
.ki-minus-circle.ki-duotone:after {
  content: "\ebcf";
  opacity: 0.3;
}
.ki-minus-circle.ki-duotone:before {
  content: "\ebd0";
  position: absolute;
}
.ki-minus-folder.ki-duotone:after {
  content: "\ebd1";
  opacity: 0.3;
}
.ki-minus-folder.ki-duotone:before {
  content: "\ebd2";
  position: absolute;
}
.ki-minus-squared.ki-duotone:after {
  content: "\ebd3";
  opacity: 0.3;
}
.ki-minus-squared.ki-duotone:before {
  content: "\ebd4";
  position: absolute;
}
.ki-minus.ki-duotone:before {
  content: "\ebd5";
}
.ki-moon.ki-duotone:after {
  content: "\ebd6";
}
.ki-moon.ki-duotone:before {
  content: "\ebd7";
  position: absolute;
  opacity: 0.3;
}
.ki-more-2.ki-duotone:after {
  content: "\ebd8";
  opacity: 0.3;
}
.ki-more-2.ki-duotone:before {
  content: "\ebd9";
  position: absolute;
}
.ki-mouse-circle.ki-duotone:after {
  content: "\ebda";
}
.ki-mouse-circle.ki-duotone:before {
  content: "\ebdb";
  position: absolute;
  opacity: 0.3;
}
.ki-mouse-square.ki-duotone:after {
  content: "\ebdc";
  opacity: 0.3;
}
.ki-mouse-square.ki-duotone:before {
  content: "\ebdd";
  position: absolute;
}
.ki-mouse.ki-duotone:after {
  content: "\ebde";
  opacity: 0.3;
}
.ki-mouse.ki-duotone:before {
  content: "\ebdf";
  position: absolute;
}
.ki-nexo.ki-duotone:after {
  content: "\ebe0";
  opacity: 0.3;
}
.ki-nexo.ki-duotone:before {
  content: "\ebe1";
  position: absolute;
}
.ki-night-day.ki-duotone:after {
  content: "\ebe2";
  opacity: 0.3;
}
.ki-night-day.ki-duotone:before {
  content: "\ebe3";
  position: absolute;
}
.ki-note-2.ki-duotone:after {
  content: "\ebe4";
  opacity: 0.3;
}
.ki-note-2.ki-duotone:before {
  content: "\ebe5";
  position: absolute;
}
.ki-note.ki-duotone:after {
  content: "\ebe6";
  opacity: 0.3;
}
.ki-note.ki-duotone:before {
  content: "\ebe7";
  position: absolute;
}
.ki-notepad-bookmark.ki-duotone:after {
  content: "\ebe8";
}
.ki-notepad-bookmark.ki-duotone:before {
  content: "\ebe9";
  position: absolute;
  opacity: 0.3;
}
.ki-notepad-edit.ki-duotone:after {
  content: "\ebea";
  opacity: 0.3;
}
.ki-notepad-edit.ki-duotone:before {
  content: "\ebeb";
  position: absolute;
}
.ki-notepad.ki-duotone:after {
  content: "\ebec";
  opacity: 0.3;
}
.ki-notepad.ki-duotone:before {
  content: "\ebed";
  position: absolute;
}
.ki-notification-1.ki-duotone:after {
  content: "\ebee";
}
.ki-notification-1.ki-duotone:before {
  content: "\ebef";
  position: absolute;
  opacity: 0.3;
}
.ki-notification-bing.ki-duotone:after {
  content: "\ebf0";
}
.ki-notification-bing.ki-duotone:before {
  content: "\ebf1";
  position: absolute;
  opacity: 0.3;
}
.ki-notification-circle.ki-duotone:after {
  content: "\ebf2";
}
.ki-notification-circle.ki-duotone:before {
  content: "\ebf3";
  position: absolute;
  opacity: 0.3;
}
.ki-notification-favorite.ki-duotone:after {
  content: "\ebf4";
}
.ki-notification-favorite.ki-duotone:before {
  content: "\ebf5";
  position: absolute;
  opacity: 0.3;
}
.ki-notification-on.ki-duotone:after {
  content: "\ebf6";
  opacity: 0.3;
}
.ki-notification-on.ki-duotone:before {
  content: "\ebf7";
  position: absolute;
}
.ki-notification-status.ki-duotone:after {
  content: "\ebf8";
  opacity: 0.3;
}
.ki-notification-status.ki-duotone:before {
  content: "\ebf9";
  position: absolute;
}
.ki-notification.ki-duotone:after {
  content: "\ebfa";
  opacity: 0.3;
}
.ki-notification.ki-duotone:before {
  content: "\ebfb";
  position: absolute;
}
.ki-ocean.ki-duotone:after {
  content: "\ebfc";
}
.ki-ocean.ki-duotone:before {
  content: "\ebfd";
  position: absolute;
  opacity: 0.3;
}
.ki-office-bag.ki-duotone:after {
  content: "\ebfe";
  opacity: 0.3;
}
.ki-office-bag.ki-duotone:before {
  content: "\ebff";
  position: absolute;
}
.ki-package.ki-duotone:after {
  content: "\ec00";
  opacity: 0.3;
}
.ki-package.ki-duotone:before {
  content: "\ec01";
  position: absolute;
}
.ki-pad.ki-duotone:after {
  content: "\ec02";
  opacity: 0.3;
}
.ki-pad.ki-duotone:before {
  content: "\ec03";
  position: absolute;
}
.ki-pails.ki-duotone:after {
  content: "\ec04";
  opacity: 0.3;
}
.ki-pails.ki-duotone:before {
  content: "\ec05";
  position: absolute;
}
.ki-paintbucket.ki-duotone:after {
  content: "\ec06";
  opacity: 0.3;
}
.ki-paintbucket.ki-duotone:before {
  content: "\ec07";
  position: absolute;
}
.ki-paper-clip.ki-duotone:before {
  content: "\ec08";
}
.ki-paper-plane.ki-duotone:after {
  content: "\ec09";
}
.ki-paper-plane.ki-duotone:before {
  content: "\ec0a";
  position: absolute;
  opacity: 0.3;
}
.ki-parcel-tracking.ki-duotone:after {
  content: "\ec0b";
}
.ki-parcel-tracking.ki-duotone:before {
  content: "\ec0c";
  position: absolute;
  opacity: 0.3;
}
.ki-parcel.ki-duotone:after {
  content: "\ec0d";
  opacity: 0.3;
}
.ki-parcel.ki-duotone:before {
  content: "\ec0e";
  position: absolute;
}
.ki-password-check.ki-duotone:after {
  content: "\ec0f";
}
.ki-password-check.ki-duotone:before {
  content: "\ec10";
  position: absolute;
  opacity: 0.3;
}
.ki-paypal.ki-duotone:after {
  content: "\ec11";
}
.ki-paypal.ki-duotone:before {
  content: "\ec12";
  position: absolute;
  opacity: 0.3;
}
.ki-pencil.ki-duotone:after {
  content: "\ec13";
  opacity: 0.3;
}
.ki-pencil.ki-duotone:before {
  content: "\ec14";
  position: absolute;
}
.ki-people.ki-duotone:after {
  content: "\ec15";
}
.ki-people.ki-duotone:before {
  content: "\ec16";
  position: absolute;
  opacity: 0.3;
}
.ki-percentage.ki-duotone:after {
  content: "\ec17";
}
.ki-percentage.ki-duotone:before {
  content: "\ec18";
  position: absolute;
  opacity: 0.3;
}
.ki-phone.ki-duotone:after {
  content: "\ec19";
  opacity: 0.3;
}
.ki-phone.ki-duotone:before {
  content: "\ec1a";
  position: absolute;
}
.ki-photoshop.ki-duotone:after {
  content: "\ec1b";
  opacity: 0.3;
}
.ki-photoshop.ki-duotone:before {
  content: "\ec1c";
  position: absolute;
}
.ki-picture.ki-duotone:after {
  content: "\ec1d";
  opacity: 0.3;
}
.ki-picture.ki-duotone:before {
  content: "\ec1e";
  position: absolute;
}
.ki-pill.ki-duotone:before {
  content: "\ec1f";
}
.ki-pin.ki-duotone:after {
  content: "\ec20";
  opacity: 0.3;
}
.ki-pin.ki-duotone:before {
  content: "\ec21";
  position: absolute;
}
.ki-plus-circle.ki-duotone:after {
  content: "\ec22";
  opacity: 0.3;
}
.ki-plus-circle.ki-duotone:before {
  content: "\ec23";
  position: absolute;
}
.ki-plus-squared.ki-duotone:after {
  content: "\ec24";
  opacity: 0.3;
}
.ki-plus-squared.ki-duotone:before {
  content: "\ec25";
  position: absolute;
}
.ki-plus.ki-duotone:before {
  content: "\ec26";
}
.ki-pointers.ki-duotone:after {
  content: "\ec27";
  opacity: 0.3;
}
.ki-pointers.ki-duotone:before {
  content: "\ec28";
  position: absolute;
}
.ki-price-tag.ki-duotone:after {
  content: "\ec29";
  opacity: 0.3;
}
.ki-price-tag.ki-duotone:before {
  content: "\ec2a";
  position: absolute;
}
.ki-printer.ki-duotone:after {
  content: "\ec2b";
  opacity: 0.3;
}
.ki-printer.ki-duotone:before {
  content: "\ec2c";
  position: absolute;
}
.ki-profile-circle.ki-duotone:after {
  content: "\ec2d";
  opacity: 0.3;
}
.ki-profile-circle.ki-duotone:before {
  content: "\ec2e";
  position: absolute;
}
.ki-pulse.ki-duotone:after {
  content: "\ec2f";
  opacity: 0.3;
}
.ki-pulse.ki-duotone:before {
  content: "\ec30";
  position: absolute;
}
.ki-purchase.ki-duotone:after {
  content: "\ec31";
  opacity: 0.3;
}
.ki-purchase.ki-duotone:before {
  content: "\ec32";
  position: absolute;
}
.ki-python.ki-duotone:after {
  content: "\ec33";
  opacity: 0.3;
}
.ki-python.ki-duotone:before {
  content: "\ec34";
  position: absolute;
}
.ki-question-2.ki-duotone:after {
  content: "\ec35";
  opacity: 0.3;
}
.ki-question-2.ki-duotone:before {
  content: "\ec36";
  position: absolute;
}
.ki-question.ki-duotone:after {
  content: "\ec37";
  opacity: 0.3;
}
.ki-question.ki-duotone:before {
  content: "\ec38";
  position: absolute;
}
.ki-questionnaire-tablet.ki-duotone:after {
  content: "\ec39";
  opacity: 0.3;
}
.ki-questionnaire-tablet.ki-duotone:before {
  content: "\ec3a";
  position: absolute;
}
.ki-ranking.ki-duotone:after {
  content: "\ec3b";
  opacity: 0.3;
}
.ki-ranking.ki-duotone:before {
  content: "\ec3c";
  position: absolute;
}
.ki-react.ki-duotone:after {
  content: "\ec3d";
  opacity: 0.3;
}
.ki-react.ki-duotone:before {
  content: "\ec3e";
  position: absolute;
}
.ki-receipt-square.ki-duotone:after {
  content: "\ec3f";
  opacity: 0.3;
}
.ki-receipt-square.ki-duotone:before {
  content: "\ec40";
  position: absolute;
}
.ki-rescue.ki-duotone:after {
  content: "\ec41";
  opacity: 0.3;
}
.ki-rescue.ki-duotone:before {
  content: "\ec42";
  position: absolute;
}
.ki-right-left.ki-duotone:after {
  content: "\ec43";
}
.ki-right-left.ki-duotone:before {
  content: "\ec44";
  position: absolute;
  opacity: 0.3;
}
.ki-right-square.ki-duotone:after {
  content: "\ec45";
  opacity: 0.3;
}
.ki-right-square.ki-duotone:before {
  content: "\ec46";
  position: absolute;
}
.ki-right.ki-duotone:before {
  content: "\ec47";
}
.ki-rocket.ki-duotone:after {
  content: "\ec48";
  opacity: 0.3;
}
.ki-rocket.ki-duotone:before {
  content: "\ec49";
  position: absolute;
}
.ki-route.ki-duotone:after {
  content: "\ec4a";
}
.ki-route.ki-duotone:before {
  content: "\ec4b";
  position: absolute;
  opacity: 0.3;
}
.ki-router.ki-duotone:after {
  content: "\ec4c";
  opacity: 0.3;
}
.ki-router.ki-duotone:before {
  content: "\ec4d";
  position: absolute;
}
.ki-row-horizontal.ki-duotone:after {
  content: "\ec4e";
}
.ki-row-horizontal.ki-duotone:before {
  content: "\ec4f";
  position: absolute;
  opacity: 0.3;
}
.ki-row-vertical.ki-duotone:after {
  content: "\ec50";
}
.ki-row-vertical.ki-duotone:before {
  content: "\ec51";
  position: absolute;
  opacity: 0.3;
}
.ki-safe-home.ki-duotone:after {
  content: "\ec52";
  opacity: 0.3;
}
.ki-safe-home.ki-duotone:before {
  content: "\ec53";
  position: absolute;
}
.ki-satellite.ki-duotone:after {
  content: "\ec54";
  opacity: 0.3;
}
.ki-satellite.ki-duotone:before {
  content: "\ec55";
  position: absolute;
}
.ki-save-2.ki-duotone:after {
  content: "\ec56";
  opacity: 0.3;
}
.ki-save-2.ki-duotone:before {
  content: "\ec57";
  position: absolute;
}
.ki-save-deposit.ki-duotone:after {
  content: "\ec58";
}
.ki-save-deposit.ki-duotone:before {
  content: "\ec59";
  position: absolute;
  opacity: 0.3;
}
.ki-scan-barcode.ki-duotone:after {
  content: "\ec5a";
}
.ki-scan-barcode.ki-duotone:before {
  content: "\ec5b";
  position: absolute;
  opacity: 0.3;
}
.ki-screen.ki-duotone:after {
  content: "\ec5c";
  opacity: 0.3;
}
.ki-screen.ki-duotone:before {
  content: "\ec5d";
  position: absolute;
}
.ki-scroll.ki-duotone:after {
  content: "\ec5e";
  opacity: 0.3;
}
.ki-scroll.ki-duotone:before {
  content: "\ec5f";
  position: absolute;
}
.ki-search-list.ki-duotone:after {
  content: "\ec60";
  opacity: 0.3;
}
.ki-search-list.ki-duotone:before {
  content: "\ec61";
  position: absolute;
}
.ki-security-user.ki-duotone:after {
  content: "\ec62";
  opacity: 0.3;
}
.ki-security-user.ki-duotone:before {
  content: "\ec63";
  position: absolute;
}
.ki-setting-2.ki-duotone:after {
  content: "\ec64";
  opacity: 0.3;
}
.ki-setting-2.ki-duotone:before {
  content: "\ec65";
  position: absolute;
}
.ki-setting-3.ki-duotone:after {
  content: "\ec66";
  opacity: 0.3;
}
.ki-setting-3.ki-duotone:before {
  content: "\ec67";
  position: absolute;
}
.ki-setting-4.ki-duotone:before {
  content: "\ec68";
}
.ki-setting.ki-duotone:after {
  content: "\ec69";
  opacity: 0.3;
}
.ki-setting.ki-duotone:before {
  content: "\ec6a";
  position: absolute;
}
.ki-share.ki-duotone:after {
  content: "\ec6b";
  opacity: 0.3;
}
.ki-share.ki-duotone:before {
  content: "\ec6c";
  position: absolute;
}
.ki-shield-cross.ki-duotone:after {
  content: "\ec6d";
  opacity: 0.3;
}
.ki-shield-cross.ki-duotone:before {
  content: "\ec6e";
  position: absolute;
}
.ki-shield-search.ki-duotone:after {
  content: "\ec6f";
  opacity: 0.3;
}
.ki-shield-search.ki-duotone:before {
  content: "\ec70";
  position: absolute;
}
.ki-shield-slash.ki-duotone:after {
  content: "\ec71";
}
.ki-shield-slash.ki-duotone:before {
  content: "\ec72";
  position: absolute;
  opacity: 0.3;
}
.ki-shield-tick.ki-duotone:after {
  content: "\ec73";
  opacity: 0.3;
}
.ki-shield-tick.ki-duotone:before {
  content: "\ec74";
  position: absolute;
}
.ki-shield.ki-duotone:after {
  content: "\ec75";
  opacity: 0.3;
}
.ki-shield.ki-duotone:before {
  content: "\ec76";
  position: absolute;
}
.ki-ship.ki-duotone:after {
  content: "\ec77";
  opacity: 0.3;
}
.ki-ship.ki-duotone:before {
  content: "\ec78";
  position: absolute;
}
.ki-shop.ki-duotone:after {
  content: "\ec79";
}
.ki-shop.ki-duotone:before {
  content: "\ec7a";
  position: absolute;
  opacity: 0.3;
}
.ki-simcard-2.ki-duotone:after {
  content: "\ec7b";
  opacity: 0.3;
}
.ki-simcard-2.ki-duotone:before {
  content: "\ec7c";
  position: absolute;
}
.ki-simcard.ki-duotone:after {
  content: "\ec7d";
  opacity: 0.3;
}
.ki-simcard.ki-duotone:before {
  content: "\ec7e";
  position: absolute;
}
.ki-size.ki-duotone:after {
  content: "\ec7f";
  opacity: 0.3;
}
.ki-size.ki-duotone:before {
  content: "\ec80";
  position: absolute;
}
.ki-slack.ki-duotone:after {
  content: "\ec81";
}
.ki-slack.ki-duotone:before {
  content: "\ec82";
  position: absolute;
  opacity: 0.3;
}
.ki-slider-horizontal-2.ki-duotone:after {
  content: "\ec83";
}
.ki-slider-horizontal-2.ki-duotone:before {
  content: "\ec84";
  position: absolute;
  opacity: 0.3;
}
.ki-slider-horizontal.ki-duotone:after {
  content: "\ec85";
  opacity: 0.3;
}
.ki-slider-horizontal.ki-duotone:before {
  content: "\ec86";
  position: absolute;
}
.ki-slider-vertica.ki-duotone:after {
  content: "\ec87";
  opacity: 0.3;
}
.ki-slider-vertica.ki-duotone:before {
  content: "\ec88";
  position: absolute;
}
.ki-slider-vertical.ki-duotone:after {
  content: "\ec89";
}
.ki-slider-vertical.ki-duotone:before {
  content: "\ec8a";
  position: absolute;
  opacity: 0.3;
}
.ki-slider.ki-duotone:after {
  content: "\ec8b";
  opacity: 0.3;
}
.ki-slider.ki-duotone:before {
  content: "\ec8c";
  position: absolute;
}
.ki-sms.ki-duotone:after {
  content: "\ec8d";
  opacity: 0.3;
}
.ki-sms.ki-duotone:before {
  content: "\ec8e";
  position: absolute;
}
.ki-snapchat.ki-duotone:after {
  content: "\ec8f";
}
.ki-snapchat.ki-duotone:before {
  content: "\ec90";
  position: absolute;
  opacity: 0.3;
}
.ki-social-media.ki-duotone:after {
  content: "\ec91";
}
.ki-social-media.ki-duotone:before {
  content: "\ec92";
  position: absolute;
  opacity: 0.3;
}
.ki-soft-2.ki-duotone:after {
  content: "\ec93";
  opacity: 0.3;
}
.ki-soft-2.ki-duotone:before {
  content: "\ec94";
  position: absolute;
}
.ki-soft-3.ki-duotone:after {
  content: "\ec95";
}
.ki-soft-3.ki-duotone:before {
  content: "\ec96";
  position: absolute;
  opacity: 0.3;
}
.ki-soft.ki-duotone:after {
  content: "\ec97";
  opacity: 0.3;
}
.ki-soft.ki-duotone:before {
  content: "\ec98";
  position: absolute;
}
.ki-some-files.ki-duotone:after {
  content: "\ec99";
  opacity: 0.3;
}
.ki-some-files.ki-duotone:before {
  content: "\ec9a";
  position: absolute;
}
.ki-sort.ki-duotone:after {
  content: "\ec9b";
  opacity: 0.3;
}
.ki-sort.ki-duotone:before {
  content: "\ec9c";
  position: absolute;
}
.ki-speaker.ki-duotone:after {
  content: "\ec9d";
  opacity: 0.3;
}
.ki-speaker.ki-duotone:before {
  content: "\ec9e";
  position: absolute;
}
.ki-spotify.ki-duotone:after {
  content: "\ec9f";
}
.ki-spotify.ki-duotone:before {
  content: "\eca0";
  position: absolute;
  opacity: 0.3;
}
.ki-spring-framework.ki-duotone:before {
  content: "\eca1";
}
.ki-square-brackets.ki-duotone:after {
  content: "\eca2";
  opacity: 0.3;
}
.ki-square-brackets.ki-duotone:before {
  content: "\eca3";
  position: absolute;
}
.ki-star.ki-duotone:before {
  content: "\eca4";
}
.ki-status.ki-duotone:after {
  content: "\eca5";
  opacity: 0.3;
}
.ki-status.ki-duotone:before {
  content: "\eca6";
  position: absolute;
}
.ki-subtitle.ki-duotone:after {
  content: "\eca7";
  opacity: 0.3;
}
.ki-subtitle.ki-duotone:before {
  content: "\eca8";
  position: absolute;
}
.ki-sun.ki-duotone:after {
  content: "\eca9";
  opacity: 0.3;
}
.ki-sun.ki-duotone:before {
  content: "\ecaa";
  position: absolute;
}
.ki-support.ki-duotone:after {
  content: "\ecab";
  opacity: 0.3;
}
.ki-support.ki-duotone:before {
  content: "\ecac";
  position: absolute;
}
.ki-switch.ki-duotone:after {
  content: "\ecad";
}
.ki-switch.ki-duotone:before {
  content: "\ecae";
  position: absolute;
  opacity: 0.3;
}
.ki-syringe.ki-duotone:after {
  content: "\ecaf";
  opacity: 0.3;
}
.ki-syringe.ki-duotone:before {
  content: "\ecb0";
  position: absolute;
}
.ki-tab-tablet.ki-duotone:after {
  content: "\ecb1";
  opacity: 0.3;
}
.ki-tab-tablet.ki-duotone:before {
  content: "\ecb2";
  position: absolute;
}
.ki-tablet-delete.ki-duotone:after {
  content: "\ecb3";
  opacity: 0.3;
}
.ki-tablet-delete.ki-duotone:before {
  content: "\ecb4";
  position: absolute;
}
.ki-tablet-down.ki-duotone:after {
  content: "\ecb5";
  opacity: 0.3;
}
.ki-tablet-down.ki-duotone:before {
  content: "\ecb6";
  position: absolute;
}
.ki-tablet-ok.ki-duotone:after {
  content: "\ecb7";
  opacity: 0.3;
}
.ki-tablet-ok.ki-duotone:before {
  content: "\ecb8";
  position: absolute;
}
.ki-tablet-text-down.ki-duotone:after {
  content: "\ecb9";
  opacity: 0.3;
}
.ki-tablet-text-down.ki-duotone:before {
  content: "\ecba";
  position: absolute;
}
.ki-tablet-text-up.ki-duotone:after {
  content: "\ecbb";
}
.ki-tablet-text-up.ki-duotone:before {
  content: "\ecbc";
  position: absolute;
  opacity: 0.3;
}
.ki-tablet-up.ki-duotone:after {
  content: "\ecbd";
  opacity: 0.3;
}
.ki-tablet-up.ki-duotone:before {
  content: "\ecbe";
  position: absolute;
}
.ki-tablet.ki-duotone:after {
  content: "\ecbf";
}
.ki-tablet.ki-duotone:before {
  content: "\ecc0";
  position: absolute;
  opacity: 0.3;
}
.ki-tag-cross.ki-duotone:after {
  content: "\ecc1";
}
.ki-tag-cross.ki-duotone:before {
  content: "\ecc2";
  position: absolute;
  opacity: 0.3;
}
.ki-tag.ki-duotone:after {
  content: "\ecc3";
  opacity: 0.3;
}
.ki-tag.ki-duotone:before {
  content: "\ecc4";
  position: absolute;
}
.ki-teacher.ki-duotone:after {
  content: "\ecc5";
  opacity: 0.3;
}
.ki-teacher.ki-duotone:before {
  content: "\ecc6";
  position: absolute;
}
.ki-technology-1.ki-duotone:after {
  content: "\ecc7";
}
.ki-technology-1.ki-duotone:before {
  content: "\ecc8";
  position: absolute;
  opacity: 0.3;
}
.ki-technology-2.ki-duotone:after {
  content: "\ecc9";
  opacity: 0.3;
}
.ki-technology-2.ki-duotone:before {
  content: "\ecca";
  position: absolute;
}
.ki-technology-3.ki-duotone:after {
  content: "\eccb";
  opacity: 0.3;
}
.ki-technology-3.ki-duotone:before {
  content: "\eccc";
  position: absolute;
}
.ki-technology-4.ki-duotone:after {
  content: "\eccd";
  opacity: 0.3;
}
.ki-technology-4.ki-duotone:before {
  content: "\ecce";
  position: absolute;
}
.ki-telephone-geolocation.ki-duotone:after {
  content: "\eccf";
  opacity: 0.3;
}
.ki-telephone-geolocation.ki-duotone:before {
  content: "\ecd0";
  position: absolute;
}
.ki-test-tubes.ki-duotone:after {
  content: "\ecd1";
  opacity: 0.3;
}
.ki-test-tubes.ki-duotone:before {
  content: "\ecd2";
  position: absolute;
}
.ki-text-bold.ki-duotone:after {
  content: "\ecd3";
  opacity: 0.3;
}
.ki-text-bold.ki-duotone:before {
  content: "\ecd4";
  position: absolute;
}
.ki-text-circle.ki-duotone:after {
  content: "\ecd5";
  opacity: 0.3;
}
.ki-text-circle.ki-duotone:before {
  content: "\ecd6";
  position: absolute;
}
.ki-text-italic.ki-duotone:after {
  content: "\ecd7";
  opacity: 0.3;
}
.ki-text-italic.ki-duotone:before {
  content: "\ecd8";
  position: absolute;
}
.ki-text-number.ki-duotone:after {
  content: "\ecd9";
  opacity: 0.3;
}
.ki-text-number.ki-duotone:before {
  content: "\ecda";
  position: absolute;
}
.ki-text-strikethrough.ki-duotone:after {
  content: "\ecdb";
  opacity: 0.3;
}
.ki-text-strikethrough.ki-duotone:before {
  content: "\ecdc";
  position: absolute;
}
.ki-text-underline.ki-duotone:after {
  content: "\ecdd";
  opacity: 0.3;
}
.ki-text-underline.ki-duotone:before {
  content: "\ecde";
  position: absolute;
}
.ki-text.ki-duotone:before {
  content: "\ecdf";
}
.ki-textalign-center.ki-duotone:after {
  content: "\ece0";
}
.ki-textalign-center.ki-duotone:before {
  content: "\ece1";
  position: absolute;
  opacity: 0.3;
}
.ki-textalign-justifycenter.ki-duotone:after {
  content: "\ece2";
}
.ki-textalign-justifycenter.ki-duotone:before {
  content: "\ece3";
  position: absolute;
  opacity: 0.3;
}
.ki-textalign-left.ki-duotone:after {
  content: "\ece4";
}
.ki-textalign-left.ki-duotone:before {
  content: "\ece5";
  position: absolute;
  opacity: 0.3;
}
.ki-textalign-right.ki-duotone:after {
  content: "\ece6";
}
.ki-textalign-right.ki-duotone:before {
  content: "\ece7";
  position: absolute;
  opacity: 0.3;
}
.ki-thermometer.ki-duotone:after {
  content: "\ece8";
  opacity: 0.3;
}
.ki-thermometer.ki-duotone:before {
  content: "\ece9";
  position: absolute;
}
.ki-theta-theta.ki-duotone:after {
  content: "\ecea";
}
.ki-theta-theta.ki-duotone:before {
  content: "\eceb";
  position: absolute;
  opacity: 0.3;
}
.ki-tiktok.ki-duotone:after {
  content: "\ecec";
  opacity: 0.3;
}
.ki-tiktok.ki-duotone:before {
  content: "\eced";
  position: absolute;
}
.ki-time.ki-duotone:after {
  content: "\ecee";
  opacity: 0.3;
}
.ki-time.ki-duotone:before {
  content: "\ecef";
  position: absolute;
}
.ki-timer.ki-duotone:after {
  content: "\ecf0";
  opacity: 0.3;
}
.ki-timer.ki-duotone:before {
  content: "\ecf1";
  position: absolute;
}
.ki-to-left.ki-duotone:before {
  content: "\ecf2";
}
.ki-to-right.ki-duotone:before {
  content: "\ecf3";
}
.ki-toggle-off-circle.ki-duotone:after {
  content: "\ecf4";
  opacity: 0.3;
}
.ki-toggle-off-circle.ki-duotone:before {
  content: "\ecf5";
  position: absolute;
}
.ki-toggle-off.ki-duotone:after {
  content: "\ecf6";
  opacity: 0.3;
}
.ki-toggle-off.ki-duotone:before {
  content: "\ecf7";
  position: absolute;
}
.ki-toggle-on-circle.ki-duotone:after {
  content: "\ecf8";
  opacity: 0.3;
}
.ki-toggle-on-circle.ki-duotone:before {
  content: "\ecf9";
  position: absolute;
}
.ki-toggle-on.ki-duotone:after {
  content: "\ecfa";
  opacity: 0.3;
}
.ki-toggle-on.ki-duotone:before {
  content: "\ecfb";
  position: absolute;
}
.ki-trash-square.ki-duotone:after {
  content: "\ecfc";
  opacity: 0.3;
}
.ki-trash-square.ki-duotone:before {
  content: "\ecfd";
  position: absolute;
}
.ki-trash.ki-duotone:after {
  content: "\ecfe";
  opacity: 0.3;
}
.ki-trash.ki-duotone:before {
  content: "\ecff";
  position: absolute;
}
.ki-tree.ki-duotone:after {
  content: "\ed00";
  opacity: 0.3;
}
.ki-tree.ki-duotone:before {
  content: "\ed01";
  position: absolute;
}
.ki-trello.ki-duotone:after {
  content: "\ed02";
  opacity: 0.3;
}
.ki-trello.ki-duotone:before {
  content: "\ed03";
  position: absolute;
}
.ki-ts.ki-duotone:after {
  content: "\ed04";
  opacity: 0.3;
}
.ki-ts.ki-duotone:before {
  content: "\ed05";
  position: absolute;
}
.ki-twitch.ki-duotone:after {
  content: "\ed06";
  opacity: 0.3;
}
.ki-twitch.ki-duotone:before {
  content: "\ed07";
  position: absolute;
}
.ki-twitter.ki-duotone:after {
  content: "\ed08";
  opacity: 0.3;
}
.ki-twitter.ki-duotone:before {
  content: "\ed09";
  position: absolute;
}
.ki-two-credit-cart.ki-duotone:after {
  content: "\ed0a";
  opacity: 0.3;
}
.ki-two-credit-cart.ki-duotone:before {
  content: "\ed0b";
  position: absolute;
}
.ki-underlining.ki-duotone:after {
  content: "\ed0c";
  opacity: 0.3;
}
.ki-underlining.ki-duotone:before {
  content: "\ed0d";
  position: absolute;
}
.ki-up-diagonal.ki-duotone:after {
  content: "\ed0e";
  opacity: 0.3;
}
.ki-up-diagonal.ki-duotone:before {
  content: "\ed0f";
  position: absolute;
}
.ki-up-down.ki-duotone:after {
  content: "\ed10";
  opacity: 0.3;
}
.ki-up-down.ki-duotone:before {
  content: "\ed11";
  position: absolute;
}
.ki-up-square.ki-duotone:after {
  content: "\ed12";
  opacity: 0.3;
}
.ki-up-square.ki-duotone:before {
  content: "\ed13";
  position: absolute;
}
.ki-up.ki-duotone:before {
  content: "\ed14";
}
.ki-update-file.ki-duotone:after {
  content: "\ed15";
  opacity: 0.3;
}
.ki-update-file.ki-duotone:before {
  content: "\ed16";
  position: absolute;
}
.ki-update-folder.ki-duotone:after {
  content: "\ed17";
  opacity: 0.3;
}
.ki-update-folder.ki-duotone:before {
  content: "\ed18";
  position: absolute;
}
.ki-user-edit.ki-duotone:after {
  content: "\ed19";
  opacity: 0.3;
}
.ki-user-edit.ki-duotone:before {
  content: "\ed1a";
  position: absolute;
}
.ki-user-square.ki-duotone:after {
  content: "\ed1b";
  opacity: 0.3;
}
.ki-user-square.ki-duotone:before {
  content: "\ed1c";
  position: absolute;
}
.ki-user-tick.ki-duotone:after {
  content: "\ed1d";
}
.ki-user-tick.ki-duotone:before {
  content: "\ed1e";
  position: absolute;
  opacity: 0.3;
}
.ki-user.ki-duotone:after {
  content: "\ed1f";
  opacity: 0.3;
}
.ki-user.ki-duotone:before {
  content: "\ed20";
  position: absolute;
}
.ki-users.ki-duotone:after {
  content: "\ed21";
  opacity: 0.3;
}
.ki-users.ki-duotone:before {
  content: "\ed22";
  position: absolute;
}
.ki-verify.ki-duotone:after {
  content: "\ed23";
  opacity: 0.3;
}
.ki-verify.ki-duotone:before {
  content: "\ed24";
  position: absolute;
}
.ki-vibe-vibe.ki-duotone:after {
  content: "\ed25";
}
.ki-vibe-vibe.ki-duotone:before {
  content: "\ed26";
  position: absolute;
  opacity: 0.3;
}
.ki-virus.ki-duotone:after {
  content: "\ed27";
  opacity: 0.3;
}
.ki-virus.ki-duotone:before {
  content: "\ed28";
  position: absolute;
}
.ki-vue.ki-duotone:after {
  content: "\ed29";
  opacity: 0.3;
}
.ki-vue.ki-duotone:before {
  content: "\ed2a";
  position: absolute;
}
.ki-vuesax.ki-duotone:after {
  content: "\ed2b";
  opacity: 0.4;
}
.ki-vuesax.ki-duotone:before {
  content: "\ed2c";
  position: absolute;
}
.ki-wallet.ki-duotone:after {
  content: "\ed2d";
  opacity: 0.3;
}
.ki-wallet.ki-duotone:before {
  content: "\ed2e";
  position: absolute;
}
.ki-wanchain-wan.ki-duotone:after {
  content: "\ed2f";
}
.ki-wanchain-wan.ki-duotone:before {
  content: "\ed30";
  position: absolute;
  opacity: 0.3;
}
.ki-watch.ki-duotone:after {
  content: "\ed31";
  opacity: 0.3;
}
.ki-watch.ki-duotone:before {
  content: "\ed32";
  position: absolute;
}
.ki-whatsapp.ki-duotone:after {
  content: "\ed33";
  opacity: 0.4;
}
.ki-whatsapp.ki-duotone:before {
  content: "\ed34";
  position: absolute;
}
.ki-wifi-home.ki-duotone:after {
  content: "\ed35";
  opacity: 0.3;
}
.ki-wifi-home.ki-duotone:before {
  content: "\ed36";
  position: absolute;
}
.ki-wifi-square.ki-duotone:after {
  content: "\ed37";
  opacity: 0.3;
}
.ki-wifi-square.ki-duotone:before {
  content: "\ed38";
  position: absolute;
}
.ki-wifi.ki-duotone:after {
  content: "\ed39";
}
.ki-wifi.ki-duotone:before {
  content: "\ed3a";
  position: absolute;
  opacity: 0.3;
}
.ki-wireframe.ki-duotone:after {
  content: "\ed3b";
}
.ki-wireframe.ki-duotone:before {
  content: "\ed3c";
  position: absolute;
  opacity: 0.3;
}
.ki-wlan.ki-duotone:after {
  content: "\ed3d";
  opacity: 0.3;
}
.ki-wlan.ki-duotone:before {
  content: "\ed3e";
  position: absolute;
}
.ki-wrench.ki-duotone:after {
  content: "\ed3f";
  opacity: 0.3;
}
.ki-wrench.ki-duotone:before {
  content: "\ed40";
  position: absolute;
}
.ki-xaomi.ki-duotone:after {
  content: "\ed41";
}
.ki-xaomi.ki-duotone:before {
  content: "\ed42";
  position: absolute;
  opacity: 0.3;
}
.ki-xd.ki-duotone:after {
  content: "\ed43";
  opacity: 0.3;
}
.ki-xd.ki-duotone:before {
  content: "\ed44";
  position: absolute;
}
.ki-xmr.ki-duotone:after {
  content: "\ed45";
}
.ki-xmr.ki-duotone:before {
  content: "\ed46";
  position: absolute;
  opacity: 0.3;
}
.ki-yii.ki-duotone:after {
  content: "\ed47";
  opacity: 0.3;
}
.ki-yii.ki-duotone:before {
  content: "\ed48";
  position: absolute;
}
.ki-youtube.ki-duotone:after {
  content: "\ed49";
}
.ki-youtube.ki-duotone:before {
  content: "\ed4a";
  position: absolute;
  opacity: 0.3;
}
@font-face {
  font-family: 'keenicons-filled';
  src: url('/dist/fonts/keenicons-filled.ttf') format('truetype'), url('/dist/fonts/keenicons-filled.woff') format('woff'), url('keenicons-filled.svg?nz57rx#keenicons-filled') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ki-filled {
  line-height: 1;
  position: relative;
  display: inline-flex;
}
.ki-filled:after,
.ki-filled:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'keenicons-filled' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
}
.ki-abstract-1.ki-filled:after {
  content: "\e900";
  opacity: 0.1;
}
.ki-abstract-1.ki-filled:before {
  content: "\e901";
  position: absolute;
}
.ki-abstract-2.ki-filled:after {
  content: "\e902";
  opacity: 0.1;
}
.ki-abstract-2.ki-filled:before {
  content: "\e903";
  position: absolute;
}
.ki-abstract-3.ki-filled:after {
  content: "\e904";
  opacity: 0.1;
}
.ki-abstract-3.ki-filled:before {
  content: "\e905";
  position: absolute;
}
.ki-abstract-4.ki-filled:after {
  content: "\e906";
  opacity: 0.1;
}
.ki-abstract-4.ki-filled:before {
  content: "\e907";
  position: absolute;
}
.ki-abstract-5.ki-filled:after {
  content: "\e908";
  opacity: 0.1;
}
.ki-abstract-5.ki-filled:before {
  content: "\e909";
  position: absolute;
}
.ki-abstract-6.ki-filled:after {
  content: "\e90a";
  opacity: 0.1;
}
.ki-abstract-6.ki-filled:before {
  content: "\e90b";
  position: absolute;
}
.ki-abstract-7.ki-filled:after {
  content: "\e90c";
}
.ki-abstract-7.ki-filled:before {
  content: "\e90d";
  position: absolute;
  opacity: 0.1;
}
.ki-abstract-8.ki-filled:after {
  content: "\e90e";
  opacity: 0.1;
}
.ki-abstract-8.ki-filled:before {
  content: "\e90f";
  position: absolute;
}
.ki-abstract-9.ki-filled:after {
  content: "\e910";
  opacity: 0.1;
}
.ki-abstract-9.ki-filled:before {
  content: "\e911";
  position: absolute;
}
.ki-abstract-10.ki-filled:after {
  content: "\e912";
  opacity: 0.1;
}
.ki-abstract-10.ki-filled:before {
  content: "\e913";
  position: absolute;
}
.ki-abstract-11.ki-filled:after {
  content: "\e914";
  opacity: 0.1;
}
.ki-abstract-11.ki-filled:before {
  content: "\e915";
  position: absolute;
}
.ki-abstract-12.ki-filled:after {
  content: "\e916";
  opacity: 0.1;
}
.ki-abstract-12.ki-filled:before {
  content: "\e917";
  position: absolute;
}
.ki-abstract-13.ki-filled:after {
  content: "\e918";
  opacity: 0.1;
}
.ki-abstract-13.ki-filled:before {
  content: "\e919";
  position: absolute;
}
.ki-abstract-14.ki-filled:after {
  content: "\e91a";
  opacity: 0.1;
}
.ki-abstract-14.ki-filled:before {
  content: "\e91b";
  position: absolute;
}
.ki-abstract-15.ki-filled:after {
  content: "\e91c";
  opacity: 0.1;
}
.ki-abstract-15.ki-filled:before {
  content: "\e91d";
  position: absolute;
}
.ki-abstract-16.ki-filled:after {
  content: "\e91e";
  opacity: 0.1;
}
.ki-abstract-16.ki-filled:before {
  content: "\e91f";
  position: absolute;
}
.ki-abstract-17.ki-filled:after {
  content: "\e920";
  opacity: 0.1;
}
.ki-abstract-17.ki-filled:before {
  content: "\e921";
  position: absolute;
}
.ki-abstract-18.ki-filled:after {
  content: "\e922";
  opacity: 0.1;
}
.ki-abstract-18.ki-filled:before {
  content: "\e923";
  position: absolute;
}
.ki-abstract-19.ki-filled:after {
  content: "\e924";
  opacity: 0.1;
}
.ki-abstract-19.ki-filled:before {
  content: "\e925";
  position: absolute;
}
.ki-abstract-20.ki-filled:after {
  content: "\e926";
  opacity: 0.1;
}
.ki-abstract-20.ki-filled:before {
  content: "\e927";
  position: absolute;
}
.ki-abstract-21.ki-filled:after {
  content: "\e928";
  opacity: 0.1;
}
.ki-abstract-21.ki-filled:before {
  content: "\e929";
  position: absolute;
}
.ki-abstract-22.ki-filled:after {
  content: "\e92a";
  opacity: 0.1;
}
.ki-abstract-22.ki-filled:before {
  content: "\e92b";
  position: absolute;
}
.ki-abstract-23.ki-filled:after {
  content: "\e92c";
  opacity: 0.1;
}
.ki-abstract-23.ki-filled:before {
  content: "\e92d";
  position: absolute;
}
.ki-abstract-24.ki-filled:after {
  content: "\e92e";
  opacity: 0.1;
}
.ki-abstract-24.ki-filled:before {
  content: "\e92f";
  position: absolute;
}
.ki-abstract-25.ki-filled:after {
  content: "\e930";
  opacity: 0.1;
}
.ki-abstract-25.ki-filled:before {
  content: "\e931";
  position: absolute;
}
.ki-abstract-26.ki-filled:after {
  content: "\e932";
  opacity: 0.1;
}
.ki-abstract-26.ki-filled:before {
  content: "\e933";
  position: absolute;
}
.ki-abstract-27.ki-filled:after {
  content: "\e934";
  opacity: 0.1;
}
.ki-abstract-27.ki-filled:before {
  content: "\e935";
  position: absolute;
}
.ki-abstract-28.ki-filled:after {
  content: "\e936";
  opacity: 0.1;
}
.ki-abstract-28.ki-filled:before {
  content: "\e937";
  position: absolute;
}
.ki-abstract-29.ki-filled:after {
  content: "\e938";
  opacity: 0.1;
}
.ki-abstract-29.ki-filled:before {
  content: "\e939";
  position: absolute;
}
.ki-abstract-30.ki-filled:after {
  content: "\e93a";
  opacity: 0.1;
}
.ki-abstract-30.ki-filled:before {
  content: "\e93b";
  position: absolute;
}
.ki-abstract-31.ki-filled:after {
  content: "\e93c";
  opacity: 0.1;
}
.ki-abstract-31.ki-filled:before {
  content: "\e93d";
  position: absolute;
}
.ki-abstract-32.ki-filled:after {
  content: "\e93e";
  opacity: 0.1;
}
.ki-abstract-32.ki-filled:before {
  content: "\e93f";
  position: absolute;
}
.ki-abstract-33.ki-filled:after {
  content: "\e940";
  opacity: 0.1;
}
.ki-abstract-33.ki-filled:before {
  content: "\e941";
  position: absolute;
}
.ki-abstract-34.ki-filled:after {
  content: "\e942";
  opacity: 0.1;
}
.ki-abstract-34.ki-filled:before {
  content: "\e943";
  position: absolute;
}
.ki-abstract-35.ki-filled:after {
  content: "\e944";
}
.ki-abstract-35.ki-filled:before {
  content: "\e945";
  position: absolute;
  opacity: 0.1;
}
.ki-abstract-36.ki-filled:after {
  content: "\e946";
  opacity: 0.1;
}
.ki-abstract-36.ki-filled:before {
  content: "\e947";
  position: absolute;
}
.ki-abstract-37.ki-filled:after {
  content: "\e948";
  opacity: 0.1;
}
.ki-abstract-37.ki-filled:before {
  content: "\e949";
  position: absolute;
}
.ki-abstract-38.ki-filled:after {
  content: "\e94a";
  opacity: 0.1;
}
.ki-abstract-38.ki-filled:before {
  content: "\e94b";
  position: absolute;
}
.ki-abstract-39.ki-filled:after {
  content: "\e94c";
  opacity: 0.1;
}
.ki-abstract-39.ki-filled:before {
  content: "\e94d";
  position: absolute;
}
.ki-abstract-40.ki-filled:after {
  content: "\e94e";
  opacity: 0.1;
}
.ki-abstract-40.ki-filled:before {
  content: "\e94f";
  position: absolute;
}
.ki-abstract-41.ki-filled:after {
  content: "\e950";
  opacity: 0.1;
}
.ki-abstract-41.ki-filled:before {
  content: "\e951";
  position: absolute;
}
.ki-abstract-42.ki-filled:after {
  content: "\e952";
  opacity: 0.1;
}
.ki-abstract-42.ki-filled:before {
  content: "\e953";
  position: absolute;
}
.ki-abstract-43.ki-filled:after {
  content: "\e954";
  opacity: 0.1;
}
.ki-abstract-43.ki-filled:before {
  content: "\e955";
  position: absolute;
}
.ki-abstract-44.ki-filled:after {
  content: "\e956";
  opacity: 0.1;
}
.ki-abstract-44.ki-filled:before {
  content: "\e957";
  position: absolute;
}
.ki-abstract-45.ki-filled:before {
  content: "\e958";
}
.ki-abstract-46.ki-filled:after {
  content: "\e959";
  opacity: 0.1;
}
.ki-abstract-46.ki-filled:before {
  content: "\e95a";
  position: absolute;
}
.ki-abstract-47.ki-filled:after {
  content: "\e95b";
  opacity: 0.1;
}
.ki-abstract-47.ki-filled:before {
  content: "\e95c";
  position: absolute;
}
.ki-abstract-48.ki-filled:after {
  content: "\e95d";
  opacity: 0.1;
}
.ki-abstract-48.ki-filled:before {
  content: "\e95e";
  position: absolute;
}
.ki-abstract-49.ki-filled:after {
  content: "\e95f";
  opacity: 0.1;
}
.ki-abstract-49.ki-filled:before {
  content: "\e960";
  position: absolute;
}
.ki-abstract.ki-filled:after {
  content: "\e961";
  opacity: 0.1;
}
.ki-abstract.ki-filled:before {
  content: "\e962";
  position: absolute;
}
.ki-add-files.ki-filled:after {
  content: "\e963";
  opacity: 0.1;
}
.ki-add-files.ki-filled:before {
  content: "\e964";
  position: absolute;
}
.ki-add-folder.ki-filled:after {
  content: "\e965";
  opacity: 0.1;
}
.ki-add-folder.ki-filled:before {
  content: "\e966";
  position: absolute;
}
.ki-add-notepad.ki-filled:after {
  content: "\e967";
  opacity: 0.1;
}
.ki-add-notepad.ki-filled:before {
  content: "\e968";
  position: absolute;
}
.ki-additem.ki-filled:after {
  content: "\e969";
  opacity: 0.1;
}
.ki-additem.ki-filled:before {
  content: "\e96a";
  position: absolute;
}
.ki-address-book.ki-filled:after {
  content: "\e96b";
  opacity: 0.1;
}
.ki-address-book.ki-filled:before {
  content: "\e96c";
  position: absolute;
}
.ki-airplane-square.ki-filled:after {
  content: "\e96d";
  opacity: 0.1;
}
.ki-airplane-square.ki-filled:before {
  content: "\e96e";
  position: absolute;
}
.ki-airplane.ki-filled:after {
  content: "\e96f";
  opacity: 0.1;
}
.ki-airplane.ki-filled:before {
  content: "\e970";
  position: absolute;
}
.ki-airpod.ki-filled:after {
  content: "\e971";
  opacity: 0.1;
}
.ki-airpod.ki-filled:before {
  content: "\e972";
  position: absolute;
}
.ki-android.ki-filled:after {
  content: "\e973";
  opacity: 0.1;
}
.ki-android.ki-filled:before {
  content: "\e974";
  position: absolute;
}
.ki-angular.ki-filled:after {
  content: "\e975";
  opacity: 0.1;
}
.ki-angular.ki-filled:before {
  content: "\e976";
  position: absolute;
}
.ki-apple.ki-filled:after {
  content: "\e977";
  opacity: 0.1;
}
.ki-apple.ki-filled:before {
  content: "\e978";
  position: absolute;
}
.ki-archive-tick.ki-filled:after {
  content: "\e979";
  opacity: 0.1;
}
.ki-archive-tick.ki-filled:before {
  content: "\e97a";
  position: absolute;
}
.ki-archive.ki-filled:after {
  content: "\e97b";
  opacity: 0.1;
}
.ki-archive.ki-filled:before {
  content: "\e97c";
  position: absolute;
}
.ki-arrow-circle-left.ki-filled:after {
  content: "\e97d";
  opacity: 0.1;
}
.ki-arrow-circle-left.ki-filled:before {
  content: "\e97e";
  position: absolute;
}
.ki-arrow-circle-right.ki-filled:after {
  content: "\e97f";
  opacity: 0.1;
}
.ki-arrow-circle-right.ki-filled:before {
  content: "\e980";
  position: absolute;
}
.ki-arrow-down-left.ki-filled:before {
  content: "\e981";
}
.ki-arrow-down-refraction.ki-filled:before {
  content: "\e982";
}
.ki-arrow-down-right.ki-filled:before {
  content: "\e983";
}
.ki-arrow-down.ki-filled:before {
  content: "\e984";
}
.ki-arrow-left.ki-filled:before {
  content: "\e985";
}
.ki-arrow-mix.ki-filled:before {
  content: "\e986";
}
.ki-arrow-right-left.ki-filled:before {
  content: "\e987";
}
.ki-arrow-right.ki-filled:before {
  content: "\e988";
}
.ki-arrow-two-diagonals.ki-filled:before {
  content: "\e989";
}
.ki-arrow-up-down.ki-filled:before {
  content: "\e98a";
}
.ki-arrow-up-left.ki-filled:before {
  content: "\e98b";
}
.ki-arrow-up-refraction.ki-filled:before {
  content: "\e98c";
}
.ki-arrow-up-right.ki-filled:before {
  content: "\e98d";
}
.ki-arrow-up.ki-filled:before {
  content: "\e98e";
}
.ki-arrow-zigzag.ki-filled:before {
  content: "\e98f";
}
.ki-arrows-circle.ki-filled:before {
  content: "\e990";
}
.ki-arrows-loop.ki-filled:before {
  content: "\e991";
}
.ki-artificial-intelligence.ki-filled:after {
  content: "\e992";
  opacity: 0.1;
}
.ki-artificial-intelligence.ki-filled:before {
  content: "\e993";
  position: absolute;
}
.ki-autobrightness.ki-filled:after {
  content: "\e994";
  opacity: 0.1;
}
.ki-autobrightness.ki-filled:before {
  content: "\e995";
  position: absolute;
}
.ki-avalanche-avax.ki-filled:after {
  content: "\e996";
  opacity: 0.1;
}
.ki-avalanche-avax.ki-filled:before {
  content: "\e997";
  position: absolute;
}
.ki-award.ki-filled:after {
  content: "\e998";
  opacity: 0.1;
}
.ki-award.ki-filled:before {
  content: "\e999";
  position: absolute;
}
.ki-badge.ki-filled:after {
  content: "\e99a";
  opacity: 0.1;
}
.ki-badge.ki-filled:before {
  content: "\e99b";
  position: absolute;
}
.ki-bandage.ki-filled:after {
  content: "\e99c";
  opacity: 0.1;
}
.ki-bandage.ki-filled:before {
  content: "\e99d";
  position: absolute;
}
.ki-bank.ki-filled:after {
  content: "\e99e";
  opacity: 0.1;
}
.ki-bank.ki-filled:before {
  content: "\e99f";
  position: absolute;
}
.ki-bar-chart.ki-filled:after {
  content: "\e9a0";
  opacity: 0.1;
}
.ki-bar-chart.ki-filled:before {
  content: "\e9a1";
  position: absolute;
}
.ki-barcode.ki-filled:after {
  content: "\e9a2";
  opacity: 0.1;
}
.ki-barcode.ki-filled:before {
  content: "\e9a3";
  position: absolute;
}
.ki-basket-ok.ki-filled:after {
  content: "\e9a4";
  opacity: 0.1;
}
.ki-basket-ok.ki-filled:before {
  content: "\e9a5";
  position: absolute;
}
.ki-basket.ki-filled:after {
  content: "\e9a6";
  opacity: 0.1;
}
.ki-basket.ki-filled:before {
  content: "\e9a7";
  position: absolute;
}
.ki-behance.ki-filled:before {
  content: "\e9a8";
}
.ki-bill.ki-filled:after {
  content: "\e9a9";
  opacity: 0.1;
}
.ki-bill.ki-filled:before {
  content: "\e9aa";
  position: absolute;
}
.ki-binance-usd-busd.ki-filled:after {
  content: "\e9ab";
  opacity: 0.1;
}
.ki-binance-usd-busd.ki-filled:before {
  content: "\e9ac";
  position: absolute;
}
.ki-binance.ki-filled:after {
  content: "\e9ad";
  opacity: 0.1;
}
.ki-binance.ki-filled:before {
  content: "\e9ae";
  position: absolute;
}
.ki-bitcoin.ki-filled:after {
  content: "\e9af";
  opacity: 0.1;
}
.ki-bitcoin.ki-filled:before {
  content: "\e9b0";
  position: absolute;
}
.ki-black-down.ki-filled:before {
  content: "\e9b1";
}
.ki-black-left-line.ki-filled:before {
  content: "\e9b2";
}
.ki-black-left.ki-filled:before {
  content: "\e9b3";
}
.ki-black-right-line.ki-filled:before {
  content: "\e9b4";
}
.ki-black-right.ki-filled:before {
  content: "\e9b5";
}
.ki-black-up.ki-filled:before {
  content: "\e9b6";
}
.ki-bluetooth.ki-filled:after {
  content: "\e9b7";
  opacity: 0.1;
}
.ki-bluetooth.ki-filled:before {
  content: "\e9b8";
  position: absolute;
}
.ki-book-open.ki-filled:after {
  content: "\e9b9";
  opacity: 0.1;
}
.ki-book-open.ki-filled:before {
  content: "\e9ba";
  position: absolute;
}
.ki-book-square.ki-filled:after {
  content: "\e9bb";
  opacity: 0.1;
}
.ki-book-square.ki-filled:before {
  content: "\e9bc";
  position: absolute;
}
.ki-book.ki-filled:after {
  content: "\e9bd";
  opacity: 0.1;
}
.ki-book.ki-filled:before {
  content: "\e9be";
  position: absolute;
}
.ki-bookmark-2.ki-filled:after {
  content: "\e9bf";
  opacity: 0.1;
}
.ki-bookmark-2.ki-filled:before {
  content: "\e9c0";
  position: absolute;
}
.ki-bookmark.ki-filled:after {
  content: "\e9c1";
  opacity: 0.1;
}
.ki-bookmark.ki-filled:before {
  content: "\e9c2";
  position: absolute;
}
.ki-bootstrap.ki-filled:after {
  content: "\e9c3";
  opacity: 0.1;
}
.ki-bootstrap.ki-filled:before {
  content: "\e9c4";
  position: absolute;
}
.ki-briefcase.ki-filled:after {
  content: "\e9c5";
  opacity: 0.1;
}
.ki-briefcase.ki-filled:before {
  content: "\e9c6";
  position: absolute;
}
.ki-brifecase-cros.ki-filled:after {
  content: "\e9c7";
  opacity: 0.1;
}
.ki-brifecase-cros.ki-filled:before {
  content: "\e9c8";
  position: absolute;
}
.ki-brifecase-tick.ki-filled:after {
  content: "\e9c9";
  opacity: 0.1;
}
.ki-brifecase-tick.ki-filled:before {
  content: "\e9ca";
  position: absolute;
}
.ki-brifecase-timer.ki-filled:after {
  content: "\e9cb";
  opacity: 0.1;
}
.ki-brifecase-timer.ki-filled:before {
  content: "\e9cc";
  position: absolute;
}
.ki-brush.ki-filled:after {
  content: "\e9cd";
  opacity: 0.1;
}
.ki-brush.ki-filled:before {
  content: "\e9ce";
  position: absolute;
}
.ki-bucket-square.ki-filled:after {
  content: "\e9cf";
  opacity: 0.1;
}
.ki-bucket-square.ki-filled:before {
  content: "\e9d0";
  position: absolute;
}
.ki-bucket.ki-filled:after {
  content: "\e9d1";
  opacity: 0.1;
}
.ki-bucket.ki-filled:before {
  content: "\e9d2";
  position: absolute;
}
.ki-burger-menu-1.ki-filled:after {
  content: "\e9d3";
  opacity: 0.1;
}
.ki-burger-menu-1.ki-filled:before {
  content: "\e9d4";
  position: absolute;
}
.ki-burger-menu-2.ki-filled:after {
  content: "\e9d5";
  opacity: 0.1;
}
.ki-burger-menu-2.ki-filled:before {
  content: "\e9d6";
  position: absolute;
}
.ki-burger-menu-3.ki-filled:after {
  content: "\e9d7";
  opacity: 0.1;
}
.ki-burger-menu-3.ki-filled:before {
  content: "\e9d8";
  position: absolute;
}
.ki-burger-menu-4.ki-filled:before {
  content: "\e9d9";
}
.ki-burger-menu-5.ki-filled:before {
  content: "\e9da";
}
.ki-burger-menu-6.ki-filled:before {
  content: "\e9db";
}
.ki-burger-menu.ki-filled:after {
  content: "\e9dc";
  opacity: 0.1;
}
.ki-burger-menu.ki-filled:before {
  content: "\e9dd";
  position: absolute;
}
.ki-bus.ki-filled:after {
  content: "\e9de";
  opacity: 0.1;
}
.ki-bus.ki-filled:before {
  content: "\e9df";
  position: absolute;
}
.ki-calculator.ki-filled:after {
  content: "\e9e0";
  opacity: 0.1;
}
.ki-calculator.ki-filled:before {
  content: "\e9e1";
  position: absolute;
}
.ki-calculatoror.ki-filled:after {
  content: "\e9e2";
  opacity: 0.1;
}
.ki-calculatoror.ki-filled:before {
  content: "\e9e3";
  position: absolute;
}
.ki-calendar-2.ki-filled:after {
  content: "\e9e4";
  opacity: 0.1;
}
.ki-calendar-2.ki-filled:before {
  content: "\e9e5";
  position: absolute;
}
.ki-calendar-8.ki-filled:after {
  content: "\e9e6";
  opacity: 0.1;
}
.ki-calendar-8.ki-filled:before {
  content: "\e9e7";
  position: absolute;
}
.ki-calendar-add.ki-filled:after {
  content: "\e9e8";
  opacity: 0.1;
}
.ki-calendar-add.ki-filled:before {
  content: "\e9e9";
  position: absolute;
}
.ki-calendar-edit.ki-filled:after {
  content: "\e9ea";
  opacity: 0.1;
}
.ki-calendar-edit.ki-filled:before {
  content: "\e9eb";
  position: absolute;
}
.ki-calendar-remove.ki-filled:after {
  content: "\e9ec";
  opacity: 0.1;
}
.ki-calendar-remove.ki-filled:before {
  content: "\e9ed";
  position: absolute;
}
.ki-calendar-search.ki-filled:after {
  content: "\e9ee";
  opacity: 0.1;
}
.ki-calendar-search.ki-filled:before {
  content: "\e9ef";
  position: absolute;
}
.ki-calendar-tick.ki-filled:after {
  content: "\e9f0";
  opacity: 0.1;
}
.ki-calendar-tick.ki-filled:before {
  content: "\e9f1";
  position: absolute;
}
.ki-calendar.ki-filled:after {
  content: "\e9f2";
  opacity: 0.1;
}
.ki-calendar.ki-filled:before {
  content: "\e9f3";
  position: absolute;
}
.ki-call.ki-filled:after {
  content: "\e9f4";
}
.ki-call.ki-filled:before {
  content: "\e9f5";
  position: absolute;
  opacity: 0.1;
}
.ki-capsule.ki-filled:after {
  content: "\e9f6";
  opacity: 0.1;
}
.ki-capsule.ki-filled:before {
  content: "\e9f7";
  position: absolute;
}
.ki-car.ki-filled:after {
  content: "\e9f8";
  opacity: 0.1;
}
.ki-car.ki-filled:before {
  content: "\e9f9";
  position: absolute;
}
.ki-category.ki-filled:after {
  content: "\e9fa";
  opacity: 0.1;
}
.ki-category.ki-filled:before {
  content: "\e9fb";
  position: absolute;
}
.ki-cd.ki-filled:after {
  content: "\e9fc";
}
.ki-cd.ki-filled:before {
  content: "\e9fd";
  position: absolute;
  opacity: 0.1;
}
.ki-celsius-cel.ki-filled:after {
  content: "\e9fe";
  opacity: 0.1;
}
.ki-celsius-cel.ki-filled:before {
  content: "\e9ff";
  position: absolute;
}
.ki-chart-line-down-2.ki-filled:after {
  content: "\ea00";
  opacity: 0.1;
}
.ki-chart-line-down-2.ki-filled:before {
  content: "\ea01";
  position: absolute;
}
.ki-chart-line-down.ki-filled:before {
  content: "\ea02";
}
.ki-chart-line-star.ki-filled:after {
  content: "\ea03";
  opacity: 0.1;
}
.ki-chart-line-star.ki-filled:before {
  content: "\ea04";
  position: absolute;
}
.ki-chart-line-up-2.ki-filled:after {
  content: "\ea05";
  opacity: 0.1;
}
.ki-chart-line-up-2.ki-filled:before {
  content: "\ea06";
  position: absolute;
}
.ki-chart-line-up.ki-filled:before {
  content: "\ea07";
}
.ki-chart-line.ki-filled:after {
  content: "\ea08";
  opacity: 0.1;
}
.ki-chart-line.ki-filled:before {
  content: "\ea09";
  position: absolute;
}
.ki-chart-pie-3.ki-filled:after {
  content: "\ea0a";
  opacity: 0.1;
}
.ki-chart-pie-3.ki-filled:before {
  content: "\ea0b";
  position: absolute;
}
.ki-chart-pie-4.ki-filled:after {
  content: "\ea0c";
  opacity: 0.1;
}
.ki-chart-pie-4.ki-filled:before {
  content: "\ea0d";
  position: absolute;
}
.ki-chart-pie-simple.ki-filled:after {
  content: "\ea0e";
  opacity: 0.1;
}
.ki-chart-pie-simple.ki-filled:before {
  content: "\ea0f";
  position: absolute;
}
.ki-chart-pie-too.ki-filled:after {
  content: "\ea10";
  opacity: 0.1;
}
.ki-chart-pie-too.ki-filled:before {
  content: "\ea11";
  position: absolute;
}
.ki-chart-simple-2.ki-filled:after {
  content: "\ea12";
  opacity: 0.1;
}
.ki-chart-simple-2.ki-filled:before {
  content: "\ea13";
  position: absolute;
}
.ki-chart-simple-3.ki-filled:after {
  content: "\ea14";
  opacity: 0.1;
}
.ki-chart-simple-3.ki-filled:before {
  content: "\ea15";
  position: absolute;
}
.ki-chart-simple.ki-filled:after {
  content: "\ea16";
  opacity: 0.1;
}
.ki-chart-simple.ki-filled:before {
  content: "\ea17";
  position: absolute;
}
.ki-chart.ki-filled:after {
  content: "\ea18";
  opacity: 0.1;
}
.ki-chart.ki-filled:before {
  content: "\ea19";
  position: absolute;
}
.ki-check-circle.ki-filled:after {
  content: "\ea1a";
  opacity: 0.1;
}
.ki-check-circle.ki-filled:before {
  content: "\ea1b";
  position: absolute;
}
.ki-check-squared.ki-filled:after {
  content: "\ea1c";
  opacity: 0.1;
}
.ki-check-squared.ki-filled:before {
  content: "\ea1d";
  position: absolute;
}
.ki-check.ki-filled:before {
  content: "\ea1e";
}
.ki-cheque.ki-filled:after {
  content: "\ea1f";
  opacity: 0.1;
}
.ki-cheque.ki-filled:before {
  content: "\ea20";
  position: absolute;
}
.ki-chrome.ki-filled:after {
  content: "\ea21";
  opacity: 0.1;
}
.ki-chrome.ki-filled:before {
  content: "\ea22";
  position: absolute;
}
.ki-classmates.ki-filled:after {
  content: "\ea23";
  opacity: 0.1;
}
.ki-classmates.ki-filled:before {
  content: "\ea24";
  position: absolute;
}
.ki-click.ki-filled:after {
  content: "\ea25";
  opacity: 0.1;
}
.ki-click.ki-filled:before {
  content: "\ea26";
  position: absolute;
}
.ki-clipboard.ki-filled:after {
  content: "\ea27";
  opacity: 0.1;
}
.ki-clipboard.ki-filled:before {
  content: "\ea28";
  position: absolute;
}
.ki-cloud-add.ki-filled:after {
  content: "\ea29";
  opacity: 0.1;
}
.ki-cloud-add.ki-filled:before {
  content: "\ea2a";
  position: absolute;
}
.ki-cloud-change.ki-filled:after {
  content: "\ea2b";
  opacity: 0.1;
}
.ki-cloud-change.ki-filled:before {
  content: "\ea2c";
  position: absolute;
}
.ki-cloud-download.ki-filled:after {
  content: "\ea2d";
  opacity: 0.1;
}
.ki-cloud-download.ki-filled:before {
  content: "\ea2e";
  position: absolute;
}
.ki-cloud.ki-filled:after {
  content: "\ea2f";
  opacity: 0.1;
}
.ki-cloud.ki-filled:before {
  content: "\ea30";
  position: absolute;
}
.ki-code.ki-filled:after {
  content: "\ea31";
  opacity: 0.1;
}
.ki-code.ki-filled:before {
  content: "\ea32";
  position: absolute;
}
.ki-coffee.ki-filled:after {
  content: "\ea33";
  opacity: 0.1;
}
.ki-coffee.ki-filled:before {
  content: "\ea34";
  position: absolute;
}
.ki-color-swatch.ki-filled:after {
  content: "\ea35";
  opacity: 0.1;
}
.ki-color-swatch.ki-filled:before {
  content: "\ea36";
  position: absolute;
}
.ki-colors-square.ki-filled:after {
  content: "\ea37";
  opacity: 0.1;
}
.ki-colors-square.ki-filled:before {
  content: "\ea38";
  position: absolute;
}
.ki-compass.ki-filled:after {
  content: "\ea39";
  opacity: 0.1;
}
.ki-compass.ki-filled:before {
  content: "\ea3a";
  position: absolute;
}
.ki-copy-success.ki-filled:after {
  content: "\ea3b";
  opacity: 0.1;
}
.ki-copy-success.ki-filled:before {
  content: "\ea3c";
  position: absolute;
}
.ki-copy.ki-filled:after {
  content: "\ea3d";
  opacity: 0.1;
}
.ki-copy.ki-filled:before {
  content: "\ea3e";
  position: absolute;
}
.ki-courier-express.ki-filled:after {
  content: "\ea3f";
  opacity: 0.1;
}
.ki-courier-express.ki-filled:before {
  content: "\ea40";
  position: absolute;
}
.ki-courier.ki-filled:after {
  content: "\ea41";
  opacity: 0.1;
}
.ki-courier.ki-filled:before {
  content: "\ea42";
  position: absolute;
}
.ki-credit-cart.ki-filled:after {
  content: "\ea43";
  opacity: 0.1;
}
.ki-credit-cart.ki-filled:before {
  content: "\ea44";
  position: absolute;
}
.ki-cross-circle.ki-filled:after {
  content: "\ea45";
  opacity: 0.1;
}
.ki-cross-circle.ki-filled:before {
  content: "\ea46";
  position: absolute;
}
.ki-cross-square.ki-filled:after {
  content: "\ea47";
  opacity: 0.1;
}
.ki-cross-square.ki-filled:before {
  content: "\ea48";
  position: absolute;
}
.ki-cross.ki-filled:before {
  content: "\ea49";
}
.ki-crown-2.ki-filled:after {
  content: "\ea4a";
  opacity: 0.1;
}
.ki-crown-2.ki-filled:before {
  content: "\ea4b";
  position: absolute;
}
.ki-crown.ki-filled:after {
  content: "\ea4c";
  opacity: 0.1;
}
.ki-crown.ki-filled:before {
  content: "\ea4d";
  position: absolute;
}
.ki-css.ki-filled:after {
  content: "\ea4e";
  opacity: 0.1;
}
.ki-css.ki-filled:before {
  content: "\ea4f";
  position: absolute;
}
.ki-cube-2.ki-filled:after {
  content: "\ea50";
  opacity: 0.1;
}
.ki-cube-2.ki-filled:before {
  content: "\ea51";
  position: absolute;
}
.ki-cube-3.ki-filled:after {
  content: "\ea52";
  opacity: 0.1;
}
.ki-cube-3.ki-filled:before {
  content: "\ea53";
  position: absolute;
}
.ki-cup.ki-filled:after {
  content: "\ea54";
  opacity: 0.1;
}
.ki-cup.ki-filled:before {
  content: "\ea55";
  position: absolute;
}
.ki-cursor.ki-filled:after {
  content: "\ea56";
  opacity: 0.1;
}
.ki-cursor.ki-filled:before {
  content: "\ea57";
  position: absolute;
}
.ki-dash.ki-filled:after {
  content: "\ea58";
  opacity: 0.1;
}
.ki-dash.ki-filled:before {
  content: "\ea59";
  position: absolute;
}
.ki-data.ki-filled:after {
  content: "\ea5a";
  opacity: 0.1;
}
.ki-data.ki-filled:before {
  content: "\ea5b";
  position: absolute;
}
.ki-delete-files.ki-filled:after {
  content: "\ea5c";
  opacity: 0.1;
}
.ki-delete-files.ki-filled:before {
  content: "\ea5d";
  position: absolute;
}
.ki-delete-folder.ki-filled:after {
  content: "\ea5e";
  opacity: 0.1;
}
.ki-delete-folder.ki-filled:before {
  content: "\ea5f";
  position: absolute;
}
.ki-delivery-2.ki-filled:after {
  content: "\ea60";
  opacity: 0.1;
}
.ki-delivery-2.ki-filled:before {
  content: "\ea61";
  position: absolute;
}
.ki-delivery-3.ki-filled:after {
  content: "\ea62";
  opacity: 0.1;
}
.ki-delivery-3.ki-filled:before {
  content: "\ea63";
  position: absolute;
}
.ki-delivery-24.ki-filled:after {
  content: "\ea64";
  opacity: 0.1;
}
.ki-delivery-24.ki-filled:before {
  content: "\ea65";
  position: absolute;
}
.ki-delivery-door.ki-filled:after {
  content: "\ea66";
  opacity: 0.1;
}
.ki-delivery-door.ki-filled:before {
  content: "\ea67";
  position: absolute;
}
.ki-delivery-geolocation.ki-filled:after {
  content: "\ea68";
  opacity: 0.1;
}
.ki-delivery-geolocation.ki-filled:before {
  content: "\ea69";
  position: absolute;
}
.ki-delivery-time.ki-filled:after {
  content: "\ea6a";
  opacity: 0.1;
}
.ki-delivery-time.ki-filled:before {
  content: "\ea6b";
  position: absolute;
}
.ki-delivery.ki-filled:after {
  content: "\ea6c";
  opacity: 0.1;
}
.ki-delivery.ki-filled:before {
  content: "\ea6d";
  position: absolute;
}
.ki-design-1.ki-filled:after {
  content: "\ea6e";
  opacity: 0.1;
}
.ki-design-1.ki-filled:before {
  content: "\ea6f";
  position: absolute;
}
.ki-design-2.ki-filled:after {
  content: "\ea70";
  opacity: 0.1;
}
.ki-design-2.ki-filled:before {
  content: "\ea71";
  position: absolute;
}
.ki-desktop-mobile.ki-filled:after {
  content: "\ea72";
  opacity: 0.1;
}
.ki-desktop-mobile.ki-filled:before {
  content: "\ea73";
  position: absolute;
}
.ki-devices-2.ki-filled:after {
  content: "\ea74";
  opacity: 0.1;
}
.ki-devices-2.ki-filled:before {
  content: "\ea75";
  position: absolute;
}
.ki-devices.ki-filled:after {
  content: "\ea76";
  opacity: 0.1;
}
.ki-devices.ki-filled:before {
  content: "\ea77";
  position: absolute;
}
.ki-diamonds.ki-filled:after {
  content: "\ea78";
  opacity: 0.1;
}
.ki-diamonds.ki-filled:before {
  content: "\ea79";
  position: absolute;
}
.ki-directbox-default.ki-filled:after {
  content: "\ea7a";
  opacity: 0.1;
}
.ki-directbox-default.ki-filled:before {
  content: "\ea7b";
  position: absolute;
}
.ki-disconnect.ki-filled:after {
  content: "\ea7c";
  opacity: 0.1;
}
.ki-disconnect.ki-filled:before {
  content: "\ea7d";
  position: absolute;
}
.ki-discount.ki-filled:after {
  content: "\ea7e";
  opacity: 0.1;
}
.ki-discount.ki-filled:before {
  content: "\ea7f";
  position: absolute;
}
.ki-disguise.ki-filled:after {
  content: "\ea80";
  opacity: 0.1;
}
.ki-disguise.ki-filled:before {
  content: "\ea81";
  position: absolute;
}
.ki-disk.ki-filled:after {
  content: "\ea82";
  opacity: 0.1;
}
.ki-disk.ki-filled:before {
  content: "\ea83";
  position: absolute;
}
.ki-dislike.ki-filled:after {
  content: "\ea84";
  opacity: 0.1;
}
.ki-dislike.ki-filled:before {
  content: "\ea85";
  position: absolute;
}
.ki-dj.ki-filled:after {
  content: "\ea86";
  opacity: 0.1;
}
.ki-dj.ki-filled:before {
  content: "\ea87";
  position: absolute;
}
.ki-document.ki-filled:after {
  content: "\ea88";
  opacity: 0.1;
}
.ki-document.ki-filled:before {
  content: "\ea89";
  position: absolute;
}
.ki-double-check.ki-filled:before {
  content: "\ea8a";
}
.ki-dollar.ki-filled:after {
  content: "\ea8b";
  opacity: 0.1;
}
.ki-dollar.ki-filled:before {
  content: "\ea8c";
  position: absolute;
}
.ki-dots-circle-vertical.ki-filled:after {
  content: "\ea8d";
  opacity: 0.1;
}
.ki-dots-circle-vertical.ki-filled:before {
  content: "\ea8e";
  position: absolute;
}
.ki-dots-circle.ki-filled:after {
  content: "\ea8f";
  opacity: 0.1;
}
.ki-dots-circle.ki-filled:before {
  content: "\ea90";
  position: absolute;
}
.ki-dots-horizontal.ki-filled:before {
  content: "\ea91";
}
.ki-dots-square-vertical.ki-filled:after {
  content: "\ea92";
  opacity: 0.1;
}
.ki-dots-square-vertical.ki-filled:before {
  content: "\ea93";
  position: absolute;
}
.ki-dots-square.ki-filled:after {
  content: "\ea94";
  opacity: 0.1;
}
.ki-dots-square.ki-filled:before {
  content: "\ea95";
  position: absolute;
}
.ki-dots-vertical.ki-filled:before {
  content: "\ea96";
}
.ki-double-check-circle.ki-filled:after {
  content: "\ea97";
  opacity: 0.1;
}
.ki-double-check-circle.ki-filled:before {
  content: "\ea98";
  position: absolute;
}
.ki-double-down.ki-filled:before {
  content: "\ea99";
}
.ki-double-left-arrow.ki-filled:after {
  content: "\ea9a";
  opacity: 0.1;
}
.ki-double-left-arrow.ki-filled:before {
  content: "\ea9b";
  position: absolute;
}
.ki-double-left.ki-filled:before {
  content: "\ea9c";
}
.ki-double-right-arrow.ki-filled:after {
  content: "\ea9d";
  opacity: 0.1;
}
.ki-double-right-arrow.ki-filled:before {
  content: "\ea9e";
  position: absolute;
}
.ki-double-right.ki-filled:before {
  content: "\ea9f";
}
.ki-double-up.ki-filled:before {
  content: "\eaa0";
}
.ki-down-square.ki-filled:after {
  content: "\eaa1";
  opacity: 0.1;
}
.ki-down-square.ki-filled:before {
  content: "\eaa2";
  position: absolute;
}
.ki-down.ki-filled:before {
  content: "\eaa3";
}
.ki-dribbble.ki-filled:after {
  content: "\eaa4";
  opacity: 0.1;
}
.ki-dribbble.ki-filled:before {
  content: "\eaa5";
  position: absolute;
}
.ki-drop.ki-filled:after {
  content: "\eaa6";
  opacity: 0.1;
}
.ki-drop.ki-filled:before {
  content: "\eaa7";
  position: absolute;
}
.ki-dropbox.ki-filled:after {
  content: "\eaa8";
  opacity: 0.1;
}
.ki-dropbox.ki-filled:before {
  content: "\eaa9";
  position: absolute;
}
.ki-educare-ekt.ki-filled:after {
  content: "\eaaa";
  opacity: 0.1;
}
.ki-educare-ekt.ki-filled:before {
  content: "\eaab";
  position: absolute;
}
.ki-electricity.ki-filled:after {
  content: "\eaac";
  opacity: 0.1;
}
.ki-electricity.ki-filled:before {
  content: "\eaad";
  position: absolute;
}
.ki-electronic-clock.ki-filled:after {
  content: "\eaae";
  opacity: 0.1;
}
.ki-electronic-clock.ki-filled:before {
  content: "\eaaf";
  position: absolute;
}
.ki-element-1.ki-filled:after {
  content: "\eab0";
  opacity: 0.1;
}
.ki-element-1.ki-filled:before {
  content: "\eab1";
  position: absolute;
}
.ki-element-2.ki-filled:after {
  content: "\eab2";
  opacity: 0.1;
}
.ki-element-2.ki-filled:before {
  content: "\eab3";
  position: absolute;
}
.ki-element-3.ki-filled:after {
  content: "\eab4";
  opacity: 0.1;
}
.ki-element-3.ki-filled:before {
  content: "\eab5";
  position: absolute;
}
.ki-element-4.ki-filled:after {
  content: "\eab6";
  opacity: 0.1;
}
.ki-element-4.ki-filled:before {
  content: "\eab7";
  position: absolute;
}
.ki-element-5.ki-filled:after {
  content: "\eab8";
  opacity: 0.1;
}
.ki-element-5.ki-filled:before {
  content: "\eab9";
  position: absolute;
}
.ki-element-6.ki-filled:after {
  content: "\eaba";
  opacity: 0.1;
}
.ki-element-6.ki-filled:before {
  content: "\eabb";
  position: absolute;
}
.ki-element-7.ki-filled:after {
  content: "\eabc";
  opacity: 0.1;
}
.ki-element-7.ki-filled:before {
  content: "\eabd";
  position: absolute;
}
.ki-element-8.ki-filled:after {
  content: "\eabe";
  opacity: 0.1;
}
.ki-element-8.ki-filled:before {
  content: "\eabf";
  position: absolute;
}
.ki-element-9.ki-filled:after {
  content: "\eac0";
  opacity: 0.1;
}
.ki-element-9.ki-filled:before {
  content: "\eac1";
  position: absolute;
}
.ki-element-10.ki-filled:after {
  content: "\eac2";
  opacity: 0.1;
}
.ki-element-10.ki-filled:before {
  content: "\eac3";
  position: absolute;
}
.ki-element-11.ki-filled:after {
  content: "\eac4";
  opacity: 0.1;
}
.ki-element-11.ki-filled:before {
  content: "\eac5";
  position: absolute;
}
.ki-element-12.ki-filled:after {
  content: "\eac6";
  opacity: 0.1;
}
.ki-element-12.ki-filled:before {
  content: "\eac7";
  position: absolute;
}
.ki-element-equal.ki-filled:after {
  content: "\eac8";
  opacity: 0.1;
}
.ki-element-equal.ki-filled:before {
  content: "\eac9";
  position: absolute;
}
.ki-element-plus.ki-filled:after {
  content: "\eaca";
  opacity: 0.1;
}
.ki-element-plus.ki-filled:before {
  content: "\eacb";
  position: absolute;
}
.ki-emoji-happy.ki-filled:after {
  content: "\eacc";
  opacity: 0.1;
}
.ki-emoji-happy.ki-filled:before {
  content: "\eacd";
  position: absolute;
}
.ki-enjin-coin-enj.ki-filled:after {
  content: "\eace";
  opacity: 0.1;
}
.ki-enjin-coin-enj.ki-filled:before {
  content: "\eacf";
  position: absolute;
}
.ki-ensure.ki-filled:after {
  content: "\ead0";
  opacity: 0.1;
}
.ki-ensure.ki-filled:before {
  content: "\ead1";
  position: absolute;
}
.ki-entrance-left.ki-filled:after {
  content: "\ead2";
  opacity: 0.1;
}
.ki-entrance-left.ki-filled:before {
  content: "\ead3";
  position: absolute;
}
.ki-entrance-right.ki-filled:after {
  content: "\ead4";
  opacity: 0.1;
}
.ki-entrance-right.ki-filled:before {
  content: "\ead5";
  position: absolute;
}
.ki-eraser.ki-filled:after {
  content: "\ead6";
  opacity: 0.1;
}
.ki-eraser.ki-filled:before {
  content: "\ead7";
  position: absolute;
}
.ki-euro.ki-filled:after {
  content: "\ead8";
  opacity: 0.1;
}
.ki-euro.ki-filled:before {
  content: "\ead9";
  position: absolute;
}
.ki-exit-down.ki-filled:after {
  content: "\eada";
  opacity: 0.1;
}
.ki-exit-down.ki-filled:before {
  content: "\eadb";
  position: absolute;
}
.ki-exit-left.ki-filled:after {
  content: "\eadc";
  opacity: 0.1;
}
.ki-exit-left.ki-filled:before {
  content: "\eadd";
  position: absolute;
}
.ki-exit-right-corner.ki-filled:after {
  content: "\eade";
  opacity: 0.1;
}
.ki-exit-right-corner.ki-filled:before {
  content: "\eadf";
  position: absolute;
}
.ki-exit-right.ki-filled:after {
  content: "\eae0";
  opacity: 0.1;
}
.ki-exit-right.ki-filled:before {
  content: "\eae1";
  position: absolute;
}
.ki-exit-up.ki-filled:after {
  content: "\eae2";
  opacity: 0.1;
}
.ki-exit-up.ki-filled:before {
  content: "\eae3";
  position: absolute;
}
.ki-external-drive.ki-filled:after {
  content: "\eae4";
  opacity: 0.1;
}
.ki-external-drive.ki-filled:before {
  content: "\eae5";
  position: absolute;
}
.ki-eye-slash.ki-filled:after {
  content: "\eae6";
  opacity: 0.1;
}
.ki-eye-slash.ki-filled:before {
  content: "\eae7";
  position: absolute;
}
.ki-eye.ki-filled:after {
  content: "\eae8";
  opacity: 0.1;
}
.ki-eye.ki-filled:before {
  content: "\eae9";
  position: absolute;
}
.ki-face-id.ki-filled:after {
  content: "\eaea";
  opacity: 0.1;
}
.ki-face-id.ki-filled:before {
  content: "\eaeb";
  position: absolute;
}
.ki-facebook.ki-filled:after {
  content: "\eaec";
  opacity: 0.1;
}
.ki-facebook.ki-filled:before {
  content: "\eaed";
  position: absolute;
}
.ki-fasten.ki-filled:after {
  content: "\eaee";
  opacity: 0.1;
}
.ki-fasten.ki-filled:before {
  content: "\eaef";
  position: absolute;
}
.ki-fatrows.ki-filled:after {
  content: "\eaf0";
  opacity: 0.1;
}
.ki-fatrows.ki-filled:before {
  content: "\eaf1";
  position: absolute;
}
.ki-feather.ki-filled:after {
  content: "\eaf2";
  opacity: 0.1;
}
.ki-feather.ki-filled:before {
  content: "\eaf3";
  position: absolute;
}
.ki-figma.ki-filled:after {
  content: "\eaf4";
  opacity: 0.1;
}
.ki-figma.ki-filled:before {
  content: "\eaf5";
  position: absolute;
}
.ki-file-added.ki-filled:after {
  content: "\eaf6";
  opacity: 0.1;
}
.ki-file-added.ki-filled:before {
  content: "\eaf7";
  position: absolute;
}
.ki-file-deleted.ki-filled:after {
  content: "\eaf8";
  opacity: 0.1;
}
.ki-file-deleted.ki-filled:before {
  content: "\eaf9";
  position: absolute;
}
.ki-file-down.ki-filled:after {
  content: "\eafa";
  opacity: 0.1;
}
.ki-file-down.ki-filled:before {
  content: "\eafb";
  position: absolute;
}
.ki-file-left.ki-filled:after {
  content: "\eafc";
  opacity: 0.1;
}
.ki-file-left.ki-filled:before {
  content: "\eafd";
  position: absolute;
}
.ki-file-right.ki-filled:after {
  content: "\eafe";
  opacity: 0.1;
}
.ki-file-right.ki-filled:before {
  content: "\eaff";
  position: absolute;
}
.ki-file-sheet.ki-filled:after {
  content: "\eb00";
  opacity: 0.1;
}
.ki-file-sheet.ki-filled:before {
  content: "\eb01";
  position: absolute;
}
.ki-file-up.ki-filled:after {
  content: "\eb02";
  opacity: 0.1;
}
.ki-file-up.ki-filled:before {
  content: "\eb03";
  position: absolute;
}
.ki-files.ki-filled:after {
  content: "\eb04";
  opacity: 0.1;
}
.ki-files.ki-filled:before {
  content: "\eb05";
  position: absolute;
}
.ki-filter-edit.ki-filled:after {
  content: "\eb06";
  opacity: 0.1;
}
.ki-filter-edit.ki-filled:before {
  content: "\eb07";
  position: absolute;
}
.ki-filter-search.ki-filled:after {
  content: "\eb08";
  opacity: 0.1;
}
.ki-filter-search.ki-filled:before {
  content: "\eb09";
  position: absolute;
}
.ki-filter-square.ki-filled:after {
  content: "\eb0a";
  opacity: 0.1;
}
.ki-filter-square.ki-filled:before {
  content: "\eb0b";
  position: absolute;
}
.ki-filter-tablet.ki-filled:after {
  content: "\eb0c";
  opacity: 0.1;
}
.ki-filter-tablet.ki-filled:before {
  content: "\eb0d";
  position: absolute;
}
.ki-filter-tick.ki-filled:after {
  content: "\eb0e";
  opacity: 0.1;
}
.ki-filter-tick.ki-filled:before {
  content: "\eb0f";
  position: absolute;
}
.ki-filter.ki-filled:after {
  content: "\eb10";
  opacity: 0.1;
}
.ki-filter.ki-filled:before {
  content: "\eb11";
  position: absolute;
}
.ki-financial-schedule.ki-filled:after {
  content: "\eb12";
  opacity: 0.1;
}
.ki-financial-schedule.ki-filled:before {
  content: "\eb13";
  position: absolute;
}
.ki-fingerprint-scanning.ki-filled:before {
  content: "\eb14";
}
.ki-flag.ki-filled:after {
  content: "\eb15";
  opacity: 0.1;
}
.ki-flag.ki-filled:before {
  content: "\eb16";
  position: absolute;
}
.ki-flash-circle.ki-filled:after {
  content: "\eb17";
  opacity: 0.1;
}
.ki-flash-circle.ki-filled:before {
  content: "\eb18";
  position: absolute;
}
.ki-flask.ki-filled:after {
  content: "\eb19";
  opacity: 0.1;
}
.ki-flask.ki-filled:before {
  content: "\eb1a";
  position: absolute;
}
.ki-focus.ki-filled:after {
  content: "\eb1b";
  opacity: 0.1;
}
.ki-focus.ki-filled:before {
  content: "\eb1c";
  position: absolute;
}
.ki-folder-added.ki-filled:after {
  content: "\eb1d";
  opacity: 0.1;
}
.ki-folder-added.ki-filled:before {
  content: "\eb1e";
  position: absolute;
}
.ki-folder-down.ki-filled:after {
  content: "\eb1f";
  opacity: 0.1;
}
.ki-folder-down.ki-filled:before {
  content: "\eb20";
  position: absolute;
}
.ki-folder-up.ki-filled:after {
  content: "\eb21";
  opacity: 0.1;
}
.ki-folder-up.ki-filled:before {
  content: "\eb22";
  position: absolute;
}
.ki-folder.ki-filled:after {
  content: "\eb23";
  opacity: 0.1;
}
.ki-folder.ki-filled:before {
  content: "\eb24";
  position: absolute;
}
.ki-frame.ki-filled:after {
  content: "\eb25";
  opacity: 0.1;
}
.ki-frame.ki-filled:before {
  content: "\eb26";
  position: absolute;
}
.ki-geolocation-home.ki-filled:after {
  content: "\eb27";
  opacity: 0.1;
}
.ki-geolocation-home.ki-filled:before {
  content: "\eb28";
  position: absolute;
}
.ki-geolocation.ki-filled:after {
  content: "\eb29";
  opacity: 0.1;
}
.ki-geolocation.ki-filled:before {
  content: "\eb2a";
  position: absolute;
}
.ki-ghost.ki-filled:after {
  content: "\eb2b";
  opacity: 0.1;
}
.ki-ghost.ki-filled:before {
  content: "\eb2c";
  position: absolute;
}
.ki-gift.ki-filled:after {
  content: "\eb2d";
  opacity: 0.1;
}
.ki-gift.ki-filled:before {
  content: "\eb2e";
  position: absolute;
}
.ki-github.ki-filled:after {
  content: "\eb2f";
  opacity: 0.1;
}
.ki-github.ki-filled:before {
  content: "\eb30";
  position: absolute;
}
.ki-glass.ki-filled:after {
  content: "\eb31";
  opacity: 0.1;
}
.ki-glass.ki-filled:before {
  content: "\eb32";
  position: absolute;
}
.ki-google-play.ki-filled:after {
  content: "\eb33";
  opacity: 0.1;
}
.ki-google-play.ki-filled:before {
  content: "\eb34";
  position: absolute;
}
.ki-google.ki-filled:after {
  content: "\eb35";
  opacity: 0.1;
}
.ki-google.ki-filled:before {
  content: "\eb36";
  position: absolute;
}
.ki-graph-2.ki-filled:after {
  content: "\eb37";
  opacity: 0.1;
}
.ki-graph-2.ki-filled:before {
  content: "\eb38";
  position: absolute;
}
.ki-graph-3.ki-filled:after {
  content: "\eb39";
  opacity: 0.1;
}
.ki-graph-3.ki-filled:before {
  content: "\eb3a";
  position: absolute;
}
.ki-graph-4.ki-filled:after {
  content: "\eb3b";
  opacity: 0.1;
}
.ki-graph-4.ki-filled:before {
  content: "\eb3c";
  position: absolute;
}
.ki-graph-up.ki-filled:after {
  content: "\eb3d";
  opacity: 0.1;
}
.ki-graph-up.ki-filled:before {
  content: "\eb3e";
  position: absolute;
}
.ki-graph.ki-filled:after {
  content: "\eb3f";
  opacity: 0.1;
}
.ki-graph.ki-filled:before {
  content: "\eb40";
  position: absolute;
}
.ki-grid-2.ki-filled:after {
  content: "\eb41";
  opacity: 0.1;
}
.ki-grid-2.ki-filled:before {
  content: "\eb42";
  position: absolute;
}
.ki-grid.ki-filled:after {
  content: "\eb43";
  opacity: 0.1;
}
.ki-grid.ki-filled:before {
  content: "\eb44";
  position: absolute;
}
.ki-handcart.ki-filled:after {
  content: "\eb45";
  opacity: 0.1;
}
.ki-handcart.ki-filled:before {
  content: "\eb46";
  position: absolute;
}
.ki-happyemoji.ki-filled:after {
  content: "\eb47";
  opacity: 0.1;
}
.ki-happyemoji.ki-filled:before {
  content: "\eb48";
  position: absolute;
}
.ki-heart-circle.ki-filled:after {
  content: "\eb49";
  opacity: 0.1;
}
.ki-heart-circle.ki-filled:before {
  content: "\eb4a";
  position: absolute;
}
.ki-heart.ki-filled:after {
  content: "\eb4b";
  opacity: 0.1;
}
.ki-heart.ki-filled:before {
  content: "\eb4c";
  position: absolute;
}
.ki-home-1.ki-filled:after {
  content: "\eb4d";
  opacity: 0.1;
}
.ki-home-1.ki-filled:before {
  content: "\eb4e";
  position: absolute;
}
.ki-home-2.ki-filled:after {
  content: "\eb4f";
  opacity: 0.1;
}
.ki-home-2.ki-filled:before {
  content: "\eb50";
  position: absolute;
}
.ki-home-3.ki-filled:after {
  content: "\eb51";
  opacity: 0.1;
}
.ki-home-3.ki-filled:before {
  content: "\eb52";
  position: absolute;
}
.ki-home.ki-filled:after {
  content: "\eb53";
  opacity: 0.1;
}
.ki-home.ki-filled:before {
  content: "\eb54";
  position: absolute;
}
.ki-html.ki-filled:after {
  content: "\eb55";
  opacity: 0.1;
}
.ki-html.ki-filled:before {
  content: "\eb56";
  position: absolute;
}
.ki-icon.ki-filled:after {
  content: "\eb57";
  opacity: 0.1;
}
.ki-icon.ki-filled:before {
  content: "\eb58";
  position: absolute;
}
.ki-illustrator.ki-filled:after {
  content: "\eb59";
  opacity: 0.1;
}
.ki-illustrator.ki-filled:before {
  content: "\eb5a";
  position: absolute;
}
.ki-information-1.ki-filled:after {
  content: "\eb5b";
  opacity: 0.1;
}
.ki-information-1.ki-filled:before {
  content: "\eb5c";
  position: absolute;
}
.ki-information-2.ki-filled:after {
  content: "\eb5d";
  opacity: 0.1;
}
.ki-information-2.ki-filled:before {
  content: "\eb5e";
  position: absolute;
}
.ki-information-3.ki-filled:after {
  content: "\eb5f";
  opacity: 0.1;
}
.ki-information-3.ki-filled:before {
  content: "\eb60";
  position: absolute;
}
.ki-information-4.ki-filled:after {
  content: "\eb61";
  opacity: 0.1;
}
.ki-information-4.ki-filled:before {
  content: "\eb62";
  position: absolute;
}
.ki-information.ki-filled:after {
  content: "\eb63";
  opacity: 0.1;
}
.ki-information.ki-filled:before {
  content: "\eb64";
  position: absolute;
}
.ki-instagram.ki-filled:after {
  content: "\eb65";
  opacity: 0.1;
}
.ki-instagram.ki-filled:before {
  content: "\eb66";
  position: absolute;
}
.ki-joystick.ki-filled:after {
  content: "\eb67";
  opacity: 0.1;
}
.ki-joystick.ki-filled:before {
  content: "\eb68";
  position: absolute;
}
.ki-js-2.ki-filled:after {
  content: "\eb69";
  opacity: 0.1;
}
.ki-js-2.ki-filled:before {
  content: "\eb6a";
  position: absolute;
}
.ki-js.ki-filled:after {
  content: "\eb6b";
  opacity: 0.1;
}
.ki-js.ki-filled:before {
  content: "\eb6c";
  position: absolute;
}
.ki-kanban.ki-filled:after {
  content: "\eb6d";
  opacity: 0.1;
}
.ki-kanban.ki-filled:before {
  content: "\eb6e";
  position: absolute;
}
.ki-key-square.ki-filled:after {
  content: "\eb6f";
  opacity: 0.1;
}
.ki-key-square.ki-filled:before {
  content: "\eb70";
  position: absolute;
}
.ki-key.ki-filled:after {
  content: "\eb71";
  opacity: 0.1;
}
.ki-key.ki-filled:before {
  content: "\eb72";
  position: absolute;
}
.ki-keyboard.ki-filled:after {
  content: "\eb73";
  opacity: 0.1;
}
.ki-keyboard.ki-filled:before {
  content: "\eb74";
  position: absolute;
}
.ki-laptop.ki-filled:after {
  content: "\eb75";
  opacity: 0.1;
}
.ki-laptop.ki-filled:before {
  content: "\eb76";
  position: absolute;
}
.ki-laravel.ki-filled:after {
  content: "\eb77";
  opacity: 0.1;
}
.ki-laravel.ki-filled:before {
  content: "\eb78";
  position: absolute;
}
.ki-left-square.ki-filled:after {
  content: "\eb79";
  opacity: 0.1;
}
.ki-left-square.ki-filled:before {
  content: "\eb7a";
  position: absolute;
}
.ki-left.ki-filled:before {
  content: "\eb7b";
}
.ki-like-2.ki-filled:after {
  content: "\eb7c";
  opacity: 0.1;
}
.ki-like-2.ki-filled:before {
  content: "\eb7d";
  position: absolute;
}
.ki-like-folder.ki-filled:after {
  content: "\eb7e";
  opacity: 0.1;
}
.ki-like-folder.ki-filled:before {
  content: "\eb7f";
  position: absolute;
}
.ki-like-shapes.ki-filled:after {
  content: "\eb80";
  opacity: 0.1;
}
.ki-like-shapes.ki-filled:before {
  content: "\eb81";
  position: absolute;
}
.ki-like-tag.ki-filled:after {
  content: "\eb82";
  opacity: 0.1;
}
.ki-like-tag.ki-filled:before {
  content: "\eb83";
  position: absolute;
}
.ki-like.ki-filled:after {
  content: "\eb84";
  opacity: 0.1;
}
.ki-like.ki-filled:before {
  content: "\eb85";
  position: absolute;
}
.ki-loading.ki-filled:before {
  content: "\eb86";
}
.ki-lock-2.ki-filled:after {
  content: "\eb87";
  opacity: 0.1;
}
.ki-lock-2.ki-filled:before {
  content: "\eb88";
  position: absolute;
}
.ki-lock-3.ki-filled:after {
  content: "\eb89";
  opacity: 0.1;
}
.ki-lock-3.ki-filled:before {
  content: "\eb8a";
  position: absolute;
}
.ki-lock.ki-filled:after {
  content: "\eb8b";
  opacity: 0.1;
}
.ki-lock.ki-filled:before {
  content: "\eb8c";
  position: absolute;
}
.ki-logistic.ki-filled:after {
  content: "\eb8d";
  opacity: 0.1;
}
.ki-logistic.ki-filled:before {
  content: "\eb8e";
  position: absolute;
}
.ki-lots-shopping.ki-filled:after {
  content: "\eb8f";
  opacity: 0.1;
}
.ki-lots-shopping.ki-filled:before {
  content: "\eb90";
  position: absolute;
}
.ki-lovely.ki-filled:after {
  content: "\eb91";
  opacity: 0.1;
}
.ki-lovely.ki-filled:before {
  content: "\eb92";
  position: absolute;
}
.ki-lts.ki-filled:after {
  content: "\eb93";
  opacity: 0.1;
}
.ki-lts.ki-filled:before {
  content: "\eb94";
  position: absolute;
}
.ki-magnifier.ki-filled:after {
  content: "\eb95";
  opacity: 0.1;
}
.ki-magnifier.ki-filled:before {
  content: "\eb96";
  position: absolute;
}
.ki-map.ki-filled:after {
  content: "\eb97";
  opacity: 0.1;
}
.ki-map.ki-filled:before {
  content: "\eb98";
  position: absolute;
}
.ki-mask.ki-filled:after {
  content: "\eb99";
  opacity: 0.1;
}
.ki-mask.ki-filled:before {
  content: "\eb9a";
  position: absolute;
}
.ki-maximize.ki-filled:after {
  content: "\eb9b";
  opacity: 0.1;
}
.ki-maximize.ki-filled:before {
  content: "\eb9c";
  position: absolute;
}
.ki-medal-star.ki-filled:after {
  content: "\eb9d";
  opacity: 0.1;
}
.ki-medal-star.ki-filled:before {
  content: "\eb9e";
  position: absolute;
}
.ki-menu.ki-filled:after {
  content: "\eb9f";
  opacity: 0.1;
}
.ki-menu.ki-filled:before {
  content: "\eba0";
  position: absolute;
}
.ki-message-add.ki-filled:after {
  content: "\eba1";
  opacity: 0.1;
}
.ki-message-add.ki-filled:before {
  content: "\eba2";
  position: absolute;
}
.ki-message-edit.ki-filled:after {
  content: "\eba3";
  opacity: 0.1;
}
.ki-message-edit.ki-filled:before {
  content: "\eba4";
  position: absolute;
}
.ki-message-minus.ki-filled:after {
  content: "\eba5";
  opacity: 0.1;
}
.ki-message-minus.ki-filled:before {
  content: "\eba6";
  position: absolute;
}
.ki-message-notify.ki-filled:after {
  content: "\eba7";
  opacity: 0.1;
}
.ki-message-notify.ki-filled:before {
  content: "\eba8";
  position: absolute;
}
.ki-message-programming.ki-filled:after {
  content: "\eba9";
  opacity: 0.1;
}
.ki-message-programming.ki-filled:before {
  content: "\ebaa";
  position: absolute;
}
.ki-message-question.ki-filled:after {
  content: "\ebab";
  opacity: 0.1;
}
.ki-message-question.ki-filled:before {
  content: "\ebac";
  position: absolute;
}
.ki-message-text-2.ki-filled:after {
  content: "\ebad";
  opacity: 0.1;
}
.ki-message-text-2.ki-filled:before {
  content: "\ebae";
  position: absolute;
}
.ki-message-text.ki-filled:after {
  content: "\ebaf";
  opacity: 0.1;
}
.ki-message-text.ki-filled:before {
  content: "\ebb0";
  position: absolute;
}
.ki-messages.ki-filled:after {
  content: "\ebb1";
  opacity: 0.1;
}
.ki-messages.ki-filled:before {
  content: "\ebb2";
  position: absolute;
}
.ki-microsoft.ki-filled:after {
  content: "\ebb3";
  opacity: 0.1;
}
.ki-microsoft.ki-filled:before {
  content: "\ebb4";
  position: absolute;
}
.ki-milk.ki-filled:after {
  content: "\ebb5";
  opacity: 0.1;
}
.ki-milk.ki-filled:before {
  content: "\ebb6";
  position: absolute;
}
.ki-minus-circle.ki-filled:after {
  content: "\ebb7";
  opacity: 0.1;
}
.ki-minus-circle.ki-filled:before {
  content: "\ebb8";
  position: absolute;
}
.ki-minus-folder.ki-filled:after {
  content: "\ebb9";
  opacity: 0.1;
}
.ki-minus-folder.ki-filled:before {
  content: "\ebba";
  position: absolute;
}
.ki-minus-squared.ki-filled:after {
  content: "\ebbb";
  opacity: 0.1;
}
.ki-minus-squared.ki-filled:before {
  content: "\ebbc";
  position: absolute;
}
.ki-minus.ki-filled:before {
  content: "\ebbd";
}
.ki-moon.ki-filled:after {
  content: "\ebbe";
  opacity: 0.1;
}
.ki-moon.ki-filled:before {
  content: "\ebbf";
  position: absolute;
}
.ki-more-2.ki-filled:after {
  content: "\ebc0";
  opacity: 0.1;
}
.ki-more-2.ki-filled:before {
  content: "\ebc1";
  position: absolute;
}
.ki-mouse-circle.ki-filled:after {
  content: "\ebc2";
  opacity: 0.1;
}
.ki-mouse-circle.ki-filled:before {
  content: "\ebc3";
  position: absolute;
}
.ki-mouse-square.ki-filled:after {
  content: "\ebc4";
  opacity: 0.1;
}
.ki-mouse-square.ki-filled:before {
  content: "\ebc5";
  position: absolute;
}
.ki-mouse.ki-filled:after {
  content: "\ebc6";
  opacity: 0.1;
}
.ki-mouse.ki-filled:before {
  content: "\ebc7";
  position: absolute;
}
.ki-nexo.ki-filled:after {
  content: "\ebc8";
  opacity: 0.1;
}
.ki-nexo.ki-filled:before {
  content: "\ebc9";
  position: absolute;
}
.ki-night-day.ki-filled:after {
  content: "\ebca";
  opacity: 0.1;
}
.ki-night-day.ki-filled:before {
  content: "\ebcb";
  position: absolute;
}
.ki-note-2.ki-filled:after {
  content: "\ebcc";
  opacity: 0.1;
}
.ki-note-2.ki-filled:before {
  content: "\ebcd";
  position: absolute;
}
.ki-note.ki-filled:after {
  content: "\ebce";
  opacity: 0.1;
}
.ki-note.ki-filled:before {
  content: "\ebcf";
  position: absolute;
}
.ki-notepad-bookmark.ki-filled:after {
  content: "\ebd0";
  opacity: 0.1;
}
.ki-notepad-bookmark.ki-filled:before {
  content: "\ebd1";
  position: absolute;
}
.ki-notepad-edit.ki-filled:after {
  content: "\ebd2";
  opacity: 0.1;
}
.ki-notepad-edit.ki-filled:before {
  content: "\ebd3";
  position: absolute;
}
.ki-notepad.ki-filled:after {
  content: "\ebd4";
  opacity: 0.1;
}
.ki-notepad.ki-filled:before {
  content: "\ebd5";
  position: absolute;
}
.ki-notification-1.ki-filled:after {
  content: "\ebd6";
  opacity: 0.1;
}
.ki-notification-1.ki-filled:before {
  content: "\ebd7";
  position: absolute;
}
.ki-notification-bing.ki-filled:after {
  content: "\ebd8";
  opacity: 0.1;
}
.ki-notification-bing.ki-filled:before {
  content: "\ebd9";
  position: absolute;
}
.ki-notification-circle.ki-filled:after {
  content: "\ebda";
  opacity: 0.1;
}
.ki-notification-circle.ki-filled:before {
  content: "\ebdb";
  position: absolute;
}
.ki-notification-favorite.ki-filled:after {
  content: "\ebdc";
  opacity: 0.1;
}
.ki-notification-favorite.ki-filled:before {
  content: "\ebdd";
  position: absolute;
}
.ki-notification-on.ki-filled:after {
  content: "\ebde";
  opacity: 0.1;
}
.ki-notification-on.ki-filled:before {
  content: "\ebdf";
  position: absolute;
}
.ki-notification-status.ki-filled:after {
  content: "\ebe0";
  opacity: 0.1;
}
.ki-notification-status.ki-filled:before {
  content: "\ebe1";
  position: absolute;
}
.ki-notification.ki-filled:after {
  content: "\ebe2";
  opacity: 0.1;
}
.ki-notification.ki-filled:before {
  content: "\ebe3";
  position: absolute;
}
.ki-ocean.ki-filled:before {
  content: "\ebe4";
}
.ki-office-bag.ki-filled:after {
  content: "\ebe5";
  opacity: 0.1;
}
.ki-office-bag.ki-filled:before {
  content: "\ebe6";
  position: absolute;
}
.ki-package.ki-filled:after {
  content: "\ebe7";
  opacity: 0.1;
}
.ki-package.ki-filled:before {
  content: "\ebe8";
  position: absolute;
}
.ki-pad.ki-filled:after {
  content: "\ebe9";
  opacity: 0.1;
}
.ki-pad.ki-filled:before {
  content: "\ebea";
  position: absolute;
}
.ki-pails.ki-filled:after {
  content: "\ebeb";
  opacity: 0.1;
}
.ki-pails.ki-filled:before {
  content: "\ebec";
  position: absolute;
}
.ki-paintbucket.ki-filled:after {
  content: "\ebed";
  opacity: 0.1;
}
.ki-paintbucket.ki-filled:before {
  content: "\ebee";
  position: absolute;
}
.ki-paper-clip.ki-filled:after {
  content: "\ebef";
  opacity: 0.1;
}
.ki-paper-clip.ki-filled:before {
  content: "\ebf0";
  position: absolute;
}
.ki-paper-plane.ki-filled:after {
  content: "\ebf1";
  opacity: 0.1;
}
.ki-paper-plane.ki-filled:before {
  content: "\ebf2";
  position: absolute;
}
.ki-parcel-tracking.ki-filled:after {
  content: "\ebf3";
  opacity: 0.1;
}
.ki-parcel-tracking.ki-filled:before {
  content: "\ebf4";
  position: absolute;
}
.ki-parcel.ki-filled:after {
  content: "\ebf5";
  opacity: 0.1;
}
.ki-parcel.ki-filled:before {
  content: "\ebf6";
  position: absolute;
}
.ki-password-check.ki-filled:after {
  content: "\ebf7";
  opacity: 0.1;
}
.ki-password-check.ki-filled:before {
  content: "\ebf8";
  position: absolute;
}
.ki-paypal.ki-filled:after {
  content: "\ebf9";
  opacity: 0.1;
}
.ki-paypal.ki-filled:before {
  content: "\ebfa";
  position: absolute;
}
.ki-pencil.ki-filled:after {
  content: "\ebfb";
  opacity: 0.1;
}
.ki-pencil.ki-filled:before {
  content: "\ebfc";
  position: absolute;
}
.ki-people.ki-filled:after {
  content: "\ebfd";
  opacity: 0.1;
}
.ki-people.ki-filled:before {
  content: "\ebfe";
  position: absolute;
}
.ki-percentage.ki-filled:after {
  content: "\ebff";
  opacity: 0.1;
}
.ki-percentage.ki-filled:before {
  content: "\ec00";
  position: absolute;
}
.ki-phone.ki-filled:after {
  content: "\ec01";
  opacity: 0.1;
}
.ki-phone.ki-filled:before {
  content: "\ec02";
  position: absolute;
}
.ki-photoshop.ki-filled:after {
  content: "\ec03";
  opacity: 0.1;
}
.ki-photoshop.ki-filled:before {
  content: "\ec04";
  position: absolute;
}
.ki-picture.ki-filled:after {
  content: "\ec05";
  opacity: 0.1;
}
.ki-picture.ki-filled:before {
  content: "\ec06";
  position: absolute;
}
.ki-pill.ki-filled:after {
  content: "\ec07";
  opacity: 0.1;
}
.ki-pill.ki-filled:before {
  content: "\ec08";
  position: absolute;
}
.ki-pin.ki-filled:after {
  content: "\ec09";
  opacity: 0.1;
}
.ki-pin.ki-filled:before {
  content: "\ec0a";
  position: absolute;
}
.ki-plus-circle.ki-filled:after {
  content: "\ec0b";
  opacity: 0.1;
}
.ki-plus-circle.ki-filled:before {
  content: "\ec0c";
  position: absolute;
}
.ki-plus-squared.ki-filled:after {
  content: "\ec0d";
  opacity: 0.1;
}
.ki-plus-squared.ki-filled:before {
  content: "\ec0e";
  position: absolute;
}
.ki-plus.ki-filled:before {
  content: "\ec0f";
}
.ki-pointers.ki-filled:after {
  content: "\ec10";
  opacity: 0.1;
}
.ki-pointers.ki-filled:before {
  content: "\ec11";
  position: absolute;
}
.ki-price-tag.ki-filled:after {
  content: "\ec12";
  opacity: 0.1;
}
.ki-price-tag.ki-filled:before {
  content: "\ec13";
  position: absolute;
}
.ki-printer.ki-filled:after {
  content: "\ec14";
  opacity: 0.1;
}
.ki-printer.ki-filled:before {
  content: "\ec15";
  position: absolute;
}
.ki-profile-circle.ki-filled:after {
  content: "\ec16";
  opacity: 0.1;
}
.ki-profile-circle.ki-filled:before {
  content: "\ec17";
  position: absolute;
}
.ki-pulse.ki-filled:after {
  content: "\ec18";
  opacity: 0.1;
}
.ki-pulse.ki-filled:before {
  content: "\ec19";
  position: absolute;
}
.ki-purchase.ki-filled:after {
  content: "\ec1a";
  opacity: 0.1;
}
.ki-purchase.ki-filled:before {
  content: "\ec1b";
  position: absolute;
}
.ki-python.ki-filled:after {
  content: "\ec1c";
  opacity: 0.1;
}
.ki-python.ki-filled:before {
  content: "\ec1d";
  position: absolute;
}
.ki-question-2.ki-filled:after {
  content: "\ec1e";
  opacity: 0.1;
}
.ki-question-2.ki-filled:before {
  content: "\ec1f";
  position: absolute;
}
.ki-question.ki-filled:after {
  content: "\ec20";
  opacity: 0.1;
}
.ki-question.ki-filled:before {
  content: "\ec21";
  position: absolute;
}
.ki-questionnaire-tablet.ki-filled:after {
  content: "\ec22";
  opacity: 0.1;
}
.ki-questionnaire-tablet.ki-filled:before {
  content: "\ec23";
  position: absolute;
}
.ki-ranking.ki-filled:after {
  content: "\ec24";
  opacity: 0.1;
}
.ki-ranking.ki-filled:before {
  content: "\ec25";
  position: absolute;
}
.ki-react.ki-filled:after {
  content: "\ec26";
  opacity: 0.1;
}
.ki-react.ki-filled:before {
  content: "\ec27";
  position: absolute;
}
.ki-receipt-square.ki-filled:after {
  content: "\ec28";
  opacity: 0.1;
}
.ki-receipt-square.ki-filled:before {
  content: "\ec29";
  position: absolute;
}
.ki-rescue.ki-filled:after {
  content: "\ec2a";
  opacity: 0.1;
}
.ki-rescue.ki-filled:before {
  content: "\ec2b";
  position: absolute;
}
.ki-right-left.ki-filled:before {
  content: "\ec2c";
}
.ki-right-square.ki-filled:after {
  content: "\ec2d";
  opacity: 0.1;
}
.ki-right-square.ki-filled:before {
  content: "\ec2e";
  position: absolute;
}
.ki-right.ki-filled:before {
  content: "\ec2f";
}
.ki-rocket.ki-filled:after {
  content: "\ec30";
  opacity: 0.1;
}
.ki-rocket.ki-filled:before {
  content: "\ec31";
  position: absolute;
}
.ki-route.ki-filled:after {
  content: "\ec32";
  opacity: 0.1;
}
.ki-route.ki-filled:before {
  content: "\ec33";
  position: absolute;
}
.ki-router.ki-filled:after {
  content: "\ec34";
  opacity: 0.1;
}
.ki-router.ki-filled:before {
  content: "\ec35";
  position: absolute;
}
.ki-row-horizontal.ki-filled:after {
  content: "\ec36";
  opacity: 0.1;
}
.ki-row-horizontal.ki-filled:before {
  content: "\ec37";
  position: absolute;
}
.ki-row-vertical.ki-filled:after {
  content: "\ec38";
  opacity: 0.1;
}
.ki-row-vertical.ki-filled:before {
  content: "\ec39";
  position: absolute;
}
.ki-safe-home.ki-filled:after {
  content: "\ec3a";
  opacity: 0.1;
}
.ki-safe-home.ki-filled:before {
  content: "\ec3b";
  position: absolute;
}
.ki-satellite.ki-filled:after {
  content: "\ec3c";
  opacity: 0.1;
}
.ki-satellite.ki-filled:before {
  content: "\ec3d";
  position: absolute;
}
.ki-save-2.ki-filled:after {
  content: "\ec3e";
  opacity: 0.1;
}
.ki-save-2.ki-filled:before {
  content: "\ec3f";
  position: absolute;
}
.ki-save-deposit.ki-filled:after {
  content: "\ec40";
  opacity: 0.1;
}
.ki-save-deposit.ki-filled:before {
  content: "\ec41";
  position: absolute;
}
.ki-scan-barcode.ki-filled:after {
  content: "\ec42";
  opacity: 0.1;
}
.ki-scan-barcode.ki-filled:before {
  content: "\ec43";
  position: absolute;
}
.ki-screen.ki-filled:after {
  content: "\ec44";
  opacity: 0.1;
}
.ki-screen.ki-filled:before {
  content: "\ec45";
  position: absolute;
}
.ki-scroll.ki-filled:after {
  content: "\ec46";
  opacity: 0.1;
}
.ki-scroll.ki-filled:before {
  content: "\ec47";
  position: absolute;
}
.ki-search-list.ki-filled:after {
  content: "\ec48";
  opacity: 0.1;
}
.ki-search-list.ki-filled:before {
  content: "\ec49";
  position: absolute;
}
.ki-security-user.ki-filled:after {
  content: "\ec4a";
  opacity: 0.1;
}
.ki-security-user.ki-filled:before {
  content: "\ec4b";
  position: absolute;
}
.ki-setting-2.ki-filled:after {
  content: "\ec4c";
  opacity: 0.1;
}
.ki-setting-2.ki-filled:before {
  content: "\ec4d";
  position: absolute;
}
.ki-setting-3.ki-filled:after {
  content: "\ec4e";
  opacity: 0.1;
}
.ki-setting-3.ki-filled:before {
  content: "\ec4f";
  position: absolute;
}
.ki-setting-4.ki-filled:after {
  content: "\ec50";
  opacity: 0.1;
}
.ki-setting-4.ki-filled:before {
  content: "\ec51";
  position: absolute;
}
.ki-setting.ki-filled:after {
  content: "\ec52";
  opacity: 0.1;
}
.ki-setting.ki-filled:before {
  content: "\ec53";
  position: absolute;
}
.ki-share.ki-filled:after {
  content: "\ec54";
  opacity: 0.1;
}
.ki-share.ki-filled:before {
  content: "\ec55";
  position: absolute;
}
.ki-shield-cross.ki-filled:after {
  content: "\ec56";
  opacity: 0.1;
}
.ki-shield-cross.ki-filled:before {
  content: "\ec57";
  position: absolute;
}
.ki-shield-search.ki-filled:after {
  content: "\ec58";
  opacity: 0.1;
}
.ki-shield-search.ki-filled:before {
  content: "\ec59";
  position: absolute;
}
.ki-shield-slash.ki-filled:after {
  content: "\ec5a";
  opacity: 0.1;
}
.ki-shield-slash.ki-filled:before {
  content: "\ec5b";
  position: absolute;
}
.ki-shield-tick.ki-filled:after {
  content: "\ec5c";
  opacity: 0.1;
}
.ki-shield-tick.ki-filled:before {
  content: "\ec5d";
  position: absolute;
}
.ki-shield.ki-filled:after {
  content: "\ec5e";
  opacity: 0.1;
}
.ki-shield.ki-filled:before {
  content: "\ec5f";
  position: absolute;
}
.ki-ship.ki-filled:after {
  content: "\ec60";
  opacity: 0.1;
}
.ki-ship.ki-filled:before {
  content: "\ec61";
  position: absolute;
}
.ki-shop.ki-filled:after {
  content: "\ec62";
  opacity: 0.1;
}
.ki-shop.ki-filled:before {
  content: "\ec63";
  position: absolute;
}
.ki-simcard-2.ki-filled:after {
  content: "\ec64";
  opacity: 0.1;
}
.ki-simcard-2.ki-filled:before {
  content: "\ec65";
  position: absolute;
}
.ki-simcard.ki-filled:after {
  content: "\ec66";
  opacity: 0.1;
}
.ki-simcard.ki-filled:before {
  content: "\ec67";
  position: absolute;
}
.ki-size.ki-filled:after {
  content: "\ec68";
  opacity: 0.1;
}
.ki-size.ki-filled:before {
  content: "\ec69";
  position: absolute;
}
.ki-slack.ki-filled:after {
  content: "\ec6a";
  opacity: 0.1;
}
.ki-slack.ki-filled:before {
  content: "\ec6b";
  position: absolute;
}
.ki-slider-horizontal-2.ki-filled:after {
  content: "\ec6c";
  opacity: 0.1;
}
.ki-slider-horizontal-2.ki-filled:before {
  content: "\ec6d";
  position: absolute;
}
.ki-slider-horizontal.ki-filled:after {
  content: "\ec6e";
  opacity: 0.1;
}
.ki-slider-horizontal.ki-filled:before {
  content: "\ec6f";
  position: absolute;
}
.ki-slider-vertica.ki-filled:after {
  content: "\ec70";
  opacity: 0.1;
}
.ki-slider-vertica.ki-filled:before {
  content: "\ec71";
  position: absolute;
}
.ki-slider-vertical.ki-filled:after {
  content: "\ec72";
  opacity: 0.1;
}
.ki-slider-vertical.ki-filled:before {
  content: "\ec73";
  position: absolute;
}
.ki-slider.ki-filled:after {
  content: "\ec74";
  opacity: 0.1;
}
.ki-slider.ki-filled:before {
  content: "\ec75";
  position: absolute;
}
.ki-sms.ki-filled:after {
  content: "\ec76";
  opacity: 0.1;
}
.ki-sms.ki-filled:before {
  content: "\ec77";
  position: absolute;
}
.ki-snapchat.ki-filled:after {
  content: "\ec78";
  opacity: 0.1;
}
.ki-snapchat.ki-filled:before {
  content: "\ec79";
  position: absolute;
}
.ki-social-media.ki-filled:after {
  content: "\ec7a";
  opacity: 0.1;
}
.ki-social-media.ki-filled:before {
  content: "\ec7b";
  position: absolute;
}
.ki-soft-2.ki-filled:after {
  content: "\ec7c";
  opacity: 0.1;
}
.ki-soft-2.ki-filled:before {
  content: "\ec7d";
  position: absolute;
}
.ki-soft-3.ki-filled:after {
  content: "\ec7e";
  opacity: 0.1;
}
.ki-soft-3.ki-filled:before {
  content: "\ec7f";
  position: absolute;
}
.ki-soft.ki-filled:after {
  content: "\ec80";
  opacity: 0.1;
}
.ki-soft.ki-filled:before {
  content: "\ec81";
  position: absolute;
}
.ki-some-files.ki-filled:after {
  content: "\ec82";
  opacity: 0.1;
}
.ki-some-files.ki-filled:before {
  content: "\ec83";
  position: absolute;
}
.ki-sort.ki-filled:after {
  content: "\ec84";
  opacity: 0.1;
}
.ki-sort.ki-filled:before {
  content: "\ec85";
  position: absolute;
}
.ki-speaker.ki-filled:after {
  content: "\ec86";
  opacity: 0.1;
}
.ki-speaker.ki-filled:before {
  content: "\ec87";
  position: absolute;
}
.ki-spotify.ki-filled:after {
  content: "\ec88";
  opacity: 0.1;
}
.ki-spotify.ki-filled:before {
  content: "\ec89";
  position: absolute;
}
.ki-spring-framework.ki-filled:after {
  content: "\ec8a";
  opacity: 0.1;
}
.ki-spring-framework.ki-filled:before {
  content: "\ec8b";
  position: absolute;
}
.ki-square-brackets.ki-filled:after {
  content: "\ec8c";
  opacity: 0.1;
}
.ki-square-brackets.ki-filled:before {
  content: "\ec8d";
  position: absolute;
}
.ki-star.ki-filled:after {
  content: "\ec8e";
  opacity: 0.1;
}
.ki-star.ki-filled:before {
  content: "\ec8f";
  position: absolute;
}
.ki-status.ki-filled:after {
  content: "\ec90";
  opacity: 0.1;
}
.ki-status.ki-filled:before {
  content: "\ec91";
  position: absolute;
}
.ki-subtitle.ki-filled:after {
  content: "\ec92";
  opacity: 0.1;
}
.ki-subtitle.ki-filled:before {
  content: "\ec93";
  position: absolute;
}
.ki-sun.ki-filled:after {
  content: "\ec94";
  opacity: 0.1;
}
.ki-sun.ki-filled:before {
  content: "\ec95";
  position: absolute;
}
.ki-support.ki-filled:after {
  content: "\ec96";
  opacity: 0.1;
}
.ki-support.ki-filled:before {
  content: "\ec97";
  position: absolute;
}
.ki-switch.ki-filled:after {
  content: "\ec98";
  opacity: 0.1;
}
.ki-switch.ki-filled:before {
  content: "\ec99";
  position: absolute;
}
.ki-syringe.ki-filled:after {
  content: "\ec9a";
  opacity: 0.1;
}
.ki-syringe.ki-filled:before {
  content: "\ec9b";
  position: absolute;
}
.ki-tab-tablet.ki-filled:after {
  content: "\ec9c";
  opacity: 0.1;
}
.ki-tab-tablet.ki-filled:before {
  content: "\ec9d";
  position: absolute;
}
.ki-tablet-delete.ki-filled:after {
  content: "\ec9e";
  opacity: 0.1;
}
.ki-tablet-delete.ki-filled:before {
  content: "\ec9f";
  position: absolute;
}
.ki-tablet-down.ki-filled:after {
  content: "\eca0";
  opacity: 0.1;
}
.ki-tablet-down.ki-filled:before {
  content: "\eca1";
  position: absolute;
}
.ki-tablet-ok.ki-filled:after {
  content: "\eca2";
}
.ki-tablet-ok.ki-filled:before {
  content: "\eca3";
  position: absolute;
  opacity: 0.1;
}
.ki-tablet-text-down.ki-filled:after {
  content: "\eca4";
  opacity: 0.1;
}
.ki-tablet-text-down.ki-filled:before {
  content: "\eca5";
  position: absolute;
}
.ki-tablet-text-up.ki-filled:after {
  content: "\eca6";
  opacity: 0.1;
}
.ki-tablet-text-up.ki-filled:before {
  content: "\eca7";
  position: absolute;
}
.ki-tablet-up.ki-filled:after {
  content: "\eca8";
  opacity: 0.1;
}
.ki-tablet-up.ki-filled:before {
  content: "\eca9";
  position: absolute;
}
.ki-tablet.ki-filled:after {
  content: "\ecaa";
  opacity: 0.1;
}
.ki-tablet.ki-filled:before {
  content: "\ecab";
  position: absolute;
}
.ki-tag-cross.ki-filled:after {
  content: "\ecac";
  opacity: 0.1;
}
.ki-tag-cross.ki-filled:before {
  content: "\ecad";
  position: absolute;
}
.ki-tag.ki-filled:after {
  content: "\ecae";
  opacity: 0.1;
}
.ki-tag.ki-filled:before {
  content: "\ecaf";
  position: absolute;
}
.ki-teacher.ki-filled:after {
  content: "\ecb0";
  opacity: 0.1;
}
.ki-teacher.ki-filled:before {
  content: "\ecb1";
  position: absolute;
}
.ki-technology-1.ki-filled:after {
  content: "\ecb2";
  opacity: 0.1;
}
.ki-technology-1.ki-filled:before {
  content: "\ecb3";
  position: absolute;
}
.ki-technology-2.ki-filled:after {
  content: "\ecb4";
  opacity: 0.1;
}
.ki-technology-2.ki-filled:before {
  content: "\ecb5";
  position: absolute;
}
.ki-technology-3.ki-filled:after {
  content: "\ecb6";
  opacity: 0.1;
}
.ki-technology-3.ki-filled:before {
  content: "\ecb7";
  position: absolute;
}
.ki-technology-4.ki-filled:after {
  content: "\ecb8";
  opacity: 0.1;
}
.ki-technology-4.ki-filled:before {
  content: "\ecb9";
  position: absolute;
}
.ki-telephone-geolocation.ki-filled:after {
  content: "\ecba";
  opacity: 0.1;
}
.ki-telephone-geolocation.ki-filled:before {
  content: "\ecbb";
  position: absolute;
}
.ki-test-tubes.ki-filled:after {
  content: "\ecbc";
  opacity: 0.1;
}
.ki-test-tubes.ki-filled:before {
  content: "\ecbd";
  position: absolute;
}
.ki-text-bold.ki-filled:after {
  content: "\ecbe";
  opacity: 0.1;
}
.ki-text-bold.ki-filled:before {
  content: "\ecbf";
  position: absolute;
}
.ki-text-circle.ki-filled:before {
  content: "\ecc0";
}
.ki-text-italic.ki-filled:after {
  content: "\ecc1";
  opacity: 0.1;
}
.ki-text-italic.ki-filled:before {
  content: "\ecc2";
  position: absolute;
}
.ki-text-number.ki-filled:before {
  content: "\ecc3";
}
.ki-text-strikethrough.ki-filled:after {
  content: "\ecc4";
  opacity: 0.1;
}
.ki-text-strikethrough.ki-filled:before {
  content: "\ecc5";
  position: absolute;
}
.ki-text-underline.ki-filled:after {
  content: "\ecc6";
}
.ki-text-underline.ki-filled:before {
  content: "\ecc7";
  position: absolute;
  opacity: 0.1;
}
.ki-text.ki-filled:after {
  content: "\ecc8";
  opacity: 0.1;
}
.ki-text.ki-filled:before {
  content: "\ecc9";
  position: absolute;
}
.ki-textalign-center.ki-filled:before {
  content: "\ecca";
}
.ki-textalign-justifycenter.ki-filled:before {
  content: "\eccb";
}
.ki-textalign-left.ki-filled:before {
  content: "\eccc";
}
.ki-textalign-right.ki-filled:before {
  content: "\eccd";
}
.ki-thermometer.ki-filled:after {
  content: "\ecce";
  opacity: 0.1;
}
.ki-thermometer.ki-filled:before {
  content: "\eccf";
  position: absolute;
}
.ki-theta-theta.ki-filled:after {
  content: "\ecd0";
  opacity: 0.1;
}
.ki-theta-theta.ki-filled:before {
  content: "\ecd1";
  position: absolute;
}
.ki-tiktok.ki-filled:after {
  content: "\ecd2";
  opacity: 0.1;
}
.ki-tiktok.ki-filled:before {
  content: "\ecd3";
  position: absolute;
}
.ki-time.ki-filled:after {
  content: "\ecd4";
  opacity: 0.1;
}
.ki-time.ki-filled:before {
  content: "\ecd5";
  position: absolute;
}
.ki-timer.ki-filled:after {
  content: "\ecd6";
  opacity: 0.1;
}
.ki-timer.ki-filled:before {
  content: "\ecd7";
  position: absolute;
}
.ki-to-left.ki-filled:after {
  content: "\ecd8";
  opacity: 0.1;
}
.ki-to-left.ki-filled:before {
  content: "\ecd9";
  position: absolute;
}
.ki-to-right.ki-filled:after {
  content: "\ecda";
  opacity: 0.1;
}
.ki-to-right.ki-filled:before {
  content: "\ecdb";
  position: absolute;
}
.ki-toggle-off-circle.ki-filled:after {
  content: "\ecdc";
  opacity: 0.1;
}
.ki-toggle-off-circle.ki-filled:before {
  content: "\ecdd";
  position: absolute;
}
.ki-toggle-off.ki-filled:after {
  content: "\ecde";
}
.ki-toggle-off.ki-filled:before {
  content: "\ecdf";
  position: absolute;
  opacity: 0.1;
}
.ki-toggle-on-circle.ki-filled:after {
  content: "\ece0";
  opacity: 0.1;
}
.ki-toggle-on-circle.ki-filled:before {
  content: "\ece1";
  position: absolute;
}
.ki-toggle-on.ki-filled:after {
  content: "\ece2";
  opacity: 0.1;
}
.ki-toggle-on.ki-filled:before {
  content: "\ece3";
  position: absolute;
}
.ki-trash-square.ki-filled:after {
  content: "\ece4";
  opacity: 0.1;
}
.ki-trash-square.ki-filled:before {
  content: "\ece5";
  position: absolute;
}
.ki-trash.ki-filled:after {
  content: "\ece6";
  opacity: 0.1;
}
.ki-trash.ki-filled:before {
  content: "\ece7";
  position: absolute;
}
.ki-tree.ki-filled:after {
  content: "\ece8";
  opacity: 0.1;
}
.ki-tree.ki-filled:before {
  content: "\ece9";
  position: absolute;
}
.ki-trello.ki-filled:after {
  content: "\ecea";
  opacity: 0.1;
}
.ki-trello.ki-filled:before {
  content: "\eceb";
  position: absolute;
}
.ki-ts.ki-filled:after {
  content: "\ecec";
  opacity: 0.1;
}
.ki-ts.ki-filled:before {
  content: "\eced";
  position: absolute;
}
.ki-twitch.ki-filled:after {
  content: "\ecee";
  opacity: 0.1;
}
.ki-twitch.ki-filled:before {
  content: "\ecef";
  position: absolute;
}
.ki-twitter.ki-filled:after {
  content: "\ecf0";
  opacity: 0.1;
}
.ki-twitter.ki-filled:before {
  content: "\ecf1";
  position: absolute;
}
.ki-two-credit-cart.ki-filled:after {
  content: "\ecf2";
  opacity: 0.1;
}
.ki-two-credit-cart.ki-filled:before {
  content: "\ecf3";
  position: absolute;
}
.ki-underlining.ki-filled:after {
  content: "\ecf4";
  opacity: 0.1;
}
.ki-underlining.ki-filled:before {
  content: "\ecf5";
  position: absolute;
}
.ki-up-diagonal.ki-filled:before {
  content: "\ecf6";
}
.ki-up-down.ki-filled:before {
  content: "\ecf7";
}
.ki-up-square.ki-filled:after {
  content: "\ecf8";
}
.ki-up-square.ki-filled:before {
  content: "\ecf9";
  position: absolute;
  opacity: 0.1;
}
.ki-up.ki-filled:before {
  content: "\ecfa";
}
.ki-update-file.ki-filled:after {
  content: "\ecfb";
  opacity: 0.1;
}
.ki-update-file.ki-filled:before {
  content: "\ecfc";
  position: absolute;
}
.ki-update-folder.ki-filled:after {
  content: "\ecfd";
  opacity: 0.1;
}
.ki-update-folder.ki-filled:before {
  content: "\ecfe";
  position: absolute;
}
.ki-user-edit.ki-filled:after {
  content: "\ecff";
  opacity: 0.1;
}
.ki-user-edit.ki-filled:before {
  content: "\ed00";
  position: absolute;
}
.ki-user-square.ki-filled:after {
  content: "\ed01";
  opacity: 0.1;
}
.ki-user-square.ki-filled:before {
  content: "\ed02";
  position: absolute;
}
.ki-user-tick.ki-filled:after {
  content: "\ed03";
  opacity: 0.1;
}
.ki-user-tick.ki-filled:before {
  content: "\ed04";
  position: absolute;
}
.ki-user.ki-filled:after {
  content: "\ed05";
  opacity: 0.1;
}
.ki-user.ki-filled:before {
  content: "\ed06";
  position: absolute;
}
.ki-users.ki-filled:after {
  content: "\ed07";
  opacity: 0.1;
}
.ki-users.ki-filled:before {
  content: "\ed08";
  position: absolute;
}
.ki-verify.ki-filled:after {
  content: "\ed09";
  opacity: 0.1;
}
.ki-verify.ki-filled:before {
  content: "\ed0a";
  position: absolute;
}
.ki-vibe-vibe.ki-filled:after {
  content: "\ed0b";
  opacity: 0.1;
}
.ki-vibe-vibe.ki-filled:before {
  content: "\ed0c";
  position: absolute;
}
.ki-virus.ki-filled:after {
  content: "\ed0d";
  opacity: 0.1;
}
.ki-virus.ki-filled:before {
  content: "\ed0e";
  position: absolute;
}
.ki-vue.ki-filled:after {
  content: "\ed0f";
  opacity: 0.1;
}
.ki-vue.ki-filled:before {
  content: "\ed10";
  position: absolute;
}
.ki-vuesax.ki-filled:after {
  content: "\ed11";
  opacity: 0.1;
}
.ki-vuesax.ki-filled:before {
  content: "\ed12";
  position: absolute;
}
.ki-wallet.ki-filled:after {
  content: "\ed13";
  opacity: 0.1;
}
.ki-wallet.ki-filled:before {
  content: "\ed14";
  position: absolute;
}
.ki-wanchain-wan.ki-filled:after {
  content: "\ed15";
  opacity: 0.1;
}
.ki-wanchain-wan.ki-filled:before {
  content: "\ed16";
  position: absolute;
}
.ki-watch.ki-filled:after {
  content: "\ed17";
  opacity: 0.1;
}
.ki-watch.ki-filled:before {
  content: "\ed18";
  position: absolute;
}
.ki-whatsapp.ki-filled:after {
  content: "\ed19";
  opacity: 0.1;
}
.ki-whatsapp.ki-filled:before {
  content: "\ed1a";
  position: absolute;
}
.ki-wifi-home.ki-filled:after {
  content: "\ed1b";
  opacity: 0.1;
}
.ki-wifi-home.ki-filled:before {
  content: "\ed1c";
  position: absolute;
}
.ki-wifi-square.ki-filled:after {
  content: "\ed1d";
  opacity: 0.1;
}
.ki-wifi-square.ki-filled:before {
  content: "\ed1e";
  position: absolute;
}
.ki-wifi.ki-filled:after {
  content: "\ed1f";
  opacity: 0.1;
}
.ki-wifi.ki-filled:before {
  content: "\ed20";
  position: absolute;
}
.ki-wireframe.ki-filled:after {
  content: "\ed21";
  opacity: 0.1;
}
.ki-wireframe.ki-filled:before {
  content: "\ed22";
  position: absolute;
}
.ki-wlan.ki-filled:before {
  content: "\ed23";
}
.ki-wrench.ki-filled:after {
  content: "\ed24";
  opacity: 0.1;
}
.ki-wrench.ki-filled:before {
  content: "\ed25";
  position: absolute;
}
.ki-xaomi.ki-filled:after {
  content: "\ed26";
  opacity: 0.1;
}
.ki-xaomi.ki-filled:before {
  content: "\ed27";
  position: absolute;
}
.ki-xd.ki-filled:after {
  content: "\ed28";
  opacity: 0.1;
}
.ki-xd.ki-filled:before {
  content: "\ed29";
  position: absolute;
}
.ki-xmr.ki-filled:after {
  content: "\ed2a";
  opacity: 0.1;
}
.ki-xmr.ki-filled:before {
  content: "\ed2b";
  position: absolute;
}
.ki-yii.ki-filled:after {
  content: "\ed2c";
  opacity: 0.1;
}
.ki-yii.ki-filled:before {
  content: "\ed2d";
  position: absolute;
}
.ki-youtube.ki-filled:after {
  content: "\ed2e";
  opacity: 0.1;
}
.ki-youtube.ki-filled:before {
  content: "\ed2f";
  position: absolute;
}
@font-face {
  font-family: 'keenicons-outline';
  src: url('/dist/fonts/keenicons-outline.ttf') format('truetype'), url('/dist/fonts/keenicons-outline.woff') format('woff'), url('keenicons-outline.svg?3m7u3e#keenicons-outline') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ki-outline {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'keenicons-outline' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-flex;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ki-abstract-1.ki-outline:before {
  content: "\e900";
}
.ki-abstract-2.ki-outline:before {
  content: "\e901";
}
.ki-abstract-3.ki-outline:before {
  content: "\e902";
}
.ki-abstract-4.ki-outline:before {
  content: "\e903";
}
.ki-abstract-5.ki-outline:before {
  content: "\e904";
}
.ki-abstract-6.ki-outline:before {
  content: "\e905";
}
.ki-abstract-7.ki-outline:before {
  content: "\e906";
}
.ki-abstract-8.ki-outline:before {
  content: "\e907";
}
.ki-abstract-9.ki-outline:before {
  content: "\e908";
}
.ki-abstract-10.ki-outline:before {
  content: "\e909";
}
.ki-abstract-11.ki-outline:before {
  content: "\e90a";
}
.ki-abstract-12.ki-outline:before {
  content: "\e90b";
}
.ki-abstract-13.ki-outline:before {
  content: "\e90c";
}
.ki-abstract-14.ki-outline:before {
  content: "\e90d";
}
.ki-abstract-15.ki-outline:before {
  content: "\e90e";
}
.ki-abstract-16.ki-outline:before {
  content: "\e90f";
}
.ki-abstract-17.ki-outline:before {
  content: "\e910";
}
.ki-abstract-18.ki-outline:before {
  content: "\e911";
}
.ki-abstract-19.ki-outline:before {
  content: "\e912";
}
.ki-abstract-20.ki-outline:before {
  content: "\e913";
}
.ki-abstract-21.ki-outline:before {
  content: "\e914";
}
.ki-abstract-22.ki-outline:before {
  content: "\e915";
}
.ki-abstract-23.ki-outline:before {
  content: "\e916";
}
.ki-abstract-24.ki-outline:before {
  content: "\e917";
}
.ki-abstract-25.ki-outline:before {
  content: "\e918";
}
.ki-abstract-26.ki-outline:before {
  content: "\e919";
}
.ki-abstract-27.ki-outline:before {
  content: "\e91a";
}
.ki-abstract-28.ki-outline:before {
  content: "\e91b";
}
.ki-abstract-29.ki-outline:before {
  content: "\e91c";
}
.ki-abstract-30.ki-outline:before {
  content: "\e91d";
}
.ki-abstract-31.ki-outline:before {
  content: "\e91e";
}
.ki-abstract-32.ki-outline:before {
  content: "\e91f";
}
.ki-abstract-33.ki-outline:before {
  content: "\e920";
}
.ki-abstract-34.ki-outline:before {
  content: "\e921";
}
.ki-abstract-35.ki-outline:before {
  content: "\e922";
}
.ki-abstract-36.ki-outline:before {
  content: "\e923";
}
.ki-abstract-37.ki-outline:before {
  content: "\e924";
}
.ki-abstract-38.ki-outline:before {
  content: "\e925";
}
.ki-abstract-39.ki-outline:before {
  content: "\e926";
}
.ki-abstract-40.ki-outline:before {
  content: "\e927";
}
.ki-abstract-41.ki-outline:before {
  content: "\e928";
}
.ki-abstract-42.ki-outline:before {
  content: "\e929";
}
.ki-abstract-43.ki-outline:before {
  content: "\e92a";
}
.ki-abstract-44.ki-outline:before {
  content: "\e92b";
}
.ki-abstract-45.ki-outline:before {
  content: "\e92c";
}
.ki-abstract-46.ki-outline:before {
  content: "\e92d";
}
.ki-abstract-47.ki-outline:before {
  content: "\e92e";
}
.ki-abstract-48.ki-outline:before {
  content: "\e92f";
}
.ki-abstract-49.ki-outline:before {
  content: "\e930";
}
.ki-abstract.ki-outline:before {
  content: "\e931";
}
.ki-add-files.ki-outline:before {
  content: "\e932";
}
.ki-add-folder.ki-outline:before {
  content: "\e933";
}
.ki-add-notepad.ki-outline:before {
  content: "\e934";
}
.ki-additem.ki-outline:before {
  content: "\e935";
}
.ki-address-book.ki-outline:before {
  content: "\e936";
}
.ki-airplane-square.ki-outline:before {
  content: "\e937";
}
.ki-airplane.ki-outline:before {
  content: "\e938";
}
.ki-airpod.ki-outline:before {
  content: "\e939";
}
.ki-android.ki-outline:before {
  content: "\e93a";
}
.ki-angular.ki-outline:before {
  content: "\e93b";
}
.ki-apple.ki-outline:before {
  content: "\e93c";
}
.ki-archive-tick.ki-outline:before {
  content: "\e93d";
}
.ki-archive.ki-outline:before {
  content: "\e93e";
}
.ki-arrow-circle-left.ki-outline:before {
  content: "\e93f";
}
.ki-arrow-circle-right.ki-outline:before {
  content: "\e940";
}
.ki-arrow-down-left.ki-outline:before {
  content: "\e941";
}
.ki-arrow-down-refraction.ki-outline:before {
  content: "\e942";
}
.ki-arrow-down-right.ki-outline:before {
  content: "\e943";
}
.ki-arrow-down.ki-outline:before {
  content: "\e944";
}
.ki-arrow-left.ki-outline:before {
  content: "\e945";
}
.ki-arrow-mix.ki-outline:before {
  content: "\e946";
}
.ki-arrow-right-left.ki-outline:before {
  content: "\e947";
}
.ki-arrow-right.ki-outline:before {
  content: "\e948";
}
.ki-arrow-two-diagonals.ki-outline:before {
  content: "\e949";
}
.ki-arrow-up-down.ki-outline:before {
  content: "\e94a";
}
.ki-arrow-up-left.ki-outline:before {
  content: "\e94b";
}
.ki-arrow-up-refraction.ki-outline:before {
  content: "\e94c";
}
.ki-arrow-up-right.ki-outline:before {
  content: "\e94d";
}
.ki-arrow-up.ki-outline:before {
  content: "\e94e";
}
.ki-arrow-zigzag.ki-outline:before {
  content: "\e94f";
}
.ki-arrows-circle.ki-outline:before {
  content: "\e950";
}
.ki-arrows-loop.ki-outline:before {
  content: "\e951";
}
.ki-artificial-intelligence.ki-outline:before {
  content: "\e952";
}
.ki-autobrightness.ki-outline:before {
  content: "\e953";
}
.ki-avalanche-avax.ki-outline:before {
  content: "\e954";
}
.ki-award.ki-outline:before {
  content: "\e955";
}
.ki-badge.ki-outline:before {
  content: "\e956";
}
.ki-bandage.ki-outline:before {
  content: "\e957";
}
.ki-bank.ki-outline:before {
  content: "\e958";
}
.ki-bar-chart.ki-outline:before {
  content: "\e959";
}
.ki-barcode.ki-outline:before {
  content: "\e95a";
}
.ki-basket-ok.ki-outline:before {
  content: "\e95b";
}
.ki-basket.ki-outline:before {
  content: "\e95c";
}
.ki-behance.ki-outline:before {
  content: "\e95d";
}
.ki-bill.ki-outline:before {
  content: "\e95e";
}
.ki-binance-usd-busd.ki-outline:before {
  content: "\e95f";
}
.ki-binance.ki-outline:before {
  content: "\e960";
}
.ki-bitcoin.ki-outline:before {
  content: "\e961";
}
.ki-black-down.ki-outline:before {
  content: "\e962";
}
.ki-black-left-line.ki-outline:before {
  content: "\e963";
}
.ki-black-left.ki-outline:before {
  content: "\e964";
}
.ki-black-right-line.ki-outline:before {
  content: "\e965";
}
.ki-black-right.ki-outline:before {
  content: "\e966";
}
.ki-black-up.ki-outline:before {
  content: "\e967";
}
.ki-bluetooth.ki-outline:before {
  content: "\e968";
}
.ki-book-open.ki-outline:before {
  content: "\e969";
}
.ki-book-square.ki-outline:before {
  content: "\e96a";
}
.ki-book.ki-outline:before {
  content: "\e96b";
}
.ki-bookmark-2.ki-outline:before {
  content: "\e96c";
}
.ki-bookmark.ki-outline:before {
  content: "\e96d";
}
.ki-bootstrap.ki-outline:before {
  content: "\e96e";
}
.ki-briefcase.ki-outline:before {
  content: "\e96f";
}
.ki-brifecase-cros.ki-outline:before {
  content: "\e970";
}
.ki-brifecase-tick.ki-outline:before {
  content: "\e971";
}
.ki-brifecase-timer.ki-outline:before {
  content: "\e972";
}
.ki-brush.ki-outline:before {
  content: "\e973";
}
.ki-bucket-square.ki-outline:before {
  content: "\e974";
}
.ki-bucket.ki-outline:before {
  content: "\e975";
}
.ki-burger-menu-1.ki-outline:before {
  content: "\e976";
}
.ki-burger-menu-2.ki-outline:before {
  content: "\e977";
}
.ki-burger-menu-3.ki-outline:before {
  content: "\e978";
}
.ki-burger-menu-4.ki-outline:before {
  content: "\e979";
}
.ki-burger-menu-5.ki-outline:before {
  content: "\e97a";
}
.ki-burger-menu-6.ki-outline:before {
  content: "\e97b";
}
.ki-burger-menu.ki-outline:before {
  content: "\e97c";
}
.ki-bus.ki-outline:before {
  content: "\e97d";
}
.ki-calculator.ki-outline:before {
  content: "\e97e";
}
.ki-calculatoror.ki-outline:before {
  content: "\e97f";
}
.ki-calendar-2.ki-outline:before {
  content: "\e980";
}
.ki-calendar-8.ki-outline:before {
  content: "\e981";
}
.ki-calendar-add.ki-outline:before {
  content: "\e982";
}
.ki-calendar-edit.ki-outline:before {
  content: "\e983";
}
.ki-calendar-remove.ki-outline:before {
  content: "\e984";
}
.ki-calendar-search.ki-outline:before {
  content: "\e985";
}
.ki-calendar-tick.ki-outline:before {
  content: "\e986";
}
.ki-calendar.ki-outline:before {
  content: "\e987";
}
.ki-call.ki-outline:before {
  content: "\e988";
}
.ki-capsule.ki-outline:before {
  content: "\e989";
}
.ki-car.ki-outline:before {
  content: "\e98a";
}
.ki-category.ki-outline:before {
  content: "\e98b";
}
.ki-cd.ki-outline:before {
  content: "\e98c";
}
.ki-celsius-cel.ki-outline:before {
  content: "\e98d";
}
.ki-chart-line-down-2.ki-outline:before {
  content: "\e98e";
}
.ki-chart-line-down.ki-outline:before {
  content: "\e98f";
}
.ki-chart-line-star.ki-outline:before {
  content: "\e990";
}
.ki-chart-line-up-2.ki-outline:before {
  content: "\e991";
}
.ki-chart-line-up.ki-outline:before {
  content: "\e992";
}
.ki-chart-line.ki-outline:before {
  content: "\e993";
}
.ki-chart-pie-3.ki-outline:before {
  content: "\e994";
}
.ki-chart-pie-4.ki-outline:before {
  content: "\e995";
}
.ki-chart-pie-simple.ki-outline:before {
  content: "\e996";
}
.ki-chart-pie-too.ki-outline:before {
  content: "\e997";
}
.ki-chart-simple-2.ki-outline:before {
  content: "\e998";
}
.ki-chart-simple-3.ki-outline:before {
  content: "\e999";
}
.ki-chart-simple.ki-outline:before {
  content: "\e99a";
}
.ki-chart.ki-outline:before {
  content: "\e99b";
}
.ki-check-circle.ki-outline:before {
  content: "\e99c";
}
.ki-check-squared.ki-outline:before {
  content: "\e99d";
}
.ki-check.ki-outline:before {
  content: "\e99e";
}
.ki-cheque.ki-outline:before {
  content: "\e99f";
}
.ki-chrome.ki-outline:before {
  content: "\e9a0";
}
.ki-classmates.ki-outline:before {
  content: "\e9a1";
}
.ki-click.ki-outline:before {
  content: "\e9a2";
}
.ki-clipboard.ki-outline:before {
  content: "\e9a3";
}
.ki-cloud-add.ki-outline:before {
  content: "\e9a4";
}
.ki-cloud-change.ki-outline:before {
  content: "\e9a5";
}
.ki-cloud-download.ki-outline:before {
  content: "\e9a6";
}
.ki-cloud.ki-outline:before {
  content: "\e9a7";
}
.ki-code.ki-outline:before {
  content: "\e9a8";
}
.ki-coffee.ki-outline:before {
  content: "\e9a9";
}
.ki-color-swatch.ki-outline:before {
  content: "\e9aa";
}
.ki-colors-square.ki-outline:before {
  content: "\e9ab";
}
.ki-compass.ki-outline:before {
  content: "\e9ac";
}
.ki-copy-success.ki-outline:before {
  content: "\e9ad";
}
.ki-copy.ki-outline:before {
  content: "\e9ae";
}
.ki-courier-express.ki-outline:before {
  content: "\e9af";
}
.ki-courier.ki-outline:before {
  content: "\e9b0";
}
.ki-credit-cart.ki-outline:before {
  content: "\e9b1";
}
.ki-cross-circle.ki-outline:before {
  content: "\e9b2";
}
.ki-cross-square.ki-outline:before {
  content: "\e9b3";
}
.ki-cross.ki-outline:before {
  content: "\e9b4";
}
.ki-crown-2.ki-outline:before {
  content: "\e9b5";
}
.ki-crown.ki-outline:before {
  content: "\e9b6";
}
.ki-css.ki-outline:before {
  content: "\e9b7";
}
.ki-cube-2.ki-outline:before {
  content: "\e9b8";
}
.ki-cube-3.ki-outline:before {
  content: "\e9b9";
}
.ki-cup.ki-outline:before {
  content: "\e9ba";
}
.ki-cursor.ki-outline:before {
  content: "\e9bb";
}
.ki-dash.ki-outline:before {
  content: "\e9bc";
}
.ki-data.ki-outline:before {
  content: "\e9bd";
}
.ki-delete-files.ki-outline:before {
  content: "\e9be";
}
.ki-delete-folder.ki-outline:before {
  content: "\e9bf";
}
.ki-delivery-2.ki-outline:before {
  content: "\e9c0";
}
.ki-delivery-3.ki-outline:before {
  content: "\e9c1";
}
.ki-delivery-24.ki-outline:before {
  content: "\e9c2";
}
.ki-delivery-door.ki-outline:before {
  content: "\e9c3";
}
.ki-delivery-geolocation.ki-outline:before {
  content: "\e9c4";
}
.ki-delivery-time.ki-outline:before {
  content: "\e9c5";
}
.ki-delivery.ki-outline:before {
  content: "\e9c6";
}
.ki-design-1.ki-outline:before {
  content: "\e9c7";
}
.ki-design-2.ki-outline:before {
  content: "\e9c8";
}
.ki-desktop-mobile.ki-outline:before {
  content: "\e9c9";
}
.ki-devices-2.ki-outline:before {
  content: "\e9ca";
}
.ki-devices.ki-outline:before {
  content: "\e9cb";
}
.ki-diamonds.ki-outline:before {
  content: "\e9cc";
}
.ki-directbox-default.ki-outline:before {
  content: "\e9cd";
}
.ki-disconnect.ki-outline:before {
  content: "\e9ce";
}
.ki-discount.ki-outline:before {
  content: "\e9cf";
}
.ki-disguise.ki-outline:before {
  content: "\e9d0";
}
.ki-disk.ki-outline:before {
  content: "\e9d1";
}
.ki-dislike.ki-outline:before {
  content: "\e9d2";
}
.ki-dj.ki-outline:before {
  content: "\e9d3";
}
.ki-document.ki-outline:before {
  content: "\e9d4";
}
.ki-double-check.ki-outline:before {
  content: "\e9d5";
}
.ki-dollar.ki-outline:before {
  content: "\e9d6";
}
.ki-dots-circle-vertical.ki-outline:before {
  content: "\e9d7";
}
.ki-dots-circle.ki-outline:before {
  content: "\e9d8";
}
.ki-dots-horizontal.ki-outline:before {
  content: "\e9d9";
}
.ki-dots-square-vertical.ki-outline:before {
  content: "\e9da";
}
.ki-dots-square.ki-outline:before {
  content: "\e9db";
}
.ki-dots-vertical.ki-outline:before {
  content: "\e9dc";
}
.ki-double-check-circle.ki-outline:before {
  content: "\e9dd";
}
.ki-double-down.ki-outline:before {
  content: "\e9de";
}
.ki-double-left-arrow.ki-outline:before {
  content: "\e9df";
}
.ki-double-left.ki-outline:before {
  content: "\e9e0";
}
.ki-double-right-arrow.ki-outline:before {
  content: "\e9e1";
}
.ki-double-right.ki-outline:before {
  content: "\e9e2";
}
.ki-double-up.ki-outline:before {
  content: "\e9e3";
}
.ki-down-square.ki-outline:before {
  content: "\e9e4";
}
.ki-down.ki-outline:before {
  content: "\e9e5";
}
.ki-dribbble.ki-outline:before {
  content: "\e9e6";
}
.ki-drop.ki-outline:before {
  content: "\e9e7";
}
.ki-dropbox.ki-outline:before {
  content: "\e9e8";
}
.ki-educare-ekt.ki-outline:before {
  content: "\e9e9";
}
.ki-electricity.ki-outline:before {
  content: "\e9ea";
}
.ki-electronic-clock.ki-outline:before {
  content: "\e9eb";
}
.ki-element-1.ki-outline:before {
  content: "\e9ec";
}
.ki-element-2.ki-outline:before {
  content: "\e9ed";
}
.ki-element-3.ki-outline:before {
  content: "\e9ee";
}
.ki-element-4.ki-outline:before {
  content: "\e9ef";
}
.ki-element-5.ki-outline:before {
  content: "\e9f0";
}
.ki-element-6.ki-outline:before {
  content: "\e9f1";
}
.ki-element-7.ki-outline:before {
  content: "\e9f2";
}
.ki-element-8.ki-outline:before {
  content: "\e9f3";
}
.ki-element-9.ki-outline:before {
  content: "\e9f4";
}
.ki-element-10.ki-outline:before {
  content: "\e9f5";
}
.ki-element-11.ki-outline:before {
  content: "\e9f6";
}
.ki-element-12.ki-outline:before {
  content: "\e9f7";
}
.ki-element-equal.ki-outline:before {
  content: "\e9f8";
}
.ki-element-plus.ki-outline:before {
  content: "\e9f9";
}
.ki-emoji-happy.ki-outline:before {
  content: "\e9fa";
}
.ki-enjin-coin-enj.ki-outline:before {
  content: "\e9fb";
}
.ki-ensure.ki-outline:before {
  content: "\e9fc";
}
.ki-entrance-left.ki-outline:before {
  content: "\e9fd";
}
.ki-entrance-right.ki-outline:before {
  content: "\e9fe";
}
.ki-eraser.ki-outline:before {
  content: "\e9ff";
}
.ki-euro.ki-outline:before {
  content: "\ea00";
}
.ki-exit-down.ki-outline:before {
  content: "\ea01";
}
.ki-exit-left.ki-outline:before {
  content: "\ea02";
}
.ki-exit-right-corner.ki-outline:before {
  content: "\ea03";
}
.ki-exit-right.ki-outline:before {
  content: "\ea04";
}
.ki-exit-up.ki-outline:before {
  content: "\ea05";
}
.ki-external-drive.ki-outline:before {
  content: "\ea06";
}
.ki-eye-slash.ki-outline:before {
  content: "\ea07";
}
.ki-eye.ki-outline:before {
  content: "\ea08";
}
.ki-face-id.ki-outline:before {
  content: "\ea09";
}
.ki-facebook.ki-outline:before {
  content: "\ea0a";
}
.ki-fasten.ki-outline:before {
  content: "\ea0b";
}
.ki-fatrows.ki-outline:before {
  content: "\ea0c";
}
.ki-feather.ki-outline:before {
  content: "\ea0d";
}
.ki-figma.ki-outline:before {
  content: "\ea0e";
}
.ki-file-added.ki-outline:before {
  content: "\ea0f";
}
.ki-file-deleted.ki-outline:before {
  content: "\ea10";
}
.ki-file-down.ki-outline:before {
  content: "\ea11";
}
.ki-file-left.ki-outline:before {
  content: "\ea12";
}
.ki-file-right.ki-outline:before {
  content: "\ea13";
}
.ki-file-sheet.ki-outline:before {
  content: "\ea14";
}
.ki-file-up.ki-outline:before {
  content: "\ea15";
}
.ki-files.ki-outline:before {
  content: "\ea16";
}
.ki-filter-edit.ki-outline:before {
  content: "\ea17";
}
.ki-filter-search.ki-outline:before {
  content: "\ea18";
}
.ki-filter-square.ki-outline:before {
  content: "\ea19";
}
.ki-filter-tablet.ki-outline:before {
  content: "\ea1a";
}
.ki-filter-tick.ki-outline:before {
  content: "\ea1b";
}
.ki-filter.ki-outline:before {
  content: "\ea1c";
}
.ki-financial-schedule.ki-outline:before {
  content: "\ea1d";
}
.ki-fingerprint-scanning.ki-outline:before {
  content: "\ea1e";
}
.ki-flag.ki-outline:before {
  content: "\ea1f";
}
.ki-flash-circle.ki-outline:before {
  content: "\ea20";
}
.ki-flask.ki-outline:before {
  content: "\ea21";
}
.ki-focus.ki-outline:before {
  content: "\ea22";
}
.ki-folder-added.ki-outline:before {
  content: "\ea23";
}
.ki-folder-down.ki-outline:before {
  content: "\ea24";
}
.ki-folder-up.ki-outline:before {
  content: "\ea25";
}
.ki-folder.ki-outline:before {
  content: "\ea26";
}
.ki-frame.ki-outline:before {
  content: "\ea27";
}
.ki-geolocation-home.ki-outline:before {
  content: "\ea28";
}
.ki-geolocation.ki-outline:before {
  content: "\ea29";
}
.ki-ghost.ki-outline:before {
  content: "\ea2a";
}
.ki-gift.ki-outline:before {
  content: "\ea2b";
}
.ki-github.ki-outline:before {
  content: "\ea2c";
}
.ki-glass.ki-outline:before {
  content: "\ea2d";
}
.ki-google-play.ki-outline:before {
  content: "\ea2e";
}
.ki-google.ki-outline:before {
  content: "\ea2f";
}
.ki-graph-2.ki-outline:before {
  content: "\ea30";
}
.ki-graph-3.ki-outline:before {
  content: "\ea31";
}
.ki-graph-4.ki-outline:before {
  content: "\ea32";
}
.ki-graph-up.ki-outline:before {
  content: "\ea33";
}
.ki-graph.ki-outline:before {
  content: "\ea34";
}
.ki-grid-2.ki-outline:before {
  content: "\ea35";
}
.ki-grid.ki-outline:before {
  content: "\ea36";
}
.ki-handcart.ki-outline:before {
  content: "\ea37";
}
.ki-happyemoji.ki-outline:before {
  content: "\ea38";
}
.ki-heart-circle.ki-outline:before {
  content: "\ea39";
}
.ki-heart.ki-outline:before {
  content: "\ea3a";
}
.ki-home-1.ki-outline:before {
  content: "\ea3b";
}
.ki-home-2.ki-outline:before {
  content: "\ea3c";
}
.ki-home-3.ki-outline:before {
  content: "\ea3d";
}
.ki-home.ki-outline:before {
  content: "\ea3e";
}
.ki-html.ki-outline:before {
  content: "\ea3f";
}
.ki-icon.ki-outline:before {
  content: "\ea40";
}
.ki-illustrator.ki-outline:before {
  content: "\ea41";
}
.ki-information-1.ki-outline:before {
  content: "\ea42";
}
.ki-information-2.ki-outline:before {
  content: "\ea43";
}
.ki-information-3.ki-outline:before {
  content: "\ea44";
}
.ki-information-4.ki-outline:before {
  content: "\ea45";
}
.ki-information.ki-outline:before {
  content: "\ea46";
}
.ki-instagram.ki-outline:before {
  content: "\ea47";
}
.ki-joystick.ki-outline:before {
  content: "\ea48";
}
.ki-js-2.ki-outline:before {
  content: "\ea49";
}
.ki-js.ki-outline:before {
  content: "\ea4a";
}
.ki-kanban.ki-outline:before {
  content: "\ea4b";
}
.ki-key-square.ki-outline:before {
  content: "\ea4c";
}
.ki-key.ki-outline:before {
  content: "\ea4d";
}
.ki-keyboard.ki-outline:before {
  content: "\ea4e";
}
.ki-laptop.ki-outline:before {
  content: "\ea4f";
}
.ki-laravel.ki-outline:before {
  content: "\ea50";
}
.ki-left-square.ki-outline:before {
  content: "\ea51";
}
.ki-left.ki-outline:before {
  content: "\ea52";
}
.ki-like-2.ki-outline:before {
  content: "\ea53";
}
.ki-like-folder.ki-outline:before {
  content: "\ea54";
}
.ki-like-shapes.ki-outline:before {
  content: "\ea55";
}
.ki-like-tag.ki-outline:before {
  content: "\ea56";
}
.ki-like.ki-outline:before {
  content: "\ea57";
}
.ki-loading.ki-outline:before {
  content: "\ea58";
}
.ki-lock-2.ki-outline:before {
  content: "\ea59";
}
.ki-lock-3.ki-outline:before {
  content: "\ea5a";
}
.ki-lock.ki-outline:before {
  content: "\ea5b";
}
.ki-logistic.ki-outline:before {
  content: "\ea5c";
}
.ki-lots-shopping.ki-outline:before {
  content: "\ea5d";
}
.ki-lovely.ki-outline:before {
  content: "\ea5e";
}
.ki-lts.ki-outline:before {
  content: "\ea5f";
}
.ki-magnifier.ki-outline:before {
  content: "\ea60";
}
.ki-map.ki-outline:before {
  content: "\ea61";
}
.ki-mask.ki-outline:before {
  content: "\ea62";
}
.ki-maximize.ki-outline:before {
  content: "\ea63";
}
.ki-medal-star.ki-outline:before {
  content: "\ea64";
}
.ki-menu.ki-outline:before {
  content: "\ea65";
}
.ki-message-add.ki-outline:before {
  content: "\ea66";
}
.ki-message-edit.ki-outline:before {
  content: "\ea67";
}
.ki-message-minus.ki-outline:before {
  content: "\ea68";
}
.ki-message-notify.ki-outline:before {
  content: "\ea69";
}
.ki-message-programming.ki-outline:before {
  content: "\ea6a";
}
.ki-message-question.ki-outline:before {
  content: "\ea6b";
}
.ki-message-text-2.ki-outline:before {
  content: "\ea6c";
}
.ki-message-text.ki-outline:before {
  content: "\ea6d";
}
.ki-messages.ki-outline:before {
  content: "\ea6e";
}
.ki-microsoft.ki-outline:before {
  content: "\ea6f";
}
.ki-milk.ki-outline:before {
  content: "\ea70";
}
.ki-minus-circle.ki-outline:before {
  content: "\ea71";
}
.ki-minus-folder.ki-outline:before {
  content: "\ea72";
}
.ki-minus-squared.ki-outline:before {
  content: "\ea73";
}
.ki-minus.ki-outline:before {
  content: "\ea74";
}
.ki-moon.ki-outline:before {
  content: "\ea75";
}
.ki-more-2.ki-outline:before {
  content: "\ea76";
}
.ki-mouse-circle.ki-outline:before {
  content: "\ea77";
}
.ki-mouse-square.ki-outline:before {
  content: "\ea78";
}
.ki-mouse.ki-outline:before {
  content: "\ea79";
}
.ki-nexo.ki-outline:before {
  content: "\ea7a";
}
.ki-night-day.ki-outline:before {
  content: "\ea7b";
}
.ki-note-2.ki-outline:before {
  content: "\ea7c";
}
.ki-note.ki-outline:before {
  content: "\ea7d";
}
.ki-notepad-bookmark.ki-outline:before {
  content: "\ea7e";
}
.ki-notepad-edit.ki-outline:before {
  content: "\ea7f";
}
.ki-notepad.ki-outline:before {
  content: "\ea80";
}
.ki-notification-1.ki-outline:before {
  content: "\ea81";
}
.ki-notification-bing.ki-outline:before {
  content: "\ea82";
}
.ki-notification-circle.ki-outline:before {
  content: "\ea83";
}
.ki-notification-favorite.ki-outline:before {
  content: "\ea84";
}
.ki-notification-on.ki-outline:before {
  content: "\ea85";
}
.ki-notification-status.ki-outline:before {
  content: "\ea86";
}
.ki-notification.ki-outline:before {
  content: "\ea87";
}
.ki-ocean.ki-outline:before {
  content: "\ea88";
}
.ki-office-bag.ki-outline:before {
  content: "\ea89";
}
.ki-package.ki-outline:before {
  content: "\ea8a";
}
.ki-pad.ki-outline:before {
  content: "\ea8b";
}
.ki-pails.ki-outline:before {
  content: "\ea8c";
}
.ki-paintbucket.ki-outline:before {
  content: "\ea8d";
}
.ki-paper-clip.ki-outline:before {
  content: "\ea8e";
}
.ki-paper-plane.ki-outline:before {
  content: "\ea8f";
}
.ki-parcel-tracking.ki-outline:before {
  content: "\ea90";
}
.ki-parcel.ki-outline:before {
  content: "\ea91";
}
.ki-password-check.ki-outline:before {
  content: "\ea92";
}
.ki-paypal.ki-outline:before {
  content: "\ea93";
}
.ki-pencil.ki-outline:before {
  content: "\ea94";
}
.ki-people.ki-outline:before {
  content: "\ea95";
}
.ki-percentage.ki-outline:before {
  content: "\ea96";
}
.ki-phone.ki-outline:before {
  content: "\ea97";
}
.ki-photoshop.ki-outline:before {
  content: "\ea98";
}
.ki-picture.ki-outline:before {
  content: "\ea99";
}
.ki-pill.ki-outline:before {
  content: "\ea9a";
}
.ki-pin.ki-outline:before {
  content: "\ea9b";
}
.ki-plus-circle.ki-outline:before {
  content: "\ea9c";
}
.ki-plus-squared.ki-outline:before {
  content: "\ea9d";
}
.ki-plus.ki-outline:before {
  content: "\ea9e";
}
.ki-pointers.ki-outline:before {
  content: "\ea9f";
}
.ki-price-tag.ki-outline:before {
  content: "\eaa0";
}
.ki-printer.ki-outline:before {
  content: "\eaa1";
}
.ki-profile-circle.ki-outline:before {
  content: "\eaa2";
}
.ki-pulse.ki-outline:before {
  content: "\eaa3";
}
.ki-purchase.ki-outline:before {
  content: "\eaa4";
}
.ki-python.ki-outline:before {
  content: "\eaa5";
}
.ki-question-2.ki-outline:before {
  content: "\eaa6";
}
.ki-question.ki-outline:before {
  content: "\eaa7";
}
.ki-questionnaire-tablet.ki-outline:before {
  content: "\eaa8";
}
.ki-ranking.ki-outline:before {
  content: "\eaa9";
}
.ki-react.ki-outline:before {
  content: "\eaaa";
}
.ki-receipt-square.ki-outline:before {
  content: "\eaab";
}
.ki-rescue.ki-outline:before {
  content: "\eaac";
}
.ki-right-left.ki-outline:before {
  content: "\eaad";
}
.ki-right-square.ki-outline:before {
  content: "\eaae";
}
.ki-right.ki-outline:before {
  content: "\eaaf";
}
.ki-rocket.ki-outline:before {
  content: "\eab0";
}
.ki-route.ki-outline:before {
  content: "\eab1";
}
.ki-router.ki-outline:before {
  content: "\eab2";
}
.ki-row-horizontal.ki-outline:before {
  content: "\eab3";
}
.ki-row-vertical.ki-outline:before {
  content: "\eab4";
}
.ki-safe-home.ki-outline:before {
  content: "\eab5";
}
.ki-satellite.ki-outline:before {
  content: "\eab6";
}
.ki-save-2.ki-outline:before {
  content: "\eab7";
}
.ki-save-deposit.ki-outline:before {
  content: "\eab8";
}
.ki-scan-barcode.ki-outline:before {
  content: "\eab9";
}
.ki-screen.ki-outline:before {
  content: "\eaba";
}
.ki-scroll.ki-outline:before {
  content: "\eabb";
}
.ki-search-list.ki-outline:before {
  content: "\eabc";
}
.ki-security-user.ki-outline:before {
  content: "\eabd";
}
.ki-setting-2.ki-outline:before {
  content: "\eabe";
}
.ki-setting-3.ki-outline:before {
  content: "\eabf";
}
.ki-setting-4.ki-outline:before {
  content: "\eac0";
}
.ki-setting.ki-outline:before {
  content: "\eac1";
}
.ki-share.ki-outline:before {
  content: "\eac2";
}
.ki-shield-cross.ki-outline:before {
  content: "\eac3";
}
.ki-shield-search.ki-outline:before {
  content: "\eac4";
}
.ki-shield-slash.ki-outline:before {
  content: "\eac5";
}
.ki-shield-tick.ki-outline:before {
  content: "\eac6";
}
.ki-shield.ki-outline:before {
  content: "\eac7";
}
.ki-ship.ki-outline:before {
  content: "\eac8";
}
.ki-shop.ki-outline:before {
  content: "\eac9";
}
.ki-simcard-2.ki-outline:before {
  content: "\eaca";
}
.ki-simcard.ki-outline:before {
  content: "\eacb";
}
.ki-size.ki-outline:before {
  content: "\eacc";
}
.ki-slack.ki-outline:before {
  content: "\eacd";
}
.ki-slider-horizontal-2.ki-outline:before {
  content: "\eace";
}
.ki-slider-horizontal.ki-outline:before {
  content: "\eacf";
}
.ki-slider-vertica.ki-outline:before {
  content: "\ead0";
}
.ki-slider-vertical.ki-outline:before {
  content: "\ead1";
}
.ki-slider.ki-outline:before {
  content: "\ead2";
}
.ki-sms.ki-outline:before {
  content: "\ead3";
}
.ki-snapchat.ki-outline:before {
  content: "\ead4";
}
.ki-social-media.ki-outline:before {
  content: "\ead5";
}
.ki-soft-2.ki-outline:before {
  content: "\ead6";
}
.ki-soft-3.ki-outline:before {
  content: "\ead7";
}
.ki-soft.ki-outline:before {
  content: "\ead8";
}
.ki-some-files.ki-outline:before {
  content: "\ead9";
}
.ki-sort.ki-outline:before {
  content: "\eada";
}
.ki-speaker.ki-outline:before {
  content: "\eadb";
}
.ki-spotify.ki-outline:before {
  content: "\eadc";
}
.ki-spring-framework.ki-outline:before {
  content: "\eadd";
}
.ki-square-brackets.ki-outline:before {
  content: "\eade";
}
.ki-star.ki-outline:before {
  content: "\eadf";
}
.ki-status.ki-outline:before {
  content: "\eae0";
}
.ki-subtitle.ki-outline:before {
  content: "\eae1";
}
.ki-sun.ki-outline:before {
  content: "\eae2";
}
.ki-support.ki-outline:before {
  content: "\eae3";
}
.ki-switch.ki-outline:before {
  content: "\eae4";
}
.ki-syringe.ki-outline:before {
  content: "\eae5";
}
.ki-tab-tablet.ki-outline:before {
  content: "\eae6";
}
.ki-tablet-delete.ki-outline:before {
  content: "\eae7";
}
.ki-tablet-down.ki-outline:before {
  content: "\eae8";
}
.ki-tablet-ok.ki-outline:before {
  content: "\eae9";
}
.ki-tablet-text-down.ki-outline:before {
  content: "\eaea";
}
.ki-tablet-text-up.ki-outline:before {
  content: "\eaeb";
}
.ki-tablet-up.ki-outline:before {
  content: "\eaec";
}
.ki-tablet.ki-outline:before {
  content: "\eaed";
}
.ki-tag-cross.ki-outline:before {
  content: "\eaee";
}
.ki-tag.ki-outline:before {
  content: "\eaef";
}
.ki-teacher.ki-outline:before {
  content: "\eaf0";
}
.ki-technology-1.ki-outline:before {
  content: "\eaf1";
}
.ki-technology-2.ki-outline:before {
  content: "\eaf2";
}
.ki-technology-3.ki-outline:before {
  content: "\eaf3";
}
.ki-technology-4.ki-outline:before {
  content: "\eaf4";
}
.ki-telephone-geolocation.ki-outline:before {
  content: "\eaf5";
}
.ki-test-tubes.ki-outline:before {
  content: "\eaf6";
}
.ki-text-bold.ki-outline:before {
  content: "\eaf7";
}
.ki-text-circle.ki-outline:before {
  content: "\eaf8";
}
.ki-text-italic.ki-outline:before {
  content: "\eaf9";
}
.ki-text-number.ki-outline:before {
  content: "\eafa";
}
.ki-text-strikethrough.ki-outline:before {
  content: "\eafb";
}
.ki-text-underline.ki-outline:before {
  content: "\eafc";
}
.ki-text.ki-outline:before {
  content: "\eafd";
}
.ki-textalign-center.ki-outline:before {
  content: "\eafe";
}
.ki-textalign-justifycenter.ki-outline:before {
  content: "\eaff";
}
.ki-textalign-left.ki-outline:before {
  content: "\eb00";
}
.ki-textalign-right.ki-outline:before {
  content: "\eb01";
}
.ki-thermometer.ki-outline:before {
  content: "\eb02";
}
.ki-theta-theta.ki-outline:before {
  content: "\eb03";
}
.ki-tiktok.ki-outline:before {
  content: "\eb04";
}
.ki-time.ki-outline:before {
  content: "\eb05";
}
.ki-timer.ki-outline:before {
  content: "\eb06";
}
.ki-to-left.ki-outline:before {
  content: "\eb07";
}
.ki-to-right.ki-outline:before {
  content: "\eb08";
}
.ki-toggle-off-circle.ki-outline:before {
  content: "\eb09";
}
.ki-toggle-off.ki-outline:before {
  content: "\eb0a";
}
.ki-toggle-on-circle.ki-outline:before {
  content: "\eb0b";
}
.ki-toggle-on.ki-outline:before {
  content: "\eb0c";
}
.ki-trash-square.ki-outline:before {
  content: "\eb0d";
}
.ki-trash.ki-outline:before {
  content: "\eb0e";
}
.ki-tree.ki-outline:before {
  content: "\eb0f";
}
.ki-trello.ki-outline:before {
  content: "\eb10";
}
.ki-ts.ki-outline:before {
  content: "\eb11";
}
.ki-twitch.ki-outline:before {
  content: "\eb12";
}
.ki-twitter.ki-outline:before {
  content: "\eb13";
}
.ki-two-credit-cart.ki-outline:before {
  content: "\eb14";
}
.ki-underlining.ki-outline:before {
  content: "\eb15";
}
.ki-up-diagonal.ki-outline:before {
  content: "\eb16";
}
.ki-up-down.ki-outline:before {
  content: "\eb17";
}
.ki-up-square.ki-outline:before {
  content: "\eb18";
}
.ki-up.ki-outline:before {
  content: "\eb19";
}
.ki-update-file.ki-outline:before {
  content: "\eb1a";
}
.ki-update-folder.ki-outline:before {
  content: "\eb1b";
}
.ki-user-edit.ki-outline:before {
  content: "\eb1c";
}
.ki-user-square.ki-outline:before {
  content: "\eb1d";
}
.ki-user-tick.ki-outline:before {
  content: "\eb1e";
}
.ki-user.ki-outline:before {
  content: "\eb1f";
}
.ki-users.ki-outline:before {
  content: "\eb20";
}
.ki-verify.ki-outline:before {
  content: "\eb21";
}
.ki-vibe-vibe.ki-outline:before {
  content: "\eb22";
}
.ki-virus.ki-outline:before {
  content: "\eb23";
}
.ki-vue.ki-outline:before {
  content: "\eb24";
}
.ki-vuesax.ki-outline:before {
  content: "\eb25";
}
.ki-wallet.ki-outline:before {
  content: "\eb26";
}
.ki-wanchain-wan.ki-outline:before {
  content: "\eb27";
}
.ki-watch.ki-outline:before {
  content: "\eb28";
}
.ki-whatsapp.ki-outline:before {
  content: "\eb29";
}
.ki-wifi-home.ki-outline:before {
  content: "\eb2a";
}
.ki-wifi-square.ki-outline:before {
  content: "\eb2b";
}
.ki-wifi.ki-outline:before {
  content: "\eb2c";
}
.ki-wireframe.ki-outline:before {
  content: "\eb2d";
}
.ki-wlan.ki-outline:before {
  content: "\eb2e";
}
.ki-wrench.ki-outline:before {
  content: "\eb2f";
}
.ki-xaomi.ki-outline:before {
  content: "\eb30";
}
.ki-xd.ki-outline:before {
  content: "\eb31";
}
.ki-xmr.ki-outline:before {
  content: "\eb32";
}
.ki-yii.ki-outline:before {
  content: "\eb33";
}
.ki-youtube.ki-outline:before {
  content: "\eb34";
}
@font-face {
  font-family: 'keenicons-solid';
  src: url('/dist/fonts/keenicons-solid.ttf') format('truetype'), url('/dist/fonts/keenicons-solid.woff') format('woff'), url('keenicons-solid.svg?m54ea1#keenicons-solid') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ki-solid {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'keenicons-solid' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-flex;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ki-abstract-1.ki-solid:before {
  content: "\e900";
}
.ki-abstract-2.ki-solid:before {
  content: "\e901";
}
.ki-abstract-3.ki-solid:before {
  content: "\e902";
}
.ki-abstract-4.ki-solid:before {
  content: "\e903";
}
.ki-abstract-5.ki-solid:before {
  content: "\e904";
}
.ki-abstract-6.ki-solid:before {
  content: "\e905";
}
.ki-abstract-7.ki-solid:before {
  content: "\e906";
}
.ki-abstract-8.ki-solid:before {
  content: "\e907";
}
.ki-abstract-9.ki-solid:before {
  content: "\e908";
}
.ki-abstract-10.ki-solid:before {
  content: "\e909";
}
.ki-abstract-11.ki-solid:before {
  content: "\e90a";
}
.ki-abstract-12.ki-solid:before {
  content: "\e90b";
}
.ki-abstract-13.ki-solid:before {
  content: "\e90c";
}
.ki-abstract-14.ki-solid:before {
  content: "\e90d";
}
.ki-abstract-15.ki-solid:before {
  content: "\e90e";
}
.ki-abstract-16.ki-solid:before {
  content: "\e90f";
}
.ki-abstract-17.ki-solid:before {
  content: "\e910";
}
.ki-abstract-18.ki-solid:before {
  content: "\e911";
}
.ki-abstract-19.ki-solid:before {
  content: "\e912";
}
.ki-abstract-20.ki-solid:before {
  content: "\e913";
}
.ki-abstract-21.ki-solid:before {
  content: "\e914";
}
.ki-abstract-22.ki-solid:before {
  content: "\e915";
}
.ki-abstract-23.ki-solid:before {
  content: "\e916";
}
.ki-abstract-24.ki-solid:before {
  content: "\e917";
}
.ki-abstract-25.ki-solid:before {
  content: "\e918";
}
.ki-abstract-26.ki-solid:before {
  content: "\e919";
}
.ki-abstract-27.ki-solid:before {
  content: "\e91a";
}
.ki-abstract-28.ki-solid:before {
  content: "\e91b";
}
.ki-abstract-29.ki-solid:before {
  content: "\e91c";
}
.ki-abstract-30.ki-solid:before {
  content: "\e91d";
}
.ki-abstract-31.ki-solid:before {
  content: "\e91e";
}
.ki-abstract-32.ki-solid:before {
  content: "\e91f";
}
.ki-abstract-33.ki-solid:before {
  content: "\e920";
}
.ki-abstract-34.ki-solid:before {
  content: "\e921";
}
.ki-abstract-35.ki-solid:before {
  content: "\e922";
}
.ki-abstract-36.ki-solid:before {
  content: "\e923";
}
.ki-abstract-37.ki-solid:before {
  content: "\e924";
}
.ki-abstract-38.ki-solid:before {
  content: "\e925";
}
.ki-abstract-39.ki-solid:before {
  content: "\e926";
}
.ki-abstract-40.ki-solid:before {
  content: "\e927";
}
.ki-abstract-41.ki-solid:before {
  content: "\e928";
}
.ki-abstract-42.ki-solid:before {
  content: "\e929";
}
.ki-abstract-43.ki-solid:before {
  content: "\e92a";
}
.ki-abstract-44.ki-solid:before {
  content: "\e92b";
}
.ki-abstract-45.ki-solid:before {
  content: "\e92c";
}
.ki-abstract-46.ki-solid:before {
  content: "\e92d";
}
.ki-abstract-47.ki-solid:before {
  content: "\e92e";
}
.ki-abstract-48.ki-solid:before {
  content: "\e92f";
}
.ki-abstract-49.ki-solid:before {
  content: "\e930";
}
.ki-abstract.ki-solid:before {
  content: "\e931";
}
.ki-add-files.ki-solid:before {
  content: "\e932";
}
.ki-add-folder.ki-solid:before {
  content: "\e933";
}
.ki-add-notepad.ki-solid:before {
  content: "\e934";
}
.ki-additem.ki-solid:before {
  content: "\e935";
}
.ki-address-book.ki-solid:before {
  content: "\e936";
}
.ki-airplane-square.ki-solid:before {
  content: "\e937";
}
.ki-airplane.ki-solid:before {
  content: "\e938";
}
.ki-airpod.ki-solid:before {
  content: "\e939";
}
.ki-android.ki-solid:before {
  content: "\e93a";
}
.ki-angular.ki-solid:before {
  content: "\e93b";
}
.ki-apple.ki-solid:before {
  content: "\e93c";
}
.ki-archive-tick.ki-solid:before {
  content: "\e93d";
}
.ki-archive.ki-solid:before {
  content: "\e93e";
}
.ki-arrow-circle-left.ki-solid:before {
  content: "\e93f";
}
.ki-arrow-circle-right.ki-solid:before {
  content: "\e940";
}
.ki-arrow-down-left.ki-solid:before {
  content: "\e941";
}
.ki-arrow-down-refraction.ki-solid:before {
  content: "\e942";
}
.ki-arrow-down-right.ki-solid:before {
  content: "\e943";
}
.ki-arrow-down.ki-solid:before {
  content: "\e944";
}
.ki-arrow-left.ki-solid:before {
  content: "\e945";
}
.ki-arrow-mix.ki-solid:before {
  content: "\e946";
}
.ki-arrow-right-left.ki-solid:before {
  content: "\e947";
}
.ki-arrow-right.ki-solid:before {
  content: "\e948";
}
.ki-arrow-two-diagonals.ki-solid:before {
  content: "\e949";
}
.ki-arrow-up-down.ki-solid:before {
  content: "\e94a";
}
.ki-arrow-up-left.ki-solid:before {
  content: "\e94b";
}
.ki-arrow-up-refraction.ki-solid:before {
  content: "\e94c";
}
.ki-arrow-up-right.ki-solid:before {
  content: "\e94d";
}
.ki-arrow-up.ki-solid:before {
  content: "\e94e";
}
.ki-arrow-zigzag.ki-solid:before {
  content: "\e94f";
}
.ki-arrows-circle.ki-solid:before {
  content: "\e950";
}
.ki-arrows-loop.ki-solid:before {
  content: "\e951";
}
.ki-artificial-intelligence.ki-solid:before {
  content: "\e952";
}
.ki-autobrightness.ki-solid:before {
  content: "\e953";
}
.ki-avalanche-avax.ki-solid:before {
  content: "\e954";
}
.ki-award.ki-solid:before {
  content: "\e955";
}
.ki-badge.ki-solid:before {
  content: "\e956";
}
.ki-bandage.ki-solid:before {
  content: "\e957";
}
.ki-bank.ki-solid:before {
  content: "\e958";
}
.ki-bar-chart.ki-solid:before {
  content: "\e959";
}
.ki-barcode.ki-solid:before {
  content: "\e95a";
}
.ki-basket-ok.ki-solid:before {
  content: "\e95b";
}
.ki-basket.ki-solid:before {
  content: "\e95c";
}
.ki-behance.ki-solid:before {
  content: "\e95d";
}
.ki-bill.ki-solid:before {
  content: "\e95e";
}
.ki-binance-usd-busd.ki-solid:before {
  content: "\e95f";
}
.ki-binance.ki-solid:before {
  content: "\e960";
}
.ki-bitcoin.ki-solid:before {
  content: "\e961";
}
.ki-black-down.ki-solid:before {
  content: "\e962";
}
.ki-black-left-line.ki-solid:before {
  content: "\e963";
}
.ki-black-left.ki-solid:before {
  content: "\e964";
}
.ki-black-right-line.ki-solid:before {
  content: "\e965";
}
.ki-black-right.ki-solid:before {
  content: "\e966";
}
.ki-black-up.ki-solid:before {
  content: "\e967";
}
.ki-bluetooth.ki-solid:before {
  content: "\e968";
}
.ki-book-open.ki-solid:before {
  content: "\e969";
}
.ki-book-square.ki-solid:before {
  content: "\e96a";
}
.ki-book.ki-solid:before {
  content: "\e96b";
}
.ki-bookmark-2.ki-solid:before {
  content: "\e96c";
}
.ki-bookmark.ki-solid:before {
  content: "\e96d";
}
.ki-bootstrap.ki-solid:before {
  content: "\e96e";
}
.ki-briefcase.ki-solid:before {
  content: "\e96f";
}
.ki-brifecase-cros.ki-solid:before {
  content: "\e970";
}
.ki-brifecase-tick.ki-solid:before {
  content: "\e971";
}
.ki-brifecase-timer.ki-solid:before {
  content: "\e972";
}
.ki-brush.ki-solid:before {
  content: "\e973";
}
.ki-bucket-square.ki-solid:before {
  content: "\e974";
}
.ki-bucket.ki-solid:before {
  content: "\e975";
}
.ki-burger-menu-1.ki-solid:before {
  content: "\e976";
}
.ki-burger-menu-2.ki-solid:before {
  content: "\e977";
}
.ki-burger-menu-3.ki-solid:before {
  content: "\e978";
}
.ki-burger-menu-4.ki-solid:before {
  content: "\e979";
}
.ki-burger-menu-5.ki-solid:before {
  content: "\e97a";
}
.ki-burger-menu-6.ki-solid:before {
  content: "\e97b";
}
.ki-burger-menu.ki-solid:before {
  content: "\e97c";
}
.ki-bus.ki-solid:before {
  content: "\e97d";
}
.ki-calculator.ki-solid:before {
  content: "\e97e";
}
.ki-calculatoror.ki-solid:before {
  content: "\e97f";
}
.ki-calendar-2.ki-solid:before {
  content: "\e980";
}
.ki-calendar-8.ki-solid:before {
  content: "\e981";
}
.ki-calendar-add.ki-solid:before {
  content: "\e982";
}
.ki-calendar-edit.ki-solid:before {
  content: "\e983";
}
.ki-calendar-remove.ki-solid:before {
  content: "\e984";
}
.ki-calendar-search.ki-solid:before {
  content: "\e985";
}
.ki-calendar-tick.ki-solid:before {
  content: "\e986";
}
.ki-calendar.ki-solid:before {
  content: "\e987";
}
.ki-call.ki-solid:before {
  content: "\e988";
}
.ki-capsule.ki-solid:before {
  content: "\e989";
}
.ki-car.ki-solid:before {
  content: "\e98a";
}
.ki-category.ki-solid:before {
  content: "\e98b";
}
.ki-cd.ki-solid:before {
  content: "\e98c";
}
.ki-celsius-cel.ki-solid:before {
  content: "\e98d";
}
.ki-chart-line-down-2.ki-solid:before {
  content: "\e98e";
}
.ki-chart-line-down.ki-solid:before {
  content: "\e98f";
}
.ki-chart-line-star.ki-solid:before {
  content: "\e990";
}
.ki-chart-line-up-2.ki-solid:before {
  content: "\e991";
}
.ki-chart-line-up.ki-solid:before {
  content: "\e992";
}
.ki-chart-line.ki-solid:before {
  content: "\e993";
}
.ki-chart-pie-3.ki-solid:before {
  content: "\e994";
}
.ki-chart-pie-4.ki-solid:before {
  content: "\e995";
}
.ki-chart-pie-simple.ki-solid:before {
  content: "\e996";
}
.ki-chart-pie-too.ki-solid:before {
  content: "\e997";
}
.ki-chart-simple-2.ki-solid:before {
  content: "\e998";
}
.ki-chart-simple-3.ki-solid:before {
  content: "\e999";
}
.ki-chart-simple.ki-solid:before {
  content: "\e99a";
}
.ki-chart.ki-solid:before {
  content: "\e99b";
}
.ki-check-circle.ki-solid:before {
  content: "\e99c";
}
.ki-check-squared.ki-solid:before {
  content: "\e99d";
}
.ki-check.ki-solid:before {
  content: "\e99e";
}
.ki-cheque.ki-solid:before {
  content: "\e99f";
}
.ki-chrome.ki-solid:before {
  content: "\e9a0";
}
.ki-classmates.ki-solid:before {
  content: "\e9a1";
}
.ki-click.ki-solid:before {
  content: "\e9a2";
}
.ki-clipboard.ki-solid:before {
  content: "\e9a3";
}
.ki-cloud-add.ki-solid:before {
  content: "\e9a4";
}
.ki-cloud-change.ki-solid:before {
  content: "\e9a5";
}
.ki-cloud-download.ki-solid:before {
  content: "\e9a6";
}
.ki-cloud.ki-solid:before {
  content: "\e9a7";
}
.ki-code.ki-solid:before {
  content: "\e9a8";
}
.ki-coffee.ki-solid:before {
  content: "\e9a9";
}
.ki-color-swatch.ki-solid:before {
  content: "\e9aa";
}
.ki-colors-square.ki-solid:before {
  content: "\e9ab";
}
.ki-compass.ki-solid:before {
  content: "\e9ac";
}
.ki-copy-success.ki-solid:before {
  content: "\e9ad";
}
.ki-copy.ki-solid:before {
  content: "\e9ae";
}
.ki-courier-express.ki-solid:before {
  content: "\e9af";
}
.ki-courier.ki-solid:before {
  content: "\e9b0";
}
.ki-credit-cart.ki-solid:before {
  content: "\e9b1";
}
.ki-cross-circle.ki-solid:before {
  content: "\e9b2";
}
.ki-cross-square.ki-solid:before {
  content: "\e9b3";
}
.ki-cross.ki-solid:before {
  content: "\e9b4";
}
.ki-crown-2.ki-solid:before {
  content: "\e9b5";
}
.ki-crown.ki-solid:before {
  content: "\e9b6";
}
.ki-css.ki-solid:before {
  content: "\e9b7";
}
.ki-cube-2.ki-solid:before {
  content: "\e9b8";
}
.ki-cube-3.ki-solid:before {
  content: "\e9b9";
}
.ki-cup.ki-solid:before {
  content: "\e9ba";
}
.ki-cursor.ki-solid:before {
  content: "\e9bb";
}
.ki-dash.ki-solid:before {
  content: "\e9bc";
}
.ki-data.ki-solid:before {
  content: "\e9bd";
}
.ki-delete-files.ki-solid:before {
  content: "\e9be";
}
.ki-delete-folder.ki-solid:before {
  content: "\e9bf";
}
.ki-delivery-2.ki-solid:before {
  content: "\e9c0";
}
.ki-delivery-3.ki-solid:before {
  content: "\e9c1";
}
.ki-delivery-24.ki-solid:before {
  content: "\e9c2";
}
.ki-delivery-door.ki-solid:before {
  content: "\e9c3";
}
.ki-delivery-geolocation.ki-solid:before {
  content: "\e9c4";
}
.ki-delivery-time.ki-solid:before {
  content: "\e9c5";
}
.ki-delivery.ki-solid:before {
  content: "\e9c6";
}
.ki-design-1.ki-solid:before {
  content: "\e9c7";
}
.ki-design-2.ki-solid:before {
  content: "\e9c8";
}
.ki-desktop-mobile.ki-solid:before {
  content: "\e9c9";
}
.ki-devices-2.ki-solid:before {
  content: "\e9ca";
}
.ki-devices.ki-solid:before {
  content: "\e9cb";
}
.ki-diamonds.ki-solid:before {
  content: "\e9cc";
}
.ki-directbox-default.ki-solid:before {
  content: "\e9cd";
}
.ki-disconnect.ki-solid:before {
  content: "\e9ce";
}
.ki-discount.ki-solid:before {
  content: "\e9cf";
}
.ki-disguise.ki-solid:before {
  content: "\e9d0";
}
.ki-disk.ki-solid:before {
  content: "\e9d1";
}
.ki-dislike.ki-solid:before {
  content: "\e9d2";
}
.ki-dj.ki-solid:before {
  content: "\e9d3";
}
.ki-document.ki-solid:before {
  content: "\e9d4";
}
.ki-double-check.ki-solid:before {
  content: "\e9d5";
}
.ki-dollar.ki-solid:before {
  content: "\e9d6";
}
.ki-dots-circle-vertical.ki-solid:before {
  content: "\e9d7";
}
.ki-dots-circle.ki-solid:before {
  content: "\e9d8";
}
.ki-dots-horizontal.ki-solid:before {
  content: "\e9d9";
}
.ki-dots-square-vertical.ki-solid:before {
  content: "\e9da";
}
.ki-dots-square.ki-solid:before {
  content: "\e9db";
}
.ki-dots-vertical.ki-solid:before {
  content: "\e9dc";
}
.ki-double-down.ki-solid:before {
  content: "\e9dd";
}
.ki-double-left-arrow.ki-solid:before {
  content: "\e9de";
}
.ki-double-left.ki-solid:before {
  content: "\e9df";
}
.ki-double-right-arrow.ki-solid:before {
  content: "\e9e0";
}
.ki-double-right.ki-solid:before {
  content: "\e9e1";
}
.ki-double-up.ki-solid:before {
  content: "\e9e2";
}
.ki-down-square.ki-solid:before {
  content: "\e9e3";
}
.ki-down.ki-solid:before {
  content: "\e9e4";
}
.ki-dribbble.ki-solid:before {
  content: "\e9e5";
}
.ki-drop.ki-solid:before {
  content: "\e9e6";
}
.ki-dropbox.ki-solid:before {
  content: "\e9e7";
}
.ki-duble-check-circle.ki-solid:before {
  content: "\e9e8";
}
.ki-educare-ekt.ki-solid:before {
  content: "\e9e9";
}
.ki-electricity.ki-solid:before {
  content: "\e9ea";
}
.ki-electronic-clock.ki-solid:before {
  content: "\e9eb";
}
.ki-element-1.ki-solid:before {
  content: "\e9ec";
}
.ki-element-2.ki-solid:before {
  content: "\e9ed";
}
.ki-element-3.ki-solid:before {
  content: "\e9ee";
}
.ki-element-4.ki-solid:before {
  content: "\e9ef";
}
.ki-element-5.ki-solid:before {
  content: "\e9f0";
}
.ki-element-6.ki-solid:before {
  content: "\e9f1";
}
.ki-element-7.ki-solid:before {
  content: "\e9f2";
}
.ki-element-8.ki-solid:before {
  content: "\e9f3";
}
.ki-element-9.ki-solid:before {
  content: "\e9f4";
}
.ki-element-10.ki-solid:before {
  content: "\e9f5";
}
.ki-element-11.ki-solid:before {
  content: "\e9f6";
}
.ki-element-12.ki-solid:before {
  content: "\e9f7";
}
.ki-element-equal.ki-solid:before {
  content: "\e9f8";
}
.ki-element-plus.ki-solid:before {
  content: "\e9f9";
}
.ki-emoji-happy.ki-solid:before {
  content: "\e9fa";
}
.ki-enjin-coin-enj.ki-solid:before {
  content: "\e9fb";
}
.ki-ensure.ki-solid:before {
  content: "\e9fc";
}
.ki-entrance-left.ki-solid:before {
  content: "\e9fd";
}
.ki-entrance-right.ki-solid:before {
  content: "\e9fe";
}
.ki-eraser.ki-solid:before {
  content: "\e9ff";
}
.ki-euro.ki-solid:before {
  content: "\ea00";
}
.ki-exit-down.ki-solid:before {
  content: "\ea01";
}
.ki-exit-left.ki-solid:before {
  content: "\ea02";
}
.ki-exit-right-corner.ki-solid:before {
  content: "\ea03";
}
.ki-exit-right.ki-solid:before {
  content: "\ea04";
}
.ki-exit-up.ki-solid:before {
  content: "\ea05";
}
.ki-external-drive.ki-solid:before {
  content: "\ea06";
}
.ki-eye-slash.ki-solid:before {
  content: "\ea07";
}
.ki-eye.ki-solid:before {
  content: "\ea08";
}
.ki-face-id.ki-solid:before {
  content: "\ea09";
}
.ki-facebook.ki-solid:before {
  content: "\ea0a";
}
.ki-fasten.ki-solid:before {
  content: "\ea0b";
}
.ki-fatrows.ki-solid:before {
  content: "\ea0c";
}
.ki-feather.ki-solid:before {
  content: "\ea0d";
}
.ki-figma.ki-solid:before {
  content: "\ea0e";
}
.ki-file-added.ki-solid:before {
  content: "\ea0f";
}
.ki-file-deleted.ki-solid:before {
  content: "\ea10";
}
.ki-file-down.ki-solid:before {
  content: "\ea11";
}
.ki-file-left.ki-solid:before {
  content: "\ea12";
}
.ki-file-right.ki-solid:before {
  content: "\ea13";
}
.ki-file-sheet.ki-solid:before {
  content: "\ea14";
}
.ki-file-up.ki-solid:before {
  content: "\ea15";
}
.ki-files.ki-solid:before {
  content: "\ea16";
}
.ki-filter-edit.ki-solid:before {
  content: "\ea17";
}
.ki-filter-search.ki-solid:before {
  content: "\ea18";
}
.ki-filter-square.ki-solid:before {
  content: "\ea19";
}
.ki-filter-tablet.ki-solid:before {
  content: "\ea1a";
}
.ki-filter-tick.ki-solid:before {
  content: "\ea1b";
}
.ki-filter.ki-solid:before {
  content: "\ea1c";
}
.ki-financial-schedule.ki-solid:before {
  content: "\ea1d";
}
.ki-fingerprint-scanning.ki-solid:before {
  content: "\ea1e";
}
.ki-flag.ki-solid:before {
  content: "\ea1f";
}
.ki-flash-circle.ki-solid:before {
  content: "\ea20";
}
.ki-flask.ki-solid:before {
  content: "\ea21";
}
.ki-focus.ki-solid:before {
  content: "\ea22";
}
.ki-folder-added.ki-solid:before {
  content: "\ea23";
}
.ki-folder-down.ki-solid:before {
  content: "\ea24";
}
.ki-folder-up.ki-solid:before {
  content: "\ea25";
}
.ki-folder.ki-solid:before {
  content: "\ea26";
}
.ki-frame.ki-solid:before {
  content: "\ea27";
}
.ki-geolocation-home.ki-solid:before {
  content: "\ea28";
}
.ki-geolocation.ki-solid:before {
  content: "\ea29";
}
.ki-ghost.ki-solid:before {
  content: "\ea2a";
}
.ki-gift.ki-solid:before {
  content: "\ea2b";
}
.ki-github.ki-solid:before {
  content: "\ea2c";
}
.ki-glass.ki-solid:before {
  content: "\ea2d";
}
.ki-google-play.ki-solid:before {
  content: "\ea2e";
}
.ki-google.ki-solid:before {
  content: "\ea2f";
}
.ki-graph-2.ki-solid:before {
  content: "\ea30";
}
.ki-graph-3.ki-solid:before {
  content: "\ea31";
}
.ki-graph-4.ki-solid:before {
  content: "\ea32";
}
.ki-graph-up.ki-solid:before {
  content: "\ea33";
}
.ki-graph.ki-solid:before {
  content: "\ea34";
}
.ki-grid-2.ki-solid:before {
  content: "\ea35";
}
.ki-grid.ki-solid:before {
  content: "\ea36";
}
.ki-handcart.ki-solid:before {
  content: "\ea37";
}
.ki-happyemoji.ki-solid:before {
  content: "\ea38";
}
.ki-heart-circle.ki-solid:before {
  content: "\ea39";
}
.ki-heart.ki-solid:before {
  content: "\ea3a";
}
.ki-home-1.ki-solid:before {
  content: "\ea3b";
}
.ki-home-2.ki-solid:before {
  content: "\ea3c";
}
.ki-home-3.ki-solid:before {
  content: "\ea3d";
}
.ki-home.ki-solid:before {
  content: "\ea3e";
}
.ki-html.ki-solid:before {
  content: "\ea3f";
}
.ki-icon.ki-solid:before {
  content: "\ea40";
}
.ki-illustrator.ki-solid:before {
  content: "\ea41";
}
.ki-information-1.ki-solid:before {
  content: "\ea42";
}
.ki-information-2.ki-solid:before {
  content: "\ea43";
}
.ki-information-3.ki-solid:before {
  content: "\ea44";
}
.ki-information-4.ki-solid:before {
  content: "\ea45";
}
.ki-information.ki-solid:before {
  content: "\ea46";
}
.ki-instagram.ki-solid:before {
  content: "\ea47";
}
.ki-joystick.ki-solid:before {
  content: "\ea48";
}
.ki-js-2.ki-solid:before {
  content: "\ea49";
}
.ki-js.ki-solid:before {
  content: "\ea4a";
}
.ki-kanban.ki-solid:before {
  content: "\ea4b";
}
.ki-key-square.ki-solid:before {
  content: "\ea4c";
}
.ki-key.ki-solid:before {
  content: "\ea4d";
}
.ki-keyboard.ki-solid:before {
  content: "\ea4e";
}
.ki-laptop.ki-solid:before {
  content: "\ea4f";
}
.ki-laravel.ki-solid:before {
  content: "\ea50";
}
.ki-left-square.ki-solid:before {
  content: "\ea51";
}
.ki-left.ki-solid:before {
  content: "\ea52";
}
.ki-like-2.ki-solid:before {
  content: "\ea53";
}
.ki-like-folder.ki-solid:before {
  content: "\ea54";
}
.ki-like-shapes.ki-solid:before {
  content: "\ea55";
}
.ki-like-tag.ki-solid:before {
  content: "\ea56";
}
.ki-like.ki-solid:before {
  content: "\ea57";
}
.ki-loading.ki-solid:before {
  content: "\ea58";
}
.ki-lock-2.ki-solid:before {
  content: "\ea59";
}
.ki-lock-3.ki-solid:before {
  content: "\ea5a";
}
.ki-lock.ki-solid:before {
  content: "\ea5b";
}
.ki-logistic.ki-solid:before {
  content: "\ea5c";
}
.ki-lots-shopping.ki-solid:before {
  content: "\ea5d";
}
.ki-lovely.ki-solid:before {
  content: "\ea5e";
}
.ki-lts.ki-solid:before {
  content: "\ea5f";
}
.ki-magnifier.ki-solid:before {
  content: "\ea60";
}
.ki-map.ki-solid:before {
  content: "\ea61";
}
.ki-mask.ki-solid:before {
  content: "\ea62";
}
.ki-maximize.ki-solid:before {
  content: "\ea63";
}
.ki-medal-star.ki-solid:before {
  content: "\ea64";
}
.ki-menu.ki-solid:before {
  content: "\ea65";
}
.ki-message-add.ki-solid:before {
  content: "\ea66";
}
.ki-message-edit.ki-solid:before {
  content: "\ea67";
}
.ki-message-minus.ki-solid:before {
  content: "\ea68";
}
.ki-message-notify.ki-solid:before {
  content: "\ea69";
}
.ki-message-programming.ki-solid:before {
  content: "\ea6a";
}
.ki-message-question.ki-solid:before {
  content: "\ea6b";
}
.ki-message-text-2.ki-solid:before {
  content: "\ea6c";
}
.ki-message-text.ki-solid:before {
  content: "\ea6d";
}
.ki-messages.ki-solid:before {
  content: "\ea6e";
}
.ki-microsoft.ki-solid:before {
  content: "\ea6f";
}
.ki-milk.ki-solid:before {
  content: "\ea70";
}
.ki-minus-circle.ki-solid:before {
  content: "\ea71";
}
.ki-minus-folder.ki-solid:before {
  content: "\ea72";
}
.ki-minus-squared.ki-solid:before {
  content: "\ea73";
}
.ki-minus.ki-solid:before {
  content: "\ea74";
}
.ki-moon.ki-solid:before {
  content: "\ea75";
}
.ki-more-2.ki-solid:before {
  content: "\ea76";
}
.ki-mouse-circle.ki-solid:before {
  content: "\ea77";
}
.ki-mouse-square.ki-solid:before {
  content: "\ea78";
}
.ki-mouse.ki-solid:before {
  content: "\ea79";
}
.ki-nexo.ki-solid:before {
  content: "\ea7a";
}
.ki-night-day.ki-solid:before {
  content: "\ea7b";
}
.ki-note-2.ki-solid:before {
  content: "\ea7c";
}
.ki-note.ki-solid:before {
  content: "\ea7d";
}
.ki-notepad-bookmark.ki-solid:before {
  content: "\ea7e";
}
.ki-notepad-edit.ki-solid:before {
  content: "\ea7f";
}
.ki-notepad.ki-solid:before {
  content: "\ea80";
}
.ki-notification-1.ki-solid:before {
  content: "\ea81";
}
.ki-notification-bing.ki-solid:before {
  content: "\ea82";
}
.ki-notification-circle.ki-solid:before {
  content: "\ea83";
}
.ki-notification-favorite.ki-solid:before {
  content: "\ea84";
}
.ki-notification-on.ki-solid:before {
  content: "\ea85";
}
.ki-notification-status.ki-solid:before {
  content: "\ea86";
}
.ki-notification.ki-solid:before {
  content: "\ea87";
}
.ki-ocean.ki-solid:before {
  content: "\ea88";
}
.ki-office-bag.ki-solid:before {
  content: "\ea89";
}
.ki-package.ki-solid:before {
  content: "\ea8a";
}
.ki-pad.ki-solid:before {
  content: "\ea8b";
}
.ki-pails.ki-solid:before {
  content: "\ea8c";
}
.ki-paintbucket.ki-solid:before {
  content: "\ea8d";
}
.ki-paper-clip.ki-solid:before {
  content: "\ea8e";
}
.ki-paper-plane.ki-solid:before {
  content: "\ea8f";
}
.ki-parcel-tracking.ki-solid:before {
  content: "\ea90";
}
.ki-parcel.ki-solid:before {
  content: "\ea91";
}
.ki-password-check.ki-solid:before {
  content: "\ea92";
}
.ki-paypal.ki-solid:before {
  content: "\ea93";
}
.ki-pencil.ki-solid:before {
  content: "\ea94";
}
.ki-people.ki-solid:before {
  content: "\ea95";
}
.ki-percentage.ki-solid:before {
  content: "\ea96";
}
.ki-phone.ki-solid:before {
  content: "\ea97";
}
.ki-photoshop.ki-solid:before {
  content: "\ea98";
}
.ki-picture.ki-solid:before {
  content: "\ea99";
}
.ki-pill.ki-solid:before {
  content: "\ea9a";
}
.ki-pin.ki-solid:before {
  content: "\ea9b";
}
.ki-plus-circle.ki-solid:before {
  content: "\ea9c";
}
.ki-plus-squared.ki-solid:before {
  content: "\ea9d";
}
.ki-plus.ki-solid:before {
  content: "\ea9e";
}
.ki-pointers.ki-solid:before {
  content: "\ea9f";
}
.ki-price-tag.ki-solid:before {
  content: "\eaa0";
}
.ki-printer.ki-solid:before {
  content: "\eaa1";
}
.ki-profile-circle.ki-solid:before {
  content: "\eaa2";
}
.ki-pulse.ki-solid:before {
  content: "\eaa3";
}
.ki-purchase.ki-solid:before {
  content: "\eaa4";
}
.ki-python.ki-solid:before {
  content: "\eaa5";
}
.ki-question-2.ki-solid:before {
  content: "\eaa6";
}
.ki-question.ki-solid:before {
  content: "\eaa7";
}
.ki-questionnaire-tablet.ki-solid:before {
  content: "\eaa8";
}
.ki-ranking.ki-solid:before {
  content: "\eaa9";
}
.ki-react.ki-solid:before {
  content: "\eaaa";
}
.ki-receipt-square.ki-solid:before {
  content: "\eaab";
}
.ki-rescue.ki-solid:before {
  content: "\eaac";
}
.ki-right-left.ki-solid:before {
  content: "\eaad";
}
.ki-right-square.ki-solid:before {
  content: "\eaae";
}
.ki-right.ki-solid:before {
  content: "\eaaf";
}
.ki-rocket.ki-solid:before {
  content: "\eab0";
}
.ki-route.ki-solid:before {
  content: "\eab1";
}
.ki-router.ki-solid:before {
  content: "\eab2";
}
.ki-row-horizontal.ki-solid:before {
  content: "\eab3";
}
.ki-row-vertical.ki-solid:before {
  content: "\eab4";
}
.ki-safe-home.ki-solid:before {
  content: "\eab5";
}
.ki-satellite.ki-solid:before {
  content: "\eab6";
}
.ki-save-2.ki-solid:before {
  content: "\eab7";
}
.ki-save-deposit.ki-solid:before {
  content: "\eab8";
}
.ki-scan-barcode.ki-solid:before {
  content: "\eab9";
}
.ki-screen.ki-solid:before {
  content: "\eaba";
}
.ki-scroll.ki-solid:before {
  content: "\eabb";
}
.ki-search-list.ki-solid:before {
  content: "\eabc";
}
.ki-security-user.ki-solid:before {
  content: "\eabd";
}
.ki-setting-2.ki-solid:before {
  content: "\eabe";
}
.ki-setting-3.ki-solid:before {
  content: "\eabf";
}
.ki-setting-4.ki-solid:before {
  content: "\eac0";
}
.ki-setting.ki-solid:before {
  content: "\eac1";
}
.ki-share.ki-solid:before {
  content: "\eac2";
}
.ki-shield-cross.ki-solid:before {
  content: "\eac3";
}
.ki-shield-search.ki-solid:before {
  content: "\eac4";
}
.ki-shield-slash.ki-solid:before {
  content: "\eac5";
}
.ki-shield-tick.ki-solid:before {
  content: "\eac6";
}
.ki-shield.ki-solid:before {
  content: "\eac7";
}
.ki-ship.ki-solid:before {
  content: "\eac8";
}
.ki-shop.ki-solid:before {
  content: "\eac9";
}
.ki-simcard-2.ki-solid:before {
  content: "\eaca";
}
.ki-simcard.ki-solid:before {
  content: "\eacb";
}
.ki-size.ki-solid:before {
  content: "\eacc";
}
.ki-slack.ki-solid:before {
  content: "\eacd";
}
.ki-slider-horizontal-2.ki-solid:before {
  content: "\eace";
}
.ki-slider-horizontal.ki-solid:before {
  content: "\eacf";
}
.ki-slider-vertica.ki-solid:before {
  content: "\ead0";
}
.ki-slider-vertical.ki-solid:before {
  content: "\ead1";
}
.ki-slider.ki-solid:before {
  content: "\ead2";
}
.ki-sms.ki-solid:before {
  content: "\ead3";
}
.ki-snapchat.ki-solid:before {
  content: "\ead4";
}
.ki-social-media.ki-solid:before {
  content: "\ead5";
}
.ki-soft-2.ki-solid:before {
  content: "\ead6";
}
.ki-soft-3.ki-solid:before {
  content: "\ead7";
}
.ki-soft.ki-solid:before {
  content: "\ead8";
}
.ki-some-files.ki-solid:before {
  content: "\ead9";
}
.ki-sort.ki-solid:before {
  content: "\eada";
}
.ki-speaker.ki-solid:before {
  content: "\eadb";
}
.ki-spotify.ki-solid:before {
  content: "\eadc";
}
.ki-spring-framework.ki-solid:before {
  content: "\eadd";
}
.ki-square-brackets.ki-solid:before {
  content: "\eade";
}
.ki-star.ki-solid:before {
  content: "\eadf";
}
.ki-status.ki-solid:before {
  content: "\eae0";
}
.ki-subtitle.ki-solid:before {
  content: "\eae1";
}
.ki-sun.ki-solid:before {
  content: "\eae2";
}
.ki-support.ki-solid:before {
  content: "\eae3";
}
.ki-switch.ki-solid:before {
  content: "\eae4";
}
.ki-syringe.ki-solid:before {
  content: "\eae5";
}
.ki-tab-tablet.ki-solid:before {
  content: "\eae6";
}
.ki-tablet-delete.ki-solid:before {
  content: "\eae7";
}
.ki-tablet-down.ki-solid:before {
  content: "\eae8";
}
.ki-tablet-ok.ki-solid:before {
  content: "\eae9";
}
.ki-tablet-text-down.ki-solid:before {
  content: "\eaea";
}
.ki-tablet-text-up.ki-solid:before {
  content: "\eaeb";
}
.ki-tablet-up.ki-solid:before {
  content: "\eaec";
}
.ki-tablet.ki-solid:before {
  content: "\eaed";
}
.ki-tag-cross.ki-solid:before {
  content: "\eaee";
}
.ki-tag.ki-solid:before {
  content: "\eaef";
}
.ki-teacher.ki-solid:before {
  content: "\eaf0";
}
.ki-technology-1.ki-solid:before {
  content: "\eaf1";
}
.ki-technology-2.ki-solid:before {
  content: "\eaf2";
}
.ki-technology-3.ki-solid:before {
  content: "\eaf3";
}
.ki-technology-4.ki-solid:before {
  content: "\eaf4";
}
.ki-telephone-geolocation.ki-solid:before {
  content: "\eaf5";
}
.ki-test-tubes.ki-solid:before {
  content: "\eaf6";
}
.ki-text-bold.ki-solid:before {
  content: "\eaf7";
}
.ki-text-circle.ki-solid:before {
  content: "\eaf8";
}
.ki-text-italic.ki-solid:before {
  content: "\eaf9";
}
.ki-text-number.ki-solid:before {
  content: "\eafa";
}
.ki-text-strikethrough.ki-solid:before {
  content: "\eafb";
}
.ki-text-underline.ki-solid:before {
  content: "\eafc";
}
.ki-text.ki-solid:before {
  content: "\eafd";
}
.ki-textalign-center.ki-solid:before {
  content: "\eafe";
}
.ki-textalign-justifycenter.ki-solid:before {
  content: "\eaff";
}
.ki-textalign-left.ki-solid:before {
  content: "\eb00";
}
.ki-textalign-right.ki-solid:before {
  content: "\eb01";
}
.ki-thermometer.ki-solid:before {
  content: "\eb02";
}
.ki-theta-theta.ki-solid:before {
  content: "\eb03";
}
.ki-tiktok.ki-solid:before {
  content: "\eb04";
}
.ki-time.ki-solid:before {
  content: "\eb05";
}
.ki-timer.ki-solid:before {
  content: "\eb06";
}
.ki-to-left.ki-solid:before {
  content: "\eb07";
}
.ki-to-right.ki-solid:before {
  content: "\eb08";
}
.ki-toggle-off-circle.ki-solid:before {
  content: "\eb09";
}
.ki-toggle-off.ki-solid:before {
  content: "\eb0a";
}
.ki-toggle-on-circle.ki-solid:before {
  content: "\eb0b";
}
.ki-toggle-on.ki-solid:before {
  content: "\eb0c";
}
.ki-trash-square.ki-solid:before {
  content: "\eb0d";
}
.ki-trash.ki-solid:before {
  content: "\eb0e";
}
.ki-tree.ki-solid:before {
  content: "\eb0f";
}
.ki-trello.ki-solid:before {
  content: "\eb10";
}
.ki-ts.ki-solid:before {
  content: "\eb11";
}
.ki-twitch.ki-solid:before {
  content: "\eb12";
}
.ki-twitter.ki-solid:before {
  content: "\eb13";
}
.ki-two-credit-cart.ki-solid:before {
  content: "\eb14";
}
.ki-underlining.ki-solid:before {
  content: "\eb15";
}
.ki-up-diagonal.ki-solid:before {
  content: "\eb16";
}
.ki-up-down.ki-solid:before {
  content: "\eb17";
}
.ki-up-square.ki-solid:before {
  content: "\eb18";
}
.ki-up.ki-solid:before {
  content: "\eb19";
}
.ki-update-file.ki-solid:before {
  content: "\eb1a";
}
.ki-update-folder.ki-solid:before {
  content: "\eb1b";
}
.ki-user-edit.ki-solid:before {
  content: "\eb1c";
}
.ki-user-square.ki-solid:before {
  content: "\eb1d";
}
.ki-user-tick.ki-solid:before {
  content: "\eb1e";
}
.ki-user.ki-solid:before {
  content: "\eb1f";
}
.ki-users.ki-solid:before {
  content: "\eb20";
}
.ki-verify.ki-solid:before {
  content: "\eb21";
}
.ki-vibe-vibe.ki-solid:before {
  content: "\eb22";
}
.ki-virus.ki-solid:before {
  content: "\eb23";
}
.ki-vue.ki-solid:before {
  content: "\eb24";
}
.ki-vuesax.ki-solid:before {
  content: "\eb25";
}
.ki-wallet.ki-solid:before {
  content: "\eb26";
}
.ki-wanchain-wan.ki-solid:before {
  content: "\eb27";
}
.ki-watch.ki-solid:before {
  content: "\eb28";
}
.ki-whatsapp.ki-solid:before {
  content: "\eb29";
}
.ki-wifi-home.ki-solid:before {
  content: "\eb2a";
}
.ki-wifi-square.ki-solid:before {
  content: "\eb2b";
}
.ki-wifi.ki-solid:before {
  content: "\eb2c";
}
.ki-wireframe.ki-solid:before {
  content: "\eb2d";
}
.ki-wlan.ki-solid:before {
  content: "\eb2e";
}
.ki-wrench.ki-solid:before {
  content: "\eb2f";
}
.ki-xaomi.ki-solid:before {
  content: "\eb30";
}
.ki-xd.ki-solid:before {
  content: "\eb31";
}
.ki-xmr.ki-solid:before {
  content: "\eb32";
}
.ki-yii.ki-solid:before {
  content: "\eb33";
}
.ki-youtube.ki-solid:before {
  content: "\eb34";
}