/*<meta conditions="import.manuais" />*/

@import url('base.css');

/* Layout do tópico */

div.veja-tambem
{
    color: #666666;
    border: solid 1px #00C89B;
    mc-label: 'Veja também:';
    mc-help-control-display: list;
    padding: 15px 15px;
}

.relatedTopics {
    color: #666666;
    border: solid 1px #00C89B;
    padding: 15px 15px;
    margin: 0px;
    background: #FFFFFF;
}

.MCRelatedTopicsControlList {
    padding-top: 10px;
}

.MCHelpControl-Related .MCHelpControl-RelatedHotSpot_ {
    margin-left: 5px;
}

.topo-veja-tambem
{
	width: 100%; 
	border: solid 0px;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
}

.topo-veja-tambem-imagem
{
	width: 10px; 
	border: solid 0px;
}

MadCap|relatedTopics
{
	color: #666666;
	border: solid 1px #999999;
	background: #f4f4f4;
	mc-label: 'Veja também:';
	mc-help-control-display: list;
	margin: 20px;
	padding: 10px 15px;
}

/* Diferenciação de conteudo específico para módulo/proprietária/integração */

div.conteudo-especifico
{
    border: solid 2px #FF8200;
    padding: 20px;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.popup-conteudo-especifico {
    float: left;
    width: 35px;
}

div.popup-conteudo-especifico > a
{
	border-bottom: none;
}

div.popup-conteudo-especifico > a > img
{
    max-width: 60%;
    adding-top: 7px;
}

.MCTextPopup_Open .MCTextPopupBody {
    margin-left: 60px;
}

.MCTextPopupArrow
{
    left: 100px !important;
}

 div.caixas-diagrama
 {
 	padding: 20px;
 }
 
  div.nome-layout
 {
	display: inline-block;
 }
  
 /* Chips (Badges) */

.chip {
  display: inline-block;
  padding: 0 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 25px;
  font-size: 14px;
}

.chip-roxo {
  background-color: #400753;
  color: #ffffff;
}

.chip-azul {
  background-color: #67acbc;
  color: #ffffff;
}

.chip-laranja {
  background-color: #f5a319;
  color: #ffffff;
}


/* Tooltip */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 6px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


/* Horizontal rule fino */

hr.light {
position: relative;
top: auto;
margin-top: 30px;
border: 0;
height: 2px;
background: #D8D8D8;
}


/* Painel de navegação com botões */

.panel { /* estilo do painel */
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  margin-top: 15px;
}

.panel a { /* estilo dos botões do painel */
  color: #3e3e3e;
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

.panel a:hover { /* estilo ao passar o mouse por cima dos botões do painel */
  background-color: #ddd;
}

a.panelretorno { /* barra para voltar ao topo */
display:block;
background-color: #cce5ff;
color: #004085;
text-decoration: none;
width: 100%;
  border: 1px solid #004085;
  padding: 2px;
  padding-left: 5px;
}