.ggtooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; }

.ggtooltip.fade { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }

.ggtooltip.fade.in { filter: alpha(opacity=100); opacity: 1; }

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

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

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

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

.ggtooltip .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #000000; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

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

.ggtooltip.top .arrow, .ggtooltip.top .arrow-shadow { bottom: 1px; left: 25%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.ggtooltip.top-left .arrow, .ggtooltip.top-left .arrow-shadow { right: 5px; bottom: 1px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.ggtooltip.top-right .arrow, .ggtooltip.top-right .arrow-shadow { bottom: 1px; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.ggtooltip.top .arrow-shadow, .ggtooltip.top-left .arrow-shadow, .ggtooltip.top-right .arrow-shadow { bottom: 0; }

.ggtooltip.right .arrow, .ggtooltip.right .arrow-shadow { top: 50%; left: 1px; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; }

.ggtooltip.right .arrow-shadow { left: 0; }

.ggtooltip.left .arrow, .ggtooltip.left .arrow-shadow { top: 50%; right: 1px; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; }

.ggtooltip.left .arrow-shadow { right: 0; }

.ggtooltip.bottom .arrow, .ggtooltip.bottom .arrow-shadow { top: 1px; left: 25%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.ggtooltip.bottom-left .arrow, .ggtooltip.bottom-left .arrow-shadow { top: 1px; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.ggtooltip.bottom-right .arrow, .ggtooltip.bottom-right .arrow-shadow { top: 1px; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.ggtooltip.bottom .arrow-shadow, .ggtooltip.bottom-left .arrow-shadow, .ggtooltip.bottom-right .arrow-shadow { top: 0; }

.ggpopover { 
    position: absolute; 
    top: 0;
    left: 0; 
    z-index: 10600; /*SBH: increased z-index by 1 digit*/ 
    display: none; 
    max-width: 276px; 
    padding: 0; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    font-weight: normal; 
    line-height: 1.42857143; 
    text-align: left; 
    white-space: normal; 
    background-color: #fff; 
    -webkit-background-clip: padding-box; 
    background-clip: padding-box; 
    border: 2px solid #ccc; /*SBH - WEBHEDO-117, 03.09.2015 , changed border thickness*/
    border: 2px solid rgba(0, 0, 0, .2); 
    border-radius: 2px; 
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); 
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.ggpopover.fade {
     filter: alpha(opacity=0); 
     opacity: 0; 
     -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear; 
     -o-transition: opacity 0.15s linear; 
     transition: opacity 0.15s linear;
}

.ggpopover.fade.in { filter: alpha(opacity=100); opacity: 1; }

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

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

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

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

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

.ggpopover .popover-content { 
    padding: 9px 14px; 
    border-radius: 0; 
}

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

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

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

.ggpopover.top > .arrow { 
     bottom: -12px;
     left: 50% !important; /*SBH/DKA : 06.12.2019, made important for caprate Field intrinsic*/
     margin-left: -11px;
     border-top-color: #999; 
     border-top-color: rgba(0, 0, 0, .25); 
     border-bottom-width: 0; 
}

.ggpopover.top > .arrow > .after {
     bottom: 2px; /*SBH - WEBHEDO-117, 03.09.2015 , changed border thickness from 1px to 2px*/
     margin-left: -10px; 
     content: " "; 
     border-top-color: #fff; 
     border-bottom-width: 0; 
}

.ggpopover.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; 
}

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

.ggpopover.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); }

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

.ggpopover.left > .arrow { 
    top: 50% !important; /*SBH/DKA : 06.12.2019, made important for caprate Field intrinsic*/
    right: -11px; 
    margin-top: -11px; 
    border-right-width: 0; 
    border-left-color: #999; 
    border-left-color: rgba(0, 0, 0, .25);
}

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