* {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    background-color: #edeeee;
    overflow: hidden;
}

.navBar {
    background-color: #229544;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 20px;
}

.navBar img {
    width: 170px;
}

.navBar .logoRotateReturn {
    width: 35px;
    margin-top: 3px;
}

.containerFiltros {
    position: fixed;
    right: 5%;
    top: 7.6%;
}

.containerFiltros input {
    border-radius: 6px;
    width: 60px;
    height: 35px;
    border: 1px solid gray;
    outline: none;
    padding-inline-start: 10px;
}

#filtrarMes {
    background-color: #229544;
    color: #fff;
    padding: 8px 12px;
    border: 6px;
    border-radius: 6px;
    font-weight: bold;
    border: 1px solid rgb(255, 255, 255);
    text-transform: uppercase;
    cursor: pointer;
}

.irParaIntegradas,
.irParaChabotIframe,
.irParaDigitadas {
    position: fixed;
    right: 15px;
    top: 55px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    outline: none;
    border: none;
    background-color: #ccc;
    font-size: 20px;
    cursor: pointer;
}

.irParaIntegradas:hover,
.irParaChabotIframe:hover,
.irParaDigitadas:hover {
    scale: 0.98;
    box-shadow: 4px 4px 6px 0px #79797985;
}

.irParaDigitadas, .irParaChabotIframe, .irParaIntegradas {
    display: none !important;
}

.bi-globe,
.bi-bank2,
.bi-bank,
.bi-gear-wide-connected,
.bi-modem-fill,
.bi-modem {
    background-color: #229544;
    border-radius: 50% 0 50% 50%;
    display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 40px;
    height: 40px;
}

.bi-bank2 {
    background-color: #00386d;
}

.bi-bank {
    background-color: #22a2b3;
}

.bi-gear-wide-connected {
    background-color: #3122b3;
}

.bi-modem-fill {
    background-color: #4f0e6d;
}

.bi-modem {
    background-color: #ae22b3;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
}

td,
th {
    text-align: center;
    padding: 8px;
}

th {
    background: #229544;
    color: #fff;
}

th:first-child {
    border-radius: 12px 0 0 0;
    text-align: left;
}

th:last-child {
    text-align: right;
    border-radius: 0 12px 0 0;
}

td:last-child {
    text-align: right;
}

td:first-child {
    text-align: left;
}

tr:nth-child(even) {
    background-color: #d3d3d3;
}

.tableTotal {
    background-color: #229544;
    border-radius: 12px;
}

.container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.containerDigitadas {
    display: 'none';
}

.containerIntegradas, .iframe {
    display: none;
}

.wrapper {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.wrapper h2 {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 10px;
    margin: 5px;
    background-color: #fff;
    width: 180px;
    border-radius: 0 12px 12px 12px;
    padding: 10px 15px;
    margin-top: -10px;
    margin-bottom: 30px;
    box-shadow: 4px 4px 6px 0px #79797985;
}

.containerTime,
.containerOperacoes {
    padding: 10px;
    width: 100%;
    border-radius: 12px;
    box-shadow: 4px 4px 6px 0px #79797985;
    background-color: #fff;
    margin: 2px auto;
}

.label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 5px;
    margin-bottom: 10px;
    color: #313131;
    font-weight: bold;
    text-transform: uppercase;
}

.label i {
    font-size: 22px;
}

.containerBancos,
.containerModalidades {
    padding: 10px;
    box-shadow: 4px 4px 6px 0px #79797985;
    width: 100%;
    display: flex;
    gap: 5px;
    border-radius: 12px;
    background-color: #fff;
    margin: 2px auto;
}

.containerTables {
    width: 100%;
}

#tabelaTimeDiarioIntegrado,
#tabelaTimeMensalIntegrado,
#tabelaBancoDiarioIntegrado,
#tabelaBancoMensalIntegrado,
#tabelaModalidadesDiarioIntegrados,
#tabelaModalidadesMensalsIntegrados,
#tabelaOperacoesDiarioIntegrados,
#tabelaOperacoesMensalIntegrados,
#tabelaTimeDiarioDigitada,
#tabelaTimeMensalDigitada,
#tabelaBancoDiarioDigitada,
#tabelaBancoMensalDigitada,
#tabelaOperacoesDiarioDigitada,
#tabelaOperacoesMensalDigitada,
#tabelaModalidadesDiarioDigitada,
#tabelaModalidadesMensalsDigitada,
.tableTotal {
    display: none;
}

.progress {
    margin: 10px auto;
    width: 100%;
    height: 16.8px;
    background: linear-gradient(#229544 0 0) left/0% 100% no-repeat #dbdcef;
    animation: progress-jgv380 2s infinite linear;
    border-radius: 12px;
}

@keyframes progress-jgv380 {
    100% {
        background-size: 100% 100%;
    }
}

.spinner {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    mask: inherit;
    background: radial-gradient(farthest-side, #229544 94%, #0000) top/9px 9px no-repeat,
        conic-gradient(#0000 30%, #229544);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 0);
    animation: spinner-c7wet2 1s infinite linear;
}

@keyframes spinner-c7wet2 {
    100% {
        transform: rotate(1turn);
    }
}

.trTotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#totalQtdDiariaTime,
#totalQtdMensalTime,
#totalQtdDiariaBancosBancos,
#totalQtdMensalBancos,
#totalQtdDiariaTimeIntegrados,
#totalQtdMensalTimeIntegrado,
#totalQtdDiariaBancosIntegrado,
#totalQtdMensalBancosIntegrado {
    margin-left: 25px;
}

#totalQtdDiariaOperacoes,
#totalQtdMensalOperacoes,
#totalQtdOperacoesDiarioIntegrado,
#totalQtdOperacoesMensalIntegrado,
#totalQtdMensalModalidadesIntegrados,
#totalQtdDiariaModalidadesIntegrados {
    margin-left: 75px;
}

#totalQtdDiariaModalidades,
#totalQtdMensalModalidades {
    margin-left: 65px;
}

.iframe{
    position: absolute;
    top: 0;
    z-index: 9999;
    height: '100vh ' !important ;
}