/**
* CSS padrao para o sistema
*
* @author Jean Yoshioka, Pedro Anjos, Felipe Zuntini
* @copyright Hypnobox
* @date 06/08/2014
*/



/**
* @description
* Caixa padrao
*/
.caixa-padrao{
	box-sizing:border-box;
	float:left;
	position:relative;
	width:100%;
}

.periodo-filtro{
	cursor:pointer;
}

.box-periodo-filtro{
	background:#ffffff;
	border-radius:12px;
	display:none;
	float:left;
	overflow:hidden;
	padding:4px;
	position:absolute;
	top:40px;
	width:370px;
	z-index:9;
}


/* FUTURO
.bg-transparente{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0.7;
	background-color:#f2f2f2;
	border-radius:8px;
}
*/
/**
* @description
* Variacoes da caixa padrao
*/
	.caixa-arredondada{
		border-radius:8px;

		/*IE7~IE8 FIX*
		z-index:1\9;
		position:relative\9;
		behavior:url('PIE.htc')\9;*/
	}
	.caixa-b-cinzafumaca{
		border:1px solid #e8e8e8;
	}
	.caixa-c-branco{
		background-color:#ffffff;
	}
	.caixa-c-brancofumaca{
		background-color:#f2f2f2;
	}
	.caixa-c-cinzafumaca{
		background-color:#e0e0e0;
	}
	.caixa-c-cinzaclaro{
		background-color:#c8c8c8;
	}
	.caixa-c-cinza{
		background-color:#d2d2d2;
	}
/**
* @description
* Titulo padrao da caixa
*/
.titulo-caixa-padrao{
	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;
    z-index: 2;
}
/**
* @description
* Variacoes do titulo padrao da caixa
*/
	.titulo-caixa-padrao.branco{
		background-color:#ffffff;
	}
	.titulo-caixa-padrao.brancofumaca{
		background-color:#f2f2f2;
	}
	.titulo-caixa-padrao.cinzafumaca{
		background-color:#e0e0e0;
	}
	.titulo-caixa-padrao.verdetransparente{
		background-color:#f7faee;
	}

/**
* @description
* Caixa com campo de formulario padrao
*/
.caixa-campo-padrao{
	float:left;
	position:relative;
}
.caixa-campo-padrao label{
	float:left;
}
    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    .clearfix {display: inline-block;}

    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

/**
* @description
* Caixa pequena
*/
.caixa-peq{
	background:#ffffff;
	border-radius:10px;
	float:left;
	height:20px;
	line-height:21px;
	padding:2px 2px 2px 8px;
}

/**
* @description
* Aba padrao
*/
.caixa-abas2{

}
.caixa-abas-esq{
	position:absolute;
	left:18px;
	top:-14px;
	z-index:1;
}
.caixa-abas-dir{
	position:absolute;
	right:18px;
	top:-14px;
	z-index:1;
}
.caixa-abas2 a.abas{
	background:#ffffff;
	border:3px solid #e0e0e0;
	border-radius:20px;
	color:#9e9e9e;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:14px;
	float:left;
	height:26px;
	line-height:26px;
	padding:0 14px;
	text-decoration:none;
	text-transform:uppercase;

	/*IE7~IE8 FIX*
	z-index:1\9;
	position:relative\9;
	behavior:url('PIE.htc')\9;*/
}
.caixa-abas2 a.abas.verdetransparente{
	border-color:#f7faee;
}
.caixa-abas2 a.abas.ativo{
	background-color:#8f8f8f;
	color:#ffffff;
}


/**
* @description
* Tabela padrao
*/
.tabela-hypnobox{
	border:1px solid #e2e2e2;
    border-radius:10px;
    box-sizing:border-box;
    float:left;
    margin-left:50px;
    width:840px;
}
	.tabela-hypnobox .header-tabela{
		background:#6b6b6b;
		border-radius:8px 8px 0 0;
		box-sizing:border-box;
		float:left;
		padding:20px 15px;
		position:relative;
		width:100%;
	}

/**
* @description
* Filtro da tabela
*/
.filtro-tabela{
	display:none;
	padding-bottom:10px;
	position:absolute;
	right:0;
	top:14px;
	z-index:4;
	/*right:15px;
	top:34px;*/
}
.filtro-tabela.modelo2{
	right:0;
	top:14px;
}
.filtro-tabela.coluna-1{
	width:210px;
}
.filtro-tabela.coluna-2{
	width:408px;
}
.filtro-tabela.coluna-3{
	width:607px;
}
.filtro-tabela.coluna-4{
	width:806px;
}
	.filtro-tabela .seta-filtros{
		border-color:transparent transparent #d7d7d7;
		border-style:solid;
		border-width:0 0 11px 11px;
		float:right;
		height:0;
		margin-right:10px;
		width:0;
	}
	.filtro-tabela .caixa-filtros{
		background:#d7d7d7;
		border-radius:8px;
		box-sizing:border-box;
		clear:right;
		float:left;
		padding:10px 5px 20px;
		position:relative;
		width:100%;
	}
		.filtro-tabela .caixa-filtros > .caixa-campo-padrao{
			margin:4px;
		}
		.filtro-tabela .caixa-filtros .input-hypnobox,
		.filtro-tabela .caixa-filtros .select-multiple-wrap {
			/*margin:2px;*/
			width:191px!important;
		}
			.filtro-tabela .caixa-filtros .input-hypnobox input::-moz-placeholder{
			   	color:#4d4d4d;
				font-family:'open_sansregular', Arial, sans-serif;
				opacity:1;
			}
			.filtro-tabela .caixa-filtros .input-hypnobox input::-webkit-input-placeholder{
			   	color:#4d4d4d;
				font-family:'open_sansregular', Arial, sans-serif;
				opacity:1;
			}
			.filtro-tabela .caixa-filtros .input-hypnobox input:-ms-input-placeholder{
			   	color:#4d4d4d;
				font-family:'open_sansregular', Arial, sans-serif;
				opacity:1;
			}
		.filtro-tabela .caixa-filtros .select-hypnobox,
		.filtro-tabela .caixa-filtros .chosen-container,
		.filtro-tabela .caixa-filtros .select2-container{
			/*margin:2px;*/
			width:191px!important;
		}
		.filtro-tabela .caixa-filtros .bt-aplicar{
			position:absolute;
			bottom:-10px;
			left:8px;
		}

.filtro-tabelav2{
	display:none;
	right:0;
	top:14px;
	z-index:4;
}
	.filtro-tabelav2 .seta-filtros{
		border-color:transparent transparent #d7d7d7;
		border-style:solid;
		border-width:0 0 11px 11px;
		float:right;
		height:0;
		margin-right:10px;
		width:0;
	}
	.filtro-tabelav2 .caixa-filtros{
		background:#d7d7d7;
		border-radius:8px;
		box-sizing:border-box;
		clear:right;
		float:left;
		padding:10px 5px 20px;
		position:relative;
		width:100%;
	}
		.filtro-tabelav2 .caixa-filtros > .caixa-campo-padrao{
			margin:4px;
		}
		.filtro-tabelav2 .caixa-filtros .input-hypnobox,
		.filtro-tabelav2 .caixa-filtros .select-multiple-wrap {
			width:191px!important;
		}
			.filtro-tabelav2 .caixa-filtros .input-hypnobox input::-moz-placeholder{
			   	color:#4d4d4d;
				font-family:'open_sansregular', Arial, sans-serif;
				opacity:1;
			}
			.filtro-tabelav2 .caixa-filtros .input-hypnobox input::-webkit-input-placeholder{
			   	color:#4d4d4d;
				font-family:'open_sansregular', Arial, sans-serif;
				opacity:1;
			}
			.filtro-tabelav2 .caixa-filtros .input-hypnobox input:-ms-input-placeholder{
			   	color:#4d4d4d;
				font-family:'open_sansregular', Arial, sans-serif;
				opacity:1;
			}
		.filtro-tabelav2 .caixa-filtros .select-hypnobox,
		.filtro-tabelav2 .caixa-filtros .chosen-container,
		.filtro-tabelav2 .caixa-filtros .select2-container{
			/*margin:2px;*/
			width:191px!important;
		}
		.filtro-tabelav2 .caixa-filtros .bt-aplicar{
			position:absolute;
			bottom:-10px;
			left:8px;
		}

.legenda-tabela{
	float:right;
	height:24px;
	line-height:24px;
	margin-right:15px;
	cursor:pointer;
}
.legenda-tabela .status-legenda{
	float:left;
	margin-left:16px;
}
.legenda-tabela .status-legenda p{
	color:#4d4d4d;
	float:left;
}
	.legenda-tabela .status-legenda .ico-legenda{
		background-color:#4d4d4d;
		border-radius:8px;
		float:left;
		height:15px;
		margin-right:4px;
		margin-top:4px;
		width:15px;

		/*behavior:url(PIE.htc);*/
	}
		.legenda-tabela .status-legenda .ico-legenda.indefinido{
			background-color:#b7b9b6;
		}
		.legenda-tabela .status-legenda .ico-legenda.frio{
			background-color:#2d91bb;
		}
		.legenda-tabela .status-legenda .ico-legenda.morno{
			background-color:#ff9b04;
		}
		.legenda-tabela .status-legenda .ico-legenda.quente{
			background-color:#ff0000;
		}

		.legenda-tabela .status-legenda .ico-legenda.naolida{
			background-color:#00e4ff;
		}
		.legenda-tabela .status-legenda .ico-legenda.lida{
			background-color:#e51d1d;
		}
		.legenda-tabela .status-legenda .ico-legenda.respondida{
			background-color:#adce5b;
		}
		.legenda-tabela .status-legenda .ico-legenda.direcionada{
			background-color:#707070;
		}

		.legenda-tabela .status-legenda .ico-legenda.enviado{
			background-color:#adce5b;
		}
		.legenda-tabela .status-legenda .ico-legenda.agendado{
			background-color:#696a67;
		}
		.legenda-tabela .status-legenda .ico-legenda.falha{
			background-color:#dd0000;
		}

		.legenda-tabela .status-legenda .ico-legenda.agendada{
			background-color:#49b9d9;
		}
		.legenda-tabela .status-legenda .ico-legenda.realizada{
			background-color:#36ab38;
		}
		.legenda-tabela .status-legenda .ico-legenda.nao-realizada{
			background-color:#dd0000;
		}
		.legenda-tabela .status-legenda .ico-legenda.naorealizada{
			background-color:#2dc9ea;
		}

		.legenda-tabela .status-legenda .ico-legenda.analise{
			background-color:#2dc9ea;
		}
		.legenda-tabela .status-legenda .ico-legenda.venda{
			background-color:#782cb9;
		}
		.legenda-tabela .status-legenda .ico-legenda.reprovada{
			background-color:#ca5df8;
		}

		.legenda-tabela .status-legenda .ico-legenda.aberto{
			background-color:#adce5b;
		}

		.legenda-tabela .status-legenda .ico-legenda.finalizado{
			background-color:#707070;
		}

		.legenda-tabela .status-legenda .ico-legenda.aguardando{
			background-color:#00e4ff;
		}
		.legenda-tabela .status-legenda .ico-legenda.desistencia{
			background-color:#e51d1d;
		}
		.legenda-tabela .status-legenda .ico-legenda.atendido{
			background-color:#adce5b;
		}
		.legenda-tabela .status-legenda .ico-legenda.reserva-aprovada{
			background-color:#adce5b;
		}
		.legenda-tabela .status-legenda .ico-legenda.reserva-analise{
			background-color:#11bff8;
		}
		.legenda-tabela .status-legenda .ico-legenda.reserva-devolvida{
			background-color:#f0a12f;
		}
		.legenda-tabela .status-legenda .ico-legenda.reserva-vendida{
			background-color:#477530;
		}
		.legenda-tabela .status-legenda .ico-legenda.reserva-reprovada{
			background-color:#ff0d3b;
		}

		.legenda-tabela .status-legenda .ico-legenda.pag-vermelho{
			background-color:#ff0d3b;
		}
		.legenda-tabela .status-legenda .ico-legenda.pag-amarelo{
			background-color:#f0a12f;
		}
		.legenda-tabela .status-legenda .ico-legenda.pag-verde{
			background-color:#adce5b;
		}

		.legenda-tabela .status-legenda .ico-legenda.verde{
			background-color:#adce5b;
		}
		.legenda-tabela .status-legenda .ico-legenda.cinza{
			background-color:#949494;
		}
		.legenda-tabela .status-legenda .ico-legenda.vermelho{
			background-color:#ff0000;
		}
/**
* @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
* Conteudo da tabela e sua listagem
*/
.content-tabela{
	float:left;
	width:100%;
}
	.content-tabela thead tr{
		background:#b7b9b6;
		height:52px;
	}
		.content-tabela thead th{
			background:url('../img/setas-tabela.png') no-repeat right center;
			border-left:1px solid #e2e2e2;
			color:#ffffff;
			font-family:'open_sans_condensedbold', Arial, sans-serif;
			font-size:12px;
			padding:10px 20px;
			text-align:left;
			text-transform:uppercase;
			vertical-align:middle;
			border-bottom: 2px solid #adce5b;
		}
		.content-tabela thead th:first-child{
			border-left:0;
		}
		.content-tabela thead th.sem-seta{
			background:none;
		}
	.content-tabela tbody tr{
		background:#f8f8f8;
	}
		.content-tabela tbody tr:nth-child(even){
			background:#ffffff;
		}
		.content-tabela tbody tr:hover td{
			/*background-color:#eaefdd;*/
			background-color:#ebefcd;
			cursor:pointer;
		}
		.content-tabela tbody td{
			border-left:1px solid #e2e2e2;
			color:#404040;
			font-family:'open_sans_condensedbold', Arial, sans-serif;
			font-size:13px;
			padding:10px 20px;
			text-align:left;
			vertical-align:middle;
		}
		.content-tabela tbody .td-nome-temperatura{
			padding:5px 20px!important;
		}
		.content-tabela tbody td .nome-temperatura{
			float:left;
			border-left:1px solid #e2e2e2;
			color:#404040;
			font-family:'open_sans_condensedbold', Arial, sans-serif;
			font-size:14px;
			text-align:left;
			vertical-align:middle;
			position:relative;
			margin-left:-18px;
			min-height:58px;
		}
		.content-tabela tbody td .temperatura-indefinido{
			border-left:3px solid #b7b9b6;
		}
		.content-tabela tbody td .temperatura-frio{
			border-left:3px solid #2d91bb;
		}
		.content-tabela tbody td .temperatura-morno{
			border-left:3px solid #ff9b04;
		}
		.content-tabela tbody td .temperatura-quente{
			border-left:3px solid #fe2525;
		}
		.content-tabela tbody td .nome-temperatura .temperatura{
			float:left;
			width:3px;
			min-height:58px;
			background-color: #444;
			border-radius:2px;
			behavior:url(PIE.htc);
		}
		.content-tabela tbody td .nome-temperatura .nome{
			float:left;
			margin:6px 0 0 15px;
			line-height:15px;
			width: 150px;
			word-wrap: break-word;
		}
		.content-tabela tbody td:first-child{
			border-left:0;
		}
		.content-tabela tbody td a{
			text-decoration:none;
		}
		.content-tabela tbody td a.bt-acao-tabela{
			background:url('../img/sprites-hypnobox.png') no-repeat scroll 0 -303px;
			display:inline-block;
			height:16px;
			width:24px;
		}
		.content-tabela tbody td a.bt-acao-tabela.ativo{
			background-position:-24px -303px;
		}
		.content-tabela tbody td a.bt-acao-tabela.inativo{
			background-position:-48px -303px;
		}

.caixa-qtd-registros{
	background:#c3c3c3;
	border-radius:14px;
	float:left;
	height:28px;
	line-height:28px;
	/*
	height:24px;
	line-height:24px;
	*/
	width:100%;
}

.box-txt-atualizacao{
	background:#f2f2f2;
	border-radius:18px;
	height:24px;
	line-height:24px;
	padding:4px;
	width:856px;
}
	.box-txt-atualizacao .box-filtro-periodo{
		left:0;
		top:0;
	}
.box-ultima-atualizacao{
	background:#eaeaea;
	border-radius:12px;
	height:24px;
	line-height:24px;
}

.tabela-padrao2{
	background-color:#5d5d5d;
	border-radius:8px 8px 0 0;
	display:table;
	width:100%;
}

.tabela-padrao2 .linha .coluna p.tag-hbox.grey {
        background: #949494 ;
}

.tabela-padrao2.arredondada{
	border-radius: 8px 8px 0 0 !important;
}

.tabela-padrao2 tbody .linha{
	background-color:#fbfbfb;
	display:table-row;
}
.tabela-padrao2 tbody .linha.bt-cinza {
	border-top: 1px solid #dcdcdc;
}
.tabela-padrao2 tbody .linha.impar{
	background-color:#e7e7e7;
}
.tabela-padrao2 tbody .linha:nth-child(even){
	background-color:#e7e7e7;
}
.tabela-padrao2 tbody .linha.destaque{
	background-color: #d5fbf4;
}
.tabela-padrao2 tbody .linha.destaque-reserva{
	background-color: #edffbf;
}
.tabela-padrao2 tbody .linha:hover{
	background-color:#ebefcd;
}
	.tabela-padrao2 .linha-header{
		background:none transparent;
	}
	.tabela-padrao2 .linha-header:hover{
		background:none;
	}
	.tabela-padrao2 .linha-subheader{
		background: #949494;
	}
.tabela-padrao2 .coluna{
	color:#696a67;
	cursor:pointer;
	display:table-cell;
	position:relative;
	text-align:left;
	vertical-align:middle;
}
.tabela-padrao2 .coluna.acao{
	cursor:default;
}
.tabela-padrao2 .coluna.hl {
	background-color: #ffffff;
}
.tabela-padrao2 tbody .linha:hover .coluna.hl {
	background-color: #ebefcd;
}
	.tabela-padrao2 .linha.no-pad .coluna a.link{
		display:block;
		padding:10px 15px;
		text-decoration:none;
	}
	.tabela-padrao2 .linha .coluna > p,
	.tabela-padrao2 .linha .coluna > .link > p{
		color:#696a67;
		font-family:'open_sans_condensedbold', Arial, sans-serif;
		font-size:13px;
		line-height:1.2;
	}
	.tabela-padrao2 .linha .coluna > p.tag-hbox,
	.tabela-padrao2 .linha .coluna > .link > p.tag-hbox {
		background: #4d4d4d;
		border-radius: 3px;
		box-sizing: border-box;
		color: #ffffff;
		font-size: 11px;
		margin-top: 2px;
		padding: 3px 4px;
		text-align: center;
	}
	.tabela-padrao2 .linha .coluna p.tag-hbox.red {
		background: #fd254d;
	}
	.tabela-padrao2 .linha .coluna > p > a {
		display: block;
	}
	.tabela-padrao2 .linha .coluna > p > a.text-link {
		color: #696a67;
		display: inline-block;
		text-decoration: underline;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda{
		background:#4d4d4d;
		border:4px solid #f2f2f2;
		border-radius:12px;
		height:12px;
		left:-8px;
		margin-top:-10px;
		position:absolute;
		top:50%;
		width:12px;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.quente{
		background-color:#fe2525;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.morno{
		background-color:#ff9b04;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.frio{
		background-color:#2d91bb;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.indefinido{
		background-color:#b7b9b6;
	}

	.tabela-padrao2 .linha .coluna .ico-legenda.naolida{
		background-color:#00e4ff;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.lida{
		background-color:#e51d1d;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.respondida{
		background-color:#adce5b;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.direcionada{
		background-color:#707070;
	}

	.tabela-padrao2 .linha .coluna .ico-legenda.enviado{
		background-color:#adce5b;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.agendado{
		background-color:#696a67;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.falha{
		background-color:#dd0000;
	}

	.tabela-padrao2 .linha .coluna .ico-legenda.agendada{
		background-color:#49b9d9;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.realizada{
		background-color:#36ab38;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.nao-realizada{
		background-color:#dd0000;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.naorealizada{
		background-color:#2dc9ea;
	}

	.tabela-padrao2 .linha .coluna .ico-legenda.analise{
		background-color:#2dc9ea;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.venda{
		background-color:#782cb9;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.reprovada{
		background-color:#ca5df8;
	}

	.tabela-padrao2 .linha .coluna .ico-legenda.aberto{
		background-color:#adce5b;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.finalizado{
		background-color:#707070;
	}

	.tabela-padrao2 .linha .coluna .ico-legenda.aguardando{
		background-color:#00e4ff;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.desistencia{
		background-color:#e51d1d;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.atendido{
		background-color:#adce5b;
	}

	.tabela-padrao2 .linha .coluna .ico-legenda.reserva-aprovada{
		background-color:#adce5b;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.reserva-analise{
		background-color:#11bff8;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.reserva-devolvida{
		background-color:#f0a12f;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.reserva-vendida{
		background-color:#477530;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.reserva-reprovada{
		background-color:#ff0d3b;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.imobiliaria-desabilitada{
		background-color:#ff0d3b;
	}
    .tabela-padrao2 .linha .coluna .ico-legenda.imobiliaria-habilitada{
		background-color:#adce5b;
	}

	.tabela-padrao2 .linha .coluna .ico-legenda.pag-vermelho{
		background-color:#ff0d3b;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.pag-amarelo{
		background-color:#f0a12f;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.pag-verde{
		background-color:#adce5b;
	}

	.tabela-padrao2 .linha .coluna .ico-legenda.verde{
		background-color:#adce5b;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.cinza{
		background-color:#949494;
	}
	.tabela-padrao2 .linha .coluna .ico-legenda.vermelho{
		background-color:#ff0000;
	}

	.tabela-padrao2 .linha .coluna .progress-bar {
		background-color: #bfbfbf;
		border-radius: 4px;
		height: 19px;
		position: relative;
		width: 100%;
	}
	.tabela-padrao2 .linha .coluna .progress-bar .progress-track {
		background-color: #ef5350;
		border-radius: 4px;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
	}
	.tabela-padrao2 .linha .coluna .progress-bar .progress-track > span {
		color: #ffffff;
		font-family: 'open_sans_condensedbold', Arial, sans-serif;
		font-size: 12px;
		left: 100%;
		margin: 0 4px;
		position: absolute;
		top: 4px;
		white-space: nowrap;
	}
	.tabela-padrao2 .linha .coluna .progress-bar .progress-track.text-inside > span {
		left: initial;
		right: 0;
	}
	.tabela-padrao2 .linha .coluna .progress-bar .progress-track.text-inside > span.status-curso {
		left: 0;
	}

	.tabela-padrao2 .linha-header th.coluna p{
		color:#ffffff;
		font-family:'open_sans_condensedbold', Arial, sans-serif;
		font-size:12px;
		text-transform:uppercase;
	}

	.tabela-padrao2 .linha .coluna{
		border-left:1px solid #dcdcdc;
		padding:10px 20px;
	}
	.tabela-padrao2 .linha.no-pad .coluna{
		padding:0;
	}
	.tabela-padrao2 .linha .coluna:first-child{
		border-left:none;
	}
	.tabela-padrao2 .linha-header .coluna{
		border-left-color:#686868;
		padding:16px 20px;
	}
	.tabela-padrao2 .linha-header.no-border .coluna {
		border-bottom-width: 0px;
	}
	.tabela-padrao2 .linha-subheader .coluna {
		background: none;
		border-left-color: #a6a6a6;
		padding: 8px 20px;
	}
	.tabela-padrao2 .linha-subheader .coluna > p {
		color: #ffffff;
		font-size: 12px;
	}
	.tabela-padrao2 .linha.less-pad .coluna {
		padding:10px;
	}
	.tabela-padrao2 .linha-header.less-pad .coluna {
		padding:16px 20px 16px 10px;
	}
	.tabela-padrao2 .linha.less-pad .coluna.with-icon {
		padding-left: 20px;
	}

	.tabela-padrao2 thead th{
		background:url('../img/setas-tabela.png') no-repeat right center;
		border-left:1px solid #e2e2e2;
		color:#ffffff;
		font-family:'open_sans_condensedbold', Arial, sans-serif;
		font-size:12px;
		padding:10px 20px;
		text-align:left;
		text-transform:uppercase;
		vertical-align:middle;
		border-bottom:3px solid #adce5b;
	}
	.tabela-padrao2 thead th.acao{
		background-image:none;
	}
	.tabela-padrao2 thead th.tooltip-ativo {
		background-image:none;
		position: relative;
	}
	.tabela-padrao2 thead th.tooltip-ativo:before {
		color: #ffffff;
		content: 'help';
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: 1;
		margin-top: -8px;
		position: absolute;
		right: 12px;
		text-transform: none;
		top: 50%;
	}

	.tabela-padrao2 thead tr.linha-total{
		background: #adce5b;
	}
	.tabela-padrao2 thead tr.linha-total th{
		background: none;
		border-bottom-width: 1px;
		border-color: #e2e2e2!important;
		color: #ffffff;
		padding:10px 20px;
	}
	.tabela-padrao2 thead tr.linha-total th:first-child{
		border-left: none;
	}

	.tabela-padrao2 .linha .coluna.centro{
		text-align:center;
	}
		.tabela-padrao2 .linha .coluna .nome-corretor{
			display:inline-block;
			font-family:"open_sans_condensedbold",Arial,sans-serif;
			font-size:13px;
			margin-left:5px;
			margin-top:15px;
		}
		.tabela-padrao2 .linha .coluna > .botao-hypnobox-responsivo{
			display:inline-block;
		}

	.tabela-padrao2 thead th{
		/* background-image:none;*/
	}

	.tabela-padrao2 tbody td.centro > .checkbox-hypnobox{
		display: inline-block;
		float: inherit;
	}


	.tabela-padrao2.sem-seta thead th{
		background-image:none;
	}

	.tabela-padrao2 a.bt-acao-tabela{
		background:url('../img/sprites-hypnobox.png') no-repeat scroll 0 -303px;
		display:inline-block;
		height:16px;
		width:24px;
	}
	.tabela-padrao2 a.bt-acao-tabela.ativo,
	.tabela-padrao2 a.bt-acao-tabela.active{
		background-position:-24px -303px;
	}
	.tabela-padrao2 a.bt-acao-tabela.inativo{
		background-position:-48px -303px;
		cursor:default;
	}

.tabela-padrao2 .coluna.riscado{
	text-decoration: line-through;
}

.tabela-avatar-corretor{
	border:2px solid #3e3e3c;
	border-radius:24px;
	float:left;
	margin-left:5px;
}
.footer-tabela-sem-paginacao{
	background:#5d5d5d;
	border-radius:0 0 8px 8px;
	height:15px;
	float:left;
	width:100%;
}

.tabela-padrao2 thead tr th.multiple-order {
	background-image: none;
	position: relative;
}
.tabela-padrao2 thead tr th.multiple-order:after {
	color: #ffffff;
	content: '\E5CF';
	font-family: 'Material Icons';
	font-size: 20px;
	height: 20px;
	position: absolute;
	right: 6px;
	top: calc(50% - 10px);
	width: 20px;
}
.tabela-padrao2 thead tr th.multiple-order.open {
	background-color: #4d4d4d;
}
.tabela-padrao2 thead tr th.multiple-order .bx-options-order {
	background: rgba(54,54,54,.94);
	border-radius: 4px;
	font-size: 12px;
	opacity: 0;
	padding: 7px 6px;
	position: absolute;
	right: 0;
	text-align: right;
	top: calc(100% + 36px);
	visibility: hidden;
	width: 138px;
	z-index: 1;

	transition: opacity .3s, top .3s, visibility 0s .3s;
}
.tabela-padrao2 thead tr th.multiple-order.open .bx-options-order {
	opacity: 1;
	top: calc(100% - 16px);
	visibility: visible;

	transition: opacity .3s .1s, top .3s .1s, visibility 0s;
}
.tabela-padrao2 thead tr th.multiple-order.hide .bx-options-order {
	display: none;
}
.tabela-padrao2 thead tr th.multiple-order .bx-options-order li {
	display: block;
	height: 22px;
	line-height: 23px;
	margin-top: 4px;
}
.tabela-padrao2 thead tr th.multiple-order .bx-options-order li > a {
	border-radius: 2px;
	color: #ffffff;
	display: block;
	padding: 0 6px;
}
.tabela-padrao2 thead tr th.multiple-order .bx-options-order li > a:hover {
	background-color: #565656;
}
.tabela-padrao2 thead tr th.multiple-order .bx-options-order li.title {
	color: #adce5b;
	font-size: 11px;
	height: 16px;
	line-height: 17px;
	margin-top: 6px;
	padding: 0 6px;
}
.tabela-padrao2 thead tr th.multiple-order .bx-options-order li.divide {
	background: #545454;
	height: 1px;
}
.tabela-padrao2 thead tr th.multiple-order .bx-options-order li:first-child {
	margin-top: 0;
}

.tabela-padrao2 .linha .coluna .bx-action-item {
	height: 15px;
	margin-top: -8px;
	position: absolute;
	right: 6px;
	top: 50%;
	width: 15px;
}
.tabela-padrao2 .linha .coluna .bx-action-item .ico-action-item {
	color: #646464;
	font-size: 15px;
	transition: color .2s;
}
.tabela-padrao2 .linha .coluna .bx-action-item .ico-action-item.active {
	color: #adce5b;
}
.tabela-padrao2 .linha .coluna .bx-action-item .list-action-item {
	background: #c6c6c6;
	border-radius: 10px;
	opacity: 0;
	padding: 8px;
	position: absolute;
	right: -20px;
	top: 42px;
	visibility: hidden;
	width: 142px;
	z-index: 1;
	transition: opacity .3s, top .3s, visibility 0s .3s;
}
.tabela-padrao2 .linha .coluna .bx-action-item .list-action-item.active {
	opacity: 1;
	top: 22px;
	visibility: visible;
	transition: opacity .3s .1s, top .3s .1s, visibility 0s;
}
.tabela-padrao2 .linha .coluna .bx-action-item .list-action-item:after {
	border-bottom: 7px solid #c6c6c6;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: '';
	position: absolute;
	right: 22px;
	top: -7px;
}
.tabela-padrao2 .linha .coluna .bx-action-item .list-action-item > a {
	display: block;
	font-size: 12px;
	height: 22px;
	line-height: 23px;
	margin-top: 5px;
	text-align: left;
}
.tabela-padrao2 .linha .coluna .bx-action-item .list-action-item > a:first-child {
	margin-top: 0;
}

.floatingHeader {
	border-bottom:3px solid #adce5b;
	height:auto!important;
	margin-left:-20px;
	padding:0 20px;
	position:fixed;
  	top:36px;
  	visibility:hidden;
  	z-index:4;
}
.tabela-padrao2 .floatingHeader{
	background:#5d5d5d!important;
}
.tabela-padrao2 .floatingHeader.no-border {
	border-bottom:none;
}
.tabela-padrao2 .floatingHeader th{
	border-bottom:none;
}
.tabela-padrao2 .floatingHeader.linha-subheader {
	background: #949494!important;
}

.tabela-padrao2 .line:nth-child(4n+1) {
	background: #e7e7e7;
}
.tabela-padrao2 .line + .subline {
	display: none;
}
.tabela-padrao2 .line.active {
	background: #f1fb9b;
}
.tabela-padrao2 .line.active:hover {
	background: #f1fb9b;
}
.tabela-padrao2 .subline .linha {
	background: #f9ffc0;
}
.tabela-padrao2 .subline .linha:hover {
	background: #f9ffc0;
}
.tabela-padrao2 .subline .linha:nth-child(even) {
	background: #eef5b0;
}
.tabela-padrao2 .subline .linha:nth-child(even):hover {
	background: #eef5b0;
}
.tabela-padrao2 .line.active + .subline {
	display: table-row;
}

.content-tabela .fancybox-margin{
	margin-right: 0px!important;
}

	.content-tabela .linha .coluna.centro {
		text-align:center;
	}

.caixa-acoes-tabela{
	display:none;
	position:absolute;
	right:-22px;
	top:50%;
	z-index:6;
}
	.caixa-acoes-tabela i.seta-acoes2{
		border-left:7px solid transparent;
		border-right:7px solid transparent;
		border-bottom:11px solid #c6c6c6;
		float:right;
		height:0;
		margin-right:42px;
		width:0;
	}
	.caixa-acoes-tabela ul.menu-acoes{
		background:#c6c6c6;
		border-radius:10px;
		box-sizing:border-box;
		clear:both;
		float:left;
		padding:8px;

		/*IE7~IE8 FIX*
		z-index:1\9;
		position:relative\9;
		behavior:url('PIE.htc')\9;*/
	}
	.caixa-acoes-tabela ul.menu-acoes li{
		clear:both;
		float:left;
		margin-top:5px;
	}
	.caixa-acoes-tabela ul.menu-acoes li:first-child{
		margin-top:0px;
	}

.multi-checkbox {
	background: #404040;
	border-radius: 14px;
	display: inline-block;
	height: 23px;
	position: relative;
	width: 38px;
}
	.multi-checkbox > .seta{
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
		border-top: 4px solid #ffffff;
		position: absolute;
		right: 6px;
		top: 10px;
	}
	.multi-checkbox > .checkbox-hypnobox {
		margin: 5px 0 0 8px;
	}

.caixa-acoes-check{
	display:none;
	position:absolute;
	left:-20px;
	top:50%;
	z-index:6;
}
	.caixa-acoes-check i.seta-acoes{
		border-left:7px solid transparent;
		border-right:7px solid transparent;
		border-bottom:11px solid #c6c6c6;
		float:left;
		height:0;
		margin-left:62px;
		width:0;
	}
	.caixa-acoes-check ul.menu-acoes{
		background:#c6c6c6;
		border-radius:10px;
		box-sizing:border-box;
		clear:both;
		float:left;
		padding:8px;

		/*IE7~IE8 FIX*
		z-index:1\9;
		position:relative\9;
		behavior:url('PIE.htc')\9;*/
	}
	.caixa-acoes-check ul.menu-acoes li{
		clear:both;
		float:left;
		margin-top:5px;
	}
	.caixa-acoes-check ul.menu-acoes li:first-child{
		margin-top:0px;
	}
		.caixa-acoes-check ul.menu-acoes li > label {
			text-align: left;
			width: 202px;
		}

		.caixa-acoes-check ul.menu-acoes li > label.disabled {
			opacity: 0.35;
            cursor: default;
		}
			.caixa-acoes-check ul.menu-acoes li > label > .checkbox-hypnobox {
				margin-right: 6px;
			}

/**
* @description
* Padding e suas variacoes
*/
.pad-5{
	padding:5px;
}
.pad-10{
	padding:10px;
}
.pad-20{
	padding:20px;
}
.pad-30{
	padding:30px;
}

/**
* @description
* Muda o estilo do cursor do mouse para MOVE
*/
.cursor-move{
	cursor: move;
}

/**
* @description
* Icones
*/
.ico-conectando-forcas{
	background-image:url("../img/icone-conectando.png");
	background-repeat:no-repeat;
}
.ico-hypnobox{
	background-image:url("../img/sprites-hypnobox.png");
	background-repeat:no-repeat;
}
.ico-lixo{
	background:url("../img/ico-lixo.png") no-repeat;
    height:23px;
    width:23px;
}

.ico-menu-acoes{
	background:url("../img/sprites-hypnobox.png") no-repeat scroll 0px -303px;
	height:16px;
	width:24px;
}
	.ico-menu-acoes.ativo{
		background-position:-24px -303px;
	}
	.ico-menu-acoes.inativo{
		background-position:-48px -303px;
	}

/**
* @description
* ToolTip
*/
.help-tooltip{
	background-position:-60px -61px;
	cursor:pointer;
	height:19px;
	margin-top:3px;
	text-indent:-9999999px;
	width:19px;
}
.help-tooltip:hover{
	background-position:-60px -80px;
}

.tooltip-hypnobox{
	background:transparent;
	border-radius:12px;
	color:#ffffff;
	display:none;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:12px;
	max-width:230px;
	min-height:12px;
	min-width:10px;
	padding:6px 12px;
	position:absolute;
        word-break: break-word;
	z-index:9999;
}
	.tooltip-hypnobox .bg-tooltip{
		background:#4d4d4d;
		border-radius:12px;
		height:100%;
		left:0;
		opacity:0.8;
		position:absolute;
		top:0;
		width:100%;
	}
	.tooltip-hypnobox .bg-tooltip.verde{
		background:#adcd5b;
		opacity:0.96;
	}
	.tooltip-hypnobox .bg-tooltip.black{
		background:#242424;
		opacity:0.96;
	}
	.tooltip-hypnobox .tooltip-texto{
		position:relative;
		z-index:1;
	}
	.tooltip-hypnobox .tooltip-seta{
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		opacity:0.8;
		position:absolute;
	}
		.tooltip-hypnobox .tooltip-seta.superior-direito{
			border-top:8px solid #4d4d4d;
			bottom:-8px;
			left:12px;
		}
		.tooltip-hypnobox .tooltip-seta.superior-esquerdo{
			border-top:8px solid #4d4d4d;
			bottom:-8px;
			right:12px;
		}
		.tooltip-hypnobox .tooltip-seta.superior-central{
			border-top:8px solid #4d4d4d;
			bottom:-8px;
		}
		.tooltip-hypnobox .tooltip-seta.inferior-direito{
			border-bottom:8px solid #4d4d4d;
			top:-8px;
			left:12px;
		}
		.tooltip-hypnobox .tooltip-seta.inferior-esquerdo{
			border-bottom:8px solid #4d4d4d;
			top:-8px;
			right:12px;
		}
		.tooltip-hypnobox .tooltip-seta.inferior-central{
			border-bottom:8px solid #4d4d4d;
			top:-8px;
		}
		.tooltip-hypnobox .tooltip-seta.notificacao{
			border-left:7px solid transparent;
			border-right:0;
			border-top:8px solid #adcd5b;
			bottom:-8px;
			right:12px;
		}
		.tooltip-hypnobox .tooltip-seta.superior-central.black{
			border-top-color: #242424;
			opacity: .96;
		}

	.fancybox-lock .tooltip-hypnobox{
		margin-left:17px!important;
	}

.no-sub{
	text-decoration: none !important;
}

.caixa-minhaconta{
	display: none;
	right: 35px;
	position: absolute;
	top: 41px;
	width: 112px;
}
.caixa-minhaconta .seta-minhaconta{
	border-bottom: 12px solid #ffffff;
	border-left: 8px solid transparent;
	float: right;
	right: 13px;
	position: relative;
	top: 0;
}
.caixa-minhaconta ul,
.caixa-minhaconta li,
.caixa-minhaconta a.botao-hypnobox{
	float: left;
	width: 106px;
}
.caixa-minhaconta ul{
	background: #ffffff;
	border-radius: 4px;
	padding: 5px;
}
.caixa-minhaconta ul > li{
	margin-top: 2px;
}
.caixa-minhaconta ul > li:first-child{
	margin-top: 0;
}
.caixa-minhaconta ul > li > a.botao-hypnobox{
	float: left;
	font-size: 11px;
	height: 16px;
	line-height: 16px;
	text-align: right!important;
	padding: 0 7px!important;
}

.bloco-404 {
	left: 0;
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
}
	.bloco-404 .box-404 {
		background: url('../img/bg-404.png') repeat;
		border-radius: 8px;
		height: 540px;
		left: 50%;
		margin: -270px 0 0 -435px;
		position: absolute;
		top: 50%;
		width: 870px;
	}
		.bloco-404 .box-404 .ico-404 {
			background: url('../img/ico-404.png') no-repeat;
			height: 186px;
			margin: 100px auto 0;
			width: 209px;
		}
		.bloco-404 .box-404 > h1 {
			font-size: 60px;
			margin-top: 54px;
		}
		.bloco-404 .box-404 > p {
			font-size: 24px;
			margin-top: 4px;
		}

.box-field {
	float: left;
}
.box-field > label {
	color: #a1a1a1;
	float: left;
	font-family: 'open_sansitalic', Arial, sans-serif;
	font-size: 13px;
	margin-left: 6px;
}
.box-field > div {
	clear: both;
	float: left;
	margin-top: 2px;
}

/* POP UP */
body.popup {
	background: none;
}
.container-popup {
	position: relative;
	height: 250px;
	margin: 0 auto;
	width: 300px;
}
.container-popup .popup-hbox {
	background: url('../img/pop_up.jpg') no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
}

.box-btn-absolute {
	bottom: -12px;
	float: left;
	position: absolute;
	right: 20px;
}

.box-stars {
	display: inline-block;
	text-align: center;
}
.box-stars > i {
	color: #e0e0e0;
	float: left;
	width: 24px;
}
.box-stars > i.active {
	color: #adce5b;
}

.line-infinite-scroll {
    background: #5d5d5d;
    border-radius: 0 0 8px 8px;
    padding: 12px;
    text-align: center;
}
.line-infinite-scroll .botao-hypnobox {
	display: inline-block;
}

button.line1.btn.active-form, button.line2.btn.active-form, button.line3.btn.active-form, button.line4.btn.active-form, button.line5.btn.active-form{
    background: grey !important;
    border: none !important;
    padding: 4px 7px !important;
    border-radius: 2px !important;
    color: white !important;
}

.filterTooltip {
	position: relative;
	display: inline-block;
}
  
.filterTooltip .filterTooltiptext {
	position: absolute;
	width: 200px;
	border-radius: 6px;
	z-index: 999;
	padding: 5px 0;
	top: -5px;
	left: 105%;
	background:#4d4d4d;
	color: #ffffff;
	opacity:0.8;
	visibility: hidden;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:12px;
}
  
.filterTooltip:hover .filterTooltiptext {
	visibility: visible;
}

.clientTooltip {
	position: relative;
	display: inline-block;
}
  
.clientTooltip .clientTooltiptext {
	position: absolute;
	top: 10%;
	right: 80%;
	white-space: nowrap;
	border-radius: 10px;
	border-bottom-right-radius: 0;
	z-index: 999;
	padding: 5px;
	background:#4d4d4d;
	color: #ffffff;
	opacity:0.8;
	visibility: hidden;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:12px;
}
  
.clientTooltip:hover .clientTooltiptext {
	visibility: visible;
}

th.coluna.acao.telefonia-table-head{
	text-align: center; color:#ffffff;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size:12px;
	text-transform:uppercase;
}
th.coluna.acao.telefonia-table-head:hover{
    cursor: pointer;
}

.tooltip-tags {
	position: relative;
	display: inline-block;
}

.tooltip-tags .tooltip-text-tags {
	visibility: hidden;
	width: 250px;
    background-color: #0000009d;
	color: #fff;
	font-family:'open_sans_condensedbold', Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	border-radius: 12px;
	padding: 5px;
	position: absolute;
	z-index: 99999999;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
	word-wrap: break-word;
}

.tooltip-tags .tooltip-text-tags::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 29%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color:  #0000009d transparent transparent transparent;
}

.tooltip-tags:hover .tooltip-text-tags {
	visibility: visible;
	opacity: 1;
}

.flexRow {
	display: flex;
    flex-direction: row;
    align-items: center;
}

.flexRow p {
	color: #696a67;
    font-family: 'open_sans_condensedbold', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.2;
}