TOTVS Fluig

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 116

changes.mady.by.user Denise De Deus

Gravado em

comparado com

Nova versão Atual

changes.mady.by.user Denise De Deus

Gravado em

Chave

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

...

Painel
borderColor#dadada
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }
    .lms-container {
      margin-right: auto;
      margin-left: auto;
    }

    .lms-row {
      width: 100%;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
    }

    .lms-col {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 20px;
      margin-bottom: 20px;

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

    .lms-callout.lms-callout-white {
      border: none;
    }
   
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-title {
      font-size: 20px;
	  color: #c5004e#0897E9;
      margin-top: 0;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }

    .lms-callout .lms-callout-text a {
      color: #f3590b;
    }
  </style>
<div class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/configurar.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong>Configuração de uso</strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre configuração de uso.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@con
Veja aqui

Cloak
id@con

pagetruesidebarcon

Painel
borderColor#dadada
HTML
<style<div typeclass="text/csslms">
     .lms * {
   <div class="lms-container">
<div class="lms-row">
        -webkit-box-sizing: border-box;
<div class="lms-col">
          <div -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
             text-align: center;
<div class="lms-callout-image">
     }

    .lms-full-height {
    <img  height: 100%;class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/documenta%C3%A7%C3%A3o-t%C3%A9cnica.png" width="24" height="24">
    }
       .lms-container { </div>
      margin-right: auto;
      margin-left: auto;
<div class="lms-callout-body">
     }

    .lms-row {
    <h1  width: 100%;

class="lms-callout-title">
       display: -moz-box;
      -moz-flex-flow: row wrap; <p><strong>Desenvolvimento</strong></p>
      -moz-justify-content: center;

      display: -ms-flexbox; </h1>
      -ms-flex-flow: row wrap;
        <p class="lms-ms-justify-content: center;
      
      display: -webkit-flex;callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre desenvolvimento.</p>
			</div>
      display: -webkit-box;
   </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@des
Veja aqui

Cloak
id@des

pagetruesidebardes

Painel
borderColor#dadada
HTML
<div class="lms">
   -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
   <div   justify-content: center;
class="lms-container">
<div class="lms-row">
     }

   <div .class="lms-col {">
      -moz-flex: 1;
    <div class="lms-callout lms-ms-flexcallout-white" style="margin: 10;
 padding-bottom: 0;">
		  
   -webkit-flex: 1;
         flex: 1;<div class="lms-callout-image">
    }

    /* Component LMS Callout */

  <img  .class="lms-callout {
  -thumb" src="https://tdn.totvs.com/download/attachments/235595982/documentos.png" width="24" height="24">
    border: 1px solid #dadada;
      border-radius: 4px;</div>
      padding: 20px;
      margin-bottom: 20px;

<div class="lms-callout-body">
        display: -moz-box;
     <h1 class="lms-moz-flex-flow: row wrap;
callout-title">
        -moz-justify-content: center;
      -moz-align-items: center;

 <p><strong>Documentos</strong></p>
       display: -ms-flexbox;
      -ms-flex-flow: row wrap;
</h1>
        -ms-justify-content: center;
     <p class="lms-ms-align-items: center;
      
      display: -webkit-flex;
callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre documentos.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@ecm
Veja aqui

Cloak
id@ecm

pagetruesidebarfaq-ecm

Painel
borderColor#dadada
HTML
<div class="lms">display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;
      -webkit-align-items: center;

 <div class="lms-container">
<div class="lms-row">
   display: flex;
      flex-flow: row wrap;<div class="lms-col">
        
  <div class="lms-callout   justify-content: center;
      align-items: center;
lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
         }

   <div .class="lms-callout.lms-callout-white {-image">
      border: none;
    }
   
    .<img class="lms-callout-thumb" .lms-callout-image {src="https://tdn.totvs.com/download/attachments/235595982/formul%C3%A1rio.png" width="24" height="24">
      width:  24px;
    }

</div>
      .lms-callout .lms-callout-body {
      width: calc(100% - 24px);<div class="lms-callout-body">
      padding-left: 20px;
    }

   <h1 .class="lms-callout .lms-callout-thumb {-title">
      width: 24px;
      height: 24px;
    }

  <p><strong>Formulários</strong></p>
  .lms-callout .lms-callout-title {
      font-size: 20px;
	  color: #c5004e; </h1>
      margin-top: 0;
    }

    .lms-callout .<p class="lms-callout-text">Saiba {
quais são as perguntas frequentes e color: #58595b;
      line-height: 1.75;recentemente atualizadas sobre formulários.</p>
			</div>
      margin: 0;
   </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@form
Veja aqui

Cloak
id@form

pagetruesidebarform

Painel
borderColor#dadada
HTML
 }

    .lms-callout .lms-callout-text a {
      color: #f3590b;
    }
  </style>
<div class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/documenta%C3%A7%C3%A3o-t%C3%A9cnicamovimentar.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong>Desenvolvimento<<p><strong>Processos</strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre desenvolvimentoprocessos.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@des@bpm
Veja aqui

Cloak
id@des@bpm

pagetruesidebardesfaq-bpm

Painel
borderColor#dadada
HTML
<style<div typeclass="text/csslms">
      .lms * {
  <div class="lms-container">
<div class="lms-row">
        -webkit-box-sizing: border-box;<div class="lms-col">
      -moz-box-sizing: border-box;
   <div class="lms-callout  box-sizing: border-box;
    }

    .lms-text-center {lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
      text-align: center;
    }

   <div .class="lms-full-height {callout-image">
      height: 100%;
    }
   <img .class="lms-container {
      margin-right: auto;
      margin-left: auto;
    }

    .lms-row {callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/aprendizado.png" width="24" height="24">
            </div>
      width: 100%;

      display: -moz-box;<div class="lms-callout-body">
      -moz-flex-flow: row wrap;
        <h1 class="lms-moz-justify-content: center;

callout-title">
      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
   <p><strong>Aprendizado</strong></p>
       -ms-justify-content: center;
      </h1>
       display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;
<p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre aprendizado.</p>
			</div>
      display: flex;
   </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@lms
Veja aqui

Cloak
id@lms

pagetruesidebarfaq-lms

Painel
borderColor#dadada
HTML
<div class="lms">
      flex-flow: row wrap;      
     <div justify-content: center;class="lms-container">
<div class="lms-row">
    }

    .lms<div class="lms-col {">
      -moz-flex: 1;
   <div   -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
    }

    /* Component LMS Callout */

    .<div class="lms-callout {-image">
      border: 1px solid #dadada;
      border-radius: 4px;
  <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/componentes.png" width="24" height="24">
    padding: 20px;
      margin-bottom: 20px;

 </div>
      display: -moz-box;
     <div class="lms-moz-flex-flow: row wrap;
callout-body">
        -moz-justify-content: center;
     <h1 class="lms-moz-align-items: center;

callout-title">
      display: -ms-flexbox;
      -ms-flex-flow: row wrap;  <p><strong>Portais</strong></p>
      -ms-justify-content: center;
      -ms-align-items: center; </h1>
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;
<p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre portais.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@wcm
Veja aqui

Cloak
id@wcm

pagetruesidebarfaq-wcm

Painel
borderColor#dadada
HTML
<div class="lms">
 -webkit-align-items: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
<div class="lms-container">
<div class="lms-row">
        <div align-items: center;
class="lms-col">
       }

   <div .class="lms-callout. lms-callout-white {
      border: none;
" style="margin: 0; padding-bottom: 0;">
		  
      }
   
    .lms-callout .<div class="lms-callout-image {">
      width: 24px;
    }

   <img .class="lms-callout .lms-callout-body {-thumb" src="https://tdn.totvs.com/download/attachments/235595982/equipes.png" width="24" height="24">
      width: calc(100% - 24px);
   </div>
   padding-left: 20px;
    }

    .lms-callout .<div class="lms-callout-thumb {body">
      width: 24px;
      height: 24px;
    }

    .<h1 class="lms-callout .lms-callout-title {">
      font-size: 20px;
	  color: #c5004e;
      margin-top: 0;<p><strong>Social</strong></p>
    }

    .lms-callout .lms-callout-text {
      color: #58595b;</h1>
      line-height: 1.75;
      margin: 0;
    }

    .<p class="lms-callout .lms-callout-text">Saiba aquais {
são as perguntas frequentes e recentemente color: #f3590b;
    }
  </style>
<div class="lms">
atualizadas sobre social.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@soc
Veja aqui

Cloak
id@soc

pagetruesidebarsoc

Painel
borderColor#dadada
HTML
<div class="lms">
        <div class="lms<div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/documentosacesso.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong>TOTVS <p><strong>Documentos<Identity</strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre documentoso Identity.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@ecm@ide
Veja aqui

Cloak
id@ecm@ide

pagetruesidebarfaq-ecmide

pagetruesidebarform
Painel
borderColor#dadada
HTML
<style<div type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }
    .lms-container {
      margin-right: auto;
      margin-left: auto;
    }

    .lms-row {
      width: 100%;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
    }

    .lms-col {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 20px;
      margin-bottom: 20px;

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

    .lms-callout.lms-callout-white {
      border: none;
    }
   
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-title {
      font-size: 20px;
	  color: #c5004e;
      margin-top: 0;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }

    .lms-callout .lms-callout-text a {
      color: #f3590b;
    }
  </style>
<div class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/formul%C3%A1rio.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong>Formulários</strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre formulários.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@form
Veja aqui

Cloak
id@form
Painel
borderColor#dadada
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }
    .lms-container {
      margin-right: auto;
      margin-left: auto;
    }

    .lms-row {
      width: 100%;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
    }

    .lms-col {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 20px;
      margin-bottom: 20px;

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

    .lms-callout.lms-callout-white {
      border: none;
    }
   
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-title {
      font-size: 20px;
	  color: #c5004e;
      margin-top: 0;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }

    .lms-callout .lms-callout-text a {
      color: #f3590b;
    }
  </style>
<div class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/movimentar.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong>Processos</strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre processos.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@bpm
Veja aqui

class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/mobile.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong><i>Mobile</i></strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre <i>mobile</i>.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@mob
Veja aqui

Cloak
id@mob

pagetruesidebarmob

pagetruesidebarfaq-bpm
Painel
borderColor#dadada
HTML
Cloak
id@bpm
Painel
borderColor#dadada
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }
    .lms-container {
      margin-right: auto;
      margin-left: auto;
    }

    .lms-row {
      width: 100%;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
    }

    .lms-col {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 20px;
      margin-bottom: 20px;

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

    .lms-callout.lms-callout-white {
      border: none;
    }
   
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-title {
      font-size: 20px;
	  color: #c5004e;
      margin-top: 0;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }

    .lms-callout .lms-callout-text a {
      color: #f3590b;
    }
  </style>
<div class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/aprendizado.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong>Aprendizado</strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre aprendizado.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@lms
Veja aqui

Cloak
id@lms
pagetruesidebarfaq-lms Painel
borderColor#dadada
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }
    .lms-container {
      margin-right: auto;
      margin-left: auto;
    }

    .lms-row {
      width: 100%;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
    }

    .lms-col {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 20px;
      margin-bottom: 20px;

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

    .lms-callout.lms-callout-white {
      border: none;
    }
   
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-title {
      font-size: 20px;
	  color: #c5004e;
      margin-top: 0;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }

    .lms-callout .lms-callout-text a {
      color: #f3590b;
    }
  </style>
<div class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/componentes.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong>Portais</strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre portais.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@wcm
Veja aqui

Cloak
id@wcm
pagetruesidebarfaq-wcm Painel
borderColor#dadada
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }
    .lms-container {
      margin-right: auto;
      margin-left: auto;
    }

    .lms-row {
      width: 100%;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
    }

    .lms-col {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 20px;
      margin-bottom: 20px;

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

    .lms-callout.lms-callout-white {
      border: none;
    }
   
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-title {
      font-size: 20px;
	  color: #c5004e;
      margin-top: 0;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }

    .lms-callout .lms-callout-text a {
      color: #f3590b;
    }
  </style>
<div class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/equipes.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong>Social</strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre social.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@soc
Veja aqui

Cloak
id@soc
pagetruesidebarsoc Painel
borderColor#dadada
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }
    .lms-container {
      margin-right: auto;
      margin-left: auto;
    }

    .lms-row {
      width: 100%;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
    }

    .lms-col {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 20px;
      margin-bottom: 20px;

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

    .lms-callout.lms-callout-white {
      border: none;
    }
   
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-title {
      font-size: 20px;
	  color: #c5004e;
      margin-top: 0;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }

    .lms-callout .lms-callout-text a {
      color: #f3590b;
    }
  </style>
<div class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/acesso.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong>TOTVS Identity</strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre o Identity.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@ide
Veja aqui

Cloak
id@ide
pagetruesidebarfaq-ide Painel
borderColor#dadada
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }
    .lms-container {
      margin-right: auto;
      margin-left: auto;
    }

    .lms-row {
      width: 100%;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
    }

    .lms-col {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 20px;
      margin-bottom: 20px;

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

    .lms-callout.lms-callout-white {
      border: none;
    }
   
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-title {
      font-size: 20px;
	  color: #c5004e;
      margin-top: 0;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }

    .lms-callout .lms-callout-text a {
      color: #f3590b;
    }
  </style>
<div class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/mobile.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong><i>Mobile</i></strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre <i>mobile</i>.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@mob
Veja aqui

Cloak
id@mob
pagetruesidebarmob Painel
borderColor#dadada
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }
    .lms-container {
      margin-right: auto;
      margin-left: auto;
    }

    .lms-row {
      width: 100%;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
    }

    .lms-col {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: 1px solid #dadada;
      border-radius: 4px;
      padding: 20px;
      margin-bottom: 20px;

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

    .lms-callout.lms-callout-white {
      border: none;
    }
   
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-title {
      font-size: 20px;
	  color: #c5004e;
      margin-top: 0;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }

    .lms-callout .lms-callout-text a {
      color: #f3590b;
    }
  </style>
<div class="lms">
        <div class="lms-container">
<div class="lms-row">
        <div class="lms-col">
          <div class="lms-callout lms-callout-white" style="margin: 0; padding-bottom: 0;">
		  
            <div class="lms-callout-image">
              <img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/235595982/fluxo.png" width="24" height="24">
            </div>
            <div class="lms-callout-body">
              <h1 class="lms-callout-title">
                <p><strong>TOTVS ESB</strong></p>
              </h1>
              <p class="lms-callout-text">Saiba quais são as perguntas frequentes e recentemente atualizadas sobre o ESB.</p>
			</div>
          </div>
		 </div>
		</div>
	</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
	padding-bottom: 10px;
}
</style>

Toggle Cloak
id@esb
Veja aqui

Cloak
id@esb

pagetruesidebarfaq-esb

...