th.botao {
    width: 4em;
}
th.botao.small {
    width: 2em;
}
td.botao {
    padding-left:0.2em !important;
}
.doisBotoes {
    width: 6.4em;
}
.tresBotoes {
    width: 8.2em;
}
.number {
    text-align: right;
}
th.numeroProcesso {
    width: 12.5em;
}
.ui-autocomplete-loading {
    background: url('/img/ajax-loader.gif') no-repeat right center;
}
.folha {
    font-weight: bold;
}
.formAutocompleteInteressado {
    width: 80% !important;
}
.dataHeader {
    width: 11.5em;
}
.documento-panel-content {
    padding: .5rem 1rem;
}
.documento-panel-title {
    cursor: pointer;
}
.panel .panel-title {
    color: rgba(58, 58, 58, 1);
    background-color: initial;
    border-bottom: .065rem solid #a6a6a6;
    letter-spacing: normal;
    text-shadow: none;
}
.panel .panel-content {
    padding: .5rem 1rem;
    margin: 0;
    overflow: auto;
    box-shadow: none;
}
.panel>.panel-title>button {
    color: initial;
}
.thumb {
    overflow-y: auto;
    overflow-x: auto;
    height: 300px;
}
.clip {
    float: right;
}
/*.table td {
    vertical-align: top !important;
}*/
.linhaTempoOperacao {
    color: #135775 !important;
    margin-bottom: 1em;
}
.linhaTempoOperacaoIcon {
    font-size: xx-large;
}
.linhaTempoOperacaoMensagem {
    font-size: x-large;
}
.linhaTempoData {
    font-size: smaller;
    color: #90949c;
}
.documentoNaoLido {
    font-weight: bold;
}
.fluxoAtual {
    padding-top: 1em;
}
.status-icons {
    font-size: 0.9em;
    display: inline-block;
    padding: .3rem .75rem;
    margin: .125rem;
    border-radius: .25em;
    border: 1px solid #CCC;
}
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}
.componente-excluido, a.link.componente-excluido {
    text-decoration: line-through black;
    font-style: italic;
}
.assinado {
}
.nao-assinado {
    opacity: .2;
}
.botao-tramite-pen {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0 .2rem 0;
    margin: 0;
    opacity: .6;
    line-height: 1em;
}
.texto-truncado {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* define um indicador (custom pill, mais simples...) */
ul.indicadores {
    font-size: .7em;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.2em;
    display: block;
}
ul.indicadores>li {
    margin: .1em auto;
    padding: 0;
    list-style: none;
    display: inline-block;
    padding: .1em .5em;
    border-radius: .25em;
    border: 1px solid rgba(0, 0, 0, .3);
    cursor: default;
    opacity: 1;
    display: block;
}
ul.indicadores>li.principal {
    color: #EEE;
    /*background-color: #009;*/
    background-color: #1186cd;
}
ul.indicadores>li.assinado {
    color: #EEE;
    /*background-color: #333;*/
    background-color: #7a7a7a;
}
ul.indicadores>li.assinaturasItem {
    cursor: pointer;
}
iframe.bi {
    display: block;
    width: 96vw;
    height: 58vw;
    margin: auto;
}
@media screen and (min-width: 78rem) {
    .container iframe.bi {
        width: 75rem;
        height: 45rem;
    }
}
.allow-overflow {
    overflow-x: initial !important;
    overflow-y: initial !important;
    overflow: initial !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border-color: #014877;
    background: #014877
}
.ui-tabs-active{
}
.qtip-dialog-localiza-documento {
    min-width: 50em;
    max-width: 50em;
}