Á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 ]

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
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

    Precisa registrar dados de um contrato? O flow Inclusão de contratos te ajuda nisso!

    Sim, é isso mesmo! O flow Inclusão de contratos permite que você possa registrar os dados cadastrais de um contrato, tais como nome, fornecedor/cliente, itens, datas, entre outros, de forma rápida e super prática. 

    Mais uma vez, pensando em deixar a sua rotina e a de seus funcionários ainda mais ágil, dando autonomia para que possam criar e interagir com as próprias demandas, facilitando a muito a vida nos dias de caos. Se é rapidez e agilidade que você quer? Aqui está

    Atualizações ›

    ...

    Novidades

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

    A partir de agora, lançar documentos nunca mais será uma tarefa difícil. O flow Lançamento de documento permite que você lance documentos, notas, recibos e boletos para sua empresa, anexando sempre o documento lançado.

    Com ele você faz muito mais e de forma fácil e rápida, sem precisar perder horas do seu dia. Demais né? Adquira já!

    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
    <b>Lançamento de 
    contratos<
    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>Inclusão
    <b>Lançamento de 
    contratos<
    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>
    Deck of Cards
    historyfalse
    idSolicitação de viagem
    Card
    id1
    labelInstalando

    Multimedia
    nameinstalação e configuração flow

    contratos

    documento.mp4
    width100%
    autostarttrue
    height5%

    Card
    id2
    labelIniciando solicitação

    Image Removed

    Não conseguiu solicitar inclusão de benefício? Calma que o flow Solicitação de benefício te ajuda!

    Se você também já passou por essa situação, de esquecer de solicitar a sua inclusão ou de algum dependente seu, nos benefícios da empresa, nós temos a solução para te ajudar. 

    Com o flow Solicitação de benefício, você permite ao funcionário solicitar não só a sua inclusão, mas também a de seus dependentes, nos benefícios da empresa. Tudo isso de forma simples e descomplicada, seguindo os passos e anexando a documentação exigida. Onde uma vez analisada e validada pelo setor responsável, a solicitação é enviada para o setor de RH para dar andamento às inclusões no sistema. E pronto! Tudo isso em poucos cliques e pouquíssimo tempo. Fácil né?

    Image Added

    Dê mais autonomia à sua rotina com o flow Lançamento de atestado!

    Ter a possibilidade de lançar seu atestado sozinho no sistema, de forma fácil e descomplicada. Essa é a proposta do flow Lançamento de atestado.

    Através dele é possível encaminhar um atestado, indicando o período de afastamento, para aprovação imediata do seu gestor.

    Pensado para facilitar a sua rotina, deixando-a mais leve e com muito mais autonomia. Traga essa novidade para sua rotina hoje mesmo!

    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
    <b>Lançamento de 
    benefício<
    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>Solicitação
    <b>Lançamento de 
    benefício<
    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>
    Deck of Cards
    historyfalse
    idSolicitação de viagem
    Card
    id1
    labelInstalando

    Multimedia
    name

    instalação

    instalando e

    configuração

    configurando flow

    benefícios

    de atestado.mp4
    width100%
    autostarttrue
    height5%

    Card
    id2
    labelIniciando solicitação

    Image Removed

    Atualizações ›

    Novidades

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

    A partir de agora, lançar documentos nunca mais será uma tarefa difícil. O flow Lançamento de documento permite que você lance documentos, notas, recibos e boletos para sua empresa, anexando sempre o documento lançado.

    Com ele você faz muito mais e de forma fácil e rápida, sem precisar perder horas do seu dia. Demais né? Adquira já!

    Image Added

    Precisa registrar dados de um contrato? O flow Inclusão de contratos te ajuda nisso!

    Sim, é isso mesmo! O flow Inclusão de contratos permite que você possa registrar os dados cadastrais de um contrato, tais como nome, fornecedor/cliente, itens, datas, entre outros, de forma rápida e super prática. 

    Mais uma vez, pensando em deixar a sua rotina e a de seus funcionários ainda mais ágil, dando autonomia para que possam criar e interagir com as próprias demandas, facilitando a muito a vida nos dias de caos. Se é rapidez e agilidade que você quer? Aqui está!

    Painelpanel
    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<b>Inclusão de documento<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>Lançamento<b>Inclusão de documento<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>
    Deck of Cards
    historyfalse
    idSolicitação de viagem
    Card
    id1
    labelInstalando

    Multimedia
    nameinstalação e configuração flow documentocontratos.mp4
    width100%
    autostarttrue
    height5%

    Card
    id2
    labelIniciando solicitação

    Image Removed

    Dê mais autonomia à sua rotina com o flow Lançamento de atestado!

    Ter a possibilidade de lançar seu atestado sozinho no sistema, de forma fácil e descomplicada. Essa é a proposta do flow Lançamento de atestado.

    Através dele é possível encaminhar um atestado, indicando o período de afastamento, para aprovação imediata do seu gestor.

    Image Added

    Não conseguiu solicitar inclusão de benefício? Calma que o flow Solicitação de benefício te ajuda!

    Se você também já passou por essa situação, de esquecer de solicitar a sua inclusão ou de algum dependente seu, nos benefícios da empresa, nós temos a solução para te ajudar. 

    Com o flow Solicitação de benefício, você permite ao funcionário solicitar não só a sua inclusão, mas também a de seus dependentes, nos benefícios da empresa. Tudo isso de forma simples e descomplicada, seguindo os passos e anexando a documentação exigida. Onde uma vez analisada e validada pelo setor responsável, a solicitação é enviada para o setor de RH para dar andamento às inclusões no sistema. E pronto! Tudo isso em poucos cliques e pouquíssimo tempo. Fácil né?Pensado para facilitar a sua rotina, deixando-a mais leve e com muito mais autonomia. Traga essa novidade para sua rotina hoje mesmo!

    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<b>Solicitação de atestado<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>Lançamento<b>Solicitação de atestado<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
    nameinstalando instalação e configurando configuração flow de atestadobenefícios.mp4
    width100%
    autostarttrue
    height5%

    Card
    id2
    labelIniciando solicitação

    Image RemovedImage Added


    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>

    ...