@charset "utf-8";

*{ font-family: 'Rubik',Verdana, Geneva, sans-serif}

body{ font-size:12px;}

.ope_id_logado{}
.ope_id_logado .logo1{  display:none;}
/*Deixa o menu invisivel se não esta logado*/
@media only screen and (max-width: 900px) {
   .td_menu{display:none}
}

.ope_id_logado .td_menu{display:inline-table;}
/**/
.cabecalho_menu{ background:#06C !important}

.cabecalho {
	padding: 10px;
	border-top: 2px solid #069;
	border-right: 1px solid #FFF;
	border-bottom: 2px solid #069;
	border-left: 1px solid #FFF;
	/*background-image: url(../images/elb_topo_fundo.png);*/
	background-repeat: no-repeat;
	background-position: center top;
}
.rodape{ border:solid1px red; overflow:auto; }
input[type="text"], select, textarea{ padding:0.3em }

/*.btn,.btn2{ font-size:1.2em; padding-top:0.4em;padding-bottom:0.4em;}*/

h6{ font-size:1.0em;}

.menu a{}
.menu a img{}

.gridclass_compromisso{ background-color:#D1F3EC !important}
.gridclass_sugestao,.gridclass_sugestão{background-color:#DFE7F9 !important}
.gridclass_reclamacao,.gridclass_reclamação{background-color:#FDD9F2 !important}
.gridclass_elogio{background-color:#F1FDE8 !important}

.breadcrumbs_ouvidoria{ margin:1em auto; max-width:800px; }
.breadcrumbs_ouvidoria div:first-of-type{
	 display: flex;
  	flex-wrap: wrap; /* Wrap after the items fill the row */
	flex:1;
  /* Safari specific rules */
	  display: -webkit-flex;
	  -webkit-flex-wrap: wrap;}
.breadcrumbs_ouvidoria a{
	display: block;
	float: left;
	border: solid 1px #E2E2E2;
	border-bottom: solid 3px #3682CD;
	width: 33.333%;
	margin: auto;
	text-align: center;
	text-decoration: none;
	color: #464646;
	padding: 0.8em;
	/*font-weight: bold;*/
	background-color: #F9F9F9
}
.breadcrumbs_ouvidoria a:hover{ background-color:#BDDCEC}
.breadcrumbs_ouvidoria a span{	font-size: 1.4em;	display: block;}
.breadcrumbs_ouvidoria a em{ font-size:1.4em; }

/*.breadcrumbs_ouvidoria a.atual{ color:#FFF; background-color:#46A44A}*/
.breadcrumbs_ouvidoria a.atual{ color:#FFF; background-color:#3682CD; border: solid 3px #3682CD; border-bottom:none;}
.breadcrumbs_ouvidoria_text{
	border: solid 3px #3682CD;
	border-top:none;
	margin-top: -1px;
	padding: 1.4em;	
	line-height: 1.8em;
}


.busca_rapida{ float:right; padding:4px; margin-right:15px;}
.busca_rapida input{ margin:0px 8px;}
	.busca_rapida_input{ background-color:#FFF;}
	.busca_rapida_input:hover{ background-color:#e4e4e4;}
	.busca_rapida_input:focus{ background-color:#EBFCE0; border-bottom-color:#060;}
	
.busca_rapida span{ color:inherit; text-shadow:inherit; color:#FFF; font-weight:bold;}
.busca_container{ position:absolute; right:0px;; top:055px; background-color:#F9F9F9; border:solid 3px #D7D7D7; max-width:650px; min-width:300px; min-height:150px; padding:4px; border-radius:10px; 
-webkit-box-shadow: -7px 7px 28px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -7px 7px 28px -2px rgba(0,0,0,0.75);
box-shadow: -7px 7px 28px -2px rgba(0,0,0,0.75);
transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.busca_container .busca_texto{ margin:5px; display:block;}
.busca_container .busca_texto b{ font-size:14px; color:white; padding:2px; background-color:#069;border-radius:4px;}

.busca_container table{margin:10px 0px;}

/*Tabela do busca container:*/
.busca_container table{}
.busca_container table caption{ display:none;}
.busca_container table th{ display:none;}
.busca_container table td,.busca_container table th{ padding:2px ;}
.busca_container table img{}
.busca_container table .td_atendido{max-width:90px; word-wrap:break-word; text-wrap:suppress; }
.busca_container table .td_data{max-width:80px; word-wrap:break-word; text-wrap:suppress;}
.busca_container table .td_assunto{display:none;}
.busca_container table .td_origem{display:none;}
.busca_container table .td_tipo{display:none;}
.busca_container table .td_diretoria{display:none;}
.busca_container table .td_protocolo img{display:none;}
.busca_container .paginacao_proximo{display:none !important;}

.critica{ border:#900 solid 1px; background-color:#FFE1E2;}

.wl_chardin{ display:none !important;}
.wl_ajuda{display:none;}

input.info,textarea.info{
	background-image: none !important;
	margin: 0px !important;
	padding:4px 2px !important;
}

.origem_aneel{ border:solid 1px #e5e5e5; padding:4px;}
	.origem_aneel:hover{ background-color:#F3F3F3}
	

/*Historico*/
.historico_destino_responsavel,.historico_origem_responsavel, .historico_tramitacao_responsavel{}
.historico_destino_responsavel span,.historico_origem_responsavel span, .historico_tramitacao_responsavel span{
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.8);
	text-shadow: 1px 1px 0 #FFFFFF;
	font-weight: bold;
	color:#000 !important;
}

/**/
.painel{ width:990px; margin:auto;}
.painel_cabecalho{
	background-color: #F9F9F9;
	padding: 4px 20px;
	border: 1px solid #E5E5E5;
	text-align: center;
}
.painel_cabecalho input{ margin-right:15px;}
.painel_cabecalho .titulo{
	font-size: 14px;
	font-weight: bold;
	display: inline;
	margin-right: 20px;
}
/**/
.user{
	font-weight: bold;
	color: #FFF;
	background-color: #069;
	padding: 3px 6px;
	position: absolute;
	top: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	right: 0px;
}

.legenda{
	margin: 10px;
	padding:4px;
	
	display: block;
	overflow: auto;
	
}
.legenda img{
	margin-right: 4px;
	margin-bottom: -4px;
}
.legenda li{
	margin: 0px 3px 3px;
	background-color: #EFEFEF;
	list-style: none;
	display: block;
	float: left;
	overflow: auto;
	padding:10px;
	
}


/* CSS Document */

.wl_ajuda{
	float: right;
	width: 175px;
	border: 1px solid #e4e4e4;
	margin: 0px 0px 0px -180px;
	
	
	
}
	.wl_ajuda p, .wl_ajuda div {line-height: 18px;}
	.wl_ajuda .box{ padding:6px;}
	.wl_ajuda .info, .wl_ajuda .alert, .wl_ajuda .alerta,.wl_ajuda .erro,.wl_ajuda .error, .wl_ajuda .ok , .wl_ajuda .pre{
		margin: 0px 0px !important;
		padding:5px 5px 5px 30px !important;
	}
	
	
	/*Caixas padrao Weblink*/
	.comentario{
	margin: 5px 0px;
	line-height: 18px;
	background: #F2F2F2 url(../icons/comments.png) no-repeat 10px 12px;
	border: 1px solid #999;
	padding: 10px 10px 10px 35px;
}
	.tratamento{
	margin: 5px 0px;
	line-height: 18px;
	background: #F2F7EE url(../icons/report_go.png) no-repeat 10px 12px;
	border: 1px solid #497D15;
	padding: 10px 10px 10px 35px;
}

	/*pop up aneel*/
	.aneel_box, .dialog_anexo{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding:20px;
		border:solid 1px #E4E4E4;
		background-color:#FFF;
		-webkit-box-shadow: 2px 2px 2px 8px rgba(0,0,0,0.3);
box-shadow: 2px 2px 2px 8px rgba(0,0,0,0.3);
		
		width:600px;
    height:250px;
    position:fixed;
    top:50%;
    left:50%;
    margin:-125px 0 0 -300px; /* [-(height/2)px 0 0 -(width/2)px] */
    display:none;
	}
	.aneel_box textarea{ display:block; margin:auto; width:100%; margin-top:10px;}
	
	/*menu sem spry*/
	.menu_sem_spry a{color: #FFF !important;}
	
	
	/*Datagrid Manifestação*/
	
	.datagrid_manifestacao_legenda {
	padding:10px;
	margin: 2px 0px;
	border: 1px solid #F5F5F5;
}
	.datagrid_manifestacao_legenda a{
	padding:5px;
	text-decoration:none;
	color:#333;
}
	
	.datagrid_manifestacao_legenda .datagrid_manifestacao_pendente .td_situacao{ }
	.datagrid_manifestacao_legenda .datagrid_manifestacao_tratada .td_situacao{}
	.datagrid_manifestacao_legenda .datagrid_manifestacao_resolvida .td_situacao{}
	
	.datagrid_manifestacao_pendente .td_situacao{background: #FEE7E8 !important;border: 1px solid #930;}
	.datagrid_manifestacao_tratada .td_situacao{background: #FAFDD5 !important;border: 1px solid #EAEA00;}
	.datagrid_manifestacao_resolvida .td_situacao{background: #E7FEEA !important;border: 1px solid #096;}
	
	.td_situacao img{
	margin: -10px 5px 0px 0px;
}

	
	.protocolo_table{ margin-bottom:8px;}
	.protocolo_table td{ padding:4px !important;}
	.protocolo_table .btn{margin: 0px 2px 0 0px !important; padding-left:2px; padding-right:2px;}
	.protocolo_table .btn img{ opacity:1 !important;}
	
	/*BOTOES DE CONCLUSAO E TRAMITACAO*/
	.protocolo_table .tramitada_0 .btn_tramitacao,
	.protocolo_table .tramitada_0 .btn_conclusao{ display:none; }
	
	.protocolo_table .tramitada_1 .btn_tramitacao,
	.protocolo_table .tramitada_1 .btn_conclusao{
	
	display: inline;
	padding:6px 12px;
	
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
	.protocolo_table .tramitada_1 .btn_tramitacao{background-image: url(css_images/comments.png);}
	.protocolo_table .tramitada_1 .btn_conclusao{background-image: url(css_images/door_in.png);}

	
	.protocolo_table .tramitada_1 .btn_tramitacao img,
	.protocolo_table .tramitada_1 .btn_conclusao img{
	
}
	
	/*ICONES*/
		.td_protocolo{}
		.td_protocolo img{
			border:none;
			margin: 0px 0px 0px 0px;
			opacity:0.2;
			
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
			/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
			
			filter: alpha(opacity = 20);
		}
		
			.td_respondido{}
			.td_bloqueio{}
			.td_acompanha{}
				/*situação*/
				.td_Pendente,.td_pendente{ background-color:#FED3D5 !important; }
				.td_Tratada,.td_tratada{background-color: #F9F8C8 !important;}
				.td_Resolvida,.td_Resolvida{ background-color:#D2FFD8 !important; }
				.td_Cancelada,.td_cancelada{ background-color:#F3F3F3 !important; }
				.td_NuncaTramitada{ background-color:#F0DB62 !important;}
	
			.td_respondido .img_respondido,.td_bloqueio .img_bloqueio, .td_acompanha .img_acompanha{
				opacity:1 !important;
				
				/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";				
			filter: alpha(opacity = 100);
				
				}
			
	
	/**/
		
		.td_data{
	font-weight: bold;
	color: #369;
	font-size: 10px;
}	
		.td_atendido{
	
	color: #C30;
}
		.td_assunto{
	color: #333;
}
		.td_tipo{
	color: #8F3A49;
}
		.td_diretoria{
	font-weight: bold;
	color: #066;
}
		.td_origem{
	color: #666;
}
.login_ouvidoria {
	
	margin: auto;
	border: 1px solid #EFEFEF;
	
}
.login_ouvidoria caption{
	padding:10px 10px 10px 35px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	border-top: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	border-bottom: 3px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	background-color: #F9F9F9;
	background-image: url(css_images/lock.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	text-align: left;
}
.login_ouvidoria td{
	padding: 10px 20px;
}
.login_ouvidoria th{
	padding: 6px;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
}
.login_ouvidoria input{ width:200px;  }
.login_ouvidoria .info{ margin:0px;}


/*Ouvidoria Tratamento*/

.aneel_tabela{}
.aneel_tabela td{ padding:4px;}
.aneel_tabela input{ margin-bottom:5px;}
.aneel_tabela label > input:checked{ background-color:#F00;}

 .tipo_tipologia{
	background-image: url(css_images/bullet_toggle_plus.png);
	background-position: right center;
	background-repeat:no-repeat;
}/*Para o estilo*/
	.ui-tooltip li{ margin-left:15px;}
 .tipo_informacao{ color:#039;}
 .tipo_urgencia{	color:#060 ;}
 .tipo_reclamacao{	color: #900;}
 .tipo_solicitacao{
	color: #3366FF;
}
 .tipo_improcedente{color: #9D8831;}
 .tipo_denuncia{color: #5A2987;}
 .tipo_elogio{
	color: #000084;
}
 .tipo_sugestao{color: #009999;}
.aneel_tabela .tipo_iluminacao{
	color: #336600;
}


.aneel_tabela .ativo{
	background-color: #FFEFDF; border-right: solid 4px #0066CC; padding-right:4px;
}


.tratamento_manifestacao{
	border: 1px solid #063;
	background-color: #EFFCF0;
			}
	.tratamento_manifestacao h1,.tratamento_manifestacao h2,.tratamento_manifestacao h3{ margin:0.7em
}
	.tratamento_manifestacao h2{

	color: #C60;
}
	.tratamento_manifestacao_original{
	background: #FFF5E8;
	padding: 10px;
	border: 1px solid #FC0;
	margin: 0px 15px 10px;
	line-height: 16px;
}
/*----*/
.tratamento_observacao{
	margin: 5px 0px;
	border: 1px solid #849DD9;
	padding: 10px;
	background: #FAFCFE;
}
.tratamento_observacao h1{
	padding:15px 0px 20px 60px;
	margin:0px;
	background: url(../images/lock_48.png) no-repeat;
	font-size: 12px;
	}
	/*------*/
.tratamento_manifestacao_recebida{
	margin: 5px 0px;
	border: 1px solid #009900;
	padding: 10px;
	background: #FAFCFE;
	}
	.tratamento_manifestacao_recebida h1{
	padding:15px 0px 15px 60px;
	margin:0px;
	background: url(../images/mail_reply_48.png) no-repeat;
	font-size: 12px;
	}
	.tratamento_manifestacao_recebida div{
	/*background: #FDFFE8;
	padding: 10px;
	border: 1px solid #FF0;
	margin: 0px 15px 10px;
	line-height: 16px;
	font-weight: bold;
	color: #666;*/
		}
/*Solucao*/

.solucao{
	margin: 5px 0px;
	line-height: 18px;
	background: #F4FFF7;
	border: 1px solid #090;
	padding: 10px 10px 10px 35px;
}
	.solucao h1{
	padding:15px 0px 20px 60px;
	margin:0px;
	background: url(../images/accepted_48.png) no-repeat;
	font-size: 14px;
	color: #063;
}
	.solucao .texto{
		background: #FFF5E8;
	padding: 10px;
	border: 1px solid #FC0;
	margin: 0px 15px 10px;
	line-height: 16px;
		}


/*Switch no botao*/
.switch_ ,.switch_s, .switch_n,.switch_:hover,.switch_s:hover, .switch_n:hover{
	background: none;
	color: white;
	
	border: none;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left:0px;
	
}
.switch_s,.switch_s:hover{
	background-image: url(../images/switch_on.png);
	padding: 10px 50px 10px 20px;
}
.switch_n,.switch_,.switch_n:hover,.switch_:hover{
	background-image: url(../images/switch_off.png);
	padding: 10px 30px 10px 50px;
	}
	
.despacho_container:empty{ display:none;}
.despacho_container{ padding:10px; border:solid 1px #EFEFEF; margin-left:15px; margin-right:15px; background-color:#FBFBFB}
.despacho_item{
	padding: 8px;
	border: solid 1px #CADDF9;
	cursor: pointer;
	font-size: 12px;
	color: #666;
	text-decoration: underline;
	margin-top:-1px;
}
.despacho_item:nth-child(even){ background-color:#EFEFEF }
.despacho_item:nth-child(odd){ background-color:white }
.despacho_item:hover{background-color:#789FDA; color:#FFF;}

.despacho_combobox{
	padding: 10px;
	border: 1px solid #219AF3;
	
}
.despacho_combobox option{ padding:6px;}
.despacho_combobox option:nth-child(1){ background-color:#FED8D9 !important}
.despacho_combobox option:nth-child(2){	background-color: #D8EEFE !important}
.despacho_combobox option:nth-child(3){ background-color:#EFEFEF}
.despacho_combobox option:nth-child(4){ background-color:#D7FBE6}
.despacho_combobox option:nth-child(5){ background-color:#F4FCC7}
.despacho_combobox option:nth-child(6){ background-color:#FDF2DB}
.despacho_combobox option:nth-child(7){ background-color:#F8E0D1}
.despacho_combobox option:nth-child(8){ background-color:#EEEFFB}
.despacho_combobox option:nth-child(9){ background-color:#F9EEF9}


/*PASSO A PASSO*/	
.passoapasso3{margin: 0px auto 5px;text-align: center;border: 1px solid #eaeaea;	}
.passoapasso3 td{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
	.passoapasso3 caption{padding: 0.8em;
		color: #FFF;
		background: #338CC1;
		font-weight: bold;
		text-align: left;}
		.passoapasso3 a{
	font-size: 2em;
	font-weight: bold;
	border: 1px solid #06C;
	
	height: 100%;
	display: block;
	
	padding-top:1em;
	padding-right: 0.6em;
	padding-left: 0.6em;
	padding-bottom: 1.2em;
	text-align:center;
	overflow:auto;
	
	text-decoration: none;
		}
		.passoapasso3 a:hover{ background-color:#EAF5FD}
		.passoapasso3 .label{
			font-size: 0.8em;
			
			font-weight: bold;
			
		}	
	
.passoapasso3 .atual a{color: #c43737;border: 1px solid red; border-bottom:4px solid red;}
.passoapasso3 .texto{ width:450px;}

.passoapasso{margin: 0px auto 5px;text-align: center;border: 1px solid #eaeaea;	height:75px;}
	.passoapasso h2{
	text-align: left;
	color: #06C;
	background: #deeafb;
}
	.passoapasso caption{
	
}
	.passoapasso ul {text-align: center;margin-right: auto;	margin-left: auto;}
		.passoapasso ul li{	display:inline;overflow:visible;float:left;	margin-top:-10px;}
			.passoapasso a{
	color: #069;
	float: left;
	padding: 13px 10px 0 20px;
	height: 23px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 25px;
	font-weight: bold;
	border: 1px solid #09C;
}
				.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; width:715px;}
	.passoapasso2 h2{
	text-align: left;
	color: #FFF;
	background: #86A5D2;
}
	.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  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;
	
	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*/


.dashboard .panel .fab.fleft{ margin-right:1.0em;}



/*Modal operador*/ 
#modal_operador,#iframe_operador{
     height: 80%;
   
}