/*
Desenvolvimento Weblink informatica www.wl.com.br// Soluções para Web
*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto');
*{font-family: 'Roboto', sans-serif;}
.fa *{font-family: 'Roboto', sans-serif !important;}
*/
/*.Net field validator*//*Esconde os Asp.net validators*/
span[style*="visibility:hidden"]{   display:none !Important;}
span,b,strong,em,i,s {font:inherit;}
*{box-sizing: border-box;fill:currentColor; }
body, div, h6, ul{	margin: 0px;	padding: 0px;}/* H6 é especial pois é o utilizado no menu*/
a{	color: #0757f6;}
a:hover{	color: #117c6e;}
b, strong{	font-weight: bold !important;}

/*------------------------------HEADERS--------------------------------------------------*/
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{	margin: 0px; font-weight: bold;	padding: 0px; display:block; color: inherit;}
h1,.h1 { font-size:2em;}
h2,.h2 {font-size:1.6em;}
h3,.h3 {font-size:1.2em;}
h4,.h4 {font-weight: normal;}
h5,.h5 {font-weight: normal;font-size: 1em;}

label[for] { cursor: pointer; }
.flexbox{/*FLEXBOX*/ display: flex;	flex-wrap: wrap; /* Wrap after the items fill the row *//* Safari specific rules */ display: -webkit-flex; -webkit-flex-wrap: wrap;}
.full{ width:100%}
.fleft{ float:left;}
.fright{ float:right;}
.center{ text-align:center;}
table.center td,table.center th{text-align:center;}
.bold,.negrito{	font-weight: bold;}


/*https://www.grammarly.com*/
.maxw300{ max-width:300px;}
.maxw400{ max-width:400px;}
.maxw500{ max-width:500px;}
.maxw600{ max-width:600px;}
.maxw700{ max-width:700px;}
.maxw800{ max-width:800px;}

.padding2 td,.padding2 th {padding: 2px !important;}
.padding3 td,.padding3 th {padding: 3px !important;}
.padding4 td,.padding4 th {padding: 4px !important;}
.padding5 td,.padding5 th {padding: 5px !important;}
.padding6 td,.padding6 th {padding: 6px !important;}

@media print
  {  .noprint {display:none !important;}  .print{ display:block !important;}  }

/*Fecha cabecalho ----------------------------------------------------------------*/
.principal{ width:100%; margin:auto;  }
/*---------CONTEUDO---------------*/
.conteudo{	padding-left:150px;	 margin:auto;}
/*Cabecalho ----------------------------------------------------------------*/
.cabecalho {}
.cabecalho .box{padding: 10px;}
.cabecalho_menu{
	width:100%;
	margin: 0px auto;
	background:#069;
	float: left;
	clear: both;
}


.cabecalho_menu ul {
	text-align: center;

}
.cabecalho_menu ul li{	
	display:inline;
}

.cabecalho_menu ul li.current{	
	background-color:#060;
	color:#FFF;
	float: right;
}

.cabecalho_menu ul li a{
	font: bold ;
    font-size: 1em;
	float: left; 
	margin-top:0;
	padding: 0.8em 1.0em 0.8em 0.5em;
	
	color: #FFF;
	text-decoration: none;
    border:solid 1px transparent;
    line-height: 1em;
	
	text-shadow: 0 1px 0 #000;
}
.cabecalho_menu ul li a.current{ 
	background-color:#060;
	color:#FFF;
	float: right;
}
.cabecalho_menu ul li a:hover{ 
	color: #FFF;  
	border-color:white;  
	background: rgba(255,255,255,0.3);
}

.cabecalho_menu ul li a img{
	border:none;
	margin-right: 0.6em;
	
}
.cabecalho_menu ul li a i{ font-size: 1.0em; margin-right:0.6em; }

/*Design do segundo nivel de menu*/
.cabecalho_menu ul ul li{
	background-color:#FFFFFF;
	
}

.cabecalho_menu ul ul{margin-top: -0.7em;}

.cabecalho_menu ul ul li a{ color:#333; background:none !important; text-shadow: 0 1px 0 #fff; }
.cabecalho_menu ul ul li a:hover{border:1px solid #CCCCCC ; text-shadow: 0 1px 0 black;}

.cabecalho_menu ul li:hover, .cabecalho_menu ul li.sfHover,
.cabecalho_menu ul a:focus, .cabecalho_menu ul a:hover, .cabecalho_menu ul a:active { background-color:#069;}

.cabecalho_menu .submenu {}
.cabecalho_menu .submenu{
	/*background-image: url(css_images/bullet_toggle_plus.png);*/
    /*background-image: url(css_images/chevron-down.svg);*/

   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="white"><path d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"/></svg>');
	background-position: right center;
	background-repeat: no-repeat;
    margin-left: 0.8em;
    background-size: 0.8em 1em;
}
.cabecalho_menu .submenu{}
.cabecalho_menu .submenu a{}
/*Cabecalho menu fundos*/
.cabecalho_menu li{	
	transition: all 0.3s linear;
}
.cabecalho_menu.vermelho {	background: #a90329; }
.cabecalho_menu.verde {	background: #52b152; }
.cabecalho_menu.azul {}
.cabecalho_menu.cinza {	background: #eeeeee; }
.cabecalho_menu.cinza ul a{color: #3B4859;	text-shadow: 0 1px 0 #fff; }
.cabecalho_menu.amarelo {	background: #fcf088;}
.cabecalho_menu.amarelo ul a{color: #3B4859;text-shadow: 0 1px 0 #fff; }
/*Fim das cores do cabecalho*/

/*Fecha cabecalho ----------------------------------------------------------------*/
/*------------- MENU--------------------*/ 
.menu {
	float:left;
	clear:both;
	width: 139px;
	margin: 0px 3px 0px 0px;
}
.menu ul {
	margin-bottom: 10px;
	display:block;
	

}
.menu ul li{
	margin: 0px 0px 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	list-style:none;
	display:block;
	
}
.menu ul li h6{
	padding: 7px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #06C;	
	
}
.menu ul li a img{
	border:none;
	margin-bottom: -5px;
	margin-right: 5px;
}
.menu ul li a{
	display: block;
	font-size: 1em;
	color: #666666;
	padding: 0.6em 0.6em 0.6em 1em;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #e2e2e2;
	border-left: 0px solid #FFFFFF;
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear; /* Old browsers */
	background-color: rgb(248,248,248);	
}
.menu ul li a.current{ background-color:#060 ; color:#FFF;}
.menu ul li a:hover{
	color: white;
	background: #2591EA;
}
.menu ul li a i{ font-size:120%;margin-right:8px;}

/*-------------------------------------------------Rodape----------------------------------------*/
.rodape {

	
	background: #E6F1FF repeat-x;
	text-align: center;
	width: 100%;	
    overflow:auto;
	
	/*Para o wl_help funcionar*/
	/*clear:both;	
	float:none;	*/
	/*IEHACK*/
}
.rodape .box{padding: 15px 10px 10px;}
/*-------------------------------------------------fecha Rodape----------------------------------------*/



/**{font-family:  Verdana, Arial;font-size: 10px;}*/

/*------------------------------FORMS--------------------------------------------------*/

/*-------------------Paginação e data grid------------------------------------------------*/
.w_DG_paginacao{text-align: left;}
	.w_DG_paginacao a{font-weight: bold;color: #CC6600;	margin-right: 5px;	margin-left: 5px;}
	.w_DG_paginacao a:hover {	text-decoration:underline;color:#006600;margin-right: 5px;margin-left: 5px;}
.w_DG_paginacao_atual  {
/*pra fazer funcionar aqui usar o !important no final*/
	color: #FF0000 !important;
	text-decoration:underline !important;
}
/*WL BOX*/
.wl_box{border: 1px solid #e0e0e0;border-collapse:collapse;margin: 0px 0px 15px;}
.wl_box caption{font: bold 10px ;background: #F7F7F7 repeat-x;text-align: left;padding: 5px 5px 5px 20px;border: 1px solid #e0e0e0;color: #2478a1;}
.wl_box td{	padding: 8px;}


/**/

/*----Fecha WL BOX----*/

	/*PASSO A PASSO - horrivel ainda*/
	/*PASSO A PASSO*/	

.passoapasso{margin: 0px auto 5px;text-align: center;border: 1px solid #eaeaea;	height:75px;}
	.passoapasso h2{text-align: left;color: #70b9eb;background: #deeafb;}
	.passoapasso ul {text-align: center;margin-right: auto;	margin-left: auto;}
		.passoapasso ul li{	display:inline;overflow:visible;float:left;	margin-top:-10px;}
			.passoapasso ul li a{font: bold 14px/25px; color: #a7bedf;	float: left;padding: 10px 10px 0 20px;height: 23px;}
				.passoapasso .atual a{color: #c43737;background: url(../css/css_images/wl_indice.gif) no-repeat 20% 0px;}
/*FECHA PASSO A PASSO*/

/*PASSO A PASSO*/	

.passoapasso2{margin: 0px auto 5px;text-align: center;border: 1px solid #eaeaea;	height:120px;}
	.passoapasso2 h2{text-align: left;color: #70b9eb;background: #deeafb;}
	.passoapasso2 ul {text-align: center;margin-right: auto;	margin-left: auto; /*border:solid 1px #393; width:850px;*/ }
		.passoapasso2 ul li{
	overflow:visible;
	float:left;
	width:80px;
	height:80px;
	margin: -10px 2px 15px;
	display:block;
	list-style:none;	
		}
			
			.passoapasso2 ul .atual a{ border-color:#c43737;}
			.passoapasso2 ul li a{
	font: bold 36px/25px ;
	color: #a7bedf;
	float: left;
	padding: 28px 30px ;
	height: 23px;
	text-decoration:none;
	text-align: center; border:1px solid #a7bedf;
	display:block; 
}

	/*Label Abaixo do numero*/
	.passoapasso2 ul .atual .passoapasso2_label{ color: #c43737;}
	.passoapasso2 ul li .passoapasso2_label{	
	margin-top:-20px;
	width:80px;
	text-align:center;	
	color:#a7bedf;		
	float:left;	
	font-weight: bold;	
}

	/*Formatacao e tamaanho do texto descritivo*/
	.passoapasso2 .atual{ 
	margin-right:450px;
	*margin-right:0px;
	
	}	
	.passoapasso2 .atual .passoapasso2_texto{
	display:block;	
	margin-left:81px;	
	border:solid 1px #c43737;
	float:left;		
	width:450px;
	height:79px;
	margin-top:-81px;
	*height:81px;
	*margin-top:-83px;
	*margin-left:41px;
		} 
     /*classe do texto descritivo atual*/
	.passoapasso2 .atual .passoapasso2_texto div{ 
	padding:5px;color:#666;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	line-height: 18px;text-align:left;}
	
	.passoapasso2  .passoapasso2_texto{ display:none;}
				.passoapasso2 .atual a{color: #c43737;background: url(../css/css_images/wl_indice.gif) no-repeat 20% 0px;}
/*FECHA PASSO A PASSO*/

/*------------------------------FIM Table--------------------------------------------------*/

/*----------------------------------------MSG------------------------------*/
.msg {
	color: #FF0000;
	background-color: #FFFFCC;
	text-align: center;
	padding: 8px;
	border: 1px solid #FFCCCC;
}
.msg_retorno {
	color: red;
}
/*----------------------------------------MSGS------------------------------*/



/*BTN botoes*/

	/*------------------------------DATAGRID--------------------------------------------------*/
	
	

.wl_datagrid, .w_DG_datagrid, .div_datagrid table {
	border-collapse:collapse;
	border-top: 1px solid #d9e8fb;
	border-right: 1px solid #99bbe8;
	border-bottom: 1px solid #99bbe8;
	border-left: 1px solid #99bbe8;	
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.1);
}
.wl_datagrid table, .w_DG_datagrid table {
	border-collapse:collapse;
}
.wl_datagrid caption, .w_DG_datagrid caption, .div_datagrid table caption {
	border: 1px solid #DDDDDD;
	padding: 0.5em 0.5em 0.5em 1em;
	text-align: left;
	font-weight: bold;
	background-color: #436f9e;
	font-size: 1.2em;
	color: #fff;
	text-shadow:#666 0 1px 0;
	filter: dropshadow(color=#666, offx=0, offy=1);
	
	border-radius: 5px 5px 0px 0px;
	
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.1);
}
/* Estilo aplicado as tds do cabecalho da tabela*/
.wl_datagrid th, .w_DG_datagrid th, .div_datagrid table th {
	color: #333;
	padding: 0.4em;
	text-align: left;
	text-shadow:#fff 0 1px 0;
	filter: dropshadow(color=#fff, offx=0, offy=1);
	border-collapse:collapse;
	background-color:#F0F0F0;
	border: 1px solid #CCCCCC;
}
/*Efeito zebra no datagrid*/
.wl_datagrid tr:nth-of-type(odd) td, .w_DG_datagrid tr:nth-of-type(odd) td {
	background:#E8F4FD;
}
/* Estilo aplicado as tds da tabela*/
	.wl_datagrid td, .w_DG_datagrid td, .div_datagrid table td {
	padding: 0.4em;
	border: 1px solid #E4E4E4;
	background: rgb(255,255,255); /* Old browsers */
}
.wl_datagrid tr:hover td, .w_DG_datagrid tr:hover td {
	background-color: #FFCC99 !important;
}

/* Estilo aplicado ao rodape na tabela da tabela*/
.wl_datagrid tfoot td, .w_DG_datagrid tfoot td, .w_DG_datagrid .tabela_rodape td {
	background-color: #f3f3f3;
	padding: 0.4em;
	border: 1px solid #EEEEEE;
}
.wl_zebra tr:nth-of-type(odd) {
	background:#E8F4FD;
}
.wl_zebra_vertical td:nth-of-type(odd), .wl_zebra_vertical th:nth-of-type(odd) {
	background:#E8F4FD;
}
/*fecha zebra*/

/*------------------------------WL_TABLE--------------------------------------------------*/
.wl_table {
	border-collapse:collapse;
	
	-webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.1); 
}
.wl_table caption{
	border: 1px solid #B8CFEE;
	padding: 0.5em 0.5em 0.5em 1em;
	text-align: left;
	background-color: #436f9e;

	font-size: 1.2em;
	color: #fff;
	text-shadow:#666 0 1px 0;
	filter: dropshadow(color=#666, offx=0, offy=1);
	
	border-radius: 5px 5px 0px 0px;
	font-weight: bold;
}
/* Estilo aplicado as tds do cabecalho da tabela*/
.wl_table th {
	background-color: #F0F8FF;
	border: 1px solid #BBBBBB;
	text-align: right;
	text-shadow:#fff 0 1px 0;
	filter: dropshadow(color=#fff, offx=0, offy=1);
	padding:0.4em;
}
/* Estilo aplicado as tds da tabela*/
	.wl_table td {
	border: 1px solid #E4E4E4;
	}
	/* Cor alternativa da row(linha) da tavela*/
	.wl_table .tabela_alternate {
	background: #F4F4F4;
}
	/*.wl_table tbody tr:hover {
		background-color: #FF9966;
	}*/
/* Estilo aplicado ao rodape na tabela da tabela*/
.wl_table tfoot td, .wl_table .tabela_rodape td {
	background-color: #f3f3f3;
	padding: 0.4em;
	border: 1px solid #EEEEEE;
}

table.line{}
table.line td,table.line th{
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #D8D8D8;
	border-left-color: #FFF;
}
/*------------------------------FIM Table--------------------------------------------------*/
/*------------------------------Inicio menu_box--------------------------------------------------*/
.wl_menu_box{
	overflow: auto;
	background-color: #FBFBFB;
	padding: 8px;
}
.wl_menu_box a{
	color: #666;
	text-decoration: none;
	height: 90px;
	width: 150px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 10px 40px;
	text-align: right;
	background-size: auto 60%;
	font-size: 12px;
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E9E9E9;
	border-right-color: #E9E9E9;
	border-bottom-color: #E9E9E9;
	border-left-color: #E9E9E9;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
}
.wl_menu_box a.vermelho{	color: #FFF !important;	background: #b20000;}
.wl_menu_box a.azul{color: #FFF !important;	background: #4f85bb;}
.wl_menu_box a.verde{	color: #FFF !important;	background: #529676; }
.wl_menu_box a.amarelo{		background-color:#FF0;background: #ffffd3;}
.wl_menu_box a.laranja{	color: #FFF !important;	background: #ffc578;}

.wl_menu_box a:hover{
	text-decoration: none;
	border-color:  #06C;	
	
}
.wl_menu_box a b,.wl_menu_box a strong{
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	color: #06C;
	text-align: left;
	margin-left: -40px;
}

.wl_menu_box a.vermelho b,
.wl_menu_box a.azul b,
.wl_menu_box a.verde b,
/*.wl_menu_box a.amarelo b,*/
.wl_menu_box a.laranja b,
.wl_menu_box a.vermelho strong,
.wl_menu_box a.azul strong,
.wl_menu_box a.verde strong,
/*.wl_menu_box a.amarelo strong,*/
.wl_menu_box a.laranja strong{ color:#FFF;}


/*------------------------------FIM menu_box--------------------------------------------------*/
/*BOTOES PARA A TAG INPUT*/
.btn,
.btn2,
input[type="submit"] {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    padding-top: 0.8em;
    padding-bottom: 1.8em;
    padding-left: 1.5em;
    padding-right: 1em;
}

.btn2[disabled="disabled"], .btn[disabled="disabled"]{opacity:0.5;  }


a.btn2,a.btn{
	text-decoration: none;
	
	display: inline-block;
	text-decoration:none;
	
}


.btn2,.btn, 
input[type="submit"][value="buscar"],
input[type="submit"][value="Buscar"],
input[type="button"][value="buscar"],
input[type="button"][value="Buscar"],

input[type="submit"][value="procurar"],
input[type="submit"][value="Procurar"],
input[type="button"][value="procurar"],
input[type="button"][value="Procurar"],

input[type="submit"][value="editar"],
input[type="submit"][value="Editar"],
input[type="button"][value="editar"],
input[type="button"][value="Editar"],

input[type~="submit"][value="incluir"],
input[type~="submit"][value="Incluir"],
input[type~="button"][value="incluir"],
input[type~="button"][value="Incluir"],

input[type~="submit"][value="alterar"],
input[type~="submit"][value="Alterar"],
input[type~="button"][value="alterar"],
input[type~="button"][value="Alterar"],

input[type="submit"][value="excluir"],
input[type="submit"][value="Excluir"],
input[type="button"][value="excluir"],
input[type="button"][value="Excluir"],

input[type="submit"][value="deletar"],
input[type="submit"][value="Deletar"],
input[type="button"][value="deletar"],
input[type="button"][value="Deletar"],

input[type="submit"][value="salvar"],
input[type="submit"][value="Salvar"],
input[type="button"][value="salvar"],
input[type="button"][value="Salvar"],

input[type="submit"][value="procurar"],
input[type="submit"][value="Procurar"],
input[type="button"][value="procurar"],
input[type="button"][value="Procurar"],

input[type="submit"][value="buscar"],
input[type="submit"][value="Buscar"],
input[type="button"][value="buscar"],
input[type="button"][value="Buscar"],

input[type="submit"][value="limpar"],
input[type="submit"][value="Limpar"],
input[type="button"][value="limpar"],
input[type="button"][value="Limpar"]
{
	background: #F3F3F3; /* Old browsers */
	border: 1px solid #B0B0B0;
	
	border-radius: 3px;
	font-weight:bold;
	
	height: 2em;
	
	box-shadow: inset 0px 0px 1px 0px #fff;
  

    
	color: #4F4F4F;
	/*padding: 0px 10px 3px;*/
	text-align: left;
	text-shadow: 0 1px 0 #FFFFFF;
	/*margin: 8px 8px 8px 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 0;
	/*Icones*/
	background-repeat: no-repeat !important;
	background-position: 5px center  !important;
  }
  .btn2:hover, .btn:hover,
input[type="submit"][value="buscar"]:hover,
input[type="submit"][value="Buscar"]:hover,
input[type="button"][value="buscar"]:hover,
input[type="button"][value="Buscar"]:hover,

input[type="submit"][value="procurar"]:hover,
input[type="submit"][value="Procurar"]:hover,
input[type="button"][value="procurar"]:hover,
input[type="button"][value="Procurar"]:hover,

input[type~="submit"][value="editar"]:hover,
input[type~="submit"][value="incluir"]:hover,
input[type~="submit"][value="alterar"]:hover,
input[type="submit"][value="excluir"]:hover,
input[type="submit"][value="deletar"]:hover,
input[type="submit"][value="Salvar"]:hover,
input[type="submit"][value="limpar"]:hover ,
input[type="submit"][value="deletar"]:hover,
input[type~="submit"][value="Editar"]:hover,
input[type~="submit"][value="Incluir"]:hover,
input[type~="submit"][value="Alterar"]:hover,
input[type="submit"][value="Excluir"]:hover,
input[type="submit"][value="Salvar"]:hover,
input[type="submit"][value="Limpar"]:hover,
input[type="button"][value="Deletar"]:hover,
input[type~="button"][value="incluir"]:hover,
input[type~="button"][value="alterar"]:hover,
input[type="button"][value="excluir"]:hover,
input[type="button"][value="deletar"]:hover,
input[type="button"][value="Salvar"]:hover,
input[type="button"][value="limpar"]:hover,
input[type="button"][value="deletar"]:hover,
input[type~="button"][value="Incluir"]:hover,
input[type~="button"][value="Alterar"]:hover,
input[type="button"][value="Excluir"]:hover,
input[type="button"][value="Salvar"]:hover,
input[type="button"][value="Limpar"]:hover ,
input[type="button"][value="Deletar"]:hover {
	
	background-color: #4387f5;
	
	
	cursor: pointer;
	border: 1px solid #3079ed;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	
	-webkit-box-shadow:  0px 0px 5px 0px #3079ed;
	-moz-box-shadow:  0px 0px 5px 0px #3079ed;
	-ms-box-shadow:  0px 0px 5px 0px #3079ed;
	-o-box-shadow:  0px 0px 5px 0px #3079ed;
	box-shadow:  0px 0px 5px 0px #3079ed;
	
}
  .btn2:active,.btn:active, 
 input[type="submit"][value="buscar"]:active,
input[type="submit"][value="Buscar"]:active,
input[type="button"][value="buscar"]:active,
input[type="button"][value="Buscar"]:active,

input[type="submit"][value="procurar"]:active,
input[type="submit"][value="Procurar"]:active,
input[type="button"][value="procurar"]:active,
input[type="button"][value="Procurar"]:active,

input[type~="submit"][value="editar"]:active,
input[type~="submit"][value="incluir"]:active,
input[type~="submit"][value="alterar"]:active,
input[type="submit"][value="excluir"]:active,
input[type="submit"][value="deletar"]:active,
input[type="submit"][value="Salvar"]:active,
input[type="submit"][value="limpar"]:active ,
input[type="submit"][value="deletar"]:active,
input[type~="submit"][value="Editar"]:active,
input[type~="submit"][value="Incluir"]:active,
input[type~="submit"][value="Alterar"]:active,
input[type="submit"][value="Excluir"]:active,
input[type="submit"][value="Salvar"]:active,
input[type="submit"][value="Limpar"]:active,
input[type="button"][value="Deletar"]:active,
input[type~="button"][value="incluir"]:active,
input[type~="button"][value="alterar"]:active,
input[type="button"][value="excluir"]:active,
input[type="button"][value="deletar"]:active,
input[type="button"][value="Salvar"]:active,
input[type="button"][value="limpar"]:active,
input[type="button"][value="deletar"]:active,
input[type~="button"][value="Incluir"]:active,
input[type~="button"][value="Alterar"]:active,
input[type="button"][value="Excluir"]:active,
input[type="button"][value="Salvar"]:active,
input[type="button"][value="Limpar"]:active ,
input[type="button"][value="Deletar"]:active
 {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
	

	
	}
	
	
	
	/*CORES--------------------*/
	
	
    .btn2.cinza.icone,.btn2.grey.icone, .btn.cinza.icone,.btn.grey.icone{background-color:#F5F5F5; filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";}
	
	.btn2.cinza:hover,.btn2.grey:hover,.btn.cinza:hover,.btn.grey:hover{
	-webkit-box-shadow:  0px 0px 5px 0px #818181;
	-moz-box-shadow:  0px 0px 5px 0px #818181;
	-ms-box-shadow:  0px 0px 5px 0px #818181;
	-o-box-shadow:  0px 0px 5px 0px #818181;
	box-shadow:  0px 0px 5px 0px #818181;
		
	}
	
	.btn2.vermelho,.btn2.red,.btn.vermelho,.btn.red{
		background-color: #D14130;
		color:#FFF ;	
		border: 1px solid #9f2331;
		text-shadow: 0 -1px 0 black ;
	}
	
	
	
	.btn2.vermelho:hover,.btn2.red:hover,.btn.vermelho:hover,.btn.red:hover{
		background-color: red;
		
	
	box-shadow:  0px 0px 5px 0px #c74b4b;
		
	}
	.btn2.vermelho:active,.btn2.red:active,.btn.vermelho:active,.btn.red:active{ background-color:#C06;
		
		transition: all 0.1s linear;
	
	}
	
	
	.btn2.verde,.btn2.green,.btn.verde,.btn.green{background-color: #060;
		color:#FFF ;	
		border: 1px solid #006600;
		text-shadow: 0 -1px 0 black ;
		}
	
	.btn2.verde.icone,.btn2.green.icone,.btn.verde.icone,.btn.green.icone{background-color: #299a0b;	filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";}
	
	
	.btn2.verde:hover,.btn2.green:hover,.btn.verde:hover,.btn.green:hover{
	background-color:#3A8E00;	
		
	
	box-shadow:  0px 0px 5px 0px #299a0b;
		
	}
	
	.btn2.verde:active,.btn2.green:active,.btn.verde:active,.btn.green:active{ 
		background-color:#0C0;
		
	
	}

	
	.btn2.azul,.btn2.blue,.btn.azul,.btn.blue{ background:#06C; ; color: #FFF;
	border: 1px solid #4096ee;
	
	text-shadow: 0 -1px 0 #000;}
	

	
	.btn2.azul:hover,.btn2.blue:hover,.btn.azul:hover,.btn.blue:hover{
		background:#4B8DF8;
	-webkit-box-shadow:  0px 0px 5px 0px #4096ee;
	-moz-box-shadow:  0px 0px 5px 0px #4096ee;
	-ms-box-shadow:  0px 0px 5px 0px #4096ee;
	-o-box-shadow:  0px 0px 5px 0px #4096ee;
	box-shadow:  0px 0px 5px 0px #4096ee;
		
	}
	.btn2.azul:active,.btn2.blue:active,.btn.azul:active,.btn.blue:active{ 
		background-color:#009;
		-webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		transition: all 0.1s linear;
	
	}
	
	.btn2.amarelo,.btn2.yellow,.btn.amarelo,.btn.yellow{background-color:#fede29; color: #3B4859;
	border: 1px solid #FEDE29;
	
	text-shadow: 0 1px 0 #fff; }
	

	
	.btn2.amarelo:hover,.btn2.yellow:hover,.btn.amarelo:hover,.btn.yellow:hover{
	background-color:#FF6; border: 1px solid #FF0;	
		
	-webkit-box-shadow:  0px 0px 5px 0px #FEDE29;
	-moz-box-shadow:  0px 0px 5px 0px #FEDE29;
	-ms-box-shadow:  0px 0px 5px 0px #FEDE29;
	-o-box-shadow:  0px 0px 5px 0px #FEDE29;
	box-shadow:  0px 0px 5px 0px #FEDE29;
		
	}
	
	.btn2.amarelo:active,.btn2.yellow:active,.btn.amarelo:active,.btn.yellow:active{ 
		background-color:#FC0;
		-webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		transition: all 0.1s linear;
	
	}

	.icone
	{
		padding-left: 25px ;
		background-repeat: no-repeat !important;
		background-position: 5px center  !important;
	}
	
	.icone_salvar, .btn2.salvar, .btn.salvar,.btn_salvar,input[type~="submit"][value="salvar"],input[type~="button"][value="salvar"],input[type~="submit"][value="Salvar"],input[type~="button"][value="Salvar"],input[type~="submit"][value="alterar"],input[type~="button"][value="alterar"],input[type~="submit"][value="Alterar"],input[type~="button"][value="Alterar"]
	{background-image: url(css_images/disk.png) !important; padding-left: 25px ;}
	.icone_deletar,.icone.icone_excluir, .btn2.excluir, .btn.excluir, .btn2.deletar, .btn.deletar,.btn_deletar, .btn_excluir, .btn_deletar, .btn_excluir,input[type~="submit"][value="excluir"],input[type~="button"][value="excluir"],input[type~="submit"][value="Excluir"],input[type~="button"][value="Excluir"]
	{background-image: url(css_images/cross.png) !important; padding-left: 25px ;}
	.icone_procurar, .btn2.procurar, .btn.procurar , .btn2.search, .btn.search,.btn_search,.btn_pesquisar , .btn2.busca, .btn.busca, .btn2.buscar, .btn.buscar,input[type="submit"][value="procurar"],input[type="button"][value="procurar"],input[type~="submit"][value="Procurar"],input[type~="button"][value="Procurar"],input[type="submit"][value="buscar"],input[type="button"][value="buscar"],input[type~="submit"][value="Buscar"],input[type~="button"][value="Buscar"]
	{background-image: url(css_images/zoom.png) !important; padding-left: 25px ; }
	.icone_ok,.btn2.ok, .btn.ok, .btn_ok
	{background-image: url(css_images/tick.png) !important; padding-left: 25px ;}
	.icone_anexar,.icone.icone_upload,.btn2.anexar, .btn.anexar,.btn2.anexo, .btn.anexo, .btn_anexo
	{background-image: url(css_images/attach.png) !important; padding-left: 25px ;}
	.icone_proximo,.btn2.proximo, .btn.proximo,.btn2.next, .btn.next,.btn_avancar
	{
	background-image: url(css_images/resultset_next.png) !important;
	background-position: right center !important;
	padding-left: 10px;
	padding-right: 25px;
	}
	.icone_anterior,.btn2.anterior, .btn.anterior,.btn2.previous, .btn.previous,.btn_voltar,.btn2.voltar, .btn.voltar
	{background-image: url(css_images/resultset_previous.png) !important; padding-left: 25px ;}
	.icone_user,.icone.icone_user,.btn2.user, .btn.user,.btn2.usuario, .btn.usuario, .btn_user, .btn_usuario
	{background-image: url(css_images/user.png) !important; padding-left: 25px ;}	
	.icone_group,.btn2.users,.btn.users, .btn.usuarios,.btn2.usuarios, .btn_users, .btn_usuarios
	{background-image: url(css_images/group.png) !important; padding-left: 25px ;}
	.icone_senha,.icone.icone_password,.btn2.senha, .btn.senha,.btn2.password, .btn.password,.btn_chave
	{background-image: url(css_images/key.png) !important; padding-left: 25px ;}
	.icone_email,.btn2.email, .btn.email,.btn_email, .btn_email
	{background-image: url(css_images/email.png) !important; padding-left: 25px ;}
	.icone_telefone,.btn2.telefone, .btn.telefone, .btn_telefone
	{background-image: url(css_images/telephone.png) !important; padding-left: 25px ;}
	.icone_calendario,.btn2.calendario, .btn.calendario,.btn2.calendar, .btn.calendar,.wl_hoje
	{background-image: url(css_images/calendar.png) !important; padding-left: 25px ;}
	.icone_negado,.btn2.negado, .btn.negado,.btn2.proibido, .btn.proibido,.btn_negado,.btn_proibido
	{background-image: url(css_images/delete.png) !important; padding-left: 25px ;}
	/*icone_interrogacao,.btn2.interrogacao, .btn.interrogacao,.btn2.question, .btn.question,
	{background-image: url(css_images/calendar.png); padding-left: 25px ;}*/
	.icone_home,.btn2.home, .btn.home,.btn2.inicial, .btn.inicial,.btn_home, .btn_inicial
	{background-image: url(css_images/home.png) !important; padding-left: 25px ;}
	.icone_info,.btn2.info, .btn.info,.btn_info
	{background-image: url(css_images/information.png); padding-left: 25px ;}	
	.icone_lock,.btn2.lock, .btn.lock,.btn2.cadeadro, .btn.cadeadro,.btn_lock, .btn_cadeadro
	{background-image: url(css_images/lock.png) !important; padding-left: 25px ;}
	.icone_lock_off,.btn2.lock_off, .btn.lock_off,.btn2.cadeadro_aberto, .btn.cadeadro_aberto,.btn_lock_off
	{background-image: url(css_images/lock_open.png) !important; padding-left: 25px ;}
	
	.icone_calc,.btn2.calc, .btn.calc,.btn2.calculadora, .btn.calculadora,.btn_calcular
	{background-image: url(css_images/calculator.png) !important; padding-left: 25px ;}
	.icone_limpar,.btn2.limpar, .btn.limpar,.btn2.clean, .btn.clean,.btn_limpar,.btn_clean,input[type~="submit"][value="limpar"],input[type~="button"][value="limpar"],input[type~="submit"][value="Limpar"],input[type~="button"][value="Limpar"]
	{background-image: url(css_images/page_white.png) !important; padding-left: 25px ;}
	
	.icone_link,.btn2.link, .btn.link,.btn2.anexo, .btn.anexo,.btn_link
	{background-image: url(css_images/attach.png) !important; padding-left: 25px ;}
	icone_add,.btn2.add, .btn.add,.btn2.incluir, .btn.incluir,.btn2.adiciona, .btn.adiciona,.btn_add, .btn_adiciona,input[type~="submit"][value="incluir"],input[type~="button"][value="incluir"],input[type~="submit"][value="Incluir"],input[type~="button"][value="Incluir"]
	{background-image: url(css_images/add.png) !important; padding-left: 25px ;}
	.icone_edit,.btn2.editar, .btn.editar,.btn2.edit, .btn.edit,.btn_edit, .btn_editar,input[type~="submit"][value="editar"],input[type~="button"][value="editar"],input[type~="submit"][value="Editar"],input[type~="button"][value="Editar"]
	{background-image: url(css_images/pencil.png) !important; padding-left: 25px ;}
	.icone_clock,.btn2.clock, .btn.clock,.btn2.relogio, .btn.relogio,.btn_relogio, .btn_tempo
	{background-image: url(css_images/clock.png) !important; padding-left: 25px ;}
	.icone_eye,.btn2.eye, .btn.eye,.btn2.olho, .btn.olho,.btn2.visualizar, .btn.visualizar,.btn_olho, .btn_visualizar,.btn_eye
	{background-image: url(css_images/eye.png) !important; padding-left: 25px ;}
	.icone_star,.btn2.star, .btn.star,.btn2.favorito, .btn.favorito,.btn2.estrela, .btn.estrela,.btn_star, .btn_favorito, .btn_estrela
	{background-image: url(css_images/star.png) !important; padding-left: 25px ;}
	.icone_cog,.btn2.cog, .btn.cog,.btn2.ferramenta, .btn.engrenagem,.btn2.engrenagem, .btn2cog, .btn_ferramenta, .btn_cog, .btn_engrenagem
	{background-image: url(css_images/cog.png) !important; padding-left: 25px ;}
	.icone_help,.btn2.help, .btn.help,.btn2.ajuda, .btn.ajuda, .btn_help, .btn_ajuda
	{background-image: url(css_images/help.png) !important; padding-left: 25px ;}
	
/**/

	
	
	
	
	/*apenas para icones*/
	.ico{
		padding:0px;
		width:27px;
		}
	
	a.ico{
		padding-left:13px !important;
		padding-right:13px !important;
		
		}
		
	/*FORMULARIOS*/
	/*Formulários*/
	/*------------------------------FORMS--------------------------------------------------*/
	.round input ,input.round{ border-radius:30px;}
	input[disabled="disabled"],select[disabled="disabled"],textarea[disabled="disabled"]{
	background-image: url(css_images/lock.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 25px;	
	opacity:0.7;
}

	input, select, textarea{
	color: #666666;	
	border: 1px solid #e4e4e4;	
	padding: 0.6em;
	background-color:rgba(0,0,0,0.06);
	
		}
		input:hover, select:hover, textarea:hover{
		color: #333333;
		background-color:rgba(0,150,220,0.2);
		border: 1px solid #FF9933;
		
	}
		input:focus, select:focus, textarea:focus{
		color: #666666;
		background-color:rgba(0,150,220,0.2);	
		border: 1px solid #069;
	}
	
	i.fa + input,i.fa + select{ padding-left:1.8em; margin-left:-1.8em; margin-right:1em;}
	input[type="checkbox"],input[type="radio"]{border:none !important;}
	
	input.ok{ background-color:rgba(0,220,70,0.2);border: 1px solid #009900;}
	input.info{ background-color:rgba(0,150,220,0.2); border: 1px solid #91cfff;}
	input.error{ background-color:rgba(220,150,0,0.2);border: 1px solid #ff9191;}
	input.alert{ background-color:rgba(220,220,70,0.2); border: 1px solid #D7D700;}
	
 /*FEcha formularios*/
 
 /*Jquery ui + WL'S*/
	
	.wl_data, .wl_data:hover, .wl_data:focus{
	padding-left: 25px !important;
	background-image: url(css_images/calendar.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}


.wl_form.panel .header{/*width:calc(100% + 1.3em);*/}
.wl_form .header{
	width:100% ;

     }
	 .wl_form .header span{margin:1em; padding:0; }
	.wl_form *{}
	.wl_form{ 
	overflow:auto;
	/*FLEXBOX*/
	 display: flex;
  	flex-wrap: wrap; /* Wrap after the items fill the row */
  
  /* Safari specific rules */
	  display: -webkit-flex;
	  -webkit-flex-wrap: wrap;
	
	 }

	 .wl_form.table {}

	 .wl_form.table label span:nth-of-type(1) {
	     float: left;
	     clear: none;
	     margin-right: 1em;
	     margin-top: 0.6em;
	     width: 10em;
	     text-align: right;
	 }

	 .wl_form label {
	     float: left;
	     /*min-height:60px;*/ min-width:200px; padding:0.6em; margin:0 0.3em 0.6em 0; ; border:solid #F0F0F0 1px; border-radius:1px; 
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);box-sizing: border-box;
	
	}
	.wl_form label{cursor:default; }
		.wl_form label.full{ width:100% !important; max-width:none; }
			.wl_form label.full input[type="text"]{ width:100%;  width:calc(100% - 15px);   }
	.wl_form label input{ max-width:calc(100% - 10px) }
	.wl_form label input,.wl_form label textarea,.wl_form label select{ margin-top:5px;}
	.wl_form label input[type="submit"]{}
	.wl_form label textfield{ width:100%;}
		
	.wl_form.col1 label{width:100%;;}
	.wl_form.col2 label{width:49% ;width: calc(49% - 5px);}
	.wl_form.col3 label.label_tipo{width:33%;float: left; margin-right: 67%;}
	.wl_form.col3 label{width:32%;width: calc(32% - 5px);}
	.wl_form.col4 label{width:24%;width: calc(24% - 5px);}
	.wl_form.col5 label{width:19%;width: calc(19% - 5px);}
	
	.wl_form label:last-of-type{clear:left;}
	.wl_form label:hover{ }
	
	
	
	.wl_form label input[type="text"]{ max-width:100%; }
	.wl_form label span{  }
	.wl_form label span:nth-child(1){ display:block;    font-weight:bold; color:#039;  overflow:auto;}
	.wl_form label span:nth-child(2){ white-space:nowrap;}
	.wl_form label label span:nth-child(1){ display:inline-block; clear:none !important;}
	
	
	.wl_form .wl_form_button,.wl_form .wl_form_btn{ display:block; overflow:auto; clear:both; }
	
	.wl_form label label{ 
	display:inline-block; float:none !important;
	height:auto; max-height:none;min-height:none; 
	border:none; 
	width:auto; 
	min-width:auto; 
	width:auto;  
	box-shadow: none; 
	margin:auto;
	 padding:0;
	 
	 }
	.wl_form label td{ white-space:nowrap;}
	
	.wl_form label .child{}
	.wl_form label .child label{}
	
	.wl_login_container{
	background-repeat: no-repeat;
	background-size:cover;
	max-width:800px;
	border: solid 1px red;
	padding:0px;
	border: 1px solid #E4E4E4;
    margin: 0 auto;
	overflow:auto;
	}
	.wl_login_container h1,.wl_login_container em{ text-align:right; color:#000; float:right;  margin-right:50px; clear:none; max-width:400px; display:block; }
	.wl_login_container h1{ margin-bottom:10px;}
	.wl_login_container h1{margin-top:20%; margin-bottom:0px; margin-right:50px;}
	
	
		.wl_login_container .wl_login{ margin:0px; min-height:500px; clear:none; float:left;		}
		.wl_login{
			
			margin: auto;
			border: 1px solid #E4E4E4;
			background-color: #F2F2F2;
			width:300px;
			float:none ;
			
		}
	.wl_login.wl_form{ display:block; overflow:hidden;}
.wl_login .header{ text-align:center; width:auto;}
.wl_login .btn[type="submit"]{ width:100%; margin:auto;}	
		.wl_login table{
	margin: 20px;
	background-color: #FFF;
	padding: 10px ;
	border: 1px solid #E4E4E4;
		}
		.wl_login table td{
	padding-right: 10px;
	padding-left: 10px;
}
.wl_login label,.wl_login input{ width:100%}

	/*input*/
		.wl_login .TextBox{
	width: 200px;	
		}
	/*input que ser refere ao campo password*/
	.wl_login .TextBox[type=password]{
	/*background: #FFFFFF url(../icons/key.png) no-repeat 5px 50% !important;
	padding: 7px 0px 0px 25px !important;*/
	}
		/*input que ser refere ao campo text*/
		.wl_login .TextBox[type=text]{
	margin: 5px 0px;
	}
	
	/*titulo do login*/
	.wl_login .TitleText{
	color: black;
	text-align: center;
	text-shadow: 0 1px 0 white;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 10px;
	border: 1px solid #E4E4E4;
	background: #f7f7f7; /* Old browsers */

	
}
	.wl_login .btn_login,.wl_login .bt_login{
	width: 95%;
	text-align: center;
	font-size: 12px;
	background-image: url(css_images/tick_white.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	
	}
	.wl_login .HyperLink{ padding: 4px;}	
	.wl_login .HyperLink img{display:none;}
	.wl_login .HyperLink a{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	/*text-decoration: none;*/
	padding: 3px 0px;	
	box-shadow: inset 0px 0px 1px 0px #fff;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background-color: #fede29;
	color: #3B4859;
	border: 1px solid #FEDE29;
	text-shadow: 0 1px 0 #fff;
	width: 70%;
	display: block;
	text-align: center;
	margin: -10px auto auto;
	}
	.wl_login .HyperLink a:hover{
		background-color:#FF6; border: 1px solid #FF0;	
		
	-webkit-box-shadow:  0px 0px 5px 0px #FEDE29;
	-moz-box-shadow:  0px 0px 5px 0px #FEDE29;
	-ms-box-shadow:  0px 0px 5px 0px #FEDE29;
	-o-box-shadow:  0px 0px 5px 0px #FEDE29;
	box-shadow:  0px 0px 5px 0px #FEDE29;
	}
	
	.wl_login .CampoLabel{
	text-align: right;	
	padding: 3px;
	
}
	.wl_login .CampoLabel label{
	color: #333;
	
	font-size: 12px;
	font-weight: normal;
	text-shadow: 0 -1px 0 white;
	padding: 5px 0px 0px 15px;
	display: block;
}
	.wl_login .CampoInput{}

	/*Tooltip style*/
	.wl_tooltip_style {	
	background:#90B329;
	background:#069;
	border: 1px solid #96B9F3;
	-moz-border-radius:3px;
	color:#fff;
	padding:6px;	
		}
	/*FECHA LOGIN*/

	.wl_spinner{}
	input.wl_spinner{ border:none !important;}
	.wl_tooltip{}
	.wl_tooltip_style {}
	.wl_modal{}
	.wl_flip{ cursor:pointer;}
	
	
	.wl_sortable{}
	.wl_slide{}
	
	.wl_limpahtml{}
	.wl_balao{}
	.wl_balao_start{}
	.wl_classifica{}
	.wl_chardin{}
	.wl_qrcode{}
	.wl_delay{}
   .wl_prompt{}
	.wlform_obrigatorio{}
	.wl_hoje{}
	.wl_dropdown{}
	.obrigatorio, .required{}
	.email{}
    .truncate {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
     
    }
	
	.focus{}
	.wl_switch{}
	.wl_excel{}
	.wl_export{}
	.wl_blur{
		
		  background-size: cover;
		 
		  filter: blur(2px);
		  -webkit-filter: blur(2px);
		
		}
	.wl_html{}
	.wl_html_preview{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px auto;
	;
	padding: 10px;
	border: 1px solid #9FC9F7;
	position: fixed;
	bottom: 0px;
	background-color: #FFF;
	width: 95%;
	max-height: 300px;
	overflow: auto;
	box-shadow: 0px 0px 10px 5px rgba(184,184,184,1);
	left: 15px;
	right: 15px;
}
.wl_html_preview:before{
	content: "Resultado do Texto: ";
	display: block;
	font-weight: bold;
	
	
}
.wl_html_preview:empty{ display:none;}
	/**/
	.wl_tabletolist {   width: 100%;
        /*FLEXBOX*/
        display: flex;
        flex-wrap: wrap;
        /* Wrap after the items fill the row */
        /* Safari specific rules */
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;}
	.wl_tabletolist ul{
      
}
	.wl_tabletolist li{
		margin: 0.5em;
		padding: 0.5em;
		float: left;
		
		list-style: none;
		
		-webkit-box-shadow: 2px 2px 2px 2px #C7C5C7;
		box-shadow: 2px 2px 2px 2px #C7C5C7;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		border-top: 1px solid #E6E6E6;
		border-right: 1px solid #E6E6E6;
		border-bottom: 4px solid #069;
		border-left: 1px solid #E6E6E6;
	}
	.wl_tabletolist .list_group{ display:block;}
	.wl_tabletolist .list_label{
		font-weight: bold;
	}
	.wl_tabletolist .list_text{}

input.wl_switch {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  position: relative;
  height: 20px;
  width: 40px;
  border-radius: 10px;
  box-shadow: inset -20px 0px 0px 1px rgba(192, 192, 192, 0.5);
  background-color: white;
  border: 1px solid rgba(192, 192, 192, 1);
  outline: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

input.wl_switch:checked {
  box-shadow: inset 20px 0px 0px 1px rgba(33, 150, 243, 0.9);
  border: 1px solid rgba(33, 150, 243, 1);
}

input.wl_switch::-ms-check {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
  filter: alpha(opacity=0); /* IE 5-7 */
  opacity: 0;
}

	/* WL padroes*/
		pre	{border: 1px dotted #999999;}
		
		.texto{	margin: 15px 20px 5px;	line-height: 24px; text-align:justify;}
		.texto p{line-height: 24px;}
		
		div.info{	background-color: #319BED;		}
		div.alert, div.alerta{background-color: #F7971B;}
		div.erro, div.error{background-color: #F85359;}	
		div.ok {	background-color: #3AB349;	}
		
		
		input[type="checkbox"].error, input[type="radio"].error{}
		input[type="checkbox"].error:after, input[type="radio"].error:after {}
			
	/*Complemento dos alertas*/
	/*div*/
	/*div.ok, div.info, div.alert, div.alerta, div.erro, div.error, div.ok, div.verde, div.vermelho, div.azul, div.amarelo*/
	div.ok, div.info, div.alert, div.alerta, div.erro, div.error, div.ok{
	margin: 0.8em 0.8em 0.5em;
	padding: 0.8em 0.8em 0.8em 35px;
	background-position: 10px 12px;
	line-height: 18px;
	background-position: 5px 10px !important;	
	font-weight: bold;
	color:white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);	
}
		span.info, span.azul{ background-color:#319BED;}
		span.alert,span.alerta, span.amarelo { background-color:#D99517;}
		span.ok, span.verde{background-color:#3AB349;}
		span.erro,span.error, span.vermelho{ background-color:#F85359;}
	span.ok, span.info, span.alert, span.alerta, span.erro, span.error, span.ok, span.verde, span.vermelho, span.azul, span.amarelo{
	border:none;
	padding:0.25em 0.6em;
	color:white;	
	border-radius: 5px;	
	background-image:none !important;
	margin-left:0.6em;
	font-weight: bold;
	box-shadow:1px 1px 0px 0px rgba(50, 50, 50, 0.45);
	text-shadow:#666 0 1px 0;
	font-size:0.9em;
	}
	
		
		/*ANEXOS*/
	
	.anexo a[href $=".DOC"],.anexo a[href $=".doc"],.anexo a[href $=".docx"], .anexo a[href $=".DOCX"] {padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_word.png) no-repeat 5px 50%;}
	.anexo a[href $=".PDF"],.anexo a[href $=".pdf"]{padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_acrobat.png) no-repeat 5px 50%;}
	.anexo a[href $=".XLS"],.anexo a[href $=".xls"]{padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_excel.png) no-repeat 5px 50%;}
	.anexo a[href $=".ZIP"],.anexo a[href $=".zip"]{padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_zip.png) no-repeat 5px 50%;}
	.anexo a[href $=".ppt"],.anexo a[href $=".PPT"],.anexo a[href $=".pptx"],.anexo a[href $=".PPTX"]{padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_powerpoint.png) no-repeat 5px 50%;
	}
    .anexo a[href $=".jpg"],.anexo a[href $=".gif"],.anexo a[href $=".png"],.anexo a[href $=".bmp"]{padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_powerpoint.png) no-repeat 5px 50%;
	}
	
	/*WL collors, para ser usado em datagrid*/
	.wl_colors .n1, .wl_colors td:nth-of-type(1){color:#039;}
	.wl_colors .n2, .wl_colors td:nth-of-type(2){color: #063;}
	.wl_colors .n3, .wl_colors td:nth-of-type(3){color:#C30;}
	.wl_colors .n4, .wl_colors td:nth-of-type(4){color:#663;}
	.wl_colors .n5, .wl_colors td:nth-of-type(5){color:#060;}
	.wl_colors .n6, .wl_colors td:nth-of-type(6){color:#AC29AF;}
	.wl_colors .n7, .wl_colors td:nth-of-type(7){color:#06C}
	.wl_colors .n8, .wl_colors td:nth-of-type(8){color:#C06}
	.wl_colors .n9, .wl_colors td:nth-of-type(9){color:#333}
	.wl_colors .n10, .wl_colors td:nth-of-type(10){color:#F60}
	.wl_colors .n11, .wl_colors td:nth-of-type(11){color:#633}
	.wl_colors .n12, .wl_colors td:nth-of-type(12){color:#690}
	.wl_colors .n13, .wl_colors td:nth-of-type(13){color:#306}	
	
	
/*Loading*/

.wl_loading
{
   
    position: fixed;
    padding:5px;
    width:35px;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
    background: #EDF5FE;
    text-align: center;
    top: 10px;
    right: 10px;
    border: 1px solid #4FC6FF;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading.spin {
  display: inline-block;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: #7983ff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: donut-spin 1.2s linear infinite;
}


/*Breadcrums*/

.wl_crumbs {
  list-style: none;
  display: inline-block;
}
.wl_crumbs i {
  font-size: 14px; margin-right:8px;
}
.wl_crumbs li {
  float: left;
}
.wl_crumbs li a {
  color: #FFF;
  display: block;
  background: #3498db;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
 .wl_crumbs li a.current, .wl_crumbs li a.current::after, .wl_crumbs li a.current:before {
        background-color: darkgreen !important;
        border-color: darkgreen !important;
        border-left-color: transparent;
        
    }
    .wl_crumbs li a .fa {
        margin-left: 10px;
        color: darkgreen;
        background-color:white;
        border-radius:50%;
        padding:3px;
    }
.wl_crumbs li:nth-child(even) a {
  background-color: #2980b9;
}
.wl_crumbs li:nth-child(even) a:before {
  border-color: #2980b9;
  border-left-color: transparent;
}
.wl_crumbs li:nth-child(even) a:after {
  border-left-color: #2980b9;
}
.wl_crumbs li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
.wl_crumbs li:first-child a:before {
  border: none;
}
.wl_crumbs li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
.wl_crumbs li:last-child a:after {
  border: none;
}
.wl_crumbs li a:before, .wl_crumbs li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #3498db;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
.wl_crumbs li a:before {
  left: -20px;
  border-left-color: transparent;
}
.wl_crumbs li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #3498db;
}
.wl_crumbs li a:hover {
  background-color: #1abc9c;
}
.wl_crumbs li a:hover:before {
  border-color: #1abc9c;
  border-left-color: transparent;
}
.wl_crumbs li a:hover:after {
  border-left-color: #1abc9c;
}
.wl_crumbs li a:active {
  background-color: #16a085;
}
.wl_crumbs li a:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}
.wl_crumbs li a:active:after {
  border-left-color: #16a085;
}

/**/
.wl_lista{
	margin: 0.5rem 0 1rem 0;
	
	border-radius: 2px;
	overflow: hidden;
	position: relative;
	
	font-weight: bold;
	border-radius:  5px  ;
	
	
	
}

.wl_lista a, .wl_lista li, .wl_lista label{
	display: block;
	transition: .65s;
	color:#000;
	background-color: #fff;
	line-height: 1.5rem;
	padding: 0.8px 1.1px;
	margin: 0;
	margin-top:-1px;
	border: 1px solid #e0e0e0;
	text-decoration: none;
	font-size: 1.2em;	
	overflow:auto;	
}
.wl_lista.espaco{}
.wl_lista.espaco a, .wl_lista.espaco li, .wl_lista.espaco label,.wl_lista.space a, .wl_lista.space li, .wl_lista.space label{ margin-bottom:0.8em;border-radius:  5px !important; ; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);}
.wl_lista a:first-child,.wl_lista li:first-child,.wl_lista label:first-child{border-radius:  5px 5px 0 0 ;margin-top:0px;}
.wl_lista a:last-child,.wl_lista li:last-child,.wl_lista label:last-child{border-radius:  0px 0px 5px 5px ;box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);; margin-bottom:3px;}
.wl_lista a:hover, .wl_lista label:hover{ background-color:#EFEFEF;}
.wl_lista ul{ margin:0; padding:0;}
.wl_lista input,.wl_lista select{ float:right; clear:none; }
.wl_lista span{ font-size:inherit;font-weight: inherit; clear:both; 	}
.wl_lista em{font-size: 0.9em;   opacity:0.6 }


.wl_lista .fab{ margin-right:10px;float:left; clear:none; }

/*.wl_lista a.header, .wl_lista li.header, .wl_lista label.header{ background-color:#2E5BC5; color:white; padding:20px 15px; font-size:20px; font-weight: bold;}*/

/*TABS :checked */
.wl_lista li.tab{ padding:0px; display:table; width:100%;}
.wl_lista li.tab input[type=radio]{ display:none;}
.wl_lista li.tab label{
	margin: 0;
	padding: 0.8em;
	color: #FFF;
	background-color: #2869CA;
	display: table-cell;
	cursor: pointer;
	border-bottom: 4px solid #CCC;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-image: url(../images/radio-off-button.svg);
	background-size: 20px;;
}
.wl_lista li.tab label:hover{opacity:0.8}
.wl_lista li.tab [type=radio]:checked:nth-of-type(1) ~ div:nth-of-type(1){ display:table-row; }
.wl_lista li.tab [type=radio]:checked:nth-of-type(2) ~ div:nth-of-type(2){display:table-row; }
.wl_lista li.tab [type=radio]:checked:nth-of-type(3) ~ div:nth-of-type(3){ display:table-row; }
.wl_lista li.tab [type=radio]:checked:nth-of-type(4) ~ div:nth-of-type(4){display:table-row;  }
.wl_lista li.tab [type=radio]:checked:nth-of-type(5) ~ div:nth-of-type(5){display:table-row;  }
.wl_lista li.tab [type=radio]:checked:nth-of-type(6) ~ div:nth-of-type(6){display:table-row;  }
.wl_lista li.tab [type=radio]:checked:nth-of-type(7) ~ div:nth-of-type(7){display:table-row;  }
.wl_lista li.tab [type=radio]:checked:nth-of-type(8) ~ div:nth-of-type(8){display:table-row;  }
.wl_lista li.tab [type=radio]:checked:nth-of-type(9) ~ div:nth-of-type(9){display:table-row;  }
.wl_lista li.tab [type=radio]:checked:nth-of-type(10) ~ div:nth-of-type(10){display:table-row;  }
.wl_lista li.tab div{ width:95%; clear:both; display:none; padding:10px;}
.wl_lista li.tab [type=radio]:checked + label{border-bottom:4px solid #00C; background-image: url(../images/radio-on-button.svg); }

/*.wl_lista li.tab [type=radio]:checked + div{ background-color:#09C}*/
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
/*UI*/



.center{ text-align:center;}
.panel,.modal,.dialog{
	
	
	/*padding:15px;
	margin-bottom: 20px;*/
	padding:0.7em;
	margin-bottom: 0.6em;
	margin-right: 0.3em;
	margin-left: 0.3em;
	border-radius: 0px;
	background-color: #FFF;
	/*box-shadow: 0 1px 3px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);*/
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
	border:solid 1px #E5E5E5;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:999999999;
	
	background-repeat: no-repeat;
	background-size:contain;
	background-position: 50% 50%;
	
	
	
	
	}

@media screen and (max-width: 1000px){
   /* .panel,.modal,.dialog{
        padding:0.4em;
        margin:0.2em
    }
    .panel .header{ margin:-0.2em;}
	*/
}

.modal::before {
   content :'';
    position:absolute;
    position:fixed;
    top: 50%;
	left:50%;
    background: rgba(90,190,230,0.9);
    transform-origin:0 0;
    transform:translate(-50%, -50%);
    z-index:-1;
}
.modal,
.dialog {
   
   opacity:1;
   
    width: 80%;
   
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.modal .modal_image{ width:100%; height:auto; }
.modal_container{ /* Hidden by default */
	
	opacity:1;
	
    position: fixed; /* Stay in place */
    z-index: 9999999999999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	
	display:none;
	}

.dashboard{padding:5px; background-color:#F3F3F3; overflow:auto;
        /*FLEXBOX*/
         display: flex;
        flex-wrap: wrap; /* Wrap after the items fill the row */
  
      /* Safari specific rules */
	  display: -webkit-flex;
	  -webkit-flex-wrap: wrap;
	
 }
/*.dashboard hr{ display:block; width:100%; clear:both; border-color:#CCC;}*/
hr{ display:block; width:100%; clear:both; border-color:#D7D7D7;}

.panel .header,.panel .media_top{ margin:-0.7em; margin-bottom:0.5em; border-top-right-radius:inherit;border-top-left-radius:inherit;}
.panel .media_left{ margin:-0.7em; margin-right:0.5em;}
.panel .media_right{ margin:-0.7em;  margin-left:0.5em;}
.panel h1.header{ margin:-0.3em; margin-bottom:0.5em; padding:0.3em !important;}
    
	.panel .media_top{
	background-color: #069;
	
	background-repeat: no-repeat;
	background-size:cover;
	min-height:250px;
	padding-top:100px;
	
	text-align:center;
	position:relative;
	color:white;	
	
	}
	
	.panel .media > span:not(.fab){ font-size:2em; }
	.panel .media .fab{ font-size:2em; margin-bottom:0.5em; border:solid 0.05em white; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); display:block; margin:auto}
	.panel .media_top .fab{ font-size:5em;}
	
	
	
	.panel .media_left,.panel .media_right{ height:calc(100% + 1.4em);  background-repeat: no-repeat;
	background-size:cover;background-color: #069; float:left; ; min-width:100px;  text-align:center; padding:2em ;}	
	.panel .media_right{  float:right;}
	.panel .media_bottom{}
	
    .panel.left{ float: left;}
    .panel.right{ float: right;}
    
	.panel.gauge{ width:300px; }
	.panel.gauge.fa{ width:370px; }
	.panel.gauge.fa::before{ margin-top:25%; }
	.panel.gauge .wl_gauge{height:200px; width:250px;  }
	.panel.gauge .wl_gauge svg path:nth-of-type(2){ color:#4DCEA7;}
	.panel.gauge .wl_gauge svg path:nth-of-type(1){ color:white;}
	

	.panel h1,.panel h2,.panel h3{   padding:0.3em !important}

    a.panel{ padding: 0.em}
    a.panel.fa:hover{ color:#036;}
	a.panel.fa{ color: inherit; text-decoration:none; font-family:inherit; }
	.panel.fa,.wl_form >label.fa{ border-left:solid 4.6em; }
	.panel.fa::before,.wl_form >label.fa::before{ float:left; margin-left:-1.5em; color:#FFF; font-size:3em; font-family:"FontAwesome";   }
		.wl_form >label.fa::before{margin-left:-1.45em; margin-top:0.1em;}

    .panel.negative,.panel.negativo,.wl_form >label.negative,.wl_form >label.negativo{ color:white !important; }
	.panel.purple,.panel.roxo,.wl_form >label.purple,.wl_form >label.roxo{ color:white ; background-color:#643CB5; border-left-color:#643CB5}
	.panel.blue,.wl_form >label.blue,.panel.azul,.wl_form >label.azul{ color:white; background-color:#60A6CA; border-left-color:#60A6CA;}
	.panel.red,.wl_form >label.red,.panel.vermelho,.wl_form >label.vermelho{ color:white; background-color:#C00; border-left-color:#C00;}
	.panel.yellow,.wl_form >label.yellow,.panel.amarelo,.wl_form >label.amarelo{ color:white; background-color:#B99C28; border-left-color:#B99C28}
	.panel.green,.wl_form >label.green,.panel.verde,.wl_form >label.verde{ color:white; background-color:#360; border-left-color:#360;}

.dashboard .panel{float:left;min-width: 200px; }
	
	/*.absoluto h1.small,.dashboard .small h1{font-size:100%;}*/
    .dashboard .chartjs_canvas_container { width:100%; height: 200px;}
		.dashboard .table .chartjs_canvas_container,.dashboard .table table { width:48%; float:left; height: 300px;}
			.dashboard .table table{ float:right;}
	
.panel h1,.panel h2,.panel h3,.panel h4,.panel h5{ padding:0 !important;}
.panel .header .fab{ float: left; margin-right: 0.5em;margin-bottom: 0.5em;}
/*Animation*/
/*https://tympanus.net/codrops/2014/12/08/inspiration-dialog-effects/ SANDRA*/


.dialog
,.modal
,.modal_container
{
    animation-duration:1.3s;
	animation-fill-mode: forwards;
	 
}
.modal_container{}
.dialog.fadein,
.modal.fadein,
.modal_container.fadein{
	display:block !important;
   /* animation-name: anim-open;*/
	
}

.dialog.fadeout,
.modal.fadeout,
.modal_container.fadeout{
	display:none;
   /* animation-name: anim-close;*/
}

@keyframes anim-open {
	0% { opacity: 0;/* transform: scale3d(1.1, 1.1, 1)   translate(-50%, -50%);*/ }
	100% { opacity: 1;/* transform: scale3d(1, 1, 1)  translate(-50%, -50%)*/;}
}

@keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; /*transform: scale3d(0.9, 0.9, 1)  translate(-50%, -50%);*/ }
}


.header{background-color:#436f9e; color:white; padding:1em 0.8em ;  font-weight: bold; border-top-left-radius:inherit; border-top-right-radius:inherit;  margin-bottom:10px; text-shadow:#666 0 1px 0;
	filter: dropshadow(color=#666, offx=0, offy=1);  }
.header.small{padding:10px 7px; font-size:90%;}
.header.x-small{padding:8px 5px; font-size:80%;}
.header span{}
.header em{font-size: 12px;   opacity:0.8}
.header img.full{ width:calc(100% + 30px);max-height:80vh; margin:-20px -15px;  border-top-left-radius:inherit; border-top-right-radius:inherit;   }

.buttons{ margin-bottom:-10px; margin-top:15px;
}	
	
	.fab{

   
    width: 2.0em;
	background-color:#1990EA;
    color: rgba(255,255,255, 1.84);
	
    font-size: 1.5em;;
	border-radius: 50%;
	box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
	overflow: hidden;
    position: relative;
	border: none;
	font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
	
    line-height: normal;
	white-space: nowrap;
    vertical-align: middle;
	box-sizing: border-box;
	will-change: box-shadow, transform;
	text-decoration:none;
	text-align:center;
	display: inline-block;
	
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
	}
	
	.fab:after{content:"";display:inline-block;padding-top:100%;}
	
	
	
	a.fab:hover{ opacity:0.95}
	.fab i,.fab span{
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: inherit;
	margin: auto;
	line-height: 0;
	color:inherit;
	
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	}
	.fab img{transform:translate(-00%, -60%);}
	.fab[data-status="s"],.fab[data-status="S"],.fab[data-status="1"]{background-color:#063;}
	
	.fab .check_s, .fab .check_n,.fab .check_ ,.fab .check_ligado,.fab .check_desligado{ display:none;}
.fab[data-status="1"] .check_s,.fab[data-status="s"] .check_s, .fab[data-status="S"] .check_s,.fab[data-status="s"] .check_ligado, .fab[data-status="S"] .check_ligado,.fab[data-status="1"] .check_ligado {    display: block;}
.fab[data-status="0"] .check_n,.fab[data-status="n"] .check_n,.fab[data-status="N"] .check_n,.fab[data-status="n"] .check_desligado, .fab[data-status="N"] .check_desligado,.fab[data-status="0"] .check_desligado,.fab[data-status=""] .check_n,.fab[data-status=" "] .check_n ,.fab[data-status=" "] .check_desligado{display: block;}
/*
.check_S,.check_s,.check_1{background-color:#063; }
.check_N,.check_n,.check_,.check_0{background-color:#BC1216;}
*/
.check_S .check_desligado,.check_s .check_desligado,.check_1 .check_desligado{display:none;}
.check_N .check_ligado,.check_n .check_ligado,.check_ .check_ligado,.check_0 .check_ligado{ display:none;}



.btn_microfone,.btn_mic{
	margin-left:10px;
font-size: 16px; width: 30px;
background-size: 80% auto;
background-color:#069;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" x="0px" y="0px" width="80%" height="auto" fill="white" viewBox="0 0 480 480" xml:space="preserve"><g id="mic"><path d="M290.991,240.991c0,26.392-21.602,47.999-48.002,47.999h-11.529c-26.4,0-48.002-21.607-48.002-47.999V104.002   c0-26.4,21.602-48.004,48.002-48.004h11.529c26.4,0,48.002,21.604,48.002,48.004V240.991z"/><path d="M342.381,209.85h-8.961c-4.932,0-8.961,4.034-8.961,8.961v8.008c0,50.26-37.109,91.001-87.361,91.001   c-50.26,0-87.109-40.741-87.109-91.001v-8.008c0-4.927-4.029-8.961-8.961-8.961h-8.961c-4.924,0-8.961,4.034-8.961,8.961v8.008   c0,58.862,40.229,107.625,96.07,116.362v36.966h-34.412c-4.932,0-8.961,4.039-8.961,8.971v17.922c0,4.923,4.029,8.961,8.961,8.961   h104.688c4.926,0,8.961-4.038,8.961-8.961v-17.922c0-4.932-4.035-8.971-8.961-8.971h-34.43v-36.966   c55.889-8.729,96.32-57.5,96.32-116.362v-8.008C351.342,213.884,347.303,209.85,342.381,209.85z"/></g></svg>') ;
}
.btn_microfone.active,.btn_mic.active{
background-color:#3C3;
background-size: 50% auto;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1"><path d="M0,0h1v1H0" fill="white"/></svg>') }
	
/*COmponentes*/
.wl_chart_linear{
	border-radius: 1px;	
	height: 15px;
	margin: 2px auto;
	/*box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.05);*/
	background-size: 0%;
	background-repeat:no-repeat;
	background-size: attr(data-size);
	background-color:rgba(30, 130, 230, 0.2)	;
	background-image:	url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUegubxHg4kAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
	transition:ease 1s;
	text-align:center;
	
}
.wl_chart_linear span{}

.xxx-large{font-size:1.8em;}
.xx-large{font-size:1.6em;}
.x-large{font-size:1.4em;}
.large,.grande{font-size:1.2em;}
.small,.pequeno{ font-size:0.8em;}
.x-small{ font-size:0.7em;}
.xx-small{ font-size:0.6em;}
.xxx-small{ font-size:0.5em;}

.check_show + *,.check_mostrar + *{ display:none;}
.check_show:checked + *,.check_mostrar:checked  + *{ display:block;}


.wl_remember_panel{ padding:1em; 
border:solid 1px #EBEBEB; 
box-shadow: 0px 0px 16px 2px rgba(181,181,181,1);
position:absolute;
top:2em;
right:2em;
max-width:300px;
background-color:white;

}
.wl_remember_panel .btn_remember_ignorar,.wl_remember_panel .btn_remember_recuperar{ width:100%; padding-top:0.8em;  text-align:center; margin-bottom:1em; }


/*animatecss*/
.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}

/**/
/*superfish*/
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}.sf-menu{line-height:1}.sf-menu ul{position:absolute;top:-999em;width:18em}.sf-menu ul li{width:100%;border:1px solid #EAEAEA;margin-top:-1px}.sf-menu li:hover{visibility:inherit}.sf-menu li{float:left;position:relative;cursor:pointer}.sf-menu a{display:block;position:relative}.sf-menu li.sfHover ul,.sf-menu li:hover ul{left:0;top:2.5em;z-index:99}ul.sf-menu li.sfHover li ul,ul.sf-menu li:hover li ul{top:-999em}ul.sf-menu li li.sfHover ul,ul.sf-menu li li:hover ul{left:18em;top:0}ul.sf-menu li li.sfHover li ul,ul.sf-menu li li:hover li ul{top:-999em}ul.sf-menu li li li.sfHover ul,ul.sf-menu li li li:hover ul{left:10em;top:0}.sf-menu a:active,.sf-menu a:focus,.sf-menu a:hover,.sf-menu li.sfHover,.sf-menu li:hover{outline:0}.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px}.sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url(../images/arrows-ffffff.png) -10px -100px no-repeat}a>.sf-sub-indicator{top:.8em;background-position:0 -100px}a:active>.sf-sub-indicator,a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator,li:hover>a>.sf-sub-indicator{background-position:-10px -100px}.sf-menu ul .sf-sub-indicator{background-position:-10px 0}.sf-menu ul a>.sf-sub-indicator{background-position:0 0}.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator{background-position:-10px 0}.sf-shadow ul{background:url(../images/shadow.png) bottom right no-repeat;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}.sf-shadow ul.sf-shadow-off{background:0 0}.sf-navbar{background:#BDD2FF;height:2.5em;padding-bottom:2.5em;position:relative}.sf-navbar li{background:#AABDE6;position:static}.sf-navbar a:active,.sf-navbar a:focus,.sf-navbar a:hover,.sf-navbar li li,.sf-navbar li li.current,.sf-navbar li.current,.sf-navbar li.sfHover,.sf-navbar li:hover{background:#BDD2FF}.sf-navbar li ul{width:44em}.sf-navbar li li{position:relative}.sf-navbar li li ul{width:13em}.sf-navbar li li li{width:100%}.sf-navbar ul li{width:auto;float:left}.sf-navbar a,.sf-navbar a:visited{border:none}.sf-navbar ul a:active,.sf-navbar ul a:focus,.sf-navbar ul a:hover,.sf-navbar ul li.sfHover,.sf-navbar ul li:hover,ul.sf-navbar ul li.sfHover li,ul.sf-navbar ul li:hover li{background:#D1DFFF}.sf-navbar li li.current li.current,.sf-navbar ul li li a:active,.sf-navbar ul li li a:focus,.sf-navbar ul li li a:hover,ul.sf-navbar li li li.sfHover,ul.sf-navbar li li li:hover{background:#E6EEFF}ul.sf-navbar .current ul,ul.sf-navbar ul li.sfHover ul,ul.sf-navbar ul li:hover ul{left:0;top:2.5em}ul.sf-navbar .current ul ul{top:-999em}.sf-navbar li li.current>a{font-weight:700}.sf-navbar ul .sf-sub-indicator{background-position:-10px -100px}.sf-navbar ul a>.sf-sub-indicator{background-position:0 -100px}.sf-navbar ul a:active>.sf-sub-indicator,.sf-navbar ul a:focus>.sf-sub-indicator,.sf-navbar ul a:hover>.sf-sub-indicator,.sf-navbar ul li.sfHover>a>.sf-sub-indicator,.sf-navbar ul li:hover>a>.sf-sub-indicator{background-position:-10px -100px}.sf-navbar>li>ul{background:0 0;padding:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:0}.sf-vertical,.sf-vertical li{width:139px}.sf-vertical li.sfHover ul,.sf-vertical li:hover ul{left:139px;top:0}.sf-vertical .sf-sub-indicator{background-position:-10px 0}.sf-vertical a>.sf-sub-indicator{background-position:0 0}.sf-vertical a:active>.sf-sub-indicator,.sf-vertical a:focus>.sf-sub-indicator,.sf-vertical a:hover>.sf-sub-indicator,.sf-vertical li.sfHover>a>.sf-sub-indicator,.sf-vertical li:hover>a>.sf-sub-indicator{background-position:-10px 0}

/*ANTIGO*/
.table_principal {	width: 99%;	float: left;}
.td_conteudo {	padding: 4px;	vertical-align: top;}
.td_menu {vertical-align: top;	width: 80px;}

/*checkbox */
.multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes {
  display: none;
  border: 1px #dadada solid;
}

.checkboxes label {
  display: block;
}

.checkboxes label:hover {
  background-color: #1e90ff;
}