body {
	margin: 0px;
	padding: 0;
	color: #616161;
}

h1,h2,h3 {
	margin-top: 0;
}

h1 {
	font-size: 1.6em;
	font-weight: normal;
}

h2 {
	font-size: 1.4em;
}

h3 {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 1.2em;
}

ul {
	
}

a {
	text-decoration: none;
	font-weight: bold;
}

a:HOVER {
	text-decoration: underline;
	color: rgb(225, 50, 20);
}

a:ACTIVE {
	text-decoration: underline;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

/* Header */
#header {
	padding: 4px 0px;
	height: 75px;
	position: relative;
}

.index-logo-container {
	height: 100%;
	width: 100%;
}

.index-logo {
	top: 25%;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

.logo {
	display: inline-block;
	float: left;
	padding-left: 0.1em
}

.user-info {
	float: left;
	padding-left: 50px;
	bottom: 1px;
	position: absolute;
}


/* INFORMACOES DO SISTEMA - INICIO */
.system-info {
	display: block;
	position: relative;
	top: 15%;
	right: 10em;
	float: right;
	text-align: right;
}
	
.system-info.producao {
	top: 27%;
}

.environment {
	display: block;
	font-weight: bold;
	padding: 2px;
	border: solid 1px rgb(200,200,200);
}
	
.environment.desenvolvimento {
	background: red;
	color: white;
}

.environment.homologacao {
	background: yellow;
}

.environment.producao,
.environment.hidden {
	background: none;
	display: none;
}

.user-agent {
	display: block;
}

/* INFORMACOES DO SISTEMA - FIM */

.user-actions {
	position: absolute;
	bottom: 25%;
	right: 0;
}

/* Menu */
.ui-menu {
	width: auto;
}

.ui-menuitem-text {
	margin-left: 5px;
}

#menu {
	position: absolute;
	top: 25px;
	right: 15px;
	padding: 0;
	height: 59px;
	overflow: hidden;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu li a {
	display: block;
	float: left;
	height: 42px;
	margin: 0;
	padding: 18px 40px 0 40px;
	text-decoration: none;
	font-size: 20px;
}

#menu li a:hover {
	text-decoration: underline;
}

#globalthemeswitcher {
	position: absolute;
	top: 5px;
	right: 50px;
}

/* Page */
#page {
	padding: 10px 0px;
	background: #FFFFFF;
}

/* Content */
#content {
	width: 70%;
	float: left;
}

.post {
	padding-bottom: 15px;
}

.post h1 {
	font-weight: normal;
}

.title {
	height: 30px;
	margin-left: 10px;
	padding: 8px 0 0 20px;
}

.title a {
	border-bottom: none;
	color: #FFFFFF;
}

.title a:hover {
	border-bottom: 1px dotted #000000;
}

.submenu-title {
	padding: 4px 10px;
}

.submenu-content {
	text-align: center;
}

.byline {
	margin: -60px 20px 20px 20px;
}

.byline a {
	color: #DC8700;
}

.tag {
	padding: 0 15px;
}

.entry {
	padding: 0 20px;
}

.entry p {
	line-height: 200%;
}

.links {
	padding: 4px 0px;
	text-align: right;
	font-weight: bold;
}

.links a {
	border: none;
}

.links a:hover {
	
}

#sidebar {
	float: left;
	width: 25%;
	padding: 0 10px;
	margin-left: -1px;
	overflow: hidden;
}

#sidebar a.ui-state-hover,#sidebar a.ui-state-highlight {
	border: 0 none;
	text-decoration: none;
	font-weight: normal;
}

#sidebar table {
	width: 100%;
}

#sidebar table td {
	vertical-align: top;
}

#sidebar ul {
	padding: 0;
	margin: 0;
}

#sidebar ul li {
	list-style-type: none;
	padding: 1px;
}

/* Footer */
#footer {
	height: 70px;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 14px;
}

#footer p {
	margin: 0;
	padding: 25px 0 0 0;
	text-align: center;
}

#footer a {
	
}

#footer .link {
	float: right;
}

#footer .copyright {
	float: left;
}

.homeText {
	line-height: 175%;
}

.homeMenu {
	width: 200px;
	float: left;
	margin-right: 10px
}

.themeMenu {
	overflow: auto;
	height: 300px;
	width: 200px;
}

.dp-xml {
	width: 1000px;
}

.ui-themeswitcher a.ui-selectonemenu-label-container {
	text-decoration: none !important;
}

.ui-widget {
	font-size: 12px;
}

/* Pagina de logon */
#logon-logo-topo {
  background-image: url("/sng/javax.faces.resource/image/logo_reconet_logon.png.xhtml");
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 165px;
  height: 150px;
}

#logon-rodape {
	margin: 20px auto;
	width: 480px;
	text-align: center;
}

#logon-rodape ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#logon-rodape ul li {
	display: inline;
	margin: 0 20px;
}

#logon-rodape a {
	display: inline-block;
	margin: 0 25px;
}

#logon-rodape a span {
	display: none;
}

#logon-rodape .link-procergs {
	background: url("/sng/javax.faces.resource/image/logo-procergs.png.xhtml") no-repeat;
	width: 130px;
	height: 44px;
}

#logon-rodape .link-estado {
	background: url("/sng/javax.faces.resource/image/logo-estado.png.xhtml") no-repeat;
	width: 138px;
	height: 55px;
}

#logon-outer {
	width: 100%;
	margin-top: 130px;
}

#logon-panel {
	margin: 0 auto;
	width: 480px;
}

.logon-grid {
	margin: 0 auto;
}

.logon-grid tfoot td {
	text-align: center;
}

.logon-grid thead th span {
	color: red;
}

/************************************/
/****** Customizacoes RECONET *******/
/************************************/

.ui-layout-unit-header {
	height: 1.2em;
}

.ui-inputfield {
	vertical-align: middle;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled
	{
	opacity: 0.95;
	box-shadow: none;
}

.ui-fieldset {
	/*border: none;
	padding: 0.5em 0.5em;
	background: none;
	background-color: transparent;*/
	margin-top: 0.5em;
}

.ui-datalist-item {
    border: thin dashed gray; /*dotted*/
    margin-bottom: 0.5em;
}

.ui-datalist-content  {
    border: none;
}

.ui-datatable table,
.ui-datatable table a {
	font-size: 11px !important;
}

.ui-datatable tbody td,
.ui-datatable thead th,
.ui-datatable tfoot td {
	white-space: inherit;
	text-align: center;
	padding: 0.3em;
}

/* Subtables */
.ui-datatable tbody td tbody td,.ui-datatable tbody tr tbody tr {
	border: none;
	border-color: transparent;
	background: none;
	background-color: transparent;
}

.ui-menubutton .ui-button {
	font-weight: bold;
}

.form-title-separator {
	display: none;
}

.form-panel {
	border: none;
}

.form-panel .ui-panel-content {
	padding: 0.5em 0.5em;
}

.form-panel .ui-panel-title {
	font-size: 1.3em;
}

.internal-panel .ui-panel-title {
	font-size: 1.2em;
}

.form-grid {
	/*margin-left: auto;
	margin-right: auto;
	width: auto;*/
	max-width: 82em;
}

.labeled-form tr,
.labeled-form td,
.form-grid tr,
.form-grid td {
	border: none;
	border-color: transparent;
	background-color: transparent;
}

.labeled-form td,
.form-grid td {
	padding: 1px 3px !important;
}
	
.labeled-form TD {
	vertical-align: top;
}

.labeled-form label,
.historico-form label {
	font-weight: bold;
}


/* Linhas impares das tabelas */
.ui-datatable-odd {
	background: none repeat scroll 0px 0px #FEE8C9; /*rgb(245, 240, 240)*/
}

/* Formulário de confirmacao do veiculo */
.pre-contrato-confirma-form label {
	font-weight: bold;
}

.pre-contrato-confirma-form {
	width: 100%;
}

.pre-contrato-confirma-form TD:nth-child(1),
.pre-contrato-confirma-form TD:nth-child(3) {
	white-space: nowrap;
}

.pre-contrato-confirma-form TD:nth-child(2) {
	width: 45%;
}

.pre-contrato-confirma-form TD:nth-child(4) {
	width: 50%;
}

/* Formulario de Contratos - Colunas 1 e 3 */
.contrato-form td:nth-child(1),.contrato-form td:nth-child(3) {
	width: 15.5em;
}

/* Formulario de Contratos - Colunas 2 e 4 */
.contrato-form td:nth-child(2)
/*,.contrato-form td:nth-child(4)*/
{
	width: 18em;
}

.contrato-form .endereco-container td:nth-child(4) {
	width: 30em;
}

/* Formulario de Historico */
.historico-form tr,.historico-form td {
	width: 25em;
}

.historico-form label {
	font-weight: bold;
}

/* Formulario de Documentos (Sumula e Certidao) */
.confirma-documento-form {
	width: 40em;
}

.lowercase{
	text-transform: lowercase !important;
}

input[type=text],
.uppercase {
	text-transform: uppercase;
}


.filter-combo,.filter-combo .ui-selectonemenu-label {
	width: 14.8em !important;
}

.monitor-contratos-table {
	width:100%;
}

.monitor-contratos-table td:nth-child(1) {
	width:20%;
}

.monitor-contratos-table td:nth-child(2) {
	width:40%;
}

.monitor-contratos-table td:nth-child(3) {
	width:40%;
}

.report-form {
	position: absolute;
	width: 98%;
	height: 86%;
}

.ui-datepicker-current-day .ui-state-default.ui-state-active
, .ui-widget-content .ui-selectlistbox-item.ui-state-highlight {
	background:#aaaaaa;
	background:#aaaaaa linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));
	background:#aaaaaa -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0)));
	background:#aaaaaa -moz-linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));
	color: white;
}

.ui-selectonemenu-filter-container {
    width: calc(100% - 12px);
}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
	width: calc(100% - 21px);
}



/* RECONET DASHBOARD - INICIO */

.dashboard .ui-tabs-panel {
	padding: 0.5em 0em;
}

.dashboard-widget {
	margin-top: 0.25em;
	margin-right: 0.25em;
	margin-bottom: 0.5em;
	margin-left: 0.25em;
}

.dashboard-main-info-panel,
.dashboard-sub-info-panel {
	display: block;
}

.dashboard-widget .ui-panel-title {
	font-size: 1.15em;
}

.sub-panel {
	background-color: rgb(217, 237, 247);
	border: 1px solid rgb(188, 232, 241);
	padding: 2px 5px;
	margin-top: 5px;
}

.internal-panel.ui-panel .ui-panel-footer {
	text-align: right;
}

.internal-panel .ui-widget-header {
	background: none;
	background-color: #FCB57B;
}

.dashboard-widget .ui-panel-title {
    display: inline-flex;
}

.dashboard-widget .ui-panel-titlebar {
    padding: 3px 10px;
}

.dashboard .calendar INPUT {
	width: 7em;
}

.dashboard .ui-datagrid-content.ui-widget-content {
	border: none;
}


/* RECONET DASHBOARD - FIM */

label.custom-select {
    position: relative;
    display: inline-block;
}

.custom-select select {
	background-color: transparent;
	border: medium none;
	font-weight: bold;
	outline: none; /* remove focus ring from Webkit */
}

.custom-select:after {
	content: "â–¼";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 60%;
	line-height: 20px;
	padding: 0 7px;
	background: #FCB57B;
	color: black;
	pointer-events: none;
}

.no-pointer-events .custom-select:after {
	content: none;
}

.ui-confirm-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-panel .ui-panel-footer {
	text-align: right;
}


/* MENSAGENS - INICIO */

.message-box {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.message-logo, .message-date {
    display: inline-block;
}

.message-date {
    float: right;
    margin-top: 1em;
}

.message-from {
    margin-top: 1em;
}

.message-to,
.message-subject {
    margin-top: 0.5em;
}
.message-detail{
    margin-top: 1.5em;
}

.message-sign  {
    margin-top: 1em;
}

.message-greeting {
    margin-top: 1.5em;
}

.ui-message-dialog {
	width: 550px !important;
}

/* MENSAGENS - FIM */

.action-bar {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	/*padding: 5px 5px 5px 5px;
	background-color: blue;
	border-radius: 4px;*/
}
.legenda {
    margin-left: auto;
    margin-top: 10px;
}

.no-border,
.no-border TR,
.no-border TR TD {
	border: none !important;
	padding: 2px 2px;
}

.hidden {
	display: none;
}

/*
	Solução para pintar os ícones FontAwesome do primefaces
*/
.ui-icon.fa {
	color: #FF7F1A !important;
}
.ui-state-hover .ui-icon.fa {
	color: black !important;;
}
.ui-state-disabled .fa {
	color: darkgray !important;
}

.ui-menuitem-icon.ui-icon.fa {
	text-align: center;
}

.ui-dialog .ui-dialog-footer,
.ui-panel .ui-panel-footer {
	text-align: right;
}

.no-padding,
.no-padding TD,
.border-less.ui-dialog .ui-dialog-content {
	padding: 0px 0px !important;
}
.ui-dialog .ui-dialog-content .ui-panel {
	border-radius: 0px;
	padding: 5px 0px;
}

.registro-inativo,
.registro-inativo a {
	color: gray;
}

.text-column {
	text-align: left !important;
}

.numeric-column {
	text-align: right !important;
}

.date-column {
	text-align: center !important;
}



.pre-reconet-detalhado tr:nth-child(1) th:nth-child(2),
.pre-reconet-detalhado tr:nth-child(1) th:nth-child(3),
.pre-reconet-detalhado tr:nth-child(1) th:nth-child(4),
.pre-reconet-detalhado tr:nth-child(2) th:nth-child(6),
.pre-reconet-detalhado tr:nth-child(2) th:nth-child(12),
.pre-reconet-detalhado tr td:nth-child(2),
.pre-reconet-detalhado tr td:nth-child(11),
.pre-reconet-detalhado tr td:nth-child(21) {
	border-right: 3px solid gray !important;
}

.pre-reconet-detalhado tr:nth-child(2) th:nth-child(1),
.pre-reconet-detalhado tr:nth-child(3) th:nth-child(2),
.pre-reconet-detalhado tr td:nth-child(4),
.pre-reconet-detalhado tr:nth-child(2) th:nth-child(2),
.pre-reconet-detalhado tr:nth-child(3) th:nth-child(4),
.pre-reconet-detalhado tr td:nth-child(6),
.pre-reconet-detalhado tr:nth-child(2) th:nth-child(3),
.pre-reconet-detalhado tr:nth-child(3) th:nth-child(6),
.pre-reconet-detalhado tr td:nth-child(8),
.pre-reconet-detalhado tr:nth-child(2) th:nth-child(7),
.pre-reconet-detalhado tr:nth-child(3) th:nth-child(8),
.pre-reconet-detalhado tr td:nth-child(14),
.pre-reconet-detalhado tr:nth-child(2) th:nth-child(8),
.pre-reconet-detalhado tr:nth-child(3) th:nth-child(10),
.pre-reconet-detalhado tr td:nth-child(16),
.pre-reconet-detalhado tr:nth-child(2) th:nth-child(9),
.pre-reconet-detalhado tr:nth-child(3) th:nth-child(12),
.pre-reconet-detalhado tr td:nth-child(18)
 {
	border-right: 2px solid #a6a6a6 !important;
 }


.border-left-highlight {
	border-left: 2px solid gray !important;
}
.border-right-highlight {
	border-right: 2px solid gray !important;
}
.border-top-highlight {
	border-top: 2px solid gray !important;
}
.border-bottom-highlight {
	border-bottom: 2px solid gray !important;
}

.datafracoes .ui-datagrid-data{
	width: auto;
}

.datafracoes .ui-datagrid-content{
	border: nome !important;
}
.combofracoes .ui-selectonemenu-panel{
	width: 50px !important;
}

.ignoraLargura td{
	width: auto !important;
}

.title-row {
    font-weight: bold;
}

.title-row div {
    margin-top: 15px;
}