.highlighted,
.hover\:bg-light:hover {
  background-color: #e6e6e6;
}

.hidden {
  opacity: 0;
}

#dropdownColorScheme {
    height: 40px;
}

.border-top-0 {
  border-top: 0 !important;
}

.indicator {
  position: relative;
  padding-right: 20px;
}

.searchInput {
  height: 40px;
}

.table-custom {
  background-color: #fff;
  color: #333;
  border-radius: 0.25rem;
}

td.periodIndicator, td.periodIndicator * {
  cursor: pointer;
}

.first-column {
  font-weight: bold;
/*   font-size: 1.1rem;  */
}

td {
  opacity: 0.8;
}

.first-column, .first-column th, .first-column td {
  opacity: 1.0;
}

tr:hover th, tr:hover td {
  opacity: 1.0; 
}

.positive::after {
  content: "\25B2"; 
  position: absolute;
  right: 5px;
  color: #00c178;
}

.negative::after {
  content: "\25BC"; 
  color: #c10028;
  position: absolute;
  right: 5px;
}

.neutral::after {
  content: "\2194"; 
  color: #666666;
  position: absolute;
  right: 5px;
}

.data-legend {
  display: flex;
  justify-content: center;
  padding: 10px;
  background-color: rgba(0,0,0,.05); 
  border: 1px solid #dee2e6;
  border-top: 0px;
}

.legend-item {
  display: flex;
  align-items: center;
  margin-right: 20px; 
}

.legend-item span.indicator {
  font-weight: bold;
  margin-right: 5px;
}


.carousel-card-container {
  overflow-x: auto;
  display: flex;
  scroll-snap-type: x mandatory;
  margin-bottom: 2rem;
}

.carousel-card-item {
  flex: 0 0 auto;
  width: 100%;
  scroll-snap-align: start;
  margin-right: 16px;
}

.carousel-card-control-prev,
.carousel-card-control-next {
  position: absolute;
  bottom: -60px;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  z-index: 100;
}

.carousel-card-control-prev {
  left: 0;
}

.carousel-card-control-next {
  right: 0;
}

.carousel-card-control-prev:hover,
.carousel-card-control-next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.carousel-indicators {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    bottom: -37px;
}

.indicator-button {
    border: none;
    cursor: pointer;
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 100%;
    margin: 0 5px;
    transition: background-color 0.3s ease;
}

.indicator-button:hover,
.indicator-button:focus {
    background-color: #888;
}

.indicator-button.active {
    background-color: #333; 
}


.tableHeadLabel {
  line-height: 31px;
  font-size: 22px;
}

input:focus {
  border-color: #ced4da !important;
  outline: none;
  box-shadow: none !important;
}

button#clearSearch:focus,
button#clearSearch:hover {
  background: white;
  color: #c10028;
  outline: none;
  box-shadow: none;
}

.cursor-pointer {
  cursor: pointer;
}

@media (max-width: 991.98px) {
  .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

button#exportBtn {
  position: absolute;
  right: 1rem;
}

.show-exporting-image {
  opacity: 0;
}

body.exporting-image .show-exporting-image {
  opacity: 1;
}

body.exporting-image #exportBtn {
  display: none;
}

body.exporting-image a.nav-link.active {
  border: 0 !important;
  padding-left: 0;
  font-weight: bold;
  font-size: 2rem;
  background-color: transparent !important;
}

body.exporting-image #markettablecontainer {
  padding: 2rem;
  padding-top: 0;
}

body.exporting-image #markettablecontainer .nav-item:not(:has(.nav-link.active)) {
  display: none; 
}

@media only screen and (max-width: 500px) {
  select#chartSelectMobile,
  button#dropdownColorSchemeMobile,
  .row[x-show="!isOpen() && !showError && enableCharts"] {
    display: none !important;
  }

  /* collapse that extra margin */
  #app > div:nth-child(3) > div > div:first-child > div.mb-3 {
    margin: 0 !important;
  }

  /* tweak the nav-tabs into a swipe-friendly flex row */
  .nav-tabs {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 0.5rem;
  }
  .nav-item {
    flex: 0 0 auto;
    width: 50%;
  }
  .nav-link {
    text-align: center;
    padding: 0.5rem 0.25rem;
    font-size: 0.9rem;
    white-space: normal; /* allows wrap if you want two-line labels */
  }
}

body.does-not-support-calc .chart-wrapper {
  position: relative;
}

body.does-not-support-calc .chart-wrapper::after {
  content: "";
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 72px;
  height: 16px;
  pointer-events: none;
  background: 
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAQCAYAAAC1MDndAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZENUJEQzJCMDQwMTFFN0FGMzJCODlDMDY5NjdGN0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZENUJEQzNCMDQwMTFFN0FGMzJCODlDMDY5NjdGN0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NkQ1QkRDMEIwNDAxMUU3QUYzMkI4OUMwNjk2N0Y3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NkQ1QkRDMUIwNDAxMUU3QUYzMkI4OUMwNjk2N0Y3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmwzJe0AAAShSURBVHja5Jd/TJVVGMefF++NH3OXLhj5g3GxK2rkEFfKtKWFLBOVVk60Wj9Xc5auuVqN1mzVzGpmf1TaFLM5i+nEtBGCU5CuOVQCsxFOBaFmw0y9Ny69l+vlvn0ffN6Xl9cLXpq1RWf77JzznOc9P55zzvOclyjKFKpwOf1l7rUrli1Xg3vTV6E+nP4HKSYKw8SDV1E8u70h+6Wyxsy48qaJb6J+BvLl4KahbCBlAMPYkD0N2BijfIE4mr1hKfnUOBqT6KPKpcUUawuxajNYBUpsD7RpQ/4EwTAKWIhiI9jIxmF5cfXUHuNwOudLpK11d+qfuMEXoB7fzRnSBsICc5EdATvBeF3e2pZImbXNZKduQ3fDd9Pp0p8J5s+zQQX6qALThpSBsKApoBLFA2CqVamhNIlGal7KDx03ZB1dsfSR5+5Ifd7HRkZ/pWDCf95AWESh+BCVbWFV+P7YSEr3nu8pPxyqI4emGm0l9VOo5WJypH6PgmFgNfrPH+ykxs5cbwPJ//TiMYYTxETtpLGYp5Bt0esaXG75O6k0uuuSoVOTmUWftMzqPS7jmmlj4U5rvw/BYe+OMCE7+yrAzuyus98+77O0T0S2BiwQA18Gn4M3oNuB9lSUD4HPUH8LdQfKJ9gloP6y9NFqrovsGTkE+ZD/hHomyjy/DPAzeALyGsjZ594fdZivqnD1MU7AlUArFh+h25IvGrLqM2463OqKdtPmgUlgHFhsMU6W+L8HwV6wnuMBWAkqRY0jKw+WZJo/10eYurLWOTlErj9JODKng03SViTyTtAluryJ3n4NFAjYSDmq9jlrKXPDNEzRqGh2dR/ddw/kUlhTojEQn1B+G3SAJy1tawE/PudjNxeAF1Bmo70GXr/Bt4sNHATvgxl84lmIMVeaNu5T1LP7NdC+0jRydvuNemeWg9yjr56me3GtZqS3GW1N51Poqx8nXe++3yInqBx8yRODLEPaOBzmgT2YVLn+DcoaWAOqbrCBPgA8pgfY0b86qJf0hd8TaMSp3qulwHNk5Pn76BTlVVGM0vsuXHdwJqlX7ANN6jG5IltMfk4/RSniD0//G5FJNuE5GdeDDcoZlIE8O0ZRvBYks7P+ZXMM1a1zGPi3BWhWuMnQ+c0/nIprp13venFaBJbJVXtcosgFEBb/NFDq7mf+ob9hpM3I+EEcD3b0F82uEZ4+lUSu9nbL8xohxRu6hiXBWoqlK4baptqcHkNFuF6TkU2W6qNycvg0pfGNxWTZOe7nKAPdQku4fw/kikg/1rdKnir55UGG90KwEOPulr+FNFNfAxuocY8Dwuh+qZxaJxWE6o06X7EPa+6JpKpfJW50Crfz4TSdrBcBh/3tmPxhsI3dG3hFIDHkMcAL3IX8az2YWsYrQPtx4IlgHI5aH/PvEcolfIoBh+VfI03cZq58U+YeHxtQw+32m6PejRylhU4kje0KKle7ajg3hipPTkA4bTOr3cGLwQIPmWReTHArv0X4fYS2k8j5jq4Gc8F0eaO8LW8jPT0iPqwAsGMsMjt2pB8iuVWRq9D9A+PM599LsITtDp6FXL+mquj2XKO/BBgAgi22AONsZVEAAAAASUVORK5CYII=") 
    no-repeat center/contain;
}

.custom-select {
    height: 40px;
}