/* CLL / SAFETY / ELEVATE-RR / AE - CSS */
/* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-safety-elevate-rr.css */
/* id: cll-safety-elevate-rr-ae */



#cll-safety-elevate-rr-ae .echo-table table>tbody>tr>td {
    line-height: 14px !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

#cll-safety-elevate-rr-ae .echo-table tbody>tr>th[colspan="5"] {
    background-color: #D9D9D980 !important;
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    color: #535554;
    padding-top: 8px;
    padding-bottom: 8px;
}




#cll-safety-elevate-rr-ae .orange-bg--table{
    background-color: #A73F110D !important;
}

#cll-safety-elevate-rr-ae .grey-bg--table {
    background-color: #9395980D !important;
}

.echo-table tbody>tr>td.row-bg-white {
    background-color: #FFFFFF !important;
}

#cll-safety-elevate-rr-ae .echo-table tbody>tr:nth-child(2)>th {
    border: 1px solid #939598;
    line-height: 14px !important;
}

#cll-safety-elevate-rr-ae .cll-safety-table table>tbody>tr>th.row-bg-black.col-merge, 
#cll-safety-elevate-rr-ae .cll-safety-table table>tbody>tr>th.row-bg-orange.col-merge {
    width: 131px;
    max-width: 131px;
    height: 42px;
    min-height: 42px;
}

#cll-safety-elevate-rr-ae .safety-table table>tbody>tr>td:first-child {
    width: 90px;
}   

#cll-safety-elevate-rr-ae .cll-safety-table table>tbody>tr>th.row-bg-black.col-merge {
    border-left: 1px solid #FFFFFF;
}

#cll-safety-elevate-rr-ae .cll-safety-table table.table-2>tbody>tr>th.row-bg-black.col-merge {
    border-left: 2px solid #FFFFFF;
}

/* IMG to HTML */
.elevate-rr--chart .elevate-tn--chart-right  {
    background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-elevate-rr/mb_Select-AE.svg') no-repeat center;
    width: 340px;
    height: 177px;
    position: relative;
    margin-left: 8px;
}

.elevate-rr--chart .elevate-tn--chart-right  p {
    width: fit-content;
    position: absolute;
    margin-bottom: 0;
}

.elevate-rr--chart .elevate-tn--chart-right .y-axis {
    font-weight: 800;
    font-size: 4.76px;
    line-height: 100%;
    color: #58595B;
    transform: rotate(-90deg);
    top: 91px;
    left: -18px;
}

.elevate-rr--chart .elevate-tn--chart-right .balloon-txt {
    font-weight: 400;
    font-size: 5.15px;
    line-height: 150%;
    color: #FFFFFF;
}

.elevate-rr--chart .elevate-tn--chart-right .balloon-txt > .fw-800 {
    font-size: 7.93px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--txt {
    font-weight: 700;
    font-size: 6.34px;
    line-height: 100%;
}

.elevate-rr--chart .elevate-tn--chart-right .x-axis--txt {
    font-weight: 700;
    font-size: 5.55px;
    line-height: 100%;
    color: #58595B;
}

.elevate-rr--chart .elevate-tn--chart-right .chart-key--txt {
    font-weight: 400;
    font-size: 4.76px;
    line-height: 100%;
    color: #58595B;
}

.elevate-rr--chart .elevate-tn--chart-right .balloon-1 {
    top: 84px;
    left: 39.5px;
}

.elevate-rr--chart .elevate-tn--chart-right .balloon-2 {
    top: 84px;
    left: 81px;
}

.elevate-rr--chart .elevate-tn--chart-right .balloon-3 {
    top: 84px;
    left: 139px;
}

.elevate-rr--chart .elevate-tn--chart-right .balloon-4 {
    top: 63px;
    left: 180.5px;
}

.elevate-rr--chart .elevate-tn--chart-right .balloon-5 {
    top: 34px;
    left: 238px;
}

.elevate-rr--chart .elevate-tn--chart-right .balloon-6 {
    top: 7px;
    left: 279.5px;
}


.elevate-rr--chart .elevate-tn--chart-right .inside-graph--1 {
    top: 137px;
    left: 44px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--2 {
    top: 146.5px;
    left: 44px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--3 {
    top: 122px;
    left: 86px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--4 {
    top: 137px;
    left: 86px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--5 {
    top: 138px;
    left: 143px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--6 {
    top: 147px;
    left: 146px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--7 {
    top: 122px;
    left: 188px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--8 {
    top: 146px;
    left: 186px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--9 {
    top: 76px;
    left: 243px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--10 {
    top: 113px;
    left: 243px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--11 {
    top: 50px;
    left: 284px;
}

.elevate-rr--chart .elevate-tn--chart-right .inside-graph--12 {
    top: 101px;
    left: 285px;
}

.elevate-rr--chart .elevate-tn--chart-right .x-axis--1 {
    top: 159px;
    left: 44px;
}

.elevate-rr--chart .elevate-tn--chart-right .x-axis--2 {
    top: 159px;
    left: 155px;
}

.elevate-rr--chart .elevate-tn--chart-right .x-axis--3 {
    top: 159px;
    left: 252px;
}

.elevate-rr--chart .elevate-tn--chart-right .chart-key--1 {
    top: unset;
    bottom: 1px;
    left: 40px;
}

.elevate-rr--chart .elevate-tn--chart-right .chart-key--2 {
    top: unset;
    bottom: 1px;
    left: 83px;
}

.elevate-rr--chart .elevate-tn--chart-right .chart-key--3 {
    top: unset;
    bottom: 1px;
    left: 126px;
}

.elevate-rr--chart .elevate-tn--chart-right .chart-key--4 {
    top: unset;
    bottom: 1px;
    left: 178px;
}

.elevate-rr--chart .elevate-tn--chart-right .chart-key--5 {
    top: unset;
    bottom: 1px;
    left: 215px;
}

.elevate-rr--chart .elevate-tn--chart-right .chart-key--6 {
    top: unset;
    bottom: 1px;
    left: 258px;
}


/* POST HOC IMG to HTML */
.post-hoc--chart {
    /*background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-elevate-rr/mb_rr-atr.svg') no-repeat bottom right;*/
    background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-elevate-rr/mb_atr.svg') no-repeat bottom right;
    width: 275px;
    height: 650px;
    position: relative;
    margin-left: 8px;
    margin-top: 68px;
}

.post-hoc--chart-hyp {
    background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-elevate-rr/mb_rr-hyp.svg') no-repeat bottom right;
    width: 275px;
    height: 650px;
    position: relative;
    margin-left: 8px;
    margin-top: 68px;
}

.post-hoc--chart-ble {
    background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-elevate-rr/mb_rr-ble.svg') no-repeat bottom right;
    width: 275px;
    height: 704px;
    position: relative;
    margin-left: 8px;
    margin-top: 68px;
}

.post-hoc--chart p {
    width: fit-content;
    position: absolute;
    margin-bottom: 0;
}

.post-hoc--title {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    color: #58595B;
    top: -70px;
    left: 14px;
    width: 296px !important;
}

.post-hoc--chart .y-axis {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: #58595B;
    top: -24px;
    left: 112px;
}

.bar-top--txt {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #DA4828;
}

.bar-top--txt-gray {
    color: #929497;
}

.post-hoc--chart .x-axis--txt {
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
    color: #58595B;
    text-align: center;
}

.top-key--txt {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #58595B;
    top: 48px;
    left: 152px;
    width: 168px !important;
}

.post-hoc--chart .chart-key--txt {
    font-size: 12px;
    line-height: 100%;
    color: #58595B;
}

.post-hoc--chart .below-key--txt {
    font-size: 13px;
    line-height: 100%;
    color: #58595B;
}

.bar-top--1 {
    top: 70px;
    left: 70px;
}

.bar-top--2 {
    top: 110px;
    left: 81px;
}

.bar-top--3 {
    top: 168px;
    left: 70px;
}

.bar-top--4 {
    top: 206px;
    left: 88px;
}

.bar-top--5 {
    top: 264px;
    left: 72px;
}

.bar-top--6 {
    top: 305px;
    left: 95px;
}

.bar-top--7 {
    top: 360px;
    left: 74px;
}

.bar-top--8 {
    top: 400px;
    left: 103px;
}

.bar-top--9 {
    top: 456px;
    left: 78px;
}

.bar-top--10 {
    top: 496px;
    left: 112px;
}

.bar-top--11 {
    top: 554px;
    left: 88px;
}

.bar-top--12 {
    top: 593px;
    left: 123px;
}

.post-hoc--chart .x-axis--1 {
    top: 92px;
    left: 0px;
}

.post-hoc--chart .x-axis--2 {
    top: 188px;
    left: 0px;
}

.post-hoc--chart .x-axis--3 {
    top: 286px;
    left: 0px;
}

.post-hoc--chart .x-axis--4 {
    top: 380px;
    left: 0px;
}

.post-hoc--chart .x-axis--5 {
    top: 476px;
    left: 0px;
}

.post-hoc--chart .x-axis--6 {
    top: 574px;
    left: 0px;
}


.post-hoc--chart .chart-key--1 {
    top: 116px;
    left: 170px;
    width: 150px !important;
    bottom: unset;
}

.post-hoc--chart .chart-key--2 {
    top: 135px;
    left: 170px;
    width: 150px !important;
    bottom: unset;
}

.below-key--1 {
    top: unset;
    bottom: 2px;
    left: 24px;
}

.below-key--2 {
    top: unset;
    bottom: 2px;
    left: 192px;
    min-width: 100px;
}

@media (min-width: 992px) {
    .ls-minus-1px {
        letter-spacing: -0.1px !important;
    }

    #cll-safety-elevate-rr-ae .echo-table table>tbody>tr>td {
        line-height: 21px !important;
        width: 100px;
    }

    #cll-safety-elevate-rr-ae .echo-table tbody>tr>th[colspan="5"] {
        font-size: 18px;
        line-height: 32px;
        padding-top: 2px;
        padding-bottom: 5px;
    }

    #cll-safety-elevate-rr-ae .orange-bg--table {
        background-color: #F15D2212 !important;
    }

    #cll-safety-elevate-rr-ae .grey-bg--table {
        background-color: #9395981A !important;
    }

    #cll-safety-elevate-rr-ae .cll-safety-table table>tbody>tr>th.row-bg-black.col-merge, 
    #cll-safety-elevate-rr-ae .cll-safety-table table>tbody>tr>th.row-bg-orange.col-merge {
        width: 199px;
        max-width: 199px;
        height: 72px;
        min-height: 72px;
    }

    #cll-safety-elevate-rr-ae .cll-safety-table table>tbody>tr>th.row-merge.row-bg-white.pl-4 {
        min-width: 290px;
    }

    #cll-safety-elevate-rr-ae .safety-table table>tbody>tr>td:first-child {
        width: 260px;
    }   
    
    #cll-safety-elevate-rr-ae .safety-table table.table-2>tbody>tr>td:first-child {
        width: 387px;
    }

    #cll-safety-elevate-rr-ae .cll-safety-table table.table-2>tbody>tr>th.row-bg-black.col-merge, 
    #cll-safety-elevate-rr-ae .cll-safety-table table.table-2>tbody>tr>th.row-bg-orange.col-merge {
        width: 284px;
        max-width: 284px;
    }

    #cll-safety-elevate-rr-ae .echo-table tbody>tr:nth-child(2)>th {
        line-height: 21px !important;
    }
    
    #cll-safety-elevate-rr-ae .cll-safety-table table {
        margin-top: -12px !important;
    }

    /* IMG to HTML */
    .elevate-rr--chart .elevate-tn--chart-right  {
        background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-elevate-rr/Select-AE.svg') no-repeat center;
        width: 880px;
        height: 445px;
        position: relative;
        margin-left: 8px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .y-axis {
        font-size: 12px;
        top: 230px;
        left: -37px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .balloon-txt {
        font-size: 13px;
        line-height: 140%;
    }

    .elevate-rr--chart .elevate-tn--chart-right .balloon-txt > .fw-800 {
        font-size: 20px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--txt {
        font-size: 16px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .x-axis--txt {
        font-size: 14px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .chart-key--txt {
        font-size: 12px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .balloon-1 {
        top: 211px;
        left: 110px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .balloon-2 {
        top: 210px;
        left: 216px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .balloon-3 {
        top: 210px;
        left: 362px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .balloon-4 {
        top: 160px;
        left: 466px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .balloon-5 {
        top: 85px;
        left: 611px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .balloon-6 {
        top: 17px;
        left: 716px;
    }


    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--1 {
        top: 343px;
        left: 121px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--2 {
        top: 368px;
        left: 121px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--3 {
        top: 305px;
        left: 226px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--4 {
        top: 343px;
        left: 229px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--5 {
        top: 347px;
        left: 373px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--6 {
        top: 370px;
        left: 380px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--7 {
        top: 306px;
        left: 483px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--8 {
        top: 366px;
        left: 480px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--9 {
        top: 190px;
        left: 624px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--10 {
        top: 287px;
        left: 627px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--11 {
        top: 126px;
        left: 726px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .inside-graph--12 {
        top: 266px;
        left: 731px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .x-axis--1 {
        top: 396px;
        left: 114px;
        max-width: 170px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .x-axis--2 {
        top: 396px;
        left: 399px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .x-axis--3 {
        top: 396px;
        left: 641px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .chart-key--1 {
        top: unset;
        bottom: 1px;
        left: 111px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .chart-key--2 {
        top: unset;
        bottom: 1px;
        left: 220px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .chart-key--3 {
        top: unset;
        bottom: 1px;
        left: 329px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .chart-key--4 {
        top: unset;
        bottom: 1px;
        left: 462px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .chart-key--5 {
        top: unset;
        bottom: 1px;
        left: 550px;
    }

    .elevate-rr--chart .elevate-tn--chart-right .chart-key--6 {
        top: unset;
        bottom: 1px;
        left: 659px;
    }

    /* POST HOC IMG to HTML */
    .post-hoc--chart  {
        /*background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-elevate-rr/rr-atr.svg') no-repeat center;*/
        background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-elevate-rr/atr.png') no-repeat center;
        width: 690px;
        height: 230px;
        position: relative;
        margin-left: 8px;
        margin-top: 24px;
    }
    
    .post-hoc--chart-hyp {
        background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-elevate-rr/rr-hyp.svg') no-repeat center;
        width: 690px;
        height: 230px;
        position: relative;
        margin-left: 8px;
        margin-top: 24px;
    }

    .post-hoc--chart-ble {
        background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-elevate-rr/rr-ble.svg') no-repeat center;
        width: 690px;
        height: 315px;
        position: relative;
        margin-left: 8px;
        margin-top: 24px;
    }

    .post-hoc--title {
        width: 385px !important;
        top: -24px;
        left: 152px;
    }

    .post-hoc--chart .y-axis {
        transform: rotate(-90deg);
        top: 106px;
        left: -64px;
    }

    .top-key--txt {
        font-size: 16px;
        line-height: 22px;
        top: 112px;
        left: calc(100% - 16px);
        width: 186px !important;
    }

    .post-hoc--chart .chart-key--txt {
        font-size: 15px;
    }

    
    .bar-top--1 {
        top: 194px;
        left: 70px;
    }

    .bar-top--2 {
        top: 184px;
        left: 114px;
    }

    .bar-top--3 {
        top: 192px;
        left: 165px;
    }

    .bar-top--4 {
        top: 176px;
        left: 210px;
    }

    .bar-top--5 {
        top: 190px;
        left: 262px;
    }

    .bar-top--6 {
        top: 169px;
        left: 302px;
    }

    .bar-top--7 {
        top: 187px;
        left: 364px;
    }

    .bar-top--8 {
        top: 161px;
        left: 398px;
    }

    .bar-top--9 {
        top: 185px;
        left: 461px;
    }

    .bar-top--10 {
        top: 152px;
        left: 495px;
    }

    .bar-top--11 {
        top: 172px;
        left: 557px;
    }

    .bar-top--12 {
        top: 141px;
        left: 591px;
    }

    .post-hoc--chart .x-axis--1 {
        top: unset;
        left: 74px;
        bottom: -14px;
    }

    .post-hoc--chart .x-axis--2 {
        top: unset;
        left: 166px;
        bottom: -14px;
    }

    .post-hoc--chart .x-axis--3 {
        top: unset;
        left: 260px;
        bottom: -14px;
    }

    .post-hoc--chart .x-axis--4 {
        top: unset;
        left: 354px;
        bottom: -14px;
    }

    .post-hoc--chart .x-axis--5 {
        top: unset;
        left: 454px;
        bottom: -14px;
    }

    .post-hoc--chart .x-axis--6 {
        top: unset;
        left: 552px;
        bottom: -14px;
    }


    .post-hoc--chart .chart-key--1 {
        top: 191px;
        left: calc(100% + 7px);
        width: 174px !important;
    }

    .post-hoc--chart .chart-key--2 {
        top: 210px;
        left: calc(100% + 7px);
    }


    /* POST HOC HYPERTENSION */

    .post-hoc--chart-hyp .bar-top--1 {
        top: 186px;
        left: 70px;
    }

    .post-hoc--chart-hyp .bar-top--2 {
        top: 161px;
        left: 110px;
    }

    .post-hoc--chart-hyp .bar-top--3 {
        top: 184px;
        left: 172px;
    }

    .post-hoc--chart-hyp .bar-top--4 {
        top: 148px;
        left: 206px;
    }

    .post-hoc--chart-hyp .bar-top--5 {
        top: 175px;
        left: 268px;
    }

    .post-hoc--chart-hyp .bar-top--6 {
        top: 131px;
        left: 303px;
    }

    .post-hoc--chart-hyp .bar-top--7 {
        top: 174px;
        left: 364px;
    }

    .post-hoc--chart-hyp .bar-top--8 {
        top: 121px;
        left: 399px;
    }

    .post-hoc--chart-hyp .bar-top--9 {
        top: 172px;
        left: 461px;
    }

    .post-hoc--chart-hyp .bar-top--10 {
        top: 110px;
        left: 495px;
    }

    .post-hoc--chart-hyp .bar-top--11 {
        top: 168px;
        left: 554px;
    }

    .post-hoc--chart-hyp .bar-top--12 {
        top: 104px;
        left: 592px;
    }

    .post-hoc--chart-hyp .top-key--txt {
        top: unset;
        left: 674px;
        bottom: 56px;
    }

    .post-hoc--chart-hyp .chart-key--1 {
        top: 191px;
        left: calc(100% + 7px);
        width: 174px !important;
    }

    .post-hoc--chart-hyp .chart-key--2 {
        top: 210px;
        left: calc(100% + 7px);
    }

    /* POST HOC BLEEDING */

    .post-hoc--chart-ble .bar-top--1 {
        top: 101px;
        left: 71px;
    }

    .post-hoc--chart-ble .bar-top--2 {
        top: 53px;
        left: 110px;
    }

    .post-hoc--chart-ble .bar-top--3 {
        top: 89px;
        left: 168px;
    }

    .post-hoc--chart-ble .bar-top--4 {
        top: 41px;
        left: 206px;
    }

    .post-hoc--chart-ble .bar-top--5 {
        top: 82px;
        left: 264px;
    }

    .post-hoc--chart-ble .bar-top--6 {
        top: 31px;
        left: 303px;
    }

    .post-hoc--chart-ble .bar-top--7 {
        top: 68px;
        left: 360px;
    }

    .post-hoc--chart-ble .bar-top--8 {
        top: 22px;
        left: 399px;
    }

    .post-hoc--chart-ble .bar-top--9 {
        top: 64px;
        left: 456px;
    }

    .post-hoc--chart-ble .bar-top--10 {
        top: 10px;
        left: 495px;
    }

    .post-hoc--chart-ble .bar-top--11 {
        top: 55px;
        left: 552px;
    }

    .post-hoc--chart-ble .bar-top--12 {
        top: 7px;
        left: 592px;
    }

    .post-hoc--chart-ble .top-key--txt {
        top: unset;
        left: 674px;
        bottom: 144px;
    }

    .post-hoc--chart-ble .chart-key--1 {
        top: 191px;
        left: calc(100% + 7px);
        width: 174px !important;
    }

    .post-hoc--chart-ble .chart-key--2 {
        top: 210px;
        left: calc(100% + 7px);
    }

    .post-hoc--chart-ble .x-axis--1 {
        top: unset;
        left: 74px;
        bottom: 68px;
    }

    .post-hoc--chart-ble .x-axis--2 {
        top: unset;
        left: 166px;
        bottom: 68px;
    }

    .post-hoc--chart-ble .x-axis--3 {
        top: unset;
        left: 260px;
        bottom: 68px;
    }

    .post-hoc--chart-ble .x-axis--4 {
        top: unset;
        left: 354px;
        bottom: 68px;
    }

    .post-hoc--chart-ble .x-axis--5 {
        top: unset;
        left: 454px;
        bottom: 68px;
    }

    .post-hoc--chart-ble .x-axis--6 {
        top: unset;
        left: 552px;
        bottom: 68px;
    }

    .below-key--1 {
        left: 294px;
    }

    .below-key--2 {
        left: 462px;
    }
    
    #cll-safety-elevate-rr-dr .txt-below--circle-chart {
        margin-top: -12px;
    }

}

@media (max-width: 991px) {
    .mobile_border-left--none {
        border-left: none !important;
    }

    /* POST HOC HYPERTENSION */

    .post-hoc--chart-hyp .bar-top--1 {
        top: 71px;
        left: 74px;
    }

    .post-hoc--chart-hyp .bar-top--2 {
        top: 109px;
        left: 99px;
    }

    .post-hoc--chart-hyp .bar-top--3 {
        top: 167px;
        left: 78px;
    }

    .post-hoc--chart-hyp .bar-top--4 {
        top: 206px;
        left: 112px;
    }

    .post-hoc--chart-hyp .bar-top--5 {
        top: 264px;
        left: 88px;
    }

    .post-hoc--chart-hyp .bar-top--6 {
        top: 302px;
        left: 130px;
    }

    .post-hoc--chart-hyp .bar-top--7 {
        top: 360px;
        left: 88px;
    }

    .post-hoc--chart-hyp .bar-top--8 {
        top: 400px;
        left: 140px;
    }

    .post-hoc--chart-hyp .bar-top--9 {
        top: 456px;
        left: 91px;
    }

    .post-hoc--chart-hyp .bar-top--10 {
        top: 496px;
        left: 150px;
    }

    .post-hoc--chart-hyp .bar-top--11 {
        top: 552px;
        left: 94px;
    }

    .post-hoc--chart-hyp .bar-top--12 {
        top: 592px;
        left: 157px;
    }

    .post-hoc--chart-hyp .top-key--txt {
        top: 59px;
        left: 150px;
    }

    .post-hoc--chart-hyp .chart-key--1 {
        top: 125px;
        left: 169px;
        bottom: unset;
    }

    .post-hoc--chart-hyp .chart-key--2 {
        top: 144px;
        left: 169px;
        bottom: unset;
    }

    /* POST HOC BLEEDING */

    .post-hoc--chart-ble .bar-top--1 {
        top: 72px;
        left: 161px;
    }

    .post-hoc--chart-ble .bar-top--2 {
        top: 110px;
        left: 205px;
    }

    .post-hoc--chart-ble .bar-top--3 {
        top: 166px;
        left: 172px;
    }

    .post-hoc--chart-ble .bar-top--4 {
        top: 207px;
        left: 218px;
    }

    .post-hoc--chart-ble .bar-top--5 {
        top: 264px;
        left: 179px;
    }

    .post-hoc--chart-ble .bar-top--6 {
        top: 304px;
        left: 232px;
    }

    .post-hoc--chart-ble .bar-top--7 {
        top: 361px;
        left: 194px;
    }

    .post-hoc--chart-ble .bar-top--8 {
        top: 400px;
        left: 240px;
    }

    .post-hoc--chart-ble .bar-top--9 {
        top: 457px;
        left: 198px;
    }

    .post-hoc--chart-ble .bar-top--10 {
        top: 496px;
        left: 251px;
    }

    .post-hoc--chart-ble .bar-top--11 {
        top: 554px;
        left: 207px;
    }

    .post-hoc--chart-ble .bar-top--12 {
        top: 594px;
        left: 254px;
    }

    .post-hoc--chart-ble .top-key--txt {
        top: 56px;
        left: 235px;
        width: 113px !important;
    }

    .post-hoc--chart-ble .chart-key--1 {
        top: 148px;
        left: 254px;
        bottom: unset;
        width: 62px !important;
    }

    .post-hoc--chart-ble .chart-key--2 {
        top: 174px;
        left: 254px;
        bottom: unset;
        width: 62px !important;
    }
}

/* CLL / SAFETY / ELEVATE-RR / Discontinuation Rates - CSS */
/* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-safety-elevate-rr.css */
/* id: cll-safety-elevate-rr-dr */


#cll-safety-elevate-rr-dr .donut-chart.circle-chart-1 p.circle-chart--number {
    font-size: 47px;
    top: 62px;
    left: 46px;
    color: #DA4726;
}

#cll-safety-elevate-rr-dr .donut-chart.circle-chart-1 p.fw-700 {
    font-size: 16px;
    top: 108px;
    left: 42px;
    color: #DA4726;
}

#cll-safety-elevate-rr-dr .donut-chart.circle-chart-2 p.circle-chart--number { 
    font-size: 47px; 
    top: 60px;
    left: 48px;
}

#cll-safety-elevate-rr-dr .donut-chart.circle-chart-2 p.fw-700 { 
    font-size: 16px;
    top: 108px;
    left: 54px;
}


@media (max-width: 991px) {
    #cll-safety-elevate-rr-dr .circle-chart img {
        max-width: 162px;
        width: 162px;
        height: 162px;
    }

    #cll-safety-elevate-rr-dr .donut-chart.circle-chart-1 p.circle-chart--number {
        font-size: 40.65px;
        top: 56px;
        left: 36px;
    }

    #cll-safety-elevate-rr-dr .donut-chart.circle-chart-1 p.fw-700 {
        font-size: 13.84px;
        top: 94px;
        left: 37px;
    }

    #cll-safety-elevate-rr-dr .donut-chart.circle-chart-2 p.circle-chart--number { 
        font-size: 40.65px; 
        top: 56px;
        left: 40px;
    }

    #cll-safety-elevate-rr-dr .donut-chart.circle-chart-2 p.fw-700 { 
        font-size: 13.84px;
        top: 94px;
        left: 47px;
    }
}

@media (min-width: 519px) and (max-width: 991px) {
    #cll-safety-elevate-rr-ae .pinch-and-zoom {
        padding-top: 4px !important;
    }
}

@media (max-width: 389px) {
    #cll-safety-elevate-rr-ae .echo-table table {
        zoom: 0.65;
    }
    .post-hoc--chart {
        zoom: 0.8;
    }
}