@import "lightdark.css";

h1 {
    /* font-size: 3em; */
    text-align: center;
    font-family: 'MB Corpo S Title';
    color: whitesmoke;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #40407A;
    vertical-align: middle;
    display: table-cell;
}

h2 {
    font-family: 'MB Corpo S Title';
    text-align: left;
    font-size: 2em;
    color: whitesmoke;
    justify-self: center;
}

main h2 {
    justify-self: center;
}

h3 {
    font-size: 1.10em;
    text-align: center;
    font-family: 'MB Corpo S Text Office';
    color: white;
}

h4 {
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
    font-family: 'MB Corpo S Text Office';
}

.frequentReport {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    display: grid;
    /* flex-direction: column; */
    gap: 5px;
    min-width: 98vw;
    /* min-height: ; */
    margin: auto;
    /* margin: 18px; */
}

.report {
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(0, 15fr);
    background-color: gray;
    border-radius: 5px;
    text-align: center;
    gap: 5px;
    height: 42vh;
}

.pbi-frame {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Iframe is initially invisible */
.pbi-frame iframe {
    opacity: 0;
    transition: opacity 0.75s ease-in;
}

/* When loaded: fade-in */
.pbi-loaded iframe {
    opacity: 1;
}

.pbi-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    border: 4px solid rgba(255,255,255,0.2);
    border-top: 4px solid white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    z-index: 5;
    pointer-events: none;
}

/* Fade out the spinner */
.pbi-frame.pbi-loaded .pbi-spinner {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Keyframes for spinning animation */
@keyframes spin {
    0%   { transform: rotate(0deg);   }
    100% { transform: rotate(360deg); }
}

iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.reportsDiv {
    display: flex;
    text-align: center;
    align-items: center;
    align-content: center;
    /* width: 100%; */
}

.mainContent {
    display: grid;
    grid-template-rows: auto auto;
    gap: 5px;
    text-align: center;
}

.mainMTContent {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    background-color: gray;
    justify-self: center;
    gap: 5px;
    min-width: 98vw;
    height: 84vh;
}

.mainMTReport {
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(0, 30fr);
    background-color: gray;
    justify-self: center;
    gap: 5px;
    height: 84vh;
    width: 100%;
}

.pagination {
    display: flex;
    justify-content: center;
    font-size: .8em;
}

.pagination a {
    padding: 2px 6px;
    text-decoration: none;
    background-color: slategray;
    color: white;
    border: 1px solid darkslategrey;
    border-radius: 4px;
}

.pagination a:hover {
    background-color: darkblue;
    color: white;
}

.pagination .active {
    background-color: darkblue;
    color: white;
}

#page-numbers {
    font-size: .6em;
    color: white;
    padding-bottom: .25em;
}

#paginationContainer {
    display: grid;
    grid-template-rows: auto auto;
}