#st-item-details {
  /**
   * Position issue details "on top" of structure panels, docked to the right.
   * Note that this element is added as a following sibling of structure widget div, so we assume that
   * structure widget div's parent's right border coincides with that of the structure widget's.
   * The layout will be broken if widget receives right margin, or its parent right padding.
   * @see .structureBorder
   * @see #structure
   */
  position: absolute;
  right: 0;

  background-color: white;

  border-top: 1px solid #e9e9e9;

  /** Same z-index as for #structure and .s-history so that the widget is not displayed above and does not steal the mouse events. */
  z-index: 3;
}

#st-item-details.st-sticky {
  top: 0;
}

/**
 * This rule is copied from issuenav.css (JIRA@6.0) to make issue details header appear like on the Issue Navigator
 */
#st-item-details .issue-header-content > .command-bar {
  border-top: none;
}

#st-item-details .issue-header {
  background-color: white;
}

#st-item-details .st-focus-decoration {
  z-index: 1000;
}

#st-item-details .st-loading-layer {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/wait-large.gif") no-repeat center;

  /* Higher than that for .st-disable-layer */
  z-index: 108;

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  visibility: hidden;
}

#st-item-details.st-loading .st-loading-layer {
  visibility: visible;
}

#st-item-details .st-details-viewport {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  width: 100%;
  top: 29px;
  bottom: 0;
  left: 0;

  /* Shown by the presence of the class corresponding to the item type on #st-item-details */
  display: none;
}

#st-item-details .st-memo-details-viewport,
#st-item-details .st-issue-details-viewport {
  /* Avoid duplicate focus indication */
  outline: none;
}

#st-item-details .st-details-viewport.active {
  display: block;
}

#st-item-details .st-issue-details-client {
  position: absolute;
}

#st-item-details .st-disable-layer {
  /* issue details header has z-index 100 */
  z-index: 104;

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  visibility: hidden;
}

#st-item-details.st-opaque .st-disable-layer {
  background-color: white;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#st-item-details.st-disable .st-disable-layer {
  visibility: visible;
}

#st-item-details .st-item-details-stub {
  margin: 10px;
  display: none;
}

#st-item-details.st-type-none .st-item-details-stub,
#st-item-details.st-type-page .st-item-details-stub {
  display: block;
}

#st-item-details .st-memo-details-viewport {
  font-size: 14px;
  line-height: 18px;
}

.st-details-header {
  height: 20px;
  padding: 4px;
  border-bottom: 1px solid #ddd;
}

.st-details-title {
  width: 100%;
  float: left;
  height: 100%;
  line-height: 20px;
}

.st-details-title-text > span {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.st-details-title-text {
  width: 90%;
  float: left;
  margin-left: 2px;
  height: 100%;
  font-weight: bold;
  font-size: 14px;
  color: #333333;
}

.st-details-title-icon {
  float: left;
  margin-left: 1px;
  width: 16px;
  height: 100%;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px; /* otherwise, issue type icon shifts downward */
  color: #707070;
}

.webkit .st-details-title-icon {
  line-height: 20px; /* for some reason, webkit renders this differently */
}

.st-details-title-icon > img, .st-details-title-icon > span {
  vertical-align: text-bottom;
}

.st-details-close {
  float: right;
  margin-right: 10px;
}

#st-details-close-btn {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 9px;
  top: 3px;
  background-image: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/structure_close_details_btn_sprite.svg");
}

#st-details-close-btn:hover {
  background-position: 0 -24px;
}

#st-details-close-btn:active {
  background-position: 0 -48px;
}

.st-page-details-container iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  border: none;
}