.estore-content .item-description .more {
    text-align: justify;
};
/*bower overwrites*/
.accordion .accordion-navigation > a, .accordion dd > a { background: #efefef; color: #222222; padding: 1rem; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; }

td label.inline-block { display: inline-block; }

td .switch.supertiny { display: inline-block; top: .16rem; }

.switch.supertiny label { width: 2.6rem; height: 1rem; overflow: hidden; }

.switch.supertiny label:after { width: 1rem; height: 1rem; top: 0; left: .1rem; }

.switch.bluered label { background-color: #D25B39; }

.switch.bluered label:after { content: "\f00d"; text-indent: 1.5rem; font: normal normal normal 12px/1.4 'FontAwesome'; color: #fff; position: relative; top: 0; left: 0; }

.switch.bluered input:checked + label { background-color: #3CB4E6; }

.switch.supertiny input:checked + label:after { left: 1.55rem; content: "\f00c"; text-indent: -1rem; }

.tabs dd > a, .tabs .tab-title > a { display: block; background-color: #efefef; color: #222222; padding: 1rem 2rem; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #222222; text-rendering: optimizeLegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; }

/* foundation overwrite */
p { margin-bottom: 12px; margin-bottom: 1.25rem; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select { height: 2.11rem; }

/*STM-7810 and STM-7848 don't let user to type email in upper case*/
input[type="email"] { text-transform: lowercase; }

input[type="file"] { margin-top: 5px; }

input.search-bar { height: 2.3125rem; }

label.encapsulate { margin-bottom: 10px; margin-bottom: 1rem; }

label.encapsulate.inline { display: inline-block; margin-right: 10px; }

label.encapsulate input[type="checkbox"], label.encapsulate input[type="radio"] { margin: 0 5px 0 0; }

label.encapsulate.error .error { display: inline-block; margin: 0 0 0 10px; }

body, p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

table tr th, table tr td { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

.ok-to-break-word { word-break: break-word; }

table thead tr th, table thead tr td { font-size: 14px; font-weight: normal; }

#stmicro .cookies-policy table tr th, #stmicro .cookies-policy table tr td { word-break: break-all; }

table img { max-width: none; }

table.centered tr td { text-align: center; }

table.detailed-agenda tr th, table.detailed-agenda tr td { padding: 0.5rem 0.2rem; }

input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 0; vertical-align: baseline; }

label + a.companion { font-size: 0.775rem; margin-left: -0.5rem; }

.uppercase { text-transform: uppercase; }

.gap-10 { width: 10%; }

.gap-90 { width: 90%; }

table tr { border-bottom: 1px solid #dfdfdf; }

table { border: 0; width: 100%; }

table thead.pre-table-header { background: none; }
table thead.pre-table-header tr { border: none; }

small { font-size: 85%; }

ul, ol, dl { font-size: 13px; line-height: 1.5; }

ul.dashes { border-bottom: 2px solid #eaeaea; margin: 0 -3px 16px; list-style: none; }
ul.dashes li { padding: 0 3px 16px 13px; position: relative; }
ul.dashes li:last-child { padding-bottom: 10px; }
ul.dashes li:before { content: "-"; position: absolute; left: 3px; }

a { color: #3CB4E6; }

a:hover { color: #3CB4E6; }

a:focus { color: #3CB4E6; }

a#rssFeedLink img { vertical-align: baseline; }

button, .button { background: none; color: #03234b; border: 1px solid #03234b; }

button:hover, button:focus, .button:hover, .button:focus { background: none; color: #03234b; }

p.lead { font-size: 17px; color: #505251; font-weight: bold; margin-bottom: 1.75rem; }

input[type="number"] { position: relative; margin: 0 0 1rem; border: 1px solid #BBB; border-color: #BBB #ECECEC #ECECEC #BBB; padding: .1rem; padding-left: .3rem; }

.error input[type="number"] { margin-bottom: 0; }

img.img-responsive { width: 100%; height: auto; }

/* Spin Buttons modified */
input[type="number"].mod::-webkit-outer-spin-button, input[type="number"].mod::-webkit-inner-spin-button { -webkit-appearance: none; background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center; width: 1em; border-left: 1px solid #BBB; opacity: .5; /* shows Spin Buttons per default (Chrome >= 39) */ position: absolute; top: 0; right: 0; bottom: 0; }

input[type="number"].mod::-webkit-inner-spin-button:hover, input[type="number"].mod::-webkit-inner-spin-button:active { box-shadow: 0 0 2px #0CF; opacity: .8; }

/* helper block */
.hidden { display: none; }

.right { float: right; }

.no-padding { padding-bottom: 0; }

.no-padding-bottom { padding-bottom: 0; }

.padding-10 { padding: 10px; }

.padding-20 { padding: 20px; }

.padding-left-20 { padding-left: 20px; }

.padding-left-10 { padding-left: 10px; }

.padding-left-15 { padding-left: 15px; }

.padding-left-75 { padding-left: 75px; }

.padding-right-15 { padding-right: 15px; }

.padding-right-10 { padding-right: 10px; }

.padding-bottom-25 { padding-bottom: 25px; }

.padding-bottom-10 { padding-bottom: 10px; }

.padding-top-10 { padding-top: 10px; }

.no-margin { margin: 0; }

.margin-top-85 { margin-top: 85px !important; }

.margin-top-75 { margin-top: 75px !important; }

.margin-top-50 { margin-top: 50px !important; }

.margin-top-25 { margin-top: 25px !important; }

.margin-top-15 { margin-top: 15px !important; }

.margin-top-5 { margin-top: 5px; }

.margin-bottom-50 { margin-bottom: 50px; }

.margin-bottom-25 { margin-bottom: 25px; }

.margin-bottom-15 { margin-bottom: 15px; }

.margin-bottom-10 { margin-bottom: 10px; }

.margin-bottom-5 { margin-bottom: 5px !important; }

.align-center { text-align: center; }

.block { display: block; }

img.centerize { margin: 0 auto; }

.quickview { /*width: 20% !important;*/ }

.design { /*width: 20% !important;*/ }

.briefcase { /*  width: 24% !important;*/ /*  padding-left: 5px !important; padding-right: 5px !important;*/ }

.samplebuy { /* width: 30% !important;*/ }

.quality { /* width: 30% !important;*/ }

.quickview-logged { /*  width: 17% !important; padding-left: 5px !important; padding-right: 5px !important;*/ }

.design-logged { /*  width: 12% !important; padding-left: 5px !important; padding-right: 5px !important;*/ }

.samplebuy-logged { /*  width: 20% !important; padding-left: 5px !important; padding-right: 5px !important;*/ }

.quality-logged { /*  width: 27% !important; padding-left: 5px !important; padding-right: 5px !important;*/ }

.lightblue-text { color: #3CB4E6; }

h1 { margin: 0; font-size: 20px; line-height: 120%; color: #03234b; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

h2 { margin: 10px 0 10px; font-size: 16px; line-height: 18px; color: #505251; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h2.alt { color: #03234b; }
h2.with-styling { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 1.25rem 0 1.1875rem; padding: 20px 0 19px 0; }

h2.design-support-calculators { margin: 10px 0 10px; font-size: 14px; line-height: 18px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #03234b; padding: 10px 10px; }

h3 { font-size: 0.95rem; font-weight: bold; color: #03234b; }

h3.side-bar { border-bottom: 1px solid #ebeff2; border-top: 1px solid #ebeff2; font-weight: normal; margin: 0 0 19px; padding: 15px 0 13px; text-transform: uppercase; }

.img-text-left { padding-left: 15px; }

.bottom-line { border-bottom: 1px solid #000; }

label { font-size: 0.775rem; }

img { vertical-align: middle; }

.row { max-width: 1200px; }

@media only screen and (max-width: 40.063em) { .row .item-thumbnail { float: none; width: 100%; text-align: left; margin-bottom: 0.9375rem; }
  .row .item-info { float: none; padding: 0 0.9375rem; width: 100%; }
  .sticky { position: relative !important; /*float: left;*/ }
  .viewport-mobile-font-size-pagination ul.pagination li { font-size: 80%; } }
.rcrumbs { white-space: nowrap; }
.rcrumbs > ul { padding: 0; list-style: none; }
.rcrumbs > ul > li { overflow: hidden; display: none; }
.rcrumbs > ul > li.show { display: inline-block; }
.rcrumbs > ul > li.ellipsis { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }

.breadcrumbs { background: none; border: 0; margin: 0; padding-left: 0; padding-right: 0; }

.breadcrumbs > * a { color: #8f8f8f; }

.breadcrumbs > *.current a { color: #00214f; font-weight: bold; }

.breadcrumbs > *:before { content: "\203A"; top: -1px; color: #666666; }

.breadcrumbs > * { text-transform: none; }

.obsolete { color: #8f8f8f; }

.dropdown.button, button.dropdown { padding: 0; }

.dropdown.button:after, button.dropdown:after { border: 0; margin: 0; }

.home-news-list { margin-bottom: 0; }

#home-events-list p { margin-bottom: 15px; }

.home-news-list > li:last-child { margin-bottom: 0; }

.home-news-list > li { margin-bottom: 15px; height: 44px; }

.home-news-list .la-date { float: left; display: block; border-right: 1px solid #e8e6e6; padding-right: 15px; margin-right: 15px; font-weight: bold; text-align: center; line-height: 20px; color: #03234b; }

.home-news-list .la-date span { font-size: 1.50rem; }

.home-news-list + .see-more { position: relative; left: 65px; }

.panel-news-and-highlights .s-news-and-highlights { overflow-y: hidden; }
.panel-news-and-highlights .s-news-and-highlights.dynamic-newsHighlights > p:nth-child(n+4) { display: none; }

#header { padding: 15px 0; }

.nav-layout-2 .sf-menu { display: none; }

.top-nav-right { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

.top-nav-right li { line-height: 1; padding-left: 16px; }

.top-nav-right-container { padding: 0; font-family: Arial, Helvetica, sans-serif; }

.top-nav-right, #top-nav-left { list-style: outside none none; margin: 0px 0 0; }

.top-nav-right > li, #top-nav-left > li { float: right; }

.top-nav-right > li > a { display: block; border-left: 1px solid #e9e9e9; color: #03234b; padding: 10px 0px 10px 16px; height: 30px; }

.top-nav-right .empty-zone { width: 20%; }

.top-nav-right > li > a:hover { color: #3CB4E6; }

/*
.top-nav-right > li:first-child > a { border-left: 0;
}
*/
.top-nav-right > li:last-child > a { /*padding-right: 20;*/ border: none; }

.icon-parametric { background: url(st-site/media/app/images/icon_parametricsearch.png) no-repeat 8px 0; }

.icon-parametric:hover { background: url(st-site/media/app/images/icon_parametricsearch.png) no-repeat 8px -30px; }

.icon-myst { background: url(st-site/media/app/images/icon_signin.png) no-repeat 8px 0; }

.icon-myst:hover { background: url(st-site/media/app/images/icon_signin.png) no-repeat 8px -30px; }

.icon-avatar { /*background: url(st-site/media/app/images/icon_avatar.png) no-repeat 8px 0;*/ text-align: center; }
.icon-avatar img { margin: 0 auto; max-height: 21px; width: auto; }

.icon-social {
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  vertical-align: middle;
  margin-top: -0.9em;
}
a:hover .icon-social:before {
  position: absolute;
  width: 1.8em;
  height: 1.8em;
  display: block;
  content: ' ';
  background: rgba(0, 32, 82, 0.2);
  border-radius: 5px;
}
.icon-social-instagram {
  background: url(st-site/media/app/images/icon_instagram.svg) no-repeat;
  background-size: contain;
}

.icon-cart { background: url(st-site/media/app/images/icon_cart.png) no-repeat 8px 0; }

.icon-cart:hover { background: url(st-site/media/app/images/icon_cart.png) no-repeat 8px -30px; }

.icon-language { background: url(st-site/media/app/images/icon_language.png) no-repeat 8px 0; }

.icon-language:hover { background: url(st-site/media/app/images/icon_language.png) no-repeat 8px -29px; }

.icon-logout { background: url(st-site/media/app/images/icon_logout.png) no-repeat 8px 0; }

.icon-logout:hover { background: url(st-site/media/app/images/icon_logout.png) no-repeat 8px -30px; }

.file-icon-parent-container { overflow: hidden; }

.file-icon-container { margin-right: -65px; }

.file-icon { display: inline-block; padding-right: 65px; }

.replies { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #ddd; padding: 3px 12px 2px; position: relative; }
.replies:after { content: ""; position: absolute; bottom: -5px; left: 6px; border-width: 5px 5px 0 0; border-style: solid; border-color: #f2f2f2 transparent; display: block; width: 0; }

table.dataTable.hover tbody tr:hover .replies, table.dataTable.hover tbody tr.odd:hover .replies, table.dataTable.hover tbody tr.even:hover .replies, table.dataTable.display tbody tr:hover .replies, table.dataTable.display tbody tr.odd:hover .replies, table.dataTable.display tbody tr.even:hover .replies { background-color: #fff; }
table.dataTable.hover tbody tr:hover .replies:after, table.dataTable.hover tbody tr.odd:hover .replies:after, table.dataTable.hover tbody tr.even:hover .replies:after, table.dataTable.display tbody tr:hover .replies:after, table.dataTable.display tbody tr.odd:hover .replies:after, table.dataTable.display tbody tr.even:hover .replies:after { border-color: #fff transparent; }

/*
#design-scroll { height: 15px;
}*/
#top-nav-left > li > a { display: block; padding: 6px 15px; color: #03234b; }

#menu-footer-container { background: #03234b; margin-bottom: 1.25rem; margin-top: 20px; }

.home-wrapper #menu-footer-container { margin-top: 0; }

#menu-footer { padding: 0 !important; margin: 0 !important; }

ul#menu-footer li ul { margin-top: 15px; }

#menu-footer > li { padding: 1.25rem; padding-top: 0; padding-bottom: 0; margin-bottom: 20px; margin-top: 20px; border-left: 1px solid #15305f; font-family: Arial, Helvetica, sans-serif; color: #ffffff; }

#menu-footer a { color: #3CB4E6; font-size: 0.80rem; }

#menu-footer a:hover { color: #fff; }

#accordion-home { margin: 0px 0 3px; }

#accordion-home .accordion-navigation > a { clear: both; border-top: 3px solid #ffffff; background: #d1d0d3; color: #fff; font-size: 14px; padding-top: 10px; padding-bottom: 10px; transition: all 0.25s ease-out; display: block; }

#accordion-home .accordion-navigation > a:hover { background: #7c868d; }

#accordion-home > li > div { padding-top: 20px; }

#accordion-home h4 { margin-top: 8px; }

/*#accordion-home .edesign h4 { margin-bottom: 15px;
}*/
#accordion-home .button.small { margin-bottom: 15px; }

/*#accordion-home .edesign p.titlebar { display: none;
}*/
.sub-acc-1 { margin-left: 15px; }

.basic-padding-head { padding-top: 50px; }

.text-muted { color: #a3a2a7 !important; }

.text-info { color: #03234b !important; }

.text-primary { color: #03234b !important; }

.text-green { color: #bbcc01 !important; }

.text-red { color: #d45656 !important; }

.text-dark-blue { color: #03234b !important; }

.postfix.button { border: 1px solid #ccc; border-left: 0; }

input[type="text"] { border-right: 1px solid #cccccc; box-shadow: none; }

#navlvl1.tabs .tab-title > a { font-size: 14px; background: #03234b; color: #fff; border-bottom: 1px solid #000; font-weight: bold; }

#navlvl1.tabs .tab-title:last-child > a { border-bottom: 0; }

#navlvl1.tabs .tab-title > a:hover, #navlvl1.tabs .tab-title.active > a { color: #03234b; background: #fff; border-right: 1px solid #ccc; }

#navlvl11.tabs { /*border-left: 1px solid #ccc;*/ }

#navlvl11.tabs .tab-title > a { font-size: 14px; background: #3CB4E6; color: #fff; border-bottom: 1px solid #000; font-weight: bold; }

#navlvl11.tabs .tab-title:last-child > a { border-bottom: 0; }

#navlvl11.tabs .tab-title > a:hover, #navlvl11.tabs .tab-title.active > a { color: #3CB4E6; background: #fff; }

.f-dropdown.content { max-width: 1000px; width: 212px; border-top: 3px solid #03234b; top: 59px !important; padding: 0; background: url(st-site/media/app/images/menubg.png) repeat-y #fff; }

.boxed-checkbox { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #d1d0d3; border-bottom: 1px solid #d1d0d3; margin-bottom: 15px; float: left; width: 100%; }

.f-dropdown:before, .f-dropdown:after { border: 0; display: none; }

.tabs.vertical { width: 210px; }

.lvl11 { float: left; display: none; }

.lvl111 { float: left; display: none; width: 400px; padding: 10px 20px; }

@media only screen { #menu-footer > li { float: none; } }
@media only screen and (min-width: 40.063em) { #menu-footer > li { float: left; } }
.form-search { margin-right: 15px; }

.search-bar { margin-bottom: 5px !important; }

#form-search { padding-top: 0px; }

.form-search-desktop-container { margin-top: 0px; }

.form-search-desktop { margin-right: 15px; }

@media only screen and (max-width: 40.063em) { .form-search-desktop-container { margin-top: 20px; }
  .mobile-table { overflow-x: scroll; }
  img.mobile-width100 { width: 100%; } }
@media only screen and (min-width: 40.063em) and (max-width: 64.063em) { .form-search-desktop-container { margin-top: 20px; } }
.button-row { text-align: center; }

@media only screen and (min-width: 64.063em) { .button-row { text-align: left; } }
.search-bar { margin-bottom: 5px !important; }

#form-search-desktop { padding-top: 0px; }

#breadcrumb-container { background: #fcfcfc; border-top: 1px solid #e1e6e8; border-bottom: 1px solid #e1e6e8; }

.page-header { padding: 20px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #bac5cb; /*text-transform: uppercase;*/ }
.page-header.seo { height: 0; margin: 0; overflow: hidden; padding: 0; visibility: hidden; }
.page-header.static-external { border-bottom: none; }

.stand-alone .page-header { margin-bottom: 40px; }

.page-header-events { background: url(st-site/media/app/images/event-header-background.gif) no-repeat 100% 50%; background-size: auto 100%; padding: 27px 28px 25px; }
.page-header-events h1 { color: #3CB4E6; float: left; font-size: 40px; font-weight: normal; margin-bottom: 10px; padding: 12px 27px 0 0; max-width: 484px; }
.page-header-events .event-details { border-left: 1px solid #d4d4d4; color: #03234b; float: left; font-size: 16px; line-height: normal; min-height: 100px; padding: 25px 0 12px 27px; }

#page-header-menu { margin: 0; float: right; }

#page-header-menu > li { display: inline-block; /*  float: left;*/ list-style: none; margin-right: 20px; }

#page-header-menu > li:last-child { margin-right: 0; }

#page-header-menu > li > a { padding-bottom: 5px; display: inline-block; /* padding-top: 2px; */ padding-left: 22px; color: #03234b; }

#page-header-menu a.back { padding-left: 0; }

#page-header-menu > li > a:hover { color: #3CB4E6; }

#page-header-menu a.save { background: url(st-site/media/app/images/viper17/icon_savetomyst.png) no-repeat 0 0; }

#page-header-menu a.save:hover { background: url(st-site/media/app/images/viper17/icon_savetomyst.png) no-repeat 0 -22px; }

#page-header-menu a.share { background: url(st-site/media/app/images/viper17/icon_share.png) no-repeat 0 0; }

#page-header-menu a.share:hover { background: url(st-site/media/app/images/viper17/icon_share.png) no-repeat 0 -22px; }

#page-header-menu a.print { background: url(st-site/media/app/images/viper17/icon_print.png) no-repeat 0 0; }

#page-header-menu a.print:hover { background: url(st-site/media/app/images/viper17/icon_print.png) no-repeat 0 -22px; }

@media only screen and (max-width: 40.063em) { .page-header-events h1 { font-size: 30px; }
  .page-header-events .event-details { border: none; min-height: 0; padding: 0; }
  .percent100mobile { width: 100% !important; }
  #page-header-menu { margin-top: 20px; float: none; }
  #page-header-menu > li { float: none; }
  #page-header-menu > li a { /*display: block;*/ }
  .top-nav-right > li > a:hover { color: #3CB4E6; }
  .center-form-mobile { text-align: center !important; }
  .contact-us-map-container { width: 100%; height: 200px !important; margin-top: 20px; margin-bottom: 20px; }
  .mobile-margin-top-5 { margin-top: 5px; }
  .mobile-margin-top-25 { margin-top: 25px; } }
.darkblue { color: #03234b; }

.smaller-date { font-size: 11px; }

.home-news-list a { font-family: Arial, Helvetica, sans-serif; }

.la-date { padding-right: 20px; }

h4.roboto { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #03234b; }

.roboto { font-family: Arial, Helvetica, sans-serif; }

.roboto-bold { font-family: Arial, Helvetica, sans-serif; }

.tabs-content.s-navigation h2 { margin: 0; padding: 10px 0 5px; }
.tabs-content.s-navigation .s-section { margin-bottom: 15px; }
.tabs-content.s-navigation .s-section a { display: block; }

.tabs-content.s-navigation [class*="column"] + [class*="column"]:last-child { float: left; }

.tabs-viper17 > a, .tabs-viper17 .tab-title > a { background: none repeat scroll 0 0 #03234b; color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 13px; border-right: 1px solid #FFF; text-align: center; text-transform: uppercase; padding: 0.95rem; transition: all 0.25s ease-out 0.00s; }

.tabs-applicationcustomer.tabs dd > a.last, .tabs-applicationcustomer.tabs .tab-title > a.last { border: none !important; }

.tabs-viper17 a.active, .tabs-viper17 .tab-title a.active { background: none repeat scroll 0 0 #3CB4E6; border-right: 1px solid #FFF; color: #fff; }

.overwrite-autosizing-2 a { width: 50%; }

.tabs-viper17 > a:hover, .tabs-viper17 .tab-title > a:hover { background: none repeat scroll 0 0 #3CB4E6; border-right: 1px solid #FFF; color: #fff; }

.tabs-viper17 { display: table; width: 100%; }
.tabs-viper17 .tab-title { float: left; }
.tabs-viper17 a { display: table-cell; padding-left: 5px; padding-right: 5px; }
.tabs-viper17 a.hidden { display: none; }
.tabs-viper17.partner a { width: 25% !important; }

@media only screen and (max-width: 40.063em) { .tabs-viper17 a { margin-bottom: 5px; }
  .tabs-viper17 .tab-title a { margin-bottom: 5px; }
  .tabs-viper17.partner a { width: auto !important; } }
.detailed-registration-navigation { background-color: #03234b; width: 100%; margin-bottom: 2px; }
.detailed-registration-navigation a { background: none repeat scroll 0 0 #03234b; border-right: 1px solid #FFF; color: #fff; display: table-cell; float: left; font-family: "Roboto Slab", "Times New Roman", Georgia, sans-serif; font-size: 13px; padding: 0.95rem; text-align: center; text-transform: uppercase; transition: all 0.25s ease-out 0.00s; width: auto; }
.detailed-registration-navigation a:hover, .detailed-registration-navigation a.active { background: none repeat scroll 0 0 #3CB4E6; border-right: 1px solid #FFF; color: #fff; }
.detailed-registration-navigation a.hidden { display: none; }

@media only screen and (max-width: 40.063em) { .detailed-registration-navigation a, .detailed-registration-navigation .tab-title a { margin-bottom: 5px; }
  .detailed-registration-navigation a { display: block; float: none; width: 100%; }
  .detailed-registration-navigation { background: none; } }
.content { clear: both; padding-top: 10px; border-right: 1px solid #FFF; }

.content ul { font-size: 14px; }

.content ul + h2 { margin-top: 31px; }

@media only screen and (max-width: 40.063em) { .tabs-viper17 a, .tabs-viper17 .tab-title { display: block; float: none; width: 100%; }
  .tabs-viper17-not-logged a, .tabs-viper17-logged a { width: 100% !important; } }
.tabs-applicationcustomer.tabs dd > a, .tabs-applicationcustomer.tabs .tab-title > a { background: none repeat scroll 0 0 #03234b; color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 13px; border-right: 1px solid #FFF; border: none; text-align: center; text-transform: uppercase; padding: 0.95rem; transition: all 0.25s ease-out 0.00s; }

.tabs-applicationcustomer.tabs dd.active a, .tabs-applicationcustomer.tabs .tab-title.active a { background: none repeat scroll 0 0 #3CB4E6; border: none; color: #fff; }

@media only screen and (max-width: 40.063em) { .tabs-applicationcustomer.tabs dd a, .tabs-applicationcustomer.tabs .tab-title a { margin-bottom: 5px; } }
.tabs-applicationcustomer.tabs dd > a:hover, .tabs-applicationcustomer.tabs .tab-title > a:hover { background: none repeat scroll 0 0 #3CB4E6; border: none; color: #fff; }

.tabs-applicationcustomer.tabs dd, .tabs-applicationcustomer.tabs .tab-title { float: left; width: 50%; }

.tabs-applicationcustomer-logged dd { width: 33% !important; }

.tabs-applicationcustomer-not-logged dd { width: 50% !important; }

@media only screen and (max-width: 40.063em) { .tabs-applicationcustomer.tabs dd, .tabs-applicationcustomer.tabs .tab-title { width: auto; float: none; }
  .tabs-applicationcustomer-not-logged dd, .tabs-applicationcustomer-logged dd { width: 100% !important; } }
.table-title { background: #39a9db; color: #fff; padding: 10px 9px; }

.table-title-alt { background: #e3e6eb; padding: 10px 15px; text-transform: uppercase; font-weight: bold; }

tr.danger { background: #f6cce4 !important; border-left: 3px solid #c04849; }

tr.dark-danger td:first-child { /*  background: #f2dada !important;*/ border-left: 3px solid #c04849; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { padding-right: 15px; }

table.recent-forum-activity tr td { font-size: 12px; line-height: normal; }
table.recent-forum-activity tr td .title { display: inline-block; font-size: 14px; margin-bottom: 4px; }

table.recent-forum-activity tr td:first-child, table.recent-forum-activity tr th:first-child { min-width: 30px; }
table.recent-forum-activity tr td:nth-child(2), table.recent-forum-activity tr th:nth-child(2) { min-width: 75%; }

.recent-forum-activity tr .hide-on-small { display: none; }

@media only screen and (min-width: 40.063em) { .recent-forum-activity tr .hide-on-small { display: table-cell; } }
/*.tabs-designresources dd { width: 20%;
}*/
.tabs-designresources dd a { padding: 1rem !important; }

@media only screen and (max-width: 40.063em) { .tabs-designresources dd { width: 100%; } }
.tabs-designresources.tabs { border-bottom: 5px solid #3CB4E6; }

.tabs-designresources.tabs dd > a, .tabs-designresources.tabs .tab-title > a { background: #1d7ca8; color: #fff; font-size: 12px; text-transform: uppercase; border-right: 1px solid #fff; text-align: center; }

.tabs-designresources.tabs dd.active a, .tabs-designresources.tabs .tab-title.active a { background: #3CB4E6; color: #fff; }

.tabs-designresources.tabs dd > a:hover, .tabs-designresources.tabs .tab-title > a:hover { background: #3CB4E6; color: #fff; }

.tabs-designresources.tabs-content > .content { padding-top: 1px; }

.sidebarhr { background: #03234b; }

.sidebar-button { border: 2px solid #464650; background: #464650 url(st-site/media/app/images/icon_arrow_button.png) no-repeat 100%; color: #fff; display: block; font-size: 15px; margin-bottom: 5px; transition: all 0.25s ease-out 0.00s; padding: 0.75rem 60px 0.75rem 0.75rem; }
.sidebar-button.lightblue { border-color: #3CB4E6; background-color: #3CB4E6; }
.sidebar-button.lightblue:hover, .sidebar-button.lightblue:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_lightblue.png) no-repeat 95%; color: #3CB4E6; }
.sidebar-button.lightblue.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_lightblue.png) no-repeat 95%; color: #3CB4E6; }
.sidebar-button.lightblue.reversed:hover, .sidebar-button.lightblue.reversed:focus { background-color: #3CB4E6; }
.sidebar-button.darkblue { border-color: #03234b; background-color: #03234b; }
.sidebar-button.darkblue:hover, .sidebar-button.darkblue:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkblue.png) no-repeat 95%; color: #03234b; }
.sidebar-button.darkblue.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkblue.png) no-repeat 95%; color: #03234b; }
.sidebar-button.darkblue.reversed:hover, .sidebar-button.darkblue.reversed:focus { background-color: #03234b; }
.sidebar-button.lightgreen { border-color: #49B170; background-color: #49B170; }
.sidebar-button.lightgreen:hover, .sidebar-button.lightgreen:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_lightgreen.png) no-repeat 95%; color: #49B170; }
.sidebar-button.lightgreen.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_lightgreen.png) no-repeat 95%; color: #49B170; }
.sidebar-button.lightgreen.reversed:hover, .sidebar-button.lightgreen.reversed:focus { background-color: #49B170; }
.sidebar-button.darkgreen { border-color: #04572F; background-color: #04572F; }
.sidebar-button.darkgreen:hover, .sidebar-button.darkgreen:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkgreen.png) no-repeat 95%; color: #04572F; }
.sidebar-button.darkgreen.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkgreen.png) no-repeat 95%; color: #04572F; }
.sidebar-button.darkgreen.reversed:hover, .sidebar-button.darkgreen.reversed:focus { background-color: #04572F; }
.sidebar-button.purple { border-color: #753774; background-color: #753774; }
.sidebar-button.purple:hover, .sidebar-button.purple:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_purple.png) no-repeat 95%; color: #753774; }
.sidebar-button.purple.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_purple.png) no-repeat 95%; color: #753774; }
.sidebar-button.purple.reversed:hover, .sidebar-button.purple.reversed:focus { background-color: #753774; }
.sidebar-button.orange { border-color: #e17642; background-color: #e17642; }
.sidebar-button.orange:hover, .sidebar-button.orange:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_orange.png) no-repeat 95%; color: #e17642; }
.sidebar-button.orange.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_orange.png) no-repeat 95%; color: #e17642; }
.sidebar-button.orange.reversed:hover, .sidebar-button.orange.reversed:focus { background-color: #e17642; }
.sidebar-button.turquoise { border-color: #04572F; background-color: #04572F; }
.sidebar-button.turquoise:hover, .sidebar-button.turquoise:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_turquoise.png) no-repeat 95%; color: #04572F; }
.sidebar-button.turquoise.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_turquoise.png) no-repeat 95%; color: #04572F; }
.sidebar-button.turquoise.reversed:hover, .sidebar-button.turquoise.reversed:focus { background-color: #04572F; }
.sidebar-button.darkpink { border-color: #E6007E; background-color: #E6007E; }
.sidebar-button.darkpink:hover, .sidebar-button.darkpink:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkpink.png) no-repeat 95%; color: #E6007E; }
.sidebar-button.darkpink.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkpink.png) no-repeat 95%; color: #E6007E; }
.sidebar-button.darkpink.reversed:hover, .sidebar-button.darkpink.reversed:focus { background-color: #E6007E; }
.sidebar-button.darkyellow { border-color: #f1c90b; background-color: #f1c90b; }
.sidebar-button.darkyellow:hover, .sidebar-button.darkyellow:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkyellow.png) no-repeat 95%; color: #f1c90b; }
.sidebar-button.darkyellow.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkyellow.png) no-repeat 95%; color: #f1c90b; }
.sidebar-button.darkyellow.reversed:hover, .sidebar-button.darkyellow.reversed:focus { background-color: #f1c90b; }
.sidebar-button.red { border-color: #c04849; background-color: #c04849; }
.sidebar-button.red:hover, .sidebar-button.red:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_red.png) no-repeat 95%; color: #c04849; }
.sidebar-button.red.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_red.png) no-repeat 95%; color: #c04849; }
.sidebar-button.red.reversed:hover, .sidebar-button.red.reversed:focus { background-color: #c04849; }
.sidebar-button.darkred { border-color: #5c0915; background-color: #5c0915; }
.sidebar-button.darkred:hover, .sidebar-button.darkred:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkred.png) no-repeat 95%; color: #5c0915; }
.sidebar-button.darkred.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkred.png) no-repeat 95%; color: #5c0915; }
.sidebar-button.darkred.reversed:hover, .sidebar-button.darkred.reversed:focus { background-color: #5c0915; }
.sidebar-button.darkpurple { border-color: #8C0078; background-color: #8C0078; }
.sidebar-button.darkpurple:hover, .sidebar-button.darkpurple:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkpurple.png) no-repeat 95%; color: #8C0078; }
.sidebar-button.darkpurple.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkpurple.png) no-repeat 95%; color: #8C0078; }
.sidebar-button.darkpurple.reversed:hover, .sidebar-button.darkpurple.reversed:focus { background-color: #8C0078; }
.sidebar-button.grey { border-color: #a3a2a7; background-color: #a3a2a7; }
.sidebar-button.grey:hover, .sidebar-button.grey:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_grey.png) no-repeat 95%; color: #a3a2a7; }
.sidebar-button.grey.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_grey.png) no-repeat 95%; color: #a3a2a7; }
.sidebar-button.grey.reversed:hover, .sidebar-button.grey.reversed:focus { background-color: #a3a2a7; }
.sidebar-button.darkgrey { border-color: #464650; background-color: #464650; }
.sidebar-button.darkgrey:hover, .sidebar-button.darkgrey:focus { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkgrey.png) no-repeat 95%; color: #464650; }
.sidebar-button.darkgrey.reversed { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_darkgrey.png) no-repeat 95%; color: #464650; }
.sidebar-button.darkgrey.reversed:hover, .sidebar-button.darkgrey.reversed:focus { background-color: #464650; }
.sidebar-button.small { font-size: 13px; padding: 0.5rem 60px 0.5rem 0.5rem; }
.sidebar-button.reversed:hover, .sidebar-button.reversed:focus { background: url(st-site/media/app/images/icon_arrow_button.png) no-repeat 100%; color: #fff; }
.sidebar-button.modal-btn { font-size: 0.8rem; padding: 0.35rem 60px 0.35rem 0.35rem; margin-bottom: 5px; width: 60%; }

.accordion-sidebar.accordion .accordion-navigation > a, .accordion-sidebar.accordion dd > a { text-transform: uppercase; background: url(st-site/media/app/images/icon_rightcolumaccordion.png) right center no-repeat; color: #03234b; font-size: 0.95rem; padding-left: 0; padding-right: 20px; border-bottom: 1px solid #03234b; }

.accordion-sidebar.accordion .accordion-navigation.active > a, .accordion-sidebar.accordion dd.active > a { background: none; }

.accordion-sidebar.accordion .accordion-navigation > .content, .accordion-sidebar.accordion dd > .content { padding-left: 0; padding-right: 0; border-bottom: 1px solid #03234b; background-color: #f8f8f8; }

.accordion-sidebar.accordion dd > .content .see-more-content { display: none; }
.accordion-sidebar.accordion dd > .content .see-more-content .buy-all-button { float: right; }
.accordion-sidebar.accordion dd > .content .see-more-content a.btn-close-panel { display: none; }
.accordion-sidebar.accordion dd > .content .gscontent a.btn-close-panel { display: block; }

.output-select-edesign { display: block; margin-top: 20px; }

.tabs dd a.edesign { color: #4f5052; font-size: 0.85rem; }

.tabs-content ul { font-size: 14px; }

.tabs-content div.boxed { border: 1px solid #cccccc; padding: 5px; }
.tabs-content div.boxed.diode { padding: 20px; }

.tabs dd.active a, .tabs .tab-title.active a { background-color: #03234b; color: #ffffff; }

h3.featured-videos { margin: 0; color: #03234b; font-weight: normal; }

.push-modal p { font-size: 14px; line-height: normal; margin: 0 0 20px; }
.push-modal p + h3 { margin-top: 35px; }
.push-modal h2 { color: #03234b; font-size: 18px; text-transform: uppercase; }
.push-modal h3 { background: #333; color: #fff; display: block; font-size: 14px; line-height: normal; margin: 20px 0; padding: 7px 15px 6px; /*text-transform: uppercase;*/ }
.push-modal h3 + .st-accordion, .push-modal .st-drill-down h3 + ul, .st-drill-down .push-modal h3 + ul { margin-top: -10px; }
.push-modal h4 { color: #03234b; font-size: 14px; font-weight: 700; line-height: 25px; margin: 0 0 3px; /*text-transform: uppercase;*/ }
.push-modal.edesign .inpage-edesign { width: 100%; }
.push-modal.edesign .close-button-container { display: block; }
.push-modal.edesign p { line-height: 1.6; }
.push-modal.toolssoftware h4 { margin: 20px 0; }
.push-modal.toolssoftware a { /*color: #03234b;*/ font-size: 12px; }
.push-modal.toolssoftware p { margin-bottom: 11px; padding-right: 20px; }
.push-modal.toolssoftware ul { list-style: none; margin: 20px 0; }
.push-modal.toolssoftware ul li { padding-bottom: 5px; }
.push-modal.toolssoftware ul li:last-child { padding-bottom: 0; }
.push-modal.toolssoftware ul ul { margin-left: 20px; }
.push-modal.supportandcommunity h3 { margin-top: 0.2rem; margin-bottom: 0.5rem; }
.push-modal.supportandcommunity p { line-height: 1.6; margin-bottom: 10px; }
.push-modal.lightblue h3 { background: #3CB4E6; }
.push-modal.darkblue h3 { background: #03234b; }
.push-modal.lightgreen h3 { background: #49B170; }
.push-modal.darkgreen h3 { background: #04572F; }
.push-modal.purple h3 { background: #753774; }
.push-modal.orange h3 { background: #e17642; }
.push-modal.turquoise h3 { background: #04572F; }
.push-modal.darkpink h3 { background: #E6007E; }
.push-modal.darkyellow h3 { background: #f1c90b; }
.push-modal.red h3 { background: #c04849; }
.push-modal.darkred h3 { background: #5c0915; }
.push-modal.darkpurple h3 { background: #8C0078; }
.push-modal.grey h3 { background: #a3a2a7; }
.push-modal.darkgrey h3 { background: #464650; }

.move-left .exit-off-canvas { box-shadow: none; }

ul.off-canvas-list li a { border-bottom: 1px solid #001535; }

.right-off-canvas-menu { -webkit-backface-visibility: hidden; width: 34.88889rem; top: 0; bottom: 0; position: absolute; overflow-x: hidden; overflow-y: auto; background: #333333; z-index: 1001; box-sizing: content-box; transition: transform 500ms ease 0.00s; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-transform: translate(100.5%, 0); -webkit-transform: translate3d(100.5%, 0, 0); -moz-transform: translate3d(100.5%, 0, 0); -ms-transform: translate3d(100.5%, 0, 0); -o-transform: translate3d(100.5%, 0, 0); transform: translate3d(100.5%, 0, 0); right: 0; }

.right-off-canvas-menu * { -webkit-backface-visibility: hidden; }

.right-off-canvas-menu { background: #f8f8f8; border-left: 1px solid #03234b; box-shadow: none; }

.right-off-canvas-menu > .inner-container { padding: 10px 20px; }

.right-off-canvas-menu h1 { color: #03234b; margin-bottom: 30px; }

.right-off-canvas-menu h2 { border-bottom: 1px solid #d1d0d3; color: #03234b; margin-bottom: 15px; padding-bottom: 5px; text-transform: uppercase; }

a.primary { display: block; transition: all 0.25s ease-out; border: 2px solid #2eaadd; background-color: #2eaadd; color: #ffffff; font-weight: normal; font-size: 15px; font-family: arial; padding-bottom: 8px; padding-top: 8px; text-align: center; }

a.primary:hover, a.primary:focus { background: #817f80; border: 2px solid #d2d2d2; color: #ffffff; text-align: center; }

.btn-large { width: 100%; padding-top: 20px !important; padding-bottom: 20px !important; font-size: 120%; text-transform: uppercase; }

.btn-close-panel.exit-off-canvas { position: static; display: inline; z-index: 9999; }

/* main nav */
#nav.top-bar { background: #03234b; }

@media only screen and (min-width: 40.063em) { #nav.top-bar { background: none; } }
#nav .top-bar-section { background: red; float: none; }

#nav li.lvl3 { background: #fff; color: #464650; padding: 15px; }

#nav ul.no-bullet, #nav p { font-size: 12px; }

#nav ul.no-bullet li { background: none; }

#nav .top-bar-section ul li > a { font-size: 13px; font-family: Arial, Helvetica, sans-serif; white-space: normal; padding-top: 10px; padding-bottom: 10px; }

@media only screen and (min-width: 40.063em) { .home-nav { margin-top: 10px; }
  .home-nav .top-bar-section .has-dropdown > #dropdown-lvl1 { display: block; overflow: visible; clip: auto; position: absolute !important; }
  .home-nav > a { text-align: left; }
  #nav #dropdown-lvl1, #nav #dropdown-lvl2 { width: 175px; }
  #nav #dropdown-lvl1, #nav #dropdown-lvl2, #nav #dropdown-lvl3 { height: 453px !important; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; z-index: 9999; } }
#nav #dropdown-lvl1 { background: #03234b; }

#nav #dropdown-lvl2 { background: #003589; }

#nav #dropdown-lvl3 { background: #fff; width: 500px; }

#nav .top-bar-section .has-dropdown > a { padding-right: 15px !important; text-align: left; }

.nav-minimized-folder { padding-top: 5px; padding-left: 5px; }

.top-bar-section li:not(.has-form) a:not(.button) { line-height: inherit; text-align: left; }

.top-bar-section #dropdown-lvl1.dropdown li:not(.has-form) > a:not(.button) { background: #03234b; border-bottom: 1px solid #000e24; text-align: left; }

.top-bar-section #dropdown-lvl1.dropdown li:not(.has-form) > a:not(.button):hover { background: #fff; color: #03234b; text-align: left; }

.top-bar-section #dropdown-lvl2.dropdown li:not(.has-form) > a:not(.button) { background: #003589; border-bottom: 1px solid #d2d2d2; text-align: left; }

.top-bar-section #dropdown-lvl2.dropdown li:not(.has-form) > a:not(.button):hover { background: #fff; color: #003589; text-align: left; }

.top-bar-section #dropdown-lvl1.dropdown li:not(.has-form):last-child > a:not(.button) { border-bottom: 0; text-align: left; }

.top-bar-section #dropdown-lvl2.dropdown li:not(.has-form):last-child > a:not(.button) { border-bottom: 0; text-align: left; }

.top-bar-section .has-dropdown > a:after, .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: 0; content: ""; text-align: left; }

.top-bar-section .dropdown li:not(.has-form) a:not(.button) { background: none; color: inherit; }

.top-bar-section .dropdown li:not(.has-form) > a:not(.button) { background: #333; color: #fff; }

.top-bar .toggle-topbar.menu-icon a { color: #03234b; }

/*.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:hover:not(.button) { background: none repeat scroll 0 0 #ffffff; color: #03234b;
}*/
#nav.top-bar { border-bottom: none; background-color: #03234b; }

#nav .top-bar-section ul li > a { font-family: Arial,Helvetica,sans-serif; font-size: 14px; padding-bottom: 10px; padding-top: 10px; white-space: normal; }

a.main-menu-item { background: #03234b !important; width: 174px !important; height: 45px !important; text-align: center !important; padding-top: 12px; }

.main-menu-item .mimicnav { padding-right: 5px; padding-top: 3px; display: inline !important; }

.menu-space { margin-top: 5px; }

.top-bar { width: 174px; border-right: 1px solid #d2d2d2; }

.accordion-sidebar.accordion .accordion-navigation.active > a, .accordion-sidebar.accordion dd.active > a { background: url("st-site/media/app/images/icon_rightcolumaccordion_open.png") no-repeat scroll right center transparent; }

.has-tip, .has-tip:hover, .has-tip:focus { border: 0; }

.tooltip { background: #fff; color: #333; border: 1px solid #333; }

.ui-select > div > span { display: none; }

.image-folder { max-width: 480px; }

#slider-bar a { color: #fff; font-family: Arial, Helvetica, sans-serif; background: #03234b; }

#slider-bar label { font-size: 12px; }

#slider-bar strong { font-size: 14px; color: #fff; }

#slider-bar > a:hover, #slider-bar > a.active { background: #3CB4E6; }

/* Home slick slider start */
.slick-dotted.slick-slider { margin-bottom: 0; }

.generic-slider.loading { background-image: url(st-site/media/app/images/ajax-loader.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: 64px 64px; min-height: 200px; }
.generic-slider.loading div { display: none; }

.slick-loading .slick-list { background-size: 64px 64px; }

.slick-slide { display: none; float: left; height: 100%; /*  max-height: 470px;*/ min-height: 1px; max-width: 100%; }

/* Home slick slider end */
#form-search-desktop .button.dropdown { background: #f5f5f5; border: 1px solid #ccc; border-right: 0; }

#form-search .button.dropdown { background: #f5f5f5; border: 1px solid #ccc; border-right: 0; }

#drop1.open { width: 282px !important; max-width: 282px !important; border: 1px solid #fff; left: 0px !important; z-index: 9999; background: #f5f5f5; }

#drop1 li { padding: 10px; font-size: 13px; cursor: auto; }

#drop1 p { margin-bottom: 10px; background: #ddd; padding: 5px; font-size: 13px; }

#drop1 label { font-size: 13px; padding-left: 10px; }

#drop1 input[type="checkbox"] { position: absolute; margin: 4px 0 0; }

#drop2.open { width: 282px !important; max-width: 282px !important; border: 1px solid #fff; left: 0px !important; z-index: 9999; background: #f5f5f5; }

#drop2 li { padding: 10px; font-size: 13px; cursor: auto; }

#drop2 p { margin-bottom: 10px; background: #ddd; padding: 5px; font-size: 13px; }

#drop2 label { font-weight: bold; font-size: 13px; padding-left: 10px; }

#drop2 input[type="checkbox"] { position: absolute; margin: 4px 0 0; }

.estore-slider { min-height: 225px; }

@media only screen and (max-width: 40.063em) { .estore-slider { min-height: 0; } }
.commercial-banner.sidebar { background-color: #ddd; padding: 10px; }

#panel1 h4 { color: #03234b; }

.left-off-canvas-menu { background: none repeat scroll 0 0 #03234b; }

ul.off-canvas-list li label { background: none repeat scroll 0 0 #03234b; }

ul.off-canvas-list li label { color: #FFFFFF; }

ul.off-canvas-list li a { color: #FFFFFF; }

ul.off-canvas-list .familytitle { color: #3CB4E6; margin-top: 10px; font-weight: bold; padding: 0.66667rem; }

ul.off-canvas-list li a:hover { background: #3CB4E6; }

.left-submenu { background: none repeat scroll 0 0 #03234b; width: 100%; }

.left-submenu .back > a { background: none repeat scroll 0 0 #03234b; }

.left-submenu .back > a:hover { background: none repeat scroll 0 0 #03234b; }

#placenewsletter { height: 2.3125rem; }

.already-registered-text-box { padding: 10px 0 10px 0; border-top: 1px solid #d1d0d3; border-bottom: 1px solid #d1d0d3; }

.newsletter-registration-completed-text-box { padding: 10px 0 10px 0; border-top: 1px solid #d1d0d3; border-bottom: 1px solid #d1d0d3; }

/***** Change needed for media query application *****/
@media only screen and (max-width: 40.063em) { .top-nav-right-container { background-color: #03234b; }
  .top-nav-right, #top-nav-left { margin: 0px 0 0; }
  [class*="block-grid-"] > li { padding: 0px 0px 0px 0px; }
  .top-nav-right > li:last-child > a { line-height: 1.5; }
  .top-nav-right-container > nav { display: inline; color: #ffffff; }
  .top-nav-right > li > a { color: #ffffff; }
  .top-nav-right > li, #top-nav-left > li { background: none; }
  .main-menu-item { color: #ffffff !important; }
  .top-nav-right > li > a { border-left: 1px solid #314b73; }
  .main-menu-item { background-color: #03234b; }
  .main-menu-item-small { padding-top: 5px !important; padding-bottom: 0px !important; }
  #placenewsletter { font-size: 11px; }
  #menu-footer > li { border-left: none; }
  #page-header-menu > ul { text-align: center; }
  #page-header-menu > li { float: left; list-style: none; margin-right: 20px; }
  .page-header { padding: 0px 0 10px; margin-bottom: 20px; border-bottom: 1px solid #bac5cb; }
  .top-nav-right > li > a { padding: 5px; }
  .icon-parametric { background: url(st-site/media/app/images/icon_parametricsearch.png) no-repeat center -60px; }
  .icon-parametric:hover { background: url(st-site/media/app/images/icon_parametricsearch.png) no-repeat center -30px; }
  .icon-cart { background: url(st-site/media/app/images/icon_cart.png) no-repeat center -60px; }
  .icon-cart:hover { background: url(st-site/media/app/images/icon_cart.png) no-repeat center -30px; }
  .icon-language { background: url(st-site/media/app/images/icon_language.png) no-repeat center -58px; }
  .icon-language:hover { background: url(st-site/media/app/images/icon_language.png) no-repeat center -29px; }
  .icon-myst { background: url(st-site/media/app/images/icon_signin.png) no-repeat center -60px; }
  .icon-myst:hover { background: url(st-site/media/app/images/icon_signin.png) no-repeat center -30px; }
  /*  .back { padding-top: 20px; padding-bottom: 20px; }*/
  .inner-nav-link { padding-top: 14px; }
  /*    .sidebar-button-orange, .sidebar-button-darkgreen, .sidebar-button-purple, .sidebar-button-green, .sidebar-button-blue, .sidebar-button-orange:hover, .sidebar-button-darkgreen:hover, .sidebar-button-purple:hover, .sidebar-button-green:hover, .sidebar-button-blue:hover { background-image: none; }*/
  .slick-dots { display: block; }
  .button-darkblue { font-size: 0.8rem; }
  .image-folder { max-width: 90%; } }
@media only screen and (min-width: 40.063em) and (max-width: 64.063em) { .top-nav-right-container { background-color: #03234b; }
  .top-nav-right, #top-nav-left { margin: 0px 0 0; }
  .image-folder { max-width: 90%; }
  .inner-nav-link { padding-top: 14px; }
  .top-nav-right-container > nav { display: inline; color: #ffffff; }
  .top-nav-right > li > a { color: #ffffff; }
  .top-nav-right > li, #top-nav-left > li { background: none; }
  .top-nav-right > li > a { border-left: 1px solid #314b73; }
  .main-menu-item { color: #ffffff !important; }
  .top-nav-right-container > nav { float: left; width: 15%; }
  .action-top-nav-right-link { width: 105px; text-align: right; }
  #slider-bar strong { font-size: 0.675rem; color: #fff; }
  #slider-bar label { font-size: 0.60rem; color: #fff; }
  ul { font-size: 13px; }
  .top-nav-right > li > a { padding: 5px 0px; color: #FFFFFF; padding: 0 16px; line-height: 30px; height: 30px; }
  .top-nav-right > li > a.icon-avatar { padding-left: 5px; }
  .top-nav-right > li { /*width: 20%;*/ padding: 0 0 5px; }
  .icon-parametric { background: url(st-site/media/app/images/icon_parametricsearch.png) no-repeat center -60px; }
  .icon-parametric:hover { background: url(st-site/media/app/images/icon_parametricsearch.png) no-repeat center -30px; }
  .icon-avatar { /*background: url(st-site/media/app/images/icon_avatar.png) no-repeat center;*/ }
  .icon-cart { background: url(st-site/media/app/images/icon_cart.png) no-repeat center -60px; }
  .icon-cart:hover { background: url(st-site/media/app/images/icon_cart.png) no-repeat center -30px; }
  .icon-language { background: url(st-site/media/app/images/icon_language.png) no-repeat center -58px; }
  .icon-language:hover { background: url(st-site/media/app/images/icon_language.png) no-repeat center -29px; }
  .icon-myst { background: url(st-site/media/app/images/icon_signin.png) no-repeat center -60px; }
  .icon-myst:hover { background: url(st-site/media/app/images/icon_signin.png) no-repeat center -30px; } }
/** large **/
@media only screen and (min-width: 64.063em) { .top-nav-right { float: left; width: 100%; }
  .top-nav-right-container > nav { display: none; }
  .inner-nav-link { padding-top: 44px; } }
/* here we fix off-canvas width */
.move-left .exit-off-canvas { background: none; }

.move-left .exit-off-canvas { z-index: 1000; }

.left-off-canvas-menu { max-height: 100%; overflow: auto; overflow-y: auto; overflow-x: visible; width: 250px; }

.right-off-canvas-menu { overflow-y: visible; overflow-x: visible; width: 425px; }

.move-left > .inner-wrap { -ms-transform: translate(-425px, 0); -webkit-transform: translate3d(-425px, 0, 0); -moz-transform: translate3d(-425px, 0, 0); -ms-transform: translate3d(-425px, 0, 0); -o-transform: translate3d(-425px, 0, 0); transform: translate3d(-425px, 0, 0); }

.move-right > .inner-wrap { -ms-transform: translate(250px, 0); -webkit-transform: translate3d(250px, 0, 0); -moz-transform: translate3d(250px, 0, 0); -ms-transform: translate3d(250px, 0, 0); -o-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); }

@media only screen and (max-width: 40.063em) { .right-off-canvas-menu { overflow-y: visible; overflow-x: visible; width: 275px; }
  .move-left > .inner-wrap { -ms-transform: translate(-275px, 0); -webkit-transform: translate3d(-275px, 0, 0); -moz-transform: translate3d(-275px, 0, 0); -ms-transform: translate3d(-275px, 0, 0); -o-transform: translate3d(-275px, 0, 0); transform: translate3d(-275px, 0, 0); } }
/* end off-canvas width fix */
.alert-box.alert-2 { background-color: #c04849; border-color: #942828; color: #fff; }

button.small, .button.small { font-size: 0.8125rem; padding: 0.5rem 1rem; }

.centered { text-align: center; }

p.social a { color: #ccc; }

p.social a:hover { color: #3CB4E6; }

/* st accordion */
.st-accordion, .st-drill-down ul { list-style: none; margin-left: 0; }

.st-accordion-related-applications, .st-accordion-related-block { padding-left: 10px !important; }
.st-accordion-related-applications h3, .st-accordion-related-block h3 { padding-left: 10px; margin-bottom: 0; }
.st-accordion-related-applications ul, .st-accordion-related-block ul { padding-left: 10px; }
.st-accordion-related-applications > ul.st-accordion, .st-drill-down .st-accordion-related-applications > ul, .st-accordion-related-block > ul.st-accordion, .st-drill-down .st-accordion-related-block > ul { padding-left: 20px; list-style-type: none; }
.st-accordion-related-applications > ul.st-accordion > li > a, .st-drill-down .st-accordion-related-applications > ul > li > a, .st-accordion-related-block > ul.st-accordion > li > a, .st-drill-down .st-accordion-related-block > ul > li > a { padding: 5px 0; color: #3CB4E6; font-size: 14px; display: block; }
.st-accordion-related-applications > li > div, .st-accordion-related-block > li > div { margin-top: 10px; }

#st-accordion-related-applications > li > a { color: #3CB4E6; font-size: 14px; display: block; padding: 5px 0; }

#st-accordion-related-applications > li > div { margin-top: 10px; }

.st-accordion-related-applications .st-accordion > li > a, .st-accordion-related-applications .st-drill-down ul > li > a, .st-drill-down .st-accordion-related-applications ul > li > a, .st-accordion-related-block .st-accordion > li > a, .st-accordion-related-block .st-drill-down ul > li > a, .st-drill-down .st-accordion-related-block ul > li > a { color: #3CB4E6; font-size: 14px; display: block; padding: 5px 0; }

.st-accordion-related-products { padding-left: 10px !important; }

.st-accordion-related-products ul { padding-left: 10px; }

.st-accordion-related-products .st-accordion > li > a, .st-accordion-related-products .st-drill-down ul > li > a, .st-drill-down .st-accordion-related-products ul > li > a { color: #3CB4E6; font-size: 14px; display: block; padding: 15px 0; border-bottom: 1px solid #eaeff3; }

.st-accordion-related-products .st-accordion > li > div, .st-accordion-related-products .st-drill-down ul > li > div, .st-drill-down .st-accordion-related-products ul > li > div { margin-top: 10px; }

.st-accordion-producttree ul, .st-drill-down ul ul { padding-left: 15px; }
.st-accordion-producttree > li > a, .st-drill-down ul > li > a, .st-accordion-producttree > li > label, .st-drill-down ul > li > label { color: #03234b; font-size: 14px; display: block; padding: 15px 0; border-bottom: 1px solid #eaeff3; }
.st-accordion-producttree > li > a > label, .st-drill-down ul > li > a > label, .st-accordion-producttree > li > label > label, .st-drill-down ul > li > label > label { color: #03234b; font: inherit; }
.st-accordion-producttree > div, .st-drill-down ul > div { margin-top: 10px; }
.st-accordion-producttree input[type="checkbox"], .st-drill-down ul input[type="checkbox"] { padding: 0; margin: 0; }

.inpage-producttree h3, .st-drill-down h3 { background: #3CB4E6; color: #fff; margin: 0 0 10px; padding: 7px 10px; }
.inpage-producttree h3 #showMoreOrLess, .st-drill-down h3 #showMoreOrLess { text-decoration: underline; cursor: pointer; white-space: nowrap; }
.inpage-producttree .st-accordion-producttree > li > a, .st-drill-down .st-accordion-producttree > li > a, .inpage-producttree .st-drill-down ul > li > a, .st-drill-down .inpage-producttree ul > li > a, .st-drill-down ul > li > a { padding: 7px 0; }

.st-accordion-product-reference ul { padding-left: 15px; }
.st-accordion-product-reference label { color: #3CB4E6; }
.st-accordion-product-reference li a { color: #03234b; font-size: 14px; display: block; padding: 15px 0; border-bottom: 1px solid #eaeff3; }
.st-accordion-product-reference li div { margin-top: 10px; }
.st-accordion-product-reference li div.same-level label { font-size: 14px; }
.st-accordion-product-reference li div:first-of-type { margin-left: 25px; }

.tree-styling .st-accordion, .tree-styling .st-drill-down ul, .st-drill-down .tree-styling ul { padding: 0 0 0 20px; }

#st-accordion-family-1 > li > a { color: #03234b; font-size: 16px; text-transform: uppercase; display: block; padding: 15px 0; border-bottom: 1px solid #eaeff3; }

#st-accordion-family-1 > li > div { margin-top: 20px; }

#st-accordion-family-2 > li > a { color: #3CB4E6; display: block; padding: 10px 0; font-weight: bold; }

#st-accordion-family-2 > li > div { margin-top: 10px; }

#st-accordion-family-3 > li > a { color: #03234b; font-size: 14px; display: block; padding: 15px 0; border-bottom: 1px solid #eaeff3; }

#st-accordion-family-3 > li > div { margin-top: 20px; }

#st-accordion-family-4 > li > a { color: #03234b; display: block; padding: 10px 0; }

#st-accordion-family-4 > li.active > a { font-weight: bold; }

#st-accordion-family-4 > li > div { margin-top: 10px; }

#st-accordion-family-5 a { color: #03234b; }

#st-accordion-family-5 li > div { padding-bottom: 10px; }

#st-accordion-family-5 li > div > ul { padding-left: 25px; }

#st-accordion-family-5 > li > a { font-weight: bold; margin-bottom: 10px; display: block; }

#st-accordion-family-5 .st-accordion > li > a, #st-accordion-family-5 .st-drill-down ul > li > a, .st-drill-down #st-accordion-family-5 ul > li > a { margin-bottom: 10px; display: block; }

#st-accordion-style2 { font-family: arial; list-style: none; }

#st-accordion-style2 > li > a { color: #ffffff; font-size: 12px; text-transform: uppercase; display: block; padding-left: 10px; padding-right: 25px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eaeff3; background-color: #03234b; position: relative; }

#st-accordion-style2 > li.active a { color: #03234b; background-color: #ffffff; font-weight: bold; }

#st-accordion-style2 > li > a > .fa { line-height: 1; position: absolute; top: 50%; right: 10px; margin-top: -0.5em; padding: 0; }

/*#st-accordion-style2 > li.active div { margin-top: 20px; padding-left: 20px; margin-bottom: 20px;
}*/
#st-accordion-style2 > li > div > ul { margin-top: 20px; padding-left: 20px; margin-bottom: 20px; }

#st-accordion-style2 > li.active div ul li a { color: #36abe0; font-weight: normal; }

#st-accordion-style2 > li.active div ul li.active { color: #03234b; font-weight: normal; }

#st-accordion-style2 > li.active div ul li.active { background: #fff url(st-site/media/app/images/activearrowstyle2.png) no-repeat 0px 5px; margin-left: -10px; }

#st-accordion-style2 > li.active div ul li.active a { color: #03234b; background: none; padding-left: 10px; }

.st-navigation-style2 { font-family: arial; list-style: none; margin-left: 0px; }

.st-navigation-style2 li > div { display: none; }

.st-navigation-style2 li.active > div { display: block; }

.st-navigation-style2 > li > a { color: #ffffff; font-size: 12px; text-transform: uppercase; display: block; padding-left: 10px; padding-right: 25px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eaeff3; background-color: #03234b; position: relative; }

.st-navigation-style2 > li > a > .fa { line-height: 1; position: absolute; top: 50%; right: 10px; margin-top: -0.5em; padding: 0; }

.st-navigation-style2 > li.active a { color: #03234b; background-color: #ffffff; font-weight: bold; }

/*.st-navigation-style2 > li.active div { margin-top: 20px; padding-left: 20px; margin-bottom: 20px;
}*/
.st-navigation-style2 > li > div > ul { margin-top: 20px; padding-left: 20px; margin-bottom: 20px; }

.st-navigation-style2 > li.active div ul li a { color: #36abe0; font-weight: normal; }

.st-navigation-style2 > li.active div ul li.active { color: #03234b; font-weight: normal; }

.st-navigation-style2 > li.active div ul li.active { background: #fff url(st-site/media/app/images/activearrowstyle2.png) no-repeat 0px 5px; margin-left: -10px; }

.st-navigation-style2 > li.active div ul li.active a { color: #03234b; background: none; padding-left: 10px; }

.st-accordion > li > a > span.opened, .st-drill-down ul > li > a > span.opened, .st-accordion > li > label > span.opened, .st-drill-down ul > li > label > span.opened { display: none; padding-right: 10px; }

.st-accordion > li > a > span.closed, .st-drill-down ul > li > a > span.closed, .st-accordion > li > label > span.closed, .st-drill-down ul > li > label > span.closed { display: inline; padding-right: 10px; }

.st-accordion > li.active > a > span.opened, .st-drill-down ul > li.active > a > span.opened, .st-accordion > li.active > label > span.opened, .st-drill-down ul > li.active > label > span.opened { display: inline; }

.st-accordion > li.active > a > span.closed, .st-drill-down ul > li.active > a > span.closed, .st-accordion > li.active > label > span.closed, .st-drill-down ul > li.active > label > span.closed { display: none; }

.st-accordion-product-reference { list-style: none; margin-left: 0; }
.st-accordion-product-reference > li > a > span.opened { display: none; padding-right: 10px; }
.st-accordion-product-reference > li > a span.closed { display: inline; padding-right: 10px; }
.st-accordion-product-reference > li.active > a > span.opened { display: inline; }
.st-accordion-product-reference > li.active > a span.closed { display: none; }

.footer-copyright-links { margin-bottom: 5px !important; }

.footer-copyright-links a:hover { text-decoration: underline; margin-bottom: 5px !important; }

.online-event { padding-bottom: 5px; margin-bottom: 0; }

/*sf-menu*/
.sf-menu { background: #03234b; border: 1px solid #ddd; border-top: 3px solid #03234b; width: 13em; position: absolute; top: 82px; left: 0px; z-index: 9999; }

.nav-layout-2 .sf-menu { top: 75px; }

.sf-menu li { white-space: normal; }

.sf-menu > li, .sf-menu > li:hover { background: none; }

.sf-menu > li > a { font-size: 13px; background: none; color: #fff; border: 0; padding: 10px 15px; text-align: left; border-top: 1px solid #000; }

.sf-menu > li:first-child > a { border: 0; }

.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li > a:focus { background: #fff; color: #03234b; }

.sf-vertical > li > ul { top: -3px; min-width: 48em; box-shadow: none; border: 1px solid #ddd; border-top: 3px solid #03234b; background: #fff; }

.sf-menu > li > ul > li { background: #fff; /*border: 1px solid #ddd;*/ padding: 10px 30px; white-space: normal; text-align: left; }

.sf-menu > li > ul > li:hover { background: #fff; }

.sf-menu > li > ul > li * { font-size: 13px; }

.sf-menu > li > ul > li p { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 1px; }

.sf-menu > li > ul > li a { display: inline; padding: 0; border: 0; color: #03234b; }

.preference-block { background: #f8f8f8; }

.preference-block .design-support-calculators { margin-top: 0; }

.preference-block-content table input[type="checkbox"], .preference-block-content table select { margin-bottom: 0; height: auto; vertical-align: middle; }

.preference-block-content table input[type="checkbox"] { margin-right: 10px; }

.preference-block-content table select { padding: 5px 15px 5px 5px; }

.preference-block-content table td { vertical-align: middle; color: #393c3b; font-size: .75rem; }

.preference-block-content a.sidebar-button-blue, .preference-block-content button.sidebar-button-blue { text-align: left; font-size: 14px; padding: .5rem 4.375rem .5rem .5rem; }

.preference-block-content a.home-link .fa { font-size: 1.125rem; }

#sample-menu-3.home-menu { background: #03234b; background: rgba(0, 32, 82, 0.85); z-index: 1; }

.personalize-select { border-left: 4px solid #ffffff; display: block; padding-left: 4px; }

.personalize-select.active { border-left: 4px solid #c04849; margin-left: 0; }

.supportandcommunity { color: #03234b; }

.supportandcommunity a:focus { color: #3CB4E6; }

.supportandcommunity p { margin-bottom: 10px; }

.supportandcommunity .button { border-bottom: 3px solid #03234b; padding: 10px; width: 100%; background: #03234b; color: #fff; }

.supportandcommunity .button:hover, .supportandcommunity .button.active { border-bottom: 3px solid #3CB4E6; }

.number-alert { color: #c04849; }

.featured-video-box { margin-bottom: 20px; }
.featured-video-box a img { height: auto; width: 100%; }

.featured-video { border-left: 5px solid #fff; padding-left: 5px; display: block; float: left; margin: 0 20px 10px 0; }

.featured-video.logged { border-left: 5px solid red; padding-left: 5px; display: block; }

.video-text { margin-left: -30px; }

a.video-sell-all { line-height: 21px; margin-top: 5px; }

.underline { text-decoration: underline; }

.dark-blue { color: #03234b; }

.row.gutter-0 { margin: 0 -0px; }

.row.gutter-0 > * { padding: 0 0px; }

.row.gutter-5 { margin: 0 -5px; }

.row.gutter-5 > * { padding: 0 5px; }

.bottom-spacing5 { margin-bottom: 5px !important; }

.bottom-spacing10 { margin-bottom: 10px !important; }

a[class^="roboto sidebar-button"] { position: relative; z-index: 60; }

.percent5 { width: 5% !important; }

.percent10 { width: 10% !important; }

.percent12 { width: 12% !important; }

.percent15 { width: 15% !important; }

.percent18 { width: 18% !important; }

.percent20 { width: 20% !important; }

.percent25 { width: 25% !important; }

.percent30 { width: 30% !important; }

.percent40 { width: 40% !important; }

.percent50 { width: 50% !important; }

.percent60 { width: 60% !important; }

.percent75 { width: 75%; }

.percent100 { width: 100%; }

.pixel200 { width: 200px; }

.pixel100 { width: 100px; }

.pixel36 { width: 36px; }

.pixel50 { width: 50px; }

table.table-sample-and-buy thead tr th, table.table-sample-and-buy thead tr td { border: 1px solid #d2d2d2; color: #03234b; padding-top: 15px; }

.tight-content { max-width: 1px; }

.table-sample-and-buy th, .table-sample-and-buy tr, .table-sample-and-buy td { border: 1px solid #d2d2d2; vertical-align: middle; }

[class^="table-button-"], [class*=" table-button-"] { transition: all 0.25s ease-out; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; min-width: 80px; padding: 2px; text-align: center; }

.table-button-darkblue { border: 2px solid #03234b; background: #03234b; color: #fff; font-size: 0.75rem; padding: 5px 10px; width: 50%; }
.table-button-darkblue:hover, .table-button-darkblue:focus { background: #817f80; color: #ffffff; border: 2px solid #d2d2d2; }

.table-button-grey { border: 2px solid #a3a2a7; background: #a3a2a7; color: #fff; }
.table-button-grey:hover, .table-button-grey:focus { background: #817f80; color: #ffffff; border: 2px solid #d2d2d2; }

.table-button-blue { border: 2px solid #3CB4E6; background: #3CB4E6; color: #fff; margin-bottom: 1px; }
.table-button-blue:hover, .table-button-blue:focus { background: #817f80; color: #ffffff; border: 2px solid #d2d2d2; }

.table-button-green { border: 2px solid #39a94f; background: #39a94f; color: #fff; margin-bottom: 1px; }
.table-button-green:hover, .table-button-green:focus { background: #817f80; color: #ffffff; border: 2px solid #d2d2d2; }

.table-button-orange { border: 2px solid #e17642; background: #e17642; color: #fff; margin-bottom: 1px; }
.table-button-orange:hover, .table-button-orange:focus { background: #817f80; color: #ffffff; border: 2px solid #d2d2d2; }

.table-button-purple { border: 2px solid #753774; background: #753774; color: #fff; margin-bottom: 1px; }
.table-button-purple:hover, .table-button-purple:focus { background: #753774; color: #ffffff; border: 2px solid #d2d2d2; }

.text-change .active { display: none; }
.text-change:hover .active { display: inline; }
.text-change:hover .default { display: none; }

table tr.muted-blue-th th { background-color: #03234b; color: #ffffff; }

table.dataTable.no-footer { /*    border-bottom: none; */ border-bottom: solid 1px #dddddd; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #ffffff; }

table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even { background-color: #f9f9f9; }

table.dataTable thead th, table.dataTable thead td { padding: 20px 10px 10px 10px; }

table.dataTable thead th, table.dataTable tfoot th { font-weight: normal; }

table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #dddddd; padding: 10px 10px; }

table.dataTable { clear: both; margin: 0 !important; max-width: none !important; width: 100%; }

/* taken directly from dataTable's responsive css*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left: 30px; cursor: pointer; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 9px; left: 4px; height: 14px; width: 14px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #008CBA; }
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333; }
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; }
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; }
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; }
table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; }
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #008CBA; }
table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; }
table.dataTable > tbody > tr.child { padding: 0.5em 1em; }
table.dataTable > tbody > tr.child:hover { background: transparent !important; }
table.dataTable > tbody > tr.child ul.dtr-details { display: inline-block; list-style-type: none; margin: 0; padding: 0; }
table.dataTable > tbody > tr.child ul.dtr-details li { border-bottom: 1px solid #efefef; padding: 0.5em 0; }
table.dataTable > tbody > tr.child ul.dtr-details li:first-child { padding-top: 0; }
table.dataTable > tbody > tr.child ul.dtr-details li:last-child { border-bottom: none; }
table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; }

div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; }
div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }
div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; }
div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; }
div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; }
div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); }

@media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } }
table.dataTable > tbody > tr.child ul { font-size: 1em; }

table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked { background-color: white; margin-top: 0 !important; margin-bottom: 0 !important; }

table.dataTable.fixedHeader-floating { position: fixed !important; }

table.dataTable.fixedHeader-locked { position: absolute !important; }

@media print { table.fixedHeader-floating { display: none; } }
.dt-loading-container { max-width: 100% !important; overflow: auto; overflow-x: auto; overflow-y: visible; }

/*table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { display: inline-block;
}*/
table.dt-responsive:not(.fixedHeader-floating):not(.fixedHeader-locked) { width: 100% !important; }
table.dt-responsive.dataTable.dtr-column > tbody > tr.parent td.control, table.dt-responsive.dataTable.dtr-column > tbody > tr.parent th.control, table.dt-responsive.dataTable.dtr-column > tbody > tr > td.control, table.dt-responsive.dataTable.dtr-column > tbody > tr > th.control { width: 16px; }
table.dt-responsive.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dt-responsive.dataTable.dtr-column > tbody > tr.parent th.control:before, table.dt-responsive.dataTable.dtr-column > tbody > tr > td.control:before, table.dt-responsive.dataTable.dtr-column > tbody > tr > th.control:before { background: none; border: none; box-shadow: none; color: #3CB4E6; display: inline-block; font-size: 1.1rem; font-weight: bold; left: 0; margin: 0; position: static; top: 0; }
table.dt-responsive.dataTable > tbody > tr.child ul.dtr-details { width: 100%; }
table.dt-responsive tr.even { background: #f5f5f5; }
table.dt-responsive tr.odd { background: #fff; }

.table-sample-and-buy th, .table-sample-and-buy tr, .table-sample-and-buy td { border: 1px solid #d2d2d2; vertical-align: middle; }

.productspecification { color: #03234b; }

.productspecification h1 { margin-bottom: 5px; }

.productspecification h3 { text-transform: uppercase; color: #03234b; }

.productspecification th { background: #03234b; color: #fff; }

.productspecification td { color: #03234b; width: 50%; }

.productspecification tr > td:last-child { font-weight: bold; }

.productspecification table { background: #f8f8f8; }

.productspecification table tr { border-bottom: 1px solid #ddd; }

.productspecification a[class^="roboto sidebar-button"] { font-size: 13px; padding: 8px; background-position: 136px !important; width: 195px; }

.productspecification a[class^="roboto sidebar-button"]:hover { background-position: 156px !important; }

.product-overview { margin: 40px 0 20px; }
.product-overview .item { background: #f8f8f8; margin: 0 0 20px; padding: 10px 5px; }
@media only screen and (max-width: 40em) { .product-overview .item img.small-6 { width: 50%; } }

.btn-productspecification-quality { padding: 5px; margin-right: 1px; width: 30%; float: left; display: block; }

@media only screen and (max-width: 40.063em) { .btn-productspecification-quality { width: 100%; margin-top: 7px; } }
a i.fa-twitter-square { color: #3cf; }

a i.fa-twitter-square:hover { color: #28a4cd; }

a i.fa-facebook-square { color: #3b5998; }

a i.fa-facebook-square:hover { color: #2b4272; }

a i.fa-linkedin-square { color: #007bb6; }

a i.fa-linkedin-square:hover { color: #015b86; }

a i.fa-google-plus-square { color: #dd4b39; }

a i.fa-google-plus-square:hover { color: #a9382b; }

a i.fa-youtube-square { color: #bb0000; }

a i.fa-youtube-square:hover { color: #880000; }

#langmenu { z-index: 5000; }

#langmenu, #usermenu, #usermenusmall, #langmenusmall { background: #03234b; }

#langmenu.f-dropdown li a, #usermenu.f-dropdown li a, #usermenusmall.f-dropdown li a, #langmenusmall.f-dropdown li a { color: #fff; background: #03234b !important; }

#langmenu.f-dropdown li a:hover, #usermenu.f-dropdown li a:hover, #usermenusmall.f-dropdown li a:hover, #langmenusmall.f-dropdown li a:hover { color: #3CB4E6; background: #03234b !important; }

.offpanel h2 { color: #03234b; font-size: 20px; border-bottom: 0px; padding-bottom: 10px; }

#langmenu li, #usermenu li, #usermenusmall li, #langmenusmall li { font-size: 13px; font-family: Arial,Helvetica,sans-serif; }

ul #usermenu, ul #usermenusmall, ul #langmenusmall { padding: 20px 10px; }

#langmenu.f-dropdown li, #usermenu.f-dropdown li, #usermenusmall.f-dropdown li, #langmenusmall.f-dropdown li { background: none  !important; color: #FFFFFF; cursor: default; }

#usermenu.f-dropdown li:first-child, #usermenu.f-dropdown li:first-child, #usermenusmall.f-dropdown li:first-child { padding-bottom: 10px; }

#usermenu.f-dropdown li:last-child, #usermenu.f-dropdown li:last-child, #usermenusmall.f-dropdown li:last-child { padding-top: 10px; }

.mobile-choice-list { text-align: center; }

.navsearch-padding { margin-bottom: 10px; }

.ui-link i { padding-right: 10px; }

.avatar { border: 1px solid #d4d4d4; }

#header .avatar { max-height: 22px; height: 22px; width: 22px; }

@media only screen and (min-width: 64.063em) { #header .avatar { float: left; margin-top: -4px; margin-right: 10px; font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } }
.image-display .image-preview { background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; height: 200px; margin-bottom: 20px; overflow: hidden; width: 200px; }

.clear-padding { padding: 0; }

.clear-margin { margin: 0; }

.clear-padding-bottom { padding-bottom: 0px !important; }

.clear-padding-top { padding-top: 0px !important; }

.clear-padding-right { padding-right: 0px !important; }

.clear-padding-left { padding-left: 0px !important; }

.clear-margin-bottom { margin-bottom: 0px; }

.clear-margin-top { margin-top: 0px; }

.sidebar-padding { padding-left: 10px; padding-right: 10px; }

.color-inherit { color: inherit; }

.hovertips { margin-top: -25px; display: block; margin-bottom: 20px; }

.free-sample { margin: 0 0 20px; }

.specification-order { margin: auto auto 20px; }

.bg-white { background-color: #ffffff; }

.push-down-inner-head { padding-top: 25px; }

.tabs-search-result-pressrelease div.content { padding-top: 0px; border: none; }

.tabs-search-result-pressrelease table thead th { border-left: none; border-right: none; }

.centerize { text-align: center; }

.search-sub-select-root { height: 43px; }

#search-history.open { z-index: 9999; width: 100% !important; left: 0 !important; }

.search-result { padding: 20px; }

.modal-open { overflow: hidden; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10010; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal .buy-all-button { float: right; }

#myModal .modal-content.loading, #myModal320 .modal-content.loading, #distribModal .modal-content.loading, #panel6 .modal-content.loading, #genericModal .modal-content.loading, .generic-modal .modal-content.loading { background-image: url(st-site/media/app/images/ajax-loader.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: 64px 64px; }

.modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }

.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: absolute; width: 50%; margin-right: 10px; left: 50%; z-index: 9999; height: 100%; overflow-y: scroll; }

.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); outline: 0; height: 100%; overflow: auto; padding: 10px; }

.modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000; }

.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }

.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; }

.modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; }

.modal-header .close { margin-top: -2px; }

.modal-title { margin: 0; line-height: 1.42857143; }

.modal-body { position: relative; padding: 15px; height: 80%; max-height: calc(100%); overflow-y: scroll; }

.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }

.modal-footer .btn-group .btn + .btn { margin-left: -1px; }

.modal-footer .btn-block + .btn-block { margin-left: 0; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

#genericModal, .generic-modal { /*  .agreement-copy { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 20px; max-height: 600px; overflow: auto; overflow-x: hidden; overflow-y: auto; }*/ }
#genericModal h2, .generic-modal h2 { color: #03234b; font-size: 18px; margin: 0 0 20px; }
#genericModal h2.error-title, .generic-modal h2.error-title { margin: 10px 0 10px; font-size: 16px; line-height: 18px; color: #505251; }
#genericModal h3, .generic-modal h3 { color: #03234b; font-family: "Roboto Slab Bold"; font-size: 12px; margin-top: 0; margin-bottom: 15px; }
#genericModal h5, .generic-modal h5 { color: #000; font-size: 14px; margin-top: 0; }
#genericModal .contains-navigation-arrows, .generic-modal .contains-navigation-arrows { position: relative; }
#genericModal a.modal-page, .generic-modal a.modal-page { background: #03234b; color: #fff; font-size: 14px; padding-top: 14px; padding-bottom: 14px; position: absolute; text-align: center; }
#genericModal a.modal-page.prev-page, .generic-modal a.modal-page.prev-page { padding-left: 14px; padding-right: 20px; left: -70px; }
#genericModal a.modal-page.next-page, .generic-modal a.modal-page.next-page { padding-left: 20px; padding-right: 14px; right: -70px; }
#genericModal a.modal-page.inactive, .generic-modal a.modal-page.inactive { background: #8f8f8f; }
#genericModal .modal-dialog, .generic-modal .modal-dialog { -moz-box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 7px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 7px; box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 7px; height: auto; left: auto; margin: 30px auto; max-width: 760px; overflow: auto; position: relative; width: auto; }
#genericModal .modal-content, .generic-modal .modal-content { transition: height 2s ease-out, max-height 2s ease-out; padding: 40px 70px 37px; }
#genericModal .btn-close-panel, .generic-modal .btn-close-panel { font-size: 36px; line-height: 1; position: absolute; top: 8px; right: 17px; color: #AAA; font-weight: bold; cursor: pointer; }
#genericModal .image-header .image, .generic-modal .image-header .image { padding-left: 0; padding-right: 54px; }
#genericModal .image-header .details, .generic-modal .image-header .details { padding-top: 38px; padding-left: 0; }
#genericModal .image-header, #genericModal article, .generic-modal .image-header, .generic-modal article { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; }
#genericModal .related-assets, .generic-modal .related-assets { padding-bottom: 25px; }
#genericModal article, #genericModal article p, .generic-modal article, .generic-modal article p { color: #6b6b6b; font-size: 12px; line-height: 14px; }
#genericModal article p:last-child, .generic-modal article p:last-child { margin-bottom: 0; }
#genericModal .document-info, .generic-modal .document-info { color: #6b6b6b; font-size: 10px; }

#genericModalTrim .modal-content { padding: 40px 20px 30px; }
#genericModalTrim .modal-content.data-image { text-align: center; }

.agreement-copy title { display: inline; font-weight: bold; color: #03234b; }

#sampleBuyMoreInfoModal .text-blue { color: #03234b; }
#sampleBuyMoreInfoModal .table-button-blue, #sampleBuyMoreInfoModal .table-button-green, #sampleBuyMoreInfoModal .table-button-orange { display: inline-block; overflow: hidden; }
#sampleBuyMoreInfoModal .table-button-blue, #sampleBuyMoreInfoModal .table-button-orange { width: 100px; }
#sampleBuyMoreInfoModal .table-button-green { width: 160px; }

.inner-button-green-modal { background: #39a94f url(st-site/media/app/images/icon_arrow_button.png) no-repeat 100%; background-size: 30px; color: #fff; transition: all 0.25s ease-out; border: 2px solid #39a94f; display: block; font-size: 0.8rem; padding: 0.35rem; padding-right: 40px; margin-bottom: 5px; width: 100%; }
.inner-button-green-modal:hover { background: #fff url(st-site/media/app/images/icon_arrowrightcolumnbutton_lightgreenv2.png) no-repeat 95%; background-size: 30px; color: #39a94f; width: 100%; }

@media only screen and (max-width: 64em) { #genericModal .modal-content { padding-left: 20px; padding-right: 20px; }
  #genericModal a.modal-page { display: block; margin-bottom: 20px; position: relative; width: 50%; }
  #genericModal a.modal-page.next-page { float: right; right: auto; }
  #genericModal a.modal-page.prev-page { float: left; left: auto; } }
@media (min-width: 992px) { .modal-lg { width: 50%; } }
@media (max-width: 780px) { .modal-lg { width: 75%; } }
@media only screen and (min-width: 40.063em) { .modal-dialog-medium { position: absolute; width: 50%; margin-right: 10px; left: 50%; z-index: 9999; height: 100%; overflow-y: scroll; } }
@media only screen and (min-width: 60em) { .modal-dialog-large { position: absolute; width: 35%; margin-right: 10px; left: 65%; z-index: 9999; height: 100%; overflow-y: scroll; } }
@media only screen and (max-width: 40.063em) { .modal-dialog { position: absolute; margin-right: 10px; width: 100%; left: 0; z-index: 9999; height: 100%; overflow-y: scroll; }
  .modal-lg { width: 100%; }
  .inner-button-green-modal { background: none; background-color: #39a94f; color: #fff; transition: all 0.25s ease-out; border: 2px solid #39a94f; display: block; font-size: 0.8rem; padding: 0.35rem; margin-bottom: 5px; width: 100%; } }
.tabs-product-folder-view-specification dd { width: 33%; }

.tabs-product-folder-view-specification dd a { font-size: 12px; padding-top: 10px; padding-bottom: 10px; padding-left: 2px; padding-right: 2px; text-align: center; }

.tabs-product-folder-view-specification.tabs dd > a, .tabs-product-folder-view-specification.tabs .tab-title > a { background: #1d7ca8; color: #fff; text-transform: uppercase; }

.tabs-product-folder-view-specification.tabs dd.active a, .tabs-product-folder-view-specification.tabs .tab-title.active a { background: #3CB4E6; color: #fff; }

.tabs-designresources.tabs dd > a:hover, .tabs-designresources.tabs .tab-title > a:hover { background: #3CB4E6; color: #fff; }

#img-folder { text-align: center; }

.rcrumbs ul.breadcrumbs { background: none; border: none; min-height: 30px; padding: 0; padding: 10px 0px 10px 0px; margin-bottom: 0px; }

.whitebackground { width: 1170px !important; background-color: #ffffff; }

.margin-left-15 { margin-left: 15px; }

.boxed-secondary, .events-slider { border: 1px solid #bac5cb; margin-bottom: 10px; }

.events-slider .slick-slide img, .estore-slider .slick-slide img, .generic-slider .slick-slide img { /*width: auto;*/ }
.events-slider .slick-dots, .estore-slider .slick-dots, .generic-slider .slick-dots { bottom: 0; left: auto; padding-right: 10px; position: absolute; text-align: center; width: 100%; }
.events-slider .slick-dots li, .estore-slider .slick-dots li, .generic-slider .slick-dots li { margin: 0 2px; }

.events-table tbody tr:nth-child(2n) td { background-color: #f9f9f9; }

.img-block { display: block; }

.margin-left-15 { margin-left: 15px; }

.margin-left-20 { margin-left: 20px; }

.margin-right-5 { margin-right: 5px; }

.margin-top-10 { margin-top: 10px; }

.padding10 { padding: 10px; }

@media only screen and (min-width: 40.063em) { #back-hover-offset { width: 3000px; background-color: #ffffff; height: 50px; position: fixed; top: 0; left: 0; display: none; z-index: 999; } }
/*@media only screen and (max-width: 40.063em) { #contentnav + div:not(.content) { display: none !important; } }*/
#contentnav { z-index: 1002; opacity: 0; }

.floatContainerClass { margin-top: 52px; padding-top: 52px; top: 52px; }

.button-sm { padding: 5px; font-size: 0.8rem; margin: 0; }

.button-secondary { background-color: #03234b; color: #fff; }

a.button-secondary, a.button-secondary:hover, a.button-secondary:focus { background-color: #03234b; color: #fff; }

a.button-secondary.btn-checked, a.button-secondary.btn-checked:hover, a.button-secondary.btn-checked:focus { background-color: #753774; color: #fff; }

h1.error-messaging { font-size: 40px; }

.error-page { border-top: 1px solid #03234b; }
.error-page .row.family-categories { display: flex; flex-flow: row wrap; }

.reveal-modal, dialog { z-index: 9005; }

.videos-item { background-color: #ffffff; margin-bottom: 1.25rem; float: left !important; }
.videos-item.no-float { float: none !important; }

.videos-item span.overlay { top: 50%; left: 50%; position: absolute; }

.videos-item p { padding-left: 5px; padding-right: 5px; font-size: 13px; }

.videos-item p.video-title { padding-top: 10px; margin-bottom: 10px; color: #03234b; line-height: 20px; max-height: 50px; overflow: hidden; }

/*.videos-item:nth-child(3n+1) { clear: both;
}*/
.video-title a { color: #03234b; font-weight: bold; }

.video-title a:hover { text-decoration: underline; }

.videos-item p.video-description { font-size: 11px; max-height: 51px; line-height: 17px; overflow: hidden; padding-bottom: 0; margin-bottom: 0; }

.videos-item.personalized-item { border-left: 4px solid #c04849; margin-left: 0; }

.videocontent { width: 100% !important; max-width: 930px !important; }

.video-js { padding-top: 56.25%; }

.vjs-fullscreen { padding-top: 0px; }
.videos-item {text-align: center;}

.video-img { display: block; position: relative; }
.video-img .ivt { max-height: 360px; width: auto; }
.video-img .thumbnail-overlay { display: none; background: rgba(255, 255, 255, 0.4); }
.video-img .thumbnail-overlay a { background: url(st-site/media/app/images/video_thumbnail_overlay_icon.png) no-repeat 50% 50%; background-size: 22%; }
.video-img .thumbnail-overlay, .video-img .thumbnail-overlay a { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; z-index: 1003; }

.smps-ac-dc { display: none; }

.led-ac-dc { display: none; }

.tabs-edesign-horizontal dd { text-align: center; }

#videoModal { opacity: 1; }

#videoModalContent {
  position: relative;
  z-index: 10;
}

#videoModal .link-icon {
  width: 22px;
  height: 30px;
  display: inline-block;
  position: absolute;
  top: 39px;
  right: 20px;
  z-index: 11;
  opacity: 1;
  background-color: rgba(43, 51, 63, .7);
  transition: all .4s;
  border-radius: 25px;
  padding: 5px;
  box-sizing: content-box;
}

#videoModal .link-icon:before {
  background-color: rgba(43,51,63,.7);
  border-radius: 15px;
  color: #aaa;
  content: attr(data-copied-msg);
  display: none;
  margin-top: -50%;
  padding: 5px;
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  white-space: nowrap;
  width: fit-content;
}

#videoModal .link-icon.is-copied:before {
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-name: videoModalTip;
  display: block;
  opacity: 0;
}

@keyframes videoModalTip {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#videoModal .link-icon:focus, #videoModal .link-icon:hover {
  outline: 0;
  background-color: rgba(115, 133, 159, .5);
  transition: all 0;
}

#videoModal .link-icon svg {
  width: 100%;
  height: 100%;
}

#videoModal .link-icon svg use {
  fill: #aaa;
}

.search-result-text { padding-bottom: 2px; border-bottom: 1px solid #ccc; }

.vertical-fa { padding-top: 2px; }

.no-margin-top { margin-top: 0px; }

.no-padding-left { padding-left: 0px; }

.no-margin-left { margin-left: 0px; }

.no-margin-bottom { margin-bottom: 0px !important; }

.no-margin-left { margin-left: 0px; }

#drop1.open { outline: none; }

.contactsubtitle { background: #03234b; color: #fff; padding: 7px; margin-top: 20px; margin-bottom: 20px; }

#validationModal select { height: 2.2rem; padding-right: 20px; }

#validationModal .rtl { direction: rtl; }

.table-button-contact { transition: all 0.25s ease-out; border: 2px solid #3CB4E6; background: #3CB4E6; display: block; color: #fff; font-size: 0.75rem; padding: 5px 10px; font-family: "Roboto Slab", "Times New Roman", Georgia, sans-serif; text-align: center; width: 50%; }

.table-button-contact:hover { background: #817f80; color: #ffffff; border: 2px solid #d2d2d2; font-family: "Roboto Slab", "Times New Roman", Georgia, sans-serif; text-align: center; }

.contact-us-map-container { width: 100%; height: 400px; margin-top: 20px; margin-bottom: 20px; }

.contact-us-store { padding: 10px; margin-bottom: 10px; }

.contact-us-store-grey { padding: 10px; background-color: #eeeeee; margin-bottom: 10px; }

.gmnoprint img { max-width: none; }

select.contact-type { padding: 0.2rem; }

select.less-padding { padding: 0.2rem 0.2rem 0.2rem 0.5rem; }

button.form-submit-primary, submit.form-submit-primary { transition: all 0.25s ease-out; border: 2px solid #2eaadd; background-color: #2eaadd; color: #ffffff; font-weight: normal; font-size: 15px; font-family: arial; padding-bottom: 8px; padding-top: 8px; }

submit.form-submit-primary { padding-left: 2rem; padding-right: 2rem; cursor: pointer; }

button.form-submit-primary:hover, submit.form-submit-primary:hover, button.form-submit-primary:focus, submit.form-submit-primary:focus, button[disabled].form-submit-primary, submit[disabled].form-submit-primary { background: #817f80; border: 2px solid #d2d2d2; color: #ffffff; text-align: center; }

button.form-submit-primary-get-software { transition: all 0.25s ease-out; border: 2px solid #2eaadd; background-color: #2eaadd; color: #ffffff; font-weight: normal; font-size: 15px; font-family: arial; padding-bottom: 8px; padding-top: 8px; margin-left: 130px; }

button.form-submit-primary-get-software:hover, button.form-submit-primary-get-software:focus, button[disabled].form-submit-primary-get-software { background: #817f80; border: 2px solid #d2d2d2; color: #ffffff; text-align: center; margin-left: 130px; }

.email-login { float: right; margin-right: -0.9357rem; }

@media only screen and (max-width: 40.063em) { .small-align-center { text-align: center; }
  .small-align-center a { float: none !important; } }
.input-row { margin-bottom: 1rem; }
.input-row input { margin-bottom: 0 !important; }

.no-wrap { white-space: nowrap; }

.normal-wrap { white-space: normal; }

.checkbox-row label { display: inline-block; max-width: calc( 100% - 20px ); }
.checkbox-row input[type="checkbox"] { vertical-align: top; top: 2px; position: relative; }

button.form-submit-cancel { background-color: #959595; color: #ffffff; border: none; padding-top: 10px; font-weight: normal; font-size: 15px; font-family: arial; padding-bottom: 10px; }

.rt-clock-result { background-color: #d8effc; }

.input-radio-inline, .input-checkbox-inline { padding-top: 0; }

label.inline { margin: 0 0 0 0; }

label small { text-transform: none; }

@media only screen and (min-width: 40.063em) { label.inline { margin: 0 0 0.5rem 0; }
  .input-radio-inline, .input-checkbox-inline { padding-top: 8px !important; } }
.row.sub-form { margin-top: 0px !important; padding-bottom: 10px !important; }

#search-input-inline, .search-input-inline { height: 2.3rem !important; }

.newsletter-registration-submit-box { border-top: 1px solid #d1d0d3; padding-top: 15px; }

.newsletter-registration-password-requirement { border: 1px solid #d1d0d3; padding: 15px; background-color: #fafafa; }

.newsletter-submit.disabled, .newsletter-submit[disabled], .newsletter-submit.disabled:hover, .newsletter-submit[disabled]:hover { opacity: 1; background-color: #ffffff; }

.validation-form .newsletter-submit.disabled { opacity: 0.5; background-color: #2eaadd; cursor: not-allowed; }

.user-container { border: 1px solid #3ba9dc; margin: 0 0 60px; }
.user-container header { border-bottom: 1px solid #ccd4d9; font-size: 12px; line-height: 14px; padding: 10px 19px 4px 10px; }
.user-container header .user-name { font-size: 16px; line-height: 18px; }
.user-container .profile-image { float: right; }
.user-container .description { font-size: 12px; line-height: 24px; padding: 13px 12px 14px; }
.user-container .description p { margin-bottom: 20px; }
.user-container .description .profile-image { float: left; margin: 0 14px 10px 0; }
.user-container.active { background: #f8f8f8; border-color: #f8f8f8; }
.user-container.post header { padding: 0 0 0 0; }
.user-container.post header .profile-image { float: left; }
.user-container.post header .post-details { float: left; margin: 22px 0 0 10px; }
.user-container.post header .buttons { float: right; margin: 7px 7px 5px 0; }
.user-container.post header .buttons a { margin: 0 0 0 7px; padding: 3px 11px 2px; /*background-color: #3ba9dc;
border: none;
color: #fff;
font-size: 11px;
margin: 0 0 0 7px;
*/ }

ul.icon-navigation, ul.link-navigation { line-height: normal; list-style: none; margin: 0; padding: 0; }
ul.icon-navigation li, ul.link-navigation li { float: left; margin-bottom: 18px; overflow: hidden; text-align: left; }
ul.icon-navigation li.medium-6:nth-child(odd), ul.link-navigation li.medium-6:nth-child(odd) { clear: both; padding-right: 10px; }
ul.icon-navigation li.medium-6:nth-child(even), ul.link-navigation li.medium-6:nth-child(even) { padding-left: 10px; }
ul.icon-navigation li .image-slot > span, ul.link-navigation li .image-slot > span { background: #fff; border: 1px solid #3ba9dc; display: inline-block; height: 58px; line-height: 58px; overflow: hidden; width: 45px; }
ul.icon-navigation li .image-slot > span img, ul.link-navigation li .image-slot > span img { max-width: 45px; max-height: 58px; }

ul.link-navigation li span { color: #5f5f5f; display: block; font-size: 11px; }

ul.icon-navigation .image-slot, ul.icon-navigation .desc-slot { float: left; }
ul.icon-navigation .image-slot img { width: 100%; }
ul.icon-navigation .desc-slot { padding: 5px 0 0 13px; }
ul.icon-navigation.community-groups .desc-slot { padding-top: 20px; }

@media only screen and (max-width: 40.063em) { ul.icon-navigation li.medium-6:nth-child(odd), ul.link-navigation li.medium-6:nth-child(odd) { padding-right: 0; }
  ul.icon-navigation li.medium-6:nth-child(even), ul.link-navigation li.medium-6:nth-child(even) { padding-left: 0; }
  ul.icon-navigation .desc-slot { clear: both; padding-left: 0; }
  ul.icon-navigation.community-groups .desc-slot { padding-top: 5px; } }
.tag-cloud { font-size: 12px; }
.tag-cloud strong { font-size: 16px; }

.speaker-block { margin-top: 25px; }
.speaker-block img { padding-right: 10px; padding-bottom: 10px; }
.speaker-block p:first-of-type { font-weight: bold !important; }

.image-map-container { position: relative; }
.image-map-container area { position: relative; }

.img-map-tt-wrapper { height: 0; min-width: 150px; opacity: 0; position: absolute; transition: opacity 0.25s ease-out, height 0.25s ease-out; }
.img-map-tt-wrapper.active { height: auto; opacity: 1; }
.img-map-tt-wrapper .img-map-tt { background: #03234b; border: 1px solid #ddd; color: #fff; display: block; font-size: 13px; list-style: none; margin: 0px; padding: 3px 0 0 0; max-width: 200px; }
.img-map-tt-wrapper .img-map-tt li { border-top: 1px solid #000; padding: 0; }
.img-map-tt-wrapper .img-map-tt li:first-child { border: none; }
.img-map-tt-wrapper .img-map-tt li a { display: block; font-size: 13px; line-height: normal; padding: 6px 20px 5px; color: #fff; }
.img-map-tt-wrapper .img-map-tt li a:hover { background-color: #fff; color: #03234b; }

.infinite-load-container .infinite-load-loader { margin: 10px 0; text-align: center; }
.infinite-load-container .infinite-load-add-more { margin: 10px 0; }
.infinite-load-container .infinite-load-add-more .sidebar-button { background-image: url(st-site/media/app/images/icon_plus_button.png); }
.infinite-load-container .infinite-load-add-more .sidebar-button .active { display: none; }
.infinite-load-container.loading .sidebar-button .default { display: none; }
.infinite-load-container.loading .sidebar-button .active { display: block; }

.estore-infinite-load-container .estore-infinite-load-loader { margin: 10px 0; text-align: center; }

.estore-infinite-load-container .estore-infinite-load-add-more { margin: 10px 0; }

.estore-infinite-load-container .estore-infinite-load-add-more .sidebar-button { background-image: url(st-site/media/app/images/icon_plus_button.png); }

.estore-infinite-load-container .estore-infinite-load-add-more .sidebar-button .active { display: none; }

.estore-infinite-load-container.loading .sidebar-button .default { display: none; }

.estore-infinite-load-container.loading .sidebar-button .active { display: block; }

.personalized { color: #c04849 !important; }

.mobile_results_grid { margin-bottom: 1rem; }

.event-list td { vertical-align: top; }

.event-location { margin-bottom: 1rem; }
.event-location:last-of-type { margin-bottom: 0; }

.manager { display: block; margin-bottom: 1rem; overflow: hidden; }

.manager__info { display: block; overflow: hidden; }

.manager__photo { float: left; margin-right: 1rem; }

#videoFilters .column { margin-bottom: 5px; }
#videoFilters h3 { font-weight: 300; text-transform: uppercase; }
#videoFilters select, #videoFilters .block-btn { display: block; height: auto; margin: 0 0 5px 0; padding: 5px; width: 100%; }
#videoFilters input[type='text'] { margin-bottom: 0; }
#videoFilters #textQuery .search-field { display: none; }
#videoFilters #textQuery .search-field input { display: inline-block; max-width: calc(100% - 20px); }
#videoFilters #textQuery [data-apply-filters] { color: #03234b; line-height: 2rem; }
#videoFilters button { font-size: .875rem; padding: 5px; overflow: hidden; text-align: center; text-overflow: ellipsis; text-transform: uppercase; transition: all 0.25s ease-out; white-space: nowrap; background: #464650; border: 2px solid #464650; color: #ffffff; }
#videoFilters button:hover, #videoFilters button:focus { background-color: #ffffff; color: #464650; }
#videoFilters .filter-btn { background-color: #3CB4E6; border-color: #3CB4E6; color: #ffffff; padding-left: 10px; padding-right: 40px; position: relative; text-align: left; }
#videoFilters .filter-btn:hover, #videoFilters .filter-btn:focus { color: #3CB4E6; }
#videoFilters .filter-btn .btn-icon { border-left: 1px solid; font-size: 2em; text-align: center; width: 30px; position: absolute; top: 0; right: 0; bottom: 0; }
#videoFilters .filter, #videoFilters .filter-label { overflow: hidden; display: block; }
#videoFilters .filter:after, #videoFilters .filter-label:after { clear: both; content: ""; display: block; }
#videoFilters .filter-control { display: block; float: left; margin-right: 10px; }
#videoFilters .filter-remove { background: inherit; border: 0; color: inherit; display: inline-block; margin: 0; padding: 0; width: auto; }

ul.pagination li.unavailable a, ul.pagination li.unavailable button { pointer-events: none; }

.iframe-registration { width: 100%; height: 800px; border: 0; }

.toggle-eligible-items .active { display: none; }
.toggle-eligible-items.active .default { display: none; }
.toggle-eligible-items.active .active { display: inline-block; }
.toggle-eligible-items.main-body { padding-left: 0.9375rem !important; }

.solution-widget-table-wrapper { overflow: auto; }

.solutions-widget-container .float-block-container  .solution-row-status { text-align: center; color: #3CB4E6; }
.solutions-widget-container .float-block-container  .solution-row-status .fa.fa-minus { display: none; }
.solutions-widget-container .float-block-container.active .solution-row-status .fa.fa-plus { display: none; }
.solutions-widget-container .float-block-container.active .solution-row-status .fa.fa-minus { display: block; }
.solutions-widget-container.tab-type .content { padding-top: 0 !important; }
.solutions-widget-container div.content div.hide-eligible-item:nth-child(4n+3) { background-color: #ffffff; }
.solutions-widget-container div.content div.hide-eligible-item:nth-child(4n+1) { background-color: #f8f8f8; }

.solution-widget-table tbody tr { background: none; }
.solution-widget-table tbody tr .solution-row-status { text-align: center; color: #3CB4E6; }
.solution-widget-table tbody tr .solution-row-status .fa.fa-minus { display: none; }
.solution-widget-table tbody tr.active .solution-row-status .fa.fa-plus { display: none; }
.solution-widget-table tbody tr.active .solution-row-status .fa.fa-minus { display: block; }
.solution-widget-table tbody tr.expand-content td tr, .solution-widget-table tbody tr.distributor-expand-content > td tr { background: none; }
.solution-widget-table tbody tr.expand-content td.loading, .solution-widget-table tbody tr.distributor-expand-content > td.loading { background-image: url(st-site/media/app/images/ajax-loader.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: 64px 64px; height: 74px; }
.solution-widget-table tbody tr td.out-of-production { font-size: 0.625rem; line-height: 0.875rem; }
.solution-widget-table tbody tr:nth-child(6n+4) { background: #f9f9f9; }
.solution-widget-table tbody img { max-width: 100%; }
.solution-widget-table .icon { display: inline-block; padding-bottom: 5px; }
.solution-widget-table .image-container, .solution-widget-table .key-features-container { transition: width 0.3s; }
.solution-widget-table .image-container { margin-bottom: 10px; }
.solution-widget-table .image-container img { width: 100%; }
.solution-widget-table .image-container.active div { display: block; }
.solution-widget-table .image-container div { display: none; }
.solution-widget-table .image-container.active { width: 100%; }
.solution-widget-table .image-container.active a { cursor: url(st-site/media/app/images/magnifying-glass.cur), url(https://www.st.com/etc/clientlibs/st-site/media/app/images/magnifying-glass.cur), auto; }
.solution-widget-table .image-container a { cursor: url(st-site/media/app/images/magnifying-glass.cur), url(https://www.st.com/etc/clientlibs/st-site/media/app/images/magnifying-glass.cur), auto; }
.solution-widget-table .files-container.active { clear: both; }
.solution-widget-table [class^="table-button"], .solution-widget-table [class*=" table-button"] { margin-bottom: 3px; }
.solution-widget-table [class^="table-button"]:last-child, .solution-widget-table [class*=" table-button"]:last-child { margin-bottom: 0; }

.solutionsoftwares-softwaresbutton { white-space: nowrap; background-color: #a3a2a7; padding: 3px 12px; cursor: pointer; text-transform: uppercase; }
.solutionsoftwares-softwaresbutton:hover { background: #817f80; }
.solutionsoftwares-softwaresbutton span { color: #fff; font-size: 10px; }

.solutionsoftwares-softwaresbuttontext { display: inline-block; }

.solutionsoftwares-softwaresbuttonicon { display: inline-block; margin-left: 5px; }
.solutionsoftwares-softwaresbuttonicon i { color: #fff; font-size: 10px; }
.solutionsoftwares-softwaresbuttonicon .fa-minus { display: none; }
.solutionsoftwares-softwaresbuttonicon .fa-plus { display: block; }

.solutionsoftwares-softwaresubpanel { padding-bottom: 30px; }
.solutionsoftwares-softwaresubpanel table { margin: 10px 0 20px; }
.solutionsoftwares-softwaresubpanel table tbody tr { background-color: #fff !important; border-bottom: 0; }

.solutionsoftwares-softwaresubpanelcontent { overflow-y: hidden; transition: max-height 0.5s; max-height: 0; }

.solutionsoftwares-subpanelrow > td { padding: 0 10px; }

ul.parts-numbers-search-results { list-style-type: none; margin: 0; padding: 0; }
ul.parts-numbers-search-results li { display: inline-block; }
ul.parts-numbers-search-results li.see-all-search-results-wrapper { display: none; }
ul.parts-numbers-search-results li.see-all-search-results-wrapper a.see-all-search-results span.active { display: none; }
ul.parts-numbers-search-results li:nth-of-type(n+7) { display: none; }
ul.parts-numbers-search-results.collapsed li:nth-of-type(n+7) { display: inline-block; }
ul.parts-numbers-search-results.collapsed li.see-all-search-results-wrapper span.list-dots { display: none; }
ul.parts-numbers-search-results.collapsed li.see-all-search-results-wrapper a.see-all-search-results span.default { display: none; }
ul.parts-numbers-search-results.collapsed li.see-all-search-results-wrapper a.see-all-search-results span.active { display: inline-block; }

.see-all-search-results { display: inline-block !important; }

#solutions-scroll .row { margin-left: 0; margin-right: 0; margin-left: -15px; margin-right: -15px; margin: 0 -0.5rem; }
#solutions-scroll .row.hide-eligible-item, #app-solutions .solutions-widget-container .float-block-container.hide-eligible-item, #hw-eval-boards .solutions-widget-container .float-block-container.hide-eligible-item {border-bottom: 1px solid #dfdfdf;}
#app-solutions .solutions-widget-container .gscontent .row { margin-left: -15px; margin-right: -15px; }
#app-solutions .solutions-widget-container .gscontent form .row .row { margin: 0 -0.5rem; }

.float-block-container {overflow: hidden;}

@media only screen and (min-width: 45.063em) { #genericModalTrim .distributors-modal-content, #genericModalTrim .solution-product-description-content, #solution-widget1 .distributors-modal-content, #solution-widget1 .solution-product-description-content { padding-left: 75px; }
  .solutions-widget-container div.content.active > .float-block-container  > .see-more-content.filled, .solutions-widget-container div.content.active .see-more-content.filled { padding-left: 75px; }
  .solutions-widget-container div.content.active > .float-block-container  > .see-more-content.filled.hw-eval-boards-container { padding-left: 0; } }
/* CSS sync: to be moved to AEM if needed
#stmicro-korean {
	.video-js {
		padding-top: 0px;
		border: 1px solid #ccc;
		height: auto;
		line-height: 0px;
	}

	.video-js .vjs-tech {
		position: relative;
	}
}
*/

#stmicro-korean .video-js{
    padding-top: 0px;
    border: 1px solid #ccc;
    height: auto;
    line-height: 0px;
}

#stmicro-korean .video-js .vjs-tech{
    position: relative;
}

@media only screen and (max-width: 40.063em) {
    #stmicro-korean .video-js{
        width: 100%;
    }
}

.drop-page-header-padding .page-header { padding-top: 0 !important; }

.red-label { color: red; }

.partner-program-resources { border-bottom: 1px solid #bac5cb; padding-bottom: 10px; }

/* new products start*/
.new-product-title { margin-top: 10px; }
.new-product-title a { border-bottom: none !important; }

.new-product-link { color: #3CB4E6; }

/* new products end*/
/* replacement product and stuff start */
.link-email-modal-decoration { text-decoration: underline; }

.replacement-product { padding: 7px 0 10px; }

h3.replacement-product { display: inline; font-size: 18px; }

a.replacement-product { display: inline; font-size: 20px; font-weight: bold; }

div.replacement-product { padding: 10px 0; }

/* replacement product and stuff end */
/* header cookie panel start */
.cookie-panel { background: #39a9db; padding: 5px; text-align: center; color: #fff; }
.cookie-panel a { color: #03234b; padding-left: 2%; }
.cookie-panel a:hover { color: #0078a0 !important; }

/* header cookie panel end */
/*cookie policy start*/
#optanon-cookie-policy .optanon-cookie-policy-group-name { font-weight: bold; }
#optanon-cookie-policy p:empty { display: none; }

/*cookie policy end*/
.generic-button { transition: all 0.25s ease-out; border: 2px solid #03234b; background: #03234b; display: inline-block; color: #fff; font-size: 13px; padding: 10px 25px 9px; text-align: center; white-space: nowrap; }
.generic-button:focus { background: #03234b; border-color: #03234b; color: #fff; }
.generic-button.lightblue, .generic-button.lightblue:focus { background: #3CB4E6; border-color: #3CB4E6; }
.generic-button.darkblue, .generic-button.darkblue:focus { background: #03234b; border-color: #03234b; }
.generic-button.orangev2, .generic-button.orangev2:focus { background: #cc6600; border-color: #cc6600; }
.generic-button:hover { background: #817f80; border-color: #d2d2d2; color: #fff; }
.generic-button.small { padding: 3px 30px 2px; }

/** Fix for padding menu on desktop other than homepage **/
#menu-btn { font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; padding-bottom: 10px; padding-top: 5px; display: block; color: #03234b; /*width: 169px !important;*/ background: none !important; }

/*
.sf-menu { left: 0px; top: 70px;
}*/
.search-styling { /* hide rows if table contains more than 6 rows */ }
.search-styling body { color: #03234b; }
.search-styling h1, .search-styling h2, .search-styling h3 { color: #03234b; }
.search-styling a:focus { color: #03234b; }
.search-styling p { margin-bottom: 5px; }
.search-styling p a.link { text-decoration: underline; }
.search-styling table { width: 100%; border: solid 1px #dddddd; }
.search-styling table thead tr th, .search-styling table thead tr td { font-size: 0.9rem; }
.search-styling table tr th, .search-styling table tr td { font-size: 0.8rem; }
.search-styling table tr th, .search-styling table tr td { color: #03234b; border-left: solid 1px #dddddd; }
.search-styling .tabs { border-bottom: 5px solid #03234b; }
.search-styling .tabs dd > a, .search-styling .tabs .tab-title > a { padding: 0.7rem 1.6rem; font-size: 0.9rem; background: none; color: #03234b; }
.search-styling .tabs dd.active a, .search-styling .tabs .tab-title.active a { background-color: #03234b; color: #ffffff; }
.search-styling ul.pagination li.current a, .search-styling ul.pagination li.current button { background: #03234b; border-radius: 0; }
.search-styling .recommended-link { padding: 20px; border: 1px solid #bbb; position: relative; margin-bottom: 20px; }
.search-styling .recommended-link h3 { margin-top: 0; color: #03234b; }
.search-styling .recommended-link a { color: #777; }
.search-styling .recommended-link-label { color: #777; position: absolute; right: 20px; bottom: -21px; background: #fff; padding: 10px; }
.search-styling .text-muted { color: #8f8f8f !important; }
.search-styling .text-muted-dark { color: #464650 !important; }
.search-styling .search { padding-top: 20px; border: 1px solid #e1e6e8; border-width: 1px 0; background: #fcfcfc; margin-bottom: 20px; }
.search-styling .search.simple { border: none; background: transparent; padding-top: 0; }
.search-styling .search.simple .button.postfix { line-height: 2.6rem; }
.search-styling .search input { height: 2.6rem; }
.search-styling .search .button.postfix { height: 2.6rem; line-height: 3.0rem; color: #777; }
.search-styling .searched-items { margin-bottom: 20px; }
.search-styling .searched-items span.inline-search-close { display: inline-block; padding-right: 20px; }
.search-styling .searched-items span.inline-search-close button.filter-remove { margin-right: 5px !important; }
.search-styling #drop_search { width: 100%; max-width: 100%; background: #f5f5f5; }
.search-styling #drop_search ul.phase-left { margin-bottom: 0px; }
.search-styling #drop_search ul.phase-left:last-child { margin-bottom: 20px; }
.search-styling #drop_search ul.phase-left li a { padding: 0; }
.search-styling #drop_search ul.phase-left li { background-image: url("st-site/media/app/images/auto-lined.png"); background-color: #f5f5f5; background-position: center; background-repeat: repeat-x; padding-bottom: 5px; padding-left: 0.2rem; padding-top: 2px; }
.search-styling #drop_search p { padding-top: 10px; padding-bottom: 10px; }
.search-styling #drop_search ul.phase-left li a { background-color: #f5f5f5; width: auto; display: inline; padding-right: 5px; }
.search-styling #drop_search ul.phase-left > li:hover { background-color: #e1dfdf; }
.search-styling #drop_search ul.phase-left > li:hover a { background-color: #e1dfdf; }
.search-styling #drop_search ul.phase-left > li a:hover { background-color: #e1dfdf; }
.search-styling #drop_search ul.phase-left li { background-image: url("st-site/media/app/images/auto-lined.png"); background-color: #f5f5f5; background-position: center; background-repeat: repeat-x; padding-bottom: 5px; padding-left: 0.2rem; }
.search-styling #drop_search ul.phase-right li a.standard-link { color: #3CB4E6; }
.search-styling #drop_search ul.phase-right li a { padding: 5px 5px; }
.search-styling #drop_search ul.phase-right { margin-bottom: 0px; }
.search-styling #drop_search ul.phase-right:last-child { margin-bottom: 20px; }
.search-styling .button-darkblue { background: #03234b; color: #ffffff; transition: all 0.25s ease-out; border: 2px solid #03234b; display: block; font-size: 15px; padding: 0.5rem; margin-bottom: 5px; font-size: 0.9rem; }
.search-styling .button-darkblue:focus { color: #ffffff; }
.search-styling .button-orange { background: #e17642; padding: 0.75rem; color: #fff; transition: all 0.25s ease-out; border: 2px solid #e17642; display: block; font-size: 15px; padding: 0.75rem; margin-bottom: 5px; font-size: 0.9rem; text-decoration: none; white-space: nowrap; }
.search-styling .button-orange:hover { background: #fff; padding: 0.75rem; color: #e17642; transition: all 0.25s ease-out; border: 2px solid #e17642; display: block; font-size: 15px; padding: 0.75rem; margin-bottom: 5px; font-size: 0.9rem; text-decoration: none; }
.search-styling .button-blue { background: #3CB4E6; padding: 0.75rem; color: #fff; transition: all 0.25s ease-out; border: 2px solid #3CB4E6; display: block; font-size: 15px; padding: 0.75rem; margin-bottom: 5px; font-size: 0.9rem; text-decoration: none; white-space: nowrap; }
.search-styling .button-blue:hover { background: #fff; padding: 0.75rem; color: #3CB4E6; transition: all 0.25s ease-out; border: 2px solid #3CB4E6; display: block; font-size: 15px; padding: 0.75rem; margin-bottom: 5px; font-size: 0.9rem; text-decoration: none; }
.search-styling #search-history { padding: 10px; }
.search-styling .table-head-red { background-color: #c04849 !important; color: #fff; }
.search-styling .hidden { display: none; }
.search-styling a.expandable, .search-styling a.compressable { color: #03234b; }
.search-styling *, .search-styling *:before, .search-styling *:after { box-sizing: border-box; }
.search-styling *, .search-styling *:before, .search-styling *:after { box-sizing: border-box; }
.search-styling .sidebar-button-blue { background: url("st-site/media/app/images/icon_arrow_button.png") no-repeat scroll 100% center #3CB4E6; border: 2px solid #3CB4E6; color: #fff; display: block; font-size: 15px; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; transition: all 0.25s ease-out 0s; }
.search-styling #search-solutions tbody tr:nth-child(n+18) { display: none; }
.search-styling #search-solutions .modal-trigger { display: none; }

/*eDesign Styles*/
/*#edesignModal { .modal-dialog-large { left: 0%; width: 100%; }
}*/
.edesign h3 { padding: 10px; background: #03234b; color: #fff; font-weight: normal; }
.edesign p { margin-bottom: 0; }
.edesign fieldset { border: 1px solid #e7e7e7; margin: 0; padding: 10px 10px 0; }
.edesign .startdesign { text-align: center; }
.edesign .close-button-container { display: none; }
.edesign p.titlebar, .edesign input[type='submit'] { background-color: #464650; color: #ffffff; margin-bottom: 0; padding: 5px 5px 5px 15px; border: 1px solid #464650; text-align: center; }
.edesign p.titlebar a, .edesign input[type='submit'] a { color: #ffffff; }
.edesign input[type='submit'] { padding: 5px 15px; text-transform: uppercase; }
.edesign label.encapsulate.inline { margin-bottom: 0; }
.edesign [data-abide] .error small.error, .edesign [data-abide] .error span.error, .edesign [data-abide] span.error, .edesign [data-abide] small.error, .edesign input, .edesign textarea, .edesign select { margin-bottom: .75rem; }
.edesign .error input, .edesign .error textarea, .edesign .error select { margin-bottom: 0; }
.edesign .boxed { margin-bottom: 0.9375rem; }
.edesign .tabs { background-color: #efefef; }
.edesign .tabs dd a { padding: .5rem; }
.edesign .tabs dd.active a, .edesign .tabs .tab-title.active a { background-color: #464650; color: #ffffff; }
.edesign .tabs-content .content { padding-top: 0; }
.edesign .output-value { font-weight: bold; }
.edesign.lightblue dd a, .edesign.lightblue .tab-title a { color: #3CB4E6; }
.edesign.lightblue p.titlebar { background: #03234b; border-color: #03234b; font-weight: bold; }
.edesign.lightblue input[type='submit'] { background: #3CB4E6; border-color: #3CB4E6; }
.edesign.lightblue .tabs dd.active a, .edesign.lightblue .tabs .tab-title.active a { background-color: #3CB4E6; }
.edesign.darkblue p.titlebar, .edesign.darkblue input[type='submit'] { background: #03234b; border-color: #03234b; }
.edesign.darkblue .tabs dd.active a, .edesign.darkblue .tabs .tab-title.active a { background-color: #03234b; }
.edesign.lightgreen p.titlebar, .edesign.lightgreen input[type='submit'] { background: #49B170; border-color: #49B170; }
.edesign.lightgreen .tabs dd.active a, .edesign.lightgreen .tabs .tab-title.active a { background-color: #49B170; }
.edesign.darkgreen p.titlebar, .edesign.darkgreen input[type='submit'] { background: #04572F; border-color: #04572F; }
.edesign.darkgreen .tabs dd.active a, .edesign.darkgreen .tabs .tab-title.active a { background-color: #04572F; }
.edesign.purple p.titlebar, .edesign.purple input[type='submit'] { background: #753774; border-color: #753774; }
.edesign.purple .tabs dd.active a, .edesign.purple .tabs .tab-title.active a { background-color: #753774; }
.edesign.orange p.titlebar, .edesign.orange input[type='submit'] { background: #e17642; border-color: #e17642; }
.edesign.orange .tabs dd.active a, .edesign.orange .tabs .tab-title.active a { background-color: #e17642; }
.edesign.turquoise p.titlebar, .edesign.turquoise input[type='submit'] { background: #04572F; border-color: #04572F; }
.edesign.turquoise .tabs dd.active a, .edesign.turquoise .tabs .tab-title.active a { background-color: #04572F; }
.edesign.darkpink p.titlebar, .edesign.darkpink input[type='submit'] { background: #E6007E; border-color: #E6007E; }
.edesign.darkpink .tabs dd.active a, .edesign.darkpink .tabs .tab-title.active a { background-color: #E6007E; }
.edesign.darkyellow p.titlebar, .edesign.darkyellow input[type='submit'] { background: #f1c90b; border-color: #f1c90b; }
.edesign.darkyellow .tabs dd.active a, .edesign.darkyellow .tabs .tab-title.active a { background-color: #f1c90b; }
.edesign.red p.titlebar, .edesign.red input[type='submit'] { background: #c04849; border-color: #c04849; }
.edesign.red .tabs dd.active a, .edesign.red .tabs .tab-title.active a { background-color: #c04849; }
.edesign.darkred p.titlebar, .edesign.darkred input[type='submit'] { background: #5c0915; border-color: #5c0915; }
.edesign.darkred .tabs dd.active a, .edesign.darkred .tabs .tab-title.active a { background-color: #5c0915; }
.edesign.darkpurple p.titlebar, .edesign.darkpurple input[type='submit'] { background: #8C0078; border-color: #8C0078; }
.edesign.darkpurple .tabs dd.active a, .edesign.darkpurple .tabs .tab-title.active a { background-color: #8C0078; }
.edesign.grey p.titlebar, .edesign.grey input[type='submit'] { background: #a3a2a7; border-color: #a3a2a7; }
.edesign.grey .tabs dd.active a, .edesign.grey .tabs .tab-title.active a { background-color: #a3a2a7; }
.edesign.darkgrey p.titlebar, .edesign.darkgrey input[type='submit'] { background: #464650; border-color: #464650; }
.edesign.darkgrey .tabs dd.active a, .edesign.darkgrey .tabs .tab-title.active a { background-color: #464650; }

.edesign-results .edesign-loading { background: url(st-site/media/app/images/ajax-loader.gif) 50% 50% no-repeat; background-size: 64px 64px; min-height: 64px; }
.edesign-results .edesign-loading h3.current-tab-title { border-bottom: 0; }
.edesign-results h3.current-tab-title { border-bottom: 1px solid #d1d0d3; padding-bottom: 0.5rem; margin-bottom: 3px; }
.edesign-results #edesign-refine { border-bottom: 1px solid #bac5cb; padding: 0 2px 12px; margin-bottom: 40px; }
.edesign-results #edesign-refine ul { list-style: none; margin: 0; }
.edesign-results #edesign-refine ul strong { display: inline-block; min-width: 72px; padding-right: 5px; }
.edesign-results .edesign-summary li { display: none; }
.edesign-results .tabs-container { width: 100%; }
.edesign-results .tabs { padding: 0; display: block; width: 100%; }
.edesign-results .tabs:before, .edesign-results .tabs:after { content: none; }
.edesign-results .tabs dd { background: #fff; display: block; color: #fff; float: none; padding-left: 0; margin-bottom: 2px !important; text-align: center; width: auto; }
.edesign-results .tabs dd.active a { background-color: #3CB4E6; }
.edesign-results .tabs dd a { background-color: #03234b; color: #fff; display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; vertical-align: baseline; width: 100%; }
.edesign-results .tabs dd a span { font-size: 12px; font-weight: normal; }
.edesign-results .tabs-content > .content { padding-top: 3px; }
.edesign-results .tabs-content > .content table { border-spacing: 0; border-collapse: collapse; }
.edesign-results .tabs-content > .content table th { background-color: #ebeaea; padding: 20px 10px; }
.edesign-results .tabs-content > .content table tr:nth-child(even) td { background-color: #faf9f9; }
.edesign-results .tabs-content > .content table th, .edesign-results .tabs-content > .content table td { border: 1px solid #d2d2d2; color: #03234b; display: none; font-size: 11px; }
.edesign-results .tabs-content > .content table th:first-child, .edesign-results .tabs-content > .content table td:first-child, .edesign-results .tabs-content > .content table th:last-child, .edesign-results .tabs-content > .content table td:last-child { display: table-cell; }
.edesign-results .tabs-content > .content table td { padding: 4px 10px; }
.edesign-results .tabs-content > .content table td:first-child { font-size: 12px; font-weight: bold; padding-left: 15px; }
.edesign-results .tabs-content > .content table th:first-child { padding-left: 15px; }
.edesign-results .tabs-content > .content table .edesign-start, .edesign-results .tabs-content > .content table .edesign-error { padding-left: 6px; padding-right: 6px; text-align: right; width: 1%; }
.edesign-results .tabs-content > .content table .generic-button { font-size: 10px; padding: 8px 12px; text-transform: uppercase; }
.edesign-results .tabs-content > .content table .generic-button i { font-size: 13px; }
.edesign-results .error-message { margin-bottom: 40px; }
.edesign-results .change-specifications { margin-top: 10px; width: 100%; }

#edesign-panel4 > p:first-child { font-size: 11px; margin-top: 10px; padding-left: 10px; }

@media only screen and (min-width: 40.063em) { .edesign input[type='submit'] { padding: 5px 20px; max-width: 100%; }
  .edesign-results .change-specifications { margin-top: 0; width: auto; }
  .edesign-results .tabs-content > .content table td, .edesign-results .tabs-content > .content table th { display: table-cell; }
  .edesign-results .tabs-container { border-collapse: collapse; border-spacing: 0; display: table; }
  .edesign-results .tabs { display: table-row; }
  .edesign-results .tabs dd { display: table-cell; padding-left: 2px; margin-bottom: 0 !important; }
  .edesign-results .tabs dd:first-child { padding-left: 0px; } }
@media only screen and (min-width: 64.063em) { .edesign-remove-left-gutter { padding-left: 0; }
  .edesign-remove-right-gutter { padding-right: 0; } }
@media only screen and (max-width: 64em) { .edesign .tabs-edesign-horizontal { height: auto !important; } }
@media print { * { color: #000 !important; max-width: 100% !important; }
  body, p, table, ul, li, dd, dt, dl { font-size: 12px; }
  a[href]:after { content: none !important; }
  #k_slogan, #kampylink { display: none; }
  .tabs-content > .content { display: block !important; float: none !important; }
  .accordion-navigation div { display: block !important; }
  table { width: 100% !important; }
  th, td { padding-left: 3px !important; padding-right: 3px !important; }
  .slick-track { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } }
.github-widget-wrapper a { font-weight: bold; }
.github-widget-wrapper p { line-height: normal; }
.github-widget-wrapper .widget-title { font-weight: normal; }
.github-widget-wrapper .accordion-sidebar.accordion .accordion-navigation > .content { background: none; }
.github-widget-wrapper .github-widget { margin-bottom: 7px; overflow: hidden; }
.github-widget-wrapper .github-widget:last-child { margin-bottom: 0; }
.github-widget-wrapper .github-box .github-box-content .link a { word-wrap: break-word; }
.github-widget-wrapper .github-box { font-size: 13px; line-height: 18px; background: #f8f8f8; border: 1px solid #d7d7d7; color: #666; padding: 13px 9px; }
.github-widget-wrapper .github-box-title, .github-widget-wrapper .github-box-title h3 { overflow: hidden; zoom: 1; }
.github-widget-wrapper .github-box .github-box-title h3 { font-size: 14px; font-weight: normal; margin: 0; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; }
.github-widget-wrapper .github-box .github-box-title h3 a.owner { font-weight: normal; }
.github-widget-wrapper .github-box .github-box-title .github-stats { float: right; font-size: 11px; font-weight: bold; line-height: 21px; height: auto; margin: 0 0 2px 15px; min-height: 21px; text-align: right; }
.github-widget-wrapper .github-box .github-box-title .github-stats a { display: inline-block; height: 21px; color: #666; border-radius: 3px; padding: 0 0 0 18px; background: transparent url(st-site/media/app/images/github-icons.png) no-repeat; }
.github-widget-wrapper .github-box .github-box-title .github-stats .forks { background-position: -4px -21px; padding-left: 15px; }
.github-widget-wrapper .github-box .github-box-content, .github-widget-wrapper .github-box .github-box-title { border-bottom: 1px solid #d7d7d7; font-size: 14px; margin-bottom: 10px; padding: 0 3px 10px; }
.github-widget-wrapper .github-box .github-box-content { padding-left: 0; padding-right: 0; }
.github-widget-wrapper .github-box .github-box-content:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.github-widget-wrapper .github-box .github-box-content p { margin: 0; }
.github-widget-wrapper .github-box .github-box-content .link { font-weight: bold; }
.github-widget-wrapper .github-box .github-box-content.updated { font-size: 11px; }
.github-widget-wrapper .download { float: right; }

.soco-container { padding-top: 13px; }
.soco-container .page-header { border-bottom-color: #002153; margin: 4px 0 16px; padding: 0 0 10px; }
.soco-container h1 { margin-bottom: 0; }
.soco-container h2 { background: #03234b; color: #fff; font-size: 14px; line-height: normal; margin: 0 0 10px; padding: 12px 15px 11px; /*text-transform: uppercase;*/ }
.soco-container h2 .links { color: #cac9c9; font: normal 12px/normal Arial, Helvetica, sans-serif; margin-top: 3px; }
.soco-container h2 .links a { font-weight: bold; padding: 0 5px; }
.soco-container h2 .links a.inactive { color: #cac9c9; font-weight: normal; }
.soco-container h3 { border-top: 2px solid #eaeaea; border-bottom: 2px solid #eaeaea; font-size: 14px; font-family: "Roboto Slab Bold", "Times New Roman", Georgia, sans-serif; line-height: normal; margin: 8px -3px 8px; padding: 7px 3px 6px; /*text-transform: uppercase;*/ }
.soco-container h4 { color: #383838; font-size: 13px; margin: 0; /*text-transform: uppercase;*/ }
.soco-container h6 { color: #03234b; font-size: 14px; line-height: normal; margin: 0; }
.soco-container p { font-size: 13px; line-height: normal; margin-bottom: 16px; }
.soco-container p .date { display: block; color: #959595; }
.soco-container section { background: #f8f8f8; color: #383838; border-bottom: 1px solid #eceff1; padding: 0 10px 10px; margin: 0 0 16px; /*    &.extra-space-from-header{ h2 { margin-bottom: 16px; } }*/ }
.soco-container section.no-bg { background: transparent; border-bottom: none; padding-left: 0; padding-right: 0; }
.soco-container section.no-bg h2 { margin-left: 0; margin-right: 0; }
.soco-container section.no-bg ul.user-list li .profile-image img { border: none; }
.soco-container section h2 { margin-left: -10px; margin-right: -10px; }
.soco-container section ul.link-navigation:last-child, .soco-container section ul.link-navigation li:last-child, .soco-container section ul.icon-navigation:last-child, .soco-container section ul.icon-navigation li:last-child { margin-bottom: 0; }
.soco-container section ul.user-list { margin-bottom: 0; }
.soco-container section p:last-child { margin-bottom: 0; }
.soco-container section ul.user-list li.medium-6 .desc-slot { font-size: 11px; padding-top: 0; }
.soco-container section ul.user-list li .profile-image img { border: 3px solid #fff; }
.soco-container .slick-slider { margin-bottom: 16px; }
.soco-container .fa.fa-angle-right { padding-left: 15px; }
.soco-container .attached-header h2 { margin-bottom: 0; }
.soco-container .forums-activity p { font-size: 11px; }
.soco-container .forums-activity p .title { font-size: 13px; }
.soco-container .browse-by a { font-size: 14px; margin-bottom: 16px; margin-right: 25px; padding: 9px 9px 8px 16px; }
.soco-container .browse-by a .fa { font-size: 16px; padding-left: 14px; }

.generic-page h1 { font-size: 24px; font-weight: normal; line-height: normal; margin: 8px 0 35px; }
.generic-page .inline-block { display: inline-block; }
.generic-page p { font-size: 16px; }
.generic-page p .sidebar-button { display: inline-block; vertical-align: top; }

/* "border-box" affect on height of dialog input fields (STM-6343) */
#CQ input[type="text"], #CQ input[type="password"], #CQ input[type="date"], #CQ input[type="datetime"], #CQ input[type="datetime-local"], #CQ input[type="month"], #CQ input[type="week"], #CQ input[type="email"], #CQ input[type="number"], #CQ input[type="search"], #CQ input[type="tel"], #CQ input[type="time"], #CQ input[type="url"], #CQ input[type="color"], #CQ textarea { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.columns-block { clear: both; }
.columns-block h2 { color: #3CB4E6; }
.columns-block .columns-block-item { padding: 10px 5px; background: #f8f8f8; margin-bottom: 1.25rem; }
.columns-block .columns-block-item .image { text-align: center; }

.common-slider, .estore-slider { text-align: center; position: relative; }
.common-slider .slick-slide, .estore-slider .slick-slide { max-height: 470px; }
.common-slider .slick-slide img, .estore-slider .slick-slide img { width: 100%; }
.common-slider .slick-slide a:not([href]), .estore-slider .slick-slide a:not([href]) { cursor: default !important; }
.common-slider .play-pause, .estore-slider .play-pause { position: absolute; display: inline-block; bottom: 30px; right: 3em; width: 35px; height: 35px; border-radius: 50%; border: 2px solid #3CB4E6; color: #3CB4E6; font-size: 18px; cursor: pointer; box-shadow: 0 0 5px rgba(79, 82, 81, 0.3); }
.common-slider .play-pause .play, .estore-slider .play-pause .play { display: none; }
.common-slider .play-pause .pause, .estore-slider .play-pause .pause { display: block; }
.common-slider .play-pause .pause i.fa-pause, .estore-slider .play-pause .pause i.fa-pause { margin-top: 7px; }
.common-slider .play-pause.paused .play, .estore-slider .play-pause.paused .play { display: block; }
.common-slider .play-pause.paused .play i.fa-play, .estore-slider .play-pause.paused .play i.fa-play { margin-left: 5px; margin-top: 7px; }
.common-slider .play-pause.paused .pause, .estore-slider .play-pause.paused .pause { display: none; }
.common-slider .slick-dots-container, .estore-slider .slick-dots-container { position: absolute; width: 100%; bottom: 0; }
.common-slider .slick-dots-container .slick-dots, .estore-slider .slick-dots-container .slick-dots { position: static; margin: 5px 0 10px 0; }
.common-slider .slick-dots-container .slick-dots li, .estore-slider .slick-dots-container .slick-dots li { margin: 0 5px 0 0; }
.common-slider .slick-dots-container .slick-dots li button, .estore-slider .slick-dots-container .slick-dots li button { border: 2px solid #3CB4E6; border-radius: 50%; box-shadow: 0 0 5px rgba(79, 82, 81, 0.3); margin: 0; padding: 3px; }
.common-slider .slick-dots-container .slick-dots li button:before, .estore-slider .slick-dots-container .slick-dots li button:before { color: transparent; font-size: 14px; width: 16px; height: 16px; line-height: 18px; }
.common-slider .slick-dots-container .slick-dots li button:before:hover, .estore-slider .slick-dots-container .slick-dots li button:before:hover { color: #3CB4E6; }
.common-slider .slick-dots-container .slick-dots li.slick-active button:before, .estore-slider .slick-dots-container .slick-dots li.slick-active button:before { color: #3CB4E6; }
.common-slider .slick-dots-container i, .estore-slider .slick-dots-container i { margin: 0 10px; vertical-align: -44%; }
.common-slider .slider-arrow, .estore-slider .slider-arrow { position: absolute; font-size: 60px; height: 90px; display: inline-block; margin-top: -45px; top: 50%; }
.common-slider .slider-arrow i.fa.fa-angle-right.fa-lg, .estore-slider .slider-arrow i.fa.fa-angle-right.fa-lg, .common-slider .slider-arrow i.fa.fa-angle-left.fa-lg, .estore-slider .slider-arrow i.fa.fa-angle-left.fa-lg { color: #3CB4E6; text-shadow: 0 0 5px rgba(79, 82, 81, 0.3); }
.common-slider .slider-arrow.slider-arrow-left, .estore-slider .slider-arrow.slider-arrow-left { left: 1em; }
.common-slider .slider-arrow.slider-arrow-right, .estore-slider .slider-arrow.slider-arrow-right { right: 1em; }
.common-slider.loading, .loading.estore-slider { background-image: url(st-site/media/app/images/ajax-loader.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: 64px 64px; min-height: 200px; }
.common-slider.loading div, .loading.estore-slider div { display: none; }
.common-slider.light-blue .play-pause, .light-blue.estore-slider .play-pause { color: #3CB4E6; border-color: #3CB4E6; }
.common-slider.light-blue .slick-dots-container .slick-dots li button, .light-blue.estore-slider .slick-dots-container .slick-dots li button { border-color: #3CB4E6; }
.common-slider.light-blue .slick-dots-container .slick-dots li.slick-active button:before, .light-blue.estore-slider .slick-dots-container .slick-dots li.slick-active button:before { color: #3CB4E6; }
.common-slider.light-blue .slider-arrow i.fa.fa-angle-right.fa-lg, .light-blue.estore-slider .slider-arrow i.fa.fa-angle-right.fa-lg, .common-slider.light-blue .slider-arrow i.fa.fa-angle-left.fa-lg, .light-blue.estore-slider .slider-arrow i.fa.fa-angle-left.fa-lg { color: #3CB4E6; }
.common-slider.dark-blue .play-pause, .dark-blue.estore-slider .play-pause { color: #03234b; border-color: #03234b; }
.common-slider.dark-blue .slick-dots-container .slick-dots li button, .dark-blue.estore-slider .slick-dots-container .slick-dots li button { border-color: #03234b; }
.common-slider.dark-blue .slick-dots-container .slick-dots li.slick-active button:before, .dark-blue.estore-slider .slick-dots-container .slick-dots li.slick-active button:before { color: #03234b; }
.common-slider.dark-blue .slider-arrow i.fa.fa-angle-right.fa-lg, .dark-blue.estore-slider .slider-arrow i.fa.fa-angle-right.fa-lg, .common-slider.dark-blue .slider-arrow i.fa.fa-angle-left.fa-lg, .dark-blue.estore-slider .slider-arrow i.fa.fa-angle-left.fa-lg { color: #03234b; }
.common-slider.grey .play-pause, .grey.estore-slider .play-pause { color: #a3a2a7; border-color: #a3a2a7; }
.common-slider.grey .slick-dots-container .slick-dots li button, .grey.estore-slider .slick-dots-container .slick-dots li button { border-color: #a3a2a7; }
.common-slider.grey .slick-dots-container .slick-dots li.slick-active button:before, .grey.estore-slider .slick-dots-container .slick-dots li.slick-active button:before { color: #a3a2a7; }
.common-slider.grey .slider-arrow i.fa.fa-angle-right.fa-lg, .grey.estore-slider .slider-arrow i.fa.fa-angle-right.fa-lg, .common-slider.grey .slider-arrow i.fa.fa-angle-left.fa-lg, .grey.estore-slider .slider-arrow i.fa.fa-angle-left.fa-lg { color: #a3a2a7; }
.common-slider.light-grey .play-pause, .light-grey.estore-slider .play-pause { color: #d1d0d3; border-color: #d1d0d3; }
.common-slider.light-grey .slick-dots-container .slick-dots li button, .light-grey.estore-slider .slick-dots-container .slick-dots li button { border-color: #d1d0d3; }
.common-slider.light-grey .slick-dots-container .slick-dots li.slick-active button:before, .light-grey.estore-slider .slick-dots-container .slick-dots li.slick-active button:before { color: #d1d0d3; }
.common-slider.light-grey .slider-arrow i.fa.fa-angle-right.fa-lg, .light-grey.estore-slider .slider-arrow i.fa.fa-angle-right.fa-lg, .common-slider.light-grey .slider-arrow i.fa.fa-angle-left.fa-lg, .light-grey.estore-slider .slider-arrow i.fa.fa-angle-left.fa-lg { color: #d1d0d3; }
.common-slider.dark-grey .play-pause, .dark-grey.estore-slider .play-pause { color: #464650; border-color: #464650; }
.common-slider.dark-grey .slick-dots-container .slick-dots li button, .dark-grey.estore-slider .slick-dots-container .slick-dots li button { border-color: #464650; }
.common-slider.dark-grey .slick-dots-container .slick-dots li.slick-active button:before, .dark-grey.estore-slider .slick-dots-container .slick-dots li.slick-active button:before { color: #464650; }
.common-slider.dark-grey .slider-arrow i.fa.fa-angle-right.fa-lg, .dark-grey.estore-slider .slider-arrow i.fa.fa-angle-right.fa-lg, .common-slider.dark-grey .slider-arrow i.fa.fa-angle-left.fa-lg, .dark-grey.estore-slider .slider-arrow i.fa.fa-angle-left.fa-lg { color: #464650; }

.slider-second-nav { background: #03234b; text-align: center; }
.slider-second-nav.slick-slider { margin-bottom: 0 !important; }
.slider-second-nav.tabs-type { margin-bottom: 1.25rem !important; }
.slider-second-nav a { color: #fff; display: block; padding: 20px; height: 100%; }
.slider-second-nav a strong { font-size: 14px; }
.slider-second-nav a:hover { background: #3CB4E6 !important; }
.slider-second-nav .slick-current a, .slider-second-nav .slick-active ~ .slick-active a { background: #3CB4E6; }
.slider-second-nav .slick-current ~ .slick-active a, .slider-second-nav .slick-active ~ .slick-active ~ .slick-active a { background: #03234b; }
.slider-second-nav.disabled a { cursor: default; }

.common-slider-related-content { display: none; }

@media only screen and (max-width: 40.063em) { .common-slider .play-pause, .estore-slider .play-pause, .common-slider .slider-arrow, .estore-slider .slider-arrow { display: none; }
  .common-slider .slick-dots-container, .estore-slider .slick-dots-container { position: relative; }
  .common-slider .slick-slide img, .estore-slider .slick-slide img { min-height: initial; } }
@media only screen and (min-width: 40.063em) and (max-width: 64.063em) { .common-slider .play-pause, .estore-slider .play-pause { bottom: 15px; } }
.clickable-image { margin-bottom: 1.25rem; }

.dynamic-table table tbody tr { display: none; }
.dynamic-table table tbody tr.visible { display: table-row; }
.dynamic-table table tbody tr:not(.dark-danger) > td:first-child { border-left: 3px solid transparent; }
.dynamic-table a.see-more { display: none; }

.st-drill-down { margin-bottom: 20px; }
.st-drill-down .breadcrumbs a { display: block; float: none; }
.st-drill-down .breadcrumbs a:before { margin-left: 0; }
.st-drill-down .breadcrumbs a:last-child { cursor: default; }
.st-drill-down .back-to-top { cursor: pointer; }
.st-drill-down ul > li > a > span.closed { padding: 2px 10px; }
.st-drill-down ul ul, .st-drill-down ul li, .st-drill-down ul .text-muted { padding: 0; }

.simple-table-layout td { display: block; margin: -1px 0; }
.simple-table-layout tr { border: none; display: block; margin-bottom: 20px; }
.simple-table-layout tr:nth-of-type(odd), .simple-table-layout tr:nth-of-type(even) { background-color: #fff; }
@media only screen and (min-width: 64.063em) { .simple-table-layout td { display: table-cell; margin: 0; }
  .simple-table-layout tr { display: table-row; margin: 0; } }
@media only screen and (max-width: 64.063em) { .simple-table-layout td { width: auto; height: auto; } }

.simple-table-layout[border] td { border: 1px solid #dfdfdf; }

.simple-table-layout[border='0'] { border: none; }
.simple-table-layout[border='0'] td { border: none; }

.wysiwyg a:not([class*='button']):hover { text-decoration: underline; color: #03234b; }
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #03234b; line-height: normal; }
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3 { margin-top: 20px; margin-bottom: 10px; }
.wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { margin-top: 10px; margin-bottom: 10px; }
.wysiwyg h1 { font-size: 36px; }
.wysiwyg h2 { font-size: 26px; }
.wysiwyg h2.title-main { border-bottom: 1px solid #bac5cb; font-weight: 600; padding: 10px 0 11px 0; }
.wysiwyg h3 { font-size: 24px; }
.wysiwyg h3.title-main { font-size: 1.313rem; font-weight: 600; margin-bottom: 10px; }
.wysiwyg h4 { font-size: 18px; }
.wysiwyg h4.title-main { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; margin-top: 20px; margin-bottom: 4px; }
.wysiwyg h5 { font-size: 14px; }
.wysiwyg h6 { font-size: 12px; }
.wysiwyg .dt-responsive { border-collapse: collapse !important; }
.wysiwyg .dt-responsive th { background-color: #03234b !important; color: #fff; }
.wysiwyg .dt-responsive th.sorting_asc { background-image: url("st-site/media/app/images/sort_asc_light.png") !important; }
.wysiwyg .dt-responsive th.sorting_desc { background-image: url("st-site/media/app/images/sort_desc_light.png") !important; }
.wysiwyg .dt-responsive th.sorting { background-image: url("st-site/media/app/images/sort_both_light.png") !important; }
.wysiwyg .dt-responsive tr { background: #fff !important; }
.wysiwyg .dt-responsive tr.child .dtr-title span { color: #002051 !important; }
.wysiwyg .dt-responsive td { border: 1px solid #dfdfdf; }

.st-footer .subscription-form { margin-top: -10px; text-align: center; }
.st-footer .subscription-form .subscription-title { max-height: 42px; }

.subscription-form { margin-top: 15px; }
.subscription-form .subscription-title { margin-top: 0; max-height: 42px; line-height: 21px; font-size: 14px; }
.subscription-form div { margin-top: 5px; }

.site-map-tabs { font-family: Arial,Helvetica,sans-serif; width: 100%; }
.site-map-tabs.one li.site-map-tab { width: 100%; }
.site-map-tabs.two li.site-map-tab { width: 50%; }
.site-map-tabs.three li.site-map-tab { width: 33.33%; }
.site-map-tabs li.site-map-tab { float: left; border-right: 1px solid #fff; text-align: center; width: 25%; }
.site-map-tabs li.site-map-tab:last-child { border-right: none; }
.site-map-tabs li.site-map-tab.active { background: #3CB4E6; color: #fff; }
.site-map-tabs li.site-map-tab.active a { background: #3CB4E6; }
.site-map-tabs li.site-map-tab a { background: none repeat scroll 0 0 #03234b; color: #fff; font-size: 1rem; text-align: center; padding: 1rem; transition: all 0.25s ease-out 0.00s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site-map-tabs dd > a, .site-map-tabs .tab-title > a { display: block; background-color: #03234b; color: #ffffff; padding: 1rem 2rem; font-family: "Arial"; font-size: 1rem; white-space: nowrap; }
.site-map-tabs dd > a:hover, .site-map-tabs .tab-title > a:hover { background: none repeat scroll 0 0 #3CB4E6; color: #ffffff; }
.site-map-tabs .site-map-tab.tabs dd.active a, .site-map-tabs .tabs .site-map-tab.tab-title.active a { background-color: #3CB4E6; color: #ffffff; }
.site-map-tabs .site-map-tab.site-map-tabs dd > a.active, .site-map-tabs.site-map-tab .site-map-tab.tab-title > a.active { background: none repeat scroll 0 0 #3CB4E6; }

@media only screen and (max-width: 40.063em) { .site-map-tabs { display: block; }
  .site-map-tabs li.site-map-tab { float: none; display: block; width: 100% !important; border-right: none; } }
.product-blocks { margin: 25px 0; }
.product-blocks .two-per-row .medium-3:first-child { margin-left: 25%; }
.product-blocks .two-per-row .medium-3:last-child { margin-right: 25%; }
.product-blocks .two-per-row .medium-4:first-child { margin-left: 16.5%; }
.product-blocks .two-per-row .medium-4:last-child { margin-right: 16.5%; }
.product-blocks .three-per-row .medium-3:first-child { margin-left: 12.5%; }
.product-blocks .three-per-row .medium-3:last-child { margin-right: 12.5%; }
.product-blocks .row.large-uncentered { margin-bottom: 25px; }
.product-blocks .row.large-uncentered:last-child { margin-bottom: 0; }
.product-blocks .row.large-centered { margin-bottom: 25px; display: flex; justify-content: center}
.product-blocks .row.large-centered:last-child { margin-bottom: 0; }
.product-blocks .product-block .product-block-wrapper { background-color: #f8f8f8; padding: 15px 5px; }
.product-blocks .product-block .product-block-wrapper .product-block-title { min-height: 42px; word-wrap: break-word; }
.product-blocks .product-block .product-block-wrapper .product-block-title a { height: 50px; display: inline-block; visibility: hidden;}
.product-blocks .product-block .product-block-wrapper .product-block-image { background-repeat: no-repeat; background-position: center center; height: 150px; background-size: 100%; }
.product-blocks .product-block .product-block-wrapper .product-block-description { line-height: 1.8em; word-wrap: break-word; height: 80px; visibility: hidden;}
.product-blocks .product-block .product-block-wrapper .product-block-link { margin-top: 1rem;  height: 21px; visibility: hidden;}
@media only screen and (max-width: 1024px) {
  .product-blocks .product-block { margin-bottom: 25px; }
  .product-blocks .row.large-uncentered { margin-bottom: 0 !important; }
  .product-blocks .row.large-centered { margin-bottom: 0 !important; } }
@media only screen and (max-width: 640px) {
  .product-blocks .two-per-row .medium-3:first-child, .product-blocks .three-per-row .medium-3:first-child { margin-left: 0; }
  .product-blocks .two-per-row .medium-3:last-child, .product-blocks .three-per-row .medium-3:last-child { margin-right: 0; }
  .product-blocks .two-per-row .medium-4:first-child, .product-blocks .three-per-row .medium-4:first-child { margin-left: 0; }
  .product-blocks .two-per-row .medium-4:last-child, .product-blocks .three-per-row .medium-4:last-child { margin-right: 0; } }

.resources-component .resources-component-title { margin-bottom: 15px; background: #03234b; text-transform: uppercase; color: #fff; padding: 10px 9px; }
.resources-component .resources-component-wrapper { border-left: 1px solid #f8f8f8; overflow: hidden; }
.resources-component .resources-component-wrapper .row { border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; margin-top: 10px; margin-left: 0 !important; margin-right: 0 !important; }
.resources-component .resources-component-wrapper .row:first-child { border-top: 0; margin-top: 0; }
.resources-component .resources-component-wrapper .row .medium-4 { border-right: 1px solid #f8f8f8; }
.resources-component .resources-component-wrapper .row .medium-4:nth-child(5n-1) { border-right: 0; }
.resources-component .resources-component-wrapper .resources-item .resouces-content { height: 150px; background-repeat: no-repeat; background-position: center center; }
.resources-component .resources-component-wrapper .resources-item .resouces-border-line { height: 1px; margin: 0 -0.9375rem 0 -0.9375rem; background-color: #f8f8f8; }
.resources-component .resources-component-wrapper .resources-item .resouces-bottom .sidebar-button { margin: 0.9375rem 0; }

@media only screen and (max-width: 40.063em) { .resources-component .resources-component-wrapper .row .medium-4 { border-bottom: 1px solid #f8f8f8; } }
.marketing-component .marketing-information { margin-top: 25px; }

/*! jQuery UI - v1.12.1 - 2018-05-17
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ }

.ui-front { z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; }

/* Misc visuals
----------------------------------*/
.estore-filtering-autocomplete { /* Overlays */ /* icon support */ /* left-aligned */ /* right-aligned */ }
.estore-filtering-autocomplete.ui-menu.ui-widget { border: 1px solid #ccc; position: absolute; }
.estore-filtering-autocomplete.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.estore-filtering-autocomplete.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; background: #fff; border: 1px solid #ccc; }
.estore-filtering-autocomplete.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; }
.estore-filtering-autocomplete.ui-menu .ui-menu { position: absolute; }
.estore-filtering-autocomplete.ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); padding: 0; font-size: 13px; }
.estore-filtering-autocomplete.ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; font-family: Arial, Helvetica, sans-serif; }
.estore-filtering-autocomplete.ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.estore-filtering-autocomplete.ui-menu .ui-state-focus, .estore-filtering-autocomplete.ui-menu .ui-state-active { background: #e1e1e1; border: none; color: #222222; cursor: pointer; display: block; font-style: normal; font-weight: normal; margin: 0; }
.estore-filtering-autocomplete.ui-menu-icons { position: relative; }
.estore-filtering-autocomplete.ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; }
.estore-filtering-autocomplete.ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; }
.estore-filtering-autocomplete.ui-menu .ui-menu-icon { left: auto; right: 0; }

.estore-container .inner-estore-container { background-color: #f8f8f8; padding: 20px; margin-bottom: 20px; }
.estore-container h2 { background: #03234b; color: white; padding: 8px 10px; }
.estore-container p.item-title { text-transform: uppercase; font-weight: bold; }
.estore-container .prod-img { display: block; max-height: 200px; margin-bottom: 25px; margin-left: auto; margin-right: auto; max-width: 100%; width: auto; }

@media only screen and (min-width: 40.063em) { .estore-container .prod-img { max-height: none; margin-left: 0; margin-right: 0; margin-bottom: 0; width: 100%; } }
.estore-cart { background: #f8f8f8; border: 1px solid #ccc; color: #03234b; font-size: 15px; padding: 16px 13px 14px; }
.estore-cart .cart { font-size: 16px; font-weight: bold; margin-top: 4px; }
.estore-cart .line-items { border-top: 1px solid #ccc; list-style: none; margin: 20px 0; padding: 13px 0 0; }
.estore-cart .line-items li { padding-bottom: 12px; }
.estore-cart .line-items .value { font-weight: bold; }
.estore-cart .line-items .totals { border-top: 1px solid #ccc; font-size: 17px; font-weight: bold; padding-top: 15px; }

.estore-content-detail .estore-content-detail-label p { font-weight: bold !important; }
.estore-content-detail p { margin-bottom: 10px; }
.estore-content-detail p.item-title { font-weight: normal; text-transform: initial; }
.estore-content-detail p.item-title a { text-transform: uppercase; font-weight: bold !important; }

.estore-products.loading { background-image: url(st-site/media/app/images/ajax-loader.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: 64px 64px; min-height: 200px; }
.estore-products.loading div { display: none; }

.estore-products .item-subtitle span { display: block; height: 45px; }
.estore-products .image-container { height: 141px; width: 141px; }
.estore-products .image-container .prod-img { max-height: 100%; max-width: 100%; object-fit: contain; }

.ap-relatesmodal{ display: none; background-color: #3CB4E6; padding: 5px; position: absolute; z-index: 100; margin-top: -50px; width: 260px; }
.ap-relatesmodal ul{ font-size: 10px; -webkit-column-count: 3; -webkit-column-gap: 15px; -moz-column-count: 3; -moz-column-gap: 15px; column-count: 3; column-gap: 15px; list-style-type: none; margin: 0px; }
.ap-relatesmodal ul li a{ color: #fff; width: 100%; display: inline-block; }
.ap-relatesmodal ul li{ word-break: break-word; }
.ap-relatesmodal ul li:hover, .ap-relatesmodal ul li a:hover{ background-color: #fff; color: #3CB4E6; }
.ap-clickable { color: #3CB4E6; cursor: pointer; }

.ap-imagemodalcontainer .modal-dialog { height: auto; left: auto; margin: 100px auto; max-width: 800px; overflow: auto; position: relative; width: auto; }
.ap-imagemodalcontainer .modal-body .modal-img { text-align: center; }
.ap-closeimagemodal { font-size: 2.5rem; line-height: 1; position: absolute; top: 0; right: 5px; color: #aaa; font-weight: bold; cursor: pointer; }

@font-face { font-family: 'Roboto Slab'; src: url("st-site/media/app/fonts/robotoslab-regular-webfont.eot"); src: url("st-site/media/app/fonts/robotoslab-regular-webfont.eot?#iefix") format("embedded-opentype"), url("st-site/media/app/fonts/robotoslab-regular-webfont.woff2") format("woff2"), url("st-site/media/app/fonts/robotoslab-regular-webfont.woff") format("woff"), url("st-site/media/app/fonts/robotoslab-regular-webfont.ttf") format("truetype"), url("st-site/media/app/fonts/robotoslab-regular-webfont.svg#RobotoSlab") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto Slab Bold'; src: url("st-site/media/app/fonts/robotoslab-bold-webfont.eot"); src: url("st-site/media/app/fonts/robotoslab-bold-webfont.eot?#iefix") format("embedded-opentype"), url("st-site/media/app/fonts/robotoslab-bold-webfont.woff2") format("woff2"), url("st-site/media/app/fonts/robotoslab-bold-webfont.woff") format("woff"), url("st-site/media/app/fonts/robotoslab-bold-webfont.ttf") format("truetype"), url("st-site/media/app/fonts/robotoslab-bold-webfont.svg#RobotoSlab") format("svg"); font-weight: normal; font-style: normal; }

.accept-terms-data {
    align-items: baseline;
    display: flex;
    flex-direction: column;
}
.accept-terms-data div {
    width: 100%;
}
.accept-terms-data label {
    width: 100%;
}
.accept-terms-data img {
    height: 23px;
    padding-bottom: 5px;
    vertical-align: middle;
}
.accept-terms-data label p {
    font-size: 0.775rem;
}
.accept-terms-data label p:first-of-type {
    display: inline-block;
    font-size: 16px;
}
.accept-terms-data p {
    font-size: 0.775rem;
}
.accept-terms-data span.read-more-tooltip {
    background-color: white;
    border: 1px solid black;
    display: none;
    margin-right: 10px;
    padding: 2px 7px;
    position: fixed;
    z-index: 1;
}