/* For Newly Diagnosed CSS */

#previously-treated-cll sup {
    /*font-size: 70%;*/
    /*top: 2px;*/
}

#previously-treated-cll .footnote sup {
    top: 0px;
}

/*#previously-treated-cll #isi .wrapper {*/
/*    padding: 0 15px 0 26px;*/
/*}*/

#previously-treated-cll .cmp-text p:not(:last-child), #previously-treated-cll .cmp-text {
    margin-bottom: 0;
}

#previously-treated-cll .mcl-title-sub p {
    font-size: 14px !important;
    line-height: 18px !important;
}

#previously-treated-cll .mcl-title-sub p {
    width: 100%;
}

/*#previously-treated-cll .wrapper {*/
/*    padding: 0 22px 0 26px;*/
/*}*/

/* Infographic CSS - STARTS */

#previously-treated-cll .infographic-1 {
    --color: var(--common-primary);
    color: var(--common-primary);
}

#previously-treated-cll .infographic-2 {
    --color: var(--body-color);
    color: var(--body-color);
}

/* Infographic CSS - ENDS */

/* Long Term Follow-up - STARTS */

#previously-treated-cll .serious-side-effect h2 {
    height: 23px;
}

#previously-treated-cll .serious-side-effect ul.isi-bullet-list li {
    margin-bottom: 8px !important;
}

#previously-treated-cll .serious-side-effect ul.isi-bullet-list li:last-child:before {
    color: var(--body-color);
}

/* Long Term Follow-up - ENDS */

#previously-treated-cll .serious-side-effect {
    margin-bottom: 15px;
}


.divider-below--infographic {
    border-top: 1px solid #000000;
    margin-top: 8px;
    padding-top: 13px;
    padding-bottom: 0px;
}

/* Desktop CSS - STARTS */

@media screen and (min-width: 992px) {
    #previously-treated-cll .serious-side-effect {
        margin-bottom: 30px;
    }
    #previously-treated-cll #Amplify-long-term-box .serious-side-effect {
        margin-bottom: 0px;
    }
    
    .divider-below--infographic {
        margin-top: 20px;
        padding-top: 19px;
    }
}

/* Desktop CSS - ENDS */




/* Compatibility - 26/09/25 */

@media (min-width: 992px) {
    #previously-treated-cll .wrapper.infographic {
        margin-top: -15px;
    }
}

@media (max-width: 991px) {
    #previously-treated-cll .wrapper.infographic {
        padding-bottom: 40px;
    }
}

@media (min-width: 826px) and (max-width: 991px) {
    #previously-treated-cll .infographic-container {
        margin-top: -40px;
    }
}

@media (min-width: 450px) and (max-width: 826px) {
    #previously-treated-cll .infographic-container {
        margin-top: -25px;
    }
}

/*New css*/
#previously-treated-cll .new-banner--footnote,
#mcl-just-diagnosed-mcl .new-banner--footnote{
    top: 5px;
    padding-right: 68px;
}

@media screen and (min-width: 992px) {
    #previously-treated-cll .new-banner--footnote,
    #mcl-just-diagnosed-mcl .new-banner--footnote{
        padding-right: 330px;
        top: 25px;
    }
}