/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
	*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
	display: block;
	}
	body {
	line-height: 1;
	}
	ol, ul {
	list-style: none;
	}
	blockquote, q {
	quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	content: '';
	content: none;
	}
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	body {
		background-color:#F3F5F6;
		font-family: 'Lato', sans-serif;
		font-weight:300;
		letter-spacing:-0.8px;
	}
	td, input {
		font-family: 'Lato', sans-serif;
		font-weight:300;
	}
	#header {
		background-color: #fff;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 5;
		box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.74);
	}


	#header nav ul > li, .clicavel{
		cursor: pointer;
	}

	#header div.pesquisar {
		position:absolute;
		left:250px;
		top:20px;
	}

	div.logo {
		display: inline-block;
		padding: 10px 0px 0px 10px; /*10px 30px;*/
		width: 100px;
	}
	#menu_lateral::before {
		content:" ";
		position:fixed;
		left:0px;
		top:0px;
		background-color:#FFF;
		bottom:0px;
		width:240px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
		z-index:0;
	}
	#menu_lateral {
		position:absolute;
		left:0px;
		top:0px;
		background-color:#FFF;
		bottom:0px;
		width:240px;
		z-index:1;
		padding-top:110px;
	}

	#menu_lateral_direita {
		position:fixed;
		right:0px;
		top:0px;
		background-color:#FFF;
		bottom:0px;
		width:240px;
		height:100%;
		padding-top:110px;
		z-index:1;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	}
	div.avatar {
		width:40px;
		height:40px;
		border-radius: 20px;
		background-repeat:no-repeat;
		background-size:100%;
	}
	#header div.usuario {
		padding: 5px;
		color: #666;
		cursor:pointer;
		max-width: 450px;
		right:50px;
		top:0px;
	}
	#header div.usuario div.nome {
		position:absolute;
		left:70px;
		top:23px;
	}
	#header div.usuario div.cargo {
		position:absolute;
		left:70px;
		top:42px;
		font-size:12px;
	}
	#header div.usuario div.drilldown {
		position:absolute;
		right:20px;
		top:23px;
	}
	#menu_lateral div.usuario {
		background-color:#8c8c8c;
		padding:20px;
		color:#EBEFF2;
		position:relative;
		cursor:pointer;
	}
	#menu_lateral div.usuario div.nome {
		position:absolute;
		left:70px;
		top:23px;
	}
	#menu_lateral div.usuario div.cargo {
		position:absolute;
		left:70px;
		top:42px;
		font-size:12px;
	}
	#menu_lateral div.usuario div.drilldown {
		position:absolute;
		right:20px;
		top:23px;
	}
	div.avisos {
		position:absolute;
		right:20px;
		top:25px;
		color:#FFF;
		font-size:20px;
		cursor:pointer;
	}

	#menu_lateral ul, #menu_lateral li, #menu_lateral a {
		border: 0 none;
		font-weight: normal;
		line-height: 1;
		list-style: outside none none;
		margin: 0;
		padding: 0;
		position: relative;
		text-decoration: none;
	}
	#menu_lateral ul li span.plus {
		position: absolute;
		right: 16px;
		top: 18px;
		color:#bfbfbf;
		font-size:13px;
	}
	#menu_lateral ul li ul {
		text-indent:20px;
		height:0px;
		overflow:hidden;
	}
	#menu_lateral ul li.selecionado ul {
		text-indent:20px;
		height:auto;
	}
	#menu_lateral ul li.selecionado ul a {
		padding:10px 25px;
	}
	span.plus::before {
		content:"+";
	}
	#menu_lateral ul li.selecionado > span.plus::before {
		content:"-";
	}
	#menu_lateral a {
		color: #444444;
		display: block;
		font-weight: 300;
		letter-spacing: -0.1px;
		padding: 15px 25px;
		cursor:pointer;
	}
	#menu_lateral a:hover {
		background-color:#F3F3F3;
		transition: all 0.3s ease-out 0s;
	}
	h1 {
		font-size:20px;
		color:#505458;
		margin-bottom:20px;
	}

	#workarea {
		position:absolute;
		padding:15px 15px;
		right:0px;
		left:0px;
		top:55px; /*30px*/
		z-index:3;
	}

	/*linha e boxes*/
	div.linha {
		clear:both;
		margin:20px 0px;
		display:table;
		width:100%;

	}
	div.linha div.col_25, div.linha div.col_30,div.linha div.col_33, div.linha div.col_50,div.linha div.col_66, div.linha div.col_67,div.linha div.col_70 {
		display:table-cell;
		padding:0px 10px;
		vertical-align:top;
	}
	div.col_25 {
		width:25%;
		height:100%;
	}
	div.col_30 {
		width:30%;
		height:100%;
	}
	div.linha div.col_25:first-child, div.linha div.col_30:first-child,div.linha div.col_33:first-child, div.linha div.col_50:first-child,div.linha div.col_66:first-child, div.linha div.col_67:first-child,div.linha div.col_70:first-child {
		padding-left:0 !important;
	}
	div.linha div.col_25:last-child, div.linha div.col_30:last-child,div.linha div.col_33:last-child, div.linha div.col_50:last-child,div.linha div.col_66:last-child, div.linha div.col_67:last-child,div.linha div.col_70:last-child {
		padding-right:0 !important;
	}
	div.col_33 {
		width:33.333333%;
		height:100%;
	}
	div.col_50 {
		width:50%;
		height:100%;
	}
	div.col_66 {
		width:66.66666%;
		height:100%;
	}
	div.col_70 {
		width:70%;
		height:100%;
	}
	div.col_67 {
		width:67%;
		height:100%;
	}
	div.box {
		width:100%;
		/*height:100%;*/
		background-color:#FFF;
		border-radius:4px;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
		position:relative;
	}
	div.box div.heading, .modal-utilis .heading {
		background-color: #3485C6;
		border-radius: 4px 4px 0 0;
		color: #FFF;
		font-size: 15px;
		font-weight: normal;
		height: 40px;
		line-height: 40px;
		padding-left: 20px;
		text-transform: uppercase;
		letter-spacing:0px;
	}
	div.progress {
		height: 25px;
		font-size: 13px;
		margin-top: 0px;
		background-color: #dfdfdf;
		box-shadow: none !important;
		overflow: hidden;
		border-radius:4px;
	}
	.progress.progress-sm .progress-bar {
		font-size: 8px;
		line-height: 5px;
	}
	.progress-bar-success {
		background-color: #F4763A;
	}
	.progress-bar {
		box-shadow: none;
		font-size: 8px;
		font-weight: 600;
		line-height: 12px;
	}
	.progress-bar {
		background-color: #F4763A;
		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
		color: #fff;
		float: left;
		font-size: 12px;
		height: 100%;
		line-height: 20px;
		text-align: center;
		transition: width 0.6s ease 0s;
		width: 0;
	}
	div.box div.texto_pad {
		padding:15px;
		color:#585858;
	}
	span.moeda {
		font-size:16px;
	}
	div.box div.valor {
		font-size: 24px;
	    font-weight: 100;
		letter-spacing:-0.5px;
		text-align:center;
	}
	#menu_topo {
		height:70px; /*45px;*/
		position:fixed;
		top:0px;
		width:100%;
		z-index:6;
		color:#C4C4C4;
		line-height:25px;
	}

	#menu_topo ul.menu {
		display: inline;
		height: 70px; /*45px;*/
		left: 130px; /*100px;*/
		position: absolute;
		right: 0;
	}
	#menu_topo ul.menu li.menu, #menu_topo ul.menu li.menu_semhover {
		cursor: pointer;
		display: inline-block;
		position: relative;
		height:70px; /*45px;*/
	}
	#menu_topo ul.menu li.menu_direita {
		cursor: pointer;

		position: relative;
		height:70px; /*45px;*/
		float:right;
		line-height: 70px; /*45px;*/
	}
	#menu_topo ul.menu li.menu_direita span.contador {
		border-radius:10px;
		width:20px;
		height:20px;
		position:absolute;
		top:5px;
		right:-4px;
		font-size:10px;
		background-color:#F4763A;
		line-height:20px;
		color:#FFF;
	}
	#menu_topo ul.menu li.menu a {
		display: block;
		height: 45px;
		line-height: 45px;
	}
	#menu_topo ul.menu li.menu a > i {
		color: #cccccc;
	}
	#menu_topo ul.menu li.menu i {
		margin: 0 0 0 10px;
	}
	#menu_topo li.menu ul.sub_menu {
		background-color: #fff;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		left: 0;
		line-height: 30px;
		margin-right: 0;
		min-width: 200px;
		padding: 5px;
		position: absolute;
		text-align: left;
		top: 70px; /* 45px */
		z-index: 10;
	}
	#menu_topo li.menu_direita ul.sub_menu {
		background-color: #fff;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		right: 0;
		line-height: 30px;
		margin-right: 0;
		padding: 5px;
		position: absolute;
		text-align: right;
		top: 70px;/*45px */
		z-index: 10;
	}
	#menu_topo ul.menu li.menu div, #menu_topo ul.menu li.menu_direita div {
		padding:20px; /*10px*/
		color:#3b3b3b;
		transition: all 0.2s ease-out 0s;
	}
	#menu_topo ul.menu li.menu div i {
		margin-right: 10px;
		font-size:14px;
	}
	#menu_topo ul.menu li.menu:hover, #menu_topo ul.menu li.menu_direita:hover {
		background-color:#69bd45;
		transition: all 0.2s ease-out 0s;
		color:#FFF;
	}
	#menu_topo ul.menu li.menu:hover div, #menu_topo ul.menu li.menu_direita:hover i {
		color:#FFF;
	}
	#menu_topo ul.menu li.menu ul.sub_menu {
		opacity:0;
		visibility:hidden;
		transition: all 0.2s ease-out 0s;
		border-left:4px solid #69bd45;
	}
	#menu_topo ul.menu li.menu_direita ul.sub_menu {
		opacity:0;
		visibility:hidden;
		transition: all 0.2s ease-out 0s;
		border-right:4px solid #69bd45;
	}
	#menu_topo ul.menu li.menu:hover ul.sub_menu, #menu_topo ul.menu li.menu_direita:hover ul.sub_menu {
		opacity:1;
		visibility:visible;
		transition: all 0.2s ease-out 0s;
	}
	#menu_topo ul.menu li.menu ul.sub_menu a, #menu_topo ul.menu li.menu_direita ul.sub_menu a {
		text-decoration:none;
		color:#333 !important;
		white-space:nowrap;
	}
	#menu_topo ul.menu li.menu ul.sub_menu a:hover, #menu_topo ul.menu li.menu_direita ul.sub_menu a:hover {
		text-decoration:underline;
	}
	#menu_topo ul.menu li.menu ul.sub_menu li, #menu_topo ul.menu li.menu_direita ul.sub_menu li {
		margin-left:10px;
	}
	#menu_topo input.pesquisar {
		width:80px;
		transition: all 0.2s ease-out 0s;
		text-indent:7px;
	}
	#menu_topo input.pesquisar:focus {
		text-align:left;
		width:200px;
		transition: all 0.2s ease-out 0s;
	}

	div.botao {
		background-color: #0c7674;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		/*height: 20px;*/
		margin: 5px;
		padding: 5px 16px;
	}

	.button-container {
		display: inline-block; /* or display: inline-flex; */
	}

	div.botao:hover {
		box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
	}
	div.botao.verde { background-color:#69bd45; }
	div.botao.vermelho { background-color:#D91B00;	color:#FFF; }
	div.botao.azul { background-color:#3485C6; }
	div.botao.laranja {background-color:#F26422; }
	div.botao.cinza {background-color:#a8a8a8; }
	div.botao.azul-suave {background-color:#00bcd4; }
#campoPesquisa{
	border: 1px solid #dddddd;
	font-weight: 300;
	padding: 5px;
	border-radius: 5px;
	float:right;
	margin:4px;
}
#divpaginacao {
	float:right;
	margin:4px;
}
.div_paginacao_paginas {
	display:inline-block;
	margin:5px;
	cursor:pointer;
	font-size:14px;
}
.div_paginacao_paginas:hover {
	text-decoration:underline;
}
.div_paginacao_paginas.atual {
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
}
.search{
	background-color:#999;
	color:#f6f6f6;
	border: 1px solid #fff;
	border-radius: 100px;
	box-shadow: none;
	color: #fff;
	padding: 0 5px 0 30px;
	transition: all 0.3s ease 0s;
	width: 20px;
	display:none;
	position: relative;
}
div.carregando_ajax {
	width:100%;
	height:100%;
	overflow:hidden;
	min-height:100px;
	min-width:100px;
	background:url(../images/ajax_loader.gif) no-repeat center center;
}
div.carregando_ajax_mini {
	width:100%;
	height:100%;
	overflow:hidden;
	height:15px;
	width:15px;
	background:url(../images/ajax_loader.gif) no-repeat center center;
	background-size: 100%;
}
#campoQtdPagina {
	border: 1px solid #dddddd;
	border-radius: 5px;
	font-weight: 300;
	padding: 4px;
	float:right;
	margin:4px;
	font-size:12px;
	height:29px;
}

	table.lista, table.lista_impressao {
		width:100%;
	}
	table.lista th, table.lista_impressao th, .lista thead td, .datatable thead td{
		border-bottom:3px solid #69BD45  !important;
		background-color:#fafafa;
		color:#999;
		height:30px;
		line-height:30px;
		vertical-align:middle !important;
		text-align:center !important;
		padding:2px;
	}
	table.lista td, table.lista_impressao td {
		height:30px;
		line-height:30px;
		vertical-align:middle;
		padding:0px 5px;
		cursor:pointer;
		border-bottom:1px solid #F2F2F2;
		font-size:14px;
		color:#4e4e4e;
	}
	table.lista_impressao th, table.lista_impressao td {
		color:#000;
	}
	table.lista tr:hover > td {
		background-color:#F2F2F2;
	}
	table.arquivos tr:hover > td > i {
		opacity:0;
	}
	table.arquivos tr:hover > td:first-child::after {
		content:"?";
		margin-left:15px;
		margin-top:4px;
		position:absolute;
		display: inline-block;
		font-family: FontAwesome;
		font-feature-settings: normal;
		font-kerning: auto;
		font-language-override: normal;
		font-size: inherit;
		font-size-adjust: none;
		font-stretch: normal;
		font-style: normal;
		font-synthesis: weight style;
		font-variant: normal;
		font-weight: normal;
		line-height: 1;
		text-rendering: auto;
		color:#0C7674;
	}
	div.filtros {
		font-size:13px;
		padding:0px 10px;
		line-height:22px;
	}
	div.filtros label:hover {
		text-decoration:underline;
		cursor:pointer;
	}
	h2 {
		font-size:16px;
		border-bottom:1px solid #F2F2F2;
		padding:10px 5px;
		margin-bottom:5px;
	}
	label.label-inset {
		color: #b6b6b6;
		cursor: pointer;
		font-size: 12px;
		margin-left: 5px;
		margin-top: -20px;
		position: absolute;
		white-space: nowrap;
	}
	input[type="text"], input[type="password"], select {
		background: #ffffff none repeat scroll 0 0;
		border: 1px solid #a5a5a5;
		display: inline-block;
		font-family: "Lato",sans-serif;
		font-size: 15px;
		font-weight: 300;
		height: 25px;
		letter-spacing: 0.6px;
		line-height: 10px;
		border-radius: 4px;
	}
	textarea {
		background: #ffffff none repeat scroll 0 0;
		display: inline-block;
		font-family: "Lato",sans-serif;
		font-size: 15px;
		font-weight: 300;
		border:1px solid #a5a5a5;
		padding:5px;
		resize:none;
	}
	/*auto complete*/
.ma-container{
	color: #000;
	border: 1px solid #F2F2F2;
	background-color: #fff;
	position: absolute;
	visibility: hidden;
	overflow-y: auto;
	overflow-x: hidden;
	z-index:2147483647;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.ma-container ul{
	list-style: none;
	overflow: hidden;
	width: 100%;
}
.ma-container li{
	padding: 2px 5px;
	line-height: 14px;
	cursor: pointer;
	float: left;
	width: 100%;
	overflow: hidden;
	font-size:15px;
}
.ma-container .ma-hover{
	color: #fff;
	background-color: #0C7674 !important;
}
.ma-container .ma-odd{
}
.ma-container .ma-even{

}
.ma-loading{
	background-color: #fafba4;
}
.ma-selected{
	background-color: #FFF;
}
tr.selecionado td {
	background-color:#f0f0f0;
}
input:checked  {
	background-color:#999;
}
/*fim autocomplete*/
table.cadastro {
	width:100%;
}
table.cadastro td {
	height:35px;
	line-height:35px;
	vertical-align:middle;
	padding:0px 5px;
	border-bottom:1px solid #F2F2F2;
	font-size:15px;
}
table.cadastro td.botoes {
	text-align:center;
	background-color:#FAFAFA;
	padding:10px;
}

strong {
    font-weight: 600;
}
input:read-only {
	background-color:#F2F2F2;
	position: relative !important; /*ajustar checkbox do multi-select*/
	margin-right: 5px !important; /*ajustar checkbox do multi-select*/
}
div.vul_div_msg_area {
	position:fixed;
	right:0px;
	top:120px;
	width:100%;
	z-index:99999;
	opacity:1;
}
div.vul_div_msg_area div.vul_div_msg {
	border-radius: 10px;
    display: table;
    left: 50%;
    margin: 10px;
    padding: 20px 40px;
    position: relative;
}
div.vul_div_msg_area div.msg_erro {
	background-color:#D91B00;
	color:#FFF;
}
div.vul_div_msg_area div.msg_aviso {
	background-color:#d4cd1a;
	color:#000;
}
div.vul_div_msg_area div.msg_sucesso {
	background-color:#24A866;
	color:#FFF;
}
div.vul_div_msg_area div.msg_trabalhando {
	background-color:#2C495B;
	color:#FFF;
}
div.vul_div_msg_area div.msg_pergunta {
	background-color: #fff;
    color: #000;
}
div.vul_div_msg_area div.msg_pergunta div.linha_botao {
	margin-top:20px;
	text-align:center;
}
div.vul_div_msg_area div.msg_pergunta div.botao {
	margin:5px;
}
div.bloqueio_tela {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:199;
}
div.vul_div_msg > i {
	color:#FFF;
	margin:0 10px 0 0;
	font-size:15px;
}
div.campo_obrigatorio {
	background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 0 4px 0 rgba(200, 29, 5, 0.3);
    padding: 20px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    z-index: 999999;
}
div.campo_obrigatorio::before {
    border-color: rgba(200, 29, 5, 0.3) transparent transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    bottom: 25px;
    content: "";
    left: 0;
    margin-left: -12px;
    position: absolute;
    transform: rotate(90deg);
}
input[type=submit],input[type=button] {
	background:none;
	border:none;
	color:#FFF;
	cursor:pointer;
	font-family: "Lato",sans-serif;
}
th.tipo_fundo {
	background-color:#999 !important;
	cursor:pointer;
	position:relative;
}
th.nome_fundo {
	background-color:#eeedee !important;
	text-indent:10px;
	color:#000 !important;
	border-top:1px solid #999;
	cursor:pointer;
	position:relative;
}
tr.fechado th:first-child:before {
	content:"?";
	position:absolute;
	right:10px;
	display: inline-block;
	font-family: FontAwesome;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
	top:10px;
}
#vul_float_box {
	position:absolute;
	z-index:200;
	left:50%;
}
.botao_fechar {
		background-color:#C81D05 !important;
	}



/*arquivos*/
	#download {
		width:250px;
		background-color:rgba(255,255,255,0.8);
		height:100%;
		bottom: 0;
		right: 0;
   		top: 0;
		z-index:2;
		position: fixed;
		display:none;
	}
	div.table-row {
		display:table-row;
	}
	div.table-cell {
		display:table-cell;
		vertical-align:middle;
	}

	/* end only demo styles */

	.checkbox-custom, .radio-custom {
		opacity: 0;
		position: absolute;
	}

	.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
		display: inline-block;
		vertical-align: middle;
		margin: 5px;
		cursor: pointer;
	}

	.checkbox-custom-label, .radio-custom-label {
		position: relative;
	}

	.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
		content: '';
		background: #fff;
		border: 1px solid #3485C6;
		display: inline-block;
		vertical-align: middle;
		width: 8px;
		height: 8px;
		padding: 2px;
		text-align: center;
	}

	.checkbox-custom:checked + .checkbox-custom-label:before {
		background: #69BD45;
	}

	.radio-custom + .radio-custom-label:before {
		border-radius: 50%;
	}

	.radio-custom:checked + .radio-custom-label:before {
		background: #69BD45;
	}


	.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
	  outline: 1px solid #ddd; /* focus style */
	}
	/*fim arquivos*/

/*sub menu*/
div.menu_lista {
		background-color:#e7e7e7;
	}
	ul.menu_lista {
	}
	ul.menu_lista li {
		cursor: pointer;
		display: inline-block;
		position: relative;
		padding:10px 10px;
	}
	ul.menu_lista li i {
		color: #808080;
		font-size: 13px;
		margin-right: 6px;
		margin-top: -3px;
		vertical-align: middle;
		position:relative;
	}
	ul.menu_lista li:hover {
		text-decoration:underline;
	}
	ul.menu_lista li:hover > div.sub_menu_lista {
		opacity:1;
		visibility:visible;
	}
	div.sub_menu_lista {
		position:absolute;
		right:0px;
		top:36px;
		background-color:#FFF;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		width:120px;
		transition: all 0.2s ease-out 0s;
		opacity:0;
		visibility:hidden;
	}
	ul.sub_menu_lista {
		width:100px;
	}
	ul.sub_menu_lista li i {
		color:#000;
	}
	ul.sub_menu_lista li {
		color:#000;
		width:100px;
		padding:10px;
	}
	ul.sub_menu_lista li:hover {
		text-decoration:underline;
	}
/*fim submenu*/
/*caixa selecao de colunas*/
	div.colunaSelect {
		background-color: #E7E7E7;
		border-radius: 5px;
		position: absolute;
		width: 250px;
		z-index: 999;
		padding-top:6px;
	}
	div.colunaSelect div.botoes {
		text-align:center;
	}
/*fim caixa selecao de colunas*/
table.cadastro th {
	text-align:left;
	text-indent:10px;
	vertical-align: middle;
}
table.cadastro select {
	height:29px;
}
th i {
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: sub;
}
th.ordenar {
	cursor:pointer;
}
.oculto {
	display:none !important;
}


/*animacao loader*/
@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}


@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.loading-container,
.loading {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}

.loading-container { margin: 40px auto; }

.loading {
    border: 2px solid transparent;
    border-color: transparent #fff transparent #6397D0;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-container:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}

.loading-container:hover .loading,
.loading-container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #69bd45;
    font-size: 10px;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}
/*fim animacao loader*/
/*contato*/
div.contato_nome_usuario {
		/*height:80px;*/
		background-color:#FFF;
		border-bottom:1px solid #E0E4E7;
		/*margin:0px -15px;*/
		padding: 5px;
		position:relative;
	}
	div.contato_nome_usuario div.avatar {
		background-repeat: no-repeat;
		background-size: 100% auto;
		border-radius: 30px;
		height: 50px;
		width: 50px;
		background-color:#666;
		position:absolute;
		top:10px;
		/*left:15px;*/
	}
	div.caixa_contato {
		padding:10px;
		position:relative;
		margin-top: 50px; /*novo*/
	}
	div.icone_contato {
		background-repeat: no-repeat;
		background-size: 100% auto;
		border-radius: 30px;
		height: 50px;
		width: 50px;
		background-color:#FFF;
		border:1px solid #dddddd;
		position:absolute;
		top:-5px; /*11px;*/
		left:-70px; /*-10px;*/
		/*position:relative;*/
	}
	div.icone_contato i {
		color: #000;
		font-size: 17px;
		left: 50%;
		margin-left: -8px;
		margin-top: -8px;
		position: absolute;
		top: 50%;
	}
	div.info_contato {
		background-color: #fff;
		border-radius: 5px 5px 5px 5px;
		position: relative;
		border:1px solid #dddddd;
		right: 0;
		top: -39px;
		left: 55px;
		max-width: 96%;
		padding: 10px;
	}
	div.info_contato_nota {
		background-color: #fff;
		border-radius: 5px 5px 5px 5px;
		bottom: 0;
		left: 10px;
		padding: 5px; /*10px;*/
		position: absolute;
		border:1px solid #dddddd;
		right: 0;
		top: 20px;
	}
	div.info_contato::before {
		border-color: rgba(221, 221, 221, 1) transparent transparent;
		border-style: solid;
		border-width: 8px 8px 0;
		top: 22px;
		content: "";
		left: 0;
		margin-left: -12px;
		position: absolute;
		transform: rotate(90deg);
	}
	div.contato_nome_usuario div.nome {
		left: 75px;
		position: relative;
		top: 35%;
		display: inline-block;
		width: 400px;
	}

	div.contato_nome_box {
        right:5%;
		position: absolute;
		top: 25%;
		display: inline-block;
	}

	div.tipo_contato {
		padding:15px;
		cursor:pointer;
	}
	div.tipo_contato i {
		color: #999 !important;
		font-size: 12px;
		margin-right: 3px;
		margin-top: -2px;
		vertical-align: middle;
	}
	div.divisor_round {
		padding:5px 25px;
		margin:0px;
		color:#FFF;
		border-radius:25px;
		display:inline-block;
	}
	div.info_contato div.objetivo i {
		font-size:14px;
		margin-right:5px;
	}
	div.info_contato div.detalhes {
		font-size:12px;
		color:#898989;
		margin:5px 0px;
		letter-spacing: 0.2px;
	}
	div.info_contato div.assunto, div.info_contato_nota div.assunto {
		background-color:#F2F2F2;
		border-radius: 0px 0px 5px 5px;
		border:1px solid #DDD;
		padding:10px;
		height: 100%;
		width: auto;
	}
	div.caixa_contato_conector {
		border-left: 2px dashed #ddd;
		height: 80px;
		margin-left: 25px;
		margin-top: -27px;
		position: absolute;
	}
	a {
		text-decoration:none;
		color:#999;
	}
	a:hover {
		text-decoration:underline;
	}
	div.opcoes {
			background-color:#F3F5F6;
			border:1px solid #E0E4E7;
			border-radius:5px 5px 0 0;
			border-bottom:none;
		}
		div.opcoes div {
			display:inline-block;
			padding:10px;
			cursor:pointer;
			position:relative;
		}
		div.opcoes div i {
			color: #999 !important;
			font-size: 12px;
			margin-right: 3px;
			margin-top: -4px;
			vertical-align: middle;
		}
		div.opcoes div.selecionado i {
			color:#3485C6 !important;
		}

		div.opcoes div.selecionado::before {
			border-width:0 1px 1px 0;
			border-color:#E0E4E7;
			border-style:solid;
			background-color:#F3F5F6;
			width:10px;
			height:10px;
			transform: rotate(45deg);
			bottom: -7px;
			content: "";
			left: 20%;
			margin-left: -12px;
			position: absolute;
		}

		div.opcoes_area {
			padding-top:8px;
			background-color:#FFF;
			border:1px solid #E0E4E7;
			border-radius:0 0 5px 5px;
			min-height:100px;
		}
		div.drop_area {
			background-color:#FBFBFB;
		}
	/*anexar arquivos*/
	.droppable {
		clear: both;
		color: #999;
		margin: 10px;
		padding: 20px;
		text-align: center;
		transition: all 0.3s ease 0s;
	}
	.droppable.hover {
		background: #CCC;
		transition: all 0.3s ease 0s;
	}
	.uploadItem span {
		display: block;
		float: left;
		overflow-x: hidden;
		width: 150px;
		height:20px;
	}
	.uploadList {
		list-style:none;
		margin:5px;
	}
	.uploadItem a {
		display: block;
		float: left;
		padding-left: 20px;
		color: #F00;
		font-weight:bold;
	}
	.ambiente_flutuante {
		margin:4px;
	}
	.progress {
		clear:both;
		margin: 5px 0;
		height: 15px;
		border-radius: 3px;
		background: #e7e7e7;
		color:#FFF;
		text-align:center;
		padding:3px 0px;
	}
	div.opcoes_contato {
		text-align:center;
		padding:10px;
	}
	div.opcoes_contato div {
		display:inline-block;
		margin:0px 10px;
		cursor:pointer;
		color:#999;
	}
	div.opcoes_contato div.selecionado {
		color:#000;
	}
	div.opcoes_contato div:hover {
		text-decoration:underline;
	}

	table.selecao_colunas th {
		text-indent:0px;
	}
	table.selecao_colunas td {
		border:1px solid #3485C6;
		text-indent:0px;
		line-height:16px;
		vertical-align:top;
	}
	div.label_12perc label {
		width:12% !important;
	}
	#consulta_cep {
		display:inline-block;
		margin-left:5px;
	}
	#load_cep {
		display:inline-block;
		margin-left:5px;
	}
	div.tipo_contato i.botao_remover {
		float:right;
		margin-top:2px;
		cursor:pointer;
		display:none;
	}
	div.tipo_contato:hover > i.botao_remover {
		display:block;
	}
	div.tipo_contato i.botao_remover:hover {
		color:#F00 !important;
	}


	div.relacionamento {
		height:auto;
	}
	div.relacionamento div.botoes {
		width:100%;
		text-align:center;
		margin-left:-10px;
		padding: 5px;
	}
	div.relacionamento div.botoes div.botao {
		display: inline-block;
		height: 47px;
		line-height: 40px;
		vertical-align: middle;
		margin:5px 5px;
		border-radius:50%;
	}
	div.relacionamento div.botoes div.botao i {
		margin-top:12px;
	}
	div.botao {
		position:relative;
	}

	div.botao span {
		background-color: #f26422;
		border-radius: 18px;
		bottom: -8px;
		font-size: 13px;
		height: 25px;
		line-height: 25px;
		position: absolute;
		right: -7px;
		text-align: center;
		width: 25px;
	}
	div.botao:hover > div.titulo {
		display:block;
	}
	div.botao div.titulo {
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
		color: #000;
		left: 19px;
		margin: auto auto auto -55px;
		padding: 0 20px;
		position: absolute;
		text-align: center;
		top: 109%;
		width: 80px;
		z-index: 10000;
		display:none;
	}
	div.botao div.titulo::before {
		background-color: #fff;
		border-color: #fff;
		border-style: solid;
		border-width: 0 1px 1px 0;
		content: "";
		height: 10px;
		left: 50%;
		margin-left: -4px;
		position: absolute;
		top: -6px;
		transform: rotate(45deg);
		width: 10px;
	}
	div#localizar_load {
		position:fixed;
		top:38px;
		background-color:#FFF;
		/* max-width: 400px; */
		border: 1px solid #a5a5a5;
		box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.37);
		display:none;
		max-height: 70%;
		overflow: hidden;
	}
	div#localizar_load div {
		padding:3px;
		cursor:pointer;
		transition: all 0.2s ease-out 0s;
		color:#999;
		overflow:hidden;
	}
	div#localizar_load div:hover {
		background-color: #f4763aba;
		transition: all 0.2s ease-out 0s;
		color: #fff;
	}
	div.botao_tabela {
		display:inline-block;
		margin:2px;
		background-color:#3485C6;
		border-radius:4px;
		color: #FFF;
		padding:6px;
		/*height:14px;*/
		/*width:14px;*/
		text-align:center;
		line-height:14px;
	}
	div.botao_tabela:hover {
		background-color:#F26422;
	}

	div.botao_tabela.AMARELO { background-color:#ffc300; }
	div.botao_tabela.VERMELHO { background-color:#F00; }
	div.botao_tabela.VERDE { background-color:#090; }
	div.botao_tabela.AZUL { background-color:#3485C6; }
	div.botao_tabela.BRANCO { background-color:#FFF; }
	div.botao_tabela.CINZA { background-color:#CCC; }
	div.botao_tabela.PRETO { background-color:#000; }
	div.botao_tabela.LARANJA { background-color: #f16220; }


	div.icone_status {
		width:20px;
		height:20px;
		border-radius:10px;
		background-color:#CCC;
		display:inline-block;
		margin:6px;
		vertical-align:bottom;
	}

	div.icone_status.ABERTO { background-color:#090; }
	div.icone_status.VENCIDO { background-color:#FF0; }
	div.icone_status.PAGO, div.icone_status.ENTREGUE { background-color:#3485C6; }
	div.icone_status.CONFIRMADO { background-color: #7746ce; }
	div.icone_status.AMENOR { background-color:#62eaff; }
	div.icone_status.CANCELADO { background-color:#CCC; }
	div.icone_status.AGENDADO { background-color:#62eaff; }
	div.icone_status.PENDENCIA_FINANCEIRA { background-color:#000; }

    div.icone_status.REMESSA { background-color:#090; }
	div.icone_status.NENHUM { background-color:#FF0; }
	div.icone_status.RETORNO { background-color:#3485C6; }

        div.icone_status.ATIVO { background-color:#090; }
        div.icone_status.INATIVO { background-color:#F00; }
        div.icone_status.SUSPENSO { background-color:#FF0; }

        div.icone_status.AMARELO { background-color:#FF0; }
        div.icone_status.VERMELHO { background-color:#F00; }
        div.icone_status.VERDE { background-color:#090; }
        div.icone_status.AZUL { background-color:#3485C6; }
        div.icone_status.BRANCO { background-color:#FFF; }
        div.icone_status.CINZA { background-color:#CCC; }
		div.icone_status.PRETO { background-color:#000; }
		div.icone_status.LARANJA { background-color: #cb6400; }

	div.botao_grande {
		width:100px;
		height:100px;
		background-color:#F2F2F2;
		display:inline-block;
		margin:10px;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
		border-radius:4px;
		cursor:pointer;
		text-align:center;
		position:relative;
		padding:5px;
	}
	div.botao_grande i {
		position:absolute;
		font-size:60px;
		left:25px;
		top:25px;
		color:#FFF;
	}
	div.botao_grande.selecionado {
		background-color:#e1e1e1;
	}
	div.botao_grande.selecionado i {
		color:#69BD45 !important;
	}
	#doacoes div.col_100 {
		padding-right:0px !important;
	}
	td, th {
		overflow:hidden;
		white-space:nowrap;
	}

	td, td > span {
		opacity: inherit !important;
	}

	ul.abas {
			right: 0;
			margin-top:10px;
			margin-bottom:5px;
			z-index:0;
			border-bottom:1px solid #e0e4e7;
		  }
		  ul.abas li {
			cursor: pointer;
			display: inline-block;
			border-left:1px solid #e0e4e7;
			border-right:1px solid #e0e4e7;
			border-top:1px solid #e0e4e7;
			height:40px;
			line-height:40px;
			text-indent:0;
			padding:0 20px;
			margin-left:5px;
			z-index:1;
			position:relative;
		  }
		  ul.abas li.selecionado {
			 border-bottom:none;
			 border-top:3px solid #3485C6;
			 border-bottom:1px solid #FFF;
			 background-color:#FFF;
			 margin-bottom:-1px;
		  }





	div.tag_habilidades {
		color:#3485C6;
	}
	div.tag_unidade {
		color:#F26422;
	}
	div.tag_areainteresse {
		color:#69BD45;
	}
	div.select_virtual {
		background-color: #fff;
		border: 1px solid #a5a5a5;
		display: inline-block;
		margin: 0;
		padding: 6px 10px;
		position: relative;
		width: 30%;
	}
	div.select_virtual i.opcao_selecao {
		position: absolute;
		right: 6px;
		top: 6px;
	}
	div.select_flutuante {
		border: 1px solid #3485c6;
		line-height: 15px;
		margin: 6px -11px -11px;
		width: 100%;
		background-color:#FFF;
		display:none;
		z-index:10000;
		height:200px;
	}
	div.select_virtual:hover > div.select_flutuante {
		display:block;
	}




span.contador_balao {
    background-color: #f26422;
    border-radius: 18px;
    top: -13px;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: -8px;
    text-align: center;
    width: 25px;
	color:#FFF;
}
.oculto {
	display:none;
}
div.itens_selecionados {
	position:relative;
	width:30%;
	display:inline-block;
	padding:10px;
	padding-top:3px;
}
div.itens_selecionados div {
	width:50%;
	display:inline-block;
	float:left;
}

/*Regras do novo datatables*/
.dataTables_filter input {
	border: 1px solid #dddddd;
	font-weight: 300;
	padding: 5px;
	border-radius: 5px;
	margin-right: 5px;
}

.dataTables_wrapper{
	margin-top: 10px;
}

/** Regras do filtro MultiSelect */
.wrapper-filtros{
	display: inline-block;
	margin-left: 2%;
	background-color: #dedede;
	padding: 0px 10px;
}

.td_mult_sec{
	overflow: initial;
}

.ms-drop ul > li{
	padding:0;
	margin-bottom:5px; /*Margem para distanciamento de itens*/
}

/* Regras referente ao Modal*/
.modal-utilis{
	width:95%;
	/*height:100%;*/
	background-color:#FFF;
	border-radius:4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	position:relative;
	padding:10px;
	/*overflow: hidden;*/
	overflow: visible;
}


/* Regras para botões em geral da aplicação */
.btn{
	padding: 6px 15px;
	border: none;
	margin: 2px;
	border-radius: 3px;
	cursor: pointer;
	color: #FFF;
	font-family:"Lato",sans-serif;
}

.btn-circle {
	border-radius: 50%;
	width: 50px; /* Ajuste a largura conforme necessário para tornar o botão redondo */
	height: 50px; /* Ajuste a altura conforme necessário para tornar o botão redondo */
	padding: 12px; /* Ajuste o preenchimento conforme necessário para alinhar o ícone corretamente */
}

.btn-circle > span {
	margin-left: 5px;
}

.btn-circle > span.badge {
	margin-left: 0px;
	background-color: #f26422;
	color: #fff;
	top: 16px;
	width: 25px;
}

.utilis {
	line-height: 0px !important;
	border-width: 1px !important;
}


.label-form{
	font-weight: 400;
}

.btn-default{
	background-color:#3485C6;
}

.btn-confirmacao{
	background-color:#69bd45;
}

.btn-cancelamento{
	background-color: #D91B00;
}

.lista-variaveis-templates{
	line-height: normal;
	font-size: 15px;
	background-color: #dceefd;
	padding: 5px;
}

/*Regras personalizadas bootstrap*/
.bootstrap-iso .navbar{
	margin-bottom:0;
	min-height: 75px;
}

.bootstrap-iso .navbar-brand{
	padding:10px;
}

.version-info{
	display: none;
	font-weight:bold;
	color: rgba(98, 98, 98, 0.98);
	font-size: 13px;
	position: absolute;
	padding-left: 15px;
}

.navbar-brand:hover > .version-info{
	display: inline;
}

.navbar-brand .logo{
	max-height: 45px;
	padding-left: 15px;
}

.icones-info-menu{
	position: relative;
	top: 15px;
}

#resultsContainer {
	position: absolute;
	width: 100%;
	background-color: white;
	z-index: 1;
}

/* Box de data range */
.box-daterange {
	display: inline-grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	width: 80%;
	align-items: baseline;
}

li > .box-daterange {
	width: min-content;
}

td > .box-daterange {
	grid-template-columns: 0.1fr 1fr;
}

.box-daterange .input-daterange {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}

td > .box-daterange .input-daterange {
	grid-template-columns: 1fr 0.1fr 1fr;
}

.box-daterange .de {
	padding-right: 5px;
	margin-top: 2px;
}

.box-daterange .input-daterange input-group {
	display: flex;
	align-items: center;
}

.box-daterange .input-group-addon .mdl-add {
	display: initial;
}

.box-daterange .input-group-addon {
	margin-right: 0px !important;
	border: 0px;
	background-color: #fff;
}

li > .box-daterange .input-group-addon {
	background-color: #e7e7e7;
}


.box-daterange input-sm form-control {
	width: 140px;
	margin: 0 5px;
}

.center-block-custom {
	text-align: center;
}

/* custom multiselec */
.td_mult_sec{
	overflow: initial;
}
.MultiSelect {
	width: 100%;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	display: block;
	position: relative;
}
.MultiSelect .monitor {
	background: url("img/monitor-left.png") top left no-repeat;
	width: 99%;
	line-height: 18px;
	padding: 0 0 0 4px;
	margin: 0;
	overflow: hidden;
}
.MultiSelect .monitor div {
	background: url("img/monitor-right.png") top right no-repeat;
	padding: 0 18px 0 0;
}
.MultiSelect .monitor div div {
	background: url("img/monitor-center.png") top left repeat-x;
	padding: 1px 0 0 0;
	margin: 0;
}
.MultiSelect .monitor.active { background: url("img/monitor-left-active.png") top left no-repeat; }
.MultiSelect .monitor.active div { background: url("img/monitor-right-active.png") top right no-repeat; }
.MultiSelect .monitor.active div div { background: url("img/monitor-center-active.png") top right repeat-x; }

.MultiSelect ul {
	position: absolute;
	z-index: 1000;
	top: 18px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 99%;
	max-height: 230px;
	overflow: hidden;
	list-style: none;
	background-color: #FFF;
	border-top: 1px solid #ccc;
	border-left: 3px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	_height: 230px; /* IE */
}
.MultiSelect ul li {
	padding: 0px 3px;
}
.MultiSelect ul li.hover,
.MultiSelect ul li.selected.hover {
	background-color: #6DBAF0;
	color: white;
}
.MultiSelect ul li.selected {
	background-color: #3875D7;
	color: white;
}








@media (max-width: 800px) {
	.bootstrap-iso .navbar-brand {
		padding: 3px 0px 0px 15px;
	}

    .icones-info-menu{
            top: 0;
            left: 15px;
    }

	.version-info{
		top: 15px;
		left: 120px;
		max-width: 45%;
	}
}

@media (max-width: 1235px) {
	.icone-usuario{

	}
}