.jira-dialog .devstatus-dialog-content .devstatus-detail-table .ellipsis, .jira-dialog .devstatus-dialog-content .builds-header .ellipsis {
            display: inline-block;
            width: 100%;
        }
            /* Disable truncation for IE. Fully wrap commit message instead. */
            html:not(.msie-8):not(.msie-9) .jira-dialog .devstatus-dialog-content .devstatus-detail-table .ellipsis, html:not(.msie-8):not(.msie-9) .jira-dialog .devstatus-dialog-content .builds-header .ellipsis {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
    .jira-dialog .devstatus-dialog-content .builds-header {
        display: inline-block;
        width: 100%;
    }

.jira-dialog .devstatus-dialog-heading.borderless {
        border-bottom: none;
    }

.jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .author .author-avatar, .jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .reviewer .author-avatar {
                        width: 24px;
                        height: 24px;
                        border-radius: 3px;
                    }

.jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .author .reviewer-container, .jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .reviewer .reviewer-container {
                        position: relative;
                    }

.jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .author .reviewer-container .vcs-user, .jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .reviewer .reviewer-container .vcs-user {
                            position: relative;
                            display: inline-block;
                            height: 24px;
                            width: 24px;
                        }

.jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .author .reviewer-container .vcs-user .fade, .jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .reviewer .reviewer-container .vcs-user .fade {
                                opacity: 0.5;
                                background-color: var(--ds-surface, #FFF);
                            }

/* FUSE-605: fixes Firefox opacity problem */

.jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .author .reviewer-container .vcs-user .fade img, .jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .reviewer .reviewer-container .vcs-user .fade img {
                                    filter: alpha(opacity=50);
                                }

/* Copied from stash as well ... :( */

.jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .author .reviewer-container .approved, .jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .reviewer .reviewer-container .approved {
                            opacity: 1;
                            filter: none;
                            transition: all 0.3s ease-in-out;
                            transform: scale(1);
                            width: 12px;
                            height: 12px;
                            color: var(--ds-surface, #ffffff);
                            background: transparent url(/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-dialog-all-resources/icon-approved.svg) no-repeat 0 0;
                        }

@media \0screen {

.jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .author .reviewer-container .approved, .jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .reviewer .reviewer-container .approved {
                                background: transparent url(/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-dialog-all-resources/icon-approved.png) no-repeat 0 0;
                        }
                            }

.jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .author .reviewer-container .approved, .jira-dialog .devstatus-dialog-content .devstatus-detail-table tbody .reviewer .reviewer-container .approved {
                            background-size: 12px;
                            position: absolute;
                            right: -6px;
                            top: -6px;
                            text-align: center;
                            display: block;
                            font-size: 9px;
                            line-height: 16px;
                            text-indent: -999em;
}

.jira-dialog .devstatus-dialog-content .tabs-pane {
            display: none;
        }

.jira-dialog .devstatus-dialog-content .tabs-pane.active-pane {
                display: inherit;
            }

.jira-dialog .devstatus-dialog-content .tabs-pane.loading {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

.jira-dialog .devstatus-dialog-content .tabs-pane .status-loading {
                position: absolute;
                left: 50%;
                top: 50%;
            }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container > .aui-message-warning { /* for the prepended connection problem warning */
                    margin-top: -10px;
                    margin-bottom: 10px;
                }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .no-permission-to-view-all {
                    font-style: italic;
                }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .no-permission-to-view-all:first-child { /* only for the case where the message occupies the full screen */
                        font-style: normal;
                        margin-top: 100px;
                        text-align: center;
                    }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .no-permission-to-view-all:first-child .lock-image {
                            background: transparent url(/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-dialog-all-resources/authentication_problems.png) no-repeat 50% 0;
                            height: 96px;
                            padding-bottom: 10px;
                        }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .no-permission-to-view-all:not(:first-child) { /* only for the case where the message is at the bottom */
                        margin-top: 20px;
                    }

/* give it slightly larger space when displaying in the main canvas */

html:not(.msie-8):not(.msie-9) .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .connection-error .instance {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        max-width: 200px;
                        display: inline-block;
                        vertical-align: bottom;
                    }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .authentication-problem, .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .connection-problem {
                    margin: 20px 0;
                    padding: 40px 60px;
                    max-width: 800px;
                }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .authentication-problem > h2, .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .authentication-problem > p, .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .authentication-problem > .image, .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .connection-problem > h2, .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .connection-problem > p, .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .connection-problem > .image {
                        width: 100%;
                        margin: 10px 0;
                    }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .authentication-problem > h2, .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .authentication-problem > p, .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .connection-problem > h2, .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .connection-problem > p {
                        text-align: center;
                    }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .authentication-problem > .image {
                        background: transparent url(/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-dialog-all-resources/authentication_problems.png) no-repeat 50% 0;
                        height: 96px;
                    }

/* give it slightly larger space when displaying in the main canvas */

html:not(.msie-8):not(.msie-9) .jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .authentication-problem .instances .instance {
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            max-width: 200px;
                            display: inline-block;
                            vertical-align: bottom;
                        }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .authentication-problem .aui-message-warning {
                        margin-top: 40px;
                    }

.jira-dialog .devstatus-dialog-content .tabs-pane .detail-content-container .connection-problem > .image {
                        background: transparent url(/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-dialog-all-resources/connection_problems.png) no-repeat 50% 0;
                        height: 96px;
                    }

.jira-dialog .devstatus-dialog-content .tabs-menu {
            background-color: var(--ds-surface, #f0f0f0);
        }

.jira-dialog .devstatus-dialog-content .tabs-menu .devstatus-tab-count {
                margin-left: 5px;
            }

.jira-dialog .jira-dialog-content .buttons-container.form-footer {
            /* Override the buttons-container to allow it to grow in height according to content height */
            overflow: visible;
            min-height: 51px;
            height: 100%;
        }

.jira-dialog .jira-dialog-content .buttons-container.form-footer .oauth-status {
                padding: 5px 10px;
                position: static;
                text-align: left;
                white-space: normal;
            }

html:not(.msie-8):not(.msie-9) .jira-dialog .jira-dialog-content .buttons-container.form-footer .oauth-status .instance {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        max-width: 150px;
                        display: inline-block;
                        vertical-align: bottom;
                    }

#inline-dialog-instance-list-popup {
    z-index: 9999;
}

#inline-dialog-instance-list-popup .contents {
        max-width: 170px;
        padding: 10px;
    }

#inline-dialog-instance-list-popup .contents ul {
            padding-left: 10px;
        }

#inline-dialog-instance-list-popup .contents ul li.instance-in-popup {
                list-style-type: none;
            }

html:not(.msie-8):not(.msie-9) #inline-dialog-instance-list-popup .contents ul li.instance-in-popup .instance {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        max-width: 150px;
                        display: inline-block;
                        vertical-align: bottom;
                    }

.detail-builds-container + .detail-builds-container {
        padding-top: 20px;
    }

.detail-builds-container .builds-header h2 {
            line-height: normal;
        }

.detail-builds-container .builds-table thead .plan, .detail-builds-container .builds-table tbody .plan {
                max-width: 280px;
            }

.detail-builds-container .builds-table thead .build, .detail-builds-container .builds-table tbody .build {
                min-width: 100px;
            }

.detail-builds-container .builds-table thead .result, .detail-builds-container .builds-table tbody .result {
                min-width: 240px;
            }

.detail-builds-container .builds-table thead .timestamp, .detail-builds-container .builds-table tbody .timestamp {
                text-align: right;
                min-width: 140px;
            }

.detail-builds-container .builds-table thead .actions, .detail-builds-container .builds-table tbody .actions {
                text-align: right;
                min-width: 100px;
            }

.detail-builds-container .builds-table tbody > tr.merge {
                border-bottom: none;
            }

.detail-builds-container .builds-table tbody > tr.artifacts td {
                padding: 0 10px;
            }

.detail-builds-container .builds-table tbody .plan .aui-lozenge {
                    margin-left: 5px;
                }

.detail-builds-container .builds-table tbody .plan > div {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

.detail-builds-container .builds-table tbody .build-artifacts-table table.aui {
                    margin: 7px 0;
                    table-layout: fixed;
                }

.detail-builds-container .builds-table tbody .build-artifacts-table table.aui > tbody > tr, .detail-builds-container .builds-table tbody .build-artifacts-table table.aui > tbody > tr:first-child > td {
                            border: none;
                        }

.detail-builds-container .builds-table tbody .build-artifacts-table table.aui > tbody > tr > td {
                            padding: 0 10px;
                            text-align: center;
                        }

.detail-deployments-container + .detail-deployments-container {
        padding-top: 20px;
    }

.detail-deployments-container .deployments-header {
        margin-bottom: 10px;
    }

.detail-deployments-container .deployments-header h2 {
            line-height: normal;
        }

.detail-deployments-container .deployments-header .ellipsis {
            width: 100%;
        }

/* disable trancuation for IE */

html:not(.msie-8):not(.msie-9) .detail-deployments-container .deployments-header .ellipsis {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.detail-deployments-container .deployments-table thead .environment, .detail-deployments-container .deployments-table tbody .environment {
                min-width: 340px;
                max-width: 340px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.detail-deployments-container .deployments-table thead .status, .detail-deployments-container .deployments-table tbody .status {
                min-width: 100px;
            }

.detail-deployments-container .deployments-table thead .release, .detail-deployments-container .deployments-table tbody .release {
                min-width: 300px;
                max-width: 300px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.detail-deployments-container .deployments-table thead .timestamp, .detail-deployments-container .deployments-table tbody .timestamp {
                min-width: 140px;
                text-align: right;
            }

/* Commits related css */
.detail-commits-container + .detail-commits-container {
    padding-top: 20px;
}

.has-reviews.detail-commits-container .commits-table tbody .message, .has-branches.detail-commits-container .commits-table tbody .message {
                max-width: 400px;
            }


.has-reviews.has-branches.has-files.detail-commits-container .commits-table tbody .message {
                max-width: 350px;
            }

.has-reviews.has-branches.has-files.has-actions.detail-commits-container .commits-table tbody .message {
                max-width: 250px;
            }

.detail-commits-container .repository-header .project-avatar {
            display: inline-block;
            vertical-align: middle;
        }

/**
            * JIRA overrides .aui-avatar-project because JIRA doesn't fully supported circular avatar yet
            * Detail dialog will pull in avatar from other products which already supports circular avatars.
            * This is to revert the override that JIRA has done for the detail dialog only!
            * See https://jdog.atlassian.net/browse/JDEV-20165
            */

.detail-commits-container .repository-header .project-avatar .fusion-avatar-project {
                background-color: var(--ds-surface, #fff) !important;
                box-shadow: var(--ds-shadow-overlay, 0 0 0 1px #ccc) !important;
                border-radius: 100% !important;
            }

.detail-commits-container .repository-header .project-avatar .fusion-avatar-project img {
                    border-radius: 100% !important;
                }

.detail-commits-container .repository-header .project-avatar .fusion-avatar-project:before {
                    border-radius: 100% !important;
                    border: 1px solid var(--ds-border-accent-gray, #ccc) !important;
                }

.detail-commits-container .repository-header .project-avatar .default-avatar-project .aui-avatar-inner:before {
                font-size: 24px;
                margin-top: -13px;
            }

.detail-commits-container .repository-header .project-avatar .aui-avatar .aui-avatar-inner img {
                    height: 24px;
                    width: 24px;
                }

.detail-commits-container .repository-header .fork-off {
            margin-left: 10px;
        }

.detail-commits-container .repository-header .project-info {
            display: inline-block;
            vertical-align: middle;
            padding-left: 10px;
        }

.detail-commits-container .repository-header .aui-item {
            vertical-align: middle;
        }

/* Setting relative width size for these specific aui-item */

.detail-commits-container .repository-header-group .project-space {
            width: 80%;
        }

.detail-commits-container .repository-header-group .project-space div {
                display: inline-block;
            }

.detail-commits-container .repository-header-group .project-space .project-avatar {
                vertical-align: text-bottom;
            }

/* Splitting the amount of space to give for ellipsification for each of these container if both exist */

/* otherwise give more space to project-info */

.detail-commits-container .repository-header-group .project-space .project-info {
                max-width: 60%;
            }

html:not(.msie-8):not(.msie-9) .detail-commits-container .repository-header-group .project-space .project-info {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    max-width: 60%;
                    display: inline-block;
                    vertical-align: bottom;
                }

.detail-commits-container .repository-header-group .project-space .project-info .repository-link {
                    font-size: 20px;
                }

.detail-commits-container .repository-header-group .project-space .extra-project-info {
                max-width: 35%;
                vertical-align: middle;
            }

html:not(.msie-8):not(.msie-9) .detail-commits-container .repository-header-group .project-space .extra-project-info {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    max-width: 35%;
                    display: inline-block;
                    vertical-align: baseline;
                }

.detail-commits-container .repository-header-group .project-space .extra-project-info .repository-instance {
                    display: inline;
                    margin-left: 10px;
                }

.detail-commits-container .commits-table {
        padding-left: 24px;
    }

/* Fade out the contents of whatever is inside the td element */

.detail-commits-container .commits-table table > tbody > tr.merge td>* {
                opacity: 0.35;
                filter: alpha(opacity=35);
            }

.detail-commits-container .commits-table table > tbody > tr > td {
                vertical-align: middle;
            }

/* This won't work on IE8, but it fails gracefully */

.detail-commits-container .commits-table thead .commitrow td:last-child, .detail-commits-container .commits-table thead th:last-child, .detail-commits-container .commits-table tbody .commitrow td:last-child, .detail-commits-container .commits-table tbody th:last-child {
                text-align: right;
            }

.detail-commits-container .commits-table thead .changeset {
                min-width: 80px;
            }

.detail-commits-container .commits-table thead .branches {
                min-width: 37px;
            }

.detail-commits-container .commits-table thead .timestamp {
                min-width: 100px;
            }

.detail-commits-container .commits-table thead .filecount {
                min-width: 50px;
            }

.detail-commits-container .commits-table tbody .changeset .merge {
                    margin-left: 5px;
                    padding: 2px 3px;
                    font-size: 10px;
                    vertical-align: text-bottom;
                }

.detail-commits-container .commits-table tbody .message {
                max-width: 450px;
                width: 100%;
            }

.detail-commits-container .commits-table tbody .message > span {
                    vertical-align: middle;
                }

.detail-commits-container .commits-table tbody .branches {
                white-space: nowrap;
            }

/* stolen from stash */

.detail-commits-container .commits-table tbody .branches .ref-lozenge {
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    box-sizing: border-box;
                    display: inline-block;
                    max-width: 100%;
                    background-color: var(--ds-background-input, #f5f5f5);
                    font-size: 13px;
                    font-weight: normal;
                    text-transform: none;
                    border: 1px solid var(--ds-border-accent-gray, #cccccc);
                    padding: 3px 5px;
                    margin: 0 3px 3px;
                    vertical-align: middle;
                    line-height: 16px;
                    text-align: left;
                }

.detail-commits-container .commits-table tbody .reviews {
                white-space: nowrap;
            }

.detail-commits-container .commits-table tbody .reviews .reviews-link {
                    cursor: pointer;
                }

.detail-commits-container .commits-table tbody .filecount a {
                white-space: nowrap;
            }

.detail-commits-container .commits-table tbody .filerow td .file {
                    display: table;
                }

.detail-commits-container .commits-table tbody .filerow td .file:not(:last-child) {
                        margin-bottom: 5px;
                    }

.detail-commits-container .commits-table tbody .filerow td .file {
                    table-layout: fixed;
                    width: 100%;
                    box-sizing: border-box;
}

/* Need these three for ellipsis to work for the filename */

.detail-commits-container .commits-table tbody .filerow td .file .change, .detail-commits-container .commits-table tbody .filerow td .file .filename {
                        display: table-cell;
                    }

.detail-commits-container .commits-table tbody .filerow td .file .change {
                        padding-right: 10px;
                        width: 95px;
                        vertical-align: middle;
                    }

.detail-commits-container .commits-table tbody .filerow td .file .lines .count {
                            width: 34px;
                        }

.detail-commits-container .commits-table tbody .filerow td .file .lines .added {
                            border-color: var(--ds-border, #cfc);
                            background-color: var(--ds-background-input, #cfc);
                            color: var(--ds-text, #399839);
                        }

.detail-commits-container .commits-table tbody .filerow td .file .lines .added.count {
                                margin-right: 3px;
                            }

.detail-commits-container .commits-table tbody .filerow td .file .lines .removed {
                            border-color: var(--ds-border-danger, #fdd);
                            background-color: var(--ds-background-danger, #fdd);
                            color: var(--ds-text-danger, #c33);
                        }

.detail-commits-container .commits-table tbody .filerow td .file .lines :not(.count), .detail-commits-container .commits-table tbody .filerow td .file .changetype span {
                        width: 82px;
                    }

.detail-commits-container .commits-table tbody .commit-actions a {
                    white-space: nowrap;
                }

.detail-commits-container .commits-table tbody .commit-actions >div {
                    display: inline-block;
                }

/* Because the files are shown in a separate row we need to 'invert' the default AUI borders */

.detail-commits-container .commits-table tbody > tr.commitrow, .detail-commits-container .commits-table tbody > tr.filerow {
                border-bottom: 0;
            }

.detail-commits-container .commits-table tbody > tr.commitrow {
                border-top: 1px solid var(--ds-border-accent-gray, #CCC);
            }

.detail-commits-container .commits-table tbody {
            border-bottom: 1px solid var(--ds-border-accent-gray, #CCC);
}

.branch-tooltip {
    text-align: left;
}

.branch-tooltip .branch-name-tooltip {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

[id^=inline-dialog-commit-reviews-popup].aui-inline-dialog {
    z-index: 9999;
}

[id^=inline-dialog-commit-reviews-popup].aui-inline-dialog .contents {
        width: auto;
        min-width: 160px;
    }

[id^=inline-dialog-commit-reviews-popup].aui-inline-dialog .contents table {
            table-layout: fixed;
        }

[id^=inline-dialog-commit-reviews-popup].aui-inline-dialog .contents table td {
              padding: 7px 10px;
              text-align: left;
              vertical-align: top;
          }

[id^=inline-dialog-commit-reviews-popup].aui-inline-dialog .contents table td.inline-review-id {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  max-width: 185px;
              }

/* Pull request related css */
.detail-pullrequests-container .pullrequests-table thead > tr > .destination, .detail-pullrequests-container .pullrequests-table tbody > tr > .destination {
                white-space: nowrap;
            }
.detail-pullrequests-container .pullrequests-table thead > tr > .state, .detail-pullrequests-container .pullrequests-table tbody > tr > .state {
                width: 50px;
            }
.detail-pullrequests-container .pullrequests-table thead > tr > .author, .detail-pullrequests-container .pullrequests-table tbody > tr > .author {
                width: 60px;
            }
.detail-pullrequests-container .pullrequests-table thead > tr > .comment, .detail-pullrequests-container .pullrequests-table tbody > tr > .comment {
                text-align: right;
                padding-right: 0px;
            }
.detail-pullrequests-container .pullrequests-table thead > tr > .last-updated, .detail-pullrequests-container .pullrequests-table tbody > tr > .last-updated {
                width: 140px;
                text-align: right;
                white-space: nowrap;
            }
.detail-pullrequests-container .pullrequests-table tbody tr > td {
                vertical-align: middle;
            }
.detail-pullrequests-container .pullrequests-table tbody .title .pullrequest-link {
                max-width: 460px;
                vertical-align: middle;
            }
.detail-pullrequests-container .pullrequests-table tbody .destination .branch-name {
                width: auto;
                max-width: 100px;
                font-weight: 500;
                text-transform: none;
                vertical-align: middle;
            }
.detail-pullrequests-container .pullrequests-table tbody .lozenge {
                width: 100px;
                max-width: 100px;
            }
.detail-pullrequests-container .pullrequests-table tbody .lozenge .ellipsis {
                    display: inline;
                }
.detail-pullrequests-container .pullrequests-table tbody .reviewer {
                width: 90px;
                max-width: 90px;
            }
.detail-pullrequests-container .pullrequests-table tbody .reviewer .reviewer-container {
                    white-space: nowrap;
                }
.detail-pullrequests-container .pullrequests-table tbody .reviewer .reviewer-container span + span {
                        margin-left: 10px;
                    }
.detail-pullrequests-container .pullrequests-table tbody .comment .comment-container .comment-link .aui-icon {
                    vertical-align: middle;
                }
.detail-pullrequests-container .pullrequests-table tbody .comment .comment-container .count {
                    font-size: smaller;
                    vertical-align: text-top;
                    padding-left: 2px;
                }

.detail-reviews-container table > tbody > tr > td {
    vertical-align: middle;
  }

.detail-reviews-container .review {
    white-space: nowrap;
  }

.detail-reviews-container .title {
    width: 100%;
    max-width: 340px;
  }

.detail-reviews-container .title span {
      vertical-align: middle;
    }

.detail-reviews-container .state {
    white-space: nowrap;
  }

.detail-reviews-container .timestamp {
    text-align: right;
    white-space: nowrap;
  }

.detail-reviews-container .reviewer {
        width: 90px;
        max-width: 90px;
    }

.detail-reviews-container .reviewer .reviewer-container {
            white-space: nowrap;
        }

.detail-reviews-container .reviewer .reviewer-container span + span {
                margin-left: 10px;
            }

.detail-reviews-container .comment .comment-container .comment-link .aui-icon {
            vertical-align: middle;
        }

.detail-reviews-container .comment .comment-container .count {
            font-size: smaller;
            vertical-align: text-top;
            padding-left: 2px;
        }

/* Branch related css */
.detail-branches-container .branches-table thead > tr > .repository, .detail-branches-container .branches-table tbody > tr > .repository {
                width: 200px;
                padding-right: 0px;
            }
.detail-branches-container .branches-table thead > tr > .pullrequest, .detail-branches-container .branches-table thead > tr > .review, .detail-branches-container .branches-table tbody > tr > .pullrequest, .detail-branches-container .branches-table tbody > tr > .review {
                width: 100px;
                white-space: nowrap;
            }
.detail-branches-container .branches-table thead > tr > .action, .detail-branches-container .branches-table tbody > tr > .action {
                width: 10%;
                text-align: right;
                white-space: nowrap;
            }
.detail-branches-container .branches-table tbody tr > td {
                vertical-align: middle;
            }
.detail-branches-container .branches-table tbody .repository {
                white-space: nowrap;
            }
.detail-branches-container .branches-table tbody .repository .repository-header .project-avatar {
                        display: inline-block;
                        vertical-align: middle;
                    }
/**
                        * JIRA overrides .aui-avatar-project because JIRA doesn't fully supported circular avatar yet
                        * Detail dialog will pull in avatar from other products which already supports circular avatars.
                        * This is to revert the override that JIRA has done for the detail dialog only!
                        * See https://jdog.atlassian.net/browse/JDEV-20165
                        */
.detail-branches-container .branches-table tbody .repository .repository-header .project-avatar .fusion-avatar-project {
                            background-color: var(--ds-surface, #fff) !important;
                            box-shadow: var(--ds-shadow-overlay, 0 0 0 1px #ccc) !important;
                            border-radius: 100% !important;
                        }
.detail-branches-container .branches-table tbody .repository .repository-header .project-avatar .fusion-avatar-project img {
                                border-radius: 100% !important;
                            }
.detail-branches-container .branches-table tbody .repository .repository-header .project-avatar .fusion-avatar-project:before {
                                border-radius: 100% !important;
                                border: 1px solid var(--ds-border-accent-gray, #ccc) !important;
                            }
.detail-branches-container .branches-table tbody .repository .repository-header .project-avatar .default-avatar-project .aui-avatar-inner:before {
                            font-size: 24px;
                            margin-top: -13px;
                        }
.detail-branches-container .branches-table tbody .repository .repository-header .project-avatar .aui-avatar .aui-avatar-inner img {
                                height: 24px;
                                width: 24px;
                            }
.detail-branches-container .branches-table tbody .repository .repository-header .fork-off {
                        margin-left: 10px;
                    }
.detail-branches-container .branches-table tbody .repository .repository-header .project-info {
                        display: inline-block;
                        vertical-align: middle;
                        padding-left: 10px;
                    }
.detail-branches-container .branches-table tbody .repository .repository-header .aui-item {
                        vertical-align: middle;
                    }
.detail-branches-container .branches-table tbody .repository .project-info {
                    /* explicit instead of mixin, as we want this in IE9 too */
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    max-width: calc(100% - 24px);
                    display: inline-block;
                    vertical-align: middle;
                }
.detail-branches-container .branches-table tbody .branch .branch-name{
                    white-space: nowrap;
                    max-width: 450px;
                }
html:not(.msie-8):not(.msie-9) .detail-branches-container .branches-table tbody .branch .branch-name {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        max-width: 450px;
                        display: inline-block;
                        vertical-align: middle;
                    }
.detail-branches-container .branches-table tbody .branch .branch-name {
                    vertical-align: middle;
}
.detail-branches-container .branches-table tbody .branch .branch-name .branch-link {
                        margin-left: 2px;
                    }
.detail-branches-container .branches-table tbody .pullrequest .pullrequest-state {
                margin-left: 5px;
            }
.detail-branches-container .branches-table .last-updated {
          text-align: right;
        }

[id^=inline-dialog-pullrequest-tooltip].aui-inline-dialog {
    /* We want to show this inline dialog on top of the modal dialog */
    z-index: 9999;
}

[id^=inline-dialog-pullrequest-tooltip].aui-inline-dialog .contents {
        padding: 7px 5px;
    }

[id^=inline-dialog-pullrequest-tooltip].aui-inline-dialog .contents tr {
            border-bottom: none;
        }

[id^=inline-dialog-pullrequest-tooltip].aui-inline-dialog .contents tr td {
                border:none;

                vertical-align: middle;
                padding-top: 5px;
                padding-bottom: 5px;
            }

[id^=inline-dialog-pullrequest-tooltip].aui-inline-dialog .contents tr td .pullrequest-state {
                    margin-left: 5px;
                }

html:not(.msie-8):not(.msie-9) [id^=inline-dialog-pullrequest-tooltip].aui-inline-dialog .contents tr td.pullrequest-name .pullrequest-link {
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            max-width: 300px;
                            display: inline-block;
                            vertical-align: left;
                        }

[id^=inline-dialog-pullrequest-tooltip].aui-inline-dialog .contents tr td.pullrequest-name {
                    padding-right: 1px;
}

[id^=inline-dialog-pullrequest-tooltip].aui-inline-dialog .contents tr td.pullrequest-name a {
                        vertical-align: middle;
                    }

[id^=inline-dialog-pullrequest-tooltip].aui-inline-dialog .contents tr td.lozenge {
                  width: 100px;
                  max-width: 100px;
                  /* text-align: left; Note: We intentionally want this left aligned (default) */
                }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog {
    /* We want to show this inline dialog on top of the modal dialog */
    z-index: 9999;
}

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents {
        width: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .author .author-avatar, [id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .reviewer .author-avatar {
                width: 24px;
                height: 24px;
                border-radius: 3px;
            }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .author .reviewer-container, [id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .reviewer .reviewer-container {
                position: relative;
            }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .author .reviewer-container .vcs-user, [id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .reviewer .reviewer-container .vcs-user {
                    position: relative;
                    display: inline-block;
                    height: 24px;
                    width: 24px;
                }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .author .reviewer-container .vcs-user .fade, [id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .reviewer .reviewer-container .vcs-user .fade {
                        opacity: 0.5;
                        background-color: var(--ds-surface, #FFF);
                    }

/* FUSE-605: fixes Firefox opacity problem */

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .author .reviewer-container .vcs-user .fade img, [id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .reviewer .reviewer-container .vcs-user .fade img {
                            filter: alpha(opacity=50);
                        }

/* Copied from stash as well ... :( */

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .author .reviewer-container .approved, [id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .reviewer .reviewer-container .approved {
                    opacity: 1;
                    filter: none;
                    transition: all 0.3s ease-in-out;
                    transform: scale(1);
                    width: 12px;
                    height: 12px;
                    color: var(--ds-surface, #ffffff);
                    background: transparent url(/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-dialog-all-resources/icon-approved.svg) no-repeat 0 0;
                }

@media \0screen {

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .author .reviewer-container .approved, [id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .reviewer .reviewer-container .approved {
                        background: transparent url(/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-dialog-all-resources/icon-approved.png) no-repeat 0 0;
                }
                    }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .author .reviewer-container .approved, [id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents .reviewer .reviewer-container .approved {
                    background-size: 12px;
                    position: absolute;
                    right: -6px;
                    top: -6px;
                    text-align: center;
                    display: block;
                    font-size: 9px;
                    line-height: 16px;
                    text-indent: -999em;
}

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents {
        max-height: 180px;
        overflow-y: auto;
}

html.msie [id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents {
          padding-right: 16px;
          width: 100%;
        }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents tr {
            border-bottom: none;
        }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents tr td {
                border:none;
                padding: 5px 10px;
            }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents tr td.reviewer-avatar {
                  padding-left: 15px;
                  padding-right: 0;
                }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents tr .reviewer-name {
                height: 24px;
            }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents tr .reviewer-name span {
                  vertical-align: middle;
                }

html:not(.msie-8):not(.msie-9) [id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents tr .reviewer-name {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    max-width: 250px;
                    display: inline-block;
                    vertical-align: bottom;
                }

[id^=inline-dialog-extrareviewers-tooltip].aui-inline-dialog .contents tr .reviewer-name {
                margin-right: 14px;
}