/* KEYWORDS: +all, +mozilla, +os, +webkit, -android, -chrome, -edge, -firefox, -gecko, -ie, -ie10, -ie11, -ie7, -ie8, -ie9, -ipad, -iphone, -khtml, -linux, -mac, -macos, -mobile, -opera, -presto, -safari, -trident, -trident3, -trident4, -trident5, -trident6, -trident7, -upbrowser, -win, -windows, -windowsphone, -windowsxp, -winphone, -winxp, -universal */

/*** Skipping CSS Section grid (only-param=configurator) ***/
/*** Skipping CSS Section common (only-param=configurator) ***/
/*** Skipping CSS Section navigation (only-param=configurator) ***/
/*** Skipping CSS Section buttons (only-param=configurator) ***/
/*** Skipping CSS Section slideshow (only-param=configurator) ***/
/*** Skipping CSS Section productsnavigation (only-param=configurator) ***/
/*** Skipping CSS Section sidebox (only-param=configurator) ***/
/*** Skipping CSS Section forms (only-param=configurator) ***/
/*** Skipping CSS Section resources (only-param=configurator) ***/
/*** Skipping CSS Section resources-temp (only-param=configurator) ***/
/*** Skipping CSS Section directory (only-param=configurator) ***/
/*** Skipping CSS Section boxes-slider (only-param=configurator) ***/
/*** Skipping CSS Section slider (only-param=configurator) ***/
/*** Skipping CSS Section homepage (only-param=configurator) ***/
/*** Skipping CSS Section subpages (only-param=configurator) ***/
/*** Skipping CSS Section landing (only-param=configurator) ***/
/*** Skipping CSS Section landingdirectory (only-param=configurator) ***/
/*** Skipping CSS Section landing-custom-styles (only-param=configurator) ***/
/*** Skipping CSS Section parallax (only-param=configurator) ***/
/*** Skipping CSS Section product (only-param=configurator) ***/
/*** Skipping CSS Section downloads (only-param=configurator) ***/
/*** Skipping CSS Section custom-windturbine (only-param=configurator) ***/
/*** Skipping CSS Section custom-coatingthickness (only-param=configurator) ***/
/*** Skipping CSS Section custom-aerospaceinspectionssolutions (only-param=configurator) ***/
/*** Skipping CSS Section custom-vanta (only-param=configurator) ***/
/*** Skipping CSS Section custom-vessel (only-param=configurator) ***/
/*** Skipping CSS Section custom-360 (only-param=configurator) ***/
/*** START ims20/global/configurator.css ***/
/* Configurator */

/* /microscope/dsx/ , /test32/dsx-comparison/, /iplex-long-scope-solution/, /iplex-long-scope-solution/compare/, /rvi-products/iplex-long-2/, /rvi-products/iplex-long/ */

/* ----------------------- configurator START ------------------------ */
.page-configurator-compare .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.ipop-configurator-compare.iPopBlock.styled .iPopBox {
    border: 0 none;
}
.configurator {
	text-align: center;
	font-size: 13px;
	font-family: Arial, Tahoma, sans-serif;;
}
.configurator,
.configurator tbody,
.configurator td {
    display: block;
}
.configurator tr {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.configurator td {
	width: calc(20% - 15px);
	margin-bottom: 20px;
	display: flex;
	flex-flow: column nowrap;
}
@media (max-width: 1024px) {
	.configurator td {
		width: calc(25% - 15px);
	}
}
@media (max-width: 979px) {
	.configurator td {
		width: calc(33.3333% - 15px);
	}
}
@media (max-width: 767px) {
	.configurator td {
		width: calc(50% - 10px);
	}
}
@media (max-width: 399px) {
	.configurator td {
		width: 100%;
	}
}

@media (min-width: 980px) {
    .configurator[data-count="4"] td {
        width: calc(25% - 10px);
    }    
}




.configurator td:empty {
	padding: 0;
	margin: 0;
	border: 0 none;
	visibility: hidden;
}

.configurator-product {
	background-color: #f7f7f7;
	padding: 20px 0px;
	margin: 0 0 10px;
	flex-flow: column nowrap;
	flex: 1 1 auto;
    border: 2px solid transparent;
}
.configurator-product img {
    /* width: 250px !for(ie); */
}
.configurator-title-container {
	padding: 0 15px;
    margin: 0 0 5px 0;
}
.configurator-details-container {
	text-align: left;
	padding: 0 15px;
	line-height: 1.4em;
}
.configurator-container .configurator .configurator-details-container ul {
	margin: 0 0 0 20px;
	padding: 0;
}
.configurator-container .configurator .configurator-details-container ul li {
	padding: 0;
	margin: 0;
}

@media (max-width: 767px) {
    .configurator img {
        width: 200px !important;
        max-width: 100%;
        height: auto !important;
    }
}

.configurator a.more {
	color: #005cb9;
}

.configurator td.compare-checked .configurator-product {
	border: 2px solid #005cb9;
}
.configurator .more {

}
.configurator-title-container {
	display: flex;
	flex-flow: column nowrap;
}
.configurator-container .configurator .configurator-title-container .h3 {
	color: #005cb9;
	margin: 0;
	font-size: 20px;
	min-height: 50px;
}
.configurator-dsx-1000.configurator-container .configurator .configurator-title-container .h3 {
    min-height: inherit;
    margin-bottom: 5px;
}
.configurator-container .configurator .configurator-title-container h3 {
	margin: 0;
	font-size: 20px;
}
.configurator figure {
	margin-top: auto;
}

.compare-button {
	display: none;

	text-align: center;
	margin-top: 15px;
}
.configurator-container .compare-button {
	display: block;
}
.configurator-container .compare-button a.link,
.configurator-container .compare-button a.link:hover,
.configurator-container .compare-button a.link:focus {
	color: #005cb9;
	font-size: 18px;
	font-weight: normal;
	display: block;
	text-decoration: underline;
}
.configurator-container .compare-button a.btn,
.configurator-container .compare-button a.btn:hover,
.configurator-container .compare-button a.btn:focus {
	padding: 10px 25px;
	background-color: #005cb9;
	border: 0 none;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	font-size: 18px;
	border-radius: 0;
	margin-bottom: 10px;
}
.configurator-product-desc {
    margin-top: 5px;
}

.configurator-compare-box {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
	justify-content: center;
    
    /* otherwise checkbox is on top */
    position: relative;
}

.configurator-compare-box label {
	font-weight: normal;
	cursor: pointer;
}
.configurator-compare-box label.label-checked {
	font-weight: bold;
	color: #005cb9;
	text-decoration: underline;
}
.configurator-container:not(.compare-active) .label-checked,
.configurator-container.compare-active td.compare-checked .label-unchecked,
.configurator-container.compare-active td:not(.compare-checked) .label-checked {
	display: none;
}
.configurator .label-act {
	color: #005cb9;
	font-weight: bold;
}
.configurator-compare-box input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.configurator-compare-box label.label-checkbox {
    background-image: var(--sprite));
	background-repeat: no-repeat;
	background-position: -125px -50px;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    cursor: pointer;
    z-index: 1;
    position: relative;
}
.configurator-compare-box input[type="checkbox"]:checked ~ label.label-checkbox {
    background-position: -100px -50px;
}

.configurator-specifications {
	table-layout: fixed;
}
.configurator-specifications th,
.configurator-specifications td {
	font-size: 13px;
    padding: 5px 10px;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    line-height: 1.6em;
}
.configurator-specifications th:last-child,
.configurator-specifications td:last-child {
    border-right: 0 none;
}
.configurator-specifications tr:last-child th,
.configurator-specifications tr:last-child td {
    border-bottom: 0 none;
}
.configurator-specifications th {
	background-color: #f5f5f5;
    font-weight: normal;
    vertical-align: top;
}
.configurator-specifications tr:first-child th {
    font-weight: bold;
}
.configurator-specifications td {
	text-align: center;
	background-color: #fff;
}
.configurator-specifications i.fa-check,
.configurator-specifications i.fa-close,
.configurator-specifications-2 i.fa-check,
.configurator-specifications-2 i.fa-close {
	width: 12px;
	height: 9px;
	background-image: var(--sprite);
	background-position: -300px -150px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
}
.configurator-specifications i.fa-close,
.configurator-specifications-2 i.fa-close {
	background-position: -325px -150px;
	width: 9px;
}
.configurator-specifications tr:first-child th {
	width: 10%;
	font-weight: bold;
}
.configurator-specifications tr:first-child th:nth-child(2) {
	width: 20%;
}
.configurator-specifications tr:first-child th:nth-child(n+3) {
	text-align: center;
}

.configurator-specifications-2 th,
.configurator-specifications-2 td {
	font-size: 13px;
    padding: 5px 10px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.configurator-specifications-2 th:last-child,
.configurator-specifications-2 td:last-child {
    border-right: 0 none;
}
.configurator-specifications-2 tr:last-child th,
.configurator-specifications-2 tr:last-child td {
    border-bottom: 0 none;
}
.configurator-specifications-2 {
	table-layout: fixed;
}
@media (min-width: 1200px) {
	div[table-class*="configurator-specifications"],
    div[table-class*="configurator-specifications-2"] {
		padding-left: calc((100% - 1170px)/2) !important;
		padding-right: calc((100% - 1170px)/2) !important;
	}
}
.configurator-specifications-2 th {
	background-color: #f5f5f5;
    font-weight: normal;
    vertical-align: top;
}
.configurator-specifications-2 tr:first-child th {
    font-weight: bold;
}
.configurator-specifications-2 td {
	text-align: center;
}
.configurator-specifications-2 tr:nth-child(1) th,
.configurator-specifications-2 tr:nth-child(2) th {
	font-weight: bold;
	text-align: center;
}
.configurator-specifications-2 tr:nth-child(1) th:first-child,
.configurator-specifications-2 tr:nth-child(2) th:first-child {
	text-align: left;	
	font-weight: normal;
}
.configurator-specifications-2 tr:nth-child(2) th {
	width: 11%;
}
.configurator-specifications-2 tr.graph td {
	height: 100px;
	position: relative;
	padding-right: 15px;
}
.configurator-specifications-2 tr.graph td::before,
.configurator-specifications-2 tr.graph td::after {
	position: absolute;
	width: 10px !important;
	height: 100%;
	content: '';
	background-color: #f5f5f5;
	position: absolute;
	right: 0;
	bottom: 0;
	top: auto !important;
	left: auto !important;
	z-index: 1;
}
.configurator-specifications-2 tr.graph td::after {
	background-color: #474EB6;
	height: 50%;
	z-index: 2;
}
.configurator-specifications-2 tr.graph td[data-graph="17%"]::after {height: 17%;}
.configurator-specifications-2 tr.graph td[data-graph="25%"]::after {height: 25%;}
.configurator-specifications-2 tr.graph td[data-graph="33%"]::after {height: 33%;}
.configurator-specifications-2 tr.graph td[data-graph="66%"]::after {height: 66%;}
.configurator-specifications-2 tr.graph td[data-graph="100%"]::after {height: 100%;}

@media (min-width: 768px) {
    .compare-mobile-link {
        display: none;
    }   
}


.configurator-compare img {
    max-width: 100%;
    height: auto !important;
}
.configurator-compare tr.row-image td {
    padding: 10px;
}

.configurator-compare th,
.configurator-compare td {
    padding: 5px 10px;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}
.configurator-compare tr:last-child th {
    border-bottom: 1px solid #e7e7e7;
}
.configurator-compare th {
    background-color: #f5f5f5;
    font-weight: normal;
}
.configurator-compare th:first-child {
    border-right: 0 none;
}
.configurator-compare th:not(:first-child) {
    text-align: center;
}
.configurator-compare[data-dir-id="dsxcomparison"] th {
    text-align: left;
    vertical-align: top;
}
.configurator-compare td {
    text-align: center;
    position: relative;
}
@media (max-width: 767px) {
    .configurator-compare td {
        text-align: left;
    }
}
@media (min-width: 768px) {
    .configurator-compare td[data-graph] {
        height: 100px;
        position: relative;
        padding-right: 15px;
    }
    .configurator-compare td[data-graph] div.graph,
    .configurator-compare td[data-graph] div.graph div {
        position: absolute;
        width: 10px !important;
        height: 100%;
        content: '';
        background-color: #f5f5f5;
        position: absolute;
        right: 0;
        bottom: 0;
        top: auto !important;
        left: auto !important;
        z-index: 1;
    }
    .configurator-compare td[data-graph] div.graph div {
        background-color: #474EB6;
        height: 50%;
        z-index: 2;
    }    
}

.configurator-compare a.more {
	justify-content: center;
}

.configurator-compare td span[value="yes"],
.configurator-compare td span[value="no"],
.configurator-compare td[data-value="yes"],
.configurator-compare td[data-value="no"] {
    font-size: 0px;
    line-height: 0;
}
@media (min-width: 768px) {
    .configurator-compare td span[value="yes"]::before,
    .configurator-compare td span[value="no"]::before,
    .configurator-compare td[data-value="yes"]::before,
    .configurator-compare td[data-value="no"]::before {
		content: '';
		background: var(--sprite) -325px -150px no-repeat;
		width: 9px;
		height: 9px;
		display: inline-block;
    }
    .configurator-compare td span[value="yes"]::before, 
    .configurator-compare td[data-value="yes"]::before {
        background-position: -300px -150px;	
		width: 12px;
    }
    .configurator-compare td[data-value="yes-system-upgrade-required"]::before {
        font-family: 'FontAwesome';
        color: #47B657; 
        content: '\f00c';
        margin-right: 5px;
    }   
}
@media (max-width: 767px) {
    .configurator-compare td span[value="yes"]::after,
    .configurator-compare td span[value="no"]::after,
    .configurator-compare td[data-value="yes"]::after,
    .configurator-compare td[data-value="no"]::after {
        font-family: 'FontAwesome';
        contnet: '';
        font-size: 13px;
        line-height: 1.6em;
    }
    .configurator-compare td span[value="yes"]::after, 
    .configurator-compare td[data-value="yes"]::after {
        color: #47B657; content: '\f00c';
    }
    .configurator-compare td span[value="no"]::after, 
    .configurator-compare td[data-value="no"]::after {
        color: #DA4042; content: '\f00d';
    }
    .configurator-compare td[data-value="yes-system-upgrade-required"]::after {
        font-family: 'FontAwesome';
        color: #47B657; 
        content: '\f00c';
        margin-left: 5px;
    }    
}

.configurator-compare {
    table-layout: fixed;
}
.configurator-compare[data-cols="8"] td, .configurator-compare[data-cols="8"] th {width: 11%;}
.configurator-compare[data-cols="7"] td, .configurator-compare[data-cols="7"] th {width: 12%;}
.configurator-compare[data-cols="6"] td, .configurator-compare[data-cols="6"] th {width: 14%;}
.configurator-compare[data-cols="5"] td, .configurator-compare[data-cols="5"] th {width: 16%;}
.configurator-compare[data-cols="4"] td, .configurator-compare[data-cols="4"] th {width: 20%;}
.configurator-compare[data-cols="3"] td, .configurator-compare[data-cols="3"] th {width: 25%;}
.configurator-compare[data-cols="2"] td, .configurator-compare[data-cols="2"] th {width: 33%;}   

.configurator-compare[data-dir-id="dsxcomparison"][data-cols="8"] td, .configurator-compare[data-dir-id="dsxcomparison"][data-cols="8"] th {width: 11%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="7"] td, .configurator-compare[data-dir-id="dsxcomparison"][data-cols="7"] th {width: 10%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="6"] td, .configurator-compare[data-dir-id="dsxcomparison"][data-cols="6"] th {width: 12%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="5"] td, .configurator-compare[data-dir-id="dsxcomparison"][data-cols="5"] th {width: 14%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="4"] td, .configurator-compare[data-dir-id="dsxcomparison"][data-cols="4"] th {width: 16%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="3"] td, .configurator-compare[data-dir-id="dsxcomparison"][data-cols="3"] th {width: 20%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="2"] td, .configurator-compare[data-dir-id="dsxcomparison"][data-cols="2"] th {width: 25%;}   

@media (max-width: 767px) {
    div[table-class*="configurator-compare"].table-responsive {
        overflow: inherit;
    }
    .configurator-compare {
        table-layout: auto;
    }   
}

.configurator-compare[data-dir-id="dsxcomparison"] th ul {
    padding: 0;
    margin: 0 0 0 20px;
}

.configurator-compare[data-dir-id="dsxcomparison"] th.split-cell-with-hidden {
    border-top: 0 none;
}
.configurator-compare[data-dir-id="dsxcomparison"] th:nth-child(2):not(:empty) {
    border-left: 1px solid #e7e7e7;
}



/* USAGE: */
/* <div class="flex-row">IV88300Y <a sys:tr="content" class="tt nw r" content="Built-to-order">?</a></div> */
/* .flex-row is optional  */
/* .nw - for CSS white-space: nowrap; */
/* .r - for CSS tooltip will be directed from the right to the left  */
/* .c - for CSS tooltip will be aligned to the center */
table.configurator-specifications .flex-row,
table.configurator-specifications-2 .flex-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;  
    justify-content: center;
}
table.configurator-specifications td .flex-row, 
able.configurator-specifications-2 td .flex-row {
    justify-content: center;
}
table.configurator-specifications th:not(:first-child) .flex-row,
table.configurator-specifications-2 td .flex-row {
    justify-content: center;
}
table.configurator-specifications td .flex-row.l,
table.configurator-specifications-2 td .flex-row.l {
    justify-content: flex-start;
}
table.configurator-specifications .tt,
table.configurator-specifications-2 .tt {
    font-size: 10px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #005cb9;
    color: #fff !important;
    cursor: pointer;
    position: relative;
    flex: 0 0 auto;
    align-self: flex-start;
    margin: 6px 0 0 3px;
}
table.configurator-specifications .fa ~ .tt,
table.configurator-specifications-2 .fa ~ .tt {
    margin-top: 3px;
}
table.configurator-specifications .tt.nw,
table.configurator-specifications-2 .tt.nw {
    white-space: nowrap;
}
table.configurator-specifications .tt::after,
table.configurator-specifications-2 .tt::after {
    content: attr(content);
    background-color: #fff;
    position: absolute;
    bottom: calc(100% + 5px);
    left: -10px;
    color: #444;
    font-weight: normal;
    padding: 5px 10px;
    border: 1px solid #e7e7e7;
    text-align: left;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    opacity: 0;
    transition: all 0.3s;
    font-size: 13px;
    font-weight: normal;
    min-width: 150px;
}
table.configurator-specifications .tt:hover::after,
table.configurator-specifications .tt:focus::after,
table.configurator-specifications-2 .tt:hover::after,
table.configurator-specifications-2 .tt:focus::after {
    opacity: 1;
}
table.configurator-specifications .tt.c::after,
table.configurator-specifications-2 .tt.c::after {
    width: 200px;
    left: -100px;
    text-align: center;
}
table.configurator-specifications .tt.r::after,
table.configurator-specifications-2 .tt.r::after {
    left: auto;
    right: -10px;
}

.configurator-specifications caption,
.configurator-specifications-2 caption {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 1px solid #005cb9;
    margin-bottom: 15px;
}
@media (max-width: 1199px) {
    div[table-class*="configurator-specifications"].table-responsive,
    div[table-class*="configurator-specifications-2"].table-responsive {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    div[table-class*="configurator-specifications"].table-responsive,
    div[table-class*="configurator-specifications-2"].table-responsive,
    div[table-class*="notransform"].table-responsive {
        overflow-x: scroll !important;
    }
    .configurator-specifications,
    .configurator-specifications-2 {
        table-layout: auto;
    }   

}

.page-configurator-compare .sticky-scroller {
    display: none;
}
.page-configurator-compare .btn-back {
	display: none;
}
/* ----------------------- configurator END ------------------------ */
/*** END ims20/global/configurator.css ***/

/*** Skipping CSS Section industries (only-param=configurator) ***/
/*** Skipping CSS Section custom-blog (only-param=configurator) ***/
/*** Skipping CSS Section customunsubscribe (only-param=configurator) ***/
/*** Skipping CSS Section news (only-param=configurator) ***/
/*** Skipping CSS Section events (only-param=configurator) ***/
/*** Skipping CSS Section careers (only-param=configurator) ***/
/*** Skipping CSS Section search (only-param=configurator) ***/
/*** Skipping CSS Section custom-academic-research (only-param=configurator) ***/
/*** Skipping CSS Section custom-training-members (only-param=configurator) ***/
/*** Skipping CSS Section content-slideshow (only-param=configurator) ***/
/*** Skipping CSS Section solutions (only-param=configurator) ***/
/*** Skipping CSS Section metal (only-param=configurator) ***/
/*** Skipping CSS Section sitemap (only-param=configurator) ***/
/*** Skipping CSS Section video (only-param=configurator) ***/
/*** Skipping CSS Section ecs-configurator (only-param=configurator) ***/
/*** Skipping CSS Section ecs (only-param=configurator) ***/
/*** Skipping CSS Section ecs-home (only-param=configurator) ***/
/*** Skipping CSS Section ecs-sub (only-param=configurator) ***/
/*** Skipping CSS Section specifications-table (only-param=configurator) ***/
/*** Skipping CSS Section specifications-table-product (only-param=configurator) ***/
/*** Skipping CSS Section training (only-param=configurator) ***/
/*** Skipping CSS Section dir-list-dynamic (only-param=configurator) ***/
/* TIME: 0.0067341327667236 */