.add_title_sub {
    background-color: #F6F6F6;
    color: #000000;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-radius: 3px 3px 0 0;
    padding: 8px 10px;
    font-weight: bold;
    white-space: nowrap;
}

.add_title_sub_notificacao {
    background-color: #CCCCCC;
    color: #000000;
    font-size: 14px;
}

.add_content_sub {
    border: 1px solid #CCCCCC;
    border-radius: 0 0 3px 3px;
    background-color: #FFFFFF;
    color: #333333;
    margin-bottom: 15px;
}

.add_content_buttons {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    background-color: #F6F6F6;
    margin-bottom: 20px;
    padding: 8px 10px;
}

.add_content_sub_no_border {
    border-radius: 0 0 3px 3px;
    background-color: #FFFFFF;
    color: #333333;
    margin-bottom: 15px;
}

.ui-widget-content .add_title_sub {
   margin: 0 10px;
}

.ui-widget-content .add_content_sub {
    margin: 0 10px;
    margin-bottom: 15px;
}
.ui-widget-content .add_content_buttons {
    border: 0;
    background-color: transparent !important;
    padding: 0px 10px !important;
    margin-bottom: 0;
}

.add_content_sub p, 
.add_content_sub li,
.add_content_sub_no_border p {
    padding: 5px 10px !important;
}

.add_content_sub .selector-filter label,
.add_content_sub_no_border .selector-filter label {
    display: none !important;
}

.add_content_buttons_no_border {
    padding: 8px 8px;
}

/* Helpers para barras de filtro/ações dentro de .add_content_buttons em temas
   não-neo. No tema neo o layout é flex (margin-left: auto); aqui usamos float
   para garantir que os botões fiquem à direita. */
.add_content_buttons::after {
    content: "";
    display: table;
    clear: both;
}

.add_content_buttons .bar-actions {
    float: right;
}

.add_content_buttons .bar-actions > .button {
    float: none;
    margin: 0 0 0 5px;
}

/* Ícones de ação em tabelas (.iconesacao) — espaçamento mínimo para os temas
   não-neo (admin_default e demais). No tema neo o espaçamento já vem do
   neo_icons.css com width fixa + text-align: center. */
.iconesacao {
    display: inline-block;
    text-decoration: none;
}

.iconesacao + .iconesacao {
    margin-left: 2px;
}

/* Coluna de ações em tabelas — espelho da regra em neo_icons.css para os
   temas não-neo. Aplicar a classe `col-acoes` no <th> e em cada <td> da
   coluna que contém .iconesacao. NÃO usar `width: 1%`: em tabelas
   controladas por DataTables vira literal e esmaga a coluna. O
   `font-size: 0` no <td> zera o whitespace HTML entre os <a>'s para
   alinhamento perfeito; cada .iconesacao reaplica font-size: 14px. */
th.col-acoes,
td.col-acoes {
    white-space: nowrap;
    min-width: max-content;
}

td.col-acoes {
    font-size: 0;
}

/* Reaplica font-size nos ícones — em box.css o .iconesacao não declara
   font-size (herdaria do <td>, agora zerado). No neo_icons.css o
   .iconesacao já declara 14px, então essa regra é redundante lá mas
   inofensiva. Mantida aqui só pra segurança. */
td.col-acoes .iconesacao {
    font-size: 14px;
}

/* Espaçamento entre ícones — maior que o do tema neo (4px) porque os
   temas default/legacy têm tipografia/densidade um pouco mais frouxa,
   então 4px ficava grudado demais. */
td.col-acoes .iconesacao + .iconesacao {
    margin-left: 10px;
}

/* Indicadores de status online / offline — cores fixas em todos os temas. */
.icone-online,
.icone-offline { font-size: 14px; vertical-align: -1px; }
.icone-online  { color: #4AC16A; }
.icone-offline { color: #EB3940; }

/* Link associado ao status — sem sublinhado por padrão, sublinha no hover. */
.link-status         { text-decoration: none; }
.link-status:hover   { text-decoration: underline; }

.tablelist {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 0 !important;
    border-radius: 0 0 3px 3px;
    background-color: #FFFFFF;
}

div.search-report-left {
    width: 49.5%;
    float: left;
}

div.search-report-right {
    width: 49.5%;
    float: right;
}

.add_content_sub ul {
    list-style: none;
}
.add_content_sub li a:link, .add_content_sub li a:active, .add_content_sub li a:visited {
    color: #000000;
    text-decoration: none;
}
.add_content_sub li a:hover {
    text-decoration: underline;
}
.add_content_sub li span {
    color: #999999;
}

.ui-state-error {
    background: #feddd7 !important;
    border-color: #991700 !important;
    padding: 10px;    
}

.ui-state-error hr {
    visibility: hidden;
    padding: 3px 0;
}

.ui-state-error p {
    padding: 1px 0;
}

/* .dataTables_wrapper {
    padding: 10px;
} */

table.subtable {
    border: 0;
    border-spacing: 0.1em;
    background-color: #ccc;
    border-radius: 3px;
}

table.subtable tr {
    background-color: #fff;
    padding: 0;
    margin: 0;
}

table.subtable tr:nth-child(odd) {
    background: #f9f9f9;
}

table.subtable td {    
    padding: 5px;
}

table.subtable th {
    background-color: #EEEEEE;
    padding: 5px;
    text-align: left !important;
}

/* esconde o text node "Close" e o .ui-button-icon-space que o jQuery UI 1.12 injeta como irmãos do .ui-icon dentro do .ui-dialog-titlebar-close — o ::before do .ui-icon-closethick (com font-size próprio) renderiza o "x". Sem isso, no hover o jQuery UI button widget recalcula o flex e desloca o "x" */
.ui-dialog .ui-dialog-titlebar-close {
    font-size: 0 !important;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon::before,
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick::before {
    font-size: 16px;
    line-height: 1;
}


.box-header {
    margin-bottom: 20px !important;
}