﻿/* ServiceConnector Base StyleSheet   HH */
/*Dataport Theme Colors*/
/*$primaryHover: #B40014;*/
/*$navbar-dark-toggler-border-color: rgba($white, 0);*/
@media (min-width: 768px) {
  .affix {
    position: fixed;
    top: 0;
    z-index: 1030;
    overflow: hidden;
    max-width: calc(720px * 0.33);
    left: calc((100vw - 720px) / 2 + 2rem);
    padding-left: .9rem; }
  .sc-scroll-spy-content {
    margin-bottom: 50vh; } }

@media (min-width: 992px) {
  .affix {
    max-width: calc(960px * 0.33);
    left: calc((100vw - 960px) / 2 + 2rem); } }

@media (min-width: 1200px) {
  .affix {
    max-width: calc(1140px * 0.33);
    left: calc((100vw - 1140px) / 2 + 2rem); } }

@media (min-width: 768px) {
  .affix .sc-show-affixed {
    display: block !important; } }

.sc-small-icon {
  font-size: .75rem; }

#scrollspy-nav .nav-item {
  width: 100%; }
  #scrollspy-nav .nav-item .nav-link {
    padding: 0; }
  #scrollspy-nav .nav-item .nav-link.active {
    font-weight: bold; }

.sc-nav-tabs-items-queue {
  display: none; }

.sc-content-sidebar .nav > .nav-item {
  padding: 0.2rem 0;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 700; }
  .sc-content-sidebar .nav > .nav-item .nav-link.active {
    color: #E10019; }
  .sc-content-sidebar .nav > .nav-item > .nav {
    padding-left: 0.5rem; }
    .sc-content-sidebar .nav > .nav-item > .nav .nav-item {
      text-transform: none; }
      .sc-content-sidebar .nav > .nav-item > .nav .nav-item .nav-link.active {
        color: #E10019; }

.sc-content-sidebar ul.nav .nav-item {
  padding-left: 0; }
  .sc-content-sidebar ul.nav .nav-item ul.nav {
    padding-left: 0.5rem; }

.sc-content-sidebar ul.nav .nav-link {
  padding: 0em 0em;
  text-decoration: none; }

.sc-content-sidebar .nav-item a:link, .sc-content-sidebar .nav-item a:visited, .sc-content-sidebar .nav-item a:active {
  color: #003064; }

@media (max-width: 767.98px) {
  .sc-hide-mobile {
    display: none; } }

.sc-bug {
  background-color: #E10019;
  width: 12%;
  height: 20px;
  background-image: url("../../../Images/bug-mid.png");
  background-position: right center;
  background-repeat: no-repeat;
  float: left; }
