.table-responsive.compare-chart { z-index: 1; } .compare-chart .compare-chart-table a.simple-link { font-weight: 600; text-decoration: none; } .content-card-v2-component .border-bottom { border-bottom-width: 0.0625rem!important; border-bottom-style: solid; border-bottom-color: #d2d2d2; } .content-card-v2-component .compare-chart .compare-chart-sticky-content.sticky-show-stuck .compare-chart-card .cc-card-flex-grow { flex: none; } @media (min-width: 860px) { .content-card-v2-component .table.table-first-col-highlight tr td:nth-child(2) { background-color: #d9e9f5; } .content-card-v2.container .table td, .table th { padding: 1.5rem 3rem; } .content-card-v2-component .compare-chart-sticky-content .card.compare-chart-card{ padding-left: 2rem!important; } } @media (max-width: 859.98px){ .table td, .table th { padding: 0; } .content-card-v2-component .material-backdrop.container.compare-chart-sticky-content.sticky-show-stuck{ overflow-x: scroll; } .content-card-v2-component .cc-card-flex-grow .h5{ margin-top: 0.5rem; } .content-card-v2.container .compare-chart .compare-chart-card .link-group { margin-top: 1rem; } .content-card-v2.container span.sku2price { display: block; margin-top: 0.75rem; } .content-card-v2-component .compare-chart .sticky-show-stuck .card { padding-left: 0!important; } .content-card-v2-component a.cta.font-weight-semibold{ margin-right: 0; display: inline-block; } .content-card-v2-component .table.table-first-col-highlight tr td:nth-child(2) .cc-cell-content { background-color: #d9e9f5; } .content-card-v2.container .content-card-v2-component{ overflow-x: auto; } .content-card-v2.container .compare-chart-intro.border-top{ display: none; max-width: 100%; } .content-card-v2.container .compare-chart-table th:first-child .cc-rowheader-wrapper>.cc-rowheader{ position: unset; min-width: 100%; } .content-card-v2-component .table tr td .cc-cell-content { padding: 1rem; height: 100%; } .content-card-v2-component .compare-chart-table th:first-child .cc-rowheader-wrapper>.cc-rowheader{ padding: 1rem; } .content-card-v2.container .compare-chart-table th:first-child .cc-rowheader-wrapper { background-color: #f2f2f2; border-bottom: 0.0625rem solid #d2d2d2; } .content-card-v2.container .compare-chart-table .cc-rowheader-shim { padding-bottom: 0rem; width: calc(200vw - 1.5rem - 1.5rem); } .content-card-v2-component .border-bottom{ display: none; } .content-card-v2-component .compare-chart-table td { border-bottom: 0.0625rem solid #d2d2d2; } .content-card-v2.container .compare-chart{ overflow-x: unset; } .content-card-v2.container .compare-chart-3-items .compare-chart-footer, .content-card-v2.container .compare-chart-3-items .compare-chart-head, .content-card-v2.container .compare-chart-3-items .compare-chart-prod-card-group, .content-card-v2.container .compare-chart-3-items .compare-chart-table, .content-card-v2.container .compare-chart-3-items .compare-chart-table .cc-rowheader-wrapper{ min-width: calc(3 * 68.3765vw) } .compare-chart-3-items .compare-chart-prod-card-group{ border-top: 0.0625rem solid #d2d2d2; } .content-card-v2.container .compare-chart-3-items .compare-chart-head{ background-color: #fff; } .content-card-v2.container .card.compare-chart-card.material-surface { padding-left: 0rem!important; padding-right: 0rem!important; padding-top: 0.25rem!important; padding-bottom: 0.25rem!important; } .compare-chart-table td:last-child{ padding-right: 0rem; } .content-card-v2.container .compare-chart-table th:first-child .cc-rowheader-wrapper>.cc-rowheader{ padding: 1rem 1rem !important; } } .content-card-v2-component .table-first-col-highlight :not(thead)>tr>th { background-color: transparent; } .content-card-v2-component .ow-comparison-table .glyph-prepend::before { font-family: "MWF-MDL2"; font-weight: 700; line-height: 1; } .content-card-v2-component .compare-chart-prod-card-group .col:first-child{ background-color: #d9e9f5; } .content-card-v2-component .compare-chart-synchronized-scroll.stuck-depth.sticky.sticky-direction-top.stuck .col:first-child{ min-height: 8.25rem; } .content-card-v2-component .compare-chart-prod-card-group .col { padding-right: 1rem; padding-left: 1rem; } .content-card-v2-component .material-surface { background-color: transparent; color: #000; } .content-card-v2.container { margin-top: 3rem; padding-top: 1rem; } @media (max-width: 1080px) { .content-card-v2 .compare-chart-table tbody tr{ display: flex; flex-wrap: wrap; } .content-card-v2.container .compare-chart-table th:first-child .cc-rowheader-wrapper>.cc-rowheader{ padding: 1.5rem 3rem; } .content-card-v2 .compare-chart-table tbody tr > *:first-child { flex: 0 0 100%; } .content-card-v2 .compare-chart-table tbody tr > *:not(:first-child) { flex: 1 1; } .content-card-v2 .compare-chart-table tbody .cc-rowheader-shim { padding: 0; } } @media (max-width: 859.98px) { .content-card-v2 .compare-chart-table.table td { padding: 0.1px!important; } } .content-card-v2.container .compare-chart-intro.border-top { border-top: 0 solid #fff; } .content-card-v2.container .compare-chart-table { border-top: 1px solid #757575; } .content-card-v2.container table.table.table-first-col-highlight.compare-chart-table { margin-top: 0!important; } /* .content-card-v2.container .compare-chart { overflow-x: unset; } */ .content-card-v2.container .bg-primary{ background-color: #ffb900!important; color: #000; } @media (min-width: 860px){ .content-card-v2.container .card.compare-chart-card.material-surface{ padding-left: 2rem!important; padding-right: 2rem!important; padding-top: 3rem!important; padding-bottom: 3rem!important; } .content-card-v2-component .price-one.button-margin{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .content-card-v2-component .sku2price-link.button-margin{ margin-top: 0.75rem; } .content-card-v2.container .cc-card-flex-grow .h4{ margin-top: 0.5rem; margin-bottom: 0!important; } .content-card-v2.container .h6.sku2price, .content-card-v2.container .h6.sku2price-override, .content-card-v2.container .sku2price-override, .content-card-v2.container .h6.sku1price{ font-size: 1rem; font-weight: bolder; margin-top: 0; margin-bottom: 0 } .content-card-v2.container .compare-chart .compare-chart-card .link-group{ margin-top: 1rem; } .content-card-v2.container span.sku2price { display: block; margin-top: 0.75rem; } .container .content-card-v2-component .material-backdrop.container.compare-chart-sticky-content.sticky-show-stuck { max-width: 1600px; } .content-card-v2.container .compare-chart { overflow-x: unset; } } .content-card-v2 .compare-chart-head .compare-chart-intro{ padding : 0; } /* .container .content-card-v2-component .material-backdrop.container.compare-chart-sticky-content.sticky-show-stuck .compare-chart-head .hide-at-short-viewport .col{ min-height: 132px; } */ .content-card-v2.container div.cc-cell-content .list-unstyled .card .card-footer { margin-top: 0!important; } .content-card-v2.container .compare-chart .compare-chart-sticky-shim { padding: 0; } .content-card-v2.container .cta::after { top: 56%; } .content-card-v2.container .compare-chart .compare-chart-card .link-group{ display: inline-block; } .content-card-v2.container .compare-chart-prod-card-group .col:not(:first-child) .link-group .btn-primary{ background-color: transparent; color: #0067b8!important; border-color: currentColor; } .content-card-v2.container .compare-chart .compare-chart-card .cc-card-flex-grow{ flex: 0; } @media only screen and (max-width: 1200px) and (min-width: 1080px){ .content-card-v2-component .cc-card-flex-grow.pt-5 > h1, .content-card-v2-component .cc-card-flex-grow.pt-5 > h2, .content-card-v2-component .cc-card-flex-grow.pt-5 > h3, .content-card-v2-component .cc-card-flex-grow.pt-5 > h4, .content-card-v2-component .cc-card-flex-grow.pt-5 > h5, .content-card-v2-component .cc-card-flex-grow.pt-5 > h6{ margin-top: 1rem; } } .content-card-v2-component .my-2.not-available-text.value-hidden{ display: none; } .content-card-v2-component .link-group.value-hidden, .content-card-v2-component .sticky-link-group-container.hide-value, .content-card-v2-component .cc-card-flex-grow .sku2price.value-hidden, .content-card-v2-component .cc-card-flex-grow .sku1price.value-hidden{ display: none!important; } .container .content-card-v2-component .material-backdrop.container.compare-chart-sticky-content.sticky-show-stuck .compare-chart-head .hide-at-short-viewport .col.new-height{ min-height: 0; } .content-card-v2-component .link-group.value-hidden-new{ display: none!important; } .compare-chart .fixed-sticky .show-at-short-viewport { display: none; } .compare-chart-intro.hide-content{ display: none; } .content-card-v2-component .col span.sku2price.value-hidden{ display: none; } .content-card-v2-component .h6.sku2price.value-hidden{ display: none; } .content-card-v2-component .sticky-link-group-container .link-group .inner.value-hidden{ display: none; } .content-card-v2-component .price-one .cc-original-price.hideText{ display:none; } .content-card-v2-component .price-one .cc-original-price{ text-decoration:line-through; } .content-card-v2-component .price-one .cc-original-price,.content-card-v2-component .price-one .sku2price, .content-card-v2-component .price-one .sku2price-override{ display:inline-block; } .content-card-v2-component .cc-discounted-price-text a{ text-decoration:none; } .content-card-v2-component .cc-discounted-price-text a:hover{ text-decoration:underline; } .content-card-v2-component .msa.cc-discounted-price-text.hideText, .content-card-v2-component .user-condition-enabled, .content-card-v2-component .defaultMonthlyPrice-condition-enabled, .content-card-v2-component .override-user-text, .content-card-v2-component .hide-MonthlyPrice-condition-enabled{ display:none; } .compare-chart-table .Imagearea img { width: 30px; height: 30px; margin-right: 10px; margin-bottom: 0; } .compare-chart-table span.table-row-image, .compare-chart-table span.table-row-heading{ margin: 0; display: inline-block; } .compare-chart-table .table-row-heading-image { display: flex; }