/* 
    Document   : peritum
    Created on : 14/02/2012, 11:47:48
    Author     : benigno
    Description:
        Purpose of the stylesheet follows.
*/
@font-face{
    font-family: "Segoe UI Light";
    src: url("./../../resources/fonts/ufonts.com_segoe_ui_light.ttf");        
    font-weight: normal;
    font-style: normal;
    src: local('Segoe UI Light'), url('./../../resources/fonts/ufonts.com_segoe_ui_light.ttf') format('truetype');
}

root { 
    font-size: 12px;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif;
}

a { 
    color: #258dc8;
    text-decoration: none;    
}
a:visited {
    text-decoration: none;    
}

a:active {
    text-decoration: none;    
}

html {
    font-size: 12px !important;
    padding: 0;
    height: 100%;
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif;
    margin: 0;
}

body {
    margin: 0 auto;
    height: 100%;
}

div{
    display: block;
    margin: 0;
    padding: 0;
}

.limpar{
    clear: both;
}

html #pagina {
    height: 100%; /* hack para IE6 que trata height como min-height */
}
#usuario {
    position: relative;
    padding-top: 50px;
}

#top {
    position: fixed;
    min-height: 50px;
    background-color: #005989;
    width: 100%;
    top: 0;
    z-index: 999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 0px 0px 13px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

#rodape {            
    width: 100%;    
    background-color: #2a3b48;
    text-align: center; 
    min-height: 40px;
    border: 0px;
    color: white;
    clear:both;
    z-index: 999
}


#menu {        
    margin-bottom: 0px;
    margin-top: 0px;
    min-width: 700px;
}

#content {
    width: 100%;
    /*max-width: 1170px;*/
    /* min-height: 83%; */
    margin: 0 auto;
    min-height: 50%;
    background-color: #fff;
    padding: 10px 10px 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
}

body:not(.sidebar-hide) #content {
    padding-left: 240px;
}

body:not(.sidebar-hide) .header-responsive {
    padding-left: 250px;
}

#wrap {
    overflow-y: scroll;
    height: 100%;
}


.loginPanel {
    background-color: #ffffff;
    color: #ffffff;
    font-size: 12px;
    margin: 0px auto;
    width: 350px;
    padding: 30px 30px;
    height: auto;
    min-height: 520px
}

.erroPanel {
    /*background-color: #264474; width: 450px; margin: 0 auto;*/ 
    color: #ffffff; 
    /*box-shadow: 0 0 3px #000000; margin-top: 12%;*/
}

.box {
    position:relative;
    width:450px;
    height:320px;
    margin:100px auto 0 auto;
}

.box-gradient {
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif;
    position:absolute;
    width:100%;
    height:100%;
    text-shadow:
        0.5px 0.5px 0 #CCC,
        1px 1px 0 #444;
    background: -moz-linear-gradient(left, #0B75AA 0%, #258dc8 50%, #258dc8 50%, #0B75AA 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0B75AA),color-stop(50%,#258dc8), color-stop(50%,#258dc8 ), color-stop(100%,#0B75AA));
}

.box-shadow {
    position:absolute;
    left:50%;
    margin:400px 0 0 -220px;
    bottom:9px;
    width:430px;
    height:10px;
    background:#fff;
    border-radius:290px / 8px;
    -moz-border-radius:290px / 8px;
    -webkit-border-radius:290px / 8px;
    box-shadow:0 10px 20px #000;
    -moz-box-shadow:0 10px 20px #000;
    -webkit-box-shadow:0 10px 20px #000;
}

.logoLogin{
    text-align: center;
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.panelLogin{
    margin: 0 auto;
    color: #000000;
    clear: both;
}

.panelLogin .form-group input{
    padding: 12px 12px 12px 35px !important;
    font-size: 15.6px !important;
}

.panelLogin input[type=text]:focus, .panelLogin input[type=password]:focus{ 
    outline: none;    
}
.camposLogin.ui-state-focus .span-login.fa.fa-user{
    color: red !important;
    width: 90%;
}

.panelLogin a {
    text-decoration: none;
}

.panelLogin h3{
    border: none !important;
}

.panelLogin .ui-accordion-content{
    padding: 0 !important;
}

.input-group-login {
    display: table;
    width: 100%;
}

.input-group-login input {
    display: table-cell;
}

.input-icone-login {
    color: #ccc;
    font-size: 20px !important;
    padding: 0;
    width: 32px;
    box-sizing: border-box;
    display: table-cell;
    float: left;
    margin-right: 30px;
    margin-top: 10px;
    margin-left: 5px;
    text-align: center;
    position: absolute;
}

.panel1{
    background: -moz-linear-gradient(top,  rgba(165,165,165,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,165,165,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(165,165,165,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(165,165,165,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(165,165,165,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(165,165,165,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a5a5a5', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

.imagemLogin img{
    width: 100%;        
}

.textoLogin{
    width: 413px;
    height: 100px; 
    background-color: #32487A;       
    font-size: 14px;   
    padding: 15px 31px;
    font-weight: 100;    
    word-wrap: break-word; white-space: normal;
}

.imagemGrid{
    text-align:center;
    border: 3px solid;
    border-color: #fff;
    height: 152px;
    overflow: hidden;
    width: 214px;
}

.imagemGrid img{
    width: 214px;
    min-height: 152px;
    max-height: 220px;
}
.inativo img{
    opacity: 0.5;
}
.imagemGrid:hover{
    border-color: yellowgreen;
}

.camposLogin {
    -moz-border-radius: 0;
    border-radius: 0;        
}

#dadosUsuario {
    visibility: hidden;
    position: absolute
}
.alignTop {
    vertical-align: top;
}
.alignMid {
    vertical-align: middle;
}

.principalColuna1{    
    width: 65%;
}

.principalColuna2{    
    width: 35%;    
}

.label {    
    font-size: 12px;
    font-weight: bold !important;
    color: #333333;
}

.label2 {
    color: #333333;
    font-size: 12px;
    font-weight: bold !important;
}

.lista .ui-datalist-content {
    border: none !important;
    background: none !important;
}

.colClienteED {    
    vertical-align: top;
}

.colClienteM {
    vertical-align: top;    
}

/* LEGENDAS */
.legenda {    
    width: 5px;
    height: 25px;    
}

.fieldset-processo, .fieldset-tarefa, .fieldset-mensagens, .fieldset-documentos , .fieldset-movimentos, .fieldset-tarefas, .fieldset-documentos, .fieldset-processosVinculados, .fieldset-audiencias, .fieldset-aniversarios{
    border: 1px solid #ccc;
    margin-bottom: 20px;    
    padding: 0.35em 0.75em;
}

.fieldset-processo legend, .fieldset-tarefa legend, .fieldset-mensagens legend, .fieldset-documentos  legend, .fieldset-movimentos legend, .fieldset-tarefas legend, .fieldset-documentos legend{
    font-weight: bold;
    padding: 0 10px;
    font-size: 1.2em;
}

.dados{
    max-width: 350px;
    width: 300px;
}

.inativo {
    /*background-color: #cccccc !important;*/
    background-image:none; 
    color: #999999;
}
.concluido {
    background-color: #cdf5cc !important;
    background-image:none;     
    color: #000000;
}

.vencida {
    background-color: #fcc6c6 !important;
    background-image:none;     
    color: #000000;
}

.vicenda {
    background-color: #f9cbb5 !important;
    background-image:none;     
    color: #000000;
}

.retorno {
    background-color: #FFB38A !important;
    background-image:none;     
    color: #000000;
}

.fundoVerde{
    background-color: #79bc64 !important;
}

.noBorder .ui-datalist-content{
    border: none !important;
    background: transparent;
}

.noList ul{
    border-color: red !important;
    background: transparent !important;
    list-style: none;
    margin: 0;
    padding: 0;
}

.noList ul li{
    padding: 3px 0;
}

.botoes{
    font-size: 14.4px !important;
    line-height: 110%;
    display: table-cell;
    min-width: 7em;
    box-sizing: border-box;
    text-align: center;
    padding: 12px 20px;
    border: 0;
    cursor: pointer;
    cursor: hand;
    border-radius: 2px;
}


.botaoVerde{
    background-color: #47c757 !important;
    color: #fff !important;      
}

.botaoVerde:hover{
    background-color: #397458 !important;
}
.botaoVerdeEscuro{
    background-color: #166520 !important;
    color: #fff !important;      
}

.botaoVerdeEscuro:hover{
    background-color: #47c757 !important;
}

#consultarContasMovimentacoes\:formConta\:menuButtonAdicionarMovimentacao_button .ui-corner-all {
    border-radius: 0 !important;
}

#consultarContasMovimentacoes\:formConta\:menuButtonAdicionarMovimentacao_button {
    -webkit-border-radius: 0 !important;
    border: 0;    
    color: #fff !important;    
    border-radius: 0 !important;
    background-color: #47c757;
    color: #fff !important; 
}

#consultarContasMovimentacoes\:formConta\:menuButtonAdicionarMovimentacao_button:hover {
    -webkit-border-radius: 0;
    border: 0;
    background-color: #397458; 
    color: #fff !important;    
}

.menu-textobranco {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 400 !important;    
    text-decoration: none !important;
    padding-right: 2px !important;    
}


.botaoAzul{    
    background-color: #258dc8;
    color: #fff !important;    
}

.botaoAzul:hover{
    background-color: #006699;     
}

.botaoVermelho{    
    background-color: #f62b2b !important;
    color: #fff !important;    
}

.botaoVermelho:hover{
    background-color: #f85670 !important; 
}


.botaoCinza{    
    background-color: #999999;
    color: #fff !important;    
}

.botaoCinzaEscuro{
    background-color: #3D3D3D;
    color: #fff !important;
}

input.botaoCinza, input.botaoAzul, input.botaoVerde, input.botaoVerdeEscuro{
    font: normal 700 12px/94% "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif !important;
    -moz-padding-before: 10px !important;
    -moz-padding-after: 10px !important;
    -webkit-padding-before: 11px !important;
    -webkit-padding-after: 11px !important;
}

.botaoCinza:hover{
    background-color: #777777;    
}
.alignDireita{
    text-align: right;
}

.alignEsquerda{
    text-align: left;
}

#tituloBoxSlideMensagensInternasTarefa, #tituloBoxSlideDocumentosTarefa, #tituloBoxSlideTarefasVinculadas {
    margin-top: 20px;
}
#principalMensagensInternasContent, #principalDocumentosContent, #principalTarefasVinculadasContent{
    display: none;    
}



.box-title {
    margin-top: 10px;
    padding: 0px 0px 0px 10px;    
    height: 40px;        
    font-size: 1.2em;
    line-height: 40px; 
    color: #fff;
    cursor: pointer;
    background-color: #2a3b48;
}

.box-content {
    display: none;
    margin: 0px 0px 5px 0px;
    padding: 10px 0px 0px 0px;
    background: url("/peritum/faces/javax.faces.resource/arrowTabsBlue.png?ln=imagens") no-repeat 15px 0px;
}

.box-open .box-content {
    display: block;
}

.boxTitle {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    height: 40px;
    color: #FFF;
    font-size: 1.2em;
    line-height: 40px;
    border-radius: 3px;
}

.boxTitleRedContent {
    margin: 0px 0px 30px 0px;
    padding: 10px 0px 0px 0px;
    /*width: 290px;*/
    background: url("/peritum/faces/javax.faces.resource/arrowTabsRed.png?ln=imagens") no-repeat 15px 0px;
}

.boxTitleBlueContent {
    margin: 0px 0px 5px 0px;
    padding: 10px 0px 0px 0px;
    background: url("/peritum/faces/javax.faces.resource/arrowTabsBlue.png?ln=imagens") no-repeat 15px 0px;
}

.boxTitleLightBlueContent {
    margin: 0px 0px 5px 0px;
    padding: 10px 0px 0px 0px;    
    background: url("/peritum/faces/javax.faces.resource/arrowTabsLightBlue.png?ln=imagens") no-repeat 15px 0px;
}

.boxTitleRed {
    background-color: #b62127;
}

.boxTitleBlue {
    background-color: #2a3b48;
}

.boxTitleLightBlue {
    background-color: #005989;
}

.pagseguro{
    cursor:pointer;
    float:right;
    margin:10px 0 0 0;
    display:block;
    overflow:hidden;
    width:205px;
    height:30px;
    background:transparent url("") no-repeat center center;
    text-indent:-999px
}

.ui-dialog.ui-widget-content .ui-dialog-title {
    font-size: 14px !important;
}

.labels {
    font-weight: bold !important;
    text-align: right !important;
}

.labels-2{
    font-weight: bold;
    max-width: 300px;
    min-width: 170px;
    padding-right: 35px;
    padding-bottom: 2px;
    vertical-align: top;
}

.labels-principal {
    font-weight: bold;
    max-width: 300px;    
    padding-right: 35px;
    padding-bottom: 2px;
    vertical-align: top;
}

.alterarFoto{
    position: relative;
    color: #f2f2f2;
    text-decoration: none;
    width: 10%;
    filter:alpha(opacity=0);
    /* opacity: 0.8; */
    margin-top: -100px;
    margin-left: 150px;
    height: 20px;
    text-align: center;
    border-radius: 100%;
    background-color: rgba(0,0,0,0.5);
    font-size: 1.5em;
}
.alterar-foto-perfil{
    position: relative;
    color: #333333;
    text-decoration: none;
    width: 30%;
    filter:alpha(opacity=0);
    margin-top: -32.2px;
    margin-left: 98.9px;
    height: 32px;
    text-align: center;
    border-bottom-right-radius: 0.2em;
    border-top-left-radius: 0.3em;
    background-color: #f5f5f5;
    font-size: 2em;
}
.alterar-foto-comprador{
    position: relative;
    color: #333333;
    text-decoration: none;
    width: 25%;
    filter:alpha(opacity=0);
    margin-top: -32.2px;
    margin-left: 119.9px;
    height: 32px;
    text-align: center;
    border-top-left-radius: 0.3em;
    background-color: #f5f5f5;
    font-size: 1.5em;
}
.btn-alterar-foto:hover .alterar-foto-comprador{
    color: #0044cc;
}
.img-comprador {
    background-color: #f9f9f9;
}
.btn-alterar-foto:hover .alterar-foto-perfil{
    color: #0044cc;
}

@-moz-document url-prefix() {
    .alterarFoto{
        /*        margin-top: -34px;
                height: 30px;*/
    }
    .alterar-foto-comprador{
        margin-top: -36.2px;
    }
}

/*.alterarFoto span{
    font-size: 11px;
    top: 30%;
    position: relative;
}*/

.alterarFoto:hover{    
    opacity: 0.9;
    filter:alpha(opacity=0.9);
    background: #47c757;
}
.avatar {
    text-align: center;
    width: 100px;
    margin: 0 auto;
}

.avatar-perfil {
    text-align: center; width: 145px; margin: 0 auto;
}

.avatar:hover .alterarFoto, .avatar-perfil:hover .alterarFoto {
    opacity: 1;
    filter:alpha(opacity=1);
    background: rgba(0,0,0,0.5);
    text-align: center;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.enfase-2{
    font-size: 20px !important;
    color: #333;
    text-shadow: 1px 1px 1px #ccc;
}

.inputTextContato{
    height: 32px;
    margin-bottom: 5px;
    padding: 2px 12px 0;
    width: 253px;
}

.inputTextAreaContato{
    padding: 10px 12px 10px;
    width: 253px;
    min-height: 70px;
    max-height: 70px;
}

.inputTextAreaChamado{
    padding: 10px;
    width: 95%;
    min-height: 70px;
    max-height: 100px;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.panel_usuarios_logados {
    position: fixed;bottom: 33px;float: bottom; min-width: 350px; right: 0;
    overflow: auto;
    max-height: 400px;
}

.dot_online {
    height: 13px;
    width: 13px;
    background-color: #6abe4e;
    border-radius: 50%;
    display: inline-block;
}

.noBorders *{
    border: none !important;
}

.rodape_template {
    position: fixed;
    bottom: 0;
    float: bottom;
    background-color: #f0f1f0;
    height: 13.2%;
    border: none !important;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
}
.rodape_template_logado {
    position: fixed;
    bottom: 0;
    background-color: #f0f1f0;
    height: 32px;
    width: 100%;
    z-index: 999;
    /* margin-left: -20px !important; */
}

.rodape_template_logado div {
    float: right; height: 100%; margin: 0 9%
}

.rodape_template_logado div span {
    display: block; float: left; margin: 10px;
    vertical-align: middle; height: 100%;
}

.rodapeTextoContrato {
    width: 100px;
}
.rodapeTexto {
    width: 100px;
}

.rodape7ec {
    font-size: 11px;
    width: 240px;
    color: #999999;
}

.planos{
    background: #32487A; 
    text-align: center; 
    width: 100%;
    clear: both;
    margin: 10px 0;
    box-shadow: 0 1px 2px #bbb; 
    margin: 10px auto; 
    border-radius: 4px;
    overflow: hidden;
}

.planos:hover{
    background-color: #233356 !important;
}

.planos .header{
    height: 50px;
    line-height: 50px;
    font-weight: bold; 
    color: #fff;
    font-size: 13px;
}
.planos .body{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dotted #e5e5e5;
    background: #f8f8f8;
    margin: 0px 2px 0px 2px;
}

.planos .fa {
    margin-left: 1em;
    color: rgba(245,247,250,.54);
}

.banner-parcelamento {
    margin: 0 auto 15px;
    width: 743px;
    height: 60px;
    text-align: center;
    background: #6abe4e url('./imagens/banner-pagamento.jpg') center top no-repeat;
}
.planos-top{
    display: inline-block;
    border-bottom: 1px solid #AAA;
    box-shadow: 0 1px 0 #666;
    margin: -15px -15px 10px;
    padding: 9px 15px;
    text-align: right;
    width: 100%;
    height: 22px;
    background-color: #999999;
}
.planos-top span{
    float: left;
    margin-top: 3px;
    color: white;
}

.dialogPlano .ui-widget-content{
    border: none !important;
}

#formMenu\:menuPerfilCliente {
    padding: 3px 5px;
    background: #005989 !important;
    -webkit-border-radius: 0 !important;
    border: none;
    min-width: 100px !important;
}
#formMenu\:menuPerfilComprador {
    padding: 3px 5px;
    background: #005989 !important;
    -webkit-border-radius: 0 !important;
    border: none;
}
#formMenu\:menuFinanceiro {
    background: #2a3b48 !important;
}

.panelPerfilClass {
    border:none !important;
}

.linkData{
    padding: 4px;
}

.fonte-vermelha{
    color: #B62127 !important;
}

.linkData:hover{
    background: #A6CCCA !important;
}

.ui-contextmenu {
    color: #000000 !important;    
}
div[id$='contextMenuAvulsos'] .ui-menuitem-text, div[id$='contextMenuExcel'] .ui-menuitem-text, div[id$='contextMenuPDF'] .ui-menuitem-text,
div[id$='contextMenuWord'] .ui-menuitem-text, div[id$='contextMenuTipoDocumento'] .ui-menuitem-text, div[id$='cbDadosCliente_menu'] .ui-menuitem-text, 
div[id$='contextMenuMP3'] .ui-menuitem-text, div[id$='contextMenuTipoDocumento'] .ui-menuitem-text, div[id$='cbDadosCliente_menu'] .ui-menuitem-text, 
div[id$='contextMenuOgg'] .ui-menuitem-text, div[id$='contextMenuTipoDocumento'] .ui-menuitem-text, div[id$='cbDadosCliente_menu'] .ui-menuitem-text, 
div[id$='contextMenuMpeg'] .ui-menuitem-text, div[id$='contextMenuTipoDocumento'] .ui-menuitem-text, div[id$='cbDadosCliente_menu'] .ui-menuitem-text, 
div[id$='contextMenuRaiz'] .ui-menuitem-text, div[id$='contextMenuDesconhecido'] .ui-menuitem-text, div[id$='contextMenuWordDropbox'] .ui-menuitem-text, 
div[id$='contextMenuExcelDropbox'] .ui-menuitem-text, div[id$='contextMenuPDFDropbox'] .ui-menuitem-text, 
div[id$='contextMenuDesconhecidoDropbox'] .ui-menuitem-text, div[id$='contextMenuJpgDropbox'] .ui-menuitem-text,
div[id$='contextMenuWordDrive'] .ui-menuitem-text, div[id$='contextMenuExcelDrive'] .ui-menuitem-text, div[id$='contextMenuPDFDrive'] .ui-menuitem-text, 
div[id$='contextMenuDesconhecidoDrive'] .ui-menuitem-text, div[id$='contextMenuJpgDrive'] .ui-menuitem-text {        
    color: #000000 !important;    
}
div[id$='contextMenuAvulsos'] .ui-menuitem-link:hover, div[id$='contextMenuExcel'] .ui-menuitem-link:hover, div[id$='contextMenuPDF'] .ui-menuitem-link:hover,
div[id$='contextMenuWord'] .ui-menuitem-link:hover, div[id$='contextMenuTipoDocumento'] .ui-menuitem-link:hover, div[id$='cbDadosCliente_menu'] .ui-menuitem-link:hover, 
div[id$='contextMenuMP3'] .ui-menuitem-link:hover, div[id$='contextMenuTipoDocumento'] .ui-menuitem-link:hover, div[id$='cbDadosCliente_menu'] .ui-menuitem-link:hover, 
div[id$='contextMenuOgg'] .ui-menuitem-link:hover, div[id$='contextMenuTipoDocumento'] .ui-menuitem-link:hover, div[id$='cbDadosCliente_menu'] .ui-menuitem-link:hover, 
div[id$='contextMenuMpeg'] .ui-menuitem-link:hover, div[id$='contextMenuTipoDocumento'] .ui-menuitem-link:hover, div[id$='cbDadosCliente_menu'] .ui-menuitem-link:hover, 
div[id$='contextMenuRaiz'] .ui-menuitem-link:hover, div[id$='contextMenuDesconhecido'], div[id$='contextMenuWordDropbox'] .ui-menuitem-link:hover, 
div[id$='contextMenuExcelDropbox'] .ui-menuitem-link:hover, div[id$='contextMenuPDFDropbox'] .ui-menuitem-link:hover, 
div[id$='contextMenuDesconhecidoDropbox'] .ui-menuitem-link:hover, div[id$='contextMenuJpgDropbox'] .ui-menuitem-link:hover,
div[id$='contextMenuWordDrive'] .ui-menuitem-link:hover, div[id$='contextMenuExcelDrive'] .ui-menuitem-link:hover, div[id$='contextMenuPDFDrive'] .ui-menuitem-link:hover, 
div[id$='contextMenuDesconhecidoDrive'] .ui-menuitem-link:hover, div[id$='contextMenuJpgDrive'] .ui-menuitem-link:hover {        
    background: #A6CCCA !important;
}

.contextMenu .ui-menuitem-text {
    color: #000000 !important;
}

.contextMenu .ui-menuitem-link:hover {
    background: #A6CCCA !important;
}

.arvore-categorias {
    border: 0 !important;
}


.arvore-categorias .ui-treenode-label, .arvore-categorias .ui-tree-toggler {
    margin-bottom: 20px !important;
}

.box-curtir-flutuante {
    background: url("./imagens/floatingfb.png") no-repeat scroll left center transparent !important;    
    display: block;
    float: right;
    height: 270px;
    padding: 0 5px 0 40px;
    width: 245px;
    z-index: 99999;
    position: fixed;
    right: -250px;
    top: 20%;
}

.outubro-rosa{background-image:url("/peritum/faces/javax.faces.resource/outubrorosa2.png?ln=imagens");background-repeat:no-repeat;width:191px;height:111px;background-position:0 0; margin-left: 125px; }
.novembro-azul{background-image:url("/peritum/faces/javax.faces.resource/novembroazul2.png?ln=imagens");background-repeat:no-repeat;width:191px;height:111px;background-position:0 0; margin-left: 125px; }

.peritum{background-image:url("/peritum/faces/javax.faces.resource/peritum.png?ln=imagens");background-repeat:no-repeat}

.logo_vertical_branco_g{width:237px;height:157px;background-position:0 0}
.logo_vertical_preto_g{width:237px;height:157px;background-position:-237px 0}
.logo_vertical_preto_m{width:176px;height:117px;background-position:-474px 0}
.logo_vertical_preta_p{width:143px;height:94px;background-position:-650px 0}
.logo_vertical_branca_p{width:143px;height:94px;background-position:-650px -94px}
.logo_horizontal_azul_p{width:259px;height:72px;background-position:0 -157px}
.logo_horizontal_branco_g{width:302px;height:56px;background-position:-259px -157px}
.logo_horizontal_preto_g{width:302px;height:56px;background-position:-259px -213px}
.logo_horizontal_preto_m{width:242px;height:47px;background-position:-561px -188px}
.logo_horizontal_branco{width:240px;height:46px;background-position:0 -229px}
.logo_horizontal_branco_m{width:240px;height:46px;background-position:-561px -235px}
.logo_horizontal_branco_p{width:140px;height:31px;background-position:-240px -269px}
.logo_horizontal_preto_p{width:166px;height:32px;background-position:-380px -269px}
.logo_horizontal_azulclaro_p{width:224px;height:63px;background-position:0px -297px}
.logo_7ec_p{width:77px;height:42px;background-position:-257px -300px}
.logo_7ec_pp{width:49px;height:26px;background-position:-343px -302px}

#consultarContasMovimentacoes\:formConta\:menuButtonAdicionarMovimentacao_button {
    padding-top: 4px !important;
    height: 30px !important;
}

#consultarContasMovimentacoes\:formConta\:menuButtonAdicionarMovimentacao_button:hover {
    background-position: 0 !important;
}

div[id='consultarContasMovimentacoes:formConta:menuButtonAdicionarMovimentacao_menu'] .ui-menuitem-text,
div[id$='botao-menu-relatorio_menu'] .ui-menuitem-text{
    color: #000 !important;
}
div[id='consultarContasMovimentacoes:formConta:menuButtonAdicionarMovimentacao_menu'] .ui-menuitem-link:hover,
div[id$='botao-menu-relatorio_menu'] .ui-menuitem-link:hover{
    background: #A6CCCA !important;
}
div[id='conProcesso:formConProcesso:menuButtonAdicionarProcesso_menu'] .ui-menuitem-text {
    color: #000 !important;
}
div[id='conProcesso:formConProcesso:menuButtonAdicionarProcesso_menu'] .ui-menuitem-link:hover {
    background: #A6CCCA !important;
}

.link-home{
    font: 300 27px/45px 'segoe ui light', sans-serif;  
    color: #fff;
}

.nao-zebrado .ui-datatable-odd {
    background-color: #F9F9F9 ;
}

.receita{
    /*color: #0000FF !important;*/
}

.despesa{
    color: #FF0000 !important;
}

.ver-anexo:hover{
    /*color: #0000FF !important;*/
    text-decoration: underline;
    font-weight: bold;
}

.pointer-cursor{
    cursor: pointer;
}


/*Inicio Modelo 2*/
#alerta{
    margin-bottom: 20px;
}

#imagemFundo{
    background-image: url("/peritum/faces/javax.faces.resource/peritum.png?ln=imagens");
    height: 75px;
    width: 259px;
    background-position: 0px -158px;
    background-repeat: no-repeat;
    position: absolute;
    left: 140px;
    top: 47px;
    opacity: 0.2;
    filter: alpha(opacity=200);
}

#conteudoAlerta2{
    color: #595959;
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif !important;
    font-size: 18px;
}
/*Fim Modelo 2*/

/*Inicio Modelo 1*/
#imagemCabecalho{
    display: block;
    height: 75px; width: 259px;
    background-image:url("/peritum/faces/javax.faces.resource/colorpicker_background.png?ln=imagens");
    background-repeat:no-repeat;
    background-position: 0 -158px;
    margin-bottom: 20px;
}

#conteudoAlerta{
    color: #3C3C3C;
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif !important;
    font-size: 18px;
}
/*Fim Modelo 1*/

.coluna{
    width: 40% !important;
}

.gridMargin2{
    margin-left: -2px;
}

.gridMargin3{
    margin-left: -3px;
}
.gridMargin4{
    margin-left: -4px;
}
.gridMargin5{
    margin-left: -5px;
}

.no-padding-left{
    padding-left:0 !important;
}

.panelGrid table{
    margin-left: -1px;
}

.contato .form-group {
    padding: 0 10px;
}
.cancelado{
    background-color: #FF8484 !important;
    background-image: none;
    color: #000000;
}
.contato h1 {
    margin-top: 0;
    font-size: 4.5em !important;;
    font-weight: bold;
    font-family: Segoe UI Light !important;
    overflow: hidden;
    height: 65px;
}

@media screen and (max-width: 640px) {
    .contato h1 {
        font-size: 38px !important;
    }

    .col-num-processo {
        display: none;
    }
}

.contato label {
    font-size: 14px !important;
    font-weight: normal !important;
}

.contato p {
    font-family: Segoe UI Light !important;
    font-size: 20px !important;
    text-align: center;
}

.contato i {
    margin-right: 10px;
    color: #999;
}

.contato input.ui-inputfield, .contato textarea.ui-inputfield {
    font-size: 20px !important;
    font-weight: 300;
    font-family: Segoe UI Light !important;
}

.contato .botoes {
    font-size: 20px !important;
    font-weight: 300 !important;
    font-family: Segoe UI Light !important;
    box-sizing: border-box;
    float: left;
    width: 170px;
    padding: 12px 0px;
}

.recuarEsquerda{
    margin-left: -2px !important;
}

.recuarEsquerda2x{
    margin-left: -4px !important;
}

.ult-mov-partes{
    padding: 10px 0;
    margin-bottom: 2px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    display: block;
}

.col-wd{
    width: auto !important;
}

.col-wd-0{
    width: 100% !important;
}

.col-wd-1{
    width: 75% !important;
}

.col-wd-2{
    width: 50% !important;
}

.col-wd-3{
    width: 25% !important;
}

.col-wd-4{
    width: 12.5% !important;
}

.col-wd-5{
    width: 10% !important;
}

.col-wd-6{
    width: 7% !important;
}

.col-wd-7{
    width: 5% !important;
}

.login-publico {
    text-align: center;
    width: 274px;
    padding: 40px 40px;
    background-color: #f7f7f7;
    margin: 20px auto 25px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.top-publico {
    height: 60px;    
    line-height: 30px;
    /*background-color: #005989;*/
    background-color: #3B599C;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    border: 0px;    
    top: 0; 
    box-shadow: 0px 0px 1px #000000; 
    z-index: 999;
    color: #fff;
    font-size: 24px;
    /*padding: 20px 0;*/
    min-width: 930px;
}

.top-publico a {
    color: #fff;
    font-size: 16px !important;
}

.top-publico a:hover {
    text-decoration: underline;
}

.datagrid-publico tr.ui-datagrid-row:nth-child(even) {
    background: #f0f8ff !important;
}

.datagrid-publico tr.ui-datagrid-row:hover{
    background: #add8e6 !important;
}

#content-publico {
    width: 100%;    
    padding-bottom: 60px;
    margin: auto;
    min-height: 50%;
    background-color: #fff;
}

.alignBottom {
    vertical-align: bottom;
}

.rodape-publico {
    position: fixed;
    color: #999999;
    bottom: 0;
    float: bottom;
    background-color: #f0f1f0;
    border: none !important;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
}

.logo-7ec-publico{
    width: 49px;
    height: 26px;
    background-position: -343px -302px;
}

.publico-sair{
    margin-left: 5px;
    font-size: 16px !important;
    color: #000;
}

.publico-sair:hover{
    text-decoration: underline;
}


.link-responder:hover{
    text-decoration: underline;
}

.verticalLine{
    vertical-align: top;
    border-right: 1px dotted #005989;    
}
.verticalLineMid{
    vertical-align: top;
    border-right: 1px dotted #005989;
    min-width: 20%;
}

.panelNoPadding div{
    padding:0 !important;
    margin: 0 !important;
}

.textoCentro{
    display: block;
    width: 100% ;
    text-align: center;
}

.border-style-1{
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.arvoreDocumentos > ul > li > ul > li > span{
    text-transform: uppercase;
    color: #005989;
    padding:4px 0 !important;
    border-radius: 3px;
    display: block !important;
    font-size: 1.2em !important;    
    font-weight: bolder !important;    
    margin-bottom: 3px;
}

.arvoreDocumentos > ul > li > ul > li > span span:hover {
    color: #000;
    font-weight: bold !important;
    background-color: transparent;
}

.arvoreDocumentos > ul > li > ul > li > span .ui-state-highlight{
    font-weight: bold !important;
    color:#333 !important;
    background-color: transparent;
}

.tipoNoCliente .ui-menuitem-text{
    color: #000 !important;
}

#cadAvisos\:formCadAviso\:pickListCompradores ul {
    height: 300px !important;    
}

#exibirAviso\:formAvisos\:dataListAvisos .ui-widget-content{
    border: none !important;    
}

#exibirAviso\:formAvisos\:dataListAvisos .ui-datalist-item{    
    margin: -11px 0 0 -40px !important;
    padding: 10px !important;
    border: none !important;
    border-spacing: 0;    
}

#exibirAviso\:formAvisos\:dataListAvisos {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-spacing: 0;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #000 !important;    
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: #000 !important;
    background-color: #bfdada !important; 
    background-image: none !important;
}

.ui-state-highlight .ui-icon {    
    background-image: url("/peritum/faces/javax.faces.resource/images/ui-icons_333333_256x240.png?ln=primefaces-bootstrap") !important;
}

.prevenir-altura{
    height: 30px !important;
}
table, .ui-datatable tbody td, .ui-datatable thead th {
    border: none !important;
    /* width: 100%; */
}

.loading {
    position: fixed;
    bottom: 3em;
    right: 0px;
    width: 40px;
    height: 40px;
}

.back-to-top {
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    bottom: 35px;
    right: 1%;
    border-radius: 2px;    
    text-decoration: none;
    color: #fff;
    background-color: #005989;
    font-size: 11px;
    padding: 1em 1.3em;
    display: none;
    cursor: pointer;    
    box-shadow: 1px 1px 2px rgba(52, 73, 94, .5);    
}

.back-to-top:hover {    
    background-color: #2a3b48;
    color: #fff;
}


/*BARRA DE INFORMA??ES DO USU?RIO*/
.menu-toggle {
    display: none;
}

nav {
    line-height: initial;
    top: 50%;
    display: none;
    margin: 0 auto;
    left: 0;
    height: 10%;
    background: #f1f9fe;
    z-index: 0;
    width: 100%;
    height: 100%;
}

#content-info {
    background: #fff;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.30);
}

.top-bar {
    position: relative;
    width: 10%;
}

.top-bar label:hover{
    cursor: pointer;
}

.top-bar label {
    display: block;
    position: relative;
    top: 10%;
    color: #fff;
    background: #0068b3;
    font-size: 1.3em;
    text-align: center;
    border-radius: 0px;
}
.top-bar label.dn {
    padding: 0;
    margin: 0;
    height: 10px;
    font-size: 11px;    
    font-weight: bold;
}
.top-bar label.up {
    display: none;
}
.top-bar label.text-label {
    padding-top: 3px;
    margin-bottom: -2px;
    font-size: 11px;
    height: 15px;
    line-height: initial;
}

#menu-toggle:checked ~ #content-info {
    top: 180px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    opacity: 1;
}
#menu-toggle:checked ~ #content-info .top-bar label.dn {
    display: none;
}
#menu-toggle:checked ~ #content-info .top-bar label.text-label {
    display: none;
}
#menu-toggle:checked ~ nav {
    display: block;
}
#menu-toggle:checked ~ #content-info .top-bar label.up {
    padding: 5px 0;
    margin: 0;
    height: 10px;
    font-size: 12px;
    display: block;
    position: relative;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
}

.clear-fix{
    display: block;
    height: 40px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.scroll-menu {

    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.scroll-menu-fixed-2{
    background: none repeat scroll 0 0 white;
    display: block;
    left: 8.8em;
    list-style-type: none;
    margin: 0;
    padding: 4px 0 2px 0;
    position: fixed;
    top: 51px;
    width: 85%;
    z-index: 1;
}

.scroll-menu li {
    float: left;
}

.scroll-menu a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    width: 10em;
    text-align: center;
    -webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    transition: .3s all ease-out;
    color: #666;
    height:15px;
    text-decoration: none;
}

.scroll-menu a:hover {
    color: #333;
}

.scroll-menu li.active a {
    color: #333;
    background-color: #258dc8;
    color: #fff;
}

.extraJudicial {
    background-color: #d0e4d4 !important;
}

.gssb_c{border:0;position:absolute;z-index:989}.gssb_e{border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);cursor:default}.gssb_f{visibility:hidden;white-space:nowrap}.gssb_k{border:0;display:block;position:absolute;top:0;z-index:988}.gsdd_a{border:none!important}.gsib_a{width:100%;vertical-align:top;padding:4px 5px 0}#gb #gbw{position:static}.gssb_a{padding:0 7px}.gssb_a,.gssb_a td{white-space:nowrap;overflow:hidden;line-height:22px}#gssb_b{font-size:11px;color:#36c;text-decoration:none}#gssb_b:hover{font-size:11px;color:#36c;text-decoration:underline}.gssb_g{text-align:center;padding:8px 0 7px;position:relative}.gssb_h{font-size:15px;height:28px;margin:0.2em;-webkit-appearance:button}.gssb_i{background:#d5e2ff}.gss_ifl{visibility:hidden;padding-left:5px}.gssb_i .gss_ifl{visibility:visible}a.gssb_j{font-size:13px;color:#36c;text-decoration:none;line-height:100%}a.gssb_j:hover{text-decoration:underline}.gssb_l{height:1px;background-color:#e5e5e5}.gssb_m{color:#000;background:#fff}.gsar_a{padding:0}.gsar_b{overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis}.gsas_a{color:#999;font-size:12px;margin-left:6px;white-space:nowrap}.gsas_b{color:#36c;font-size:11px;margin-left:10px;white-space:nowrap}.gsas_c{padding:0}.gsas_d{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gsas_e{text-align:right;white-space:normal;height:22px}.gsan_a{color:#777;overflow:hidden;text-overflow:ellipsis}.gstq_a{height: 18px;line-height: normal;overflow:hidden;text-overflow:ellipsis;max-width:700px}.gstq_b{margin-top: 5px}.gstq_c{color: #777;font-size: 12px;margin-bottom: 2px}.gstq_d{margin-bottom: 7px;margin-top: 9px}.gstq_e{height: 0}.gsfe_a{border:1px solid #b9b9b9;border-top-color:#a0a0a0;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);}.gsfe_b{border:1px solid #4d90fe;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);}.gsaq_a{padding:0}.gsaq_b{display:none;cursor:pointer;width:14px;height:14px;opacity:.4;background-image:url(//ssl.gstatic.com/ui/v1/icons/common/x_8px.png);background-position:center}.gssb_i .gsaq_b{display:block}.gsfs{font-size:14px}#gbqfqwb{padding:0}.gsib_a{padding:4px 8px 0}#gbqfaa, #gbqfab{z-index:7}.gstt{width:100%}.gssb_c{z-index:995}.gssb_i>.gssb_a{border-left:2px solid #4d90fe;padding-left:5px}.gssb_e{background-color:#fff;border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2)}.gssb_i{background:#eee}.gssb_l{margin:7px 0}.gssb_m{margin-bottom:7px}.gscs_a{border:0;left:0;position:absolute;top:0;width:100%}.gsbv_a{position:fixed;z-index:997}.gsbv_b{border-right:1px solid #ccc;overflow:hidden}.gsbv_c{height:26px;position:relative;width:13px}.gsbv_d{border:13px solid transparent;border-right-color:#ccc;width:0;position:absolute;margin-top:8px;height:0}.gsbv_e{border: 13px outset transparent;border-right: 13px solid #fff;height:0;width:0;position:absolute;margin-top:8px;left:1px}.gsbv_g{text-decoration:none!important;font-size:11px;font-weight:bold;text-align:center;white-space:nowrap;margin-right:16px;height:27px;line-height:27px;min-width:54px;outline:0px;padding:8px;-webkit-border-radius:2px;-moz-border-radius: 2px;border-radius: 2px}.gsbv_h{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);position: absolute;left:25px}.gsbv_i{margin:16px}.gsbv_j{color:#666;line-height:18px;margin:16px;white-space:normal;width:260px;font-size:13px;line-height:18px}a.gsbv_k,a.gsbv_k:visited{color:#fff;background-color:#4d90fe;border:1px solid #3079ed}.gsbv_k{background:linear-gradient(top,#4d90fe,#4787ed);background:-webkit-linear-gradient(top,#4d90fe,#4787ed);}.gsbv_k:hover{background-color:#357ae8;border:1px solid #2f5bb7}.gsbv_k:hover{background:linear-gradient(top,#4d90fe,#357ae8);background:-webkit-linear-gradient(top,#4d90fe,#357ae8);}a.gsbv_l,a.gsbv_l:visited{color:#444;background-color:#f5f5f5;border:1px solid #dcdcdc}.gsbv_l{background:linear-gradient(top,#f5f5f5,#f1f1f1);background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);}.gsbv_l:hover{color:#333;background-color:#f8f8f8;border:1px solid #c6c6c6}.gsbv_l:hover{background:linear-gradient(top,#f8f8f8,#f1f1f1);background:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);}.gsom_a{background-color:#f9edbe;font-size:13px;line-height:32px;text-align:center;font-weight:bold;border-bottom:1px solid #e5e5e5;margin:0 -7px}

.sp-vert-1, .sp-vert-2, .sp-vert-3, .sp-vert-4, .sp-vert-5, .sp-h-panelgrid{
    display: block;
}

.sp-vert-1{
    height: 10px;
}

.sp-vert-2{
    height: 20px;
}

.sp-vert-3{    
    height: 30px;
}

.sp-vert-4{    
    height: 40px;
}

.sp-vert-5{    
    height: 50px;
}

.sp-h-panelgrid{
    width: 5px !important;
    padding: 5px 0 8px 0 !important;
}

.top-user{
    position: absolute;
    top: 0px;
    right: 18px;
    width: 63px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    /*    background: none repeat scroll 0 0 #4682b4;
        display: block;
        float: left;
        height: 51px;
        position: absolute;
        right: 0;
        top: 0;
        width: 260px;*/
}

.top-user .top-user-name{
    text-align: center;
}

.top-user .top-user-name a{
    color: #ffffff;
    display: block;
    font-size: 2.3em;
    margin: 0 auto;
    padding: 11px 0;
}

.top-user .top-user-name .ico-email{
    position: absolute;
    color: indianred;
    font-size: 12px;
    bottom: 4px;
    border: 2px solid #005989;
    border-radius: 9px;
    padding: 3px;
    background: white;
    right: 8px;
}

.top-user .top-user-name a:hover{
    background: none repeat scroll 0 0 #004266;
}

.top-user .top-user-name a:hover .ico-email{
    border: 2px solid #004266;
}

.top-active-user{
    background: none repeat scroll 0 0 #004266;
}

#menu-top-user{
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    right: 18px;
    top: 54px;
    width: 300px;
}

#menu-top-user ul {
    list-style: none;
    padding-right: 0;
    padding-left: 0;
    margin: 0;
}

#menu-top-user li a {
    color: inherit;
    position: relative;
    display: block;
    padding: 6px 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}


#menu-top-user li a:hover {
    background-color: #005989;
    color: #fff;
}

#menu-top-user i {
    float: right;
}

#panel-top-user{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important;
    line-height: normal;
    margin: 0;
    position: absolute;
    top: 0;
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arrow{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.2);
    border-style: dashed dashed solid;
    border-width: 0 9.5px 8.5px;
    height: 0;
    position: absolute;
    right: 21%;
    top: 0;
    width: 2px;
    z-index: 1;
}

.arrow-b {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    height: 0;
    position: absolute;
    right: 22%;
    top: 0;
    width: 0;
    z-index: 1;
}

#header-top-user {
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd;    
}

#header-top-user h2 {
    margin: 0;
    padding: 15px;
    background-color: #004266;
    color: white;

}


#header-top-user h2 {
    margin: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-size: 1.5em;
}

#footer-menu { 
    padding: 10px;

}

#content-top-user{
    float: left;
    position: relative;
    width: 100%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

#content-top-user p{
    line-height: 8px;
}

#content-top-user b{
    color: #424242;
    font-size: 12px;
}

#content-top-user br{
    line-height: 2px;
}

#content-top-user h2{
    color: #222;
}

#content-top-user .spn-content-top-user{
    color: #666;
}

#content-top-user:after{

}

#footer-top-user{
    border-top: 1px solid #eaeaea;
    clear: both;
    margin: 0;
    padding: 6px 0;
}

#footer-top-user table{
    margin:0 !important;
    padding:0;
}

.footer-top-user-bt-lf{
    float: left;
}

.footer-top-user-bt-rg{
    float: right;
}

.fix-float{
    clear: both;
}

.hd-info{
    border-bottom: 1px solid #b5b5b5;
    color: #666666;
    margin-top: 40px;
}

.hd-info p{
    font-size: 1.8em;
    margin: 0;
    padding: 5px 0;
}

.col-1-label-usr, .col-2-label-usr{
    line-height: 17px;
    color: #000 !important;
    font-size: 12px !important;
}
.col-1-label-usr{
    width: 230px;
}
.col-2-label-usr{
    color: #333 !important;
}

.lnk-usr-pf{
    font-size: 12px !important;
    margin-left: 10px;
}

a.lnk-usr-pf:hover{
    text-decoration: underline;
}

.fix-list{
    margin-left: -2px !important;
}
.fix-list li{
    display: table-cell !important;
    font-size: 12px !important;
    padding: 0 !important;
}

.publicacao-controles .fa {
    font-size: 30px;
    color: #999999;
    margin: 0px 2px;
}

.publicacao-controles .fa:hover {
    color: #777777;
}

.botao-busca-avancada {
    float: right; 
    font-weight: bold; 
    margin: -5px 0 10px;
    cursor: pointer;
    display: inline-block;
    color: #258dc8 !important;
}

div.busca-avancada {
    width: 100%;
}

.input-disabled {
    border: 1px solid #ccc !important;
    opacity: 1 !important;
    background: #E8E7E7 !important;
    filter: Alpha(Opacity=100) !important;
}

.fa-stack{
    height: 1.4em !important;
}

.fa.fa-fix-stack{
    font-size: 0.7em !important;
    position: relative;
}

.fa.fa-fix-stacked{
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 0.91em;
}

.publicacao-nao-lidas {
    height: 39px;
    padding: 13px 0px;
    color: #333;
    /*border: 1px solid #ddd;*/
    border-bottom: none;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    background: #e9edf2;
    width: 100%;
}

.publicacao-nao-lidas:hover {
    background: #bfdada;
}
.ultimasTarefasLinha {
    color: #333;
    margin-top: 5px; padding: 5px; border-radius: 3px;border-radius: 3px; text-align: center; background: #e9edf2;
}

.ultimasTarefasLinha:hover {
    background: #bfdada;
}

.minhasUltimasTarefasLinha {
    color: #000;
    margin-top: 5px; padding: 5px; border-radius: 3px;border-radius: 3px; text-align: center; background: #7ad089;
}

.minhasUltimasTarefasLinha:hover {
    background: #429250;
    color: #FFF;
}

.publicacao-nao-lidas > div {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.publicacao-nao-lidas .data-publicacao {
    font-weight: bold;
    margin-right: 20px;
}

.publicacao-nao-lidas .conteudo-publicacao {
    width: 60%;
    max-width: 680px;
}

.publicacao-nao-lidas .tribunal-publicacao {
    width: 40%;
    text-transform: uppercase;
    font-weight: bold;
}

.mais-publicacoes {
    border: 1px solid #ccc;
    position: relative;
    left: 0;
    bottom: 0;
}

.mais-publicacoes a {
    margin: 0 auto;
}

.publicacoes-nao-lidas {
    overflow: hidden;
}

.conteudo-tarefas {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.box-mensagens {
    float: left;
    color: #333;
    border-bottom: 1px solid #ddd;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.box-pai-mensagens .ui-datagrid-column {
    padding: 0px !important;
}

.mensagens-content .ui-datagrid-content {
    border-bottom: none;
}

.mensagens-content .ui-datagrid-content td, .mensagens-content .ui-datagrid-content tr {
    margin: 0 !important; padding: 0 !important;
}

.box-pai-mensagens table {
    border-spacing: 0px !important;
}

.nao-lido {
    font-size: 1.05em !important;
    font-weight: bolder !important;
}
.lido {
    font-size: 0.9em !important;
    font-weight: lighter !important;
}

.box-mensagens.nao-lido div {
    font-weight: bold;
}

.box-mensagens:hover {
    background: #bfdada;
}

.box-mensagens div {
    float: left;
    position: relative;
    /*min-height: 1px;*/
    padding: 1% 3%;
    /*white-space: nowrap;*/
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 480px) {
    .box-mensagens div {
        width: 100% !important;
        clear: both;
    }   
}

.box-mensagens .mensagem-data {
    /*float: right;*/
    width: 20%;
}
.box-mensagens .mensagem-remetente {
    width: 20%;
}

.box-mensagens .mensagem-titulo {
    width: 60%;
    /*max-width: 680px;*/
}

.menu-mensagem-selecionado, .menu-financeiro-selecionado {
    padding: 3px 3px 3px 3px; 
    text-decoration:none; 
    display:inline-block;
    color: #ffffff !important;
    background-color: #258dc8 !important;
    outline-color: #005989 !important;
    /*    border-color: rgb(115, 115, 115);
        border-style: solid;
        border-width: 2px 1px 0;*/
}

.menu-mensagem {
    margin-top: 20px;
    border-bottom: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-mensagem a {
    font-size: 13px !important;
    height: 50px;
    color: #000;
    width: 25%;
    margin: 0px;
    border: 1px solid #ddd;
    padding: 10px; 
    text-decoration:none; 
    display:inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top-width: 2px;
}

.menu-mensagem a:hover {
    border-top: 2px solid #0079B7 !important;
}

.menu-mensagem a:focus {
    outline: none !important;
}

.menu-mensagem a span {
    font-size: 1.5em;
    width: 50px;
    text-align: center;
}

.botao-relatorios {
    padding: 0;
}

.botao-relatorios button{
    width: 100%;
    padding: 11px 0;
    border: none !important;
    background-color: transparent !important;
    color: #fff !important;
    text-shadow: none !important;
    border-radius: 2px !important;
    box-sizing: border-box;
}

.botao-relatorios button:hover{
    background-color: transparent !important;    
}

.botao-relatorios button span.ui-button-text{
    padding: 0 1em 0 2em !important;
}
.colunaCadTarefa {
    width: 40%;
}

#panelRecuperaSenhaId{
    margin: 0;
    width: 100%;
    border:0;
    padding: 0;
}

#panelRecuperaSenhaId_content{
    padding: 0 !important;
}

.dialogLogCaptura {
    color: #000 !important;
    right: 0  !important;
    background: transparent !important; 
    border: none !important;
    box-shadow: none !important;
}

.ui-grid-row.dialog-captura {
    margin-bottom: 20px;
}

#loginWrapper {      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px auto; 
    display: block;
    width: 100%;
    padding-top: 3%;
}

#painelImagem {
    display: block;
    float: left;
    width: 495px;
}

#loginDados {
    display: block;
    margin: 0px auto;
}

.card-login-dados {    
    box-shadow: 0 0 3px 0 #999 ;
    transition: 0.3s;
    border-radius: 2px;
    width: 100%;
    max-width: 360px;
    min-width: 360px;
    box-sizing: border-box;
}

.background-ca_login {
    background: #ffffff;        
    background-size: 100% auto;
}

#painelFacebook iframe {    
    width: 100%;
}

@media screen and (max-width: 600px) {
    .background-ca_login{
        background: none;
    }
    .card-login-dados {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .loginPanel {
        width: 100%;
        height: auto;
        min-height: 90%;
    }
    #loginWrapper { 
        padding-top: 0px !important;
        overflow-y: scroll;
        height: 100%;

    }

    #fundo-login{
        display: none;
    }

    #rodape-login {
        display: none;
    }
}

@media screen and (max-width: 870px) {
    #painelImagem { 
        width: 320px;        
    } 
    #loginDados {
        width: 320px;
    }#loginWrapper { 
        width: 670px;
    }
}

@media screen and (max-width: 720px) {
    #painelImagem { 
        display: none;         
    } 
    #loginDados {
        margin: 0 auto;
        float: none;
    }
    #loginWrapper { 
        width: 100%;
    }
}
.ckbox{
    display: none;
}
.dialogo-normal{
    max-height:630px; 
    overflow:auto;
}

@media screen and (max-width: 720px) {
    .opcoes{
        display: none;
    }
    .input-responsive{
        width: 250px;
    }
    .width-columns{
        width: 308px;
        /* left: 0; */
    }
    .dialogo{
        max-height: 570px;
        overflow: auto;
    }
    .area{
        width: 265px;
    }
    .input-size{
        width: 238px;        
    }
    .input-endereco{
        width: 200px;
    }
    .control-nav {
        position: absolute;
        left: 40px;
        top: 60px;
        display: block;
        width: 30px;
        padding: 5px 0;
        border: solid #333;
        border-width: 3px 0;
        z-index: 2;
        cursor: pointer;
    }

    .control-nav:before {
        content: "";
        display: block;
        height: 3px;
        background: #333;
    }
    .control-nav-close {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        z-index: 1;
        background: rgba(0,0,0,0.4);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    .nav {
        position: fixed;
        display: block;
        top: 51px;
        left: 0;
        /* bottom: 0; */
        width: 157px;
        border-left: 1px solid #ccc;
        background: #fff;
        overflow-x: auto;
        z-index: 2;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    #panelGridConsultas, .ui-datatable tbody td, .ui-datatable thead th {
        border: none !important;
        width: 100%;
    }
    #panel-cliente, .ui-panel .ui-panel-content{
        padding: 0px;
    }
    .col-cliente1,col-cliente2{
        float: left;
        height: auto;
    }
}
#panel-cliente, .ui-panel .ui-panel-content{
    padding: 0px;
}
.coluna1{
    width: 350px;
    height: auto;
}
.coluna2{
    width: 120px;
    height: auto;
}
.coluna3{
    width: 150px;
    height: auto;
}
.col1,col2{
    width: 200px;
    height: auto;
}
.colu1{
    width: 62%;
}
.colu2{
    width: 38%;
}
@media (max-width: 35em){
    .ui-panelgrid .ui-grid-responsive .ui-grid-row {
        border-top: none;
        border-top-color: inherit;
    }
}

.header-responsive {
    padding: 4px 10px;
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    border-bottom: 1px solid #ccc;
    background-color: #f3f3f4;
    z-index: 2;
    -webkit-transition: padding 400ms ease;
    -moz-transition: padding 400ms ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header-responsive ul {
    padding: 0;
    height: 31px;
    margin: 0 auto;
    /*margin-top: 20px;*/
    display: block;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header-responsive li {
    float: left;
    list-style: none;
    max-width: 200px;

    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header-responsive li a {
    display: block;
    width: 100%;
    font-size: 12px !important;
    /*font-weight: bold;*/
    padding: 7px;

    display: inline-block;
    color: #444;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif !important;
    font-size: 14px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header-responsive .nav-icon {
    margin-right: 8px;
}

.header-responsive.mensagens li {
    width: 25%;
}

.header-responsive.perfil-cliente li, .header-responsive.menu-financeiro li {
    width: 11%;
}

.mensagens-content {
    margin-top: 40px;
}

@media screen and (max-width: 997px) {

    .header-responsive .nav-text {
        display: none;
    }

    .header-responsive .nav-icon {
        margin-right: 0px; 
        font-size: 17px;
    }

}
.col-1 {
    width: 100%;
    clear: both;
}

.col-2 {
    width: 50%;
    float: left;
}

.col-1, .col2 {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .logo-top {
        margin: 0 auto;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        width: 140px;
    }
}

.ui-dialog.responsive {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: rgba(0, 0, 0, 0.01) !important;
    height: 100% !important;
    overflow-y: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
}

.ui-dialog.responsive > .ui-dialog-content {
    background-color: #fff !important;
    display: block;
    width: 100%;
    margin: 35px auto;
    max-width: 730px;
    overflow: visible !important;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important;
}

.ui-dialog.responsive.responsive-small > .ui-dialog-content {
    max-width: 375px;
}
.form-group {
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-group input, .form-group textarea, .form-group select{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 12px !important;
    font-family: Roboto, Arial, Tahoma, Sans-serif;
}

.form-group input, .form-group textarea {
    background-color: #FFFFFF !important;
    background-image: none !important;
    border-radius: 1px !important;
    color: inherit !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    width: 100% !important;
    font-size: 14px !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.form-group input:focus, .form-group select:focus {
    border: 1px solid #5D9CEC !important;
    box-shadow: none !important;
    outline: none !important;
}

.form-group .botoes {
    display: block;
    float: left;
    margin: 2.5px;
}

@media (max-width: 640px) {
    .form-group .botoes, input.botao-pdf {
        width: 100% !important;
        float: none;
    }
}

.form-group select {
    border: 1px solid #cccccc;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    font-size: 13px;
}

.form-group .ui-spinner {
    width: 100%;
}

.box-tarefas:hover {
    background: #bfdada;
}

.box-tarefas {
    float: left;
    color: #333;
    border-bottom: 1px solid #ddd;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.box-tarefas div {
    float: left;
    position: relative;
    /*min-height: 1px;*/
    padding: 1% 2%;
    /*white-space: nowrap;*/
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}
@media screen and (max-width: 800px) {
    .tarefa-processo {
        display:none;   
    } 
    .tarefa-parte-adversa {
        display: none;
    }

}

@media screen and (max-width: 1100px) {      
    .tarefa-cliente {
        display:none;   
    }
}

.box-tarefas .tarefa-data {
    width: 80px;
}
.box-tarefas .tarefa-cliente {
    width: 200px;
}

.box-tarefas .tarefa-titulo {
    width: 200px;
}
.box-tarefas .tarefa-processo {
    width: 160px;
}
.box-tarefas .tarefa-parte-adversa {
    width: 200px;
}
.box-tarefas .tarefa-exclusao {    
    width: 10px;    
}
/*definindo grids*/
.row,.column{
    box-sizing: border-box;
}
.row:before,.row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.column {
    position: relative;
    float: left;
}
.column + .column {
    margin-left: 0.5%;
}
.column-1 {
    width: 6.86666666667%;
}

.column-2 {
    width: 15.3333333333%;
}

.column-3 {
    width: 23.8%;
}

.column-4 {
    width: 32.2666666667%;
    padding-left: 10px;
}

.column-5 {
    width: 40.7333333333%;
}

.column-6 {
    width: 49.2%;
}

.column-7 {
    width: 57.6666666667%;
}

.column-8 {
    width: 66.1333333333%;
}

.column-9 {
    width: 74.6%;
}

.column-10 {
    width: 83.0666666667%;
}

.column-11 {
    width: 91.5333333333%;
}

.column-12 {
    width: 100%;
    margin-left: 0;
}
@media only screen and (max-width: 720px) {
    .column-1, 
    .column-2, 
    .column-3, 
    .column-4, 
    .column-5, 
    .column-6, 
    .column-7, 
    .column-8, 
    .column-9, 
    .column-10, 
    .column-11, 
    .column-12 {
        width: auto;
        float: none;
        padding-left: 10px;
        padding-right: 10px;
    }

    .column + .column {
        margin-left: 0;
    }
}
.column {
    /*    background: #eee;*/
    border-radius: 4px;
    color: #777;

    /* padding: 5px; */

    min-height: 30px; 
    text-align: left;
}

.row {
    margin-bottom: 5px;
}

.row:last-child {
    margin-bottom: 0;
}
.row label{
    margin-right: 5px;
}

/*.column .column {
    color: #eee;
    border-color: #000;
}*/

@media only screen and (max-width: 720px) {
    .row {
        margin-bottom: 5px;
    }
    .column {
        margin-bottom: 5px;
    }
    .row:last-child .column:last-child {
        margin-bottom: 0;
    }

    .margem-btn{
        margin-top: 0px;
    }
    .margin-tooltip-help{
        margin-top: 0px !important;
        margin-bottom: 5px;
    }
    .margin-tarefa-add-processo{
        margin-top: 0px !important;
        margin-bottom: 5px;
    }
    .margin-auto{
        margin: 0px auto !important;
    }
    .captura-foto{
        width: 270px !important;
    }
    .captura-foto video{
        width: 270px !important;
    }
    .foto-perfil-cliente{
        height: 122px !important;
        margin-bottom: 60px !important;
    }
    .content-dados-pessoa {
        margin: 0 auto !important;
    }
    #panel {
        position: relative;
        margin: 0 auto;
    }
    #content-dados-pessoa { }
    .hidden {
        height: 63px;
        overflow: hidden;
    }
    #toggle {
        height: 20px;
        padding: 8px;
        background: #f2f2f2;
        cursor: pointer;
        text-align: center;
        color: #cccccc;
        font-size: 1.8em;
        display: block !important;
    }
    .iframe-video{
        width: 230px !important;
        height: 130px !important;
        top: 0;
        left: 0;
        z-index: 12;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contato-margin-right{
        margin-right: 3px !important;
        padding-bottom: 5px;
    }
    .contextmenu-treenode{
        margin-left: 1.2em;
        background-color: #E1E1E1;
        display: inline !important;
    }

}
.iframe-video{
    width: 640px;
    height: 300px;
}
#toggle {
    display: none;
}
.margem-ui-grid{
    margin-right: 1.0%;
}
.margem-btn{
    margin-top: 22px;
}
.margin-tooltip-help{
    margin-top: 17px;
}
.margin-tarefa-add-processo{
    margin-top: 12px;
}

@-moz-document url-prefix() {
    .margin-tooltip-help{
        margin-top: 19px;
    }
    .margin-tarefa-add-processo{
        margin-top: 14px;
    }
}
@media (min-width: 641px) {
    [class^="ui-grid-col-"] + [class^="ui-grid-col-"] {
        padding-left: 5px;
    }
}
#top > div {
    float: left;
}

#menu-trigger:before {
    content: "";
    display: block;
    height: 4px;
    background: #fff;
}
#menu-burger {    
    margin: 7px 10px 0px 20px; 
    cursor: pointer;
}

.menu-sidebar {
    padding-top: 10px;
    display: block;
    overflow-y: auto;
    z-index: 1000;
    top:50px;
    bottom: 0;
    left: 0px;
    right: auto;
    width: 235px;
    color: #f5f7fa;
    background: rgb(0, 89, 137);
    background: rgb(27, 70, 86);
    background: linear-gradient(45deg,#0a0213 0,rgba(10,2,19,0) 70%),linear-gradient(135deg,#07252c 10%,rgba(7,37,44,0) 80%),linear-gradient(225deg,#031b49 10%,rgba(3,27,73,0) 80%),linear-gradient(315deg,#100462 100%,rgba(16,4,98,0) 70%);
    background: #434A54;
    background: #2d353c;
    position: absolute;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    box-shadow: 2px 0 5px 0 rgba(0,0,0,0.25);
}

body.sidebar-hide .menu-sidebar {
    -webkit-transform: translateX(-230px);
    -ms-transform: translateX(-230px);
    transform: translateX(-230px);
}

body.sidebar-hide #content {
    padding-left: 10px;
}

.menu-sidebar .menu-nav {
    list-style: none;
    padding-right: 0;
    padding-left: 0;
    margin: 0;
}

.menu-sidebar > .menu-nav {
    margin-bottom: 20px;
}

.menu-nav li a {
    color: inherit;
    position: relative;
    display: block;
    padding: 12px;
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif;;
    font-size: 14px;
    border-left: 4px solid transparent;
}
.menu-nav li a:hover, .menu-nav li a:hover .nav-icon {
    /*color: #48ADCF;*/
    background: #232a2f;
}

.menu-nav li a:hover {
    border-bottom: none;
    border-right: none;
    border-left: 4px solid #48ADCF;
}

.menu-nav li a .nav-icon {
    color: rgba(245,247,250,.54);
    margin-right: 12px;
}

.menu-nav li a .nav-text {
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif;
}

.menu-nav.nav-child {
    display: none;
    background: #1a2229;
}

.menu-nav > li.open > .nav-child {
    display: block;
}

.nav-icon-parent {
    margin-left: .3em;
    margin-top: .12em;
    display: none;
    float: right;
}

.nav-parent .nav-icon-parent {
    display: block;
}

.sidebar-block {
    padding: 15px 15px 0 15px;    
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media-left, .media>.pull-left {
    padding-right: 10px;
}

.media-heading {
    margin-top: 2px;
    margin-bottom: 0;
}

.text-muted {
    color: #999;
}

.sidebar-block .media .media-object {
    width: 72px;
    height: 72px;
}

.img-circle {
    border-radius: 50%;
}

.media .fa-angle-down {
    margin-left: .3em;
}

.media .media-heading {
    color: #000;
    font-size: 14px;
}

@media (max-width: 767px) {
    body #content {
        padding-left: 10px !important;
    }

    body .header-responsive {
        padding-left: 4px !important;
    }

    body:not(.sidebar-hide) .sidebar-backdrop {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        background-color: #16181B;
        z-index: 8;
        opacity: .5;
        filter: alpha(opacity=50);
    }
}

.menu-sidebar:hover::-webkit-scrollbar {
    display: block;
}

.menu-sidebar::-webkit-scrollbar {
    width: 20px;
}

.menu-sidebar::-webkit-scrollbar-thumb {
    border: 5px solid #2d353c;
    border-radius: 14px;
    background: #232a2f;
}

.menu-sidebar::-webkit-scrollbar-track-piece {
    background: #2d353c;
}

#exibirTarefa fieldset {
    margin: 20px 10px 20px 10px;
    border: none;
    border-top: 1px #000 solid;
    border-radius: 0;
}

#exibirTarefa legend {
    border-radius: 0;
    padding: 10px 15px;    
    background-color: #004266;
    color: white;
    width: 300px;
    font-size: 1.3em;
}

.ui-panelgrid-clear-leftpadding {
    padding-left: 0;
}

.menu-button-cliente .ui-button-text-icon-left .ui-button-text, .ui-button-text ui-c{
    width: 39px !important;
    height: 39px !important;
    padding: 0px !important;
}
.menu-button-cliente .ui-button-icon-left{
    left: 1em;
}

.priority-1 ,.priority-2 ,.priority-3 ,.priority-4 ,.priority-5,.priority-6,.priority-7,.priority-8 {
    display: none;
}

@media screen and (min-width: 20em) {
    .priority-1 {
        display: block;
    }
}
@media screen and (min-width: 30em) {
    .priority-2 {
        display: block;
    }
}
@media screen and (min-width: 40em) {
    .priority-3 {
        display: block;
    }
}
@media screen and (min-width: 50em) {
    .priority-4 {
        display: block;
    }
}
@media screen and (min-width: 60em) {
    .priority-5 {
        display: block;
    }
}
@media screen and (min-width: 70em) {
    .priority-6 {
        display: block;
    }
}
@media screen and (min-width: 80em) {
    .priority-7 {
        display: block;
    }
}
@media screen and (min-width: 90em) {
    .priority-8 {
        display: block;
    }
}
.msg-dlg-excluir-advogado,.ui-confirm-dialog-message{
    margin-left: -5px;
}

.column-button {
    width: 40px !important;
}

.column-button button {
    width: 40px;
    height: 40px;
}

.column-button + .column-button {
    padding-left: 0px !important;
}

fieldset {
    border: 1px solid #DDD;
    padding: 10px;
    margin-bottom: 20px;
}

legend {
    font-weight: bold;
}
.img-inscrito {
    background-color: #f9f9f9;
    border-radius: 5% !important;
}
.btn-responsavel{
    font-weight: bold !important;
    font-size: 12px !important;
    min-width: 7em;
    box-sizing: border-box;
    text-align: center;
    padding: 8px;
    border: 0;
    cursor: pointer;
    border-radius: 2px;
    margin-left: 6px;
}

tr.ui-widget-content.ui-datatable-empty-message td {
    font-size: 1.3em;
    padding: 10px;
}
.form-group .ui-autocomplete {
    width: 100% !important;
}
.form-group .ui-autocomplete-input {
    float: left !important;
    width: calc(100% - 30px) !important;
}
.form-auto .ui-autocomplete-input {
    width: 100% !important;
    margin-top: -4px;
}
.form-group .ui-autocomplete-dropdown {
    float: left !important;
    width: 30px !important;
}

.form-button {
    width: 30px;
    height: 30px;
}

input.ui-spinner-input {
    padding-right: 20px !important;
}

.fc-time-grid-container {
    height: 100% !important;
}

.box-autocomplete {
    border: 1px solid #ddd;
    padding: 20px 10px;
    margin-top: 10px;
    font-size: 14px !important;
}

.table-responsive table tbody tr {
    height: 50px;
}

.input-group {
    display: table;
    width: 100%;
}

.input-group .form-button {
    display: table-cell;
    float: left;
    box-sizing: border-box;
    width: 1% !important;
}

.form-control {
    display: table-cell;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.table-footer {
    width: 135px;
}

.ui-tree {
    width: 100%;
}

input.botao-pdf {
    width: 100px !important;
    border: 1px solid #ccc;
    font-size: 12px !important;
    padding: 10px !important;
    color: #fff !important;
    background-color: #47c757 !important;
    color: #fff !important;      
}

input.botao-pdf:hover{
    background-color: #397458 !important;       
}

.cabecalho-movimentacoes {
    font-size: 1.1em !important;    
}
.cabecalho-movimentacoes .icone {
    font-size: 1.1em !important; 
    padding-right: 4px;
}
.cabecalho-movimentacoes .hide-1 {
    display: inline-block;
}
.cabecalho-movimentacoes .hide-2 {
    display: inline-block;
}
.cabecalho-movimentacoes .texto {
    padding: 5px !important;
}
.data-movimentacao-reduzida {
    display: none; 
    font-size: 1.2em !important;
}
.data-movimentacao {
    display: block;   
    font-size: 1.2em !important;
}
.texto-movimentacao-encontrada-reduzido {
    display: none; 
    font-size: 1.2em !important;
}
.texto-movimentacao-encontrada {
    display: block;   
    font-size: 1.2em !important;
}

@media screen and (max-width: 1024px) {   
    .cabecalho-movimentacoes .icone {
        font-size: 1.2em !important;     
    }    
    .cabecalho-movimentacoes .hide-2 {
        display: none;     
    }    

    .exibir-agenda-data{
        padding: 5px !important; 
        border-bottom-left-radius: 0px !important;
        border-top-right-radius: 3px !important;
    }
    .exibir-agenda-titulo {
        padding: 10px !important; 
        background-color: #e9edf2; 
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 3px !important;
        text-align: center;
    }

    .exibir-agenda-titulo::before {
        width: 100% !important;
        height: 1px !important;
        display: block !important;
        float: none !important;
        margin: 0px auto !important;
        margin-top: -10px !important;
    }
}
.charts.jqplot-target{
    height: 480px !important;
}

@media screen and (max-width: 680px) {        
    .data-movimentacao-reduzida {
        display: block;
    }
    .data-movimentacao {
        display: none;   
    }
    .texto-movimentacao-encontrada-reduzido {
        display: block;
    }
    .texto-movimentacao-encontrada {
        display: none;   
    }
    .cabecalho-movimentacoes .hide-1 {
        display: none;     
    }
    .cabecalho-movimentacoes .hide-2 {
        display: none;     
    }
    .charts.jqplot-target{
        height: 300px !important;
    }
}

.ui-menu.ui-widget li > a.ui-menuitem-link {
    padding: 12px;
    box-sizing: border-box;
}

.ui-dialog.ui-widget-content .ui-dialog-content {
    font-size: 1em !important;
}

.panelLogin .botoes {
    width: 100%;
    margin: 0;
}
.dados-cliente{
    margin-left: 10px;
}
.border-none .ui-datalist-content.ui-widget-content{
    border: none;
}

.alert {
    border-radius:2px;padding: .2em; padding-left: 0.8em; margin: .5em auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
.label-obrigatorio{color:#fff;line-height:1.3; font-size: 1.2em; margin-left: .5em;}
.alert-obrigatorio{background-color:#b36924;}
.alert-concluido{background-color:#b43535;}
.alert-icon{padding: .5em; display: block; color: #fff; padding: .2em; font-size: 2em;}
.mais-principal {vertical-align: middle;color: white;float: right;font-size: 1.1em;margin:10px;}
.mais-principal-texto {padding: .5em .3em .5em .3em;}

.publicacaonaolido{
    font-size: 0.9em !important;
}
.contrato-vigente{
    color: #47c757;
}
.contrato-encerrado{
    color: #f62b2b;
}

.permitido {
    color: green;
}

.nao-permitido {
    color: red;
}
#menu-burger b {
    width: 26px;
    height: 4px;
    border-radius: 2px;
    display: block;
    background: #fff;
    margin-bottom: 4px;
}
.form-group .ui-datagrid-column{
    width: 100% !important;
    padding: 5px;
}

.planos .editar-plano{
    height: 50px;
    line-height: 50px;
    font-weight: bold; 
    color: #fff;
    font-size: 13px;
}
@media screen and (max-width: 640px) {  
    .planos{
        width: 92% !important;
        clear: both;
        margin: 6px 0px 0px 6px !important;
        box-shadow: 0 1px 2px #bbb; 
    }
    .planos .header{
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: none !important;
    }
    .planos .body{
        margin: 0px 0px 0px 9px !important;
    }
    .ui-colorpicker-container{
        background-image: url("/peritum/faces/javax.faces.resource/colorpicker_background.png?ln=imagens") !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
        background-size: 100% 100%;
        width: 298px !important;
        height: 176px;
        top: 0;
    }
    .ui-colorpicker_new_color{
        position: absolute;
        width: 108px !important;
        height: 30px;
        top: 13px;
        left: 179px;
        background: #f00;
    }
    .ui-colorpicker_color{
        width: 125px !important;
        height: 150px !important;
        left: 12px !important;
        top: 13px !important;
        position: absolute;
        background: #f00;
        overflow: hidden;
        cursor: crosshair;
    }
    .ui-colorpicker_field{
        display: none;
    }
    .ui-colorpicker_rgb_r{
        display: none;
    }
    .ui-colorpicker_hue{
        position: absolute;
        top: 9px;
        left: 141px;
        width: 31px;
        height: 145px;
        cursor: n-resize;
    }
    .label-opcoes{
        float: none !important;
        margin-top: 7px;
    }
    .opcoes-sim-nao{
        margin-top: -30px !important;
        margin-left: 125px !important;
    }
    .column-button.instancia-btn{
        width: 10% !important;
    }
    .opcoes-label-orgaos{
        float: none !important;
    }
    .opcoes-sim-nao-orgao{
        margin-top: -30px !important;
        margin-left: 125px !important;
    }
    .label-parametros{
        margin-top: 7px;
        float: none !important;
    } 
    .label-parametros-emails{
        margin-top: 7px;
        float: none !important;
    }
    .label-parametros-emails-check{
        float: none !important;
    }
    .ui-spinner.spinner-parametros{
        width: 20% !important;
        float: none !important;
        margin-top: -33px !important;
        margin-left: 212px !important;
    }
    .check-parametros{
        margin-top: -29px !important;
        margin-left: 220px !important;
    } 
    .btn-width-aplicar{
        width: 105% !important;
    } 
    .spinner-upload-doc{
        width: 105% !important;
    }
    .ui-panelgrid .ui-grid-responsive .ui-grid-row {
        border-top: none;
        border-top-color: inherit;
    } 
    .label-aniversario{
        float: none !important;
    }
    .centro-texto{
        text-align:center;
    }
}
@media screen and (max-width: 740px) { 
    .planos{
        width: 92% !important;
        clear: both;
        margin: 6px 0px 0px 6px !important;
        box-shadow: 0 1px 2px #bbb; 
    }
    .planos .header{
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: none !important;
    }
    .planos .body{
        margin: 0px 0px 0px 1px;
        width: 94% !important;
    }
}
@media screen and (max-width: 984px) {  
    .planos .body{
        height: 40px !important;
        line-height: 40px !important;
        width: 95%;
        margin: 0px 0px 0px 2px;
    }
}

@media only screen and (max-width: 1135px) {  
    .planos{
        background: #32487A; 
        text-align: center; 
        width: 100%;
        clear: both;
        margin: 10px 0;
        box-shadow: 0 1px 2px #bbb; 
        margin: 10px auto; 
        border-radius: 4px;
        overflow: hidden;
    }

    .planos:hover{
        background-color: #233356 !important;
    }

    .planos .header{
        height: 50px;
        line-height: 50px;
        font-weight: bold; 
        color: #fff;
        font-size: 13px;
    }
    .planos .body{
        height: 40px;
        line-height: 40px;
        border-bottom: 1px dotted #e5e5e5;
        background: #f8f8f8;
    }
    .planos .editar-plano{
        font-weight: bold; 
        color: #fff;
        font-size: 13px;
        height: 50px;
        line-height: 50px;
    } 
    .btn-width-aplicar{
        width: 100% !important;
    }
    #loginWrapper {
        padding-top: 75px;
    }

}
.cadastrar-assinatura{
    color: #333333;
    font-weight: bold;
    font-size: 1.4em;
}
.label-opcoes{
    float: right;
    margin-top: 7px;
}
.form-group .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper{
    width: 45%;
}

.opcoes-label-orgaos{
    margin-top: 7px;
    float: right;
}
.fieldset-sistema, .fieldset-arquivos, .fieldset-emails, .fieldset-sms , .fieldset-assinaturas, .fieldset-boletos,.fieldset-controle, .fieldset-importar-dados, .fieldset-transferir-dados{
    border: 1px solid #ccc;
    margin-bottom: 20px;    
    padding: 0.35em 0.75em;
}
.spinner-parametros{
    float: left;
}
.label-parametros{
    margin-top: 7px;
    float: right;
}
.label-parametros-emails{
    margin-top: 7px;
    float: right;
}
.label-parametros-emails-check{
    float: right;
}
.btn-margin-left-0{
    margin-left: 0px !important;
} 
.btn-width-aplicar{
    width: 75%;
    margin-left: -3px;
} 
.spinner-upload-doc{
    width: 114%;
}

.ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 1px solid white;
    background-color: white;
}

.aniversarios{
    overflow: hidden;
}
.imagem-aniversariante{
    background-image: url("/peritum/faces/javax.faces.resource/imagem_aniversario.png?ln=imagens") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-size: 90% 100%;
    margin-left: -10px;
    margin-top: 5px;
    width: 100%;
    height: 80px;
    top: 0;
    position: absolute;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.aniversario-dia {
    height: 30px;
    padding: 13px 0px;
    color: #333;
    border-bottom: none;
    margin: 0;
    margin-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.aniversario-dia > div {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 1px;
    padding-left: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.aniversario-dia .data-aniversario {
    font-weight: bold;
    margin-right: 20px;
}

.aniversario-dia .nome-aniversario {
    width: 100%;
    max-width: 680px;
}
.bolo{
    color: #80a4f6;
    font-weight: bold;
}
.label-aniversario{
    font-size: 13px;
    cursor: pointer;
    float: left;
    color: #427fed !important;
    line-height: 45px;

}
.margin-dialogo-aniversario-panel{
    margin-left: -10px;
    margin-right: -15px;
}

.margin-dialogo-aniversario{
    margin-left: -4px;
    margin-right: -4px;
} 

.cabecalho-aniversario{
    margin-top: 25px;
}
.cabecalho-aniversario .titulo-aniversario{
    font-weight: bold;
    font-size: 1.5em;
    line-height: 25px;
}
.cabecalho-aniversario .sub-titulo{
    line-height: 15px;
}
.box-aniversario {
    width: 96%;
    margin-top: 70px;
    padding: 0px 0px 0px 10px;    
    height: 40px;        
    font-size: 1.2em;
    line-height: 40px; 
    color: #fff;
    cursor: pointer;
    background-color: #2a3b48;
}

div[id$='botao-menu-tarefas-processos_menu'] .ui-menuitem-text{
    color: #000 !important;
}
div[id$='botao-menu-tarefas-processos_menu'] .ui-menuitem-link:hover{
    background: #A6CCCA !important;
}

.botao-tarefas-processos {
    padding: 0;
}

.botao-tarefas-processos button{
    width: 100%;
    padding: 11px 0;
    border: none !important;
    background-color: transparent !important;
    color: #fff !important;
    text-shadow: none !important;
    border-radius: 2px !important;
    box-sizing: border-box;
}

.botao-tarefas-processos button:hover{
    background-color: transparent !important;    
}

.botao-tarefas-processos button span.ui-button-text{
    padding: 0 1em 0 2em !important;
}

.box-diarios {
    border: 1px solid #ddd;
    padding: 20px 10px;
    font-size: 14px !important;
}
.recuarEsquerda1x{
    margin-left: -1px !important;
}

.usuario-auditoria .ui-autocomplete-input {
    width: 100% !important;
}

.input-cliente .ui-autocomplete-input{
    width: 100% !important;
}

.box-campos-tabela {
    border: 1px solid #ddd;
    padding: 20px 10px;
    font-size: 14px !important;
}

.ui-datalist .ui-datalist-empty-message {
    padding: 0px 1px !important;
}

.card-imagem-login {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px;
    width: 100%;
    max-width: 300px;
    height: 350px;
    max-height: 350px;
}

.card-imagem-login:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container-card {
    padding: 2px 16px;
}
.card-imagem-login img {
    border-radius: 5px 5px 0 0;
    background-repeat:no-repeat;
    width: 100%;
    height: 80%;
}
.container-card p{
    font-size: 14px;
}

.container-card a:link, a:visited {
    text-decoration: none;
    color: #6D9CF1;
}
.container-card a:hover  {
    text-decoration: underline;
}
.container-card a:active {
    text-decoration: none
}
.texto-imagem-login{
    white-space: nowrap; 
    width: 19em; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.imagem-login-dialog img {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px;
    width: 100%;
    height: 80%;
}

.contextmenu-treenode{
    display: none;
}
.contextmenu-icone{
    width: 20px;
    text-align: center;
    color: #000000;
    height: 19px;
    line-height: 9.5px;
    border-radius: 0.2em;
}

.pje-icone{
    width: 27px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.ui-fieldset-toggleable .ui-fieldset-legend{
    padding: 0px 5px 0px 10px;    
    font-size: 1.2em;
    line-height: 40px; 
    color: #fff;
    background-color: #2a3b48;
    font-weight: normal;
    width: 100% !important;
    text-shadow: none !important;
    border: none !important;
    border-radius: 3px !important;
}

fieldset .ui-icon-plusthick {
    display: none;
}

fieldset .ui-icon-minusthick {
    display: none;
}

.box-fieldset{
    border:none !important;
    margin-left: -12px;
    margin-top: 10px;
}

.box-div{
    border: 1px solid #ccc;
    padding: 0px 0px 7px 14px;
    width: 100%;
}

.box-content-div{
    width: 100%;
    margin-left: -9px;
    margin-top: 4px;
}

.conf-div{
    margin-top: -25px;
}

table {
    font-size: 1em !important;   
}    

.tarefa-publicacao{
    text-align: center;
    font-size: 18px;
    padding: 15px;
    border-bottom: 1px #e1e1e1 solid;
}
.alerta-confirma-exclusao{
    background-color: #d9edf7;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #3a87ad;
}
.titulo-confirma-exclusao{
    color: #333;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    font-weight:normal;
    border-bottom: 1px #e1e1e1 solid;
}
.subtitulo-confirma-exclusao{
    color: #333;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight:normal;
}
.label-confirma-exclusao{
    color: #333 !important;
    font-weight:normal !important;
    margin-left:4px; 
    vertical-align: 4px !important;
}
.mensagemLogCaptura {
    width: 100%; text-align: center; font-size: 1.5em !important; margin: 15px 0 30px; 
}

.ui-dialog.responsive.responsive-larger > .ui-dialog-content {
    max-width: 1000px;
}
.box-autocompleteOrgao {
    border: 1px solid #ddd;
    padding: 6px 10px;
    font-size: 14px !important;
}
.contato-principal{
    color: #4285f4;  
}

.googleGray {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.arquivo-nao-suportado {
    background-color: #f5c6cb;
    display: block;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #721c24;
    border-radius: 3px;
}

.icone-anexo-contrato {
    position: relative;
    color: #258dc8;
    text-decoration: none;
    filter:alpha(opacity=0);
    height: 32px;
    text-align: center;
    font-size: 2em;
}

.btn-criar-tarefa{
    font-size: 1em !important;
    line-height: 50%;
    display: table-cell;
    min-width: 7em;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 10px;
    border: 0;
    cursor: pointer;
    cursor: hand;
    border-radius: 2px;
}

.audiencia{
    border: 1px solid red !important;
    background-color: red !important;
    color: white !important;
    background: red !important; 
}

.julgamento{
    border: 1px solid yellowgreen !important;
    background-color: yellowgreen !important;
    color: white !important;
    background: yellowgreen !important; 
}

.prazo{
    border: 1px solid orange !important;
    background-color: orange !important;
    color: white !important;
    background: orange !important; 
}

.outro{
    border: 1px solid #3a87ad !important;
    background-color: #3a87ad !important;
    color: white !important;
    background: #3a87ad !important; 
}

.tarefa-agenda{
    border: 1px solid pink !important;
    background-color: pink !important;    
    background: pink !important; 
    color: black !important;
}

.encerrado-agenda {
    border: 1px solid darkgray !important;
    background-color: darkgray !important;    
    background: darkgray !important; 
    color: white !important;
}

.reuniao{
    border: 1px solid yellow !important;
    background-color: yellow !important;   
    color: black !important;
    background: yellow !important; 
}

.marcador{
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

.cabecalho-aviso-vencimento{
    margin-top: 0px;
}
.cabecalho-aviso-vencimento .titulo-vencimento{
    font-weight: bold;
    font-size: 1.5em;
    line-height: 25px;
}
.cabecalho-aviso-vencimento .sub-titulo{
    line-height: 15px;
}
.box-aviso-vencimento {
    width: 96%;
    margin-top: 70px;
    padding: 0px 0px 0px 10px;    
    height: 40px;        
    font-size: 1.2em;
    line-height: 40px; 
    color: #fff;
    cursor: pointer;
    background-color: #2a3b48;
}

.info-login {
    color: #333333;
    padding-bottom: 30px;
    padding-top: 1px;
    font-size: 1.2em;
    line-height: 1.125em;
    margin: 0;
}

.login-footer {
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px;
    width: 100%;
    text-align: center;
}
.login-footer > a:hover {
    text-decoration: none;
}

.group { 
    position:relative; 
    margin-bottom:45px; 
}
.login-input {
    font-size:16px;
    padding:10px 0px;
    display:block;
    width:100%;
    border:none;
    border-bottom:1px solid #757575;
}
.login-input:focus{ outline:none; }

.rotulo {
    color:#999; 
    font-size:15.6px;    
    position:absolute;
    pointer-events:none;
    left:5px;
    top:10px;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
}

.login-input:focus ~ .rotulo, .login-input:valid ~ .rotulo {
    visibility: hidden;
}

.bar { 
    position:relative; 
    display:block; 
}

.bar:before, .bar:after {
    content:'';
    height:2px; 
    width:0;
    bottom:1px; 
    position:absolute;
    background:#5264AE; 
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
}
.bar:before {
    left:50%;
}
.bar:after {
    right:50%; 
}

.login-input:focus ~ .bar:before, .login-input:focus ~ .bar:after {
    width:50%;
}

.highlight {
    position:absolute;
    height:60%; 
    width:100px; 
    top:25%; 
    left:0;
    pointer-events:none;
    opacity:0.5;
}

.login-input:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}

.button-icon-pequeno {
    width: 20px !important;
    margin-left: 2px;
}

.copy-button .ui-button-icon-left {
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.copy-button:active .ui-button-icon-left,
.copy-button:focus .ui-button-icon-left {
    opacity: 0;
    transform: scale(0.8);
}

.copy-button:focus,
.copy-button:focus-visible {
    outline: none;
    box-shadow: none;
}

.copy-button:active:after,
.copy-button:focus:after {
    content: "\f00c"; /* Ícone de check do FontAwesome */
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #4CAF50;
    font-size: 1rem;
    animation: revert-icon 2s ease forwards;
}

@keyframes revert-icon {
    0%, 90% {
        opacity: 1;
    }
    100% {
        content: "\f0c5"; /* Ícone de copy do FontAwesome */
        color: inherit;
        opacity: 0;
    }
}

@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}

#fundo-login{
    position:absolute;z-index: -1;background-color: #999999;
}

#rodape-login {
    margin-top: 10px; color: #666666;text-align: center;
}

.ui-tooltip .ui-tooltip-text {
    padding: 3px 10px;
    background: #ffffff !important;
    color: #fff;
}

div[id$='menuButtonTarefa_menu'] .ui-menuitem-text {
    color: #000 !important;
}
div[id$='menuButtonTarefa_menu'] .ui-menuitem-link:hover {
    background: #A6CCCA !important;
}

button[id$='menuButtonTarefa_button'] .ui-icon-triangle-1-s {
    background-position: -32px -113px;
}

.exibir-agenda-data{
    padding: 10px; 
    background-color: #e9edf2; 
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    text-align: center;
    line-height: 20px
}

.exibir-agenda-titulo {
    padding: 10px 0px;
    background-color: #e9edf2; 
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    line-height: 20px
}

.exibir-agenda-titulo::before {
    content: '';
    width: 1px;
    height: 5%;
    background: #FFFFFF;
    display: table;
    float: left;
    margin-left: -10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.table-migracao .ui-paginator {
    margin: 0 !important;
    text-align: left !important;
    padding: 2px !important;
}

.table-migracao .ui-paginator.ui-paginator-top {
    background: none !important;
    border: none !important;
}

.table-migracao .ui-paginator.ui-paginator-bottom {
    display: none !important;
}

.margem-esquerda{
    padding-left: 4px;
}

.table-boletos-width {
    width: 100%;
}

/*VISUALIZAÇÃO LIGHTBOX*/
.ui-lightbox {
    height: 90% !important;
}

.lightbox-media {
    width: 1000px;
    height: 90%;
}

.button-close-lightbox-media {
    float: right; 
    margin-left: -21px;
    margin-top: -8px;
    width: 25px;
    height: 25px;
    border-radius: 8px;
}

@media screen and (max-width: 500px) { 
    .lightbox-media {
        width: 315px;
    }
}

@media only screen and (max-width: 700px) and (min-width: 501px) {
    .lightbox-media {
        width: 450px;
    }
}

@media only screen and (max-width: 1020px) and (min-width: 701px) {
    .lightbox-media {
        width: 650px;
    }
}

@media screen and (min-width: 1021px) { 
    .lightbox-media {
        width: 1000px;
    }

    .table-boletos-width {
        width: 80%;
    }
}

.google-drive {
    background-image: url("/peritum/faces/javax.faces.resource/google-drive-logo.png?ln=imagens") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;    
    margin-left: -10px;
    margin-top: 5px;
    width: 47px;
    height: 47px;    
}
.google-drive-gray {
    background-image: url("/peritum/faces/javax.faces.resource/google-drive-logo-gray.png?ln=imagens") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;    
    margin-left: -10px;
    margin-top: 5px;
    width: 47px;
    height: 47px;    
}

.situacao-boleto {
    border-radius: 3px;
    padding: 6px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 80px;
}

.status-pago {
    background-color: #00A65A;
}

.status-em-aberto {
    background-color: #016ba0;
}

.status-vencido {
    background-color: #d85353;
}

.boleto-em-aberto{
    background-color: #ffffff !important;
    background-image:none;     
    color: #000000;
}

.boleto-cancelado{
    background-color: #e6e6e6 !important;
    background-image:none; 
    color: #999999;
}

div[id='formBoletosCompradores:botao-menu-remessa_menu'] .ui-menuitem-text {
    color: #000 !important;
}
div[id='formBoletosCompradores:botao-menu-remessa_menu'] .ui-menuitem-link:hover {
    background: #A6CCCA !important;
}

.boleto-excluido-remessa{
    background-color: #e6e6e6 !important;
    background-image:none; 
    color: #999999;
    line-height: 2;
}

.dialogTransparent {
    margin: 0 auto; 
    text-align: center;
    background: rgba(10,23,55,0) !important;
    box-shadow: none !important;
    border: none !important;
    overflow:hidden !important;
}

.cabecalho-avaliacao-juridica {
    text-align: center;
    margin-bottom: 25px;
    background-color: #F5F5F5;
    border-radius: 4px;
    padding: 5px;
    border: 1px solid #e4e3e3;
}

.painel-valores-processo {
    width: 100%;
}

.painel-valores-processo td:last-child{
    text-align: right;
    padding-right: 30px;
}

.div-link-tarefas-vencidas {
    margin: 10px 0px;
}

.coluna-cookies {
    max-width: 500px;
}

.navbar {
    background-color: #3B599C;
    display: flex;
    padding: 16px;
    font-family: sans-serif;
    color: white;
}

.navbar-link {
    padding-right: 8px;
}

.navbar-items {
    display: flex;
    background: none;
    margin-top: 14px;
}

.navbar-items-right {
    margin-left:auto;
    margin-top: 20px;
    flex-direction: row-reverse;
}

.navbar-link-toggle {
    display: none;
}

@media only screen and (max-width: 768px) {
    .login-publico {
        text-align: center;
        width: 274px;
        padding: 40px 40px;
        background-color: #fff !important;
        margin: 20px auto 0px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        box-shadow: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-items,
    .navbar {
        flex-direction: row;
    }

    .navbar-items {
        display:none;
    }

    .navbar-items-right {
        margin-left:0;
    }

    .navbar-toggleshow {
        display: flex;
    }

    .navbar-link-toggle {
        align-self: auto;
        display: initial;
        position: inherit;
        cursor: pointer;
        width: calc(100% - 420px) !important;
        margin-right: 9px;
    } 
    .navbar-link {
        padding-right: 8px;
        width: 100%;
    }
    .nome-empresa-publico-cliente{
        display: block !important;
    }
}

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

tbody[id$='dataTableProcessosPublicoCliente_data'] td {
    padding: 18px !important;
}

tbody[id$='dataTableMovimentacoesPublicoCliente_data'] td {
    padding: 18px !important;
}

.table-publico-cliente .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
    text-align: center;
    background-color: #fff;
    border-left: none;
    border-right: none;
}

.table-publico-cliente .ui-widget-content {
    border: none;
    color: #333333;
}

.table-publico-cliente .ui-datatable thead th {
    border-width: 0px !important;
}

.table-publico-cliente .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    border-width: 0px !important;
}

.table-publico-cliente.ui-datatable thead th{
    text-align: left !important;
    background-color: #fff !important;
    padding: 14px !important;
    border: solid white !important;
}

.table-publico-cliente .ui-paginator {
    margin: 0;
    text-align: center;
    padding: 2px;
    background-color: #fff;
    border: none;
}

.nome-empresa-publico-cliente{
    display: none;
}


.botaoAzulEscuro {
    background-color: #2e6a8c;
    color: #fff!important;
}

.botaoAzulEscuro:hover {
    background-color: #1a3d4e;
}

input[id$='autoCompleteInputTextClienteProcesso_input'].ui-autocomplete-input {
    float: left!important;
    width: 100% !important;
}

.ui-menu.ui-menu-dynamic {
    position: absolute;
    display: none;
    z-index: 100000;
    min-width: 190px !important;
}

.topnav {
    background-color: #005989;
    overflow: hidden;
    padding: 1.4rem;
}

.card-mesagem-cancelamento-email{
    background-color: #f5f5f5;
    padding: 10px 40px;
    margin-bottom: 20px;
    border: 1px solid #555555;
    border-radius: 10px;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 6rem;
}

.centro div{
    float: none !important; 
    margin: 0 !important;
}

div[id$='msgCancelamentoEmailMovimentacoes'] .ui-messages-info-icon {
    display: none !important;
}

tbody[id$='dataAcessosCliente_data'] td{
    padding: 0.8rem;
}