/* zero the min-width so the content-contained js has something to work with. */
body {
    min-width: 0;
}

.page-type-split {
    .column-picker-container {
        display: none;
    }
}

.ajax-issue-search-and-view #footer {
    display: none;
}

.contained-content {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 41px); /* LESS compiler < 3.x translates not quoted equation into 60vh; 41px is the header's height */
}

.issue-search-header {
    background: var(--ds-surface, var(--jira-color-white, #fff));
}

#throbber-space {
    height: 28px; /* same as operation buttons */
    margin-right: 10px;
}

/** Results table when a search is pending */
.results-panel .pending {
    opacity: 0.5;
    pointer-events: none;
}

.navigator-search {
    box-sizing: border-box;
    margin-top: 10px;
    border-bottom: 2px solid;
    clear: both;
    padding: 5px 20px 20px;

    &::before,
    &::after {
        content: " ";
        display: table;
    }

    &::after {
        clear: both;
    }

    > .aui-group {
        table-layout: auto;
    }
}

.view-selector {
    .aui-buttons {
        float: right;

        .aui-button {
            &:first-child {
                border-bottom-right-radius: 3.01px;
                border-top-right-radius: 3.01px;
            }
        }
    }
}

.layout-switcher-item {
    .aui-icon {
        margin-right: 6px;
        color: var(--ds-text-subtlest, var(--jira-color-mid, #6b778c));
    }

    &.active .aui-icon {
        color: var(--ds-icon-selected, var(--jira-color-highlight-secondary, #ebecf0));
    }
}

/* form styling */

/* Stuff to remove when the header is converted to use aui markup
 * the is-filter-with-owner class determines whether or not the second level should be shown
 */

.search-owner {
    display: table;

    .search-owner-avatar {
        margin-right: 8px;
    }

    .search-owner-name {
        display: table-cell;
        vertical-align: middle;
        word-break: break-all;
    }
}

#search-header-view {
    .header-section-primary {
        &::after {
            clear: both;
            content: "";
            display: block;
            height: 0;
            visibility: hidden;
        }

        h1 {
            float: left;
            margin-right: 12px;
            max-width: 18em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    .header-section-secondary {
        display: none;
    }

    .filter-operations {
        display: inline-block;
        margin-top: 0;
    }
}

.filter-operations {
    .filter-edited-item {
        padding-right: 12px;
    }
}

/* Page Header */
.saved-search-selector {
    padding: 20px 20px 0;
}

.issuenav-saved-search-selector {
    display: grid;
    grid-template-columns: 1fr 16px 1fr;
}

.saved-search-operations {
    display: flex;
    justify-content: flex-end;

    .operations {
        li {
            margin-left: 5px;
        }

        > li.pluggable-ops > a > .icon {
            left: 6px;
            position: absolute;
            top: 6px;
        }
    }
}

/* JRADEV-15671 only show the Views text */
.operations .header-tools > span {
    padding-right: 0;
    text-indent: -999em;
    text-align: left;
    width: 8px;

    &.aui-icon {
        width: 16px;
    }
}

.operations a.header-operations {
    &.loading.spinner {
        background-image: url("data:image/gif;base64,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");
        background-position: 6px 5px;
    }
}

.filter-operations {
    padding-left: 2px;

    > .filter-operation-item {
        display: inline;
        padding: 0 5px;

        &:first-child {
            padding-left: 0;
            border-left: none;
        }
    }
}

.header-tools-menu .menu-empty-content {
    padding: 5px;
    text-align: center;
}

.filter-details-section,
#delete-filter-dialog {
    ul {
        list-style: none;
    }

    .manage-links {
        padding: 0;
        margin-left: 0;
    }

    .manage-links > li {
        display: inline;
    }

    .manage-links > li::after {
        content: "\b7";
        margin: 0 8px;
    }

    .manage-links > li:last-child::after {
        display: none;
    }
}

.shared-filters li a + strong {
    margin-left: 16px;
}

#issue-content {
    background-color: var(--ds-surface, #fff);
    height: 100%;
}

#issue-content *:focus {
    scroll-margin-bottom: 25rem;
}

.no-results {
    background-color: var(--ds-surface, #fff);
    background-position: 50% 0;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 200px 20px 40px;
    text-align: center;

    &.empty-results-message {
        background-image: url("/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.jira-issue-nav-plugin:adgs-styles/images/empty-results.svg");
        background-size: 153px 160px;
    }

    &.no-results-message {
        background-image: url("/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.jira-issue-nav-plugin:adgs-styles/images/no-results.svg");
        background-size: 153px 160px;
    }

    &.not-logged-in-message {
        background-image: url("data:image/png;base64,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");
        background-size: 240px 160px;
    }
}

.results-panel .end-of-stable-message {
    display: none;

    &.visible {
        display: block;
    }

    > p {
        background: var(--ds-surface, #fafafa);
        border-bottom: 1px dashed var(--ds-border, var(--jira-border-color, #c1c7d0));
        color: var(--ds-text, var(--jira-color-text, #172b4d));
        margin-top: 0;
        padding: 15px;
        text-align: center;
    }
}

.navigator-content {
    box-sizing: border-box;
    height: 100%;
    clear: both;
    overflow: hidden;

    .issue-table-wrapper {
        height: 100%;
    }
}

.empty-results {
    border-top: none;
    padding: 85px 0;
}

.navigator-group {
    height: 100%;
    overflow: auto;

    > .results-panel {
        height: 100%;
        border: none;
        border-radius: 0;
    }
}

.navigator-sidebar {
    box-sizing: border-box;
    padding: 20px 10px 15px;
    position: relative;
    border-bottom: 1px solid var(--ds-border, #ddd);
    z-index: 1;

    .favourite-filters,
    .filter-info {
        box-sizing: border-box;
        /* JRADEV-18007 - we need some padding/-'ve margin to show the focus ring, which is obfusacted by the overflow:auto. */
        padding: 1px;
    }

    .filter-info {
        padding-left: 10px;
        padding-right: 10px;
    }

    &.collapsed {
        padding: 25px 0;
        width: 30px;
        text-align: center;
    }

    .ui-sidebar {
        top: 0;
        bottom: 0;
    }
}

.filter-title a {
    margin-left: 10px;
}

.filter-info {
    font-style: italic;
}

.filter-options {
    list-style: none;
    margin-top: 20px;
    padding: 10px 0;

    > li {
        padding: 0;
    }

    .new-search {
        color: var(--ds-text, var(--jira-color-text, #172b4d));
        margin-bottom: 10px;
        text-align: center;

        &:visited,
        &:hover,
        &:active {
            color: var(--ds-text, var(--jira-color-text, #172b4d));
        }
    }

    .find-filters {
        margin: 0 10px;
    }
}

.filter-panel-wrapper {
    overflow-y: auto;
    /* Firefox on MAC has a weird bug when the vertical scrollbar is visible, the content doesn't fit
    anymore and a horizontal scrollbar appears. This should never really be scrollable horizontally
    anyway because we create ellipses for the filter names. */
    overflow-x: hidden;
}

.filter-panel-section {
    margin-top: -1px; /* this collapses the border with the .filter-panel-wrapper border */
    padding: 10px 0;

    h4 {
        margin-top: 10px;
    }
}

.filter-list {
    > li {
        position: relative;

        .filter-link {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0 2px;
        }

        .filter-actions {
            overflow: hidden;
            position: absolute;
            right: 4px;
            top: 3px;
            z-index: 1;
            padding-left: 4px;
            padding-right: 4px;
            height: 24px;
        }
    }

    &.favourite-filters {
        > li {
            &:focus-within {
                .filter-actions {
                    display: inline-block;
                }
            }

            .filter-link {
                padding-right: 44px;
            }
        }
    }
}

/**
 * We use a class to maintain the hover effect when the dropdown is open.
 */

/* filter actions */

form.aui .form-description {
    margin-bottom: 13px;
    padding: 5px 8px;
}

#aui-flag-container .aui-message strong {
    word-break: break-word;
}

.navigator-container {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--ds-surface, white);

    > .navigator-sidebar {
        display: table-cell;
        vertical-align: top;
    }

    > .navigator-body {
        display: table-cell;
        vertical-align: top;
        width: inherit;
    }
}

/* Edge 18 fix to hide main vertical scrollbar in list view */
.ajax-issue-search-and-view:not(.page-type-split) {
    .navigator-container {
        overflow-y: hidden;
    }
}

.navigator-body {
    background-color: var(--ds-surface, #fff);
}

.ui-sidebar {
    position: fixed;
    width: 2px;
    cursor: col-resize;
    z-index: 100;
    background-color: var(--ds-surface, #ebecf0); /* jira previous fallback value: @aui-color-N30 */
    transition: background-color ease-in 0.1s;
    transition-delay: 0.05s;

    &:hover {
        background-color: var(--ds-background-selected-bold, var(--jira-color-blue, #2684ff));
    }

    &::after {
        content: "";
        background-image: url("/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.jira-issue-nav-plugin:adgs-styles/images/sidebar-draggable.svg");
        background-repeat: no-repeat;
        background-position: 12px 45%;
        left: -8px;
        width: 18px;
        height: 100%;
        position: absolute;
    }
}

.ui-sidebar-content {
    height: 100%;
}

@media all and (max-width: 1200px) {
    .search-criteria .criteria-selector > .criteria-wrap {
        max-width: 60px;

        .navigator-sidebar-collapsed & {
            max-width: 100px;
        }
    }
}

@media all and (max-width: 1600px) and (min-width: 1200px) {
    .search-criteria .criteria-selector > .criteria-wrap {
        max-width: 110px;

        .navigator-sidebar-collapsed & {
            max-width: 180px;
        }
    }
}

.ui-popout-detached {
    position: fixed;
    z-index: 10;
    top: 41px;
    display: block;
    background-color: var(--ds-surface, var(--jira-color-faint, #f4f5f7));
    left: 0;
    border-bottom: 1px solid var(--ds-border, #ddd);
}

.ui-popout-expanded {
    box-shadow: var(--ds-shadow-overflow, 1px 5px 5px 1px rgba(000, 000, 000, 0.2));
}

.ui-popout-detached::after {
    content: "";
    height: 20px;
    position: absolute;
    bottom: -21px;
    left: 0;
    background: var(--ds-background-input, #f5f5f5);
    width: 100%;
    padding-right: 6px;
    z-index: 999;
}

.filter-title .ui-dock,
.filter-title .ui-undock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
    height: 28px;
    margin: 0 -10px 0 0;
    padding: 5px;
    width: 28px;
}

.ui-undock.ui-undock > span {
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navigator-issue-only .ui-popout-detached,
.page-type-message .ui-popout-detached {
    display: none;
}

.ui-sidebar-scrollable .ui-sidebar-scrollable {
    position: fixed;
}

.issue-table-side-shadows {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.issue-table-side-shadows::before,
.issue-table-side-shadows::after {
    bottom: 10px;
    content: '';
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 7px;
    transition: 0.3s opacity;
    width: 10px;
}

.issue-table-side-shadows::before {
    box-shadow: var(--ds-shadow-overflow, 0 3px 6px 0 rgba(0, 0, 0, 0.2));
    left: -10px;
}

.issue-table-side-shadows::after {
    box-shadow: var(--ds-shadow-overflow, 0 3px 6px 0 rgba(0, 0, 0, 0.2));
    right: -10px;
}

.issue-table-side-shadows.left-shadow::before {
    opacity: 1;
}

.issue-table-side-shadows.right-shadow::after {
    opacity: 1;
}

.issue-table-container {
    height: 100%;
    overflow: auto;
}

#issuetable,
.issue-table {
    .rowHeader th {
        padding: 10px;

        span {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-weight: 600;
        }
    }
}

.search-container[data-mode="basic"] {
    margin-left: 0;
}

.search-container[data-mode="advanced"] {
    margin-left: 9px; /* So that the left edge of the textarea lines up with the page heading + results table. */
}

/* Avoid using right padding on the tipsy. See JRADEV-21399 */
.tipsy.jiratipsy {
    padding-right: 0;

    .tipsy-arrow-s,
    .tipsy-arrow-n {
        margin-left: -2px;
        margin-right: -2px;
    }
}

/* JRADEV-21326 - Had to replicate the help-tip styling for speed. Eventually we need to standardise on one provided by either a plugin or as an extension of the AUI inline dialog. */
.dialog-help-tip {
    box-sizing: border-box;
    padding: 20px;
    position: relative;

    .helptip-title {
        font-weight: normal;
    }

    .helptip-title,
    .helptip-body,
    .helptip-link {
        margin-top: 10px;
    }

    .helptip-link {
        display: inline-block;
    }

    .helptip-close {
        background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAbklEQVR42n3QsQnAMAwEQJEhskOWyEwqPYOmcuvWM4hsERTeIAKvkOKx/bpCWHrvp5ldESFfwQxGVDWQxIxyLmOMo+IXtdbuOee+SnffUCTGPRFmMIAFM/qFvHNBOBHGBeGNMBYuMozX9zBiDPMA1nwIFp4ZqPsAAAAASUVORK5CYII=") no-repeat scroll 50% 50%;
        border: 0;
        cursor: pointer;
        display: block;
        height: 12px;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 12px;
    }

    > :first-child {
        margin-top: 0;
    }
}

/* view selector */
.view-selector {
    padding-left: 10px;

    .aui-buttons {
        float: right;

        .aui-button {
            &:first-child {
                border-bottom-right-radius: 3.01px;
                border-top-right-radius: 3.01px;
            }
        }
    }

    .drop-arrow {
        padding-right: 20px;
        position: relative;

        &::after {
            border: 4px solid transparent;
            border-top-color: var(--ds-border, #111);
            content: "";
            height: 0;
            position: absolute;
            right: 8px;
            top: 13px;
            width: 0;
        }

        &[aria-disabled]::after {
            border-top-color: var(--ds-border, #999);
        }
    }
}

.search-wrap {
    width: 100%;
}

.view-config-wrap {
    display: flex;
    justify-content: flex-end;
}

.query-component.navigator-search {
    .search-container[data-mode="advanced"] {
        width: 100%;

        .search-options-container {
            width: 1%;
        }
    }
}

.issue-search-with-sidebar {
    padding: 0;
}

.aui-list-item-last {
    border-bottom: 1px solid var(--ds-border, #c1c7d0); /* jira previous fallback value: @aui-color-N50 */

    &.aui-last-group {
        border-bottom: none;
    }
}