/*
 * CSS principal
 *
 * Data: 26/08/2014
 *	
 * Descricao: CSS padrao da aplicacao.
 */

/* /* HTML Tag's */
html 												                 { height: 100%; }
body												                 { height: 100%; margin:0; padding: 0; }
input[type="text"], input[type="password"]							 { border: 1px solid #929292; height: 20px; padding-left:3px; font-size:12pt !important; padding: 0px !important; color: #000 !important; background-image:none !important; }
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="button"]:focus,
input[type="submit"]:focus											 { border: 1px solid rgba(14, 50, 156, 0.99); }
select											 					 { border: 1px solid #929292; height: 24px; background-image:none !important; }
select:focus														 { border: 1px solid rgba(14, 50, 156, 0.99); }
input:disabled, select:disabled										 { background-color:#F6F6F6; }
table																 { font-size: 0.95em; }


/* /* Id's */
/* Estrutura Template */
#header															     { height:163px; }
#page																 { min-height: 100%; position: relative; min-width: 1133px; }
#content															 { overflow: auto; font-family: Arial, Helvetica, sans-serif; margin:20px 30px 5px; }
#footer																 { position:relative; bottom:0px; width: 100%; text-align: center; height: 10px; background: #263753; padding: 10px 0px 10px 0px; color:#9DBEE7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; bottom: 0px; }
#tituloPagina h1													 { font-family:"Trebushet MS",arial, sans-serif; font-size:18px; font-weight:bold; color:#3282c7; margin: 0px 0px 30px; }
#pesquisa 															 { width: 49%; float:left; display:block; }
#cadastro 															 { width: 49%; float:right; display:block; }
/* Header */
#barraSuperiorSanepar												 { background: #2763c1; }
#barraSuperiorSaneparLogo											 { float:left; }
#barraSuperiorSaneparBotoes											 { text-align:right }
#barraSuperiorSaneparBotoes	a										 { font-style: normal; background: transparent; border:0; }
#headerBanner														 { background: url("/pocolog/resources/images/topo_fundo.png"); height: 98px; padding: 0px; margin: 0px; width: 100%; }
#headerBannerRow													 { display:table-row; }
#bannerDireita														 { display:table-cell; }
#bannerEsquerda														 { background: url('/pocolog/resources/images/topo_esq.png') no-repeat scroll 0% 0% transparent; height: 98px; display:table-cell; min-width:725px; float:left; }
#bannerLinkHome													     { width:441px; height:115px; position: fixed; }
#bannerDadosUsuario													 { display:table-cell; vertical-align:middle; text-align: right; width:100%; min-width: 300px; }
#bannerDadosUsuarioNome												 { table-row; vertical-align: middle; padding: 0px 20px 0px 0px; text-transform: uppercase; margin-top:25px; font-weight:bolder; color:#D3D3D3; font-family: arial, sans-serif; font-size: 11pt; }
#bannerDadosUsuarioPerfis										     { table-row; vertical-align: middle; padding: 0px 20px 0px 0px; text-transform: capitalize; color:#D3D3D3; font-family: arial, sans-serif; font-size: 8pt; font-weight: bolder; }
#headerMenu															 { height: 27px; background: #263753; text-align: right; width: 100%; min-width:1113px; }
#headerMenuButtons													 { position: absolute; text-align: left; margin: 0 25px 0 15px; text-transform: uppercase; width:90%; min-width: 1000px; }
#headerExitButton													 { text-transform: uppercase; font-weight: bold; height:22px; padding-top:5px; width:100px; text-align:center; float:right; }
#headerExitButton a													 { text-decoration:none; font-family: arial, sans-serif !important;font-size: 13px !important; color: #9DBEE7 !important; margin-left: 2px; vertical-align:middle; }
#headerExitButton img												 { margin-right:0px; vertical-align:middle; }
#logoSanepar														 { background: transparent url("/pocolog/resources/images/web_welcome.gif") no-repeat; width: 265px; height: 59px; margin:40px auto 30px; }
/* Login */
#msgLogin															 { width: 277px; margin: 30px auto; text-align: center; background: #FFC7C7; border-radius: 5px; color: #B80000; font-size: 11pt; vertical-align: middle; padding: 10px 5px; font-family: Arial, Helvetica, sans-serif; }
#obsLogin															 { font-size: 10px; text-align: justify; color: #305AA3; width: 277px; margin: 25px auto 40px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal;}


/* Classes */
.login fieldset							                             { border-radius: 15px; width: 277px; height: 110px; border: 2px solid #6c9bc5; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #535457; display: block; margin: 1.0em auto;}
.login fieldset div													 { margin-top: 20px; }
.login input[type="text"], input[type="password"]					 { margin-top: 5px; }
.login input[type="submit"]				                             { display: inline-block; background-color: #6296C6; color: #FFFFFF; padding: 5px 30px; text-decoration: none; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bolder; border: 0px; border-radius: 5px; position: absolute; margin-top:5px; position:relative; top:14px; }
.login input[type="submit"]:hover		                             { background-color: #245B8D; }
.formHeader															 { width: 80%; font-family: "proxima-nova",sans-serif; margin: 20px 0 0 10%; display: table; }
.formTitulo															 { color: #0b7827; font-size: 14pt; text-align: left; display: table-cell; vertical-align:middle; }
.formBreadCrumb														 { font-size: 8.6pt; text-align: right; margin: 10px auto; display: table-cell; vertical-align:middle; } 
.novoCadastro														 { float: right; }
.dataTable															 { font-size:12px !important; font-family: Verdana,arial,sans-serif; margin:5px; }
.dataTable .ui-state-default										 { background:#6296C6; color:#FFFFFF !important; text-shadow: none !important; vertical-align: middle; height: 20px; }
.dataTable .ui-paginator											 { font-size: 10pt; background: #516A83; color:#FFFFFF; }
.dataTable .ui-paginator-page										 { background: #6C9BC5 !important; height:15px; }
.dataTable .ui-state-active											 { background-color: #245B8D !important; }
.dataTable .ui-state-default										 { box-shadow: none; }
.dataTable .ui-widget-header										 { text-shadow: none; }
.dataTable .ui-paginator											 { background: #efefef; border: 1px solid #bdbfbe !important; }
.dataTable .ui-paginator-first,
.dataTable .ui-paginator-prev,
.dataTable .ui-paginator-next,
.dataTable .ui-paginator-last										 { background-color: #c5daf5; border: 1px solid #575757; height: 15px; }
.dataTable .ui-paginator-pages										 { height: 15px; }
.dataTable .ui-paginator-current									 { color: #575757; font-size: 11px; background:transparent !important; }
.dataTable .ui-paginator-rpp-options								 { background: transparent; color: #575757 !important; width: 80px; }
.dataTable .ui-widget-header										 { border: 0px; }
.dataTablePesquisa													 { width: 100%; }
.dataTableVisualizar												 { background: url("/pocolog/resources/images/view.png") !important; border:0px !important; height: 24px !important; width: 24px !important; margin-left: 0px !important;}
.dataTableVisualizar:hover											 { background: url("/pocolog/resources/images/view_over.png") !important; }
.dataTableEditar                                                     { background: url("/pocolog/resources/images/edit.png") !important; border:0px !important; height: 24px !important; width: 24px !important; margin-left: 0px !important;}
.dataTableEditar:hover                                               { background: url("/pocolog/resources/images/edit_over.png") !important; }
.dataTableExcluir													 { background: url("/pocolog/resources/images/delete.png") !important; border:0px !important; height: 24px !important; width: 21px !important; margin-left: 0px !important;}
.dataTableExcluir:hover												 { background: url("/pocolog/resources/images/delete_over.png") !important; }
.calendarioDataHora input[type="text"]								 { width: 100px; font-size: 14px; box-shadow: none; padding: 0px; border-radius: 0px; box-shadow: none; border-radius: 0px;}
.calendarioDataHora button											 { background: url('/pocolog/resources/images/calendar.png') no-repeat scroll 0% 50% transparent; border: 0px; box-shadow: none; margin: 0px 0px 0px 5px; font-size: small;}
.calendarioDataHora button:hover									 { background: url('/pocolog/resources/images/calendar_over.png') no-repeat scroll 0% 50% transparent;}
.calendarioDataHora span			 								 { background: none !important;}
.calendarioData	input[type="text"]									 { min-width: 100px !important; width: 100px; font-size: 14px; box-shadow: none; padding: 0px; border-radius: 0px; box-shadow: none; border-radius: 0px;}
.calendarioData button												 { background: url('/pocolog/resources/images/calendar.png') no-repeat scroll 0% 50% transparent; border: 0px; box-shadow: none; margin: 0px 0px 0px 5px; font-size: small;}
.calendarioData button:hover										 { background: url('/pocolog/resources/images/calendar_over.png') no-repeat scroll 0% 50% transparent;}
.calendarioData span			 									 { background: none !important;}
.form															     { font-size: 11pt; font-family: Verdana, Helvetica, sans-serif; color: #666666; }
.form a																 { text-decorator:none; border:0px; }
.form label															 { display:block; font-size: 10pt; margin: 10px 0px 5px; }
.form input[type="text"]  									 		 { min-width: 300px; border-radius: 0px; height: 22px; margin: 0px 0px 0px 0px; box-shadow: 0px 1px 0px rgb(255, 255, 255) inset !important; }
.form select														 { width: 300px; }
.form fieldset														 { border:2px solid #DAEEF5; margin: 10px auto; padding: 10px 20px 20px 20px; }
.form legend													     { color: #535353; padding: 0 10px 0 10px; font-size: 10pt; font-weight: bolder; }
.form img														 	 { border:0px; }
.formRow															 { min-height:45px; text-align:left; }
.formColumn															 { display: inline-block; padding: 0px 40px 0px 0px; vertical-align:top; }
.formColumnButton													 { display: inline-block; padding: 15px 10px 0px 0px; vertical-align:middle; }
.formCadastroSuperior												 { margin: 5px 0px 20px 0px; display: table; width: 100%; }
.formCadastroTitulo													 { font-size:16px; width: 80%; float:left; color:#3282c7 !important; font-weight: bolder; }
.formCadastroNovo													 { float:right; background: url("/pocolog/resources/images/adicionar.png") no-repeat !important; height: 20px; width: 20px; border:0px !important; }
.formCadastroNovo:hover												 { background: url("/pocolog/resources/images/adicionar_hover.png") no-repeat !important; }
.formPesquisaAlterar												 { background: url("/pocolog/resources/images/alterar.png") no-repeat !important; height: 20px; width: 20px; margin-right:5px !important; border:0px !important; }
.formPesquisaAlterar:hover											 { background: url("/pocolog/resources/images/alterar_hover.png") no-repeat !important; }
.formPesquisaExcluir												 { background: url("/pocolog/resources/images/remover.png") no-repeat !important; height: 20px; width: 20px; border:0px !important; }
.formPesquisaExcluir:hover											 { background: url("/pocolog/resources/images/remover_hover.png") no-repeat !important; }
.formPesquisaVisualizar												 { background: url("/pocolog/resources/images/visualizar.png") no-repeat !important; height: 20px; width: 20px; margin-right:5px !important; border:0px !important; }
.formPesquisaVisualizar:hover										 { background: url("/pocolog/resources/images/visualizar_hover.png") no-repeat !important; }	
.formActions														 { text-align: left; margin: 20px auto 5px; }
.formActionsButtons				 									 { background: #6C9BC5 !important; color: #FFF !important; padding: 5px !important; min-width: 100px !important; margin: 5px 5px 5px 5px !important; text-decoration: none !important; box-sizing: border-box !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 10pt !important; font-weight: bolder !important; border: 0px !important; border-radius: 5px !important; }
.formActionsButtons:hover	 										 { background: #245B8D !important; }
.formActionsButtons:disabled										 { background: #808080 !important; }
.formActionsButtonsPrime	.ui-state-default						 { background: #6C9BC5 !important; color: #FFF !important; padding: 0px 0px !important; min-width: 100px !important; margin: 0px 10px 10px 0px !important; text-decoration: none !important; box-sizing: border-box !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 10pt !important; font-weight: bolder !important; border: 0px !important; border-radius: 5px !important; }
.formActionsButtonsPrime	.ui-widget-content						 { background: none !important; text-shadow: none !important}
.formActionsButtonsPrime	.ui-state-hover							 { background: #245B8D !important; }
.formActionsButtonsPrime:hover										 { background: #245B8D !important; }
.messages															 { width: 80%; margin:0 auto; }
.fatalMsg															 { list-style-type: none;border: 2px solid rgb(175, 3, 17);padding: 10px;color: rgb(95, 0, 8);background: rgb(255, 208, 208);font-size: 10pt;font-weight: bolder;margin: 5px 0px 10px 0px; }
.errorMsg															 { list-style-type: none;border: 1px solid rgb(175, 24, 11);padding: 10px; color: rgb(177, 17, 3); background: rgb(255, 241, 232); font-size: 10pt; font-weight: bolder; margin: 5px 0px 10px 0px; }
.warnMsg															 { list-style-type: none;border: 1px solid rgb(226, 147, 47);padding: 10px; color: rgb(238, 95, 50); background: rgb(255, 255, 232); font-size: 10pt; font-weight: bolder; margin: 5px 0px 10px 0px; }
.infoMsg															 { list-style-type: none;border: 1px solid rgb(0, 54, 104);padding: 10px; color: rgb(0, 48, 100); background: rgb(234, 242, 255); font-size: 10pt; font-weight: bolder; margin: 5px 0px 10px 0px; }
.formNovoCadastro													 { background: url("/pocolog/resources/images/add.png"); border:0px !important; height: 24px; width:24px; }
.formNovoCadastro:hover												 { background: url("/pocolog/resources/images/add_over.png"); }
.confirmDialog														 { width:400px !important; top:30% !important; left:37% !important; }
.confirmDialog .ui-dialog-titlebar									 { background: #113E6A;color: #FFFFFF; text-shadow: none; font-size: 12pt; }
.confirmDialog .ui-confirm-dialog-message							 { font-size: 12pt; }
.confirmDialog input[type="button"],
.confirmDialog input[type="submit"]									 { background-color: #6C9BC5; color: #FFF; padding: 5px 0px; min-width: 100px; margin: 3px 10px 0px 0px; text-decoration: none; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: bolder; border: 0px; border-radius: 5px; }
.confirmDialog input[type="button"]:focus,
.confirmDialog input[type="submit"]:focus							 { border: 0px; border-radius: 5px; }
.confirmDialog input[type="button"]:hover,
.confirmDialog input[type="submit"]:hover							 { background-color: #245B8D; }
.errorPageMessage													 { margin:150px auto 0px; width:25%; text-align:center; }
.errorPageMessageMain												 { font-size:18pt; font-weight:bolder; color:#E00303; display:table; vertical-align:middle; }
.errorPageMessageMainIcon											 { display:table-cell; width:70px; vertical-align:middle; }
.errorPageMessageMainMsg 											 { display:table-cell; vertical-align:middle; }
.errorPageMessageDetails											 { font-size: 11pt; }
.menuIcon													 		 { background-image: url('/pocolog/resources/images/menu-icon.png') !important; }
.graficosExtracao													 { height:300px; }
.listaLinhaImpar													 { width:100%; background-color:#dadada; color:#000000; font-size:12pt; font-weight: bolder; }
.listaLinhaPar														 { width:100%; background-color:#adadad; color:#000000; font-size:12pt; font-weight: bolder; }
.listaColunaDireita													 { text-align: right; padding: 5px 5px; }
.listaColunaEsquerda												 { text-align: left; padding: 5px 5px; }
.listaColunaUnidade													 { width: 15px !important; }		

/* Primefaces Components Override */
.ui-button															 { box-shadow: none !important; padding: .2em 1em !important; }
.ui-menu															 { background: transparent; font-size: 13px; height: 25px; border: 0px; padding:0px !important; }
.ui-menuitem-text													 { color:#9DBEE7; font-weight: bolder; margin: -2px 0 0 0; }
.ui-menuitem-active .ui-menuitem-text								 { color:#004080; }
.ui-messages-info-summary, 
.ui-messages-warn-summary, 
.ui-messages-error-summary, 
.ui-messages-fatal-summary, 
.ui-message-info-summary, 
.ui-message-warn-summary, 
.ui-message-error-summary, 
.ui-message-fatal-summary											 { font-size: 11pt; }
.ui-panel .ui-panel-content                       			         { padding: 0px !important; }
.ui-selectmanycheckbox label										 { padding: 5px 20px 0px 5px; }
.ui-datagrid-content-empty											 { height: 60px !important; }
.ui-chkbox-label													 { font-size: 10pt !important; }

/* JQPlot Override */
table.jqplot-legend												 	 { min-width: 150px; border:0 !important; top: 150px !important; }
table.jqplot-legend td											 	 { border: 0; }
td.jqplot-cursor-legend-swatch									 	 { width: 15px; }
td.jqplot-cursor-legend-label										 { padding-left: 10px; }
td.jqplot-cursor-legend-label .right								 { float: right; padding-right: 10px; }	

.panelNoBorder, .panelNoBorder tr, .panelNoBorder td{
	border: hidden;
	border-color: white;
}