/***************************/
/*** xt status dashboard ***/
/***************************/
html.dashboard.xt.status.illinois {
    font-size: 2.75vmin;
    font-weight: 300;
}
html.dashboard.xt.status.illinois {
    font-size: 2.75vmin;
    font-weight: 300;
}

html.dashboard.xt.status.illinois .graph-ytd-invoiced-amounts-by-item-class {
    height: 100%;
    width: 100%;
    margin-bottom: 0;
}

@media only screen and (min-aspect-ratio: 90/90) and (max-aspect-ratio: 95/90) {
    html.dashboard.xt.status.illinois {
        font-size: 1.5vmin;
    }
}

@media only screen and (min-aspect-ratio: 95/90) and (max-aspect-ratio: 100/90) {
    html.dashboard.xt.status.illinois {
        font-size: 1.55vmin;
    }
}

@media only screen and (min-aspect-ratio: 100/90) and (max-aspect-ratio: 105/90) {
    html.dashboard.xt.status.illinois {
        font-size: 1.65vmin;
    }
}

@media only screen and (min-aspect-ratio: 105/90) and (max-aspect-ratio: 110/90) {
    html.dashboard.xt.status.illinois {
        font-size: 1.7vmin;
    }
}

@media only screen and (min-aspect-ratio: 110/90) and (max-aspect-ratio: 115/90) {
    html.dashboard.xt.status.illinois {
        font-size: 1.8vmin;
    }
}

@media only screen and (min-aspect-ratio: 115/90) and (max-aspect-ratio: 120/90) {
    html.dashboard.xt.status.illinois {
        font-size: 1.9vmin;
    }
}

@media only screen and (min-aspect-ratio: 120/90) and (max-aspect-ratio: 125/90) {
    html.dashboard.xt.status.illinois {
        font-size: 2vmin;
    }
}

@media only screen and (min-aspect-ratio: 125/90) and (max-aspect-ratio: 130/90) {
    html.dashboard.xt.status.illinois {
        font-size: 2.1vmin;
    }
}

@media only screen and (min-aspect-ratio: 130/90) and (max-aspect-ratio: 140/90) {
    html.dashboard.xt.status.illinois {
        font-size: 2.2vmin;
    }
}

@media only screen and (min-aspect-ratio: 140/90) and (max-aspect-ratio: 145/90) {
    html.dashboard.xt.status.illinois {
        font-size: 2.3vmin;
    }
}

@media only screen and (min-aspect-ratio: 145/90) and (max-aspect-ratio: 150/90) {
    html.dashboard.xt.status.illinois {
        font-size: 2.4vmin;
    }
}

@media only screen and (min-aspect-ratio: 150/90) and (max-aspect-ratio: 155/90) {
    html.dashboard.xt.status.illinois {
        font-size: 2.5vmin;
    }
}

@media (orientation: landscape) {
    html.dashboard.xt.status.illinois .layout-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(7, 1fr);
    }
}

@media (orientation: landscape) {
    html.dashboard.xt.status.illinois .panel.logo {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2;
    }
}

@media (orientation: landscape) {
    html.dashboard.xt.status.illinois .panel.invoices-graph {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 8;
    }
}

html.dashboard.xt.status.illinois div.donut-tip {
    position: absolute;
    text-align: center;
    padding: .5rem;
    background: #FFFFFF;
    color: #313639;
    border: 1px solid #313639;
    border-radius: 8px;
    pointer-events: none;
    font-size: 1.3rem;
}