* {
  font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p, li , label, table{
  color: #191919;
 }
h1 {
  font-size: 1.7rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.3rem;
  margin-top: .5rem;
}
h4 {
  font-size: 1.1rem;
  margin-top: .5rem;
}
h5 {
  font-size: 1.0rem;
  font-style: italic;
}
h1,
h2,
h3,
h4,
h5 {
  color: #1864ab;
}
.products {
	color: #009fe4;
	padding-bottom:18px;
}
.products-nopadding {
	color: #009fe4;
}
ul {
  /*margin-left: 0;*/
}
article a,
.section-padding a {
  border-bottom: 1px solid #1864ab;
}
article a.button,
section-padding a.button {
  border-bottom: none;
} 
article img {
  display: block;
  margin: 0 auto;
  padding: 1rem 0;
}
section img {
  display: block;
  margin: 0 auto;
  padding: 0 0 1rem 0;
}
figcaption {
  font-style: italic;
  text-align: center;
  padding-bottom: 1em;
}
.breadcrumbs {
  line-height: 38px;
  margin: 0;
}
.breadcrumbs li {
  text-transform: none;
}
.breadcrumbs a {
  border-bottom: 1px solid #1864ab;
}
.breadcrumbs a:hover {
  text-decoration: none;
}
.branding-menu .menu {
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.branding-menu .menu li a {
  border-bottom: none;
}
.branding-menu .menu li a:hover {
  background-color: #dedede;
}
.branding-menu .menu .is-active {
  background-color: #dedede;
}
.branding-menu .try-buy {
  background-color: #1864ab;
  padding: 0.7rem 1rem;
  color: #fefefe;
  line-height: 1;
}
.branding-menu .try-buy:before {
  content: "\f07a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
}
.branding-menu .try-buy-mobile {
  display: none;
  justify-content: center;
  margin: 1em auto;
  max-width: 250px;
  background-color: #1864ab;
  padding: 0.7rem 1rem;
  color: #fefefe;
  line-height: 1rem;
}
.branding-menu .try-buy-mobile:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f07a';
  margin-right: 5px;
}
@media screen and (max-width: 600px) {
  .branding-menu .menu {
    justify-content: center;
    float: none;
    font-size: 0.8rem;
  }
  .branding-menu .menu li a {
    padding: 0.5rem;
  }
  .branding-menu .menu .try-buy {
    display: none;
  }
  .branding-menu .try-buy-mobile {
    display: flex;
  }
  .branding-menu img {
    display: block;
    margin: 0 auto;
  }
  .percepta-image-padding {
	padding:0rem;
}
}
.tabs-panel h3 {
  font-size: 1.15rem;
}

.application-img,
.video-img,
.stories-img,
.technical-img,
.quick-start-img,
.poster-img {
  height: 48px;
  display: flex;
  align-items: center;
}
.application-img:before,
.video-img:before,
.stories-img:before,
.technical-img:before,
.quick-start-img:before ,
.poster-img:before{
  background-size: 45px 48px;
  display: inline-block;
  width: 45px;
  height: 48px;
  content: "";
  margin:10px;
}
.application-img:before {
  background-image: url("/images/products/spectrusprocessor/resources_appnotes.png");
}
.video-img:before {
  background-image: url("/images/products/spectrusprocessor/resources_videos.png");
}
.stories-img:before {
  background-image: url("/images/products/spectrusprocessor/resources_custstories.png");
}
.technical-img:before {
  background-image: url("/images/products/spectrusprocessor/resources_technotes.png");
}
.quick-start-img:before {
  background-image: url("/images/products/spectrusprocessor/resources_quickstart.png");
}
.poster-img:before {
  background-image: url("/images/products/spectrusprocessor/resources_posters.png");
}
.callout {
  display: none;
}
.callout .is-shown {
  display: block;
}
.button.medium {
	font-size:1.1rem;
	line-height:1.5rem;
}
.button.secondary {
  background-color: #ce9132;
}
.button.secondary:hover {
  background-color: #b7812c;
}
.button.tertiary {
  background-color: #ff6b35;
}
.button.tertiary:hover {
  background-color: #e86231;
}
.button.quaternary {
  background-color: #beb7a4;
}
.button.quaternary:hover {
  background-color: #ada796;
}
.button.quinary {
  background-color: #84d1e0;
  color:black;
}
.button.quinary:hover {
  background-color: #77bcca;
  color:black;
}
.button.senary {
  background-color: #5aaa95;
}
.button.senary:hover {
  background-color: #529b88;
}
.button.septenary {
  background-color: #dd1c1a;
}
.button.septenary:hover {
  background-color: #c91a18;
}
.button.larger {
	font-size:1.2em;
}

.body-list {
  list-style-type: none;
  margin-bottom: 0rem;
}
.body-list ul {
  list-style-type: none;
}
.body-list li {
  padding-bottom: 0.5rem;
  padding-left: 0.5em;
}
.body-list li a {
  border-bottom: 1px solid #1864ab;
}
.body-list li :hover {
  /*color: #1864ab;*/
}
.body-list li i {
  color: #191919;
}
.body-list li i:hover {
  /*color: #0a0a0a;*/
}
.body-list li::before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #1864ab;
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  font-size: 0.9em;
}
.body-list-indent li::before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  color: #1864ab;
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  font-size: 0.9em;
}

.check-list  {
	list-style-type: none;
}
.check-list  ul{
	list-style-type: none;
	list-style-image: 
}
.check-list li {
	/*margin-left: -.5em;*/
	padding-left:0.5em;
}
.check-list li::before {
	content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #44ab18;
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}

header {
  transition: all 0.2s ease;
}
header .top-bar-gradient {
  background: linear-gradient(to right, #005396 0%, #009fe4 100%);
}
header .top-bar-gradient .flex {
  height: 56px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
header .top-bar-gradient .welcome-message {
  height: 56px;
  display: flex;
  align-items: center;
}
header .top-bar-gradient .welcome-message  {
  line-height: 56px;
  font-size: 0.875rem;
  color: #fefefe;
  margin-bottom: 0;
}
.welcome-message  li a {
  font-size: 0.875rem;
  color: #fefefe;
  margin-bottom: 0;
}
.inline-list {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

header .inline-list li {
	font-size: 0.875rem;
	color: #fefefe;
	display: block;
    float: left;
    list-style: none;
    margin-left: 1.22222rem;
}
header .inline-list a {
	text-decoration: underline;
	font-size: 0.875rem;
	color: #fefefe;
}

header .top-bar-gradient button {
  color: #fefefe;
}
header .top-bar-gradient button:hover {
  cursor: pointer;
}
header .top-bar-gradient i {
  color: #fefefe;
  padding: 0.7rem 0;
}
header .top-bar-gradient .flag-icon {
  border-radius: 50%;
  border: 1px solid #dedede;
}
header .top-bar-gradient .menu li a {
  font-size: 0.9375rem;
}
header .top-bar-gradient .menu .active {
  color: #fefefe;
}
header .top-bar-gradient .menu :hover .active {
  color: #dedede;
}
header .top-bar-gradient .dropdown.menu>li.is-dropdown-submenu-parent>a:after {
  border-color: #fefefe transparent transparent;
}
header .top-bar-gradient .input-group {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
header .top-bar-menu {
  background: transparent;
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
header .top-bar-menu li {
  display: inline-block;
  padding: 0.3125rem 0;
  margin-left: 0.9375rem;
}
header .top-bar-menu li a {
  color: #fefefe;
  font-size: 0.875rem;
  padding: 0.2rem;
}
header .top-bar-menu li a:last-child {
  padding-right: 1rem;
}
header .top-bar-menu li a:hover {
  color: #dedede;
}
header .top-bar-menu li i {
  background: #fefefe;
  padding: 0.25rem 0.3125rem;
  border-radius: 50%;
  font-size: 0.625rem;
  color: #1864ab;
  margin-right: 0.3125rem;
  vertical-align: 0.125rem;
}
header .site-branding img {
  padding: 1rem 0;
  max-width: 5rem;
  /*height: 6rem;*/
}
header .portal-logo img {
  max-width: 15rem;
}
header .flex-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 6rem;
}
header .menu li a {
  color: #1864ab;
}
header .menu li a:hover {
  color: #55cfff;
  transition: all 0.2s ease;
}

.menu .try-buy {
  background-color: #1864ab;
  padding: 0.7rem 1rem;
  color: #fefefe;
  line-height: 1;
}
.menu .try-buy a::after {
	color: #fefefe;
}

.menu .try-buy-mobile {
  display: none;
  justify-content: center;
  margin: 1em auto;
  max-width: 250px;
  background-color: #1864ab;
  padding: 0.7rem 1rem;
  color: #fefefe;
  line-height: 1rem;
}

header .title-bar {
  background-color: #dedede;
  color: #1864ab;
  text-align: center;
}
header .title-bar button .menu-icon {
  color: #1864ab;
}
@media screen and (max-width: 330px) {
  header .top-bar-menu li {
    margin: 0.5rem 0;
  }
  header .top-bar-menu li a {
    padding: 0;
  }
}
.heading-hero {
  padding: 2rem 0;
  background-image: url("/images/layout/banner_background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.heading-hero h1,
.heading-hero h2 {
  color: #fefefe;
  text-shadow: 0px 0px 5px rgba(36,23,17,0.4);
  font-weight: bold;
}
.resource-icon-card {
  background-color: #1864ab;
  padding: 2rem;
  text-align: center;
}
.resource-icon-card a {
  color: #fefefe;
}
.required {
  font-weight: 700;
  color: #f00;
}

/* For custom mobile-display pages */
.content-desktop {
	display: block;
}
.content-mobile {
	display: none;
}
  
@media screen and (max-width: 768px) {
  header .site-branding {
    text-align: center;
  }
}
.section-padding {
  padding: 2rem 0;
}
.section-padding-top {
  padding-top: 2rem;
}
.section-padding-bottom {
  padding-bottom: 2rem;
}
.section-padding-left {
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  .section-padding {
    padding: 1.875rem 0;
  }
  .section-padding-top {
    padding-top: 1.875rem;
  }
  .section-padding-bottom {
    padding-bottom: 1.875rem;
  }
}
@media screen and (max-width: 425px) {
  .section-padding {
    padding: 0.9375rem 0;
  }
  .section-padding-top {
    padding-top: 0.9375rem;
  }
  .section-padding-bottom {
    padding-bottom: 0.9375rem;
  }
  /* For custom mobile-display pages */
  .content-desktop {
	display: none;
  }
  .content-mobile {
	display: block;
  }
}

.button-padding-top {
	padding-top: 1rem;
}
@media screen and (max-width: 768px) {
  .button-padding-top {
    padding-top: 0.9375rem;
  }
}
@media screen and (max-width: 425px) {
  .button-padding-top {
    padding-top: 0.5rem;
  }
}

.resources {
  background-color: #ededed;
}
.resources h2 {
  font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #515151;
  font-weight: bold;
}
.resources h3 {
  color: #515151;
  font-weight: bold;
  line-height: 2em;
  border-bottom: 3px solid #dedede;
}
.resources ul {
	margin-left: 0;
}
.resources li {
  list-style-type: none;
  color: #515151;
  font-size: 0.9em;
}
.resources li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  width: 1.5em;
}
.extra-links-gray {
  background-color: #dedede;
  padding: 0.9375rem 0;
}
.extra-links-gray a {
  font-size: 1rem;
  color: #515151;
  border: none;
}
.extra-links-gray :hover {
  color: #2e8be2;
}
.extra-links-blue {
  background-color: #1864ab;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #fefefe;
}
.extra-links-blue h1,
.extra-links-blue h2,
.extra-links-blue h3,
.extra-links-blue h4,
.extra-links-blue a,
.extra-links-blue i {
  color: #fefefe;
}
.extra-links-blue a {
  font-size: 1rem;
}
.extra-links-blue i {
  display: block;
  margin-bottom: 1rem;
}
.extra-links-blue label {
  color: #fefefe;
  line-height: 2rem;
}
.extra-links-blue p, 
.extra-links-blue li {
  color: #fefefe;
}

.no-underline a {
  border: none;
}
@media screen and (max-width: 425px) {
  .orbit-bullets {
    margin: 0.5rem 0;
  }
  .orbit-bullets button {
    height: 0.65rem;
    width: 0.65rem;
  }
  .extra-links-gray div:not(:last-child),
  .extra-links-blue div:not(:last-child) {
    margin-bottom: 2.8125rem;
  }
  .mobile-margin-top {
    margin-top: 2.8125rem;
  }
}
.multilevel-accordion-menu .is-accordion-submenu-parent a {
  color: #fefefe;
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.multilevel-accordion-menu .is-accordion-submenu-parent a {
  background: #4d5158;
}
.multilevel-accordion-menu .is-accordion-submenu a {
  background: #35383d;
}
.multilevel-accordion-menu .sublevel-1 {
  text-indent: 0.4rem;
}
.multilevel-accordion-menu .sublevel-2 {
  text-indent: 0.8rem;
}
.multilevel-accordion-menu a {
  color: #fefefe;
  box-shadow: inset 0 -1px #41444a;
}
.multilevel-accordion-menu a::after {
  border-color: #fefefe transparent transparent;
}
.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a.subitem {
  background-color: #2a2d30;
}
.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a.subitem::before {
  margin-right: 0.6rem;
}
.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a::before {
  margin-right: 0.6rem;
}
.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="false"] a::before {
  margin-right: 0.6rem;
}
footer h5 {
  font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #1864ab;
  font-weight: bold;
  font-size: 1.25rem;
}
footer .footer-block {
  background-color: #dedede;
}
footer .footer-block a {
  border-bottom: none;
}
footer .footer-block ul {
  list-style: none;
  margin-left: 0;
}
footer .footer-block li a {
  color: #515151;
  padding: 0.125rem 0;
  font-size: 0.9375rem;
  transition: all 0.15s ease;
}
footer .footer-block li a:hover {
  color: #1864ab;
  transition: all 0.2s ease;
}
footer .footer-block p {
  font-size: 0.9375rem;
  color: #515151;
  margin: 0;
}
footer .footer-block p.heading {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
footer .button {
  font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #1864ab;
}
footer .button :hover {
  color: #2e8be2;
}
footer .social-bar {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0 0 0.3125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
}
footer .social-bar li a {
  color: #1864ab;
  transition: all 0.2s ease;
  margin-right: 0.3rem;
}
footer .social-bar li a:hover {
  color: #2e8be2;
  transition: all 0.2s ease;
}
footer .credits {
  padding: 0.9375rem 0;
}
footer .credits p {
  color: #515151;
  font-size: 0.75rem;
}
@media screen and (min-width: 40em) {
  .footer-block .social-bar {
    -ms-flex-pack: start;
    justify-content: flex-start;
	display: block;
  }
}

@media screen and (max-width: 767px) {
  .floating-cta {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .floating-cta {
    padding: 15px 20px;
    position: fixed;
    z-index: 10000;
    right: 2%;
    top: auto;
    bottom: 20px;
    border-radius: 0px;
    display: block;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.3);
    background-color: #393e41;
  }
  .floating-cta p {
    color: #fefefe;
    font-size: 1em;
    margin-bottom: 0.6em;
  }
  .floating-cta .button {
    font-size: 0.9em;
    margin-bottom: 0;
	color: #fefefe;
	background-color: #009ee3;
  }
  .floating-cta .close-button {
    color: #fefefe;
    right: 0.1em;
    top: 0.1em;
    font-size: 1.5em;
  }
}

/*# sourceMappingURL=main.css.map*/

/* Added Cookie Consent code from https://cookieconsent.insites.com/ */

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:40px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;padding:10px}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:40px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

/*end cookie consent code  */

/*Added from 2017 web site */
.noDots {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.noindent {
	margin:0px;
}
.accordianRightImage {
	padding-right:20px;
	float:right;
}
.SFform {
	background-color:#e9e9e9;
	color:#003A64; 
	padding:10px;
	margin-bottom:10px;
}
.SFform label {
	line-height: 1.0;
}
#productSubtitle {
	color: #085581;
	padding-left: 12px;
	margin-top: -10px;
	font-style:italic;
}

/* Custom additions */
.resize_select {
	font-size:.75rem;
	height:2.1rem;
}
.button a {
  color:white;
  border-bottom: 1px solid white;
}
.stafflist {
	padding: 0px 20px;
}
.resource-cta {
	background-color: #1864ab;
	padding: 15px;
}
.resource-cta p {
    color: #fefefe;
}
.foundation-clear tbody:nth-child(odd) {
  background: #fefefe;
}
.foundation-clear tbody:nth-child(even) {
	background: #efefef; 
}
.foundation-clear  tr:nth-child(even) {
	background: transparent;
}
table thead {
	background: #cccccc;
}
/* Solid color table */
table.grey  {
	background-color: #cccccc;
	border: 1px solid #676767;
}

table.grey_noborder  {
	background-color: #cccccc;
	border: 0px;
}

a.slideToggleDivLock {
	text-decoration: none;
	border-bottom: 0px;
}
div.error {
	color:red;
	font-weight:bold;
	padding:15px;
}
.section-grey {
  background-color: #e9e9e9;
}
/* Format card differently if in a grey section */
.section-grey .card-divider {
	background-color: #cccccc;
}
.section-grey .card-divider  a{
	border-bottom: 0px;
}
.section-grey .card {
	border: 2px solid #cccccc;
	background-color: #ffffff;
}
.section-grey .tabs-portal {
	background-color: #cccccc;
}
.section-grey .tabs-content {
	background-color: #ffffff;
}

p.blue {
	color: #1864ab;
}
span.blue {
	color: #1864ab;
}
.panel {
	padding:10px;
}
.counter {
	font-size:60px;
}
.notice {
	background-color: #ff6b35;
	color: white;
}
.notice  a{
	color: white;
	border-bottom: 1px solid white;
}
.button.katalyst {
  background-color: #0067a6;
  color: #ffdd00;
}
.button.katalyst:hover {
  background-color: #005a91;
}

.button.katalyst-yellow {
  background-color: #ffdd00;
  color: #0067a6;
}
.button.katalyst-yellow:hover {
  background-color: #eccd00;
}
.katalyst p {
	font-size:1.7em;
	color:white;
	line-height:40px;
}
.percepta-image-padding {
	padding-top:25px;
	padding-bottom:41px;
}
@media screen and (max-width:414px) {
	.percepta-image-padding {
		padding-top:0px;
		padding-bottom:10px;
	}
}
.align-vertical   {
	position: relative; 
	top: 40%; 
	-webkit-transform: translateY(-40%); 
	-ms-transform: translateY(-40%); 
	transform: translateY(-40%);
}
@media screen and (max-width:414px) {
	.align-vertical   {
		position: inherit;
		top:0%;
		-webkit-transform: none; 
		-ms-transform: none; 
		transform:none;
	}
}
/* overwrite default border width for card layout */
.card {
	border: 2px solid #e6e6e6;
	color: #191919;
}

/* card layout with no boarder */
.card-noborder {
	border: 0px;
}

.card-section-nopadding {
	padding: 0rem;
}


/*anniversary colors */
.pink-heading-hero {
  padding: 2rem 0;
  background-color: #ec008c;
}
.pink-heading-hero h1 {
  color: #ffff00;
  text-shadow: 0px 0px 5px rgba(36,23,17,0.4);
  font-weight: bold;
}

/* Equal sections with equal height headers */
.equal-divider {
	height: auto;
	padding-bottom:5px;
}

/*Tabs Layout */
/*center align all tabs by default */
ul.tabs {
	text-align:center;
}
ul.tabs li {
	float: none !important;
	display: inline-block;
}
@media screen and (max-width:414px) {
ul.tabs {
	text-align:left;
}
	ul.tabs li {
		float: left;
		
	}
}
/*portal should be lift aligned */
ul.tabs-portal {
	text-align:left;
}
/*end portal tab edits*/
.tabs-title {
	border-top: .1875rem solid transparent;
}
.tabs-title.is-active {
	border-top: .1875rem solid #1864ab;
}
.tabs-title a {
	border: none;
}
/*for tabs besides product page */
.tabs {
	border: none;
	border-bottom: 1px solid #e6e6e6;
	background-color: none;
}
.tabs-features a {
	font-size: 1.0rem;
}
.tabs-content-features {
	border: none;
}
/*end tabs besides product page*/
.orbit-container-features {
	min-height:400px;
}

.form-border {
border: 2px solid #e6e6e6
}
.no-padding {
	padding:0px;
}

/*Google Custom Search */
.gsc-input-box {
	border: 0px;
	}
/*Technical Support Form */
#product_icon {
    width: 50px;
    height: 50px;
	padding: 0;
}

@media only screen and (min-width: 330px) {
	.techsupport  ul{
		display:inline;
	}
}

.inline-list  li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.22222rem;
}

.list-spacing li {
	margin-bottom:10px;
}

div.grey {
	background-color:#cccccc; 
	padding:10px 25px 10px 25px;
	margin-bottom:15px;
}
/* Horizontal Scroll */
:root {
  --gutter: 20px;
}

.app {
  padding: var(--gutter) 0;
  display: grid;
  grid-gap: var(--gutter) 0;
  grid-template-columns: var(--gutter) 1fr var(--gutter);
  align-content: start;
}

.app ul {
  list-style: none;
  padding: 0;
}

.app > * {
  grid-column: 2 / -2;
}

.app > .full {
  grid-column: 1 / -1;
}

.hs {
  display: grid;
  grid-gap: calc(var(--gutter) / 2);
  grid-template-columns: 10px;
  grid-template-rows: minmax(150px, 1fr);
  grid-auto-flow: column;
  grid-auto-columns: calc(33% - var(--gutter) * 2);

  overflow-x: scroll;
  scroll-snap-type: x proximity;
  padding-bottom: calc(.75 * var(--gutter));
  margin-bottom: calc(-.25 * var(--gutter));
}

.hs:before,
.hs:after {
  content: '';
  width: 10px;
}
/* End Horizontal Scroll */

.indent {
	padding-left: 0.8em;
}
.reveal {
	border:none;
}
.booth-panel {
	padding:10px;
	border:2px solid #8cc63f;
}
.content-mobile .booth-panel {
	margin:10px;
}
.booth-panel-nav p{
	color:#8cc63f;
	font-weight: bold;
}
.booth-panel-nav a{
	color:#8cc63f;
	font-weight: bold;
	text-decoration:none;
	border-bottom:none;
}
.booth-panel-img {
	border:1px solid #1864ab;
}