/*--------------------------------------------------------------
# tootlip-by defult for all
--------------------------------------------------------------*/
.wrapper {
	background:none;
	cursor: help;
	border-radius:3px;
	font-size: 12px;
	display:inline-block;
	padding: 1px 5px;
	position:absolute;
	text-align: center;
	margin-top:0px;
	-webkit-transform: translateZ(0); 
	-webkit-font-smoothing: antialiased;
}

.wrapper .tooltip {
	background: rgba(0,0,0,0.9);
	bottom: 100%;
	z-index:10000;
	border:none;
	box-shadow:none;
	width:200px;
	color: #fff;
	display: block;
	left: -50px;
	text-align:center;
	margin-bottom: 15px;
	opacity: 0;
	padding: 15px;
	pointer-events: none;
	position: absolute;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
    transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
    transition: all .25s ease-out;
	border:none;
	box-shadow:none;
}


.wrapper .tooltip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
    border:none;
    box-shadow:none;
}
.wrapper .tooltip:after {
	border-left: solid transparent 8px;
	border-right: solid transparent 8px;
	border-top: solid rgba(0,0,0,0.9) 8px;
	bottom: -8px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0;
}

.wrapper:hover .tooltip {
    opacity: 1;
    z-index:1000000;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.lte8 .wrapper .tooltip {
    display: none;
    border:none;
    box-shadow:none;
}

.lte8 .wrapper:hover .tooltip {
    display: block;
    border:none;
    box-shadow:none;
}


/*--------------------------------------------------------------
# tootlip-by defult 
--------------------------------------------------------------*/

.tto{
	position:absolute;
	right:8px;
	top:70px;
	opacity:0;
	visibility:hidden;
}

.ui-tooltip{
	border:none !important;
	background:black !important;
	width:200px;
}
.ui-tooltip-content{
	color:#ffff;
	text-align:center;
	font-size:14px;
	line-height:13px;
}
.ui-tooltip-content::after, .ui-tooltip-content::before {  
	content: "";  
	position: absolute;  
	border-style: solid;  
	display: block;  
	left: 45%;  

}  
.ui-tooltip-content::before {  
	bottom: -10px;  
	border-color: black transparent;  
	border-width: 0px 0px 0;  
}  
.ui-tooltip-content::after {  
	bottom: -7px;  
	border-color: black transparent;  
	border-width: 10px 10px 0;  
}  




@media (max-width:1148px) {

.ui-tooltip{
	border:none !important;
	background:black !important;
	width:auto !important;
	
}
.ui-tooltip-content::after, .ui-tooltip-content::before {  
display:none; 

}  
}