/* CSS Shared between old and new masters */

/*_____________________________________________________________________________________________ PAGE SETUP */
html {
	font-size:100%;
}
.container-fluid {
    min-width: 990px;
	background:#fff;
}
.row > .span {
	width:990px;
	margin:0 auto;
}
#footer * {
	box-sizing:content-box;
}

.container-fluid {position:relative; z-index:100;}
#banner {z-index:auto;}
#main {position:static;}
#footer {position:static;}

#newheader {position:relative; z-index:100;}
#wrapper {position:static;}


/*________________________________________________________________________________________ STYLE OVERRIDES */
.e-news input[type="text"] {color:#000;}
.e-news input[type="submit"] {height:0;}
.block.enquire-or-buy select {color:#000; box-sizing:border-box !important;}

td.md-code {line-height: 0;}
td.md-code a span span {line-height: 1.7;}


/*__________________________________________________________________________________________________ LINKS */
.link {
	background:none;
	position:relative;
	padding-left:1.538em !important;
}
.link::before {
	content:'\25BA';
	position:absolute;
	top:0.1em;
	left:0;
	width:1.538em;
	height:1.538em;
	background:rgb(0,117,190);
	font-size:0.7em;
	color:#fff;
	text-align:center;
	line-height:1.538em;
	padding-left:0.15em;
	box-sizing:border-box;
}
.link:focus {
	color:#000;
}

/*_________________________________________________________________________________________________ HEADER */
#newheader {
	background:url(/images/common/misc/header-bg.jpg) 50% 0 / auto 11.25rem no-repeat;
	font-family:'futura-pt', sans-serif;
	font-size:0.875rem;
}
#newheader #header-content .span {
	padding:1.875rem 0.9375rem;
}
#newheader #header-content #header-logo {
	float:left;
}
#newheader #header-content #header-logo img {
	height:4.5rem;
	margin:0;
}
#newheader #header-content #header-aux {
	position:relative;
	float:right;
	width:50%;
	text-align:right;
	font-size:1.125rem;
}
#newheader #header-content #header-aux .promo {
	font-size:1.5rem;
	margin-bottom:0.3em;
	margin-right:3em;
}
#newheader #header-content #header-aux .promo a.link {
	font-weight:600;
	color:#333;
	padding-left:1.2em !important;
}
#newheader #header-content #header-aux .promo a.link::before {
	top:0.35em;
	font-size:0.75rem;
}
#newheader #header-content #header-aux .promo a strong {
	font-weight:inherit;
	color:#76b82a;
}
#newheader #header-content #header-aux .promo a img {
	margin: -0.3rem 0 0 0;
}
#newheader #header-content #header-aux .contact-info .email a {
	color:#000;
	font-weight:normal;
}
#newheader #header-content #header-aux .hdr-login-status {
	position:absolute;
	top:0;
	right:26em;
	font-size:0.75em;
	white-space: nowrap;
	margin:0;
	padding:0 1em;
	border-right:1px solid #ddd;
}

#onlineShopHeader {
	font-size:0.9em;
	padding:0;
	margin:0.3em 0 -1em;
}

.header-alert {
	background:yellow;
	padding-top:1em;
	padding-bottom:0.5em;
}
.header-alert a {
	color:#0060d8;
}


/*_____________________________________________________________________________________________ LIGHTBOXES */
.lity {
	background:rgba(0,0,0,0.8);
}
.lity-active,
.lity-active body,
.lity-active body > form,
.lity-active #window {
    overflow: hidden;
}
.lity-wrap::before {
    margin-right: 0;
}
.lity-content::after {
	box-shadow:none;
}
.lity-close, .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
	top:0;
	right:0;
	width:1.333em;
	padding-top:1.333em;
	height:0;
	overflow:hidden;
	font-family:"futura-pt", Arial, sans-serif;
	font-size:4.5rem;
	font-weight:300;
	line-height:1.333;
	text-align:center;
	text-shadow:none;
}
.lity-close::before {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:50%;
	transform:translate(-50%, -50%) rotate(45deg);
	border-style: solid;
	border-color:#fff;
	border-width:2px 0;
}
.lity-close::after {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:50%;
	transform:translate(-50%, -50%) rotate(-45deg);
	border-style: solid;
	border-color:#fff;
	border-width:2px 0;
}
.lity-iframe-container iframe {
	background:#fff;
}

.datasheet-config-lightbox .lity-container {
	width:928px;
}
.datasheet-config-lightbox .lity-content {
	background: #fff;
	padding: 16px 16px 0;
}
.datasheet-config-lightbox .config-form {
    background: #dcdce6;
    margin: 0 -16px;
	padding: 12px 10px 4em;
	display:flex;
}
.datasheet-config-lightbox .config-form > div {
	flex: 0 0 19%;
	max-width: 19%;
	padding-right: 6px;
	padding-left: 6px;
}
.datasheet-config-lightbox .config-form h3 {
    padding: 6px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.datasheet-config-lightbox .config-form > div[data-group="EMC Filter"] h3 {background:#948cc3;}
.datasheet-config-lightbox .config-form > div[data-group="Brake Transistor"] h3 {background:#66b0e3;}
.datasheet-config-lightbox .config-form > div[data-group="Enclosure"] h3 {background:#65b132;}
.datasheet-config-lightbox .config-form > div[data-group="Enclosure"] {flex: 0 0 24%;max-width: 24%;}
.datasheet-config-lightbox .config-form > div[data-group="Display"] h3 {background:#d46983;}
.datasheet-config-lightbox .config-form > div[data-group="PCB Coating"] h3 {background:#f7a400;}

.datasheet-config-lightbox .config-form > div label {
	display:block;
}
.datasheet-config-lightbox .config-form > div label[data-disabled] {
    display: none;
}
.datasheet-config-lightbox .config-action {
	text-align: right;
	padding:21px 0;
}
.datasheet-config-lightbox .model-code {
	display: inline-block;
	font-size:1.5em;
	margin-right:1em;
	vertical-align: middle;
}
.datasheet-config-lightbox .datasheet-link {
    background: linear-gradient(to bottom, #505050 0%,#262626 100%);
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    line-height: 30px;
    border: 0;
    border-radius: 15px;
	color: #fff;
	font-weight:normal;
	vertical-align: middle;
}
.datasheet-config-lightbox .datasheet-link:hover {
	background: linear-gradient(to bottom, #0060d8 0%,#00034c 100%);
}
body[class*="p-products-optidrive-p2"] .datasheet-config-lightbox .config-action {
	background:url(/images/common/logos/optidrive/optidrive-p2-202x52.png) 0 5px no-repeat;
}
body[class*="p-products-optidrive-eco"] .datasheet-config-lightbox .config-action {
	background:url(/images/common/logos/optidrive/optidrive-eco-67x36.png) 0 17px no-repeat;
}
body[class*="p-products-optidrive-elevator"] .datasheet-config-lightbox .config-action {
	background:url(/images/common/logos/optidrive/optidrive-elevator-305x52.png) 0 5px no-repeat;
}
body[class*="p-products-optidrive-e2"] .datasheet-config-lightbox .config-action {
	background:url(/images/common/logos/optidrive/optidrive-e2-192x52.png) 0 5px no-repeat;
}
body[class*="p-products-optidrive-e2-single-phase"] .datasheet-config-lightbox .config-action {
	background:url(/images/common/logos/optidrive/optidrive-e2-single-phase-319x52.png) 0 5px no-repeat;
}
body[class*="p-products-optidrive-e3"] .datasheet-config-lightbox .config-action {
	background:url(/images/common/logos/optidrive/optidrive-e3-192x52.png) 0 5px no-repeat;
}
body[class*="p-products-optidrive-e3-single-phase"] .datasheet-config-lightbox .config-action {
	background:url(/images/common/logos/optidrive/optidrive-e3-single-phase-319x52.png) 0 5px no-repeat;
}


/*_________________________________________________________________________________________________ SEARCH */
#header-aux .search {
	position: absolute;
	top: -0.5em;
	right:0;
}
#header-aux .search a {
	display: block;
	line-height: 3.0625rem;
	padding: 0 1em;
}
#header-aux .search a i {
	font-size: 1.25em;
	color: #0060d8;
	position: relative;
	top: 0.1em;
}

.quick-search-lightbox #quick-search {
	font-size:2em;
	width:50rem;
	max-width:60rem;
}
.quick-search-lightbox .search-form {
	position:relative;
	margin-bottom:0;
}
.quick-search-lightbox .search-form [type="text"] {
	padding:0.8em 3em 0.8em 0.8em;
	border:0;
	border-radius:0;
	width:100%;
	height:auto;
	font-weight:300;
	line-height:1;
}
.quick-search-lightbox .search-form .btn {
	position:absolute;
	top:0;
	right:0;
	font-size:inherit;
	height:2.6em;
	width:2.6em;
	padding:0;
}
.quick-search-lightbox .search-form .btn::after {
	content:'\f002';
	font-family:'Font Awesome 5 Pro';
	font-size:1.25em;
	line-height:2.08;
	color:#fff;
}

.v-datasheet .content h1 {
	font-size:1.846em;
	margin:0.5em 0 1em;
}
.v-datasheet .content h1 .model-code {
	color:#000;
	font-size:1.25em;
	display: block;
}
.v-datasheet .content h1 .model-code span {padding:0 0.1em; color:#fff;}
.v-datasheet .content h1 .model-code .fbo-emc-filter {background:#948cc3;}
.v-datasheet .content h1 .model-code .fbo-brake-transistor {background:#66b0e3;}
.v-datasheet .content h1 .model-code .fbo-enclosure {background:#65b132;}
.v-datasheet .content h1 .model-code .fbo-display {background:#d46983;}
.v-datasheet .content h1 .model-code .fbo-pcb-coating {background:#f7a400;}


.v-datasheet .content .model-desc {
	font-size:1.23em;
}