/**
 * @package xbTipPopButton 
 * @version media/css/tippop.css 1.2.0.0 3rd Jan 2019
 * @author Roger C-O
 * @copyright (C) Roger Creagh-Osborne, 2019
 * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 * add the following line to your template index.php file
 * JHtml::_('stylesheet', 'media/plg_button_xbtipbtn/css/tippop.css', array('version' => 'auto', 'relative' => false));
**/
/* Underlines for user cue */
.solid, .solid:hover,
.dashed, .dashed:hover,
.dotted, .dotted:hover,
.wavy, .wavy:hover {
	text-decoration-line: underline; 
	text-decoration-color: #820000;
}
.solid, .solid:hover {
	text-decoration-style: solid; 
}
.dashed, .dashed:hover {
	text-decoration-style: dashed; 
}
.dotted, .dotted:hover {
	text-decoration-style: dotted; 
}
.wavy, .wavy:hover {
	text-decoration-style: wavy; 
}
/* Tooltip and Popover styles */
/* Outlines when focused */
.tipstyle:focus {
   outline-style: dotted !important;
   outline-width: 1px;
} 
.popstyle:focus {
   outline-style: dashed !important;
   outline-width: 1px;
} 
/* Popover styles */
 .popstyle + .popover {
    border: 2px solid #820000;
}
/* Popover Header */
.popstyle + .popover > .popover-title {
    background-color: #FFFFE0 !important; /* #73AD21; */ 
    border-bottom: 1px solid #820000;
    color: #820000; 
    font-size: 1.1em;
    font-weight:bold;
    text-align:center;
}
/* Popover Body */
.popstyle  + .popover > .popover-content {
    background-color: #FFFFF0 !important;
    color: #820000;
    padding: 10px 16px;
}
/* Popover Arrows */
.popstyle + .popover.right>.arrow:after {
    border-right-color: #820000;
}
.popstyle + .popover.left>.arrow:after {
    border-left-color: #820000;
}
.popstyle + .popover.bottom>.arrow:after {
    border-bottom-color: #820000;
}
.popstyle + .popover.top>.arrow:after {
    border-top-color: #820000;
}
/* Tooltip style */ 
.tipstyle + .tooltip > .tooltip-inner {
    background-color: #FFFFF0; 
    color: #820000; 
    border: 1px solid #820000;
    padding: 4px;
    font-size: 1em;
}
/* get rid of the slightly transparent default on bootstrap tooltip */
.tooltip.in {
	opacity: 1.0 !important; 
	filter:alpha(opacity=100) !important;
}
/* Tooltip arrows */
.tipstyle + .tooltip.top > .tooltip-arrow {
    border-top-color: #820000;
}
 .tipstyle + .tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #820000;
}
 .tipstyle + .tooltip.left > .tooltip-arrow {
    border-left-color: #820000;
}
 .tipstyle + .tooltip.right > .tooltip-arrow {
    border-right-color: #820000;
}