/* CLL / SAFETY / ASCEND / AE - CSS */
/* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-safety-ascend.css */
/* id: cll-safety-ascend-ae */

#cll-safety-ascend-ae .orange-bg--table {
    background-color: #A73F110D !important;
}

#cll-safety-ascend-ae .grey-bg--table {
    background-color: #9395980D !important;
}

#cll-safety-ascend-ae .safety-table table>tbody>tr>td:first-child {
    width: 90px;
    max-width: 90px;
} 

#cll-safety-ascend-ae .safety-table.cll-safety-table table>tbody>tr>th.row-bg-black.col-merge {
    border-left: 1px solid #FFFFFF;
}

@media (min-width: 992px) {
    #cll-safety-ascend-ae .elevate-tn-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow::before,
    #cll-safety-ascend-dr .elevate-tn-eyebrow.bigger-graphic-eyebrow.graphic-eyebrow::before {
        width: 644px;
    }


    #cll-safety-ascend-ae .orange-bg--table {
        background-color: #F15D2212 !important;
    }

    #cll-safety-ascend-ae .grey-bg--table {
        background-color: #9395981A !important;
    }

    #cll-safety-ascend-ae .safety-table table>tbody>tr>td:first-child {
        width: 250px;
        max-width: 250px;
        padding-right: 8px;
        letter-spacing: -0.5px;
    } 

    #cll-safety-ascend-ae .safety-table table>tbody>tr>td {
        line-height: 21px !important;
    }

    #cll-safety-ascend-ae .cll-safety-table table>tbody>tr>th.row-bg-black.col-merge, 
    #cll-safety-ascend-ae .cll-safety-table table>tbody>tr>th.row-bg-orange.col-merge {
        width: 234px;
        max-width: 234px;
        height: 72px;
        min-height: 72px;
    }

    #cll-safety-ascend-ae .echo-table tbody>tr:nth-child(2)>td:not(:first-child) {
        padding-right: 0px;
        padding-left: 0px;
        letter-spacing: -0.5px;
    }

    #cll-safety-ascend-ae .safety-table table>tbody>tr:nth-child(4)>td:first-child {
        border-bottom: none !important;
        padding-bottom: 4px !important;
    }

    #cll-safety-ascend-ae .safety-table table>tbody>tr:nth-child(4)>td:first-child {
        border-top: none !important;
    }
    
    #cll-safety-ascend-ae .cll-safety-table table {
        margin-top: -12px !important;
    }
    
    #cll-safety-ascend-ae .safety-table.cll-safety-table table.table-1>tbody>tr>th.row-bg-black.col-merge {
        border-right: 2px solid #FFFFFF;
    }
}

@media (max-width: 991px) {
    #cll-safety-ascend-ae .echo-table table>tbody>tr>td {
        line-height: 15px !important;
    }

    #cll-safety-ascend-ae .safety-table.cll-safety-table table>tbody>tr>th.row-bg-black.col-merge, 
    #cll-safety-ascend-ae .safety-table.cll-safety-table table>tbody>tr>th.row-bg-orange.col-merge {
        min-width: 87px;
    }
}

/* CLL / SAFETY / ASCEND / Discontinuation Rates - CSS */
/* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-safety-ascend.css */
/* id: cll-safety-ascend-dr */

#cll-safety-ascend-dr .circle-chart img {
    height: 216px;
}

#cll-safety-ascend-dr .donut-chart.circle-chart-1 p.circle-chart--number {
    font-size: 46.88px;
    top: 48px;
    left: 46px;
    color: #A74325;
}

#cll-safety-ascend-dr .donut-chart.circle-chart-1 p.fw-700 {
    font-size: 16px;
    /*top: 98px;*/
    /*left: 58px;*/
    top: 102px;
    left: 62px;
    color: #A74325;
}

#cll-safety-ascend-dr .donut-chart.circle-chart-2 p.circle-chart--number { 
    font-size: 46.88px; 
    /*top: 54px;*/
    top: 46px;
    left: 48px;
    color: #DA4726;
}

#cll-safety-ascend-dr .donut-chart.circle-chart-2 p.fw-700 { 
    font-size: 16px;
    /*top: 106px;*/
    /*left: 64px;*/
    top: 98px;
    left: 55px;
    color: #DA4726;
}

#cll-safety-ascend-dr .key-circle-chart {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #58595B;
    top: -17px;
    left: 10px;
}

#cll-safety-ascend-dr .circle-chart-2 .key-circle-chart {
    left: 13px;
}

@media (max-width: 991px) {
    #cll-safety-ascend-dr .key-circle-chart {
        left: 22px;
    }

    #cll-safety-ascend-dr .circle-chart-2 .key-circle-chart {
        left: 25px;
    }
    
    #cll-safety-ascend-dr .donut-chart {
        transform: translateX(-12px);
    }
}

@media (max-width: 389px) {
    #cll-safety-ascend-ae .echo-table table {
        zoom: 0.65;
    }
    #cll-safety-ascend-ae .bigger-graphic-eyebrow.graphic-eyebrow span,
    #cll-safety-ascend-dr .bigger-graphic-eyebrow.graphic-eyebrow span {
        font-size: 12px;
        padding-left: 4px;
    }
}
