Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Índice
maxLevel1



[ PRÓXIMAS ATUALIZAÇÕES, NÃO ESTÃO PÚBLICAS AINDA ]

Painel
borderColor#f2f2f2
titleoculto

[ PRÓXIMAS ATUALIZAÇÕES, NÃO ESTÃO PÚBLICAS AINDA ]

Novidades

....



Painel
borderColor#f2f2f2
bgColor#f2f2f2
Toggle Cloak
id@atualizações-futuras
Quer saber o que vem por aí? Clique aqui e confira as novidades previstas nas próximas atualizações do TOTVS Flows!
Cloak
id@atualizações-futuras


TRIMESTRE/

2023

2024 

trueinfo-filled#013f65INLINE

A ordem dos recursos listados aqui não define a ordem de liberação no produto. Podem ocorrer mudanças estratégicas que interfiram nos recursos e datas previstas.

Lançamento de documento:  lancedados referentes a um documento de forma descomplicada
  • .

Solicitação de equipamentos: solicite equipamentos para o almoxarifado de forma rápida e fácil
  • .
Lançamento de atestado: lance um atestado de forma rápida e simples
  • .
Inclusão de contratos: registre os dados cadastrais de um contrato rapidamente e sem complicações
  • .
  • Solicitação de benefícios:  solicite sua inclusão, ou de seus dependentes, nos benefícios da empresa.
  • Painel
    borderColor#f2f2f2
    titleoculto
    • .



    Atualizações ›

    ...

    Novidades

    Precisa de um novo equipamento? Com o flow Solicitação de equipamentos ficou ainda mais fácil solicitar!

    Solicitar equipamentos para a sua equipe ficou ainda mais fácil e prático. O flow Solicitação de equipamentos chegou para trazer essa facilidade para sua rotina e deixar suas demandas mais rápidas e acessíveis. 

    Através dele é possível que um funcionário registre a sua solicitação de equipamentos diretamente para o almoxarifado. Permitindo ainda definir uma alçada de aprovação com o teto de valor máximo do equipamento, que será aprovado automaticamente pelo fornecedor, sem necessidade de aprovação do gestor. Muito mais prático e simples! 

    Adquira já e deixe suas tarefas diárias ainda mais fáceis e descomplicadas!

    Painel
    borderColor#e8f6f0
    bgColor#e8f6f0
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/dica.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>DICA!</b><br>Depois de instalado, o <i>flow</i> <b>Solicitação de equipamentos</b> fica disponível como um processo no recurso <a href="https://tdn.totvs.com/x/VfHuDQ" style="color: 
    #41d262
    #087500">Iniciar solicitações</a> da plataforma TOTVS Fluig, com o nome e a categoria que foram definidos na instalação.</p>
    		</div>
    	</div>
    </div>
    Painel
    borderColor#ebf8ff
    bgColor#ebf8ff
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/nota.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>NOTA:</b><br>O <i>flow</i> <b>Solicitação de equipamentos</b> é uma solução paga listada no recurso <a href = "https://tdn.totvs.com/x/frOcEw" style="color: 
    #4bb9dc
    #1377A8">Store</a> da plataforma TOTVS Fluig. Para adquiri-lo, entre em contato com o seu Executivo de Soluções de Negócio (ESN) e aproveite essa novidade!</p>
    		</div>
    	</div>
    </div>
    Deck of Cards
    historyfalse
    idSolicitação de viagem
    Card
    id1
    labelInstalando

    Multimedia
    nameinstalação flow equipamentos.mp4
    width100%
    autostarttrue
    height5%

    Card
    id2
    labelIniciando solicitação

    Image Modified

    Atualizações ›

    ...

    ...

    ...

    ...

    Novidades

    Lance seus documentos de forma prática e fácil com o flow Lançamento de documento!

    ...

    Painel
    borderColor#e8f6f0
    bgColor#e8f6f0
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/dica.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>DICA!</b><br>Depois de instalado, o <i>flow</i> <b>Lançamento de documento</b> fica disponível como um processo no recurso <a href="https://tdn.totvs.com/x/VfHuDQ" style="color: #41d262#087500">Iniciar solicitações</a> da plataforma TOTVS Fluig, com o nome e a categoria que foram definidos na instalação.</p>
    		</div>
    	</div>
    </div>
    Painel
    borderColor#ebf8ff
    bgColor#ebf8ff
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/nota.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>NOTA:</b><br>O <i>flow</i> <b>Lançamento de documento</b> é uma solução paga listada no recurso <a href = "https://tdn.totvs.com/x/frOcEw" style="color: #4bb9dc#1377A8">Store</a> da plataforma TOTVS Fluig. Para adquiri-lo, entre em contato com o seu Executivo de Soluções de Negócio (ESN) e aproveite essa novidade!</p>
    		</div>
    	</div>
    </div>

    ...

    Painel
    borderColor#e8f6f0
    bgColor#e8f6f0
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/dica.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>DICA!</b><br>Depois de instalado, o <i>flow</i> <b>Lançamento de atestado</b> fica disponível como um processo no recurso <a href="https://tdn.totvs.com/x/VfHuDQ" style="color: #41d262#087500">Iniciar solicitações</a> da plataforma TOTVS Fluig, com o nome e a categoria que foram definidos na instalação.</p>
    		</div>
    	</div>
    </div>
    Painel
    borderColor#ebf8ff
    bgColor#ebf8ff
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/nota.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>NOTA:</b><br>O <i>flow</i> <b>Lançamento de atestado</b> é uma solução paga listada no recurso <a href = "https://tdn.totvs.com/x/frOcEw" style="color: #4bb9dc#1377A8">Store</a> da plataforma TOTVS Fluig. Para adquiri-lo, entre em contato com o seu Executivo de Soluções de Negócio (ESN) e aproveite essa novidade!</p>
    		</div>
    	</div>
    </div>

    ...

    Painel
    borderColor#e8f6f0
    bgColor#e8f6f0
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/dica.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>DICA!</b><br>Depois de instalado, o <i>flow</i> <b>Inclusão de contratos</b> fica disponível como um processo no recurso <a href="https://tdn.totvs.com/x/VfHuDQ" style="color: #41d262#087500">Iniciar solicitações</a> da plataforma TOTVS Fluig, com o nome e a categoria que foram definidos na instalação.</p>
    		</div>
    	</div>
    </div>
    Painel
    borderColor#ebf8ff
    bgColor#ebf8ff
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/nota.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>NOTA:</b><br>O <i>flow</i> <b>Inclusão de contratos</b> é uma solução paga listada no recurso <a href = "https://tdn.totvs.com/x/frOcEw" style="color: #4bb9dc#1377A8">Store</a> da plataforma TOTVS Fluig. Para adquiri-lo, entre em contato com o seu Executivo de Soluções de Negócio (ESN) e aproveite essa novidade!</p>
    		</div>
    	</div>
    </div>

    ...

    Painel
    borderColor#e8f6f0
    bgColor#e8f6f0
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/dica.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>DICA!</b><br>Depois de instalado, o <i>flow</i> <b>Solicitação de benefício</b> fica disponível como um processo no recurso <a href="https://tdn.totvs.com/x/VfHuDQ" style="color: #41d262#087500">Iniciar solicitações</a> da plataforma TOTVS Fluig, com o nome e a categoria que foram definidos na instalação.</p>
    		</div>
    	</div>
    </div>
    Painel
    borderColor#ebf8ff
    bgColor#ebf8ff
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/nota.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>NOTA:</b><br>O <i>flow</i> <b>Solicitação de benefício</b> é uma solução paga listada no recurso <a href = "https://tdn.totvs.com/x/frOcEw" style="color: #4bb9dc#1377A8">Store</a> da plataforma TOTVS Fluig. Para adquiri-lo, entre em contato com o seu Executivo de Soluções de Negócio (ESN) e aproveite essa novidade!</p>
    		</div>
    	</div>
    </div>
    Deck of Cards
    historyfalse
    idSolicitação de viagem
    Card
    id1
    labelInstalando

    Multimedia
    nameinstalação e configuração flow benefícios.mp4
    width100%
    autostarttrue
    height5%

    Card
    id2
    labelIniciando solicitação


    Atualizações ›

    ...

    Novidades

    Vai viajar? O flow Solicitação de viagem torna tudo mais fácil para você!

    ...

    Painel
    borderColor#e8f6f0
    bgColor#e8f6f0
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/dica.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>DICA!</b><br>Depois de instalado, o <i>flow</i> <b>Solicitação de viagem</b> fica disponível como um processo no recurso <a href="https://tdn.totvs.com/x/VfHuDQ" style="color: #41d262#087500">Iniciar solicitações</a> da plataforma TOTVS Fluig, com o nome e a categoria que foram definidos na instalação.</p>
    		</div>
    	</div>
    </div>
    Painel
    borderColor#ebf8ff
    bgColor#ebf8ff
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/nota.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>NOTA:</b><br>O <i>flow</i> <b>Solicitação de viagem</b> é uma solução paga listada no recurso <a href = "https://tdn.totvs.com/x/frOcEw" style="color: #4bb9dc#1377A8">Store</a> da plataforma TOTVS Fluig. Para adquiri-lo, entre em contato com o seu Executivo de Soluções de Negócio (ESN) e aproveite essa novidade!</p>
    		</div>
    	</div>
    </div>
    Deck of Cards
    historyfalse
    idSolicitação de viagem
    Card
    id1
    labelInstalando

    Multimedia
    nameinstalando flow viagem oficial.mp4
    width100%
    pageFlows | Solicitação de viagem
    autostarttrue
    height5%

    Card
    id2
    labelAbrindo solicitação

    Multimedia
    nameabrindo solicitação flow viagem oficial.mp4
    width100%
    pageFlows | Solicitação de viagem
    autostarttrue
    height5%


    Atualizações ›

    ...

    Novidades

    TOTVS Flows: Sua solicitação de pagamento de forma descomplicada

    ...

    Painel
    borderColor#e8f6f0
    bgColor#e8f6f0
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/dica.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>DICA!</b><br>Depois de instalado, o <i>flow</i> <b>Solicitação de pagamento</b> fica disponível como um processo no recurso <a href="https://tdn.totvs.com/x/VfHuDQ" style="color: #41d262#087500">Iniciar solicitações</a>, com o nome e a categoria que foram definidos na instalação.</p>
    		</div>
    	</div>
    </div>
    Painel
    borderColor#ebf8ff
    bgColor#ebf8ff
    HTML
    <style type="text/css">
        .flows * {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }
    
        .flows-text-center {
          text-align: center;
        }
    
        .flows-full-height {
          height: 100%;
        }
    
        /* Component flows Callout */
    
        .flows-callout {
          border: none;
          padding: 0px;
    
          display: -moz-box;
          -moz-flex-flow: row wrap;
          -moz-justify-content: center;
          -moz-align-items: center;
    
          display: -ms-flexbox;
          -ms-flex-flow: row wrap;
          -ms-justify-content: center;
          -ms-align-items: center;
          
          display: -webkit-flex;
          display: -webkit-box;
          -webkit-flex-flow: row wrap;
          -webkit-justify-content: center;
          -webkit-align-items: center;
    
          display: flex;
          flex-flow: row wrap;      
          justify-content: center;
          align-items: center;
        }
      
        .flows-callout .flows-callout-image {
          width: 24px;
        }
    
        .flows-callout .flows-callout-body {
          width: calc(100% - 24px);
          padding-left: 20px;
        }
    
    	.flows-callout .flows-callout-citacao {
          border: 0px solid;
          border-left-width: 3px;
          border-left-color: #f36f21;
    	  margin: 4px;
    	  margin-left: 25px;
    	  padding-left: 8px;
          font-size: 13px;
    	}
    
        .flows-callout .flows-callout-thumb {
          width: 24px;
          height: 24px;
        }
    
        .flows-callout .flows-callout-text {
          color: #58595b;
          line-height: 1.75;
          margin: 0;
        }
    </style>
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/nota.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>NOTA:</b><br>O <b>TOTVS Flows</b> é uma solução paga listada no recurso <a href = "https://tdn.totvs.com/x/frOcEw" style="color: #4bb9dc#1377A8">Itens da Store</a>. Para adquiri-lo, entre em contato com o seu Executivo de Soluções de Negócio (ESN) e aproveite essa novidade!</p>
    		</div>
    	</div>
    </div>
    Deck of Cards
    historyfalse
    idSolicitação de pagamento
    Card
    id1
    labelInstalando

    Multimedia
    nameinstalando flow pagamentos.mp4
    width100%
    pageFlows | Solicitação de pagamento
    autostarttrue
    height5%

    Card
    id2
    labelAbrindo solicitação

    Multimedia
    nameedição e atualização flow pagamentos.mp4
    width100%
    pageFlows | Solicitação de pagamento
    autostarttrue
    height5%



    Atualizações ›

    ...

    Novidades

    TOTVS Flows: Sua solicitação de compras facilitada

    ...

    Painel
    borderColor#e8f6f0
    bgColor#e8f6f0
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/dica.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>DICA!</b><br>Depois de instalado, o <i>flow</i> <b>Solicitação de compras</b> fica disponível como um processo no recurso <a href="https://tdn.totvs.com/x/VfHuDQ" style="color: #41d262#087500">Iniciar solicitações</a>, com o nome e a categoria que foram definidos na instalação.</p>
    		</div>
    	</div>
    </div>
    Painel
    borderColor#ebf8ff
    bgColor#ebf8ff
    HTML
    <style type="text/css">
        .flows * {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }
    
        .flows-text-center {
          text-align: center;
        }
    
        .flows-full-height {
          height: 100%;
        }
    
        /* Component flows Callout */
    
        .flows-callout {
          border: none;
          padding: 0px;
    
          display: -moz-box;
          -moz-flex-flow: row wrap;
          -moz-justify-content: center;
          -moz-align-items: center;
    
          display: -ms-flexbox;
          -ms-flex-flow: row wrap;
          -ms-justify-content: center;
          -ms-align-items: center;
          
          display: -webkit-flex;
          display: -webkit-box;
          -webkit-flex-flow: row wrap;
          -webkit-justify-content: center;
          -webkit-align-items: center;
    
          display: flex;
          flex-flow: row wrap;      
          justify-content: center;
          align-items: center;
        }
      
        .flows-callout .flows-callout-image {
          width: 24px;
        }
    
        .flows-callout .flows-callout-body {
          width: calc(100% - 24px);
          padding-left: 20px;
        }
    
    	.flows-callout .flows-callout-citacao {
          border: 0px solid;
          border-left-width: 3px;
          border-left-color: #f36f21;
    	  margin: 4px;
    	  margin-left: 25px;
    	  padding-left: 8px;
          font-size: 13px;
    	}
    
        .flows-callout .flows-callout-thumb {
          width: 24px;
          height: 24px;
        }
    
        .flows-callout .flows-callout-text {
          color: #58595b;
          line-height: 1.75;
          margin: 0;
        }
    </style>
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/nota.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>NOTA:</b><br>O <b>TOTVS Flows</b> é uma solução paga listada no recurso <a href = "https://tdn.totvs.com/x/frOcEw" style="color: #4bb9dc#1377A8">Itens da Store</a>. Para adquiri-lo, entre em contato com o seu Executivo de Soluções de Negócio (ESN) e aproveite essa novidade!</p>
    		</div>
    	</div>
    </div>

    ...

    Painel
    borderColor#e8f6f0
    bgColor#e8f6f0
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/dica.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>DICA!</b><br>Depois de instalado, o <i>flow</i> <b>Solicitação de férias</b> fica disponível como um processo no recurso <a href="https://tdn.totvs.com/x/VfHuDQ" style="color: #41d262#087500">Iniciar solicitações</a>, com o nome e a categoria que foram definidos na instalação.</p>
    		</div>
    	</div>
    </div>
    Painel
    borderColor#ebf8ff
    bgColor#ebf8ff
    HTML
    <style type="text/css">
        .flows * {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }
    
        .flows-text-center {
          text-align: center;
        }
    
        .flows-full-height {
          height: 100%;
        }
    
        /* Component flows Callout */
    
        .flows-callout {
          border: none;
          padding: 0px;
    
          display: -moz-box;
          -moz-flex-flow: row wrap;
          -moz-justify-content: center;
          -moz-align-items: center;
    
          display: -ms-flexbox;
          -ms-flex-flow: row wrap;
          -ms-justify-content: center;
          -ms-align-items: center;
          
          display: -webkit-flex;
          display: -webkit-box;
          -webkit-flex-flow: row wrap;
          -webkit-justify-content: center;
          -webkit-align-items: center;
    
          display: flex;
          flex-flow: row wrap;      
          justify-content: center;
          align-items: center;
        }
      
        .flows-callout .flows-callout-image {
          width: 24px;
        }
    
        .flows-callout .flows-callout-body {
          width: calc(100% - 24px);
          padding-left: 20px;
        }
    
    	.flows-callout .flows-callout-citacao {
          border: 0px solid;
          border-left-width: 3px;
          border-left-color: #f36f21;
    	  margin: 4px;
    	  margin-left: 25px;
    	  padding-left: 8px;
          font-size: 13px;
    	}
    
        .flows-callout .flows-callout-thumb {
          width: 24px;
          height: 24px;
        }
    
        .flows-callout .flows-callout-text {
          color: #58595b;
          line-height: 1.75;
          margin: 0;
        }
    </style>
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/nota.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>NOTA:</b><br>O <b>TOTVS Flows</b> é uma solução paga listada no recurso <a href = "https://tdn.totvs.com/x/frOcEw" style="color: #4bb9dc#1377A8">Itens da Store</a>. Para adquiri-lo, entre em contato com o seu Executivo de Soluções de Negócio (ESN) e aproveite essa novidade!</p>
    		</div>
    	</div>
    </div>
    Deck of Cards
    historyfalse
    idSolicitação de férias
    Card
    id1
    labelInstalando

    Multimedia
    nameinstalação flow férias.mp4
    width100%
    pageFlows | Solicitação de férias
    autostarttrue
    height5%

    Card
    id2
    labelAbrindo solicitação

    Multimedia
    nameiniciar solicitação flow férias.mp4
    width100%
    pageFlows | Solicitação de férias
    autostarttrue
    height5%


    Atualizações ›

    ...

    Novidades

    TOTVS Flows: agilize seu dia a dia com processos prontos para uso!

    ...

    Painel
    borderColor#e8f6f0
    bgColor#e8f6f0
    HTML
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/dica.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>DICA!</b><br>Depois de instalado, o <i>flow</i> <b>Abertura de chamado</b> fica disponível como um processo no recurso <a href="https://tdn.totvs.com/x/VfHuDQ" style="color: #41d262#087500">Iniciar solicitações</a> da plataforma TOTVS Fluig, com o nome e a categoria que foram definidos na instalação.</p>
    		</div>
    	</div>
    </div>
    Painel
    borderColor#ebf8ff
    bgColor#ebf8ff
    HTML
    <style type="text/css">
        .flows * {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }
    
        .flows-text-center {
          text-align: center;
        }
    
        .flows-full-height {
          height: 100%;
        }
    
        /* Component flows Callout */
    
        .flows-callout {
          border: none;
          padding: 0px;
    
          display: -moz-box;
          -moz-flex-flow: row wrap;
          -moz-justify-content: center;
          -moz-align-items: center;
    
          display: -ms-flexbox;
          -ms-flex-flow: row wrap;
          -ms-justify-content: center;
          -ms-align-items: center;
          
          display: -webkit-flex;
          display: -webkit-box;
          -webkit-flex-flow: row wrap;
          -webkit-justify-content: center;
          -webkit-align-items: center;
    
          display: flex;
          flex-flow: row wrap;      
          justify-content: center;
          align-items: center;
        }
      
        .flows-callout .flows-callout-image {
          width: 24px;
        }
    
        .flows-callout .flows-callout-body {
          width: calc(100% - 24px);
          padding-left: 20px;
        }
    
    	.flows-callout .flows-callout-citacao {
          border: 0px solid;
          border-left-width: 3px;
          border-left-color: #f36f21;
    	  margin: 4px;
    	  margin-left: 25px;
    	  padding-left: 8px;
          font-size: 13px;
    	}
    
        .flows-callout .flows-callout-thumb {
          width: 24px;
          height: 24px;
        }
    
        .flows-callout .flows-callout-text {
          color: #58595b;
          line-height: 1.75;
          margin: 0;
        }
    </style>
    <div class="flows">
    	<div class="flows-callout">
    		<div class="flows-callout-image">
    			<img class="flows-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/nota.png" width="24" height="24">
    		</div>
    		<div class="flows-callout-body">
    			<p class="flows-callout-text"><b>NOTA:</b><br>O <b>TOTVS Flows</b> é uma solução paga listada no recurso <a href = "https://tdn.totvs.com/x/frOcEw" style="color: #4bb9dc#1377A8">Itens da Store</a> da plataforma TOTVS Fluig. Para adquiri-lo, entre em contato com o seu Executivo de Soluções de Negócio (ESN) e aproveite essa novidade!</p>
    		</div>
    	</div>
    </div>

    ...

    HTML
    <!-- Hotjar Tracking Code for http://helptdn.fluigtotvs.com/display/fb -->
    <script>
        (function(h,o,t,j,a,r){
            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
            h._hjSettings={hjid:7436841280165,hjsv:6};
            a=o.getElementsByTagName('head')[0];
            r=o.createElement('script');r.async=1;
            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
            a.appendChild(r);
        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
    </script>

    ...