/*

.sub.open {
    background: radial-gradient(ellipse at 50% 10%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.0) 40%), linear-gradient(180deg, #ffffff 0%, #f3fbff 45%, #d9f6ff 100%) !important;
    color: black !important;
}
.sub :hover{
  background: radial-gradient(ellipse at 50% 10%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.0) 40%), linear-gradient(180deg, #ffffff 0%, #f3fbff 45%, #d9f6ff 100%) !important;
    color: black !important;
}
a:hover {
    background: radial-gradient(ellipse at 50% 10%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.0) 40%), linear-gradient(180deg, #ffffff 0%, #f3fbff 45%, #d9f6ff 100%) !important;
    color: black !important;
}


.table td{
    padding: 4px 10px;
}

.container-live {
    background: whitesmoke !important;
    }
.card-header{
    background-color: #08c !important;
    color: white !important;
    }

a.nav-link.active {
    background-color: #08c !important;
    color: white !important;
    }

thead,.card-footer.panel-footer {
    background: deepskyblue;
    }
.card-body.panel-body.table-responsive {
    background-color: #eeeeee !important;
    }
*/


a.sub + ul {
    border: 1px solid #000 !important;
}

.table-striped tbody tr:hover {
    text-decoration: underline;
    cursor: pointer; /* opcional, só para indicar clique */
}

tr#datagrid-header-filter-row {
    background: #81A57F !important;
}

div#extrato {
    background-color: #eeeeee !important;
    box-shadow: 0px 0px 4px #333333;
    -webkit-border-radius: 13.5px;
    -moz-border-radius: 13.5px;
    -o-border-radius: 13.5px;
    -ms-border-radius: 13.5px;
    border-radius: 13.5px;
    padding-top: 10px;
    padding-bottom: 30px;
    margin-top: 18px;
}
.simulate-logo {
    background: #81A57F !important;
}

div#formView_Processo, div#tab_extrato, div#tab_extrato1 {
    background-color: #eeeeee !important;
}
.tab-pane.tabpanel_tab_extrato.active, .tab-pane.tabpanel_tab_extrato1.active {
    border: solid 1px #aaaaaa !important;
}

.ui-dialog {
    width: 85% !important;
    max-width: 85% !important;
}
.ui-dialog .ui-dialog-content {
    height: calc(100% - 40px) !important; /* título */
}

a.nav-link{
    font-size: 14px !important;
    padding: 5px 10px 5px 10px !important;
}

@media (min-width: 600px) {
    .header-logo {
    display: none;
}

}

form#form_Estante {
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.15);
    /* border-radius: 8px; */
}

/* PAI: flex em coluna 
.tabpanel_formView_Processo {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Cada linha (row) deve se comportar normalmente 
.tabpanel_formView_Processo .row {
    width: 100%!important;
    display: flex!important;
    flex-wrap: wrap!important; /* permite quebrar linha 
}

/* Colunas Bootstrap 
.tabpanel_formView_Processo .col-sm-4,
.tabpanel_formView_Processo .col-sm-12 {
    display: block!important;
    width: 100%!important;     /* deixa responsivo e evita estourar 
}

/* Quebra correta do ttd 
.ttd {
    font-size: 12px!important;
    text-decoration: underline!important;

    display: block!important;          /* torna bloco para quebrar 
    max-width: 100%!important;
    width: 100%!important;

    white-space: normal!important;   /* quebra linha 
    word-wrap: break-word!important;   /* quebra palavras gigantes 
    overflow-wrap: break-word!important;
    box-sizing: border-box!important;
}