body { margin: 0 auto; position:absolute; padding: 0; background-color: #000000; width: 100%; } .header14k {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .header14k th {font-family:arial;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .header14k tr {background-color:#171515;} .header14k td {font-family:sans-serif;font-size:38px;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftable1 {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftable1 th {font-family:arial;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftable1 tr {background-color:#171515;} .tftable1 td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftable14k {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftable14k th {font-family:arial;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftable14k tr {background-color:#171515;} .tftable14k td {font-family:sans-serif;font-size:32px;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftable2 {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftable2 th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftable2 tr {background-color:#171515;} .tftable2 td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 2px;padding: 0px;border-style: solid;border-color: #686767;} .tftable24k {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftable24k th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftable24k tr {background-color:#171515;} .tftable24k td {font-family:sans-serif;font-size:30px;font-weight:bold;border-width: 2px;padding: 0px;border-style: solid;border-color: #686767;} .tftable3 {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftable3 th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftable3 tr {background-color:#171515;} .tftable3 td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftable4 {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftable4 th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftable4 tr {background-color:#171515;} .tftable4 td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 1px;padding: 1px;border-style: solid;border-color: #686767;} .tftable5 {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftable5 th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftable5 tr {background-color:#171515;} .tftable5 td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftable54k {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftable54k th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftable54k tr {background-color:#171515;} .tftable54k td {font-family:sans-serif;font-size:32px;font-weight:550;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftable6 {width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftable6 th {background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftable6 tr {background-color:#171515;height:50px;} .tftable6 td {font-family: sans-serif;font-size: 3vw;color: #fbfbfb;border-width: 2px;padding: 1px;border-style: solid;border-color: #686767;} .tftable7 {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftable7 th {font-family:arial;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftable7 tr {background-color:#171515;} .tftable7 td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 6px;padding: 3px;border-style: solid;border-color: #2b2b2b;} .tftableEAST {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftableEAST th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftableEAST tr {background-color:#171515;height:37px;} .tftableEAST td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftableWEST {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftableWEST th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftableWEST tr {background-color:#171515;height:37px;} .tftableWEST td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftableEAST4k {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftableEAST4k th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftableEAST4k tr {background-color:#171515;height:37px;} .tftableEAST4k td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftableWEST4k {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftableWEST4k th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftableWEST4k tr {background-color:#171515;height:37px;} .tftableWEST4k td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftableBOILERS {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;vertical-align: top;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftableBOILERS th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftableBOILERS tr {background-color:#171515;height:38px;} .tftableBOILERS td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} .tftableLEVELS {font-family:sans-serif;font-size:12px;color:#fbfbfb;width:100%;vertical-align: top;border-width: 1px;border-color: #686767;border-collapse: collapse;empty-cells: hide;} .tftableLEVELS th {font-family:sans-serif;font-size:12px;background-color:#171515;border-width: 1px;padding: 8px;border-style: solid;border-color: #686767;text-align:left;} .tftableLEVELS tr {background-color:#171515;height:38px;vertical-align: top;} .tftableLEVELS td {font-family:sans-serif;font-size:1.4vw;font-weight:bold;border-width: 2px;padding: 3px;border-style: solid;border-color: #686767;} progress { width: 190px; height: 30px; background-color: #000; border-radius: 2px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; } #progresstanks[value]::-webkit-progress-value::before { content: attr(value) position: absolute; right: 0; top: 0%; } #progresstanks4k[value]::-webkit-progress-value::before { content: attr(value) position: absolute; right: 0; top: 0%; } #progressmills { width: 100%; height: 27px; background-color: #000; border-radius: 2px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; position:relative; } #progresstanks { width: 100%; height: 26px; background-color: #000; font-size: 1.5vw; border-radius: 2px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; position:relative; } #progresstanks4k { width: 100%; height: 32px; background-color: #000; border-radius: 2px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; position:relative; } progress:before { content: attr(data-label); text-align: center; font-size: 1.0em; vertical-align: 0; /*Position text over the progress bar */ position:absolute; left:0; right:0; } #progressboilers { width: 100%; height: 26px; background-color: #000; border-radius: 2px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; position:relative; } .container{ width: 100%; height: 120px; overflow: hidden; position: relative; margin:0px auto; } .barcontainer{ background-color: #171f17; position: relative; transform: translateY(-50%); margin-top: 60px; margin-left: 0px; margin-bottom: -60px; width: 100%; height: 120px; } .bar{ background-color: #1e6b1d; position: absolute; margin-left: 3.5px; bottom: 0; width: 95%; height: 100%; border-top: 6px solid #0f360f; box-sizing: border-box; //animation: grow 1.5s ease-out forwards; transform-origin: bottom; } .bartext{ position: absolute; bottom: 0; text-align: center; font-family: Arial; font-size: 2.2vw; font-color: #fff; font-style: italic; } #dryerson { background-color: #039003; text-align: center; font-size: 1.4vw; letter-spacing: -0.00em; color: #fff; font-weight: bold; text-decoration: none; width: 6.66%px; height: 8px; padding: 9px 0px 9px 0px; margin: 0 9px 0 8px; } #dryersoff { background-color:#c00002; text-align: center; font-size: 1.4vw; letter-spacing: -0.00em; color: #fff; font-weight: bold; text-decoration: none; width: 6.66%px; height: 8px; padding: 9px 0px 9px 0px; margin: 0 9px 0 8px; } #gopen { background-color: #039003; text-align: center; font-size: 100%; letter-spacing: -0.00em; color: #fff; font-weight: bold; text-decoration: none; width: 100%px; height: 8px; padding: 9px 0 9px 12px; margin: 0 9px 0 8px; } #gclose { background-color:#c00002; text-align: center; font-size: 100%; letter-spacing: -0.00em; color: #fff; font-weight: bold; text-decoration: none; width: 100%px; height: 8px; padding: 9px 0 9px 12px; margin: 0 9px 0 8px; } @keyframes grow{ from{ transform: scaleY(0); } }