/* ------------------------------------------------------------ *\
	Comparison Table Plugin
\* ------------------------------------------------------------ */

.comparison-table-plugin { margin: 30px 0 40px; width: 100%; }
.comparison-table-plugin * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.comparison-table-plugin ::-webkit-scrollbar { width: 14px; }
.comparison-table-plugin ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px; }
.comparison-table-plugin ::-webkit-scrollbar-thumb { background: #888; border-radius: 3px; }
.comparison-table-plugin ::-webkit-scrollbar-thumb:hover { background: #555; }

.comparison-table-plugin .section__dropdowns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 9999999999; }
.comparison-table-plugin .section__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.comparison-table-plugin .section__sort { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.comparison-table-plugin .section__sort > p { font-size: 14px; line-height: 1.44; font-weight: 700; margin-bottom: 0; }
.comparison-table-plugin .section__filter { margin-left: 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.comparison-table-plugin .section__filter > p { font-size: 14px; line-height: 1.44; font-weight: 700; margin-bottom: 0 }

/*  Table  */

.comparison-table-plugin .section__table { position: relative; width: 100%; overflow: hidden; margin: 40px 0 10px; border: 1px solid #e5e5e5; border-radius: 3px; }
.comparison-table-plugin .section__table-inner { height: 502px; overflow: auto; }
.comparison-table-plugin .section__table-inner::-webkit-scrollbar { height: 15px; }
.comparison-table-plugin .section__cells-bg { position: absolute; top: 60px; left: 0; bottom: 0; width: 150px; background: -webkit-gradient(linear, left top, left bottom, from(#2B3864), to(#1B75BB)); background: -o-linear-gradient(#2B3864, #1B75BB); background: linear-gradient(#2B3864, #1B75BB); z-index: 30; pointer-events: none; }
.comparison-table-plugin .activeHorizontalBar .section__cells-bg { bottom: 15px; }
.comparison-table-plugin .section__table .table-main { }
.comparison-table-plugin .section__table .table-main thead { z-index: 15; }
.comparison-table-plugin .section__table table { border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd; margin-bottom: 0; }
.comparison-table-plugin .section__table table thead { position: absolute; top: 0; left: 0; }
.comparison-table-plugin .section__table table thead tr { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
.comparison-table-plugin .section__table table thead th { display: block; text-align: center; width: 150px; vertical-align: top; font-size: 12px; font-weight: 300; padding: 15px 10px 10px; border: 1px solid #e5e5e5; color: #fff; background-color: #2b3864; border-width: 0 1px 0 0; position: relative; pointer-events: auto; padding: 15px 25px; font-size: 11px; height: 60px; }
.comparison-table-plugin .section__table table thead th:first-child { border-bottom: 0; }
.comparison-table-plugin .section__table table thead th.js-has-list { cursor: pointer; }
.comparison-table-plugin .section__table table thead th.js-has-list:before { content: ''; position: absolute; width: 0; height: 0; top: 50%; right: 10px; border-style: solid; border-width: 6px 5px 0; -webkit-transition: border .3s; -o-transition: border .3s; transition: border .3s; border-color: #fff transparent transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.comparison-table-plugin .section__table table thead th.js-has-list.js-list-active:before { border-width: 0 5px 6px; border-color: transparent transparent #fff; }
.comparison-table-plugin .section__table table thead th p {  }
.comparison-table-plugin .section__table table thead th ul { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #2b3864; list-style: none; margin: 0; padding: 0; max-height: 366px; overflow-y: auto; z-index: 99999; scrollbar-width: none; } 

.comparison-table-plugin .section__table table thead th ul::-webkit-scrollbar { display: none; }
.comparison-table-plugin .section__table table thead th ul::-webkit-scrollbar-track { display: none; }
.comparison-table-plugin .section__table table thead th ul::-webkit-scrollbar-thumb { display: none; }
.comparison-table-plugin .section__table table thead th ul::-webkit-scrollbar-thumb:hover { display: none; }

.comparison-table-plugin .section__table table thead th ul li { line-height: 18px; padding-bottom: 15px; margin-left: 30px; list-style-position: outside; padding: 10px 5px; margin: 0; cursor: pointer; -webkit-transition: color .3s, background .3s; -o-transition: color .3s, background .3s; transition: color .3s, background .3s; } 
.comparison-table-plugin .section__table table thead th ul li:after { display: none; } 
.comparison-table-plugin .section__table table thead th ul li:hover { color: #ed5033; background: #fff; }
.comparison-table-plugin .section__table table thead th ul li.is-active { color: #fff; background: #ed5033; } 
.comparison-table-plugin .section__table table thead th ul li.is-active:after { content: '(currently selected)'; display: block; display: block; font-size: 10px; line-height: 1; } 

.comparison-table-plugin .section__table table tbody { }
.comparison-table-plugin .section__table table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; }
.comparison-table-plugin .section__table table tbody tr:first-child { padding-top: 60px; }
.comparison-table-plugin .section__table table tbody td { display: block; text-align: center; width: 150px; vertical-align: top; font-size: 12px; font-weight: 300; padding: 15px 10px 10px; border: 1px solid #e5e5e5; margin-top: 0 !important; margin-bottom: 0 !important; }
.comparison-table-plugin .section__table table tbody select { width: 100%; }
.comparison-table-plugin .section__table table tbody img { width: auto; height: auto; }
.comparison-table-plugin .section__table table tbody a { color: #e77500; text-decoration: underline; cursor: pointer; }

/*  Cells  */

.comparison-table-plugin .table__cells { position: absolute; top: 60px; left: 0; bottom: 0; width: 150px; z-index: 35; overflow-y: auto; pointer-events: none; scrollbar-width: none; }
.comparison-table-plugin .activeHorizontalBar .table__cells { bottom: 15px; }

.comparison-table-plugin .table__cells ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; scrollbar-width: none; }
.comparison-table-plugin .table__cells ul li { font-size: 12px; color: #fff; font-weight: 300; width: 100%; padding: 15px 10px 10px; border-width: 0 0 1px; border-style: solid; border-color: #e5e5e5; margin: 0 !important; }
.comparison-table-plugin .table__cells ul li:first-child { border-top: 0; }

.comparison-table-plugin .table__cells::-webkit-scrollbar { display: none; }
.comparison-table-plugin .table__cells::-webkit-scrollbar-track { display: none; }
.comparison-table-plugin .table__cells::-webkit-scrollbar-thumb { display: none; }
.comparison-table-plugin .table__cells::-webkit-scrollbar-thumb:hover { display: none; }

/*  Product Name Static  */
.comparison-table-plugin .table__static { font-size: 12px; line-height: 1.25; color: #fff; font-weight: 300; width: 151px; height: 60px; padding: 15px 10px 10px; border-width: 0 1px 1px 0; border-style: solid; border-color: #e5e5e5; position: absolute; top: 0; left: 0; z-index: 999; background: #2b3864; }

/*  Full Screen  */
.comparison-table-plugin.table-full-screen { width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; background-color: #fff; margin: 0; }
.comparison-table-plugin.table-full-screen .section__dropdowns { display: none; }
.comparison-table-plugin.table-full-screen .section__actions { pointer-events: none; margin-top: -100px; z-index: 99999999999; position: relative; margin-right: 50px; }
.comparison-table-plugin.table-full-screen .section__actions .btn:not(.btn--alt) { display: none; }
.comparison-table-plugin.table-full-screen .section__table,
.comparison-table-plugin.table-full-screen .section__table-inner { margin: 0; height: 100%; }

/*  Export  */
.comparison-table-plugin .section__export { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999999; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; -webkit-transition: opacity .4s, visibility .4s; -o-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; }
.comparison-table-plugin .section__export.js-is-visible { opacity: 1; visibility: visible; }

.comparison-table-plugin .section__export h3 { color: #e77500; font-weight: 300; font-size: 22px; text-align: center; margin-bottom: 35px; }
.comparison-table-plugin .section__export .section__export-inner { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; border: 4px solid #4068b3; padding: 62px 40px 0; width: 788px; max-width: 90%; max-height: 87vh; overflow-y: auto; }
.comparison-table-plugin .section__export .btn-close { position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; }

.comparison-table-plugin .section__export .btn-close:after,
.comparison-table-plugin .section__export .btn-close:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); width: 100%; height: 2px; background: #4068b3; }
.comparison-table-plugin .section__export .btn-close:before { -webkit-transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); }

@media(max-width: 767px){
	.comparison-table-plugin .section__dropdowns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
	.comparison-table-plugin .section__filter { margin-left: 0; margin-top: 20px; }
	.comparison-table-plugin .section__actions { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	.comparison-table-plugin .section__actions a { width: 49%; margin-right: 0; margin-bottom: 7px; }
	.comparison-table-plugin .section__export .section__export-inner { padding: 50px 15px 0; }
}

/* ------------------------------------------------------------ *\
	List Sort
\* ------------------------------------------------------------ */

.comparison-table-plugin .list-sort { position: relative; width: 153px; margin-left: 8px; }
.comparison-table-plugin .list-sort ul { display: none; position: absolute !important; top: 100%; left: 0; right: 0; list-style: none; margin: 0; padding: 5px 0 !important; border: 1px solid #000; border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px; z-index: 50; background-color: #fff; } 
.comparison-table-plugin .list-sort li { display: block; padding: 0 6px; font-size: 10px; color: #000; font-weight: 300;  text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; cursor: pointer; }
.comparison-table-plugin .list-sort li ~ li { margin-top: 3px; }
.comparison-table-plugin .list-sort p { position: relative; display: block; width: 100%; height: 20px; padding: 0 24px 0 6px; border: 1px solid #000; border-radius: 3px; font-size: 10px; line-height: 20px; color: #000; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0; font-weight: 300; }
.comparison-table-plugin .list-sort p:before { content: ''; position: absolute; width: 0; height: 0; top: 50%; right: 6px; margin-top: -3px; border-style: solid; border-width: 6px 5px 0; border-color: #000 transparent transparent transparent; z-index: 2; -webkit-transition: border .1s; -o-transition: border .1s; transition: border .1s; }

.comparison-table-plugin .list-sort p.active { border-bottom: 0; border-radius: 3px 3px 0 0; }
.comparison-table-plugin .list-sort p.active:before { border-width: 0 5px 6px; border-color: transparent transparent #000 transparent; }

/* ------------------------------------------------------------ *\
	List Filters
\* ------------------------------------------------------------ */

.comparison-table-plugin .list-filters { position: relative; width: 250px; margin-left: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.comparison-table-plugin .list-filters > ul { display: none; position: absolute !important; top: 100%; left: 0; right: 0; list-style: none; margin: 0; padding: 10px 5px !important; border: 1px solid #000; border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px; z-index: 50; background-color: #fff; } 
.comparison-table-plugin .list-filters > ul p { font-size: 12px; border: none; margin-bottom: 0; } 
.comparison-table-plugin .list-filters > ul ul { padding: 0 0 0 14px !important; font-size: 10px; }
.comparison-table-plugin .list-filters > ul ul li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.comparison-table-plugin .list-filters > ul ul li:after { display: block; content: ''; width: 11px; height: 11px; border: 1px solid #636363; border-radius: 2px; pointer-events: none; }
.comparison-table-plugin .list-filters > ul ul li:before { content: ''; position: absolute; display: none; width: 7px; height: 7px; top: 3px; right: 8px; background-image: url(../resources/images/check.png); background-size: 100% 100%; pointer-events: none; }
.comparison-table-plugin .list-filters > ul ul li.active:before { display: block; }
.comparison-table-plugin .list-filters li { display: block; padding: 0 6px; font-size: 10px; color: #000; font-weight: 300;  text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; cursor: pointer; }
.comparison-table-plugin .list-filters li ~ li { margin-top: 3px; }
.comparison-table-plugin .list-filters p { position: relative; display: block; width: 100%; height: 20px; padding: 0 24px 0 6px; border: 1px solid #000; border-radius: 3px; font-size: 10px; line-height: 20px; color: #000; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0; font-weight: 300; }
.comparison-table-plugin .list-filters > p:before { content: ''; position: absolute; width: 0; height: 0; top: 50%; right: 6px; margin-top: -3px; border-style: solid; border-width: 6px 5px 0; border-color: #000 transparent transparent transparent; z-index: 2; }
.comparison-table-plugin .list-filters p.active { border-bottom: 0; border-radius: 3px 3px 0 0; }
.comparison-table-plugin .list-filters > p.active:before { border-width: 0 5px 6px; border-color: transparent transparent #000 transparent; }

/* ------------------------------------------------------------ *\
	List Exports
\* ------------------------------------------------------------ */

.list-exports { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.list-exports h4 { color: #e77500; font-weight: 300; font-size: 16px; text-transform: uppercase; margin-bottom: 18px; padding-bottom: 0; }
.list-exports p { font-size: 13px; min-height: 19px; font-weight: 300; margin-bottom: 41px; }
.list-exports h4 + p { color: #e77500; font-size: 13px; letter-spacing: .3px; }
.list-exports .export { margin-bottom: 40px; width: 47%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
.list-exports .export a { display: block; margin-bottom: 61px; }
.list-exports .export a span { display: block; padding-top: 56%; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.list-exports .export a:hover span { opacity: .7; }

@media(max-width: 767px){
	.list-exports { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
	.list-exports .export { width: 100%; }
	.list-exports .export a { margin-bottom: 20px; }
	
	.list-exports h4 { margin-bottom: 10px; }
	.list-exports p { margin-bottom: 15px; }
}

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

.comparison-table-plugin i[class^='ico-'] { display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.comparison-table-plugin .ico-graph { background-image: url(../resources/images/icons/graph.png); width: 16px; height: 16px; }
.comparison-table-plugin .ico-expand { background-image: url(../resources/images/icons/expand.png); width: 16px; height: 16px; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.comparison-table-plugin [class^="btn"] { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 0; }

.comparison-table-plugin .btn { pointer-events: all; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 161px; border-bottom: 3px solid #eee; font-size: 13px; background: rgba(190, 30, 45, 1); line-height: 32px; text-transform: uppercase; font-weight: bold; text-decoration: none; border: 0; border-radius: 4px; margin-right: 6px; color: #fff; padding: 0 5px; }
.comparison-table-plugin .btn.btn--disabled { background-color: #bbb; cursor: default; pointer-events: none; }
.comparison-table-plugin .btn--graph {  }
.comparison-table-plugin .btn--alt { width: auto; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: 0; }

.comparison-table-plugin .btn:hover { background-color: rgba(243, 112, 31, 1); }
.comparison-table-plugin i[class^='ico-'] { margin-left: 7px; }


@media print {
	.comparison-table-plugin .section__dropdowns { display: none; }
}

@media print {
	@page { size: landscape }

	html, body { height: auto }

	.do-not-print,
	.header,
	.nav,
	.main_header,
	.content>*:not(div),
	.content~div:not([class]),
	.footer { display: none }

	.section-ranking {width: auto}
	.comparison-table-plugin {overflow: visible; border: 0; }
	.comparison-table-plugin .section__table {height: auto; overflow: visible; }

	.main,
	.main .shell {overflow: visible}

	.main_container,
	.shell,
	.main .shell #graphRanking { width: auto; float: none; margin: 0; }

	.inner-page .main .shell {padding: 0}

	.comparison-table-plugin,
	.comparison-table-plugin-graph { display: none; }
}

/*====================================================*/

/* ------------------------------------------------------------ *\
	Graph Styles
\* ------------------------------------------------------------ */

.comparison-table-plugin-graph { position: relative; margin: 20px 0; opacity: 0; visibility: hidden; pointer-events: none; height: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.comparison-table-plugin-graph.visible { opacity: 1; visibility: visible; pointer-events: initial; height: auto; }
.comparison-table-plugin-graph ul[class^='list-'] { list-style: none; }

/* ------------------------------------------------------------ *\
	List Products
\* ------------------------------------------------------------ */

.list-products { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; }
.list-products .list__label { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 25px; }
.list-products .list__label p { white-space: nowrap; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 14px; }

/* ------------------------------------------------------------ *\
	List Markers
\* ------------------------------------------------------------ */

.list-markers { position: relative; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0px; }
.list-markers li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.list-markers li:after { position: absolute; bottom: 0; left: 100%; display: block; content: ''; height: 1px; background-color: rgba(0, 0, 0, .3); width: 100vw; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; }
.list-markers li span { display: block; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; line-height: 1; font-size: 14px; }
.list-markers li ~ li { margin-top: 20px; }

/* ------------------------------------------------------------ *\
	List Values
\* ------------------------------------------------------------ */

.list-values { margin-left: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 13px 0 1px !important; overflow-x: auto; overflow-y: hidden; min-width: 100%; -ms-overflow-style: none; scrollbar-width: none; margin-bottom: 0px;  }
.list-values li ~ li { margin-left: 20px; }
.list-values li { border-radius: 5px; background-color: #3477f9; padding-top: 5px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; width: 23.36px; }
.list-values li span { display: block; height: 17px; font-size: 14px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg) translate(-100%, 20%); -ms-transform: rotate(-90deg) translate(-100%, 20%); transform: rotate(-90deg) translate(-100%, 20%); white-space: nowrap; }
.list-values li.labelOut span { color: #3477f9; font-weight: bold; }

.list-values::-webkit-scrollbar { display: none; }
.list-values::-webkit-scrollbar-track { display: none; }
.list-values::-webkit-scrollbar-thumb { display: none; }
.list-values::-webkit-scrollbar-thumb:hover { display: none; }

/* ------------------------------------------------------------ *\
	List Product Names
\* ------------------------------------------------------------ */

.list-product-names { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: right; overflow-y: auto; }
.list-product-names ul { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 13px 0 5px !important; margin-bottom: 0px; }
.list-product-names li ~ li { margin-left: 20px; }
.list-product-names li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; width: 23.36px; height: 200px; }
.list-product-names li span { display: block; height: 0; font-size: 14px; }
.list-product-names li.calculated span { -webkit-transform: rotate(-90deg) translateX(-100%); -ms-transform: rotate(-90deg) translateX(-100%); transform: rotate(-90deg) translateX(-100%); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }

/*====================================================*/

/* ------------------------------------------------------------ *\
	List Legends
\* ------------------------------------------------------------ */
ul.list-legend {
	padding: 0;
    margin: 0;
    overflow: hidden;
	list-style: none outside none;
	margin-top: 15px;
}

ul.list-legend li {
	position: relative;
    padding: 0 0 0 20px;
	margin: 0;
	display: inline-flex;
	margin-bottom: 30px;
	width: 240px;
}

ul.list-legend li .legend-indicator {
	height: 14px;
	width: 14px;
	border-radius: 2px;
	margin-right: 10px;
	margin-top: 5px;
	display: inline-table;
}

/*====================================================*/

/* ------------------------------------------------------------ *\
	Print Styles
\* ------------------------------------------------------------ */

.comparison-table-plugin-print { display: none; }

@media print {
	body { 
		display: block !important;
		height: auto !important;
		overflow: visible !important;
		overflow-x: visible !important; 
		overflow-y: visible !important;  
	}
	body .shell { max-width: 100%; overflow: visible !important; }
	body .wrapper { display: block !important; overflow: visible !important; height: auto !important;  }
	body .wrapper__inner { display: block !important; overflow: visible !important; height: auto !important; min-height: 1px !important; }
	body .main { display: block !important; overflow: visible !important; height: auto !important; min-height: 1px !important; }
	.comparison-table-plugin-print { display: block !important; page-break-after: always; }
	.comparison-table-plugin-print.do-not-print { display: none !important; }
	.comparison-table-plugin-print * { overflow: visible !important; }
	.comparison-table-plugin-print table { display: block !important; font-size: 12px; line-height: 1.25; color: #000; width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; margin-bottom: 30px; page-break-after: always; }
	.comparison-table-plugin-print table td { width: 20%; padding: 5px; border: 1px solid;  text-align: center; }
	.comparison-table-plugin-print table th { width: 20%; padding: 5px; border: 1px solid;  text-align: left; }
	.comparison-table-plugin-print table img { max-width: 90%; height: auto; display: block; margin: auto; }
	.comparison-table-plugin-print table tbody td { vertical-align: top; }
	.comparison-table-plugin-print table tbody tr:first-child td { vertical-align: middle; }
}

/* Fix for Header Overlap in Mobile Extended Mode */
@media (max-width: 767px) {
	.comparison-table-plugin.table-full-screen { top: 61px; }
	.comparison-table-plugin.table-full-screen .section__actions { margin-top: -105px; margin-right: 70px; }
}