/*body {
    padding-top: 50px;
}*/
button {
    cursor: pointer;
}
.navbar-message {
    color:rgba(0,0,0,.3);
    font-size:1rem;
    padding-top: .425rem;
    padding-bottom: .425rem;
    font-weight:initial;
    margin:0;
    line-height:1.5;
    float:right;
}

.display-3 {
  font-size: 4.4rem;
}

/* make jumbotron text smaller on small devices */
@media (max-width: 1000px) {
    .display-3 {
    font-size: 2.5rem;
    }
}

@media (max-width: 545px) {
    .display-3 {
        font-size: 8vw;
    }
}

@media (max-width: 1200px) {
    .display-4 {
        font-size: 1.5rem!important;
        }
}

@media (max-width: 768px) {
    .display-4 {
        font-size: 1.2rem!important;
        }
    .qual-content {
        padding: 0.4rem;
    }
}
    


.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
    * Top navigation
    * Hide default border to remove 1px line.
    */
.navbar-fixed-top {
    border: 0;
}

/*
    * Sidebar
    */

/* Hide for mobile, show later */

/*.sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
}*/

/* Sidebar navigation */
.sidebar-offcanvas {
  padding-left: 0;
  padding-right: 0;
}

.sidebar-offcanvas .nav {
  margin-bottom: 20px;
}

.sidebar-offcanvas .nav-item {
  width: 100%;
}

.sidebar-offcanvas .nav-item + .nav-item {
  margin-left: 0;
}

.sidebar-offcanvas .nav-link {
  border-radius: 0;
  padding-left: 2rem;
}

.sidebar-offcanvas p {
  padding-left: 2rem!important;
}

.no-link-underline:hover, .no-link-underline:focus {
    text-decoration: none;
}

/*
    * Main content
    */

.main {
    padding: 20px;
}
@media (min-width: 768px) {
    .main {
    padding-right: 40px;
    padding-left: 40px;
    }
}

.jumbo-a:hover, .jumbo-a:active, .jumbo-a:focus {
    text-decoration: none;
}

.main-content {
    padding-top: 1rem;
}

.legend-red {
    color: rgba(255,0,0,0.5);
    font-size: 12px;
}

.legend-blue {
    color: rgba(0,0,255,0.5);
    font-size: 12px;
}

.legend-yellow {
    color: rgba(255,255,0,0.5);
    font-size: 12px;
}

#usaGeochart img, #worldGeochart img, #chart_div2 img, #chart_div img {
    width: 160px;
}

#watchlist-table a {
    text-decoration: none;
}

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   cursor: default;
}

.reset-form {
    color: #0275d8;
    text-decoration: none;
    cursor: pointer;
}

.reset-form:hover {
    text-decoration: underline;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -100%; /* 12 columns */
  }

  .row-offcanvas-right.active
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -100%; /* 12 columns */
  }

  .row-offcanvas-left.active
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

.c-t {
    /*width: 200px;*/
    font-size: 14px;
    padding: 1rem;
    line-height: 1.5;
}

.sparkline {
  fill: none;
  stroke: #0275d8;
  stroke-width: 1px;
}

.sparkline-avg {
  fill: none;
  stroke: #bbb;
  stroke-width: 1px;
  stroke-dasharray: 5;
}

.sparkline-avg-hover {
  fill: none;
  stroke: transparent;
  stroke-width: 10px;
}

.spark {
    /*padding: 1px;*/
}

.sparkcircle {
    fill: #292b2c;
    stroke: none;
}

.sparkcirclehover {
    fill: transparent;
    stroke: none;
}

.fixed-sidebar-wrapper {
    position: fixed;
}

.fixed-top-body {
    padding-top: 56px;
}

.blue-banner-img {
    padding-left:.1rem; 
    padding-right:.1rem;
}

.blue-banner-img-left {
    padding-right:.5rem;
}

.table-no-top-border th {
    border-top: none;
}

@media screen and (max-width: 992px) {
    .table {
        white-space: nowrap;
    }
}

abbr {
    text-decoration: underline solid!important;
}

.table-avg-cell {
    background-color: #f8f8f8;
    font-weight: 400;
}

.white-cell {
	background-color: white;
	text-align: right;
}

.white-cell-left {
	background-color: white;
	text-align: left;
}

.cell-left {
	border-left-style: solid;
	border-left-width: 1px;
    border-left-color: #bbb;
}

.cell-right {
	border-right-style: solid;
	border-right-width: 1px;
    border-left-color: #bbb;
}

.row-color-red {
	background-color: #fee !important;
}

.row-color-red td{
    border-top: 1px solid #bbb;
}

.row-color-blue {
	background-color: #eef !important;
}

.clear-cell {
	background-color: transparent;
	text-align: right;
}

.clear-cell-left {
	background-color: transparent;
	text-align: left;
}


.right-cell {
	text-align: right;
}

.highlight-bold {
	font-weight: bold;
}

.highlight-0 {
	background-color: #FFFFD6 !important;
}
.highlight-1 {
	background-color: #DCFFD6 !important;
}
.highlight-2 {
	background-color: #D6FFF0 !important;
}
.highlight-3 {
	background-color: #FFD5A8 !important;
}
.highlight-4 {
	background-color: #D2BFFF !important;
}
.highlight-5 {
	background-color: #FFBFBF !important;
}

.right-title {
    text-align: right;
    padding-right: 16px!important;
}

.environment-indicator {
    color: deeppink!important;
    background-color: lime;
}

.cookie-notice {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #f7f7f7;
    width: 500px;
    max-width:100%;
    border: 1px solid #444;
    z-index: 10000;
}

.cookie-notice p {
    flex-grow: 1;
    font-size: 14px;
    padding: 0 16px;
    margin-bottom: 0;
}

.cookie-buttons {
    padding-top: 12px;
    display: flex;
    justify-content: center;
}

.cookie-notice button {
    margin-right: 8px;
}

.popover {
    background: #0275d8;
    color: white;
    border: #0275d8;
}

.popover::after {
    border-left-color: #0275d8!important;
}

@keyframes party {
  0% {
    background: #e87d7d;
  }
  2% {
    background: #e88a7d;
  }
  4% {
    background: #e8977d;
  }
  6% {
    background: #e8a47d;
  }
  8% {
    background: #e8b07d;
  }
  10% {
    background: #e8bd7d;
  }
  12% {
    background: #e8ca7d;
  }
  14% {
    background: #e8d77d;
  }
  16% {
    background: #e8e47d;
  }
  18% {
    background: #dfe87d;
  }
  20% {
    background: #d3e87d;
  }
  22% {
    background: #c6e87d;
  }
  24% {
    background: #b9e87d;
  }
  26% {
    background: #ace87d;
  }
  28% {
    background: #9fe87d;
  }
  30% {
    background: #92e87d;
  }
  32% {
    background: #86e87d;
  }
  34% {
    background: #7de881;
  }
  36% {
    background: #7de88e;
  }
  38% {
    background: #7de89b;
  }
  40% {
    background: #7de8a8;
  }
  42% {
    background: #7de8b5;
  }
  44% {
    background: #7de8c1;
  }
  46% {
    background: #7de8ce;
  }
  48% {
    background: #7de8db;
  }
  50% {
    background: #7de8e8;
  }
  52% {
    background: #7ddbe8;
  }
  54% {
    background: #7dcee8;
  }
  56% {
    background: #7dc1e8;
  }
  58% {
    background: #7db5e8;
  }
  60% {
    background: #7da8e8;
  }
  62% {
    background: #7d9be8;
  }
  64% {
    background: #7d8ee8;
  }
  66% {
    background: #7d81e8;
  }
  68% {
    background: #867de8;
  }
  70% {
    background: #927de8;
  }
  72% {
    background: #9f7de8;
  }
  74% {
    background: #ac7de8;
  }
  76% {
    background: #b97de8;
  }
  78% {
    background: #c67de8;
  }
  80% {
    background: #d37de8;
  }
  82% {
    background: #df7de8;
  }
  84% {
    background: #e87de4;
  }
  86% {
    background: #e87dd7;
  }
  88% {
    background: #e87dca;
  }
  90% {
    background: #e87dbd;
  }
  92% {
    background: #e87db0;
  }
  94% {
    background: #e87da4;
  }
  96% {
    background: #e87d97;
  }
  98% {
    background: #e87d8a;
  }
  100% {
    background: #e87d7d;
  }
}

.party-bg {
  animation: party 1s infinite;
}

.responsive-tabs {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.responsive-tabs li {
  white-space: nowrap;
}

.forbes-tools {
  text-decoration: none;
  font-family: 'Roboto Mono', monospace;
}
.forbes-tools:hover {
  text-decoration: underline wavy;
}