// // QTip2 Vendor JavaScript - Styling // —————————————-

.qtip {

position: absolute;
left: -28000px;
top: -28000px;
display: none;

max-width: 280px;
min-width: 50px;

// font-size: 10.5px; // qtip defaults, not needed // line-height: 12px; // qtip defaults, not needed

direction: ltr;

box-shadow: none;
padding: 0;

}

.qtip-content {

position: relative;

// padding: 5px 9px; // qtip defaults, not needed

overflow: hidden;

text-align: left;
word-wrap: break-word;

}

.qtip-titlebar {

position: relative;

// padding: 5px 35px 5px 10px; // qtip defaults, not needed

overflow: hidden;

border-width: 0 0 1px;

// font-weight: bold; // qtip defaults, not needed

+ .qtip-content {
  border-top-width: 0 !important;
}

}

// Default close button class .qtip-close {

position: absolute;
right: -9px;
top: -9px;
z-index: 11; // Overlap .qtip-tip

cursor: pointer;
outline: medium none;

border: 1px solid transparent;

.qtip-titlebar & {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

}

.qtip-titlebar .ui-icon, .qtip-icon .ui-icon {

display: block;
text-indent: -1000em;
direction: ltr;

}

.qtip-icon, .qtip-icon .ui-icon {

border-radius: 3px;
text-decoration: none;

}

.qtip-icon .ui-icon {

width: 18px;
height: 14px;

line-height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px/13px Tahoma,sans-serif;

color: inherit;
background: transparent none no-repeat -100em -100em;

}

// Applied to 'focused' tooltips e.g. most recently displayed/interacted with // .qtip-focus {}

// Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively // .qtip-hover {}

// Default tooltip style - Telekom Components style .qtip-default {

background-color: #262626;
background-color: rgba(0, 0, 0, .85);

color: #fff;
border: 0 solid transparent; // important for Tip-Extension
border-radius: 4px;

font-size: 15px;

.qtip-titlebar {
  font-size: 18px;
  font-weight: bold;
  padding: 7px 12px 0;
  background-color: transparent;

  .qtip-close {
    border-color: #aaa;
    color: #111;
  }

  .ui-state-hover {
    border-color: #303030;
  }

  + .qtip-content {
    padding-top: 0;
  }
}

.qtip-content {
  padding: 9px 12px;
}

.qtip-icon {
  background: #f1f1f1;
  border-color: #222;
  text-shadow: none;
  color: #777;
}

}

// Tip-extension .qtip .qtip-tip {

margin: 0 auto;
overflow: hidden;
z-index: 10;

}

// Opera bug #357 - Incorrect tip position // github.com/Craga89/qTip2/issues/367 x:-o-prefocus, .qtip .qtip-tip {

visibility: hidden;

}

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {

position: absolute;

color: #123456;
background: transparent;
border: 0 dashed transparent;

}

.qtip .qtip-tip canvas {

top: 0;
left: 0;

}

.qtip .qtip-tip .qtip-vml {

// scss-lint:disable UrlQuotes, PropertySpelling, UrlFormat, HexValidation
behavior: url(#default#VML);
display: inline-block;
visibility: visible;

}