.z-table sup
{
  font-size: 80%;
}

.z-table .ym-fbox-heading
{
  font-size: 130.7%;
  margin-left: 0px;
  margin-right: 0px;
}

.z-table .ym-fbox-heading sub
{
  font-size: 100%;
}

.z-table .ym-gbox-left,
.z-table .ym-gbox-right,
.z-table .ym-gbox-center
{
  padding: 0px;
  border: 1px solid white;
}

.z-table .ym-gbox-left
{
  border-left: none;
}

.z-table .z-table-head .z-table-content .ym-gbox,
.z-table .z-table-body .z-table-content .ym-gbox
{
  height: 3rem;
  padding: 1em 0.2em;
  line-height: 3rem;
}

.z-table .z-table-head .z-table-content .ym-gbox
{
  padding-right: 4px;
  padding-right: 2vw;
}

.z-table .z-table-head .z-table-content .ym-gbox .ym-cbox,
.z-table .z-table-body .z-table-content .ym-gbox .ym-cbox
{
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
}

.z-table .z-table-head .z-table-content .ym-gbox .ym-cbox > span,
.z-table .z-table-body .z-table-content .ym-gbox .ym-cbox > span
{
  line-height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.z-table .z-table-head .z-table-content .ym-gbox:nth-child(odd),
.z-table .z-table-body .z-table-content .ym-gbox:nth-child(odd)
{
  background-color: #f0f7fb;
}

.z-table .z-table-body .z-table-content .ym-gbox:first-child
{
  background-color: #c5dff0;
  font-weight: bolder;
}

.z-table .z-table-body .z-table-content
{
  cursor: pointer;
}

.z-table .z-table-body .z-table-content:after
{
  font: normal normal normal 28px/1 FontAwesome;
  content: "\f096"; 
  position: absolute;
  top: 10px;
  right: 10px;
  color: inherit;
}

.z-table .z-table-body .z-table-content-selected:after
{
  content: "\f046";
  right: 6px;
}

.z-table .z-table-body .z-table-content:hover,
.z-table .z-table-body .z-table-content-selected
{
  border: 1px solid #0071BC;
}

.z-table .z-table-body .z-table-content:hover .ym-gbox:nth-child(odd),
.z-table .z-table-body .z-table-content-selected .ym-gbox:nth-child(odd)
{
  background-color: #c5dff0;
}

.z-table .z-table-body .z-table-content:hover .ym-gbox:first-child,
.z-table .z-table-body .z-table-content:hover:after,
.z-table .z-table-body .z-table-content-selected .ym-gbox:first-child,
.z-table .z-table-body .z-table-content-selected:after
{
  background-color: #0071BC;
  border-color: #0071BC;
  color: white;
}

.z-table .z-table-body .z-table-content:hover .ym-gbox .ym-fbox-heading,
.z-table .z-table-body .z-table-content-selected .ym-gbox .ym-fbox-heading
{
  color: #0071BC;
}

.debug-info-tooltip span{
  position: absolute;
  left: 10px;
  right: 10px;
  display: none;
  border: 1px solid #0071BC;
  box-shadow: 0px 0px 4px #0071BC;
  top:10px;
  left:50%;
  margin-left: -390px;
  background-color: white;
  font-size: 13px;
  white-space: pre-line;
  z-index: 1000;
  padding: 10px;
  border-radius: 5px;
  width: 400px;
  overflow: visible;
  color: #444;
}

.debug-info-tooltip span td
{
  padding: 0px 10px;
  text-align: right;
}

.debug-info-tooltip:hover span
{
  display: block;
}

#annahmenLink, #annahmenLink:hover
{
  color: #666666;
  background: none !important;
  text-decoration: none !important;
}

#main-tool-div
{
  padding-bottom: 80em;
}

#tool-close-button:hover
{
  background-color: transparent !important;
  text-decoration: none;
}

@media all and (max-width: 480px) 
{
  .z-table *
  {
    font-size: 90%;
    font-size: 3vw;
  }
  
  .z-table sup
  {
    font-size: 70%;
  }
}