html.dashboard.procap.illinois {
    font-size: 2vmin;
    font-weight: 300;
}

@media (orientation: landscape) {
    html.dashboard.procap.illinois.tscparams .layout-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(12, minmax(0, 1fr));
    }
}

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

@media (orientation: landscape) {
    html.dashboard.procap.illinois.tscparams .panel.daf-21 {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 6;
    }
}

@media (orientation: landscape) {
    html.dashboard.procap.illinois.tscparams .panel.daf-22 {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 6;
    }
}

@media (orientation: landscape) {
    html.dashboard.procap.illinois.tscparams .panel.daf-23 {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 6;
    }
}

@media (orientation: landscape) {
    html.dashboard.procap.illinois.tscparams .panel.general-params {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 6;
        grid-row-end: 13;
    }
}

@media (orientation: landscape) {
    html.dashboard.procap.illinois.tscparams .panel.notes {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 6;
        grid-row-end: 13;
    }
}

@media (orientation: landscape) {
    html.dashboard.procap.illinois.tscparams .panel.oil-production {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 6;
        grid-row-end: 13;
    }
}

html.dashboard.procap.illinois .panel.notes .channel-update-latest-messages-list .message .key {
    flex: 1;
}
html.dashboard.procap.illinois .panel.notes .channel-update-latest-messages-list .message .value {
    display: none;
}

html.dashboard.procap.illinois .channel-update-datetime-display .value-slot {
    font-size: 0.5rem;
}

html.dashboard.procap.illinois .panel.logo .title-cell .channel-update-datetime-display {
    display: block;
    height: .5rem;
}
html.dashboard.procap.illinois .panel.logo .title-cell .channel-update-datetime-display .value-slot {
    display: block;
}

html.dashboard.procap.illinois .panel-title {
    font-size: 1.3rem;
    color: white;
}

html.dashboard.procap.illinois .panel.logo {
    text-align: center;
}
@media (orientation: portrait) {
    html.dashboard.procap.illinois .panel.logo {
        padding: 1rem 0;
    }
}

html.dashboard.procap.illinois .panel.logo .panel-body {
    margin-bottom: 0;
}

html.dashboard.procap.illinois .panel.logo img {
    width: 14rem;
    align-self: unset;
}

html.dashboard.procap.illinois .panel.logo .logo-cell {
    text-align: left;
    padding-left: 1.25rem;
}

html.dashboard.procap.illinois .panel.logo .title-cell {
    text-align: right;
    font-size: 2rem;
    padding-right: 1.25rem;
    color: white;
}

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

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

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

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

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

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

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

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

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

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

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

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