/*
Plugin:          Nisar Themes > Item
Author:			 Nisar Abed
Author URI:		 https://www.nisar.it/
*/
/*------------------------------------------------------------------------ 
Tooltip | CSS Only > 
tooltip="text" 
tooltip-position="top left right bottom" 
*/

.tooltip_view {overflow: visible;}

[tooltip] {
    position:relative;
    cursor: pointer;}

[tooltip]::before {
    content: "";
    position: absolute;
    top:-6px;
    left:50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0,0,0,0.7) transparent transparent transparent;
    z-index: 100000;
    opacity:0;}

[tooltip-position='left']::before {
  left:0%;
  top:50%;
  margin-left:-12px;
  transform:translatey(-50%) rotate(-90deg);}

[tooltip-position='top']::before {left:50%;}

[tooltip-position='bottom']::before {
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translatey(-100%) rotate(-180deg);}

[tooltip-position='right']::before {
  left:100%;
  top:50%;
  margin-left:1px;
  transform:translatey(-50%) rotate(90deg);}

[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left:50%;
    top:-6px;
    transform: translateX(-50%)   translateY(-100%);
    background: rgba(20, 20, 20, 0.90);
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding:2px 2px 2px 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    min-width: 150px;
    border-radius: 5px;
    pointer-events: none;
    padding: 4px 4px 4px 4px;
    z-index:100000;
    opacity:0;}

[tooltip].tt_pic::after {min-width: 120px;}

[tooltip].tt_big::after {min-width: 200px;}

[tooltip-position='left']::after {
  left:0%;
  top:50%;
  margin-left:-8px;
  transform: translateX(-100%) translateY(-50%);}

[tooltip-position='top']::after {left:50%;}

[tooltip-position='bottom']::after {
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translateY(0%);}

[tooltip-position='right']::after {
  left:100%;
  top:50%;
  margin-left:8px;
  transform: translateX(0%) translateY(-50%);}

[tooltip]:hover::after,
[tooltip]:hover::before {opacity:1;}

.table_responsive table tr th [tooltip]::after {font-family: "OpenSans-Regular", sans-serif, Arial;}

/* ----------------------------------------- 
Font Awesome > Trasp */

.fa.fa_trasp, .fas.fa_trasp, .far.fa_trasp, .fal.fa_trasp, .fab.fa_trasp {
    opacity: 0.5;
    transition: 0.2s ease all;}

a[tooltip]:hover  .fa.fa_trasp, div[tooltip]:hover  .fa.fa_trasp, span[tooltip]:hover  .fa.fa_trasp,
a[tooltip]:hover .fas.fa_trasp, div[tooltip]:hover .fas.fa_trasp, span[tooltip]:hover .fas.fa_trasp,
a[tooltip]:hover .far.fa_trasp, div[tooltip]:hover .far.fa_trasp, span[tooltip]:hover .far.fa_trasp,
a[tooltip]:hover .fal.fa_trasp, div[tooltip]:hover .fal.fa_trasp, span[tooltip]:hover .fal.fa_trasp,
a[tooltip]:hover .fab.fa_trasp, div[tooltip]:hover .fab.fa_trasp, span[tooltip]:hover .fab.fa_trasp {
    opacity: 1;
    transition: 0.2s ease all;}

/* ----------------------------------------- 
Tooltip > Off */

[tooltip].nocss {}

[tooltip].nocss::before,
[tooltip].nocss::after {display: none !important;}