/*-- table style ---*/
.tree_container {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.tree_container [data-l-id].highlight path,
.tree_container [data-n-id].highlight rect,
.tree_container [data-ctrl-ec-id].highlight circle {
  stroke: #d3fd67;
  stroke-width: 2px;
}

.tree_container .boc-dark,
.tree_container .boc-light {
  display: flex;
}
.tree_container [data-boc-left] {
  display: none;
}
.tree_container [data-boc-right] {
  height: 100%;
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}
.tree_container [data-boc-content] {
  height: 100%;
  width: 100%;
}

.tournament_table {
  padding: 50px 0;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  /*background: #a5a5a5;*/
}
.tree_container {
  min-width: 1000px;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0px 12px;
}
.tree_wrapper {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 3;
  margin: 0px -12px;
  opacity: 0;
  pointer-events: none;
}
.tree {
  width: 50%;
  position: relative;
  z-index: 2;
  background-color: transparent !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
}
.static_tree {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 0 12px;
}
.static_tree > *:not(svg) {
  display: none;
}
/*-- table style end---*/