/* CLL / EFFICACY / ELEVATE-RR / STUDY DESIGN - CSS */
/* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-efficacy-elevate-rr.css */
/* id: cll-efficacy-elevate-rr-study-design */

#cll-efficacy-elevate-rr-study-design .echo-table tbody>tr>th[colspan="3"] {
    background-color: #D9D9D980 !important;
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    color: #535554;
    padding-top: 6px;
    padding-bottom: 4px;
}

/* IMG to HTML */
#cll-efficacy-elevate-rr-study-design .img-to--html {
    background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/CLL/elevate-rr-efficacy/mb_ELEVATE-RR_study-design.svg') no-repeat center;
    width: 320px;
    height: 810px;
}

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

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

#cll-efficacy-elevate-rr-study-design .amplify-sd--html-1 p {
    font-size: 18px;
    line-height: 100%;
}

#cll-efficacy-elevate-rr-study-design .amplify-sd--html-6 p {
    font-size: 18px;
    line-height: 100%;
}

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

#cll-efficacy-elevate-rr-study-design .amplify-sd--html-3 p,
#cll-efficacy-elevate-rr-study-design .amplify-sd--html-3 p {
    font-size: 14.38px;
    line-height: 100%;
}

#cll-efficacy-elevate-rr-study-design .amplify-sd--html-3 p > .fw-800,
#cll-efficacy-elevate-rr-study-design .amplify-sd--html-3 p > .fw-800 {
    font-size: 16px;
    line-height: 100%;
}

#cll-efficacy-elevate-rr-study-design .amplify-sd--html-1 {
    width: 295px;
    top: 22px;
    left: 15px;
}

#cll-efficacy-elevate-rr-study-design .amplify-sd--html-2 {
    width: 210px;
    top: 290px;
    left: 74px;
}

#cll-efficacy-elevate-rr-study-design .amplify-sd--html-3 {
    width: 105px;
    top: 454px;
    left: 40px;
}

#cll-efficacy-elevate-rr-study-design .amplify-sd--html-4 {
    width: 70px;
    top: 450px;
    left: 200px;
}

#cll-efficacy-elevate-rr-study-design .amplify-sd--html-6 {
    width: 297px;
    /*top: 570px;*/
    top: 605px;
    left: 15px;
}

@media (min-width: 992px) {
    #cll-efficacy-elevate-rr-study-design #elevate-tn-phase-3 .wrapper {
        min-width: 964px;
        max-width: 964px;
    }

    #cll-efficacy-elevate-rr-study-design .echo-table tbody>tr>th[colspan="3"] {
        font-size: 18px;
        line-height: 24px; 
        padding-top: 8px;
        padding-bottom: 8px;
    }

    #cll-efficacy-elevate-rr-pfs .elevate-tn-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow::before,
    #cll-efficacy-elevate-rr-os .elevate-tn-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow::before {
        width: 590px;
    }
    
    #cll-efficacy-elevate-rr-orr .elevate-tn-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow::before {
        width: 496px;
    }
    
    #cll-efficacy-elevate-rr-orr .graphic-eyebrow span {
        font-size: 22px;
    }
    
    #cll-efficacy-elevate-rr-study-design .echo-table .row-bg-black {
        border-left: 1px solid #FFFFFF;
    }


    /* IMG to HTML */

    #cll-efficacy-elevate-rr-study-design .img-to--html {
        background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/CLL/elevate-rr-efficacy/ELEVATE-RR_study-design.svg') no-repeat center;
        width: 914px;
        height: 260px;
    }

    #cll-efficacy-elevate-rr-study-design .amplify-sd--html-1 {
        width: 220px;
        top: 23px;
        left: 12px;
    }

    #cll-efficacy-elevate-rr-study-design .amplify-sd--html-2 {
        width: 59px;
        top: 15px;
        left: 290px;
    }

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

    #cll-efficacy-elevate-rr-study-design .amplify-sd--html-3 {
        width: 108px;
        top: 38px;
        left: 400px;
    }

    #cll-efficacy-elevate-rr-study-design .amplify-sd--html-4 {
        width: 85px;
        top: 180px;
        left: 400px;
    }

    #cll-efficacy-elevate-rr-study-design .amplify-sd--html-6 {
        width: 310px;
        /*top: 10px;*/
        top: 42px;
        left: 584px;
    }


}

@media (max-width: 991px) {
    #cll-efficacy-elevate-rr-study-design .echo-table .row-bg-black, 
    #cll-efficacy-elevate-rr-study-design .echo-table .row-bg-orange {
        max-width: 118px;
        padding-top: 11px;
        padding-bottom: 11px;
        width: 118px;
    }

    #cll-efficacy-elevate-rr-study-design .echo-table table>tbody>tr>td {
        line-height: 13px !important;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .mobile_pr-6px {
        padding-right: 6px !important;
    }

    #cll-efficacy-elevate-rr-pfs .elevate-tn-callout img {
        max-width: 62px;
    }
    
    #cll-efficacy-elevate-rr-orr .graphic-eyebrow span {
        font-size: 16px;
    }
    
    #cll-efficacy-elevate-rr-orr .donut-chart.circle-chart > div {
        transform: translateX(-20px);
    }
    #cll-efficacy-elevate-rr-orr .donut-chart.circle-chart > p {
        transform: translateX(-10px);
    }
}


#cll-efficacy-elevate-rr-orr .donut-chart.circle-chart-1 p.circle-chart--number {
    font-size: 46.88px;
    top: 56px;
    left: 46px;
    color: #DA4726;
}

#cll-efficacy-elevate-rr-orr .donut-chart.circle-chart-1 p.fw-700 {
    font-size: 16px;
    top: 112px;
    left: 46px;
}

#cll-efficacy-elevate-rr-orr .donut-chart.circle-chart-2 p.circle-chart--number { 
    font-size: 46.88px; 
    top: 58px;
    left: 47px;
}

#cll-efficacy-elevate-rr-orr .donut-chart.circle-chart-2 p.fw-700 { 
    font-size: 16px;
    top: 110px;
    left: 62px;
}

@media (max-width: 389px) {
    #cll-efficacy-elevate-rr-orr .graphic-eyebrow span {
        font-size: 13px;
    }
}