.custom-tooltip {
    border-radius: 4px;
    text-align: center;
}

.tooltip.custom-tooltip {
    &::before {
        border-width: 0 !important;
        border-left-width: 0 !important;
        border-right-width: 0 !important;
    }
}

.tooltip-download-image {
    font-size: 9px;
    padding: 8px 16px;
}

.has-tip.active {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight: bold;
    cursor: unset;
    padding-top: 2px;
    margin-bottom: -2px;
}
.mobile-listing-tooltip {
    border: none !important;
    margin-left: 8px;
    i.material-icons {
        cursor: pointer;
        color: $light-grey;
        margin-bottom: 2px;
        font-size: 22px;
    }
}
.pricing-listing-tooltip {
    border: none !important;
    margin-left: 8px;
    .custom-tooltip {
        max-width: 250px;
    }
    i.material-icons {
        cursor: pointer;
        color: $light-grey;
        margin-bottom: 2px;
        font-size: 22px;
        line-height: 16px;
    }
}
.large-tooltip {
    &.custom-tooltip {
        @include breakpoint(medium up) {
            max-width: 400px;
        }
    }
}
.foundation-align-fix-left {
    margin-left: -8px;
}
.foundation-align-fix-right {
    margin-right: -8px;
}

.custom-tooltip-override {
    border-radius: 4px;
    text-align: center;
    color: white;
    background-color: $charcoal;
    padding: 16px;
    width: 400px;
    bottom: calc(100% + 16px);
    left: 50%;
    transform: translateX(-50%);
}