.techtree-container {
  width: 750px;
  top: 80px;
  left: 0px;
  margin-left: 0px !important;
  padding-top: 15px;
  padding-right: 0px !important;
}

.techtree-box {
  height: 50px;
  text-align: center;
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.tt-sidebar-select-something {
  padding-top: 250px;
  text-align: center;
}

.techtree-box-span {
  vertical-align: middle;
  cursor: pointer;
}

.techtree-in-between-row {
  height: 75px;
}

.tt {
  position: absolute;
}

.tt-unaffordable {
  color: #bb1818 !important;
}

.tt-vertical-normal {
  height: 25px;
  width: 45px;
  background-image: url("../img/techtree/vertical_line.png");
  z-index: 1;
}

.tt-vertical-over {
  height: 25px;
  width: 45px;
  background-image: url("../img/techtree/vertical_line_bold.png");
  z-index: 3;
}

.tt-vertical-selected {
  height: 25px;
  width: 45px;
  background-image: url("../img/techtree/vertical_line_bold_blue.png");
  z-index: 2;
}

.tt-horizontal-normal {
  height: 50px;
  width: 22.5px;
  background-image: url("../img/techtree/horizontal_line.png");
  z-index: 1;
}

.tt-horizontal-over {
  height: 50px;
  width: 22.5px;
  background-image: url("../img/techtree/horizontal_line_bold.png");
  z-index: 3;
}

.tt-horizontal-selected {
  height: 50px;
  width: 22.5px;
  background-image: url("../img/techtree/horizontal_line_bold_blue.png");
  z-index: 2;
}

.offset-15 {
  margin-left: 6.5%;
}
.offset-25 {
  margin-left: 13.3333333%;
}
.offset-45 {
  margin-left: 39.166666667%;
}
.offset-46 {
  margin-left: 47.4996%;
}

.techtree-box {
  width: 22.2777%;
}