/*Divirta-se mais e se matem menos!*/

@IMPORT url("skin-autocomplete.css.faces?ln=skin");
@IMPORT url("skin-datatable.css.faces?ln=skin");
@IMPORT url("skin-extendedDataTable.css.faces?ln=skin");
@IMPORT url("skin-tabpanel.css.faces?ln=skin");
@IMPORT url("skin-panel.css.faces?ln=skin");
@IMPORT url("skin-collapsiblePanel.css.faces?ln=skin");
@IMPORT url("skin-dropDownMenu.css.faces?ln=skin");
@IMPORT url("skin-datascroller.css.faces?ln=skin");
@IMPORT url("skin-dragIndicator.css.faces?ln=skin");
@IMPORT url("skin-calendar.css.faces?ln=skin");
@IMPORT url("skin-popupPanel.css.faces?ln=skin");
@IMPORT url("skin-treenode.css.faces?ln=skin");
@IMPORT url("skin-accordion.css.faces?ln=skin");
@IMPORT url("skin-toolbar.css.faces?ln=skin");
@IMPORT url("skin-breadCrumb.css.faces?ln=skin");
@IMPORT url("skin-spinner.css.faces?ln=skin");
@IMPORT url("skin-richSelect.css.faces?ln=skin");
@IMPORT url("skin-panelMenu.css.faces?ln=skin");
@IMPORT url("skin-fileUpload.css.faces?ln=skin");
@IMPORT url("skin-formulario.css.faces?ln=skin");
@IMPORT url("skin-login.css.faces?ln=skin");
@IMPORT url("skin-botao.css.faces?ln=skin");
@IMPORT url("skin-pickList.css.faces?ln=skin");
@IMPORT url("skin-tabbedPane.css.faces?ln=skin");
@IMPORT url("skin-collapsibleSubTable.css.faces?ln=skin");
@IMPORT url("skin-outrasOpcoes.css.faces?ln=skin");
@IMPORT url("skin-progressBar.css.faces?ln=skin");
@IMPORT url("skin-contextMenu.css.faces?ln=skin");
@IMPORT url("skin-schedule.css.faces?ln=skin");
@IMPORT url("skin-icones.css.faces?ln=skin");
@IMPORT url("skin-barraDeAcoes.css.faces?ln=skin");
@IMPORT url("skin-modalMenu.css.faces?ln=skin");
@IMPORT url("skin-numberSlider.css.faces?ln=skin");


.icone {
	width:16px;
	height:16px;
}

.icone16{
	width:16px;
	height:16px;
}

.icone20{
	width:20px;
	height:20px;
}

.icone32{
	width:32px;
	height:32px;
}

.icone64{
	width:64px;
	height:64px;
}

.icone80{
	width:80px;
	height:80px;
}

.icone100{
	width:100px;
	height:100px;
}

.icone128{
	width:128px;
	height:128px;
}

/*=========== classes default ============ INI */
.monospace{
	font-family: Courier New;
}
/*=========== classes default ============ FIM */


/*===========classes de destaque============ INI */
.destaque{color:red!important;}
.inputDestaque{border-color:#f44!important;}
/*===========classes de destaque============ FIM */


/*===========skin-AUTOCOMPLETE============  INI */
.campinhoInput{
	background-color: #fff!important;
	border-color: #fff !important;
	font-size: 10px !important;
	float:right;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.campinhoInput:focus{
	width:250px!important;
}

.rf-au{
	border:0 !important;
}
.rf-au-inp {
	padding:2px !important;
}
/*===========skin-AUTOCOMPLETE============  FIM */

h1 {
	color: #333;
}

#cabecalho h1,#cabecalho h2 {
}

.usuarioLogado {
	font-weight: bold;
	font-size: 12px;
}








/*================================================================*/
/*                           Mensagens                            */
/*================================================================*/

.mensagensPanel{
	position:absolute;
	z-index:1000;
	width:100%;
	height:100%;
	
	background:rgba(0,0,0,0.7);
	
	-weblkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/*
.mensagensGradiente1,
.mensagensGradiente2{
	position:absolute;
	z-index:1000;
	width:100%;
	height:99px;
	background-repeat: repeat-x;
}
.mensagensGradiente1{top:0; background: url("mensagensGradiente1.png.faces?ln=img");}
.mensagensGradiente2{bottom:0; background: url("mensagensGradiente2.png.faces?ln=img");}
*/

.mensagens{
	width:100%;
	height: 100%;
	position:absolute;
	overflow-y: auto;
	z-index:10;
	padding:30px 0 0;
	
	-weblkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
	.mensagensFecharTodas{
		padding:2px;
		position:absolute;
		cursor:pointer;
		color:#fff;
		z-index:90;
		right:5%;
		top:10px;
		
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
	}
	
	.mensagensFecharTodas:hover{
		background: #FF4D4D;
	}

	.mensagemSistema{
		width:90%;
		margin:0 5%;
		margin-bottom:5px;
		margin-top:5px;
		background: #f0f0f0;
		padding:5px;
		display:block;
		position:relative;
		z-index:30;
		
		-weblkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
		.mensagemSistema img[class^="mensagemBtn"]{
			float:right;
			padding:0px;
			border:none!important;
			background:#999;
			margin-left:2px;
			cursor:pointer;
			
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			border-radius:2px;
		}
		
		.mensagemBtnFechar:hover{
			background: #FF4D4D!important;
		}
			
		.mensagemBtnDetalhes:hover{
			background:#FFD24D!important
		}
		
		.mensagemImagem{
			float:left;
			margin:5px;
			height:40px;
			width:40px;
		}
		.mensagemTitulo{
			display:table-cell;
			height:50px;
			font-size:16px;
			padding-left:5px;
			vertical-align: middle;
		}
		.mensagemDescricao{
			display:block;
			margin-top:5px;
			border: 1px solid #ccc;
			background:#fff;
			font-family: 'Courier New';
			padding:5px;
			min-height:50px;
			max-height:100px;
			overflow-y:auto;
			
			-weblkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
		}














ul.messages {
	z-index:600;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	
	padding:0;
	overflow: auto;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	border-radius:1px!important;
}
.warnClass, .infoClass, .errorClass {
	/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	opacity: 0.95;
	-moz-opacity: 0.95;
	-webkit-opacity: 0.95;
	filter: alpha(opacity = 95);

	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	/*margin:5px auto;*/
	background-position:top left;
	background-repeat:no-repeat;
	padding:20px 20px 20px 150px;
	width:100%;
	display:table;
	
}
.errorClass{
	background-image: url("errorMessage.png.faces?ln=img");
	background-size:10%;
	background-color:#D97F7F;
	border-top:1px solid #990000;
	color: #990000;
}
.warnClass{
	background-image: url("warnMessage.png.faces?ln=img");
	background-size:10%;
	background-color:#FDFD7F;
	border-top:1px solid #b5b309;
	color: #958309;
}
.infoClass{
	background-image: url("infoMessage.png.faces?ln=img");
	background-size:10%;
	background-color:#5EDAA5;
	border-top:1px solid #007700;
	color: #007700;
}

.mensagemLimiteRegistro, .mensagemDeRegistrosModificados{
	text-align:right;
	margin-top:5px;
}

#formCredencialCertificadoExterno ul.messages{
	position:relative;
}

/*******/

/*Componentes de formulario */
.label {
	font-weight: normal;
	white-space: nowrap;
	padding: 2px 1px 2px 1px;
	display: block;
	text-align: right;
	color: #141414;
	font-size: 11px;
	/*Espaço para o * de required*/
	margin-right: 4px;
}

.campo {
	margin-right: 10px;
	float:left;
}

.campoSemFloat {
	float: none !important;
}

span.texto {
	font-weight: normal;
	white-space: nowrap;
	padding: 2px 1px 2px 1px;
	display: block;
	text-align: left;
	color: #141414;
}

/****************************/
/*Programas*/
.painelProgramaHeader {
	padding: 4px !important;
	font-size: 14px;
	text-align: left;
	border:none !important;
}

.imagemDescricaoPrograma {
	margin:-5px 6px 0 2px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

.botaoNovaMensagemPrograma{
	position:absolute;
	right:50px;
	top:8px;
	cursor: pointer;
	border-style: none;
}

/*
  Usado para os componentes alinhados a
direita no cabeçalho do programa
*/

.botoesEsquerda{
	float: left;
	margin-right: 6px;
}

.botoesDireita{
	float: right;
	margin-left: 6px;
	margin-top:2px;
}

.botoesDireita img{
	width:16px;
	padding:0px;
}

.botaoFecharModal img{
	width:13px;
	height:13px;
}
/***********/

.colunaCentralizada{
	text-align: center;
}

.rf-p table{
}

/* ---------------------- Panel --------------------- */
/*This class defines styles for the body of a panel.*/
.painelManutencao {
	padding: 0px !important;
	margin:0 !important;
	border:none !important;
}
/**/

.rf-tb{
	border: none !important;
}

/*Area de Mensagem - INI*/
.areaMensagem{
	width: 500px;
	position:absolute;
	margin-top:200px;
	left:50%;
	margin-left:-250px;
	background-color:#dddddd;
}
.areaMensagemConteudo{
	margin-bottom:10px; 
}
.areaMensagemBotoes{
	padding-top: 10px;
	text-align:center;
}
/*Area de Mensagem - FIM*/

.startStyle {
	font-weight: bold;
	position: absolute;
	width: 150px;
	height: 35px;
	text-align: center;
	padding-top: 20px;
	z-index: 1000;
	top: 40%;
	left: 40%;
	background: url("loading.gif.faces?ln=img") center center no-repeat;
}

.columnAlignTop{
	vertical-align: top;
}

.rodapePermissaoCategoria{
	display: inline;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 101px;
    right: 20px;
    text-align: left;
}

.rodapePermissaoCategoria .rf-p{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

.rodapePermissaoCategoria .rf-p-b{
	
}

.rodapePermissaoCategoria .rf-p-b .rf-p-b{

}

.panelPermissoesCategoria-programa table{
	border-right:1px solid #ccc;
}

.panelPermissoesCategoria-programa td{
	border:1px solid #ccc;
	border-right:none;
	border-top:none;
	padding:2px;
	background-color: #fff;
}

.panelPermissoesCategoria-programa{
	float: right;
	width: 300px;
}



.panelPermissoesCategoria-lixeira{
	width: 60px;
	float: right;
	text-align: center;
}

.panelPermissoesCategoria-lixeira-icone{
	width: 55px;
	height: 55px;
}

.panelsPermissoesCategoria{
    overflow-x: hidden;
    overflow-y: auto;
}

.tituloPrograma {
	font-size: 13px;
	padding:5px;
	display: block;
	font-weight: bold;
	background-color: #f0f0f0;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #cccccc;
}


.painelProgramaExterno{
	
}
.campoContext{
}

.helpContext{
	position: relative;
	float: right;
	top: 18px;
	margin-top: -16px;
	right: 2px;	
}

.botaoCredencial{
	height: 19px;
	min-width: 19px;
}

.areaMensagemConteudo .botao{
	float:left;
}

/*classe para icones que acompanham o input*/
.iconeInput{
	margin-top: 3px;
	margin-left: -18px;
	height:15px;
	background: none !important;
	cursor: pointer;
	display:inline;
}

.iconeInput img{
	margin-top: 3px;
}

.labelWithIcon {
	font-weight: normal;
	white-space: nowrap;
	padding-top: 0px;
    padding-right: 1px;
    padding-bottom: 2px;
    padding-left: 1px;
	display: block;
	text-align: right;
	font-size: 11px;
	height: 21px;
	/*Espaço para o * de required*/
	margin-right: 4px;
}

.alinhaLabelIcon{
	margin-top: -9px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0px;
}

.iconeLabel{
	margin-top: 0px;
	margin-right: 4px;
	height:15px;
	background: none !important;
	cursor: pointer;
}

.containerIconeInput{
    display: inline-block;
    margin-left: -33px;
    margin-top: 3px;
    position: relative;
    width: 32px;
    height: 1px;
}

.iconeInput2{
	float:right;
	margin:0!important;
}
/*Icone de input em textarea*/
img.IconeInputTextArea{
	width: 16px;
	height: 16px;
	position: absolute;
	float:right;
	margin-top: 3px;
	right: 3px;
}
.containerIconeTextArea{
	width: 16px;
	height: 16px;
	float:right;
	margin-bottom:-21px;
	right: 3px;
	text-align: center;
	position: relative;
}

/*classe para icones que acompanham o select*/
.iconeSelect{
	margin-top: -18px;
	margin-right: 20px;
	float: right;
	height:16px;
	background: none !important;
	cursor: pointer;
	position:relative;
}
/*classe para input que tem icone*/
.inputIcone {
	padding-right: 20px !important;
}

.iconeTextArea{
	position:relative;
	margin:20px 0 -28px -26px;
}

.IconeInputTextAreaFull{
	position:absolute;
	top: 25px;
	cursor:pointer;
}

 /*classe para icones que acompanham o select*/
.contadorTextArea {
 	background-color: white;
	border: 1px solid;
	border-color: #ffffff #bbbbbb #dddddd #dddddd;
	font-size: 9px;
	color: #999;
	padding: 0 2px 2px;
	display:inline-block;
	text-align:center;
	margin:-2px 0 3px;
	float:right;
	border-radius:0 0 3px 3px;
}

.consultaTributo .iconeInput {
	float: right;
	margin-top: -18px;
	margin-right: 2px;
	position:relative;
}


/*------------------- status bar --------------------*/
.divStatusBar{
	width:99%;
	height:20px;
	border:1px solid #999999;
	margin:0.5%;
	overflow:hidden;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.divStatusBarValue{
	text-align:center;
	line-height: 20px;
	display: block;
	width: 100%;
}

.divStatusBarPercent{
	background-image:url("statusBg.jpg.faces?ln=img");
	height: 20px;
	margin-top: -20px;
}


.carregandoFundo {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1010;
	
	display: none;
	top:0;
}

.carregando {
	width: 150px;
	height: 100px;
	padding:20px;
	text-align:center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -95px;
	
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.carregando h1{
	/*
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	*/
	font-size: 12px;
	display:block!important;
	margin: 5px 40px;
	position:absolute;
	text-align: center;
	color:white;
	font-family:arial;
}


.carregando .imgLoader {
	width:80px;
	margin-bottom:10px;
}

.fundoLoader{
	width:100%;
	height:100%;
	top: 0px;
	left: 0px;
	position: absolute;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

/*========= IMAGEM VINCULO ===========*/
.imagemVinculo{
	display:inline-block;
}
.imagemVinculo li{
	float:left;
	width:128px;
	height:128px;
	padding:10px;
	margin:5px;
	background-image: url("bgImgs.jpg.faces?ln=img");
	border:2px solid #999;
}
	.imagemVinculo li .imagemVinculoCentraliza{
		display:table-cell;
		vertical-align: middle;
		text-align:center;
		width:128px;
		height:128px;
	}
	.imagemVinculo img{
		max-width:128px;
		max-height:128px;
	}

/*========== PopUp dos icones ==========*/
#formIcones img{
	max-width:70px;
}


.proximoAnterior input.btnAnterior{
				background-image:url("arrowAnterior.png.faces?ln=img");
				float:left;
			}
			.proximoAnterior input.btnProximo{
				background-image:url("arrowProximo.png.faces?ln=img");
				float:right;
			}
/*========== Modal Alert ==========*/
.modal_alert {
	display: none; /* Hidden by default */
	position: absolute; /* Stay in place */
	z-index:1000; /* Sit on top */
	padding-top: 40px; /* Location of the box */
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: none; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	margin-top: 10px;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}
.mensagemTexto{
	width: 80%;
    font-size: 16px;
    height: 50px !important;
    padding-left: 5px;
    vertical-align: middle;
    line-height: 49px;
}
.modal-bodyes {
	width: 80%;
}
/* The Close Button */
.modal-close-item {
	color: #aaa;
	float: right;
	font-size: 20px;
	font-weight: bold;
}

.modal-close-item:hover, .modal-close-item:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/*Style WebSocket*/

.status_ws_led{
	border-radius: 50%;
	width: 5px;
	height: 5px;
	display:inline-flex;
	margin: 4px;
	padding: 3px;
	cursor:pointer;
}
.status_ws_led-on{ background-color: #27ae60; cursor:default;}
.status_ws_led-off{ background-color: #e74c3c; }