/* Primary Colors */
/* Secondary Colors */
/* Derivative Colors */
.aui-header {
  background: #205081;
  border-bottom: 1px solid #2e3d54;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  padding: 0 10px;
}
.aui-header:after,
.aui-header .aui-header-logo a:after {
  content: "";
  display: table;
  clear: both;
}
.aui-header .aui-header-logo,
.aui-header .aui-nav {
  margin: 0;
  padding: 0;
  float: left;
}
.aui-header .aui-header-secondary .aui-nav {
  float: right;
}
.aui-header .aui-nav > li {
  float: left;
  padding: 0;
}
.aui-header a {
  color: #ffffff;
  display: block;
  line-height: 1;
  padding: 13px 10px;
}
.aui-header a:visited,
.aui-header a:focus,
.aui-header a:hover,
.aui-header a:active {
  text-decoration: none;
}
.aui-header .aui-header-logo a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 40px;
  padding: 0 10px;
}
.aui-header .aui-header-logo.aui-header-logo-textonly a {
  padding: 5px 10px;
}
.aui-header .aui-header-logo-textonly .aui-header-logo-device {
  float: left;
  padding-top: 4px;
  text-indent: 0;
}
.aui-header .aui-header-logo-textonly .aui-header-logo-device + .aui-header-logo-text {
  padding: 5px 0 5px 10px;
}
/* for extra visible text, eg. instance names. */
.aui-header .aui-header-logo .aui-header-logo-text {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 1.4286;
  margin: 0;
  padding: 10px 0 10px 10px;
}
.aui-header .aui-header-logo-device {
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 100%;
  display: block;
  float: left;
  height: 24px;
  padding: 8px 0;
  text-indent: -9999px;
  text-align: left;
}
/* Custom IMG elements can be set in most products */
.aui-header .aui-header-logo img {
  border: 0;
  float: left;
  max-height: 30px;
  padding: 5px 0;
}
/* Positioning icons in the header */
.aui-header .aui-icon {
  margin: -1px 0;
  vertical-align: top;
}
/* In case showIcon is not set to false for header dropdown triggers */
.aui-header .aui-dropdown2-trigger .aui-icon-dropdown {
  display: none;
}
/* Styling the dropdown2 triggers differently in the header to avoid inline-block spacing issues with other icons */
.aui-header .aui-dropdown2-trigger {
  padding-right: 23px !important;
  /* 8px (arrow width) + 10px (right padding) + 5px (margin between arrow and logo) */

  position: relative;
}
.aui-header .aui-dropdown2-trigger:after {
  border: 4px solid transparent;
  border-top-color: #ffffff;
  content: "";
  height: 0;
  margin-left: -18px;
  margin-top: -2px;
  opacity: 0.8;
  left: 100%;
  /* "left" + "margin-left" required because of webkit not working properly with "right" */

  position: absolute;
  text-indent: -99999px;
  top: 50%;
  width: 0;
}
.aui-header .aui-dropdown2-trigger:hover:after,
.aui-header .aui-dropdown2-trigger.active:after {
  opacity: 1;
}
.aui-header .aui-button.aui-dropdown2-trigger:after {
  margin-top: 0;
}
.aui-header a > .aui-avatar {
  vertical-align: top;
}
.aui-header a > .aui-avatar-tiny {
  margin: -1px 0;
  /* (16px Tiny Avatar height - 14px font size (line-height 1 in the header)) / 2 */

}
.aui-header a > .aui-avatar-small {
  margin: -5px 0;
  /* (24px Small Avatar height - 14px font size (line-height 1 in the header)) / 2 */

}
/**
 * Buttons in header
 */
.aui-header .aui-button.aui-button-primary {
  background: #2c66a2;
  background: -webkit-linear-gradient(top, #3b7fc4 0%, #2c66a2 100%);
  background: -moz-linear-gradient(top, #3b7fc4 0%, #2c66a2 100%);
  background: -ms-linear-gradient(top, #3b7fc4 0%, #2c66a2 100%);
  background: -o-linear-gradient(top, #3b7fc4 0%, #2c66a2 100%);
  background: linear-gradient(to bottom, #3b7fc4 0%, #2c66a2 100%);
  border: 0;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 1px 1px 0;
  margin: 6px 10px 0 10px;
  padding: 4px 10px;
  /* Make sure the correct padding applies (overrides the above padding: 13px 10px; for .aui-header a if ordering is missed up*/

}
.aui-header .aui-button.aui-button-primary.active {
  padding-bottom: 4px;
  /* header doesn't need the button/dropdown integration padding change because it has no border */

}
.aui-header .aui-button.aui-button-primary:focus,
.aui-header .aui-button.aui-button-primary:hover,
.aui-header .aui-button.aui-button-primary:active {
  background: #2c5e9b;
  background: -webkit-linear-gradient(top, #6299d0 0%, #2c5e9b 100%);
  background: -moz-linear-gradient(top, #6299d0 0%, #2c5e9b 100%);
  background: -ms-linear-gradient(top, #6299d0 0%, #2c5e9b 100%);
  background: -o-linear-gradient(top, #6299d0 0%, #2c5e9b 100%);
  background: linear-gradient(to bottom, #6299d0 0%, #2c5e9b 100%);
}
/**
 * Dropdown2 triggers in header
 */
.aui-header .aui-dropdown2-trigger.active,
.aui-header a:focus,
.aui-header a:hover,
.aui-header a:active {
  background-color: #3b73af;
}
/* Icons in Dropdown2 triggers and links in header */
.aui-header .aui-dropdown2-trigger.active .aui-icon,
.aui-header a:focus .aui-icon,
.aui-header a:hover .aui-icon,
.aui-header a:active .aui-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
/**
 * Quick search for header
 */
.aui-header .aui-quicksearch {
  padding: 0 10px;
}
.aui-header .aui-quicksearch input {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  background: #f5f5f5;
  border: none;
  border-radius: 5em;
  box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333333;
  font-family: inherit;
  font-size: inherit;
  height: 1.71428571428571em;
  /* 24px effective - need height in ems so that user-specified font-sizes apply */

  line-height: 1.42857142857143;
  /* 20px effective */

  margin: 8px 0;
  padding: 2px 10px;
  vertical-align: baseline;
  width: 170px;
}
.aui-header .aui-quicksearch input:focus {
  background-color: #ffffff;
  outline: none;
}
/* Placeholder styling
 * - You have to use two rules, because user agents are required to ignore a rule with an unknown selector.
 *   Since WebKit doesn’t know the proprietary Mozilla selector and vice versa, you have to include them separately.
 *   See http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css#answer-2610741
 */
.aui-header .aui-quicksearch input::-webkit-input-placeholder {
  color: #707070;
}
.aui-header .aui-quicksearch input::-moz-placeholder {
  color: #707070;
  opacity: 1;
}