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

.lh-24px {
    line-height: 24px !important;
}

#cll-elevate-tn-study .echo-table .row-bg-black, 
#cll-elevate-tn-study .echo-table .row-bg-orange {
    vertical-align: middle;
}

#cll-elevate-tn-study .echo-table table>tbody>tr>td {
    line-height: 14px !important;
}

.echo-table .row-bg-orange.row-bg-dark-orange{
    background-color: #A73F11;
}

#cll-elevate-tn-study .echo-table tbody>tr>td:nth-child(2) {
    background-color: #A73F110D !important;
}

#cll-elevate-tn-study .echo-table tbody>tr>td:nth-child(3) {
    background-color: #F15D2212 !important;
}

#cll-elevate-tn-study .echo-table tbody>tr>td:nth-child(4) {
    background-color: #9395980D !important;
}

#cll-elevate-tn-study .echo-table tbody>tr>td[colspan="4"] {
    background-color: #D9D9D980 !important;
    font-weight: 600;
    font-size: 13px;
    line-height: 14px;
    color: #535554;
}

#cll-elevate-tn-study .echo-table tbody>tr:nth-child(9)>td[colspan="4"] {
    line-height: 24px !important;
    font-weight: 700;
}

#cll-elevate-tn-study table b {
    font-weight: 600 !important;
}

#cll-elevate-tn-orr h4.cll-nordic-eyebrow:after {
    margin-top: 0px;
}

/* IMG to HTML */
#cll-elevate-tn-study .img-to--html {
    background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-elevate-tn/mb_ELEVATE-TN_study-design.svg') no-repeat center;
    width: 350px;
    height: 854px;
}

#cll-elevate-tn-study .amplify-sd--html-1 p,
#cll-elevate-tn-study .amplify-sd--html-6 p {
    font-size: 16px;
    line-height: 100%;
}

#cll-elevate-tn-study .amplify-sd--html-2 p {
    font-size: 14.4px;
    line-height: 17px;
}

#cll-elevate-tn-study .amplify-sd--html-2 p.mobile-only {
    letter-spacing: 4px;
}

#cll-elevate-tn-study .amplify-sd--html-2 .n-count {
    font-size: 12.8px;
}

#cll-elevate-tn-study .amplify-sd--html-3 p,
#cll-elevate-tn-study .amplify-sd--html-4 p,
#cll-elevate-tn-study .amplify-sd--html-5 p {
    font-size: 16px;
    line-height: 100%;
    font-weight: 400;
}

#cll-elevate-tn-study .amplify-sd--html-5 p {
    color: #FFFFFF;
}

#cll-elevate-tn-study .amplify-sd--html-1 {
    width: 315px;
    top: 8px;
    left: 15px;
}

#cll-elevate-tn-study .amplify-sd--html-2 {
    width: 135px;
    top: 138px;
    left: 108px;
}

#cll-elevate-tn-study .amplify-sd--html-3 {
    width: 226px;
    top: 250px;
    left: 98px;
}

#cll-elevate-tn-study .amplify-sd--html-4 {
    width: 200px;
    top: 377px;
    left: 98px;
}

#cll-elevate-tn-study .amplify-sd--html-5 {
    width: 160px;
    top: 500px;
    left: 98px;
}

#cll-elevate-tn-study .amplify-sd--html-6 {
    width: 245px;
    top: 628px;
    left: 88px;
}


@media (min-width: 992px) {
    #cll-elevate-tn-study .echo-table .row-bg-black, 
    #cll-elevate-tn-study .echo-table .row-bg-orange {
        width: 222px;
    }

    #cll-elevate-tn-study .echo-table table>tbody>tr>td {
        line-height: 32px !important;
        letter-spacing: -0.1px;
    }
    
    #cll-elevate-tn-study .echo-table table>tbody>tr:nth-child(9)>td {
        line-height: 24px !important;
    }

    #cll-elevate-tn-study .echo-table tbody>tr>td[colspan="4"] {
        font-size: 18px;
        line-height: 32px;
    }
    
    #cll-elevate-tn-study #elevate-tn-phase-3 .wrapper {
        min-width: 1000px;
        padding-left: 20px !important;
    }
    
    /* IMG to HTML */
    .img-to--html {
        padding-left: 42px;
    }

    #cll-elevate-tn-study .img-to--html {
        background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-elevate-tn/ELEVATE-TN_study-design.svg') no-repeat center;
        width: 894px;
        height: 364px;
    }

    #cll-elevate-tn-study .amplify-sd--html-1 {
        width: 153px;
        top: 110px;
        left: 18px;
    }

    #cll-elevate-tn-study .amplify-sd--html-2 {
        width: 52px;
        top: 70px;
        left: 226px;
    }

    #cll-elevate-tn-study .amplify-sd--html-2 .n-count {
        transform: translateX(-16px);
    }

    #cll-elevate-tn-study .amplify-sd--html-3 {
        width: 205px;
        top: 17px;
        left: 330px;
    }

    #cll-elevate-tn-study .amplify-sd--html-4 {
        width: 185px;
        top: 147px;
        left: 330px;
    }

    #cll-elevate-tn-study .amplify-sd--html-5 {
        width: 240px;
        top: 287px;
        left: 330px;
    }

    #cll-elevate-tn-study .amplify-sd--html-6 {
        width: 233px;
        top: 83px;
        left: 640px;
    }

    #cll-elevate-tn-study .amplify-sd--html-2 .n-count,
    #cll-elevate-tn-study .amplify-sd--html-3 p,
    #cll-elevate-tn-study .amplify-sd--html-4 p,
    #cll-elevate-tn-study .amplify-sd--html-5 p {
        font-size: 14px;
        line-height: 120%;
        font-weight: 400;
    }

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

    #cll-elevate-tn-study .amplify-sd--html-6 ul li {
        font-size: 16px;
        line-height: 100%;
    }
}

/* BATCH 2 - 23-03-26 */

#cll-elevate-tn-orr .subtract-container {
    padding: 22px 19px;
}

#cll-elevate-tn-orr .subtract-container .orange-bullet--list li {
    font-weight: 400;
    font-size: 18px;
}

#cll-elevate-tn-study .echo-table table>tbody>tr:nth-child(8)>td:first-child {
    line-height: 24px !important;
    padding: 4px 2px 9px 4px;
}

/*#cll-elevate-tn-study .echo-table table>tbody>tr:nth-child(8)>td:first-child b {*/
/*    font-weight: 500 !important;*/
/*}*/

/* BATCH 2 - 23-03-26 */

#cll-elevate-tn-study .echo-table table {
    color: #535554;
}

@media (max-width: 991px) {
    #cll-elevate-tn-study .echo-table .row-bg-black, 
    #cll-elevate-tn-study .echo-table .row-bg-orange {
        font-size: 10px;
        line-height: 12px;
        max-width: 88px;
    }

    #cll-elevate-tn-study .echo-table table>tbody>tr:nth-child(3)>td, 
    /*#cll-elevate-tn-study .echo-table table>tbody>tr:nth-child(5)>td,*/
    #cll-elevate-tn-study .echo-table table>tbody>tr:nth-child(6)>td{
        line-height: 32px !important;
    }

    #cll-elevate-tn-study .echo-table table>tbody>tr:nth-child(8)>td{
        line-height: 15px !important;
        letter-spacing: -0.3px;
    }

    #cll-elevate-tn-study .amplify-sd--html-1 p {
        line-height: 22px;
    }

    #cll-elevate-tn-study .amplify-sd--html-1 ul li {
        font-size: 16px;
        line-height: 100%;
    }

    #cll-elevate-tn-study .amplify-sd--html-6 ul li {
        font-size: 16px;
        line-height: 20px;
    }

    #cll-elevate-tn-study .amplify-sd--html-2 .one-one-one {
        font-size: 15.41px;
        transform: translateX(46px);
    }

    #cll-elevate-tn-study .amplify-sd--html-2 .n-count {
        font-size: 13px;
        transform: translateX(40px);
    }
    
    #cll-elevate-tn-os #breadcrumb .listToDropdown,
    #cll-elevate-tn-orr #breadcrumb .listToDropdown{
        margin-top: -29px;
    }
    
    /* BATCH 2 - 23-03-26 */
    
    #cll-elevate-tn-orr .subtract-container {
        padding: 21px 15px 14px 21px;
    }
    
    #cll-elevate-tn-study .echo-table table>tbody>tr:nth-child(8)>td:first-child {
        font-weight: 500 !important;
        line-height: 15px !important;
        padding: 8px 6px 4px 4px;
    }
    
    #cll-elevate-tn-study .echo-table tbody>tr>td[colspan="4"] {
        line-height: 23px !important;
    }
    
    /* BATCH 2 - 23-03-26 */
    
    #cll-elevate-tn-orr .cll-elevate-tn-orr-img-height {
        transform: translateX(-20px);
    }
    
    #cll-elevate-tn-study .donut-chart.circle-chart {
        transform: translateX(-20px);
    }
}

#cll-elevate-tn-study h1 {
    font-size: 40px;
    line-height: 46px;
}

.fix-i--overlapping {
    letter-spacing: 0.01px !important;
}

.circle-chart img {
    object-position: bottom;
    object-fit: cover;
    max-width: 187px;
    width: 187px;
    height: 187px;
}

.circle-chart p {
    position: absolute;
}

.donut-chart.circle-chart p.circle-chart--number {
    font-weight: 800;
    font-size: 54.75px;
    line-height: 100%;    
    top: 64px;
    left: 44px;
}

.circle-chart p.fw-700 {
    font-size: 18.95px;
    line-height: 100%;
    top: 122px;
    left: 70px;
}

.donut-chart.circle-chart-2 p.circle-chart--number { 
    top: 64px;
    left: 35px;
}

.donut-chart.circle-chart-2 p.fw-700 { 
    top: 122px;
    left: 58px;
}

.donut-chart.circle-chart-3 p.circle-chart--number { 
    top: 58px;
    left: 42px;
}

.donut-chart.circle-chart-3 p.fw-700 { 
    left: 29px;
    top: 116px;
}



/* Compatibility issues - 16-03-2026 */
@media (max-width: 1024px) {
    .subtract-container {
        max-width: 912px;
    }
}

@media (min-width: 393px) and (max-width: 511px) {
    #INV-assessed-PFS-zoom .pinch-and-zoom {
        top: 115px;
    }
}

@media (min-width: 485px) and (max-width: 991px) {
    #calquence-pfs #inv-assessed-pfs--text .pinch-and-zoom.pt-8 {
        padding-top: 4px !important;
    }
}

@media (min-width: 492px) and (max-width: 991px) {
    #calquence-pfs .pinch-and-zoom.pt-8 {
        padding-top: 4px !important;
    }
}

@media (min-width: 512px) and (max-width: 991px) {
    #INV-assessed-PFS-zoom .pinch-and-zoom {
        top: 86px;
    }
}


@media (max-width: 389px) {
    #cll-elevate-tn-study h1 > .no-wrap {
        white-space: wrap !important;
    }
    #cll-elevate-tn-study .img-to--html {
        zoom: 0.8;
    }
    
    #cll-elevate-tn-pfs .breadcrumb-title p,
    #cll-elevate-tn-os .breadcrumb-title p,
    #cll-elevate-tn-orr .breadcrumb-title p,
    #cll-elevate-tn-study .breadcrumb-title p,
    #cll-efficacy-elevate-rr-pfs .breadcrumb-title p,
    #cll-efficacy-elevate-rr-os .breadcrumb-title p,
    #cll-efficacy-elevate-rr-orr .breadcrumb-title p,
    #cll-efficacy-elevate-rr-study-design .breadcrumb-title p{
        font-size: 14px;
    }
}


#adverse-events .wrapper.padding-remove{
    padding: 0px;
}

@media (max-width: 991px) {
    #adverse-events .wrapper.padding-remove{
        padding: 0px 16px;;
    }
    
    #cll-elevate-tn-pfs .cll-elevate-tn-pfs-img-height {
        transform: translateX(-20px);
        gap: 10px !important;
    }
}