p.highlights em {
    font-style: normal;
    background-color:#9b69e4;
    color:#fff;
}

.carousel-indicators li {
    background-color: #999;
    background-color: rgba(70,70,70,.25);
}
.carousel-indicators {
    bottom: -30px;
}
.carousel-indicators .active {
    background-color: #444;
}

ul.header-nav {
    margin-bottom: 0px; /* Undo change by Bootstrap to make menu work */
}

.btn {
    border-radius: 0 0 0 0 !important;
}

.btn:hover {
    box-shadow:0 10px 20px rgba(0,0,0,.07);
}

.header-nav-button {
    background-color: #E2E2E2;
    color: black !important;
    border: 1px solid #E2E2E2 !important;
}

/* colored buttons */
.grey-button {
    background-color: #E2E2E2;
    color: black;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #E2E2E2 !important;
}

.btn--cta {
    color: white;
    border: 0;
}

/* badges */
.badge-secondary {
    background-color: #E2E2E2;
    color: black !important;
}

.badge-warning {
    background-color: #F8D650;
    color: black;
}

.badge-danger {
    background-color: #7214F5;
    color: white;
}

.badge-success {
    color: black;
    background-color: #80F550;
}

/* btn */
.btn-success {
    border: 1px solid #002BFF !important;
    background-color:#002BFF !important;
    color:white !important;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
    border: 1px solid #002BFF !important;
    background-color: #002BFF !important;
    color: white !important;
    outline: none !important;
    box-shadow: none !important;
}


.btn-danger {
    border: 1px solid #002bff;
    background-color:white !important;
    color:#002BFF !important;
}


.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    border: 1px solid #002bff !important;
    background-color: white;
    color: #002BFF;
    outline: none !important;
    box-shadow: none !important;
}

.btn-primary {
    border: 0 !important;
    color: black !important;
    background-color: #E2E2E2 !important;
}

.btn-primary.active {
    border: 0 !important;
    color: white !important;
    background-color: #002BFF !important;
}

.section-spacing {
    padding: 60px 0px 60px;
}
.section-small-spacing {
    padding: 20px 0px 20px;
}
.img-responsive { max-width: 100%; height: auto; }

.header {
    z-index: 100;
}
.bg-title-wrap .bg-svg-blur-violet-green {
    top: 200%;
}
.header__content--white {
    padding: 0px 0 40px;
}
.search-product {
    margin-top: 20px;
}

tr.negative {
    color: #bfbfbf;
}

hr { margin: 24px 0; }
div.options {
    border: 3px solid #f7f7f9;
    padding: 24px;
    margin-bottom: 24px;
    margin-top: 14px;
}
.nav-item ul {
    padding: .5rem 1rem;
    padding-right: 0px;
    padding-left: 3rem;
}

.popover-body, .popover-header {
    font-size: 1.7rem;
}
.popover { max-width: 600px; }
a.nav-link { display: inline-block; }
a.nav-link span {
    color: #333;
    display: inline-block;
    margin-left: 10px;
}
.img-fixed { position: fixed; width: 29%; }
.options label {
    padding: .5rem 1rem;
}
.select-menu-item-icon {
    margin-top: 4px;
    margin-left: 10px;
}
.info-btn {
    display: inline-block;
    float: right;
    margin-top: 4px;
}
ul#predictions .info-btn {
    float: none;
}

/* Login */
#login-branding {
    margin-bottom: 20px;
}
.control-group {
    margin-bottom: 20px;
}
table#product-attributes {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    margin-top: 40px;
}
table#product-attributes th {
    padding-top: 0px;
    padding-bottom: 5px;
}

.table {
    font-size: 1.5rem;
}

/* NProgress */
#nprogress {
    height: 30px;
}
.spinner-center {
    width: 18px;
    margin: 0 auto;
    margin-top: 30px;
}
#nprogress{pointer-events:none;}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px;}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px);}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px;}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite;}.nprogress-custom-parent{overflow:hidden;position:relative;}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute;}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@keyframes nprogress-spinner{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}

/* React autosuggest */
.react-autosuggest__container {
  position: relative;
}

.react-autosuggest__input {
  width: 240px;
  height: 30px;
  padding: 10px 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-appearance: none;
}

.react-autosuggest__input--focused {
  outline: none;
}

.react-autosuggest__input::-ms-clear {
  display: none;
}

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  width: 40%;
  margin: 0 auto;
  border: 1px solid #aaa;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
  text-align: left;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px;
}

.react-autosuggest__suggestion:hover {
  background-color: #ddd;
}

#product-carousel .img-fluid {
  max-width: 100%;
  max-height: 45vh; 
  margin: 0 auto;
}

@media (min-width: 1500px) { /* Reduce the size in larger resolutions on firefox */
    #product-carousel .img-fluid {
        max-height: 32vh; 
    }
}

@media (max-width: 575px) { /* Lower than tablet resolution - the carousel should stay at the top */
    .img-fixed { position: static; width: 90%; }
}

.header__logo {
    height: 100%;  /* make sure the div wraps around the size of the logo, no empty space */
}

.footer__top, .footer__bottom {
    height: 100px;
    align-items: center;
}
.footer-nav__item {
    opacity: .5;
}
.footer-nav, .footer-nav--top, .footer__logo {
    margin: 0;
}
.footer-nav--top > .products-title {
    margin-bottom: 12px;
}
.footer-social, .footer-nav--bottom {
    height: 100%;
    margin: 0 0 0 auto;
    padding: 0 0 0 48px;
    align-items: center;
    display: flex;
}
.footer-social__item.linkedin a, .footer-social__item.linkedin a::before {
    background-color: #0077b5;
}
