html, body {
    background-color: #f9f9f9;
}

.interactive-bg {
    height: 100vh;
    background-color: #121212;
    -webkit-box-shadow: inset 24px 4px 64px -24px rgba(71,71,71,1);
    -moz-box-shadow: inset 24px 4px 64px -24px rgba(71,71,71,1);
    box-shadow: inset 24px 4px 64px -24px rgba(71,71,71,1);
    padding: 0px;
}

@media (max-width: 769px) {
    .interactive-bg {
        display: none
    }
}

.input {
    border-radius: 50px;
}

.button {
    margin-top: 20px;
    margin-bottom: 20px;
    min-width: 150px;
}

.login-logo {
    margin: 0 auto 0;
    max-height: 250px;
}

.columns {
    margin: 0px;
}

.powerbi-container {
    display: flex; /* Imposta il contenitore su flex */
    flex-direction: column; /* Elementi in colonna */
    height: calc(100vh + 36px); /* Altezza completa della viewport */
}

    .powerbi-container iframe {
        flex-grow: 1; /* L'iframe si espanderà per occupare lo spazio disponibile */
        clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 36px), 0% calc(100% - 36px));
    }

.navbar-item img {
    max-height: 2.5rem;
}

/* style the elements with CSS */
#pleaserotate-graphic {
    fill: #fff;
}

#pleaserotate-backdrop {
    color: #fff;
    background-color: #000;
}