a.close-panel-btn:hover {
  background-position: 0 -24px;
}

a.close-panel-btn:active {
  background-position: 0 -48px;
}

.s-history .s-h-header {
  border-top: 1px solid #e8e8e8;
}

.s-history .s-h-toolbar {
  height: 20px;
  padding: 5px;
  background-color: #e6ebf2;
}

.s-history .s-h-title-icon:before {
  padding: 0 5px;
  color: #636363;
}

.s-history .s-h-title {
  height: 100%;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.s-history .st-focus-decoration {
  top: 1px;
}

.s-history .s-h-close {
  float: right;
  margin-right: 10px;
}

a.close-panel-btn {
  width: 24px;
  height: 24px;
  position: absolute;
  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");
}

#close-history-btn {
  right: 9px;
  top: 4px;
}

.s-h-added-mark, .s-h-copied-mark, .s-h-removed-mark, .s-h-empty-mark,
.s-h-movedFrom-mark, .s-h-movedUpFrom-mark, .s-h-movedDownFrom-mark, .s-h-movedLeftFrom-mark, .s-h-movedRightFrom-mark,
.s-h-movedTo-mark, .s-h-movedUpTo-mark, .s-h-movedDownTo-mark, .s-h-movedLeftTo-mark, .s-h-movedRightTo-mark {
  height: 14px;
  width: 16px;
  overflow: hidden;
  background-repeat: no-repeat;
  display: none;
  float: left;
  margin-top: 3px;
}

.s-history-mode .s-h-added-mark, .s-history-mode .s-h-copied-mark, .s-history-mode .s-h-removed-mark, .s-history-mode .s-h-empty-mark,
.s-history-mode .s-h-movedFrom-mark, .s-history-mode .s-h-movedUpFrom-mark, .s-history-mode .s-h-movedDownFrom-mark,
.s-history-mode .s-h-movedLeftFrom-mark, .s-history-mode .s-h-movedRightFrom-mark,
.s-history-mode .s-h-movedTo-mark, .s-history-mode .s-h-movedUpTo-mark, .s-history-mode .s-h-movedDownTo-mark,
.s-history-mode .s-h-movedLeftTo-mark, .s-history-mode .s-h-movedRightTo-mark {
  display: block;
}

.s-h-added-mark,
.s-h-copied-mark {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/ui-icons_538e27_256x240.png") -32px -128px;
}

.s-h-movedTo-mark {
  /* todo icon? */
}

.s-h-movedUpTo-mark {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/ui-icons_538e27_256x240.png") -192px -48px;;
}

.s-h-movedDownTo-mark {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/ui-icons_538e27_256x240.png") -224px -48px;
}

.s-h-movedLeftTo-mark {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/ui-icons_538e27_256x240.png") -240px -48px;
}

.s-h-movedRightTo-mark {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/ui-icons_538e27_256x240.png") -208px -48px;
}

.s-h-movedFrom-mark {
  /* todo icon? */
}

.s-h-movedUpFrom-mark {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/ui-icons_cd0a0a_256x240.png") 0 -48px;
}

.s-h-movedDownFrom-mark {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/ui-icons_cd0a0a_256x240.png") -64px -48px;
}

.s-h-movedLeftFrom-mark {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/ui-icons_cd0a0a_256x240.png") -96px -48px;
}

.s-h-movedRightFrom-mark {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/ui-icons_cd0a0a_256x240.png") -32px -48px;
}

.s-h-removed-mark {
  background: url("/s/-2rizk2/940000/z9u883/8.2.0/_/download/resources/com.almworks.jira.structure:widget-css/img/ui-icons_cd0a0a_256x240.png") -96px -128px;
}

.s-history {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px;
  line-height: 20px;
  /** Same z-index as for #structure and #st-item-details */
  z-index: 3;
}

.s-history .s-h-entries {
  overflow-x: hidden;
  overflow-y: auto;
  outline: none;
}

.s-history .s-h-entry {
  border-bottom: 1px solid #eeeeee;
  cursor: default;
  position: relative;
  overflow: hidden;
  padding: 8px;
}

.s-history .s-h-entry.s-h-selected {
  background-color: #EAF1FD;
}

.s-history .s-h-entry .s-h-e-avatar {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  left: 8px;
}

.s-history .s-h-entry .s-h-e-body {
  padding-left: 22px;
  white-space: nowrap;
  overflow-x: hidden;
}

.s-history .s-h-after-entries {
  text-align: center;
}

.s-history .s-h-show-more {
  margin: 4px 2px;
  display: none;
}

.s-history .s-h-nothing-more {
  padding: 8px 0;
  /*font-size: 11px;*/
  line-height: 20px;
  color: #777777;
  width: 100%;
  display: none;
}

.s-history .s-h-e-timestamp {
  margin-bottom: 5px;
  color: #999;
}

.s-history .s-h-e-toggle {
  float: right;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 4px;
  width: 52px;
  height: 20px;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .2);
}

.s-history .s-h-e-ops {
  position: relative;
}

.s-h-entry:not(.s-h-selected) .s-h-e-toggle {
  display: none;
}

.s-h-e-toggle * {
  cursor: pointer;
}

.s-h-e-toggle.s-h-e-t-before {
  background-color: #a9463f;
}

.s-h-e-toggle:not(.s-h-e-t-before) {
  background-color: #268631;
}

.s-h-e-toggle:hover .s-h-e-toggle-knob {
  background-color: #f5f5f5;
}

.s-h-e-toggle .s-h-e-toggle-knob {
  width: 23px;
  height: 18px;
  border-radius: 3px;
  background-color: #eee;
  position: absolute;
  z-index: 1;
  top: 1px;
}

.s-h-e-toggle:not(.s-h-e-t-before) .s-h-e-toggle-knob {
  left: 28px;
}

.s-h-e-toggle.s-h-e-t-before .s-h-e-toggle-knob {
  left: 1px;
}

.s-h-e-toggle .s-h-e-t-from,
.s-h-e-toggle .s-h-e-t-to {
  color: #fff;
  width: 16px;
}

.s-h-e-toggle .s-h-e-t-from {
  margin-left: 6px;
}

.s-h-e-toggle .s-h-e-t-to {
  margin-left: 8px;
}

#structure .s-h-position {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  display: none;
}

#structure .s-h-marker {
  height: 2px;
}

#structure .s-h-pos-to {
  background-color: #538e27;
}

#structure .s-h-pos-from {
  background-color: #cd0a0a;
}

#structure .s-h-bracket {
  height: 4px;
  border-style: solid;
}

#structure .s-h-pos-to-start, #structure .s-h-pos-from-start {
  border-width: 1px 0 0 0;
}

#structure .s-h-pos-to-end, #structure .s-h-pos-from-end {
  border-width: 0 0 1px 0;
}

#structure .st-section.s-h-need-left .s-h-bracket {
  border-left-width: 1px;
}

#structure .st-section.s-h-need-right .s-h-bracket {
  border-right-width: 1px;
}

#structure .s-h-pos-to-start, #structure .s-h-pos-to-end {
  border-color: #538e27;
}

#structure .s-h-pos-from-start, #structure .s-h-pos-from-end {
  border-color: #cd0a0a;
}

#structure.webkit .s-h-show-more {
  padding: 1px 4px;
}