#compare .panel-default { border-bottom: 1px solid #fff; }
#compare { padding-bottom: 60px }
#compare .panel-default:first-child { border-bottom: 0; }
#compare .panel-default .panel-heading { color: #fff; background-color: #ccc; border-color: #ccc; border-radius: 0; border-top: 1px solid #fff; }
#compare .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; }
#compare .panel-group .panel+.panel { margin-top: 0; }
#compare .panel-body, #compare .panel-body .table>thead>tr>td { padding: 0; }
#compare .panel-title a { display: block; font-size: 14px; color: #0f0f0f; text-decoration: none; font-weight: bold; }
#compare .panel-title a:hover { color: #0f0f0f; text-decoration: none }
#compare .panel-heading a:before { font-family: 'Glyphicons Halflings'; content: "\e252"; float: left; color: #000000; margin-right: 15px; font-size: 12px; line-height: 17px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); }
#compare .panel-heading a[aria-expanded="true"]:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
#compare h3 { font-size: 14px; margin: 0; font-weight: bold; text-align: center }
#compare .trFeature { text-align: center; background: #f3f3f3; }
#compare .trFeature td:first-child { text-align: left; color: #000; font-size: 14px }
#compare .comparison-chart { margin-bottom: 0; }
#compare .comparison-chart { margin-bottom: 0; }
#compare .feature-check p, .comparison-chart .feature-check-gray { color: #555; font-weight: bold; line-height: 22px }
#compare td a { color: #000; text-decoration: underline }
#compare .comparison-chart td { font-size: 13px; vertical-align: middle; padding: 12px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }
#compare .comparison-chart td.last-td { border-bottom: 1px solid #ddd; }
#compare .panel-heading td { padding: 15px; border-top: 0; border-left: 0 }
#compare .panel-default { border-color: transparent; }
#compare .comparison-chart td.pad-8 { padding: 8px 12px }
#compare .table>tbody+tbody { border-top: 0; }
#compare .comparison-chart tr.trFeature:hover td { background-color: #e2e2e2; }

#compare .legend-wrap { display: flex; justify-content: flex-end; }
#compare .compare-legend { content: ''; background: url(/static/cdgs/product_content/cdts/2021/compare-arrows.png) -82px -6px no-repeat; height: 24px; display: block; padding-left: 37px; padding-top: 1px; font-size: 14px; }

span.new, span.enhanced, span.callout { text-transform: none !important; }
.comparison-chart .feature-check-top { background: transparent }
.comparison-chart .feature-check-top:before { content: ''; background: url(/static/cdgs/product_content/cdts/2021/compare-arrows.png) -6px -8px no-repeat; width: 22px; height: 20px; display: block; margin: 0 auto; }
.comparison-chart .feature-check { background: transparent }
.comparison-chart .feature-check:after { content: ''; background: url(/static/cdgs/product_content/cdts/2021/compare-arrows.png) -6px -8px no-repeat; width: 22px; height: 20px; display: block; margin: 0 auto; }
.comparison-chart .feature-check-black:after { content: ''; background: url(/static/cdgs/product_content/cdts/2021/compare-arrows.png) -46px -8px no-repeat; width: 22px; height: 20px; display: block; margin: 0 auto; }
.comparison-chart .feature-check-gray:after { content: ''; background: url(/static/cdgs/product_content/cdts/2021/compare-arrows.png) -82px -6px no-repeat; width: 32px; height: 24px; display: block; margin: 0 auto; }
.comparison-chart .feature-check-gray-top:before { content: ''; background: url(/static/cdgs/product_content/cdts/2021/compare-arrows.png) -82px -6px no-repeat; width: 32px; height: 24px; display: block; margin: 0 auto; }
.compare-link-btn { color: #333; text-decoration: underline }
.comparison-chart p.feature-check, .comparison-chart p.feature-check-black { width: 17px; height: 20px; margin: 5px auto 0; }
.compare-link-btn:hover { color: #333; text-decoration: none }
.link-span { display: inline-block; padding-right: 31px; }
.compare-link-btn:last-child { margin-left: 30px }
.pdf-links { font-size: 16px; margin-top: 15px; font-weight: 500; }
#compare .table>thead>tr>th.new-version { background: #00618A; background: -moz-linear-gradient(-90deg, #00618A 0%, #0B334F 100%); background: -webkit-linear-gradient(-90deg, #00618A 0%, #0B334F 100%); background: linear-gradient(-90deg, #00618A 0%, #0B334F 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00618A", endColorstr="#0B334F", GradientType=1);
border-radius: 6px 6px 0 0; padding: 0 0 4px; }
#compare .trFeature td:first-child { padding-left: 43px; border-left: 0 }
#compare .table>thead>tr>th:first-child .thead-wrapper { border-top-left-radius: 4px; border-left: none; padding: 14px; }
#compare .table>thead>tr>th:last-child .thead-wrapper { border-top-right-radius: 4px; border-right: none; }
#compare .table>thead>tr>th { border-bottom: 2px solid #fff; background-color: #fff; color: #fff; border-left: 2px solid #fff; padding: 7px 0 0; }
#compare .table thead tr th:first-child h3 { padding-left: 20px; text-align: left }
#compare .table thead tr { background: #fff; }
#compare .table>thead>tr>th.new-version .thead-wrapper { background: transparent; padding: 12px 8px 15px; }
#compare .table .thead-wrapper { padding: 16px 8px 19px; background: #000; }
#compare .feature-check-new, #compare .feature-check-top { font-weight: bold; }
#compare .feature-check-top p.text-normal { font-weight: normal; }
#compare .print-link { font-size: 14px; font-weight: 500; color: #fff; text-align: center; margin-left: 10px; text-decoration: underline; cursor: pointer; }
#compare .print-link:hover { text-decoration: none; }
#compare .nav-pills>li.active>a { color: #3094ff; font-weight: bold; background: transparent; }
#compare .nav-pills>li.active:before { content: ""; width: 100%; height: 4px; border-radius: 2px; position: absolute; bottom: -2.5px; left: 0; background: rgb(48,148,255); background: -moz-linear-gradient(90deg, rgba(48,148,255,1) 0%, rgba(140,176,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(48,148,255,1) 0%, rgba(140,176,255,1) 100%); background: linear-gradient(90deg, rgba(48,148,255,1) 0%, rgba(140,176,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3094ff", endColorstr="#8cb0ff", GradientType=1);
}
#compare .nav-pills>li.active { border-bottom: 0; position: relative; }
#compare .nav-pills p { font-size: 14px; }
#compare .nav-pills { border-bottom: 0; margin: 0 0 20px; display: flex; flex-wrap: wrap; justify-content: center; }
#compare .nav-pills>li>a { color: #7f7f7f; font-weight: bold; }
#compare .nav-pills>li:before { content: ""; width: 100%; height: 1px; position: absolute; bottom: -1px; left: 0; background: #dedede; }

#compare #compare-product-editions .table thead .no-padding th { padding-top: 0; }
#compare #compare-product-editions .table thead .no-padding th div {  padding: 16px 8px 19px !important; }
#compare #compare-product-editions .table thead .no-padding th .ml { margin-left: 15px; text-align: left; font-size: 12px !important; padding: 0 !important;}
#compare #compare-product-editions .table thead .no-padding th p { text-align: center;}
#compare #compare-product-editions .table>thead>tr.no-padding>th:first-child .thead-wrapper {  border-radius: 0 !important; }
#compare #compare-product-editions .no-border-bottom th { border-bottom: 0; }
#compare #compare-product-editions .comparison-chart .feature-check.left:after { display: inline-block; }
#compare #compare-product-editions .comparison-chart .feature-check .text-top { display: inline-block; margin-right: -30px; vertical-align: top;}


tbody.collapse.in, tbody.collapsing { height: initial !important; }

#compare .new.small, #compare .enhanced.small, #compare .callout.small{margin-top: 5px;}
#compare tr td:first-of-type .new.small, #compare tr td:first-of-type .enhanced.small, #compare tr td:first-of-type .callout.small{margin-top: 0px;}

@media (max-width: 767px) {
    .table-responsive { border: 0 }
}

@media print {
    #compare .table thead .no-padding th div {  padding: 10px !important; }
    #compare .table thead .no-padding th .ml { text-align: left !important; }
    .comparison-chart .feature-check:after { 
        background: url(/static/cdgs/product_content/cdts/2021/compare-arrows.png) -6px -8px no-repeat !important;
    }
}