.details-layout {
    position: relative;

    > .loading {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        z-index: 1000;
        background-color: var(--ds-surface, #ffffff);

        .loading {
            display: none;
        }
    }

    .issue-header {
        z-index: 2;
    }

    .split-view {
        .list-results-panel {
            /* JRADEV-20949 Force box-sizing to be context-box, overriding AUI's border-box. This is because
            Safari doesn't respect border-box for display: table-cell, causing inconsistent behaviour with Sidebar.js */
            box-sizing: content-box;
            width: 320px;

            .list-panel {
                box-sizing: border-box;
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
                padding: 0 0 10px;

                .issue-list {
                    position: relative;
                    list-style: none;
                    margin: 0;
                    padding-left: 2px;
                    overflow-x: hidden;

                    > li {
                        /* Do not join these two border rules, as the colour will be set in a different file (colours.less) */
                        border-bottom-width: 1px;
                        border-bottom-style: solid;
                        cursor: pointer;
                        padding: 8px 20px 6px;
                        position: relative;

                        img {
                            vertical-align: text-bottom;
                        }

                        .splitview-issue-link {
                            outline: none;

                            .issue-link-summary {
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                display: block;
                                margin-top: 2px;
                            }
                        }
                    }
                }

            }

            .count-pagination {
                margin-top: 0;

                .pagination {
                    padding: 0 16px 0 0;
                    vertical-align: middle;
                }

                .icon-previous {
                    width: 13px;
                    margin-left: 0;
                }

                .icon-next {
                    width: 6px;
                }
            }

            .ui-draggable {
                z-index: 3;
            }

            .end-of-stable-message {
                display: block;
            }

        }

        .detail-panel {
            padding-left: 0;
            position: relative;
            display: block;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            overflow-x: visible;
            scrollbar-gutter: stable;

            .issue-container {
                outline: none;
                position: relative;

                .issue-header#stalker {
                    padding: 0;

                    .issue-header-content {
                        .command-bar {
                            border-top: none;
                        }

                        .aui-page-header .aui-page-header-actions {
                            width: 13em;
                        }
                    }
                }
            }

            .issue-tools {
                position: absolute;
                top: 0;
                right: 0;
                margin-right: 20px;
                margin-top: 20px;
                z-index: 3;

                .pager-container,
                .expand-container {
                    display: inline-block;
                }
            }
        }
    }
}