/*****************************/
/*** maintenance dashboard ***/
/*****************************/
html.dashboard.maintenance.illinois.index {
    font-size: 2.75vmin;
    font-weight: 300;
}
@media only screen and (min-aspect-ratio: 90/90) and (max-aspect-ratio: 95/90) {
    html.dashboard.maintenance.illinois.index {
        font-size: 1.5vmin;
    }
}

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

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

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

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

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

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

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

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

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

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

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

@media (orientation: landscape) {
    html.dashboard.maintenance.illinois.index .layout-grid {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(16, 1fr);
    }
}

html.dashboard.maintenance.illinois.index .panel.logo {
    text-align: center;
}

@media (orientation: portrait) {
    html.dashboard.maintenance.illinois.index .panel.logo {
        height: 4rem;
    }
}

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

html.dashboard.maintenance.illinois.index .panel.logo img {
    width: 14rem;
}

@media (orientation: landscape) {
    html.dashboard.maintenance.illinois.index .panel.logo {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3;
    }
}

@media (orientation: landscape) {
    html.dashboard.maintenance.illinois.index .panel.priority-backlog-breakdown {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 10;
    }
}

@media (orientation: portrait) {
    html.dashboard.maintenance.illinois.index .panel.priority-backlog-breakdown .ct-chart-priority-backlog-breakdown {
        margin: 1rem 0;
    }
}

html.dashboard.maintenance.illinois.index .panel.priority-backlog-breakdown {
    position: relative;
}

html.dashboard.maintenance.illinois.index .panel.priority-backlog-breakdown .middle-figure {
    position: absolute;
    text-align: center;
    bottom: 0.25rem;
    right: 0.5rem;
    font-size: 2.5rem;
}

html.dashboard.maintenance.illinois.index .panel.priority-backlog-breakdown .middle-figure .unit {
    font-size: .6rem;
}

html.dashboard.maintenance.illinois.index .ct-chart-priority-backlog-breakdown .ct-label {
    font-size: 1.75vmin;
    font-weight: 500;
    color: #1e1e2d;
    fill: #1e1e2d;
}

html.dashboard.maintenance.illinois.index .ct-chart-priority-backlog-breakdown .ct-label:nth-of-type(1) {
    transform: translate(0, -1.25vmin);
}

html.dashboard.maintenance.illinois.index .ct-chart-priority-backlog-breakdown .ct-label:nth-of-type(2) {
    transform: translate(-.25vmin, 1.25vmin);
}

html.dashboard.maintenance.illinois.index .ct-chart-priority-backlog-breakdown .ct-label:nth-of-type(3) {

}

html.dashboard.maintenance.illinois.index .ct-chart-priority-backlog-breakdown .ct-series.series-3-routine {
    fill: #5FBF50;
    opacity: 0.9;
}
html.dashboard.maintenance.illinois.index .ct-chart-priority-backlog-breakdown .ct-series.series-2-urgent {
    fill: #D99923;
    opacity: 0.9;
}
html.dashboard.maintenance.illinois.index .ct-chart-priority-backlog-breakdown .ct-series.series-1immediate {
    fill: #D94436;
}

@media (orientation: landscape) {
    html.dashboard.maintenance.illinois.index .panel.daily-completed {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 11;
        grid-row-end: 17;  
    }
}

@media (orientation: landscape) {
    html.dashboard.maintenance.illinois.index .panel.graph-key {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 10;
        grid-row-end: 11;
    }
}

html.dashboard.maintenance.illinois.index .panel.graph-key {
    padding: 1rem 0;
}

html.dashboard.maintenance.illinois.index .panel.graph-key .flex-row.legend {
    align-items: center;
    font-size: .8rem;
    justify-content: space-around;
}

html.dashboard.maintenance.illinois.index .panel.graph-key .flex-row.legend .item .color {
    width: 0.8rem;
    height: 0.8rem;
    display: inline-block;
    background-color: #000;
}
html.dashboard.maintenance.illinois.index .panel.graph-key .flex-row.legend .item .label {
    position: relative;
    display: inline-block;
    bottom: 0.1rem;
}
html.dashboard.maintenance.illinois.index .panel.graph-key .flex-row.legend .series-1immediate .color {
    background-color: #D94436;
}
html.dashboard.maintenance.illinois.index .panel.graph-key .flex-row.legend .series-2-urgent .color {
    background-color: #D99923;
}
html.dashboard.maintenance.illinois.index .panel.graph-key .flex-row.legend .series-3-routine .color {
    background-color: #5FBF50;
}

html.dashboard.maintenance.illinois.index .ct-chart-daily-completed .ct-label {
    font-size: 1.5vmin;
    color: #a2a3b7;
}

html.dashboard.maintenance.illinois.index .ct-chart-daily-completed .ct-label.ct-horizontal {
    position: relative;
    left: -2.1vmin;
    top: .35vmin;
}

html.dashboard.maintenance.illinois.index .ct-chart-daily-completed .ct-label.ct-vertical {
    position: relative;
    top: .75vmin;
    left: -.25vmin;
}

html.dashboard.maintenance.illinois.index .ct-chart-daily-completed .ct-grid {
    stroke: rgba(0,155,237,.5);
}

html.dashboard.maintenance.illinois.index .ct-chart-daily-completed .ct-series.series-3-routine {
    stroke: #5FBF50;
    opacity: 0.4;
}
html.dashboard.maintenance.illinois.index .ct-chart-daily-completed .ct-series.series-2-urgent {
    stroke: #D99923;
    opacity: 0.6;
}
html.dashboard.maintenance.illinois.index .ct-chart-daily-completed .ct-series.series-1immediate {
    stroke: #D94436;
}

@media (orientation: landscape) {
    html.dashboard.maintenance.illinois.index .panel.open-p1-and-p2 {
        grid-column-start: 3;
        grid-column-end: 6;
        grid-row-start: 1;
        grid-row-end: 9;
    }    
}

@media (orientation: landscape) {
    html.dashboard.maintenance.illinois.index .panel.past-due-pms {
        grid-column-start: 3;
        grid-column-end: 6;
        grid-row-start: 9;
        grid-row-end: 14;
    }
}

@media (orientation: landscape) {
    html.dashboard.maintenance.illinois.index .panel.stockouts {
        grid-column-start: 3;
        grid-column-end: 6;
        grid-row-start: 14;
        grid-row-end: 17;        
    }
}

/* Pages and pagination */
html.dashboard.maintenance.illinois.index .panel .total-wo-figure {
    position: absolute;
    text-align: center;
    top: 0.5rem;
    left: 0.5rem;
    font-size: 1rem;
}

html.dashboard.maintenance.illinois.index .panel .total-wo-figure .number {
    font-size: 1rem;
    display: inline-block;
}

html.dashboard.maintenance.illinois.index .panel .total-wo-figure .unit {
    font-size: .6rem;
    display: inline-block;
}

html.dashboard.maintenance.illinois.index .panel .pagination-figure {
    position: absolute;
    text-align: center;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 1rem;
}

html.dashboard.maintenance.illinois.index .panel .pagination-figure .current-page {
    font-size: 1rem;
    display: inline-block;
}

html.dashboard.maintenance.illinois.index .panel .pagination-figure .total-pages {
    font-size: 1rem;
    display: inline-block;
}

html.dashboard.maintenance.illinois.index .panel .pagination-figure .unit {
    font-size: .6rem;
    display: inline-block;
}

html.dashboard.maintenance.illinois.index .panel .pagination-figure .of {
    font-size: .6rem;
    display: inline-block;
}
/* End pages and pagination */

/* Slides */
html.dashboard.maintenance.illinois.index .panel-body .slide-container {
    flex-direction: column;
    display: flex;
    flex: 1;
    align-items: center;
}

html.dashboard.maintenance.illinois.index .panel-body .slide {
    flex: 1;
    display: none;
    flex-direction: column;
    height: 100%;
    position: relative;
    justify-content: flex-start;
    width: 100%;
}

html.dashboard.maintenance.illinois.index .panel-body .slide.active {
    display: flex;
}

html.dashboard.maintenance.illinois.index .panel-body .slide .flex-row {
    flex: 0 0 1.5rem;
    display: flex;
    font-size: .75rem;
    padding: 0.1rem 0;
}

html.dashboard.maintenance.illinois.index .panel-body .slide .flex-row.header {
    text-align: center;
    color: #D99923;
}

html.dashboard.maintenance.illinois.index .panel-body .slide .flex-row.wo:nth-child(even) {
    background-color: rgba(0, 56, 86, 0.45);
}
/* End Slides */


html.dashboard.maintenance.illinois.index .panel.open-p1-and-p2 .panel-title {
    margin-bottom: 0.15rem;
    margin-top: 0.45rem;
}

html.dashboard.maintenance.illinois.index .panel.open-p1-and-p2  .panel-body .slide .flex-row .number {
    flex: 1;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.open-p1-and-p2  .panel-body .slide .flex-row .priority {
    flex: 0.4;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.open-p1-and-p2  .panel-body .slide .flex-row .equipment {
    flex: 1.4;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.open-p1-and-p2  .panel-body .slide .flex-row .description {
    flex: 3;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.open-p1-and-p2  .panel-body .slide .flex-row.wo .description {
    width: 14rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 1.45rem;
    line-height: .7rem;
    text-align: left;
    font-size: .58rem;
}

html.dashboard.maintenance.illinois.index .panel.open-p1-and-p2  .panel-body .slide .flex-row .submitted {
    flex: 1;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}


html.dashboard.maintenance.illinois.index .panel.past-due-pms .panel-title {
    margin-bottom: 0.15rem;
    margin-top: 0.45rem;
}

html.dashboard.maintenance.illinois.index .panel.past-due-pms  .panel-body .slide .flex-row .number {
    flex: 1;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.past-due-pms  .panel-body .slide .flex-row .priority {
    flex: 0.4;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.past-due-pms  .panel-body .slide .flex-row .equipment {
    flex: 1.4;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.past-due-pms  .panel-body .slide .flex-row .description {
    flex: 3;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.past-due-pms  .panel-body .slide .flex-row.wo .description {
    width: 14rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 1.45rem;
    line-height: .7rem;
    text-align: left;
    font-size: .58rem;
}

html.dashboard.maintenance.illinois.index .panel.past-due-pms  .panel-body .slide .flex-row .required {
    flex: 1;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}


html.dashboard.maintenance.illinois.index .panel.stockouts .panel-title {
    margin-bottom: 0.15rem;
    margin-top: 0.45rem;
}

html.dashboard.maintenance.illinois.index .panel.stockouts  .panel-body .slide .flex-row .m-number {
    flex: 1;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.stockouts  .panel-body .slide .flex-row .in-mapcon-y-n {
    flex: .8;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.stockouts  .panel-body .slide .flex-row .po-number {
    flex: .9;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.stockouts  .panel-body .slide .flex-row .bucket {
    flex: 1;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.stockouts  .panel-body .slide .flex-row .comments {
    flex: 3;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

html.dashboard.maintenance.illinois.index .panel.stockouts  .panel-body .slide .flex-row.wo .comments {
    width: 14rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 1.45rem;
    line-height: .7rem;
    text-align: left;
    font-size: .58rem;
}