* {
    margin: 0;
    padding: 0;
    font-family: "Ubuntu", "Arial", serif;
    font-size: 12px;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: white;
}

#wrapper {
    min-height: 100%;
    position: relative;
}

#header {
    background: #ededed;
    position: fixed;
    margin-top: 0px;
    margin-left: 0px;
    z-index: 1000;
    width: 100%;
}

#content {
    padding-bottom: 100px; /* Height of the footer element */
    min-width: 95%;
    margin: auto;
    min-height: 300px;
    padding-top: 100px;
    position: relative;
    background: white;
}

#content h1 {
    font-size: 20px;
    text-align: center;
    color: rgb(60, 80, 120);
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
}

#content h2 {
    font-size: 16px;
    text-align: center;
    color: rgb(60, 80, 120);
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
}

#content h3 {
    font-size: 14px;
    text-align: center;
    color: rgb(60, 80, 120);
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

#footer {
    background: url("../img/bg-footer.gif") repeat-x scroll left top
        transparent;
    text-align: center;
    color: #FEFEFE;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
}
/*
* PrimeFaces
*/

/* ------------------------------------------------------------------------------------------ */
/* hide columns from dataTable (treeTable) processos */
.hide-column-names table thead tr {
    display: none;
}
/* ------------------------------------------------------------------------------------------ */
.ui-panel-titlebar {
    text-align: center;
}

.ui-treetable-scrollable-body {
    padding: 0px !important;
}

/* ------------------------------------------------------------------------------------------ */
.ui-growl {
    left: 35% !important;
    top: 30% !important;
    width: 30% !important;
}

.ui-growl-message {
    width: 85% !important;
    text-align: center !important;
}

.ui-growl-image-warn {
    background-image: url('../imgs/alert.png');
}

/* ------------------------------------------------------------------------------------------ */
/* MENU GLOBAL */
.menuProcessos .ui-menu-list {
    width: 250px !important;
}

.menuAuditoria .ui-menu-list {
    width: 270px !important;
}

.menuRelatorioNotaTecnica .ui-menu-list {
    width: 440px !important;
}

.menuRelatorioPreventivaGeral .ui-menu-list {
    width: 340px !important;
}
/* ------------------------------------------------------------------------------------------ */
.dadosProcesso {
    width: 30%;
    min-height: 400px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: center;
    position: absolute;
}

.processoAndamento {
    width: 65%;
    height: 220px;
    float: right;
    position: relative;
    margin-left: auto;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: center;
}
/**
* CSS para tela de manutenção de andamento de processo
*/
.andamento_processo_left {

}

.andamento_processo_right {
    margin-left: 0px;;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: left;
    float: right;
}

/*
* CSS para formulário de login.
*/
.banner {
    width: 100%;
    height: 100%;
}

.login {
    width: 350px;
    height: 220px;
    border: 1px #CCCCCC dashed;
    background-color: #F0F0F0;
    text-align: center;
    padding-bottom: 10px;
}

.login2 {
    width: 600px;
    height: 300px;
    border: 1px #CCCCCC dashed;
    background-color: #F0F0F0;
    text-align: center;
    margin: auto !important;
    margin-top: 40px !important;
}

.login2 p {
    padding-bottom: 10px;
}

.login p {
    margin: auto;
}

.login button {
    margin-top: 5px;
    margin-bottom: 5px;
}

#logo {
    position: relative;
    clear: both;
    overflow: hidden;
    min-width: 1000px;
    height: 121px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px
}

img {
    border: none;
}

.clr {
    clear: both;
    overflow: hidden;
    height: 0;
}

/*
* CSS da barra do topo
*/
#top {
    min-height: 28px;
    background: url('../img/topo_01.jpg') repeat-x;
    text-align: right;
}

#top #img_br {
    margin-right: 0px;
}

/*-------------------corpo-------------------------*/
#corpo p {
    position: relative;
    width: 150px;
    text-align: left;
    margin-top: 30px;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#painel {
    width: 100%;
    display: inline-block;
}

#button-menu {
    width: 100%;
    min-height: 450px;
    border: 1px #BBBBBB solid;
    background: #F9F9F9;
    margin: auto;
    padding: 0px;
}

#button-menu .button {
    margin-left: 38px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #FEFEFE;
    display: inline-block;
    border-radius: 6px;
}

#button-menu .button a {
    display: block;
    float: left;
    border: 1px solid #eaeaea;
    width: 170px;
    height: 170px;
    color: #565656;
    vertical-align: middle;
    text-decoration: none;
    border-radius: 6px;
}

#button-menu .button a:hover, #button-menu .button a:focus, #button-menu .button a:active
{
    border: 1px solid #CCCCCC;
    color: #025A8D;
    background-color: white;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

#button-menu img {
    padding: 10px;
    height: 52px;
    margin: 0px;
    margin-top: 20px;
}

#button-menu span {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
}

/*------------------RELATÓRIO-----------------------*/
.relatorioGrid {
    border-style: hidden !important;
    width: 100%;
}

.relatorioGrid td, .relatorioGrid tr {
    border-style: hidden !important;
}

.relatorioButtonsGrid {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-style: hidden !important;
}

.relatorioButtonsGrid td, .relatorioGrid tr {
    border-style: hidden !important;
}

.relatorioColumns {
    width: 50%;
    height: 32px;
    padding: 0px;
}

.relatorioColumns2 {
    width: 200px;
    height: 32px;
    padding: 0px;
}

.pCalendar {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 9.0pt;
}

.pCalendar input {
    text-align: center;
}

.relatorioColumns tr td {
    border-style: hidden !important;
}

.previewCollumns {
    border-style: hidden !important;
    height: 32px;
}
/* relatorio especifico */
.relatorioEspecifico {
    width: 90%;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 10px;
}

.relatorioEspecifico tr, .relatorioEspecifico td {
    border-style: hidden !important;
}
/* relatorio lista processos */
.relatorioListaProcessoDataTable {
    width: 98%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.relatorioListaProcessoDataTable thead, .relatorioListaProcessoDataTable tbody,
.relatorioListaProcessoDataTable tr, .relatorioListaProcessoDataTable th,
.relatorioListaProcessoDataTable span {
    white-space: normal !important;
}

.relatorioListaProcessoDataTable td {
    word-break: initial;
}

.relatorioListaProcessoDataTable tbody, .relatorioListaProcessoDataTable tr,
.relatorioListaProcessoDataTable td {
    padding: 3px !important;
    margin: none !important;
}

.slideMenuListaProcesso {
    width: 80% !important;
    height: 140px;
    margin: auto;
    margin-top: 60px;
}

.ui-slidemenu-wrapper {
    height: 100% !important;
}

.ui-slidemenu-content {
    height: 100% !important;
}

.relatorioListaProcessoFiltros {
    width: 100%;
    font-size: 12.0pt;
}

.relatorioListaProcessoFiltrosColumns {
    width: 300px;
    font-weight: bold;
    text-align: right;
    background-color: #CFE6E6;
    height: 22px;
}

.relatorioListaProcessoDetalhesProcessos {
    width: 300px;
    font-weight: bold;
    text-align: right;
    padding-right: 15px !important;
}

/*-------------------rodape------------------------*/
#rodape {
    min-width: 100%;
    min-height: 80px;
    position: relative;
    float: left;
}

#rodape p {
    color: #000000;
    text-align: center;
    font-size: 13px;
}

.dataTableRowType1 {
    background-color: #FFCC99;
}

.ui-state-error {
    border: 2px solid red !important;
}

.ui-growl-image-error {
    background-image: url("../img/109.png") !important;
}

/* --------------------------- */
.etiquetaDetailDialog {
    width: 100%;
}

.etiquetaDetailDialog td {
    white-space: normal !important;
}

.etiquetaDetailDialogColumns {
    width: 230px;
    font-weight: bold;
    text-align: right;
}

.historicoProcessoEtiquetaPanelGrid {
    width: 530px !important;
}

.historicoProcessoEtiquetaPanelGrid td {
    white-space: normal !important;
}

.vicularProcessoPanelGrid {
    width: 100%;
}

.vicularProcessoPanelGridColumns {
    width: 200px;
}
/* Vicular processo Data Table */
.vincularProcessoDataTable {
    width: 100%;
    margin: auto;
}

.vincularProcessoDataTable table tbody td {
    white-space: normal !important;
    word-break: break-all;
}

/* Cadastro de Exceção */
.etiquetaPanelGrid {
    width: 100%;
}

.etiquetaPanelGridColumns {
    width: 250px;
    text-align: right;
    font-weight: bold;
}
/* Cadastro de Exceção */

/* Trilha de auditoria */
.trilhaAuditoriaDataTable {
    width: 98% !important;
    margin: auto !important;
}

.trilhaAuditoriaDataTable table thead tr th {
    white-space: normal;
}

.trilhaAuditoriaDataTable table tbody tr td {
    white-space: normal;
    word-break: break-all;
}

.rubricasPickList {
    margin: auto !important;
}

.orgaosPickList {
    margin: auto !important;
}

.cadastroProcessoEtiquetaPanelGrid {
    width: 230px !important;
    text-align: right;
    font-weight: bold;
}

/* -- Andamento.xhtml -- */
.valorProcessoPanelGrid, .valorProcessoPanelGrid td,
.valorProcessoPanelGrid tr {
    border-style: hidden !important;
}

.valorProcessoPanelGridColumns {
    width: 160px;
    text-align: right;
    font-weight: bold;
}

/* etiqueta processo - importar planilha */
.etiquetaProcessoImportarPlanilha {
    font-weight: bold;
    color: rgb(77, 77, 77);
    text-align: right;
    width: 160px;
}

/* -- importar planilha dataTable (importar_detail_list.xhtml) */
.importaPlanilhaDataTable thead, .importaPlanilhaDataTable tbody,
.importaPlanilhaDataTable tr, .importaPlanilhaDataTable td,
.importaPlanilhaDataTable span {
    white-space: normal !important;
    word-break: break-all;
}

.importaPlanilhaDataTable th {
    white-space: normal !important;
}

.comparacaoPlanilhaDataTable thead, .comparacaoPlanilhaDataTable tbody,
.comparacaoPlanilhaDataTable tr, .comparacaoPlanilhaDataTable td,
.comparacaoPlanilhaDataTable span {
    white-space: normal !important;
    word-break: break-all;
}

.comparacaoPlanilhaDataTable th {
    white-space: normal !important;
}

/* --reposicao_erario -- */
.rowRed {
    background-color: red;
    color: white;
}

.rowBlue {
    background-color: blue;
    color: white;
}

/* Montagem Regras Trilhas (ADM CTL) */
.hide-panelgrid-columns, .hide-panelgrid-columns thead,
.hide-panelgrid-columns tbody, .hide-panelgrid-columns tr,
.hide-panelgrid-columns th, .hide-panelgrid-columns td,
.hide-panelgrid-columns span {
    border: none !important;
}

.show-panelgrid-columns, .show-panelgrid-columns thead,
.show-panelgrid-columns tbody, .show-panelgrid-columns tr,
.show-panelgrid-columns th, .show-panelgrid-columns td,
.show-panelgrid-columns span {
    border: 1px solid #A0A0A0;
}

.montagemRegraTrilhasPanelGridColumns {
    text-align: right;
    font-weight: bold;
    color: rgb(110, 110, 110);
}

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* documentos.xhtml */
.columnEtiquetaProcesso {
    width: 205px;
    font-weight: bold;
    text-align: right;
}

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Reposicao Erario */
.reposicaoErarioDataTable tbody tr td {
    white-space: normal !important;
    word-break: inherit;
}

.reposicaoErarioFiltrosPanelGrid {
    width: 100%;
    margin: auto;
}

.reposicaoErarioFiltrosPanelGridColums {
    width: 340px;
    text-align: right;
    color: #505050;
    font-weight: bold;
}

/* ---------------------------------------------------------------------------------------------------------------------------- */

.atualizarSaldoDevedorColumns {
    width: 250px;
    padding-right: 10px !important;
    font-weight: bold;
    text-align: right;
}

.extratoReposicaoPanelGrid {
    width: 100%;
}

.extratoReposicaoPanelGrid td {
    height: 30px;
}

.extratoReposicaoColumns {
    width: 150px;
    padding-right: 10px !important;
    font-weight: bold;
    text-align: right;
}

.calendarioReposicaoErario {
    margin-left: 10px;
    margin-right: 10px;
    width: 100px !important;
    height: 32px !important;
    text-align: center !important;
}

.calendarioReposicaoErario input {
    text-align: center !important;
}

.ui-treetable-scrollable-body {
    margin-right: 0px !important;
}

.ui-treetable-scrollable-header-box {
    margin-right: 0px !important;
}

.anexoProcessoColumns {
    width: 160px;
    text-align: right;
    color: rgb(90, 90, 90);
    font-weight: bold;
}

/* DOCUMENTOS */
.documentosDataTable thead, .documentosDataTable tbody,
.documentosDataTable tr, .documentosDataTable td, .documentosDataTable span
{
    white-space: pre-wrap !important;
    word-break: normal !important;
}

.documentosDataTable th {
    white-space: pre-wrap !important;
    word-break: normal !important;
    height: 30px;
}

.cadastroDocumento {
    width: 94%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.cadastroDocumentoColumns {
    width: 200px;
    text-align: right;
    font-weight: bold;
    color: rgb(90, 90, 90);
}

.pesquisarDocumento {
    width: 95%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.pesquisarDocumentoColumns {
    width: 200px;
    text-align: right;
    font-weight: bold;
    color: rgb(90, 90, 90);
}

.prorrogarColumns {
    width: 160px;
    text-align: right;
    font-weight: bold;
    color: rgb(90, 90, 90);
}

/* CRUD HOME */
.crudPanelGridDetalhesColumns {
    width: 200px;
    text-align: right;
    color: rgb(90, 90, 90);
    font-weight: bold;
}

.crudPanelGridDetalhes {
    min-width: 650px;
}

/* AUDITORIA PREVENTIVA */
.informacoesCaso table tr td {
    height: 22px;
}

/* AUDITORIA PREVENTIVA - Analise Caso */
.audPreventivaAnaliseCasoColunasTitulo {
    text-align: center;
    color: rgb(120, 120, 120);
    font-weight: bold;
    font-size: 9.0pt;
    background-color: #e8eaf6;
    border: 1px solid #AAAAAA;
    padding-bottom: 0px !important;;
    padding-top: 0px !important;;
    padding-left: 1px !important;;
    padding-right: 1px !important;;
    margin: 0px !important;;
    border-top: none !important;
}

.audPreventivaAnaliseCasoColunasTitulo2 {
    text-align: center;
    color: rgb(120, 120, 120);
    font-weight: bold;
    font-size: 8.0pt;
    border-top: none !important;
    background-color: rgb(240,240,240);
    padding-bottom: 0px !important;;
    padding-top: 0px !important;;
    padding-left: 1px !important;;
    padding-right: 1px !important;;
    margin: 0px !important;;
    border: 1px solid #AAAAAA;
}

.audPreventivaAnaliseCasoColunasTitulo3 {
    text-align: center;
    width: 200px; 
    color: rgb(120, 120, 120); 
    font-weight: bold; 
    background-color: rgb(240,240,240);
    border-top: none !important;
}

.audPreventivaAnaliseCasoColunasTitulo4 {
    text-align: center;
	font-size: 8.0pt;
    border-top: none !important;
    padding-bottom: 0px !important;;
    padding-top: 0px !important;;
    padding-left: 1px !important;;
    padding-right: 1px !important;;
    margin: 0px !important;;
    border: 1px solid #AAAAAA;
}

.audPreventivaAnaliseCasoLinhasSemBordas tbody tr {
    border-top: none !important;
}

/* AUDITORIA PREVENTIVA */
.auditoriaPreventivaColumns {
    text-align: right; 
    width: 200px; 
    color: rgb(120, 120, 120); 
    font-weight: bold; 
    background-color: rgb(240,240,240);
}

/* Auditoria preventiva - Ficha de lancamento financeiro */
.audPreventivaLancamentoFinanceiroCasoAtual {
    font-weight: bold;
    color: #dd2c00;
}

.audPreventivaHistoricoCaso {
    font-weight: bold;
    color: #dd2c00 !important; 
    text-align: left  !important;    
}

.audPreventivaHistoricoCasoIgualCaso {
    font-weight: bold;
    color: #3f51b5; 
}

.audPreventivaLancamentoFinanceiroCaso {
    font-weight: bold;
}
.audPreventivaLancamentoFinanceiro {
    font-weight: normal;
}

.audPreventivaTextArea {
    font-size: 12.0pt;
    color: black;
    resize: none;
}
.audPreventivaTextAreaReadyOnly {
    font-size: 12.0pt;
    color: black;
    resize: none;
    background-color: #DDDDDD !important;
}
.audPreventivaPequisaFiltrosColumns {
    width: 160px;
    text-align: right;
    font-weight: bold;
    color: rgb(90, 90, 90);
}

.importarArquivoRetornoJustificativaTitle {
    text-align: center; 
    width: 200px; 
    color: rgb(120, 120, 120); 
    font-weight: bold; 
    background-color: rgb(240,240,240);
    border-top: none !important;
}

.gerenciarNotificacoesOrgaoTitle {
    text-align: right; 
    width: 120px; 
    color: rgb(120, 120, 120); 
    font-weight: bold; 
    border-top: none !important;
}

.gerarNotificacaoColumns {
    text-align: right; 
    width: 150px; 
    color: rgb(120, 120, 120); 
    font-weight: bold; 
    border-top: none !important;
}

.listarCasosAnaliseCasoColumns {
    text-align: right; 
    width: 200px; 
    color: rgb(120, 120, 120); 
    font-weight: bold; 
    border-top: none !important;
}

.accordionAnaliseCaso div {
    padding: 0px !important;
    margin: none !important;    
}

.tabSemMarginBotton {
    margin-bottom: 0px !important;
}

.audPreventivaNaoDistribuido {
    color: #3f51b5;   
    font-weight: bold;
}

.audPreventivaDistribuido {
    font-weight: normal;   
}

.semBorda tr, .semBorda td {
    border: none !important; 
}

.relatorioListaExcluidoSiapeJustificativaTogger td {
    padding: 0px !important;
}

.ui-datatable-even {
    background-color: #f0f0f0 !important;
}

.ui-datatable-odd {
    background-color: #ffffff !important;
}

.ui-datatable tbody tr:hover {
    background-color: #DADADA !important;
}

.hide-panelgrid-columns .ui-grid-row,
.hide-panelgrid-columns .ui-panelgrid-cell {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.ui-selectonemenu, .ui-inputtext {
    margin-bottom: 4px !important;
}

.ui-outputlabel {
    font-size: 14px !important;
    font-weight: 500;
    color: #333333;
}