/* 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;
}