@-webkit-keyframes euiAnimFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes euiAnimFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes euiGrow {
  0% {
    opacity: 0; }
  1% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes euiGrow {
  0% {
    opacity: 0; }
  1% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/**
 * Set scroll bar appearance on Chrome.
 */
/**
 * Adapted from Eric Meyer's reset (http://meyerweb.com/eric/tools/css/reset/, v2.0 | 20110126).
 *
 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/**
 * 1. Inheriting the font will allow some browser defaults to take effect, e.g. Chrome applies
 *    `font: 11px system-ui` to the button element. We can't hardcode the font-family here because
 *    that will disrupt components which rely upon a different inherited font-family, e.g. code
 *    blocks.
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  /* 1 */
  font-family: inherit;
  /* 1 */
  vertical-align: baseline; }

em {
  font-style: italic; }

strong {
  font-weight: 700; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #2D2D2D;
  height: 100%;
  background-color: #F5F5F5;
  -webkit-font-smoothing: antialiased; }

body {
  line-height: 1; }

*:focus {
  outline: none; }

a {
  text-decoration: none;
  color: #0079a5; }
  a:hover {
    text-decoration: none; }
  a:focus {
    text-decoration: none;
    outline: none; }

a:hover, button, [role=button] {
  cursor: pointer; }

input {
  margin: 0;
  padding: 0; }

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  font-size: 14px;
  color: inherit;
  font-size: inherit;
  border-radius: 0; }
  button:hover {
    cursor: pointer; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.euiScreenReaderOnly {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.euiAccordion__button {
  text-align: left;
  width: 100%; }
  .euiAccordion__button:hover, .euiAccordion__button:focus {
    text-decoration: underline;
    cursor: pointer; }
  .euiAccordion__button:focus {
    background-color: #e6f2f6; }

.euiAccordion__childWrapper {
  visibility: hidden;
  height: 0;
  opacity: 0;
  overflow-y: hidden;
  -webkit-transform: translatez(0);
          transform: translatez(0);
  -webkit-transition: height 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: height 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }

.euiAccordion.euiAccordion-isOpen .euiAccordion__childWrapper {
  visibility: visible;
  opacity: 1;
  height: auto; }

.euiAccordionForm__children {
  padding: 24px; }

.euiAccordionForm__extraAction {
  opacity: 0;
  -webkit-transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
  .euiAccordionForm__extraAction:focus {
    opacity: 1; }

.euiAccordionForm__title {
  display: inline-block; }

.euiAccordionForm__button {
  padding: 16px; }
  .euiAccordionForm__button:hover {
    text-decoration: none; }
    .euiAccordionForm__button:hover .euiAccordionForm__title {
      text-decoration: underline; }
  .euiAccordionForm__button:focus {
    text-decoration: none;
    background-color: transparent; }
    .euiAccordionForm__button:focus .euiAccordionForm__title {
      text-decoration: underline;
      background-color: #e6f2f6;
      outline: solid 2px #e6f2f6; }

.euiAccordionForm {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9; }
  .euiAccordionForm + .euiAccordionForm {
    border-top: none; }
  .euiAccordionForm:hover .euiAccordionForm__extraAction {
    opacity: 1;
    visibility: visible; }

.euiAvatar {
  position: relative;
  border-radius: 50%;
  display: inline-block;
  background-size: cover;
  color: #FFF;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  vertical-align: middle; }
  .euiAvatar:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    content: "";
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0.1); }

.euiAvatar--s {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 12px; }

.euiAvatar--m {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px; }

.euiAvatar--l {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 24px; }

.euiAvatar--xl {
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-size: 32px; }

.euiBadge {
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  text-decoration: none;
  border: solid 1px transparent;
  border-radius: 24px;
  padding: 0 8px;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: middle; }
  .euiBadge .euiBadge__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .euiBadge .euiBadge__icon {
    margin-right: 4px; }
  .euiBadge.euiBadge--iconRight .euiBadge__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .euiBadge.euiBadge--iconRight .euiBadge__content .euiBadge__icon {
      margin-left: 4px;
      margin-right: 0; }

.euiBadge--default {
  border-color: #D9D9D9;
  background-color: rgba(217, 217, 217, 0.1); }

.euiBadge--primary {
  border-color: #0079a5;
  background-color: rgba(0, 121, 165, 0.1); }

.euiBadge--secondary {
  border-color: #00A69B;
  background-color: rgba(0, 166, 155, 0.1); }

.euiBadge--warning {
  border-color: #E5830E;
  background-color: rgba(229, 131, 14, 0.1); }

.euiBadge--danger {
  border-color: #A30000;
  background-color: rgba(163, 0, 0, 0.1); }

.euiBadge--accent {
  border-color: #DD0A73;
  background-color: rgba(221, 10, 115, 0.1); }

.euiBottomBar {
  background: #404040;
  color: #FFF;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-animation: euiBottomBarAppear 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
          animation: euiBottomBarAppear 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  z-index: 4000; }
  .euiBottomBar.euiBottomBar--paddingSmall {
    padding: 8px; }
  .euiBottomBar.euiBottomBar--paddingMedium {
    padding: 16px; }
  .euiBottomBar.euiBottomBar--paddingLarge {
    padding: 24px; }

@-webkit-keyframes euiBottomBarAppear {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@keyframes euiBottomBarAppear {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

/**
 * 1. Apply margin to all but last item in the flex.
 * 2. Margin gets flipped because of the row-reverse.
 */
@-webkit-keyframes euiButtonActive {
  50% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); } }
@keyframes euiButtonActive {
  50% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); } }

.euiButton {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 40px;
  text-decoration: none;
  border: solid 1px transparent;
  text-align: center;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  min-width: 112px; }
  .euiButton:hover:not(:disabled) {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }
  .euiButton:hover:not(:disabled), .euiButton:focus {
    text-decoration: underline; }
  .euiButton:focus {
    -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
            animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
  .euiButton:active {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
  .euiButton .euiButton__content {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 12px; }
    .euiButton .euiButton__content > * + * {
      margin-left: 8px;
      /* 1 */ }
  .euiButton.euiButton--small {
    height: 32px; }
  .euiButton.euiButton--iconRight .euiButton__content {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .euiButton.euiButton--iconRight .euiButton__content > * + * {
      margin-left: 0;
      /* 1 */
      margin-right: 8px;
      /* 1 */ }
  .euiButton:hover {
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1); }
  .euiButton:active {
    -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
  .euiButton:hover, .euiButton:focus {
    background-color: rgba(0, 121, 165, 0.1); }
  .euiButton:disabled {
    color: silver;
    border-color: silver;
    pointer-events: none; }
    .euiButton:disabled .euiButton__content {
      pointer-events: auto;
      cursor: not-allowed; }
    .euiButton:disabled.euiButton--fill {
      background-color: silver;
      border-color: silver; }
      .euiButton:disabled.euiButton--fill:hover, .euiButton:disabled.euiButton--fill:focus {
        background-color: silver;
        border-color: silver; }
    .euiButton:disabled:hover, .euiButton:disabled:focus {
      background-color: #FFF;
      text-decoration: none; }

.euiButton--primary {
  color: #0079a5;
  border-color: #0079a5; }
  .euiButton--primary.euiButton--fill {
    background-color: #0079a5;
    border-color: #0079a5;
    color: #FFF; }
    .euiButton--primary.euiButton--fill:hover, .euiButton--primary.euiButton--fill:focus {
      background-color: #00668c;
      border-color: #00668c; }
  .euiButton--primary:hover, .euiButton--primary:focus {
    background-color: rgba(0, 121, 165, 0.1); }

.euiButton--secondary {
  color: #00A69B;
  border-color: #00A69B; }
  .euiButton--secondary.euiButton--fill {
    background-color: #00A69B;
    border-color: #00A69B;
    color: #FFF; }
    .euiButton--secondary.euiButton--fill:hover, .euiButton--secondary.euiButton--fill:focus {
      background-color: #008d83;
      border-color: #008d83; }
  .euiButton--secondary:hover, .euiButton--secondary:focus {
    background-color: rgba(0, 166, 155, 0.1); }

.euiButton--warning {
  color: #E5830E;
  border-color: #E5830E; }
  .euiButton--warning.euiButton--fill {
    background-color: #E5830E;
    border-color: #E5830E;
    color: #FFF; }
    .euiButton--warning.euiButton--fill:hover, .euiButton--warning.euiButton--fill:focus {
      background-color: #cd750d;
      border-color: #cd750d; }
  .euiButton--warning:hover, .euiButton--warning:focus {
    background-color: rgba(229, 131, 14, 0.1); }

.euiButton--danger {
  color: #A30000;
  border-color: #A30000; }
  .euiButton--danger.euiButton--fill {
    background-color: #A30000;
    border-color: #A30000;
    color: #FFF; }
    .euiButton--danger.euiButton--fill:hover, .euiButton--danger.euiButton--fill:focus {
      background-color: #8a0000;
      border-color: #8a0000; }
  .euiButton--danger:hover, .euiButton--danger:focus {
    background-color: rgba(163, 0, 0, 0.1); }

.euiButton--ghost {
  color: #FFF;
  border-color: #FFF; }
  .euiButton--ghost.euiButton--fill {
    background-color: #FFF;
    border-color: #FFF;
    color: #000; }
    .euiButton--ghost.euiButton--fill:hover, .euiButton--ghost.euiButton--fill:focus {
      background-color: #f2f2f2;
      border-color: #f2f2f2; }
  .euiButton--ghost:hover, .euiButton--ghost:focus {
    background-color: rgba(255, 255, 255, 0.1); }

/**
 * 1. We don't want any of the animations that come inherited from the mixin.
 *    These should act like normal links instead.
 */
.euiButtonEmpty {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 40px;
  text-decoration: none;
  border: solid 1px transparent;
  text-align: center;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-animation: none !important;
          animation: none !important; }
  .euiButtonEmpty:hover:not(:disabled) {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }
  .euiButtonEmpty:hover:not(:disabled), .euiButtonEmpty:focus {
    text-decoration: underline; }
  .euiButtonEmpty:focus {
    -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
            animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
  .euiButtonEmpty:active {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
  .euiButtonEmpty .euiButtonEmpty__content {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 8px; }
    .euiButtonEmpty .euiButtonEmpty__content > * + * {
      margin-left: 8px;
      /* 1 */ }
  .euiButtonEmpty.euiButtonEmpty--small {
    height: 32px; }
  .euiButtonEmpty.euiButtonEmpty--xSmall {
    height: 24px;
    font-size: 14px; }
  .euiButtonEmpty.euiButtonEmpty--iconRight .euiButtonEmpty__content {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .euiButtonEmpty.euiButtonEmpty--iconRight .euiButtonEmpty__content > * + * {
      margin-left: 0;
      /* 1 */
      margin-right: 8px;
      /* 1 */ }
  .euiButtonEmpty:disabled {
    color: silver;
    pointer-events: none; }
    .euiButtonEmpty:disabled .euiButtonEmpty__content {
      pointer-events: auto;
      cursor: not-allowed; }
    .euiButtonEmpty:disabled .euiButtonEmpty__icon {
      fill: silver; }
    .euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus {
      background-color: #FFF;
      text-decoration: none; }

.euiButtonEmpty--primary {
  color: #0079a5; }
  .euiButtonEmpty--primary .euiButtonEmpty__icon {
    fill: #0079a5; }
  .euiButtonEmpty--primary:focus {
    background-color: rgba(0, 121, 165, 0.1); }
  .euiButtonEmpty--primary:hover {
    background-color: transparent; }

.euiButtonEmpty--danger {
  color: #A30000; }
  .euiButtonEmpty--danger .euiButtonEmpty__icon {
    fill: #A30000; }
  .euiButtonEmpty--danger:focus {
    background-color: rgba(163, 0, 0, 0.1); }
  .euiButtonEmpty--danger:hover {
    background-color: transparent; }

.euiButtonEmpty--disabled {
  color: silver; }
  .euiButtonEmpty--disabled .euiButtonEmpty__icon {
    fill: silver; }
  .euiButtonEmpty--disabled:focus {
    background-color: rgba(192, 192, 192, 0.1); }
  .euiButtonEmpty--disabled:hover {
    background-color: transparent;
    cursor: not-allowed; }

.euiButtonEmpty--ghost {
  color: #FFF; }
  .euiButtonEmpty--ghost .euiButtonEmpty__icon {
    fill: #FFF; }
  .euiButtonEmpty--ghost:focus {
    background-color: rgba(255, 255, 255, 0.1); }
  .euiButtonEmpty--ghost:hover {
    background-color: transparent; }

.euiButtonEmpty--text {
  color: #2D2D2D; }
  .euiButtonEmpty--text .euiButtonEmpty__icon {
    fill: #2D2D2D; }
  .euiButtonEmpty--text:focus {
    background-color: rgba(0, 121, 165, 0.1); }
  .euiButtonEmpty--text:hover {
    background-color: transparent; }

.euiButtonEmpty--flushLeft .euiButtonEmpty__content {
  border-left: none;
  padding-left: 0; }

.euiButtonEmpty--flushRight .euiButtonEmpty__content {
  border-right: none;
  padding-right: 0; }

.euiButtonIcon {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 40px;
  text-decoration: none;
  border: solid 1px transparent;
  text-align: center;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 24px;
  width: 24px;
  line-height: 24px;
  border-radius: 4px; }
  .euiButtonIcon:hover:not(:disabled) {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }
  .euiButtonIcon:hover:not(:disabled), .euiButtonIcon:focus {
    text-decoration: underline; }
  .euiButtonIcon:focus {
    -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
            animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
  .euiButtonIcon:active {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
  .euiButtonIcon .euiButtonIcon__icon {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); }
  .euiButtonIcon:disabled {
    color: silver;
    pointer-events: none; }
    .euiButtonIcon:disabled:hover, .euiButtonIcon:disabled:focus {
      background-color: #FFF;
      text-decoration: none; }

.euiButtonIcon--primary {
  color: #0079a5; }
  .euiButtonIcon--primary:focus {
    background-color: rgba(0, 121, 165, 0.1); }

.euiButtonIcon--danger {
  color: #A30000; }
  .euiButtonIcon--danger:focus {
    background-color: rgba(163, 0, 0, 0.1); }

.euiButtonIcon--disabled {
  color: silver; }
  .euiButtonIcon--disabled:focus {
    background-color: rgba(192, 192, 192, 0.1); }
  .euiButtonIcon--disabled:hover, .euiButtonIcon--disabled:focus {
    cursor: not-allowed; }

.euiButtonIcon--ghost {
  color: #FFF; }
  .euiButtonIcon--ghost:focus {
    background-color: rgba(255, 255, 255, 0.1); }

.euiButtonIcon--text {
  color: #2D2D2D; }
  .euiButtonIcon--text:focus {
    background-color: rgba(45, 45, 45, 0.1); }

.euiCallOut {
  padding: 16px;
  border-left: 2px solid transparent; }
  .euiCallOut.euiCallOut--small {
    padding: 8px; }

.euiCallOut--primary {
  border-color: #0079a5;
  background-color: #e6f2f6; }
  .euiCallOut--primary .euiCallOutHeader__icon {
    fill: #005574; }
  .euiCallOut--primary .euiCallOutHeader__title {
    color: #005574; }

.euiCallOut--success {
  border-color: #00A69B;
  background-color: #e6f6f5; }
  .euiCallOut--success .euiCallOutHeader__icon {
    fill: #00746d; }
  .euiCallOut--success .euiCallOutHeader__title {
    color: #00746d; }

.euiCallOut--warning {
  border-color: #E5830E;
  background-color: #fcf3e7; }
  .euiCallOut--warning .euiCallOutHeader__icon {
    fill: #a05c0a; }
  .euiCallOut--warning .euiCallOutHeader__title {
    color: #a05c0a; }

.euiCallOut--danger {
  border-color: #A30000;
  background-color: #f6e6e6; }
  .euiCallOut--danger .euiCallOutHeader__icon {
    fill: #720000; }
  .euiCallOut--danger .euiCallOutHeader__title {
    color: #720000; }

/**
 * 1. Align icon with first line of title text if it wraps.
 * 2. If content exists under the header, space it appropriately.
 * 3. Apply margin to all but last item in the flex.
 */
.euiCallOutHeader {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  /* 1 */ }
  .euiCallOutHeader + * {
    margin-top: 8px;
    /* 1 */ }
  .euiCallOutHeader > * + * {
    margin-left: 8px;
    /* 3 */ }
  .euiCallOut--small .euiCallOutHeader {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5; }

/**
   * 1. Vertically center icon with first line of title.
   */
.euiCallOutHeader__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  /* 1 */ }

.euiCodeBlock {
  display: block;
  position: relative;
  background: #F5F5F5;
  color: #2D2D2D;
  position: relative;
  /**
  ** 1. Size the code against the text its embedded within.
  **/ }
  .euiCodeBlock .euiCodeBlock__pre {
    height: 100%;
    overflow: auto;
    display: block;
    white-space: pre-wrap; }
  .euiCodeBlock .euiCodeBlock__code {
    display: block;
    line-height: 1.5;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-weight: 400; }
  .euiCodeBlock .euiCodeBlock__fullScreenButton {
    position: absolute;
    top: 12px;
    right: 24px; }
  .euiCodeBlock.euiCodeBlock-isFullScreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .euiCodeBlock.euiCodeBlock-isFullScreen .euiCodeBlock__pre {
      padding: 32px !important; }
  .euiCodeBlock.euiCodeBlock--fontSmall {
    font-size: 12px; }
  .euiCodeBlock.euiCodeBlock--fontMedium {
    font-size: 14px; }
  .euiCodeBlock.euiCodeBlock--fontLarge {
    font-size: 14px; }
  .euiCodeBlock.euiCodeBlock--paddingSmall .euiCodeBlock__pre {
    padding: 8px; }
  .euiCodeBlock.euiCodeBlock--paddingMedium .euiCodeBlock__pre {
    padding: 16px; }
  .euiCodeBlock.euiCodeBlock--paddingLarge .euiCodeBlock__pre {
    padding: 24px; }
  .euiCodeBlock.euiCodeBlock--inline {
    display: inline-block;
    white-space: pre;
    color: #2D2D2D;
    font-size: 90%;
    padding: 0 8px;
    background: #F5F5F5; }
    .euiCodeBlock.euiCodeBlock--inline .euiCodeBlock__pre {
      padding: 0 4px; }
    .euiCodeBlock.euiCodeBlock--inline .euiCodeBlock__code {
      display: inline;
      white-space: normal; }
  .euiCodeBlock.euiCodeBlock--transparentBackground {
    background: transparent; }
  .euiCodeBlock .hljs > *::-moz-selection {
    background-color: inherit; }
  .euiCodeBlock .hljs > *::selection {
    background-color: inherit; }
  .euiCodeBlock .hljs-comment,
  .euiCodeBlock .hljs-quote {
    color: #998;
    font-style: italic; }
  .euiCodeBlock .hljs-selector-tag {
    color: inherit;
    font-weight: bold; }
  .euiCodeBlock .hljs-string,
  .euiCodeBlock .hljs-subst,
  .euiCodeBlock .hljs-doctag {
    color: #DD0A73; }
  .euiCodeBlock .hljs-number,
  .euiCodeBlock .hljs-literal,
  .euiCodeBlock .hljs-regexp,
  .euiCodeBlock .hljs-variable,
  .euiCodeBlock .hljs-template-variable,
  .euiCodeBlock .hljs-tag .hljs-attr {
    color: #00A69B; }
  .euiCodeBlock .hljs-keyword {
    color: #333;
    font-weight: bold; }
  .euiCodeBlock .hljs-function > .hljs-title {
    color: inherit; }
  .euiCodeBlock .hljs-tag {
    color: #0079a5; }
  .euiCodeBlock .hljs-name {
    color: euiCodeBlockNameColor; }
  .euiCodeBlock .hljs-type,
  .euiCodeBlock .hljs-class .hljs-title {
    color: #0079a5; }
  .euiCodeBlock .hljs-attribute {
    color: inherit; }
  .euiCodeBlock .hljs-symbol,
  .euiCodeBlock .hljs-bullet,
  .euiCodeBlock .hljs-built_in,
  .euiCodeBlock .hljs-builtin-name,
  .euiCodeBlock .hljs-link {
    color: #990073; }
  .euiCodeBlock .hljs-params {
    color: inherit; }
  .euiCodeBlock .hljs-meta {
    color: #999; }
  .euiCodeBlock .hljs-title {
    color: #900; }
  .euiCodeBlock .hljs-section {
    color: #ffc66d; }
  .euiCodeBlock .hljs-addition {
    background-color: #dfd;
    color: inherit;
    display: inline-block;
    width: 100%; }
  .euiCodeBlock .hljs-deletion {
    background-color: #fdd;
    color: inherit;
    display: inline-block;
    width: 100%; }
  .euiCodeBlock .hljs-selector-class {
    color: inherit; }
  .euiCodeBlock .hljs-selector-id {
    color: inherit; }
  .euiCodeBlock .hljs-emphasis {
    font-style: italic; }
  .euiCodeBlock .hljs-strong {
    font-weight: bold; }
  .euiCodeBlock .hljs-link {
    text-decoration: underline; }

.euiCodeEditorWrapper {
  position: relative; }
  .euiCodeEditorWrapper .ace_hidden-cursors {
    opacity: 0; }
  .euiCodeEditorWrapper.euiCodeEditorWrapper-isEditing .ace_hidden-cursors {
    opacity: 1; }

.euiCodeEditorKeyboardHint {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  opacity: 0;
  cursor: pointer; }
  .euiCodeEditorKeyboardHint:focus {
    opacity: 1;
    border: 2px solid #0079a5;
    z-index: 1000; }
  .euiCodeEditorKeyboardHint.euiCodeEditorKeyboardHint-isInactive {
    display: none; }

.euiContextMenu {
  width: 256px;
  position: relative;
  overflow: hidden;
  -webkit-transition: height 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: height 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  border-radius: 4px; }
  .euiContextMenu .euiContextMenu__content {
    padding: 8px; }

/**
   * 1. When there are multiple ContextMenuPanels, the ContextMenu will absolutely
   *    position them. ContextMenuPanel will break the layout of a Popover if it's
   *    absolutely positioned by default.
   */
.euiContextMenu__panel {
  position: absolute;
  /* 1 */ }

.euiContextMenu__icon {
  margin-right: 8px; }

.euiContextMenu__itemLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.euiContextMenuPanel {
  width: 100%;
  visibility: visible;
  background-color: #FFF; }
  .euiContextMenuPanel.euiContextMenuPanel-txInLeft {
    pointer-events: none;
    -webkit-animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
            animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
  .euiContextMenuPanel.euiContextMenuPanel-txOutLeft {
    pointer-events: none;
    -webkit-animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
            animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
  .euiContextMenuPanel.euiContextMenuPanel-txInRight {
    pointer-events: none;
    -webkit-animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
            animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
  .euiContextMenuPanel.euiContextMenuPanel-txOutRight {
    pointer-events: none;
    -webkit-animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
            animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }

.euiContextMenuPanel--next {
  -webkit-transform: translateX(256px);
          transform: translateX(256px);
  visibility: hidden; }

.euiContextMenuPanel--previous {
  -webkit-transform: translateX(-256px);
          transform: translateX(-256px);
  visibility: hidden; }

.euiContextMenuPanelTitle {
  background-color: #F5F5F5;
  padding: 12px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 100%;
  text-align: left; }
  .euiContextMenuPanelTitle:hover, .euiContextMenuPanelTitle:focus {
    text-decoration: underline; }

@-webkit-keyframes euiContextMenuPanelTxInLeft {
  0% {
    -webkit-transform: translateX(256px);
            transform: translateX(256px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes euiContextMenuPanelTxInLeft {
  0% {
    -webkit-transform: translateX(256px);
            transform: translateX(256px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes euiContextMenuPanelTxOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-256px);
            transform: translateX(-256px); } }

@keyframes euiContextMenuPanelTxOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-256px);
            transform: translateX(-256px); } }

@-webkit-keyframes euiContextMenuPanelTxInRight {
  0% {
    -webkit-transform: translateX(-256px);
            transform: translateX(-256px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes euiContextMenuPanelTxInRight {
  0% {
    -webkit-transform: translateX(-256px);
            transform: translateX(-256px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes euiContextMenuPanelTxOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(256px);
            transform: translateX(256px); } }

@keyframes euiContextMenuPanelTxOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(256px);
            transform: translateX(256px); } }

.euiContextMenuItem {
  padding: 12px;
  width: 100%;
  text-align: left;
  color: #2D2D2D; }
  .euiContextMenuItem:hover, .euiContextMenuItem:focus {
    text-decoration: underline; }
  .euiContextMenuItem:focus {
    background-color: #e6f2f6; }
  .euiContextMenuItem.euiContextMenuItem-isDisabled {
    color: silver;
    cursor: default; }
    .euiContextMenuItem.euiContextMenuItem-isDisabled:hover, .euiContextMenuItem.euiContextMenuItem-isDisabled:focus {
      text-decoration: none; }

.euiContextMenuItem__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.euiContextMenuItem__text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.euiContextMenuItem__arrow {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.euiDescriptionList .euiDescriptionList__title {
  font-weight: 500; }

.euiDescriptionList .euiDescriptionList__description {
  color: #666; }

.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 16px; }
  .euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title:first-of-type {
    margin-top: 0; }

.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__description {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5; }

.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--center {
  text-align: center; }

.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--right {
  text-align: right; }

.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__title {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5; }

.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__description {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5; }

.euiDescriptionList.euiDescriptionList--column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .euiDescriptionList.euiDescriptionList--column > * {
    margin-top: 16px; }
  .euiDescriptionList.euiDescriptionList--column > *:first-child, .euiDescriptionList.euiDescriptionList--column > :nth-child(2) {
    margin-top: 0; }
  .euiDescriptionList.euiDescriptionList--column .euiDescriptionList__title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding-right: 8px; }
  .euiDescriptionList.euiDescriptionList--column .euiDescriptionList__description {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding-left: 8px; }
  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--center .euiDescriptionList__title {
    text-align: right; }
  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5; }
  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__description {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5; }

.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  display: inline;
  border-radius: 4px;
  font-weight: 400;
  background: #F5F5F5;
  border: 1px solid #D9D9D9;
  padding: 0 4px;
  margin: 0 4px; }
  .euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title:first-of-type {
    margin-left: 0; }

.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__description {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  display: inline;
  word-break: break-all; }

.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5; }

.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__description {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5; }

.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--center {
  text-align: center; }

.euiErrorBoundary {
  background: repeating-linear-gradient(45deg, rgba(163, 0, 0, 0.25), rgba(163, 0, 0, 0.25) 1px, rgba(163, 0, 0, 0.05) 1px, rgba(163, 0, 0, 0.05) 20px);
  overflow: auto;
  padding: 16px; }

.euiErrorBoundary__text {
  background-color: #FFF;
  padding: 8px; }

.euiExpression {
  padding: 20px;
  white-space: nowrap; }

.euiExpressionButton {
  background-color: transparent;
  padding: 5px 0px;
  border: none;
  border-bottom: 2px dotted #D9D9D9;
  font-size: 14px;
  cursor: pointer; }

.euiExpressionButton__description {
  color: #00A69B;
  text-transform: uppercase; }

.euiExpressionButton__value {
  color: #2D2D2D;
  text-transform: lowercase; }

.euiExpressionButton-isActive {
  border-bottom: solid 2px #00A69B; }

/**
 * 1. Not always needed, but fixes an IE11 issue when flex-groups are nested under display: flex elements.
 * 2. IE requires a unit to grow.
 */
.euiFlexGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /* 1 */ }
  .euiFlexGroup .euiFlexItem {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
    /* 1 */ }

.euiFlexGroup--gutterExtraSmall {
  margin: -2px; }
  .euiFlexGroup--gutterExtraSmall > .euiFlexItem {
    margin: 2px; }

.euiFlexGroup--gutterSmall {
  margin: -4px; }
  .euiFlexGroup--gutterSmall > .euiFlexItem {
    margin: 4px; }

.euiFlexGroup--gutterMedium {
  margin: -8px; }
  .euiFlexGroup--gutterMedium > .euiFlexItem {
    margin: 8px; }

.euiFlexGroup--gutterLarge {
  margin: -12px; }
  .euiFlexGroup--gutterLarge > .euiFlexItem {
    margin: 12px; }

.euiFlexGroup--gutterExtraLarge {
  margin: -20px; }
  .euiFlexGroup--gutterExtraLarge > .euiFlexItem {
    margin: 20px; }

.euiFlexGroup--justifyContentSpaceEvenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }

.euiFlexGroup--justifyContentSpaceBetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.euiFlexGroup--justifyContentSpaceAround {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.euiFlexGroup--justifyContentCenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.euiFlexGroup--justifyContentFlexEnd {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.euiFlexGroup--alignItemsStart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.euiFlexGroup--alignItemsCenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.euiFlexGroup--alignItemsFlexEnd {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.euiFlexGroup--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

@media only screen and (max-width: 768px) {
  .euiFlexGroup--responsive {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0; } }

.euiFlexGrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0; }
  .euiFlexGrid > .euiFlexItem {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
    .euiFlexGrid > .euiFlexItem.euiFlexItem--flexGrowZero {
      -webkit-box-flex: 0 !important;
          -ms-flex-positive: 0 !important;
              flex-grow: 0 !important;
      -ms-flex-preferred-size: auto !important;
          flex-basis: auto !important; }

/**
   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
   * without columns.
   */
.euiFlexGrid--gutterSmall > .euiFlexItem {
  margin: 4px; }

.euiFlexGrid--gutterSmall {
  margin: -4px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterSmall.euiFlexGrid--fourths > .euiFlexItem {
    -ms-flex-preferred-size: calc(25% - 8px);
        flex-basis: calc(25% - 8px); }

.euiFlexGrid--gutterSmall {
  margin: -4px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterSmall.euiFlexGrid--thirds > .euiFlexItem {
    -ms-flex-preferred-size: calc(33.3% - 8px);
        flex-basis: calc(33.3% - 8px); }

.euiFlexGrid--gutterSmall {
  margin: -4px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterSmall.euiFlexGrid--halves > .euiFlexItem {
    -ms-flex-preferred-size: calc(50% - 8px);
        flex-basis: calc(50% - 8px); }

/**
   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
   * without columns.
   */
.euiFlexGrid--gutterMedium > .euiFlexItem {
  margin: 8px; }

.euiFlexGrid--gutterMedium {
  margin: -8px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterMedium.euiFlexGrid--fourths > .euiFlexItem {
    -ms-flex-preferred-size: calc(25% - 16px);
        flex-basis: calc(25% - 16px); }

.euiFlexGrid--gutterMedium {
  margin: -8px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterMedium.euiFlexGrid--thirds > .euiFlexItem {
    -ms-flex-preferred-size: calc(33.3% - 16px);
        flex-basis: calc(33.3% - 16px); }

.euiFlexGrid--gutterMedium {
  margin: -8px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterMedium.euiFlexGrid--halves > .euiFlexItem {
    -ms-flex-preferred-size: calc(50% - 16px);
        flex-basis: calc(50% - 16px); }

/**
   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
   * without columns.
   */
.euiFlexGrid--gutterLarge > .euiFlexItem {
  margin: 12px; }

.euiFlexGrid--gutterLarge {
  margin: -12px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterLarge.euiFlexGrid--fourths > .euiFlexItem {
    -ms-flex-preferred-size: calc(25% - 24px);
        flex-basis: calc(25% - 24px); }

.euiFlexGrid--gutterLarge {
  margin: -12px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterLarge.euiFlexGrid--thirds > .euiFlexItem {
    -ms-flex-preferred-size: calc(33.3% - 24px);
        flex-basis: calc(33.3% - 24px); }

.euiFlexGrid--gutterLarge {
  margin: -12px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterLarge.euiFlexGrid--halves > .euiFlexItem {
    -ms-flex-preferred-size: calc(50% - 24px);
        flex-basis: calc(50% - 24px); }

/**
   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
   * without columns.
   */
.euiFlexGrid--gutterXLarge > .euiFlexItem {
  margin: 16px; }

.euiFlexGrid--gutterXLarge {
  margin: -16px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterXLarge.euiFlexGrid--fourths > .euiFlexItem {
    -ms-flex-preferred-size: calc(25% - 32px);
        flex-basis: calc(25% - 32px); }

.euiFlexGrid--gutterXLarge {
  margin: -16px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterXLarge.euiFlexGrid--thirds > .euiFlexItem {
    -ms-flex-preferred-size: calc(33.3% - 32px);
        flex-basis: calc(33.3% - 32px); }

.euiFlexGrid--gutterXLarge {
  margin: -16px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterXLarge.euiFlexGrid--halves > .euiFlexItem {
    -ms-flex-preferred-size: calc(50% - 32px);
        flex-basis: calc(50% - 32px); }

/**
 * 1. Allow EuiPanels to expand to fill the item.
 */
.euiFlexItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1 */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 1 */
  /*
   * 1. We need the extra specificity here to override the FlexGroup > FlexItem styles.
   * 2. FlexItem can be manually set to not grow if needed.
   */ }
  .euiFlexItem.euiFlexItem--flexGrowZero {
    /* 1 */
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* 2 */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* 2 */ }
  .euiFlexItem.euiFlexItem--flexGrow1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .euiFlexItem.euiFlexItem--flexGrow2 {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; }
  .euiFlexItem.euiFlexItem--flexGrow3 {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3; }
  .euiFlexItem.euiFlexItem--flexGrow4 {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4; }
  .euiFlexItem.euiFlexItem--flexGrow5 {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5; }
  .euiFlexItem.euiFlexItem--flexGrow6 {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6; }
  .euiFlexItem.euiFlexItem--flexGrow7 {
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7; }
  .euiFlexItem.euiFlexItem--flexGrow8 {
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8; }
  .euiFlexItem.euiFlexItem--flexGrow9 {
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9; }
  .euiFlexItem.euiFlexItem--flexGrow10 {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10; }

@media only screen and (max-width: 768px) {
  .euiFlexGroup--responsive .euiFlexItem {
    width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important; } }

.euiFlyout {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  border-left: 1px solid #D9D9D9;
  z-index: 8000;
  background: #FFF;
  -webkit-animation: euiFlyout 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
          animation: euiFlyout 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-shadow: -8px 4px 12px 0px rgba(0, 0, 0, 0.05);
          box-shadow: -8px 4px 12px 0px rgba(0, 0, 0, 0.05); }

/**
  * 1. Calculating the minimum width based on the screen takover breakpoint
  * 2. Only small flyouts should NOT takover the entire screen
 */
.euiFlyout--small {
  min-width: 384px;
  width: 25vw; }

.euiFlyout--medium {
  min-width: 537.6px;
  width: 50vw; }

.euiFlyout--large {
  min-width: 691.2px;
  width: 75vw; }

@-webkit-keyframes euiFlyout {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  75% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@keyframes euiFlyout {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  75% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@media only screen and (max-width: 768px) {
  .euiFlyout:not(.euiFlyout--small) {
    /* 2 */
    left: 0;
    min-width: 0;
    width: auto;
    border-left: none; }
  .euiFlyout--small {
    width: 80vw;
    min-width: 0;
    /* 2 */ } }

.euiFlyoutBody {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  padding: 24px; }
  .euiFlyoutBody::-webkit-scrollbar {
    width: 16px;
    height: 16px; }
  .euiFlyoutBody::-webkit-scrollbar-thumb {
    background-color: rgba(102, 102, 102, 0.5);
    border: 6px solid transparent;
    background-clip: content-box; }
  .euiFlyoutBody::-webkit-scrollbar-track {
    background-color: transparent; }

.euiFlyoutFooter {
  background: #F5F5F5;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 16px 24px; }

.euiFlyoutHeader {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 24px;
  padding-bottom: 0;
  -webkit-box-shadow: 0 16px 16px -8px #FFF;
          box-shadow: 0 16px 16px -8px #FFF;
  z-index: 2; }

/**
 * 1. Override invalid state with focus state.
 */
.euiCheckbox {
  position: relative;
  min-height: 24px;
  /**
   * 1. Float above the visual checkbox and match its dimension, so that when users try to click it
   *    they actually click this input.
   */ }
  .euiCheckbox .euiCheckbox__input {
    position: absolute;
    /* 1 */
    opacity: 0;
    /* 1 */
    height: 24px;
    /* 1 */
    width: 24px;
    /* 1 */
    z-index: 1;
    /* 1 */
    margin: 0;
    /* 1 */
    cursor: pointer; }
    .euiCheckbox .euiCheckbox__input:checked ~ .euiCheckbox__square {
      background: #0079a5;
      border-color: #0079a5; }
      .euiCheckbox .euiCheckbox__input:checked ~ .euiCheckbox__square .euiCheckbox__check {
        border-color: #0079a5;
        background-color: #FFF;
        -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E %3Cdefs%3E %3Cpath id='check-a' d='M6.50025,12.00025 C6.37225,12.00025 6.24425,11.95125 6.14625,11.85425 L2.14625,7.85425 C1.95125,7.65825 1.95125,7.34225 2.14625,7.14625 C2.34225,6.95125 2.65825,6.95125 2.85425,7.14625 L6.50025,10.79325 L13.14625,4.14625 C13.34225,3.95125 13.65825,3.95125 13.85425,4.14625 C14.04925,4.34225 14.04925,4.65825 13.85425,4.85425 L6.85425,11.85425 C6.75625,11.95125 6.62825,12.00025 6.50025,12.00025'/%3E %3C/defs%3E %3Cg%3E %3Cuse xlink:href='%23check-a'/%3E %3C/g%3E %3C/svg%3E") center center no-repeat;
                mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E %3Cdefs%3E %3Cpath id='check-a' d='M6.50025,12.00025 C6.37225,12.00025 6.24425,11.95125 6.14625,11.85425 L2.14625,7.85425 C1.95125,7.65825 1.95125,7.34225 2.14625,7.14625 C2.34225,6.95125 2.65825,6.95125 2.85425,7.14625 L6.50025,10.79325 L13.14625,4.14625 C13.34225,3.95125 13.65825,3.95125 13.85425,4.14625 C14.04925,4.34225 14.04925,4.65825 13.85425,4.85425 L6.85425,11.85425 C6.75625,11.95125 6.62825,12.00025 6.50025,12.00025'/%3E %3C/defs%3E %3Cg%3E %3Cuse xlink:href='%23check-a'/%3E %3C/g%3E %3C/svg%3E") center center no-repeat; }
    .euiCheckbox .euiCheckbox__input:focus ~ .euiCheckbox__square,
    .euiCheckbox .euiCheckbox__input:active:not(:disabled) ~ .euiCheckbox__square {
      -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
              box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
      border-color: #0079a5;
      border-width: 2px; }
    .euiCheckbox .euiCheckbox__input:focus:checked ~ .euiCheckbox__square {
      border-color: #005472; }
    .euiCheckbox .euiCheckbox__input:disabled,
    .euiCheckbox .euiCheckbox__input:disabled ~ .euiCheckbox__label {
      cursor: not-allowed; }
    .euiCheckbox .euiCheckbox__input:disabled:checked ~ .euiCheckbox__square {
      background-color: #D9D9D9;
      border-color: #D9D9D9; }
    .euiCheckbox .euiCheckbox__input:disabled:not(:checked) ~ .euiCheckbox__square {
      background-color: #F5F5F5; }
  .euiCheckbox .euiCheckbox__square {
    position: absolute;
    height: 24px;
    width: 24px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    background: #fbfbfb;
    z-index: 0;
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); }
  .euiCheckbox .euiCheckbox__check {
    height: 100%;
    width: 100%; }
  .euiCheckbox .euiCheckbox__label {
    padding-left: 32px;
    line-height: 24px;
    display: block;
    font-weight: 400;
    z-index: 2;
    font-size: 14px;
    cursor: pointer; }
  .euiCheckbox.euiCheckbox--inList {
    min-height: 16px; }
    .euiCheckbox.euiCheckbox--inList .euiCheckbox__square {
      height: 16px;
      width: 16px; }
    .euiCheckbox.euiCheckbox--inList .euiCheckbox__input {
      height: 16px;
      width: 16px; }

.euiCheckboxGroup__item + .euiCheckboxGroup__item {
  margin-top: 8px; }

.euiFieldNumber {
  max-width: 400px;
  width: 100%;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  color: #2D2D2D;
  background: #fbfbfb;
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
  -webkit-transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  border-radius: 0; }
  .euiFieldNumber--fullWidth {
    max-width: 100%; }
  .euiFieldNumber:invalid {
    /* 1 */
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000; }
  .euiFieldNumber:focus {
    /* 1 */
    background: white;
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5; }
  .euiFieldNumber:disabled {
    cursor: not-allowed;
    background: #f0f0f0;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); }
  .euiFieldNumber--withIcon {
    padding-left: 40px; }
  .euiFieldNumber-isLoading {
    padding-right: 40px; }

.euiFieldPassword {
  max-width: 400px;
  width: 100%;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  color: #2D2D2D;
  background: #fbfbfb;
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
  -webkit-transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  border-radius: 0;
  padding-left: 40px; }
  .euiFieldPassword--fullWidth {
    max-width: 100%; }
  .euiFieldPassword:invalid {
    /* 1 */
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000; }
  .euiFieldPassword:focus {
    /* 1 */
    background: white;
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5; }
  .euiFieldPassword:disabled {
    cursor: not-allowed;
    background: #f0f0f0;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); }
  .euiFieldPassword-isLoading {
    padding-right: 40px; }

.euiFieldSearch {
  max-width: 400px;
  width: 100%;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  color: #2D2D2D;
  background: #fbfbfb;
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
  -webkit-transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  border-radius: 0;
  padding-left: 40px;
  -webkit-appearance: textfield; }
  .euiFieldSearch--fullWidth {
    max-width: 100%; }
  .euiFieldSearch:invalid {
    /* 1 */
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000; }
  .euiFieldSearch:focus {
    /* 1 */
    background: white;
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5; }
  .euiFieldSearch:disabled {
    cursor: not-allowed;
    background: #f0f0f0;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); }
  .euiFieldSearch-isLoading {
    padding-right: 40px; }

.euiFieldText {
  max-width: 400px;
  width: 100%;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  color: #2D2D2D;
  background: #fbfbfb;
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
  -webkit-transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  border-radius: 0; }
  .euiFieldText--fullWidth {
    max-width: 100%; }
  .euiFieldText:invalid {
    /* 1 */
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000; }
  .euiFieldText:focus {
    /* 1 */
    background: white;
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5; }
  .euiFieldText:disabled {
    cursor: not-allowed;
    background: #f0f0f0;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); }
  .euiFieldText--withIcon {
    padding-left: 40px; }
  .euiFieldText-isLoading {
    padding-right: 40px; }

.euiForm__error {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  list-style: disc; }

.euiForm__errors {
  margin-bottom: 16px; }

.euiFormControlLayout {
  max-width: 400px;
  width: 100%;
  display: inline-block;
  position: relative; }
  .euiFormControlLayout.euiFormControlLayout--fullWidth {
    width: 100%;
    max-width: 100%; }
  .euiFormControlLayout .euiFormControlLayout__icon {
    position: absolute;
    top: 12px;
    left: 12px;
    pointer-events: none; }
  .euiFormControlLayout .euiFormControlLayout__icon--right {
    left: auto;
    right: 12px; }
    .euiFormControlLayout .euiFormControlLayout__icon--right ~ .euiFormControlLayout__loading {
      right: 32px; }
  .euiFormControlLayout .euiFormControlLayout__loading {
    position: absolute;
    top: 12px;
    right: 12px; }

.euiFormErrorText {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5;
  padding: 8px 0;
  color: #A30000; }

.euiFormHelpText {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5;
  padding: 8px 0;
  color: #666; }

/**
 * 1. Focused state overrides invalid state.
 */
.euiFormLabel {
  font-size: 12px;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  font-weight: 500; }
  .euiFormLabel.euiFormLabel-isInvalid {
    color: #A30000;
    /* 1 */ }
  .euiFormLabel.euiFormLabel-isFocused {
    color: #0079a5;
    /* 1 */ }

/**
 * 1. Coerce inline form elements to behave as block-level elements.
 * 2. For inline forms, we need to add padding if the label doesn't exist.
 */
.euiFormRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1 */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 1 */
  max-width: 400px; }
  .euiFormRow + * {
    margin-top: 24px; }
  .euiFormRow.euiFormRow--fullWidth {
    max-width: 100%; }
  .euiFormRow.euiFormRow--hasEmptyLabelSpace {
    padding-top: 20px;
    /* 2 */ }
  .euiFormRow .euiFormRow__text + .euiFormRow__text {
    padding-top: 0; }

.euiRadio {
  position: relative;
  min-height: 24px;
  /**
   * 1. Float above the visual radio and match its dimension, so that when users try to click it
   *    they actually click this input.
   */ }
  .euiRadio .euiRadio__input {
    position: absolute;
    /* 1 */
    opacity: 0;
    /* 1 */
    height: 24px;
    /* 1 */
    width: 24px;
    /* 1 */
    z-index: 1;
    /* 1 */
    margin: 0;
    /* 1 */
    cursor: pointer; }
    .euiRadio .euiRadio__input:checked ~ .euiRadio__circle {
      background: #0079a5;
      border-color: #0079a5; }
      .euiRadio .euiRadio__input:checked ~ .euiRadio__circle .euiRadio__check {
        border-color: #0079a5;
        background-color: #FFF;
        -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E %3Cdefs%3E %3Cpath id='check-a' d='M6.50025,12.00025 C6.37225,12.00025 6.24425,11.95125 6.14625,11.85425 L2.14625,7.85425 C1.95125,7.65825 1.95125,7.34225 2.14625,7.14625 C2.34225,6.95125 2.65825,6.95125 2.85425,7.14625 L6.50025,10.79325 L13.14625,4.14625 C13.34225,3.95125 13.65825,3.95125 13.85425,4.14625 C14.04925,4.34225 14.04925,4.65825 13.85425,4.85425 L6.85425,11.85425 C6.75625,11.95125 6.62825,12.00025 6.50025,12.00025'/%3E %3C/defs%3E %3Cg%3E %3Cuse xlink:href='%23check-a'/%3E %3C/g%3E %3C/svg%3E") center center no-repeat;
                mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E %3Cdefs%3E %3Cpath id='check-a' d='M6.50025,12.00025 C6.37225,12.00025 6.24425,11.95125 6.14625,11.85425 L2.14625,7.85425 C1.95125,7.65825 1.95125,7.34225 2.14625,7.14625 C2.34225,6.95125 2.65825,6.95125 2.85425,7.14625 L6.50025,10.79325 L13.14625,4.14625 C13.34225,3.95125 13.65825,3.95125 13.85425,4.14625 C14.04925,4.34225 14.04925,4.65825 13.85425,4.85425 L6.85425,11.85425 C6.75625,11.95125 6.62825,12.00025 6.50025,12.00025'/%3E %3C/defs%3E %3Cg%3E %3Cuse xlink:href='%23check-a'/%3E %3C/g%3E %3C/svg%3E") center center no-repeat; }
    .euiRadio .euiRadio__input:focus ~ .euiRadio__circle,
    .euiRadio .euiRadio__input:active:not(:disabled) ~ .euiRadio__circle {
      -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
              box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
      border-color: #0079a5;
      border-width: 2px; }
    .euiRadio .euiRadio__input:focus:checked ~ .euiRadio__circle {
      border-color: #005472; }
    .euiRadio .euiRadio__input:disabled,
    .euiRadio .euiRadio__input:disabled ~ .euiRadio__label {
      cursor: not-allowed; }
    .euiRadio .euiRadio__input:disabled:checked ~ .euiRadio__circle {
      background-color: #D9D9D9;
      border-color: #D9D9D9; }
    .euiRadio .euiRadio__input:disabled:not(:checked) ~ .euiRadio__circle {
      background-color: #F5F5F5; }
  .euiRadio .euiRadio__circle {
    position: absolute;
    height: 24px;
    width: 24px;
    border-radius: 24px;
    border: 1px solid #D9D9D9;
    background: #fbfbfb;
    z-index: 0;
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); }
  .euiRadio .euiRadio__check {
    height: 100%;
    width: 100%; }
  .euiRadio .euiRadio__label {
    padding-left: 32px;
    line-height: 24px;
    display: block;
    font-weight: 400;
    z-index: 2;
    font-size: 14px;
    cursor: pointer; }
  .euiRadio.euiRadio--inList {
    min-height: 16px; }
    .euiRadio.euiRadio--inList .euiRadio__circle {
      height: 16px;
      width: 16px; }
    .euiRadio.euiRadio--inList .euiRadio__input {
      height: 16px;
      width: 16px; }

.euiRadioGroup__item + .euiRadioGroup__item {
  margin-top: 8px; }

.euiRange {
  max-width: 400px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 8px 0; }
  .euiRange.euiRange--fullWidth {
    max-width: 100%; }
  .euiRange:disabled {
    cursor: not-allowed; }
    .euiRange:disabled::-webkit-slider-thumb {
      border-color: #D9D9D9; }
    .euiRange:disabled::-moz-range-thumb {
      border-color: #D9D9D9; }
    .euiRange:disabled::-ms-thumb {
      border-color: #D9D9D9; }
    .euiRange:disabled::-webkit-slider-runnable-track {
      background-color: #D9D9D9; }
  .euiRange:focus::-webkit-slider-thumb {
    border: 2px solid #0079a5; }
  .euiRange:focus::-moz-range-thumb {
    border: 2px solid #0079a5; }
  .euiRange:focus::-ms-thumb {
    border: 2px solid #0079a5; }
  .euiRange:focus::-webkit-slider-runnable-track {
    background-color: #0079a5; }
  .euiRange::-webkit-slider-runnable-track {
    cursor: pointer;
    height: 2px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    width: 100%;
    background: #D9D9D9;
    border: 0 solid #D9D9D9;
    border-radius: 4px; }
  .euiRange::-webkit-slider-thumb {
    background: #FFF;
    border: 2px solid #2D2D2D;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    width: 16px;
    -webkit-appearance: none;
    margin-top: -7px; }
  .euiRange::-moz-range-track {
    cursor: pointer;
    height: 2px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    width: 100%;
    background: #D9D9D9;
    border: 0 solid #D9D9D9;
    border-radius: 4px; }
  .euiRange::-moz-range-thumb {
    background: #FFF;
    border: 2px solid #2D2D2D;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    width: 16px; }
  .euiRange::-ms-track {
    cursor: pointer;
    height: 2px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    width: 100%;
    background: transparent;
    border-color: transparent;
    border-width: 8px 0;
    color: transparent; }
  .euiRange::-ms-fill-lower {
    background: #D9D9D9;
    border: 0 solid #D9D9D9;
    border-radius: 8px; }
  .euiRange::-ms-fill-upper {
    background: #D9D9D9;
    border: 0 solid #D9D9D9;
    border-radius: 8px; }
  .euiRange::-ms-thumb {
    background: #FFF;
    border: 2px solid #2D2D2D;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin-top: 0; }

/**
 * 1. Leave room for caret.
 */
.euiSelect {
  max-width: 400px;
  width: 100%;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  color: #2D2D2D;
  background: #fbfbfb;
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
  -webkit-transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  border-radius: 0;
  padding-right: 40px;
  /* 1 */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .euiSelect--fullWidth {
    max-width: 100%; }
  .euiSelect:invalid {
    /* 1 */
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000; }
  .euiSelect:focus {
    /* 1 */
    background: white;
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5; }
  .euiSelect:disabled {
    cursor: not-allowed;
    background: #f0f0f0;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); }
  .euiSelect-isLoading {
    padding-right: 56px; }
  .euiSelect::-ms-expand {
    display: none; }

.euiSwitch {
  position: relative;
  display: inline-block;
  min-height: 24px;
  /**
   * 1. The input is "hidden" but still focusable.
   */
  /**
   * The thumb is slightly scaled when in use, unless it's disabled.
   */
  /**
   * When input is not checked, we shift around the positioning of sibling/child selectors.
   */ }
  .euiSwitch .euiSwitch__label {
    padding-left: 8px;
    line-height: 24px;
    font-size: 14px; }
  .euiSwitch .euiSwitch__input {
    position: absolute;
    opacity: 0;
    /* 1 */
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .euiSwitch .euiSwitch__input:focus + .euiSwitch__body .euiSwitch__thumb {
    border-color: #0079a5;
    border-width: 2px; }
  .euiSwitch .euiSwitch__body {
    pointer-events: none;
    width: 52px;
    height: 24px;
    background-color: #0079a5;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    position: relative;
    border-radius: 24px;
    vertical-align: middle; }
  .euiSwitch .euiSwitch__thumb {
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #FFF;
    left: 28px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
    -webkit-transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
  .euiSwitch .euiSwitch__track {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: 24px; }
  .euiSwitch .euiSwitch__icon {
    position: absolute;
    right: -40px;
    top: 4px;
    bottom: 0;
    width: 48px;
    height: 16px;
    -webkit-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
    fill: #2D2D2D; }
  .euiSwitch .euiSwitch__icon--checked {
    right: auto;
    left: -8px;
    fill: #FFF; }
  .euiSwitch:hover .euiSwitch__input:not(:disabled) ~ .euiSwitch__body .euiSwitch__thumb {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  .euiSwitch:active .euiSwitch__thumb {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  .euiSwitch .euiSwitch__input:disabled:hover {
    cursor: not-allowed; }
  .euiSwitch .euiSwitch__input:checked:disabled ~ .euiSwitch__body {
    background: #D9D9D9; }
  .euiSwitch .euiSwitch__input:disabled ~ .euiSwitch__body {
    background: #F5F5F5;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); }
  .euiSwitch .euiSwitch__input:checked:focus + .euiSwitch__body .euiSwitch__thumb {
    border-color: #005472; }
  .euiSwitch .euiSwitch__input:not(:checked) ~ .euiSwitch__body {
    background-color: #fbfbfb;
    -webkit-box-shadow: inset 0 0 0 1px #D9D9D9;
            box-shadow: inset 0 0 0 1px #D9D9D9; }
    .euiSwitch .euiSwitch__input:not(:checked) ~ .euiSwitch__body .euiSwitch__thumb {
      left: 0; }
    .euiSwitch .euiSwitch__input:not(:checked) ~ .euiSwitch__body .euiSwitch__icon {
      right: -8px; }
      .euiSwitch .euiSwitch__input:not(:checked) ~ .euiSwitch__body .euiSwitch__icon.euiSwitch__icon--checked {
        right: auto;
        left: -40px; }

.euiTextArea {
  max-width: 400px;
  width: 100%;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  color: #2D2D2D;
  background: #fbfbfb;
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), inset -400px 0 0 0 #fbfbfb;
  -webkit-transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in;
  transition: box-shadow 250ms ease-in, background 250ms ease-in, -webkit-box-shadow 250ms ease-in;
  border-radius: 0;
  line-height: 1.5; }
  .euiTextArea--fullWidth {
    max-width: 100%; }
  .euiTextArea:invalid {
    /* 1 */
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 #FFF, inset 0 -2px 0 0 #A30000; }
  .euiTextArea:focus {
    /* 1 */
    background: white;
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5;
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 0 white, inset 0 -2px 0 0 #0079a5; }
  .euiTextArea:disabled {
    cursor: not-allowed;
    background: #f0f0f0;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); }

.euiHeader {
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FFF;
  border-bottom: 1px solid #D9D9D9; }

.euiHeader__notification {
  display: inline-block;
  border-radius: 4px;
  background: #DD0A73;
  color: #FFF;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  min-width: 16px;
  vertical-align: middle; }

/**
 * 1. Override KeyPadMenu.
 */
.euiHeaderPopover {
  top: 100% !important;
  /* 1 */
  width: 320px; }

.euiHeaderProfile {
  text-align: left;
  padding-bottom: 16px; }

.euiHeaderLogo {
  text-align: left;
  position: relative;
  height: 64px;
  padding: 16px 24px;
  display: inline-block;
  vertical-align: middle; }
  .euiHeaderLogo:hover {
    text-decoration: underline; }
  .euiHeaderLogo:focus {
    text-decoration: underline;
    background: #e6f2f6; }

.euiHeaderLogo__icon {
  height: 32px;
  width: 24px;
  opacity: 1; }

.euiHeaderAlert {
  text-align: left;
  min-width: 300px;
  position: relative;
  margin: 0 -16px;
  padding: 16px;
  border-top: 1px solid #D9D9D9; }
  .euiHeaderAlert .euiHeaderAlert__dismiss {
    opacity: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    -webkit-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in;
    cursor: pointer;
    height: auto;
    width: auto; }
  .euiHeaderAlert:hover .euiHeaderAlert__dismiss,
  .euiHeaderAlert .euiHeaderAlert__dismiss:focus {
    opacity: 1; }
  .euiHeaderAlert .euiHeaderAlert__title {
    font-weight: 500;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    padding-right: 24px; }
  .euiHeaderAlert .euiHeaderAlert__text {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 1.5;
    margin-bottom: 8px; }
  .euiHeaderAlert .euiHeaderAlert__action {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 1.5;
    color: #0079a5; }
    .euiHeaderAlert .euiHeaderAlert__action:focus {
      outline: solid 6px #e6f2f6; }
  .euiHeaderAlert .euiHeaderAlert__date {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 1.5;
    color: #666; }

.euiHeaderBreadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.euiHeaderBreadcrumb {
  display: inline-block;
  height: 64px;
  line-height: 64px;
  padding: 0 16px;
  position: relative;
  color: #3F3F3F; }
  .euiHeaderBreadcrumb:not(:last-child):after {
    position: absolute;
    top: 24px;
    right: -3px;
    content: "";
    width: 1px;
    height: 16px;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    background: #D9D9D9; }
  .euiHeaderBreadcrumb:not(.euiHeaderBreadcrumb--collapsed) {
    text-align: left; }
    .euiHeaderBreadcrumb:not(.euiHeaderBreadcrumb--collapsed):hover {
      text-decoration: underline; }
    .euiHeaderBreadcrumb:not(.euiHeaderBreadcrumb--collapsed):focus {
      text-decoration: underline;
      background: #e6f2f6; }
  .euiHeaderBreadcrumb.euiHeaderBreadcrumb-isActive {
    color: #999; }

.euiHeaderBreadcrumb__text {
  white-space: nowrap;
  max-width: 150px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden; }

.euiHeaderBreadcrumb--collapsed {
  color: #D9D9D9; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiHeaderBreadcrumb {
    display: none; }
    .euiHeaderBreadcrumb:nth-last-child(-n+4) {
      display: inline-block; } }

@media only screen and (min-width: 769px) and (max-width: 991px) {
  .euiHeaderBreadcrumb {
    display: none; }
    .euiHeaderBreadcrumb:nth-last-child(-n+2) {
      display: inline-block; } }

@media only screen and (max-width: 768px) {
  .euiHeaderBreadcrumb {
    display: none; } }

.euiHeaderSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.euiHeaderSection--left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.euiHeaderSection--right {
  -ms-flex-negative: 1;
      flex-shrink: 1; }

.euiHeaderSectionItem {
  position: relative; }
  .euiHeaderSectionItem:hover {
    background: #F5F5F5; }
  .euiHeaderSectionItem:after {
    position: absolute;
    content: "";
    width: 1px;
    top: 16px;
    bottom: 0;
    background: #D9D9D9;
    left: 0; }

.euiHeaderSectionItem__button {
  height: 64px;
  min-width: 64px;
  text-align: center; }
  .euiHeaderSectionItem__button:focus {
    background: #e6f2f6; }

.euiHeaderSectionItem--borderRight:after {
  left: auto;
  right: 0; }

.euiHealth {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  display: inline-block; }

.euiHorizontalRule {
  border: none;
  height: 1px;
  background-color: #D9D9D9; }
  .euiHorizontalRule.euiHorizontalRule--full {
    width: 100%; }
  .euiHorizontalRule.euiHorizontalRule--half {
    width: 50%;
    margin-left: auto;
    margin-right: auto; }
  .euiHorizontalRule.euiHorizontalRule--quarter {
    width: 25%;
    margin-left: auto;
    margin-right: auto; }

.euiHorizontalRule--marginXSmall {
  margin: 8px 0; }

.euiHorizontalRule--marginSmall {
  margin: 12px 0; }

.euiHorizontalRule--marginMedium {
  margin: 16px 0; }

.euiHorizontalRule--marginLarge {
  margin: 24px 0; }

.euiHorizontalRule--marginXLarge {
  margin: 32px 0; }

.euiHorizontalRule--marginXXLarge {
  margin: 40px 0; }

.euiIcon {
  display: inline-block;
  vertical-align: middle;
  fill: currentColor; }
  .euiIcon:focus {
    opacity: 1;
    background: #e6f2f6; }

.euiIcon--text {
  fill: #2D2D2D; }

.euiIcon--subdued {
  fill: #999; }

.euiIcon--primary {
  fill: #0079a5; }

.euiIcon--secondary {
  fill: #00A69B; }

.euiIcon--success {
  fill: #00A69B; }

.euiIcon--accent {
  fill: #DD0A73; }

.euiIcon--warning {
  fill: #E5830E; }

.euiIcon--danger {
  fill: #A30000; }

.euiIcon--ghost {
  fill: #FFF; }

.euiIcon--small {
  width: 12px;
  height: 12px; }

.euiIcon--medium {
  width: 16px;
  height: 16px; }

.euiIcon--large {
  width: 24px;
  height: 24px; }

.euiIcon--xLarge {
  width: 32px;
  height: 32px; }

.euiIcon--xxLarge {
  width: 40px;
  height: 40px; }

.euiImage {
  display: inline-block;
  max-width: 100%;
  position: relative; }
  .euiImage.euiImage--hasShadow .euiImage__img {
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2); }
  .euiImage.euiImage--allowFullScreen:hover .euiImage__img {
    cursor: pointer; }
  .euiImage.euiImage--allowFullScreen:hover .euiImage__icon {
    visibility: visible;
    opacity: 1; }
  .euiImage.euiImage--small {
    width: 8.57143rem; }
  .euiImage.euiImage--medium {
    width: 14.28571rem; }
  .euiImage.euiImage--large {
    width: 25.71429rem; }
  .euiImage.euiImage--xlarge {
    width: 42.85714rem; }
  .euiImage.euiImage--fullWidth {
    width: 100%; }

.euiImage__img {
  width: 100%; }

.euiImage__caption {
  text-align: center;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5; }

.euiImage__icon {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: opacity 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: opacity 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  cursor: pointer; }

.euiImageFullScreen {
  max-height: 80vh;
  max-width: 80vw;
  -webkit-animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1);
          animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1); }
  .euiImageFullScreen .euiImageFullScreen__img {
    max-height: 80vh;
    max-width: 80vw;
    cursor: pointer; }
  .euiImageFullScreen:hover .euiImageFullScreen__img {
    cursor: pointer; }

@-webkit-keyframes euiImageFullScreen {
  0% {
    opacity: 0;
    -webkit-transform: translateY(64px);
            transform: translateY(64px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes euiImageFullScreen {
  0% {
    opacity: 0;
    -webkit-transform: translateY(64px);
            transform: translateY(64px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/**
 * Dial menu is a phone like dial comprised of an svg icon and a title.
 */
/**
 * 1. Default to grid of 3
 */
.euiKeyPadMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 288px; }

/**
 * 1. If this class is applied to a button, we need to override the Chrome default font.
 */
.euiKeyPadMenuItem {
  display: block;
  padding: 16px;
  height: 96px;
  width: 96px;
  color: #666;
  border: 1px solid #D9D9D9;
  border-color: transparent;
  border-radius: 4px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  /* 1 */ }
  .euiKeyPadMenuItem:hover, .euiKeyPadMenuItem:focus {
    border-color: #D9D9D9; }
    .euiKeyPadMenuItem:hover .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:focus .euiKeyPadMenuItem__icon {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .euiKeyPadMenuItem:focus {
    background: #e6f2f6; }
    .euiKeyPadMenuItem:focus .euiKeyPadMenuItem__label {
      text-decoration: underline; }

.euiKeyPadMenuItem__inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.euiKeyPadMenuItem__icon {
  -webkit-transition: -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 250ms;
  transition: -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 250ms;
  transition: transform cubic-bezier(0.34, 1.61, 0.7, 1) 250ms;
  transition: transform cubic-bezier(0.34, 1.61, 0.7, 1) 250ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 250ms;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  margin-bottom: 8px; }

.euiKeyPadMenuItem__label {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center; }

.euiLink {
  text-align: left; }
  .euiLink:hover {
    text-decoration: underline; }
  .euiLink:focus {
    text-decoration: underline;
    background: #e6f2f6; }

.euiLink.euiLink--subdued {
  color: #666; }
  .euiLink.euiLink--subdued:hover {
    color: #4d4d4d; }
  .euiLink.euiLink--subdued:focus {
    outline: solid 3px rgba(102, 102, 102, 0.1);
    background-color: rgba(102, 102, 102, 0.1); }

.euiLink.euiLink--primary {
  color: #0079a5; }
  .euiLink.euiLink--primary:hover {
    color: #005472; }
  .euiLink.euiLink--primary:focus {
    outline: solid 3px rgba(0, 121, 165, 0.1);
    background-color: rgba(0, 121, 165, 0.1); }

.euiLink.euiLink--secondary {
  color: #00A69B; }
  .euiLink.euiLink--secondary:hover {
    color: #00736b; }
  .euiLink.euiLink--secondary:focus {
    outline: solid 3px rgba(0, 166, 155, 0.1);
    background-color: rgba(0, 166, 155, 0.1); }

.euiLink.euiLink--accent {
  color: #DD0A73; }
  .euiLink.euiLink--accent:hover {
    color: #ac085a; }
  .euiLink.euiLink--accent:focus {
    outline: solid 3px rgba(221, 10, 115, 0.1);
    background-color: rgba(221, 10, 115, 0.1); }

.euiLink.euiLink--warning {
  color: #E5830E; }
  .euiLink.euiLink--warning:hover {
    color: #b5680b; }
  .euiLink.euiLink--warning:focus {
    outline: solid 3px rgba(229, 131, 14, 0.1);
    background-color: rgba(229, 131, 14, 0.1); }

.euiLink.euiLink--danger {
  color: #A30000; }
  .euiLink.euiLink--danger:hover {
    color: #700000; }
  .euiLink.euiLink--danger:focus {
    outline: solid 3px rgba(163, 0, 0, 0.1);
    background-color: rgba(163, 0, 0, 0.1); }

.euiLink.euiLink--ghost {
  color: #FFF; }
  .euiLink.euiLink--ghost:hover {
    color: #e6e6e6; }
  .euiLink.euiLink--ghost:focus {
    outline: solid 3px rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1); }

.euiLoadingKibana {
  position: relative;
  display: inline-block; }
  .euiLoadingKibana:before, .euiLoadingKibana:after {
    position: absolute;
    content: "";
    width: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 50%;
    opacity: 0.2;
    -webkit-transform-origin: -50% -50%;
            transform-origin: -50% -50%;
    z-index: 1; }
  .euiLoadingKibana:before {
    -webkit-box-shadow: 0 0 8px #000;
            box-shadow: 0 0 8px #000;
    -webkit-animation: 1s euiLoadingKibanaPulsateAndFade cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
            animation: 1s euiLoadingKibanaPulsateAndFade cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
  .euiLoadingKibana:after {
    background-color: #000;
    -webkit-animation: 1s euiLoadingKibanaPulsate cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
            animation: 1s euiLoadingKibanaPulsate cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }

/**
 * 1. Requires pixel math for animation.
 */
.euiLoadingKibana--medium:before, .euiLoadingKibana--medium:after {
  height: 3px;
  /* 1 */
  bottom: -4px; }

.euiLoadingKibana--medium .euiLoadingKibana__icon {
  z-index: 999;
  -webkit-animation: 1s euiLoadingKibanaBounceMedium cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
          animation: 1s euiLoadingKibanaBounceMedium cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }

/**
 * 1. Requires pixel math for animation.
 */
.euiLoadingKibana--large:before, .euiLoadingKibana--large:after {
  height: 6px;
  /* 1 */
  bottom: -8px; }

.euiLoadingKibana--large .euiLoadingKibana__icon {
  -webkit-animation: 1s euiLoadingKibanaBounceLarge cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
          animation: 1s euiLoadingKibanaBounceLarge cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }

.euiLoadingKibana--xLarge:before, .euiLoadingKibana--xLarge:after {
  height: 8px;
  bottom: -12px; }

.euiLoadingKibana--xLarge .euiLoadingKibana__icon {
  -webkit-animation: 1s euiLoadingKibanaBounceXLarge cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
          animation: 1s euiLoadingKibanaBounceXLarge cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }

@-webkit-keyframes euiLoadingKibanaBounceMedium {
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); } }

@keyframes euiLoadingKibanaBounceMedium {
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); } }

@-webkit-keyframes euiLoadingKibanaBounceLarge {
  50% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px); } }

@keyframes euiLoadingKibanaBounceLarge {
  50% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px); } }

@-webkit-keyframes euiLoadingKibanaBounceXLarge {
  50% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px); } }

@keyframes euiLoadingKibanaBounceXLarge {
  50% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px); } }

@-webkit-keyframes euiLoadingKibanaPulsateAndFade {
  0% {
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.1; }
  100% {
    opacity: 0; } }

@keyframes euiLoadingKibanaPulsateAndFade {
  0% {
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes euiLoadingKibanaPulsate {
  0% {
    opacity: 0.15; }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.05; }
  100% {
    opacity: 0.15; } }

@keyframes euiLoadingKibanaPulsate {
  0% {
    opacity: 0.15; }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.05; }
  100% {
    opacity: 0.15; } }

.euiLoadingChart {
  height: 32px;
  z-index: 500;
  overflow: hidden;
  display: inline-block; }

.euiLoadingChart__bar {
  height: 100%;
  width: 8px;
  display: inline-block;
  float: left;
  margin-bottom: -16px;
  margin-left: 2px;
  -webkit-animation: euiLoadingChart 1s infinite;
          animation: euiLoadingChart 1s infinite; }
  .euiLoadingChart__bar:nth-child(1) {
    background-color: #0079a5; }
  .euiLoadingChart__bar:nth-child(2) {
    background-color: #00A69B;
    -webkit-animation-delay: .1s;
            animation-delay: .1s; }
  .euiLoadingChart__bar:nth-child(3) {
    background-color: #DD0A73;
    -webkit-animation-delay: .2s;
            animation-delay: .2s; }
  .euiLoadingChart__bar:nth-child(4) {
    background-color: #3F3F3F;
    -webkit-animation-delay: .3s;
            animation-delay: .3s; }

.euiLoadingChart--mono .euiLoadingChart__bar:nth-child(1) {
  background-color: #D9D9D9; }

.euiLoadingChart--mono .euiLoadingChart__bar:nth-child(2) {
  background-color: #cfcfcf; }

.euiLoadingChart--mono .euiLoadingChart__bar:nth-child(3) {
  background-color: #c5c5c5; }

.euiLoadingChart--mono .euiLoadingChart__bar:nth-child(4) {
  background-color: #bababa; }

.euiLoadingChart--medium {
  height: 16px; }
  .euiLoadingChart--medium > div {
    width: 2px;
    margin-left: 2px;
    margin-bottom: 8px; }

.euiLoadingChart--large {
  height: 24px; }
  .euiLoadingChart--large > div {
    width: 4px;
    margin-left: 2px;
    margin-bottom: 12px; }

.euiLoadingChart--xLarge {
  height: 32px; }
  .euiLoadingChart--xLarge > div {
    width: 8px;
    margin-left: 4px;
    margin-bottom: 16px; }

@-webkit-keyframes euiLoadingChart {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(66%);
            transform: translateY(66%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes euiLoadingChart {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(66%);
            transform: translateY(66%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.euiLoadingSpinner {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #D9D9D9;
  border-top-color: #0079a5;
  -webkit-animation: euiLoadingSpinner .6s infinite linear;
          animation: euiLoadingSpinner .6s infinite linear; }

.euiLoadingSpinner--small {
  width: 8px;
  height: 8px;
  border-width: 1px; }

.euiLoadingSpinner--medium {
  width: 16px;
  height: 16px;
  border-width: 1px; }

.euiLoadingSpinner--large {
  width: 24px;
  height: 24px; }

.euiLoadingSpinner--xLarge {
  width: 32px;
  height: 32px; }

@-webkit-keyframes euiLoadingSpinner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes euiLoadingSpinner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

.euiModal {
  -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  z-index: 8000;
  padding: 32px;
  min-width: 50%;
  -webkit-animation: euiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
          animation: euiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1); }

.euiModal--confirmation {
  width: 450px;
  min-width: auto; }

.euiModalHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.euiModalHeader__title {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.5; }

.euiModalBody {
  padding: 32px 0; }

.euiModalFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .euiModalFooter > * + * {
    margin-left: 16px; }

@-webkit-keyframes euiModal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(32px);
            transform: translateY(32px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes euiModal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(32px);
            transform: translateY(32px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.euiOverlayMask {
  position: fixed;
  z-index: 6000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10vh;
  -webkit-animation: euiAnimFadeIn 150ms ease-in;
          animation: euiAnimFadeIn 150ms ease-in; }

.euiBody-hasOverlayMask {
  overflow: hidden; }

.euiPage {
  padding: 16px; }

.euiPageBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 400px; }

@media only screen and (max-width: 768px) {
  .euiPageBody {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.euiPageContent {
  width: 100%; }

.euiPageContent--verticalCenter {
  -ms-flex-item-align: center;
      align-self: center; }

.euiPageContent--horizontalCenter {
  width: auto;
  margin: auto; }

@media only screen and (max-width: 768px) {
  .euiPageContent {
    border-radius: 0;
    border: none; } }

.euiPageContentHeader {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

@media only screen and (max-width: 768px) {
  .euiPageContentHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.euiPageContentHeaderSection + .euiPageContentHeaderSection {
  margin-left: 32px; }

@media only screen and (max-width: 768px) {
  .euiPageContentHeaderSection {
    width: 100%; }
    .euiPageContentHeaderSection + .euiPageContentHeaderSection {
      margin-left: 0;
      margin-top: 16px; } }

/**
 * 1. Prevent side bar width from changing when content width changes.
 */
.euiPageSideBar {
  min-width: 192px;
  /* 1 */
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
  /* 1 */
  margin-right: 24px; }

@media only screen and (max-width: 768px) {
  .euiPageSideBar {
    width: 100%; } }

.euiPageHeader {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

@media only screen and (max-width: 768px) {
  .euiPageHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 16px;
    margin-bottom: 0; } }

.euiPageHeaderSection + .euiPageHeaderSection {
  margin-left: 32px; }

@media only screen and (max-width: 768px) {
  .euiPageHeaderSection {
    width: 100%; }
    .euiPageHeaderSection + .euiPageHeaderSection {
      margin-left: 0;
      margin-top: 16px; } }

.euiPagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.euiPaginationButton {
  font-size: 14px;
  padding: 0;
  height: 24px;
  min-width: 32px;
  text-align: center; }

.euiPaginationButton-isActive {
  pointer-events: none;
  background-color: #0079a5;
  color: #FFF;
  border-radius: 4px; }
  .euiPaginationButton-isActive:focus {
    background-color: #0079a5;
    color: #FFF; }

.euiPaginationButton-isPlaceholder {
  pointer-events: none;
  color: #999; }

@media only screen and (max-width: 768px) {
  .euiPaginationButton--hideOnMobile {
    display: none; } }

/**
 * Padding map referenced in:
 *  - Popover
*/
.euiPanel {
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .euiPanel.euiPanel--paddingSmall {
    padding: 8px; }
  .euiPanel.euiPanel--paddingMedium {
    padding: 16px; }
  .euiPanel.euiPanel--paddingLarge {
    padding: 24px; }
  .euiPanel.euiPanel--shadow {
    -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.1); }
  .euiPanel.euiPanel--flexGrowZero {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }

.euiPopover {
  display: inline-block;
  position: relative;
  vertical-align: middle; }
  .euiPopover.euiPopover-isOpen .euiPopover__panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }

/**
   * 1. Can expand further, but it looks weird if it's smaller than the originating button.
   * 2. Animation happens on the panel.
   */
.euiPopover__panel {
  position: absolute;
  z-index: 2000;
  min-width: 112px;
  /* 1 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, visibility cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 350ms;
  transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, visibility cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 350ms;
  transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, visibility cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 350ms;
  transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, visibility cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 350ms;
  opacity: 0;
  /* 2 */
  visibility: hidden;
  /* 2 */
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  /* 2 */ }
  .euiPopover__panel:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0; }
  .euiPopover__panel:after {
    position: absolute;
    content: "";
    height: 0;
    width: 0; }

.euiPopover--withTitle.euiPopover--anchorDownCenter .euiPopover__panel:after,
.euiPopover--withTitle.euiPopover--anchorDownLeft .euiPopover__panel:after,
.euiPopover--withTitle.euiPopover--anchorDownRight .euiPopover__panel:after {
  border-bottom-color: #F5F5F5; }

.euiPopover--anchorDownCenter.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(-50%) translateY(8px) translateZ(0);
          transform: translateX(-50%) translateY(8px) translateZ(0); }

.euiPopover--anchorDownLeft.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(0%) translateY(8px) translateZ(0);
          transform: translateX(0%) translateY(8px) translateZ(0); }

.euiPopover--anchorDownRight.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(-100%) translateY(8px) translateZ(0);
          transform: translateX(-100%) translateY(8px) translateZ(0); }

.euiPopover--anchorDownCenter .euiPopover__panel {
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%) translateY(24px) translateZ(0);
          transform: translateX(-50%) translateY(24px) translateZ(0); }
  .euiPopover--anchorDownCenter .euiPopover__panel:before {
    top: -16px;
    left: 50%;
    margin-left: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #D9D9D9; }
  .euiPopover--anchorDownCenter .euiPopover__panel:after {
    top: -15px;
    right: 0;
    left: 50%;
    margin-left: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #FFF; }

.euiPopover--anchorDownLeft .euiPopover__panel {
  left: 0;
  -webkit-transform: translateX(0%) translateY(24px) translateZ(0);
          transform: translateX(0%) translateY(24px) translateZ(0); }
  .euiPopover--anchorDownLeft .euiPopover__panel:before {
    top: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #D9D9D9;
    right: auto;
    left: 16px; }
  .euiPopover--anchorDownLeft .euiPopover__panel:after {
    top: -15px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #FFF;
    right: auto;
    left: 16px; }

.euiPopover--anchorDownRight .euiPopover__panel {
  left: 100%;
  -webkit-transform: translateX(-100%) translateY(24px) translateZ(0);
          transform: translateX(-100%) translateY(24px) translateZ(0); }
  .euiPopover--anchorDownRight .euiPopover__panel:before {
    top: -16px;
    margin-left: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #D9D9D9;
    right: 16px;
    left: auto; }
  .euiPopover--anchorDownRight .euiPopover__panel:after {
    top: -15px;
    margin-left: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #FFF;
    right: 16px;
    left: auto; }

.euiPopover--anchorUpCenter.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(-50%) translateY(-8px) translateZ(0);
          transform: translateX(-50%) translateY(-8px) translateZ(0); }

.euiPopover--anchorUpLeft.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(0%) translateY(-8px) translateZ(0);
          transform: translateX(0%) translateY(-8px) translateZ(0); }

.euiPopover--anchorUpRight.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(-100%) translateY(-8px) translateZ(0);
          transform: translateX(-100%) translateY(-8px) translateZ(0); }

.euiPopover--anchorUpCenter .euiPopover__panel {
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-24px) translateZ(0);
          transform: translateX(-50%) translateY(-24px) translateZ(0); }
  .euiPopover--anchorUpCenter .euiPopover__panel:before {
    bottom: -16px;
    left: 50%;
    margin-left: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #D9D9D9; }
  .euiPopover--anchorUpCenter .euiPopover__panel:after {
    bottom: -15px;
    right: 0;
    left: 50%;
    margin-left: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #FFF; }

.euiPopover--anchorUpLeft .euiPopover__panel {
  bottom: 100%;
  left: 0;
  -webkit-transform: translateX(0%) translateY(-24px) translateZ(0);
          transform: translateX(0%) translateY(-24px) translateZ(0); }
  .euiPopover--anchorUpLeft .euiPopover__panel:before {
    bottom: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #D9D9D9;
    right: auto;
    left: 16px; }
  .euiPopover--anchorUpLeft .euiPopover__panel:after {
    bottom: -15px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #FFF;
    right: auto;
    left: 16px; }

.euiPopover--anchorUpRight .euiPopover__panel {
  bottom: 100%;
  left: 100%;
  -webkit-transform: translateX(-100%) translateY(-24px) translateZ(0);
          transform: translateX(-100%) translateY(-24px) translateZ(0); }
  .euiPopover--anchorUpRight .euiPopover__panel:before {
    bottom: -16px;
    margin-left: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #D9D9D9;
    right: 16px;
    left: auto; }
  .euiPopover--anchorUpRight .euiPopover__panel:after {
    bottom: -15px;
    margin-left: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #FFF;
    right: 16px;
    left: auto; }

.euiPopover--withTitle.euiPopover--anchorLeftCenter .euiPopover__panel:after,
.euiPopover--withTitle.euiPopover--anchorLeftUp .euiPopover__panel:after,
.euiPopover--withTitle.euiPopover--anchorLeftDown .euiPopover__panel:after {
  border-left-color: #F5F5F5; }

.euiPopover--withTitle.euiPopover--anchorLeftUp .euiPopover__panel {
  top: 0; }
  .euiPopover--withTitle.euiPopover--anchorLeftUp .euiPopover__panel:before {
    top: 4px; }
  .euiPopover--withTitle.euiPopover--anchorLeftUp .euiPopover__panel:after {
    top: 4px; }

.euiPopover--anchorLeftCenter.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(-8px) translateY(-50%) translateZ(0);
          transform: translateX(-8px) translateY(-50%) translateZ(0); }

.euiPopover--anchorLeftUp.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(-8px) translateY(0) translateZ(0);
          transform: translateX(-8px) translateY(0) translateZ(0); }

.euiPopover--anchorLeftDown.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(-8px) translateY(-100%) translateZ(0);
          transform: translateX(-8px) translateY(-100%) translateZ(0); }

.euiPopover--anchorLeftCenter .euiPopover__panel {
  top: 50%;
  right: 100%;
  -webkit-transform: translateX(-24px) translateY(-50%) translateZ(0);
          transform: translateX(-24px) translateY(-50%) translateZ(0); }
  .euiPopover--anchorLeftCenter .euiPopover__panel:before {
    right: -16px;
    top: 50%;
    margin-top: -16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #D9D9D9; }
  .euiPopover--anchorLeftCenter .euiPopover__panel:after {
    right: -15px;
    top: 50%;
    margin-top: -16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #FFF; }

.euiPopover--anchorLeftUp .euiPopover__panel {
  top: -12px;
  right: 100%;
  -webkit-transform: translateX(-24px) translateY(0) translateZ(0);
          transform: translateX(-24px) translateY(0) translateZ(0); }
  .euiPopover--anchorLeftUp .euiPopover__panel:before {
    right: -16px;
    top: 16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #D9D9D9; }
  .euiPopover--anchorLeftUp .euiPopover__panel:after {
    right: -15px;
    top: 16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #FFF; }

.euiPopover--anchorLeftDown .euiPopover__panel {
  top: calc(100% + 12px);
  right: 100%;
  -webkit-transform: translateX(-24px) translateY(-100%) translateZ(0);
          transform: translateX(-24px) translateY(-100%) translateZ(0); }
  .euiPopover--anchorLeftDown .euiPopover__panel:before {
    right: -16px;
    bottom: 16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #D9D9D9; }
  .euiPopover--anchorLeftDown .euiPopover__panel:after {
    right: -15px;
    bottom: 16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #FFF; }

.euiPopover--withTitle.euiPopover--anchorRightCenter .euiPopover__panel:after,
.euiPopover--withTitle.euiPopover--anchorRightUp .euiPopover__panel:after,
.euiPopover--withTitle.euiPopover--anchorRightDown .euiPopover__panel:after {
  border-right-color: #F5F5F5; }

.euiPopover--withTitle.euiPopover--anchorRightUp .euiPopover__panel {
  top: 0; }
  .euiPopover--withTitle.euiPopover--anchorRightUp .euiPopover__panel:before {
    top: 4px; }
  .euiPopover--withTitle.euiPopover--anchorRightUp .euiPopover__panel:after {
    top: 4px; }

.euiPopover--anchorRightCenter.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(8px) translateY(-50%) translateZ(0);
          transform: translateX(8px) translateY(-50%) translateZ(0); }

.euiPopover--anchorRightUp.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(8px) translateY(0) translateZ(0);
          transform: translateX(8px) translateY(0) translateZ(0); }

.euiPopover--anchorRightDown.euiPopover-isOpen .euiPopover__panel {
  -webkit-transform: translateX(8px) translateY(-100%) translateZ(0);
          transform: translateX(8px) translateY(-100%) translateZ(0); }

.euiPopover--anchorRightCenter .euiPopover__panel {
  top: 50%;
  left: 100%;
  -webkit-transform: translateX(24px) translateY(-50%) translateZ(0);
          transform: translateX(24px) translateY(-50%) translateZ(0); }
  .euiPopover--anchorRightCenter .euiPopover__panel:before {
    left: -16px;
    top: 50%;
    margin-top: -16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #D9D9D9; }
  .euiPopover--anchorRightCenter .euiPopover__panel:after {
    left: -15px;
    top: 50%;
    margin-top: -16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #FFF; }

.euiPopover--anchorRightUp .euiPopover__panel {
  top: -12px;
  left: 100%;
  -webkit-transform: translateX(24px) translateY(0) translateZ(0);
          transform: translateX(24px) translateY(0) translateZ(0); }
  .euiPopover--anchorRightUp .euiPopover__panel:before {
    left: -16px;
    top: 16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #D9D9D9; }
  .euiPopover--anchorRightUp .euiPopover__panel:after {
    left: -15px;
    top: 16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #FFF; }

.euiPopover--anchorRightDown .euiPopover__panel {
  top: calc(100% + 12px);
  left: 100%;
  -webkit-transform: translateX(24px) translateY(-100%) translateZ(0);
          transform: translateX(24px) translateY(-100%) translateZ(0); }
  .euiPopover--anchorRightDown .euiPopover__panel:before {
    left: -16px;
    bottom: 16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #D9D9D9; }
  .euiPopover--anchorRightDown .euiPopover__panel:after {
    left: -15px;
    bottom: 16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #FFF; }

/**
 * Padding map referenced in:
 *  - Popover
*/
.euiPopoverTitle {
  background-color: #F5F5F5;
  padding: 12px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle {
    padding: 12px 8px;
    margin: -8px -8px 8px; }
  .euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle {
    padding: 12px 16px;
    margin: -16px -16px 16px; }
  .euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle {
    padding: 12px 24px;
    margin: -24px -24px 24px; }

.euiProgress {
  position: relative;
  overflow: hidden;
  background-color: #D9D9D9; }

.euiProgress--xs {
  height: 2px; }

.euiProgress--s {
  height: 4px; }

.euiProgress--m {
  height: 8px; }

.euiProgress--l {
  height: 16px; }

.euiProgress--native {
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none; }
  .euiProgress--native::-webkit-progress-bar {
    background-color: #D9D9D9; }
  .euiProgress--native::-webkit-progress-value {
    -webkit-transition: width 250ms linear;
    transition: width 250ms linear; }
  .euiProgress--native::-moz-progress-bar {
    -webkit-transition: width 250ms linear;
    transition: width 250ms linear; }

/**
 * An indeterminate bar has an unreliable end time. Because of a Firefox animation issue,
 * we apply this style to a <div> instead of a <progress> element.
 * See https://css-tricks.com/html5-progress-element/ for more info.
 */
.euiProgress--indeterminate:before {
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleX(0) translateX(0%);
          transform: scaleX(0) translateX(0%);
  -webkit-animation: euiProgress 1s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
          animation: euiProgress 1s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }

.euiProgress--primary.euiProgress--native::-webkit-progress-value {
  background-color: #0079a5; }

.euiProgress--primary.euiProgress--native::-moz-progress-bar {
  background-color: #0079a5; }

.euiProgress--primary.euiProgress--indeterminate:before {
  background-color: #0079a5; }

.euiProgress--secondary.euiProgress--native::-webkit-progress-value {
  background-color: #00A69B; }

.euiProgress--secondary.euiProgress--native::-moz-progress-bar {
  background-color: #00A69B; }

.euiProgress--secondary.euiProgress--indeterminate:before {
  background-color: #00A69B; }

.euiProgress--warning.euiProgress--native::-webkit-progress-value {
  background-color: #E5830E; }

.euiProgress--warning.euiProgress--native::-moz-progress-bar {
  background-color: #E5830E; }

.euiProgress--warning.euiProgress--indeterminate:before {
  background-color: #E5830E; }

.euiProgress--danger.euiProgress--native::-webkit-progress-value {
  background-color: #A30000; }

.euiProgress--danger.euiProgress--native::-moz-progress-bar {
  background-color: #A30000; }

.euiProgress--danger.euiProgress--indeterminate:before {
  background-color: #A30000; }

.euiProgress--accent.euiProgress--native::-webkit-progress-value {
  background-color: #DD0A73; }

.euiProgress--accent.euiProgress--native::-moz-progress-bar {
  background-color: #DD0A73; }

.euiProgress--accent.euiProgress--indeterminate:before {
  background-color: #DD0A73; }

.euiProgress--subdued.euiProgress--native::-webkit-progress-value {
  background-color: #999; }

.euiProgress--subdued.euiProgress--native::-moz-progress-bar {
  background-color: #999; }

.euiProgress--subdued.euiProgress--indeterminate:before {
  background-color: #999; }

.euiProgress--fixed {
  position: fixed; }

.euiProgress--absolute {
  position: absolute; }

.euiProgress--fixed,
.euiProgress--absolute {
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent; }
  .euiProgress--fixed.euiProgress--native::-webkit-progress-bar,
  .euiProgress--absolute.euiProgress--native::-webkit-progress-bar {
    background-color: transparent; }
  .euiProgress--fixed.euiProgress--native::-moz-progress-bar,
  .euiProgress--absolute.euiProgress--native::-moz-progress-bar {
    background-color: transparent; }

@-webkit-keyframes euiProgress {
  0% {
    -webkit-transform: scaleX(1) translateX(-100%);
            transform: scaleX(1) translateX(-100%); }
  100% {
    -webkit-transform: scaleX(1) translateX(100%);
            transform: scaleX(1) translateX(100%); } }

@keyframes euiProgress {
  0% {
    -webkit-transform: scaleX(1) translateX(-100%);
            transform: scaleX(1) translateX(-100%); }
  100% {
    -webkit-transform: scaleX(1) translateX(100%);
            transform: scaleX(1) translateX(100%); } }

.euiSideNav__mobileToggle {
  display: none;
  border-bottom: 1px solid #D9D9D9;
  padding: 16px 24px;
  width: 100%;
  text-align: left;
  /**
   * 1. This toggle also works with EUI link, but we need the outline
   *    that comes with the focus state.
   */ }
  .euiSideNav__mobileToggle:focus {
    outline: none; }

.euiSideNav__mobileIcon {
  fill: #0079a5; }

.euiSideNav__mobileWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.euiSideNav__mobileTitle {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #0079a5; }

.euiSideNav__hideButton {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #FFF;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  right: -40px;
  top: 32px; }

@media only screen and (max-width: 768px) {
  /**
   * 1. Animation doesn't work against height. Need max-height instead.
   *    We set a value larger than what is needed to fake "auto".
   */
  .euiSideNav-isOpenMobile .euiSideNav__content {
    visibility: visible;
    opacity: 1;
    margin: 24px;
    max-height: 5000px;
    /* 1 */
    -webkit-transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
  .euiSideNav__mobileToggle {
    display: block; }
  .euiSideNav__content {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    margin: 0 24px; } }

/**
 * 1. Text-align defaults to center, so we have to override that.
 * 2. Need this on the button element to color the underline.
 */
.euiSideNavItemButton {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  /* 1 */
  display: block;
  width: 100%;
  padding: 2px 0;
  color: #000;
  /* 2 */ }
  .euiSideNavItemButton:hover {
    text-decoration: underline; }
  .euiSideNavItemButton:focus {
    background-color: #e6f2f6 !important;
    color: #0079a5 !important; }
  .euiSideNavItemButton.euiSideNavItemButton-isOpen .euiSideNavItemButton__label {
    color: #000; }
  .euiSideNavItemButton.euiSideNavItemButton-isSelected .euiSideNavItemButton__label {
    color: #0079a5;
    font-weight: 500;
    text-decoration: underline; }

.euiSideNavItemButton__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.euiSideNavItemButton__icon {
  margin-right: 8px; }

/**
   * 1. Enable ellipsis overflow to work (https://css-tricks.com/flexbox-truncated-text/)
   */
.euiSideNavItemButton__labelContainer {
  min-width: 0;
  /* 1 */ }

.euiSideNavItemButton__label {
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/**
 * 1. Draw the vertical line to group an expanded item's child items together.
 */
.euiSideNavItem__items {
  position: relative; }
  .euiSideNavItem__items:after {
    /* 1 */
    position: absolute;
    content: "";
    top: 0;
    bottom: 12px;
    width: 1px;
    background: #D9D9D9;
    left: 0px; }

.euiSideNavItem--root {
  /**
   * 1. Create padding around focus area without indenting the item itself.
   * 2. Align icon and label to the left.
   */ }
  .euiSideNavItem--root.euiSideNavItem--rootIcon > .euiSideNavItem__items {
    margin-left: 24px; }
  .euiSideNavItem--root > .euiSideNavItemButton {
    margin-bottom: 8px;
    padding: 0;
    padding-left: 8px;
    /* 1 */
    padding-right: 8px;
    /* 1 */
    margin-left: -8px;
    /* 1 */
    width: calc(100% + 16px);
    /* 1 */ }
    .euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__content {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      /* 2 */ }
    .euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
      color: #000;
      font-weight: 500;
      font-size: 16px; }
  .euiSideNavItem--root > .euiSideNavItem__items {
    position: static;
    margin-left: 0; }
    .euiSideNavItem--root > .euiSideNavItem__items:after {
      display: none; }
  .euiSideNavItem--root + .euiSideNavItem--root {
    margin-top: 32px; }

.euiSideNavItem--trunk {
  /**
   * 1. Create padding around focus area without indenting the item itself.
   */ }
  .euiSideNavItem--trunk > .euiSideNavItemButton {
    padding-left: 8px;
    /* 1 */
    padding-right: 8px;
    /* 1 */
    margin-left: -8px;
    /* 1 */
    width: calc(100% + 16px);
    /* 1 */ }
  .euiSideNavItem--trunk > .euiSideNavItem__items {
    margin-left: 8px;
    width: 100%; }

.euiSideNavItem--branch {
  /**
   * 1. Absolutely position the horizontal tick connecting the item to the vertical line.
   */ }
  .euiSideNavItem--branch > .euiSideNavItemButton {
    position: relative;
    /* 1 */
    padding-left: 8px;
    padding-right: 8px;
    /* 1 */ }
    .euiSideNavItem--branch > .euiSideNavItemButton:after {
      position: absolute;
      /* 1 */
      content: "";
      top: 50%;
      left: 0;
      width: 4px;
      height: 1px;
      background: #D9D9D9; }
  .euiSideNavItem--branch > .euiSideNavItem__items {
    margin-left: 16px; }

.euiSpacer--xs {
  height: 4px; }

.euiSpacer--s {
  height: 8px; }

.euiSpacer--m {
  height: 16px; }

.euiSpacer--l {
  height: 24px; }

.euiSpacer--xl {
  height: 32px; }

.euiSpacer--xxl {
  height: 40px; }

/**
 * 1. Ensure that the step number vertically aligns with the title text
 */
.euiStep:last-of-type .euiStep__content {
  border-left-color: transparent; }

.euiStep .euiTitle {
  line-height: 32px;
  /* 1 */ }

.euiStep__title::before {
  content: attr(data-step-num);
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  margin-right: 16px;
  text-align: center;
  color: #FFF;
  background-color: #0079a5;
  font-size: 14px;
  font-weight: 500;
  vertical-align: top;
  /* 1 */ }

.euiStep__content {
  border-left: 2px solid #D9D9D9;
  padding: 16px;
  margin: 8px 0;
  padding-left: 31px;
  margin-left: 15px; }

/**
 * 1. Prevent cells from expanding based on content size. This substitutes for table-layout: fixed.
 */
/**
 * NOTE: table-layout: fixed causes a bug in IE11 and Edge (see #9929). It also prevents us from
 * specifying a column width, e.g. the checkbox column.
 */
.euiTable {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
  border: none;
  border-collapse: collapse;
  background-color: #FFF; }

.euiTable--compressed .euiTableCellContent {
  padding: 4px;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5; }

.euiTable--compressed .euiTableHeaderButton:focus {
  outline: solid 4px #e6f2f6; }

.euiTableHeaderCell {
  max-width: 20px;
  /* 1 */
  vertical-align: middle;
  color: #000; }
  .euiTableHeaderCell .euiTableHeaderButton {
    text-align: left; }

.euiTableHeaderCellCheckbox {
  width: 24px;
  vertical-align: middle; }
  .euiTableHeaderCellCheckbox .euiTableCellContent {
    padding-right: 0; }

.euiTableHeaderButton {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  color: inherit;
  width: 100%; }
  .euiTableHeaderButton:hover, .euiTableHeaderButton:focus {
    text-decoration: underline;
    color: #0079a5; }
    .euiTableHeaderButton:hover .euiTableSortIcon, .euiTableHeaderButton:focus .euiTableSortIcon {
      display: block;
      fill: #0079a5; }

.euiTableSortIcon {
  margin-left: 4px; }
  .euiTableHeaderButton-isSorted .euiTableSortIcon {
    fill: #000; }

.euiTableRow:hover {
  background-color: #fafafa; }

.euiTableRow.euiTableRow-isSelected {
  background-color: #eef6f9; }
  .euiTableRow.euiTableRow-isSelected:hover {
    background-color: #e6f2f6; }

.euiTableRowCell {
  max-width: 20px;
  /* 1 */
  vertical-align: middle;
  color: #2D2D2D;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9; }

.euiTableRowCellCheckbox {
  width: 24px;
  vertical-align: middle;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9; }
  .euiTableRowCellCheckbox .euiTableCellContent {
    padding-right: 0; }

/**
 * 1. Vertically align all children.
 * 2. The padding on this div allows the ellipsis to show if the content is truncated. If
 *    the padding was on the cell, the ellipsis would be cropped.
 * 3. Support wrapping.
 */
.euiTableCellContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 1 */
  padding: 8px;
  /* 2 */ }

.euiTableCellContent__text {
  min-width: 0;
  text-overflow: ellipsis; }

.euiTableCellContent--alignRight {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.euiTableCellContent--truncateText {
  white-space: nowrap;
  /* 3 */ }
  .euiTableCellContent--truncateText .euiTableCellContent__text {
    overflow: hidden; }

.euiTableCellContent--overflowingContent {
  overflow: visible;
  white-space: normal; }
  .euiTableCellContent--overflowingContent .euiTableCellContent__text {
    overflow: visible; }

.euiTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D9D9D9; }
  .euiTabs.euiTabs--small .euiTab {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    padding: 8px 8px; }

.euiTab {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
  cursor: pointer;
  padding: 12px 16px;
  color: #666;
  background-color: transparent;
  -webkit-transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
  .euiTab:hover:not(.euiTab-isSelected) {
    color: #2D2D2D;
    text-decoration: underline; }
  .euiTab:focus {
    background-color: #e6f2f6;
    text-decoration: underline; }
  .euiTab.euiTab-isDisabled {
    color: #999; }
    .euiTab.euiTab-isDisabled:hover {
      cursor: not-allowed;
      text-decoration: none;
      color: #999; }
  .euiTab.euiTab-isSelected {
    cursor: default;
    color: #0079a5; }
    .euiTab.euiTab-isSelected:after {
      position: absolute;
      bottom: -1px;
      left: 0;
      content: ' ';
      width: 100%;
      height: 2px;
      background-color: #0079a5;
      -webkit-animation: euiTab 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
              animation: euiTab 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }

.euiTab__content {
  display: block;
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: -webkit-transform 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: transform 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: transform 150ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -webkit-transform: translateY(0);
          transform: translateY(0); }

@-webkit-keyframes euiTab {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@keyframes euiTab {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

.euiTitle {
  color: #000;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.5; }

.euiTitle--small {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }

.euiTitle--large {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1.5; }

/**
 * 1. Allow list to expand as items are added, but cap it at the screen height.
 * 2. Only show the scroll on hover. Generally, scrolling is bad for toasts.
 * 3. Allow some padding if a scroll shows up.
 */
.euiGlobalToastList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: fixed;
  z-index: 9000;
  bottom: 0;
  right: 0;
  width: 336px;
  /* 3 */
  padding-right: 16px;
  max-height: 100vh;
  /* 1 */ }
  .euiGlobalToastList::-webkit-scrollbar {
    width: 16px;
    height: 16px; }
  .euiGlobalToastList::-webkit-scrollbar-thumb {
    background-color: rgba(102, 102, 102, 0.5);
    border: 6px solid transparent;
    background-clip: content-box; }
  .euiGlobalToastList::-webkit-scrollbar-track {
    background-color: transparent; }
  .euiGlobalToastList:hover {
    overflow-y: auto;
    /* 2 */ }

.euiGlobalToastListItem {
  margin-bottom: 16px;
  margin-right: 16px;
  -webkit-animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
          animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
  opacity: 1;
  /**
   * 1. justify-content: flex-end interferes with overflowing content, so we'll use this to push
   *    items to the bottom instead.
   */ }
  .euiGlobalToastListItem:first-child {
    margin-top: auto;
    /* 1 */ }
  .euiGlobalToastListItem.euiGlobalToastListItem-isDismissed {
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
    opacity: 0; }

@-webkit-keyframes euiShowToast {
  from {
    -webkit-transform: translateY(24px) scale(0.9);
            transform: translateY(24px) scale(0.9);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1; } }

@keyframes euiShowToast {
  from {
    -webkit-transform: translateY(24px) scale(0.9);
            transform: translateY(24px) scale(0.9);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1; } }

@media only screen and (max-width: 768px) {
  /**
   * 1. Mobile we make these 100%. Matching change happens on the item as well.
   */
  .euiGlobalToastList {
    left: 0;
    padding-left: 16px;
    width: 100%;
    /* 1 */ } }

.euiToast {
  -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 16px;
  background-color: #FFF;
  border: 1px solid #D9D9D9;
  width: 100%; }
  .euiToast:hover .euiToast__closeButton,
  .euiToast:focus .euiToast__closeButton {
    opacity: 1; }

/**
   * 1. Fit button to icon.
   */
.euiToast__closeButton {
  position: absolute;
  top: 16px;
  right: 16px;
  line-height: 0;
  /* 1 */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
  -webkit-transition: opacity 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: opacity 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
  .euiToast__closeButton svg {
    fill: gray; }
  .euiToast__closeButton:hover svg {
    fill: #000; }
  .euiToast__closeButton:focus {
    background-color: #e6f2f6;
    opacity: 1; }
    .euiToast__closeButton:focus svg {
      fill: #0079a5; }

.euiToast--primary {
  border-top: 2px solid #0079a5; }

.euiToast--success {
  border-top: 2px solid #00A69B; }

.euiToast--warning {
  border-top: 2px solid #E5830E; }

.euiToast--danger {
  border-top: 2px solid #A30000; }

/**
 * 1. Align icon with first line of title text if it wraps.
 * 2. Apply margin to all but last item in the flex.
 * 3. Account for close button.
 */
.euiToastHeader {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  padding-right: 24px;
  /* 3 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  /* 1 */ }
  .euiToastHeader > * + * {
    margin-left: 8px;
    /* 2 */ }

/**
   * 1. Vertically center icon with first line of title.
   */
.euiToastHeader__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  fill: #000;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  /* 1 */ }

.euiToastHeader__title {
  color: #000;
  font-weight: 500; }

.euiToastHeader--withBody {
  margin-bottom: 12px; }

.euiTooltip {
  display: inline-block; }

.euiTooltip__container {
  position: absolute;
  -webkit-transition: opacity 250ms ease-out 350ms, visibility 250ms ease-out 350ms, -webkit-transform 250ms ease-out 350ms;
  transition: opacity 250ms ease-out 350ms, visibility 250ms ease-out 350ms, -webkit-transform 250ms ease-out 350ms;
  transition: opacity 250ms ease-out 350ms, visibility 250ms ease-out 350ms, transform 250ms ease-out 350ms;
  transition: opacity 250ms ease-out 350ms, visibility 250ms ease-out 350ms, transform 250ms ease-out 350ms, -webkit-transform 250ms ease-out 350ms;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(0) translateY(-16px) translateY(0);
          transform: translateX(0) translateY(-16px) translateY(0); }
  .euiTooltip__container.euiTooltip--small {
    max-width: 160px; }
    .euiTooltip__container.euiTooltip--small .euiTooltip__content {
      white-space: inherit; }
  .euiTooltip__container.euiTooltip--medium {
    max-width: 240px; }
    .euiTooltip__container.euiTooltip--medium .euiTooltip__content {
      white-space: inherit; }
  .euiTooltip__container.euiTooltip--large {
    max-width: 480px; }
    .euiTooltip__container.euiTooltip--large .euiTooltip__content {
      white-space: inherit; }
  .euiTooltip--click .euiTooltip__container {
    -webkit-transition: opacity 250ms ease-out, visibility 250ms ease-out, -webkit-transform 250ms ease-out;
    transition: opacity 250ms ease-out, visibility 250ms ease-out, -webkit-transform 250ms ease-out;
    transition: opacity 250ms ease-out, visibility 250ms ease-out, transform 250ms ease-out;
    transition: opacity 250ms ease-out, visibility 250ms ease-out, transform 250ms ease-out, -webkit-transform 250ms ease-out; }
  .euiTooltip__container.euiTooltip-isVisible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0) translateY(0) translateZ(0) !important;
            transform: translateX(0) translateY(0) translateZ(0) !important; }
  .euiTooltip--right .euiTooltip__container {
    -webkit-transform: translateX(16px) translateY(0) translateZ(0);
            transform: translateX(16px) translateY(0) translateZ(0); }
  .euiTooltip--bottom .euiTooltip__container {
    -webkit-transform: translateX(0) translateY(16px) translateZ(0);
            transform: translateX(0) translateY(16px) translateZ(0); }
  .euiTooltip--left .euiTooltip__container {
    -webkit-transform: translateX(-16px) translateY(0) translateZ(0);
            transform: translateX(-16px) translateY(0) translateZ(0); }

.euiTooltip__content {
  -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #3F3F3F;
  border-radius: 4px;
  padding: 12px;
  color: #FFF;
  white-space: nowrap;
  position: relative; }
  .euiTooltip__content::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotateZ(45deg);
            transform: translateX(-50%) rotateZ(45deg);
    -webkit-transform-origin: center;
            transform-origin: center;
    background-color: #3F3F3F;
    width: 16px;
    height: 16px; }
    .euiTooltip--right .euiTooltip__content::before {
      bottom: 50%;
      left: -8px;
      -webkit-transform: translateY(50%) rotateZ(45deg);
              transform: translateY(50%) rotateZ(45deg); }
    .euiTooltip--bottom .euiTooltip__content::before {
      bottom: auto;
      top: -8px; }
    .euiTooltip--left .euiTooltip__content::before {
      bottom: 50%;
      left: auto;
      right: -8px;
      -webkit-transform: translateY(50%) rotateZ(45deg);
              transform: translateY(50%) rotateZ(45deg); }

.euiTooltip__title {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 8px;
  border-bottom: 1px solid #666; }

.euiText {
  color: #2D2D2D;
  font-weight: 400;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5; }
  .euiText a {
    color: #0079a5; }
    .euiText a:hover {
      color: #005472;
      text-decoration: underline; }
  .euiText img {
    display: block;
    width: 100%; }
  .euiText p,
  .euiText ul,
  .euiText ol,
  .euiText img {
    margin-bottom: 24px; }
  .euiText ul {
    list-style: disc;
    margin-left: 24px; }
  .euiText ol {
    list-style: decimal;
    margin-left: 24px; }
  .euiText * + h1,
  .euiText * + h2,
  .euiText * + h3,
  .euiText * + h4,
  .euiText * + h5,
  .euiText * + h6 {
    margin-top: 32px; }
  .euiText h1, .euiText h2, .euiText h3, .euiText h4, .euiText h5, .euiText h6 {
    color: #000;
    font-weight: 500;
    margin-bottom: 8px; }
  .euiText h1 {
    font-size: 200%; }
  .euiText h2 {
    font-size: 150%;
    line-height: 32px; }
  .euiText h3 {
    font-size: 112.5%;
    font-weight: 500; }
  .euiText.euiText--small {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5; }
    .euiText.euiText--small * + h1,
    .euiText.euiText--small * + h2,
    .euiText.euiText--small * + h3,
    .euiText.euiText--small * + h4,
    .euiText.euiText--small * + h5,
    .euiText.euiText--small * + h6 {
      margin-top: 24px; }
    .euiText.euiText--small p,
    .euiText.euiText--small ul,
    .euiText.euiText--small ol,
    .euiText.euiText--small h1,
    .euiText.euiText--small h2,
    .euiText.euiText--small h3,
    .euiText.euiText--small h4,
    .euiText.euiText--small h5,
    .euiText.euiText--small h6,
    .euiText.euiText--small img {
      margin-bottom: 14px; }
  .euiText.euiText--extraSmall {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 1.5; }
    .euiText.euiText--extraSmall * + h1,
    .euiText.euiText--extraSmall * + h2,
    .euiText.euiText--extraSmall * + h3,
    .euiText.euiText--extraSmall * + h4,
    .euiText.euiText--extraSmall * + h5,
    .euiText.euiText--extraSmall * + h6 {
      margin-top: 12px; }
    .euiText.euiText--extraSmall p,
    .euiText.euiText--extraSmall ul,
    .euiText.euiText--extraSmall ol,
    .euiText.euiText--extraSmall h1,
    .euiText.euiText--extraSmall h2,
    .euiText.euiText--extraSmall h3,
    .euiText.euiText--extraSmall h4,
    .euiText.euiText--extraSmall h5,
    .euiText.euiText--extraSmall h6,
    .euiText.euiText--extraSmall img {
      margin-bottom: 14px; }
  .euiText > :last-child {
    margin-bottom: 0 !important; }

.euiTextColor.euiTextColor--default {
  color: #2D2D2D !important; }
  .euiTextColor.euiTextColor--default * {
    color: #2D2D2D !important; }

.euiTextColor.euiTextColor--subdued {
  color: #666 !important; }
  .euiTextColor.euiTextColor--subdued * {
    color: #666 !important; }

.euiTextColor.euiTextColor--secondary {
  color: #00A69B !important; }
  .euiTextColor.euiTextColor--secondary * {
    color: #00A69B !important; }

.euiTextColor.euiTextColor--accent {
  color: #DD0A73 !important; }
  .euiTextColor.euiTextColor--accent * {
    color: #DD0A73 !important; }

.euiTextColor.euiTextColor--warning {
  color: #E5830E !important; }
  .euiTextColor.euiTextColor--warning * {
    color: #E5830E !important; }

.euiTextColor.euiTextColor--danger {
  color: #A30000 !important; }
  .euiTextColor.euiTextColor--danger * {
    color: #A30000 !important; }

.euiTextColor.euiTextColor--ghost {
  color: #FFF !important; }
  .euiTextColor.euiTextColor--ghost * {
    color: #FFF !important; }
