/*  
 * 2J SlideShow		http://2joomla.net/wordpress
 * Author:            2J Team  http://2joomla.net
 * License:           GPL-2.0+
 */

.column-twoj_slideshow span{
	border: solid 2px lightgray; 
	background:white; 
	padding:2px 7px; 
	font-size:14px; 
}

.manage-column.column-twoj_slideshow,
.twoj_slideshow.column-twoj_slideshow{
	max-width: 200px;
	width: 200px;
	text-align: center;
	vertical-align: middle;
}

.manage-column.column-twoj_slideshow_images,
.twoj_slideshow.column-twoj_slideshow_images{
	max-width: 80px;
	width: 80px;
}


/* tooltip */

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #444;
    color: #fff;
    text-align: center;
    padding: 5px 5px 0 5px;
    border-radius: 6px;
 
    position: absolute;
    z-index: 1;

    width: 120px;
    top: 100%;
    left: 50%;
    margin-left: -60px; 
    margin-top: 5px;
}
.tooltip .tooltiptext span{
	padding-bottom: 5px;
	display: block;
}
.tooltip .tooltiptext img{
	width: 30px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%; 
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #444 transparent;
}

@media screen and ( max-width: 782px ) {

}