.break-space {
    white-space: break-spaces;
}

.totalizers .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.totalizers .subheader i {
    font-size: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 10px;
}

.status_indicator,
.status_indicator:hover,
.status_indicator:focus-visible,
.status_indicator:active {
    border: none;
}

.custom-modal-width {
    max-width: 800px; /* Ajuste conforme necessário */
}

/* Adiciona estilo ao fundo escuro ao redor do modal */
.modal.fade.show {
    background: rgba(0, 0, 0, 0.5); /* Cor e opacidade do fundo escuro */
}

.modal-content {
    background-color: #fff; /* Mantém a cor de fundo do conteúdo do modal */
    border-radius: 10px; /* Borda arredondada */
}

.color-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: 20px;
    margin-right: 10px;
    vertical-align: middle; /* Alinha verticalmente com o texto */
}

.color-box2 {
    display: inline-block; /* Permite alinhar verticalmente */
    vertical-align: middle; /* Alinha verticalmente ao centro */
    margin-right: 10px; /* Ajuste conforme necessário para a margem direita */
    width: 20px; /* Ajuste conforme necessário para a largura */
    height: 20px; /* Ajuste conforme necessário para a altura */
}

.blue {
    background-color: #3498db;
}
.green {
    background-color: #2ecc71;
}
.yellow {
    background-color: #f1c40f;
}
.red {
    background-color: #e74c3c;
}

.color-text {
    display: inline-block;
    vertical-align: middle; /* Alinha verticalmente com o quadrado */
    margin-bottom: 20px; /* Adiciona espaço entre as linhas conforme necessário */
    color: #000; /* Cor do texto, ajuste conforme necessário */
}
.color-text2 {
    display: inline-block;
    vertical-align: middle; /* Alinha verticalmente com o quadrado */
    margin-bottom: 20px; /* Adiciona espaço entre as linhas conforme necessário */
    color: #000; /* Cor do texto, ajuste conforme necessário */
}

.table.table-striped tbody tr:hover {
    background-color: #821b1b1a;
}

.table.table-striped tbody tr {
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
    --tblr-table-accent-bg: #ffffff;
    color: var(--tblr-table-striped-color);
}

.table-striped > tbody > tr:hover > * {
    --tblr-table-accent-bg: #821b1b1a;
    color: var(--tblr-table-striped-color);
}

.chart-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-right: 50px; /* Adicione margem à direita do contêiner do gráfico */
    transition: all 0.3s ease;
}

.chart-download-container {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin-right: 15px;
    margin-top: 10px; /* Ajuste conforme necessário */
}

.chart-download-btn {
    height: 40px;
    width: 45px;
}

.chart {
    position: relative;
    transition: all 0.3s ease;
}

.downloadbutton {
    position: absolute;
    top: 0rem;
    right: 0rem;
    margin-right: 5px; /* Ajuste a margem conforme necessário */
    margin-top: 5px; /* Ajuste a margem conforme necessário */
}

.stacked-download-btn {
    height: 40px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; /* Certifique-se de que os botões têm um z-index maior */
    cursor: pointer; /* Adicione um cursor para indicar que é clicável */
}

@media (min-width: 1281px) {
    .stacked-download-btn {
        height: 40px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 1px;
        transition: all 0.3s ease;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        cursor: pointer;
    }

    .downloadbutton {
        position: absolute;
        top: 0rem;
        right: 0rem;
        margin-top: 5px;
    }

    .chart {
        position: relative;
        top: 10px;
    }
}
.butaoprint {
    height: 40px;
    width: 45px;
    transition: all 0.3s ease;
}

/* Estilo para telas menores ou iguais a 1280px */
@media (max-width: 1680px) {
    .stacked-download-btn {
        height: 2rem;
        width: 2rem;
    }

    .chart {
        position: relative;
        align-items: center;
        top: 40px;
        margin-bottom: 40px; /* Adiciona espaço entre os gráficos */
    }

    .butaoprint {
        height: 2rem;
        width: 2rem;
    }
}
.legendafooter {
    display: none;
}
@media print {
    .legendafooter {
        display: inline-block;
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }
}

.external {
    display: flex !important;
}

.la-external-link {
    font-size: 24px;
}

.login-uminho {
    background: #81251c;
    color: white;
}

.login-uminho:hover {
    border-color: #81251c;
    color: white;
    background-color: #81251c;
}

.description {
    @media screen and (min-width: 1555px) {
        grid-column: span 2;
    }
}

.full-grid {
    grid-column: 1 / -1;
}


.d-print-none.with-border a.btn {
    margin-bottom: 10px;
}