.tooltip {
  opacity: 1 !important;
  filter: alpha(opacity=100);
}

.tooltip.in {
  opacity: 1 !important;
  filter: alpha(opacity=100);
}
.tooltip,.arrow:after{background:#111;background:rgba(0,0,0,0.9)}
span.tooltip{font-family:arial;font-size:14px;font-weight:normal;position:absolute;padding:10px 20px;color:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;margin-top:20px;text-align:left;text-decoration:none;box-shadow:0 0 3px #000;z-index:9999}
span.tooltip i{font-family:arial;font-size:14px;font-weight:normal;}

.tooltip .arrow{display:block;width:70px;height:16px;overflow:hidden;position:absolute;left:50%;margin-left:-35px;bottom:-16px}

.tooltip .arrow:after{content:"";position:absolute;left:20px;top:-20px;width:25px;height:25px;-webkit-box-shadow:6px 5px 9px -9px #000 5px 6px 9px -9px #000;-moz-box-shadow:6px 5px 9px -9px #000 5px 6px 9px -9px #000;box-shadow:6px 5px 9px -9px #000 5px 6px 9px -9px #000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.arrow-top .arrow{top:-16px}.arrow-top .arrow:after{top:6px}
div.main {
	z-index:-1;
}

div.whitebox{
	background-color:white;
border:medium;
padding:15px;
opacity:1 !important;
text-align:left;
width:30%;
}

div.dialogclass{
z-index:0;
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
z-index:0;
opacity:0.9;
text-align:left;
background-color:#CCF;
}

div.dialogcenter{
opacity:1;
text-align:center;
background-color:white;
}

span.tooltip[aria-hidden='true'] {
   display: none;
}
span.tooltip[aria-hidden='false'] {
   display:block ;
   
}

.hidden {display:none;}