/* MCL SAFETY - ADVERSE EVENTS - CSS */
/* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/adverse-events.css */
/* id: adverse-events */

#adverse-events #footnotes-references {
    padding-top: 30px;
}

#adverse-events #references, #post-hoc-analysis #references {
    /*padding-bottom: 0;*/
}

#adverse-events .orange-bullet--list li ul li {
    text-indent: -7px;
    padding-left: 20px;
}

#adverse-events .orange-bullet--list li ul li::before {
    left: -6px;
}

#adverse-events .safety-table table {
    margin-left: 39px;
    max-width: 914px;
}

.safety-table table>tbody>tr>td:first-child {
    width: 340px;
    padding-left: 0;
}

.safety-table table>tbody>tr>th.row-bg-black.col-merge, 
.safety-table table>tbody>tr>th.row-bg-orange.col-merge {
    width: 285px;
    max-width: 285px;
    height: 72px;
    min-height: 72px;
    vertical-align: middle;
    font-weight: 800;
}

.safety-table table>tbody>tr>th.row-bg-black.font-medium, 
.safety-table table>tbody>tr>th.row-bg-orange.font-medium {
    width: 143px;
    max-width: 143px;
    border-radius: 0;
    clip-path: none;
    padding-left: 8px;
}

.safety-table table>tbody>tr>th.row-merge.row-bg-white {
    vertical-align: bottom;
    text-align: left;
    padding-bottom: 8px;
}

.safety-table tbody>tr>td:nth-child(3) {
    background-color: #F15D2212 !important;
}

.safety-table tbody>tr>td:nth-child(4), .safety-table tbody>tr>td:nth-child(5) {
    background-color: #9395980D !important;
}

.safety-table table>tbody>tr:last-child>td:first-child {
    line-height: 25px !important;
    padding-right: 100px;
}

#adverse-events .btn-primary-orange-outline {
    text-transform: none;
    padding: 6px 13px;
    gap: 10px;
}

@media (min-width: 991px) {
    #events-clinical-interest li, #most-common-ars ul li:first-child {
        min-width: 970px;
    }
    
    #adverse-events .nccn-preferred--container img {
        margin-top: -12px;
    }
}

@media (max-width: 991px) {
    .mobile_font-14px {
        font-size: 14px !important;
        line-height: 18px !important;
    }

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

    #adverse-events .safety-table table {
        margin-left: 0;
    }

    .safety-table table>tbody>tr>th.row-merge.row-bg-white {
        padding-bottom: 0px;
    }
    
    #adverse-events .safety-table table>tbody>tr>th.row-merge.row-bg-white {
        padding-left: 4px;
    }

    .safety-table table>tbody>tr>th.row-bg-black.col-merge, 
    .safety-table table>tbody>tr>th.row-bg-orange.col-merge {
        width: auto;
        height: auto;
        min-height: 40px;
    }

    .safety-table table>tbody>tr>th.row-bg-black.font-medium, 
    .safety-table table>tbody>tr>th.row-bg-orange.font-medium {
        width: auto;
        padding: 6px 0 !important;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
    }
    
    .safety-table table>tbody>tr>th:nth-child(2) {
        border-right: none !important;
    }

    .safety-table table>tbody>tr>td:first-child {
        max-width: 94px;
    }

    .safety-table table>tbody>tr:last-child>td:first-child {
        line-height: 18px !important;
        padding-right: 4px; 
    }
    
    #adverse-events .btn-primary-orange-outline {
        /*text-transform: uppercase;*/
        padding: 12px 12px 12px 16px;
        gap: 20px;
        line-height: 26px;
        max-width: 283px;
    }
    
    #adverse-events .safety-table table>tbody>tr>td:first-child {
        line-height: 18px !important;
    }
    
    #adverse-events .safety-table.echo-table td {
        padding: 2px 4px;
    }
    #adverse-events #references, #post-hoc-analysis #references {
     padding-bottom: 16px; 
    }
    
    #cll-safety-amplify-ar .echo-table table>tbody>tr:nth-child(5)>td:first-child {
        line-height: 13px !important;
        padding-top: 4px;
        padding-bottom: 4px;
    }

}


/* CFF 4 */

#adverse-events .safety-table table>tbody>tr>th.row-bg-black.col-merge, 
#adverse-events .safety-table table>tbody>tr>th.row-bg-orange.col-merge {
    border-bottom: 1px solid #CACACA;
}

#adverse-events .safety-table table>tbody>tr>th.row-bg-black.font-medium, 
#adverse-events .safety-table table>tbody>tr>th.row-bg-orange.font-medium {
    border: 1px solid #CACACA;
    border-right: none;
}

#adverse-events .safety-table table>tbody>tr:nth-child(2)>th:nth-child(3) {
    border-left: none;
}

@media (min-width: 483px) and (max-width: 991px) {
    #adverse-events #most-common-ars .pinch-and-zoom {
        top: 64px;
    }
}

@media (min-width: 389px) and (max-width: 991px) {
    #adverse-events .safety-table table>tbody>tr>th.row-bg-black.col-merge, 
    #adverse-events .safety-table table>tbody>tr>th.row-bg-orange.col-merge {
        min-width: 132px;
    }
}