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

.border-y-none {
    border-top: none !important;
    border-bottom: none !important;
}
.border-bottom-none {
    border-bottom: none !important;
}
.border-top-none {
    border-top: none !important;
}

.breadcrumb-title.breadcrumb-yellow-subline {
    border-bottom: 2px solid #FFC21E;
}

.bigger-graphic-eyebrow.graphic-eyebrow::before {
    content: '';
    width: 101%;
    max-width: 100vw;
    height: 46px;
    background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/global/graphic-eyebrow.svg) no-repeat;
    background-position-x: center;
    background-size: cover;
}

h4.cll-nordic-eyebrow {
    margin-left: 32px;
}

h4.cll-nordic-eyebrow:after {
    margin-left: -32px;
    margin-top: 11px;
}

.btn-max-height--50 {
    padding: 7px 15px;
}

/* CLL / EFFICACY / AMPLIFY / STUDY DESIGN - CSS */
/* id: amplify-study-design */

#amplify-study-design .echo-table tbody>tr>td:nth-child(2) {
    background-color: #da47281c !important;
}

#amplify-study-design .echo-table tbody>tr>td:nth-child(3) {
    background-color: #d1d3d41c !important;
}

.subtract-container {
    background-color: #D9D9D980;
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);
    padding: 14px 32px 18px 16px;
    position: relative;
}

.subtract-container::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #414042;
    clip-path: polygon(
    0 0, 
    calc(100% - 28px) 0, 
    100% 28px, 
    100% 100%, 
    0 100%, 
    0 0,
    1px 1px,
    1px calc(100% - 1px),
    calc(100% - 1px) calc(100% - 1px),
    calc(100% - 1px) 30px,
    calc(100% - 30px) 1px,
    1px 1px
    );
    pointer-events: none;
}

.subtract-container ul li {
    font-weight: 700;
    font-size: 22px;
    line-height: 36px;
}

.subtract-container ul li:not(:last-child) {
    margin-bottom: 4px;
}

.donut-chart {
    width: 163px;
}

.img-width-187{
     width: 187px;
}

.donut-chart p {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}

/* IMG to HTML */
.img-to--html {
    background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-amplify-efficacy/mobile/AMPLIFY-study-design.svg') no-repeat center;
    position: relative;
    width: 323px;
    height: 876px;
    color: #58595B;
}

#amplify-study-design .img-to--html {
    background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-amplify-efficacy/desktop/mb_AMPLIFY_%20Efficacy_Studydesign_DSK.svg) no-repeat center;
    height: 830px;
}

.img-to--html ul li {
    font-size: 13px;
    line-height: 100%;
    color: #58595B;
    text-indent: -4px;
    padding-left: 15px;
    margin-bottom: 8px;
}

.img-to--html ul li::before {
    display: inline-block;
    content: '\2022';
    position: relative;
    left: -7px;
    color: #58595B;
    font-size: 16px;
}

.amplify-sd--html-1 {
    width: 300px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.amplify-sd--html-1 p {
    font-weight: 800 !important;
    font-size: 15.41px;
    line-height: 100%;
}

.amplify-sd--html-1 ul li {
    line-height: 20px;
}

.amplify-sd--html-2 {
    width: 180px;
    position: absolute;
    top: 288px;
    left: 73px;
}

.amplify-sd--html-2 p {
    font-weight: 800 !important;
    font-size: 15.41px;
    line-height: 100%;
    line-height: 18px;
}

.amplify-sd--html-2 p.mobile-only {
    letter-spacing: 7px;
}

.amplify-sd--html-2 .one-one-one {
    font-size: 17.13px;
    padding-top: 4px;
    transform: translateX(64px);
    position: absolute;
}

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

.amplify-sd--html-2 .n-count {
    font-weight: 400 !important;
    font-size: 13px;
    transform: translateX(60px);
    position: absolute;
    padding-top: 4px;
}

.amplify-sd--html-3 {
    width: 107px;
    position: absolute;
    top: 412px;
    left: 0;
}

.amplify-sd--html-3 p {
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
}

.amplify-sd--html-3 p > b {
    font-weight: 800;
    font-size: 17.13px;
}

.amplify-sd--html-4 {
    width: 88px;
    position: absolute;
    top: 412px;
    left: 114px;
    gap: 74px;
}

.amplify-sd--html-4 p {
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
}

.amplify-sd--html-4 p > b {
    font-weight: 800;
    font-size: 17.13px;
}

.text-below--rectangle {
    font-size: 13.7px !important;
    line-height: 100% !important;
    color: #58595B !important;
}

.amplify-sd--html-5 {
    width: 108px;
    position: absolute;
    top: 412px;
    left: 212px;
    gap: 74px;
}

.amplify-sd--html-5 p {
    font-size: 15px;
    line-height: 20px;
}

.amplify-sd--html-6 {
    width: 210px;
    position: absolute;
    top: 680px;
    left: 14px;
}

.amplify-sd--html-6 p {
    font-size: 16px;
    line-height: 100%;
}


@media (min-width: 992px) {

    .bigger-graphic-eyebrow.graphic-eyebrow span {
        padding-left: 17px;
    }

    .bigger-graphic-eyebrow.graphic-eyebrow::before {
        width: 532px;
    }
    
    .elevate-tn-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow::before {
        width: 570px;
    }

    h4.cll-nordic-eyebrow {
        margin-left: 36px;
    }

    h4.cll-nordic-eyebrow:after {
        margin-left: -36px;
        margin-top: 4px;
    }

    #amplify-study-design .cll-nordic-eyebrow:after {
        width: 104%;
    }

    #amplify-study-design #patient-characteristics table {
        max-width: 915px;
        margin-left: 40px !important;
    }

    #amplify-study-design .echo-table .row-bg-black, 
    #amplify-study-design .echo-table .row-bg-orange {
        width: 28%;
        font-size: 17px;
    }

    #amplify-study-design .echo-table table>tbody>tr>td:first-child, 
    #amplify-study-design .echo-table table>tbody>tr:nth-child(2)>th:first-child {
        padding-left: 0;
        width: 28%;
        padding-right: 4px;
    }

    #amplify-study-design .echo-table table>tbody>tr>td {
        font-size: 17px;
        line-height: 100% !important;
        height: 30px;
        vertical-align: middle;
    }
    
    #amplify-study-design .donut-chart-container {
        gap: 130px !important;
    }

    .subtract-container {
        padding: 15px 70px;
        max-width: 948px;
    }

    .subtract-container ul li:not(:last-child) {
        margin-bottom: 0;
    }

    .donut-chart {
        width: 186px;
    }

    .donut-chart-container > div:first-child {
        max-width: 455px;
    }
    
    #cll-elevate-tn-orr .donut-chart {
        width: 180px;
    }
    
    #cll-elevate-tn-orr .donut-chart-container .orange-bullet--list li {
        padding-left: 12px;
        text-indent: -6px;
    }
    
    #cll-elevate-tn-orr .donut-chart-container .orange-bullet--list li::before {
        left: -4px;
    }
    
    #amplify-study-design .donut-chart-container > div:first-child {
        margin-left: -32px;
        margin-top: -6px;
    }

    /* IMG to HTML */
    .img-to--html {
        background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-amplify-efficacy/desktop/AMPLIFY-study-design.svg') no-repeat center;
        width: 915px;
        height: 376px;
    }
    #amplify-study-design .img-to--html {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-amplify-efficacy/desktop/AMPLIFY_%20Efficacy_Studydesign_DSK.svg) no-repeat center;
        background-size: 100% 390px;
        background-position-y: top;
        height: 390px;
    }

    .amplify-sd--html-1 {
        width: 160px;
        position: absolute;
        top: 20px;
        left: 14px;
    }

    .amplify-sd--html-2 {
        width: 48px;
        position: absolute;
        top: 72px; 
        left: 226px;
    }

    .amplify-sd--html-3 {
        width: 260px;
        position: absolute;
        top: 12px;
        left: 338px;
    }

    .amplify-sd--html-4 {
        width: 260px;
        position: absolute;
        top: 142px;
        left: 338px;
        gap: 16px;
    }
    
    .amplify-sd--html-5 {
        width: 260px;
        position: absolute;
        top: 278px;
        left: 338px;
        gap: 30px;
    }

    .amplify-sd--html-6 {
        width: 210px;
        position: absolute;
        top: 26px;
        left: 665px;
    }

    .amplify-sd--html-2 .one-one-one {
        padding-top: 9px;
        transform: translateX(-11px);
        position: absolute;
    }
    
    #cll-efficacy-elevate-rr-study-design .amplify-sd--html-2 .one-one-one {
        transform: translateX(-4px);
    }

    .amplify-sd--html-2 .n-count {
        transform: translateX(-14px);
        position: absolute;
        padding-top: 9px;
    }

    .amplify-sd--html-5 p {
        font-size: 17.13px;
    }
}

@media (max-width: 991px) {
    .bigger-graphic-eyebrow.graphic-eyebrow span {
        font-size: 16px;
        line-height: 46px;
        padding-left: 10px;
    }

    #amplify-study-design .echo-table .row-bg-black, 
    #amplify-study-design .echo-table .row-bg-orange {
        clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%, 0 10px);
        font-size: 15px;
        padding-top: 8px;
    }

    #amplify-study-design .echo-table table>tbody>tr>td:first-child, 
    #amplify-study-design .echo-table table>tbody>tr:nth-child(2)>th:first-child {
        padding-left: 0;
        width: 33%;
    }

    #amplify-study-design .echo-table table>tbody>tr>td {
        font-size: 13px;
        line-height: 17px !important;
    }

    #amplify-study-design .echo-table tbody>tr:nth-child(2)>td:nth-child(2),
    #amplify-study-design .echo-table tbody>tr:nth-child(2)>td:nth-child(3) {
        vertical-align: bottom;
    }
    
    #efficacy-amplify-os h1,
    #efficacy-amplify-orr h1 {
        font-size: 40px;
        line-height: 46px;
    }
    
    #amplify-study-design .donut-chart-container{
        margin-top: -10px;
    }
    
    #efficacy-amplify-pfs #breadcrumb .listToDropdown,
    #efficacy-amplify-os #breadcrumb .listToDropdown,
    #efficacy-amplify-orr #breadcrumb .listToDropdown {
        margin-top: -29px;
    }
}


/* Redmine issues*/

@media (min-width: 389px) and (max-width: 450px) {
    #amplify-study-design .donut-chart-container div:nth-child(2){
        justify-content: flex-start !important;
    }
}

#efficacy-amplify-os h4.cll-nordic-eyebrow:after {
    margin-top: 0px;
}


.extra-class-one ul li{
    letter-spacing: 0.4px;
    padding-right: 0px !important;
}

@media (min-width: 991px) {
    .extra-class-one ul li{
        letter-spacing: 0.2px;
    }
}



/* Compatibility issues - 16-03-2026 */

@media (max-width: 389px) {
    h4.cll-nordic-eyebrow {
        font-size: 20px;
    }
    .bigger-graphic-eyebrow.graphic-eyebrow::before {
        background-size: cover !important;
        background-position-x: right !important;
        
    }
    #efficacy-amplify-os .bigger-graphic-eyebrow.graphic-eyebrow::before {
        background-size: cover !important;
        background-position-x: right !important;
    }
    
    .bigger-graphic-eyebrow.graphic-eyebrow span {
        /*font-size: 13px;*/
        /*line-height: 40px;*/
        /*padding-left: 10px;*/
        
        font-size: 16px;
        line-height: 18px;
        padding-left: 10px;
        /*max-width: 200px;*/
        /*display: block;*/
        /*width: 200px;*/
        padding-top: 6px;
        
        height: 40px;
        display: flex;
        align-items: center;
        width: calc(100% - 72px);
    }
    
    .img-to--html {
        zoom: 0.9;
    }
    
    #amplify-study-design .echo-table .row-bg-black, #amplify-study-design .echo-table .row-bg-orange {
        zoom: 0.9;
    }
}

@media (min-width: 484px) and (max-width: 991px) {
    #efficacy-amplify-pfs #durable-pfs .pinch-and-zoom {
        top: 25px;
    }
}

@media (min-width: 513px) and (max-width: 991px) {
    #efficacy-amplify-pfs #consistent-pfs .pinch-and-zoom {
        top: 59px;
    }
}