.top {
    text-align: center;
}

.middle,
.bottom {
    @extend .top;
}

.middle-left {
    display: inline-block;
}

.middle-right {
    display: inline-block;
    margin-left: 200px;
}

// .tooltip-inner {
//     background-color: rgba(70, 76, 91, .9)
// }

// .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
//     border-top-color: rgba(70, 76, 91, .9)
// }

// .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-top .arrow::before {
//     border-left-color: rgba(70, 76, 91, .9)
// }

// .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-top .arrow::before {
//     border-right-color: rgba(70, 76, 91, .9)
// }

// .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-top .arrow::before {
//     border-bottom-color: rgba(70, 76, 91, .9)
// }