.structureBorder #structure .head {
  overflow-y: visible;
  position: relative;
  margin: 17px 20px;
  height: 30px;
}

.st-focus-decoration {
  position: absolute;
  top: 0;
  visibility: hidden;
  overflow: hidden;
  width: 100%;
  height: 1px;
  background-color: #4C9AFF;
  z-index: 100;
}

.st-focused .st-focus-decoration {
  visibility: visible;
}

.single-panel .st-focused .st-focus-decoration {
  visibility: hidden;
}

.s-ph-container {
  display: flex;
}

.s-ph-container .st-query-input {
  position: relative;
  z-index: 1000;
}

.s-ph-container .st-query-input textarea {
  width: 100%;
  resize: none;
  overflow: hidden;
  box-sizing: border-box;
  padding-left: 24px !important;
  padding-right: 24px !important;
  border-radius: 3px;
  font-size: 14px;
  line-height: 14px;
}

.s-ph-container .st-query-input i {
  position: absolute;
  z-index: 10;
  top: 8px; /* = (panelHeader.inputHeight - fontSize) / 2 */
}

.s-ph-container .st-query-input i.error-status {
  left: 8px;
  color: #7a869a;
}

.s-ph-container .st-query-clear {
  right: 8px;
  color: #c6c6c6;
  /* We're changing "right" in the code when scrollbar appears. However, the change cannot be synchronized with the
     exact time when scrollbar appears, and it looks ugly. With transition it looks a bit weird, but not ugly. */
  transition: right 0.4s;
  -webkit-transition: right 0.4s;
}

.s-ph-container .st-query-clear, .s-ph-container .st-query-clear:before {
  cursor: pointer;
}

.s-ph-container .st-query-clear:hover {
  color: #888;
}

.s-ph-container .st-query-input .error-status.s-success {
  color: #009100;
}

.s-ph-container .st-query-input .error-status.s-error {
  color: #ff5630;
}

.s-ph-option-container {
  padding: 2px; /* prevent cutting box shadows on focus */
  overflow: hidden;
}

.s-ph-option-container {
  display: flex;
  flex: 1 1 auto;
}

.s-ph-right-toolbar {
  flex: 0 0 auto;
  font-size: 0; /* fix inline-block space between blocks */
  margin-left: 16px; /* = 20px (desired gap between left and right parts) - panelHeader.rightToolbar.buttonMargin */
  white-space: nowrap; /* avoid breaking buttons line into multiple lines, which also breaks layout calculation */
  padding: 2px; /* prevent cutting box shadows on focus */
  overflow: hidden;
}

.s-ph-description-container .aui-button-compact,
.s-ph-right-toolbar .aui-button-compact {
  outline: none;
  margin: 0;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  height: 30px;
  padding: 2px 6px;
}

.s-ph-right-toolbar .aui-button[aria-pressed="true"]:hover {
  color: #ffffff;
  background-color: #344563;
}

.s-ph-right-toolbar .aui-button-compact.aui-dropdown2-trigger,
.s-ph-right-toolbar .aui-button-compact.aui-button-subtle:not(.s-ph-labeled) {
  padding: 0;
}

.s-ph-right-toolbar .aui-button-compact i {
  font-size: 16px;
}

.s-ph-right-toolbar .aui-button-compact /*~ .aui-button-compact*/
{
  margin-left: 4px; /* =: panelHeader.rightToolbar.buttonMargin */
}

.s-ph-right-toolbar .aui-button-compact:not(.s-ph-labeled) {
  width: 30px;
}

.s-ph-right-toolbar .aui-button-compact.aui-dropdown2-trigger i {
  padding: 0 6px;
}

.s-ph-right-toolbar .aui-button-compact.aui-dropdown2-trigger i.s-fa-fw,
.s-ph-right-toolbar .aui-button-compact.aui-dropdown2-trigger i.alm-fw {
  width: 1em;
}

.s-ph-right-toolbar .aui-button-compact.aui-dropdown2-trigger span {
  font-size: 14px;
  vertical-align: top;
}

.s-ph-right-toolbar .aui-button-compact.aui-dropdown2-trigger span.s-view-name {
  line-height: 16px;
}

.s-ph-right-toolbar .aui-button.aui-dropdown2-trigger.aui-button-compact.active {
  padding-bottom: 0;
  border-bottom-width: 1px;
  border-bottom-color: transparent;
}

.s-ph-right-toolbar .aui-button.aui-button-compact.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless):after {
  top: 13px;
}

.s-ph-right-toolbar .aui-button.s-mode-exclude:not(:active) {
  color: #fff;
  background-color: #344563;
}

.s-ph-right-toolbar .aui-button.aui-dropdown2-trigger.aui-button-compact.active {
  border-bottom-color: transparent;
}

.s-ph-right-toolbar .aui-button.aui-dropdown2-trigger.aui-button-compact.active {
  padding-bottom: 0;
  border-bottom-width: 1px;
  border-bottom-color: transparent;
}

#structure .s-ph-transforms-active .alm-transform:before {
  content: "\e60e"; /* filled */
}

#structure .s-ph-transforms-active:not([aria-pressed="true"]) {
  background-color: #0052CC;
  color: #fff;
}

#structure .s-ph-transforms-active:not([aria-pressed="true"]):hover {
  background-color: #0065FF;
  color: #fff;
}


.s-ph-dropdown i {
  width: 18px;
}

.s-ph-dropdown .s-ph-dd-buttons {
  border-top: 1px solid #DFE1E5;
}

.s-ph-dropdown .s-opts-sorting {
  padding: 10px 10px 0 10px;
}

.s-ph-dropdown .aui-button:focus {
  outline: none;
}

.s-ph-option-container .atlassian-autocomplete > .suggestions {
  /*
     This element is inserted by JIRA's AutoComplete and typically it's absolutely positioned.
     However, we want the suggestions to extend .s-ph-options container downward, because .s-ph-option must have
     overflow:hidden in order to be automatically laid out between right and left floats.
  */
  position: relative !important;
  top: 0 !important;
}

#structure.mac .s-ph-option-container .atlassian-autocomplete > .suggestions {
  /* On Mac, textarea has glow, which pushes suggestions down. We can remove the glow by making textarea display:block,
     but it's pretty. */
  top: -4px !important;
}

.s-ph-dropdown.aui-dropdown2.aui-style-default [aria-disabled="true"] {
  color: #999;
}

#structure .s-ph-primary-input {
  box-sizing: border-box;
  border: 1px solid #c1c7d0;
  padding: 4px 10px 4px 10px;
  min-height: 30px; /* =: panelHeader.inputHeight */
  max-height: 110px;
  overflow: hidden;
  line-height: 20px;
}

.s-ph-dropdown {
  z-index: 1000;
}

.s-ph-dropdown .aui-dropdown2-section.s-not-found {
  border-top: none;
}

.s-ph-options {
  flex: 1 1 auto;
  overflow: hidden; /* must be so in order for this div width to respect float blocks */
  height: 100%;
}

.s-ph-options > .st-query-input {
  z-index: 1000;
}

.s-ph-pin-button.aui-button[aria-disabled=true].active {
  --aui-btn-text: var(--aui-button-default-disabled-text-color);
}


