/* qtip */

.qtip_pop {
  background-color: transparent;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 12px 10px -10px #000001;  
  color: #555555;
  font-family: Tahoma,Arial,"Helvetica",sans-serif;  
  font-size: 12px;
  line-height: 125%;
  max-width: 320px;
  
}
.qtip_popbig {
--max-width: 520px;
background-color: rgba(0,0,0,0.25);
background-color: rgba(255,255,255,0.5);
color: #4E7682;
--width: 100%;
}


.qtip_popbig h2 {
border-bottom: 1px solid #ddd;
}



.qtip_pop .qtip-titlebar {
background-color: #808080;
background-color: rgba(0,0,0,0.65);
border-color: #fff;
color: #fff;
font-size: 11px;
font-variant: small-caps;
min-height: 22px;
}

.qtip_pop .qtip-close .ui-icon-close:before {
background-position: -72px 50%;
height: 100%;
}

.qtip_pop .qtip-content {
background-color: #F1F1F1;
max-height: 400px;
overflow: auto;
}
.qtip_pop .qtip-content img {
width: 100%;
}
.qtip_popbig .qtip-content img {
width: auto;
display: block;
}


.qtip_pop .qtip-content a {
text-decoration: underline;
}
.qtip_popbig .qtip-content a {
text-decoration: none;
}


.qtip_pop .qtip-content a.button {
display: inline-block;
background: #ccc;
background: linear-gradient(to bottom, rgb(135, 224, 253) 0%, rgb(83, 203, 241) 40%, rgb(5, 171, 224) 100%) repeat scroll 0 0 transparent;
color: #fff;
padding: 1px 3px;
border-radius: 3px; 
}
.qtip_pop .qtip-content a.button:hover {
background: rgb(5, 171, 224); 
}


.tip-html {
cursor: help;
}
.tip-html >div {
display: inline-block;
}

.tip-html span.icon-info {
position: absolute;
bottom: 15px;
left: 0;
border-radius: 50%;
cursor: help;
}
.tip-html:hover span.icon-info {
background-color: #fff;
}
.tip-html:hover img.round {
border: 1px solid #0aa;
border-radius: 30%
}

.qtip_pop .qtip-content .tip-jet img {
max-width: 50%;
float: left;
margin: 2px;
}