﻿.popover {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 1060;
    color: black;
    display: none;
    width: 600px !important;
    max-width: 600px;
    height:350px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    font-size: 11px;
    background-color: #F6FFD6 !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px !important;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(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 > .arrow,
    .popover > .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .popover > .arrow {
        border-width: 11px;
    }

        .popover > .arrow:after {
            content: "";
            border-width: 10px;
        }

    .popover.top > .arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, .25);
        border-bottom-width: 0;
    }

        .popover.top > .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #F6FFD6;
            border-bottom-width: 0;
        }

    .popover.right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: rgba(0, 0, 0, .25);
        border-left-width: 0;
    }

        .popover.right > .arrow:after {
            bottom: -10px;
            left: 1px;
            content: " ";
            border-right-color: #F6FFD6;
            border-left-width: 0;
        }

    .popover.bottom > .arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, .25);
    }

        .popover.bottom > .arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #F6FFD6;
        }

    .popover.left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0, 0, 0, .25);
    }

        .popover.left > .arrow:after {
            right: 1px;
            bottom: -10px;
            content: " ";
            border-right-width: 0;
            border-left-color: #F6FFD6;
        }

    .popover td {
        vertical-align:top;
    }

    .popover h2 {
        font-family:inherit;
        font-size: 11px;
        font-weight:bold;
        margin-top:5px;
        margin-bottom:10px;
    }

    .popover h3 {
        margin-top: 0px;
    }

    .popover label {
        margin:0px 0px 1px 0px;
        color:#333;
    }

    .popover p {
        margin-bottom: 1px;
    }

    .btn-warning{
        color:black;
    }