<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>Esse <i>flow</i> não valida se o item está disponível em estoque, se existem ordens de compras em aberto para determinado equipamento e não contempla os processos relativos a ativos fixos: registro, plaqueta, responsável, depreciação, entre outros.</p>
</div>
</div>
</div> |