/*
 * Remember:-
 * '#' selects id.
 * '.' selects class.
 * ''  selects element.
 */
/* PG Customisations
 */
 :root {
  --max-content-width: 1280px;
  --section-padding: 90px 50px 100px 50px;
 }
 
 .max-content-width {
  max-width: var(--max-content-width);
  margin: 0 auto;
 }

.blockApplicationDialog {
	display: block;
}

.table--border {
	border: 1px solid #eeeeee;
	width: 100%;
}

.table--border tr {
	border: 1px solid #eeeeee;
}

.table_head {
	background:#eeeeee;
}

.basket_backdrop {
	position: fixed;
	top: 0px;
	right: 0;
	background: rgba(0,0,0,.2);
	z-index: 1055;
	visibility: hidden;
	opacity: 0;
	height: 100%;
	width: 100%;
	transition: opacity .6s ease, visibility .6s ease, width 0s ease .6s, height 0s ease .6s;
	padding: 0;
}

.basket--open {
	width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: opacity .6s ease, visibility .6s ease;
}

.basket--open .basket_menu {
	transform: translateX(0); 
}

.basket_menu {
	transform: translateX(33%); 
	width: 33%;
	min-width: 470px;
	max-width: 100vw;
	height: 100%;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	float: right;
	background: #fff;
	transition: transform .6s ease;
	overflow: auto;
  height: 100vh;
}

.basket_toast {
	position: absolute;
	top: 150%;
	right: -10%;
	min-width: 150px;
	padding: .4rem;
	max-width: 100vw;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, .2);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s ease, visibility .2s ease;
}
.basket_toast.success {
	color: #fff;
	background-color: #28a745;
	&::after{
    border-color: transparent transparent #28a745 transparent;
  }
}
.basket_toast.fail {
  color: #fff;
  background-color: #dc3545;
  &::after{
    border-color: transparent transparent #dc3545 transparent;
  }
}
.basket_toast.warn {
  color: #fff;
  background-color: #ffc107;
  &::after{
    border-color: transparent transparent #ffc107 transparent;
  }
}
.basket_toast.show {
	visibility: visible;
	opacity: 1;
	height: auto;
}
.basket_toast::before {
	border-color: transparent transparent rgba(0,0,0,.3) transparent;
	margin-left: -9px;
	border-width: 9px;
}
.basket_toast::after, .basket_toast::before {
	bottom: 100%;
	right: 10px;
}
.basket_toast::after, .basket_toast::before {
	content: "";
	position: absolute;
	border-style: solid;
}
.basket_toast::after {
  border-color: transparent transparent #28a745 transparent;
  margin-left: -8px;
  border-width: 8px;
}
.basket_error-wrapper {
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 300px;
  padding: 32px;
  text-align: center;
  opacity: .8;
}

.basket_error-icon {
  font-size: 7rem;
  opacity: .3;
}

.basket_error-text {
	font-size: 1rem;
}

.basket_menu svg {
	pointer-events: none;
}

.basket_menu-header {
	padding: 1rem;
	padding-bottom: .5rem;
}

.basket_menu-footer {
  padding: 1rem;
  padding-top: .5rem;
}

.basket_menu-footer a {
	display: inline-block;
}

.basket_cta--disabled {
	opacity: .5;
	pointer-events: none;
}

.basket_menu-inner {
	position: sticky;
	top: 0;
}

.basket_list {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	border-top: 1px solid rgba(0, 0, 0, .2);
}

.basket-list_item {
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	padding: 1.2rem;
	display: flex;
	position: relative;
}

.basket-list_img {
	background: #eeeeee;
	padding: .8rem;
}

.basket-list_text {
	margin-left: .5rem;
}

.checkbox_basket-sample {
	vertical-align: middle;
	margin-left: .2rem;
}

.basket_delete-item {
	position: absolute;
	right: 10px;
	color: red;
}

.loader--basket {
	min-height: 300px;
}

#siteHeader div.scroller_container {
	display: flex;
}

#siteHeader div.scroller {
	flex: 1;
}

.overflowYAuto {
	overflow-y: auto;
}

.image--saturate {
  filter: saturate(3);
}

ul, li, ol {
  list-style: none;
}

.btn--link {
	border: none;
	background: none;
	color: #0046ad;
}

.btn--link:hover {
	opacity: .7;
}

#changelogAccordion {
  flex-direction: column;
  margin: 0 auto;
}

span.option-count {
  margin-left: auto;
  padding-right: 15px;
}

.page-heading_float-container {
	width: 100%;
  float: right;
}

.page-heading_banner {
  display: flex;
  align-items: baseline;
  position: relative;
  flex-wrap: wrap;
}

.page-heading_h1 {
  font-size: 2.5rem;
  padding-left: .5rem;
  padding-top: 1rem;
  padding-right: .5rem;
  float: left;
  text-wrap: nowrap;
  margin-bottom: 0;
}

.page-heading_p {
	margin: .5rem;
}

.page-heading_p--bg {
	background: rgba(0,0,0,.03);
	padding: 1rem;
	margin-bottom: 1rem;
}

#searchCode::-webkit-search-decoration,
#searchCode::-webkit-search-cancel-button,
#searchCode::-webkit-search-results-button,
#searchCode::-webkit-search-results-decoration { display: none; }

#siteFooter ul, li, ol {
  padding-left: 0;
}

#siteFooter a, #siteFooter .copyright, #siteFooter span {
	color: #fff;
  text-shadow: 0 0 2px #000000;
}

.copyright {
  line-height: 20px;
}

.ShowInMenu {
  display: none;
}

body {
  color: #444444;
}

a {
  color: #0046ad;
}

 a:hover {
  color: #0046ad;
}

#container:hover .dev-banner--test, #container:hover .dev-banner--local {
	display: none;
}

.dev-banner--test, .dev-banner--local {
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
	background: rgba(0,0,0,.3);
	padding: 10px;
	text-align: center;
	z-index: 9999999;
}
.dev-banner--test span,
.dev-banner--local span {
	padding: 5px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,.5);
	font-size: 1.5rem;
	opacity: .8;
}
.dev-banner--test span {background-color: #dc3545; color: #fff}
.dev-banner--local span {background-color: #ffc107; color: #000}

.notify-when-inert {display: none;}

body[inert] .notify-when-inert {z-index: 999999999; display: flex; position: fixed; top: 0; bottom: 0; left: 0; right: 0; align-items:center; justify-content: center;}

.article_section-padding {
	padding: var(--section-padding);
}

.alt_section_bg {
  background: var(--alt-section-bg);
  color: var(--tdk-font);
}

.article_section h2, .article_section-header {
  color: #0046ad;
  line-height: 1.2;
  font-weight: 400;
  font-size: 2.5rem;
  display: block;
  width: 100%;
  margin: 0 0 50px 0;
}

.link-row_inner {
	padding-top: 22px;
  padding-bottom: 22px;
}
.link-row_title {
  overflow: hidden;
  line-height: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
}
.link-row_desc {
	margin-top: 0;
	margin-bottom: 7px;
	color: #444444;
}
.link-row:hover .link-row_title,
.link-row:focus .link-row_title {
	text-decoration: underline;
}
.link-row {
	position: relative;
	padding: 0;
	margin: 0;
	margin-right: 22px;
	padding-right: 22px;
	border-top: 1px solid #70707059;
  border-bottom: none;
}
.link-row:last-child {
  border-bottom: 1px solid #70707059;
}
.link-row::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 1px solid #0046ad;
  border-right: 1px solid #0046ad;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
  top: calc(50% - 6px);
}
.link-row--pdf {
	padding-left: 40px;
}
.link-row--pdf::before {
	content: " ";
  display: inline-block;
  width: 31px;
  height: 37px;
  background: url(/Images/s_get/pdf_icon01.webp) no-repeat center bottom;
  background-size: contain;
  vertical-align: baseline;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

td > ul > .link-row:first-child {
	border-top: none;
}

td > ul > .link-row:last-child {
  border-bottom: none;
}

.links_block-wrap {
	width: 33.3%;
  padding: 0 20px 20px 0;
  display: flex;
  flex-direction: column;
}

.links_card_A {
  flex: 1;
  background-color: var(--tdk-base);
}

.links_card_A a {
  text-decoration: none;
  color: var(--tdk-font);
  height: 100%;
  display: inline-block;
  height: 100%;
}

.links_card_A a:hover {
  text-decoration: none !important;
}

.links_card_A .links_image {
  position: relative;
  background-color: rgba(0,0,0,.15);
  padding-bottom: 50.5%;
  overflow: hidden;
}

.links_image img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.4s linear 0s,opacity 0.4s linear 0s;
}

.links_image img.lambda_link_img {
  -o-object-fit: scale-down;
  object-fit: scale-down;
  background-color: #f4f6f9;
}

.links-card img,
.links-card .links-card_img--B i {
	transition: transform 0.4s linear 0s,opacity 0.4s linear 0s;
}

.links-card:hover img,
.links-card a:focus img, 
.links-card:hover .links-card_img--B i,
.links-card a:focus .links-card_img--B i {
  transform: scale(1.05);
}

.links-card .links-card_img--B,
.links-card .links_image {
  transition: transform 0.4s linear 0s,opacity 0.4s linear 0s;
}

.links-card:hover .links-card_img--B,
.links-card a:focus .links-card_img--B,
.links-card:hover .links_image,
.links-card a:focus .links_image {
	opacity: .75;
}

.links_card_A .links_desc {
  flex-grow: 1;
  background-color: var(--tdk-base);
  padding: 20px 20px 30px 20px;
}

.links_title {
  font-size: 1.125rem;
  line-height: 1.55;
  margin: 0 0 10px 0;
  transition: color 0.4s ease 0s;
  cursor: pointer;
}

.links_title h1 {
	font-size: 1em;
}

.links_desc .links_title span {
  padding-bottom: 2px;
}

.links-card:hover .links_title {
  color: var(--tdk-accent);
}

.links-card--B {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 0 20px 20px 0;
}

.links-card_link--B {
	display: block;
	height: 100%;
}
.links-card_inner {display: flex;height: 100%;min-height: 190px;}
.links-card_img--B {
	flex-grow: 1;
  display: flex;
  overflow: hidden;
  height: 100%;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.links-card_img--B img {max-height: 190px;}
.links-card--B .links-card_content-box {
	width: 50%;
  background-color: #efefef;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #0a0e14;
}
.article_section {
  max-width: var(--max-content-width);
  width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
  display: flex;
}

.bg--tdk-blue {
	background-color: #0046ad;
}
.gradient-bg {
	background: rgb(0, 38, 95);
}
.gradient-bg--ACDC {background: radial-gradient(circle, rgba(255, 213, 138, 1) 0%, rgba(255, 154, 138, 1) 15%, rgba(0, 70, 173, 1) 55%, rgba(0, 38, 95, 1) 100%);}
.gradient-bg--DCDC {background: radial-gradient(circle, rgba(142, 223, 161, 1) 0%, rgba(40, 167, 69, 1) 15%, rgba(0, 70, 173, 1) 55%, rgba(0, 38, 95, 1) 100%);}
.gradient-bg--PROG {background: radial-gradient(circle, rgba(157, 215, 224, 1) 0%, rgba(39, 178, 200, 1) 15%, rgba(0, 70, 173, 1) 55%, rgba(0, 38, 95, 1) 100%);}
.gradient-bg--ACS {background: radial-gradient(circle, rgba(204,142,235,1) 0%, rgba(182,50,238,1) 15%, rgba(0,70,173,1) 55%, rgba(0,38,95,1) 100%);}
.gradient-bg--ACCS {background: radial-gradient(circle, #FF84C6 0%, #EB82EB 15%, rgba(0,70,173,1) 55%, rgba(0,38,95,1) 100%); font-size: 5rem; color: #fff;}

.worldwide_banner {
  text-align: center;
  font-weight: 400;
  color: #0a0e14;
}

.worldwide_banner--bg {
	background-size: var(--max-content-width) auto;
  background-position: center -80px;
  background-repeat: no-repeat;
  background-image: url("/Images/s_get/top_world_img01_pc.webp");
}

.worldwide_banner .title {
  margin-bottom: 25px;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 400;
  color: var(--tdk-accent);
}
.worldwide_banner .title.title--white {
	color: #fff;
}
.worldwide_banner .text--white {
	color: #fff;
}

.worldwide_banner .view_more {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}

 .hero {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)), url('../pimages/Hero/hero_02.jpg');
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 10px;
  min-height: 469px;
  overflow: hidden;
  box-shadow: rgb(0, 0, 0) 3px 3px 6px 0px inset, rgba(0, 0, 0, 0.8) -3px -3px 6px 1px inset;
 }

 .hero.padding {
  padding: 10px;
 }

 .hero .hero-flex {
  display: flex;
 }

 .hero .hero-object {
  position: relative;
  z-index: 3;
  width: 430px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  background-color: #fff;
 }

 .hero-object::after {
  content: "";
  box-shadow: -15px 0px 10px 1px rgba(0,0,0,0.3);
  position: absolute;
  left: -25px;
  height: 150%;
  width: 100px;
  background: #fff;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: rotate(5deg);
  background-color: #fff;
}

 .hero .hero-object .hero-object-text {
  position: relative;
  display: inline-block;
  z-index: 2;
  margin: 0 80.625px 0 30.625px;
  text-align: right;
 }

 .hero-object-text h5 {
  color: #747474;
  line-height: 30px;
 }

 .hero .hero-banner {
  position: relative;
  width: calc(100% - 430px);
  padding: 10px;
  color: #fff;
 }

 .hero-banner .hero-banner-content {
  width: 80%;
  border-radius: 20px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 10px;
  backdrop-filter: blur(6px);
  background-color: rgba(0,0,0, 0.2);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
 }

 .hero-object-text .object-sub-text {
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 10px;
}

 .content-fit {
  max-width: var(--max-content-width);
  margin: 0 auto;
  width: 100%;
 }

.content-fit h6 {
	color: #747474;
	line-height: 28px;
}

.input_container--b {
  background-color: #eee;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, .125);
  margin-right: 5px;
  margin-bottom: 5px;
}

.input_container--b > label {
	padding-left: 8px;
}

.input-voltage-group > .input_container--b input {
  border: none;
  border-left: 1px solid rgba(0, 0, 0, .25);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
}

.input-voltage-group > .input_container--b > .validate-input-container {
	display: inline-block;
	width: auto;
}

.has-shadow {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 2.25px 5.33px;
}

.has-border {
  border: 1px solid #eeeeee;
}

.has-border-r {
  border-right: 1px solid #eeeeee;
}

.btn_info {
	font-size: 1.5rem;
	color: #0046ad;
	border: none;
	background-color: transparent;
}

.btn_info:hover {
	opacity: .5;
}

 .object-btn-group {
  margin-top: 10px;
}

 .btn_tdk {
  position: relative;
  min-width: 180px;
  padding: 11px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.4s ease 0s,border-color 0.4s ease 0s,color 0.4s ease 0s;
  font-weight: 400;
}

.btn_tdk_container {
	position: relative;
	min-width: 180px;
	display: inline-block;
}

.btn_tdk_container .btn_tdk {
  width: 100%;
}

 .btn_tdk.arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 9px;
    transform: translateY(-50%);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAAkElEQVQokY2QMQ7CMAxFP+3OkThAj0E5QIGjdOzIAveDAanwGMASBDv1lyIl0XtObAECWuAM7D7ncBl84Z0n0C8JJ35TlQR0wD0r2SaStpGQlsonFyWvMU96mBSNL5Qa+blKmou7RtLaq74Bbvxn8L5UhUshgvc4Y03BJqRhE0YHPniwCStgysDfPZh0rMGAXltys9KXz/FJAAAAAElFTkSuQmCC);
    box-sizing: border-box;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
 }

 .btn_tdk.btn_primary_A {
  background-color: #0046ad;
  color: #fff;
  border: 1px solid #0046ad;
}

.btn_tdk.btn_primary_A:hover,
.btn_tdk.btn_primary_A:focus {
  background-color: #336bbd;
  border-color: #336bbd;
}

 .btn_tdk.btn_primary_B {
  background-color: #fff;
  color: #0046ad;
  border: 1px solid #fff;
}

.btn_tdk.btn_primary_B:hover {
  background-color: #D1D1D1;
  border-color: #D1D1D1;
}

 .btn_tdk.btn_secondary {
  background-color: #000000;
  color: #fff;
  border: 1px solid #000000;
}

.btn_tdk.btn_secondary:hover {
  background-color: #4C4C4C;
  border-color: #4C4C4C;
}

 .btn_tdk.btn_tertiary_A {
  background-color: #fff;
  color: #0046ad;
  border: 1px solid #0046ad;
}

.btn_tdk.btn_tertiary_A:hover {
  border-color: #99B5DE;
}

 .btn_tdk.btn_tertiary_B {
  background-color: #666666;
  color: #fff;
  border: 1px solid #fff;
}

.btn_tdk.btn_tertiary_B:hover {
  border-color: #B1B1B1;
}

.btn_tdk.btn_danger {
	background-color: red;
	color: #fff;
  border: 1px solid #fff;
}

 #UIBar {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 200px;
  pointer-events: none;
  z-index: 1052;
}

#UIBar iframe {
  position: absolute !important;
  bottom: 20px;
  right: 20px;
}

/*End of PG customisations */

footer {
	color:var(--tdk-secondary-font);
}

.social-media-all-page {
  background-color: #0046ad;
  padding: 90px 50px 100px 50px;
  font-size: 30px;
  color: var(--tdk-secondary-font);
}

.social-media-all-page span{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 50px;
}

.social-icon a{
  padding-left: 35px;
  padding-right: 35px;
}

.footer-megamenu {
  padding: 60px 50px 60px 50px;
  background-color: #666666;
}

.footer-navbar{
  max-width: var(--max-content-width);
  width: 100%;
  margin: 0 auto;
  font-size: 10px;
}

.footer-megamenu .megamenu-ul{
  flex-wrap: wrap;
  margin: 0 -30px -30px 0;
  list-style: none;
  line-height: 2.3;
  padding-left: 0;
}

.megamenu-ul > li {
  padding: 0 30px 30px 0;
}

.footer-megamenu .megamenu-ul a:hover{
  text-decoration: none;
}

.megamenu-li-title {
  height: 100%;
  display: inline-block;
}

.megamenu-li-title > span {
	background-image: linear-gradient(to right,#fff,#fff);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.4s ease 0s;
  padding-bottom: 2px;
}

.megamenu-sub-ul li {
	margin-bottom: 4px;
}

.megamenu-li-title:hover > span,
.megamenu-li-title:focus-within > span {
  background-size: 100% 1px;
}

.megamenu-sub-ul {
  padding-left: 0;
}

/* V10 settings from UK website */
#strapline {
	position: relative;
	z-index: 100;
  background-color: #f4f6f9;
  height: 81px;
  text-align: center;
}

#strapline img {
  padding: 15px 0;
  height: auto;
}

body {
  margin-left: 0px;
  margin-right: 0px;
}

#siteID {
  font-family: noto-sans, sans-serif;   /* If changing this, ensure it is handled in the 'HtmlToPdf' classes */
  line-height: 24px;
}

#siteID img{
  margin-right:15px;
  vertical-align:baseline;
  width:115px;
  height:auto;
}

#siteHeader {
  width:100%;
  height: 5.9375rem;
  background:#0046ad;
  /*box-shadow:0 0 10px rgba(0,51,204,.8);*/
  position:relative;
  font-family: noto-sans, sans-serif;	/* If changing this, ensure it is handled in the 'HtmlToPdf' classes */
  z-index: 1054;
}

#siteHeader a{
  color:#fff;
}

#siteHeader div.siteID a {
  text-decoration:none;
}

#siteHeader h1.header_h1 {
	font-size: 14px;
	display: inline;
}

#siteHeader .header_index-link {
	line-height: normal;
}

#siteHeader .inner .header_home-link:hover,
#siteHeader .inner .header_home-link:focus {
	opacity: .8;
}

#siteHeader .inner{
  max-width:var(--max-content-width);
  height:inherit;
  margin:0 auto;
  padding:20px 0 13px;
  position:relative;
  color:#fff;
}

#siteFunction{
  position:absolute;
  right:0;
  top:20px;
  font-size:11px;
  height:25px;
  max-width: 70%;
}
#siteFunction > ul {
	display: flex;
	gap: 12px;
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
}
#siteFunction > ul > li:last-child {
	margin-bottom: 12px;
}

.fam-flag-lang {
	position: absolute;
	top: 2px;
	width: 16px;
	z-index: 1;
  -webkit-clip-path: polygon(0 0, 0 11px, 5px 8px, 16px 0);
  clip-path: polygon(0 0, 0 11px, 5px 8px, 16px 0);
}

#siteFunction ul li {
	text-wrap: nowrap;
  text-overflow: ellipsis;
}
#siteFunction ul li > *:hover, 
#siteFunction ul li > *:focus {
	opacity: 1;
	text-decoration: none;
}

#siteFunction .worldwide::after {
  content:'';
  background:url(../v10/_images/v10/ww_map.png) no-repeat;
  width:39px;
  height:15px;
  display:inline-block;
  vertical-align:middle;
  margin-left:10px;
}

#siteFunction div.lang {
  display: inline-block;
}

#siteFunction .list-unstyled {
	margin-bottom: 0;
}

.site-function__dropdown {
	position: absolute;
	background: #fff;
	border-radius: 1.2em;
	display: none;
	transition: opacity 0s ease .3s;
	text-align: left;
}

.profile-settings .site-function__dropdown button,
.profile-settings .site-function__dropdown a {
	padding: 10px;
  text-wrap: nowrap;
  font-size: 14px;
  width: 100%;
  display: inline-block;
  text-align: left;
  color: #0046ad;
}

.profile-settings .site-function__dropdown form {
  margin-bottom: 0px;
}

.profile-settings .site-function__dropdown span {
  padding-left: 10px;
  padding-right: 10px;
  text-wrap: nowrap;
  font-size: 10px;
  width: 100%;
  display: inline-block;
  text-align: left;
  color: #0046ad;
}

.profile-settings .site-function__dropdown button:hover {
	opacity: 1;
}

.profile-settings .site-function__dropdown ul > li:first-child {
	border-top: none;
}

#siteHeader .profile-settings .site-function__dropdown ul li {
	width: auto;
}

.profile-settings .list-unstyled {
	overflow: hidden;
  border-radius: 1.2em;
}

.on .site-function__dropdown {
	display: block;
	opacity: 1;
	transition: opacity 0s ease 0s;
}

.region__menu-inner {
  display: flex;
}

.region__menu ul {
	padding: 11px;
}

.region__menu-title {
	margin-bottom: 1.5em;
}

#siteHeader a.region__menu-item--selected {
	color: rgba(255,255,255,.5);
	pointer-events: none;
	cursor: default;
}

.header-function_log-in {
  border: none;
  background: none;
}

.header-function_link {
	color: #fff;
  opacity: .8;
  font-size: 1.2em;
  background: none;
  border: none;
}

.header-function_link:hover,
.header-function_link:focus {
	opacity: 1;
  text-decoration: none;
}

/*Referenced in tdk.v10.custom.js*/
div.toggle a.close {
  opacity: 1;
}

@font-face {
  font-family: tdk;
  src: url(../v10/_fonts/tdk.woff?v2.0) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

#global {font-size: 13px; clear:both; width:100%; height:35px; left:0; bottom:0;}
#global>ul{float:left; clear:both; list-style-type: none; padding: 0; margin: 0; z-index:3000; margin-bottom:0; position: absolute; bottom: 0;}
#global>ul>li{float:left; margin-right:26px; background:none; padding:0;font-size: 13px;}
#global>ul>li>a{text-decoration:none; padding:0 0; display:inline-block; height:35px; line-height:35px;}
#global>ul>li.on>a {color: #b8eeff;text-decoration: underline;}
#global>ul>li>ul{float:none; display:none; position:absolute; left:0; top:35px; width:280px; box-shadow:0 0 10px rgba(0,51,204,.8); background:#039;}
#global>ul>li>ul>li{display:block; width:100%; height:auto; line-height:20; clear:both; font-size:12px;}
#global>ul>li>ul>li>a{display:block; width:100%; line-height:1.4; padding:8px 15px; height:auto; border-top: solid 1px #3a619a !important; position: relative}
#global>ul>li>ul>li>a:first-child{ border-top: none}
#global>ul>li>ul>li>a::after{content:"";display: inline-block;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right:10px;top: 13px;}
#global>ul>li>ul>li>a:hover{background:rgba(255,255,255,.2);}
#global>ul>li>a+i{display:none;}
#global .toggle{display:none;}
#global::after,
#global ul::after{content:''; display:block; clear:both;}

.mega-menu_container {position: absolute; left: 0; z-index: 9999; display: none;margin-left: -90px;}
.mega-menu_li.on .mega-menu_container {display: block;}
.mega-menu_li .mega-menu_submenu {background:#294D81; max-width: calc(var(--max-content-width) + 180px); margin: 0 auto;padding: 0 90px; position: relative;}
.mega-menu_icon-close {position: absolute; right: 10px; top: 10px; color: #fff; z-index: 9999; font-size: 1.5em;}
.mega-menu_submenu-inner {display: flex;max-width: var(--max-content-width); margin: auto; width: var(--max-content-width);}
.mega-menu_submenu-li:hover {color: #b8eeff}
#siteHeader .mega-menu_submenu-li:hover .mega-menu_submenu-link {color: #b8eeff; text-decoration: underline}
.mega-menu_column {border-right: 1px solid rgba(255, 255, 255, 0.1); padding: 21px 18.5px 21px 0; position: relative; width: 33.33333%}
.mega-menu_column--1 {width: 33.33333%}
.mega-menu_column--2 {width: 66.66666%}
.mega-menu_column.mega-menu_column--1 ul {padding-left: 0;}
.mega-menu_submenu-li {padding-left: 15px; position: relative}
.submenu-li_pointer {position: absolute; left: 0; font-size: .8em; top: 5%;}
.mega-menu_submenu-link {display: inline-block;margin-bottom: 20px;width: 100%;}
.mega-menu_feature-section-title {color: #fff;position: relative;font-size: 16px;margin-bottom: 23px;padding: 4px 0 0 20px;}
.mega-menu_feature-list {display: flex;flex-wrap: wrap;width: 100%;}
.mega-menu_feature-item {width: 50%;}
.mega-menu_feature-padding {padding: 0 20px 20px 20px;}
.mega-menu_feature-item-img {width: 100%;height: auto;}
.mega-menu_feature-item-title {color: #fff;font-size: 16px;line-height: 18px;padding: 18px 0 12px;display: block;}
.mega-menu_feature-item-desc {color: #ccc;font-size: 13px;line-height: 18px;text-decoration: none;display: block;}
.mega-menu_feature-item-link:hover {text-decoration: none !important;}
.mega-menu_feature-item-link:hover .mega-menu_feature-item-img {opacity: .8}
.mega-menu_feature-item-link:hover .mega-menu_feature-item-title {color: #b8eeff;text-decoration: underline;} 
.mega-menu_feature-item-link:hover .mega-menu_feature-item-desc {color: #fff;text-decoration: none;}

/* element > element selector. Select any .wrapper class that is immediate child of #siteFooter id*/
#siteFooter>.wrapper {
  max-width: var(--max-content-width);
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

#siteFooter{
  background:#888;
  position:relative;
  z-index:100;
  padding: 17px 0 15px;
  font-size: 12px;
  line-height: 20px;
}

#siteFooter a:hover,
#siteFooter a:focus {
	text-decoration: underline;
}

#siteFooter .subLinks {
  margin-bottom: 0;
  margin-top: auto;
  clear: both;
}

#siteFooter .subLinks li {
  display: inline-block;
  margin-right: 20px;
}

#siteFooter .subLinks p {
  text-align: right;
  margin: 0;
}

footer a,
footer a:hover{
  color:inherit;
}

a.searchSelected::before {
  content:'\2713';
  color: #ff0000;
  font-family: "tdk";
  display: inline-block;
  margin-left: -1.3em;    /* same as padding-left set on a.priceSearchList below */
  width: 1.3em;   /* same as padding-left set on a.priceSearchList below */
}

a.priceSearchList {
  padding-left: 1.3em;    /* If changing this, need to change the 2 entries above to the same size*/
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

button.info {
  background-image: url('../pimages/template/ibutton.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

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

ul.v8icon {
  height: 110px;
  list-style: none;
  padding-left: 0;
  padding-bottom: 30px;
  float: right;
}

ul.v8icon>li {
  width: 83px;
  height: 95px;
  padding-left: 0;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

ul.v8icon>li.help {
  background: url('../pimages/icons/question-mark.gif');
}

ul.v8icon>li>a {
  appearance: inherit;
  -webkit-appearance: inherit;
  padding-top: 87px;
  display: block;
  text-decoration: none;
  color: #333333;
}

ul.v8icon>li:hover {
  background-position: center 5px !important;
}

ul.v8icon>li>a:hover {
  padding-top: 92px !important;
  color: #000000;
}

ul.v8icon-small {
  height: 75px;
  list-style: none;
  padding-left: 0;
  padding-bottom: 30px;
}

ul.v8icon-small>li {
  width: 50px;
  height: 55px;
  margin: 5px;
  padding-left: 0;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

ul.v8icon-small>li.help {
  background: url('../pimages/icons/xs/question-mark.gif');
}

ul.v8icon-small>li>a {
  appearance: inherit;
  -webkit-appearance: inherit;
  padding-top: 55px;
  display: block;
  text-decoration: none;
  color: #333333;
}

ul.v8icon-small>li:hover {
  background-position: center 5px !important;
}

ul.v8icon-small>li>a:hover {
  padding-top: 60px !important;
  color: #000000;
}

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

/* FLAG SETUP FOR DROPDOWN LINK OPTIONS */
/* ---------------------------------------------------------------------------- */


.card-header {
  border-radius: 0px;
}

.card:hover.panel-hover > .card-header {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #3a6fa9 0%, #2a517b 100%);
  background-image: -o-linear-gradient(top, #3a6fa9 0%, #2a517b 100%);
  background-image: linear-gradient(to bottom, #3a6fa9 0%, #2a517b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a6fa9', endColorstr='#ff2a517b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #284c74;
  background-color: #3a6fa9;
}

hr.narrow {
  margin: 5px 0;
}

.table.nodiv td, .table.nodiv th {
  border: none;
  border-top: none;
}

.table#nodiv, .table#nodiv td, td.nodiv {
  border: 0;
}

body {
  font-size: .85rem !important;
  BACKGROUND-COLOR: #ffffff;
}

.table {
  margin-bottom: 2px;
}

form {
  margin-bottom: 5px;
}

.config_highlight_underlined {
  color: #900;
  font-weight: bold;
  text-decoration: underline;
}

.config_heading {
  font-weight: bold;
  font-size: 14pt;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.title {
  text-align: center;
  font-weight: normal;
  width: auto;
  margin: 3px;
  font-size: 18px;
  font-style: normal;
}

body .col-form-label {
  font-size: 16px;
}

.config_textbox {
  margin: 1px 0 1px 0;
  font-size: 16px;
  padding: 2px 2px;
  min-height: 20px;
  height: auto;
}

.nav_buttons {
  padding: 10px;
}

.configResultsCompetitor {
  border-color: #c0c0c0 !important;
  background-color: #c0c0c0 !important;
}

/*Above this is for config program only*/
/*BOOTSTRAP COMPONENT OVERRIDES*/

/* PAGE STYLES */
body, html {
  padding: 0;
  font-size: 16px;
}

hr {
  border: 0;
  border-bottom: 1px dotted #666;
}

/* MISC STYLES */

/* author: kacpert */
.price {
  height: auto;
}

.priceBreak {
  border: 0;
}

.table>thead>tr>th, .table>thead>tr>td {
  border: 0;
}

.table>thead>tr>td.priceBreaksLeftBorder {
  border-left: 1px solid #ddd;
  text-align: center;
}

.table tbody tr.suppressed>td {
  background-color: rgba(25, 74, 78, 0.25);
}

.table tbody td.suppressed {
  background-color: #D7DED3 !important;
}

/* Used in SpreadsheetUpload.jsp */
#dropdown {
  min-width: 980px;
}

#dropdown li {
  padding: 5px 5px 5px 5px;
  display: flex;
  justify-content: space-between;
  gap: 5px;
  align-items: center;
  margin: 0px;
  background-color: #eee;
}

#dropdown li:nth-child(odd) {
	background-color: #ccc;
}

.form-control {
  display: inline-block;
}

/* Used in priceManagers.jsp */
.static-selector {
  width: 100% !important
}

/* Used in priceManagers.jsp */
.column-centered {
  text-align: center; /* center checkbox horizontally */
  vertical-align: middle; /* center checkbox vertically */
}

/* Used in search.jspf and searchResults.jspf */
.cursor-hand {
  cursor: pointer;
}

/* Used in specialPrice.jspf */
.close-other {
  font-size: 18px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity = 20);
  opacity: .2;
}

.close-other:hover, .close-other:focus {
  color: #000;
  cursor: pointer;
  filter: alpha(opacity = 50);
  opacity: .5;
}

/* Used in specialPrice.jspf */
button.close-other-button {
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

/* Used in specialPriceCalculator.js */
.blinking-cell {
  color: red !important;
}

/*        ============================================      */

/* used in many places */
.col-form-label {
  font-style: normal !important;
  padding-top: 0px;
  font-weight: 100;
  text-align: left !important;

}

section {
  position: relative;
  top: 0;
  left: 0;
}

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

div.caption p {
  margin-left: 40px;
}

.condensed {
  white-space: nowrap;
}

table.condensed>tbody>tr>td, table.condensed>thead>tr>td, table.condensed>tfoot>tr>td {
  padding: 5px;
}

table.outputs>thead>tr>th {
        padding-bottom: 0;
}

/* Used in vega/outputs.jspf, configEntry/outputs.jspf, inputVoltage_dc.jspf */
table.outputs>tbody>tr>td, table.outputs>thead>tr>td, table.outputs>tfoot>tr>td {
  padding-top: 2px;
  padding-bottom: 2px;
}

.thumbnail > img {
  max-width: 250px;
  max-height: 250px;
}

/* used in module_updateFilter.mjs, vega/pricing.jspf */
.pricing {
  overflow-y: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pricing > table {
  white-space: nowrap;
}

input {
  padding-left: 5px;
}

input.form-control-sm {
  padding: 5px 10px;
}

input.config_textbox {
  padding: 2px 6px;
  max-width: 100%;
}

.search-results>tbody>tr>td, .search-results>thead>tr>td, .search-results>tfoot>tr>td, .search-results>tr>td {
  padding: 3px;
}

#searchOptions ul li a {
  position: relative; padding-right: 40px !important;
}

/* For the output power table */
.table.psu-power th, .table.psu-power td {
  padding: 2px;
}

input:invalid {
  border-color: red;
  border-width: medium;
}

/* css selectors for the privacy policy parts */
.highlightLabelWhite:not(:checked) + span {
  font-weight: bold;
  color: red;
}

.highlightLabelWhite:not(:checked) + span > .privacylink {
  color: red;
}

.highlightLabelBlack:not(:checked) + span {
  font-weight: bold;
  color: red;
}
.highlightLabelBlack:not(:checked) + span > .privacylink {
  color: red;
}

.highlightLabelBlack:checked + span > .privacylink {
  color: black;
}
/* end of privacy policy selectors */

.header_cta-container {
  float: right;
  display: inline-flex;
  position: relative;
  bottom: -2px;
  gap: 5px;
}

.header_cta-container .searchbar {
	margin-bottom: 0;
}

.header_btn-cta {
  background: #4D7EC6;
  position: relative;
  height: 30px;
  color: #D2DAE5;
  border: 1px solid #D2DAE5;
  padding: 0 .25rem;
  border-radius: 3px;
  box-sizing: border-box;
}

.header_btn-cta:hover {
  color: #fff;
}

.header_btn-cta--basket {
	float: right;
}

.basket_counter {
	position: absolute;
	top: -5px;
	right: -8px;
	width: 20px;
	height: 20px;
	background: black;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 100%;
}

.basket_counter.red {
  animation: flash-red .75s linear;
}

.basket_counter.green {
  animation: flash-green .75s linear;
}

@keyframes flash-red {
  0% {background-color: #dc3545;}
  100% {background-color: black;}
}

@keyframes flash-green {
  0% {background-color: #28a745;}
  100% {background-color: black;}
}

/* search bar css */
.searchbar {
	display: inline-flex;
}

.searchbar_input {
  background: #0046ad;
  border: 1px solid #4D7EC6;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  font-size: 13px;
  padding-left: 6px;
  flex: auto;
  color: #fff;
  border-radius: 3px 0 0 3px;
  width: 20em;
}

.searchbar_input:focus {
	color: #666666;
	background: #fff;
}
.searchbar_input:focus::placeholder {
	color: #888888;
}

.searchbar_input::placeholder {
	color: #7097D1;
}

.header_btn-cta--searchbar {
	width: 40px;
  border: 1px solid #4D7EC6;
  border-left: none;
  overflow: hidden;
  border-radius: 0 3px 3px 0;
}

.header_btn-cta--searchbar .navBarLoader.TR_Loader__small {
	position: relative;
	height: 100%;
  top: 3px;
  font-size: 2px;
}
/* end of searchbar css */

/*tooltip css */
.has-tooltip {
  position: relative;
}

.has-tooltip .tooltiptext {
  visibility: hidden;
  min-width: fit-content;
  background-color: #fff;
  color: #0a0e14;
  text-align: left;
  padding: 11px;
  border: 1px solid #ccc;
  border-radius: 1.2em;
  position: absolute;
  z-index: 1056;
  opacity: 0;
  transition: opacity 0.3s ease, visibility .3s ease;
  padding: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  font-size: 14px;
}

.tooltiptext.warning {
  background-color: #dc3545;
}

.tooltiptext.left.warning::after {
  border-color: transparent transparent transparent #dc3545;
}

.tooltiptext.top {
  bottom: 100%;
  left: 50%;
  margin-left: -125px;
}

.tooltiptext.bottom.search-tooltip {
  right: 0;
  left: auto;
  margin-left: -125px;
  min-width: 400px;
}

.tooltiptext.bottom {
  top: 100%;
  margin-top: 10px;
  left: 50%;
  margin-left: -125px;
}

.tooltiptext.right {
  top: -5px;
  left: 105%;
}

.tooltiptext.left {
  top: -5px;
  right: 105%;
}

.tooltiptext::after,
.tooltiptext::before {
  content: "";
  position: absolute;
  border-style: solid;
}

.tooltiptext::before {border-width: 9px}
.tooltiptext::after {border-width: 8px}

.tooltiptext.top::after,
.tooltiptext.top::before {
  top: 100%;
  left: 50%;
}
.tooltiptext.top::after{border-color: #fff transparent transparent transparent;margin-left: -8px;}
.tooltiptext.top::before {border-color: #ccc transparent transparent transparent;margin-left: -9px;}

.tooltiptext.bottom::after,
.tooltiptext.bottom::before {
  bottom: 100%;
  left: 50%;
}

.tooltiptext.bottom::after{border-color: transparent transparent #fff transparent;margin-left: -8px;}
.tooltiptext.bottom::before {border-color: transparent transparent #ccc transparent;margin-left: -9px;}

.tooltiptext.right::after,
.tooltiptext.right::before {
  top: 20px;
  right: 100%;
}

.tooltiptext.right::after{border-color: transparent #fff transparent transparent;margin-top: -8px;}
.tooltiptext.right::before {border-color: transparent #ccc transparent transparent;margin-top: -9px;}

.tooltiptext.left::after,
.tooltiptext.left::before {
  top: 50%;
  left: 100%;
}

.tooltiptext.left::after{border-color: transparent transparent transparent #fff; margin-top: -8px;}
.tooltiptext.left::before {border-color: transparent transparent transparent #ccc; margin-top: -9px;}

.has-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease .6s, visibility .3s ease .6s;
}

/* end of tooltip css */

.header_sticky-logo {
  display: none;
 }
 
 .site-function__currency-price-display {
  position: absolute;
 }

@media only screen and (max-width: 1440px) {
   :root {
    /*--max-content-width: 980px;*/
    --max-content-width: 1200px;
   }
 }
 
 @media only screen and (max-width: 1240px) {
   :root {
    --max-content-width: 980px;
   }
 }


@media screen and (min-width:984px){
 #container {
  min-height: 90px;
 }
 #siteHeader.header--pc-sticky {
  transition: .6s ease-in-out transform;
 }
 .header--pc-sticky #siteFunction {
  display: none;
 }
 .header--pc-sticky .site-function__currency-price-display {
  display: none;
 }
 #siteHeader.header--pc-sticky {
  position: fixed;
  top: -90px;
  transform: translateY(45px);
  border-bottom: 1px solid rgba(0,0,0,.2);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
 .header--pc-sticky #global>ul>li>a {
  font-size: 1rem;
 }
 #siteHeader.header--pc-sticky .header_sticky-logo {
  display: block;
  margin-top: -1.5px;
 }
 .header_btn-cta--basket {
  margin-left: 1rem;
  bottom: -2px;
  background: #fff;
  border: 1px solid #4D7EC6;
  color: #0046ad;
 }
 .header_btn-cta--basket:hover {
  color: #4D7EC6;
  border: 1px solid #4D7EC6;
 }
 .header--pc-sticky #global {
	  position: relative;
	  bottom: -40px;
	}
	.header--pc-sticky .header_btn-cta--basket {
	  position: relative;
	  bottom: -38px;
	}
 .header--pc-sticky .searchbar {
  top: -4px;
 }
 .header--pc-sticky #siteID {
  display: none;
 }
 .site-function__dropdown {border: 1px solid #ccc;}
 .on .site-function__dropdown::after {
	  position: absolute;
	  content: "";
	  border: 8px;
	  border-style: solid;
	  border-color: transparent transparent #fff transparent;
	  top: -15px;
	  left: 54px;
	  display: inline-block;
	  z-index: 2;
	}
	
	#siteHeader .site-function__dropdown ul li.region__menu-title {
	 color: #666666;
	 font-size: 1em;
	 border-top: none;
	 font-weight: bold;
	 text-wrap: wrap;
	}
	#siteHeader .site-function__dropdown ul li {
	 border-top: 1px solid #ccc;
   background-color: #fff;
   box-sizing: border-box;
   width: 101px;
   overflow: hidden;
   color: #0046ad;
   display: flex;
  }
  #siteHeader .site-function__dropdown ul li a {
    color: #0046ad;
    flex: 1;
  }
  #siteHeader .site-function__dropdown ul li a:hover,
  #siteHeader .site-function__dropdown ul li a:focus,
  #siteHeader .site-function__dropdown ul li button:hover,
  #siteHeader .site-function__dropdown ul li button:focus  {
    background: rgba(0, 70, 173, 0.1);
  }
  #siteHeader .site-function__dropdown ul li.region__menu-title:hover {
    background: none;
  }
  .region__menu-item--selected {
    color: #0046ad;
    opacity: .5;
  }
}

/* rules at 984px or smaller */
@media screen and (max-width:984px){
	.basket--open .basket_menu {
	  transform: translateX(0); 
	}
	
	.no-mobile-header {
	 display: none;
	}
	
	.basket_menu {
	  transform: translateY(-100%);
	  padding-top: 50px;
	  max-height: 100vh;
	  min-width: 0;
	  width: 100vw;
	  max-width: 100vw;
	  overflow: auto;
	}
  .basket_menu {
		width: 100%;	
	}
	.basket_backdrop {
	 z-index: 1054;
	}
	.header_btn-cta--basket {
	 border: none;
	 background: none;
	 color: #fff;
	 position: absolute;
	 right: 50px;
	 height: 40px;
	 top: 3px;
	}
	.basket_counter {
	 top: -3px;
	}
	.header_btn-cta--basket .basket_text {
	 display: none;
	}
	.header_btn-cta--basket i {
	 font-size: 24px;
	}
  /* ================================================== section for tablet ================================================== */
  body{-webkit-overflow-scrolling: touch;}
  #container{min-width:217px; z-index: 2999; position: sticky; width: 100%; top: 0;}
  /* site header
  ================================================== */
  #siteHeader{width:100%; height:50px;}
  #siteHeader .inner{padding:0; max-width:100%; height:50px; position:relative;}
  #siteFunction{position:relative; right:auto; top:auto; font-size:11px; width:auto; height:auto; clear:both; background:#294D81; flex-direction: column;gap: 0; padding: 0 20px; max-width: 100%; order: 2}
  #siteFunction div.region__menu{position: relative; background: none;box-shadow: none;}
  #siteFunction .profile-settings .site-function__dropdown button, #siteFunction .profile-settings .site-function__dropdown a {color: #fff; text-align: left; }
  #siteFunction .profile-settings .site-function__dropdown a:hover, #siteFunction .profile-settings .site-function__dropdown button:hover,
  #siteFunction .profile-settings .site-function__dropdown a:focus, #siteFunction .profile-settings .site-function__dropdown button:focus{color: #B8EEFF;text-decoration: underline;background: none;}
  #siteHeader > ul >  li a, #siteHeader > ul >  li button {width: 100%; display:block; padding:20px 0 24px; background:none;}
  #siteFunction li .site-function__dropdown {background:none; position: relative;box-shadow: none;}
  #siteFunction > ul >  li:first-child {border-top:none}
  #siteFunction > ul >  li {width: 100%; text-align: center; padding: 11px; border-top:1px solid rgba(255, 255, 255, 0.1);}
  #siteHeader ul {
    flex-direction: column;
    align-items: center;
  }
  #siteHeader ul li a:hover,
  #siteHeader ul li a:focus,
  #siteHeader .header-function_link:hover,
  #siteHeader .header-function_link:focus,
  #siteHeader .header-function_link:hover > a,
  #siteHeader .header-function_link:focus > a {color:#B8EEFF;text-decoration: underline;background: none;}
  #siteHeader div.scroller{overflow:auto; height:calc(100% - 50px); position:fixed; left:0; top:50px; width:100%; background:rgba(0,0,0,.5); display:none; z-index:3000;}
  #siteHeader .toggle{width:40px; height:40px; position:absolute; right:5px; top:5px; display:block; cursor:pointer;}
  #siteHeader .toggle a{display:block; width:40px; height:40px; text-indent:50px; white-space:nowrap; overflow:hidden; cursor:pointer;}
  #siteHeader .toggle a::after{display:block; width:40px; height:40px; text-align:center; text-indent:0; content:'\f0c9'; font-family:"tdk"; font-size:24px; position:absolute; left:0; top:0px;}
  #siteHeader .toggle a.close{display:none;}
  #siteHeader .toggle a.close::after{content:'\f00d'; font-family:"tdk"; font-weight: normal;}
  #global{margin-top:0; position:static; left:auto; bottom:auto; height:auto;display: flex;flex-direction: column;background: #294D81;padding: 10px 20px 0;}
  #global ul{float:none; position: relative;}
  #global ul li{float:none; margin-right:0; position:relative; font-size:18px; border-bottom:1px solid rgba(255, 255, 255, 0.1); position:relative; cursor:pointer;}
  #global ul li ul{display:block; position:relative; left:auto; top:auto; width:auto; box-shadow:none; background:#294D81; border-top:1px rgba(255, 255, 255, 0.1) solid; display:none; padding-left: 0; margin-bottom: 0;}
  #global ul li ul li:last-child{border-bottom:0 none;}
  #global ul li a+a::before{text-align:center; text-indent:0; position:absolute; right: 0;color:#fff; font-size:24px; font-family: "bootstrap-icons"; content: '\F4FE';opacity: .5}
  #global ul li a+a:hover::before,
  #global ul li a+a:focus::before {opacity: 1;}
  #global ul li a+a.open::before { content: '\F2EA'; }
  .header_cta-container {order: -1; top:0; bottom: 0;}
  .searchbar {width: 100%; margin-top: 10px;}
  .searchbar_input {background-color: #294D81;border-color: rgba(255, 255, 255, 0.1);height: 40px;line-height: 40px;border-right: none;}
  .searchbar_input::placeholder {color: #6A83A7;}
  .header_btn-cta--searchbar {border: 1px solid rgba(255, 255, 255, 0.1);height: 40px;width: 40px;background-color: #6A83A7;}
  .header-function_link {opacity: 1}
  #siteHeader ul.header_dropdown-nav-list {margin-left: 20px;}
  #siteHeader ul.header_dropdown-nav-list>li>a {color: #ededed; padding:12.5px 0;font-size: 13px;}
  #siteHeader ul.header_dropdown-nav-list>li>a::after {border: none;}
  #global ul li a+a.toggle1 {width: 50%}

  /* These should be overridden for smaller screens */
  #siteID{left:10px; top:15px; font-size:14px; position:absolute;}
  .header_logo {padding-left: 0;}
  #siteID img{width:100px; height:auto;}

  #global ul li a{padding:0 0 0 20px; line-height:50px; display:block; height:50px; cursor:pointer;}
  #global ul li a:first-child::after{margin-left:10px;}
  #global ul li a+a{width:50px; height:50px; position:absolute; right:0; top:0; text-indent:110%; white-space:nowrap; overflow:hidden; display:block; cursor:pointer;}
  #global ul li ul li{line-height:1; clear:both; font-size:16px; border-bottom-color:rgba(255, 255, 255, 0.1); position: relative}
  #global ul li ul li a{line-height:1; padding:10px 0 10px 80px; height:auto; color:#eee; border-top:none !important}
  #global ul li ul li a:hover{color:#B8EEFF;text-decoration: underline;background: none;}
  #global ul li ul li a::after{content:"";display: inline-block;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right:25px;top: 13px;}
  #siteHeader #global>ul>li>a {padding: 20.5px 0; line-height: 100%; height: auto;font-size: 1rem;}

  /* End of required overrides for smaller screens */


  /* site footer
  ================================================== */
  .social-media-all-page {padding: 90px 30px 100px 30px;}
  #siteFooter nav{margin:0 -15px; display: block}
  #siteFooter nav ul li li{ font-size:12px; line-height:1.2; font-weight:normal;}
  #siteFooter nav ul li ul{margin-top:5px;}
  #siteFooter nav ul li ul li a{ padding-right: 20px;}
  #siteFooter nav ul li ul li a::after{content:"";display: block;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute; right: 10px; top: 13px;}
  #siteFooter p{line-height:1.2;}
  #siteFooter nav::after{clear:both; display:block; content:'';}

  /* These should be overridden for smaller screens */
  #siteFooter nav div{padding-right:10px;}
  #siteFooter nav ul{margin-bottom:20px;}
  #siteFooter nav ul li{font-weight:bold; margin-bottom:10px;}
  #siteFooter nav ul li a:hover::after{text-decoration:none;}
  #siteFooter nav ul li a:hover{text-decoration:underline;}
  #siteFooter .row {
    --bs-gutter-x: 0;
  }
  /* End of required overrides for smaller screens */
}

/* rules at 768px or smaller */
@media screen and (max-width:768px){
  /* ================================================== section for smartphone ================================================== */
  /* site header
  ================================================== */
  #siteID{left:15px; top:10px; font-size:10px;}
  #siteID img{width:80px; margin-right:5px;}
  #global ul li a{padding:0 0 0 15px; line-height:40px; height:40px;}
  #global ul li a+a{width:40px; height:40px;}
  #global ul li ul li{font-size:14px;}
  #global ul li ul li a{padding:6px 0 6px 20px; border: none !important}
  #global ul li ul li a::after{content:"";display: inline-block;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right:18px;top: 9px;}

  /* site footer
  ================================================== */
  .social-media-all-page{padding: 70px 20px 70px 20px;}
  .social-media-all-page span{font-size:20px;margin-bottom:30px}
  .social-media-all-page a{padding-left:15px; padding-right:15px;}
  .social-media-all-page .social-icon img{width:29.5px;height:25px;}
  .social-media-all-page .social-icon:nth-child(3) img{width:35.5px}
  .social-media-all-page .social-icon:nth-child(4) img{width:25px;}
  #siteFooter {padding-top: 1rem; padding-bottom: 0; background: #666; border-top: 1px solid #777777;}
  #siteFooter ul{width: 100%; font-size: 12px;}
  #siteFooter .wrapper {padding-top: 0;}
  #siteFooter .subLinks {flex-direction: column; text-align: center;}
  #siteFooter .subLinks p{line-height:1.4; margin:0 ; background:#999; padding:10px 5px; text-align: center;}
  #siteFooter{font-size: 10px;}

  #siteFooter nav div{padding:0; float:none; clear:both; width:auto;}
  #siteFooter nav ul{margin-bottom:0; /*border-top:1px #ccc solid;*/}
  #siteFooter nav ul li{font-weight:normal; margin-bottom:0; border-bottom:1px #ccc solid;}
  #siteFooter nav ul li a{padding:6px 30px; display:block;}
  #siteFooter nav ul li a::after{content:"";display: block;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute; right: 30px; top: 13px;}
  #siteFooter nav ul li a:hover{text-decoration: none; background: #888}
  #siteFooter nav ul li ul{display:none;}
  
  #siteHeader {box-shadow: 0 0 10px rgba(0, 0, 0, .8);}
}

@media screen and (min-width: 750px) {

  .inner.flex .flex-item.space-between {
    width:calc(50% - 10px);
  }

 .inner.flex .flex-item.fill-space {
    width: 100%;
  }
}

 @media screen and (max-width: 750px){
  :root{
   --section-padding: 70px 20px 70px 20px;
  }
  
  .links-card--B {
    width: 100%;
    padding-right: 0;
  }

  .links_block-wrap {
    width: 100%;
    padding-right: 0;
  }

  .article_section {
    flex-wrap: wrap;
  }

  .content-fit {
    margin: 0 12.5px 0 12.5px;
  }

  .hero {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, .5)), url('../pimages/Hero/hero_02.jpg');
  }

  .hero .hero-object .hero-object-text {
    margin: 0;
    padding: 25px 33px 30px 20px;
    background-color: #fff;
    width: 100%;
  }

  .hero .hero-object {
    width: 100%;
    display: block;
    height: auto;
  }

  .hero-object::after {
  box-shadow: 0px -8px 10px 1px rgba(0,0,0,0.3);
  position: absolute;
  top: -35px;
  left: 0;
  height: 100px;
  width: 113%;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

  .hero .hero-flex {
    flex-wrap: wrap;
    height: auto;
  }

  .hero .hero-banner {
    width: 100%;
    height: auto;
    margin-bottom: 100px;
    padding: 0;
  }

  .hero-banner .hero-banner-content {
    width: 100%;
    margin-top: 10px;
    backdrop-filter: blur(0px);
    background-color: rgba(0,0,0,0);
 }
}

@media (max-width: 340px) {
	.ShowInHeader {
	 display: none;
	}
	.ShowInMenu {
	 display: block;
	 background-color: #333;
	 border-bottom: 1px #aaa solid;
	 padding: 11px 15px 11px 15px;
	}
}

@media (min-width: 333px) {
  ul.v8icon>li {
    margin: 15px;
  }
}
@media (max-width: 332px) {
  ul.v8icon>li {
    margin: 5px;
  }
}

@media (max-width: 10px) {
  body {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.hr-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 15px 0;
}

.hr-separator::before,
.hr-separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #000;
}

.hr-separator:not(:empty)::before {
  margin-right: .25em;
}

.hr-separator:not(:empty)::after {
  margin-left: .25em;
}

/* Sliding Toggle Switch CSS - used in AC Source Configurator */
.sliding-toggle {  /* label and container for the toggle switch */
  position: relative;
  display: inline-block;
  padding-right: 60px;
  height: 34px;
  line-height: 34px;
}

.sliding-toggle:has(input:disabled) .sliding-toggle__inner{
	opacity: .5;
	cursor: default;
}

.sliding-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  width: 60px;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.sliding-toggle input:checked + .slider {
  background-color: #0046ad;
}

.sliding-toggle input:focus + .slider {
  box-shadow: 0 0 1px #0046ad;
}

.sliding-toggle input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* End of Sliding Toggle Switch CSS */

/* Progress loader CSS - used in AC Source Configurator */

.progress-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	z-index: 1;
}

.progress-loader_inner {
	margin: 0 auto;
	padding: 10px;
	background-color: #fafcff;
	border-radius: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.progress-loader_img {
	padding-bottom: 8px;
}

.progress-loader_progress-bar {
	background-color: #0046ad;
	height: 10px;
	width: 1%;
	transition: width .8s ease-in-out;
	border-radius: 3px;
}

.progress-loader_text {
	color: #0046ad;
	text-align: center;
	font-size: 1.5rem;
}