.tooltip.multiclass {
    max-width: 300px;
    font-size: 12px;
    color: white;
    line-height: 18px;
    text-align: left;
}
.tooltip.multiclass .tooltip-con {
    padding: 6px 12px;
    white-space: normal !important;
    font-size: inherit;
    color: inherit;
}

.tooltip {
    position: absolute;
    display: inline-block;
    z-index: 99;
    min-width: 30px;
    border-radius: 4px;
    background-color: #303133;
    text-align: center;
}
.tooltip.light {
    background-color: white;
    box-shadow: 0 6px 32px 4px rgba(0, 0, 0, 0.08);
}
.tooltip-con {
    display: inline-block;
    padding: 4px 12px;
    white-space: nowrap;
    font-size: 12px;
    color: white;
    line-height: 25px;
    vertical-align: middle;
}

.tooltip-arr {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 4px;
    border-color: transparent;
    border-style: dashed;
}

.tooltip-topleft .tooltip-arr {
    bottom: -8px;
    left: 12px;
    border-top-color: #303133;
    border-top-style: solid;
}
.tooltip-topleft.light .tooltip-arr {
    border-top-color: white;
}

.tooltip-top .tooltip-arr {
    bottom: -8px;
    left: 50%;
    margin-left: -4px;
    border-top-color: #303133;
    border-top-style: solid;
}
.tooltip-top.light .tooltip-arr {
    border-top-color: white;
}

.tooltip-topright .tooltip-arr {
    bottom: -8px;
    right: 12px;
    border-top-color: #303133;
    border-top-style: solid;
}
.tooltip-topright.light .tooltip-arr {
    border-top-color: white;
}

.tooltip-right .tooltip-arr {
    top: 50%;
    left: -8px;
    margin-top: -4px;
    border-right-color: #303133;
    border-right-style: solid;
}
.tooltip-right.light .tooltip-arr {
    border-right-color: white;
}

.tooltip-bottomright .tooltip-arr {
    top: -8px;
    right: 12px;
    border-bottom-color: #303133;
    border-bottom-style: solid;
}
.tooltip-bottomright.light .tooltip-arr {
    border-bottom-color: white;
}

.tooltip-down .tooltip-arr {
    top: -8px;
    left: 50%;
    margin-left: -4px;
    border-bottom-color: #303133;
    border-bottom-style: solid;
}
.tooltip-down.light .tooltip-arr {
    border-bottom-color: white;
}

.tooltip-bottomleft .tooltip-arr {
    top: -8px;
    left: 12px;
    border-bottom-color: #303133;
    border-bottom-style: solid;
}
.tooltip-bottomleft.light .tooltip-arr {
    border-bottom-color: white;
}

.tooltip-left .tooltip-arr {
    top: 50%;
    right: -8px;
    margin-top: -4px;
    border-left-color: #303133;
    border-left-style: solid;
}
.tooltip-left.light .tooltip-arr {
    border-left-color: white;
}