/**
* CSS padrao para todas as paginas
*
* @author Jean Yoshioka, Pedro Anjos, Felipe Zuntini
* @copyright Hypnobox
* @date 06/08/2014
* @import url("style.css");
*/

/**
* @description
* Imagem de background da pagina fixa e scroll sempre na tela
  para pagina nao ficar dancando o abrir modal ou em
  paginas com pouco conteudo
*/
body{
	background:url('../img/background/bg-hypnobox.png') no-repeat scroll center top #ffffff;
	overflow-y: scroll;
	overflow-x: auto;
	position:relative;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
a[href^='mailto:'] {
	text-decoration: underline!important;
}
/**
* @description
* Linha do topo padrao de acordo com a pagina acessada
* Obs: cada css de secao possui uma cor especifica
*/
.detalhe-sessao-body{
	position:absolute;
	width:50%;
	height: 2px;
	background-color: #adcd5b;
	right:0;
	top:0;
	z-index:2;
}
.detalhe-sessao-body.abasimples{
	background-color:#adcd5b!important;
	left:50%;
}
.detalhe-sessao-body-retratil{
	position:absolute;
	width:50%;
	height: 2px;
	background-color: #adcd5b;
	right:0;
	top:0;
	z-index:2;
}
/**
* @description
* Linha do topo padrao de acordo com a pagina acessada
* Obs: cada css de secao possui uma cor especifica
*/
.detalhe-sessao-header{
	position:absolute;
	top:0px;
	width:970px;
	height:2px;
	background-color:#adcd5b;
	right:0;
}
.header.abasimples .detalhe-sessao-header{
	background-color:#adcd5b!important;
	width:838px;
}
.detalhe-sessao-header-retratil{
	position:absolute;
	top:0px;
	width:925px;
	height:2px;
	background-color:#adcd5b;
	right:0;
	z-index:2;
}

.detalhe-sessao-footer-container{
	position:absolute;
	width:50%;
	height: 2px;
	background-color: #adcd5b;
	right:0;
	top:-2px;
	z-index:0;
}
.detalhe-sessao-footer{
	position:absolute;
	top:-2px;
	width:854px;
	height:2px;
	background-color:#adcd5b;
	right:0;
}

/**
* @description
* Background da tela de carregamento
*/
#bg-loading{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#2e2828;
	z-index:10000;
	display:block;
	opacity:0.65;
	-moz-opacity:0.65;
	filter:alpha(opacity=65);
}
/**
* @description
* Imagem da tela de carregamento
*/
.loader{
	position:fixed;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	z-index:10001;
	padding:25px;
	margin-top:-65px;
	margin-left:-65px;
}
.loader img{
	border-radius:100px;
	/* IE7~8 FIX *
	behavior:url('PIE.htc')\9;*/
}

/**
* @description
* Todos os links visitados e clicados mantem o padrao de cinza
*/
a{
	color:#c9c9c9;
}

/**
* @description
* Muda o cursor de todos o INPUT[SUBMIT] para pointer
*/
input[type="submit"]{
	cursor:pointer!important;
}

/**
* @description
* Gera a fonte padrao para o sistema
*/
@font-face {
    font-family:'open_sansregular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../font/OpenSans-Italic-webfont.eot');
    src: url('../font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Italic-webfont.woff') format('woff'),
         url('../font/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'open_sansbold_italic';
    src: url('../font/OpenSans-BoldItalic-webfont.eot');
    src: url('../font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../font/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'open_sanssemibold';
    src: url('../font/OpenSans-Semibold-webfont.eot');
    src: url('../font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../font/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'open_sansbold';
    src: url('../font/OpenSans-Bold-webfont.eot');
    src: url('../font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Bold-webfont.woff') format('woff'),
         url('../font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'open_sans_condensedlight';
    src: url('../font/OpenSans-CondLight-webfont.eot');
    src: url('../font/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../font/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../font/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'open_sans_condensedbold';
    src: url('../font/OpenSans-CondBold-webfont.eot');
    src: url('../font/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../font/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../font/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight:normal;
    font-style:normal;
}


/**
* @description
* Background escuro para quando cai a conexao
*/
.cobertura{
		background:url('../img/background/bg-preto.png');
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:999;
	}
/**
* @description
* Caixa para quando cai a conexao
*/
	.cobertura .caixa-sem-conexao{
		position:absolute;
		width:317px;
		height:317px;
		padding:64px;
		margin-left:-222.5px;
		left:50%;
		margin-top:-262.5px;
		top:50%;
		background:url('../img/alerta-grande.png') no-repeat center center;
	}
/**
* @description
* Texto da caixa para quando cai a conexao
*/
		.cobertura .caixa-sem-conexao p{
			font-family:Arial;
			font-size:18px;
			color:#ffffff;
			text-align:center;
			margin-top:260px;
		}

/**
* @description
* Caixa que centraliza a pagina inteira
*/
.container{
	margin: 0 auto;
	position: relative;
	width: 942px;
	z-index: 2;
}
/**
* @description
* Caixa do topo
*/
.header{
	/*
	left:50%;
	margin-left:-501px;
	*/
	margin:0 auto;
	padding:30px 30px 0;
	position:relative;
	width:942px;
	height:190px;
	z-index:3;
}
.header.abasimples{
	height:50px;
	padding-top:16px;
}

/**
* @description
* Logo do topo
*/
.logo{
	float:left;
	margin:8px 0 52px 5px;
}
.header.abasimples .logo{
	margin:0 0 0 25px;
}
/**
* @description
* Ajusta o clique do logo
*/
.logo a{
	float:left;
}

/**
* @description
* Caixa de perfil do usuario no topo
*/
.nav-perfil{
	position:absolute;
	right:30px;
	top:20px;
	z-index:3;
}
/**
* @description
* Circulo de notificacao do usuario no topo do avatar
*/
.notificacao-perfil{
	height:16px;
	line-height:15px;
	position:absolute;
	right:-5px;
	text-align:center;
	top:6px;
	width:16px;
}
/**
* @description
* Mascara do avatar do usuario
*/
.avatar{
	border:2px solid #adce5b;
	border-radius:45px;
	float:right;
	height:70px;
	margin-left:6px;
	position:relative;
	width:70px;
	z-index:9;

	/* IE7~8 FIX *
	behavior:url('PIE.htc')\9;*/
}
.dados-iniciais.padding-avatar{
	padding: 10px 94px 20px 0;
}
.dados-iniciais .avatar{
    border-radius: 2px;
	height: 74px;
	float: none;
	margin-left:0px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 74px;
}
.dados-iniciais .avatar > img {
    border-radius: 2px;
}
/**
* @description
* Imagem do avatar do usuario
*/
.avatar img{
	border-radius:45px;

	/* IE7~8 FIX *
	behavior:url('PIE.htc')\9;*/
}
.avatar .avatar-menu{
	background-position:-167px 0px;
	bottom:4px;
	height:26px;
	position:absolute;
	right:-9px;
	width:26px;
}
/**
* @description
* Caixa de informacoes do usuario no topo
*/
.nav-perfil .info{
	float:right;
	margin-top:14px;
	position:relative;
	text-align:right;
}
/**
* @description
* Texto da caixa de informacoes do usuario no topo
*/
.nav-perfil .info p{
	line-height:16px;
}
/**
* @description
* Botao MINHA CONTA no topo
*/
.nav-perfil .info a.btn-editar{
	float:right;
	margin-top:2px;
	position:relative;
	z-index:4;
}
.nav-perfil .info .sorteio-tooltip {
	background: rgba(0,0,0,0.7);
	border-radius: 6px;
	color: #ffffff;
	font-family: 'open_sans_condensedbold', Arial, sans-serif;
	font-size: 12px;
	left: -38px;
	margin-top: -18px;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	text-align: center;
	top: -30px;
	visibility: hidden;
	width: 172px;

	transition: opacity 0.2s, margin-top 0.2s, visibility 0s 0.2s;
}
.nav-perfil .info .sorteio-tooltip.show {
	margin-top: 0;
	opacity: 1;
	visibility: visible;

	transition: opacity 0.2s 0.01s, margin-top 0.2s 0.01s, visibility 0s;
}

/**
* @description
* Menu de navecao no topo da pagina
*/
.nav-menu-principal{
	background:url('../img/background/bg-menu.png');
	float:left;
	height:42px;
	width:942px;
	border-radius:5px;
}
/**
* @description
* Lista o menu de navegacao
*/
	.nav-menu-principal ul{
		display: flex;
		float:left;
		width:100%;
	}
/**
* @description
* Borda a esquerda de cada item da lista
*/
		.nav-menu-principal ul li{
			border-left:1px solid #dddddc;
			float:left;
			height:28px;
			margin-top:6px;
			width:100%;
		}

		.nav-menu-principal.conectando-forcas-vendedor ul li {
            width:187px;
		}
		.nav-menu-principal.conectando-forcas-vendedor ul li:nth-child(odd) {
            width:188px;
		}

		.nav-menu-principal.conectando-forcas ul li{
			width:234px;
		}

		.nav-menu-principal.conectando-forcas ul li:nth-child(odd){
			width:235px;
		}
/**
* @description
* Retira a borda da esquerda do primeiro item da lista
*/
		.nav-menu-principal ul li:first-child{
			border-left:0;
		}
/**
* @description
* Botao padrao do menu navegacao
*/
			.nav-menu-principal ul li a{
				color:#ffffff;
				float:left;
				font-size:12px;
				font-family:'open_sans_condensedbold', Arial, sans-serif;
				height:36px;
			    line-height:31px;
			    margin-top:-6px;
			    padding-top:6px;
			    position:relative;
				text-align:center;
				text-decoration:none;
				width:100%;
			}
/**
* @description
* Muda a cor do botao ao passar o mouse e
* suas variacoes de acordo com a secao
*/
			.nav-menu-principal ul li a:hover{
				background:#292a26;
				border-bottom-style:solid;
				border-bottom-width:2px;
				color:#adcd5b;
				height:34px;
			}
			.nav-menu-principal ul li a.meu-painel:hover{
				border-bottom-color:#adcd5b;
				color:#adcd5b;
				border-top-left-radius:5px;
				border-bottom-left-radius:5px;
				text-shadow:0px 0px 3px #adcd5b;
			}
			.nav-menu-principal ul li a.clientes:hover{
				border-bottom-color:#fd254d;
				color:#fd254d;
				text-shadow:0px 0px 3px #fd254d;
			}
			.nav-menu-principal ul li a.imobiliarias:hover{
				border-bottom-color:#fd254d;
				color:#fd254d;
				text-shadow:0px 0px 3px #fd254d;
			}
			.nav-menu-principal ul li a.produtos:hover{
				border-bottom-color:#01b781;
				color:#01b781;
				text-shadow:0px 0px 3px #01b781;
			}
			.nav-menu-principal ul li a.mensagens:hover{
				border-bottom-color:#00e4ff;
				color:#00e4ff;
				text-shadow:0px 0px 3px #00e4ff;
			}
				.nav-menu-principal ul li a.mensagens .notificacao-mensagem{
					background:#505050;
					border-radius:11px;
					color:#00e4ff;
					font-size:13px;
					height:22px;
					line-height:22px;
					right:24px;
					position:absolute;
					top:10px;
					width:22px;
				}
			.nav-menu-principal ul li a.email-mkt:hover{
				border-bottom-color:#ff9600;
				color:#ff9600;
				text-shadow:0px 0px 3px #ff9600;
			}
			.nav-menu-principal ul li a.relatorios:hover{
				border-bottom-color:#cd60ed;
				color:#cd60ed;
				border-top-right-radius:5px;
				border-bottom-right-radius:5px;
				text-shadow:0px 0px 3px #cd60ed;
			}
			.nav-menu-principal ul li a.reservas:hover{
				border-bottom-color:#ffcc33;
				color:#ffcc33;
				text-shadow:0px 0px 3px #ffcc33;
			}
                                .nav-menu-principal ul li a.reservas .notificacao-reserva{
					background:#505050;
					border-radius:11px;
					color:#ffcc33;
					font-size:13px;
					height:22px;
					line-height:22px;
					right:24px;
					position:absolute;
					top:10px;
					width:22px;
				}

/**
* @description
* Menu de notificacao
*/
.nav-submenu{
	background:url('../img/background/bg-menu-not.png') no-repeat scroll -59px 0 #ffffff;
	height:36px;
	left:690px;
	padding:6px;
	position:absolute;
	top:110px;
	z-index:2;
	border-radius:10px;

	/* IE7~8 FIX *
	behavior:url('PIE.htc')\9;*/
}
/**
* @description
* Caixa de notificacoes
*/
.submenu{
	background:url('../img/background/bg-cinza.png');
	float:left;
	height:100%;
	border-radius:8px;

	/* IE7~8 FIX *
	position:relative\9;
	behavior:url('PIE.htc')\9;*/
}
/**
* @description
* Botao de configuracoes
*/
.submenu > li{
	border-left:1px solid #dddddc;
	float:left;
	height:25px;
	margin-top:6px;
	position:relative;
}
.submenu > li.notificacoes{
	border-left:0;
}
	.submenu > li > a{
		color:#ffffff;
		float:left;
		height:36px;
		line-height:38px;
		margin-top:-6px;
		padding:0 12px 0 34px;
		position:relative;
		text-decoration:none;
	}
	.submenu > li > a:hover{
		text-shadow:0px 0px 4px #ffffff;
	}
	.submenu > li > a.ativo{
		text-shadow:0px 0px 4px #ffffff;
	}
		.submenu > li > a > i{
			height:30px;
			left:3px;
			position:absolute;
			top:3px;
			width:30px;
		}
		.submenu > li > a > i.ico-notificacao{
			background-position:0px 0px;
		}
			.submenu > li > a:hover > i.ico-notificacao{
				background-position:-30px 0px;
			}
			.submenu > li > a.ativo > i.ico-notificacao{
				background-position:-30px 0px;
			}
		.submenu > li > a > i.ico-configuracao{
			background-position:0px -31px;
		}
			.submenu > li > a:hover > i.ico-configuracao{
				background-position:-30px -31px;
			}

		li.notificacoes .box-notificacao{
			display:none;
			position:absolute;
			right:52px;
			top:12px;
			width:254px;
		}
		li.notificacoes .box-notificacao.retratil{
			margin-right:-406px;
			position:fixed;
			right:50%;
			top:28px;
			z-index:10;
		}
			li.notificacoes .box-notificacao .seta{
				border-color:transparent transparent #eff0ed;
				border-style:solid;
				border-width:0 0 12px 8px;
				float:right;
				height:0;
				margin-right:46px;
				opacity:0.94;
				width:0;
			}
			li.notificacoes .box-notificacao .conteudo{
				clear:both;
				float:left;
				padding:5px;
				position:relative;
				width:244px;
			}
				li.notificacoes .box-notificacao .conteudo > ul{
					background:#fdfdfc;
					border-radius:6px;
					float:left;
					padding:2px;
					position:relative;
					width:240px;
					z-index:1;
				}
					li.notificacoes .box-notificacao .conteudo > ul > li.tipo{
						float:left;
						margin-top:1px;
						position:relative;
						width:100%;
					}
					li.notificacoes .box-notificacao .conteudo > ul > li.tipo .linha{
						background:#f0f0f0;
						height:1px;
						left:22px;
						position:absolute;
						top:-1px;
						width:208px;
					}
						li.notificacoes .box-notificacao .conteudo > ul > li.tipo:first-child .linha{
							display:none;
						}
						li.notificacoes .box-notificacao .conteudo > ul > li.tipo > a{
							color:#4d4d4d;
							float:left;
							font-family:'open_sansbold', Arial, sans-serif;
							font-size:12px;
							line-height:14px;
							padding:10px 12px 10px 24px;
							position:relative;
							text-decoration:none;
						}
							li.notificacoes .box-notificacao .conteudo > ul > li.tipo.lido > a{
								color:#a1a1a1;
							}
							li.notificacoes .box-notificacao .conteudo > ul > li.tipo > a:hover{
								color:#adce5b;
							}

							li.notificacoes .box-notificacao .conteudo > ul > li.tipo > a i.icone{
								height:30px;
								left:0;
								margin-top:-15px;
								position:absolute;
								top:50%;
								width:15px;
							}
								li.notificacoes .box-notificacao .conteudo > ul > li.tipo.alerta > a i.icone{
									background-position:-45px -60px;
								}
								li.notificacoes .box-notificacao .conteudo > ul > li.tipo.tarefa > a i.icone{
									background-position:-45px -90px;
								}
								li.notificacoes .box-notificacao .conteudo > ul > li.tipo.visita > a i.icone{
									background-position:-45px -120px;
								}
								li.notificacoes .box-notificacao .conteudo > ul > li.tipo.geral > a i.icone{
									background-position:-45px -150px;
								}
				li.notificacoes .box-notificacao .conteudo > a{
					position:relative;
					z-index:1;
				}
				li.notificacoes .box-notificacao .conteudo .bg{
					background:#eff0ed;
					border-radius:8px;
					height:100%;
					left:0;
					opacity:0.94;
					position:absolute;
					top:0;
					width:100%;
					z-index:0;
				}

/**
* @description
* Itens da caixa de notificacoes
*/
	.notificacoes > li{
		border-left:1px solid #dddddc;
		float:left;
		height:28px;
		margin-top:6px;
		position:relative;
	}
	.notificacoes > li.visitas{
		width:93px;
	}
	.notificacoes > li.tarefas{
		width:97px;
	}
	.notificacoes > li.alertas{
		width:102px;
	}
/**
* @description
* Tira a borda do primeiro item da lista
*/
	.notificacoes > li:first-child{
		border-left:0;
	}
/**
* @description
* Texto do Item da caixa de notificacoes
*/
		.notificacoes > li > a{
			color:#ffffff;
			float:left;
			font-size:10px;
			font-family:'open_sansbold', Arial, sans-serif;
			height:35px;
		    line-height:31px;
		    margin-top:-6px;
		    padding-top:6px;
		    position:relative;
			text-align:center;
			text-decoration:none;
			width:100%;
		}
/**
* @description
* Imagem ao lado do texto da caixa de notificacao
*/
		.notificacoes > li > a > span.ico{
			margin:2px -6px 0 10px;
		}

/**
* @description
* Caixa de breadcumb do sistema
*/
.nav-breadcrumb{
	background:#ffffff;
	border-radius:5px 9px 9px 5px;
	box-shadow:1px 1px 6px 0px #aaaaaa;
	float:left;
	height:18px;
	margin-top:6px;
	padding:0 6px;

	/* IE7~8 FIX *
	position:relative\9;
	behavior:url('PIE.htc')\9;*/
}
/**
* @description
* Texto da caixa de breadcumb do sistema
*/
.nav-breadcrumb p{
	line-height:18px;
}
/**
* @description
* Retira underline dos links padrao dos navegadores
*/
.nav-breadcrumb a{
	text-decoration:none;
}

@-webkit-keyframes pulse {
	0%   { opacity: 0; }
	35%	 { opacity: 1; }
	65%	 { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes pulse {
	0%   { opacity: 0; }
	35%	 { opacity: 1; }
	65%	 { opacity: 1; }
	100% { opacity: 0; }
}
@-o-keyframes pulse {
	0%   { opacity: 0; }
	35%	 { opacity: 1; }
	65%	 { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes pulse {
	0%   { opacity: 0; }
	35%	 { opacity: 1; }
	65%	 { opacity: 1; }
	100% { opacity: 0; }
}
.notificacao-principal-atendimento{
	background-color:#adce5b;
	border-radius:37px;
	display:none;
	height:74px;
	position:absolute;
	width:74px;
	z-index:99999;
}
.notificacao-principal-atendimento.pulsar {
	-webkit-animation: pulse 4s infinite; /* Safari 4+ */
	-moz-animation:    pulse 4s infinite; /* Fx 5+ */
	-o-animation:      pulse 4s infinite; /* Opera 12+ */
	animation:         pulse 4s infinite; /* IE 10+, Fx 29+ */
}
.notificacao-principal-atendimento.mensagem{
	background-position:-74px -229px;
}
.notificacao-principal-atendimento.chat{
	background-position:0px -229px;
}
.notificacao-principal-atendimento.whatsapp{
	background: #ADCE5B url(../img/icon-whatsapp-white.png) center no-repeat;
	background-size: 60%;
}
.notificacao-principal-atendimento.telefonia{
	background-position:-148px -229px;
}
.fancybox-lock .notificacao-principal-atendimento{
	margin-left:17px;
}
.borda-painel-atendimento{
	background:#adce5b;
	border-radius:150px;
	display:none;
	height:292px;
	position:absolute;
	right:-18px;
	top:5px;
	width:295px;
	z-index:8;
}
.borda-painel-atendimento.retratil{
	position:fixed;
	right:50%;
	margin-right:-490px;
	top:-16px;
}
.painel-atendimento{
	background:#303030;
	border-radius:145px;
	height:290px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	width:290px;
}
	.painel-atendimento .atedimento-infos{
		height:254px;
		float:left;
		margin-left:48px;
		position:relative;
		width:206px;
	}
		.painel-atendimento .atedimento-infos .som-painel{
			background:url('../img/sprite-som.png') no-repeat 0px 0px #202020;
			border-radius:12px;
			float:right;
			height:24px;
			margin-right:14px;
			width:24px;
            display: none;
		}
		.painel-atendimento .atedimento-infos .som-painel.mudo{
			background-position:0px -24px;
		}
		.painel-atendimento .atedimento-infos .caixa-nome-guerra{
			height:69px;
		}
			.painel-atendimento .atedimento-infos .caixa-nome-guerra p.nome-guerra-usuario{
				color:#adce5b;
				float:left;
				font-family:'open_sans_condensedbold', Arial, sans-serif;
				font-size:16px;
				margin-top:22px;
				margin-left:10px;
				text-align:right;
				width:100px;
			}
		.painel-atendimento .atedimento-infos .status-atendimento{
			float:left;
			height:55px;
			width:154px;
		}
			.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff{
				background:#202020;
				border-radius:7px;
				float:left;
				height:53px;
				margin-right: 6px;
				padding:1px;
				position: relative;
				width:14px;
				z-index: 1;
			}
				.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff .ico-tipo{
					background: url('../img/sprites-hypnobox.png') no-repeat -9999px -9999px #202020;
					border-radius: 8px;
					height: 16px;
					left: 0;
					position: absolute;
					top: -20px;
					width: 16px;
				}
				.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff.chat .ico-tipo{
					background-position: -60px -122px;
				}
				.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff.mensagem .ico-tipo{
					background-position: -60px -138px;
				}
				.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff.chatbot .ico-tipo{
					background-image: url('../img/ico-filachatbot.svg');
					background-size: 14px auto;
					background-position: 1px 1px;
				}
				.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff.telefonia .ico-tipo{
					background-image: url('../img/telefone.png');
					background-size: 14px auto;
					background-position: 1px 1px;
				}
				.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff .status{
					height: 16px;
					left: 0;
					position: absolute;
					width: 16px;
					z-index: 10;
				}
				.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff .status.online{
					top: 1px;
				}
				.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff .status.invisivel{
					top: 20px;
				}
				.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff .status.offline{
					top: 39px;
				}
				.painel-atendimento .atedimento-infos .status-atendimento .caixa-onoff .ico-status{
					background:#adce5b;
					border-radius:7px;
					float:left;
					height:14px;
					width:14px;
				}
			.painel-atendimento .atedimento-infos .status-atendimento > .status-corretor.online{
				color: #adce5b;
			}
			.painel-atendimento .atedimento-infos .status-atendimento > .status-corretor.invisivel{
				color: #ffde00;
			}
			.painel-atendimento .atedimento-infos .status-atendimento > .status-corretor.offline{
				color: #ff0000;
			}
		.painel-atendimento .atedimento-infos .caixa-opcoes-painel{
			background:#202020;
			border-radius:8px 0 0 0;
			bottom:0;
			padding-bottom:18px;
			position:absolute;
		}
			.painel-atendimento .atedimento-infos .caixa-opcoes-painel p.texto-painel{
				background:#303030;
				border-radius:12px;
				float:left;
				height:18px;
				line-height:18px;
				padding:0 10px;
				text-transform:uppercase;
				width:162px;
			}

/**
* @description
* Background no rodape da pagina
*/
.footer-container{
	background:#3a3a3a;
	border-bottom:20px solid #282828;
	bottom:0;
    clear:both;
    height:60px;
	position: absolute;
    width:100%;
    z-index:0;
}
.footer-container.abasimples{
	border-bottom:7px solid #282828;
    height:43px;
}
/**
* @description
* Centraliza o conteudo do rodape
*/
.footer{
	background:#3a3a3a;
	border-bottom:20px solid #282828;
	clear:both;
	height:60px;
	/*
	left:50%;
	margin-left:-501px;
	*/
	margin:0 auto;
	padding:0 30px;
	position:relative;
	width:942px;
	z-index:1;
}
.footer.abasimples{
	border-bottom:7px solid #282828;
	height:43px;
}
/**
* @description
* Imagem do logo rodape e texto de copyright do sistema
*/
	.footer .copyright{
		float:left;
		margin:10px 0 0 0;
	}
	.footer.abasimples .copyright{
		margin-top:7px;
	}
		.footer .copyright img{
			float:left;
		}
		.footer .copyright p{
			float:left;
			margin:12px 0 0 4px;
		}
		.footer.abasimples .copyright p{
			margin-top:9px;
		}

/**
* @description
* Links para paginas externas do sistema
*/
	.footer .links{
		float:right;
		margin:15px 0px 0 0;
	}
		.footer .links > ul{
			float:right;
		}
			.footer .links > ul > li{
				float:left;
				border-left:1px solid #9b9c9c;
			}
			.footer .links > ul > li:first-child{
				border-left:0;
			}
				.footer .links > ul > li > a{
					float:left;
				}
		.ico-clicou{
			background:url('../img/ico-clicou.png') no-repeat center 0;
			height:27px;
			width:32px;
		}
		.ico-clicou:hover{
			background-position:center -27px;
		}
		.ico-facebook{
			background:url('../img/ico-facebook.png') no-repeat center 0;
			height:27px;
			width:27px;
		}
		.ico-facebook:hover{
			background-position:center -27px;
		}

/**
* @description
* Seta para esquerda paginacao
*/
.fm-seta-esquerda{
	border-color:transparent #000000 transparent transparent;
	border-style:solid;
	border-width:10px 10px 10px 0;
	height:0;
	width:0;
}
/**
* @description
* Seta para direita paginacao
*/
.fm-seta-direita{
	border-color:transparent transparent transparent #000000;
	border-style:solid;
	border-width:10px 0 10px 10px;
	height:0;
	width:0;
}
/**
* @description
* Seta para baixo
*/
.fm-seta-abaixo{
	border-color:#ffffff transparent;
	border-style:solid;
	border-width:4px 3px 0 3px;
	height:0;
	width:0;
}
/**
* @description
* Margin-left e suas variacoes
*/
.ml-4{
	margin-left:4px;
}
.ml-5{
	margin-left:5px;
}
.ml-6{
	margin-left:6px;
}
.ml-10{
	margin-left:10px;
}
.ml-12{
	margin-left:12px;
}
.ml-15{
	margin-left:15px;
}
.ml-20{
	margin-left:20px;
}
.ml-25{
	margin-left:25px;
}
.ml-30{
	margin-left:30px;
}
.ml-35{
	margin-left:35px;
}
.ml-40{
	margin-left:40px;
}
.ml-45{
	margin-left:45px;
}
.ml-50{
	margin-left:50px;
}
.ml-60{
	margin-left:60px;
}
.ml-70{
	margin-left:70px;
}
/**
* @description
* Margin-top e suas variacoes
*/
.mt-2{
	margin-top:2px;
}
.mt-3{
	margin-top:3px;
}
.mt-5{
	margin-top:5px;
}
.mt-10{
	margin-top:10px;
}
.mt-12{
	margin-top:12px;
}
.mt-15{
	margin-top:15px;
}
.mt-18{
	margin-top:18px;
}
.mt-20{
	margin-top:20px;
}
.mt-25{
	margin-top:25px;
}
.mt-30{
	margin-top:30px;
}
.mt-35{
	margin-top:35px;
}
.mt-40{
	margin-top:40px;
}
.mt-50{
	margin-top:50px;
}
.mt-100{
	margin-top:100px;
}
.mt-excecao{
	margin-top:-12px;
}
.mt-0{
	margin-top:0px!important;
}
/**
* @description
* Margin-right e suas variacoes
*/
.mr-0{
	margin-right:0px!important;
}
.mr-2{
	margin-right:2px;
}
.mr-5{
	margin-right:5px;
}
.mr-10{
	margin-right:10px;
}
.mr-15{
	margin-right:15px;
}
/**
* @description
* Margin-bottom e suas variacoes
*/
.mb-10{
	margin-bottom:10px;
}
.mb-5{
	margin-bottom:5px;
}
.mb-15{
	margin-bottom:15px;
}
.mb-20{
        margin-bottom: 20px;
}

/**
* @description
* Caixa de conteudo
*/
.content{
	float:left;
	margin:10px 0 50px;
	width:100%;
}

/**
* @description
* Caixa de acesso negado a alguma area do sistema
*/
.caixa-acessonegado{
	background:#f9f9f9;
	border:1px solid #e7e7e7;
	float:left;
	height:317px;
	margin-left:27px;
	text-align:center;
	width:888px;
	border-radius:10px;

	/* IE7~8 FIX */
	position:relative\9;
	behavior:url('PIE.htc')\9;
}
/**
* @description
* Imagem da caixa de acesso negado a alguma area do sistema
*/
.caixa-acessonegado img{
	margin-top:50px;
}
/**
* @description
* Texto da caixa de acesso negado a alguma area do sistema
*/
.caixa-acessonegado p{
	margin-top:30px;
}
/**
* @description
* Botao da caixa de acesso negado a alguma area do sistema
*/
.caixa-acessonegado .custom-botao{
	display:inline-block;
	margin-top:30px;
}

/**
* @description
* Titulo da secao do formulario
*/
.dados-titulo{
	background:#ffffff;
	border-radius:8px;
	float:left;
	left:20px;
	padding:4px 10px;
	position:absolute;
	text-transform:uppercase;
	top:-12px;

	/* IE7~8 FIX *
	position:relative\9;
	behavior:url('PIE.htc')\9;*/
}

/**
* @description
* Texto do titulo da secao do formulario
*/
p.titulo{
	background:#f6f6f6;
	border-radius:8px;
	color:#b4b4b4;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:14px;
	left:18px;
	padding:4px 10px;
	position:absolute;
	text-transform:uppercase;
	top:-12px;

	/* IE7~8 FIX *
	behavior:url('PIE.htc')\9;*/
}
/**
* @description
* Texto grande do titulo da secao do formulario
*/
p.titulo-grande{
	background:#f6f6f6;
	border-radius:8px;
	color:#b4b4b4;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:19px;
	left:18px;
	padding:4px 10px;
	position:absolute;
	text-transform:uppercase;
	top:-12px;

	/* IE7~8 FIX *
	behavior:url('PIE.htc')\9;*/
}

p.titulo-pequeno{
	background:#ffffff;
	border-radius:8px;
	color:#b4b4b4;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:15px;
	left:13px;
	padding:4px 10px;
	position:absolute;
	text-transform:uppercase;
	top:-12px;

	/* IE7~8 FIX *
	behavior:url('PIE.htc')\9;*/
}

/**
* @description
* Caixa de abas
*/
.caixa-abas{
	right:18px;
	position:absolute;
	top:-12px;
}
.caixa-abas .aba{
	background:#f6f6f6;
	border:2px solid #e0e0e0;
	border-radius:20px;
	color:#b4b4b4;
	float:left;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	margin-right:2px;
	padding:0 10px;
	text-decoration:none;
	text-transform:uppercase;

	/* IE7~8 FIX */
	position:relative\9;
	behavior:url('PIE.htc')\9;
}
.caixa-abas .aba.ativo{
	background-color:#535353;
	color:#ffffff;
}

/**
* @description
* Cabecalho padrao da caixa das tabelas
*/
/*.header-tabela{
	background:#6b6b6b;
	border-radius:8px 8px 0 0;
	float:left;
	padding:20px 15px;
	position:relative;
	width:808px;
}*/

/**
* @description
* Caixa de bullet padrao do sistema
*/
.caixa-acoes{
	display:none;
	position:absolute;
	right:3px;
	top:50%;
	width:78px;
	z-index:3;
}
/**
* @description
* Seta da caixa de bullet padrao do sistema
*/
.seta-acoes{
	background:url('../img/seta-minha-conta.png') no-repeat 39px 0;
	float:left;
	height:12px;
	width:100%;
}
/**
* @description
* Lista os itens da caixa de bullet padrao do sistema
*/
.caixa-acoes ul{
	background:url('../img/background/bg-branco.png');
	box-shadow:3px 6px 8px 0px rgba(0, 0, 0, 0.35);
	float:left;
	padding:5px 4px;
	width:70px;
	border-radius:5px;
	behavior:url(PIE.htc);
}
/**
* @description
* Itens da lista da caixa de bullet padrao do sistema
*/
.caixa-acoes ul li{
	float:left;
	margin-top:2px;
	width:100%;
}
.caixa-acoes ul li:first-child{
	margin-top:0;
}
.caixa-acoes ul li a{
	float:left;
	text-align:right;
	width:58px;
}
.caixa-acoes div.lista-acoes{
	background:url('../img/background/bg-branco.png');
	box-shadow:2px 3px 6px 0px rgba(0, 0, 0, 0.35);
	float:left;
	padding:3px 4px 5px;
	/*width:70px;*/
	border-radius:5px;
	behavior:url(PIE.htc);
}
.caixa-acoes div.lista-acoes div.acao-item{
	float:left;
	margin-top:2px;
	width:100%;
}
.caixa-acoes div.lista-acoes div.acao-item a.btn-item{
	background:#b4b4b4;
	border-radius:8px;
	color:#ffffff;
	float:left;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:10px;
	height:16px;
	line-height:17px;
	padding:0px 6px;
	text-align:right;
	text-decoration:none;
	width:58px;
}
.caixa-acoes div.lista-acoes div.acao-item a.btn-item.excluir{
	background-color:#898989;
}
.caixa-acoes div.lista-acoes div.acao-item a.btn-item:hover{
	background-color:#adce5b;
}

/**
* @description
* Caixa de paginacao da tabela
*/
.caixa-paginacao{
	background:#6b6b6b;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	float:left;
	height:20px;
	padding:4px 0;
	width:100%;
}
	.nav-paginacao{
		float:left;
		margin-left:12px;
	}
		.nav-paginacao i.fm-seta-esquerda{
			border-color:transparent #515151;
			border-width:6px 5px 6px 0;
			float:left;
		}
			.nav-paginacao a:hover i.fm-seta-esquerda{
				border-color:transparent #92b244;
			}
		.nav-paginacao i.fm-seta-direita{
			border-color:transparent #515151;
			border-width:6px 0 6px 5px;
			float:left;
		}
			.nav-paginacao a:hover i.fm-seta-direita{
				border-color:transparent #92b244;
			}
		.nav-paginacao .primeiro{
			float:left;
			margin:4px 6px 0 0;
		}
		.nav-paginacao .anterior{
			float:left;
			margin:4px 6px 0 0;
		}
		.nav-paginacao .proximo{
			float:left;
			margin:4px 0 0 6px;
		}
		.nav-paginacao .ultimo{
			float:left;
			margin:4px 0 0 6px;
		}
	.numeracao-paginacao{
		background:#515151;
		border-radius:12px;
		height:19px;
		padding:0 6px;
		float:left;
	}
	.numeracao-paginacao a{
		color:#6b6b6b;
		float:left;
		font-family:'open_sans_condensedbold', Arial, sans-serif;
		font-size:12px;
		line-height:19px;
		margin:0 4px;
		text-decoration:none;
		vertical-align:middle;
	}
		.numeracao-paginacao a.ativo{
			color:#ffffff;
			font-family:'open_sans_condensedbold', Arial, sans-serif;
			font-size:16px;
		}
		.numeracao-paginacao a:hover{
			color:#92b244;
		}
	.filtro-paginacao{
		float:right;
		margin-right:10px;
	}
		.filtro-paginacao p{
			float:right;
			text-transform:uppercase;
			margin:4px 5px 0 0;
		}
		.filtro-paginacao .select-hypnobox{
			float:right;
		}
		.filtro-paginacao .select-hypnobox div.mascara-select span.texto-select{
			font-family:'open_sans_condensedbold', Arial, sans-serif;
			font-size:14px;
		}

.caixa-paginacao.imovelideal {
	background: transparent;
}
.caixa-paginacao.imovelideal .nav-paginacao i.fm-seta-esquerda,
.caixa-paginacao.imovelideal .nav-paginacao i.fm-seta-direita {
	border-color: transparent #9e9e9e;
}
.caixa-paginacao.imovelideal .nav-paginacao a:hover i.fm-seta-esquerda,
.caixa-paginacao.imovelideal .nav-paginacao a:hover i.fm-seta-direita {
	border-color: transparent #545454;
}
.caixa-paginacao.imovelideal .numeracao-paginacao {
	background: #e0e0e0
}
.caixa-paginacao.imovelideal .numeracao-paginacao a {
	color: #9e9e9e;
}
.caixa-paginacao.imovelideal .numeracao-paginacao a:hover {
	color: #545454;
}
.caixa-paginacao.imovelideal .numeracao-paginacao a.ativo {
	color: #767676;
}
.caixa-paginacao.imovelideal .filtro-paginacao p {
	color: #9e9e9e;
}

/**
* @description
* Registros encontrado na consulta
*/
.registros-tabela{
	background:#404040;
	float:left;
	height:24px;
	line-height:24px;
	padding:2px 0;
	width:100%;
}
.registros-tabela > p{
	margin:0 26px 0 12px;
}

/**
* @description
* O elemento passa a flutuar a esquerda
*/
.floatLeft{
	float:left;
}
/**
* @description
* O elemento passa a flutuar a direita
*/
.floatRight{
	float:right!important;
}

/**
* @description
* Classe de display none
*/
.off {
	display: none;
}

/**
* @decription
* Classe de line cortada
*/
.lineThrough {
	text-decoration: line-through;
}

.header-retratil{
	position:fixed;
	width:100%;
	height:49px;
	top:0;
	left:0;
	display:none;
	z-index:3;
}
.bg-header-retratil{
	background:#404040;
	height:36px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}
.header-retratil .conteudo{
	height:36px;
	left:50%;
	margin-left:-501px;
	padding:0 30px;
	position:relative;
	width:942px;
	z-index:2;
}
.header-retratil .conteudo .logo-retratil{
	background-position:-120px 0px;
	float:left;
	height:36px;
	width:47px;
}

.header-retratil .conteudo .logo-retratil-conectando-forcas{
	float:left;
	height:36px;
	width:47px;
}

/**
* @description
* Menu de navecao no topo da pagina
*/
.nav-menu-retratil{
	background:#3a3a3a;
	float:left;
	height:36px;
	width:642px;
}
/**
* @description
* Lista o menu de navegacao
*/
	.nav-menu-retratil ul{
		display: flex;
		float:left;
		width:100%;
	}
/**
* @description
* Borda a esquerda de cada item da lista
*/
		.nav-menu-retratil ul li{
			border-left:1px solid #545454;
			float:left;
			height:36px;
			width:100%;
		}
		.nav-menu-retratil.conectando-forcas-vendedor ul li{
			width: 127px;
		}
		.nav-menu-retratil.conectando-forcas-vendedor ul li:nth-child(odd){
			width: 128px;
		}
		.nav-menu-retratil.conectando-forcas ul li{
			width: 127px;
		}
		.nav-menu-retratil.conectando-forcas ul li:nth-child(odd){
			width: 128px;
		}
/**
* @description
* Retira a borda da esquerda do primeiro item da lista
*/
		.nav-menu-retratil ul li:first-child{
			border-left:0;
		}
/**
* @description
* Botao padrao do menu navegacao
*/
			.nav-menu-retratil ul li a{
				color:#ffffff;
				float:left;
				font-size:12px;
				font-family:'open_sans_condensedbold', Arial, sans-serif;
				height:36px;
			    line-height:38px;
				position:relative;
				text-align:center;
				text-decoration:none;
				width:100%;
			}
/**
* @description
* Muda a cor do botao ao passar o mouse e
* suas variacoes de acordo com a secao
*/
			.nav-menu-retratil ul li a:hover{
				background:#292a26;
				border-bottom-style:solid;
				border-bottom-width:2px;
				color:#adcd5b;
				height:34px;
			}
			.nav-menu-retratil ul li a.meu-painel:hover{
				border-bottom-color:#adcd5b;
				color:#adcd5b;
				text-shadow:0px 0px 3px #adcd5b;
			}
			.nav-menu-retratil ul li a.clientes:hover{
				border-bottom-color:#fd254d;
				color:#fd254d;
				text-shadow:0px 0px 3px #fd254d;
			}
			.nav-menu-retratil ul li a.imobiliarias:hover{
				border-bottom-color:#fd254d;
				color:#fd254d;
				text-shadow:0px 0px 3px #fd254d;
			}
			.nav-menu-retratil ul li a.produtos:hover{
				border-bottom-color:#01b781;
				color:#01b781;
				text-shadow:0px 0px 3px #01b781;
			}
			.nav-menu-retratil ul li a.mensagens:hover{
				border-bottom-color:#00e4ff;
				color:#00e4ff;
				text-shadow:0px 0px 3px #00e4ff;
			}
				.nav-menu-retratil ul li a.mensagens .notificacao-mensagem{
					background:#505050;
					border-radius:11px;
					color:#00e4ff;
					font-size:12px;
					height:18px;
					line-height:18px;
					right:4px;
					position:absolute;
					top:10px;
					width:18px;
				}
			.nav-menu-retratil ul li a.email-mkt:hover{
				border-bottom-color:#ff9600;
				color:#ff9600;
				text-shadow:0px 0px 3px #ff9600;
			}
			.nav-menu-retratil ul li a.relatorios:hover{
				border-bottom-color:#cd60ed;
				color:#cd60ed;
				text-shadow:0px 0px 3px #cd60ed;
			}
			.nav-menu-retratil ul li a.reservas:hover{
				border-bottom-color:#ffcc33;
				color:#ffcc33;
				text-shadow:0px 0px 3px #ffcc33;
			}
                                .nav-menu-retratil ul li a.reservas .notificacao-reserva{
					background:#505050;
					border-radius:11px;
					color:#ffcc33;
					font-size:12px;
					height:18px;
					line-height:18px;
					right:4px;
					position:absolute;
					top:10px;
					width:18px;
				}


.nav-submenu-retratil{
	background:#313131;
	border-radius:14px;
	float:right;
	height:29px;
	margin-right:24px;
	margin-top:4px;
	padding:0 46px 0 4px;
	z-index:2;
}
.nav-submenu-retratil ul.submenu-retratil{
	float:left;
}
.nav-submenu-retratil ul.submenu-retratil > li{
	float:left;
	margin-top:1px;
	position:relative;
}
.nav-submenu-retratil ul.submenu-retratil > li > a{
	float:left;
	height:28px;
	position:relative;
	width:28px;
}
.nav-submenu-retratil ul.submenu-retratil > li > a:hover{
	text-shadow:0px 0px 4px #ffffff;
}
.nav-submenu-retratil ul.submenu-retratil > li > a.notificacao{
	background-position:-61px -2px;
}
.nav-submenu-retratil ul.submenu-retratil > li > a:hover.notificacao{
	background-position:-91px -2px;
}
.nav-submenu-retratil ul.submenu-retratil > li > a.configuracao{
	background-position:-61px -32px;
}
.nav-submenu-retratil ul.submenu-retratil > li > a:hover.configuracao{
	background-position:-91px -32px;
}
.pointer {
	cursor: pointer;
}

.notificacao-principal-atendimento-retratil{
	background-color:#adce5b;
	border-radius:24px;
	height:48px;
	position:absolute;
	right:42px;
	top:0;
	width:48px;
	z-index:10;
}
.notificacao-principal-atendimento-retratil.mensagem{
	background-position:-48px -181px;
}
.notificacao-principal-atendimento-retratil.chat{
	background-position:0px -181px;
}
.notificacao-principal-atendimento-retratil.telefonia{
	background-position:-96px -181px;
}
.notificacao-principal-atendimento-retratil.pulsar {
	-webkit-animation: pulse 4s infinite; /* Safari 4+ */
	-moz-animation:    pulse 4s infinite; /* Fx 5+ */
	-o-animation:      pulse 4s infinite; /* Opera 12+ */
	animation:         pulse 4s infinite; /* IE 10+, Fx 29+ */
}
.avatar-retratil{
	background:#adce5b;
	border-radius:25px 25px 25px 23px;
	height:48px;
	position:absolute;
	right:39px;
	top:0;
	width:50px;
}
.avatar-retratil img{
	border-radius:19px;
	float:left;
	left:2px;
	position:relative;
	top:4px;
	z-index:1;
}
.avatar-retratil .avatar-menu{
	background-position:-167px 0px;
	bottom:4px;
	height:26px;
	position:absolute;
	right:-9px;
	width:26px;
	z-index:1;
}

.hidden {
	display:none;
}

/**
* @description
* Fix de div adicional do datepicker, que quebrava o layout
*/
#ui-datepicker-div{
	position: absolute;
	background-color: white;
	border: 1px solid #adce5b;
	border-radius: 5px;
}

/**
* @description
* SELECT padrao do sistema e suas variacoes
*/
.custom-select{
	background:#ffffff;
	border-radius:12px;
	float:left;
	height:24px;
	position:relative;
	/* IE7~8 FIX *
	behavior:url('PIE.htc')\9;*/
}
.custom-select select{
	background:#ffffff;
	border:0;
	float:left;
	font-size:12px;
	font-family:'open_sansregular', Arial, sans-serif;
	height:100%;
	left:0;
	line-height:24px;
	margin:0;
	opacity:0;
	outline:none;
	position:absolute;
	top:0;
	width:100%;
	z-index:2;
	/*IE7 FIX*/
	filter:alpha(opacity=0);
	/*IE8 FIX*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/**
* @description
* Cria uma mascara para mudar o select
* padrao dos navegadores
*/
.custom-select div.mascara-select{
	float:left;
	height:100%;
	padding:0px 16px 0 10px;
	overflow:hidden;
}
/**
* @description
* Texto da mascara
*/
.custom-select div.mascara-select span.texto{
	/*font-size:12px;*/
	color:#4d4d4d;
	float:left;
	font-family:'open_sansitalic', Arial, sans-serif;
	line-height:24px;
	text-align:left;
}
/**
* @description
* Seta da mascara
*/
.custom-select div.mascara-select i.fm-seta-abaixo{
	border-color:#d0d0d0 transparent;
	border-width:4px 3px 0;
	position:absolute;
	right:6px;
	top:11px;
	z-index:1;
}

/**
* @description
* SELECT com borda
*/
.select-borda{
	border:1px solid #bababa;
	height:22px;
}
.select-borda div.mascara-select span.texto{
	line-height:22px;
}

/**
* @description
* SELECT com borda verde (usada para foco em campo SELECT)
*/
.custom-select.focus{
	border-color:#adce5b;
	box-shadow:0 0 6px #adce5b;
}
/**
* @description
* SELECT com borda vermelha (usada para erros em SELECT no formulario)
*/
.custom-select.error{
	border-color:#fb9d9d;
	box-shadow:0 0 6px #fb9d9d;
}

/**
* @description
* TEXTAREA padrao do sistema e suas variacoes
*/
.custom-textarea{
	background:#ffffff;
	border-radius:12px;
	float:left;
	position:relative;

	/* IE7~8 FIX *
	behavior:url('PIE.htc')\9;*/
}
.custom-textarea.error{
	border-color:#fb9d9d;
	box-shadow:0 0 6px #fb9d9d;
}
.custom-textarea textarea{
	background:transparent;
	border:0;
	float:left;
	font-size:12px;
	font-family:'open_sansregular', Arial, sans-serif;
	margin:0;
	outline:none;
	padding:5px;
	resize:none;
}
/**
* @description
* TEXTAREA com borda
*/
.custom-textarea-borda{
	border:1px solid #bababa;
}
/**
* @description
* TEXTAREA com borda verde (usada para foco em campo TEXTAREA)
*/
.custom-textarea.focus{
	border-color:#adce5b;
	box-shadow:0 0 6px #adce5b;
}

/**
* @description
* Botao com tamanho fixo grande
*/
.btn-fixed-large{
	background:#b4b4b4;
	border-radius:8px;
	color:#ffffff;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:10px;
	height:17px;
	line-height:17px;
	padding:0 6px;
	text-decoration:none;
	width:113px;
}
/**
* @description
* Botao com tamanho fixo grande ao passar o mouse em cima muda a cor para verde
*/
.btn-fixed-large:hover{
	background-color:#adce5b;
}
/**
* @descriptiontz

* Botao cinza escuro
*/
.btn-c-cinza-escuro{
	background-color:#898989;
}

.btn-c-verde{
	background-color:#adce5b!important;
}

.btn-c-vermelho{
	background-color:#ea1f43!important;
}

.pointer {
	cursor: pointer;
}

div.input-hypnobox.READONLY {
    background-color: #f2f2f2 !important;
}

.botao-hypnobox.principal.bt-deletar {
    background-color: #ff0000;
}

.botao-hypnobox.principal.bt-deletar:hover {
    background-color: #a30a02;
}


.qr-code-generator {
	width: 100px;
	margin: 0 auto;
	border-radius: 10px;
}

.qr-code-generator * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#qrcode {
	width: 128px;
	height: 128px;
	margin: 0 auto;
	text-align: center;
}

#qrcode a {
	font-size: 0.8em;
}

.qr-url, .qr-size {
	padding: 0.5em;
	border: 1px solid #ddd;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.qr-url {
	width: 79%;
}

.qr-size {
	width: 20%;
}

.generate-qr-code {

	width: 93%;
	margin: 0.5em 0 0;
	padding: 0.25em;
	font-size: 1.2em;
	border: 1px solid #ddd;
	border-radius: 10px;
	cursor: pointer;
	background-color: #5a5d61;
	color: #fff;
}

.botao-qr-code{
	border-radius:12px;
	box-sizing:border-box;
	color:#ffffff;
	cursor:pointer;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:12px;
	height:24px;
	padding:0 1px;
	position:relative;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
a.botao-qr-code{
	line-height:25px;
}

select.modal-doc-cliente{
	width: 710px;
	height: 42px;
	gap: 591px;
	border-radius: 10px;
	border-width: 1px;
	padding-top: 9px;
	padding-right:16px;
	padding-bottom: 9px;
	padding-left: 16px;
	background:white;
	border-color:#CECECF;
	color: #9B9C9B;	
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTVMMTcgMTBINFoiIGZpbGw9IiM2NjYiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 24px 24px;
    border: 1px solid #CECECF;
    margin-top:10px;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0%;
	vertical-align: middle;
}

.tipo_options{
	width: 66px;
	height: 22px;	
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0%;
	vertical-align: middle;
}

.ml-14{
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 2%;
	vertical-align: middle;
	margin-top:15px;
}

.ml-16{
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 2%;
	vertical-align: middle;
}

.upload-arquivos-cliente{
    src: url('web/assets/img/Upload-Field.svg') format('svg');
}

/*option.list-tipo-doc{
	color: #CECECF;
}*/

.custom-select-cliente {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    
    background-color: white;
    background-image: linear-gradient(45deg, #666 50%, transparent 50%),
                      linear-gradient(-45deg, #666 50%, transparent 50%);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 10px 10px;

    padding-right: 30px;
    border: 1px solid #ccc;
    height: 36px;
    color: #333;
}

.botao-enviar-documento {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.botao-enviar-documento img {
    height: 32px;
    display: inline-block;
}

/* Container com alinhamento à direita */
.container-botao {
    display: flex;
    justify-content: flex-end;
}

/* Linha horizontal centralizada */
.linha-abaixo-botao {
    width: 710px;
    height: 1px;
    background-color: #CECECF;
    margin: 10px auto 10px auto;
}

/* Espaço externo padrão da seção */
.bloco-botao-com-linha {
    margin-top: 10px;
}


.acao-visualizar,
.acao-baixar,
.acao-excluir {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    margin: 0 4px;
}

.acao-excluir:hover {
    color: red;
}

.dropzone {
  border: none !important;
  border-radius: 5px;
  background: white;
  min-height: 150px;
  padding: 20px;
  cursor: pointer;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
  color: #666;
}

.dropzone .dz-preview .dz-remove {
  color: #767676;
  text-decoration: none;
}

#myDropzone.dz-drag-hover {
  background-color: #f8f9fa;
  border-color: #80bdff;
}

#myDropzone .dz-message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Adicione ao seu arquivo CSS */
#myDropzone {
  position: relative;
  min-height: 80px;
}

#myDropzone .upload-arquivos-cliente {
  width: 100%;
  height: auto;
}

/* Quando não há arquivos (estado inicial) */
#myDropzone.dz-started .dz-message {
  display: none;
}

	th.col-image-t{
		gap:4px;
		font-size:14px;
		font-weight: 700;		
		font-family:'open_sansregular';
		line-height: 100%;
		color:#9B9C9B;
		text-transform: uppercase;
		text-align: center;
		vertical-align: bottom;
	}

	th.col-nome-t{
		gap:4px;
		font-size:14px;
		font-weight: 700;		
		font-family:'open_sansregular';
		line-height: 100%;
		color:#9B9C9B;
		text-transform: uppercase;
		vertical-align: bottom;	
	}

	th.col-resp-t{
		gap:4px;
		font-size:14px;
		font-weight: 700;		
		font-family:'open_sansregular';
		line-height: 100%;
		color:#9B9C9B;
		text-transform: uppercase;
		text-align: center;
		vertical-align: bottom;		
	}	

	th.col-data-t{
		gap:4px;
		font-size:14px;
		font-weight: 700;		
		font-family:'open_sansregular';
		line-height: 100%;
		color:#9B9C9B;
		text-transform: uppercase;
		text-align: center;
		vertical-align: bottom;		
	}		

	th.col-acao-t{
		gap:4px;
		font-size:14px;
		font-weight: 700;		
		font-family:'open_sansregular';
		line-height: 100%;
		color:#9B9C9B;
		text-transform: uppercase;
		text-align: center;
		vertical-align: bottom;		
	}

	.lista-doc{
		align-items: center;
		justify-content: center;
		white-space: normal;
		word-break: break-word;
		text-align: center;
		padding: 8px;		
	}

	td.col-image{
		width: 5%;
		height: 18px;
		gap:4px;
		font-size:16px;
		border-radius:10px 0px 0px 10px;
		padding-bottom: 10px;		
	}	

	span.col-image{
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size:13px;
	}	

   img.col-image{
		width:28%;
		padding: 6px 5px 0px 6px;
   }

   .col-nome{
	max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:16px;    	
	font-weight: bold;	
   }

   .col-resp{
	max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 16px;		
   }

   .col-data{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
    font-size: 15px;
    font-weight: bold;	   	
   }

  .col-acao {
    background: none;
    border: none;
    width: 100px;
    padding: 2px;
    margin-right: 5px;
    cursor: pointer;
    border-radius:0px 10px 10px 0px;
    padding-left:5px;
  }

  .acao-excluir img,
  .acao-visualizar img,
  .acao-baixar img {
    max-width: 18px;
  }

.tabela-documentos {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  table-layout: auto;
}

.tabela-documentos td {
  background-color: #E7E7E7;
  padding: 8px 7px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.col-doc-icon     { width: 25%; }
.col-nome         { width: 25%; }
.col-usuario      { width: 20%; }
.col-data         { width: 15%; }
.col-acoes        { width: 15%; }


.col-doc-icon {
  align-items: center;
  gap: 8px;
  min-width: 180px;
  border-radius:16px 0px 0px 16px;
}

.col-doc-icon img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 16px 0px 0px 16px;
}

.doc-icon {
  width: 32px;
  height: 32px;
}

.tipo-doc {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  min-width: 0;
  font-size: 16px;
  font-weight: 700;
  color: #262626;
  margin-left: 10px;
  max-width:136px;
}

.col-nome,
.col-usuario,
.col-data {
  font-weight: 700;
  color: #262626;
  white-space: normal;
  word-break: break-word;
}

.col-data div {
  text-align: right;
}

.col-acoes {
  align-items: center;
  gap: 10px;
  justify-content: center;
  border-radius: 0px 16px 16px 4px;
}

.col-acoes img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.col-acoes button {
  background: transparent;
  border: none;
  padding: 0;
} 

.body-list tr:first-child {
	border-top: 10px solid #fff;
  }

.body-list tr {
	border-bottom: 10px solid #fff;
}