/* CSS */
/*==================Estilos dos botões de acessibilidade=====================*/
.accessibility-buttons {
    display: none;
    position: fixed;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 10px;
    /* width: 440px; */
    max-width: 500px;
    /* AJUSTE: diminui a altura */
    height: 80%;
    min-height: 745px;
    /* AJUSTE: aumentei o top pois agora temos header */
    top: 150px;
    right: 0;
    overflow: auto;
    /* AJUSTE: Aumentei o zindex para ficar na frente da tag bar */
    z-index: 1015;
}

.accessibility-buttons.visible {
    display: block; /* Mostra os botões quando necessário */
}

.accessibility-menu {
    position: relative;
}

/* .accessibility-buttons .btn-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
} */

.accessibility-buttons .row {
    margin-left: unset !important;
    margin-right: unset !important;
}

/*=================FIM Estilos dos botões de acessibilidade=========================*/

/* ========= Botão e icone de acessiblidade ============= */
.headerAcessibility {
    /* position: relative; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem;
    flex-direction: row-reverse;
    /* gap: 0.1rem; */
}

.headerAcessibility button {
    border: none;
    background-color: unset;
}

/* Botão de resetar */
#resetar {
    margin-top: 2px;
    color: #888888;
}

.headerAcessibility i:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}
/* ========= Fim botão e icone de acessiblidade ============= */

/* ============ Botão de acessibilidade ============== */
.accessibility-icon {
    position: fixed;
    /* top: 50%; */
    top: calc(var(--filtro-top, 16%) + 20px);
    right: 0;
    transform: translateY(-50%);
    background-color: #1351b4;
    color: white;
    padding: 8px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    z-index: 15;
}
.accessibility-icon i {
    font-size: 24px;
}
/* ============ Fim Botão de acessibilidade ============== */

/*================== Estilizações para os botões de acessibilidade (internos) ================== */
.buttonAccess {
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    border: 2px solid transparent;
    /* width: 190px; */
    min-width: 130px;
    height: 160px;
    font-size: 16.8px;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 2px 6px 2px #c2c2c2;
    color: #1351b4;
    z-index: 1001;
}

.buttonAccess::before,
.buttonAccess::after {
    box-sizing: border-box;
}

.icon-text {
    display: flex;
    align-items: center;
    gap: 4px;
}
/*================== Final estilizações para os botões de acessibilidade (internos) ================== */

/* ===================Estilizações para linha guia ================= */
.reading-guide {
    position: fixed;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.7);
    pointer-events: none;
    z-index: 9999;
}

.reading-guide.hidden {
    visibility: hidden;
}
/* =================== Fim Estilizações para linha guia ================= */

/* ====================Estilos para audio ao passar o mouse =====================*/
/* .highlight {
    color: red;
} */

.destaque {
    color: red;
}

.accessibility-menu.destaque,
.accessibility-buttons.visible.destaque {
    color: unset !important;
}

.global-container.destaque,
.global-container.header.destaque {
    color: unset !important;
}

/* .card-content.destaque .fas.fa-expand, */
.fas.fa-expand.destaque {
    color: unset !important;
}
.card-content.destaque i.fas.fa-expand {
    color: unset !important;
}

/* ====================Fim estilos para audio ao passar o mouse =====================*/

/*==================== Estilizações para mascara de leitura ==================*/
.reading-mask {
    position: fixed;
    left: 0;
    width: 100%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.5);
    /* Tem que ser maior que o da tagbar que é 10 */
    z-index: 9999;
    transition:
        height 0.3s,
        visibility 0.3s;
}

.reading-mask.hidden {
    visibility: hidden;
    height: 0;
}

#readingMaskTop {
    top: 0;
    height: 50%;
}

#readingMaskBottom {
    bottom: 0;
    height: 50%;
}

/*==================== Fim Estilizações para mascara de leitura ==================*/

/*=============== Lines para visualização das opções ======================= */
.line-container {
    display: flex;
    width: 100%;
    height: 4px;
    align-items: center;
    gap: 4px;
    margin-top: 16px;
}

.linhaGeral {
    width: 100%;
    height: 3px;
    border-radius: 8px;
    background-color: #c2c2c2;
    transition: 0.2s ease-in-out;
}

.linhaGeral.active {
    background-color: #1351b4;
}

.line1-label,
.line2-label,
.line3-label,
.line4-label,
.line5-label,
.line6-label,
.line7-label,
.line8-label,
.line-label {
    position: absolute;
    top: -20px;
    font-size: 12px;
    color: #1351b4;
    transition: 0.2s ease-in-out;
}
/*=============== Final lines para visualização das opções ======================= */

/*==================Estilos para o Tema Escuro================================*/
.dark-theme {
    background-color: #000;
    color: #fff;
}

.dark-theme #tagbar {
    background-color: #333;
    color: #fff;
}

.dark-theme .nav-item {
    background-color: #000;
    color: #fff;
}

.dark-theme .nav-link.active {
    background-color: #000;
    color: #fff;
}

/* .dark-theme .MuiTypography-root.MuiTypography-subtitle2 h6, */
.dark-theme .qv-collapsed-listbox .title-wrapper .title {
    color: #fff;
}

/* .dark-theme .MuiPopover-root.listbox-popover, */
.dark-theme .lui-popover {
    background-color: #000;
    color: #fff;
}

.dark-theme .qv-listbox li .qv-listbox-text.qv-listbox-text-value {
    color: #fff;
}

.dark-theme .lui-search__input {
    background: #000 !important;
    color: #fff;
}

.dark-theme .lui-search__input::placeholder {
    color: white;
    opacity: 1;
}

.dark-theme .qv-object-kpi * {
    color: #fff !important;
}

.dark-theme .ds-kpi {
    border: 2px solid #fff;
    background-color: #000;
}

.dark-theme .nav-item .nav-link.active:after {
    content: "";
    display: block;
    border: 2px solid #fff;
    margin-top: 8px;
}

.dark-theme .lui-search .lui-search__search-icon {
    background: #000 !important;
    color: #fff;
}

.dark-theme .nav-item .nav-link {
    color: #fff;
}

.dark-theme .sel-toolbar-list {
    background: #000 !important;
}

.dark-theme .lui-search .lui-search__clear-button {
    background-color: #000 !important;
    color: #fff;
}

.dark-theme .sel-toolbar-menu {
    background-color: #000 !important;
    color: #fff;
}

.dark-theme .qv-object .qv-object-content-container .qv-st table tbody tr td {
    background-color: #000 !important;
    color: #fff !important;
}

.dark-theme .card-content {
    background-color: #000 !important;
    color: #fff !important;
}

.dark-theme .qv-object-title-text {
    color: #fff !important;
}

.dark-theme .qv-object .qv-object-title .qv-object-title-text {
    color: #fff !important;
}

.dark-theme #kpiData {
    --primary: #fff;
    color: #fff !important;
}

.dark-theme .qv-object .qv-object-header {
    background-color: #000 !important;
}

.dark-theme .scrollbar-thumb {
    background-color: #ffffff !important;
    color: #fff !important;
}

.dark-theme .modal-header,
.dark-theme .modal-body,
.dark-theme .modal-footer {
    background-color: #333 !important;
    color: #fff !important;
}

.dark-theme .modal-header .h2,
.dark-theme .modal-header h2,
.dark-theme .modal-header .br-button {
    color: #fff;
}

.dark-theme .modal-body h2,
.dark-theme .modal-body h3,
.dark-theme .modal-body h4,
.dark-theme .modal-body h5,
.dark-theme .modal-body h6,
.dark-theme .modal-body a,
.dark-theme .modal-body .br-card p,
.dark-theme .pclaro {
    color: #fff;
}

.dark-theme .modal-body .br-card,
.dark-theme .modal-body .br-accordion {
    background-color: #333 !important;
    color: #fff !important;
}

.dark-theme #como-navegar-modal .como-navegar-intro {
    background: #444;
    border-left-color: #000;
}

.dark-theme #como-navegar-modal .como-navegar-intro-text,
.dark-theme #como-navegar-modal .como-navegar-texto,
.dark-theme #como-navegar-modal .como-navegar-titulo,
.dark-theme #como-navegar-modal .como-navegar-figura figcaption {
    color: #fff;
}

.dark-theme #como-navegar-modal .como-navegar-secao {
    border-bottom-color: #555;
}

.dark-theme #como-navegar-modal .como-navegar-figura img {
    border-color: #555;
    background: #222;
}

.dark-theme p,
.dark-theme .modal-body p,
.dark-theme .modal-body .br-accordion a,
.dark-theme .modal-body .br-accordion .header,
.dark-theme .modal-body .br-accordion .content,
.dark-theme .modal-body .br-accordion .content p {
    color: #fff;
}

/* Modal de fonte */
.dark-theme .br-modal {
    background-color: #333 !important;
    color: #fff !important;
}

.dark-theme .br-modal .br-modal-body p,
.dark-theme .br-modal .br-button {
    color: #fff;
}

.dark-theme .qv-pt .cell .value {
    color: #fff;
}

.dark-theme canvas[data-key="bar-axis"] {
    filter: invert(1);
}
.dark-theme canvas[data-key="bar-labels"] {
    filter: invert(1);
}
.dark-theme canvas[data-key="major-axis-component"] {
    filter: invert(1);
}
.dark-theme canvas[data-key="point-label"] {
    filter: invert(1);
}

.dark-theme .br-card {
    background-color: #000 !important;
    box-shadow: 0px 2px 6px 2px #c2c2c2;
}
.dark-theme .bt-text {
    color: #fff !important;
}
/* .dark-theme .fa-download {
    color: #fff !important;
} */
.dark-theme .fa-assistive-listening-systems {
    color: #fff !important;
}
.dark-theme .idevio-map-canvas {
    background-color: #000 !important;
}
.dark-theme .legend-object .picasso-chart {
    background-color: #000 !important;
}

.dark-theme .legend-object.picasso-chart text {
    fill: #fff;
}

.dark-theme .legend-object {
    background-color: #000 !important;
}

/* Janela de Acessibilidade */
.dark-theme .accessibility-buttons {
    background-color: #333 !important;
    color: #fff !important;
}

.dark-theme .buttonAccess {
    background-color: #333 !important;
    color: #fff !important;
}
.dark-theme .reading-guide {
    background-color: #fff !important;
}

/* Estavam faltando no tema escuro */
.dark-theme .global-container {
    background-color: #000;
    color: #fff;
}

.dark-theme footer {
    background-color: #000 !important;
}

.dark-theme .btn-close {
    filter: var(--bs-btn-close-white-filter);
}

/* Para o novo modelo */
.dark-theme .br-header {
    background-color: #000;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.dark-theme .br-header .header-menu .header-title,
.dark-theme .br-header .header-logo .header-sign {
    color: #fff;
}

.dark-theme .br-header .header-actions .header-links .br-list {
    background-color: #000;
}

.dark-theme .br-header .header-actions .header-links .br-item {
    background-color: #000;
    color: #fff;
}

.dark-theme .br-button.secondary {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
}

.dark-theme .br-button:not(:disabled):not(:disabled):hover {
    background-color: #555;
    color: #fff;
}

/* Ellipsis do compacto */
.dark-theme .br-header .br-button,
.dark-theme .br-menu .br-button {
    color: #fff;
}

/* Breadcrumb */
.dark-theme .br-breadcrumb .crumb a {
    color: #fff;
}

.dark-theme a:not(:disabled):hover {
    background-color: #555;
    color: #fff;
}

/* Nosso trigger de filtros */
.dark-theme .br-header .filtro-container .br-button {
    background-color: #000;
    color: #fff;
}

/* Ícone mobile */
.dark-theme .br-breadcrumb .br-button {
    color: #fff !important;
}

.dark-theme .br-button.primary {
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
}

/* Título do mashup */
.dark-theme .ms-titulo h1 {
    color: #fff;
}

/* Aba ativa */
.dark-theme .br-tab .tab-item.active button {
    border-bottom: 4px solid #fff;
    color: #fff;
    background-color: #979797;
}

/* Aba não ativa */
.dark-theme .br-tab .tab-item button {
    border-bottom: 4px solid #c4c4c4;
    color: #333;
    background-color: #c4c4c4;
}

/* Ajustes para a modal de acessibilidade por conta do dsgov */
.dark-theme .accessibility-buttons h5,
.dark-theme .accessibility-buttons p {
    color: #fff !important;
}

.dark-theme .linhaGeral.active {
    background-color: #fff;
}

.dark-theme .linhaGeral {
    background-color: #000;
}

.dark-theme .headerAcessibility i:hover {
    color: #fff;
}

/* Nova barra de filtros lateral */
.dark-theme .br-menu,
.dark-theme .br-menu .menu-panel {
    background-color: #333;
}

.dark-theme .br-menu p {
    color: #fff;
}

.dark-theme .br-loading {
    --loading-indetermined-color: #e6e6e6;
}

.dark-theme .bg-secondary-subtle {
    background-color: #000 !important;
}

/* tabulando */
.dark-theme .tabulando-container {
    background-color: #000;
}
.dark-theme .tabulando-button i,
.dark-theme .tabulando-button {
    color: #fff;
}
.dark-theme .tabulando-button.active i,
.dark-theme .tabulando-button.active {
    color: #000;
    background-color: #fff;
}

/* footer do card */
.dark-theme .dropdown .fa-ellipsis-v {
    color: #fff !important;
}
.dark-theme .br-card,
.dark-theme .br-card .card-footer .br-button {
    color: #fff !important;
}

.dark-theme #notificacao-link-copiado {
    background-color: #333;
}

.dark-theme .br-footer {
    background-color: #000 !important;
    color: #fff !important;
}

/* Para os filtros */
.dark-theme .filtros-column .MuiGrid-root .MuiGrid-container {
    background-color: #333;
}

.dark-theme .filtros-column .MuiGrid-root .MuiGrid-container h6 {
    color: white;
}

/* para tagbar flutuante */
.dark-theme #floating-tagselections .br-tag.interaction .br-button,
.dark-theme #floating-tagselections .br-tag.interaction,
.dark-theme #tagselections .br-tag.interaction {
    background-color: #000;
}

/* Para alguns gráficos do cobertura */
.dark-theme article.qv-object-pivot-table {
    background-color: #000 !important;
}

.dark-theme .qv-pt .cell.null-value {
    background-color: darkgray !important;
}

.dark-theme .map-error-container {
    background-color: #000 !important;
    color: #fff !important;
}

.dark-theme .RowColumn-row,
.dark-theme .listbox-container {
    background-color: #000 !important;
}

.dark-theme .RowColumn-labelText {
    color: #fff !important;
}

/* Para datatables */
.dark-theme .dataTables_wrapper td,
.dark-theme .dataTables_wrapper label,
.dark-theme .dataTables_wrapper .dataTables_info {
    color: #ffffff !important;
}

.dark-theme .dataTables_wrapper .dataTables_filter input::placeholder {
    color: #cccccc !important;
}

/* Para o botão expandir */
.dark-theme .btn-expandir {
    color: #ffffff !important;
}

/*====================FIM Estilos para o Tema Escuro============================*/

/*====================Estilos para invert-theme============================*/
.invert-theme #tagbar {
    filter: invert(1);
}

.invert-theme .header {
    filter: invert(1);
}

.invert-theme .accessibility-buttons {
    filter: invert(1);
}

.invert-theme #accessibilityIcon {
    filter: invert(1);
}

.invert-theme .filter {
    filter: invert(1);
}

.invert-theme #qvfilters01 {
    filter: invert(1);
}
.invert-theme #qvfilters02 {
    filter: invert(1);
}

.invert-theme .qv-listbox-popover,
.qv-listbox-popover-small-device {
    filter: invert(1);
}

.invert-theme #kpi-container {
    filter: invert(1);
}

.invert-theme .nav {
    filter: invert(1);
}

.invert-theme .tab-content {
    filter: invert(1);
}

.invert-theme .qv-pt .cell.header .value span {
    filter: invert(1);
}

.invert-theme .modal {
    filter: invert(1);
}

.invert-theme footer {
    filter: invert(1);
}

/* Estavam faltando no tema invertido */
body.invert-theme,
.invert-theme .global-container {
    background-color: #000;
}

.invert-theme .headerAcessibility,
.invert-theme #filterBar,
.invert-theme h6.px-3 {
    color: white;
}

/* Para o novo modelo */
.invert-theme .br-header,
.invert-theme .br-footer {
    filter: invert(1);
}

.invert-theme .br-breadcrumb,
.invert-theme .ms-titulo,
.invert-theme .br-tab .tab-item,
/* .invert-theme .br-tab .card-principal, */
.invert-theme #header-publicacoes,
.invert-theme #floating-tagbar,
.invert-theme #tagselections,
.invert-theme #notificacao-link-copiado,
.invert-theme #scrollToTop {
    filter: invert(1);
}

.invert-theme .br-modal,
.invert-theme .modal-body .br-accordion .header span {
    filter: invert(1);
}

.invert-theme .br-menu .filtros-column,
.invert-theme .br-menu .menu-panel {
    filter: invert(1);
}

/* Botoes dentro da tabela */
.invert-theme .left-meta-headers,
.invert-theme .top-meta-headers {
    filter: invert(1);
}

/*====================Fim estilos para invert-theme============================*/

/*====================Estilos para low-saturation============================*/
.low-saturation #tagbar {
    filter: saturate(0.5);
}

.low-saturation .header {
    filter: saturate(0.5);
}

.low-saturation .accessibility-buttons {
    filter: saturate(0.5);
}

.low-saturation .fa-universal-access {
    filter: saturate(0.5);
}

.low-saturation .filter {
    filter: saturate(0.5);
}

.low-saturation #qvfilters01 {
    filter: saturate(0.5);
}

.low-saturation #qvfilters02 {
    filter: saturate(0.5);
}

.low-saturation .qv-listbox-popover,
.qv-listbox-popover-small-device {
    filter: saturate(0.5);
}

.low-saturation #kpi-container {
    filter: saturate(0.5);
}

.low-saturation .kpi-main {
    filter: saturate(0.5);
}

.low-saturation .nav {
    filter: saturate(0.5);
}

.low-saturation .tab-content {
    filter: saturate(0.5);
}

.low-saturation .qv-pt .cell.header .value span {
    filter: saturate(0.5);
}

.low-saturation .modal {
    filter: saturate(0.5);
}

.low-saturation footer {
    filter: saturate(0.5);
}

/* Para o novo modelo */
.low-saturation .br-header,
.low-saturation .br-footer {
    filter: saturate(0.5);
}

.low-saturation .br-breadcrumb,
.low-saturation .ms-titulo,
.low-saturation .br-tab .tab-item,
.low-saturation .br-tab .card-principal,
.low-saturation #floating-tagbar,
.low-saturation #tagselections,
.low-saturation #notificacao-link-copiado,
.low-saturation #scrollToTop {
    filter: saturate(0.5);
}

.low-saturation .br-modal,
.low-saturation .modal-body .br-accordion .header span {
    filter: saturate(0.5);
}

.low-saturation .br-menu .menu-panel {
    filter: saturate(0.5);
}

/*====================Fim estilos para low-saturation============================*/

/*====================Estilos para high-saturation============================*/
.high-saturation #tagbar {
    filter: saturate(2);
}

.high-saturation .header {
    filter: saturate(2);
}

.high-saturation .accessibility-buttons {
    filter: saturate(2);
}

.high-saturation .fa-universal-access {
    filter: saturate(2);
}

.high-saturation .filter {
    filter: saturate(2);
}

.high-saturation #qvfilters01 {
    filter: saturate(2);
}

.high-saturation #qvfilters02 {
    filter: saturate(2);
}

.high-saturation .qv-listbox-popover,
.qv-listbox-popover-small-device {
    filter: saturate(2);
}

.high-saturation #kpi-container {
    filter: saturate(2);
}

.high-saturation .kpi-main {
    filter: saturate(2);
}

.high-saturation .nav {
    filter: saturate(2);
}

.high-saturation .tab-content {
    filter: saturate(2);
}

.high-saturation .qv-pt .cell.header .value span {
    filter: saturate(2);
}

.high-saturation .modal {
    filter: saturate(2);
}

.high-saturation footer {
    filter: saturate(2);
}

/* Para o novo modelo */
.high-saturation .br-header,
.high-saturation .br-footer {
    filter: saturate(2);
}

.high-saturation .br-breadcrumb,
.high-saturation .ms-titulo,
.high-saturation .br-tab .tab-item,
.high-saturation .br-tab .card-principal,
.high-saturation #floating-tagbar,
.high-saturation #tagselections,
.high-saturation #notificacao-link-copiado,
.high-saturation #scrollToTop {
    filter: saturate(2);
}

.high-saturation .br-modal,
.high-saturation .modal-body .br-accordion .header span {
    filter: saturate(2);
}

.high-saturation .br-menu .menu-panel {
    filter: saturate(02);
}
/*====================Fim estilos para high-saturation============================*/

/*====================Estilos para monochrome============================*/
.monochrome #tagbar {
    filter: grayscale(100%);
}

.monochrome .header {
    filter: grayscale(100%);
}

.monochrome .accessibility-buttons {
    filter: grayscale(100%);
}

.monochrome .fa-universal-access {
    filter: grayscale(100%);
}

.monochrome .filter {
    filter: grayscale(100%);
}

.monochrome #qvfilters01 {
    filter: grayscale(100%);
}

.monochrome #qvfilters02 {
    filter: grayscale(100%);
}

.monochrome .qv-listbox-popover,
.qv-listbox-popover-small-device {
    filter: grayscale(100%);
}

.monochrome #kpi-container {
    filter: grayscale(100%);
}

.monochrome .kpi-main {
    filter: grayscale(100%);
}

.monochrome .nav {
    filter: grayscale(100%);
}

.monochrome .tab-content {
    filter: grayscale(100%);
}

.monochrome .qv-pt .cell.header .value span {
    filter: grayscale(100%);
}

.monochrome .modal {
    filter: grayscale(100%);
}

.monochrome footer {
    filter: grayscale(100%);
}

/* Para o novo modelo */
.monochrome .br-header,
.monochrome .br-footer {
    filter: grayscale(100%);
}

.monochrome .br-breadcrumb,
.monochrome .ms-titulo,
.monochrome .br-tab .tab-item,
.monochrome .br-tab .card-principal,
.monochrome #floating-tagbar,
.monochrome #tagselections,
.monochrome #notificacao-link-copiado,
.monochrome #scrollToTop {
    filter: grayscale(100%);
}

.monochrome .br-modal,
.monochrome .modal-body .br-accordion .header span {
    filter: grayscale(100%);
}

.monochrome .br-menu .menu-panel {
    filter: grayscale(100%);
}
/*====================Fim estilos para monochrome============================*/

/* ================ Estilizações para controle de cores ====================*/
/* .low-saturation {
    filter: saturate(0.5);
}

.high-saturation {
    filter: saturate(2);
}

.monochrome {
    filter: grayscale(100%);
}

.light-theme {
    background-color: white;
    color: black;
}

.invert-theme {
    filter: invert(1);
} */

.low-saturation .accessibility-buttons,
.high-saturation .accessibility-buttons,
.monochrome.accessibility-buttons {
    height: unset !important;
}

/* ================ Fim Estilizações para controle de cores ====================*/

/*==================Estilos para o Player================================*/
.speech-player {
    position: fixed;
    bottom: 75px;
    left: 3rem;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px;
    border-radius: 5px;
    display: none;
    z-index: 16;
}

.speech-player button {
    background: none;
    border: none;
    color: white;
    font-size: 1.5em;
    margin: 5px;
    cursor: pointer;
}

.speech-player button:focus {
    outline: none;
}

.speech-player .button-group {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.speech-player span {
    display: flex;
    justify-content: center;
    cursor: pointer;
    padding-top: 5px;
}
/*===============FIM Estilos para o Player======================= */

/* Ajustes complementares de contraste no tema escuro */
.dark-theme .como-navegar-numero,
.dark-theme .filter-count-badge {
    background-color: #000 !important;
    color: #fff !important;
}

.dark-theme .scroll-to-top .br-button {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.dark-theme .br-button.secondary:not(:disabled):hover {
    background-color: #2b5f9e !important;
    background-image: none !important;
    color: #fff !important;
}

.dark-theme #modal-ficha h5.modal-title {
    color: #fff !important;
}

.dark-theme #modal-ficha .bg-light {
    background-color: #343a40 !important;
    color: #fff !important;
}

.dark-theme h2.qv-object-title.qvt-visualization-title,
.dark-theme .qv-object-title.qv-object-title-text {
    background-color: #000 !important;
    color: #fff !important;
}

.dark-theme .qv-object-content.ng-isolate-scope {
    background-color: #000 !important;
    color: #fff !important;
}

.dark-theme .card-content:fullscreen,
.dark-theme .card-content:-webkit-full-screen {
    background-color: #000 !important;
}

.dark-theme .card-content::backdrop {
    background-color: #000 !important;
}

.dark-theme .filtros-column .qv-object-content.ng-isolate-scope {
    background-color: #333 !important;
}

.dark-theme .br-tag.interaction {
    color: #fff !important;
    border-color: #fff !important;
}

.dark-theme .br-tag.interaction button[aria-label="Remover filtro"] {
    background-color: #000 !important;
    color: #fff !important;
}

.dark-theme .br-tag.interaction button[aria-label="Remover filtro"] i {
    color: #fff !important;
}

.dark-theme .cobertura-area.bg-dark .qv-object-content.ng-isolate-scope {
    background-color: #212529 !important;
}