.calendar_dates .tooltip-clds{
    color: #00ADA6;
}

.tooltip-clds {
    position: relative;
    text-decoration: underline !important;
    font-weight: 900;
}

.tooltip-clds .tooltiptext {
    visibility: hidden;
    width: 180px;
    background: url(../img/opacity.png) repeat;
    box-shadow: 0 0 8px #333;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    line-height: .9em;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    border: 1px solid black;

}

.tooltip-clds .tooltiptext.col-1 {
  left:  0px;
}
.tooltip-clds .tooltiptext.col-2 {
  left:  -20px;
}
.tooltip-clds .tooltiptext.col-3 {
  left:  -40px;
}
.tooltip-clds .tooltiptext.col-4 {
  left:  -80px;
}
.tooltip-clds .tooltiptext.col-5 {
  left:  -100px;
}
.tooltip-clds .tooltiptext.col-6 {
  left:  -130px;
}
.tooltip-clds .tooltiptext.col-7 {
  left:  -150px;
}

.tooltip-clds .tooltiptext a {
  color: white;
  font-size: .7em;
  display: block;
  margin-bottom: 10px;
}
.tooltip-clds .tooltiptext a:hover {
  color: yellow;
}


.tooltip-clds:hover .tooltiptext {
    visibility: visible;
}