/*
 * This file is part of the WPSF package.
 * This package is Open Source Software. For the full copyright and license
 * information, please view the LICENSE file which was distributed with this
 * source code.
 *
 * @package    WPSF
 * @author     Varun Sridharan <varunsridharan23@gmail.com>
 */
.tooltip {
    position        : absolute;
    z-index         : 1070;
    display         : block;
    font-family     : "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style      : normal;
    font-weight     : normal;
    letter-spacing  : normal;
    line-break      : auto;
    line-height     : 1.42857143;
    text-align      : left;
    text-align      : start;
    text-decoration : none;
    text-shadow     : none;
    text-transform  : none;
    white-space     : normal;
    word-break      : normal;
    word-spacing    : normal;
    word-wrap       : normal;
    font-size       : 12px;
    opacity         : 0;
    filter          : alpha(opacity=0);
}

.tooltip.in {
    opacity : 0.9;
    filter  : alpha(opacity=90);
}

.tooltip.top {
    margin-top : -3px;
    padding    : 5px 0;
}

.tooltip.right {
    margin-left : 3px;
    padding     : 0 5px;
}

.tooltip.bottom {
    margin-top : 3px;
    padding    : 5px 0;
}

.tooltip.left {
    margin-left : -3px;
    padding     : 0 5px;
}

.tooltip-inner {
    max-width        : 200px;
    padding          : 3px 8px;
    color            : #ffffff;
    text-align       : center;
    background-color : #000000;
    border-radius    : 4px;
}

.tooltip-arrow {
    position     : absolute;
    width        : 0;
    height       : 0;
    border-color : transparent;
    border-style : solid;
}

.tooltip.top .tooltip-arrow {
    bottom           : 0;
    left             : 50%;
    margin-left      : -5px;
    border-width     : 5px 5px 0;
    border-top-color : #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom           : 0;
    right            : 5px;
    margin-bottom    : -5px;
    border-width     : 5px 5px 0;
    border-top-color : #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom           : 0;
    left             : 5px;
    margin-bottom    : -5px;
    border-width     : 5px 5px 0;
    border-top-color : #000000;
}

.tooltip.right .tooltip-arrow {
    top                : 50%;
    left               : 0;
    margin-top         : -5px;
    border-width       : 5px 5px 5px 0;
    border-right-color : #000000;
}

.tooltip.left .tooltip-arrow {
    top               : 50%;
    right             : 0;
    margin-top        : -5px;
    border-width      : 5px 0 5px 5px;
    border-left-color : #000000;
}

.tooltip.bottom .tooltip-arrow {
    top                 : 0;
    left                : 50%;
    margin-left         : -5px;
    border-width        : 0 5px 5px;
    border-bottom-color : #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    top                 : 0;
    right               : 5px;
    margin-top          : -5px;
    border-width        : 0 5px 5px;
    border-bottom-color : #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top                 : 0;
    left                : 5px;
    margin-top          : -5px;
    border-width        : 0 5px 5px;
    border-bottom-color : #000000;
}

/*
 * This file is part of the WPSF package.
 * This package is Open Source Software. For the full copyright and license
 * information, please view the LICENSE file which was distributed with this
 * source code.
 *
 * @package    WPSF
 * @author     Varun Sridharan <varunsridharan23@gmail.com>
 */
.popover {
    position                : absolute;
    top                     : 0;
    left                    : 0;
    z-index                 : 99999999;
    display                 : none;
    max-width               : 500px;
    padding                 : 1px;
    font-family             : "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style              : normal;
    font-weight             : normal;
    letter-spacing          : normal;
    line-break              : auto;
    line-height             : 1.42857143;
    text-align              : left;
    text-align              : start;
    text-decoration         : none;
    text-shadow             : none;
    text-transform          : none;
    white-space             : normal;
    word-break              : normal;
    word-spacing            : normal;
    word-wrap               : normal;
    font-size               : 14px;
    background-color        : #ffffff;
    -webkit-background-clip : padding-box;
    background-clip         : padding-box;
    border                  : 1px solid #cccccc;
    border                  : 1px solid rgba(0, 0, 0, 0.2);
    border-radius           : 6px;
    -webkit-box-shadow      : 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow              : 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
    margin-top : -10px;
}

.popover.right {
    margin-left : 10px;
}

.popover.bottom {
    margin-top : 10px;
}

.popover.left {
    margin-left : -10px;
}

.popover-title {
    margin           : 0;
    padding          : 8px 14px;
    font-size        : 14px;
    background-color : #f7f7f7;
    border-bottom    : 1px solid #ebebeb;
    border-radius    : 5px 5px 0 0;
}

.popover-content {
    padding : 9px 14px;
}

.popover > .popover-arrow,
.popover > .popover-arrow:after {
    position     : absolute;
    display      : block;
    width        : 0;
    height       : 0;
    border-color : transparent;
    border-style : solid;
}

.popover > .popover-arrow {
    border-width : 11px;
}

.popover > .popover-arrow:after {
    border-width : 10px;
    content      : "";
}

.popover.top > .popover-arrow {
    left                : 50%;
    margin-left         : -11px;
    border-bottom-width : 0;
    border-top-color    : #999999;
    border-top-color    : rgba(0, 0, 0, 0.25);
    bottom              : -11px;
}

.popover.top > .popover-arrow:after {
    content             : " ";
    bottom              : 1px;
    margin-left         : -10px;
    border-bottom-width : 0;
    border-top-color    : #ffffff;
}

.popover.right > .popover-arrow {
    top                : 50%;
    left               : -11px;
    margin-top         : -11px;
    border-left-width  : 0;
    border-right-color : #999999;
    border-right-color : rgba(0, 0, 0, 0.25);
}

.popover.right > .popover-arrow:after {
    content            : " ";
    left               : 1px;
    bottom             : -10px;
    border-left-width  : 0;
    border-right-color : #ffffff;
}

.popover.bottom > .popover-arrow {
    left                : 50%;
    margin-left         : -11px;
    border-top-width    : 0;
    border-bottom-color : #999999;
    border-bottom-color : rgba(0, 0, 0, 0.25);
    top                 : -11px;
}

.popover.bottom > .popover-arrow:after {
    content             : " ";
    top                 : 1px;
    margin-left         : -10px;
    border-top-width    : 0;
    border-bottom-color : #ffffff;
}

.popover.left > .popover-arrow {
    top                : 50%;
    right              : -11px;
    margin-top         : -11px;
    border-right-width : 0;
    border-left-color  : #999999;
    border-left-color  : rgba(0, 0, 0, 0.25);
}

.popover.left > .popover-arrow:after {
    content            : " ";
    right              : 1px;
    border-right-width : 0;
    border-left-color  : #ffffff;
    bottom             : -10px;
}