.the-tooltip {
}

    .the-tooltip > .tooltip_inner {
        padding: 7px 13px 7px 12px;
        border-radius: 5px;
        border: 1px solid currentColor;
        transition: 0.2s;
        border-image: none;
        width: 250px;
        line-height: 24px;
        font-size: 14px;
        font-weight: normal;
        position: absolute;
        z-index: 999;
        box-sizing: border-box;
        box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0px 1px 0px rgba(255,255,255,0.3);
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-transition: 0.2s 0s;
        -moz-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
    }

        .the-tooltip > .tooltip_inner.powered_by {
            background: linear-gradient(rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
            padding: 4px 13px 5px 12px !important;
            width: 202px !important;
            opacity: 0.99;
        }

    .the-tooltip.dark-midnight-blue > .tooltip_inner.powered_by::after {
        border-color: rgb(17, 89, 162) !important;
    }

    .the-tooltip.bottom > .tooltip_inner.powered_by::after {
        bottom: 100%;
        border-top-color: transparent !important;
        border-right-color: transparent !important;
        border-left-color: transparent !important;
    }

    .the-tooltip.bottom > .tooltip_inner.powered_by::before {
        bottom: 100%;
        border-top-color: transparent !important;
        border-right-color: transparent !important;
        border-left-color: transparent !important;
    }

    .the-tooltip.dark-midnight-blue > .tooltip_inner.powered_by {
        border-color: rgb(0, 58, 116) !important;
    }

    .the-tooltip > .tooltip_inner * {
        max-width: 100%;
    }

    .the-tooltip > .tooltip_inner::after {
        margin: 0px 20px;
        border: 11px solid currentColor;
        border-image: none;
        display: block;
        position: absolute;
        content: "";
    }

    .the-tooltip > .tooltip_inner::before {
        margin: 0px 20px;
        border: 11px solid currentColor;
        border-image: none;
        display: block;
        position: absolute;
        content: "";
    }

    .the-tooltip.bottom > .tooltip_inner {
    }

        .the-tooltip.bottom > .tooltip_inner::after {
            margin-bottom: -1px;
        }

        .the-tooltip.bottom > .tooltip_inner::after {
            bottom: 100%;
            border-top-color: transparent !important;
            border-right-color: transparent !important;
            border-left-color: transparent !important;
        }

        .the-tooltip.bottom > .tooltip_inner::before {
            bottom: 100%;
            border-top-color: transparent !important;
            border-right-color: transparent !important;
            border-left-color: transparent !important;
        }

        .the-tooltip.bottom > .tooltip_inner::before {
            margin-bottom: 0px;
        }

    .the-tooltip.center > .tooltip_inner {
    }

        .the-tooltip.center > .tooltip_inner::after {
            left: 50%;
            margin-left: -10px;
        }

        .the-tooltip.center > .tooltip_inner::before {
            left: 50%;
            margin-left: -10px;
        }

    .the-tooltip.left > .tooltip_inner {
        left: 0px;
    }

        .the-tooltip.left > .tooltip_inner::after {
            left: 0px;
        }

        .the-tooltip.left > .tooltip_inner::before {
            left: 0px;
        }

    .the-tooltip.right > .tooltip_inner {
        right: 0px;
    }

        .the-tooltip.right > .tooltip_inner::after {
            right: 0px;
        }

        .the-tooltip.right > .tooltip_inner::before {
            right: 0px;
        }

    .the-tooltip.top > .tooltip_inner {
        bottom: 100%;
        margin-bottom: 15px;
    }

        .the-tooltip.top > .tooltip_inner::after {
            margin-top: -1px;
        }

        .the-tooltip.top > .tooltip_inner::after {
            top: 100%;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important;
            border-left-color: transparent !important;
        }

        .the-tooltip.top > .tooltip_inner::before {
            top: 100%;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important;
            border-left-color: transparent !important;
        }

        .the-tooltip.top > .tooltip_inner::before {
            margin-top: 0px;
        }

    .the-tooltip.auto-width > .tooltip_inner {
        width: auto;
        white-space: nowrap;
    }

    .the-tooltip.full-width > .tooltip_inner {
        left: 0px;
        width: 100%;
        margin-left: 0px;
    }

    .the-tooltip.apple-green > .tooltip_inner {
        border-color: rgb(101, 131, 0);
        color: rgb(22, 29, 0);
        background-color: rgb(141, 182, 0);
    }

        .the-tooltip.apple-green > .tooltip_inner::after {
            border-color: rgb(141, 182, 0);
        }

        .the-tooltip.apple-green > .tooltip_inner::before {
            border-color: rgb(101, 131, 0);
        }

    .the-tooltip.apple-green > .tooltip_inner {
        text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
    }

    .the-tooltip.apricot > .tooltip_inner {
        border-color: rgb(249, 176, 128);
        color: rgb(68, 29, 3);
        background-color: rgb(251, 206, 177);
    }

        .the-tooltip.apricot > .tooltip_inner::after {
            border-color: rgb(251, 206, 177);
        }

        .the-tooltip.apricot > .tooltip_inner::before {
            border-color: rgb(249, 176, 128);
        }

    .the-tooltip.apricot > .tooltip_inner {
        text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
    }

    .the-tooltip.black > .tooltip_inner {
        border-color: rgb(13, 13, 13);
        color: rgb(255, 255, 255);
        background-color: rgba(51, 51, 51, 0.88);
    }

        .the-tooltip.black > .tooltip_inner::after {
            border-color: rgba(80, 77, 77, 0.95);
        }

        .the-tooltip.black > .tooltip_inner::before {
            border-color: rgb(13, 13, 13);
        }

    .the-tooltip.black > .tooltip_inner {
        text-shadow: 0px 1px 0px #000000;
    }

    .the-tooltip.carrot-orange > .tooltip_inner {
        border-color: rgb(179, 105, 15);
        color: rgb(37, 22, 3);
        background-color: rgb(237, 145, 33);
    }

        .the-tooltip.carrot-orange > .tooltip_inner::after {
            border-color: rgb(237, 145, 33);
        }

        .the-tooltip.carrot-orange > .tooltip_inner::before {
            border-color: rgb(179, 105, 15);
        }

    .the-tooltip.carrot-orange > .tooltip_inner {
        text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
    }

    .the-tooltip.eggplant > .tooltip_inner {
        border-color: rgb(51, 34, 43);
        color: rgb(255, 255, 255);
        background-color: rgb(97, 64, 81);
    }

        .the-tooltip.eggplant > .tooltip_inner::after {
            border-color: rgb(97, 64, 81);
        }

        .the-tooltip.eggplant > .tooltip_inner::before {
            border-color: rgb(51, 34, 43);
        }

    .the-tooltip.eggplant > .tooltip_inner {
        text-shadow: 0px 1px 0px #000000;
    }

    .the-tooltip.forest-green > .tooltip_inner {
        border-color: rgb(0, 18, 9);
        color: rgb(255, 255, 255);
        background-color: rgb(1, 68, 33);
    }

        .the-tooltip.forest-green > .tooltip_inner::after {
            border-color: rgb(1, 68, 33);
        }

        .the-tooltip.forest-green > .tooltip_inner::before {
            border-color: rgb(0, 18, 9);
        }

    .the-tooltip.forest-green > .tooltip_inner {
        text-shadow: 0px 1px 0px #000000;
    }

    .the-tooltip.bright-lavender > .tooltip_inner {
        border-color: rgb(154, 87, 213);
        color: rgb(37, 14, 56);
        background-color: rgb(191, 148, 228);
    }

        .the-tooltip.bright-lavender > .tooltip_inner::after {
            border-color: rgb(191, 148, 228);
        }

        .the-tooltip.bright-lavender > .tooltip_inner::before {
            border-color: rgb(154, 87, 213);
        }

    .the-tooltip.bright-lavender > .tooltip_inner {
        text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
    }

    .the-tooltip.dark-midnight-blue > .tooltip_inner {
        border-color: rgb(0, 13, 26);
        color: rgb(255, 255, 255);
        background-color: rgb(0, 51, 102);
    }

        .the-tooltip.dark-midnight-blue > .tooltip_inner::after {
            border-color: rgb(0, 51, 102);
        }

        .the-tooltip.dark-midnight-blue > .tooltip_inner::before {
            border-color: rgb(0, 13, 26);
        }

    .the-tooltip.dark-midnight-blue > .tooltip_inner {
        text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
    }

    .the-tooltip.magic-mint > .tooltip_inner {
        border-color: rgb(105, 229, 174);
        color: rgb(12, 67, 42);
        background-color: rgb(170, 240, 209);
    }

        .the-tooltip.magic-mint > .tooltip_inner::after {
            border-color: rgb(170, 240, 209);
        }

        .the-tooltip.magic-mint > .tooltip_inner::before {
            border-color: rgb(105, 229, 174);
        }

    .the-tooltip.magic-mint > .tooltip_inner {
        text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
    }

    .the-tooltip.mustard > .tooltip_inner {
        border-color: rgb(241, 189, 0);
        color: rgb(63, 49, 0);
        background-color: rgb(255, 219, 88);
    }

        .the-tooltip.mustard > .tooltip_inner::after {
            border-color: rgb(255, 219, 88);
        }

        .the-tooltip.mustard > .tooltip_inner::before {
            border-color: rgb(241, 189, 0);
        }

    .the-tooltip.mustard > .tooltip_inner {
        text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
    }

    .the-tooltip.sienna > .tooltip_inner {
        border-color: rgb(71, 23, 12);
        color: rgb(255, 255, 255);
        background-color: rgb(136, 45, 23);
    }

        .the-tooltip.sienna > .tooltip_inner::after {
            border-color: rgb(136, 45, 23);
        }

        .the-tooltip.sienna > .tooltip_inner::before {
            border-color: rgb(71, 23, 12);
        }

    .the-tooltip.sienna > .tooltip_inner {
        text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
    }

    .the-tooltip.sky-blue > .tooltip_inner {
        border-color: rgb(69, 179, 224);
        color: rgb(13, 58, 77);
        background-color: rgb(135, 206, 235);
    }

        .the-tooltip.sky-blue > .tooltip_inner::after {
            border-color: rgb(135, 206, 235);
        }

        .the-tooltip.sky-blue > .tooltip_inner::before {
            border-color: rgb(69, 179, 224);
        }

    .the-tooltip.sky-blue > .tooltip_inner {
        text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
    }

    .the-tooltip.sunset > .tooltip_inner {
        border-color: rgb(246, 181, 93);
        color: rgb(79, 47, 4);
        background-color: rgb(250, 214, 165);
    }

        .the-tooltip.sunset > .tooltip_inner::after {
            border-color: rgb(250, 214, 165);
        }

        .the-tooltip.sunset > .tooltip_inner::before {
            border-color: rgb(246, 181, 93);
        }

    .the-tooltip.sunset > .tooltip_inner {
        text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
    }