/* module-key = 'com.atlassian.confluence.plugins.confluence-frontend:common-header-resources', location = '/includes/css/buttons.css' */
.aui-button2 {
    background-color: var(--ds-surface, #eee);
    border-radius: 3px;
    border: 1px solid var(--ds-border, #aaa);
    color: var(--ds-text, #000);
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    margin: 0;
    padding: 3px 9px;
    vertical-align: baseline;
}
.aui-button2:hover,
.aui-button2:focus {
    background-color: var(--ds-surface-hovered, #dfdfdf);
    border-color: var(--ds-border-focused, #666);
}
/* Need this to control button height in Firefox
 * See http://www.experimentgarden.com/2010/11/firefox-buttontext-height-and-padding.html
 */
.aui-button2::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Hero style buttons */

.aui-nav.aui-style-blocks .aui-nav-link.aui-style-hero {
    padding: 4px 10px;
}

.aui-button2.aui-style-hero {
    background-color: var(--ds-background-selected-bold, #366ea7);
    background-repeat: repeat-x;
    border: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 2px 3px var(--ds-shadow-overflow, rgba(0, 0, 0, 0.3));
    color: var(--ds-surface, #fff);
    padding: 4px 10px;
}
.aui-button2.aui-style-hero:hover,
.aui-button2.aui-style-hero:focus {
    background-color: var(--ds-background-selected-bold-hovered, #3c7ab9);
    text-decoration: none;
}

/* module-key = 'com.atlassian.confluence.plugins.confluence-frontend:common-header-resources', location = '/includes/css/dropdown2-style.css' */
.aui-dropdown2.aui-dropdown2-in-header {
    z-index: 12000;
}

/* module-key = 'com.atlassian.confluence.plugins.confluence-frontend:common-header-resources', location = '/includes/css/navbar.css' */
/* pdl version of navbar.css */

/* Overriding AUI styles in aui-page-layout.css for aui-theme-default*/
/* Keep eye on: https://ecosystem.atlassian.net/browse/AUI-1207*/
#header .aui-header a:focus,
#header .aui-header a:hover,
#header .aui-header a:active {
    text-decoration: none;
    outline: none; /* AUI-4160 Highlighting outlines of elements have large width in Safari */
}

/* module-key = 'com.atlassian.confluence.plugins.confluence-frontend:common-header-resources', location = '/includes/css/utilities.css' */
.aui-align-right {
    float: right;
}
.aui-align-left {
    float: left;
}
.aui-state-hidden {
    display: none;
}
.aui-rounded {
    border-radius: 3px;
}