﻿/*
 * angular-tooltips
 *
 * Angular.js tooltips module.
 * http://720kb.github.io/angular-tooltips
 * 
 * MIT license
 * 2015-11-30T22:04:40.270Z
 */
[tooltips].tooltips._bottom tip tip-arrow, [tooltips].tooltips._top tip tip-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: -6px
}

[tooltips] {
    position: relative
}

@-webkit-keyframes animate-tooltip {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    60% {
        opacity: .8
    }

    70% {
        opacity: .9
    }

    90% {
        opacity: 1
    }
}

@-moz-keyframes animate-tooltip {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    60% {
        opacity: .8
    }

    70% {
        opacity: .9
    }

    90% {
        opacity: 1
    }
}

@-ms-keyframes animate-tooltip {
    [tooltips] 0% {
        opacity: 0
    }

    [tooltips] 50% {
        opacity: .5
    }

    [tooltips] 60% {
        opacity: .8
    }

    [tooltips] 70% {
        opacity: .9
    }

    [tooltips] 90% {
        opacity: 1
    }
}

@keyframes animate-tooltip {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    60% {
        opacity: .8
    }

    70% {
        opacity: .9
    }

    90% {
        opacity: 1
    }
}

[tooltips]._multiline {
    display: block
}

[tooltips]._slow._ready tip {
    animation: animate-tooltip .65s
}

[tooltips]._fast._ready tip {
    animation: animate-tooltip .15s
}

[tooltips]._steady._ready tip {
    animation: animate-tooltip .35s
}

[tooltips].tooltips tip {
    border-radius: 3px;
    background: rgba(0,0,0,.85);
    color: #fff;
    display: none;
    max-width: 500px;
    min-width: 100px;
    opacity: 0;
    padding: 8px 16px;
    position: absolute;
    text-align: center;
    width: auto;
    will-change: top,left,bottom,right
}

    [tooltips].tooltips tip._hidden {
        display: block;
        visibility: hidden
    }

[tooltips].tooltips tip-tip {
    font-size: .95em
}

    [tooltips].tooltips tip-tip._large {
        font-size: 1.1em
    }

    [tooltips].tooltips tip-tip._small {
        font-size: .8em
    }

    [tooltips].tooltips tip-tip #close-button {
        cursor: pointer;
        float: right;
        left: 8%;
        margin-top: -8%;
        position: relative
    }

[tooltips].tooltips.active tip {
    display: block;
    opacity: 1;
    z-index: 999
}

[tooltips].tooltips._top tip {
    left: 50%;
    top: -6px;
    transform: translateX(-50%) translateY(-100%)
}

    [tooltips].tooltips._top tip tip-arrow {
        border-top: 6px solid rgba(0,0,0,.85);
        content: '';
        height: 0;
        left: 50%;
        position: absolute;
        top: 100%;
        width: 0
    }

[tooltips].tooltips._bottom tip {
    right: 50%;
    top: 100%;
    transform: translateY(6px) translateX(50%)
}

    [tooltips].tooltips._bottom tip tip-arrow {
        border-bottom: 6px solid rgba(0,0,0,.85);
        bottom: 100%;
        content: '';
        height: 0;
        left: 50%;
        position: absolute;
        width: 0
    }

[tooltips].tooltips._left tip tip-arrow, [tooltips].tooltips._right tip tip-arrow {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    content: '';
    height: 0;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 0
}

[tooltips].tooltips._right tip {
    left: 100%;
    top: 50%;
    transform: translateX(6px) translateY(-50%)
}

    [tooltips].tooltips._right tip tip-arrow {
        border-right: 6px solid rgba(0,0,0,.85);
        right: 100%
    }

[tooltips].tooltips._left tip {
    left: -6px;
    top: 50%;
    transform: translateX(-100%) translateY(-50%)
}

    [tooltips].tooltips._left tip tip-arrow {
        border-left: 6px solid rgba(0,0,0,.85);
        left: 100%
    }
/*# sourceMappingURL=angular-tooltips.css.map */
