/* defaults */
* { -webkit-font-smoothing: antialiased; }
html, body { scroll-behavior: smooth; margin: 0px; padding: 0px; height: 100%; font-family: "robotoregular", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #53565A; position: relative; }

:lang(cn), :lang(zh), :lang(zh-Hans), html[lang="cn"], html[lang="zh"], html[lang="zh-Hans"] { font-family: '微软雅黑', 'Microsoft YaHei', '华文黑体', 'STHeiti', '思源黑体', 'Source Hans Sans', Arial, sans-serif !important; }
:lang(ja), html[lang="ja"] { font-family:'ＭＳ ゴシック', 'MS Gothic', 'ヒラギノ角ゴ', 'Hiragino Kaku Gothic', Helvetica, Arial, sans-serif !important; }
:lang(ko), html[lang="ko"] { font-family:'맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', Helvetica, Arial, sans-serif !important; }
:lang(zh-Hant), html[lang="zh-Hant"] { font-family:'微軟正黑體', 'Microsoft JhengHei', '儷黑 Pro', 'LiHei Pro Medium', '思源黑體', 'Source Hans Sans', Helvetica, Arial, sans-serif !important; }
html body footer .fab { font-family: "Font Awesome 5 Brands" !important; color: #00426a !important; }

/* SYSTEM - swatch styles */
.swatch { border: 1px solid #000; padding: 10px; display: inline-block; cursor: pointer; }
.swatch.bg-transparent { background-image: url('https://www.agilent.com/cs/promotions/images/close.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-color: #fff; }
.swatch.active { border: 3px solid #000000; padding: 8px }
.swatches { float: right; }
.editMode .heroSlides, .editMode .modules, .editMode .form, .editMode .footers { position: relative; min-height: 100px; background-color: #fff; }
.editMode .heroSlides::before, .editMode .modules::before, .editMode .form::before,.editMode .masthead::before, .editMode .footers::before { border: 1px dashed #000; content: ""; background-size: 75px auto; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.1; }
.editMode .heroSlides::before { background-image: url('https://www.agilent.com/cs/promotions/images/view-carousel.svg'); }
.editMode .modules::before { background-image: url('https://www.agilent.com/cs/promotions/images/art-track.svg'); background-color: #fff; }
.editMode .mainNav::before { background-image: url('https://www.agilent.com/cs/promotions/images/insert-link.svg'); }
.editMode .form::before { background-image: url('https://www.agilent.com/cs/promotions/images/call-split.svg'); }
.editMode .modules .module:hover, .editMode .heroSlides .hero:hover, .editMode .module-preview:hover, .editMode .modules .module:hover .module-title, .editMode .modules .module.double-callouts:hover .callout-title, .editMode .modules .module.double-callouts:hover .callout-intro-text {  -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.editMode .modules .module:hover, .editMode .heroSlides .hero:hover, .editMode .module-preview:hover  { -webkit-box-shadow: inset 0px 1px 0px 5px rgba(0, 133, 34, 1); -moz-box-shadow: inset 0px 1px 0px 5px rgba(0, 133, 34, 1); box-shadow: inset 0px 1px 0px 5px rgba(0, 133, 34, 1); }
.nav-module-settings, .nav-callout-settings { position: absolute; right: 0; top: 0; display: inline-block; z-index: 1000; }

/* SYSTEM - modal popup styles */
.modalPopup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; background-color: rgba(0,0,0,.5); display: none; z-index: 2000; }
.module-preview .modalPopup, .editMode .modalPopups .modalPopup { position: relative; display: flex; padding: 50px 30px; border-top: 1px solid #000; z-index: 999; }
.modalPopup .popupPadding, #modalPopupList .nav-module-settings + .popupPadding { background-color: #efefef; -webkit-box-shadow: 2px 2px 13px 0px rgb(50 50 50); -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 1); box-shadow: 2px 2px 13px 0px rgb(50 50 50); border: 1px solid #333; width: calc(100% - 40px); max-width: 600px; }
.modalPopup .form-padding { max-height: calc(100vh - 300px); overflow-y: auto; padding: 10px; border-bottom: 1px solid #ccc; background-color: #fff; }
.modalPopup .form-input-group { padding: 10px 20px; margin: 0px 5px 5px 5px; position: relative; }
.modalPopup .form-input-group + .form-input-group { margin-top: 5px; border-top: 1px solid #ccc; }
.modalPopup select { padding: 3px 5px; cursor: pointer; float: right; }

#heroSlideList .form-padding, #moduleList .popupPadding, #mastheadList .popupPadding, #footerList .popupPadding, #modalPopupList .popupPadding { max-width: 1350px; max-height: calc(100vh - 100px); }
#heroSlideList .form-padding { max-height: calc(100vh - 200px); }
#heroSlideList .popupPadding { max-width: 1350px !important; }
#htmlEditor .popupPadding { max-width: 1350px; }
#systemNotice li { font-size: 14px; }
#confirmDeleteModule .modalPopup-title, #btn-close-delete-dialog:hover { background-color: #d6001c; }
#confirmDeleteModule .form-input-group { text-align: center; }
#btn-twitter-image-browse, #btn-poster-browse, #btn-video-browse, #btn-image-browse, #btn-bg-image-browse { position: absolute; right: 0; top: 23px; font-size: 11px; }
.modalPopup .modalPopup-title { margin: 0px; padding: 10px; background-color: #0085D5; color: #fff; }
.modalPopup input[type="text"] { padding: 3px 5px; width: 100%; max-width: calc(100% - 10px); margin-top: 3px; }
.modalPopup input[type="button"], .module-preview .modalPopup .btn-close-all-modal-popups { border-radius: 4px; margin: 14px; background-color: transparent; display: inline-block; font-family: "robotomedium", Arial, Helvetica, sans-serif; border: 1px solid #0085d5; font-size: 14px; color: #0085d5; padding: 12px 24px !important; text-decoration: none; float: right; cursor: pointer; margin-left: 0px; font-weight: 500 !important; line-height: 100% !important; }
.modalPopup input[type="button"]:hover { background-color: #00426a; border-color: #fff !important; color: #fff; }
#pageSettings .form-padding h3 { border-bottom: 2px solid #000; margin: 0px 10px; padding: 0px 10px 5px 10px; font-size: 18px; }
#pageSettings .form-padding .form-input-group + h3 { padding-top: 10px; }

.modalPopup input[type="checkbox"] { margin-right: 5px; }
.module-preview { border-bottom: 2px solid #000; padding: 10px; margin-bottom: 10px; }
.module-preview label { font-weight: bold; font-size: 18px; margin-bottom: 20px; margin-right: 5px; display: block; }
.module-preview input[type="button"] { float: none; }
.module-preview section { border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; -webkit-box-shadow: 2px 2px 6px 0px rgb(75 75 75); -moz-box-shadow: 2px 2px 6px 0px rgba(75, 75, 75, 1); box-shadow: 2px 2px 6px 0px rgb(75 75 75);  }
.module-preview section .btnModule, .module-preview div .btnModule { display: none; }
.module-preview:last-child { border-bottom: 0px none transparent; }
#heroSlide .module-preview { margin-bottom: 0px; }

/* SYSTEM - preview styles */
.previewMode .hero { top: 0px; left: 0px; right: 0px; bottom: 0px; display: none; }
.previewMode .hero.active { display: block; position: relative; }
.previewMode .btnModule { display: none; }

/* SYSTEM - social share styles */
#sharePreview label { font-weight: bold; text-align: center; display: block; }

/* TWITTER CARD PREVIEW */
#social-media input[type="text"] { width: 460px; }
#social-media #twitterOff, #social-media #OGOff { margin: 0px 10px 0px 10px; font-size: 12px; padding: 8px 12px; border: 1px #888b8d solid; border-radius: 5px; background-color: #d0d0ce; }
#social-media h5 { text-align: center; }
#twitter-preview { margin: 20px auto; border-bottom-color: rgb(225, 232, 237); border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(225, 232, 237); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(225, 232, 237); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(225, 232, 237); border-top-left-radius: 12px; border-top-right-radius: 12px; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; clear: both; color: rgb(0, 0, 0); cursor: pointer; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 125.422px; line-height: 18.2px; max-width: 800px; outline-offset: 0px; overflow-x: hidden; overflow-y: hidden; text-align: left; text-decoration-color: rgb(0, 0, 0); text-decoration-line: none; text-decoration-style: solid; text-size-adjust: 100%; transition-delay: 0s, 0s; transition-duration: 0.15s, 0.15s; transition-property: background-color, border-color; transition-timing-function: ease-in-out, ease-in-out; width: 438px; }
#twitter-preview #twitter-preview-image { background-size: cover; width: 125.422px; height: 125.422px; float: left; display: inline-block; }
#twitter-preview h2 { color: rgb(0, 0, 0); cursor: pointer; direction: ltr; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 18.2px; margin-block-end: 2.1px; margin-block-start: 0px; margin-bottom: 2.1px; margin-inline-end: 0px; margin-inline-start: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-height: 18.2px; overflow-x: hidden; overflow-y: hidden; text-align: left; text-overflow: ellipsis; text-size-adjust: 100%; unicode-bidi: isolate; white-space: nowrap; }
#twitter-preview p { color: rgb(0, 0, 0); cursor: pointer; direction: ltr; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18.2px; margin-block-end: 0px; margin-block-start: 4.52662px; margin-bottom: 0px; margin-inline-end: 0px; margin-inline-start: 0px; margin-left: 0px; margin-right: 0px; margin-top: 4.52662px; max-height: 54.6px; overflow-x: hidden; overflow-y: hidden; text-align: left; text-size-adjust: 100%; unicode-bidi: isolate; }
#twitter-preview #twitter-preview-text { padding: 10.5px; margin-left: 125.422px;  }
#twitter-preview span { color: rgb(136, 153, 166); cursor: pointer; direction: ltr; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18.2px; margin-top: 4.52662px; max-height: 18.2px; overflow-x: hidden; overflow-y: hidden; text-align: left; text-overflow: ellipsis; text-size-adjust: 100%; text-transform: lowercase; unicode-bidi: isolate; white-space: nowrap; }

/* FACEBOOK PREVIEW */
#facebook-preview { width:524px; margin-left: auto; margin-right: auto; border: 1px solid #dadde1; background-color: rgb(242, 243, 245); margin-top: 10px; margin-bottom: 10px; }
#facebook-preview-image { height: 274px; background-size: 100% auto; background-position: center; }
#facebook-preview-text { font-family: Helvetica, Arial, sans-serif; color: #4b4f56; font-size: 14px; padding: 10px 12px; }
#facebook-preview-text span { color: rgb(96, 103, 112); font-size: 12px; line-height: 11px; text-overflow: ellipsis; font-family: Helvetica, Arial, sans-serif; }
#facebook-preview-text h2 { color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 20px; margin: 3px 0px 0px 0px; padding: 0px; max-height: 110px; }
#facebook-preview-text p { max-height: 80px; margin: 3px 0px 0px 0px; line-height: 20px; font-size: 14px; text-overflow: ellipsis; color: rgb(96, 103, 112); padding: 0px; font-family: Helvetica, Arial, sans-serif; }

/* LINKEDIN PREVIEW */
#linkedin-preview { width:520px; margin-left: auto; margin-right: auto; border: 1px solid #dadde1; background-color: rgb(242, 243, 245); margin-top: 10px; margin-bottom: 10px; }
#linkedin-preview-image { height: 270px; background-size: 100% auto; background-position: center; }
#linkedin-preview-text { font-family: Helvetica, Arial, sans-serif; color: #4b4f56; font-size: 14px; padding: 10px 12px; }
#linkedin-preview-text span { color: rgb(96, 103, 112); font-size: 12px; line-height: 11px; text-overflow: ellipsis; font-family: Helvetica, Arial, sans-serif; }
#linkedin-preview-text h2 { color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 20px; margin: 3px 0px 0px 0px; padding: 0px; max-height: 110px; }

/* SYSTEM - buttons styles */
.btnModule { float: right; background-color: #fff; border: 2px solid #333333; opacity: .3; z-index: 10; cursor: pointer; height: 24px; width: 24px; background-size: 100% 100%; background-repeat: no-repeat; margin: 15px 10px 10px 0px; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.btnModuleSchedule { background-image: url('https://www.agilent.com/cs/promotions/images/access-alarm.svg'); }
.btnDeleteFormSection, .btnDeleteModule, .btnDeleteAccordion, .btnDeleteModalPopup { background-image: url('https://www.agilent.com/cs/promotions/images/delete-forever.svg'); }
.btnMoveModuleUp { background-image: url('https://www.agilent.com/cs/promotions/images/expand-less.svg'); }
.btnMoveModuleDown { background-image: url('https://www.agilent.com/cs/promotions/images/expand-more.svg'); }
.btnHeroSettings, .btnModuleSettings, .btnCalloutSettings, .btnModalPopupSettings, .btnNavSettings { background-image: url('https://www.agilent.com/cs/promotions/images/settings-20px.svg'); }
.btnModuleNotes { background-image: url('https://www.agilent.com/cs/promotions/images/insert-comment.svg'); }
.btnOpenImageSettings, .btnOpenHeroImageSettings { background-image: url('https://www.agilent.com/cs/promotions/images/insert-photo.svg'); position: absolute; left: 0; margin-left: 10px; }
.btnOpenVideoSettings { background-image: url('https://www.agilent.com/cs/promotions/images/ondemand-video.svg'); position: absolute; left: 0; margin-left: 10px; }
.btnOpenTextEditor, .btnOpenHTMLEditor { background-image: url('https://www.agilent.com/cs/promotions/images/edit.svg'); position: absolute; right: -10px; top: 0; margin: 0px; }
.btnOpenHTMLEditor { background-image: url('https://www.agilent.com/cs/promotions/images/code.svg'); }
.hero .btnOpenTextEditor { top: 25px; left: -12px }
.hero .btnOpenHTMLEditor { left: -12px }
.navSystem { position: fixed; z-index: 1000; border: 1px solid #000; background-color: #fff; margin: 10px; -webkit-box-shadow: 2px 2px 13px 0px rgb(50 50 50); -moz-box-shadow: 2px 2px 13px 0px rgba(50, 50, 50, 1); box-shadow: 2px 2px 13px 0px rgb(50 50 50); }
.btnOpenHeroSlideList, .btnOpenModuleList, .btnSaveDraft, .btnExportFinal, .btnOpenSharePreview, .btnPreview, .btnOpenNavList, .btnOpenFormList, .btnOpenModalList, .btnOpenSoical, .btnOpenPageSettings, .btnOpenMastheadList, .btnOpenHelp, .btnOpenImageEditor, .btnOpenModalPopupList, .btnOpenFooter { float: none; }
.navSystem .btnModule { margin: 5px; }
.btnOpenHeroSlideList { background-image: url('https://www.agilent.com/cs/promotions/images/view-carousel.svg'); }
.heroSlides .btnOpenHeroSlideList { position: absolute; right: calc(50% - 23.5px); top: calc(50% - 30px); }
.btnOpenModuleList { background-image: url('https://www.agilent.com/cs/promotions/images/art-track.svg'); }
.modules .btnOpenModuleList { position: absolute; right: calc(50% - 23.5px); top: calc(50% - 30px); }
.btnPreview { background-image: url('https://www.agilent.com/cs/promotions/images/slideshow.svg'); }
.btnOpenSharePreview { background-image: url('https://www.agilent.com/cs/promotions/images/share.svg'); }
.btnExportFinal { background-image: url('https://www.agilent.com/cs/promotions/images/input.svg'); }
.btnSaveDraft { background-image: url('https://www.agilent.com/cs/promotions/images/save.svg'); }
.editMode .navSystem .btnOpenSharePreview, .editMode .navSystem .btnExportFinal { display: none; }
.previewMode .navSystem .btnOpenSharePreview, .previewMode .navSystem .btnExportFinal { display: block; }
.navSystem .btnOpenNavList { background-image: url('https://www.agilent.com/cs/promotions/images/insert-link.svg'); }
.navSystem .btnOpenFormList { background-image: url('https://www.agilent.com/cs/promotions/images/call-split.svg'); }
.btnOpenSoical { background-image: url('https://www.agilent.com/cs/promotions/images/share.svg'); }
.btnOpenPageSettings { background-image: url('https://www.agilent.com/cs/promotions/images/share.svg'); }
.btnOpenMastheadList { background-image: url('https://www.agilent.com/cs/promotions/images/border-bottom.svg');  }
.masthead .btnOpenMastheadList { position: absolute; right: 0; }
.btnOpenFooterList { background-image: url('https://www.agilent.com/cs/promotions/images/border-top.svg'); }
.footer .btnOpenFooterList { position: absolute; right: 0; }
.btnOpenModalPopupList { background-image: url('https://www.agilent.com/cs/promotions/images/library-books.svg'); }
.btnOpenImageEditor { background-image: url('https://www.agilent.com/cs/promotions/images/brush.svg'); display: block; }
.navSystem .btnOpenHelp { background-image: url('https://www.agilent.com/cs/promotions/images/help.svg'); display: block; }
.previewMode .navSystem .btnOpenImageEditor { display: none; }
.editMode .imageWrapper:hover .btnModule, .editMode .module-intro-text:hover .btnModule, .editMode .hero-intro-text:hover .btnModule, .editMode .callout-intro-text:hover .btnModule, .editMode .accordion-intro-text:hover .btnModule, .editMode .module-title:hover .btnModule, .editMode .hero-title:hover .btnModule, .editMode .callout-title:hover .btnModule, .editMode .accordion-title:hover .btnModule { background-color: #6cf; }
.editMode .modules .imageWrapper, .editMode .modules .module-intro-text, .editMode .heroSlides .hero-intro-text, .editMode .modules .callout-intro-text, .editMode .modules .accordion-intro-text, .editMode .modules .module-title, .editMode .heroSlides .hero-title, .editMode .modules .callout-title, .editMode .modules .accordion-title { cursor: pointer; }
.module-notes { display: none; }
.previewMode .btnModule.btnModuleNotes { display: block; }
.previewMode .navSystem .btnPreview { background-image: url('https://www.agilent.com/cs/promotions/images/edit.svg'); display: block; }
.btnModule { opacity: .3; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.btnModule:hover { opacity: 1 !important; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.btnDuplicateModule { background-image: url('https://www.agilent.com/cs/promotions/images/file-copy.svg'); }
.accordion-group { position: relative; }
.accordion-group .btnAddAccordion { z-index: 1000; position: absolute; left: 0px; margin-top: 0px;  height: 24px; width: 24px; float: left; background-image: url('https://www.agilent.com/cs/promotions/images/add.svg'); }
.accordion-title .btnOpenTextEditor, .modalPopup .accordion-title .btnOpenTextEditor { left: 83px; height: 24px; width: 24px; }
.accordion-title .btnDeleteAccordion { right: 15px; height: 24px; width: 24px; }
.accordion-title .btnModule { margin: 20px 0px 0px 0px; top: 0; position: absolute;  }
.accordion-group .btnAddAccordion:hover span { left: 24px; margin-top: -2px; opacity: 1; }

/* SYSTEM - tinymce styles */
.tox-notifications-container { display: none !important; }
.tox.tox-silver-sink.tox-tinymce-aux { z-index: 3000; }

/* DESIGN - universal styles */
.page-width { max-width: 1232px; margin: 0 auto; padding: 0px; width: 100%; position: relative; }
.page-padding { padding: 0 15px; }

.border-bottom { border-bottom: 1px solid #CCC; }
.border-all { border: 1px solid #CCC; }
.bg-transparent, .bg-white, .bg-gray, .bg-dark-blue, .bg-agilent-blue {  -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.bg-white { background-color: #fff; color: #53565A; }
.module.bg-dark-blue .bg-white .module-title { color: #000; }
.bg-gray { background-color: #F2F5F7; }
.bg-dark-blue {background-color: #00426a; }
.bg-agilent-blue {background-color: #0085d5; }
.bg-dark-blue, .bg-agilent-blue, .module.bg-dark-blue .module-title, .module.bg-agilent-blue .module-title, .module.bg-agilent-blue .module-intro-text, .module.bg-dark-blue.double-callouts .callout-title, .module.bg-dark-blue.double-callouts .callout-intro-text, .callout.bg-dark-blue .callout-title, .callout.bg-dark-blue .callout-intro-text { color: white; }
.display-flex { display: flex; }
.clear-both { clear: both; }
.align-center { text-align: center; }
a { text-decoration: none; color: #0085D5; }
.bg-agilent-blue a { text-decoration: none; color: #fff; }
.bg-agilent-blue p { color: #fff; }
a:hover { text-decoration: underline; }

/* DESIGN - Masthead  */
.mastheads { position: relative; }
.masthead .page-padding { padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; }
.masthead.brand-crosslab .page-padding, .masthead.brand-dako .page-padding, .masthead.brand-infinitylab .page-padding, .masthead.brand-openlab .page-padding { padding-left: 38px; padding-right: 38px; }

/* DESIGN - hero */
.heroSlides { position: relative; }
.hero { position: relative; }
.hero .page-width { margin-bottom: -30px !important; position: relative; }
.hero .page-padding { padding: 0px; }
.hero-slider { display: flex; align-items: center; flex-direction: row; }
.hero-title { font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 43px; line-height: 47px !important; }
.hero-intro-text { font-family: "robotoregular", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 29px; }
.hero-intro-text > p { padding: 0px; margin: 0px; }
.hero-cta .cta-btn { border-radius: 5px; cursor: pointer; padding: 12px 24px; display: inline-block; border: #fff 1px solid; font-family: "robotomedium", Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; text-decoration: none; }
.hero-slider .hero-title, .hero-slider .hero-intro-text, .hero-slider .hero-cta { margin: 0px; font-weight: inherit; padding: 20px 20px 20px 20px; /* max-width: 555px; */ }
.hero-slider .hero-title + .hero-slider .hero-intro-text, .hero-slider .hero-intro-text + .hero-cta, .hero-slider .hero-title + .hero-cta { padding-top: 0px; }
.hero-slider .hero-cta  { margin-bottom: 20px; }
.hero-nav { position: relative; top: -35px; display: inline-block; background: #333 !important; border: 1px solid #d1d1d1; border-radius: 5px !important; color: #333 !important; font-size: 1px; height: 10px !important; width: 10px !important; margin-left: 40px; cursor: pointer; }
.hero-nav + .hero-nav { margin-left: 2px; }
.hero-nav.active { background-color: #0085d5 !important; }
.hero-title + .hero-intro-text { padding-top: 0px !important; }

/* DESIGN - module */
.masthead .page-width, section.masthead, .module .page-width, section.module, section.hero, .module .module-intro-text, .videoWrapper, .imageWrapper, .hero-title, .hero-intro-text, .callout-title, .callout-intro-text, .modalPopup .module-intro-text { position: relative; }
.module .page-padding { padding: 55px 38px 60px 38px; }
.module .module-intro-text { color: #53565A; }
.module.bg-dark-blue .module-intro-text { color: #ffffff; }
.module .module-title, .module .module-intro-text { width: auto; max-width: 792px; }
.module-title { position: relative; font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 37px !important; color: #000; margin-top: -3px; font-weight: normal !important; margin-bottom: 0px; }
.callout.bg-white .cta-btn, .callout .cta-btn, .module .cta-btn, .module .module-cta-btn, .modalPopup .modal-popup-cta-btn, .modalPopup .module-cta-btn { font-weight: 500 !important; border-radius: 4px; cursor: pointer; margin: 14px 5px 0px 0px; background-color: #0085D5; display: inline-block; font-family: "robotomedium", Arial, Helvetica, sans-serif; border: none; font-size: 14px; color: #fff; padding: 11px 21px; text-decoration: none; }
.callout .cta-btn:hover, .module .cta-btn:hover, .module .module-cta-btn:hover, .modalPopup .modal-popup-cta-btn:hover, .modalPopup .module-cta-btn:hover { background-color: #00426a; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }

.module.bg-dark-blue .module-cta-btn, .module.bg-dark-blue .module-cta-btn { border: 1px solid #0085D5; }
.module.bg-dark-blue .module-cta-btn, .module.bg-dark-blue .module-cta-btn { border-radius: 4px; border: 1px solid #fff; background-color: #00426A; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }

.module .module-title + .callouts { margin-top: 23px; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.module, .hero { -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }

.module .form-padding { overflow-y: initial; position: relative; max-width: 250px; border: 1px solid #ccc; float: right; padding: 15px 20px 30px 20px; margin-left: 30px; width: 100%; }
.form-padding > .callout-title { margin-top: 10px; margin-bottom: 0px; }
.module .form-input-group { padding: 10px 0px; margin: 0px 5px 5px 5px; position: relative; }
.module .form-input-group + .form-input-group { margin-top: 5px; border-top: 1px solid #ccc; }
input[type="text"] { padding: 3px 5px; width: 100%; max-width: calc(100% - 10px); margin-top: 3px; }

.module.side-form .module-title, .module.side-form .module-intro-text { max-width: calc(100% - 360px) !important; }
.module.side-form .form-padding .module-title { max-width: 100% !important; }
.module-preview .form-padding, .modalPopups .form-padding { padding: 20px 30px; }

/* DESIGN - callout */
.callouts { display: inline-flex; margin-right: -52px; width: 100%; }
.callout { display: inline-block; padding: 30px; max-width: calc(50% - 50px); width: 100%; margin-top: 10px; position: relative; }
.callout + .callout { margin-left: 30px; }
.callouts img { width: 100%; }
.callout-title { font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; color: #000; margin: 18px 0px 13px; font-weight: 500; }
.callout-intro-text { font-family: "robotoregular", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; color: #53565A; margin-bottom: -5px; word-wrap: break-word; }
.callouts .cta-btn { margin-top: 30px !important; }
.callouts.no-padding .callout { padding: 0px; background-color: transparent; max-width: 50%; }
.callouts.three-up .callout { max-width: 33%; }
.callouts.four-up { max-width: 100%; overflow: visible; }
.callouts.four-up .callout { max-width: calc(25% - 62px); min-width: calc(25% - 85px); }
.callouts.four-up .callout-title { padding-bottom: 10px; font-size: 18px; font-weight: 400; font-family: "robotoregular", Arial, Helvetica, sans-serif; line-height: 100%; }

.callouts.four-up .callout-intro-text { font-size: 13px; color: #5A6772; line-height: 1.4; }
.callouts + .module-cta-btn { margin-top: 40px; }
.ruo .page-padding { padding: 40px 38px 45px 38px; }

/* DESIGN - accordion */
.module-intro-text + .accordion-group { margin-top: 10px; }
.accordion-group + .module-cta-btn { margin-top: 30px; }
.accordion-title { position: relative; background-image: url('https://www.agilent.com/cs/agilent_images/plus.svg'); background-repeat: no-repeat; background-position: 54px 22px; margin: 0px; cursor: pointer; font-size: 24px; padding: 20px 26px 20px 120px; outline: none;  -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; font-weight: normal; font-family: "roboto", Arial, Helvetica, sans-serif; }
.accordion-title.active { background-image: url('https://www.agilent.com/cs/agilent_images/minus.svg'); }
.accordion-intro-text { position: relative; padding-bottom: 30px; }
.accordion-panel { padding: 0px 26px 0px 120px; max-height: 0px; overflow: hidden; border-bottom: 1px solid #b1b3b3 !important; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }

/* DESIGN - navigation */
.content-nav { display: flex; }
.module .content-nav .module-cta-btn { flex-grow: 1; display: inline-block; text-align: center; border-right: 1px solid #ffffff; }
.module .content-nav .module-cta-btn:last-child { border-right: 0px none transparent; }
.module.nav-module .page-padding { padding: 0px; }
.module.nav-module { padding: 0px; }
.content-nav .module-cta-btn { margin: 0px; }
.nav-module .btnModule { margin-top: 5px; }

/* DESIGN - mobile */
@media screen and (min-width: 992px) and (max-width: 1280px) {
  .hero-title { font-size: 34px; line-height: 38px !important; }
  .hero-intro-text { font-size: 18px; line-height: 25px !important; }
}
@media screen and (max-width: 991px) {
  .hero-title { font-size: 30px; line-height: 36px !important; }
  .hero-intro-text { font-size: 15px; line-height: 22px !important; }
}
@media screen and (max-width: 768px) {
  .module .form-padding { margin-bottom: 40px; margin-left: 0px; display: block; max-width: calc(100% - 62px); float: none; }
  .module.side-form .module-title, .module.side-form .module-intro-text { max-width: 100% !important; }
  .accordion-title { background-position: 10px 22px;  padding: 20px 26px 20px 50px; }
  .accordion-panel { padding: 0px 26px 0px 50px; }
  .callouts { display: block; margin-right: 0px; max-width: calc(100% - 52px); }
  .callout { display: block; max-width: 100%; }
  .callouts.no-padding { max-width: 100%; }
  .callouts.no-padding .callout { max-width: 100%; }
  .callouts.three-up .callout { max-width: 100%; }
  .callouts.four-up .callout { max-width: calc(100% - 60px); }
  .callouts.four-up { overflow: visible; }
  .callout + .callout { margin-left: 0px; margin-right: 0px; margin-top: 25px; }
}

/* DESIGN - footer */
footer p { color: #6c757d; font-size: 80%; font-weight: 400; padding-bottom: 15px; }
#footer-left, .footer-left { float: left; display: inline-block; }
#footer-left li, .footer-left li { display: inline-block; line-height: 22px !important; margin: 0 0 8px 0 !important; }
#footer-left ul, .footer-left ul { padding: 0 0 15px 0; margin: 0; list-style: none; }
#footer-right, .footer-right { float: right; display: inline-block; }
#footer-right ul { margin-top:0px; padding-top: 0px; }
#footer-right li, .footer-right li { margin-right: 1rem !important; display: inline-block; font-size: 16px; }

@media screen and (max-width:665px) {
  #footer-left, #footer-right, .footer-left, .footer-right { display: block; text-align: center; float: none }
  #footer-right, .footer-right, #footer-right ul, .footer-right ul { padding-left: 0px; margin-left: 0px; }
  #footer-right li, .footer-right li { margin-left: 12px !important; margin-right: 12px !important;}
}

input[type="submit"] { border-radius: 0 !important; -webkit-appearance: none !important; }
.elq-form { width: 100% !important; padding-top: 0px !important; }
.elq-form label { color: #212529 !important; font-weight: normal !important; margin-bottom: .5rem !important; }
.elq-formCol, .elqFieldWrap { width: 100% !important; }
.elq-form .submit-button, .elq-form .submit-button-style { border-radius: 4px !important; border: 1px solid #0085d5 !important; color: #ffffff !important; background-color: #0085d5 !important; background-image: none !important; border-color: #007bff !important; display: inline-block !important; font-weight: 400 !important; line-height: 1.5 !important; padding: 11px 21px !important; font-family: "Roboto", Arial, sans-serif, Helvetica; text-align: center !important; transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out !important; user-select: none !important; vertical-align: middle !important; white-space: nowrap !important; width: 100% !important; -moz-user-select: none !important; -ms-user-select: none !important; -webkit-user-select: none!important; height:45px !important; }
.elq-form .submit-button, .elq-form .submit-button-style { background-color: #0085d5 !important; text-decoration: none !important; border: solid 1px #0085d5 !important; }
.elq-form .submit-button:hover, .elq-form .submit-button-style:hover { background-color: #00426a !important; text-decoration: none !important; border: solid 1px #00426a !important; }
.elq-form.mktoLayoutAbove .mktoRadioList, .elq-form.mktoLayoutAbove .checkbox-label { clear: none !important; float: left !important; width: auto !important; }
.elq-form .checkbox-label, .elq-form .checkbox-aligned  {display:inline; margin-left:5px;}
.elq-form input[type=text], .elq-form input[type=url], .elq-form input[type=email], .elq-form input[type=tel], .elq-form input[type=number], .elq-form input[type=date], .elq-form textarea.elqField, .elq-form select.field-size-top-large { background-clip: padding-box !important; background-color: #ffffff  !important; border-radius: .25rem !important; border: 1px solid #ced4da !important; color: #212529 !important; display: block; line-height: 1.5 !important; padding: .375rem .75rem !important; transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out !important; }
select, textarea { background-clip: padding-box !important; background-color: #ffffff  !important; border-radius: .25rem !important; border: 1px solid #ced4da !important; color: #212529 !important; display: block; line-height: 1.5 !important; padding: .375rem .75rem !important;transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out !important;}
.elq-form select[multiple] { height: auto; }
.elq-form input[type="submit"], .elq-form .submit-button, .elq-form .submit-button-style { border-radius: 4px !important; margin-left: auto !important; margin-right: auto !important; display: inline- !important; }
label.instructions, .form-element-instruction { font-size: 14px !important; margin-top: 5px !important; padding: 6px 0pt 3px; }
.elq-form input[type="checkbox"], .elq-form input[type="radio"] { margin-left: 10px !important;   }
.elq-form span.list-order label {  margin-bottom: 5px; width: 90%; margin-left:5px; }
.elq-form select { height: calc(2.25rem + 2px); }
/* NEW FORMAT UPDATES - Bryan Myers */
.elq-form .field-size-top-medium { width: 100%; }
.elq-form .label-position.left { width: 31% !important; }
.elq-form .list-order.oneColumn { width: auto; }
.elq-form .field-wrapper.individual { float: none; }
.elq-form input[type="submit"] { width: auto !important; display: inline-block !important; margin-left: auto; margin-right: auto; }

/* BRYAN - fix for checkbox alignment on mobile */
form .heading { margin-bottom: 20px !important; padding-bottom: 20px !important; border-bottom: 1px solid #333; }

/* BRYAN - Dynamic form multi-select fixes */
.elq-form .mobileSelect .label-position.left { width: 31% !important; }
@media screen and (max-width: 991px) {
  .elq-form .mobileSelect .label-position.left { width: 100% !important; }
  .elq-form .list-order.threeColumn, .elq-form .list-order.threeColumnLeft, .elq-form .list-order.twoColumn { width: 100%; }
}
.elq-form label.no-label-spacing { padding: 0px !important; margin: 0px !important; }
.elq-form .checkbox-label, .elq-form .checkbox-aligned { left: 35px; margin-left: 0px; padding-left: 0px; }
.elq-form .checkbox-span input[type='checkbox'], .elq-form input[type='checkbox'] { position: absolute; left: 0px; }
.elq-form .single-checkbox-row input[type='checkbox'] { top: 3px !important; }
.elq-form .checkbox-label, .elq-form .checkbox-aligned  { margin-left: 0px; padding-left: 0px; left: 35px; }
.elq-form .label-position.left { min-width: 120px; }
video { width: 100%; height: auto; }

/* NEW FORM STYLES */
.elq-form .elq-field-style div.col-sm-12:nth-child(1) { max-width: 33%; position: relative; }
.elq-form .elq-field-style div.col-sm-12:nth-child(2) { max-width: 65%; }
.elq-form .col-xs-8 { width: 100% !important; }
.form2-desktop-width  { max-width: 100% !important; }
.field-control-wrapper > div { position: relative; }
.elq-form input[type="radio"] + label.checkbox-aligned { left: 30px; top: 4px; }
.elq-form .container-fluid { margin-left: auto; margin-right: auto; width: 100% !important; }
@media screen and (max-width: 991px) {
  .elq-form div.form2-mobile-width { max-width: 100% !important; }
  .elq-form .elq-field-style div.col-sm-12:nth-child(1) { max-width: 100%; }
  .elq-form .elq-field-style div.col-sm-12:nth-child(2) { max-width: 100%; }
}
.elq-heading { border-bottom: 1px solid #333; margin-bottom: 20px !important; font-size: 24px !important; margin-top: 20px; padding-bottom: 10px !important; }
.checkbox-aligned { position: relative; max-width: 90%; }
.elq-form .col-xs-12 input[type=checkbox] { left: 15px; top: 5px; position: absolute; }
.elq-form .col-xs-12 .single-checkbox-row .checkbox-aligned { left: 30px; }
.elq-form .col-xs-12 input[type=radio] { left: 0px; top: 5px; position: absolute; }
.elq-form * { font-family: 'Roboto', Arial, sans-serif, Helvetica !important; }
.field-control-wrapper div { width: 33%; display: inline-block; }
.elq-form .checkbox-label, .elq-form .checkbox-aligned { display: inline-block; max-width: calc(100% - 45px); }
@media screen and (max-width: 768px) {
  .elq-form .container-fluid { margin-left: auto; margin-right: auto; width: 100% !important; }
  .field-control-wrapper div { width: 50%; }
}

.display-none { display: none !important; }
.dynamic-checkbox { position: relative; left: 13px; }
.dynamic-label { max-width: 100% !important; }
.display-none { display: none !important; }
.elq-form .dynamic-checkbox { position: relative; margin-bottom: 0px !important; }
.dynamic-label { max-width: 100% !important; }
.dynamic-full-width { min-width: 300px; width: 50%; display: inline-block !important; }
.elq-heading { margin-top: 10px; padding-bottom: 5px !important; border-bottom: 1px solid #333; font-size: 18px !important; margin-bottom: 5px !important; margin-left: 0px; margin-right: 10px; }
.elq-form .elq-field-style { padding: 3px; }
.elq-form input[type=text], .elq-form input[type=url], .elq-form input[type=email], .elq-form input[type=tel], .elq-form input[type=number], .elq-form input[type=date], .elq-form textarea.elqField, .elq-form select.field-size-top-large {
  padding: 3px 5px !important; font-size: 12px !important;
}
.checkbox-columns { min-width: 100px; width: 33% !important; vertical-align: top; }
.checkbox-exception { width: 100% !important; vertical-align: top; }
.elq-form select { height: auto; }
.elq-form label { font-size: 14px; }
@media screen and (max-width: 1200px) { h3 { margin-top: 0px; } }

/* Additional Hermes Tweaks */
.dynamic-checkbox { left: 20px; }
.elq-form .dynamic-full-width .elq-item-label { margin-bottom: 0px !important; }
.elq-form .submit-button-style { margin-top: 20px; }

/* 12/3/2019 - Bryan Myers - Fix for checkboxes (nested) and radio vertical alignment */
.elq-form .col-xs-12 input[type=checkbox] { left: 5px; }
.elq-form .checkbox-label, .elq-form .checkbox-aligned { left: 35px; }
.elq-form .col-xs-12 .single-checkbox-row .checkbox-aligned { left: 20px; }
.elq-form .col-xs-12 input[type=radio] { top: 8px; }

.forceWhiteText .elq-heading, .forceWhiteText .elq-form label { color: #ffffff !important; }

.forceWhiteText .elq-heading, .forceWhiteText .elq-form label { color: #ffffff !important; }


/* UGLY HOT FIXES NEED TO BE SORTED */
@media screen and (min-width: 992px) {
  .btnModule:hover span {
    display: inline-block;
  }
}

.hidden-desktop { display: none; }

@media screen and (max-width: 992px) {
  .hidden-desktop { display: block; }
  .hidden-mobile { display: none; }
}

.elq-form .container-fluid { margin-left: 0px; margin-right: 0px; max-width: none; }
@media screen and (max-width: 991px) {
  .elq-form .container-fluid { width: auto !important; }
}
#form-c { padding-top: 20px; }
.navSystem .btnModule { opacity: .4; background-color: #F2F5F7; }
.btnModule:hover { background-color: #6cf; }
.btnModule span {
  background-color: #fff;
  color: #000;
  position: absolute;
  display: none;
  width: fit-content;
  white-space: nowrap;
  left: 49px;
  font-size: 14px;
  padding: 0px 8px;
  border: 2px solid #000000;
  margin-top: 8px;
  -webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
 -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none;

}
.btnDeleteModule:hover, .btnDeleteFormSection:hover { background-color: red; }
.btnDeleteFormSection { position: absolute; margin-top: 1px; left: -15px; }
.btnModuleSettings:hover, .btnHeroSettings:hover, .btnOpenPageSettings:hover, .btnOpenSharePreview:hover, .btnModuleNotes:hover { background-color: orange; }
#noteEditor .modalPopup-title { background-color: orange; }
#txt-module-bookmark-name, #txt-modal-id { width: auto; float: right; }
#noModules, #noHeroSliders { width: 50px; height: 50px; right: calc(50% - 38px); top: calc(50% - 40px); opacity: .4; }
#noModules span, #noHeroSliders span { display: none; }
.hero .page-width { margin-bottom: 0px !important; }
.callout.bg-dark-blue .cta-btn { border: 1px solid white; background-color: transparent; }
.bg-dark-blue .elq-form label{ color: #fff !important; }
.navSystem .btnModule { width: 42px; height: 42px; }
.btnOpenTextEditor, .btnOpenHTMLEditor { width: 24px; height: 24px; opacity: .2; }
.modalPopup .btnOpenTextEditor, .modalPopup .btnOpenHTMLEditor { right: -10px; left: auto; }
.modalPopup .btnOpenTextEditor { margin-top: 5px; }
.btnOpenTextEditor, .btnOpenHTMLEditor { right: auto; left: -32px; }
.modules .module:first-child .btnMoveModuleUp { display: none; }
.modules .module:last-child .btnMoveModuleDown { display: none; }
.heroSlides .hero:first-child .btnMoveModuleUp { display: none; }
.heroSlides .hero:last-child .btnMoveModuleDown { display: none; }
.nav-module .btnModule { width: 24px; height: 24px; }
#noteEditor .popupPadding { max-width: calc(100vw - 50px); width: auto; }
.systemIcon {
  float: left;
    background-color: #fff !important;
    border: 1px solid #333333;
    opacity: 1;
    z-index: 10;
    cursor: default;
    height: 24px;
    width: 24px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0px 10px 0px 0px !important;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: inherit;
}

@media screen and (max-width: 500px) {
  .module .content-nav { display: block; }
  .module .content-nav .module-cta-btn { display: block; max-width: inherit; width: auto; border-right: 0px none transparent; border-bottom: 1px solid #fff; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
}


.btnGroup { border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 5px 0px; display: inline-block; margin-top: 5px; }
.previewMode .btnGroup { display: none; }
#sharePreview .modalPopup-title { background-color: orange; }
#pageSettings .form-padding h3 {
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 0px;
}
#pageSettings .form-padding h3 .systemIcon {
    border-style: none;
    border-width: 0px;
}

/* Add save and export popups */
.previewMode .navSystem { background-color: #6cf; }
.navSystem .btnModule { opacity: .9; }
.previewMode .btnModule:hover { background-color: #6cf; }
.previewMode .btnModule.btnPreview:hover { background-color: #fff; }
.btnModule.btnFullScreenToggle:hover { background-color: gray; }
.btnModule.btnOpenSharePreview:hover { background-color: orange; }
.navSystem .btnModule.btnFullScreenToggle { margin-top: 0px; }
#noModules, #noHeroSliders { right: calc(50% - 37px); }
.btnModule.btnFullScreenToggle { background-image: url('https://www.agilent.com/cs/promotions/images/zoom-out-map.svg'); }
.previewMode .btnModule.btnFullScreenToggle { display: inline-block; }
#helpWindow .btnOpenHelp { background-image: url('https://www.agilent.com/cs/promotions/images/help.svg'); }
#helpWindow .btnOpenBrandingSite { background-image: url('https://www.agilent.com/cs/promotions/images/color-lens.svg'); }
#helpWindow .btnOpenCRF { background-image: url('https://www.agilent.com/cs/promotions/images/input.svg'); }
#helpWindow .btnModule.btnOpenHelp, #helpWindow .btnOpenImageEditor, #helpWindow .btnOpenBrandingSite, #helpWindow .btnOpenCRF { display: inline-block; float: right; width: 32px; height: 32px; }
#helpWindow .btnModule.btnOpenHelp:hover span, #helpWindow .btnOpenImageEditor:hover span, #helpWindow .btnOpenBrandingSite:hover span, #helpWindow .btnOpenCRF:hover span { right: 64px; left: auto; margin-top: 2px; }
#helpWindow .systemIcon.btnOpenHelp { float: left; }
@media screen and (max-width: 1375px) {
  .btnGroup { margin: 0px 5px; border-top: 0px none transparent; border-bottom: 0px none transparent; border-right: 1px solid #333; border-left: 1px solid #333; padding: 5px 0px; display: inline-block; }
  .navSystem { position: fixed; width: 100%; background-color: gray; margin: 0px; text-align: center; z-index: 2000; }
  .navSystem .btnModule { display: inline-block; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; padding: 0px; }
  .mastheads { padding-top: 67px; }
  .previewMode .mastheads { padding-top: 57px; }
  .navSystem .btnModule:first-child { margin-left: 8px; }
  .navSystem .btnModule:last-child { margin-right: 8px; }
  .navSystem .btnModule:hover span { display: none !important; }
  .previewMode .navSystem .btnPreview, .previewMode .navSystem .btnOpenSharePreview, .previewMode .navSystem .btnExportFinal, .previewMode .navSystem .btnOpenHelp, .previewMode .navSystem .btnFullScreenToggle { display: inline-block; }
  .btnFullScreenToggle { float: none; }
}
@media screen and (max-width: 768px) {
  .module .form-padding { max-width: calc(100% - 42px); }
  #noModules, #noHeroSliders { right: calc(50% - 34px) !important; }
}
@media screen and (max-width: 470px) {
  .navSystem .btnModule { width: 32px; height: 32px; }
  .mastheads { padding-top: 57px; }
  .previewMode .mastheads { padding-top: 47px; }
  #noModules, #noHeroSliders { right: calc(50% - 35px) !important; }
}
@media screen and (max-width: 390px) {
  .navSystem .btnModule { width: 24px; height: 24px; }
  .mastheads { padding-top: 49px; }
  .previewMode .mastheads { padding-top: 39px; }
}

.system-windows .module-preview:hover { background-color: #ddd!important; }
.module-preview label { padding-top: 15px; }

.editMode .modules .module:hover, .editMode .heroSlides .hero:hover, .editMode .module-preview:hover, .editMode .mastheads:hover .masthead, .editMode .footers:hover .footer { -webkit-box-shadow: inset 0px 1px 0px 5px rgb(0 133 34); -moz-box-shadow: inset 0px 1px 0px 5px #999; box-shadow: inset 0px 1px 0px 5px #999; background-color: rgb(245, 255, 245); }
.editMode .modalPopups .modalPopup:hover { background-color: #669966; }

.editMode .masthead:hover .btnModule, .editMode .module:hover .btnModule, .editMode .footers:hover .btnModule, .editMode .modules .module:hover .nav-module-settings .btnModule,.editMode .heroSlides .hero:hover .btnModule, .editMode .modalPopups .modalPopup:hover .btnModule, .editMode .modules .module:hover .btnOpenTextEditor,.editMode .heroSlides .hero:hover .btnOpenTextEditor, .editMode .modules .module:hover .btnOpenHTMLEditor,.editMode .heroSlides .hero:hover .btnOpenHTMLEditor { opacity: 1;}

.editMode .bg-dark-blue:hover .module-title, .editMode .bg-dark-blue:hover .module-intro-text, .editMode .bg-dark-blue:hover .accordion-title, .editMode .bg-dark-blue:hover .accordion-intro-text { color: #000; }

.previewMode .navSystem .btnSaveDraft, .previewMode .navSystem .btnOpenPageSettings, .previewMode .navSystem .btnOpenHeroSlideList, .previewMode .navSystem .btnOpenModuleList, .previewMode .navSystem .btnOpenModalPopupList { display: none !important; }
@media screen and (max-width: 768px) { .accordion-title .btnOpenTextEditor { left: auto; right: 52px; } .btnModule { margin-right: 8px; } }

.module-preview input[type="button"] { padding: 15px 30px; }
/* DESIGN - right callouts */
.right-callout .module-title { max-width: 65%; }
.right-callout .callouts { display: inline-block; float: right; max-width: 30%; margin-right: 30px; margin-left: 45px; }
.right-callout .callout { max-width: calc(100% - 30px); margin-top: 0px; }
.right-callout .module-intro-text { max-width: 65%; }

.right-callout-50-50 .module-title { max-width: 50%; }
.right-callout-50-50 .callouts { display: inline-block; float: right; max-width: 45%; margin-right: 10px; margin-left: 45px; }
.right-callout-50-50 .callout { max-width: calc(100% - 14px); margin-top: 0px; }
.right-callout-50-50 .module-intro-text { max-width: 50%; }

.presenters .callout img { float: left; max-width: 40%; margin-right: 30px; font-size: 30px; }
.presenters .callout-title { margin-left: calc(40% + 30px); margin-top: 0px; }
.presenters .callout-intro-text { margin-left: calc(40% + 30px); }

@media screen and (max-width: 768px) {
  .right-callout .module-title, .right-callout-50-50 .module-title { max-width: 100%; }
  .right-callout .callouts, .right-callout-50-50 .callouts { display: block; float: none; max-width: 100%; margin-left: 0px; }
  .right-callout .callout, .right-callout-50-50 .callout { max-width: calc(100% - 30px); margin-top: 0px; margin-bottom: 30px; }
  .right-callout .module-intro-text, .right-callout-50-50 .module-intro-text { max-width: 100%; }
}

@media screen and (max-width: 1024px) {
  .presenters .callout img { float: none; max-width: 100%; margin-right: 30px; font-size: 30px; display: block; }
  .presenters .callout-title { margin-left: 0; margin-top: 20px; }
  .presenters .callout-intro-text { margin-left: 0; }
}

/* Trusted Answers Brand styles */
.page-width { max-width: 1024px; }
.trusted-answers { padding-top: 0px; padding-bottom: 0px; }
.trusted-answers .page-padding { padding-top: 0px; padding-bottom: 0px; }
.trusted-answers .hero-title { padding-top: 10px; line-height: 18px !important; font-size: 18px !important; font-family: "roboto"; font-weight: 500 !important; padding-bottom: 0px; background-color: transparent; /*max-width: 520px;*/ }
.trusted-answers .hero-title .btnOpenTextEditor { top: 3px; }
.trusted-answers .hero-intro-text { font-size: 36px !important; line-height: 42px !important; font-family: "roboto"; font-weight: 300; background-color: transparent; /*max-width: 520px;*/ }
.trusted-answers .hero-intro-text .btnOpenHTMLEditor { top: 24px; }
.trusted-answers .hero-title + .hero-intro-text .btnOpenHTMLEditor { top: 8px; }
.trusted-answers .hero-cta { margin-bottom: 0px; background-color: transparent; /*max-width: 520px;*/ }
.module-preview section.trusted-answers { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; }
.bg-white.trusted-answers .hero-title, .bg-white.trusted-answers .hero-intro-text { color: #000; }

.trusted-answers.template2 .hero-slider { min-height: 215px; }
.trusted-answers.template2 .hero-slider .hero-cta .cta-btn { padding: 12px 24px; font-size: 16px; }

@media screen and (max-width: 940px) {
  .hero .page-width, .module .page-width { padding-left: 0px; }
  .trusted-answers.template2 .hero-slider { max-height: initial; min-height: initial; background-image: none !important; }
  .trusted-answers .hero-intro-text, .trusted-answers .hero-title { margin-right: 0px; }
}

/* Trusted Answers Editor styles */
.editMode .heroSlides .trusted-answers:hover .hero-title, .editMode .heroSlides .trusted-answers:hover .hero-intro-text, .editMode .heroSlides .bg-agilent-blue.trusted-answers:hover .hero-intro-text p, .editMode .heroSlides .trusted-answers:hover .hero-cta .cta-btn { color: #000; }
.editMode .heroSlides .trusted-answers:hover .hero-cta .cta-btn { border-color: #000; }

/* Long form styles */
@media screen and (min-width: 992px) {
  .btnModule:hover span {
    display: inline-block;
  }
}

.hidden-desktop { display: none; }

@media screen and (max-width: 992px) {
  .hidden-desktop { display: block; }
  .hidden-mobile { display: none; }
}

.elq-form .container-fluid { margin-left: 0px; margin-right: 0px; max-width: none; }
@media screen and (max-width: 991px) {
  .elq-form .container-fluid { width: auto !important; }
}
#form-c { padding-top: 20px; }
.btnModule span {
  user-select: none;
  background-color: #fff;
  color: #000;
  position: absolute;
  display: none;
  width: fit-content;
  white-space: nowrap;
  left: 31px;
  font-size: 14px;
  padding: 0px 8px;
  border: 2px solid #000000;
  margin-top: -2px;
}
#txt-module-anchor-name { width: auto; float: right; }
#noHeroSliders span { left: 24px; }
.bg-dark-blue .elq-form label { color: #fff !important; }
.bg-dark-blue .elq-form .elq-heading { border-color: #fff; }
.module-title .btnModule.btnOpenTextEditor { top: 5px; }
#moduleSettings .checkbox-columns { min-width: auto; width: auto !important; }
.hero-slider .hero-title + .hero-cta { padding-top: 20px; }
.module-cta-btn + .accordion-group, .module-cta-btn + .callouts { padding-top: 30px; }
.callouts .callout { padding-bottom: 80px; }
.callouts .callout .cta-btn { position: absolute; bottom: 30px; font-weight: 500 !important; line-height: 100% !important; }
.double-callouts .callouts { padding-bottom: 0px; }
.double-callouts .callouts .callout .cta-btn { position: initial; margin-top: 20px; }
.heroSlides .trusted-answers .hero-slider .hero-cta .cta-btn { background-color: #0085d5; color: #fff !important; border-color: #fff; transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out !important; }
.module.bg-dark-blue .module-cta-btn, .module.bg-dark-blue .cta-btn { background-color: #0085d5; color: #fff !important; border-color: #0085d5; }
.module.bg-dark-blue .module-cta-btn:hover, .module.bg-dark-blue .cta-btn:hover { background-color: #00426a; color: #fff; border-color: #fff; }
.heroSlides .trusted-answers .hero-slider.bg-dark-blue .hero-cta .cta-btn:hover, .heroSlides .trusted-answers .hero-slider .hero-cta .cta-btn:hover { background-color: #00426a; color: #fff; border-color: #00426a !important; }
.editMode .heroSlides .trusted-answers .hero-slider.bg-dark-blue:hover .hero-cta .cta-btn:hover, .editMode .module.bg-dark-blue:hover .module-cta-btn { background-color: #00426a; color: #fff; border-color: #00426a; }
.elq-form .submit-button, .elq-form .submit-button-style { padding: 12px 24px !important; height: auto !important; font-weight: 500 !important; font-weight: 500 !important; }



/* mastehead styles */
.masthead .page-padding { padding-top: 24px; padding-bottom: 24px; }
.masthead img { height: 56px; width: 261.5px; }
.masthead.brand-crosslab img { height: 56px; width: 118.5px; }
.masthead.brand-dako img { height: 44px; width: 66.3px; }
.masthead.brand-infinitylab img { height: 44px; width: 122.2px; }
.masthead.brand-openlab img { height: 43px; width: 114.7px; }
.nav-module .content-nav .module-cta-btn { border-radius: 0px !important; }
@media screen and (max-width: 1024px) {
  .masthead img { height: 48px; width: 261.5px; }
  .masthead.brand-crosslab img { height: 48px; width: 118.5px; }
  .masthead.brand-dako img { height: 44px; width: 66.3px; }
  .masthead.brand-infinitylab img { height: 38px; width: 122.2px; }
  .masthead.brand-openlab img { height: 37px; width: 114.7px; }
}

/* long form styles */
.long-form.modules { min-height: 0px; }

@media screen and (max-width: 1024px) { .long-form.modules .page-width { padding-left: 0px; } }

/* footer styles */
footer .page-padding { padding-left: 38px; padding-right: 38px; padding-top: 50px; padding-bottom: 50px; }
.footer-social { display: inline-block; float: left; }
.footer-social ul { margin: 0px 0px 40px 0px; padding: 0px; list-style: none; }
.footer-social li { display: inline-block; margin: 0px; padding: 0px; list-style: none; color: #888b8d; }
.footer-social a { display: inline-block; background-repeat: no-repeat; background-size: contain; height: 24px; margin-right: 28px; }
.footer-social li:last-child a { margin-right: 0px; }
.social-talk { background-image: url("https://image.explore.agilent.com/EloquaImages/clients/Agilent/%7Be8f52f46-3944-4d47-b69c-88713f0fd174%7D_kakaotalk-darkblue-2.png"); width: 23px; margin-top: 2px; }
.social-talk:hover { background-image: url("https://image.explore.agilent.com/EloquaImages/clients/Agilent/%7Be8f52f46-3944-4d47-b69c-88713f0fd174%7D_kakaotalk-darkblue-2.png"); }
.social-wechat { background-image: url("https://www.agilent.com/cs/promotions/images/20211025-social-media-wechat-icon-gray.svg"); width: 23px; margin-bottom: -10px; margin-right: 10px !important; cursor: default; }
.social-wechat:hover { background-image: url("https://www.agilent.com/cs/promotions/images/20211025-social-media-wechat-icon-gray.svg"); }

.social-naver { background-image: url("https://www.agilent.com/cs/promotions/images/20230831-social-media-naver-blog-icon-gray.svg"); width: 23px; margin-bottom: 0px; margin-right: 15px !important; margin-left: -10px !important; }
.social-naver:hover { background-image: url("https://www.agilent.com/cs/promotions/images/20230831-social-media-naver-blog-icon.svg"); }


.footer.bg-agilent-blue .social-wechat, .footer.bg-dark-blue .social-wechat, .footer.bg-agilent-blue .social-wechat:hover, .footer.bg-dark-blue .social-wechat:hover { filter: brightness(10); color: #fff; }
.footer.bg-dark-blue .footer-social li, .footer.bg-agilent-blue .footer-social li { color: #fff !important; }
.social-facebook { background-image: url("https://www.agilent.com/cs/promotions/images/20210414-social-media-facebook-icon-gray.svg"); width: 10px; }
.social-facebook:hover { background-image: url("https://www.agilent.com/cs/promotions/images/20210412-social-media-facebook-icon.svg"); }
.social-linkedin { background-image: url("https://www.agilent.com/cs/promotions/images/20210414-social-media-linkedin-icon-gray.svg"); width: 16px; }
.social-linkedin:hover { background-image: url("https://www.agilent.com/cs/promotions/images/20210412-social-media-linkedin-icon.svg"); }
.social-twitter { background-image: url("https://www.agilent.com/cs/promotions/images/20210414-social-media-twitter-icon-gray.svg"); width: 18px; }
.social-twitter:hover { background-image: url("https://www.agilent.com/cs/promotions/images/20210412-social-media-twitter-icon.svg"); }
.social-youtube { background-image: url("https://www.agilent.com/cs/promotions/images/20210414-social-media-youtube-icon-gray.svg"); width: 26px; position: relative; top: -2px; }
.social-youtube:hover { background-image: url("https://www.agilent.com/cs/promotions/images/20210412-social-media-youtube-icon.svg"); }
.footer-logo { display: inline-block; float: right; margin-bottom: 40px; }
.footer-logo a { display: inline-block; background-repeat: no-repeat; background-image: url("https://www.agilent.com/cs/promotions/images/20210412-logo-tagline-h-color-agilent.svg"); height: 56px; width: 261.5px; margin-top: -20px; }
.footer-links { float: left; }
.footer-links ul { margin: 0px 0px 40px 0px; padding: 0px; list-style: none; }
.footer-links li { color: #888b8d; display: inline-block; margin: 0px; padding: 0px; list-style: none; }
.footer-links li:after { content: " | "; color: #888b8d; }
.footer-links li:last-child:after { content: "" !important; }
.footer-links li a { font-size: 14px; }
.footer-logo { display: inline-block; float: right; margin-bottom: 40px; }
.footer-copyright { font-size: 12px; color: #888b8d; display: inline-block; float: right; margin: 0px 0px 40px 0px; }

@media screen and (max-width: 1024px) { footer .long-form.modules .page-padding { padding-left: 38px; padding-right: 38px; } }

@media screen and (max-width: 768px) {
  footer .page-padding { padding-left: 0px; padding-right: 0px; }
  .footer-social, .footer-logo, .footer-links, .footer-copyright { display: block; float: none; text-align: center; }
  .footer-social ul { margin-bottom: 60px; }
  .footer-links li { display: block; padding-bottom: 32px; }
  .footer-links li:last-child { display: block; padding-bottom: 0px; }
  .footer-links li:after { content: "" !important; }
  .footer-links li a { font-size: 16px; }
  .footer-logo a { background-image: url("https://www.agilent.com/cs/promotions/images/20210412-logo-tagline-h-color-agilent.svg"); }
}



.hero.bg-agilent-blue .hero-slider .cta-btn { border: 1px solid #fff !important; }
.hero.bg-white.trusted-answers .hero-cta .cta-btn { border-color: #0085d5; background-color: #0085d5; color: #fff; }
.hero.bg-white.trusted-answers .hero-cta .cta-btn:hover { border-color: #00426a; background-color: #00426a; color: #fff; }

.callout.bg-dark-blue .callout-intro-text { color: #fff; }
.module.ra-de-number { font-size: 12px; line-height: 16px; color: #888B8D; }
.modules .form-padding { position: relative; }
.callout.border-all::before, .module .form-padding:before {
  position: absolute;
  content: "";
  height: 7px;
  background: #0085d5;
  background: -moz-linear-gradient(left,  #0085d5 1%, #0085d5 52%, #00a9e0 52%, #00a9e0 76%, #00a9ea 84%, #0085d5 84%, #0085d5 92%, #00426a 92%, #00426a 100%);
  background: -webkit-linear-gradient(left,  #0085d5 1%,#0085d5 52%,#00a9e0 52%,#00a9e0 76%,#00a9ea 84%,#0085d5 84%,#0085d5 92%,#00426a 92%,#00426a 100%);
  background: linear-gradient(to right,  #0085d5 1%,#0085d5 52%,#00a9e0 52%,#00a9e0 76%,#00a9ea 84%,#0085d5 84%,#0085d5 92%,#00426a 92%,#00426a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085d5', endColorstr='#00426a',GradientType=1 );
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: 7px;
}
.callouts.four-up .callout-title .btnModule.btnOpenTextEditor { top: -7px; }

@media screen and (max-width: 1024px) {
  .masthead .page-padding { padding-left: 0px; }
}

@media screen and (max-width: 768px) {
  .callouts.four-up .callout-title {
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin: 18px 0px 13px 0px;
    font-weight: 500;
  }

  .callouts.four-up .callout-title .btnModule.btnOpenTextEditor { top: 0px; }

  .callouts.four-up .callout-intro-text {
    font-size: 16px;
    line-height: 21px;
    color: #53565a;
    margin-bottom: -5px;
  }

}
.double-callouts .callout::before {
  content: none;
  background: none;
}

.trusted-answers .hero-cta .cta-btn { padding: 12px 24px; font-size: 16px; line-height: 100% !important; border-radius: 4px !important; font-weight: 500 !important; }

.editMode .mastheads:hover .masthead.bg-agilent-blue { background-color: rgba(0, 133, 34, .3); }

/* Agilent Masthead Logo Desktop/Mobile */
.desktop-only { display: inline-block; }
.mobile-only { display: none; }
@media screen and (max-width: 768px) {
  .desktop-only { display: none; }
  .mobile-only { display: inline-block; }
  .masthead img.mobile-only { width: 119.14px; padding-left: 15px; }
}
/* color picker dump from prototype 12-24-2021 - bryan.myers@agilent.com */
.no-bullets { list-style: none; margin: 10px 0px; padding: 0px; }
.no-bullets li.full-width { display: block; }
.no-bullets li { display: inline-block; }
.no-bullets label { opacity: .25; position: relative; }
.no-bullets label span { display: none; position: absolute; z-index: 200; font-size: 10px; white-space: nowrap; background-color: #fff; border: 1px solid #000000; bottom: 25px; padding: 5px 8px; transform: translateX(-50%) }
.no-bullets input[type="radio"] { display: none; }
.no-bullets input:checked + label { opacity: 1; }
.no-bullets li:hover label { opacity: 1; }
.no-bullets li:hover label span { display: inline-block; }
#heroSettings .swatch { height: 15px; width: 15px; margin: 0px 1px; border: 2px solid #333; display: inline-block; }
.no-bullets input:checked + .swatch { border: 2px solid #000; }
.no-bullets strong { display: block; padding: 10px 0px; font-size: 10px; }
.color-options h3 { padding: 5px; margin: 0px -20px; background-color: #0085d5; color: white; text-align: center; font-size: 12px; font-weight: normal; text-transform: uppercase; }
.full-width:first-child strong { padding: 0px 0px 5px 0px; }
.no-bullets input, .no-bullets label { cursor: pointer; }
#band3-opacity, #band4-opacity { float: right; }
#band3-opacity + strong, #band4-opacity + strong { padding-top: 4px; }
#num-bands-3, #num-bands-4 { display: inline-block; }
/* don't need these except for the prototype */
.bg-agilent-blue { background-color: #0085d5; }
.bg-white { background-color: #fff; }
.clear-both { clear: both; }
.color-options {  }
.color-options-padding { border-top: 1px solid #ccc; }
.masthead-hero-preview { float: left; max-width: calc(100% - 404px); width: 100%; }
.masthead-hero-preview-padding { padding: 10px; margin: 10px; }

.editMode .heroSlides .colorBand1:before { content: "1"; }
.editMode .heroSlides .colorBand2:before { content: "2"; }
.editMode .heroSlides .colorBand3:before { content: "3"; }
.editMode .heroSlides .colorBand4:before { content: "4"; }

.template2 .colorBand1 { position: absolute; top: 0; bottom: 0; left: 0px; width: 100%; text-align: center; background-color: rgb(0, 66, 106); }
.template2.loaded .colorBand1 { width: 25px; right: auto; transition: width 800ms ease; }
.template2 .colorBand2 { position: absolute; top: 0; bottom: 0; left: calc(100% - 50px); width: 25px; background-color: rgb(0, 169, 224); text-align: center; }
.template2.loaded .colorBand2 { left: 25px; transition: all 800ms ease; }
.template2 .colorBand3 { position: absolute; top: 0; bottom: 0; left: calc(100% - 25px); width: 100%; background-color: rgb(0, 169, 224); opacity: .7; text-align: center; }
.template2.loaded .colorBand3 { left: 50px; width: 25px; transition: all 800ms ease; }
.template2 .colorBand4 { position: absolute; top: 0; bottom: 0; right: 0px; width: 0px; background-color: rgb(0, 169, 224); opacity: .6; text-align: center; overflow: hidden; }
.template2.loaded .colorBand4 { right: 0px; width: 25px; transition: all 800ms ease; }

.template1 .hero-text { max-width: calc(100% - 200px); padding-top: 10px; padding-bottom: 10px; }
.template1 .colorBand1 { position: absolute; top: 0; bottom: 0; right: 0; left: 100%; width: 0px; text-align: center; background-color: rgb(0, 169, 224); opacity: .7; }
.template1.loaded .colorBand1 { width: 50px; right: 150px; left: auto; transition: all 800ms ease; }
.template1 .colorBand2 { position: absolute; top: 0; bottom: 0; right: 0; width: 0px; background-color: rgb(0, 169, 224); text-align: center; }
.template1.loaded .colorBand2 { right: 125px; left: auto; transition: all 800ms ease; width: 25px; }
.template1 .colorBand3 { position: absolute; top: 0; bottom: 0; right: 0; width: 0px; background-color: rgb(0, 66, 106); text-align: center; }
.template1.loaded .colorBand3 { left: auto; right: 0px; width: 125px; transition: all 800ms ease; }

#heroSettings .checkbox-columns { width: auto !important; min-width: 75px; display: inline; }
#heroSettings .swatch { height: auto; width: auto; }
#heroSettings .swatch.active { border: 3px solid #000000; padding: 9px }

/* fix for form labels in callouts contained in a dark blue module */
.bg-dark-blue .callout.bg-white .elq-form label  { color: #53565A !important; }
.editMode .modules .module:hover .bg-dark-blue .elq-form label { color: #53565A !important; }
.module-preview .elq-form label { padding-top: 0px; }
.no-banner .callout::before, .no-banner .module .form-padding:before {
  position: absolute;
  content: none;
  height: 0px;
  background-color: initial;
  background: ;
  filter: none;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
#form-c { padding-top: 0px; }
.hero-text { padding-left: 20px; }
.elq-form div { font-size: 14px; }
.module.no-banner .module-title + .callouts { margin-top: 0px; }
.module.no-banner .module-title + .callouts .callout { padding-top: 0px; }
.hero-image { height: auto; position: relative; padding-left: 50px; overflow: hidden; min-height: 300px; width: 100%; max-width: calc(50% - 50px); }
.hero-image a { cursor: pointer; }
.hero-image img { display: block; position: absolute; left: calc(50% - 375px); }
@media screen and (max-width: 800px) {
  .hero-image { max-width: calc(100% - 50px); order: 1; }
  .template2 .hero-slider { flex-direction: column; }
  .hero-text { padding-top: 10px; padding-bottom: 10px; order: 2; }
}
input[name='optIn'] + label { text-align: left; }
.band3note { font-size: 10px; }

@media screen and (max-width: 640px) {
  .trusted-answers.template1 { margin-top: 20px; margin-bottom: 70px; }

  .module-preview .trusted-answers.template1 {
    margin-top: 40px !important;
    margin-bottom: 70px !important;
    padding-right: 0px;
    padding-left: 0px;
  }

  .module-preview section {
    border: 0px; */
    padding: 0px;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .trusted-answers.template1 .colorBand1 {
    top: -20px;
    height: 20px;
    bottom: auto;
    width: 100%;
    right: 0;
    left: 0;
    transition: none !important;
  }
  .trusted-answers.template1 .colorBand2 {
    bottom: -20px;
    height: 20px;
    top: auto;
    width: 100%;
    right: 0;
    left: 0;
    transition: none !important;
  }
  .trusted-answers.template1 .colorBand3 {
    bottom: -50px;
    height: 30px;
    top: auto;
    width: 100%;
    right: 0;
    left: 0;
    transition: none !important;
  }
  .template1 .hero-text { max-width: 100%; }
  .template1 .animateHero { display: none; }
}
.animateHero { background-image: url('https://www.agilent.com/cs/promotions/images/slideshow.svg'); }
.trusted-answers .hero-title { font-weight: 300; }

.elq-form .submit-button, .elq-form .submit-button-style { line-height: 100% !important; }
.module-cta-btn {
  padding: 11px 21px !important;
  font-size: 14px !important;
  line-height: 100% !important;
}
.social-talk {
  background-image: url('https://www.agilent.com/cs/promotions/images/20211025-social-media-kakaotalk-icon-gray.svg');
}
.social-talk:hover {
  background-image: url('https://www.agilent.com/cs/promotions/images/20211025-social-media-kakaotalk-icon.svg');
}
.footer-links, .footer-links a { font-size: 12px; }
.footer-links a:hover { color: #00426a; }
.footer-links { max-width: calc(100% - 286px); }
.elq-form input[type=submit], .elq-form .submit-button, .elq-form .submit-button-style { display: inline-block !important; }
@media screen and (max-width: 768px) {
  .footer-copyright { font-size: 14px; }
  .footer-links { max-width: 100%; }
  .footer-logo a { height: 48px; }
}

@media screen and (max-width: 1180px) {
  .masthead img { height: 48px; width: auto; }
  .masthead.brand-dako img { height: 38px; width: auto; }
}

.short-form .callouts .callout { padding-bottom: 40px; }

.template1 .hero-text { padding-top: 20px; padding-bottom: 15px; }

.hero-slider .hero-title, .hero-slider .hero-intro-text, .hero-slider .hero-cta { padding-right: 40px; }

#heroSlideList .popupPadding { border: 0px none transparent; }
#heroSlideList .form-padding, #heroSlideList .module-preview { padding: 0px; }

#moduleList .popupPadding { border: 0px none transparent; }
#moduleList .form-padding, #moduleList .module-preview { padding: 0px; }

.module-preview .modalPopup, .editMode .modalPopups .modalPopup { padding: 5px 0px; }
.modalPopup .popupPadding, #modalPopupList .nav-module-settings + .popupPadding { width: calc(100% - 10px); }
.modalPopup .popupPadding, #modalPopupList .module-preview { padding: 0px; }

#exportWarnings ul, #exportWarnings li { list-style: none; font-size: 14px; line-height: 58px; }

.previewMode #exportWarnings .btnModule.btnOpenPageSettings { display: block !important; float: left; line-height: 1.5; position: relative; }

#txt-meta-description { width: calc(100% - 10px); font-family: Arial,Helvetica,sans-serif; resize: none; padding: 3px 6px !important; font-size: 14px; -webkit-font-smoothing: antialiased; line-height: normal; }
#btn-twitter-image-browse, #btn-poster-browse, #btn-video-browse, #btn-image-browse, #btn-bg-image-browse, #btn-swap-title-positions { height: 25px; background-color: #ccc !important; color: #000 !important; border-color: #000 !important; padding: 0px 15px !important; border-radius: 0px !important;  }
#btn-twitter-image-browse:hover, #btn-poster-browse:hover, #btn-video-browse:hover, #btn-image-browse:hover, #btn-bg-image-browse:hover, #btn-swap-title-positions:hover { background-color: #333 !important; color: #fff !important; border-color: #000 !important; }
#btn-swap-title-positions { margin: 3px; }
.form-input-group label { font-size: 15px; }
.charCounter { font-size: 12px; float: right; }

#exportWarnings { color: red; }
#exportWarnings ul { padding-left: 0px; }
#helpWindow p, #exportWarnings li { position: relative; padding-left: 48px; clear: both; line-height: normal;; }
#helpWindow p a, #exportWarnings li a { position: absolute; top: 0; left: 0; float: left !important; margin-top: -5px; }
#exportWarnings li div { margin-top: -5px; margin-bottom: 30px; }
#exportWarnings li { padding-left: 24px; }
#helpWindow h4 { clear: both; }
#helpWindow .btnModule.btnOpenHelp:hover span, #helpWindow .btnOpenImageEditor:hover span, #helpWindow .btnOpenBrandingSite:hover span, #helpWindow .btnOpenCRF:hover span { left: 32px;  }

@media screen and (max-width: 470px) {
  label[for="sel-eloqua-tags"], #sel-eloqua-tags { width: 100%; }
  #pageSettings h3 { clear: both; }
  #helpWindow p a { margin-top: 4px; }
}

@media screen and (max-width: 1024px) { .masthead .desktop-only { padding-left: 15px; } }

@media screen and (max-width: 640px) {
  .trusted-answers.template1 { margin-bottom: 50px; padding-top: 0px; }
  .trusted-answers.template2 { margin-bottom: 0px; padding-top: 20px; }
  .trusted-answers.template2.loaded .colorBand1 {
      top: -20px;
      height: 20px;
      bottom: auto;
      width: 100%;
      right: 0;
      left: 0;
  }
  .trusted-answers.template2.loaded .colorBand2 {
      top: 0px;
      height: 20px;
      bottom: auto;
      width: 100%;
      right: 0;
      left: 0;
  }
  .trusted-answers.template2.loaded .colorBand3 {
      top: 20px;
      height: 20px;
      bottom: auto;
      width: 100%;
      right: 0;
      left: 0;
  }
  .trusted-answers.template2.loaded .colorBand4 {
      top: auto;
      height: 20px;
      bottom: 0;
      width: 100%;
      right: 0;
      left: 0;
  }
  .trusted-answers.template2 .colorBand1 {
      top: -20px;
      height: 340px;
      bottom: 0;
      width: 100%;
      right: 0;
      left: 0;
  }
  .trusted-answers.template2 .colorBand2 {
      top: 0;
      height: 320px;
      bottom: -20px;
      width: 100%;
      right: 0;
      left: 0;
  }
  .trusted-answers.template2 .hero-text {
    padding-top: 0px;
  }
  .trusted-answers.template2 .hero-intro-text {
    padding-top: 10px;
  }
  .trusted-answers.template2 .colorBand3 {
      top: 20px;
      height: 320px;
      bottom: -40px;
      width: 100%;
      right: 0;
      left: 0;
      transition: all 800ms ease;
  }
  .trusted-answers.template2 .colorBand4 {
      top: 0;
      height: 320px;
      bottom: 0;
      width: 100%;
      right: 0;
      left: 0;
  }
  .hero.trusted-answers.template2 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    overflow: hidden;
  }
  .hero-image { overflow: visible; padding-top: 20px; margin-bottom: 20px; }
  .hero-image img { left: calc(50% - 387px); }
}


.module-preview .module { border-bottom: 1px solid #ccc; }
.module-preview { background-color: #fefefe; margin-bottom: 0px; }
.module-preview .modalPopup, .editMode .modalPopups .modalPopup { padding: 30px 0px; }
.module-preview input[class="btnAddModule"], .module-preview input[class="btnAddHeroSlide"], .module-preview input[class="btnAddModalPopup"]  { margin-bottom: 30px !important; margin-top: 20px !important; }
#txt-text-editor { width: calc(100% - 30px); resize: none; }
@media screen and (max-height: 640px) {
  .modalPopup .popupPadding, #modalPopupList .nav-module-settings+.popupPadding { max-width: 100%; }
  #pageSettings .form-padding, #heroSlideList .form-padding, #moduleList .form-padding, #modalPopupList .form-padding { max-height: calc(100vh - 160px); }
  #moduleList .popupPadding, #modalPopupList .popupPadding { max-height: 100vh; }
  #modalPopupList .form-padding .form-padding { max-height: initial; }
}

.btnCloseModalPopup {
  background-image: url('https://www.agilent.com/cs/promotions/images/close.svg');
  opacity: .3;
  cursor: pointer;
  float: right;
  margin-right: 0px !important;
}
.btnCloseModalPopup:hover { opacity: 1; }

.back-to-top {
  display: inline-block;
  margin-left: calc(100% - 28px);
  margin-right: 0px;
  margin-top: 20px;
  background-image: url('https://www.agilent.com/cs/promotions/images/expand-less.svg');
  background-position: left top;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-size: 100% 100%;
  background-color: #fff;
  border: 2px solid #333333;
  transition: all .3s ease-in;
  opacity: .3;
  cursor: pointer;
  clear: both;
}
.back-to-top:hover { opacity: 1; }
.callout { padding: 0px 0px 80px 0px }
.right-callout .callout { max-width: calc(100% + 30px); }
.callout.border-all { padding: 30px 30px 30px 30px; }
.callout.has-cta-btn { padding: 30px 30px 80px 30px; }
.right-callout .callout.border-all { max-width: calc(100% - 15px); }
.left-callout .callout.border-all { max-width: calc(100% - 30px); }

.left-callout .callouts {
  float: left;
  max-width: 35%;
  margin-right: 45px;
  margin-left: 0px;
  margin-top: 12px !important;
}
.left-callout .callout { max-width: 100%; }
.left-callout .module-intro-text { margin-left: 40%; }

.left-callout-50-50 .callouts {
  float: left;
  max-width: 50%;
  margin-right: 45px;
  margin-left: 0px;
  margin-top: 12px !important;
}
.left-callout-50-50 .callout { max-width: calc(100% - 40px); }
.left-callout-50-50 .module-intro-text { margin-left: 55%; }

@media screen and (max-width: 768px) {
  .callout { padding: 0px 0px 80px 0px; }
  .callout { max-width: 100%; }
  .right-callout .callout.border-all, .right-callout-50-50 .callout.border-all, .three-up .callout.border-all { max-width: calc(100% - 60px); }
  .right-callout .callout, .right-callout-50-50 .callout, .three-up .callout { max-width: 100%; }
  .callouts.three-up { max-width: 100%; }
  .left-callout .callouts {
    display: block;
    float: none;
    max-width: calc(100% - 60px);
    margin-left: 0;
  }
  .left-callout .module-intro-text { margin-left: 0px; }

  .left-callout-50-50 .callouts {
    display: block;
    float: none;
    max-width: calc(100% - 60px);
    margin-left: 0;
  }
  .left-callout-50-50 .module-intro-text { margin-left: 0px;  }
  .left-callout .callout.border-all { max-width: 100%; }
}
.full-width-image .imageWrapper img { max-width: 100%; }
.full-width-image .module-cta-button { margin-bottom: 40px; }
.border-all.bg-dark-blue { border-color: #00426a; }
.double-callouts .callout-title { margin-top: 0px; }
.previewMode .imgRes { display: none; }
.editMode .imgRes { display: none; position: absolute; top: 0; right: 0; padding: 5px 8px; background-color: rgba(66,66,66,.7); color: #fff; opacity: .7; }
.editMode .imageWrapper:hover .imgRes { display: inline-block; -webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
 -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
      user-select: none; /* Non-prefixed version, currently
                            supported by Chrome, Edge, Opera and Firefox */ }
.modalPopup.full-width-callout .callouts { max-width: 100%; margin-right: 0px; }
.hero-text { width: 100%; }

.gtm-event-option { display: none !important; }
.gtm-event-option.active { display: block !important; }
.gtm-input { max-width: calc(100% - 65px) !important; display: inline-block; width: 100% !important; float: right; background-color: #fff; border-color: #666; border-width: 0px; text-align: right; color: #999; }
.footer.bg-agilent-blue .footer-logo a, .footer.bg-dark-blue .footer-logo a { background-image: url('https://www.agilent.com/cs/promotions/images/20210412-logo-tagline-h-white-agilent.svg'); }
.footer.bg-agilent-blue .footer-links, .footer.bg-agilent-blue .footer-links li, .footer.bg-agilent-blue .footer-links li:after, .footer.bg-agilent-blue .footer-links a, .footer.bg-agilent-blue .footer-links a:hover, .footer.bg-agilent-blue .footer-copyright, .footer.bg-dark-blue .footer-links, .footer.bg-dark-blue .footer-links li, .footer.bg-dark-blue .footer-links li:after, .footer.bg-dark-blue .footer-links a, .footer.bg-dark-blue .footer-links a:hover, .footer.bg-dark-blue .footer-copyright { color: #fff; }
.footer.bg-agilent-blue .social-facebook, .footer.bg-agilent-blue .social-linkedin, .footer.bg-agilent-blue .social-youtube, .footer.bg-agilent-blue .social-twitter, .footer.bg-dark-blue .social-facebook, .footer.bg-dark-blue .social-linkedin, .footer.bg-dark-blue .social-youtube, .footer.bg-dark-blue .social-twitter, .footer.bg-agilent-blue .social-talk, .footer.bg-dark-blue .social-talk { filter: brightness(10); }
.elq-form .elq-field-style div.col-sm-12:nth-child(2) { max-width: 100%; }
.row.custom-text-inputs { display: inline-block; width: 100%; max-width: 50%; margin-left: auto; margin-right: auto; }
.row.custom-text-inputs .layout-col.col-sm-12.col-xs-12 { padding: 0px; }
.modalPopup .custom-select { margin-left: -25px !important; margin-right: -6px !important; }
select[name='country'] { font-family: 'Roboto', Arial, sans-serif, Helvetica !important; max-width: calc(100% - 10px); padding: 3px 5px !important; font-size: 13px !important; color: #8c8c8c !important; }
.elq-form .elq-field-style { padding-bottom: 5px; }
.elq-form .elq-field-style div.col-sm-12:nth-child(1) { max-width: 100%; }

.fade { transition: opacity 0.3s ease-in; }
.fadeOut { opacity: .8; }
.fadeIn { opacity: 1; }

.no-bullets span strong { padding: 0px; margin: 0px; }

.color-options .no-bullets span { line-height: 15px; }

.tags { height: 200px; overflow-y: auto; border: 1px solid #000; padding: 0px; margin: 5px 0px; width: auto; display: inline-block; min-width: 217px; }
.tag-group, #noTagMatches { width: auto; border-bottom: 1px solid #666; padding: 3px 0px; display: inline-block; min-width: calc(50% - 6px); width: calc(50% - 6px); }
.tag-group label { min-width: calc(100% - 30px); display: inline-block; cursor: pointer; }
#noTagMatches { padding: 3px 5px; display: block; width: auto; max-width: auto;  }
.tag-group:last-child { border-bottom: 0px none transparent; }
.display-none { display: none; }
.products { margin-bottom: 20px; }

/* eloqua tagging rules */
.sel-eloqua-tags { min-width: 80px; }


/* add to editor css */
.gtm-event-option { display: none !important; }
.gtm-event-option.active { display: block !important; }
.gtm-input { max-width: calc(100% - 65px) !important; display: inline-block; width: 100% !important; float: right; background-color: #fff; border-color: #666; border-width: 0px; text-align: right; color: #999; }
.color-options .no-bullets span { line-height: 15px; }
.tags { height: 200px; overflow-y: auto; border: 1px solid #000; padding: 0px; margin: 5px 0px; width: auto; display: inline-block; min-width: 217px; }
.tag-group, #noTagMatches { width: auto; border-bottom: 1px solid #666; padding: 3px 0px; display: inline-block; min-width: calc(50% - 6px); width: calc(50% - 6px); }
.tag-group label { min-width: calc(100% - 30px); display: inline-block; cursor: pointer; }
#noTagMatches { padding: 3px 5px; display: block; width: auto; max-width: auto;  }
.tag-group:last-child { border-bottom: 0px none transparent; }
.products { margin-bottom: 20px; }
.sel-eloqua-tags { min-width: 80px; }
@media screen and (max-width: 540px) {
  .tag-group, #noTagMatches { max-width: auto; display: block; width: auto; }
  #sel-meta-tag-product { float: none; display: block; }
}
.tags { display: block; }

.editMode .bg-dark-blue:hover .module-title, .editMode .bg-dark-blue:hover .module-intro-text, .editMode .bg-dark-blue:hover .accordion-title,
.editMode .bg-dark-blue:hover .accordion-intro-text, .editMode .bg-dark-blue:hover .elq-label, .editMode .bg-dark-blue:hover .elq-field-style, .editMode .bg-dark-blue:hover .elq-form label, .editMode .bg-dark-blue:hover .elq-form .elq-heading {
    color: #000 !important;
    border-color: #000;
}
.heroSlides .colorBand { cursor: pointer; }
#band3-opacity, #band4-opacity {
  float: right;
  padding: 5px 0px 5px 5px !important;
  font-size: 13px;
}
#heroSettings .swatch.active {
  border: 3px solid #000;
  width: 13px;
  height: 13px;
  padding: 0px;
}
#heroSettings .swatch {
  border: 2px solid #000;
  width: 15px;
  height: 15px;
  padding: 0px;
}

/* add to global css */
.footer.bg-agilent-blue .footer-logo a, .footer.bg-dark-blue .footer-logo a { background-image: url('https://www.agilent.com/cs/promotions/images/20210412-logo-tagline-h-white-agilent.svg'); }
.footer.bg-agilent-blue .footer-links, .footer.bg-agilent-blue .footer-links li, .footer.bg-agilent-blue .footer-links a, .footer.bg-agilent-blue .footer-links a:hover, .footer.bg-agilent-blue .footer-copyright, .footer.bg-dark-blue .footer-links, .footer.bg-dark-blue .footer-links li, .footer.bg-dark-blue .footer-links a, .footer.bg-dark-blue .footer-links a:hover, .footer.bg-dark-blue .footer-copyright { color: #fff; }
.footer.bg-agilent-blue .social-facebook, .footer.bg-agilent-blue .social-linkedin, .footer.bg-agilent-blue .social-youtube, .footer.bg-agilent-blue .social-twitter, .footer.bg-dark-blue .social-facebook, .footer.bg-dark-blue .social-linkedin, .footer.bg-dark-blue .social-youtube, .footer.bg-dark-blue .social-twitter, .footer.bg-agilent-blue .social-talk, .footer.bg-dark-blue .social-talk { filter: brightness(10); }
.elq-form .elq-field-style div.col-sm-12:nth-child(2) { max-width: 100%; }
.row.custom-text-inputs { display: inline-block; width: 100%; max-width: 50%; margin-left: auto !important; margin-right: auto !important; }
.left-inputs .row, .right-inputs .row { display: inline-block !important; width: 100%; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
.row.custom-text-inputs .layout-col.col-sm-12.col-xs-12 { padding: 0px; }
.modalPopup .custom-select { margin-left: -25px !important; margin-right: -6px !important; }
.selCountry .layout-col.col-sm-12.col-xs-12 { padding: 0px; }
select[name='selCountry'], select[name='selState'], .trimmedList, .elq-item-select { font-family: 'Roboto', Arial, sans-serif, Helvetica !important; max-width: calc(100% - 10px); padding: 3px 5px !important; font-size: 13px !important; color: #8c8c8c !important; width: 100%; }
.elq-form .elq-field-style { padding-bottom: 5px; }
.elq-form .elq-field-style div.col-sm-12:nth-child(1) { max-width: 100%; }
.fade { transition: opacity 0.3s ease-in; }
.fadeOut { opacity: 1; }
.fadeIn { opacity: 1; }
.no-bullets span strong { padding: 0px; margin: 0px; }
.row.display-none { display: none !important; }
.left-inputs, .right-inputs { width: 100%; max-width: calc(50% - 20px); margin: 10px; padding: 20px; border: 1px solid #ddd; display: inline-block; }
.left-inputs div, .right-inputs div { padding: 0px !important; margin-bottom: -1px !important; }
.left-inputs { float: left; }
@media screen and (max-width: 540px) {
  .ppContainer { display: flex !important; flex-direction: column-reverse; padding-right: 15px; padding-left: 15px; }
  .row.custom-text-inputs { display: block; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; }
  .left-inputs, .right-inputs { max-width: 100%; margin: 0px; padding: 0px; border: 0px solid #ddd; display: block; width: 100%; }
}

.modalPopup .ppContainer, .callout .ppContainer { display: flex !important; flex-direction: column-reverse; padding-right: 15px; padding-left: 15px; }
.modalPopup .row.custom-text-inputs, .callout .row.custom-text-inputs { display: block; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; }
.modalPopup .left-inputs, .modalPopup .right-inputs, .callout .left-inputs, .callout .right-inputs { max-width: 100%; margin: 0px; padding: 0px; border: 0px solid #ddd; display: block; width: 100%; }
.modalPopup select[class='trimmedList'], .modalPopup select[name='selCountry'], .modalPopup select[name='selState'], .modalPopup .elq-item-select, .callout select[name='selCountry'], .callout select[name='selState'], .callout .elq-item-select { margin-right: 10px !important; }

#moduleList .modalPopup .elq-form .col-xs-12 input[type=checkbox] { left: -10px; }

.callout .elq-form .col-xs-12 input[type=checkbox] { left: 5px; }

.btnCloseModalPopup { background-color: #000 !important; opacity: .6; }
.ai_clinicalResearch, .ai_vacuumSolutions, .t_dissolution, .t_electrophoresis, .t_flowCytometers, .t_microplates, .t_vacuumTechnologies { min-width: 300px; width: 50%; display: inline-block !important; }
.elq-form label { margin-bottom: 0px !important; }
input[type="checkbox"], label { cursor: pointer; }
.row.custom-text-inputs { max-width: none !important; }
/* THIS CLASS IS REQUIRED FOR CONTACT 2 FUNCTIONALITY */
.chkContact2Hide { display: none !important; }
.elq-required.error { color: #c00 !important; font-size: 10px; font-weight: 700; margin: 0 0 0 5px; }
.callout.bg-no-bar:before { background: none !important; }
.styleWrite {
  font-size: 12px;
  display: relative;
  display: inline-block;
  margin-left: 5px;
}
.info-icon {
  background-image: url('https://www.bryan-myers.com/images/svg/web-terms.svg');
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: 100%;
  margin-bottom: -5px;
  margin-right: 5px;
}
.write-rule {
  position: fixed;
  display: none;
  z-index: 1000;
  background-color: rgba(0, 66, 106, .9);
  color: white;
  margin: 5px 30px 5px 5px;
  padding: 5px 10px;
  border-radius: 5px;
  border: 2px solid black;
  box-shadow: 0px 5px 12px -4px #000000;
}

.styleWrite:hover .write-rule {
  display: inline-block;
}
.form-input-group label { font-weight: bold; }

div[class*="ai_"], .hdrAppInterest, div[class*="t_"], .hdrTechniques { position: relative; }
.apps-filters, .techs-filters {
  display: inline-block;
  font-family: 'Roboto', Arial, sans-serif, Helvetica !important;
  max-width: calc(100% - 10px);
  padding: 3px 5px !important;
  font-size: 13px !important;
  color: #8c8c8c !important;
}
.btn-reset-apps { margin-top: -2px; }
.app-options, .apps-settings, .tech-options, .tech-settings { z-index: 1000; display: block; position: absolute; top: 5px; right: 0; float: right; clear: none; margin-right: 20px; }
.btn-show-option, .btn-hide-option, .btn-preset-option, .btn-reset-apps, .btn-reset-techs, .btn-default-option { display: inline-block; font-size: 10px; border: 1px solid white; cursor: pointer; background-color: blue; color: white !important; padding: 0px 5px; }
.tox-notification.tox-notification--in.tox-notification--warning { visibility: hidden; }


.modalPopup .long-form-style .ppContainer {
  flex-direction: row-reverse !important;
}

 .modalPopup .long-form-style .left-inputs, .modalPopup .long-form-style .right-inputs {
  width: 100% !important;
  max-width: calc(50% - 20px) !important;
  margin: 10px !important;
  padding: 20px !important;
  border: 1px solid #ddd !important;
  display: inline-block !important;
}

.previewMode .app-tech-hide, .previewMode .apps-settings, .previewMode .tech-options, .previewMode .app-options  { display: none !important; }
.editMode .app-tech-hide { opacity: .25; }
.previewMode .app-tech-hide input { display: none !important; pointer-events:none; }
.app-tech-hide input { pointer-events:none; }

/* odd address1 field showing up so manually removing it from display */
.address1 { display: none !important; }


/* odd fix for double callouts */
.double-callouts .callout + .callout.has-cta-btn .cta-btn {
  margin-top: 30px !important;
}

.full-width-image .module-cta-btn {
  margin-bottom: 30px;
}

.full-width-image .module-title + .imageWrapper { margin-top: 20px; }