/* =============================================
TABLE OF CONTENTS
1. Normalize and Reset
1.1. Global Settings
1.2. Typography
1.3. Icons
1.4. Buttons
1.5. Forms
2. General
2.1. Structure
2.2. Header
2.3. Sidebar Menu
2.4. Global Search
2.5. Sticky Action Menu
2.6. Footer
2.7. Modal
3. Sections
3.1. RMA (Sensotec)
3.2. Documentation Section
4. Plugins
4.1. bootstrap-select
4.2. Plugin 2
4.3. Plugin 3
5. Modules
5.1. Text Module
5.2. Text + Image
5.3. Visually Narrowing In Cards Module
5.4. Gallery Style 1
5.5. Gallery Style 2
5.6. Table Styles
5.7. List Styles
6. OneLink - Translations.com
7. Miscellaneous / Others
7.1. Mobile Optimisations
============================================= */
/* ============================================= */
/* 1. =Normalize and Reset
/* ============================================= */
/* reset general browser settings */
* {
outline: none !important;
outline-style:none !important;
outline-offset: 0 !important;
}
/* Fade In effect for links and buttons */
a, button, .btn {
-webkit-transition: 200ms;
-webkit-transition-timing-function: ease-in-out;
transition: 200ms;
transition-timing-function: ease-in-out;
}
/* Reset Bootstrap's Properties */
a {
color: #3b87de;
}
a:hover {
color: #4e7da7;
text-decoration: none;
}
.breadcrumb {
background:none;
padding: 0;
border-radius: 0;
font-size: 12px;
}
.breadcrumb > li + li:before {
content: "› ";
color: #3b87de;
}
.breadcrumb > .active {
color: #3b87de;
}
.container-fluid {
padding:0;
}
.dropdown-menu > li > a:hover {
background: #3b87de;
color: #ffffff !important;
}
.modal-content {
border-radius: 0;
border: 0;
}
.modal-header {
border-bottom: 1px solid #d6d7d6;
}
.modal-body {
padding: 15px 20px 20px 20px;
max-height: calc(100vh - 210px);
overflow-y: auto;
}
.modal-body-video {
padding: 0;
width: 100%;
height: 350px;
}
.modal-body h4 {
margin-top: 0;
margin-bottom: 15px;
}
.modal-footer {
background: #eef0f2;
border-top: 1px solid #d6d7d6;
}
.bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
padding: 4px 0;
}
.btn {
border: 0 !important;
border-color: transparent !important;
color: #ffffff !important;
padding: 16px 35px;
text-transform: uppercase;
line-height: 1;
font-weight: bold;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline-offset: 0;
box-shadow:none;
background: #4f575e;
}
.btn-default {
background: #666666 none repeat scroll 0 0 !important;
}
.btn-default:hover {
background: #4f575e;
}
.btn-default:focus,
.btn-default.focus,
.btn:active .btn-default:focus,
.btn.active .btn-default.focus {
background: #4f575e;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
}
.btn-primary {
background: #3b87de;
}
.btn-primary:hover {
background: #4079ac;
}
.btn-primary:focus,
.btn-primary.focus {
background: #3b87de;
}
.btn-primary:focus,
.btn-primary.focus,
.btn:active.btn-primary:focus,
.btn.active.btn-primary.focus {
background: #4079ac;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
vertical-align: middle;
}
/* boostrap bug */
@media(min-width:767px) {
.col-xs-offset-1 {
margin-left: 0;
}
}
/* ============================================= */
/* 1.1. =Global Settings
/* ============================================= */
/* Text Colors */
.honColor-BrightBlue { color: #3b87de; }
.honColor-DeepBlue { color: #335c85; }
.honColor-DarkBlue { color: #36485e; }
.honColor-HoneywellRed { color: #de0031; }
.honColor-White { color: #ffffff; }
.honColor-LightGray { color: #d6d7d6; }
.honColor-DarkGray { color: #666666; }
.honColor-TotalBlack { color: #191a00; }
/* Background Colors */
.honBg-BrightBlue { background: #3b87de; }
.honBg-DeepBlue { background: #335c85; }
.honBg-DarkBlue { background: #36485e; }
.honBg-HoneywellRed { background: #de0031; }
.honBg-White { background: #ffffff; }
.honBg-LightGray { background: #d6d7d6; }
.honBg-DarkGray { background: #666666; }
.honBg-TotalBlack { background: #191a00; }
/* Spacing for all devices */
.mb-0 { margin-bottom: 0; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }
.mt-0 { margin-top: 0; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-40 { margin-top: 40px; }
/* Spacing for Small devices */
@media(max-width:767px) {
.mb-xs-0 { margin-bottom: 0; }
.mb-xs-10 { margin-bottom: 10px; }
.mb-xs-20 { margin-bottom: 20px; }
.mb-xs-40 { margin-bottom: 40px; }
.mt-xs-0 { margin-top: 0; }
.mt-xs-10 { margin-top: 10px; }
.mt-xs-20 { margin-top: 20px; }
.mt-xs-40 { margin-top: 40px; }
}
/* Spacing for Large devices */
@media(min-width:768px) {
.mb-lg-0 { margin-bottom: 0; }
.mb-lg-10 { margin-bottom: 10px; }
.mb-lg-20 { margin-bottom: 20px; }
.mb-lg-40 { margin-bottom: 40px; }
.mt-lg-0 { margin-top: 0; }
.mt-lg-10 { margin-top: 10px; }
.mt-lg-20 { margin-top: 20px; }
.mt-lg-40 { margin-top: 40px; }
}
/* General */
body {
background: #eef0f2;
color: #666666;
}
/* ============================================= */
/* 1.2. =Typography
/* ============================================= */
@font-face {
font-family: 'HoneywellCond';
src: url("../fonts/HoneywellCond-Black.otf") format("opentype"), url("../fonts/HoneywellCond-Bold.otf") format("opentype"), url("../fonts/HoneywellCond-Book.otf") format("opentype"), url("../fonts/HoneywellCond-ExtraBold.otf") format("opentype"), url("../fonts/HoneywellCond-Light.otf") format("opentype"), url("../fonts/HoneywellCond-Medium.otf") format("opentype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'HoneywellSans';
src: url("//www.honeywell.com/Areas/Honeywell_com/fonts/HoneywellSans-Black.otf") format("opentype"), url("//www.honeywell.com/Areas/Honeywell_com/fonts/HoneywellSans-Bold.otf") format("opentype"), url("//www.honeywell.com/Areas/Honeywell_com/fonts/HoneywellSans-Book.otf") format("opentype"), url("//www.honeywell.com/Areas/Honeywell_com/fonts/HoneywellSans-ExtraBold.otf") format("opentype"), url("//www.honeywell.com/Areas/Honeywell_com/fonts/HoneywellSans-Light.otf") format("opentype"), url("//www.honeywell.com/Areas/Honeywell_com/fonts/HoneywellSans-Medium.otf") format("opentype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'HoneywellSans-Light';
src: url("//www.honeywell.com/Areas/Honeywell_com/fonts/HoneywellSans-Light.otf") format("opentype");
font-weight: lighter;
font-style: normal; }
@font-face {
font-family: 'HoneywellSans-Book';
src: url("//www.honeywell.com/Areas/Honeywell_com/fonts/HoneywellSans-Book.otf") format("opentype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'HoneywellSans-Bold';
src: url("//www.honeywell.com/Areas/Honeywell_com/fonts/HoneywellSans-Bold.otf") format("opentype");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'HoneywellSans-Medium';
src: url("//www.honeywell.com/Areas/Honeywell_com/fonts/HoneywellSans-Medium.otf") format("opentype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'HoneywellSansCN-Normal';
src: url("//www.honeywell.com/Areas/Honeywell_com/fonts/SourceHanSansCN-Normal.otf") format("opentype");
font-weight: normal;
font-style: normal; }
body {
font-family: HoneywellSans-Medium, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 1.4em;
}
h1 {
font-family: HoneywellSans-Medium, Arial, sans-serif;
font-weight: normal;
font-size: 24px;
color: #191a00;
}
h2 {
font-family: HoneywellSans-Bold, Arial, sans-serif;
font-weight: bold;
font-size: 18px;
color: #191a00;
}
h3 {
font-family: HoneywellSans-Bold, Arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #191a00;
}
h4 {
font-family: HoneywellSans-Bold, Arial, sans-serif;
font-weight: bold;
font-size: 14px;
color: #666666;
}
/* ============================================= */
/* 1.3. =Icons
/* ============================================= */
.icon {
width:24px;
height: 24px;
background: url("/client_asset/dist/images/hon-all3.svg") 0 0 no-repeat;
background-size: 182px 600px;
}
.icon2 {
width:24px;
display:block;
float:left;
height: 24px;
background: url("/client_asset/dist/images/hon-all3.svg") 0 0 no-repeat;
background-size: 182px 600px;
}
/* Menu Icons */
.sidebar-nav a .icon.menu-home { background-position: 0 0; }
.sidebar-nav a .icon.menu-products { background-position: 0 -22px; }
.sidebar-nav a .icon.menu-applications { background-position: 0 -44px; }
.sidebar-nav a .icon.menu-contact { background-position: 0 -66px; }
.sidebar-nav a .icon.menu-support { background-position: 0 -88px; }
.sidebar-nav a .icon.menu-about { background-position: 0 -110px; }
.sidebar-nav a:hover .icon.menu-home { background-position: -22px 0; }
.sidebar-nav a:hover .icon.menu-products { background-position: -22px -22px; }
.sidebar-nav a:hover .icon.menu-applications { background-position: -22px -44px; }
.sidebar-nav a:hover .icon.menu-contact { background-position: -22px -66px; }
.sidebar-nav a:hover .icon.menu-support { background-position: -22px -88px; }
.sidebar-nav a:hover .icon.menu-about { background-position: -22px -110px; }
.sidebar-nav a.active .icon.menu-home { background-position: -44px 0; }
.sidebar-nav a.active .icon.menu-products { background-position: -44px -22px; }
.sidebar-nav a.active .icon.menu-applications { background-position: -44px -44px; }
.sidebar-nav a.active .icon.menu-contact { background-position: -44px -66px; }
.sidebar-nav a.active .icon.menu-support { background-position: -44px -88px; }
.sidebar-nav a.active .icon.menu-about { background-position: -44px -110px; }
.sidebar-nav a .icon.menu-distributor_inventory { background-position: 0 -380px; }
.sidebar-nav a:hover .icon.menu-distributor_inventory { background-position: -22px -380px; }
.sidebar-nav a.active .icon.menu-distributor_inventory{ background-position: -44px -380px; }
.icon2.hex-icon {background-position: -49px -345px;margin-right: 0 !important;}
.icon2.unknown-icon {background-position: -73px -345px;margin-right: 0 !important;}
/* Action menu icons */
.icon.action-search { background-position: -150px 0; }
.icon.action-email { background-position: -150px -32px; }
.icon.action-chat { background-position: -150px -64px; }
.icon.action-support { background-position: -150px -96px; }
.icon.action-sales { background-position: -150px -128px; }
.icon.action-find { background-position: -150px -160px; }
.icon.action-share { background-position: -150px -192px; }
.icon.action-inventory { background-position: -150px -224px; }
/* Header Menu Icons */
#honMainHeader .icon {
width: 70px;
height: 60px;
display: block;
}
#honMainHeader .icon-logo {
width: 135px;
height: 43px;
display: inline-block;
}
.icon-menu { background-position: -70px -140px; }
.icon-logo { background-position: -5px -276px; }
.icon-search { background-position: 0px -200px; }
.icon-help { background-position: -90px -45px; }
/* Social Media Icons */
.icon-youtube { background-position: -65px -65px; }
.icon-twitter { background-position: -86px -65px; }
.icon-wechat { background-position: -65px -86px; }
/* Modal Window Close */
.icon-modal-close {
width: 22px;
height: 22px;
background-position: -66px -44px;
}
/* Carousel Chevrons */
.icon-prev {
width: 22px;
height: 22px;
background-position: -66px 0;
}
.icon-next {
width: 22px;
height: 22px;
background-position: -88px 0;
}
/* Cards - Next + Play */
.icon-chevron-right { background-position: -154px -260px; }
.icon-play { background-position: -154px -292px; }
/* Files */
.file-pdf { background-position: 0 -320px; }
.file-stp { background-position: -24px -320px; }
.file-tif { background-position: -48px -320px; }
.file-jpg { background-position: -72px -320px; }
.file-png { background-position: -96px -320px; }
.file-doc { background-position: 0 -344px; }
.file-xls { background-position: -24px -344px; }
/* ============================================= */
/* 1.4. =Buttons
/* ============================================= */
/* ============================================= */
/* 1.5. =Forms
/* ============================================= */
/* ============================================= */
/* 2. =General
/* ============================================= */
/* ============================================= */
/* 2.1. =Structure
/* ============================================= */
/* Entire Page Wrapper */
#wrapper {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled {
padding-left: 250px;
}
#page-content-wrapper {
width: 100%;
/* position: absolute; */
padding-top: 60px;
}
/* Main Content Page */
#honPageHeader {
padding: 0 20px;
}
#honPageContent {
padding: 20px;
position: relative;
background: #ffffff;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
float: left;
width: calc(100% - 40px);
}
/* Adjust Main Content Page on Desktop */
@media(min-width:768px) {
#honPageContent {
margin: 20px;
overflow: hidden;
}
}
/* ============================================= */
/* 2.2. =Header
/* ============================================= */
#honMainHeader {
position: fixed;
top:0;
left:0;
right:0;
height:61px;
background:#ffffff;
border-bottom:1px solid #d6d7d6;
z-index:5555;
/* -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;*/
}
/* Header Buttons and Actions */
#page-content-wrapper #honMainHeader #menu-toggle {
width:70px;
height:60px;
display:inline-block;
line-height:60px;
text-align:center;
float:left;
border-right: 1px solid #d6d7d6;
/* background: #3d9240; */
}
#wrapper.toggled #honMainHeader #menu-toggle .icon-menu {
background-position: 0 -140px;
}
#page-content-wrapper #honMainHeader #honLogo {
display:inline-block;
line-height:60px;
height: 60px;
float:left;
}
#page-content-wrapper #honMainHeader a#honLogo {
text-decoration: none;
color: #666666;
font-size: 16px;
padding-top: 9px;
padding-left: 10px;
}
#page-content-wrapper #honMainHeader a#honLogo:hover {
background: none;
}
#page-content-wrapper #honMainHeader #honTopSearchButton {
width:70px;
height:61px;
line-height:60px;
text-align:center;
display:inline-block;
float:right;
border-left: 1px solid #d6d7d6;
border-bottom: 1px solid #d6d7d6;
text-decoration: none;
}
#page-content-wrapper #honMainHeader a {
background: #fff;
}
#page-content-wrapper #honMainHeader a:hover {
background: #eef0f2;
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -250px;
}
#wrapper.toggled #honMainHeader {
margin-right: -250px;
left: 250px;
}
.honPipeTreatment {
display: inline-block;
height: 30px;
line-height: 30px;
padding-left: 10px;
/* padding: 5px 0 15px 10px; */
border-left: 1px solid #999999;
float: right;
margin-top: 7px;
padding-right: 10px;
}
/* ============================================= */
/* 2.3. =Sidebar Menu
/* ============================================= */
#sidebar-wrapper {
position: fixed;
left: 250px;
width: 0;
z-index:0;
height: 100%;
margin-left: -250px;
overflow-y: auto;
background: #36485e;
background: -moz-linear-gradient(left, #36485e 0%, #36485e 90%, #314151 100%);
background: -webkit-linear-gradient(left, #36485e 0%,#36485e 90%,#314151 100%);
background: linear-gradient(to right, #36485e 0%,#36485e 90%,#314151 100%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
width: 250px;
}
#sidebar-wrapper a {
font-weight: normal;
font-size: 13px;
text-transform:uppercase;
}
/* Sidebar Styles */
.sidebar-nav {
position: absolute;
top: 0;
width: 250px;
margin: 20px 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
line-height: 40px;
}
.sidebar-nav li a {
display: block;
text-decoration: none;
color: #999999;
padding:0 20px;
line-height:40px;
/*text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;*/
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
text-decoration: none;
}
.sidebar-nav li ul.active {
color: #fff;
background: #2d3d51;
}
.sidebar-nav li a.active {
color: #ffffff;
background: #26313e;
}
.sidebar-nav li ul.submenu a.active {
color: #ffffff;
background: #2d3d51;
}
.sidebar-nav li ul.submenu a {
padding: 8px 30px 8px 50px;
font-size: 12px !important;
line-height: 18px;
}
.sidebar-nav li a:hover,
.sidebar-nav li ul.submenu a:hover {
color: #ffffff !important;
background: #3b87de;
}
.sidebar-nav li a span.icon {
display: inline-block;
width: 22px;
height: 22px;
margin: -3px 10px 0 0;
vertical-align:middle;
}
.sidebar-nav li ul.submenu {
display:none;
list-style:none;
padding:0;
}
/* Sidebar Adjustments for Desktop */
@media(min-width:768px) {
#wrapper {
padding-left: 250px;
}
#wrapper.toggled {
padding-left: 0;
}
#sidebar-wrapper {
width: 250px;
}
#wrapper.toggled #sidebar-wrapper {
width: 0;
}
#page-content-wrapper {
position: relative;
}
#wrapper #honMainHeader {
left:250px;
}
#wrapper.toggled #page-content-wrapper {
position: relative;
margin-right: 0;
}
#wrapper.toggled #honMainHeader {
left:0;
margin-right:0;
}
#wrapper #honMainHeader #menu-toggle .icon-menu {
background-position: 0 -140px;
}
#wrapper.toggled #honMainHeader #menu-toggle .icon-menu {
background-position: -70px -140px;
}
}
/* 11-5-16 */
@media(max-width:768px) {
#wrapper {
padding-left: 250px;
}
#wrapper.toggled {
padding-left:0px;
}
#sidebar-wrapper {
width: 250px;
}
#wrapper.toggled #honMainHeader{left:0px}
#wrapper #honMainHeader{left:250px;}
#wrapper.toggled #sidebar-wrapper {
width: 0px;
}
#honPageContent {
display: inherit;
margin: 0 auto;
float: left;
width:100%;
}
#honMainHeader{width:95%}
}
/* 11-5-16 | end */
/* ============================================= */
/* 2.4. =Global Search
/* ============================================= */
#HonSearchContentOverlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,0.8);
z-index: 99;
display: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#HonSearchContentOverlay.toggled {
display:block;
}
#HonSearchContentBar {
position: fixed;
top: -300px;
height: 300px;
overflow: hidden;
left: 0;
right: 0;
background: #eef0f2;
padding: 30px;
z-index: 1555!important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#HonSearchContentBar.toggled {
top: 60px;
height: auto;
display: block;
}
form.body{position:relative}
#wrapper.toggled #HonSearchContentBar {
left:250px;
right: -250px;
}
#page-content-wrapper #honMainHeader #honTopSearchButton.toggled {
background-color: #eef0f2;
border-bottom: 1px solid #eef0f2;
height: 61px;
}
#page-content-wrapper #honMainHeader #honTopSearchButton.toggled .icon-search {
background-position: -70px -200px;
}
#HonSearchContentBar h3 {
margin: 0 0 10px 0;
font-weight: normal;
font-size: 18px;
}
#HonSearchContentBar ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 30px;
}
#HonSearchContentBar ul li a {
color: #000;
}
#HonSearchForm input {
width: 90%;
padding: 5px 5px 5px 35px;
color: #000;
font-weight: bold;
border-radius: 2px !important;
border: 1px solid #d6d7d6;
}
#HonSearchForm button {
position: fixed;
width: 30px;
height: 30px;
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
background-size: 182px 600px;
background-position: -150px -320px;
background-repeat: no-repeat;
}
#HonSearchForm a {
display: inline-block;
margin-left: 5px;
margin-top: 7px;
}
#HonSearchForm input {
float: left;
width: 96%;
}
#HonSearchForm a span {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
}
/* Search Adjustments for Desktop */
@media(min-width:768px) {
#HonSearchContentBar {
left: 250px;
}
#HonSearchForm input {
width: 96%;
background-color:#fff;
float: left;
margin-right:5px;
}
#wrapper.toggled #HonSearchContentBar {
left:0;
right: 0;
}
}
/* ============================================= */
/* 2.5. =Sticky Action Menu
/* ============================================= */
/* Action Menu - Mobile Version */
nav#honAction {
overflow: hidden;
margin: 20px 0;
background:#eef0f2;
position: relative;
}
nav#honAction ul {
list-style: none;
height: 96px;
width:1200px;
overflow-x: hidden;
margin: 0;
padding: 0;
}
nav#honAction ul li {
display: block;
width:120px;
height: 96px;
float: left;
}
nav#honAction ul li a {
text-align: center;
color:#3b87de;
font-size:12px;
display:block;
padding:12px 15px;
text-align:center;
}
nav#honAction ul li a:hover {
color:#4e7da7;
}
nav#honAction a .icon {
display: block;
width:32px;
height: 32px;
margin: 0 auto 5px auto;
background-color: #3b87de;
border-radius: 16px;
}
nav#honAction a:hover .icon {
background-color:#4079ac;
}
nav#honAction #honActionMore {
display: block;
width: 30px;
height: 96px;
position: absolute;
top: 0;
right: 0;
background: url("../i/hon-all.svg") 0 0 no-repeat;
background-size: 182px 600px;
background-position: -110px 0;
}
#dropdownActionMore {
display: none;
list-style: none;
border: 1px solid #d6d7d6;
padding: 0;
margin: 0;
background: #eef0f2;
max-width: 250px;
min-width: 100px;
position: absolute;
top: 325px;
right: 20px;
z-index: 900;
border-radius: 2px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
#dropdownActionMore a {
display: block;
padding: 10px 20px;
font-size: 12px;
}
#dropdownActionMore a:hover {
background: #fff;
}
/* Action Menu - Desktop Adjustments */
@media(min-width:768px) {
#honPageWithActions {
padding-right: 140px;
position: relative;
}
#honPageWithActions .row {
float: left;
}
nav#honAction {
margin: 0;
position: absolute;
top: -10px;
right: -10px;
width: 120px;
}
nav#honAction ul {
width: 120px;
height: auto;
}
nav#honAction #honActionMore {
display: none;
}
nav#honAction.affix {
position: fixed;
top:71px;
right:30px;
}
}
/* ============================================= */
/* 2.6. =Footer
/* ============================================= */
#honPageFooter {
margin: 20px 0;
padding: 0 20px;
font-size: 12px;
text-transform: uppercase;
}
#honPageFooter h4 {
font-size: 12px;
}
#honPageFooter h4:not(:first-of-type) {
margin-top: 20px;
}
#honPageFooter a {
color: #666666;
}
#honPageFooter a:hover {
text-decoration: none;
}
/* Social Media Icons */
ul#honSocialMedia {
list-style: none;
margin: 0;
padding: 0;
}
ul#honSocialMedia li {
display: inline-block;
}
ul#honSocialMedia li a {
margin-right: 5px;
background-color: #666666;
display: block;
text-indent: -9999px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
ul#honSocialMedia li a:hover {
background-color: #4f575e;
}
/* ============================================= */
/* 2.7. =Modal Window
/* ============================================= */
h4.modal-title {
font-weight: normal;
text-transform: uppercase;
}
/* Video Modal */
.modal-body iframe {
width: 100%;
height: auto;
}
/* ============================================= */
/* 3. =Sections
/* ============================================= */
/* ============================================= */
/* 3.1. =RMA (Sensotec)
/* ============================================= */
/* Calibration and Return */
.modal-dialog {
margin-top: 70px !important;
}
.calibration_direction_mandatory {
display: none;
}
.delSection {
margin-top: 20px;
display: block;
margin-bottom: -30px;
font-size:80%;
}
.delSection span {
background: #fff;
border:1px solid #ccc;
padding: 5px 10px;
}
.has-error {
border-color: #ee3124 !important;
}
.TSAddress {
border: 1px solid #ddd;
padding: 10px;
margin: 0 20px 20px 0;
}
/* Repair Returns */
span.danger {
color: #ee3124 !important;
font-size: 80%;
}
select option:disabled {
display: none;
}
/* Send Package */
div.printed {
display: none;
}
#print--image {
width:99%;
border:1px dotted #666;
}
#print--image img {
width: 100%;
}
@media print {
@page {
margin: 0;
}
nav, aside, h1, h2, h3,
#honPageHeader, #honMainHeader, #sidebar-wrapper, #honPageFooter,
.breadcrumb, .alert, .no-print {
display: none;
}
div.printed {
max-width: 100% !important;
visibility: visible !important;
display: block !important;
text-align: left;
}
#print--a {
position: fixed;
width:100%;
top: 0;
left: 0;
padding: 0.5cm;
}
#print--b {
position: fixed;
padding: 0.5cm;
width: 100%;
top: 50%;
left: 0;
border-top: 1px dotted #999;
}
#print--hon-top {
position: fixed;
width:50%;
top: 3.5cm;
left: 10%;
}
#print-hon-ad-1,
#print-hon-ad-2,
#print-hon-ad-3,
#print-hon-ad-4 {
position: fixed;
width: 20%;
font-size: 80%;
line-height: 120%;
}
#print-hon-ad-1 { top: 7%; left: 7%; }
#print-hon-ad-2 { top: 7%; left: 35%; }
#print-hon-ad-3 { top: 20%; left: 7%; }
#print-hon-ad-4 { top: 20%; left: 35%; }
#print--image {
width:30%;
position: fixed;
border:1px solid #ccc;
top: 5%;
right: 10%;
}
#print--hon-address {
position: fixed;
width:50%;
top: 65%;
left: 10%;
font-size: 200%;
line-height: 120%;
}
#print--hon-address span {
font-size: 80%;
font-weight: bold;
display: block;
margin-bottom: 0.2cm;
}
#print--image-addr {
width:30%;
position: fixed;
border:1px solid #ccc;
top: 55%;
right: 10%;
}
ul, img {
page-break-inside: avoid;
}
#menu_new,
img#UIF-IMG-8874 {
display:none !important;
}
}
/* ============================================= */
/* 3.2. =Documentation Section
/* ============================================= */
#documentation-section .text-bold {
font-weight: bold;
}
#documentation-section .btn-sm {
padding: 5px 10px;
line-height: 1.5;
min-width: 2.5em;
}
#documentation-section .btn-gray {
background: #f0f3f5;
color: #666 !important;
}
#documentation-section .filterbar {
background-color: #f0f3f5;
min-height: 100px;
padding: 15px 10px;
font-size: 14px !important;
}
#documentation-section .filterbar hr {
margin: 0;
}
#documentation-section .aFilter {
color: #666;
}
#documentation-section .filterButtons a.btn {
font-weight: normal;
text-transform: none;
color: #3b87de !important;
}
#documentation-section .honSmallText:after {
background: linear-gradient(to right, rgba(240, 243, 245, 0), rgba(240, 243, 245, 1) 50%);
}
/* ============================================= */
/* 4. =Plugins
/* ============================================= */
/* ============================================= */
/* 4.1. =bootstrap-select
/* ============================================= */
#honPageFooter .btn-link {
color: #666666;
}
#honPageFooter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
margin-left: -14px;
}
.btn-transparent {
background: #eef0f2 !important;
color: #666666 !important;
padding: 0 15px;
font-weight: normal;
}
#honPageFooter .btn-group.open .dropdown-toggle,
#honPageFooter .btn-group.open .dropdown-toggle:active {
outline:none;
box-shadow: none;
-webkit-box-shadow: none;
}
#honPageFooter .dropdown-menu > li > a {
padding: 3px 13px;
font-size: 12px;
}
#honPageFooter .bootstrap-select>.dropdown-toggle {
background: transparent none repeat scroll 0 0 !important;
color: #666666 !important;
font-size: 12px;
padding: 5px 14px !important;
text-transform: uppercase;
width: inherit;
}
/* ============================================= */
/* 5. =Modules
/* ============================================= */
/* ============================================= */
/* 5.1. =Text Module
/* ============================================= */
.honTextModule {
margin-bottom: 20px;
}
.honTextModule h2 {
margin-top: 0;
}
.honSmallText {
display: block;
/* Fallback for non-webkit */
display: -webkit-box;
height: 59px;
/* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4em;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.honSmallText:after {
content: ""; position: absolute;
bottom: 0;
right: 10px;
width: 40%;
height: 40px;
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
.honSmallText p,.honSmallText ul {
margin:0;
}
/* ============================================= */
/* 5.2. =Text+Image Module
/* ============================================= */
.honTextImageModule {
margin-bottom: 20px;
}
.honTextImageModule h2 {
margin-top: 0;
}
.honTextImageModule img {
max-width: 100%;
width: auto;
}
/* ============================================= */
/* 5.3. =Visually Narrowing In Cards Module
/* ============================================= */
.honCards {
margin-top: 20px;
margin-bottom: 20px;
}
.honCards h2 {
margin-top: 0;
}
.honCards .row {
margin-right: 0;
}
.honCards [class*='col-'] {
padding-right: 0;
}
.honCards a {
text-decoration: none !important;
}
.honCard {
background: #fff;
border-radius: 4px;
height: 280px;
padding: 5px 15px 15px 15px;
margin-bottom: 15px;
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
position: relative;
}
/*#page-content-wrapper #honMainHeader #honTopSearchButton{margin-right:10px;} */
.p_c_wrapper #page-content-wrapper #honMainHeader #honTopSearchButton{margin-right:8px}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.honCard {
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.8);
}
}
@media(max-width:1200px) {
.honCard {
height: 320px;
}
}
@media(max-width:992px) and (min- width:768px){
.honCard{min-width:340px}
}
.honCard h3,
.honCardHover,
.honCardIcon {
-webkit-transition: 200ms;
-webkit-transition-timing-function: ease-in-out;
transition: 200ms;
transition-timing-function: ease-in-out;
}
.honCard img {
max-height: 120px;
}
.honCard h3 {
position: absolute;
/*top: 110px;*/
top: 95px;
left: 15px;
right: 15px;
text-align: center;
height: 18px;
margin-bottom: 10px;
/*white-space: nowrap;
overflow: hidden;*/
/*text-overflow: ellipsis;*/
z-index: 25;
}
.honCard:hover h3 {
color: #fff;
}
.honCard p {
position: absolute;
top: 165px;
left: 15px;
right: 15px;
color: #666;
display: block;
/* Fallback for non-webkit
display: -webkit-box; */
height: 100%;
/* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4em;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.honCard .honCardHover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 4px;
background: none;
z-index: 20;
}
.honCard:hover .honCardHover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 4px;
/* 13 Apr 2016
background: rgba(59,135,222,0.9); */
background:rgba(59,135,222,0.7);
}
.honCardIcon {
position: absolute;
top: 160px;
left: 15px;
right: 15px;
z-index: 25;
opacity: 0;
}
.honCardIcon span {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
}
.honCard:hover .honCardIcon {
opacity: 1;
margin-left: 20px;
}
/* ============================================= */
/* 5.4. =Gallery Style 1
/* ============================================= */
.honGS1 {
margin-bottom: 20px;
}
.honGS1 h2 {
margin-top: 0;
}
.honGS1 .row {
margin-right: 0;
}
.honGS1 [class*='col-'] {
padding-right: 0;
}
.honGS1 span.icon {
display: inline-block;
}
.honCard img.roundedImage {
max-height: 110px;
margin: 5px auto;
}
/* ============================================= */
/* 5.5. =Gallery Style 2
/* ============================================= */
.honGS2 {
margin-bottom: 20px;
}
.honGS2 h2 {
margin-top: 0;
}
.honGS2 span.icon {
display: inline-block;
}
.honGS2 .owl-carousel ul li,
.honGS2 .owl-carousel p {
color: #666;
}
.honGS2 .owl-carousel img {
width:100%;
}
.honGS2 .owl-carousel .item {
padding:0;
margin-bottom: 20px;
}
/* ============================================= */
/* 5.6. =Table Styles
/* ============================================= */
.honTS1 h2,
.honTS2 h2,
.honTS3 h2,
.honTS4 h2,
.honTS5 h2,
.honTS6 h2,
.honTS7 h2 {
margin-top: 2px;
}
.honTS1,
.honTS2,
.honTS3,
.honTS4,
.honTS5,
.honTS6,
.honTS7 {
margin-bottom: 20px;
}
.table span.icon {
width:24px;
height: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.honTS1 img,
.honTS2 img,
.honTS3 img,
.honTS4 img,
.honTS5 img,
.honTS6 img,
.honTS7 img {
max-width: 100px;
max-height: 100px;
margin-right: 10px;
}
.honTS5 td {
padding: 15px 10px !important;
vertical-align: top !important;
}
table.table h3 {
margin: 0 0 10px 0;
}
table.table p {
margin: 0;
}
.honTS6 span.honLocation {
text-transform: uppercase;
}
.honTS6 .row {
border-bottom: 1px solid #d6d7d6;
margin: 0;
}
.honTS6 .row div {
padding-left: 0;
padding-right: 0;
}
.honTS6 img {
float: right;
margin: 15px 0 10px 10px;
}
.honTS6 a {
margin: 10px 0;
display: inline-block;
}
.honTS7 .table:first-child {
margin-bottom: -1px;
}
.honTS7 .row {
margin: 0;
}
.honTS7 .row div {
padding: 0;
}
.honTS7 .row div:first-child {
padding-right: 15px;
}
.honTS7 .honSmallTable {
height: 190px;
overflow-y: hidden;
}
.honTS7 a.honMoreLessTable {
display: inline-block;
margin: 10px 0 0 0;
text-decoration: none;
}
.honTS7 table.table tr td {
padding-left: 0;
}
@media(max-width:767px) {
.honTS7 .row div:first-child {
padding-right: 0;
}
}
/* ============================================= */
/* 5.7. =List Styles
/* ============================================= */
/* List Style 1 and 2 */
.honLS1,
.honLS2 {
margin-bottom: 0px;
}
.honLS1 h2 {
border-bottom: 1px solid #d6d7d6;
padding-bottom: 5px;
}
.honLS2 h3 {
border-bottom: 1px solid #d6d7d6;
padding-bottom: 5px;
background: #eef0f2;
margin: 0 0 5px 0;
padding: 5px 10px;
}
.honLS1 ul {
padding-left: 30px;
margin-bottom: 0;
}
.honLS2 ul {
padding-left: 20px;
margin-bottom: 0;
}
.honLS1 .honMoreLessText {
display: inline-block;
margin: 5px 0 10px 15px;
text-decoration: none;
}
.honLS2 .honSmallText {
height: 88px;
}
.honLS2 .honMoreLessText {
margin: 5px 0 10px 0;
display: inline-block;
text-decoration: none;
}
/* ============================================= */
/* 6. =OneLink - Translations.com
/* ============================================= */
.OneLinkNoTx {
/* Use this class to pass untranslated text from the source site to translated sites.
Text marked with this class will appear on the translated website, but will not be translated. */
/*no-op*/
}
.OneLinkHide {
/* Use this class keep source-site content from displaying on any translated website */
/*no-op*/
}
.OneLinkKeepLinks {
/* Use this class to stop OneLink from rewriting webpage links */
/*no-op*/
}
/* show only on Spanish site */
.OneLinkTxShow_es {
/* Use this class to mark market-specific content, written in the source language,
that differs from source market content */
display: none;
}
.OneLinkShow_es {
/* Use this class to mark market-specific content, written in the target market language,
that differs from source market content */
display: none;
}
/* show only on German site */
.OneLinkTxShow_de {
/* Use this class to mark market-specific content, written in the source language,
that differs from source market content */
display: none;
}
.OneLinkShow_de {
/* Use this class to mark market-specific content, written in the target market language,
that differs from source market content */
display: none;
}
/* show only on Japanese site */
.OneLinkTxShow_ja {
/* Use this class to mark market-specific content, written in the source language,
that differs from source market content */
display: none;
}
.OneLinkShow_ja {
/* Use this class to mark market-specific content, written in the target market language,
that differs from source market content */
display: none;
}
/* show only on Chinese site */
.OneLinkTxShow_zh {
/* Use this class to mark market-specific content, written in the source language,
that differs from source market content */
display: none;
}
.OneLinkShow_zh {
/* Use this class to mark market-specific content, written in the target market language,
that differs from source market content */
display: none;
}
/* show only on Korean site */
.OneLinkTxShow_ko {
/* Use this class to mark market-specific content, written in the source language,
that differs from source market content */
display: none;
}
.OneLinkShow_ko {
/* Use this class to mark market-specific content, written in the target market language,
that differs from source market content */
display: none;
}
/* Dynamic Content Replacement
The special CSS classes OneLinkReplace and OneLinkReplaceNoTx allow you to replace elements on
your translated pages with content from other pages (or even other websites). Think of these
classes as language-specific server-side includes performed by the OneLink® Platform.
These classes instruct the OneLink Platform to replace the innerHTML portion of an element \
with the full content of the given URL:
This innerHTML on your source site will be replaced on the Spanish site, and translated for Spanish.
This innerHTML on your source site will be replaced on the Spanish site, but not translated.
Note:
• These classes are only used as a flag for the OneLink® Platform (there should
be no actual definition for the classes in your CSS files).
• The containing element must be a block-level element: DIV, TABLE, P, UL, OL, LI, etc.,
not an inline element: SPAN, FONT, etc.
• If you replace the innerHTML of a TABLE element, the page with the replacement should begin
with a TBODY or TR (do not repeat the TABLE element). */
.OneLinkReplace {
/*no-op*/
}
.OneLinkReplaceNoTx {
/*no-op*/
}
/* ============================================= */
/* 7. =Miscellaneous / Others
/* ============================================= */
/* carousel general items */
.owl-carousel .item {
padding:7.5px;
}
.owl-pagination .owl-page {
display: inline-block;
margin: 0 2px;
font-size: 10px;
line-height: 18px;
text-align: center;
width: 18px;
height: 18px;
border: 1px solid #666;
color: #666;
border-radius: 10px;
text-decoration: none !important;
}
.owl-pagination .active {
color: #fff;
background: #666;
}
.owl-pagination {
height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Rounded Image */
img.roundedImage {
border-radius: 100%;
}
/* tables - general items */
@media screen and (max-width: 767px) {
.table-responsive {
border: none;
}
}
.table > thead > tr > th {
border-bottom: 1px solid #d6d7d6;
background: #eef0f2;
text-transform:uppercase;
}
.table > tbody > tr > th {
color: #191a00;
}
.honTableLink {
border-left: 1px solid #d6d7d6;
}
.table {
border-bottom: 1px solid #d6d7d6;
}
#getContent{
margin-top:-35px !important;
}
#lessContent{
margin-top:-35px !important;
}
.table > tbody > tr > th> a {
color: #191a00;
}
/* Home page */
.endeca_button_search + .search_img {
background: #fff none repeat scroll 0 0 !important;}
.search_img {
background: rgba(0, 0, 0, 0) url("/client_asset/images/search-256.png") no-repeat scroll 6px center / 26px auto;padding-left: 38px;
}
.f_support_bl{margin-top:30px;margin-bottom:20px;}
.f_support_bl .f_s_block{background:#f1f4f5;min-height:400px;padding:10px 20px;} /* padding:10px 20px; */
.f_support_bl .f_s_block ul{padding:0px;}
.f_support_bl .col-md-4:nth-child(2){padding:0px;}
.f_support_bl .f_s_block li{list-style:none;border-bottom:1px solid #CCC;display:table;width:100%;padding:15px 0px;}
.f_support_bl{text-align:left}
.f_support_bl a{color:#4c91cd}
.f_support_bl p.h4{color:#656c75;border-bottom:1px solid #ccc;font-size:16px;padding-bottom:5px;font-weight:bold;margin-bottom:12px;}
.f_support_bl p.h5{margin-top:15px;margin-bottom:0px;font-weight:bold}
.f_support_bl p{color:#666;margin-bottom:0px;}
.f_s_block a.bcl{color:#333}
.f_s_block a.bcl:hover{text-decoration:none}
.pdf_icon{float: left;margin-right: 6px;width: 15px;}
.f_hr{height:1px;width:100%;background:#ccc;margin:10px 0px}
.f_hr.fhr2 { width:96%; position: absolute; }
.dis_blck{display:block;float:left; }
a.svg_left {float: left;}
.what_lo_bg {
text-align: left;
padding: 20px;
overflow: hidden;
margin: -20px -20px 20px -20px;
background: none;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
}
#HW_Search_Item_Form1, #HW_Search_Item_Form_home {
background: rgba(255,255,255,0.8);
padding: 20px;
}
#HW_Search_Item_Form1, #HW_Search_Item_Form_home input {
width: 100%;
border-radius: 0;
}
#HW_Search_Item_Form1 .endeca_button_search {
top: -8px;
}
#HW_Search_Item_Form_home .endeca_button_search {
top: -8px;
}
.mb0 { margin-bottom: 0; }
.mt0 { margin-top: 0; }
#video_container video{width:100%}
#video_container_1 video{width:100%}
.f_support_bl img{cursor:pointer; width:100%;}
.play-video { display:none; }
p.play-video:hover{ display:block; }
.cursor.highlight { font-size:25px; }
.fade.in{background:rgba(0,0,0,0.7)}
.sm-text { font-size:12px; color:#4c91cd; }
.need .strong { font-weight:bold; color:#777;}
.nopdding { padding:0px 0px 0px 1px !important; }
.leftpadding { padding-right:0px !important; }
.help {height: 30px;line-height: 36px;color:#777; font-size:16px;}
.t_head_logo{width:330px!important;}
.main_body .t_search .search_icon .fa{padding-bottom:18px}
.img-responsive.lg {width:150px; }
.home_top_image{ margin-top: 20px;}
span.svg {
float: left;
}
span.svg img {
margin-top: -2px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
display: block;
height: auto;
max-width: 100%;
}
img {
vertical-align: middle;
}
img {
border: 0 none;
}
.f_s_block_read img {
margin-top: 0 !important;
}
.f_support_bl img {
cursor: pointer;
width: auto;
}
.f_support_bl {
text-align: left;
}
/* Distributory Inventory search */
.dis_search_form_title {
color: #000;
font-size: 22px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 15px;
}
.sss-height {
text-align: left;
padding: 0;
}
.sss-height form {
background: #f0f3f5 none repeat scroll 0 0;
float: left;
padding: 10px;
width: 100%;
}
.dis_search_form { min-height: 420px !important;}
/* press release */
.press_relase{}
.press_sort{ margin: 0 20px;}
.press_relase .p_n_item{ border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;float: left;margin: 0 20px;padding: 30px 0 20px;text-align: left;width:95%}
.press_relase .p_n_item .p_n_title{width:100%;float:left;margin-bottom:10px;}
.press_relase .p_n_item .p_n_body p{float: left;width: 100%;}
.press_relase .p_n_item.pre_new .p_n_title{width:90%;float:left;margin-bottom:10px;}
.press_relase .p_n_item .p_n_title a{color:#000;font-weight:bold;font-size:16px;}
.press_relase .p_n_item .p_n_body{ float: left;width: 100%;margin-bottom:10px;}
.press_relase .p_n_item.pre_new .p_n_body img{float:right;margin-right:5px;}
.press_relase .p_n_item.pre_new .p_n_body p{ color: #6c727a;float: left;width: 90%;}
.press_relase .p_n_item .p_n_lang{float: left;width: 100%;margin-bottom:0px;}
.press_set .right-side{width:100%!important}
.press_set.col-sm-3{padding-right:20px!important;}
.press_set p{text-transform:uppercase;}
.press_relase .btn {background: transparent none repeat scroll 0 0 !important;border: 0 none;color: #4c91cd !important;font-size: 18px;font-weight: bold;padding-left: 0;}
.press_relase .btn:hover{background:transparent}
.press_relase .open > .dropdown-menu{border-radius:0px;}
.press_set .row{margin:0px;text-align:left;}
.press_set .row p~ h4{ font-size: 11px;font-weight: bold;margin: 0 0 4px;padding-bottom: 0;color: #777;text-transform: uppercase;}
.press_sort .h4{color: #555;font-size: 16px;font-weight: bold;}
.press_set .row p.h4{color:#777;font-size: 15px;margin-top: 5px;padding-bottom: 14px;}
.press_set .row .h4{border-bottom:1px solid #ccc;color:#4c91cd;}
.press_set .row b a{color:#000}
.press_relase .p_n_item .p_n_body p.pre_new{width:100%}
.press_relase .glyphicon-chevron-down{font-size:9px}
.press_set .right-side {background:#eef0f2 none repeat scroll 0 0 !important;}
.press_set p{
color: #777 !important;
font-size: 11px;
text-transform: uppercase;
}
a {
cursor: pointer;
}
.page_title_head>.row{margin:0px -10px;}
footer>.nopadding,
.page1>.nopadding{max-width: 1055px;margin: 0 auto;float: none;}
.page1>.nopadding>.color3>.col-sm-12{z-index:0}
.color3>.col-sm-10 .each_row .slick-slide{
margin-left: 16px;
margin-right: 16px;
}
.h_b_22.toggled{
top: 138px !important;
}
#page-wrapper{padding:0px;}
#page-wrapper .container2{padding:0px 20px;}
/* Press release end */
/* Techical Specification Start */
.technical_spec_view { overflow: hidden; clear: both; position: relative; }
.k_table_style2{margin-bottom:5px;}
.k_table_style2 th,
.k_table_style2 td{text-align:left}
.k_table_style2 tr td{color:#777; padding:14px 0px !important}
.k_table_style2 tr td:nth-child(2){font-weight:bold}
.k_table_style2 tbody tr:first-child { border-top:1px solid #bbb !important; }
.k_table_style2 tbody tr td { border-bottom:1px solid #bbb !important; }
.k_table_style2 > tbody > tr > td {border-top:1px solid #bbb !important; }
.technical_spec_list { height:auto;overflow: hidden;}
.k_table_style th,
.k_table_style td{padding-top:15px;padding-bottom:15px;text-align:left}
.k_table_style th{font-size:11px;color:#666666;line-height:14px;text-transform:uppercase}
.k_table_style thead{background-color:#EEF0F2}
.k_table_style thead td, .k_table_style thead th{font-weight:bold;color:#888;font-size:12px}
.k_table_style td{color:#666666;font-family:Arial;font-size:14px;line-height:18px}
.k_table_style tbody tr td:first-child{color:#191A00;font-family:Arial;font-weight:Bold;font-size:14px}
.k_table_style a{color:#000}
.k_table_style { margin-bottom:0px !important;}
.k_table_style > tbody > tr > td { border-bottom:1px solid #bbb !important; }
.document-content { overflow: hidden; }
.document-content p { margin-top:0px !important;}
.container-fluid.document-content {
clear: both;
}
/* Techical Specification End */
/* Right Side Menu Start */
.r_side_menu{width:100%;margin:0 auto;display:table;margin-top:0px;text-align: center;}
.r_side_menu ul{list-style:none;padding:0px;margin-top:0px;font-size:12px;background:#f0f3f5 !important}
.r_side_menu object{width:100px;height:25px;}
.r_side_menu ul li{width:100%;margin-bottom:0px;margin-top:17px;display:table}
.r_side_menu ul li a{text-decoration:none;}
.r_side_menu ul li a:hover{color:#4E7DA7}
.r_side_menu ul li a:hover .fa{background-color:#4d7ea9}
.r_side_menu .first {float: left;margin-bottom: 10px;margin-top: 8px;padding-bottom: 15px;}
.r_side_menu .second{float:left;}
.r_side_menu .second li:last-child{}
.r_side_menu p{color:#4c91cd; margin-bottom:0;}
.r_side_menu .fa{ padding:5px 3px;background: #4c90cd none repeat scroll 0 0;border-radius: 47% 50%;color:#fff;font-size:18px;width:29px;height:28px;}
.r_side_menu .fa-share{font-size:16px}
.r_side_menu a:hover p{color:#4d7ea9}
.r_side_menu .fa:hover{background:#4d7ea9;}
.m-s-mobile-right{display:none;}
.form_livechat{text-align: left;}
.ss_right_menu .email_tech{margin-top:-25px;}
.ss_right_menu .chat{margin-top:-51px}
.ss_right_menu .quest{margin-top:-77px}
.ss_right_menu .sales_email{margin-top:-103px}
.ss_right_menu .sales_find{margin-top:-129px}
.ss_right_menu .mail_join{margin-top:-155px}
.ss_right_menu .dist_buter{margin-top:-181px}
.ss_right_menu .join_mail{margin-top:-207px}
.mail-icon,.mail-icon:hover,.chat-icon,.chat-icon:hover,.help-icon,.help-icon:hover,.cart-icon, .cart-icon:hover, .email-sales-icon, .email-sales-icon:hover, .map-icons, .map-icons:hover, .email-page-icon, .email-page-icon:hover { background-position: center 0; }
.chat-icons:hover img,
.popup_icon:hover img,
.search-icon:hover img{margin-left:-25px}
.r_side_menu .first-hidden { margin-top: 8px; }
.ss_right_menu{ display: inline-block;
height: 25px;
margin: 0 auto;
overflow: hidden;
width: 25px;}
.ss_right_menu .ss_right_menu1 { background-image: url("/../../multimedia/SVGIcons/SVG/side.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% auto;
display: block;
height: 36px;
width: 50px;}
.ss_right_menu img {
width: 50px;
}
.floatr{float:right !important}
/* .floatr.graybg_1.menu.menu2{border:1px solid #ddd}, 17 Jan 2017 added z-index for to fix the offline chat window */
#menu_new{position:absolute;right:0px; top:0px; z-index:5554;}
.sticky_new2 {right:20px!important;top:60px!important}
/* 17-01-2017, to fixed model popup positioning issues for offline chat */
.form_livechat .modal-dialog{ top: 50px;}
#honPageContent {overflow: inherit !important}
/* End */
@media (min-width:768px)
{
#mobile_res_menu{display:none}
.floatr.graybg_1.menu.menu2{right:0px}
.floatr.graybg_1.menu.menu2{border: 1px solid #fff;margin-right: 6px;margin-top: 0;padding: 0;width: 105px;}
.floatr{background:transparent}
.floatr.graybg_1.menu.menu2 .row{margin:0px;}
}
@media(max-width:768px){
#honMainHeader{width:100%}
.p_c_wrapper #page-content-wrapper #honMainHeader #honTopSearchButton{margin-right:0px}
#mobile_res_menu ,
#mobile_res_menu .m-s-mobile-right{display:table;width:100%}
.r_side_menu{width:100%;margin:0 auto;display:table}
.r_side_menu ul li{float:left;margin:5px;width:16%;min-height:80px;}
.r_side_menu{}
.r_side_menu .first{width:20%;float:left;margin-top:0px;}
.r_side_menu .first li{width:100%;}
.r_side_menu .second{width:80%;float:left;}
.r_side_menu .second li{width:20%}
.r_side_menu .first { margin-right:1%; margin-left: 4%; }
.r_side_menu .second { width: 71% !important; }
.r_side_menu .second li { width: 22% !important; }
.r_side_menu .first { width:auto; }
.r_side_menu .first li { width:auto; }
.r_side_menu {margin-top: 17px !important;}
.r_side_menu{display:none}
.m-s-mobile-right .r_side_menu{position:relative!important;display:block;}
.r_side_menu .second,
.r_side_menu .first{width:100%!important}
.r_side_menu .second li,
.r_side_menu .first li{
height: 100px;
padding-top: 10px;
width: 16.66665%;
}
.r_side_menu object{width:70px}
.r_side_menu ul li p{padding:0px;text-transform:lowercase;}
.r_side_menu ul li,
.r_side_menu .first{margin:0px;}
.r_side_menu span.glyphicon{
font-size: 24px;
margin-top: 26px;
}
.r_side_menu{ margin-top: 0 !important;}
.r_side_menu #collapseExample1 li:hover{background:transparent}
.r_side_menu #collapseExample1 li{text-decoration:lowercase;min-height:100px;height:100px;padding:0px;}
.r_side_menu li{margin-top:10px;}
.r_side_menu .first{padding:0px;}
.floatr.graybg_1.menu.menu2{right:0px}
.floatr.graybg_1.menu.menu2{border: 1px solid #fff;margin-right: 6px;margin-top: 0;padding: 0;width: 105px;}
.floatr{background:transparent}
.floatr.graybg_1.menu.menu2 .row{margin:0px;}
.floatr{float:none !important}
.floatr.graybg_1.menu.menu2{width:100%;float:left;}
.floatr{display:table}
.col-sm-2.floatr.graybg_1{top:0px!important;position:relative}
.col-sm-2.floatr.graybg_1{width:100%}
.col-sm-2.floatr.graybg_1{padding:0px;}
.m-s-mobile-right .r_side_menu{position:relative!important;display:block;}
#wrapper {
padding-left: 0px;
}
#wrapper.toggled {
padding-left: 250px;
overflow: hidden;
}
#sidebar-wrapper {
width: 0px;
}
#wrapper.toggled #sidebar-wrapper {
width: 250px;
}
#wrapper.toggled #honMainHeader{left:250px!important}
#honMainHeader{left:0px!important}
}
@media(max-width:420px) {
.p_c_wrapper .icon-logo,
#honMainHeader .icon-logo {
background-position: -9px -270px;
height: 36px;
width: 125px;
}
.r_side_menu .second li,
.r_side_menu .first li {
width: 33.3333%;
}
.r_side_menu ul li p{
word-wrap: break-word;
}
}
@media(min-width:1200px){
.floatr{background:#fff;margin:0px}
}
/* Right Side Menu End */
/* search button */
.endeca_button_search + .search_img{background:#fff!important;}
.leftpadding .endeca_button_search,
#mysearch_1 .endeca_button_search{width:35px;/* height:38px; */}
.endeca_button_search {
opacity:0.5;
background-attachment: scroll, scroll;
background-clip: border-box, border-box;
background-color: transparent;
background-image: url("/client_asset/images/search-256-black.png"), none;
background-origin: padding-box, padding-box;
background-position: 6px center, 0 0;
background-repeat: no-repeat, repeat;
background-size: 26px auto;
border: medium none;
height: 50px;
left: 0;
position: absolute;
top: -2px;
width: 50px;
z-index: 55;
}
/* For Taxonomy new/extended */
.honCard .label.label-danger {
border-radius: 0;
padding-top: 5px;
position: absolute;
right: 0;
top: 9px;
}
html, body {
max-width: 100%;
overflow-x: hidden;
}
.owl-carousel .owl-item img {
display: block;
margin: 10px auto;
width: 90px;
}
.no-paddin-left{
padding-left:0px;
}
.no-paddin-right{
padding-right:0px;
}
/* search overlay */
.recent_search_new .strong {
font-size: 16px;
font-weight: bold;
margin-bottom: 0;
}
.recent_search_new .list li a {
color: #777;
}
.recent_search_new .list {
list-style: outside none none;
text-transform: uppercase;
}
/* endeca search page */
/* for ajax result display */
.endeca_display ul { padding-left:0px; padding-right:15px;}
.endeca_display ul li { font-weight: normal; color:#666666; }
.endeca_display h5{ color:#656c75; font-size:17px; font-weight:bold;}
.view_more {text-align:left;}
.view_less {text-align:left;}
.endeca_display ul li a { color:#000;}
#endeca_get { background-color:#4c91cd; color: #fff !important; padding: 10px 23px; font-weight:bold; margin-top: 25px; border:0px; border-radius:5px;}
#endeca_data_error { color:#686867; font-weight:bold;}
.error_blu { color:#4784c4; }
.error_pos { text-align:left; padding-top:10px;}
.endeca_fnd { color:#686867; font-weight:bold; }
.endeca_display li a:hover{text-decoration:underline;}
.filterbar {background-color: #f0f3f5;min-height: 100px;padding: 15px 10px;}
#scrollingDiv {position: absolute;}
.filterbar .small {}
.filterbar .glyphicon {color: #bbb;}
.`_endeca p { color:#4e7da7 }
.filterbar hr {border-color: #bbc2c6 -moz-use-text-color -moz-use-text-color;border-width: 2px 0 0;margin: 5px 0px 0px;}
.light-blue .glyphicon {color: #5995cf;font-size: 11px;}
.light-blue .badge {background: #ea3128 none repeat scroll 0 0;color: #fff;font-size: 10px;
height: 16px;line-height: 7px;padding: 4px 5px;}
.light-blue {color: #5995cf;}
.red {color: #ea3128;}
#products h4 {color: #686867;font-weight: 400;}
#pagesContent h4 {color: #686867;font-weight: 400;}
.productsContent h4 {color: #686867;font-weight: 400;}
.filtr { color: #686867;}
#endica_search_1,#endica_search_home {border-radius: 6px;}
.pills li {padding: 8px 10px;background: #f0f3f5;font-size: 13px;color: #659bd2;
margin-right: 10px;margin-bottom: 8px;border-radius: 4px;}
.pills .glyphicon {font-size: 12px !important;}
.badge.red {background: #ea3128 none repeat scroll 0 0;color: #fff;font-size: 10px;
height: 16px;line-height: 7px;padding: 4px 5px;}
.prd-tble tr td {vertical-align: middle !important}
.label-red {background-color: #df1f36;}
.prd-tble .label {border-radius: 0;text-transform: uppercase;font-size: 9px;vertical-align: middle;}
.prd-tble th, .page-table th, .doc-table th {color: #656c75;}
.prd-tble thead tr, .page-table thead tr, .doc-table thead tr {background-color: #f0f3f5;border-bottom: 2px solid #bbc2c6;}
.page-table thead tr th {padding: 15px 10px !important}
.doc-table thead tr th {padding: 5px !important}
.prd-tble, .page-table {color: #7c7f87;}
.prd-tble strong, .page-table strong {color: #000;}
.page-table td, .page-table th, .doc-table td, .doc-table th {padding: 20px 10px !important;}
.tab-content {overflow: hidden;}
#footer {background: #000;min-height: 100px;}
.btn-flat {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;padding-left: 0px;text-align: left;}
.tab-content p {margin-bottom: 0px;}
ul.tabul {padding: 0px 5px 0 0;list-style: none;}
ul.tabul li {list-style: outside none none;padding: 2px 0;}
ul.tabul li a { color:#333; }
ul.sublist li {border: none;padding: 5px;border-bottom: 1px solid #bbc2c6;}
.cls {margin-bottom: 2px;float: left;}
.searchpage_outlay a { color: #659bd2; }
.suggestions_search { padding:10px 0 0px 0; }
.suggestions_search p { color:#686867; }
#HW_Search_Item_Form .h4 { font-weight: normal; }
#HW_Search_Item_Form1 .h4 { font-weight: normal; }
#HW_Search_Item_Form_home .h4 { font-weight: normal; }
.product_row, .product_row_shaded {clear: both;overflow: hidden;margin-bottom: 30px;border-bottom: 1px solid #7c7f87;padding-bottom: 15px;}
.input-group .form-control { width:97.8%!important; }
.help-srh { float: right; margin: 8px 0 0; color:#bbb !important; }
.help-srh:hover { color:#bbb;}
.k_table_style2 tbody tr:first-child { border-top:1px solid #bbb !important; }
.k_table_style2 tbody tr td { border-bottom:1px solid #bbb !important; }
.k_table_style2 > tbody > tr > td {border-top:1px solid #bbb !important; }
.product_row_image {float: left;width: 20%;}
.product_row_info {float: right;width: 78%;}
.product_row_info > a {float: left;width: 20%;}
.left-align { text-align: left; }
.right-align { text-align: right; }
.center-align { text-align: center; }
.search-endeca > a { font-weight: bold; color: #000; }
.filterbar { text-align: left; }
.product_description_row {float: right;width: 75%;text-align: left;}
.dropdown_endeca ul{ padding-left:0px !important; }
.prdNumbering a { margin-right: 10px; }
.results_text, .Current_Page { color:#000; }
.table-hover > tbody > tr:hover { background-color: transparent; }
.tab-content { margin-top:22px; }
.nopadding, .nopad { padding:0px !important; }
#nav-header { margin-top:22px; }
.productsContent h4, #pagesContent h4 { text-align: left; font-weight:bold; }
.endeca-dim {font-weight:bold;}
.dropdown_endeca > ul > li { display:none; cursor:pointer;}
.searchpage_outlay { background:#f0f3f5; margin:5px; }
.container2 > .row {
margin: 0 -20px;
}
/* .page_title_head .p_page_title{margin-top: 5px;} 3 may endeca search*/
.page_title_head .p_page_title{margin-left: 2px;
margin-top: 5px;
padding-bottom: 0;
padding-top: 15px;}
.page_title_head > .row{margin:0px}
.nav-tabs {border-bottom: 1px solid #c3c7c9;margin-bottom: 20px;}
.nav-tabs > li > a {background: #f0f3f5 none repeat scroll 0 0;color: #656c75;font-weight: bold;border-radius: none;}
.nav-tabs > li > a:hover {color: #656c75;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border-color: #c3c7c9 #c3c7c9 transparent;color: #000;}
.nav-tabs .badge {color: #656c75;background-color: transparent;}
.nav-tabs > li.active > span, .nav-tabs > li.active > span:focus, .nav-tabs > li.active > span:hover {color: #000;background-color: transparent;}
p.p_page_title {
font-size: 20px;
margin-top: 20px;
}
#HW_Search_Item_Form1 .input-group{width:100%}
#HW_Search_Item_Form_home .input-group{width:100%}
.t_icon img {
width: 30px;
}
.nextprod li {
color: #659bd2;
cursor: pointer;
list-style: outside none none;
float:right;
}
#prevproducts li {
color: #659bd2;
cursor: pointer;
list-style: outside none none;
}
#prevpages li {
color: #659bd2;
cursor: pointer;
list-style: outside none none;
}
#prevdocs li {
color: #659bd2;
cursor: pointer;
list-style: outside none none;
}
#HonSearchForm .input-spinner {
right: 45px;
}
.input-spinner{
position: absolute;
right: 30px;
top: 6px;
z-index: 5;
}
.input-spinner img{
animation: 1s linear 0s normal none infinite running input-spinner-keyframes;
width: 21px;
}
@keyframes input-spinner-keyframes{
from{
tranform:rotate(0deg);
}
to{
transform:rotate(360deg)
}
}
/* for pagination in search page*/
#pagination ul{
display: inline-block;
padding: 0;
margin: 0;
}
#pagination li{
list-style-type: none;
float: left;
}
#pagination ul li a {
color: #7c7f87;
float: left;
padding: 8px 16px;
text-decoration: none;
border: 1px solid #ddd;
}
#pagination ul li a:hover{background-color: #ddd;}
#pagination ul li a.active {
background-color: #4e7da7;
color: white;
}
/* pages tab */
#pagination_page ul{
display: inline-block;
padding: 0;
margin: 0;
}
#pagination_page li{
list-style-type: none;
float: left;
}
#pagination_page ul li a {
color: #7c7f87;
float: left;
padding: 8px 16px;
text-decoration: none;
border: 1px solid #ddd;
}
#pagination_page ul li a:hover{background-color: #ddd;}
#pagination_page ul li a.active {
background-color: #4e7da7;
color: white;
}
/* docs tab */
#pagination_doc ul{
display: inline-block;
padding: 0;
margin: 0;
}
#pagination_doc li{
list-style-type: none;
float: left;
}
#pagination_doc ul li a {
color: #7c7f87;
float: left;
padding: 8px 16px;
text-decoration: none;
border: 1px solid #ddd;
}
#pagination_doc ul li a:hover{background-color: #ddd;}
#pagination_doc ul li a.active {
background-color: #4e7da7;
color: white;
}
/* for technical specification */
.technical_spec_view_more {
display:none;
}
#tech_view_list_less{
display:none;
}
.tech_view {
margin-top: 15px;
}
.tech_div_view {
border-top: 0px solid #d6d7d6;
}
/*top menu css | 27-4-16 */
#sidebar-wrapper{top:0}
.p_c_wrapper #page-content-wrapper{padding-top:0px!important}
/* #honMainHeader{transition:0s} */
#honMainHeader{transition:all 0.5s ease!important}
/* .p_c_wrapper #honMainHeader{top:80px}*/
#honPageHeader{margin-top:20px}
.p_c_wrapper #sidebar-wrapper{top:auto}
.animated1{transition:all 0.5s ease!important}
/*top menu css | end */
/* row clickable*/
.tab_url_pro{cursor: pointer;
}
.page_url_doc{cursor: pointer;
}
.tab_url_pro:hover {
background-color: #edeeed !important;
}
.page_url_doc:hover {
background-color: #edeeed !important;
}
/* results display allignment */
label { margin-left: 14px;}
.form-bg label { margin-left: 0px;}
.pagination_val {
margin-bottom: 4px;
margin-left: 14px;
}
.cls {
margin-left: 5px;
margin-top: 8px;
}
.list-inline>li {
display: inline-block !important;
color : #4e7da7;
}
.pillsdoc li { background: #f0f3f5 none repeat scroll 0 0; margin-bottom: 10px;border-radius: 4px;}
.page-table{ margin-left: 15px; margin-top:8px;}
.top-title-bg {
background: #eef0f2;
display: block;
position: relative;
overflow: hidden;
padding: 10px 10px 0px 10px;
margin: 0 0 20px 0;
}
/* .overflow2{overflow:hidden!important} */
/* 31may20016 grid display change */
.honCards2 {
margin-bottom: 20px;
}
/*.honCards2 h2 {
margin-top: 0;
}*/
.honCards2 .row {
margin-right: 0;
}
.honCards2 [class*='col-'] {
padding-right: 0;
}
.honCards2 a {
text-decoration: none !important;
color: #666;
}
.honCard2 {
background: #fff;
border-radius: 4px;
height: 285px;
padding: 5px 15px 15px 15px;
margin-bottom: 15px;
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
position: relative;
}
.honCardMore,
.honCardHover,
.honCardIcon {
-webkit-transition: 200ms;
-webkit-transition-timing-function: ease-in-out;
transition: 200ms;
transition-timing-function: ease-in-out;
}
.honCard2 img {
max-height: 120px;
}
.honCard2 h3 {
margin-bottom: 10px;
}
.honCard2 .honCardMore {
position: absolute;
top: 110px;
left: 15px;
right: 15px;
text-align: center;
height: 160px;
/* white-space: nowrap; */
/* text-overflow: ellipsis; */
overflow: hidden;
z-index: 25;
}
.honCard2:hover h3 {
color: #fff;
}
.honCard2:hover p {
z-index: 19;
color:#fff;
opacity:0.8;
}
.honCard2:hover .honCardMore {
top: 30px;
height: 236px;
}
.honCard2 .honCardHover2 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 4px;
background: none;
z-index: 20;
}
.honCard2:hover .honCardHover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 4px;
background: rgba(59,135,222,0.9);
}
.honCard2 .honCardIcon {
top: 20px;
}
.honCard2:hover .honCardIcon {
opacity: 1;
margin-left: 20px;
}
#HoneywellEUCookie-Banner{
position:fixed;
top:0;
bottom:auto;
z-index:7555;
background-color: #fff;
border-bottom: 3px solid #ee3124;
border-top:none;
}
#HoneywellEUCookie-ConsentButtonDiv > button {
background: #314151 none repeat scroll 0 0;
border: medium none;
padding-bottom: 2px;
margin-bottom: 10px;
margin-top: -12px;
}
#HoneywellEUCookie-ConsentButtonDiv > button:hover{
background:#314151;
}
/* tooltip */
.help_srh {
color: #ccc !important;
position: absolute !important;
right: -12px !important;
top: 9px;
}
.type2_soc3 {
float: left;
padding: 15px;
}
/* CAROUSEL DISPLAYS - start*/
.item {
margin-bottom: 20px;
}
.item h2 {
margin-top: 0;
}
.item .row {
margin-right: 0;
}
.item [class*='col-'] {
padding-right: 0;
}
.item a {
text-decoration: none !important;
color: #666;
}
.item {
background: #fff;
border-radius: 4px;
height: 285px;
padding: 5px 15px 15px 15px;
margin-bottom: 15px;
/*box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);*/
position: relative;
}
.honCardMore,
.honCardHover,
.honCardIcon {
-webkit-transition: 200ms;
-webkit-transition-timing-function: ease-in-out;
transition: 200ms;
transition-timing-function: ease-in-out;
}
.item img {
max-height: 120px;
}
.item h3 {
margin-bottom: 10px;
}
.item .honCardMore {
position: absolute;
top: 0px;
left: 15px;
right: 15px;
text-align: center;
height: 240px;
/* white-space: nowrap; */
/* text-overflow: ellipsis; */
overflow: hidden;
z-index: 25;
}
.item:hover h3 {
color: #fff;
}
.item:hover p {
z-index: 19;
color:#fff;
opacity:0.8;
}
.item:hover .honCardMore {
top: -80px;
height: 400px;
}
.item .honCardHover2 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 4px;
background: none;
z-index: 20;
}
.item:hover .honCardHover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 4px;
background: rgba(59,135,222,0.9);
}
.item .honCardIcon {
top: 20px;
}
.item:hover .honCardIcon {
opacity: 1;
margin-left: 20px;
}
@media(max-width: 350px){
.p_c_wrapper .icon-logo, #honMainHeader .icon-logo{ width: 117px;}
.honPipeTreatment{ padding-right: 5px; padding-left: 4px;}
#page-content-wrapper #honMainHeader a#honLogo{ padding-left: 5px;}
}
@media(max-width:768px){
#page-content-wrapper #honMainHeader a#honLogo{padding-left:0px}
#page-content-wrapper #honMainHeader #honTopSearchButton{position: fixed;right: 0;}
.icon-search{background-position: -86px -200px;}
#page-content-wrapper #honMainHeader #honTopSearchButton{width:60px}
}
/* CAROUSEL DISPLAYS - End*/
/* 5-5-16_desktop-quickship css */
#id_table_items{background:#fff}
.maincontent {
background: rgb(217, 26, 47) none repeat scroll 0 0;
display: table;
}
.maincontent-left {padding:0 25px;color:#fff}
.desktop-quickship{background:}
#search_form input[type="checkbox"], input[type="radio"]{margin-right:8px}
.qsrstbtn{ border: 1px solid #000;
color: #000;
margin-right: 10px;
padding: 5px 7px;}
.search_chh{}
.search-bar-text {
margin: 8px 0;
width: 100%;
color: #000000;
}
#form_alert div{
background: red none repeat scroll 0 0;
border: 2px solid #fff;
color: #fff;
display: inline;
padding: 2px 5px;
}
#form_alert{
background: #cc0e0e none repeat scroll 0 0;
color: #fff;
margin: 0 auto 10px;
overflow: hidden;
padding: 7px;
width: 167px;
}
.qsbtn{
background: #000 none repeat scroll 0 0;
border: medium none;
font-weight: bold;
padding: 6px 11px;
}
#id_search_result td {
font-size: 12px;
word-wrap: break-word;
}
.theadclass th {
font-size: 12px;
word-wrap: break-word;
font-weight: bold;
}
.maincontent-right {background:#fff}
.pagination a{
border: 1px solid #ccc;
padding: 5px 10px;
display: block;
margin: 5px;
}
.paginator{}
.paginator_selected a{
background: rgb(217, 26, 47);
color: #fff;
}
.show_filter{
color: #3b87de !important;
}
/* 5-5-16 | end */
.hover_ef.Fvideohome {
cursor: pointer;
}
.sort-alphabet, .sort-alphabetical, .header { cursor: pointer; }
.acceptcheck {
float: left;
margin-top: 10px;
}
.acceptcheck label {
margin-top: 5px; margin-left:0px;
}
.acceptcheck input {
float: left;
margin-right: 6px !important;
}
.useragrment .modal-body { padding:15px; }
.downloadbtn .btn { }
.downloadbtn.close { float: none; opacity:1; font-size:12px; text-shadow: none; }
.Documenthide {
display:none;
}
.SoftDocumenthide{
display:none;
}
#overlay, #color-overlay {
position: absolute;
top: 0;
left: 0;
}
.loading_overlay{
position:fixed;
background:rgba(0,0,0,0.9);
top:0px;
left:0px;
width:100%;height:100%;z-index:5555
}
/* for Document Icons - Start */
.icon2.pdf-icon {
background-position: 0 -320px;
margin-right: 0 !important;
}
.icon2.stp-icon {
background-position: -25px -320px;
margin-right: 0 !important;
}
.icon2.tif-icon {
background-position: -50px -320px;
margin-right: 0 !important;
}
.icon2.jpg-icon {
background-position: -75px -320px;
margin-right: 0 !important;
}
.icon2.png-icon {
background-position: -100px -320px;
margin-right: 0 !important;
}
.icon2.docs-icon {
background-position: 0px -345px;
margin-right: 0 !important;
}
.icon2.xls-icon {
background-position: -25px -345px;
margin-right: 0 !important;
}
.icon2.exe-icon {
background-position: -49px -345px;
margin-right: 0 !important;
}
.icon2.bin-icon {
background-position: -72px -345px;
margin-right: 0 !important;
}
/* For Document Icons - End*/
#loading .fa-spin { position: absolute; top:45%; left:50%;font-size:50px;color:#fff }
.fa-spin-custom, .fa-spin {
-webkit-animation: spin 1000ms infinite linear;
animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* Added on 17 Jan 2017 */
/* added below line for space between column title & sort row (https://sensing.staging.evolusent.com/index.php?ci_id=159835&la_id=1&No=0&Nrpp=50&Ntt=sensors) */
.sort-alphabetical i.glyphicon,.sort-alphabet i.glyphicon { margin-left:10px;}
/* End */
.r_side_menu ul li object:nth-child(2){display:none; margin-bottom: 4px;
margin-left: 0px}
.r_side_menu ul li:hover object:first-child{display:none}
.r_side_menu ul li:hover object:nth-child(2){display:block;}
.mail-icon object:nth-child(2){
margin-bottom: 4.1px!important;
}
.email-page-icon object:nth-child(2),
.cart-icon object:nth-child(2){
margin-bottom: 4.1px!important;
}
.r_side_menu object{float:left;margin-bottom:5px}
.r_side_menu li { cursor: pointer; }
.r_side_menu object { cursor: pointer; }
#overlay, #color-overlay {
position: absolute;
top: 0;
left: 0;
//width: 100%;
// height: 100%;
// opacity: 0.6;
// background:rgba(1, 1, 1, 0.6) none repeat scroll 0 0;
}
.loading_overlay{
position:fixed;
background:rgba(0,0,0,0.9);
top:0px;
left:0px;
width:100%;height:100%;z-index:5555
}
#loading .fa-spin { position: absolute; top:45%; left:50%;font-size:50px;color:#fff }
.fa-spin-custom, .fa-spin {
-webkit-animation: spin 1000ms infinite linear;
animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.obj_icon svg{cursor:pointer}
.popup_icon iframe{
border: medium none;
height: 40px;
overflow: hidden;
width: 100px;
}
.popup_icon iframe:nth-child(2),
.popup_icon:hover iframe{
display:none
}
.popup_icon:hover iframe:nth-child(2){
display:block;
}
.popup_icon iframe image{cursor:pointer}
/* End */
@media screen and (max-width:768px) {
#honMainHeader #honTopSearchButton .icon-search { background-position: -16px -200px !important; }
#honMainHeader #honTopSearchButton.toggled .icon-search { background-position: -86px -200px !important; }
}
@media screen and (max-width:640px) {
#honPageContent { padding: 0px; }
.productsContent { padding: 0px !important; }
.pagination_val { margin-left: 0px; }
.endeca_prod { padding: 0px !important }
.productsContent h4 label { margin-left: 0px; }
.prd-tble { font-size: 12px !important;}
.tab_url_pro img { width: 100px;}
}
/* 19-01-2017 |Software Download Start*/
.acceptDownload {
text-align: right;
}
/* 19-01-2017 | End*/
/* 02-06-2017 | Site Map - moduleID 170440 Start*/
.mainContainer{ position: relative; overflow: hidden; margin:0 0 30px 0px; clear: both; }
.mainContainer .h2 {
font-family: HoneywellSans-Bold, Arial, sans-serif;
font-weight: bold;
font-size: 18px;
color: #191a00;
margin-top:0px;
border-bottom: 1px solid #d6d7d6;
padding-bottom: 5px;
text-transform: uppercase;
}
.mainContainer a .h2 { color:#3b87de; }
.mainContainer .h3 {
font-family: HoneywellSans-Bold, Arial, sans-serif;
font-weight: bold;
font-size: 18px;
color: #191a00;
margin-top:0px;
}
.mainContainer ul { padding-left: 15px; list-style: none; margin-right:20px; margin-bottom:20px;}
.mainContainer li:last-child {
border: none;
}
.mainContainer li {
font: 150 20px/1.5 Helvetica, Verdana, sans-serif;
list-style: none;
list-style-position: inside;
padding-left:0px !important;
}
.mainContainer li a:hover {
background: none;
color: #337ab7;
font-size: 14px;
font-weight: bold;
}
.mainContainer li a {
text-decoration: none;
color: #000;
width: auto;
-webkit-transition: font-size 0.1s ease, background-color 0.3s ease;
-moz-transition: font-size 0.1s ease, background-color 0.3s ease;
-o-transition: font-size 0.1s ease, background-color 0.3s ease;
-ms-transition: font-size 0.1s ease, background-color 0.3s ease;
transition: font-size 0.1s ease, background-color 0.3s ease;
}
.mainContainer ul.contactUs {
margin-bottom:98px;
}
@media only screen and (max-width: 800px) {
.mainContainer ul.contactUs {
margin-bottom:20px;
}
}
.sub-list { margin-left:15px;}
.industry { margin-bottom:115px !important}
.distributor { margin-bottom:106px !important}
/* 02-06-2017 | site map End*/
/* ============================================= */
/* 7.1. =Mobile Optimisations
/* ============================================= */
@media only screen and (max-width: 768px) {
.what_lo_bg .c-banner-info {
padding: 60px 30px;
}
}
@media only screen and (max-width: 480px) {
/* homepage */
.what_lo_bg {
padding: 20px 20px 0 20px;
}
.honCards2, .honGS1 {
margin: 20px;
}
#honPageContent h2 {
margin-top: 20px;
}
/*
.honCardMore,
.honCardHover,
.honCardIcon {
display: none;
}
*/
.honGS1 .col-md-2.text-right {
display:none;
}
.honCard {
height: 280px;
}
span.owl-numbers {
display: none;
}
.owl-item .item {
padding: 3px;
}
.owl-pagination .owl-page {
font-size: 5px;
line-height: 5px;
width: 8px;
height: 8px;
}
.f_support_bl .f_s_block {
min-height: auto;
}
.f_support_bl .no-paddin-left {
padding-left: auto;
}
.f_support_bl .col-md-4:nth-child(2) {
padding: auto;
}
.f_support_bl .no-paddin-right {
padding-right: auto;
}
}