.not-set {
  color: #c55;
  font-style: italic;
}

/* pygments highlight https://github.com/cbernet/jupyter_web */
.highlight {
  border: 1px solid #cfcfcf;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  background: #f7f7f7;
  line-height: 1.21429em;
  margin-bottom: 10px;
}

/* analyses-item */
.analyses-item {
}
.analyses-item .picture img {
  max-width: 100%;
  border-radius: 8px;
}

/* lab item */
.lab-card a {
  color: white;
}
.lab-card .card-title {
  color: white;
  text-decoration: none;
}
.lab-card .card-img {
  height: 300px;
  object-fit: cover;
}
.labs-small .lab-card .card-img {
  height: 150px;
  object-fit: cover;
}

.lab-card .card-img-overlay:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  border-radius: 0.25rem;
}

.lab-card .card-title {
  font-size: 1.6rem;
}

.lab-card .card-bottom {
  position: absolute;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 20px;
}

.labs-small .card-title {
  font-size: 1rem;
}

.expanded-card {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1089;
  border-radius: 0 !important;
}

.expanded-card .card-body {
  overflow-y: auto;
}

.card-title.visible-expanded {
  display: none;
}
.expanded-card .card-title.visible-expanded {
  display: block;
}

.card .expand-button .min-action {
  display: none;
}
.card.expanded-card .expand-button .max-action {
  display: none;
}
.card.expanded-card .expand-button .min-action {
  display: inline;
}

/* tools pages */

.tool-card .icon {
  font-size: 60px;
  height: 100px;
  width: 100px;
  background-color: rgb(203, 202, 221);
  text-align: center;
  color: rgb(97, 93, 148);
  margin-right: 20px;
}

.tool-card.coming-soon {
  opacity: 0.7;
}

/* blank slate */

.blank-slate {
  text-align: center;
  padding: 100px 0;
}

.blank-slate__icon {
  margin-bottom: 40px;
  font-size: 60px;
  height: 100px;
  width: 100px;
  background-color: rgb(203, 202, 221);
  text-align: center;
  color: rgb(97, 93, 148);
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}

.blank-slate__icon i {
  block-size: 60px !important;
  font-size: 60px !important;
  inline-size: 60px !important;
}

.blank-slate__icon svg {
  height: 60px;
  width: 60px;
}

.blank-slate__text {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* 
fix sidebar icons when using both fontawesome and feather at the same time
todo: later find a better fix?
*/
.sidebar-link i,
a.sidebar-link i {
  width: 18px;
  text-align: center;
}

/* future arrow */

.future-arrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}

.future-arrow .arrow-line {
  padding: 3px 10px;
  font-size: 14px;
  color: #ffffff;
  flex: 1;
  height: 26px;
  background-color: rgb(
    255,
    255,
    255
  ); /* For browsers that do not support gradients */
  background-image: linear-gradient(
    to right,
    rgb(233, 12, 102) 10%,
    rgb(246, 250, 29) 33%,
    rgb(244, 180, 93) 66%,
    rgb(0, 5, 233) 90%
  );
}
.future-arrow .arrow-text {
  display: flex;
  justify-content: space-between;
}
.future-arrow .arrow-text .future {
  /*  color: rgb(21, 96, 130);*/
}
.future-arrow .arrow-right-container {
  width: 20px;
}
.future-arrow .arrow-right {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;

  border-left: 20px solid rgb(0, 5, 233);
}

/* home-present-future-table */
.home-present-future-table {
  border-spacing: 1px;
  border-collapse: separate;
  color: #232333;
}
.home-present-future-table td {
  color: var(--bs-body-color);
  background: var(--bs-sidebar-bg);
  padding: 5px 10px;
}
.home-present-future-table td.middle-cells {
  color: var(--bs-body-color);
  background: var(--bs-sidebar-bg);
}
.home-present-future-table td.label-cell {
  color: var(--bs-body-color);
  /*color: #fff;*/
  /*font-weight: bold;*/
  width: 25%;
}
.home-present-future-table td.label-business {
  color: #fff;
  background: #e90c66;
}
.home-present-future-table td.label-engineering {
  color: #000;
  background: #f6fa1d;
}
.home-present-future-table td.label-science {
  color: #000;
  background: #f4b45d;
}
.home-present-future-table td.label-imagination {
  color: #fff;
  background: #0005e9;
}

/* future arrow vertical */

.data-sources-menu-links {
  position: relative;
}

.future-arrow-vertical {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 230px;
}
.future-arrow-vertical .arrow-line {
  font-size: 14px;
  color: rgb(223, 228, 235);
  flex: 1;
  width: 20px;
  background-color: rgb(
    21,
    96,
    130
  ); /* For browsers that do not support gradients */
  background-image: linear-gradient(0deg, rgb(223, 228, 235), rgb(21, 96, 130));
}
.future-arrow-vertical .arrow-pointer-container {
  height: 20px;
}
.future-arrow-vertical .arrow-pointer {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;

  border-top: 20px solid rgb(223, 228, 235);
}