body {
	/*background-color: #EAECF2;*/
	margin: 0px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	border:none;
	
	
	--text-white: #ffffff;
	--text-dark: #142136;
	
	/* cores de fundo */
	--bg-grey-light: #f5f5f5;
	--bg-white: #ffffff;
	--bg-blue-dark: #142136;
	--bg-indigo: #6366f1;
	
	
	background-color: var(--bg-grey-light);
}

.dark {
	--text-white: #e6e6e6;
	--text-dark: #ffffff;
	--bg-grey-light: #142136;
	--bg-white: #22395d;
	--bg-blue-dark: #142136;
	--bg-indigo: #7577e1;
}

input, textarea{
	/*text-transform: uppercase;*/
}


/******** lista de endereços ****************/
	#header-ac-list {
	border: 1px solid #e2e8f0;
	z-index: 500;
	background: #fff;
	border-radius: 10px;
	width:width: 100%;
	min-width: 320px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;																				
	overflow: hidden;
	box-shadow: 0 16px 48px #00000059;
	}

	.ac-item:last-child {
	border: none;
	}
	.ac-item {
	border-bottom: 1px solid #e2e8f0;
	cursor: pointer;
	color: #0f172a;
	align-items: center;
	gap: .9rem;
	padding: .7rem 1rem;
	transition: background .1s;
	display: flex;
	}

	.ac-item:hover,
	.ac-item--selected {
	background:#d7f4ff
	}

	#header-ac-list .ac-active .ac-nome {
	font-weight: 700;
	}

	.ac-cep {
	font-family: "JetBrains Mono", "Fira Code", monospace;;
	color: #2563eb;
	background: #dbeafe;
	border-radius: 5px;
	flex-shrink: 0;
	padding: .2rem .45rem;
	font-size: .825rem;
	font-weight: 700;
	}
	.ac-body {
	text-align: left;
	flex-direction: column;
	min-width: 0;
	display: flex;
	}
	.ac-nome {
	font-size: .85rem;
	font-weight: 500;
	}
	.ac-loc {
	color: #64748b;
	font-size: .75rem;
	}


/******** icone tia IA ****************/

.ai-wrapper {
    position: fixed;
	bottom: 80px;
	right: 14px;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	z-index: 9999;
}

/* 1. Modificado: A caixa agora nasce CONTRAÍDA por padrão (escala 0 e opacidade 0) */
.ai-dialog-box {
	background-color: #ffffff;
	color: #1e293b;
	padding: 14px 18px;
	border-radius: 16px 16px 4px 16px;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	max-width: 220px;
	transform-origin: bottom right;
	/* Transições suaves */
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
	display: none;
}

.ai-dialog-box span {
	color: #6366f1;
	font-weight: 700;
	display: block;
	margin-bottom: 2px;
}

/* 3. O Ícone da IA */
.ai-button {
	display: flex;
	align-items: center;
	justify-content: end;
	color: #ffffff;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/******** fim icone tia ia ****************/



/******** TOP 3 ****************/
   :root {
	--gold: linear-gradient(135deg, #ffd700, #ffa500);
	--silver: linear-gradient(135deg, #e0e0e0, #b0b0b0);
	--bronze: linear-gradient(135deg, #d2691e, #8b4513);
	--bg-card: #ffffff;
	--text-dark: #2d3748;
	}

	.ranking-wrapper {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	}

	.ranking-title {
	color: var(--text-dark);
	font-size: 1.1rem;
	margin-bottom: 5px;
	font-weight: 700;
	}

	/* Container do Pódio */
	.podium-container {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 10px;
	perspective: 1000px; /* Efeito 3D sutil */
	height: 310px;
	}

	/* Estrutura Base dos Cards */
	.podium-card {
	background: var(--bg-card);
	border-radius: 8px 8px 0 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	/* Interação Hover nos Cards */
	.podium-card:hover {
	transform: translateY(-8px) scale(1.02) !important;
	box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
	}

	/* Variação de Alturas do Pódio */
	.gold { height: 250px; z-index: 3; background: var(--gold);}
	.silver { height: 220px; z-index: 2; background: var(--silver); }
	.bronze { height: 180px; z-index: 1; background: var(--bronze);}

	/* Elementos Visuais do Topo */
	.crown {
	font-size: 2rem;
	position: absolute;
	top: -45px;
	animation: float 2s ease-in-out infinite;
	z-index: 9999;
	}

	.badge1 {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: bold;
	font-size: 0.9rem;
	position: absolute;
	top: -16px;
	0 4px 5px rgb(255, 250, 250);
	}
	.gold .badge1 { background: var(--gold); }
	.silver .badge1 { background: var(--silver); }
	.bronze .badge1 { background: var(--bronze); }

	/* Avatares */
	.avatar-container {
	margin-top: 30px;
	padding: 4px;
	border-radius: 50%;
	background: #f7fafc;
	}
	.gold .avatar-container { border: 3px solid #ffd700; }
	.silver .avatar-container { border: 3px solid #cbd5e0; }
	.bronze .avatar-container { border: 3px solid #ed8936; }

	.avatar-container img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	}

	/* Informações do Vendedor */
	.vendedor-info {
	padding: 10px 10px;
	text-align: center;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: end;
	width: 100%;
	}

	.vendedor-info h3 {
	margin: 0 0 8px 0;
	font-size: 12px;
	color: var(--text-dark);
	}

	.vendas-valor {
	display: block;
	font-size: 1.2rem;
	font-weight: 700;
	color: #2b6cb0;
	margin-bottom: 4px;
	background: #fff;
	}
		
	/* --- CORE DAS ANIMAÇÕES --- */

	/* 1. Animação de Entrada (Subida com opacidade) */
	.animate-up {
	opacity: 0;
	transform: translateY(60px);
	animation: slideUp 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
	animation-delay: var(--delay);
	}

	@keyframes slideUp {
	to {
	opacity: 1;
	transform: translateY(0);
	}
	}

	/* 2. Flutuação Leve da Coroa do 1º Lugar */
	@keyframes float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
	}

	/* Responsividade Básica para Telas Menores */
	@media (max-width: 600px) {
	.podium-container {
	flex-direction: column;
	align-items: center;
	}
	.podium-card {
	max-width: 100%;
	min-height: auto !important;
	}
	.gold { order: 1; }
	.silver { order: 2; }
	.bronze { order: 3; }
	.crown { top: -35px; }
	}
/****** FIM TOP 3 ****************


/* modal lateral*/
.modal-lateral {
  position: fixed;
  top: 0;
  right: 0;
  width: 700px;
  height: 100%;
  background-color: #fff;
  box-shadow: -2px 0 5px rgba(0,0,0,0.2);
  transform: translateX(100%);
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease;
  z-index: 9999;
  overflow-y: auto;
}
.modal-lateral.open {
  transform: translateX(0);
  opacity: 1;
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 9998;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.overlay.show {
  opacity: 1;
  pointer-events: all;
}
.sidebar {
	padding: 20px;
}
.modal-lateral .but-danger {
	background-color: #ac2925;
	color: white;
	border: none;
	padding: 10px;
	cursor: pointer;
}
.modal-lateral .but-danger:hover {
	background-color: #d32f2f;
}
.styled-hr {
	border: 0;
	border-top: 1px solid #eee;
	margin: 10px 0;
}
/* fim modal lateral*/				


/*barra frota*/
.barra_frota{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	background-color: #FFFFFF;
	color: #000;
	
}

.barra_frota div{
	border-left:solid 1px #999999;
	padding:0 10px;
	text-align:center;
	min-width:90px;
}

/*barra para o botão*/
.nav2 { 
	margin:0; 
	padding:5px;
	background:#DCDCDC;
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
	text-align:right;
}

.header{
	width: 100%;
	background:#76c5f0;
	color:#29166e;
color:#FFF;
font-size: 25px;
line-height:40px;
font-family: "Segoe UI",Arial,sans-serif;
height:40px;
text-align:center;	
background: #76c5f0 url(imagens/beehive-blue.png) no-repeat center right;
background-size: auto auto;
}


.header .logo{
background:#76c5f0 url(imagens/logo-header.png) left center no-repeat;
float:left;
width:180px;
height:40px;
}

.header .logado-como{
float:right;
height:40px;
color:#000;
width: 200px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 15px;
line-height: 18px;	
margin: 0 0 0 0;
padding-left:5px;
text-align: center;
border-left:solid 1px #fff;
background:#FFF;
opacity: .5;
border-radius: 5px 0 0 0;
cursor:pointer;
}

.header .logado-como small {
display: block;
font-size:90%;
}

.ace-icon{	
position:absolute;
top:0px;
right:1px;
width:28px;
height:40px;
background: #fff url(icones/49.png) center center no-repeat;
background-size: 28px;
}

.ace-icon:hover{
background: #0088cc url(icones/118.png) center center no-repeat;
background-size: 28px;
}

/* Estilo do botão que abre o menu */
.acao-usuario {
position: relative;
display: inline-block;
background:#333;
}

.acao-usuario ul{
position: absolute;
top: 100%; 
right: 0;
background-color: white;
border: 1px solid #ccc;
border-radius: 0 0 0 5px;
width: 204px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
z-index: 1000;
list-style-type: none;
margin: 0;
padding: 0;
}

.acao-usuario ul li {
border-bottom: 1px solid #c0c0c0;
padding: 10px 5px;
text-decoration: none;
color: #0066CC;
background: linear-gradient( to right, #dcdcdc, #fff, #dcdcdc);  
font-size: 15px;
font-family: "Segoe UI",Arial,sans-serif;
}

.acao-usuario ul li:hover {
background: #76c5f0;
color:#fff;
}



/* Exibe o menu quando o botão é clicado */
.acao-usuario.active {
display: block;
}

.barra_ferramenta{
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border-bottom:solid 2px #c0c0c0;	
height: 40px;
overflow-y: auto;
}	
.barra_ferramenta li{
float: left;
padding:5px 7px;
}

.barra_ferramenta li:hover{
background:#76c5f0;
}

.pulse {
animation: pulse-animation 0.5s infinite;
}

@keyframes pulse-animation {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
}
100% {
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
}
}



/* grupod e layout para tarefas */

.task_card{
width: calc(33% - 20px);
justify-content:center;
align-items:center;
max-height:220px;
background:#e7ecf1;
text-align:left;
overflow:hidden;
transition:0.5s;		
border-radius:8px;
margin: 10px;
float:left;
background:#ffffff;
}
.container_task_card{
padding:10px 25px;
}

.task_card_text_title{
color:#000;		
font-weight:700;
font-size:13px;
letter-spacing:1px;
text-transform:uppercase;
transition:0.5s;
}


.task_card_text_title img {
border-radius: 50%;
width:40px;
height:40px;
border:solid 1px #ddd;
float:right;
position: relative;
top: -5px;
right: -20px;
}

.task_card_text{
clear: left;
color:#97a3b3;		
font-size:13px;
letter-spacing:1px;
height:30px;
overflow-x:hidden;
overflow-y:auto;
margin-bottom:10px;
}

.task_card_obs{
clear: left;
color:#97a3b3;		
font-size:13px;
letter-spacing:1px;
height:60px;
overflow-x:hidden;
overflow-y:auto;
margin-bottom:10px;
padding:5px 20px 5px 5px;
background:#eaecf2;
}



/* grupo de grafico para metas*/
.chatr_card{
width: calc(25% - 20px);
justify-content:center;
align-items:center;
height:330px;
background:#eee;
text-align:center;
overflow:hidden;
transition:0.5s;		
border-radius:8px;
margin: 10px;
float:left;
}

.container_chart{
padding:10px 25px;
}

.chatr_card:hover{
background:#ddd;
}

.chatr_percent{
position:relative;
width:150px;
height:150px;
border-radius:50%;
/*
box-shadow: inset 0 0 50px #000;		
background:#fff;
*/
margin: 0 auto;		
}

.chatr_percent .chatr_number{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
}

.chatr_percent .chatr_number h2{
color: #fff;
color:#eeeeee;
font-weight: 700;
font-size: 20px;
transition: 0.5s;
margin:0;
}

.chatr_percent .chatr_number h2 span{
font-size: 10px;
}


.chatr_text, .chatr_text_title{
position:relative;
color:#000;		
font-weight:700;
font-size:13px;
letter-spacing:1px;
text-transform:uppercase;
transition:0.5s;
}

.meta_garantia{
color:#e7e7e7;
}

.meta_oculta{
color:#eeeeee;
}

.chatr_card:hover .chatr_percent .chatr_number h2,.chatr_card:hover .chatr_text,.chatr_card:hover .chatr_text_title, .chatr_card:hover .meta_garantia, .meta_oculta:hover{
color:#000;
}



.chatr_card svg{
position:relative;
width:150px;
height:150px;
}

.chatr_card svg circle{
width:100%;
height:100%;
fill:none;
stroke:#ccc;
stroke-width:5;
stroke-linecap:round;
transform:translate(5px, 5px);
}

.chatr_card svg circle:nth-child(2){
stroke-dasharray:440;
stroke-dashoffset:440;				
}

/*********************/
/******** loader ***********/
.spinner-container {
display:none;
position: fixed;
background-color: #a4d5f1;
opacity: .6;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
}
.loader {
margin: 0 auto;
width: 60px;
height: 50px;
text-align: center;
font-size: 10px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
z-index: 100;
}

.loader>div {
height:100%;
width:8px;
display:inline-block;
float:left;
margin-left:2px;
-webkit-animation:delay .8s infinite ease-in-out;
animation:delay .8s infinite ease-in-out
}

.loader .bar1 {
background-color: #08327F;
}
.loader .bar2 {
background-color: #0C50CC;
-webkit-animation-delay: -.7s;
animation-delay: -.7s;
}
.loader .bar3 {
background-color: #416eb3;
-webkit-animation-delay: -.6s;
animation-delay: -.6s;
}
.loader .bar4 {
background-color: #1694CC;
-webkit-animation-delay: -.5s;
animation-delay: -.5s;
}
.loader .bar5 {
background-color: #5994FF;
-webkit-animation-delay: -.4s;
animation-delay: -.4s;
}
.loader .bar6 {
background-color: #66D0FF;
-webkit-animation-delay: -.3s;
animation-delay: -.3s;
}

@-webkit-keyframes delay {
0%,40%,to {
-webkit-transform:scaleY(.05)
}
20% {
-webkit-transform:scaleY(1)
}
}
@keyframes delay {
0%,40%,to {
transform:scaleY(.05);
-webkit-transform:scaleY(.05)
}
20% {
transform:scaleY(1);
-webkit-transform:scaleY(1)
}
}

.nsc__loader {
width:80px;
height:80px;
margin:auto
}


/**********************/
.pace {
background-color: #g0g0g0;
bottom: 0px;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
min-height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);	
background: url(imagens/block.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;	
}

.pace-inactive{
display: none;
}

.pace .pace-progress {
background-color: #29d;
position: fixed;
top: 50%;
height:50px;
right: 100%;
width: 100%;
overflow: hidden;
z-index: 2001;
text-align:center;
color: #fff;
font-weight:bold;
font-size:30px;
line-height: 50px;  
background-image: linear-gradient(-45deg, rgba(255,255,255,0.125) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.125) 50%, rgba(255,255,255,0.125) 75%, transparent 75%, transparent);
background-size: 35px 35px;  
animation: cssProgressActive 1s linear infinite;
}


/* efeitos de animação */
@-webkit-keyframes cssProgressActive {
from {background-position:35px 0}
to {background-position:0 0}
}
@-moz-keyframes cssProgressActive {
from {background-position:35px 0}
to {background-position:0 0}
}
@-o-keyframes cssProgressActive {
from {background-position:35px 0}
to {background-position:0 0}
}
@keyframes cssProgressActive {
from {background-position:35px 0}
to {background-position:0 0}
}

.pace .pace-progress::after {
content: "Processando Dados. Aguarde...";
}

.pace .pace-activity {
position:absolute;
top:0;
left:0;
z-index:11;
background-color:#000;
width:100%;
height:100%;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
-webkit-opacity:0.5;
}

/****************************/


.canto {
position: fixed;
_position:absolute;
_margin-bottom:0;
_margin-right:0;
right:10px;
bottom:0px;
z-index:1030;
box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.9);
width:620px;
}

.bola {
border-radius: 50%;
display: inline-block;
height: 20px;
width: 20px;
border: 1px solid #660;
background-color: #FF0000;
box-shadow: inset -10px -10px 15px #600, inset 3px 3px 5px #FFF;
}
.bola .luz{	
background-image: -moz-linear-gradient(center top , #fff 5%, rgba(255, 255, 255, 0) 90%); 
border-radius: 50%; 
height: 70%; 
width: 80%;
}

.float2{ float: right; }
.float { float: left; }

.nav-menu {
margin-bottom: 20px;
margin-left: 0;
list-style: none;
}


.nav-menu li {
line-height: 35px;
display: list-item;
text-align: -webkit-match-parent;
}
.nav-menu > li > a {
display: block;
}

.nav-menu > li > a:hover {
background:#ccc;
border-radius:4px;
}


a{
color: #494949;
text-decoration: none;
}
a:hover {
color: #000;
}

.table tbody tr.msg td {
font-weight: bold;
}


.table tbody tr.nomsg td {
}




.recados {
width:200;
height:222;
float:left;
}
.recados .corpo{
width:200;
height:222;
background-image: url("imagens/post_it.png");
}

.recados .corpo .recados-title{
font-size: 12px;
width:170;
margin-left:15px;
margin-top: 35px;
position:absolute;
color:#fff;
padding:3px;
border-radius: 2px;
font-weight: bold;
}

.recados .corpo .recados-texto{
font-size: 12px;
width:165;
height:130;
padding:10px;	
margin-top:55px;
margin-left:10px;
position:absolute;
overflow: hidden;
text-overflow: ellipsis;
}

.recados .corpo .recados-texto a{
color:#494949;
text-decoration:none;
}


.recados .corpo .recados-texto hr {  border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }






.snote{
max-width:100%;
}
.snote h2,p{
font-size:100%;
font-weight:normal;
}

.snote ul{
overflow:hidden;
list-style:none;
margin:unset;
padding: unset;
}

.snote ul li{
float:left;
}

.snote ul li h2{
font-size:11px;
font-weight:bold;
text-align:center;
margin:unset;
margin-top: 30px;

color: #fff;
padding: 5px 3px;
border-radius: 2px;
}

.snote .snot_texto{
margin-top:8px;
font-size:11px;
color:#494949;
overflow: scroll;
text-overflow: ellipsis;
height:125px;
overflow: hidden;
}


.snote ul li a{
text-decoration:none;
color:#000;
background: transparent url("imagens/post_it.png") no-repeat center center ;
display:block;  
width: 171px;
height: 200px;
padding:1em;
}

.snot_texto hr {  border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }





/**/
.divLock {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
margin:0;
padding:0;
z-index:1;
background-image:url(pixel.png) repeat-y 100% 0;
display: none;
background-color:#7A8628;
opacity: .5;
filter: alpha(opacity=50);
overflow:auto;
}
/* class para botão*/

.but{
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
display: inline-block;
font-weight: 400;
line-height: 1;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .4rem .5rem;
font-size: 1rem;
border-radius: .25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;

}
.but:hover {
background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
cursor: pointer;	
}

.but-file {
padding:3px;	 
font-size: 0.8rem;
}


/* CORES */
.but-info {
color: #fff;
background-color: #5bc0de;
}
.but-success {
color: #fff;
background-color: #5CB85C;
}
.but-error {
color: #fff;
background-color: #ac2925;
}

.but-danger {
color: #fff;
background-color: #ac2925;
}

.but-warning {
color: #fff;
background-color: #F28E00;
}

.but-primary {
color: #fff;
background-color: #0275d8;
}

.but-lock {
color: #fff;
background-color: #778899;
}

.but-disabled{
color: #fff;
background-color: #ccc;
cursor: not-allowed!important;
opacity: .65;
}


.but-uppercase {
text-transform: uppercase;
}
/* TAMANHOS */
.but-small {
font-size: .7rem;
}

.but-large {
font-size: 1.5rem;
}
.but-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}

.but-opcao{width:15px;}


.but-group{
position: relative;
display: inline-block;
vertical-align: middle;
}



.but-group :after {
content: "";
clear: both;
display: table;
}

.but-group a:not(:last-child) {
border-right: none;
border-top-right-radius:0;
border-bottom-right-radius:0;	
}


.but-group a:not(:first-child) {
border-right: none;
border-top-left-radius:0;
border-bottom-left-radius:0;	
}

.paginador a{
border:solid 1px #fff;
}

/* alerts */

.alert {
padding: 15px;
margin-bottom: 20px;
margin-top: 20px;
border: 1px solid transparent;
border-radius: 4px;
font-size:14px;
}


.alert-default {
background-color: #ebebeb;
border-color: #e3e3e3;
color: #6c6c6c;
}

.alert-primary {
background-color: #0088cc;
border-color: #007ebd;
color:#fff;
}

.alert-dark {
background-color: #313131;
border-color: black;
color: #cacaca;
}

.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}

.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}

.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}

.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
margin: 10px;
}

.h1, h1 {
font-size: 2.5rem;
}

.h2, h2 {
font-size: 2rem;
}

.h3, h3 {
font-size: 1.75rem;
}
.h4, h4 {
font-size: 1.5rem;
}
.h5, h5 {
font-size: 1.25rem;
}
.h6, h6 {
font-size: 1rem;
}


.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}

a.close:hover {
color: black !important;
}
.close:focus, .close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
a.close {
text-decoration: none !important;
font-size: 18px !important;
line-height: 1.2;
}

.table{ width:100%;}
.table th{background: #0088cc;color:#fff;text-align:left;}
.table .link{text-decoration:none;color:#494949;font-weight:bold;}
.table .link:hover{color:#FFF;}
.table th, .table td{padding:0 5px;font-size:12px;height:35px;}
.table tr{background: #fff; color: #494949;}
.table tr:hover{background: #20B2AA!important; color: #fff;}
.table tr:nth-child(even){background: #DCDCDC;}
.table .vermelho{background:#800000;}
.table .laranja{background:#f28e00;}
.table .verde{background:#5cb85c;}
.bg_form{background-color:#DCDCDC;padding:15px 0;color:#494949;width:100%}

.container{width:1170px;margin:0 auto;}

/* textos */
.f-left {
float:left
}
.f-right {
float:right
}

.text-left {
text-align:left
}
.text-right {
text-align:right
}
.text-center {
text-align:center
}
.text-justify {
text-align:justify
}
.text-nowrap {
white-space:nowrap
}
.text-lowercase {
text-transform:lowercase
}
.text-uppercase {
text-transform:uppercase
}
.text-capitalize {
text-transform:capitalize
}
.text-muted {
color:#b3b3b3
}
.text-primary {
color:#337ab7
}


a.text-primary, a.text-success, a.text-info,a.text-warning,a.text-danger{
text-decoration:none;
}

a.text-primary:hover,a.text-primary:focus {
color:#286090;
}
.text-success {
color:#1d9d74;
}
a.text-success:hover,a.text-success:focus {
color:#157254;
}
.text-info {
color:#007dbc;
}
a.text-info:hover,a.text-info:focus {
color:#005b89;
}
.text-warning {
color:#8a6d3b;
}
a.text-warning:hover,a.text-warning:focus {
color:#66512c;
}
.text-danger {
color:#d9534f;
}
a.text-danger:hover,a.text-danger:focus {
color:#c9302c;
}

.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}

.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
text-align: center;
background-color: #f7f7f7;
border: 1px solid #c7c7cc;
border-radius: 4px;
}

.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
display: table-cell;
}
.input-group .form-control {
display: table-cell;
}
.input-group .form-control {
width: 100%;
margin-bottom: 0;
}

.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #494949;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #c7c7cc;
border-radius: 4px;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-group {
border-collapse: separate;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}

.input-group .but {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}

/* modal enviar dados*/
.modal_enviando_dados .caixa_texto {
font-size: 20px;
margin: 0 auto;
padding-bottom: 125px;
padding-top: 125px;
width: 550px;
}

.modal_enviando_dados .caixa_texto h1 {
font-size: 30px;
font-weight:bold;
color:#1c81cc;
}

.modal_enviando_dados .caixa_branca {
background-color: #fff;
margin-top: 10%;
}

.modal_enviando_dados {
text-align:center;
background-color: rgba(0,0,0,.7);
bottom: 0;
display: none;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 99999;
}
/* fim modal de enviar dados*/



/*login page*/

.login-body {
background-color: #76C5F0;
}
.login-img-body{
background: #76C5F0 url('imagens/block.png') no-repeat bottom center fixed; 
margin: 0;
}


.login-header{
max-width: 100%;
background: #0088cc; /* Old browsers */
height:80px;
}

.contato{
color:#FFF;
text-align:center;
font-size: 17px;
font-family: "Segoe UI",Arial,sans-serif;
}

.lateral_esquerda{
float:left;
width:50%;
border-right:solid 1px #fff;
margin-right:10px;
}

.caixa_texto{
max-width: 1170px;
margin:0 auto;
}


.login-form {
margin: 0 auto;
border-radius: 4px;    
}
.login-img-body .login-form{
max-width: 350px;
margin: 200px auto;
background: rgba(47,79,79,0.4);
}

.login-form a{
color: #688a7e !important;
}
.login-form h2.login-form-heading {
margin: 0;
padding:20px 15px;
text-align: center;
background: #34aadc;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
font-family: 'Lato', sans-serif;
}

.login-form .checkbox {
margin-bottom: 14px;
}
.login-form .checkbox {
font-weight: normal;    
font-weight: 300;
font-family: 'Lato', sans-serif;
}
.login-form .form-control {
position: relative;
font-size: 16px;
height: auto;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.login-form .form-control:focus {
z-index: 2;
}
.login-form .login-img{
font-size: 50px;
font-weight: 300;    
}
.login-form .input-group{
padding-bottom: 15px;
}
.login-form .input-group-addon{
padding: 6px 12px;
font-size: 16px;
color: #8b9199;
font-weight: normal;
line-height: 1;
text-align: center;
background-color: #ffffff;
border: none;
border-left-radius: 4px;
}
.login-form input[type="text"], .login-form input[type="password"] {    
border: none;
box-shadow: none;
font-size: 16px;
border-right-radius: 4px;	
}
.login-form .btn{
border-radius: 4px;
}
.login-form .btn-login {
background: #f67a6e;
color: #fff;
text-transform: uppercase;
font-weight: 300;
font-family: 'Lato', sans-serif;
box-shadow: 0 4px #e56b60;
margin-bottom: 20px;
}

.login-form p {
text-align: center;
color: #b6b6b6;
font-size: 16px;
font-weight: 300;
}
.login-img3-body .login-form p,.login-img2-body .login-form p {
color: #34aadc;
}
.login-form a {
color: #b6b6b6;
}

.login-form a:hover {
color: #34aadc;
}
.form .required{
font-size: 16px;
color: #00a0df;
}

.login-wrap {
padding: 20px;
}

.login-social-link  {
display: inline-block;
margin-top: 20px;
margin-bottom: 15px;
}

.login-social-link a {
color: #fff;
padding: 15px 28px;
border-radius: 4px;
}

.login-social-link a:hover {
color: #fff;
}

.login-social-link a i {
font-size: 20px;
padding-right: 10px;
}

.login-social-link a.facebook {
background: #5193ea;
margin-right: 22px;
box-shadow: 0 4px #2775e2;
float:left;
}

.login-social-link a.twitter {
background: #44ccfe;
box-shadow: 0 4px #2bb4e8;
float:left;
}

ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: #DEDEDE;
color: #666;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
border: solid 1px #999;
border-top-left-radius:6px;
border-top-right-radius:6px;
font-weight:bold;
}

ul.tabs li:hover{
background: #e3e3e3;
color: #494949;
border: solid 1px #494949;
padding: 20px 15px 10px 15px;		
}

ul.tabs li.current{
background: #ededed;
color: #222;
border-bottom: none;
padding: 20px 15px 10px 15px;	
}

.tab-content{
display: none;
background: #fff;
padding: 10px;
}

.tab-content.current{
display: inherit;
}


.img_arquivo{
text-decoration:none;
color:#494949;
}

div.polaroid {
width: 200px;
height: 267px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 4px;
float:left;
background-color: white;
margin: 10px;
position:relative;
}

div.polaroid:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
}

div.polaroid img {
width: 200px;
/* height: 200px;*/
}

div.polaroid-texto {
text-align: center;
padding: 10px;
font-weight:bold;
border-radius:0px 0px 4px 4px ;
background:#5BC0DE;
color:#fff;
position:absolute;
width: 180px;
bottom: 0px;
}

/* chat */
.chat{
width:100%;
margin: 0;
padding: 0;
}

.chat2 p::after{
float:right;								
font-size: 15px;
font-weight:bold;
line-height: 15px;								
content: "X";
color: #800000;
cursor: pointer;
}

.chat div {
font-size:11px;
margin-bottom:10px;								
}

.chat b {							
padding:0 15px;
}
.chat p {
position: relative;
width: 100%;
min-height: 30px;
background: #dcdcdc;
margin: 0;
text-align:justify;
box-sizing: border-box;
border-radius:5px;
padding:8px 10px;								
}

.chat p::before{
position: absolute;
top:-16px;
left:0;								
font-size: 0;
line-height: 0;
width: 0; 
height: 0; 
border:solid transparent;																
border-width: 8px;
border-left-color: #637f55;
border-right-width:0;								
content: "";
}

.border-top{	
border-top:solid 1px #494949;
padding:10px 0 0 0;
margin:0;
}
/********/

/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}


.calendario_hoje {
font-weight: bold;
text-indent: -3999px;
cursor: pointer ;
height: 39px;
}

.cep{
font-family: Verdana,Arial,sans-serif;
font-size: 9px;
color: green;
}
.cep_botao{
width: 116px;
height: 116px;
background-image: url(imagens/buscar.png); 
}


td {
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
}

.header_table {
background: #0088cc;
}
.header_data {
background: #CC6702;
font-weight: bold;
color: #fff;
}

#box {
font-size: 9px;
color: green;
text-align: center;
width: 65px;
}

.form-noindent {
background-color:#ffffff; 
border: double 3px #0088cc;
}

#box a {
font-size: 9px;
text-decoration: none;
color: red;
display: block;
}

.conteudo {
padding-left: 8px;
}

#titulo {
font-size: 20px;
display: block;
font-family: serif;
text-decoration: line;
text-align: left;
color: #0088cc;
font-weight: bold;
padding-left: 5px;
}

.footer-basic-centered {
background-color: #0088cc;
width: 100%;
text-align: center;
font-family: "Segoe UI",Arial,sans-serif;
font-size:14px;
padding: 5px 0;
color:#fff;
font-weight: bold;
}

.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #0088cc;
color: white;
text-align: center;
}

.rodape{
background: #0088cc url(imagens/fundo.gif); 
}

.rodape_loja{
background: #0088cc url(imagens/divider.gif); 
}



#textorodape {
font-size: 10px;
text-align: center;
color: #FFF;
font-weight: bold;
}

#textorodape a {
text-decoration: none;
color: #FFF;
}

#textorodape a:hover {
text-decoration: none;
color: #00CCFF;
}

.tabelaExibicao {

}

.tabelaExibicao a {
text-decoration: none;
color: #000;
}

.tabelaExibicao a:hover {
color: red;
}

.tituloTabelaExibicao {
color: #FFF;
background-color: #0088cc;
font-size: 12px;
text-align: left;
font-weight: bold;
}



#dica {
font-size: 10px;
color: red;
}

#dica:before {
content: "Dica - ";
font-weight: bold;
color: #000000;
}
#dica:after {
content: " !!!";
color: red;
}



.formularioTable1 td{
/*background: #F1F1F1;*/
padding: 5px 10px;
}

.validar:invalid+span:after {
content: '✖';
padding-left: 5px;
}

.validar:valid+span:after {
content: '✓';
padding-left: 5px;
}

.formularioTable1 input[type="date"] ,input[type="number"] ,input[type="text"] , .formularioTable1 input[type="submit"] ,.formularioTable1 input[type="reset"] , .formularioTable1 input[type="button"] ,.formularioTable1 input[type="password"] ,.formularioTable1 input[type="search"] , .formularioTable1 textarea, .formularioTable1 select{
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #c0c0c0;
border-radius: 4px;	
}

.formularioTable1 textarea{
height: 100px;
width:100%;
}


.formularioTable1 input[type="submit"]:hover{
color: #fff;
background-color: #449d44;
border-color: #398439;
}



.formularioTable td{
background:#fff8cc;
padding:4px 4px 4px 4px;
font-weight:bold;
clear:both
}

.formularioTable input {
border: 1px solid #494949;
background-image: url(imagens/bgbox.gif); 
font-size: 11px;
font-weight: bold;

outline: 0;
overflow: hidden;
height: 22px;
background: #FFFFFF;
color:#494949;
padding:0 10px 0 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.formularioTable input:focus {
border: 1px solid #FF0000;
background-image: url(imagens/bgbox.gif); 
font-size: 11px ;
font-weight: bold;
}

.formularioTable input:disabled {
border: 1px solid #ccc;
background-image: url(imagens/bgbox.gif); 
font-size: 11px ;
font-weight: bold;
}

.formularioTable select {  
/*background-image: url(imagens/bgbox.gif);; /* Cor do fundo do menu em repouso 
background:#ECECD9;*/
font:11px; /* Tamanho*/
border: 1px solid #494949;
outline: 0;
overflow: hidden;
background: #FFFFFF;
color:#494949;
padding:0 10px 0 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.formularioTable textarea { 
background:#ECECD9;
/*background-image: url(imagens/bgbox.gif); /* Cor do fundo do menu 
em repouso */
font:11px; /* Tamanho*/
border: 1px solid #494949;

outline: 0;
overflow: hidden;
background: #FFFFFF;
color:#494949;
padding:0 10px 0 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;


}

.formularioTable input#check {
border: 2px solid #000;
}

.formularioTable fieldset {
border: double 3px #0088cc;
background-color: #EAECF2;

-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;


}


.formularioTable legend {
margin-bottom: 15px;
padding: 5px 10px;
background: #F5F5F5;
border-style: solid;
border-width: 1px 2px 2px 1px;
border-color: #AAA;
font-weight: bold;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}



.botao {
background: url('imagens/fundo_botao.gif');
}

.botao:hover {
background: url('imagens/fundo_botaoH.gif');
}


#comandosLink a{
text-decoration: none;
background-color: #EAECF2;
color: #000;
display: block;
width: 75px;
border: solid 1px #000;
}

#comandosLinkMenu a{
text-decoration: none;
}


#comandosLink a:hover {
color: red;

}

#obs {
font-size: 10px;
text-align: center;
padding-top: 10px;
}

#obs:before {
content: "Obs. ";
color:#FF0000;
font-weight: bold
}

#obs:after {
content: " !!!";
}

.apagado {
background-color: #FF8484;
}


<!-- campo de busca com imagem -->

#search_box {
float: center;
width: 201px;
height: 31px;
background: url(imagens/bg_search_chat.GIF);
}

#search_box #s {
float: left;
padding: 0;
margin: 6px 0 0 6px;
border: 0;
width: 159px;
background: none;
}

#search_box #go {
float: right;
margin: 3px 4px 0 0;
}

.abaativa {
font-family: verdana;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
background-image: url(imagens/fundo_input.gif);
/* background-color: #0088cc; */
background-color: #ffffff;

BORDER-TOP:#000 2px solid; 

}

.abainativa {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #FFFFFF;
/* background-image: url(imagens/desativar.gif);*/
background-color: #0088cc;

BORDER-RIGHT:#000 2px solid; 
BORDER-LEFT:#000 2px solid;
BORDER-TOP:#000 2px solid; 
BORDER-BOTTOM:#000 2px solid;
}
.pisca{
font-size: 10px;
text-align: center;
color: #FFF;
font-weight: bold;
text-decoration:blink;
}

@keyframes fa-blink {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 0; }
}
.fa-blink {
-webkit-animation: fa-blink .75s linear infinite;
-moz-animation: fa-blink .75s linear infinite;
-ms-animation: fa-blink .75s linear infinite;
-o-animation: fa-blink .75s linear infinite;
animation: fa-blink .75s linear infinite;
}

.pisca_formulario{
font-size: 10px;
text-align: center;
color: blue;
font-weight: bold;
text-decoration:blink;
}
/*estilo para imagens na pag principal*/
.productList {
display: block; 
overflow: hidden; 
padding: 10px; 
border-bottom: 1px solid #CCC; 
width: 100%;
font-weight: bold;
}
.productList.last {
border-bottom: none;
}
.productList.tag {
display: block; 
margin: 0 auto 5px auto;
}

.produtoItem{
display: block; 
float:left;
width: 31%; 
font-size: 0.9em;
padding: 3px; 
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-top: 1px solid #CCC; 
overflow: hidden;
}

.produtoitem a {
text-align: center;
color: #888;
text-decoration: none;
font-weight: bold;
display: block;
}
.produtoitem a:before {
content: url('imagens/lupa.jpg');
}

.produtoitem a:hover {
color: #e00;
font-weight: bold;
}

.valorDe{
display: block; 
padding: 2px 0;
text-align:left; 
font-size: 0.9em; 
color:red; 
text-decoration:line-through;
margin-left:10px;
}

.valorPor {
display: block; 
padding: 2px 0;
text-align:left; 
font-size: 1.0em; 
color:green;
margin-left:10px;
}

.valorOu {
display: block; 
padding: 2px 0;
text-align:left; 
font-size: 0.9em;
margin-left:10px;
}

.box {
padding: 3px; 
border: 1px solid #CCC; 
margin-bottom: 5px; 
overflow: hidden;}
/*fim dos produtos*/

.moldura{
text-align:center;
}

/*
.abaativa_fp {
font-family: verdana;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
background-image: url(imagens/fundo_input.gif);
background-color: #000000;
BORDER-TOP:#000 2px solid; 

}
*/
.abaativa_fp {
font-family: verdana;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #FFF;
background: #20B2AA;
BORDER-TOP:none; 	
}

/*.abainativa_fp {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
background-image: url(imagens/fundo.gif);
background-color: #0088cc;
BORDER-RIGHT:#000 2px solid; 
BORDER-LEFT:#000 2px solid;
BORDER-TOP:#000 2px solid; 
BORDER-BOTTOM:#000 2px solid;
}*/

.abainativa_fp {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #f7f5ee;
background: #95a9b1;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
BORDER-top:#fff 10px solid;
height:40px;	
}

.abainativa_fp:hover{
color: #000;
background: #e1e1e1;
BORDER-top:#e1e1e1 10px solid;
}

.destaca_texto{
margin-top: 10px; 
background:#fff8cc;
border:solid 1px #ffe222;
/*
background:#EAECF2;
border:solid 1px #0088cc;
*/
border-style:dashed;
padding:4px 4px 4px 4px;
font-weight:bold;clear:both
}



@-webkit-keyframes listras-anim{from{background-position:40px 0}to{background-position:0 0}}
@-moz-keyframes listras-anim{from{background-position:40px 0}to{background-position:0 0}}
@-o-keyframes listras-anim{from{background-position:40px 0}to{background-position:0 0}}
@keyframes listras-anim{from{background-position:40px 0}to{background-position:0 0}}

.progresso{overflow:hidden;height:24px;background-color:#e7e7e7;box-shadow:inset -1px -1px 18px #CECECE,inset 0 -1px 0 #CECECE}

.progresso-barra,.progresso-barra-danger,.progresso-barra-success{margin-top:-20px;width:0%;height:24px;background-color:#87CEEB;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}
.progresso-barra-danger{background-color:#B22222;}
.progresso-barra-success{background-color:#008B8B;}

.progresso-pai .progresso-barra, .progresso-pai .progresso-barra-success,.progresso-pai .progresso-barra-danger,.progresso-pai{
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent);
background-size: 40px 40px
}

.progresso-pai{
text-align:center;
font-size:15px;
color:#4682B4;
font-weight:bold;
line-height:20px;
}

.progresso.ativa .progresso-barra, .progresso-pai .progresso-barra-success,.progresso-pai .progresso-barra-danger,.progresso.ativa .progresso-barra-75{-webkit-animation:listras-anim 2s linear infinite;-moz-animation:listras-anim 2s linear infinite;-ms-animation:listras-anim 2s linear infinite;-o-animation:listras-anim 2s linear infinite;animation:listras-anim 2s linear infinite}



.janela_barra_progresso{
margin:0px;
border: none;
padding: 0 0 0 0;
height:83px;
width:500px;
background:  #EAECF2 url(imagens/fundo_barra.png) 0 0  no-repeat;
font-size: 20px;
font-weight: bold;
font-family: serif;
line-height:25px;
}

.janela_barra_progresso a{
margin:0px;
font-size: 12px;
color:#666;
float: right; 
padding-top: 0; 
padding-right: 10px; 
overflow: hidden; 
height:27px;
width:60px;
text-indent: -1999px;
}

.barra_progresso {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: 200%;
font-weight: bold;
font-variant: normal;
color: #000000;

margin:0px;
border: none;
padding: 0 0 0 0;
height:27px;
width:482px;
background:  url(imagens/barra_progresso.gif) 0 0 no-repeat;
}
.barra_progresso_azul {
margin:0px;
border: none;
padding: 0 0 0 0;
float:left;
height:27px;
width:482px;
background:  url(imagens/barra_progresso.gif) 0 -27px no-repeat;
}

.barra_progresso_amarelo{
margin:0px;
border: none;
padding: 0 0 0 0;
float:left;
height:27px;
width:482px;
background:  url(imagens/barra_progresso.gif)  0 -54px no-repeat;
}

.barra_progresso_vermelho {
margin:0px;
border: none;
padding: 0 0 0 0;
float:left;
height:27px;
width:482px;
background:  url(imagens/barra_progresso.gif) 0 -81px  no-repeat;
}

.info, .success, .warning, .error, .validation, .avancar {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('imagens/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('imagens/success.png') ;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('imagens/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('imagens/error.png');
}


.info_16, .success_16, .warning_16, .error_16, .validation_16, .avancar_16 {
border: 1px solid;
margin: 1px 0px;
padding:1px 1px 1px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.error_16 {
color: #D8000C;
background-color: #FFBABA;
background-image: url('imagens/error_16.png');
}
.success_16 {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('imagens/success_16.png') ;
}



.box-home {
width: 383px;
height: 250px;
border: 1px solid #d8d8d8;
float:left;
margin: 5px 5px 0 0;
background: #FFFFFF url(imagens/bg-box-home.gif) bottom left repeat-x;
/*cursor:move;*/
cursor: url(imagens/arraste_mouse.gif), move;


}
.box-home .box-body {
padding: 0 0 0 5px;
overflow:auto;
height: 210px;
}
.box-home h3 {
height: 36px;
display:block;
width:100%;
background:#06F url(imagens/bg-box-home-header.gif) repeat-x center center;
margin: 0 0 0 0;
color: #003263;
line-height: 36px;
font-size:10pt;
font-style:normal;
}

.box-home .title-itens {
height: 25px;
display:block;
width:100%;
background:#003263;
margin: 5px 0 0 0;
color: #FFF;
line-height: 25px;
font-size:10pt;
font-weight:bold;
padding:0 0 0 5px;
}

.box-home .list-itens div{
height: 30px;
padding:0;
margin:0;
font-size:11px;
line-height: 30px;
border-bottom:solid 1px #FFF;
background:#EAEFF1 url(imagens/bg-box-home-header.gif) repeat-x center center;
padding:0 0 0 5px;
}

#alerta{
width:100%;
top:85px;
left:0px;
z-index: 999;
position:fixed;


padding:15px 50px;
cursor:pointer;

/*essas propriedades s�o opicionais*/
font-family: 'trebuchet ms';
font-size: 18px;

/*crossbrowser opacity*/
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;

/*uma pequena sombra para que seja poss�vel destacar o alrta do resto da p�gina*/
-moz-box-shadow: 0px 2px 2px #888;
-webkit-box-shadow: 0px 2px 2px #888;
box-shadow: 0px 2px 2px #888;
}


.print{
display:none;
}

@media print{
.noprint{
display:none;
"visibility: hidden;
}

.print{
display:block;
}
body {
background-color: #FFFFFF;
}
.container{width:100%;background:#fff;}
.table th, .table td{padding:0 2px;font-size:12px;height:15px;}
body, .table td, table th{font-size:12px;}
.caixa-renegociacao{width:100%;}
.caixa-renegociacao div{line-height:15px}
.alert{padding: 5px;margin-bottom: 5px; margin-top: 5px}

}

.badge {
display: inline-block;
font-size: 9px;
font-weight: bold;
line-height: 23px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
vertical-align: baseline;
background-color: #999999;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 23px;
}
.badge-error {
background-color: #b94a48;
}
.badge-warning {
background-color: #f89406;
}
.badge-success {
background-color: #468847;
}
.badge-info {
background-color: #3a87ad;
}
.badge-inverse {
background-color: #333333;
}
.badge-spc {
background-color: #FF0000;
}.badge-pf {
background-color: #800000;
}

#lateral {
color: #494949;
padding:0 5px 0 0;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size:1.2em;
background:#ccc;
height:185px;
overflow:hidden;
width:200px; 
position:fixed;
top:350px;
left:-175px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:solid 1px #fff;

}
#lateral:before {
z-index:1000;
content: url(imagens/item1.png);
font-size:4em;
color:white;
position:fixed;
left:10px;
top:365px;
}
#lateral:hover:before, #lateral:focus:before {
left:0px
}
#lateral:hover, #lateral:focus,  #lateral:active  {
overflow:hidden;
-moz-transform: translate(175px, 0);
-webkit-transform: translate(175px, 0);
-o-transform: translate(175px, 0);
transform: translate(175px, 0);
padding-left:15px;
}

@media (max-width: 930px) {
.container{
width:100%;
}
}

@media only screen and (max-width: 480px) {
.login-header{   
height:100px;
border-bottom:solid 10px #5CB85C;
font-size: 100%;
font-weight: bold;    
font-family: 'Lato', sans-serif;
color:#FFF;
text-align:left;
}

.contato{
font-size: 11px;
line-height:25px;
}

.lateral_esquerda{
float:none;
width: 100%;
border:none;
}

.caixa_texto{
width: 100%;
margin:0 auto;
}

.login-img-body .login-form {
max-width: 300px;
margin: 50px auto;
}

}