/*!
 * AngularUIUI Free v1.0.0 (http://angularui.net)
 * Copyright 2014-2015 Mehmet Otkun, angularui.net.
 */

.titip-default[class*='titip'][data-title]:before,
.titip-default > .titip-content:before
{
    border-color: #fff;
}
.titip-default[class*='titip'][data-title]:after,
.titip-default > .titip-content
{
    color: #fff;
    background-color: #fff;
    z-index: 1;
}
.titip-default > .titip-content
{
    border-color: #ccc;
}
.titip-default[class*='titip'][data-title]:before
{
    border-color: #fafafa;
}
.titip-primary[class*='titip'][data-title]:before,
.titip-primary > .titip-content:before
{
    border-color: #337ab7;
}
.titip-primary[class*='titip'][data-title]:after,
.titip-primary > .titip-content
{
    color: #fff;
    background-color: #337ab7;
}
.titip-primary > .titip-content
{
    border-color: #2e6da4;
}
.titip-success[class*='titip'][data-title]:before,
.titip-success > .titip-content:before
{
    border-color: #5cb85c;
}
.titip-success[class*='titip'][data-title]:after,
.titip-success > .titip-content
{
    color: #fff;
    background-color: #5cb85c;
}
.titip-success > .titip-content
{
    border-color: #4cae4c;
}
.titip-info[class*='titip'][data-title]:before,
.titip-info > .titip-content:before
{
    border-color: #5bc0de;
}
.titip-info[class*='titip'][data-title]:after,
.titip-info > .titip-content
{
    color: #fff;
    background-color: #5bc0de;
}
.titip-info > .titip-content
{
    border-color: #46b8da;
}
.titip-warning[class*='titip'][data-title]:before,
.titip-warning > .titip-content:before
{
    border-color: #f0ad4e;
}
.titip-warning[class*='titip'][data-title]:after,
.titip-warning > .titip-content
{
    color: #fff;
    background-color: #f0ad4e;
}
.titip-warning > .titip-content
{
    border-color: #eea236;
}
.titip-danger[class*='titip'][data-title]:before,
.titip-danger > .titip-content:before
{
    border-color: #d9534f;
}
.titip-danger[class*='titip'][data-title]:after,
.titip-danger > .titip-content
{
    color: #fff;
    background-color: #d9534f;
}
.titip-danger > .titip-content
{
    border-color: #d43f3a;
}
.titip-fade:before,
.titip-fade:after,
.titip-fade .titip-content
{
    -webkit-transition: opacity .3s linear, visibility .3s linear;
            transition: opacity .3s linear, visibility .3s linear;
}
.titip-flip:hover:before,
.titip-flip:hover:after,
.titip-flip:hover .titip-content
{
    -webkit-animation: flipYIn .3s linear;
            animation: flipYIn .3s linear;
}
.titip-flip-x:hover:before,
.titip-flip-x:hover:after,
.titip-flip-x:hover .titip-content
{
    -webkit-animation: flipXIn .3s linear;
            animation: flipXIn .3s linear;
}
.titip-swing:hover:before,
.titip-swing:hover:after,
.titip-swing:hover .titip-content
{
    -webkit-animation: swing .3s linear;
            animation: swing .3s linear;
}
.titip-rotate:hover:before,
.titip-rotate:hover:after,
.titip-rotate:hover .titip-content
{
    -webkit-animation: rotateLeftIn .3s linear;
            animation: rotateLeftIn .3s linear;
}
.titip-slide:hover:before,
.titip-slide:hover:after,
.titip-slide:hover .titip-content
{
    -webkit-animation: slideIn .3s linear;
            animation: slideIn .3s linear;
}
.titip-slide-up:hover:before,
.titip-slide-up:hover:after,
.titip-slide-up:hover .titip-content
{
    -webkit-animation: slideBottomIn .3s linear;
            animation: slideBottomIn .3s linear;
}
.titip-fall:hover:before,
.titip-fall:hover:after,
.titip-fall:hover .titip-content
{
    -webkit-animation: fallIn .3s linear;
            animation: fallIn .3s linear;
}
.titip-scale:hover:before,
.titip-scale:hover:after,
.titip-scale:hover .titip-content
{
    -webkit-animation: scaleIn .3s ease-in-out;
            animation: scaleIn .3s ease-in-out;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.titip-alert:hover:before,
.titip-alert:hover:after,
.titip-alert:hover .titip-content
{
    -webkit-animation: redAlertIn .3s linear;
            animation: redAlertIn .3s linear;
}
.titip-pulse:hover:before,
.titip-pulse:hover:after,
.titip-pulse:hover .titip-content
{
    -webkit-animation: pulse .3s linear;
            animation: pulse .3s linear;
}
.titip-sing:hover:before,
.titip-sing:hover:after,
.titip-sing:hover .titip-content
{
    -webkit-animation: singIn .3s ease-in-out;
            animation: singIn .3s ease-in-out;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
[class*='titip']
{
    position: relative;

    display: inline-block;

    cursor: pointer;
}
[class*='titip'][data-title]:before,
[class*='titip'][data-title]:after,
[class*='titip'] .titip-content
{
    position: absolute;
    z-index: 9999;

    visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    opacity: 0;

    filter: alpha(opacity=0);
}
[class*='titip'][data-title]:after,
.titip-content
{
    width: auto;

    color: #eee;
    background-color: #333;
}
[class*='titip'][data-title]:before,
.titip-content:before
{
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;

    content: '';

    border: 8px solid #333;
}
* .titip-hidden[class*='titip'][data-title]:before,
* .titip-hidden[class*='titip'][data-title]:after,
* .titip-hidden .titip-content
{
    visibility: hidden !important;

    opacity: 0  !important;

    filter: alpha(opacity=0) !important;
}
.titip-content
{
    border: 1px solid #333;
}
.titip-content:before,
.titip-content:after
{
    position: absolute;
    z-index: 10000;
}
.titip-content:after
{
    z-index: 9999;

    width: 0;
    height: 0;
    margin: 0;
    padding: 0;

    content: '';

    border-width: 8px;
    border-style: solid;
    border-color: inherit;
}
.titip-content.thick-border
{
    border-width: 4px;
}
[class*='titip'][data-title]:after,
.titip-content
{
    font-size: 13px;
    line-height: 13px;

    padding: 6px 9px 7px;

    white-space: nowrap;

    border-radius: 4px;
    box-shadow: 1px 1px 7px 0 rgba(50, 50, 50, .09);
    text-shadow: none;
}
.titip-xs[data-title]:after,
.titip-xs .titip-content
{
    padding: 3px 5px 2px;
}
[data-title][class*='titip']:after
{
    content: attr(data-title);
}
.titip-active .titip-content,
[class*='titip']:hover .titip-content,
[class*='titip']:active .titip-content,
.titip-active[data-title]:before,
[class*='titip']:hover[data-title]:before,
[class*='titip']:active[data-title]:before,
.titip-active[data-title]:after,
[class*='titip']:hover[data-title]:after,
[class*='titip']:active[data-title]:after
{
    visibility: visible;

    opacity: 1;

    filter: alpha(opacity=100);
}
[class*='titip-top'] > .titip-content,
[class*='titip-bottom'] > .titip-content,
[class*='titip-top'][data-title]:before,
[class*='titip-bottom'][data-title]:before,
[class*='titip-top'][data-title]:after,
[class*='titip-bottom'][data-title]:after
{
    left: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
[class*='titip-top'] > .titip-content:before,
[class*='titip-bottom'] > .titip-content:before,
[class*='titip-top'] > .titip-content:after,
[class*='titip-bottom'] > .titip-content:after,
[class*='titip-top'][data-title]:before,
[class*='titip-bottom'][data-title]:before
{
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}
[class*='titip-top'] > .titip-content:before,
[class*='titip-bottom'] > .titip-content:before
{
    left: 50%;

    margin-left: -4px;
}
[class*='titip-top'] > .titip-content:after,
[class*='titip-bottom'] > .titip-content:after
{
    left: 50%;

    margin-left: -6px;
}
[class*='titip-top'] > .titip-content.thick-border:after,
[class*='titip-bottom'] > .titip-content.thick-border:after
{
    margin-left: -9px;
}
.titip[data-title]:before,
.titip[data-title]:after,
.titip > .titip-content
{
    top: 100%;

    margin-top: 5px;
    margin-left: 50%;
}
[class*='titip-top'] > .titip-content:before,
[class*='titip-top'] > .titip-content:after,
[class*='titip-top'][data-title]:before
{
    border-width: 8px 4px 0;
    border-bottom-color: transparent !important;
}
[class*='titip-top'] > .titip-content:after
{
    border-width: 9px 6px 0;
}
[class*='titip-top'] > .titip-content,
[class*='titip-top'][data-title]:after,
[class*='titip-top'][data-title]:before
{
    bottom: 100%;
}
[class*='titip-top'][data-title]:before
{
    margin-bottom: 2px;
}
[class*='titip-top'] > .titip-content,
[class*='titip-top'][data-title]:after
{
    margin-bottom: 10px;
}
[class*='titip-top'] > .titip-content:before
{
    bottom: -8px;
}
[class*='titip-top'] > .titip-content:after
{
    bottom: -10px;
}
[class*='titip-top'] > .titip-content.thick-border
{
    margin-bottom: 16px;
}
[class*='titip-top'] > .titip-content.thick-border:before
{
    bottom: -10px;

    border-width: 10px 5px 0;
}
[class*='titip-top'] > .titip-content.thick-border:after
{
    bottom: -15px;

    border-width: 15px 10px 0;
}
[class*='titip-bottom'] > .titip-content:before,
[class*='titip-bottom'] > .titip-content:after,
[class*='titip-bottom'][data-title]:before
{
    border-width: 0 4px 8px;
    border-top-color: transparent !important;
}
[class*='titip-bottom'] > .titip-content:after
{
    border-width: 0 6px 9px;
}
[class*='titip-bottom'] > .titip-content,
[class*='titip-bottom'][data-title]:after,
[class*='titip-bottom'][data-title]:before
{
    top: 100%;
}
[class*='titip-bottom'][data-title]:before
{
    margin-top: 2px;
}
[class*='titip-bottom'] > .titip-content,
[class*='titip-bottom'][data-title]:after
{
    margin-top: 10px;
}
[class*='titip-bottom'] > .titip-content:before
{
    top: -8px;
}
[class*='titip-bottom'] > .titip-content:after
{
    top: -10px;
}
[class*='titip-bottom'] > .titip-content.thick-border
{
    margin-top: 13px;
}
[class*='titip-bottom'] > .titip-content.thick-border:before
{
    top: -10px;

    border-width: 0 5px 10px;
}
[class*='titip-bottom'] > .titip-content.thick-border:after
{
    top: -15px;

    border-width: 0 10px 15px;
}
[class*='titip-top-left'] > .titip-content,
[class*='titip-bottom-left'] > .titip-content,
[class*='titip-top-right'] > .titip-content,
[class*='titip-bottom-right'] > .titip-content,
[class*='titip-top-left'][data-title]:before,
[class*='titip-bottom-left'][data-title]:before,
[class*='titip-top-right'][data-title]:before,
[class*='titip-bottom-right'][data-title]:before,
[class*='titip-top-left'][data-title]:after,
[class*='titip-bottom-left'][data-title]:after,
[class*='titip-top-right'][data-title]:after,
[class*='titip-bottom-right'][data-title]:after
{
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
}
[class*='titip-top-left'][data-title]:before,
[class*='titip-bottom-left'][data-title]:before,
[class*='titip-top-left'][data-title]:after,
[class*='titip-bottom-left'][data-title]:after,
[class*='titip-top-left'] > .titip-content,
[class*='titip-bottom-left'] > .titip-content
{
    right: 0;
    left: auto;
}
[class*='titip-top-left'][data-title]:before,
[class*='titip-bottom-left'][data-title]:before
{
    right: 10px;
}
[class*='titip-top-left'] > .titip-content:before,
[class*='titip-bottom-left'] > .titip-content:before
{
    right: 14px;
    left: auto;
}
[class*='titip-top-left'] > .titip-content:after,
[class*='titip-bottom-left'] > .titip-content:after
{
    right: 12px;
    left: auto;
}
[class*='titip-top-left'] > .titip-content.thick-border:after,
[class*='titip-bottom-left'] > .titip-content.thick-border:after
{
    right: 9px;
}
[class*='titip-top-right'][data-title]:before,
[class*='titip-bottom-right'][data-title]:before,
[class*='titip-top-right'][data-title]:after,
[class*='titip-bottom-right'][data-title]:after,
[class*='titip-top-right'] > .titip-content,
[class*='titip-bottom-right'] > .titip-content
{
    right: auto;
    left: 0;
}
[class*='titip-top-right'][data-title]:before,
[class*='titip-bottom-right'][data-title]:before
{
    left: 10px;
}
[class*='titip-top-right'] > .titip-content:before,
[class*='titip-bottom-right'] > .titip-content:before
{
    left: 14px;
}
[class*='titip-top-right'] > .titip-content:after,
[class*='titip-bottom-right'] > .titip-content:after
{
    left: 14px;
}
[class*='titip-left'] > .titip-content,
[class*='titip-right'] > .titip-content,
[class*='titip-left'][data-title]:before,
[class*='titip-right'][data-title]:before,
[class*='titip-left'][data-title]:after,
[class*='titip-right'][data-title]:after
{
    top: 50%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
[class*='titip-left'] > .titip-content:before,
[class*='titip-right'] > .titip-content:before,
[class*='titip-left'] > .titip-content:after,
[class*='titip-right'] > .titip-content:after,
[class*='titip-left'][data-title]:before,
[class*='titip-right'][data-title]:before
{
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}
[class*='titip-left'] > .titip-content:before,
[class*='titip-right'] > .titip-content:before
{
    top: 50%;

    margin-top: -4px;
}
[class*='titip-left'] > .titip-content:after,
[class*='titip-right'] > .titip-content:after
{
    top: 50%;

    margin-top: -6px;
}
[class*='titip-left'] > .titip-content.thick-border:after,
[class*='titip-right'] > .titip-content.thick-border:after
{
    margin-top: -9px;
}
[class*='titip-left'] > .titip-content:before,
[class*='titip-left'] > .titip-content:after,
[class*='titip-left'][data-title]:before
{
    border-width: 4px 0 4px 8px;
    border-right-color: transparent !important;
}
[class*='titip-left'] > .titip-content:after
{
    border-width: 6px 0 6px 9px;
}
[class*='titip-left'] > .titip-content,
[class*='titip-left'][data-title]:after,
[class*='titip-left'][data-title]:before
{
    right: 100%;
}
[class*='titip-left'][data-title]:before
{
    margin-right: 2px;
}
[class*='titip-left'] > .titip-content,
[class*='titip-left'][data-title]:after
{
    margin-right: 10px;
}
[class*='titip-left'] > .titip-content:before
{
    right: -8px;
}
[class*='titip-left'] > .titip-content:after
{
    right: -10px;
}
[class*='titip-left'] > .titip-content.thick-border
{
    margin-right: 16px;
}
[class*='titip-left'] > .titip-content.thick-border:before
{
    right: -10px;

    border-width: 5px 0 5px 10px;
}
[class*='titip-left'] > .titip-content.thick-border:after
{
    right: -15px;

    border-width: 10px 0 10px 15px;
}
[class*='titip-right'] > .titip-content:before,
[class*='titip-right'] > .titip-content:after,
[class*='titip-right'][data-title]:before
{
    border-width: 4px 8px 4px 0;
    border-left-color: transparent !important;
}
[class*='titip-right'] > .titip-content:after
{
    border-width: 6px 9px 6px 0;
}
[class*='titip-right'] > .titip-content,
[class*='titip-right'][data-title]:after,
[class*='titip-right'][data-title]:before
{
    left: 100%;
}
[class*='titip-right'][data-title]:before
{
    margin-left: 2px;
}
[class*='titip-right'] > .titip-content,
[class*='titip-right'][data-title]:after
{
    margin-left: 10px;
}
[class*='titip-right'] > .titip-content:before
{
    left: -8px;
}
[class*='titip-right'] > .titip-content:after
{
    left: -10px;
}
[class*='titip-right'] > .titip-content.thick-border
{
    margin-left: 16px;
}
[class*='titip-right'] > .titip-content.thick-border:before
{
    left: -10px;

    border-width: 5px 10px 5px 0;
}
[class*='titip-right'] > .titip-content.thick-border:after
{
    left: -15px;

    border-width: 10px 15px 10px 0;
}
.titip-wrapped:after,
.titip-wrapped > .titip-content
{
    line-height: 19px;

    width: 170px !important;
    height: auto;
    padding: 11px;

    text-align: left;
    white-space: normal !important;
}
.titip-wrapped-large:after,
.titip-wrapped-large > .titip-content
{
    line-height: 19px;

    width: 300px;
    height: auto;
    padding: 11px;

    text-align: left;
    white-space: normal !important;
}
/*# sourceMappingURL=titip.css.map */