/*
 *  jquery-calendar-heatmap - v1.1.0
 *  A simple Calendar Heatmap for jQuery.
 *  https://github.com/SeBassTian23/CalendarHeatmap
 *
 *  Made by Sebastian Kuhlgert
 *  Under MIT License
 */
.ch {
  display: table !important;
  clear: both;
}
.ch-year {
  display: flex;
  justify-content: center;
}
.ch-rounded .ch-day,
.ch-rounded .ch-lvl {
  border-radius: 35%;
}
.ch-circle .ch-day,
.ch-circle .ch-lvl {
  border-radius: 100%;
}
.ch-month,
.ch-week-labels {
  font-size: 0;
  display: inline-block;
  white-space: normal;
  margin: 0 4px;
}
.ch-week,
.ch-day-labels {
  display: inline-block;
  width: 20px;
  box-sizing: content-box;
}
.ch-day-labels {
  width: inherit;
}
.ch-month-label {
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ch-day-label {
  text-align: center;
  font-size: 12px;
  display: block;
  margin: 0;
  line-height: 19px;
  box-sizing: content-box;
}
.ch-day {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid #ffffff;
  background-color: #ccc;
  margin: 0;
  box-sizing: content-box;
}
.ch-day.is-outside-month,
.ch-lvl.is-outside-month,
.ch-day.is-outside-month:hover,
.ch-lvl.is-outside-month:hover {
  background-color: transparent;
  border-color: transparent;
}
.ch-day.lvl-0,
.ch-lvl.lvl-0 {
  background-color: #c8d7e1;
}
.ch-day.is-after-today,
.ch-lvl.is-after-today {
  background-color: #e5e5e5;
}
.ch-day.is-selected-date,
.ch-lvl.is-selected-date {
  background-color: #ff7300;
}
.ch-day.lvl-1,
.ch-lvl.lvl-1 {
  background-color: #a6c96a;
}
.ch-day.lvl-2,
.ch-lvl.lvl-2 {
  background-color: #5cb85c;
}
.ch-day.lvl-3,
.ch-lvl.lvl-3 {
  background-color: #009e47;
}
.ch-day.lvl-4,
.ch-lvl.lvl-4 {
  background-color: #00753a;
}
.ch-day:hover,
.ch-lvl:hover {
  border-color: #ababab;
}
.ch-legend {
  padding-top: 10px;
  text-align: right;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  text-align: center;
}
.ch-legend-title {
  margin-bottom: 1rem;
}
.ch-legend-key {
  display: flex;
  align-items: center;
}
.ch-legend-left {
  text-align: left !important;
}
.ch-legend-center {
  text-align: center !important;
}
.ch-legend:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden;
}
.ch-lvls {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 0 10px 0 10px;
}
.ch-lvl {
  width: 15px;
  height: 15px;
  float: left;
  margin-left: 3px;
}
.blue-1 {
  background-color: #a5c6ff !important;
}
.earth-1 {
  background-color: #f4ec15 !important;
}
.electric-1 {
  background-color: #f9d824 !important;
}
.viridis-1 {
  background-color: #dde218 !important;
}
.picknick-1 {
  background-color: #dd2a91 !important;
}
.green-1 {
  background-color: #d1be5a !important;
}
.teal-1 {
  background-color: #becfb6 !important;
}
.red-1 {
  background-color: #deb7af !important;
}
.blue-2 {
  background-color: #558de4 !important;
}
.earth-2 {
  background-color: #86bf76 !important;
}
.electric-2 {
  background-color: #f38647 !important;
}
.viridis-2 {
  background-color: #42bd70 !important;
}
.picknick-2 {
  background-color: #b14dec !important;
}
.green-2 {
  background-color: #5f900b !important;
}
.teal-2 {
  background-color: #7db28f !important;
}
.red-2 {
  background-color: #cf8371 !important;
}
.blue-3 {
  background-color: #0651c6 !important;
}
.earth-3 {
  background-color: #117bd7 !important;
}
.electric-3 {
  background-color: #8e0ca3 !important;
}
.viridis-3 {
  background-color: #355c8c !important;
}
.picknick-3 {
  background-color: #2e8ebf !important;
}
.green-3 {
  background-color: #39811b !important;
}
.teal-3 {
  background-color: #107d79 !important;
}
.red-3 {
  background-color: #b63b25 !important;
}
.blue-4 {
  background-color: #031aab !important;
}
.blue-5 {
  background-color: #020e59 !important;
}
.earth-4 {
  background-color: #363299 !important;
}
.electric-4 {
  background-color: #2e0495 !important;
}
.viridis-4 {
  background-color: #471164 !important;
}
.picknick-4 {
  background-color: #139863 !important;
}
.green-4 {
  background-color: #0d562c !important;
}
.teal-4 {
  background-color: #1c475d !important;
}
.red-4 {
  background-color: #90131c !important;
}


/* Tooltips from bootstrap */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 0.9; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem; }