/* CLL / EFFICACY / ASCEND / PFS - CSS */
/* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-efficacy-ascend.css */
/* id: cll-efficacy-ascend-pfs */


#cll-efficacy-ascend-pfs .donut-chart p {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    width: 259px;
    transform: translateX(-50px);
}

#cll-efficacy-ascend-pfs .donut-chart-container > div:first-child {
    margin-top: -24px;
    margin-left: 32px;
}


@media (min-width: 992px) {
    .ascend-efficacy-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow::before {
        width: 454px;
    }
    
    .ascend-efficacy-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow span {
        font-size: 22px;
    }

    #cll-efficacy-ascend-pfs .donut-chart-container {
        width: 833px;
        justify-content: space-between;
    }
    .width-935{
        width: 935px;
         padding-left: 30px !important;
    }
      .img-width-187-container {
        width: 950px;
        justify-content: space-between;
    }

    #cll-efficacy-ascend-pfs .donut-chart-container > div:first-child {
        margin-top: 0;
        margin-left: 0;
    }

    .desktop_mw-960px {
        min-width: 960px;
    }
    .width-935 .orange-bullet--list{
        width: 289px;
    }
    
    .width-935 .orange-bullet--list li{
        padding-left: 7px;
    }
    
    .width-935 div:nth-child(2){
        gap: 25px !important;
    }
    
    #cll-efficacy-ascend-pfs .donut-chart p {
    font-size: 16px;
    line-height: 16px;
    width: 295px;
}
}


/* CLL / EFFICACY / ASCEND / ORR - CSS */
/* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-efficacy-ascend.css */
/* id: cll-efficacy-ascend-orr */

#cll-efficacy-ascend-orr .subtract-container {
    padding: 37px 1px 28px 12px;
}

#cll-efficacy-ascend-orr .subtract-container p {
    font-size: 22px;
    line-height: 36px;
}

#cll-efficacy-ascend-orr .subtract-container p.footnote {
    font-size: 14px;
    line-height: 18px;
    padding-left: 0;
    padding-top: 11px;
}

#cll-efficacy-ascend-orr .subtract-container ul li {
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
    padding-right: 42px;
}

/* IMG to HTML */
.ascend-orr--chart {
    background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-efficacy-ascend/desktop/mb_ASCEND-orr.svg') no-repeat center;
    width: 343px;
    height: 184px;
    position: relative;
}

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

.inside-bar--txt {
    font-weight: 700;
    font-size: 8.07px;
    line-height: 100%;
    color: #FFFFFF;
}

.ascend-orr--chart .y-axis {
    font-weight: 700;
    font-size: 9.07px;
    line-height: 100%;
    color: #58595B;
    transform: rotate(-90deg);
    top: 82px;
    left: -35px;
}

.ascend-orr--chart .x-axis--txt {
    font-weight: 400;
    font-size: 6.05px;
    line-height: 100%;
    color: #58595B;
}

.top-bar--1 {
    font-weight: 800;
    font-size: 18.15px;
    line-height: 100%;
    color: #DA4326;
    top: 11px;
    left: 102px;
}

.top-bar--2 {
    font-weight: 800;
    font-size: 18.15px;
    line-height: 100%;
    color: #58595B;
    top: 10px;
    left: 204px;
}

.inside-bar--1 {
    top: 171px;
    left: 104px;
}

.inside-bar--2 {
    top: 93px;
    left: 103px;
}

.inside-bar--3 {
    top: 171px;
    left: 210px;
}

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

.ascend-orr--chart .x-axis--1 {
    left: 91px;
    bottom: -8px;
    top: unset;
}

.ascend-orr--chart .x-axis--2 {
    left: 204px;
    bottom: -8px;
    top: unset;
}


@media (min-width: 992px) {
    #cll-efficacy-ascend-orr .subtract-container {
        padding: 20px 37px 26px 27px;
        margin-right: 100px;
    }

    #cll-efficacy-ascend-orr .subtract-container p {
        font-size: 22px;
        line-height: 36px;
        padding-left: 15px;
    }
    
    #cll-efficacy-ascend-orr .subtract-container ul li {
        padding-right: 0;
    }

    #cll-efficacy-ascend-orr .orange-bullet--list li {
        text-indent: -7px;
    }

    /* IMG to HTML */
    .ascend-orr--chart {
        background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-efficacy-ascend/desktop/ASCEND-orr.svg') no-repeat center;
        width: 864px;
        height: 384px;
        position: relative;
        margin-left: 36px;
    }

    .inside-bar--txt {
        font-size: 16px;
    }

    .ascend-orr--chart .y-axis {
        font-size: 18px;
        top: 171px;
        left: -78px;
    }

    .ascend-orr--chart .x-axis--txt {
        font-size: 12px;
    }

    .top-bar--1 {
        font-size: 36px;
        top: 33px;
        left: 275px;
    }

    .top-bar--2 {
        font-size: 36px;
        top: 30px;
        left: 480px;
    }

    .inside-bar--1 {
        top: 349px;
        left: 286px;
    }

    .inside-bar--2 {
        top: 185px;
        left: 278px;
    }

    .inside-bar--3 {
        top: 349px;
        left: 491px;
    }

    .inside-bar--4 {
        top: 188px;
        left: 484px;
    }

    .ascend-orr--chart .x-axis--1 {
        left: 258px;
        top: 99%;
    }

    .ascend-orr--chart .x-axis--2 {
        left: 480px;
        top: 99%;
    }

}

@media (max-width: 991px) {
    #cll-efficacy-ascend-orr .subtract-container {
        position: relative;
    }
    
    .ascend-efficacy-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow::before {
        background-size: 353px !important;
        background-position-x: left !important;
    }
    
    h1 sup {
        font-size: 47%;
        top: -3px;
    }
}


/* CLL / EFFICACY / ASCEND / STUDY DESIGN - CSS */
/* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-efficacy-ascend.css */
/* id: cll-efficacy-ascend-study */


#cll-efficacy-ascend-study .echo-table tbody>tr>td[colspan="3"] {
    background-color: #D9D9D980 !important;
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    color: #535554;
}

#cll-efficacy-ascend-study .echo-table table>tbody>tr>td {
    font-size: 13px;
    line-height: 13px !important;
    padding: 6px;
}

#cll-efficacy-ascend-study .echo-table .row-bg-black, 
#cll-efficacy-ascend-study .echo-table .row-bg-orange {
    max-width: 110px;
    line-height: 13px;
    font-size: 13px;
    padding: 12px 0 12px;
}

#cll-efficacy-ascend-study .row-bg-white {
    border-right: unset;
}

#cll-efficacy-ascend-study .subtract-container {
    padding: 25px 20px 28px 10px;
    position: relative;
}

#cll-efficacy-ascend-study .subtract-container ul > li {
    line-height: 28px;
}

#cll-efficacy-ascend-study .subtract-container ul > li:first-of-type {
    margin-bottom: 6px;
}

/* IMG to HTML */
#cll-efficacy-ascend-study .img-to--html {
    background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-efficacy-ascend/desktop/mb_ASCEND_study-design.svg') no-repeat center;
    width: 350px;
    height: 591px;
}

#cll-efficacy-ascend-study .amplify-sd--html-2 p.desktop-only {
    font-size: 14px;
    line-height: 17px;
}

#cll-efficacy-ascend-study .amplify-sd--html-2 .n-count {
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
}

#cll-efficacy-ascend-study .amplify-sd--html-1 ul li {
    font-size: 14px;
    line-height: 100%;
}

#cll-efficacy-ascend-study .amplify-sd--html-1 p {
    font-size: 16px;
    line-height: 20px;
}

#cll-efficacy-ascend-study .amplify-sd--html-6 p {
    font-size: 16px;
    line-height: 100%;
}

#cll-efficacy-ascend-study .amplify-sd--html-6 ul li {
    font-size: 16px;
    line-height: 100%;
    font-weight: 400;
    margin-bottom: 4px;
}

#cll-efficacy-ascend-study .amplify-sd--html-3 p,
#cll-efficacy-ascend-study .amplify-sd--html-4 p,
#cll-efficacy-ascend-study .amplify-sd--html-3 p > .fw-800,
#cll-efficacy-ascend-study .amplify-sd--html-4 p > .fw-800 {
    font-size: 14px;
    line-height: 20px;
}

#cll-efficacy-ascend-study .amplify-sd--html-1 {
    width: 315px;
    top: 12px;
    left: 18px;
}

#cll-efficacy-ascend-study .amplify-sd--html-2 {
    width: 215px;
    top: 112px;
    left: 85px;
}

#cll-efficacy-ascend-study .amplify-sd--html-2 .one-one-one {
    transform: translateX(74px);
}

#cll-efficacy-ascend-study .amplify-sd--html-3 {
    width: 145px;
    top: 236px;
    left: 8px;
}

#cll-efficacy-ascend-study .amplify-sd--html-4 {
    width: 135px;
    top: 236px;
    left: 202px;
}

#cll-efficacy-ascend-study .amplify-sd--html-6 {
    width: 285px;
    top: 412px;
    left: 58px;
}

@media (min-width: 992px) {
    #cll-efficacy-ascend-study .echo-table table>tbody>tr>td {
        font-size: 18px;
        line-height: 32px !important;
    }

    #cll-efficacy-ascend-study .echo-table tbody>tr>td[colspan="3"] {
        font-size: 18px;
        line-height: 24px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    #cll-efficacy-ascend-study .echo-table .row-bg-black, 
    #cll-efficacy-ascend-study .echo-table .row-bg-orange {
        width: 308px;
        max-width: 308px;
        line-height: 20px;
        font-size: 18px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .desktop_vertical_bottom {
        vertical-align: bottom !important;
    }

    #cll-efficacy-ascend-study #first-phase-3 img {
        margin-left: 22px;
    }

    #cll-efficacy-ascend-study .subtract-container {
        padding: 15px 75px 15px 32px;
        max-width: 860px;
        margin-left: 37px;
    }

    #cll-efficacy-ascend-study .subtract-container ul > li {
        line-height: 36px;
        text-indent: -6px;
    }
    
    #cll-efficacy-ascend-pfs h1 sup,
    #cll-efficacy-ascend-orr h1 sup,
    #cll-efficacy-ascend-os h1 sup,
    #cll-efficacy-ascend-study h1 sup {
        font-size: 43%;
        top: -5px;
    }

        /* IMG to HTML */

    #cll-efficacy-ascend-study .img-to--html {
        background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-efficacy-ascend/desktop/ASCEND_study-design.svg') no-repeat center;
        width: 954px;
        height: 253px;
    }

    #cll-efficacy-ascend-study .amplify-sd--html-1 {
        width: 195px;
        top: 70px;
        left: 46px;
    }

    #cll-efficacy-ascend-study .amplify-sd--html-2 {
        width: 59px;
        top: 15px;
        left: 314px;
    }

    #cll-efficacy-ascend-study .amplify-sd--html-3 {
        width: 180px;
        top: 18px;
        left: 420px;
    }

    #cll-efficacy-ascend-study .amplify-sd--html-4 {
        width: 200px;
        top: 166px;
        left: 420px;
    }

    #cll-efficacy-ascend-study .amplify-sd--html-6 {
        width: 230px;
        top: 70px;
        left: 700px;
    }

    #cll-efficacy-ascend-study .amplify-sd--html-2 .one-one-one {
        padding-top: 5px;
        transform: translateX(-5px);
    }

    #cll-efficacy-ascend-study .amplify-sd--html-2 .n-count {
        transform: translateX(-19px);
    }
    
    /* POST MLR - 24/03/26*/
    .ascend-efficacy-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow.w-492px::before {
        width: 492px;
    }
    #cll-efficacy-ascend-pfs .donut-chart-container {
        width: 750px;
        height: 180px;
    }
    
    #cll-efficacy-ascend-pfs .donut-chart-container .chart-title {
        margin-top: -10px;
        margin-left: -8px;
    }
    
    #cll-efficacy-ascend-pfs .donut-chart-container .chart-title+p {
        width: 472px;
        margin-left: -44px;
        font-size: 14px;
        line-height: 18px !important;
    }
    
    #cll-efficacy-ascend-pfs .donut-chart-container > div:last-child {
        top: -96px;
    }
    
    #cll-efficacy-ascend-pfs .donut-chart.circle-chart img {
        background: #FFF;
        border-radius: 100%;
    }
}

#cll-efficacy-ascend-pfs .donut-chart p.txt-below--circle-chart.relative {
    font-size: 18px;
    line-height: 22px;
}

#cll-efficacy-ascend-pfs .donut-chart.circle-chart img {
    max-width: 184px;
    width: 184px;
    height: 184px;
}


#cll-efficacy-ascend-pfs .donut-chart.circle-chart-1 p.circle-chart--number {
    font-size: 47px;
    top: 56px;
    left: 96px;
    color: #DA4726;
    width: fit-content;
}

#cll-efficacy-ascend-pfs .donut-chart.circle-chart-1 p.fw-700 {
    font-size: 16px;
    top: 90px;
    left: 108px;
    color: #DA4726;
    width: fit-content;
}

#cll-efficacy-ascend-pfs .donut-chart.circle-chart-1 p.fw-400 {
    font-size: 10px;
    line-height: 10px;
    top: 128px;
    left: 117px;
    color: #DA4726;
    width: fit-content;
    min-width: 58px;
}

@media (max-width: 991px) {
    #cll-efficacy-ascend-pfs .donut-chart-container .chart-title {
        width: 102%;
    }
}

@media (max-width: 389px) {
    .ascend-efficacy-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow::before {
        background-size: cover !important;
        background-position-x: right !important;
    }
    
    #cll-efficacy-ascend-pfs h4.cll-nordic-eyebrow {
        font-size: 19px;
    }
    
    #cll-efficacy-ascend-pfs .breadcrumb-title p,
    #cll-efficacy-ascend-os .breadcrumb-title p,
    #cll-efficacy-ascend-orr .breadcrumb-title p,
    #cll-efficacy-ascend-study .breadcrumb-title p{
        font-size: 16px;
    }
    
    #cll-efficacy-ascend-study .img-to--html {
        zoom: 0.75;
    }
    
    #cll-efficacy-ascend-orr .ascend-orr--chart {
        zoom: 0.8;
    }
}


#cll-elevate-tn-orr .extra-top-css {
        top: -31px;
    position: relative;

}

@media (min-width: 992px) {
    #cll-elevate-tn-pfs .extra-css-space{
        position: relative;
        top: -20px;
    }
}

@media (min-width: 370px) and (max-width: 991px) {
    #cll-efficacy-ascend-study .echo-table .row-bg-black, #cll-efficacy-ascend-study .echo-table .row-bg-orange {
        width: 110px;
    }
}
