/* shared class for the devtool icon for cta links and summary panel */
.icon-color-and-padding .devtool-icon {
        padding-right: 5px;
    }

/* hide the dev status panel initially, shown via jQuery slideDown */
#viewissue-devstatus-panel {
    display: none;
}

.call-to-actions .devstatus-cta-link {
        display: inline-block;
    }

.status-panels .status-panel .rolling-container {
            margin-top: 0;
            width: 100%;
            position: relative;
            overflow: hidden;
        }

.status-panels .status-panel .rolling-container .rolling-content.transit {
                    position: absolute;
                    top: 0;
                }

.status-panels .status-panel .devtool-icon {
            padding-right: 5px;
        }

.status-panels .status-panel .aui-group > .aui-item + .aui-item {
            padding-left: 0;
        }

.status-panels .status-panel .summary-icon {
            width: 21px;
        }

.status-panels .status-panel .aui-iconfont-devtools-review {
            background-image: url(/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-dialog-resources/../com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-dialog-resources/icon.svg);
            background-repeat: no-repeat;
        }

.status-panels .status-panel#deployment-status-panel .heading {
              padding-right: 5px;
            }

.status-panels .status-panel#deployment-status-panel .environments {
              margin-left: 23px;
            }

.status-panels .status-panel#deployment-status-panel .icon-deployment {
                background-image: url(/s/uajp63/11030007/1owio8b/11.3.6/_/download/resources/com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-dialog-resources/../com.atlassian.jira.plugins.jira-development-integration-plugin:devstatus-panel-and-dialog-resources/icon-deploy.png);
                background-repeat: no-repeat;
            }

.message-panel {
    padding-top: 10px;
}

/* truncate the instance name */

html:not(.msie) .message-panel .instance {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        max-width: 150px;
        vertical-align: bottom;
    }

.labs-on-off-container {
    padding-top: 10px;
}

.labs-on-off-container .aui-message {
        background-color: var(--ds-surface, #ffffff);
        padding-bottom: 15px;
        padding-left: 15px;
    }

.labs-on-off-container .aui-message.collapsed {
          padding: 10px 20px 10px 20px;
        }

.labs-on-off-container .on-off-panel.opted-in {
        text-align: right;
        padding-right: 10px;
    }

.labs-on-off-container .on-off-panel.opted-in .disable-labs {
            padding-left: 5px;
        }

.try-labs-container {
  background: var(--ds-surface, white);
  float: right;
  padding-left: 5px;
}

.try-labs-container .try-labs {
    cursor: pointer;
    font-size: small;
    margin-right: 5px;
  }

#devstatus-container.dev-status-container.item-details dl, #devstatus-container.dev-status-container .item-details dl {
            margin-top: 1px;
        }

#devstatus-container.dev-status-container.item-details dl > dt, #devstatus-container.dev-status-container .item-details dl > dt {
                box-sizing: border-box;
                padding: 2px 5px 2px 0;
            }

#devstatus-container.dev-status-container.item-details > li + li, #devstatus-container.dev-status-container .item-details > li + li {
            margin-top: 0;
        }

#devstatus-container.dev-status-container > .devstatus-entry:not(.hidden):not(.empty-status) + .devstatus-entry:not(.hidden):not(.empty-status) {
            margin-top: 10px;
            padding-top: 10px;
        }

#devstatus-container.dev-status-container .status-panels dl > dt {
            width: 55%;
            text-align: left;
        }

#devstatus-container.dev-status-container .status-panels .sub-text {
            color: var(--ds-text, #707070);
        }

#devstatus-container.dev-status-container .status-panels .count {
            font-weight: bold;
        }

#devstatus-container.dev-status-container .status-panels .deployment-summary {
            border-top: 1px solid var(--ds-border, #ddd);
            margin-top: 10px;
            padding-top: 10px;
        }

#devstatus-container.dev-status-container .status-panels .deployment-summary dd {
                padding-left: 0;
            }

#devstatus-container.dev-status-container :not(.hidden):not(.empty-status) + .call-to-actions:not(.hidden) {
        border-top: 1px solid var(--ds-border, #ddd);
    }

#devstatus-container.dev-status-container .aui-lozenge-overflow {
        max-width: 8em;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
    }

#devstatus-container.dev-status-container .no-data-message-panel .message{
        color: var(--ds-text, #707070);
    }

#devstatus-container.dev-status-container .labs-on-off-container .aui-message{
            background-color: var(--ds-surface, #fff);
            padding-bottom: 15px;
            padding-left: 15px;
        }

#devstatus-container.dev-status-container .labs-on-off-container .aui-message.collapsed{
            padding: 10px 20px;
        }

#devstatus-container.dev-status-container .labs-on-off-container .on-off-panel.opted-in {
            text-align: right;
            padding-right: 10px;
        }

#devstatus-container.dev-status-container .labs-on-off-container .on-off-panel.opted-in .disable-labs{
                padding-left: 5px;
            }

#devstatus-container.dev-status-container .try-labs-container {
        background-color: var(--ds-surface, #fff);
        float: right;
        padding-left: 5px;
    }

#devstatus-container.dev-status-container .try-labs-container .try-labs {
            color: var(--ds-text, #707070);
            cursor: pointer;
            font-size: small;
            margin-right: 5px;
        }