/**
 * The CardMonitor ROOT
 * @package cardmonitor-rootbar
 */
/************ COLORS & FONT ****************/
:root{
	--cmrb-font-family:'Titillium Web', 'Helvetica', sans-serif;
	--cmrb-blue:#193887; /*rgb(24,56,136)*/
	--cmrb-red:#ED1C24; /*rgb(236,28,36)*/
	--cmrb-bronze:#959484; /*rgb(148,148,132)*/
	--cmrb-bluelight:#8D92C2; /*rgb(140,146,194)*/
	--cmrb-bronzelight:#C2C1B5; /*rgb(194,196,180)*/
	--cmrb-bluealpha:#19388754; /*rgb(194,196,180)*/
	--cmrb-bluedark:rgb(21,49,119);
	--cmrb-reddark:#400; /**/
	--cmrb-reddarkalpha:#9E999999; /**/
	--dblues-grad:linear-gradient(to top, rgba(54,58,58,0.10) 5%, rgba(54,58,58,0.20) 95%);
}
/************ --- CM RootBar --- ****************/
#cmrootbar{
	position:fixed;z-index:99999999;
  top:0;left:0;right:0;width:100%;max-width:100vw;
	margin:0;padding:0;height:44px;justify-content:space-around;
	display:flex;flex-direction:row;justify-content:space-between;
	flex-wrap:wrap;
	color:#FFF;
	font-family:var(--cmrb-font-family);
	transition-duration:0.2s;
	background:var(--dblues-grad);
	border-bottom:1px solid var(--cmrb-reddarkalpha);
}
#cmrootbar.inrolado{height:30px;}
#cmrootbar > * {margin:2px 3px 0 3px;transition-duration:0.2s;order:2;}
#cmrootbar.inrolado > * {margin:1px 3px 0 3px;}

/*** --- CM Branding --- ***/
a.cmrb-branding.cmrb-branding{
	width:112px;height:26px;margin:2px 3px 0 3px;
	z-index:100000;display:block;
	background:url(../assets/cardmonitor160.jpg) no-repeat center center/contain;
	transition-duration:0.2s;
}
/*** --- CM Ludo Boxes --- ***/
#cmlinkslode{z-index:1501;}
#cmlogonlode{z-index:1500;}
.cmrb-box{z-index:1;position:relative;display:inline-block;transition-duration:0.2s;}
/* CMbox Header */
.cmrb-box-header{
  position:relative;z-index:2;
	color:#FFF;font-size:0.8em;font-size:14px;
  padding:2px 12px;
	background-color:var(--cmrb-blue);
	border-radius:4px;border:1px solid var(--cmrb-bronze);
  transition-duration:0.2s;word-break:break-word;
	min-width:112px;text-align:left;
}
.cmrb-box-header .dashicons{font-size:1.3em;margin-top:2px;padding:0 3px;}
#cmrootbar.inrolado .cmrb-box-header{padding:0 12px;}
#cmrootbar.inrolado .cmrb-box-header .dashicons{font-size:1.2em;}
.cmrb-box-header:hover, .cmrb-box-header:focus{
	color:var(--cmrb-bronzelight);
	border-color:var(--cmrb-bronzelight);
	background-color:var(--cmrb-bluedark);
}
/* The Checkinout */
input[type="checkbox"].cmrb-box-check{
	z-index:3;position:absolute;display:block;
  top:0;height:2em;width:100%;
	-moz-appearance:initial;
	border:0 none transparent;
	background:transparent;
	opacity:0;cursor:pointer;
}input.cmrb-box-check:hover ~ .cmrb-box-header{color:var(--cmrb-bronzelight);}
input.cmrb-box-check:hover ~ .cmrb-box-header{color:var(--cmrb-bronzelight);}
input.cmrb-box-check:checked ~ .cmrb-box-header{
	border-bottom-color:var(--cmrb-blue);border-radius:4px 4px 0 0;
}
/* CMbox DropDown */
.cmrb-box-content{
	position:absolute;display:block;z-index:1;
	height:auto;width:100%;min-width:240px;
	margin-top:-2px;
	padding-top:14px;padding-bottom:14px;
	background:var(--cmrb-blue);
	border:1px solid var(--cmrb-bronze);
	border-radius:0 3px 6px 6px;
  box-shadow:0 0 0 0 rgba(0,0,0,0.55);
  transform:scaleY(0);
  transform-origin:top left;
  transition-duration:0.2s;
}
input.cmrb-box-check:checked ~ .cmrb-box-content{
  transform:scaleY(1);-webkit-transform:scaleY(1);
}
/* Conteudo drop logon */
.cmrb-box-content input[type="text"], .cmrb-box-content input[type="password"], .cmrb-box-content #loginform{max-width:90%;margin:0 auto;padding:0;display:block;}
.cmrb-box-content a.passloglink{margin:0 5% 6px;padding:0;color:#FFF;}
.cmrb-logonbox .cmrb-box-content h4{margin:6px;font-size:13px;color:#FFF;padding:2px;}
.cmrb-box-content ul{margin:0;padding:0;list-style-type:none;font-size:15px;}
.cmrb-box-content li{position:relative;display:block;font-size:15px;
	margin:4px;word-break:keep-all;white-space:nowrap;width:90%;}
/* Conteudo drop links*/
#cmrootbar .produto-info{transition-duration:0.6s;}
#cmrootbar .produto-info:hover{background-color:var(--cmrb-bluedark);}
#cmrootbar.cmrooter .cmrb-box.cmrb-linksbox .cmrb-box-content.links-content a.produto-header.tipClick h3{margin:3px;font-size:0.9em;color:#FFF;}
/* Conteudo fora top*/
#cmrootbar.cmrooter .cmrb-box.cmrb-linksbox .cmrb-box-content.links-content .produto-header.tipClick .produto-info .entry-meta,
#cmrootbar.cmrooter .cmrb-box.cmrb-linksbox .cmrb-box-content.links-content .produto-header.tipClick .imago
  {display:none;}
/* --- LINKS --- */
.cmrooter a{text-decoration:none;color:var(--cmrb-bronzelight);transition-duration:0.1s;}
.cmrooter a:visited{color:var(--cmrb-bronze);color:var(--cmrb-bronzelight);}
.cmrooter a:hover,.cmrooter a:focus,.cmrooter a.active,
.cmrooter a.permitido:hover,.cmrooter a.permitido:focus{color:var(--cmrb-bronze);outline:none;border:0 none !important;}
.cmrooter a.permitido{color:#FFF;}
.cmrooter a.naopermitido{color:var(--cmrb-bluelight);color:var(--cmrb-bronzelight);color:#FFF;}
a.tipClick.naopermitido .imago{border:1px solid var(--cmrb-bronzelight);}
a.tipClick.permitido .imago{border:0 solid var(--cmrb-bronzelight);box-shadow:0 0 0 0 rgba(0,0,0,0.05);}
a.tipClick.permitido .imago:hover{box-shadow:0 0 9px 4px rgba(0,80,180,.35);
}
.produtoitem a.tipClick.naopermitido{opacity:0.5;}
.produtoitem a.tipClick.naopermitido:hover{opacity:0.94;}

/* Pag Perfil */
#cmrbpager{display:flex;flex-wrap:nowrap;align-items:flex-start;margin:14px 0;}
#cmrbpager .cmrb-linksbox-page{
	display:flex;flex-wrap:wrap;flex-direction:column;
	position:relative;
	background:none;padding:4px;
}
#cmrbpager .produtoitem.naopermitido{order:14;}
#cmrbpager .produtoitem.permitido{order:12;}
#cmrbpager .produtoitem.flash{order:1;}
#cmrbpager .produtoitem.cardclipping{order:2;}
#cmrbpager .produtoitem.pricing{order:3;}
#cmrbpager .produtoitem.pricing-alta-renda{order:4;}
#cmrbpager .produtoitem.cardindex{order:5;}
#cmrbpager .produtoitem.contas-e-carteiras-digitais{order:6;}
#cmrbpager .produtoitem.cartoes-pj{order:7;}
#cmrbpager .produtoitem.relatorio-anual{order:8;}
#cmrbpager .produtoitem.forum{order:9;}
#cmrbpager a.produto-header.tipClick {
	margin:6px 0;
	display:flex;flex-wrap:nowrap;justify-content:flex-start;
	align-items:stretch;align-content:stretch;
	background:none;
}
.produtoitem a.tipClick .imago {
  width:96px;margin-right:4px;padding:0;
  display:block;min-height:48px;
  height:100%;
	background-color:var(--cmrb-bronzelight);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:4px;
}
#cmrbpager .produto-info {
	margin:2px;word-break:keep-all;white-space:wrap;
	width:calc(99% - 102px);
	display:block;padding:0;
	font-size:0.9em;
}
.produto-info h3.entry-title{margin:0.1em 0;font-size:1.2em;}
.dopostexc{padding-bottom:4px;}
.permitmessage{max-width:70%;}

/* Footer */
#cmrootfoot{
	bottom:0;left:0;
	padding:16px 0;
	display:flex;flex-direction:column;align-content:stretch;
	width:100%;min-height:128px;
}
#cmrootfoot .cmrb-branding-box{margin:0;width:100%;}
#cmrootfoot .cmrb-branding-box a.cmrb-branding{margin-left:0;}
#cmrootfoot .cmrb-box0{display:flex;flex-direction:row;justify-content:space-between;}
#cmrootfoot .cmrb-box > * {
	margin:0 auto;
	min-width:calc(95% - 32px);
	width:calc(100% - 32px);
	width:94%;
	border-bottom:1px solid var(--cmrb-bronzelight);
}

/*#--- MOBILE --- 561px #*/
@media screen and (max-width:760px){}
@media screen and (max-width:561px) {
	.inrolado a.cmrb-branding.cmrb-branding {margin-top:0;}
  #cmrootbar a {font-size:0.9em;}
	#cmrootbar ul {margin-right:4px;}
	#cmrootbar li {float:left;padding:0;margin:5px 0 0 0;}
}
/*#--- DESKTOP ---#*/
@media screen and (min-width: 37.5em) {
	#cmrootbar {justify-content:flex-end;height:24px;}
	#cmrootbar.inrolado{height:21px;}
	#cmrootbar > * {margin:9px 14px;}
	#cmrootbar.inrolado > * {margin:8px;}
	#cmrootbar a {font-size:1em;}
	a.cmrb-branding.cmrb-branding {width:168px;height:38px;margin:9px 14px;}
	#cmrootbar.inrolado a.cmrb-branding.cmrb-branding {width:128px;height:30px;}
	#cmlogonlode{order:1;}
	#cmrbpager .cmrb-linksbox-page{flex-direction:row;}
	#cmrbpager .produtoitem {margin:2px 5%;width:40%;}
	#cmrootfoot .cmrb-box{display:flex;flex-direction:row;justify-content:space-between;}
	#cmrootfoot .cmrb-box > * {
	  margin:0 16px;
		min-width:calc(25% - 32px);
		width:calc(50% - 32px);
		border-bottom:0 none;
	}
}
/*===== Tooltip= ====*/
.produtoitem{display:block;position:relative;border-bottom:1px solid rgba(240,240,255,0.21);}
a.tipClick:focus + .tooltipT {display:block;}
.tooltipT{
    display:none;position:absolute;
		background:var(--cmrb-bronzelight);
    box-shadow:0 0 6px 1px #666666;
    border:1px solid #FFF;
		border-radius:4px;
    padding:4px;
    text-align:left;
    z-index:10;max-width:300px;min-width:240px;
		opacity:0.9;
		transform:translate(-8px,-16px);
}
.tooltipT p {margin:8px;color:var(--cmrb-blue);font-weight:bold;}
.tooltipT a {color:#000 !important;}
/*=====CLOSE BUTTON=====*/
.tooltipT span{
    position:absolute;top:0;right:0;
    font-size:24px;line-height:1;
}
.tooltipT span a:{text-decoration:none;color:#000;}
.tooltipT span:focus .tooltipT{display:none;/*CLOSE ON CLICK*/ }
.tooltipT span a:visited{color:#000;}
.tooltipT a:visited{color:#000;}
.sticky {position:fixed;}