.tooltip {
color: #696969;
  position: relative;
  cursor: pointer;
  &:hover .tooltip-text {
    opacity: 1;
    visibility: visible;
  }
}
.tooltip_white {
	margin:0px 5px 0px 5px;
	color: white;
}
.tooltip-text {
  top:25px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
  /*display: inline-block;*/
  display: grid;
  padding: 5px;
  white-space: nowrap;
  /*font-size: 10.5px;*/
  /*line-height: 1.3;*/
  line-height:1.6;
  background: #333;
  color: #fff;
  border-radius: 3px;
  transition: 0.3s ease-in;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  width:100px;
  height:70px;
  border: 0px solid red;
  &:before {
    content: '';
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-bottom: 7px solid #333;
  }
}