/* CLL / safety / ADDITIONAL DATA / ACE - CSS */ /* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-safety-add-data.css */ /* id: cll-safety-add-data-ace */ .remove-bullet--point { text-indent: 0px !important; } .remove-bullet--point::before { content: '' !important; } /* IMG to HTML */ .ibrutinib-chart { background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-add-data/mb_bg_ibrutinib-related.svg') no-repeat center; width: 340px; height: 198px; position: relative; margin-left: -32px; } .ibrutinib-chart p { width: fit-content; position: absolute; } .big-perc { font-weight: 800; font-size: 30px; line-height: 100%; text-align: left; color: #F15E24; } .big-perc > .rec { font-weight: 400; font-size: 11px; } .small-perc { font-weight: 800; font-size: 14px; line-height: 100%; text-align: center; } .small-perc > .rec { font-weight: 400; font-size: 8px; } .big-perc-1 { top: 84px; left: 13px; line-height: 15px; } .big-perc-2 { top: 92px; left: 285px; line-height: 12px; width: 65px !important; } .small-perc.maroon { top: 46px; left: 141px; color: #A74325; line-height: 7px; } .small-perc.orange { top: 75px; left: 122px; color: #F15E24; line-height: 7px; } .small-perc.gray { top: 110px; left: 124px; color: #929497; line-height: 10px; } /* CLL / safety / ADDITIONAL DATA / POOLED - CSS */ /* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-safety-add-data.css */ /* id: cll-safety-add-data-pooled */ #cll-safety-add-data-pooled #low-rates .cll-nordic-eyebrow:after { max-width: 446px; } #cll-safety-add-data-pooled .echo-table tbody>tr>th[colspan="3"] { background-color: #D9D9D980 !important; font-weight: 600; font-size: 13px; line-height: 14px; color: #535554; padding-top: 8px; padding-bottom: 8px; } #cll-safety-add-data-pooled .echo-table tbody>tr>td:nth-child(2) { background-color: #F15D220D !important; } #cll-safety-add-data-pooled .echo-table tbody>tr>td:nth-child(3) { background-color: #DC44051A !important; } #cll-safety-add-data-pooled #low-rates img { margin-top: -10px !important; } @media (min-width: 992px) { #cll-safety-add-data-pooled .echo-table tbody>tr>th[colspan="3"] { font-size: 18px; line-height: 32px; } #cll-safety-add-data-ace #discontinuation-rates h4 { letter-spacing: -0.4px } #cll-safety-add-data-pooled #low-rates img { margin-top: -20px !important; } #cll-safety-add-data-pooled #cumulative-incidence img, #cll-safety-add-data-pooled #incidence-cardiac table{ margin-top: -10px !important; } /* IMG to HTML */ .ibrutinib-chart { background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-add-data/bg_ibrutinib-related.svg') no-repeat center; width: 445px; height: 263px; margin-left: 0px; left: -32px; } .big-perc { font-size: 35px; } .big-perc > .rec { font-size: 16px; } .small-perc { font-size: 20px; } .small-perc > .rec { font-size: 12px; } .big-perc-1 { top: 117px; left: 32px; line-height: 17px; } .big-perc-2 { left: 370px; top: 122px; line-height: 17px; width: 104px !important; } .small-perc.maroon { top: 64px; left: 185px; line-height: 12px; } .small-perc.orange { top: 104px; left: 155px; line-height: 12px; } .small-perc.gray { top: 145px; left: 160px; line-height: 12px; } } @media (max-width: 991px) { #cll-safety-add-data-pooled .safety-table table>tbody>tr>td:first-child { max-width: 124px; } #cll-safety-add-data-pooled .echo-table table>tbody>tr>td { line-height: 15px !important; } #cll-safety-add-data-ace .elevate-tn-callout img { max-width: none; } .small-perc.orange > .rec { position: relative; left: 4px; } .small-perc.gray { text-align: left; } .small-perc.gray > .rec { position: relative; left: 6px; } } /* CLL / safety / DOSAGE - CSS */ /* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-safety-add-data.css */ /* id: cll-dosage-administration */ /* IMG to HTML */ #cll-dosage-modifications #combination-br .dot, #cll-dosage-modifications #combination-br .and-txt, #cll-dosage-modifications #combination-br .sub, #cll-dosage-modifications #combination-br .ocr { color: #58595B; } #cll-dosage-modifications #combination-br .ocr { margin-top: 0px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 { max-width: 914px; height: 233px; grid-template-columns: 178px 223px 290px 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/CALQUENCE_venetoclax-1.svg); } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 { max-width: 914px; height: 155px; grid-template-columns: 178px 223px 290px 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/CALQUENCE_venetoclax-2.svg); } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head { padding: 80px 36px 0px 20px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.head { padding: 15px 36px 0px 20px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c1 { padding: 4px 0px 0px 12px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c1 .steps { max-width: 200px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 .steps { max-width: 254px; padding-left: 12px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 { padding: 4px 0px 10px 25px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 { padding: 4px 4px 10px 24px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c2 { padding: 48px 0px 10px 25px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono { width: 954px; height: 174px; grid-template-columns: 218px 223px 290px 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/CALQUENCE_monotherapy.svg); } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .badge { color: #DA4728; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dot { width: 36px; height: 35px; background: transparent; font-size: 19.17px; box-shadow: none; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dot .sub { font-size: 12.77px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .ocr { margin-left: 4px !important; } #cll-dosage-modifications .orange-title { color: #DA4728; font-weight: 700; font-size: 19.11px; line-height: 100%; margin-bottom: 6px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.head { padding: 4px 2px 0px 60px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .cell { padding: 4px 22px 0px 12px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 { padding: 4px 19px 10px 23px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 { padding: 4px 15px 10px 21px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .title, #cll-dosage-modifications .dosage_mod_grid.dosage_mono .steps li, #cll-dosage-modifications .dosage_mod_grid.dosage_mono .subtitle { font-size: 11.98px; line-height: 100%; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .steps li { margin-bottom: 0; margin-top: 6px; line-height: 120%; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c1 .steps { max-width: 177px; padding-left: 12px; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c2 .steps { max-width: 245px; padding-left: 12px; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c3 .steps { padding-left: 12px; } #cll-safety-add-data-ace .donut-chart.circle-chart-1 p.circle-chart--number { font-size: 48px; top: 44px; left: 57px; color: #DA4726; } #cll-safety-add-data-ace .donut-chart.circle-chart-1 p.fw-700 { font-size: 18px; line-height: 20px; top: 98px; left: 40px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-1 p.circle-chart--number { font-size: 46.88px; top: 32px; left: 58px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-1 p.fw-700 { font-size: 16px; top: 86px; left: 46px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-2 p.circle-chart--number { font-size: 46.88px; top: 32px; left: 40px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-2 p.fw-700 { font-size: 16px; top: 86px; left: 54px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-3 p.circle-chart--number { font-size: 46.88px; top: 32px; left: 58px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-3 p.fw-700 { font-size: 16px; top: 86px; left: 46px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-4 p.circle-chart--number { font-size: 46.88px; top: 32px; left: 58px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-4 p.fw-700 { font-size: 16px; top: 86px; left: 54px; color: #DA4726; } /* POST MLR - 24-03-26 */ #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid { background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/dos-mod-1-bg.svg); width: 910px; height: 633px; background-repeat: no-repeat; margin-left: 45px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono { background-image: unset !important; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 { max-width: 910px; height: 152px; grid-template-columns: 183px 240px 256px 1fr; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head { padding: 7px 20px 0px 12px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head h3 { margin-bottom: 24px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .cell { padding: 0px 22px 0px 12px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 { padding: 0px 24px 10px 24px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 { padding: 0px 4px 10px 22px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 .badge { gap: 8px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row .badge { margin: 0px 0 8px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dot, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .and-txt, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .sub{ color: #FFFFFF; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .ocr { color: #DA4728; line-height: 17px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .symb { font-size: 15px; padding-right: 1px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 { max-width: 910px; height: 150px; grid-template-columns: 183px 240px 256px 1fr; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 p { font-size: 11.98px; line-height: 100%; margin-top: 6px; padding-left: 6px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-3 { max-width: 910px; height: 99px; grid-template-columns: 183px 1fr; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-3 .c1 .steps { max-width: none !important; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-4 { max-width: 910px; height: 92px; grid-template-columns: 183px 240px 236px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 { max-width: 910px; height: 108px; grid-template-columns: 183px 240px 236px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .cell.head { padding-top: 5px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.extra-css-mobile-one .cell.head { padding-top: 7px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .cell.head { padding-top: 15px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .cell-orange--title { font-weight: 700; font-size: 14px; line-height: 100%; color: #DA4326; padding-left: 6px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .text-nxt--line { position: relative; top: 6px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-4 .dosage_mod_grid__row>.c2 { padding: 0px 8px 10px 24px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .dosage_mod_grid__row>.c1 { padding: 7px 24px 0px 12px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .dosage_mod_grid__row>.c1 .steps { max-width: 204px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .dosage_mod_grid__row>.c2 { padding: 7px 8px 10px 24px; } @media (max-width: 991px) { #cll-dosage-administration .dosage-icons--container > div > p { max-width: none; text-align: center; } #cll-dosage-modifications .card-header { height: 52px; clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%, 0 10px); } #cll-dosage-modifications .card-header p { font-size: 18px; line-height: 20px; } #cll-dosage-modifications .card-content { padding: 9px 14px 9px 15px; } #cll-dosage-modifications .key-cards--container > div:nth-child(2) { position: relative; top: -13px; } #cll-dosage-modifications .key-cards--container > div:nth-child(3) { position: relative; top: -26px; } #cll-dosage-modifications .key-cards--container > div:nth-child(2) > .card-content, #cll-dosage-modifications .key-cards--container > div:nth-child(3) > .card-content { border-left: none; } #cll-dosage-modifications .orange-card .card-header { border-left: 1px solid #FFFFFF; } /* IMG to HTML */ #cll-dosage-modifications #combination-br .dosage_mod_grid .dosage_mod_grid__row { display: block; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head { padding: 14px 20px 0; height: 120px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.head { padding: 14px 20px 0; height: 120px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c1 .steps, #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 .steps, #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 .steps { max-width: 330px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 { padding: 22px 12px 0px 12px; height: 200px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 { padding: 4px 7px 0px 12px; height: 245px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 { padding: 7px 0px 0px 12px; height: 188px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .steps li { letter-spacing: -0.3px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c1 .steps .steps li { letter-spacing: 0; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c1 { padding: 52px 0px 0px 9px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c2 { padding: 5px 0px 0px 4px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c3 { padding: 44px 0px 10px 9px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c3 .badge { margin-left: 7px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 { max-width: 350px; height: 758px; grid-template-columns: 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/mb_CALQUENCE_venetoclax-1.svg); } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 { max-width: 350px; height: 527px; grid-template-columns: 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/mb_CALQUENCE_venetoclax-2.svg); } #cll-dosage-modifications .dosage_mod_grid.dosage_mono { max-width: 350px; height: 645px; grid-template-columns: 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/mb_CALQUENCE_monotherapy.svg); } #cll-dosage-modifications .orange-title { font-size: 23.11px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .title, #cll-dosage-modifications .dosage_mod_grid.dosage_mono .steps li, #cll-dosage-modifications .dosage_mod_grid.dosage_mono .subtitle { font-size: 13px; line-height: 16px; margin-bottom: 1px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.head { padding: 14px 8px 0px 8px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .cell { padding: 34px 8px 0px 12px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 { padding: 24px 6px 0px 12px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 { padding: 35px 6px 0px 12px; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c1 .steps { max-width: 330px; padding-left: 8px; padding-right: 0; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c2 .steps { max-width: 330px; padding-left: 8px; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c3 .steps { padding-left: 8px; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c2 .badge { margin-bottom: 0px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-1 p.circle-chart--number { top: 42px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-1 p.fw-700 { top: 100px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-2 p.circle-chart--number { top: 42px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-2 p.fw-700 { top: 100px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-3 p.circle-chart--number { top: 42px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-3 p.fw-700 { top: 100px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-4 p.circle-chart--number { top: 42px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-4 p.fw-700 { top: 100px; } /* POST MLR - 24-03-26 */ #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid { background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/mb_dos-mod-1-bg.svg); width: 350px; height: 1047px; background-repeat: no-repeat; margin: 0 auto; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 { max-width: 350px; height: 239px; grid-template-columns: 62px 102px 100px 1fr; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 { max-width: 350px; height: 293px; grid-template-columns: 72px 90px 100px 1fr; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-3 { max-width: 350px; height: 150px; grid-template-columns: 72px 1fr; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-4 { max-width: 350px; height: 161px; grid-template-columns: 72px 90px 100px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 { max-width: 350px; height: 202px; grid-template-columns: 72px 90px 100px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row { display: grid; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.c3 { grid-column: 4; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.c2 { grid-column: 3; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.c1 { grid-column: 2; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.head { grid-column: 1; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head h3 { margin-bottom: 30px; font-size: 14px; text-align: left; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .ocr { font-size: 14.14px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dot { width: 22px; height: 23px; font-size: 13.21px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .c1 .dot { transform: translateX(-2px); } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dot .sub { font-size: 9.4px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .title, #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .steps li, #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .subtitle { font-size: 10px; line-height: 10px; margin-bottom: 1px; text-align: left; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head { padding: 24px 0px 0px 4px; width: 60px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.head { padding: 14px 0 0 4px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 p { font-size: 10px; line-height: 100%; margin-top: 6px; text-align: left; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 { padding: 3px 6px 0px 14px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row .badge { position: relative; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .ocr { position: absolute; top: 24px; left: -24px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .ocr { position: absolute; top: 24px; left: -24px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .c2 .ocr { position: absolute; top: 23px; left: -24px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c1 .steps, #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 .steps, #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 .steps { max-width: 86px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 .steps, #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 .steps, #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 .steps { margin-top: 30px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 { padding: 4px 3px 0px 14px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 { padding: 4px 0px 0px 12px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 .steps li { width: 70px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .cell.head { padding: 14px 16px 0px 4px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-3 .dosage_mod_grid__row>.c1 { width: 270px; padding: 0px 15px 0px 5px; margin-top: 10px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c1 { padding: 0px 0px 0px 3px; margin-top: 5px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .cell-orange--title { font-size: 12px; text-align: left; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-3 .dosage_mod_grid__row>.c1 .steps { margin-top: 4px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-4 .dosage_mod_grid__row>.c1 { padding: 14px 24px 0px 1px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-4 .dosage_mod_grid__row>.c2 { padding: 14px 6px 0px 1px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .dosage_mod_grid__row>.c1 { padding: 8px 24px 0px 1px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .dosage_mod_grid__row>.c2 { padding: 8px 6px 0px 1px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c2 { padding: 5px 0px 0px 10px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c3 { padding: 8px 0px 10px 14px; } /* 2nd Image*//* CLL / safety / ADDITIONAL DATA / ACE - CSS */ /* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-safety-add-data.css */ /* id: cll-safety-add-data-ace */ .remove-bullet--point { text-indent: 0px !important; } .remove-bullet--point::before { content: '' !important; } /* IMG to HTML */ .ibrutinib-chart { background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-add-data/mb_bg_ibrutinib-related.svg') no-repeat center; width: 340px; height: 198px; position: relative; margin-left: -32px; } .ibrutinib-chart p { width: fit-content; position: absolute; } .big-perc { font-weight: 800; font-size: 30px; line-height: 100%; text-align: left; color: #F15E24; } .big-perc > .rec { font-weight: 400; font-size: 11px; } .small-perc { font-weight: 800; font-size: 14px; line-height: 100%; text-align: center; } .small-perc > .rec { font-weight: 400; font-size: 8px; } .big-perc-1 { top: 84px; left: 13px; line-height: 15px; } .big-perc-2 { top: 92px; left: 285px; line-height: 12px; width: 65px !important; } .small-perc.maroon { top: 46px; left: 141px; color: #A74325; line-height: 7px; } .small-perc.orange { top: 75px; left: 122px; color: #F15E24; line-height: 7px; } .small-perc.gray { top: 110px; left: 124px; color: #929497; line-height: 10px; } /* CLL / safety / ADDITIONAL DATA / POOLED - CSS */ /* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-safety-add-data.css */ /* id: cll-safety-add-data-pooled */ #cll-safety-add-data-pooled #low-rates .cll-nordic-eyebrow:after { max-width: 446px; } #cll-safety-add-data-pooled .echo-table tbody>tr>th[colspan="3"] { background-color: #D9D9D980 !important; font-weight: 600; font-size: 13px; line-height: 14px; color: #535554; padding-top: 8px; padding-bottom: 8px; } #cll-safety-add-data-pooled .echo-table tbody>tr>td:nth-child(2) { background-color: #F15D220D !important; } #cll-safety-add-data-pooled .echo-table tbody>tr>td:nth-child(3) { background-color: #DC44051A !important; } #cll-safety-add-data-pooled #low-rates img { margin-top: -10px !important; } @media (min-width: 992px) { #cll-safety-add-data-pooled .echo-table tbody>tr>th[colspan="3"] { font-size: 18px; line-height: 32px; } #cll-safety-add-data-ace #discontinuation-rates h4 { letter-spacing: -0.4px } #cll-safety-add-data-pooled #low-rates img { margin-top: -20px !important; } #cll-safety-add-data-pooled #cumulative-incidence img, #cll-safety-add-data-pooled #incidence-cardiac table{ margin-top: -10px !important; } /* IMG to HTML */ .ibrutinib-chart { background: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-safety-add-data/bg_ibrutinib-related.svg') no-repeat center; width: 445px; height: 263px; margin-left: 0px; left: -32px; } .big-perc { font-size: 35px; } .big-perc > .rec { font-size: 16px; } .small-perc { font-size: 20px; } .small-perc > .rec { font-size: 12px; } .big-perc-1 { top: 117px; left: 32px; line-height: 17px; } .big-perc-2 { left: 370px; top: 122px; line-height: 17px; width: 104px !important; } .small-perc.maroon { top: 64px; left: 185px; line-height: 12px; } .small-perc.orange { top: 104px; left: 155px; line-height: 12px; } .small-perc.gray { top: 145px; left: 160px; line-height: 12px; } .laptop_pl-6px { padding-left: 6px !important; } } @media (max-width: 991px) { #cll-safety-add-data-pooled .safety-table table>tbody>tr>td:first-child { max-width: 124px; } #cll-safety-add-data-pooled .echo-table table>tbody>tr>td { line-height: 15px !important; } #cll-safety-add-data-ace .elevate-tn-callout img { max-width: none; } .small-perc.orange > .rec { position: relative; left: 4px; } .small-perc.gray { text-align: left; } .small-perc.gray > .rec { position: relative; left: 6px; } } /* CLL / safety / DOSAGE - CSS */ /* /content/dam/intelligentcontent/brands/calquencehcp/us/en/css/cll-safety-add-data.css */ /* id: cll-dosage-administration */ /* IMG to HTML */ #cll-dosage-modifications #combination-br .dot, #cll-dosage-modifications #combination-br .and-txt, #cll-dosage-modifications #combination-br .sub, #cll-dosage-modifications #combination-br .ocr { color: #58595B; } #cll-dosage-modifications #combination-br .ocr { margin-top: 0px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 { max-width: 914px; height: 233px; grid-template-columns: 178px 223px 290px 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/CALQUENCE_venetoclax-1.svg); } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 { max-width: 914px; height: 155px; grid-template-columns: 178px 223px 290px 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/CALQUENCE_venetoclax-2.svg); } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head { padding: 80px 36px 0px 20px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.head { padding: 15px 36px 0px 20px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c1 { padding: 4px 0px 0px 12px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c1 .steps { max-width: 200px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 .steps { max-width: 254px; padding-left: 12px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 { padding: 4px 0px 10px 25px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 { padding: 4px 4px 10px 24px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c2 { padding: 48px 0px 10px 25px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono { width: 954px; height: 174px; grid-template-columns: 218px 223px 290px 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/CALQUENCE_monotherapy.svg); } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .badge { color: #DA4728; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dot { width: 36px; height: 35px; background: transparent; font-size: 19.17px; box-shadow: none; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dot .sub { font-size: 12.77px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .ocr { margin-left: 4px !important; } #cll-dosage-modifications .orange-title { color: #DA4728; font-weight: 700; font-size: 19.11px; line-height: 100%; margin-bottom: 6px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.head { padding: 4px 2px 0px 60px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .cell { padding: 4px 22px 0px 12px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 { padding: 4px 19px 10px 23px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 { padding: 4px 15px 10px 21px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .title, #cll-dosage-modifications .dosage_mod_grid.dosage_mono .steps li, #cll-dosage-modifications .dosage_mod_grid.dosage_mono .subtitle { font-size: 11.98px; line-height: 100%; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .steps li { margin-bottom: 0; margin-top: 6px; line-height: 120%; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c1 .steps { max-width: 177px; padding-left: 12px; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c2 .steps { max-width: 245px; padding-left: 12px; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c3 .steps { padding-left: 12px; } #cll-safety-add-data-ace .donut-chart.circle-chart-1 p.circle-chart--number { font-size: 48px; top: 44px; left: 57px; color: #DA4726; } #cll-safety-add-data-ace .donut-chart.circle-chart-1 p.fw-700 { font-size: 18px; line-height: 20px; top: 98px; left: 40px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-1 p.circle-chart--number { font-size: 46.88px; top: 32px; left: 58px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-1 p.fw-700 { font-size: 16px; top: 86px; left: 46px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-2 p.circle-chart--number { font-size: 46.88px; top: 32px; left: 40px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-2 p.fw-700 { font-size: 16px; top: 86px; left: 54px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-3 p.circle-chart--number { font-size: 46.88px; top: 32px; left: 58px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-3 p.fw-700 { font-size: 16px; top: 86px; left: 46px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-4 p.circle-chart--number { font-size: 46.88px; top: 32px; left: 58px; color: #DA4726; } #cll-safety-add-data-pooled .donut-chart.circle-chart-4 p.fw-700 { font-size: 16px; top: 86px; left: 54px; color: #DA4726; } /* POST MLR - 24-03-26 */ #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid { background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/dos-mod-1-bg.svg); width: 910px; height: 633px; background-repeat: no-repeat; margin-left: 45px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono { background-image: unset !important; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 { max-width: 910px; height: 152px; grid-template-columns: 183px 240px 256px 1fr; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head { padding: 8px 20px 0px 12px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head h3 { margin-bottom: 24px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .cell { padding: 0px 22px 0px 12px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 { padding: 0px 24px 10px 24px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 { padding: 0px 4px 10px 22px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 .badge { gap: 8px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row .badge { margin: 0px 0 8px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dot, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .and-txt, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .sub{ color: #FFFFFF; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .ocr { color: #DA4728; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .symb { font-size: 15px; padding-right: 1px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 { max-width: 910px; height: 150px; grid-template-columns: 183px 240px 256px 1fr; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 p { font-size: 11.98px; line-height: 100%; margin-top: 6px; padding-left: 6px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-3 { max-width: 910px; height: 99px; grid-template-columns: 183px 1fr; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-3 .c1 .steps { max-width: none !important; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-4 { max-width: 910px; height: 92px; grid-template-columns: 183px 240px 236px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 { max-width: 910px; height: 108px; grid-template-columns: 183px 240px 236px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .cell.head { padding-top: 14px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .cell.head { padding-top: 24px; } /**/ #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.extra-css-mobile-one .cell.head{ padding: 23px 16px 0px 4px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.extra-css-mobile-two .cell.head{ padding-top: 17px; } /**/ #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .cell-orange--title { font-weight: 700; font-size: 14px; line-height: 100%; color: #DA4326; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .text-nxt--line { position: relative; top: 6px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-4 .dosage_mod_grid__row>.c2 { padding: 0px 8px 10px 24px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .dosage_mod_grid__row>.c1 { padding: 7px 24px 0px 12px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .dosage_mod_grid__row>.c1 .steps { max-width: 204px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .dosage_mod_grid__row>.c2 { padding: 7px 8px 10px 24px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 p, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .cell-orange--title { padding-left: 6px; } @media (max-width: 991px) { #cll-dosage-administration .dosage-icons--container > div > p { max-width: none; text-align: center; } #cll-dosage-modifications .card-header { height: 52px; clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%, 0 10px); } #cll-dosage-modifications .card-header p { font-size: 18px; line-height: 20px; } #cll-dosage-modifications .card-content { padding: 9px 14px 9px 15px; } #cll-dosage-modifications .key-cards--container > div:nth-child(2) { position: relative; top: -13px; } #cll-dosage-modifications .key-cards--container > div:nth-child(3) { position: relative; top: -26px; } #cll-dosage-modifications .key-cards--container > div:nth-child(2) > .card-content, #cll-dosage-modifications .key-cards--container > div:nth-child(3) > .card-content { border-left: none; } #cll-dosage-modifications .orange-card .card-header { border-left: 1px solid #FFFFFF; } /* IMG to HTML */ #cll-dosage-modifications #combination-br .dosage_mod_grid .dosage_mod_grid__row { display: block; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head { padding: 14px 20px 0; height: 120px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.head { padding: 14px 20px 0; height: 120px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c1 .steps, #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 .steps, #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 .steps { max-width: 330px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 { padding: 22px 12px 0px 12px; height: 200px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 { padding: 4px 7px 0px 12px; height: 245px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 { padding: 7px 0px 0px 12px; height: 188px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .steps li { letter-spacing: -0.3px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c1 .steps .steps li { letter-spacing: 0; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c1 { padding: 52px 0px 0px 9px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c2 { padding: 5px 0px 0px 4px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c3 { padding: 44px 0px 10px 9px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c3 .badge { margin-left: 7px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 { max-width: 350px; height: 758px; grid-template-columns: 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/mb_CALQUENCE_venetoclax-1.svg); } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 { max-width: 350px; height: 527px; grid-template-columns: 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/mb_CALQUENCE_venetoclax-2.svg); } #cll-dosage-modifications .dosage_mod_grid.dosage_mono { max-width: 350px; height: 645px; grid-template-columns: 1fr; background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/mb_CALQUENCE_monotherapy.svg); } #cll-dosage-modifications .orange-title { font-size: 23.11px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .title, #cll-dosage-modifications .dosage_mod_grid.dosage_mono .steps li, #cll-dosage-modifications .dosage_mod_grid.dosage_mono .subtitle { font-size: 13px; line-height: 16px; margin-bottom: 1px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.head { padding: 14px 8px 0px 8px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .cell { padding: 34px 8px 0px 12px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 { padding: 24px 6px 0px 12px; } #cll-dosage-modifications .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 { padding: 35px 6px 0px 12px; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c1 .steps { max-width: 330px; padding-left: 8px; padding-right: 0; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c2 .steps { max-width: 330px; padding-left: 8px; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c3 .steps { padding-left: 8px; } #cll-dosage-modifications .dosage_mod_grid .dosage_mod_grid__row>.c2 .badge { margin-bottom: 0px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-1 p.circle-chart--number { top: 42px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-1 p.fw-700 { top: 100px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-2 p.circle-chart--number { top: 42px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-2 p.fw-700 { top: 100px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-3 p.circle-chart--number { top: 42px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-3 p.fw-700 { top: 100px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-4 p.circle-chart--number { top: 42px; } #cll-safety-add-data-pooled .donut-chart.circle-chart-4 p.fw-700 { top: 100px; } /* POST MLR - 24-03-26 */ #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid { background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/mb_dos-mod-1-bg.svg); width: 350px; height: 1047px; background-repeat: no-repeat; margin: 0 auto; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 { max-width: 350px; height: 239px; grid-template-columns: 62px 102px 100px 1fr; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 { max-width: 350px; height: 293px; grid-template-columns: 72px 90px 100px 1fr; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-3 { max-width: 350px; height: 150px; grid-template-columns: 72px 1fr; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-4 { max-width: 350px; height: 161px; grid-template-columns: 72px 90px 100px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 { max-width: 350px; height: 202px; grid-template-columns: 72px 90px 100px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row { display: grid; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.c3, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.c3 { grid-column: 4; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.c2, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.c2 { grid-column: 3; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.c1, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.c1 { grid-column: 2; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.head, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid .dosage_mod_grid__row>.head { grid-column: 1; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head h3, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head h3 { margin-bottom: 30px; font-size: 14px; text-align: left; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .ocr, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .ocr { font-size: 14.14px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .c3 .ocr { line-height: 12px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dot, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dot { width: 22px; height: 23px; font-size: 13.21px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .c1 .dot, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .c1 .dot { transform: translateX(-2px); } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dot .sub, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dot .sub { font-size: 9.4px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .title, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .steps li, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .subtitle, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .title, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .steps li, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .subtitle { font-size: 10px; line-height: 10px; margin-bottom: 1px; text-align: left; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head { padding: 24px 0px 0px 4px; width: 60px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.head { padding: 14px 0 0 4px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 p, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 p { font-size: 10px; line-height: 100%; margin-top: 6px; text-align: left; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 { padding: 3px 6px 0px 14px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row .badge, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row .badge { position: relative; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .ocr, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .ocr { position: absolute; top: 24px; left: -24px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .c2 .ocr, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .c2 .ocr { position: absolute; top: 23px; left: -24px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c1 .steps, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 .steps, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 .steps, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c1 .steps, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 .steps, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 .steps { max-width: 86px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 .steps, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 .steps, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 .steps, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 .steps, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 .steps, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 .steps { margin-top: 30px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 { padding: 4px 3px 0px 14px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 { padding: 4px 0px 0px 12px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c2 .steps li { width: 70px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .cell.head, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .cell.head { padding: 14px 16px 0px 4px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-3 .dosage_mod_grid__row>.c1 { width: 270px; padding: 0px 15px 0px 5px; margin-top: 10px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c1 { padding: 0px 0px 0px 3px; margin-top: 5px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .cell-orange--title, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .cell-orange--title { font-size: 12px; text-align: left; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-3 .dosage_mod_grid__row>.c1 .steps { margin-top: 4px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-4 .dosage_mod_grid__row>.c1 { padding: 14px 24px 0px 1px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-4 .dosage_mod_grid__row>.c2 { padding: 14px 6px 0px 1px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .dosage_mod_grid__row>.c1 { padding: 8px 24px 0px 1px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-5 .dosage_mod_grid__row>.c2 { padding: 8px 6px 0px 1px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c2 { padding: 5px 0px 0px 10px; } #cll-dosage-modifications #combination-br .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-2 .dosage_mod_grid__row>.c3 { padding: 8px 0px 10px 14px; } /* 2nd Image*/ #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid--2 { background-image: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/mb_dos-mod-2-bg.svg'); height: 270px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 { padding: 3px 6px 0px 10px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .ocr { top: 28px; left: -12px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .and-txt { font-size: 12px; transform: translateX(-1px); padding-right: 1px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head h3 { margin-bottom: 14px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 .steps, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 .steps, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 .steps { margin-top: 21px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .title, #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .subtitle{ line-height: 115%; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .steps li { line-height: 120%; width: 75px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .c2 .dot { position: relative; top: -1px; left: -7px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .c2 .ocr { top: 26px; left: -30px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 { padding: 3px 3px 0px 10px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .c3 .badge { margin-bottom: 0; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .c3 .dot { position: relative; top: -1px; left: -10px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .c3 .ocr { top: 26px; left: -36px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 { padding: 4px 0px 0px 8px; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row>.c3 p, #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .cell-orange--title { padding-left: 3px; } } /* Compatibility issues - 16-03-2026 */ @media (max-width: 389px) { #cll-safety-add-data-ace h1 .no-wrap { white-space: wrap !important; } #cll-safety-add-data-ace .breadcrumb-title p, #cll-safety-add-data-pooled .breadcrumb-title p { font-size: 15px; } #cll-safety-add-data-ace .ibrutinib-chart { zoom: 0.8; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid { width: 100%; height: auto; background-size: contain; } #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row .badge { transform: translate(-4px, 1px); } } @media (max-width: 359px) { #cll-dosage-modifications #combination-br .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono .dosage_mod_grid__row .badge { transform: translate(-2px, 1px); } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 { padding: 4px 0px 0px 11px; } } @media (min-width: 391px) and (max-width: 991px) { #cll-safety-add-data-pooled #low-rates .cll-nordic-eyebrow:after { max-width: none; } } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid--2 { background-image: url('/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-dosing/mb_dos-mod-2-bg.svg'); height: 270px; } } /* Compatibility issues - 16-03-2026 */ @media (max-width: 389px) { #cll-safety-add-data-ace h1 .no-wrap { white-space: wrap !important; } #cll-safety-add-data-ace .breadcrumb-title p, #cll-safety-add-data-pooled .breadcrumb-title p { font-size: 15px; } #cll-safety-add-data-ace .ibrutinib-chart { zoom: 0.8; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid { width: 100%; height: auto; background-size: contain; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid--2 { width: 100%; height: auto; background-size: contain; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.head { padding: 4px 0px 0px 0px; width: 60px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 { padding: 1px 0px 0px 0px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 { padding: 2px 3px 0px 4px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 { padding: 2px 0px 0px 0px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .and-txt { transform: translateX(-4px); padding-right: 0px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .c1 .dot { transform: translateX(-5px); } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .c2 .dot { left: -10px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .c3 .dot { left: -16px; } #cll-dosage-modifications .post-mlr-cll-dosage_mod_grid--2 { height: 270px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c1 { padding: 3px 6px 0px 13px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 { padding: 3px 3px 0px 10px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 { padding: 4px 0px 0px 13px; } } @media (min-width: 391px) and (max-width: 991px) { #cll-safety-add-data-pooled #low-rates .cll-nordic-eyebrow:after { max-width: none; } } @media (min-width: 381px) and (max-width: 389px) { #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c2 { padding: 3px 3px 0px 8px; } #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 { padding: 4px 0px 0px 10px; } } @media (min-width: 381px) and (max-width: 384px) { #cll-dosage-modifications #monotherapy .post-mlr-cll-dosage_mod_grid .dosage_mod_grid.dosage_mono.cll-dosage_mod_grid-1 .dosage_mod_grid__row>.c3 { padding: 4px 0px 0px 13px; } }