@charset "utf-8";
/****************************************************************************************
**                                                                                     **
** @autor: Fagner Ernesto                                                           **
** @data: 11/10/2013                                                                   **
** @brief: Formatação dos elementos da página                                          **
**                                                                                     **
****************************************************************************************/

/****************************************************************************************
** 1 - Arquivos CSS que possuem natureza própria devendo ser importados                **
****************************************************************************************/

/* Definições do CSS Resset */
@import url("/sisdpu/javax.faces.resource/css/_estilo_css_reset.css.xhtml");

/* Definições dos Formulários */
@import url("/sisdpu/javax.faces.resource/css/_estilo_formularios.css.xhtml");

/* Definições das Mensagens */
@import url("/sisdpu/javax.faces.resource/css/_estilo_mensagem.css.xhtml");

/* Definições da area do sistema */
@import url("/sisdpu/javax.faces.resource/css/_estilo_sistema.css.xhtml");

/* Definições do menu principal */
@import url("/sisdpu/javax.faces.resource/css/_estilo_menu.css.xhtml");

/* Definições da modal */
@import url("/sisdpu/javax.faces.resource/css/_estilo_modal_login.css.xhtml");

/* Definições das abas */
@import url("/sisdpu/javax.faces.resource/css/_estilo_abas.css.xhtml");

/* Definições das sub abas */
@import url("/sisdpu/javax.faces.resource/css/_estilo_subabas.css.xhtml");

/* Definições da agenda */
@import url("/sisdpu/javax.faces.resource/css/_estilo_fieldset.css.xhtml");

/* Definições da agenda */
@import url("/sisdpu/javax.faces.resource/css/_estilo_login.css.xhtml");

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light');
}

/****************************************************************************************
** 2 - Formatação geral da página                                                      **
****************************************************************************************/

/* HTML: Definição dos padrões de tipo e tamanho da fonte, e cor de fundo da página */
html {
    font-family: Arial, Verdana, Geneva, sans-serif !important;
    font-size: 0.89em;
}



/* BODY: Definição do corpo da página */
body {
    margin: 0px auto;
    padding: 0px;
    line-height: 1.5em;
    background-color: #FFF;
}

html,body {
    height: 100%;
}

html p {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

/* epaj_geral: Formatação geral da página */
.epaj_geral {
    min-height: 100%;
    position: relative;
}
/* hack para IE6 que trata height como min-height */
* html .epaj_geral {
    height: 100%;
}

/* epaj_geral: strong - Negrito */
.epaj_geral strong {
    font-weight: bold;
}

.epaj_clear {
    clear: both;
    height: 0.1em;
    display: block;
}

.default-input.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box{
     border-radius: 10px !important;  
     cursor:pointer;
}

.default-input.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box.ui-state-active{
     border-bottom: 1px solid #444 !important; 
}

.default-input.ui-selectoneradio td{
     padding: 5px;
}

/****************************************************************************************
** 2 - Formatação do cabeçalho da página                                                  **
****************************************************************************************/

/* epaj_rodape: Formatação geral do cabecalho */
.epaj_cabecalho {
    width: 100%;
    min-width: 1000px;
    margin-bottom: 0.5em;
    height: 109px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    background: url("/sisdpu/javax.faces.resource/img/geral/bgTopoEpajInt.gif.xhtml") repeat-x
        0 18px transparent;
}

/* epaj_cabecalho h1: formatação do título da página */
.epaj_cabecalho h1 {
    color: #FFF;
    font-weight: normal;
    color: #373950;
    font-size: 1em;
    margin-top: -0.3em;
    font-weight: bold;
}

/* epaj_cabecalho h2: formatação do título da página */
.epaj_cabecalho h1 span {
    display: none;
}

/* h3: Formatação título das áreas do sistema */
h3 {
    color: #333;
    font-size: 1.6em;
    font-weight: bold;
    border-bottom: 1px solid #FFF;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

.epaj_cabecalho_linha_01 {
    color: #333;
    font-weight: normal;
    background-color: #d8d9dd;
}

.epaj_cabecalho_conteudo {
    margin: 0px auto;
    padding: 0;
    text-align: left;
    min-width: 1000px;
    background: url("/sisdpu/javax.faces.resource/img/geral/testeira.png.xhtml") no-repeat 0 0
        transparent;
    height: 75px;
    width: 100%;
}

.epaj_testeira_pastas {
    width: 239px;
    height: 75px;
    margin-top: -33px;
    float: right;
    background: url("/sisdpu/javax.faces.resource/img/geral/testeiraPasta.png.xhtml")
        no-repeat 0px 0px transparent;
}

.epaj_cabecalho_acessibilidade {
    padding-left: 8px;
}

.epaj_cabecalho_acessibilidade a,.epaj_cabecalho_acessibilidade a:link,.epaj_cabecalho_acessibilidade a:visited,.epaj_cabecalho_acessibilidade a:active,.epaj_cabecalho_acessibilidade a:hover
{
    color: black;
    font-weight: normal;
    text-decoration: none;
    font-size: 11.0pt;
}

.epaj_cabecalho_acessibilidade a:hover {
    text-decoration: underline;
}

.epaj_cabecalho_busca {
    margin-top: -3em;
    float: right;
    background-image:
        url("/sisdpu/javax.faces.resource/img/icones/ico_pesquisa_cabecalho.png.xhtml");
    background-position: left center;
    background-repeat: no-repeat;
    background-color: #888BA0;
    border: 1px solid #373950;
    padding: 0.2em 0.3em 0.2em 3em;
    vertical-align: middle;
}

.epaj_geral_input_pesquisa {
    border: 1px solid #45594E;
    background-color: #45594E;
    padding: 0.2em;
    font-family: Arial, Verdana, Geneva, sans-serif;
    color: #D2D646;
    font-size: 1em;
    height: 20px;
    width: 180px;
    vertical-align: bottom;
}

.epaj_geral_input_pesquisa:focus {
    border: 1px solid #ABC187;
    background-color: #C2B59B;
    padding: 0.2em;
    font-family: Verdana, Geneva, sans-serif;
    color: #244840;
    font-size: 1em;
    height: 20px;
    width: 180px;
}

.epaj_geral_btn_pesquisa {
    border: 1px solid #ABC187;
    margin-left: -0.7em;
    background-color: #ABC187;
    padding: 0.2em;
    font-family: Verdana, Geneva, sans-serif;
    color: #244840;
    font-size: 1em;
    height: 26px;
    width: 80px;
    vertical-align: bottom;
}

.epaj_geral_btn_pesquisa:hover {
    border: 1px solid #030;
    background-color: #373950;
    color: #FFF;
}

/* epaj_login_logo img.epaj_login_logo: formatação da imagem da logo da área de conteudo da logo */
img.epaj_login_logo_img {
    width: 160px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 7px;
}

.epaj_label_unidade {
    float: right !important;
    margin-right: 5px !important;
    margin-top: 50px !important;
}

/****************************************************************************************
** 4 - Formatação do conteúdo da página                                                **
****************************************************************************************/
.epaj_miolo {
    padding-bottom: 60px;
}

/* epaj_conteudo: formatação do conteúdo da página */
.epaj_conteudo {
    margin: 0px auto;
    text-align: left;
    min-width: 1000px;
    padding-bottom: 10px;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-sizing: border-box;
}

.epaj_link_oculto {
    display: none;
}

.epaj_conteudo ol {
    margin-left: 4em;
    margin-right: 4em;
}

.epaj_conteudo ol li {
    list-style: decimal;
    margin-bottom: 0.5em;
}

.epaj_conteudo ol li.epaj_conteudo_li_novo {
    margin-left: -2em;
    list-style: none;
    font-style: italic;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.ui-widget-content {
    background: none !important;
    color: #333 !important;
}

.ui-selectonelistbox {
    background-color: #FFF !important;
}

.ui-corner-all {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.ui-state-active {
    background-image: none !important;
    background-color: #dedee8 !important;
}

li.ui-state-hover,li.ui-widget-content .ui-state-hover,li.ui-widget-header .ui-state-hover,li.ui-state-focus,li.ui-widget-content .ui-state-focus,li.ui-widget-header .ui-state-focus
{
    background-color: #373950 !important;
    background-image: none !important;
}

input.ui-state-hover,input.ui-widget-content .ui-state-hover,input.ui-widget-header .ui-state-hover,input.ui-state-focus,input.ui-widget-content .ui-state-focus,input.ui-widget-header .ui-state-focus,textarea.ui-state-hover,textarea.ui-widget-content .ui-state-hover,textarea.ui-widget-header .ui-state-hover,textarea.ui-state-focus,textarea.ui-widget-content .ui-state-focus,textarea.ui-widget-header .ui-state-focus,div.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-hover
{
    background-color: #FFF5B3 !important;
    background-image: none !important;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #333;
    text-decoration: none;
}

.ui-state-focus {
    -moz-box-shadow: inset 0 2px 2px #69719c !important;
    -webkit-box-shadow: inset 0 2px 2px #69719c !important;
    box-shadow: inset 0 2px 2px #69719c !important;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
{
    background: #FFF;
    border: 1px solid #333;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active
{
    border: 1px solid #444 !important;
    border-bottom: none !important;
    background-color: #dedee8 !important;
    color: #444 !important;
}

.ui-datatable thead th {
    font-weight: bold !important;
    text-align: left !important;
    background: none !important;
    background-color: #888BA0 !important;
    color: #FFF !important;
    font-weight: bold !important;
}

.ui-tabs .ui-tabs-nav {
    background-color: #d8d8d8 !important;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-selected {
    background-color: #DEDEE8 !important;
    background-image: none !important;
}

.ui-paginator {
    background-color: #d8d8d8 !important;
}

span.ui-paginator-current {
    color: #333 !important;
}

span.ui-paginator-first.ui-state-default.ui-corner-all.ui-state-disabled
{
    color: #EFEFEF !important;
}

button.ui-widget-header.ui-state-default {
    background-image: linear-gradient(to bottom, #69719c, #373950)
        !important;
}


.ui-icon:hover {
    color: #CCCCCC !important;
}

.ui-icon {
    background-image: url("/sisdpu/javax.faces.resource/img/ui-icons_888888_256x240.png.xhtml")!important;
}

.ui-dialog .ui-button-text {
    color: #333 !important;
}

.ui-dialog .ui-dialog-content {
    background-color: #FFF !important;
}

.ui-dialog .ui-dialog-titlebar-close a:hover {
    background-color: #dedee8 !important;
}

.ui-datepicker .ui-datepicker-prev a:hover,.ui-datepicker .ui-datepicker-next a:hover
{
    background-color: #dedee8 !important;
}

.ui-editor iframe {
    background: #FFF !important;
}

span.ui-paginator-first,span.ui-paginator-prev,span.ui-paginator-next,span.ui-paginator-last
{
    background-image: linear-gradient(to top, #dedee8, #EFEFEF) !important;
    background: linear-gradient(to top, #dedee8, #EFEFEF) !important;
}

span.ui-paginator-page {
    color: #A0A0A0 !important;
}

span.ui-paginator-current {
    color: #333 !important;
    margin-top: 7px !important;
}

div.ui-datepicker {
    background-color: #FFF !important;
}

.ui-datepicker table {
    background-color: #EFEFEF;
}

.ui-datepicker-calendar td a.ui-state-default {
    color: #909090;
}

td.ui-datepicker-today a.ui-state-default.ui-state-highlight {
    color: #363636 !important;
    background-color: #DEDEE8;
}

.ui-picklist-item .ui-corner-all .ui-state-hover,ul li .ui-state-hover {
    background: #373950 !important;
    color: #dedee8 !important;
}

.styleClassNarrativa {
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #333;
}

.epaj_cxentrada_prazo_vencido {
    background-color: #E75A4D !important;
    color: #FFF !important;
}

.epaj_cxentrada_prazo_5dias {
    background-color: #F99 !important;
}

.epaj_cxentrada_prazo_60dias {
    background-color: #FFE033 !important;
}

.epaj_cxentrada_prazo_vencido a,
.epaj_cxentrada_prazo_vencido a:visited,
.epaj_cxentrada_prazo_vencido a:link,
.epaj_cxentrada_prazo_vencido a:active,
.epaj_cxentrada_prazo_vencido a:hover
{
    color: #FFF !important;
}

.epaj_cxentrada_prazo_vencido a:hover {
    text-decoration: underline;
}

.ui-confirm-dialog {
    background-color: #FFF !important;
}

/*combo de pagincacao da caixa de entrada*/
.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
    color: #333 !important;
}

/*classe para configurar o tamanho do número do paj no titulo da pagina*/
.epaj_formata_numero_paj {
    font-size: 30px;
    font-weight: bold
}

.ui-icon-closethick {
    background-color: #dedee8 !important;
    border: 1px solid #EFEFEF !important;
}

.ui-icon-closethick:hover {
    background-color: #EFEFEF !important;
    border: 1px solid #dedee8 !important;
}

.ui-picklist .ui-picklist-list {
    background-color: #FFF !important;
}

.ui-picklist .ui-picklist-list li:hover {
    background-color: #373950 !important;
    color: #FFF !important;
}

button.ui-state-default.ui-datepicker-trigger:hover,
button.ui-state-default.ui-picklist-button-add:hover,
button.ui-state-default.ui-picklist-button-add-all:hover,
button.ui-state-default.ui-picklist-button-remove:hover,
button.ui-state-default.ui-picklist-button-remove-all:hover
{
    /*.epaj_button_tabela:hover*/
    border: 1px solid #444 !important;
    background-image: linear-gradient(to top, #393750, #8083a8)  !important;
    cursor: pointer !important;
    font-weight: normal !important;
    color: #333 !important;
}

button.ui-state-default.ui-datepicker-trigger,
button.ui-state-default.ui-picklist-button-add,
button.ui-state-default.ui-picklist-button-add-all,
button.ui-state-default.ui-picklist-button-remove,
button.ui-state-default.ui-picklist-button-remove-all
{
    background-image: linear-gradient(to bottom, #393750, #8083a8)!important;
    border: 1px solid #333 !important;
    color: #333 !important;
    font-weight: normal !important;
    font-family: Arial, Verdana, Geneva, sans-serif !important;
    font-size: 1em !important;
    height: 29px !important;
    padding: 0em 1em !important;
}

.ui-dialog .ui-dialog-titlebar {
    background-color: #69719c !important;
}

.ui-datatable .ui-sortable-column-icon {
    background-color: #FFF;
    margin-left: 4px !important;
    border: 1px solid #ccc;
}

.epaj_tag {
    background-color: #CCC;
    color: #333;
    font-weight: lighter;
    font-size: 0.85em;
    border: 1px solid #999;
    padding: 0px !important;
    margin: 1px;
}

.epaj_tag a,.epaj_link_sem_texto {
    padding: 1px 0 0 0;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    margin-left: 4px;
}

.epaj_link_sem_texto {
    margin-left: 0 !important;
}

.ui-icon-calendar {
    background-image: url("/sisdpu/javax.faces.resource/img/icones/calendar-day.png.xhtml")
        !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.ui-tabs,.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-panelgrid,.ui-panelgrid td {
    border: none !important;
    border-collapse: inherit;
}

.ui-panelgrid .columnBotoes {
	text-align: right;
}
	
.ui-panelgrid .columnBotoes button {
	margin-left: 10px;
}

.icone_retorno {
    background: url("/sisdpu/javax.faces.resource/img/retorno.png.xhtml") no-repeat center;
    width: 17px;
    height: 17px;
    overflow: hidden;
    text-indent: -9999px;
    padding: 10px;
}

.ui-corner-bottom, .ui-corner-top {
    -moz-border-radius-bottomleft: 0px!important;
    -webkit-border-bottom-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    -moz-border-radius-bottomright: 0px!important;
    -webkit-border-bottom-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}

.ui-button-text-only .ui-button-text {
    padding: 0em 1em!important;
}

/****************************************************************************************
** X - Formatação do rodapé da página                                                  **
****************************************************************************************/

/* epaj_rodape: Formatação geral do rodapé */
/* epaj_rodape_conteudo: formatação do conteudo e posicionamento alinhado à página */
.epaj_rodape {
    background-color: #54576a;
    height: 40px;
    padding-top: 15px;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
}

.epaj_rodape_conteudo {
    margin: 0px auto;
}

.epaj_rodape_conteudo a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.modal-load,.modal-load-monitor {
    background: url("/sisdpu/javax.faces.resource/img/ajax-load.gif.xhtml") no-repeat center;
    width:100px;
    height:100px;
    display:block;
    padding:5px;
    margin:-50px 0px 0px -50px;
    z-index:9999!important;
}
.modal-load-monitor {
    display: none;
    top: 50%;
    left: 50%;
    position: fixed;
}

.modalfundoMonitor {
    width: 100%;
    height: 100%;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #FFF;
    display: none;
}

#dataTableMapaDistribuicao_data>tr.ui-datatable-summaryrow.ui-widget-header td
{
    font-weight: bold !important;
}

.ui-corner-left {
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.ui-corner-right {
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.azul_escuro {
    color: #0780cc !important;
}

.panelGridSemBorda {

    border-style: hidden !important;

}

.panelGridSemBorda tr {
    background: none !important;
    border-style: none !important;
}

.panelGridSemBorda td {
    background: none !important;
    border-style: none !important;
}


input[type=button] {
    color: #FFFFFF !important;
}

.preformatted {
    white-space: pre-wrap;
}

.ui-dialog-content {
    max-height:480px;
}

.ui-selection-column {
    padding-left:30px!important;
}

.sisdpu_msg_nao_lida {
    background: url("/sisdpu/javax.faces.resource/img/icones/bgMsgNaoLida.png.xhtml") no-repeat top left;
}

.elementoCentralizado {
	margin: 0 auto;
}

.conteudoCentralizado {
	text-align: center;
}

.textoVermelho {
	color: red;
}