/*
 * Tema do novoati sobre o Bootstrap 3 (card 17). Padrao para todos; nao carrega com o cookie ati_tema=padrao (css_tema()).
 * "html body" na frente: vale sobre o bootstrap.css e o theme.css em qualquer ordem de carga.
 * Cores do tailwind.config.js do novoati.
 */

@font-face { font-family: 'inter'; font-weight: 400; font-display: swap; src: url(../fonts/novoati/Inter-Regular.woff2) format('woff2'); }
@font-face { font-family: 'inter'; font-weight: 500; font-display: swap; src: url(../fonts/novoati/Inter-Medium.woff2) format('woff2'); }
@font-face { font-family: 'inter'; font-weight: 600; font-display: swap; src: url(../fonts/novoati/Inter-SemiBold.woff2) format('woff2'); }
@font-face { font-family: 'inter'; font-weight: 700; font-display: swap; src: url(../fonts/novoati/Inter-Bold.woff2) format('woff2'); }
@font-face { font-family: 'hemihead'; font-display: swap; src: url(../fonts/novoati/hemihead.woff2) format('woff2'); }

/* ---------- base ---------- */
html body {
  font-family: inter, 'Helvetica Neue', Arial, sans-serif;
  color: #131D45;
  background-color: #ffffff;
}
html body a { color: #0879BD; }
html body a:hover, html body a:focus { color: #1E8BCC; }
html body .text-list { color: #6b7280; font-size: 13px; }
html body a.text-list { color: #0879BD; }

/* ---------- cabecalho da pagina e breadcrumb ---------- */
html body .head-page { background-color: #ffffff; border-bottom: 1px solid #E0E0E0; }
html body .title-page { color: #131D45; font-size: 18px; font-weight: 600; }
html body .breadcrumb { background: none; padding: 8px 0; font-size: 14px; }
html body .breadcrumb > li > a { color: #000000; font-weight: 600; }
html body .breadcrumb > li + li:before { content: "\203A"; color: #787878; padding: 0 8px; }
html body .breadcrumb > .active { color: #787878; }

/* ---------- botoes ---------- */
html body .btn {
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 16px;
  box-shadow: none;
}
html body .btn-sm { padding: 5px 10px; font-size: 12px; }
html body .btn-xs { padding: 2px 8px; font-size: 12px; border-radius: 4px; }
html body .btn-group-xs > .btn { padding: 2px 8px; font-size: 12px; }
html body .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; }
html body .btn-primary { background-color: #131D45; border-color: #131D45; color: #ffffff; }
html body .btn-primary:hover, html body .btn-primary:focus, html body .btn-primary:active { background-color: #2450a6; border-color: #2450a6; color: #ffffff; }
html body .btn-success, html body .darkblue, html body .btn-tex { background-color: #15803D; border-color: #15803D; color: #ffffff; }
html body .btn-success:hover, html body .btn-success:focus, html body .darkblue:hover, html body .btn-tex:hover { background-color: #166534; border-color: #166534; color: #ffffff; }
html body .btn-danger { background-color: #EE3C3C; border-color: #EE3C3C; color: #ffffff; }
html body .btn-danger:hover, html body .btn-danger:focus { background-color: #CA3030; border-color: #CA3030; color: #ffffff; }
html body .btn-warning { background-color: #FFCE72; border-color: #FFCE72; color: #131D45; }
html body .btn-warning:hover, html body .btn-warning:focus { background-color: #FFB732; border-color: #FFB732; color: #131D45; }
html body .btn-info { background-color: #0879BD; border-color: #0879BD; color: #ffffff; }
html body .btn-info:hover, html body .btn-info:focus { background-color: #1E8BCC; border-color: #1E8BCC; color: #ffffff; }
html body .btn-default { background-color: #F4F4F4; border: 1px solid #d1d5db; color: #131D45; }
html body .btn-default:hover, html body .btn-default:focus { background-color: #E0E0E0; color: #131D45; }

/* salvar/concluir do formulario: pilula azul-marinho, como o "Concluir" */
html body .modal-footer { border-top: 0; text-align: center; }
html body .modal-footer .btn-default,
html body .modal-footer .btn-primary {
  background-color: #131D45; border-color: #131D45; color: #ffffff;
  border-radius: 9999px; padding: 10px 56px;
}
html body .modal-footer .btn-default:hover,
html body .modal-footer .btn-primary:hover { background-color: #2450a6; border-color: #2450a6; color: #ffffff; }

/* ---------- campos ---------- */
html body .form-control {
  background-color: #F4F4F4;
  border: 1px solid #F4F4F4;
  border-radius: 6px;
  height: 40px;
  box-shadow: none;
  color: #131D45;
  font-size: 14px;
}
html body textarea.form-control { height: auto; }
html body .form-control:focus { border-color: #131D45; box-shadow: none; background-color: #F4F4F4; }
html body .form-control[disabled], html body .form-control[readonly] { background-color: #E0E0E0; opacity: .6; }
html body label { color: #000000; font-weight: 600; font-size: 14px; }
html body .input-group-btn .btn { height: 40px; }

/* ---------- tabelas: cartao branco, cabecalho cinza ---------- */
html body .table-responsive {
  background-color: #ffffff;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
  overflow-x: auto;
  overflow-y: hidden;
}
html body .table { color: #6b7280; font-size: 14px; margin-bottom: 0; }
html body .table > thead > tr > th {
  background-color: #F4F4F4;
  color: #131D45;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  border-bottom: 0;
  padding: 14px 24px;
}
html body .table > tbody > tr > td,
html body .table > tbody > tr > th { padding: 14px 24px; border-top: 1px solid #eef0f3; vertical-align: middle; }
html body .table-striped > tbody > tr:nth-of-type(odd) { background-color: #ffffff; }
html body .table-striped > tbody > tr:nth-of-type(even) { background-color: #F9FAFB; }
html body .table-hover > tbody > tr:hover { background-color: #F4F4F4; }

/* paginacao */
html body .pagination > li > a, html body .pagination > li > span { color: #131D45; border-color: #E0E0E0; }
html body .pagination > .active > a, html body .pagination > .active > span,
html body .pagination > .active > a:hover, html body .pagination > .active > span:hover { background-color: #131D45; border-color: #131D45; color: #ffffff; }

/* ---------- etiquetas ---------- */
html body .label { border-radius: 6px; font-weight: 600; padding: .3em .7em; }
html body .label-primary { background-color: #131D45; }
html body .label-success { background-color: #15803D; }
html body .label-danger { background-color: #EE3C3C; }
html body .label-warning { background-color: #FFCE72; color: #131D45; }
html body .label-info { background-color: #0879BD; }
html body .label-default { background-color: #787878; }
html body .badge { background-color: #0879BD; }

/* ---------- cartoes ---------- */
html body .panel { border: 1px solid #E0E0E0; border-radius: 8px; box-shadow: none; }
html body .panel-heading { background-color: #ffffff; border-bottom: 1px solid #E0E0E0; text-align: center; font-size: 18px; color: #131D45; border-radius: 8px 8px 0 0; }

/* calendarios e menus suspensos acima da faixa fixa do topo (1020) e abaixo da barra lateral (1030);
   o bootstrap-datepicker grava o z-index no style, por isso o !important */
html body .datepicker.dropdown-menu,
html body .bootstrap-datetimepicker-widget { z-index: 1025 !important; }
html body .dropdown-menu { z-index: 1025; }

/* ---------- modais (BootstrapDialog e confirmacoes continuam no centro) ---------- */
html body .modal-content { border: 0; border-radius: 8px; box-shadow: 0 20px 40px rgba(0,0,0,.2); }
html body .modal-header { border-bottom: 0; }
html body .modal-title { color: #131D45; font-weight: 600; }
html body .modal-backdrop.in { opacity: .4; }
html body .bootstrap-dialog .modal-header { background-color: #131D45; border-radius: 8px 8px 0 0; }

/* modal com iframe (cadastro): painel lateral direito, como o formulario do novoati */
html body .modal:has(iframe) .modal-dialog {
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  width: 50%;
  height: 100%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
}
html body .modal.in:has(iframe) .modal-dialog { -webkit-transform: translateX(0); transform: translateX(0); }
html body .modal:has(iframe) .modal-content { height: 100%; border-radius: 0; box-shadow: -10px 0 30px rgba(0,0,0,.15); }
html body .modal:has(iframe) iframe { width: 100% !important; height: 100% !important; min-height: 100% !important; }
@media (max-width: 800px) {
  html body .modal:has(iframe) .modal-dialog { width: 100%; }
}

/* dentro do iframe do cadastro: titulo grande centralizado */
html body .modal-header .modal-title { text-align: center; font-size: 26px; font-weight: 400; color: #000000; }
html body .modal-header .modal-title i.glyphicon { display: none; }

/* confirmacoes e alertas (BootstrapDialog): titulo branco no cabecalho azul e botoes normais, nao a pilula do formulario */
html body .bootstrap-dialog .modal-header .modal-title,
html body .bootstrap-dialog .bootstrap-dialog-title { color: #ffffff; font-size: 16px; font-weight: 600; text-align: left; }
html body .bootstrap-dialog .modal-footer { text-align: right; }
html body .bootstrap-dialog .modal-footer .btn { border-radius: 6px; padding: 8px 16px; }
html body .bootstrap-dialog .modal-footer .btn-default { background-color: #F4F4F4; border: 1px solid #d1d5db; color: #131D45; }

/* ======================================================================
 * Fase 2: menu do topo.php como barra lateral (tema-novoati-menu.js põe html.tema-sidebar e as classes dos itens)
 * ====================================================================== */

/* celular: continua o menu de cima, nas cores do tema */
html.tema-sidebar body .navbar-default { background-color: #131D45; border-color: #131D45; }
html.tema-sidebar body .navbar-default .navbar-nav > li > a,
html.tema-sidebar body .navbar-default .navbar-brand { color: #ffffff !important; }
html.tema-sidebar body .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
html.tema-sidebar body .navbar-brand b { font-family: hemihead, inter, sans-serif; color: #ffffff; }

@media (min-width: 768px) {
  html.tema-sidebar body { padding-left: 56px; padding-top: 56px; }

  html.tema-sidebar body .navbar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 56px;
    margin: 0;
    z-index: 1030;
    background-color: #131D45;
    border: 0;
    border-radius: 0;
    overflow: visible;
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
  }
  html.tema-sidebar body .navbar:hover { width: 240px; }

  /* marca: logo do ATI (bengala) na altura da faixa cinza do topo, numa camada acima dela */
  html.tema-sidebar body .navbar-header { float: none; position: relative; z-index: 2; }
  html.tema-sidebar body .navbar-brand {
    float: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
  }
  html.tema-sidebar body .navbar-brand::before {
    content: '';
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: url(../img/ati-old.svg) center / contain no-repeat;
  }
  html.tema-sidebar body .navbar-brand b { font-size: 0 !important; }
  html.tema-sidebar body .navbar-brand .label { display: block; margin: 0; font-size: 9px !important; padding: 2px 4px; }
  html.tema-sidebar body .navbar:hover .navbar-brand { flex-direction: row; justify-content: flex-start; gap: 10px; padding-left: 8px; }

  html.tema-sidebar body .navbar-collapse { display: block !important; height: auto !important; padding: 0 8px; border: 0; box-shadow: none; overflow: visible; }
  html.tema-sidebar body .navbar-nav { float: none !important; margin: 0; border-bottom: 0 !important; }
  html.tema-sidebar body .navbar-nav > li { float: none; margin: 2px 0; }
  html.tema-sidebar body .navbar-nav > li > a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
    border-radius: 8px;
    color: #ffffff !important;
    background: none;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
  }
  html.tema-sidebar body .navbar-nav > li > a:hover,
  html.tema-sidebar body .navbar-nav > li > a:focus,
  html.tema-sidebar body .navbar-nav > li > a.highlighted { background-color: rgba(36, 80, 166, .7) !important; color: #ffffff !important; }
  html.tema-sidebar body .navbar-nav > li > a::before {
    content: '';
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    background-color: currentColor;
    -webkit-mask: var(--tema-icone) center / contain no-repeat;
    mask: var(--tema-icone) center / contain no-repeat;
  }
  html.tema-sidebar body .navbar-nav > li > a .caret { margin-left: auto; border-top-color: #ffffff; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
  html.tema-sidebar body .navbar:not(:hover) .navbar-nav > li > a .caret { display: none; }

  /* fechada: só o ícone (o texto fica no link, a atualização de avisos o reescreve; o ícone tem tamanho fixo e não muda) */
  html.tema-sidebar body .navbar:not(:hover) .navbar-nav > li > a { font-size: 0; gap: 0; justify-content: flex-start; padding: 8px 9px !important; }
  html.tema-sidebar body .navbar:not(:hover) .navbar-brand .label { display: none; }

  /* item da página atual: quadrado branco, ícone escuro */
  html.tema-sidebar body .navbar-nav > li.tema-ativo > a { background-color: #ffffff !important; color: #000000 !important; }
  html.tema-sidebar body .navbar-nav > li.tema-ativo > a .caret { border-top-color: #000000; }

  /* aviso não lido continua em destaque */
  html.tema-sidebar body .navbar-nav > li > a.a_nao_lida { color: #ff8080 !important; }

  /* favoritos, SAR, SAT e sair separados por uma linha */
  html.tema-sidebar body .navbar-nav.navbar-right { margin-top: 12px !important; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .2); }

  /* submenus: cartão branco à direita */
  html.tema-sidebar body .navbar-nav .dropdown-menu {
    background-color: #ffffff;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
    padding: 6px 0;
    min-width: 220px;
  }
  html.tema-sidebar body .navbar-nav .dropdown-menu > li > a { color: #131D45; padding: 8px 16px; font-size: 13px; }
  html.tema-sidebar body .navbar-nav .dropdown-menu > li > a:hover,
  html.tema-sidebar body .navbar-nav .dropdown-menu > li > a.highlighted { background-color: #F4F4F4; color: #131D45; }
  html.tema-sidebar body .navbar-nav .dropdown-header { color: #787878; text-transform: uppercase; font-size: 11px; }

  /* saudação na faixa cinza do topo */
  html.tema-sidebar body .tema-saudacao {
    position: fixed !important;
    top: 0 !important;
    left: 56px !important;
    right: 0 !important;
    width: auto !important;
    height: 56px;
    margin: 0 !important;
    padding: 18px 24px !important;
    background-color: #F4F4F4;
    border-bottom: 1px solid #E0E0E0;
    text-align: right !important;
    color: #131D45;
    font-size: 14px;
    z-index: 1020;
  }

  /* ícones (Heroicons 2, outline, MIT) */
  html.tema-sidebar body .navbar-nav > li.tema-ic-home > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-server-stack > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.25 14.25h13.5m-13.5 0a3 3 0 0 1-3-3m3 3a3 3 0 1 0 0 6h13.5a3 3 0 1 0 0-6m-16.5-3a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3m-19.5 0a4.5 4.5 0 0 1 .9-2.7L5.737 5.1a3.375 3.375 0 0 1 2.7-1.35h7.126c1.062 0 2.062.5 2.7 1.35l2.587 3.45a4.5 4.5 0 0 1 .9 2.7m0 0a3 3 0 0 1-3 3m0 3h.008v.008h-.008v-.008Zm0-6h.008v.008h-.008v-.008Zm-3 6h.008v.008h-.008v-.008Zm0-6h.008v.008h-.008v-.008Z'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-cog-6-tooth > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z'/%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-document-duplicate > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-signal > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.348 14.652a3.75 3.75 0 0 1 0-5.304m5.304 0a3.75 3.75 0 0 1 0 5.304m-7.425 2.121a6.75 6.75 0 0 1 0-9.546m9.546 0a6.75 6.75 0 0 1 0 9.546M5.106 18.894c-3.808-3.807-3.808-9.98 0-13.788m13.788 0c3.808 3.807 3.808 9.98 0 13.788M12 12h.008v.008H12V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-puzzle-piece > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 0 1-.657.643 48.39 48.39 0 0 1-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 0 1-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 0 0-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 0 1-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 0 0 .657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 0 1-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 0 0 5.427-.63 48.05 48.05 0 0 0 .582-4.717.532.532 0 0 0-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 0 0 .658-.663 48.422 48.422 0 0 0-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 0 1-.61-.58v0Z'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-bell > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-link > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-building-office > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-building-office-2 > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-arrow-right-start-on-rectangle > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9'/%3E %3C/svg%3E"); }
  html.tema-sidebar body .navbar-nav > li.tema-ic-squares-2x2 > a { --tema-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z'/%3E %3C/svg%3E"); }
}