@import "../imports/mixins/opacity";
@import "../imports/jira-colours";

.command-bar {
    clear: both;
}

.ops-cont {
    clear: both;
    display: block;
}

.ops-cont .ops {
    float: left;
}

.ops {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ops li {
    display: block;
    float: left;
    white-space: nowrap;
}

.ops .aui-list li {
    float: none;
}

.ops li.last {
    margin-right: 10px;
}

.ops li .disabled {
    .opacity(0.5);
}

.ops li.info {
    float: right;
    white-space: nowrap;
    width: auto;
}

.ops li a#back-lnk {
    padding-left: 0.249em;
}

.ops li .button {
    background: var(--ds-surface, #fff) url(../../../images/button_bg.png) repeat-x scroll 0 100%;
    border: 1px solid var(--ds-border, #ddd);
    color: var(--ds-text, #111);
    display: block;
    float: left;
    padding: 2px 8px;
    border-left-color: var(--ds-border-inverse, #fff);
}

.ops li .button.first {
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
    border-left-color: var(--ds-border, #ddd);
}

.ops li .button.last {
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
}

.ops li a.button:focus,
.ops li a.button:hover {
    border-color: var(--ds-border-focused, #999);
    text-decoration: none;
}

.ops li .button .icon {
    margin: 0;
    vertical-align: text-top;
    line-height: 1.5em;
}

.ops li a.button:active,
.ops li .active .button,
.ops li .active.button {
    background-color: var(--ds-background-accent-blue-bolder, #3c78b5);
    background-image: none;
    color: var(--ds-surface-pressed, #fff);
    text-decoration: none;
}

.ops li .drop-menu {
    width: 16px;
    margin-left: 0;
}

.page-type-admin #content > header > .ops-cont {
    float: right;
}

.mod-header {
    .ops {
        float: right;
    }
}

/* drop arrow only */
.ops li.drop {
    margin-left: 8px;
    padding-left: 2px;
}

.ops li a.drop-menu.active,
.ops li a.drop-menu.active:hover,
.ops li a.drop-menu:hover {
    background-color: var(--ds-border, @aui-border-color);
}

.ops-general {
    float: right;
}

.release-notes .ops-cont {
    float: right;
}