/************** Tool Tip Styles ********************************/
.freq {
  display: flex;
  margin: -55px 0px;
  margin-left: -2px;
}

.tool-tip {
  display: inline-block;
  position: relative;
}
.tool-tip .tool-tip__info {
  display: none;
  background: #262626;
  border: 1px solid black;
  border-radius: 0px;
  font-size: 12px;
  line-height: 1.4;
  padding: 0.4em;
  text-align: center;
  position: absolute;
  left: -163px;
  top: -60px;
  width: 370px;
  z-index: 101;
}
.tool-tip .tool-tip__info:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 77%;
  margin-left: -33%;
  border-width: 10px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tool-tip .tool-tip__info:after {
  left: -8px;
  border-right-color: #262626;
}
.tool-tip .tool-tip__info .info {
  display: block;
}
.tool-tip .tool-tip__info .info__title {
  color: white;
}
.tool-tip:hover .tool-tip__info,
.tool-tip:focus .tool-tip__info {
  display: inline-block;
}

a:focus + .tool-tip .tool-tip__info {
  display: inline-block;
}

.tool-tip .tool-tip__infos {
  display: none;
  background: #262626;
  border: 1px solid black;
  border-radius: 0px;
  font-size: 12px;
  font-family: "Roboto";
  line-height: 1.4;
  text-align: center;
  padding: 0.4em;
  position: absolute;
  left: -75px;
  top: -60px;
  width: 166px;
}
.tool-tip .tool-tip__infos:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 65%;
  margin-left: -20.5%;
  border-width: 10px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tool-tip .tool-tip__infos:after {
  left: -8px;
  border-right-color: #262626;
}
.tool-tip .tool-tip__infos .infos {
  display: block;
}
.tool-tip .tool-tip__infos .infos__title {
  color: white;
}
.tool-tip:hover .tool-tip__infos,
.tool-tip:focus .tool-tip__infos {
  display: inline-block;
}

a:focus + .tool-tip .tool-tip__infos {
  display: inline-block;
}

.tool-tip .tool-tip__infoskorea {
  display: none;
  background: #262626;
  border: 1px solid black;
  border-radius: 0px;
  font-size: 12px;
  font-family: "Roboto";
  line-height: 1.4;
  text-align: center;
  padding: 0.4em;
  position: absolute;
  left: -91px;
  top: -60px;
  width: 200px;
}
.tool-tip .tool-tip__infoskorea:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 65%;
  margin-left: -20.5%;
  border-width: 10px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tool-tip .tool-tip__infoskorea:after {
  left: -8px;
  border-right-color: #262626;
}
.tool-tip .tool-tip__infoskorea .infoskorea {
  display: block;
}
.tool-tip .tool-tip__infoskorea .infoskorea__title {
  color: white;
}
.tool-tip:hover .tool-tip__infoskorea,
.tool-tip:focus .tool-tip__infoskorea {
  display: inline-block;
}

a:focus + .tool-tip .tool-tip__infoskorea {
  display: inline-block;
}

.tool-tip .tool-tip__general {
  display: none;
  background: #262626;
  border: 1px solid black;
  border-radius: 0px;
  font-size: 12px;
  font-family: "Roboto";
  line-height: 1.4;
  text-align: center;
  padding: 0.4em;
  position: absolute;
  left: -131.4px;
  top: -73px;
  width: 300px;
  z-index: 101;
}
.tool-tip .tool-tip__general:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 77%;
  margin-left: -33%;
  border-width: 10px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tool-tip .tool-tip__general:after {
  left: -8px;
  border-right-color: #262626;
}
.tool-tip .tool-tip__general .general {
  display: block;
}
.tool-tip .tool-tip__general .general__title {
  color: white;
}
.tool-tip:hover .tool-tip__general,
.tool-tip:focus .tool-tip__general {
  display: inline-block;
}

a:focus + .tool-tip .tool-tip__general {
  display: inline-block;
}

/******* Styles just to make it look a little better *******/
i {
  font-style: bold;
}

.customTooltipCycle {
  z-index: 30;
  position: absolute;
  top: -30px;
  background: #f7f2c0;
  color: #9d870e;
  padding: 7px 13px 7px 18px;
  white-space: nowrap;
  border: 1px solid #ede381;
  line-height: 1.2em;
  left: 20px;
}
.customTooltipDate {
  z-index: 30;
  position: absolute;
  top: -30px;
  background: #f7f2c0;
  color: #9d870e;
  padding: 7px 13px 7px 18px;
  white-space: nowrap;
  border: 1px solid #ede381;
  line-height: 1.2em;
  left: 465px;
}