#CxCliente{width:100%; display: inline-block; background-color: #fff;  font-weight:500;padding:0 12px;}
#cliente{width:100%; display:flex;gap:12px;margin:0.5em 0em; font-size:0.8em; font-weight:400; flex-wrap: wrap; align-items: center;
    justify-content: end;}
#cliente .btnBarraLogado a{display:flex;align-items: center;justify-content: center;text-decoration:none;background-color:#004299;color:#fff;font-size:1rem;padding:12px;border-radius: 6px;}
	#cliente .btnChatVerde a{background-color:#059669!important;color:#fff!important;font-weight:600;}
	#cliente .btnChatVerde:hover a{background-color:#047857!important;}
	#cliente .btnPainel a{background-color:#333; color:#fff; font-weight:600;}
	#cliente .btnPainel:hover a{color:#ed3237;}
	#cliente li{ list-style:none; display:inline-block; padding:0em 6px; font-size: 1.2em; font-weight: 500; vertical-align:middle;}
	#cliente .alt-dados{cursor:pointer; color:#00C;}
	#cliente .sair{ cursor:pointer; color:#Fff; text-decoration:none; background-color:#900; font-weight:600;padding:0.5rem;border-radius: 6px;}
	#cliente .sair:hover{ background-color:#F00;}
	.alterar-dados{ color:#F00; display:none; text-align:center; width:90%; margin:0.5em;}
/* MENU INTERNO */
#painel {width:90%; display:block; margin:auto;text-align: center;}
#painel #MsgFerramenta{width:90%; display:inline-block; margin:0.5em 0em; font-size:0.8em; font-weight:400; padding:1em 0;}
#painel .cx-menu-painel{ min-width:10em; width:10%; background-color:#CCC; display:table-cell; text-align:left; margin-right:0; height:100%; vertical-align:top;}
	#painel .cx-menu-painel .cx-mlateral,
	#painel .cx-menu-painel .cx-mlateral-mobile{width:100%; display:inline-block; background-color:#333; text-align:left; vertical-align:top;}
	#painel .cx-menu-painel .cx-mlateral{display:none;}
		#painel .cx-menu-painel .cx-mlateral p,
		#painel .cx-menu-painel .cx-mlateral-mobile p{font-size:1.0em; color:#fff; font-weight:500; line-height:1.25em; display: inline-block; padding:0.5em; margin:0;}
#painel .cx-menu-painel .cx-links p .icone{width:2em; text-align: center; display: inline-block; vertical-align: middle;}			
#painel .cx-menu-painel .cx-mlateral i,
			#painel .cx-menu-painel .cx-mlateral-mobile i{display:inline-block; cursor:pointer; background-color:#666; padding:0.5em; font-size:1.0em; color:#fff; font-weight:500; line-height:1.25em; }
			#painel .cx-menu-painel .cx-mlateral i:hover,
			#painel .cx-menu-painel .cx-mlateral-mobile i:hover{ background-color:#FFF; color:#9dcd73;}

.cx-menu-painel .cx-links{width:100%; display: none; padding:6px;text-align:left; vertical-align:top;background-color:#ccc;}
.cx-menu-painel .cx-links a{text-decoration:none;}
.cx-menu-painel .cx-links p{font-size: 1em; margin:0; text-decoration:none; cursor: pointer; color:#000; font-weight:400; line-height:1.5em; text-align:left; display:block; padding:0.5em;}
.cx-menu-painel .cx-links p i{color:#990000; display:inline-block; margin-right:0.5em; vertical-align:middle;}
.cx-menu-painel .cx-links p:hover{ background-color:#2b2b2b; color:#ed3237;}
.cx-menu-painel .cx-links .pagina_atual{ background-color:#f5f5f5;}

#painel #cx-painel-0{width:100%; display:inline-block; margin:1em 0;}
	#painel #cx-painel-0 .cx-msg,
	#painel #cx-painel-0 .dados-cliente,
	#painel #cx-painel-0 .atalhos{ display:block; padding:1em; border:0.05em solid #000; text-align:left;}
		#painel #cx-painel-0 .cx-msg .titulo,
		#painel #cx-painel-0 .dados-cliente .titulo{display:block; font-size:1.5em; line-height:1.0em; font-weight:600; margin-bottom:0.5em;}
		#painel #cx-painel-0 .cx-msg .descricao,
		#painel #cx-painel-0 .dados-cliente .descricao{display:block; font-size:1.0em; line-height:1.0em; font-weight:400;}
	#painel #cx-painel-0 .dados-cliente{border:0; display:none; background-color:#fff; margin:1em 0;}
		#painel #cx-painel-0 .cx-msg .titulo{font-size:1.25em;}
	#painel #cx-painel-0 .atalhos{ text-align:center; border:0; margin:1em 0;}
		#painel #cx-painel-0 .atalhos .cx-atalhos{ width: calc(100%/4); display:inline-block; min-width:10em;margin-bottom: 1rem;}
			#painel #cx-painel-0 .atalhos .cx-atalhos .bt-atalhos{display:inline-block; text-decoration:none; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; width:80%; padding:1.5em 1em; background-color:#000; color:#fff;}
			#painel #cx-painel-0 .atalhos .cx-atalhos .destacar{background-color:#900;}
			#painel #cx-painel-0 .atalhos .cx-atalhos .bt-atalhos:hover{background-color:#666;}
			#painel #cx-painel-0 .atalhos .btnCarrinho{background-color:#004299;}
@media only screen and (max-width: 1920px) {}
@media only screen and (max-width: 1680px) {}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1366px) {}
@media only screen and (max-width: 1280px) {}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 900px) {}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 600px) {
    #painel { padding-bottom: 4em;}
#painel #cx-painel-0 .atalhos .cx-atalhos{ width:calc(95%/2); margin:1%; display:inline-block;}
}
@media only screen and (max-width: 533px) {}
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 414px) {
	#painel { width:98%;}
	}
@media only screen and (max-width: 375px) {
#painel #cx-painel-0 .atalhos .cx-atalhos{font-size: small;}
}
@media only screen and (max-width: 360px) {}
@media only screen and (max-width: 320px) {
#painel #cx-painel-0 .atalhos .cx-atalhos{font-size: x-small;}
}