.main-flex{
    margin: 0 10px;
}

.chart-flex{
    display: flex;
    flex: 1;
    min-height: inherit;
    max-height: inherit;
    gap: 2px;
    /* justify-content: center; */
}

.measurement-chart{
    width: fit-content;
    margin: auto;
}

.chart-body-axis{
    position: relative;
    width: fit-content;
    white-space: nowrap;
}

.chart-axis-elem{
    box-sizing: border-box;
}

.chart-axis-left{
    margin-right: 5px;
    padding-top: 30px;
    padding-bottom: 0px;
}

.chart-axis-right{
    margin-left: 5px;
    padding-top: 30px;
    padding-bottom: 0px;
}

.chart-axis{
    position: relative;
    width: calc(50.0% - 1px);
    line-height: 1.65em;
}

.unit-name-1{
    margin-top: 185px;
}

.unit-name-2{
    margin-top: 328px;
    margin-bottom: auto;
}

.unit-name-3{
    margin-top: 253px;
    margin-bottom: auto;
}

.chart-rich-text{
    overflow-wrap: break-word;
}

.chart-body-main{
    position: relative;
    width: fit-content;
}

.chart-flex-main-row-6{
    width: calc(17.14285714285%);
}

.chart-flex-row-6{
    width: calc(16.6666666666%);
}

.chart-flex-main-row-5{
    width: calc(14.28571428571%);
}

.chart-flex-row-5{
    width: calc(20%);
}

.chart-pump-row{
    margin-top: 33px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.chart-link{
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    width: 95%;
    padding: 0 15px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    background-image: none;
    cursor: pointer;
    box-sizing: border-box;
    touch-action: manipulation;
    position: relative;
    transition: background-color .2s linear;
    font-weight: bolder;
}

.chart-link:hover{
    background-color: #333333;
}

.red{
    background-color: #d72f44;
}

.lgreen{
    background-color: #68af56;
}

.green{
    background-color: #36802e;
}

.dgreen{
    background-color: #1c650a;
}

.blue{
    background-color: #2783d9;
}

.lblue{
    background-color: #70b3f2;
}

.orange{
    background-color: #fba307;
}

.lpurple{
    background-color: #ce5a86;
}

.purple{
    background-color: rgba(195,52,105,0.96);
}

.dpurple{
    background-color: #b3265c;
}

.violet{
    background-color: #ab50ac;
}

.chart-row-body{
    color: #fff;
    font-size: 11px;
    font-weight: bolder;
    font-family: Roboto;
    display: block;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    letter-spacing: 0px;
    background-image: none; 
    transition: background-color 0.05s linear;
}

.chart-row-body:hover{
    background-color:darkturquoise !important;
}

.chart-img{
    max-width: 30px;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    margin-left: auto;
    margin-right: auto;
}

#RV-top{
    margin-top: 275px;
    margin-bottom: 5px;
    max-width: 30px;
    text-align: center;
}

#RV{
    min-height: 205px;
    max-width: 30px;
}

#EM-top{
    margin-top: 130px;
    margin-bottom: 5px;
    max-width: 30px;
}

#EM{
    min-height: 350px;
    max-width: 30px;
}

#Stoke-top{
    margin-top: 63px;
    margin-bottom: 5px;
    max-width: 30px;
}

#Stoke{
    min-height: 385px;
    max-width: 30px;
}

#nES-top{
    margin-top: 80px;
    margin-bottom: 5px;
    max-width: 30px;
}

#nES{
    min-height: 350px;
    max-width: 30px;
}

#EOSi-top{
    margin-top: 40px;
    margin-bottom: 5px;
    max-width: 30px;
}

#EOSi{
    min-height: 380px;
    max-width: 30px;
}

#MBR-top{
    margin-top: 295px;
    margin-bottom: 5px;
    max-width: 30px;
}

#MBR{
    min-height: 100px;
    max-width: 30px;
}

#XDS-top{
    margin-top: 220px;
    margin-bottom: 5px;
    max-width: 30px;
}

#XDS{
    min-height: 230px;
    max-width: 30px;
}

#nXRi-top{
    margin-top: 155px;
    margin-bottom: 5px;
    max-width: 30px;
}

#nXRi{
    min-height: 295px;
    max-width: 30px;
}

#nXLi-top{
    margin-top: 140px;
    margin-bottom: 5px;
    max-width: 30px;
}

#nXLi{
    min-height: 310px;
    max-width: 30px;
}

#EDO-top{
    margin-top: 185px;
    margin-bottom: 5px;
    max-width: 30px;
}

#EDO{
    min-height: 210px;
    max-width: 30px;
}

#EDC-top{
    margin-top: 130px;
    margin-bottom: 5px;
    max-width: 30px;
}

#EDC{
    min-height: 230px;
    max-width: 30px;
}

#GV-top{
    margin-top: 120px;
    margin-bottom: 5px;
    max-width: 30px;
}

#GV{
    min-height: 350px;
    max-width: 30px;
}

#EDS-top{
    margin-top: 110px;
    margin-bottom: 5px;
    max-width: 30px;
}

#EDS{
    min-height: 345px;
    max-width: 30px;
}

#GXS-top{
    margin-top: 20px;
    margin-bottom: 5px;
    max-width: 30px;
}

#GXS{
    min-height: 475px;
    max-width: 30px;
}

#IDX-top{
    margin-top: 55px;
    margin-bottom: 5px;
    max-width: 30px;
}

#IDX{
    min-height: 385px;
    max-width: 30px;
}

#iXL-top{
    margin-top: 65px;
    margin-bottom: 5px;
    max-width: 30px;
}

#iXL{
    min-height: 415px;
    max-width: 30px;
}

#GX-top{
    margin-top: 65px;
    margin-bottom: 5px;
    max-width: 30px;
}

#GX{
    min-height: 415px;
    max-width: 30px;
}

#iXH-top{
    margin-top: 60px;
    margin-bottom: 5px;
    max-width: 30px;
}

#iXH{
    min-height: 410px;
    max-width: 30px;
}

#EDS_C-top{
    margin-top: 130px;
    margin-bottom: 5px;
    max-width: 30px;
}

#EDS_C{
    min-height: 330px;
    max-width: 30px;
}

#EDP-top{
    margin-top: 120px;
    margin-bottom: 5px;
    max-width: 30px;
}

#EDP{
    min-height: 295px;
    max-width: 30px;
}

#CDX-top{
    margin-top: 67px;
    margin-bottom: 5px;
    max-width: 30px;
}

#CDX{
    min-height: 400px;
    max-width: 30px;
}

#CXS-top{
    margin-top: 140px;
    margin-bottom: 5px;
    max-width: 30px;
}

#CXS{
    min-height: 310px;
    max-width: 30px;
}

#LRP-top{
    margin-top: -30px;
    margin-bottom: 5px;
    max-width: 30px;
}

#LRP{
    min-height: 400px;
    max-width: 30px;
}

#EH-top{
    margin-top: 20px;
    margin-bottom: 5px;
    max-width: 30px;
}

#EH{
    min-height: 335px;
    max-width: 30px;
}

#STK-top{
    margin-top: 0px;
    margin-bottom: 5px;
    max-width: 30px;
}

#STK{
    min-height: 330px;
    max-width: 30px;
}

#pXH-top{
    margin-top: -10px;
    margin-bottom: 5px;
    max-width: 30px;
}

#pXH{
    min-height: 330px;
    max-width: 30px;
}

#GMB-top{
    margin-top: -30px;
    margin-bottom: 5px;
    max-width: 30px;
}

#GMB{
    min-height: 350px;
    max-width: 30px;
}

#VB-top{
    margin-top: 55px;
    margin-bottom: 5px;
    max-width: 30px;
}

#VB{
    min-height: 265px;
    max-width: 30px;
}

#HT-top{
    margin-top: 15px;
    margin-bottom: 5px;
    max-width: 30px;
}

#HT{
    min-height: 305px;
    max-width: 30px;
}

#EPX-top{
    margin-top: 255px;
    margin-bottom: 5px;
    max-width: 30px;
}

#EPX{
    min-height: 310px;
    max-width: 30px;
}

#TC-top{
    margin-top: 225px;
    margin-bottom: 5px;
    max-width: 30px;
}

#TC{
    min-height: 425px;
    max-width: 30px;
}

#nEXT-top{
    margin-top: 180px;
    margin-bottom: 5px;
    max-width: 30px;
}

#nEXT{
    min-height: 140px;
    max-width: 30px;
}

#STP-top{
    margin-top: 130px;
    margin-bottom: 5px;
    max-width: 30px;
}

#STP{
    min-height: 190px;
    max-width: 30px;
}

#IGP-top{
    margin-top: 295px;
    margin-bottom: 5px;
    max-width: 30px;
}

#IGP{
    min-height: 25px;
    max-width: 30px;
}

#TSP-top{
    margin-top: 55px;
    margin-bottom: 5px;
    max-width: 30px;
}

#TSP{
    min-height: 265px;
    max-width: 30px;
}

#NEG-top{
    margin-top: 225px;
    margin-bottom: 5px;
    max-width: 30px;
}

#NEG{
    min-height: 95px;
    max-width: 30px;
}

#VB-S{
    margin-top: 110px;
    min-height: 75px;
    max-width: 30px;
}

#HT-S{
    margin-top: 145px;
    min-height: 70px;
    max-width: 30px;
}

#nEXT-S{
    margin-top: 75px;
    min-height: 255px;
    max-width: 30px;
}

#STP-S{
    margin-top: 75px;
    min-height: 255px;
    max-width: 30px;
}

#IGP-S{
    margin-top: 220px;
    min-height: 130px;
    max-width: 30px;
}

#TSP-S{
    margin-top: 220px;
    min-height: 130px;
    max-width: 30px;
}

#NEG-S{
    margin-top: 220px;
    min-height: 130px;
    max-width: 30px;
}

.vl {
    border-left: 2px solid #333333;
    height: calc(100% - 35px);
    position: absolute;
    left: calc(17.14285714285% * 4 + 17.14285714285% * 0.5 - 1px);
    margin-left: -0px;
    top: 29px;
    pointer-events: none;
}

.hl{
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 412px;
    pointer-events: none;
}

.measure-chart{
    text-align: center;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 45vw;
    justify-content: space-between;
}

.measure-chart-link{
    text-align: center;
    flex-grow: 1;
    max-width: 150px;
}

.measurment-link{
    width: 100%;
}

.empty-row{
    width: 30px;
}

.max-row{
    width: 40px;
}

#CG1-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

#CG1{
    min-height: 78px;
    max-width: 40px;
}

#CG2-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#CG2{
    min-height: 78px;
    max-width: 40px;
}

#CG3-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#CG3{
    min-height: 78px;
    max-width: 40px;
}

#CG4-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#CG4{
    min-height: 78px;
    max-width: 40px;
}

#APG-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#APG{
    min-height: 78px;
    max-width: 40px;
}

#APG-XH-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#APG-XH{
    min-height: 78px;
    max-width: 40px;
}

#P3-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#P3{
    min-height: 78px;
    max-width: 40px;
}

#ASG2-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#ASG2{
    min-height: 78px;
    max-width: 40px;
}

#ATC-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#ATC{
    min-height: 78px;
    max-width: 40px;
}

#AIM-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#AIM{
    min-height: 78px;
    max-width: 40px;
}

#AIGX-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#AIGX{
    min-height: 78px;
    max-width: 40px;
}

#WRG-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#WRG{
    min-height: 78px;
    max-width: 40px;
}

#WRH-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#WRH{
    min-height: 78px;
    max-width: 40px;
}

#Baro1-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#Baro1{
    min-height: 78px;
    max-width: 40px;
}

#Baro2-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#Baro2{
    min-height: 78px;
    max-width: 40px;
}

#Baro3-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#Baro3{
    min-height: 78px;
    max-width: 40px;
}

#Baro4-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#Baro4{
    min-height: 78px;
    max-width: 40px;
}

#Baro5-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#Baro5{
    min-height: 78px;
    max-width: 40px;
}

#PRG-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#PRG{
    min-height: 78px;
    max-width: 40px;
}

#CPG-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#CPG{
    min-height: 78px;
    max-width: 40px;
}

#IG-BA-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#IG-BA{
    min-height: 78px;
    max-width: 40px;
}

#IG-EX-top{
    margin-top: 242px;
    margin-bottom: -5px;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
}

#IG-EX{
    min-height: 78px;
    max-width: 40px;
}

.mobile-chart{
    display: none;
    width: 90vw;
    margin: auto;
    position: relative;
}

.mobile-chart-link{
    font-size: 18px;
    font-weight: bolder;
    color: white;
    background-color: #db2031;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 5px;
    border: 2px solid white;
}

.mobile-chart-link-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
}

.mobile-chart-flex{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    text-align: center;
}

@media (max-width: 1250px) {
    .chart-row-body{
        font-size: 10px
    }
}

@media (max-width: 1100px) {
    .chart-row-body{
        font-size: 9px
    }
}

@media (max-width: 960px) {
    .main-flex{
        display: none;
    }
    .mobile-chart{
        display: block;
    }
}