@-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.
 */
@-webkit-keyframes focusRingAnimate {
  0% {
    -webkit-box-shadow: 0 0 0 6px rgba(77, 161, 192, 0);
            box-shadow: 0 0 0 6px rgba(77, 161, 192, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(77, 161, 192, 0.3);
            box-shadow: 0 0 0 2px rgba(77, 161, 192, 0.3); } }
@keyframes focusRingAnimate {
  0% {
    -webkit-box-shadow: 0 0 0 6px rgba(77, 161, 192, 0);
            box-shadow: 0 0 0 6px rgba(77, 161, 192, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(77, 161, 192, 0.3);
            box-shadow: 0 0 0 2px rgba(77, 161, 192, 0.3); } }

@-webkit-keyframes focusRingAnimateLarge {
  0% {
    -webkit-box-shadow: 0 0 0 10px rgba(77, 161, 192, 0);
            box-shadow: 0 0 0 10px rgba(77, 161, 192, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 4px rgba(77, 161, 192, 0.3);
            box-shadow: 0 0 0 4px rgba(77, 161, 192, 0.3); } }

@keyframes focusRingAnimateLarge {
  0% {
    -webkit-box-shadow: 0 0 0 10px rgba(77, 161, 192, 0);
            box-shadow: 0 0 0 10px rgba(77, 161, 192, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 4px rgba(77, 161, 192, 0.3);
            box-shadow: 0 0 0 4px rgba(77, 161, 192, 0.3); } }

.eui-alignBaseline {
  vertical-align: baseline !important; }

.eui-alignBottom {
  vertical-align: bottom !important; }

.eui-alignMiddle {
  vertical-align: middle !important; }

.eui-alignTop {
  vertical-align: top !important; }

.eui-displayBlock {
  display: block !important; }

.eui-displayInline {
  display: inline !important; }

.eui-displayInlineBlock {
  display: inline-block !important; }

.eui-textCenter {
  text-align: center !important; }

.eui-textLeft {
  text-align: left !important; }

.eui-textRight {
  text-align: right !important; }

.eui-textNoWrap {
  white-space: nowrap !important; }

.eui-textInheritColor {
  color: inherit !important; }

.eui-textBreakAll {
  word-break: break-all !important; }

.eui-textBreakWord {
  word-break: break-all !important;
  word-break: break-word !important; }

/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 */
.eui-textTruncate {
  max-width: 100%;
  /* 1 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  /* 2 */ }

/**
 *  Responsive
 *
 *  3. Be sure to hide/show the element initially
 */
[class*="eui-hideFor"] {
  display: inline !important;
  /* 3 */ }

[class*="eui-showFor"] {
  display: none !important;
  /* 3 */ }

@media only screen and (max-width: 574px) {
  .eui-hideFor--xs {
    display: none !important; } }

@media only screen and (max-width: 574px) {
  .eui-showFor--xs {
    display: inline !important; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .eui-hideFor--s {
    display: none !important; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .eui-showFor--s {
    display: inline !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .eui-hideFor--m {
    display: none !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .eui-showFor--m {
    display: inline !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .eui-hideFor--l {
    display: none !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .eui-showFor--l {
    display: inline !important; } }

@media only screen and (min-width: 1200px) {
  .eui-hideFor--xl {
    display: none !important; } }

@media only screen and (min-width: 1200px) {
  .eui-showFor--xl {
    display: inline !important; } }

/**
  * IE doesn't properly wrap groups if it is within a flex-item of a flex-group.
  * Adding the following styles to the flex-item that contains the wrapping group, will fix IE.
  * https://github.com/philipwalton/flexbugs/issues/104
  */
.euiIEFlexWrapFix {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%; }

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

input, textarea, select, button {
  font-family: inherit;
  /* 1 */ }

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: #DDD;
  height: 100%;
  background-color: #242424; }

body {
  line-height: 1; }

*:focus {
  outline: none; }

a {
  text-decoration: none;
  color: #4da1c0; }
  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; }

hr {
  margin: 0; }

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

.euiAccordion__button {
  text-align: left;
  width: 100%; }
  .euiAccordion__button:hover {
    text-decoration: underline;
    cursor: pointer; }
  .euiAccordion__button:focus .euiAccordion__iconWrapper {
    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
    color: #4da1c0;
    border-radius: 4px; }

.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__padding--xs {
  padding: 4px; }

.euiAccordion__padding--s {
  padding: 8px; }

.euiAccordion__padding--m {
  padding: 16px; }

.euiAccordion__padding--l {
  padding: 24px; }

.euiAccordion__padding--xl {
  padding: 32px; }

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

.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 16px 16px 0; }
  .euiAccordionForm__button:hover {
    text-decoration: none; }
    .euiAccordionForm__button:hover .euiAccordionForm__title {
      text-decoration: underline; }

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

.euiAvatar {
  display: inline-block;
  background-size: cover;
  text-align: center;
  vertical-align: middle;
  overflow-x: hidden;
  font-weight: 400; }

.euiAvatar--user {
  position: relative;
  border-radius: 50%; }
  .euiAvatar--user:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    content: "";
    pointer-events: none;
    border: 1px solid rgba(245, 245, 245, 0.05); }

.euiAvatar--space {
  position: relative;
  border-radius: 4px; }
  .euiAvatar--space:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    content: "";
    pointer-events: none;
    border: 1px solid rgba(245, 245, 245, 0.05); }

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

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

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

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

/**
 * 1. Accounts for the border
 */
.euiBadge {
  font-size: 12.0px;
  font-weight: 600;
  line-height: 18px;
  /* 1 */
  display: inline-block;
  text-decoration: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 2px;
  border: solid 1px transparent;
  padding: 0 8px;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  overflow: hidden; }
  .euiBadge + .euiBadge {
    margin-left: 4px; }
  .euiBadge .euiBadge__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
  .euiBadge .euiBadge__text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .euiBadge:focus {
    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
  .euiBadge .euiBadge__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 4px; }
    .euiBadge .euiBadge__icon:focus {
      background-color: rgba(255, 255, 255, 0.8);
      color: #000;
      border-radius: 2px; }
  .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 {
  background-color: #333;
  color: #FFF; }

.euiBadge--primary {
  background-color: #ebedee;
  color: #000; }

.euiBadge--secondary {
  background-color: #72dad2;
  color: #000; }

.euiBadge--warning {
  background-color: #c6b3ac;
  color: #000; }

.euiBadge--danger {
  background-color: #edebeb;
  color: #000; }

.euiBadge--accent {
  background-color: #edc6d9;
  color: #000; }

.euiBadge--hollow {
  background-color: #222;
  border-color: #333;
  color: #DDD; }

/**
 * 1. Extend beta badges to at least 40% of the container's width
 */
.euiBetaBadge {
  display: inline-block;
  padding: 0 24px;
  border-radius: 24px;
  background-color: #DD0A73;
  vertical-align: super;
  -webkit-box-shadow: 0 4px 8px 0px rgba(221, 10, 115, 0.15), 0 2px 2px -1px rgba(221, 10, 115, 0.3);
          box-shadow: 0 4px 8px 0px rgba(221, 10, 115, 0.15), 0 2px 2px -1px rgba(221, 10, 115, 0.3);
  font-size: 12.0px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #FFF;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  cursor: default; }
  .euiBetaBadge.euiBetaBadge--iconOnly {
    padding: 0;
    width: 24px; }
    .euiBetaBadge.euiBetaBadge--iconOnly .euiBetaBadge__icon {
      position: relative;
      margin-top: -1px; }

.euiNotificationBadge {
  display: inline-block;
  border-radius: 4px;
  background: #DD0A73;
  color: #FFF;
  font-size: 12.0px;
  line-height: 16px;
  height: 16px;
  min-width: 16px;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: middle;
  text-align: center; }

.euiBasicTable-loading {
  position: relative; }
  .euiBasicTable-loading tbody {
    overflow: hidden; }
    .euiBasicTable-loading tbody:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 2px;
      background-color: #4da1c0;
      -webkit-animation: euiBasicTableLoading 1000ms linear;
              animation: euiBasicTableLoading 1000ms linear;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }

@-webkit-keyframes euiBasicTableLoading {
  from {
    left: 0;
    width: 0; }
  20% {
    left: 0;
    width: 40%; }
  80% {
    left: 60%;
    width: 40%; }
  100% {
    left: 100%;
    width: 0; } }

@keyframes euiBasicTableLoading {
  from {
    left: 0;
    width: 0; }
  20% {
    left: 0;
    width: 40%; }
  80% {
    left: 60%;
    width: 40%; }
  100% {
    left: 100%;
    width: 0; } }

.euiBottomBar {
  background: #1a1a1a;
  color: #222;
  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;
  line-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%;
  vertical-align: middle;
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
  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:not(:disabled) {
    -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__text {
    text-overflow: ellipsis;
    overflow: hidden; }
  .euiButton.euiButton--small {
    height: 32px;
    line-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, .euiButton:active {
    -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
  .euiButton:enabled:hover, .euiButton:enabled:focus {
    background-color: rgba(77, 161, 192, 0.1); }
  .euiButton:disabled {
    color: #424242;
    border-color: #424242;
    pointer-events: none; }
    .euiButton:disabled .euiButton__content {
      pointer-events: auto;
      cursor: not-allowed; }
    .euiButton:disabled.euiButton--fill {
      background-color: #424242;
      border-color: #424242; }
      .euiButton:disabled.euiButton--fill:hover, .euiButton:disabled.euiButton--fill:focus {
        background-color: #424242;
        border-color: #424242; }
    .euiButton:disabled:hover, .euiButton:disabled:focus {
      -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      text-decoration: none; }

.euiButton--primary {
  color: #7cbad1;
  border-color: #4da1c0; }
  .euiButton--primary.euiButton--fill {
    background-color: #4da1c0;
    border-color: #4da1c0;
    color: #000; }
    .euiButton--primary.euiButton--fill:enabled:hover, .euiButton--primary.euiButton--fill:enabled:focus {
      background-color: #4095b4;
      border-color: #4095b4; }
    .euiButton--primary.euiButton--fill:disabled .euiButton__spinner {
      border-color: #4da1c0 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7); }
  .euiButton--primary:enabled {
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
    .euiButton--primary:enabled:hover, .euiButton--primary:enabled:focus {
      -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      background-color: rgba(77, 161, 192, 0.1); }

.euiButton--secondary {
  color: #7cbdb9;
  border-color: #017F75; }
  .euiButton--secondary.euiButton--fill {
    background-color: #017F75;
    border-color: #017F75;
    color: #FFF; }
    .euiButton--secondary.euiButton--fill:enabled:hover, .euiButton--secondary.euiButton--fill:enabled:focus {
      background-color: #01665e;
      border-color: #01665e; }
    .euiButton--secondary.euiButton--fill:disabled .euiButton__spinner {
      border-color: #4da1c0 rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7); }
  .euiButton--secondary:enabled {
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
    .euiButton--secondary:enabled:hover, .euiButton--secondary:enabled:focus {
      -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      background-color: rgba(1, 127, 117, 0.1); }

.euiButton--warning {
  color: #d7a28f;
  border-color: #c06c4c; }
  .euiButton--warning.euiButton--fill {
    background-color: #c06c4c;
    border-color: #c06c4c;
    color: #000; }
    .euiButton--warning.euiButton--fill:enabled:hover, .euiButton--warning.euiButton--fill:enabled:focus {
      background-color: #b35f3f;
      border-color: #b35f3f; }
    .euiButton--warning.euiButton--fill:disabled .euiButton__spinner {
      border-color: #4da1c0 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7); }
  .euiButton--warning:enabled {
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
    .euiButton--warning:enabled:hover, .euiButton--warning:enabled:focus {
      -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      background-color: rgba(192, 108, 76, 0.1); }

.euiButton--danger {
  color: #dc9f9f;
  border-color: #bf4d4d; }
  .euiButton--danger.euiButton--fill {
    background-color: #bf4d4d;
    border-color: #bf4d4d;
    color: #FFF; }
    .euiButton--danger.euiButton--fill:enabled:hover, .euiButton--danger.euiButton--fill:enabled:focus {
      background-color: #b24040;
      border-color: #b24040; }
    .euiButton--danger.euiButton--fill:disabled .euiButton__spinner {
      border-color: #4da1c0 rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7); }
  .euiButton--danger:enabled {
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
    .euiButton--danger:enabled:hover, .euiButton--danger:enabled:focus {
      -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      background-color: rgba(191, 77, 77, 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:enabled:hover, .euiButton--ghost.euiButton--fill:enabled:focus {
      background-color: #f2f2f2;
      border-color: #f2f2f2; }
    .euiButton--ghost.euiButton--fill:disabled .euiButton__spinner {
      border-color: #4da1c0 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7); }
  .euiButton--ghost:enabled {
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
    .euiButton--ghost:enabled:hover, .euiButton--ghost:enabled:focus {
      -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      background-color: rgba(255, 255, 255, 0.1); }
  .euiButton--ghost:disabled, .euiButton--ghost:disabled:hover, .euiButton--ghost:disabled:focus {
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }

.euiButton--text {
  color: #DDD;
  border-color: #8A8A8A; }
  .euiButton--text.euiButton--fill {
    background-color: #8A8A8A;
    border-color: #8A8A8A;
    color: #000; }
    .euiButton--text.euiButton--fill:enabled:hover, .euiButton--text.euiButton--fill:enabled:focus {
      background-color: #7d7d7d;
      border-color: #7d7d7d; }
    .euiButton--text.euiButton--fill:disabled .euiButton__spinner {
      border-color: #4da1c0 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7); }
  .euiButton--text:enabled {
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
    .euiButton--text:enabled:hover, .euiButton--text:enabled:focus {
      -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      background-color: rgba(138, 138, 138, 0.1); }

/**
 * 1. We don't want any of the animations that come inherited from the mixin.
 *    These should act like normal links instead.
 * 2. Change the easing, quickness to not bounce so lighter backgrounds don't flash
 */
.euiButtonEmpty {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 40px;
  line-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%;
  vertical-align: middle;
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: none !important;
          transform: none !important;
  /* 1 */
  -webkit-animation: none !important;
          animation: none !important;
  /* 1 */
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  /* 2 */
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  /* 2 */ }
  .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:not(:disabled) {
    -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: #424242;
    pointer-events: none; }
    .euiButtonEmpty:disabled .euiButtonEmpty__content {
      pointer-events: auto;
      cursor: not-allowed; }
    .euiButtonEmpty:disabled .euiButtonEmpty__icon {
      fill: #424242; }
    .euiButtonEmpty:disabled:focus {
      background-color: transparent; }
    .euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus {
      text-decoration: none; }

.euiButtonEmpty--primary {
  color: #4da1c0; }
  .euiButtonEmpty--primary .euiButtonEmpty__icon {
    fill: #4da1c0; }
  .euiButtonEmpty--primary:focus {
    background-color: rgba(77, 161, 192, 0.1); }

.euiButtonEmpty--danger {
  color: #bf4d4d; }
  .euiButtonEmpty--danger .euiButtonEmpty__icon {
    fill: #bf4d4d; }
  .euiButtonEmpty--danger:focus {
    background-color: rgba(191, 77, 77, 0.1); }

.euiButtonEmpty--disabled {
  color: #2c2c2c; }
  .euiButtonEmpty--disabled .euiButtonEmpty__icon {
    fill: #2c2c2c; }
  .euiButtonEmpty--disabled:focus {
    background-color: rgba(44, 44, 44, 0.1); }
  .euiButtonEmpty--disabled:hover {
    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--text {
  color: #DDD; }
  .euiButtonEmpty--text .euiButtonEmpty__icon {
    fill: #DDD; }
  .euiButtonEmpty--text:focus {
    background-color: #242424; }

.euiButtonEmpty--flushLeft {
  margin-right: 8px; }
  .euiButtonEmpty--flushLeft .euiButtonEmpty__content {
    border-left: none;
    padding-left: 0;
    padding-right: 0; }

.euiButtonEmpty--flushRight {
  margin-left: 8px; }
  .euiButtonEmpty--flushRight .euiButtonEmpty__content {
    border-right: none;
    padding-left: 0;
    padding-right: 0; }

.euiButtonIcon {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 40px;
  line-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%;
  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:not(:disabled) {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
  .euiButtonIcon .euiButtonIcon__icon {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); }
  .euiButtonIcon:disabled {
    color: #424242;
    pointer-events: none; }
    .euiButtonIcon:disabled .euiButtonIcon__icon {
      pointer-events: auto;
      cursor: not-allowed; }
    .euiButtonIcon:disabled:hover, .euiButtonIcon:disabled:focus {
      background-color: transparent;
      text-decoration: none; }

.euiButtonIcon--danger {
  color: #bf4d4d; }
  .euiButtonIcon--danger:focus {
    background-color: rgba(191, 77, 77, 0.1); }

.euiButtonIcon--disabled {
  color: #424242; }
  .euiButtonIcon--disabled:focus {
    background-color: rgba(66, 66, 66, 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--primary {
  color: #4da1c0; }
  .euiButtonIcon--primary:focus {
    background-color: rgba(77, 161, 192, 0.1); }

.euiButtonIcon--subdued {
  color: #8A8A8A; }
  .euiButtonIcon--subdued:focus {
    background-color: rgba(138, 138, 138, 0.1); }

.euiButtonIcon--success {
  color: #017F75; }
  .euiButtonIcon--success:focus {
    background-color: rgba(1, 127, 117, 0.1); }

.euiButtonIcon--text {
  color: #DDD; }
  .euiButtonIcon--text:focus {
    background-color: rgba(221, 221, 221, 0.1); }

.euiButtonIcon--warning {
  color: #c06c4c; }
  .euiButtonIcon--warning:focus {
    background-color: rgba(192, 108, 76, 0.1); }

.euiButtonToggle__wrapper {
  display: inline-block; }
  .euiButtonToggle__wrapper:not(.euiButtonToggle--isDisabled) {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
    .euiButtonToggle__wrapper:not(.euiButtonToggle--isDisabled):hover {
      -webkit-transform: translateY(-1px);
              transform: translateY(-1px); }
    .euiButtonToggle__wrapper:not(.euiButtonToggle--isDisabled):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); }
    .euiButtonToggle__wrapper:not(.euiButtonToggle--isDisabled):active {
      -webkit-transform: translateY(1px);
              transform: translateY(1px); }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle, .euiButtonToggle__input:enabled:focus + .euiButtonToggle, .euiButtonToggle__input:enabled:active + .euiButtonToggle {
  text-decoration: underline; }

.euiButtonToggle.euiButtonToggle--isIconOnly {
  min-width: 0; }
  .euiButtonToggle.euiButtonToggle--isIconOnly .euiButton__content {
    padding: 0 8px; }
  .euiButtonToggle.euiButtonToggle--isIconOnly .euiButton__text:empty {
    display: none; }

.euiButtonToggle.euiButtonToggle--isEmpty {
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none; }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="primary"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="primary"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="primary"] {
  background-color: rgba(77, 161, 192, 0.1); }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="primary"][class*="fill"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="primary"][class*="fill"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="primary"][class*="fill"] {
  background-color: #4095b4;
  border-color: #4095b4; }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="secondary"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="secondary"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="secondary"] {
  background-color: rgba(1, 127, 117, 0.1); }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="secondary"][class*="fill"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="secondary"][class*="fill"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="secondary"][class*="fill"] {
  background-color: #01665e;
  border-color: #01665e; }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="warning"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="warning"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="warning"] {
  background-color: rgba(192, 108, 76, 0.1); }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="warning"][class*="fill"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="warning"][class*="fill"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="warning"][class*="fill"] {
  background-color: #b35f3f;
  border-color: #b35f3f; }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="danger"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="danger"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="danger"] {
  background-color: rgba(191, 77, 77, 0.1); }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="danger"][class*="fill"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="danger"][class*="fill"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="danger"][class*="fill"] {
  background-color: #b24040;
  border-color: #b24040; }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="ghost"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="ghost"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="ghost"] {
  background-color: rgba(255, 255, 255, 0.1); }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="ghost"][class*="fill"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="ghost"][class*="fill"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="ghost"][class*="fill"] {
  background-color: #f2f2f2;
  border-color: #f2f2f2; }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="text"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="text"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="text"] {
  background-color: rgba(138, 138, 138, 0.1); }

.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*="text"][class*="fill"], .euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*="text"][class*="fill"], .euiButtonToggle__input:enabled:active + .euiButtonToggle[class*="text"][class*="fill"] {
  background-color: #7d7d7d;
  border-color: #7d7d7d; }

.euiButtonGroup {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.euiButtonGroup--fullWidth .euiButtonGroup__toggle {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.euiButtonGroup__toggle {
  margin-left: -1px;
  z-index: 1;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-animation: none !important;
          animation: none !important; }
  .euiButtonGroup__toggle[class*="checked"] {
    z-index: 2; }
    .euiButtonGroup__toggle[class*="checked"] + [class*="checked"] {
      -webkit-box-shadow: -1px 0 0 rgba(34, 34, 34, 0.1);
              box-shadow: -1px 0 0 rgba(34, 34, 34, 0.1); }
  .euiButtonGroup__toggle .euiButtonGroup__button {
    border-radius: 0;
    width: 100%; }
    .euiButtonGroup__toggle .euiButtonGroup__button:not([class*="fill"]) {
      border-color: #333; }
    .euiButtonGroup__toggle .euiButtonGroup__button:enabled {
      -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
    .euiButtonToggle__input:enabled:hover + .euiButtonGroup__toggle .euiButtonGroup__button, .euiButtonToggle__input:enabled:focus + .euiButtonGroup__toggle .euiButtonGroup__button, .euiButtonToggle__input:enabled:active + .euiButtonGroup__toggle .euiButtonGroup__button {
      -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
  .euiButtonGroup__toggle:first-child {
    margin-left: 0; }
    .euiButtonGroup__toggle:first-child .euiButtonGroup__button {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
  .euiButtonGroup__toggle:last-child .euiButtonGroup__button {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  @media only screen and (max-width: 574px) {
    .euiButtonGroup__toggle {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 0; }
      .euiButtonGroup__toggle .euiButtonGroup__button {
        min-width: 0; } }
  @media only screen and (min-width: 575px) and (max-width: 767px) {
    .euiButtonGroup__toggle {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 0; }
      .euiButtonGroup__toggle .euiButtonGroup__button {
        min-width: 0; } }

.euiBreadcrumbs {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5; }

.euiBreadcrumb {
  display: inline-block; }
  .euiBreadcrumb:not(.euiBreadcrumb--last) {
    margin-right: 8px; }

.euiBreadcrumb--last {
  font-weight: 600; }

.euiBreadcrumb--collapsed {
  color: #333; }

.euiBreadcrumbSeparator {
  pointer-events: none;
  display: inline-block;
  margin-right: 8px;
  width: 1px;
  height: 16px;
  -webkit-transform: translateY(0.2em) rotate(15deg);
          transform: translateY(0.2em) rotate(15deg);
  background: #333; }

/**
 * 1. Can't target separator vs breadcrumb with -of-type because it takes
 *    the dom element into consideration too and there could be divs, or spans, or a's
 *    as breadcrumbs.
 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiBreadcrumbs--responsive .euiBreadcrumbSeparator,
  .euiBreadcrumbs--responsive .euiBreadcrumb {
    display: none; }
    .euiBreadcrumbs--responsive .euiBreadcrumbSeparator:nth-last-child(-n+7),
    .euiBreadcrumbs--responsive .euiBreadcrumb:nth-last-child(-n+7) {
      /* 1 */
      display: inline-block; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .euiBreadcrumbs--responsive .euiBreadcrumbSeparator,
  .euiBreadcrumbs--responsive .euiBreadcrumb {
    display: none; }
    .euiBreadcrumbs--responsive .euiBreadcrumbSeparator:nth-last-child(-n+3),
    .euiBreadcrumbs--responsive .euiBreadcrumb:nth-last-child(-n+3) {
      /* 1 */
      display: inline-block; } }

@media only screen and (max-width: 574px) {
  .euiBreadcrumbs--responsive .euiBreadcrumbSeparator,
  .euiBreadcrumbs--responsive .euiBreadcrumb {
    display: none; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiBreadcrumbs--responsive .euiBreadcrumbSeparator,
  .euiBreadcrumbs--responsive .euiBreadcrumb {
    display: none; } }

.euiBreadcrumbs--truncate .euiBreadcrumb {
  white-space: nowrap;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top; }

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

.euiCallOut--primary {
  border-color: #4da1c0;
  background-color: #17303a; }
  .euiCallOut--primary .euiCallOutHeader__icon {
    fill: #7cbad1; }
  .euiCallOut--primary .euiCallOutHeader__title {
    color: #7cbad1; }

.euiCallOut--success {
  border-color: #017F75;
  background-color: #002623; }
  .euiCallOut--success .euiCallOutHeader__icon {
    fill: #7cbdb9; }
  .euiCallOut--success .euiCallOutHeader__title {
    color: #7cbdb9; }

.euiCallOut--warning {
  border-color: #c06c4c;
  background-color: #3a2017; }
  .euiCallOut--warning .euiCallOutHeader__icon {
    fill: #d7a28f; }
  .euiCallOut--warning .euiCallOutHeader__title {
    color: #d7a28f; }

.euiCallOut--danger {
  border-color: #bf4d4d;
  background-color: #391717; }
  .euiCallOut--danger .euiCallOutHeader__icon {
    fill: #dc9f9f; }
  .euiCallOut--danger .euiCallOutHeader__title {
    color: #dc9f9f; }

/**
 * 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 {
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 1.5rem;
  font-weight: 400;
  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 {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    line-height: 1.5rem;
    font-weight: 400; }

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

/**
 * Padding map referenced in:
 *  - Popover
 *  - PageContentHeader
 *  - PageContentHeaderSection
*/
/**
 *  Mixin for use in:
 *  - EuiCard
 *  - EuiPageContent
*/
/**
 * 1. Extend beta badges to at least 40% of the container's width
 */
.euiCard {
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
  background-color: #222;
  border: 1px solid #333;
  border-radius: 4px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .euiCard.euiCard--flexGrowZero {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .euiCard.euiCard--isClickable {
    display: block;
    width: 100%;
    text-align: left;
    -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); }
    .euiCard.euiCard--isClickable:hover, .euiCard.euiCard--isClickable:focus {
      -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      -webkit-transform: translateY(-2px);
              transform: translateY(-2px);
      cursor: pointer; }
  .euiCard.euiCard--shadow {
    -webkit-box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
    .euiCard.euiCard--shadow.euiCard--isClickable:hover, .euiCard.euiCard--shadow.euiCard--isClickable:focus {
      -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }

/**
 * 1. Footer is always at the bottom.
 * 2. Fix for IE to ensure badges are visible outside of a <button> tag
 * 3. Fix for IE where the image correctly resizes in width but doesn't collapse it's height
      (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
 * 4. Horizontal layouts should always top left align no matter the textAlign prop
 */
.euiCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  overflow: visible;
  /* 2 */
  min-height: 1px;
  /* 3 */ }
  .euiCard.euiCard--hasBetaBadge {
    position: relative; }
    .euiCard.euiCard--hasBetaBadge .euiCard__betaBadgeWrapper {
      position: absolute;
      top: -12px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: 3;
      min-width: 40%;
      /* 1 */
      max-width: calc(100% - 32px); }
      .euiCard.euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiToolTipAnchor,
      .euiCard.euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
        width: 100%;
        /* 1 */ }
      .euiCard.euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
        overflow: hidden;
        text-overflow: ellipsis; }
  .euiCard .euiCard__top,
  .euiCard .euiCard__content,
  .euiCard .euiCard__footer {
    display: block;
    width: 100%; }
  .euiCard.euiCard--leftAligned, .euiCard.euiCard--isClickable.euiCard--leftAligned {
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .euiCard.euiCard--centerAligned, .euiCard.euiCard--isClickable.euiCard--centerAligned {
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .euiCard.euiCard--rightAligned, .euiCard.euiCard--isClickable.euiCard--rightAligned {
    text-align: right;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .euiCard.euiCard--isClickable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .euiCard.euiCard--isClickable:focus .euiCard__title, .euiCard.euiCard--isClickable:hover .euiCard__title {
      text-decoration: underline; }

.euiCard__top {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  /* 1 */
  position: relative;
  min-height: 1px;
  /* 3 */ }
  .euiCard__top .euiCard__icon {
    margin-top: 8px; }
  .euiCard__top .euiCard__image {
    position: relative;
    width: calc(100% + 16px*2);
    left: -16px;
    top: -16px;
    margin-bottom: -16px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .euiCard__top .euiCard__image + .euiCard__icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -75%);
              transform: translate(-50%, -75%);
      -webkit-transform: translate(-50%, calc(-50% + -16px));
              transform: translate(-50%, calc(-50% + -16px)); }

.euiCard__top + .euiCard__content {
  margin-top: 16px; }

.euiCard__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /* 1 */ }
  .euiCard__content .euiCard__title {
    display: block;
    color: white;
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 1.5rem;
    font-weight: 600; }
  .euiCard__content .euiCard__description {
    color: #DDD;
    margin-top: 8px; }

.euiCard__footer:not(:empty) {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  /* 1 */
  margin-top: 16px; }

.euiCard.euiCard--horizontal .euiCard__content {
  padding-top: 8px;
  text-align: left;
  /* 4 */ }

.euiCard.euiCard--horizontal.euiCard--hasIcon {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  /* 4 */ }
  .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top,
  .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__content {
    width: auto;
    margin-top: 0; }
  .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top .euiCard__icon {
    margin-top: 0;
    margin-right: 16px; }

.euiCodeBlock {
  display: block;
  position: relative;
  background: #2B2B2D;
  color: #CDD3D8;
  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: 12.0px; }
  .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: #DDD;
    font-size: 90%;
    padding: 0 8px;
    background: #242424; }
    .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: #3e4451; }
  .euiCodeBlock .hljs > *::selection {
    background-color: #3e4451; }
  .euiCodeBlock .hljs-comment,
  .euiCodeBlock .hljs-quote {
    color: #656565;
    font-style: italic; }
  .euiCodeBlock .hljs-selector-tag {
    color: #C792EA;
    font-weight: bold; }
  .euiCodeBlock .hljs-string,
  .euiCodeBlock .hljs-subst,
  .euiCodeBlock .hljs-doctag {
    color: #C3E88D; }
  .euiCodeBlock .hljs-number,
  .euiCodeBlock .hljs-literal,
  .euiCodeBlock .hljs-regexp,
  .euiCodeBlock .hljs-variable,
  .euiCodeBlock .hljs-template-variable,
  .euiCodeBlock .hljs-tag .hljs-attr {
    color: #F77669; }
  .euiCodeBlock .hljs-keyword {
    color: #C792EA;
    font-weight: bold; }
  .euiCodeBlock .hljs-function > .hljs-title {
    color: #75A5FF; }
  .euiCodeBlock .hljs-tag {
    color: #abb2bf; }
  .euiCodeBlock .hljs-name {
    color: euiCodeBlockNameColor; }
  .euiCodeBlock .hljs-type,
  .euiCodeBlock .hljs-class .hljs-title {
    color: #da4939; }
  .euiCodeBlock .hljs-attribute {
    color: #80CBBF; }
  .euiCodeBlock .hljs-symbol,
  .euiCodeBlock .hljs-bullet,
  .euiCodeBlock .hljs-built_in,
  .euiCodeBlock .hljs-builtin-name,
  .euiCodeBlock .hljs-link {
    color: #C792EA; }
  .euiCodeBlock .hljs-params {
    color: #EEFFF7; }
  .euiCodeBlock .hljs-meta {
    color: #75A5FF; }
  .euiCodeBlock .hljs-title {
    color: #75A5FF; }
  .euiCodeBlock .hljs-section {
    color: #ffc66d; }
  .euiCodeBlock .hljs-addition {
    background-color: #144212;
    color: #e6e1dc;
    display: inline-block;
    width: 100%; }
  .euiCodeBlock .hljs-deletion {
    background-color: #600;
    color: #e6e1dc;
    display: inline-block;
    width: 100%; }
  .euiCodeBlock .hljs-selector-class {
    color: #FFCB68; }
  .euiCodeBlock .hljs-selector-id {
    color: #F77669; }
  .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 #4da1c0;
    z-index: 1000; }
  .euiCodeEditorKeyboardHint.euiCodeEditorKeyboardHint-isInactive {
    display: none; }

.euiColorPicker {
  cursor: pointer; }

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

.euiColorPicker__swatch {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  display: inline-block; }

.euiColorPicker__emptySwatch svg {
  position: absolute;
  width: 20px;
  height: 20px; }

.euiColorPicker__emptySwatch svg line {
  stroke: red;
  stroke-width: 2; }

.euiColorPicker__label {
  font-size: 14px;
  line-height: 1.5;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle; }

.euiColorPickerPopUp {
  position: absolute;
  z-index: 10; }

/**
 * 1. Ensure the icon padding remains when in readOnly mode
 * 2. Account for inner box-shadow style border when in group
 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
 */
/**
 * 4. Override invalid state with focus state.
 */
.euiComboBox {
  max-width: 400px;
  width: 100%;
  height: auto;
  position: relative;
  /**
   * 1. Allow pills to truncate their text with an ellipsis.
   * 2. Don't allow pills to overlap with the caret or clear button.
   * 3. The height on combo can be larger than normal text inputs.
   */
  /**
   * 1. Force field height to match other field heights.
   * 2. Force input height to expand tp fill this element.
   * 3. Reset appearance on Safari.
   * 4. Fix react-input-autosize appearance.
   * 5. Prevent a lot of input from causing the react-input-autosize to overflow the container.
   */ }
  .euiComboBox .euiComboBox__inputWrap {
    max-width: 400px;
    width: 100%;
    height: 40px;
    background-color: #1b1b1b;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
    transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
    border: none;
    font-size: 14px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    padding: 12px;
    line-height: 1em;
    color: #DDD;
    border-radius: 0;
    max-width: 400px;
    width: 100%;
    height: auto;
    /* 3 */
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* 1 */
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* 1 */
    padding-right: 56px;
    /* 2 */
    -ms-flex-line-pack: start;
        align-content: flex-start; }
    .euiComboBox .euiComboBox__inputWrap--withIcon, .euiComboBox .euiComboBox__inputWrap--withIcon[readOnly] {
      padding-left: 40px; }
    .euiComboBox .euiComboBox__inputWrap:hover {
      cursor: text; }
  .euiComboBox .euiComboBox__input {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    /* 1 */
    height: 32px;
    /* 2 */
    overflow: hidden;
    /* 5 */ }
    .euiComboBox .euiComboBox__input > input {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      /* 3 */
      padding: 0;
      border: none;
      background: transparent;
      font-size: 14px;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      color: #DDD;
      margin: 4px;
      line-height: 1.5;
      /* 4 */ }
  .euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap {
    background-color: #111111;
    background-image: linear-gradient(to top, #4da1c0, #4da1c0 2px, transparent 2px, transparent 100%);
    background-size: 100% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
  .euiComboBox.euiComboBox-isInvalid .euiComboBox__inputWrap {
    background-image: linear-gradient(to top, #bf4d4d, #bf4d4d 2px, transparent 2px, transparent 100%);
    background-size: 100%; }
  .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap {
    cursor: not-allowed;
    color: #444;
    background: #1f1f1f;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
    .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::-webkit-input-placeholder {
      color: #444; }
    .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap:-ms-input-placeholder {
      color: #444; }
    .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::-ms-input-placeholder {
      color: #444; }
    .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::placeholder {
      color: #444; }

.euiComboBox__input input[aria-hidden="true"] {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important; }

.euiComboBoxPill {
  margin: 4px !important;
  line-height: 22px; }

.euiComboBoxPlaceholder {
  position: absolute;
  pointer-events: none;
  padding: 0 4px;
  line-height: 32px;
  color: #444;
  margin-bottom: 0 !important; }

/**
 * 1. Make width match that of the input and tweak position to match.
 * 2. Put the list at the top of the screen, otherwise it will cause a scrollbar to show up when
 *    the portal is appended to the body. This would throw off our logic for positioning the
 *    list beneath the input.
 * 3. The height can expand, hence auto
 */
.euiComboBoxOptionsList {
  max-width: 400px;
  width: 100%;
  height: auto;
  /* 3 */
  z-index: 8010;
  position: absolute;
  /* 2 */
  top: 0;
  /* 2 */ }
  .euiComboBoxOptionsList .ReactVirtualized__List::-webkit-scrollbar {
    width: 16px;
    height: 16px; }
  .euiComboBoxOptionsList .ReactVirtualized__List::-webkit-scrollbar-thumb {
    background-color: rgba(138, 138, 138, 0.5);
    border: 6px solid transparent;
    background-clip: content-box; }
  .euiComboBoxOptionsList .ReactVirtualized__List::-webkit-scrollbar-corner, .euiComboBoxOptionsList .ReactVirtualized__List::-webkit-scrollbar-track {
    background-color: transparent; }

.euiComboBoxOptionsList--bottom {
  border-radius: 0 0 4px 4px !important;
  border-top: none !important; }

.euiComboBoxOptionsList--top {
  border-radius: 4px 4px 0 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

/**
   * 1. Prevent really long input from overflowing the container.
   */
.euiComboBoxOptionsList__empty {
  padding: 8px;
  text-align: center;
  color: #8A8A8A;
  word-wrap: break-word;
  /* 1 */ }

.euiComboBoxOptionsList__rowWrap {
  padding: 0;
  max-height: 200px;
  overflow: hidden; }

.euiComboBoxOption {
  font-size: 14px;
  padding: 4px 8px 4px 16px;
  width: 100%;
  text-align: left;
  border: 1px solid #333;
  border-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .euiComboBoxOption:hover {
    text-decoration: underline; }
  .euiComboBoxOption:focus {
    cursor: pointer;
    color: #4da1c0;
    background-color: #191919; }
  .euiComboBoxOption.euiComboBoxOption-isDisabled {
    color: #444;
    cursor: not-allowed; }
    .euiComboBoxOption.euiComboBoxOption-isDisabled:hover {
      text-decoration: none; }

.euiComboBoxOption__content {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

/**
 * 1. Force each title to be the same height as an option, so that the virtualized scroll logic
 *    works.
 */
.euiComboBoxTitle {
  font-size: 12.0px;
  padding: 11px 8px 4px;
  /* 1 */
  width: 100%;
  font-weight: 700;
  color: #FFF; }

.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; }
  .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 {
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 1.5rem;
  background-color: #242424;
  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 {
  display: block;
  padding: 12px;
  width: 100%;
  text-align: left;
  color: #DDD; }
  .euiContextMenuItem:hover, .euiContextMenuItem:focus {
    text-decoration: underline; }
  .euiContextMenuItem:focus {
    background-color: #191919; }
  .euiContextMenuItem.euiContextMenuItem-isDisabled {
    color: #424242;
    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; }

/* This file is a heavy retheme of react-datepicker's Sass as of v1.4.0
** https://github.com/Hacker0x01/react-datepicker
**
** In places where features were disabled, I've commented out the original Sass
** selectors rather than removing it so we can better understand what's changed.
** Commented out selectors that don't have properties indicate that we are not
** using those dom elements for styling of any kind. For example, react-datepicker
** has lots of pointer arrows attached to its popovers, but we choose not to render
** then in any way.
**
** Similarly, you will also find several times where we use display: none to
** completely remove extranous UI (they had some overly obvious legends for example).
*/
.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
  -webkit-box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #333;
  background-color: #222;
  border-radius: 0 0 4px 4px; }

.euiDatePicker.euiDatePicker--shadow .react-datepicker__time-container {
  background: #242424; }

.euiDatePicker.euiDatePicker--shadow.euiDatePicker--inline .react-datepicker {
  -webkit-box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #333;
  background-color: #222;
  border-radius: 4px; }

.react-datepicker {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12.0px;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 4px; }

.react-datepicker--time-only .react-datepicker__time-container {
  background: #222 !important; }
  .react-datepicker--time-only .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 100%; }
    .react-datepicker--time-only .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list li.react-datepicker__time-list-item {
      font-size: 14px;
      text-align: left;
      padding-left: 36px;
      padding-right: 36px;
      color: #DDD; }
      .react-datepicker--time-only .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list li.react-datepicker__time-list-item.react-datepicker__time-list-item--selected {
        color: #FFF; }

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0; }

.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
  z-index: 1;
  -webkit-animation: euiAnimFadeIn 150ms ease-in;
          animation: euiAnimFadeIn 150ms ease-in; }
  .euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^="top"] {
    -webkit-box-shadow: 0 0px 12px -1px rgba(0, 0, 0, 0.2), 0 0px 4px -1px rgba(0, 0, 0, 0.2), 0 0px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0px 12px -1px rgba(0, 0, 0, 0.2), 0 0px 4px -1px rgba(0, 0, 0, 0.2), 0 0px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px 4px 0 0 !important; }
  .euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^="right"] {
    margin-left: 0; }
  .euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^="left"] {
    margin-right: 0; }

.react-datepicker__header {
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
  .react-datepicker__header--time {
    display: none; }

.react-datepicker__header__dropdown {
  padding: 16px 0 8px 0; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 4px; }

.react-datepicker__current-month,
.react-datepicker-time__header {
  display: none; }

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-datepicker__navigation {
  cursor: pointer;
  position: absolute;
  top: 18px;
  width: 0;
  padding: 0;
  z-index: 1; }
  .react-datepicker__navigation--previous {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImRvd25hcnJvd3doaXRlLWEiIGQ9Ik0xMy4wNjg4NTA4LDUuMTU3MjUwMzggTDguMzg0MjM5NzUsOS43NjgyNzQyOCBDOC4xNzA1NDQxNSw5Ljk3ODYxMzA4IDcuODI5OTkyMTQsOS45NzkxNDA5NSA3LjYxNTc2MDI1LDkuNzY4Mjc0MjggTDIuOTMxMTQ5MTUsNS4xNTcyNTAzOCBDMi43MTgxMzU5LDQuOTQ3NTgzMjEgMi4zNzI3NzMxOSw0Ljk0NzU4MzIxIDIuMTU5NzU5OTQsNS4xNTcyNTAzOCBDMS45NDY3NDY2OSw1LjM2NjkxNzU2IDEuOTQ2NzQ2NjksNS43MDY4NTUyMiAyLjE1OTc1OTk0LDUuOTE2NTIyNCBMNi44NDQzNzEwNCwxMC41Mjc1NDYzIEM3LjQ4NTE3NDI0LDExLjE1ODI4MzYgOC41MTY0NDk3OSwxMS4xNTY2ODUxIDkuMTU1NjI4OTYsMTAuNTI3NTQ2MyBMMTMuODQwMjQwMSw1LjkxNjUyMjQgQzE0LjA1MzI1MzMsNS43MDY4NTUyMiAxNC4wNTMyNTMzLDUuMzY2OTE3NTYgMTMuODQwMjQwMSw1LjE1NzI1MDM4IEMxMy42MjcyMjY4LDQuOTQ3NTgzMjEgMTMuMjgxODY0MSw0Ljk0NzU4MzIxIDEzLjA2ODg1MDgsNS4xNTcyNTAzOCBaIi8+ICA8L2RlZnM+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8dXNlIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2Rvd25hcnJvd3doaXRlLWEiLz4gIDwvZz48L3N2Zz4=);
    left: 20px;
    height: 16px;
    width: 16px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: -webkit-transform 90ms ease-in-out;
    transition: -webkit-transform 90ms ease-in-out;
    transition: transform 90ms ease-in-out;
    transition: transform 90ms ease-in-out, -webkit-transform 90ms ease-in-out; }
    .react-datepicker__navigation--previous:hover {
      background-color: #242424;
      border-radius: 4px;
      -webkit-box-shadow: 0 0 0 2px #242424;
              box-shadow: 0 0 0 2px #242424;
      -webkit-transform: scale(1.2) rotate(90deg);
              transform: scale(1.2) rotate(90deg); }
    .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
      cursor: not-allowed;
      opacity: .2; }
  .react-datepicker__navigation--next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImRvd25hcnJvd3doaXRlLWEiIGQ9Ik0xMy4wNjg4NTA4LDUuMTU3MjUwMzggTDguMzg0MjM5NzUsOS43NjgyNzQyOCBDOC4xNzA1NDQxNSw5Ljk3ODYxMzA4IDcuODI5OTkyMTQsOS45NzkxNDA5NSA3LjYxNTc2MDI1LDkuNzY4Mjc0MjggTDIuOTMxMTQ5MTUsNS4xNTcyNTAzOCBDMi43MTgxMzU5LDQuOTQ3NTgzMjEgMi4zNzI3NzMxOSw0Ljk0NzU4MzIxIDIuMTU5NzU5OTQsNS4xNTcyNTAzOCBDMS45NDY3NDY2OSw1LjM2NjkxNzU2IDEuOTQ2NzQ2NjksNS43MDY4NTUyMiAyLjE1OTc1OTk0LDUuOTE2NTIyNCBMNi44NDQzNzEwNCwxMC41Mjc1NDYzIEM3LjQ4NTE3NDI0LDExLjE1ODI4MzYgOC41MTY0NDk3OSwxMS4xNTY2ODUxIDkuMTU1NjI4OTYsMTAuNTI3NTQ2MyBMMTMuODQwMjQwMSw1LjkxNjUyMjQgQzE0LjA1MzI1MzMsNS43MDY4NTUyMiAxNC4wNTMyNTMzLDUuMzY2OTE3NTYgMTMuODQwMjQwMSw1LjE1NzI1MDM4IEMxMy42MjcyMjY4LDQuOTQ3NTgzMjEgMTMuMjgxODY0MSw0Ljk0NzU4MzIxIDEzLjA2ODg1MDgsNS4xNTcyNTAzOCBaIi8+ICA8L2RlZnM+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8dXNlIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2Rvd25hcnJvd3doaXRlLWEiLz4gIDwvZz48L3N2Zz4=);
    right: 10px;
    height: 16px;
    width: 16px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
    .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
      left: 248px; }
    .react-datepicker__navigation--next:hover {
      -webkit-transform: scale(1.2) rotate(-90deg);
              transform: scale(1.2) rotate(-90deg);
      background-color: #242424;
      border-radius: 4px;
      -webkit-box-shadow: 0 0 0 2px #242424;
              box-shadow: 0 0 0 2px #242424; }
    .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
      cursor: not-allowed;
      opacity: .2; }
  .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .react-datepicker__navigation--years-previous {
      top: 4px;
      border-top-color: #242424; }
      .react-datepicker__navigation--years-previous:hover {
        border-top-color: #0b0b0b; }
    .react-datepicker__navigation--years-upcoming {
      top: -4px;
      border-bottom-color: #242424; }
      .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #0b0b0b; }

.react-datepicker__month {
  margin: 0 16px 16px 16px;
  text-align: center; }

.react-datepicker__time-container {
  border-left: #333;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  border-radius: 0 4px 4px 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .react-datepicker__time-container .react-datepicker__time {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 4px;
    overflow-y: scroll; }
    .react-datepicker__time-container .react-datepicker__time::-webkit-scrollbar {
      width: 16px;
      height: 16px; }
    .react-datepicker__time-container .react-datepicker__time::-webkit-scrollbar-thumb {
      background-color: rgba(138, 138, 138, 0.5);
      border: 6px solid transparent;
      background-clip: content-box; }
    .react-datepicker__time-container .react-datepicker__time::-webkit-scrollbar-corner, .react-datepicker__time-container .react-datepicker__time::-webkit-scrollbar-track {
      background-color: transparent; }
    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
      width: auto; }
      .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
        height: 204px !important; }
        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
          padding: 4px 8px;
          margin-bottom: 4px;
          text-align: right;
          color: #8A8A8A;
          white-space: nowrap; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
            cursor: pointer;
            text-decoration: underline; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
            background-color: #4da1c0;
            color: white;
            border-radius: 2px; }
            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
              background-color: #4da1c0; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
            color: #333; }
            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
              cursor: not-allowed;
              text-decoration: none;
              background-color: transparent; }

.react-datepicker__week-number {
  color: #242424;
  display: inline-block;
  width: 32px;
  line-height: 28px;
  text-align: center;
  margin: 0 4px; }
  .react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer; }
    .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
      border-radius: 4px;
      background-color: #222; }

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #FFF;
  display: inline-block;
  width: 32px;
  line-height: 28px;
  text-align: center;
  margin: 0 2px; }

.react-datepicker__day-name {
  color: #8A8A8A;
  text-transform: uppercase; }

.react-datepicker__day {
  cursor: pointer;
  border: solid 2px transparent;
  -webkit-transition: -webkit-transform 90ms ease-in-out;
  transition: -webkit-transform 90ms ease-in-out;
  transition: transform 90ms ease-in-out;
  transition: transform 90ms ease-in-out, -webkit-transform 90ms ease-in-out; }
  .react-datepicker__day:hover:not(.react-datepicker__day--disabled) {
    text-decoration: underline;
    font-weight: 700;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  .react-datepicker__day--today {
    font-weight: bold;
    color: #4da1c0; }
  .react-datepicker__day--outside-month {
    color: #8A8A8A; }
  .react-datepicker__day--highlighted {
    border-radius: 4px;
    background-color: #017F75;
    color: #FFF; }
    .react-datepicker__day--highlighted:hover {
      background-color: #01665e; }
  .react-datepicker__day--in-range {
    background-color: rgba(77, 161, 192, 0.1);
    color: #FFF;
    border-radius: 0;
    border-top: solid 6px #222;
    border-bottom: solid 6px #222;
    border-right: none;
    border-left: none;
    line-height: 20px; }
  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range {
    height: 32px;
    margin: 0 2px;
    border-radius: 4px;
    background-color: #4da1c0;
    line-height: 28px;
    border: solid 2px #4da1c0;
    color: #FFF; }
    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover {
      background-color: #4095b4; }
  .react-datepicker__day--keyboard-selected {
    border-radius: 4px;
    border: solid 2px #4da1c0;
    font-weight: 700; }
    .react-datepicker__day--keyboard-selected:hover {
      background-color: #4095b4;
      color: #FFF; }
  .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(77, 161, 192, 0.5); }
  .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #222;
    color: #FFF; }
  .react-datepicker__day--disabled {
    cursor: not-allowed;
    color: #333; }
    .react-datepicker__day--disabled:hover {
      background-color: transparent; }

.react-datepicker__input-container {
  position: relative; }

.react-datepicker__year-read-view {
  font-weight: 600;
  color: #8A8A8A; }

.react-datepicker__month-read-view {
  font-weight: 600; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  font-size: 18.0px; }
  .react-datepicker__year-read-view:hover,
  .react-datepicker__month-read-view:hover,
  .react-datepicker__month-year-read-view:hover {
    cursor: pointer;
    color: #4da1c0; }
    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
      border-top-color: #0b0b0b; }
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view--down-arrow {
    display: none; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #222;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-animation: euiAnimFadeIn 150ms ease-in;
          animation: euiAnimFadeIn 150ms ease-in;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px; }
  .react-datepicker__year-dropdown:hover,
  .react-datepicker__month-dropdown:hover,
  .react-datepicker__month-year-dropdown:hover {
    cursor: pointer; }

.react-datepicker__year-dropdown {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.react-datepicker__year-option:first-of-type, .react-datepicker__year-option:last-of-type {
  display: none; }

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  font-size: 12.0px;
  padding: 8px;
  color: #F5F5F5;
  -ms-flex-preferred-size: 33.3%;
      flex-basis: 33.3%; }
  .react-datepicker__year-option:first-of-type,
  .react-datepicker__month-option:first-of-type,
  .react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .react-datepicker__year-option:last-of-type,
  .react-datepicker__month-option:last-of-type,
  .react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .react-datepicker__year-option:hover,
  .react-datepicker__month-option:hover,
  .react-datepicker__month-year-option:hover {
    background-color: #242424; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
      border-bottom-color: #0b0b0b; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
      border-top-color: #0b0b0b; }
  .react-datepicker__year-option--selected,
  .react-datepicker__month-option--selected,
  .react-datepicker__month-year-option--selected {
    display: none; }

.react-datepicker__year-option[class*="selected"],
.react-datepicker__month-option[class*="selected"] {
  background: #4da1c0;
  color: #222;
  font-weight: 700;
  border-radius: 4px; }

@media only screen and (max-width: 574px) {
  .react-datepicker__time-container {
    display: none; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .react-datepicker__time-container {
    display: none; } }

/**
 * 1. Ensure the icon padding remains when in readOnly mode
 * 2. Account for inner box-shadow style border when in group
 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
 */
/**
 * 4. Override invalid state with focus state.
 */
/**
 * 1. Account for inner box-shadow style border
 */
.euiDatePickerRange {
  max-width: 400px;
  width: 100%;
  height: auto;
  background-color: #1b1b1b;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  /* 3 */
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1px;
  /* 1 */ }
  .euiDatePickerRange--fullWidth {
    max-width: 100%; }
  .euiDatePickerRange--compressed {
    height: 32px; }
  .euiDatePickerRange--inGroup {
    height: 38px;
    /* 2 */ }
  .euiDatePickerRange--inGroup.euiDatePickerRange--compressed {
    height: 30px;
    /* 2 */ }
  .euiDatePickerRange > span {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .euiDatePickerRange .euiDatePicker {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-align: center; }

.euiDatePickerRange__icon {
  padding-left: 12px;
  padding-right: 12px; }

.euiDatePickerRange__delimeter {
  padding-left: 6px;
  padding-right: 6px; }

.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title {
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 1.5rem;
  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--reverse .euiDescriptionList__title {
  color: #DDD;
  font-weight: 400;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5; }

.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__description {
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 1.5rem; }

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

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

.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
  color: #DDD;
  font-weight: 400;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5; }

.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.5rem; }

.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 {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    line-height: 1.5rem;
    -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--reverse .euiDescriptionList__title {
    color: #DDD;
    font-weight: 400;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5; }
  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__description {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    line-height: 1.5rem; }
  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__title {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    line-height: 1.5rem; }
  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__description {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5; }
  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
    color: #DDD;
    font-weight: 400;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5; }
  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    line-height: 1.5rem; }

.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  display: inline;
  border-radius: 4px;
  font-weight: 400;
  background: #242424;
  border: 1px solid #333;
  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: 12.0px;
  font-size: 0.85714rem;
  line-height: 1.5; }

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

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

.euiEmptyPrompt {
  max-width: 36em;
  text-align: center;
  padding: 24px;
  margin: auto; }

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

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

.euiErrorBoundary__stack {
  white-space: pre-wrap; }

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

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

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

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

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

/**
 * 1. Ensure the icon padding remains when in readOnly mode
 * 2. Account for inner box-shadow style border when in group
 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
 */
/**
 * 4. Override invalid state with focus state.
 */
/**
 * 1. Ensure the icon padding remains when in readOnly mode
 * 2. Account for inner box-shadow style border when in group
 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
 */
/**
 * 4. Override invalid state with focus state.
 */
.euiFilterGroup {
  background-color: #1b1b1b;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  /* 3 */
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  max-width: 400px;
  width: 100%;
  height: 40px;
  max-width: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1px;
  /* 1 */ }
  .euiFilterGroup > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .euiFilterGroup .euiPopover__anchor {
    display: block; }

.euiFilterGroup__popoverPanel {
  max-width: 320px; }

/**
 * 1. Ensure the icon padding remains when in readOnly mode
 * 2. Account for inner box-shadow style border when in group
 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
 */
/**
 * 4. Override invalid state with focus state.
 */
/**
 * 1. Account for inner box-shadow style border
 */
.euiFilterButton {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  height: 38px;
  /* 1 */
  font-size: 14px; }
  .euiFilterButton:not(:last-child):not(.euiFilterButton--noDivider) {
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
  .euiFilterButton:disabled {
    font-style: italic; }
  .euiFilterButton.euiFilterButton--grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    text-align: left; }
    .euiFilterButton.euiFilterButton--grow .euiButtonEmpty__content {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .euiFilterButton.euiFilterButton-hasActiveFilters {
    font-weight: 600; }
  .euiFilterButton .euiFilterButton__notification {
    margin-left: 8px;
    vertical-align: text-bottom; }

.euiFilterButton__textShift {
  vertical-align: middle; }
  .euiFilterButton__textShift::after {
    display: block;
    content: attr(data-text);
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden; }

.euiFilterSelectItem {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 4px 12px;
  width: 100%;
  text-align: left;
  color: #DDD;
  border-bottom: 1px solid #333;
  border-color: #1f1f1f; }
  .euiFilterSelectItem:hover, .euiFilterSelectItem:focus {
    text-decoration: underline; }
  .euiFilterSelectItem:focus {
    background-color: #191919; }
  .euiFilterSelectItem.euiContextMenuItem-isDisabled {
    color: #424242;
    cursor: default; }
    .euiFilterSelectItem.euiContextMenuItem-isDisabled:hover, .euiFilterSelectItem.euiContextMenuItem-isDisabled:focus {
      text-decoration: none; }

.euiFilterSelect__items {
  overflow-y: auto;
  max-height: 480px; }
  .euiFilterSelect__items::-webkit-scrollbar {
    width: 16px;
    height: 16px; }
  .euiFilterSelect__items::-webkit-scrollbar-thumb {
    background-color: rgba(138, 138, 138, 0.5);
    border: 6px solid transparent;
    background-clip: content-box; }
  .euiFilterSelect__items::-webkit-scrollbar-corner, .euiFilterSelect__items::-webkit-scrollbar-track {
    background-color: transparent; }

.euiFilterSelect__note {
  height: 64px;
  text-align: center;
  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; }

.euiFilterSelect__noteContent {
  color: #8A8A8A;
  font-size: 14px; }

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

.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--alignItemsFlexStart {
  -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--alignItemsBaseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.euiFlexGroup--directionRow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.euiFlexGroup--directionRowReverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.euiFlexGroup--directionColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.euiFlexGroup--directionColumnReverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

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

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

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .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 {
  margin: -4px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterSmall > .euiFlexItem {
    margin: 4px; }

.euiFlexGrid--gutterSmall.euiFlexGrid--fourths > .euiFlexItem {
  -ms-flex-preferred-size: calc(25% - 8px);
      flex-basis: calc(25% - 8px); }

.euiFlexGrid--gutterSmall.euiFlexGrid--thirds > .euiFlexItem {
  -ms-flex-preferred-size: calc(33.3% - 8px);
      flex-basis: calc(33.3% - 8px); }

.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 {
  margin: -8px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterMedium > .euiFlexItem {
    margin: 8px; }

.euiFlexGrid--gutterMedium.euiFlexGrid--fourths > .euiFlexItem {
  -ms-flex-preferred-size: calc(25% - 16px);
      flex-basis: calc(25% - 16px); }

.euiFlexGrid--gutterMedium.euiFlexGrid--thirds > .euiFlexItem {
  -ms-flex-preferred-size: calc(33.3% - 16px);
      flex-basis: calc(33.3% - 16px); }

.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 {
  margin: -12px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterLarge > .euiFlexItem {
    margin: 12px; }

.euiFlexGrid--gutterLarge.euiFlexGrid--fourths > .euiFlexItem {
  -ms-flex-preferred-size: calc(25% - 24px);
      flex-basis: calc(25% - 24px); }

.euiFlexGrid--gutterLarge.euiFlexGrid--thirds > .euiFlexItem {
  -ms-flex-preferred-size: calc(33.3% - 24px);
      flex-basis: calc(33.3% - 24px); }

.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 {
  margin: -16px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .euiFlexGrid--gutterXLarge > .euiFlexItem {
    margin: 16px; }

.euiFlexGrid--gutterXLarge.euiFlexGrid--fourths > .euiFlexItem {
  -ms-flex-preferred-size: calc(25% - 32px);
      flex-basis: calc(25% - 32px); }

.euiFlexGrid--gutterXLarge.euiFlexGrid--thirds > .euiFlexItem {
  -ms-flex-preferred-size: calc(33.3% - 32px);
      flex-basis: calc(33.3% - 32px); }

.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: 574px) {
  .euiFlexGroup--responsive > .euiFlexItem,
  .euiFlexGrid > .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; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiFlexGroup--responsive > .euiFlexItem,
  .euiFlexGrid > .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 {
  -webkit-box-shadow: 0 64px 64px 0 rgba(0, 0, 0, 0.2), 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2), 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 64px 64px 0 rgba(0, 0, 0, 0.2), 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2), 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  border-left: 1px solid #333;
  z-index: 8000;
  background: #222;
  -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; }

.euiFlyout__closeButton {
  background-color: rgba(34, 34, 34, 0.9);
  position: absolute;
  right: 17px;
  top: 17px;
  z-index: 3; }

/**
  * 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: 574px) {
  .euiFlyout:not(.euiFlyout--small) {
    /* 2 */
    left: 0;
    min-width: 0;
    width: auto;
    border-left: none; }
  .euiFlyout--small {
    width: 80vw;
    min-width: 0;
    /* 2 */ } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .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(138, 138, 138, 0.5);
    border: 6px solid transparent;
    background-clip: content-box; }
  .euiFlyoutBody::-webkit-scrollbar-corner, .euiFlyoutBody::-webkit-scrollbar-track {
    background-color: transparent; }

.euiFlyoutFooter {
  background: #242424;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 16px 24px;
  -webkit-box-shadow: 0 -16px 16px -8px #222;
          box-shadow: 0 -16px 16px -8px #222;
  z-index: 2; }

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

.euiFlyoutHeader--hasBorder {
  padding-bottom: 24px;
  border-bottom: 1px solid #333; }

/**
 * 1. Ensure the icon padding remains when in readOnly mode
 * 2. Account for inner box-shadow style border when in group
 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
 */
/**
 * 4. Override invalid state with focus state.
 */
.euiCheckbox {
  position: relative;
  /**
   * 1. Float above the visual radio and match its dimension, so that when users try to click it
   *    they actually click this input.
   */ }
  .euiCheckbox .euiCheckbox__input {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden; }
    .euiCheckbox .euiCheckbox__input ~ .euiCheckbox__label {
      display: block;
      padding-left: 24px;
      line-height: 24px;
      font-size: 14px;
      position: relative;
      z-index: 2;
      cursor: pointer; }
    .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 3px;
      padding: 7px;
      border: 1px solid #666666;
      background: #222 no-repeat center;
      -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms;
      transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms; }
    .euiCheckbox .euiCheckbox__input:checked + .euiCheckbox__square {
      border-color: #4da1c0;
      background-color: #4da1c0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M.375 2.625L3.375 5.625M3.375 5.625L8.625.375' fill='none' fill-rule='evenodd' stroke='rgb%2834, 34, 34%29' stroke-linecap='round' stroke-width='1.5' transform='translate(.5 1)'/%3E%3C/svg%3E"); }
    .euiCheckbox .euiCheckbox__input:indeterminate + .euiCheckbox__square {
      border-color: #4da1c0;
      background-color: #4da1c0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect width='6' height='6' fill='rgb%2834, 34, 34%29' fill-rule='evenodd'/%3E%3C/svg%3E"); }
    .euiCheckbox .euiCheckbox__input[disabled] {
      cursor: not-allowed !important; }
      .euiCheckbox .euiCheckbox__input[disabled] ~ .euiCheckbox__label {
        color: #444;
        cursor: not-allowed !important; }
      .euiCheckbox .euiCheckbox__input[disabled] + .euiCheckbox__square {
        border-color: #333;
        background-color: #333;
        -webkit-box-shadow: none;
                box-shadow: none; }
    .euiCheckbox .euiCheckbox__input:checked[disabled] + .euiCheckbox__square {
      border-color: #333;
      background-color: #333;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M.375 2.625L3.375 5.625M3.375 5.625L8.625.375' fill='none' fill-rule='evenodd' stroke='rgb%28159, 159, 159%29' stroke-linecap='round' stroke-width='1.5' transform='translate(.5 1)'/%3E%3C/svg%3E"); }
    .euiCheckbox .euiCheckbox__input:indeterminate[disabled] + .euiCheckbox__square {
      border-color: #333;
      background-color: #333;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='8' cy='11' r='3' fill='rgb%28159, 159, 159%29' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E"); }
    .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square, .euiCheckbox .euiCheckbox__input:active:not(:disabled) + .euiCheckbox__square {
      border-color: #4da1c0;
      -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
              animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
  .euiCheckbox.euiCheckbox--inList, .euiCheckbox.euiCheckbox--noLabel {
    min-height: 16px;
    min-width: 16px; }
    .euiCheckbox.euiCheckbox--inList .euiCheckbox__square, .euiCheckbox.euiCheckbox--noLabel .euiCheckbox__square {
      top: 0; }
    .euiCheckbox.euiCheckbox--inList .euiCheckbox__input, .euiCheckbox.euiCheckbox--noLabel .euiCheckbox__input {
      position: absolute;
      /* 1 */
      opacity: 0;
      /* 1 */
      width: 16px;
      height: 16px;
      /* 1 */
      z-index: 1;
      /* 1 */
      margin: 0;
      /* 1 */
      left: 0;
      /* 1 */
      cursor: pointer; }

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

.euiDescribedFormGroup {
  max-width: 800px; }
  .euiDescribedFormGroup + * {
    margin-top: 24px; }
  .euiDescribedFormGroup.euiDescribedFormGroup--fullWidth {
    max-width: 100%; }
  .euiDescribedFormGroup .euiDescribedFormGroup__description {
    padding-top: 8px; }
  .euiDescribedFormGroup .euiDescribedFormGroup__fields {
    width: 400px;
    max-width: 100%; }
  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--xxxsmall {
    padding-top: 8.0px; }
  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--xxsmall {
    padding-top: 11.0px; }
  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--xsmall {
    padding-top: 11.0px; }
  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--small {
    padding-top: 17.0px; }
  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--medium {
    padding-top: 26.0px; }
  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--large {
    padding-top: 38.0px; }
  @media only screen and (max-width: 574px) {
    .euiDescribedFormGroup .euiDescribedFormGroup__fields {
      padding-top: 0; }
      .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child {
        padding-top: 0; } }
  @media only screen and (min-width: 575px) and (max-width: 767px) {
    .euiDescribedFormGroup .euiDescribedFormGroup__fields {
      padding-top: 0; }
      .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child {
        padding-top: 0; } }

.euiFieldNumber {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #1b1b1b;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  /* 3 */
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  line-height: 1em;
  color: #DDD;
  border-radius: 0; }
  .euiFieldNumber--fullWidth {
    max-width: 100%; }
  .euiFieldNumber--compressed {
    height: 32px; }
  .euiFieldNumber--inGroup {
    height: 38px;
    /* 2 */ }
  .euiFieldNumber--inGroup.euiFieldNumber--compressed {
    height: 30px;
    /* 2 */ }
  .euiFieldNumber--compressed {
    padding-top: 8px;
    padding-bottom: 8px; }
  .euiFieldNumber--inGroup {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .euiFieldNumber:invalid {
    /* 4 */
    background-image: linear-gradient(to top, #bf4d4d, #bf4d4d 2px, transparent 2px, transparent 100%);
    background-size: 100%; }
  .euiFieldNumber:focus {
    /* 4 */
    background-color: #111111;
    background-image: linear-gradient(to top, #4da1c0, #4da1c0 2px, transparent 2px, transparent 100%);
    background-size: 100% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
  .euiFieldNumber:disabled {
    cursor: not-allowed;
    color: #444;
    background: #1f1f1f;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
    .euiFieldNumber:disabled::-webkit-input-placeholder {
      color: #444; }
    .euiFieldNumber:disabled:-ms-input-placeholder {
      color: #444; }
    .euiFieldNumber:disabled::-ms-input-placeholder {
      color: #444; }
    .euiFieldNumber:disabled::placeholder {
      color: #444; }
  .euiFieldNumber[readOnly] {
    cursor: default;
    background: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 0; }
  .euiFieldNumber--withIcon, .euiFieldNumber--withIcon[readOnly] {
    padding-left: 40px; }
  .euiFieldNumber-isLoading {
    padding-right: 40px; }

.euiFieldPassword {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #1b1b1b;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  /* 3 */
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  line-height: 1em;
  color: #DDD;
  border-radius: 0; }
  .euiFieldPassword--fullWidth {
    max-width: 100%; }
  .euiFieldPassword--compressed {
    height: 32px; }
  .euiFieldPassword--inGroup {
    height: 38px;
    /* 2 */ }
  .euiFieldPassword--inGroup.euiFieldPassword--compressed {
    height: 30px;
    /* 2 */ }
  .euiFieldPassword--compressed {
    padding-top: 8px;
    padding-bottom: 8px; }
  .euiFieldPassword--inGroup {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .euiFieldPassword:invalid {
    /* 4 */
    background-image: linear-gradient(to top, #bf4d4d, #bf4d4d 2px, transparent 2px, transparent 100%);
    background-size: 100%; }
  .euiFieldPassword:focus {
    /* 4 */
    background-color: #111111;
    background-image: linear-gradient(to top, #4da1c0, #4da1c0 2px, transparent 2px, transparent 100%);
    background-size: 100% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
  .euiFieldPassword:disabled {
    cursor: not-allowed;
    color: #444;
    background: #1f1f1f;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
    .euiFieldPassword:disabled::-webkit-input-placeholder {
      color: #444; }
    .euiFieldPassword:disabled:-ms-input-placeholder {
      color: #444; }
    .euiFieldPassword:disabled::-ms-input-placeholder {
      color: #444; }
    .euiFieldPassword:disabled::placeholder {
      color: #444; }
  .euiFieldPassword[readOnly] {
    cursor: default;
    background: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 0; }
  .euiFieldPassword, .euiFieldPassword[readOnly] {
    padding-left: 40px; }
  .euiFieldPassword-isLoading {
    padding-right: 40px; }

/*
 * 1. Fix for Safari to ensure that it renders like a normal text input
 *    and doesn't add extra spacing around text
 */
.euiFieldSearch {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #1b1b1b;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  /* 3 */
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  line-height: 1em;
  color: #DDD;
  border-radius: 0;
  -webkit-appearance: textfield;
  /* 1 */ }
  .euiFieldSearch--fullWidth {
    max-width: 100%; }
  .euiFieldSearch--compressed {
    height: 32px; }
  .euiFieldSearch--inGroup {
    height: 38px;
    /* 2 */ }
  .euiFieldSearch--inGroup.euiFieldSearch--compressed {
    height: 30px;
    /* 2 */ }
  .euiFieldSearch--compressed {
    padding-top: 8px;
    padding-bottom: 8px; }
  .euiFieldSearch--inGroup {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .euiFieldSearch:invalid {
    /* 4 */
    background-image: linear-gradient(to top, #bf4d4d, #bf4d4d 2px, transparent 2px, transparent 100%);
    background-size: 100%; }
  .euiFieldSearch:focus {
    /* 4 */
    background-color: #111111;
    background-image: linear-gradient(to top, #4da1c0, #4da1c0 2px, transparent 2px, transparent 100%);
    background-size: 100% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
  .euiFieldSearch:disabled {
    cursor: not-allowed;
    color: #444;
    background: #1f1f1f;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
    .euiFieldSearch:disabled::-webkit-input-placeholder {
      color: #444; }
    .euiFieldSearch:disabled:-ms-input-placeholder {
      color: #444; }
    .euiFieldSearch:disabled::-ms-input-placeholder {
      color: #444; }
    .euiFieldSearch:disabled::placeholder {
      color: #444; }
  .euiFieldSearch[readOnly] {
    cursor: default;
    background: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 0; }
  .euiFieldSearch, .euiFieldSearch[readOnly] {
    padding-left: 40px; }
  .euiFieldSearch-isLoading {
    padding-right: 40px; }
  .euiFieldSearch::-webkit-search-decoration {
    -webkit-appearance: none;
    /* 1 */ }

.euiFieldText {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #1b1b1b;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  /* 3 */
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  line-height: 1em;
  color: #DDD;
  border-radius: 0;
  /* Invalid state normally comes from :invalid, but several components
  /* like EuiDatePicker need it toggled through an extra class.
  */ }
  .euiFieldText--fullWidth {
    max-width: 100%; }
  .euiFieldText--compressed {
    height: 32px; }
  .euiFieldText--inGroup {
    height: 38px;
    /* 2 */ }
  .euiFieldText--inGroup.euiFieldText--compressed {
    height: 30px;
    /* 2 */ }
  .euiFieldText--compressed {
    padding-top: 8px;
    padding-bottom: 8px; }
  .euiFieldText--inGroup {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .euiFieldText:invalid {
    /* 4 */
    background-image: linear-gradient(to top, #bf4d4d, #bf4d4d 2px, transparent 2px, transparent 100%);
    background-size: 100%; }
  .euiFieldText:focus {
    /* 4 */
    background-color: #111111;
    background-image: linear-gradient(to top, #4da1c0, #4da1c0 2px, transparent 2px, transparent 100%);
    background-size: 100% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
  .euiFieldText:disabled {
    cursor: not-allowed;
    color: #444;
    background: #1f1f1f;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
    .euiFieldText:disabled::-webkit-input-placeholder {
      color: #444; }
    .euiFieldText:disabled:-ms-input-placeholder {
      color: #444; }
    .euiFieldText:disabled::-ms-input-placeholder {
      color: #444; }
    .euiFieldText:disabled::placeholder {
      color: #444; }
  .euiFieldText[readOnly] {
    cursor: default;
    background: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 0; }
  .euiFieldText--withIcon, .euiFieldText--withIcon[readOnly] {
    padding-left: 40px; }
  .euiFieldText-isLoading {
    padding-right: 40px; }
  .euiFieldText.euiFieldText-isInvalid {
    background-image: linear-gradient(to top, #bf4d4d, #bf4d4d 2px, transparent 2px, transparent 100%);
    background-size: 100%; }

.euiFilePicker {
  /**
   * 1. Don't block the user from dropping files onto the filepicker.
   * 2. Put prompt on top of input, so the clear button can intercept the click.
   * 3. Ensure space for import icon and clear button (only if it has files)
   * 4. Delay focus gradient or else it will only partially transition while file chooser opens
   */
  /**
   * 1. Undo the pointer-events: none applied to the enclosing prompt.
   */ }
  .euiFilePicker .euiFilePicker__wrap {
    max-width: 400px;
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block; }
    .euiFilePicker--compressed.euiFilePicker .euiFilePicker__wrap {
      height: 32px; }
  .euiFilePicker .euiFilePicker__input {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden; }
    .euiFilePicker .euiFilePicker__input:hover {
      cursor: pointer; }
    .euiFilePicker .euiFilePicker__input:hover:disabled {
      cursor: not-allowed; }
    .euiFilePicker .euiFilePicker__input:disabled ~ .euiFilePicker__prompt {
      color: #444; }
  .euiFilePicker .euiFilePicker__icon {
    margin-bottom: 16px;
    -webkit-transition: -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
    .euiFilePicker--compressed.euiFilePicker .euiFilePicker__icon {
      position: absolute;
      top: 8px;
      left: 12px;
      -webkit-transform: scale(1) !important;
              transform: scale(1) !important; }
  .euiFilePicker .euiFilePicker__prompt {
    background-color: #1b1b1b;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
    transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
    pointer-events: none;
    /* 1 */
    position: relative;
    /* 2 */
    z-index: 1;
    /* 2 */
    display: block;
    padding: 24px;
    text-align: center;
    -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms, -webkit-box-shadow 150ms ease-in;
    transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms, -webkit-box-shadow 150ms ease-in;
    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms;
    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms, -webkit-box-shadow 150ms ease-in;
    /* 4 */ }
    .euiFilePicker--compressed.euiFilePicker .euiFilePicker__prompt {
      height: 32px;
      padding: 8px;
      /* 3 */
      text-align: left; }
      .euiFilePicker--compressed.euiFilePicker .euiFilePicker__prompt, .euiFilePicker--compressed.euiFilePicker .euiFilePicker__prompt[readOnly] {
        padding-left: 40px; }
  .euiFilePicker .euiFilePicker__promptText {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .euiFilePicker--compressed.euiFilePicker .euiFilePicker__promptText {
      color: #444;
      line-height: 16px; }
  .euiFilePicker .euiFilePicker__clearButton {
    pointer-events: auto;
    /* 1 */ }
    .euiFilePicker--compressed.euiFilePicker .euiFilePicker__clearButton {
      pointer-events: all;
      width: 16px;
      height: 16px;
      background-color: rgba(68, 68, 68, 0.5);
      border-radius: 16px;
      line-height: 16px;
      position: absolute;
      top: 6px;
      right: 12px; }
      .euiFilePicker--compressed.euiFilePicker .euiFilePicker__clearButton:focus {
        -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
                animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
      .euiFilePicker--compressed.euiFilePicker .euiFilePicker__clearButton .euiFilePicker__clearIcon {
        width: 8px;
        height: 8px;
        fill: #222;
        stroke: #222;
        stroke-width: 3px;
        position: relative;
        top: -2px; }
  .euiFilePicker .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__promptText,
  .euiFilePicker .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__promptText {
    text-decoration: underline; }
  .euiFilePicker .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__icon,
  .euiFilePicker .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__icon {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  .euiFilePicker .euiFilePicker__input:focus + .euiFilePicker__prompt {
    background-color: #111111;
    background-image: linear-gradient(to top, #4da1c0, #4da1c0 2px, transparent 2px, transparent 100%);
    background-size: 100% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
  .euiFilePicker .euiFilePicker__input:disabled + .euiFilePicker__prompt {
    cursor: not-allowed;
    color: #444;
    background: #1f1f1f;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
    .euiFilePicker .euiFilePicker__input:disabled + .euiFilePicker__prompt::-webkit-input-placeholder {
      color: #444; }
    .euiFilePicker .euiFilePicker__input:disabled + .euiFilePicker__prompt:-ms-input-placeholder {
      color: #444; }
    .euiFilePicker .euiFilePicker__input:disabled + .euiFilePicker__prompt::-ms-input-placeholder {
      color: #444; }
    .euiFilePicker .euiFilePicker__input:disabled + .euiFilePicker__prompt::placeholder {
      color: #444; }
  .euiFilePicker.euiFilePicker-hasFiles.euiFilePicker--compressed .euiFilePicker__prompt {
    /* 3 */ }
    .euiFilePicker.euiFilePicker-hasFiles.euiFilePicker--compressed .euiFilePicker__prompt, .euiFilePicker.euiFilePicker-hasFiles.euiFilePicker--compressed .euiFilePicker__prompt[readOnly] {
      padding-right: 40px; }
  .euiFilePicker:not(.euiFilePicker--compressed).euiFilePicker-hasFiles .euiFilePicker__promptText {
    font-weight: 700; }
  .euiFilePicker.euiFilePicker--compressed.euiFilePicker-hasFiles .euiFilePicker__promptText {
    color: #DDD; }
  .euiFilePicker.euiFilePicker__showDrop .euiFilePicker__prompt {
    background-color: #111111;
    background-image: linear-gradient(to top, #4da1c0, #4da1c0 2px, transparent 2px, transparent 100%);
    background-size: 100% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
    .euiFilePicker.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__promptText {
      text-decoration: underline; }
    .euiFilePicker.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__icon {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
      color: #4da1c0; }

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

.euiForm__errors {
  margin-bottom: 16px; }

/**
 * 1. Ensure the icon padding remains when in readOnly mode
 * 2. Account for inner box-shadow style border when in group
 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
 */
/**
 * 4. Override invalid state with focus state.
 */
.euiFormControlLayout {
  max-width: 400px;
  width: 100%;
  height: auto; }
  .euiFormControlLayout--fullWidth {
    max-width: 100%; }
  .euiFormControlLayout--compressed {
    height: 32px; }
  .euiFormControlLayout--inGroup {
    height: 38px;
    /* 2 */ }
  .euiFormControlLayout--inGroup.euiFormControlLayout--compressed {
    height: 30px;
    /* 2 */ }

.euiFormControlLayout__childrenWrapper {
  position: relative; }

/**
 * 1. Account for inner box-shadow style border
 */
.euiFormControlLayout--group {
  background-color: #1b1b1b;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  /* 3 */
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1px;
  /* 1 */ }
  .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .euiFormControlLayout--group .euiFormControlLayout__prepend,
  .euiFormControlLayout--group .euiFormControlLayout__append {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 38px;
    /* 1 */
    line-height: 14px; }
    .euiFormControlLayout--group .euiFormControlLayout__prepend:disabled,
    .euiFormControlLayout--group .euiFormControlLayout__append:disabled {
      background-color: #1f1f1f;
      color: #444; }
    .euiFormControlLayout--group .euiFormControlLayout__prepend.euiFormLabel, .euiFormControlLayout--group .euiFormControlLayout__prepend.euiText,
    .euiFormControlLayout--group .euiFormControlLayout__append.euiFormLabel,
    .euiFormControlLayout--group .euiFormControlLayout__append.euiText {
      white-space: nowrap;
      margin-bottom: 0;
      padding: 12px;
      border: none;
      background-color: #262626;
      line-height: 14px; }
  .euiFormControlLayout--group .euiFormControlLayout__prepend {
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
  .euiFormControlLayout--group .euiFormControlLayout__append {
    border-left: 1px solid rgba(255, 255, 255, 0.1); }
  .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend,
  .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append {
    height: 30px;
    /* 1 */ }
    .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend.euiFormLabel, .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend.euiText,
    .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append.euiFormLabel,
    .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append.euiText {
      padding-top: 8px;
      padding-bottom: 8px; }

.euiFormControlLayoutIcons {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .euiFormControlLayoutIcons > * + * {
    margin-left: 6px; }

.euiFormControlLayoutIcons--right {
  left: auto;
  right: 12px; }

*:disabled + .euiFormControlLayoutIcons {
  cursor: not-allowed;
  color: #444; }

.euiFormControlLayoutClearButton {
  pointer-events: all;
  width: 16px;
  height: 16px;
  background-color: rgba(68, 68, 68, 0.5);
  border-radius: 16px;
  line-height: 16px; }
  .euiFormControlLayoutClearButton:focus {
    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
  .euiFormControlLayoutClearButton .euiFormControlLayoutClearButton__icon {
    width: 8px;
    height: 8px;
    fill: #222;
    stroke: #222;
    stroke-width: 3px;
    position: relative;
    top: -2px; }

.euiFormControlLayoutCustomIcon {
  pointer-events: none; }
  .euiFormControlLayoutCustomIcon .euiFormControlLayoutCustomIcon__icon {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }

.euiFormControlLayoutCustomIcon--clickable {
  pointer-events: all;
  width: 16px;
  height: 16px; }
  .euiFormControlLayoutCustomIcon--clickable .euiFormControlLayoutCustomIcon__icon {
    vertical-align: baseline;
    -webkit-transform: none;
            transform: none; }
  .euiFormControlLayoutCustomIcon--clickable:focus {
    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
  .euiFormControlLayoutCustomIcon--clickable:disabled {
    cursor: not-allowed;
    color: #444; }

.euiFormErrorText {
  font-size: 12.0px;
  font-size: 0.85714rem;
  line-height: 1.5;
  padding-top: 8px;
  color: #bf4d4d; }

.euiFormHelpText {
  font-size: 12.0px;
  font-size: 0.85714rem;
  line-height: 1.5;
  padding-top: 8px;
  color: #8A8A8A; }

/**
 * 1. Focused state overrides invalid state.
 */
.euiFormLabel {
  font-size: 12.0px;
  margin-bottom: 8px;
  -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: 600; }
  .euiFormLabel.euiFormLabel-isInvalid {
    color: #bf4d4d;
    /* 1 */ }
  .euiFormLabel.euiFormLabel-isFocused {
    color: #4da1c0;
    /* 1 */ }

.euiFormLabel[for] {
  cursor: pointer; }

/**
 * 1. Coerce inline form elements to behave as block-level elements.
 * 2. For inline forms, we need to add margin 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;
  padding-bottom: 8px; }
  .euiFormRow + * {
    margin-top: 16px; }
  .euiFormRow.euiFormRow--fullWidth {
    max-width: 100%; }
  .euiFormRow.euiFormRow--hasEmptyLabelSpace {
    margin-top: 20.0px;
    /* 2 */
    min-height: 40px;
    padding-bottom: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .euiFormRow.euiFormRow--compressed + * {
    margin-top: 8px; }
  .euiFormRow.euiFormRow--compressed .euiFormRow__text {
    padding-top: 6px; }

.euiRadio {
  position: relative;
  /**
   * 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;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden; }
    .euiRadio .euiRadio__input ~ .euiRadio__label {
      display: block;
      padding-left: 24px;
      line-height: 24px;
      font-size: 14px;
      position: relative;
      z-index: 2;
      cursor: pointer; }
    .euiRadio .euiRadio__input + .euiRadio__circle {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 3px;
      padding: 7px;
      border: 1px solid #666666;
      background: #222 no-repeat center;
      -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      border-radius: 14px;
      -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms;
      transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms; }
    .euiRadio .euiRadio__input:checked + .euiRadio__circle {
      border-color: #4da1c0;
      background-color: #4da1c0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='8' cy='11' r='3' fill='rgb%2834, 34, 34%29' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E"); }
    .euiRadio .euiRadio__input[disabled] {
      cursor: not-allowed !important; }
      .euiRadio .euiRadio__input[disabled] ~ .euiRadio__label {
        color: #444;
        cursor: not-allowed !important; }
      .euiRadio .euiRadio__input[disabled] + .euiRadio__circle {
        border-color: #333;
        background-color: #333;
        -webkit-box-shadow: none;
                box-shadow: none; }
    .euiRadio .euiRadio__input:checked[disabled] + .euiRadio__circle {
      border-color: #333;
      background-color: #333;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='8' cy='11' r='3' fill='rgb%28159, 159, 159%29' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E"); }
    .euiRadio .euiRadio__input:focus + .euiRadio__circle, .euiRadio .euiRadio__input:active:not(:disabled) + .euiRadio__circle {
      border-color: #4da1c0;
      -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
              animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
  .euiRadio.euiRadio--inList, .euiRadio.euiRadio--noLabel {
    min-height: 16px;
    min-width: 16px; }
    .euiRadio.euiRadio--inList .euiRadio__circle, .euiRadio.euiRadio--noLabel .euiRadio__circle {
      top: 0; }
    .euiRadio.euiRadio--inList .euiRadio__input, .euiRadio.euiRadio--noLabel .euiRadio__input {
      position: absolute;
      /* 1 */
      opacity: 0;
      /* 1 */
      width: 16px;
      height: 16px;
      /* 1 */
      z-index: 1;
      /* 1 */
      margin: 0;
      /* 1 */
      left: 0;
      /* 1 */
      cursor: pointer; }

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

/*
 * 1. There's no way to target the layout of the extra input, so we must
 *    use the descendant selector to allow the width to shrink.
 * 2. Align extra input slightly better with slider labels, in an IE compliant way.
 * 3. Adjust vertical alignment of input based on extras
 */
.euiRange__wrapper {
  max-width: 400px;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .euiRange__wrapper--fullWidth {
    max-width: 100%; }
  .euiRange__wrapper--disabled .euiRange__minLabel,
  .euiRange__wrapper--disabled .euiRange__maxLabel,
  .euiRange__wrapper--disabled .euiRange__inputWrapper {
    opacity: .25; }
  .euiRange__wrapper > .euiFormControlLayout {
    /* 1 */
    width: auto; }

.euiRange__inputWrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  /* 3 */ }

.euiRange__minLabel,
.euiRange__maxLabel {
  font-size: 12.0px; }

.euiRange__minLabel {
  margin-right: 8px; }

.euiRange__maxLabel {
  margin-left: 8px; }

.euiRange__extraInput {
  width: auto;
  margin-left: 16px;
  position: relative;
  /* 2 */
  top: -2px;
  /* 2 */ }

.euiRange__tick {
  overflow-x: hidden;
  text-overflow: ellipsis;
  font-size: 12.0px;
  position: relative;
  padding-top: 16px; }
  .euiRange__tick::before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #8A8A8A;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 2px); }
  .euiRange__tick:enabled:hover, .euiRange__tick:focus, .euiRange__tick--selected {
    color: #4da1c0; }
  .euiRange__tick--selected {
    font-weight: 600; }
  .euiRange__tick:disabled {
    cursor: not-allowed; }

.euiRange__levels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  z-index: 0; }

[class*="euiRange__level--"] {
  display: block;
  height: 6px;
  border-radius: 6px;
  margin: 2px; }

.euiRange__level--primary {
  background-color: rgba(77, 161, 192, 0.3); }

.euiRange__level--success {
  background-color: rgba(1, 127, 117, 0.3); }

.euiRange__level--warning {
  background-color: rgba(192, 108, 76, 0.3); }

.euiRange__level--danger {
  background-color: rgba(191, 77, 77, 0.3); }

.euiRange__range__progress {
  height: 4px;
  border-radius: 4px;
  background-color: #8A8A8A; }

.euiRange__value {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  border: 1px solid rgba(245, 245, 245, 0.2);
  position: absolute;
  border-radius: 4px;
  padding: 4px 10px;
  background-color: #1a1a1a;
  color: #FFF;
  max-width: 256px;
  z-index: 4000;
  top: 19px;
  -webkit-transition: -webkit-box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: -webkit-box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
  .euiRange__value::after, .euiRange__value::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    -webkit-transform-origin: center;
            transform-origin: center;
    background-color: #1a1a1a;
    width: 12px;
    height: 12px;
    border-radius: 2px; }
  .euiRange__value::before {
    background-color: rgba(245, 245, 245, 0.2); }
  .euiRange__value.euiRange__value--right {
    -webkit-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
    margin-left: 24px; }
    .euiRange__value.euiRange__value--right:before, .euiRange__value.euiRange__value--right:after {
      bottom: 50%;
      left: -5px;
      -webkit-transform: translateY(50%) rotateZ(45deg);
              transform: translateY(50%) rotateZ(45deg); }
    .euiRange__value.euiRange__value--right::before {
      margin-left: -1px; }
  .euiRange__value.euiRange__value--left {
    -webkit-transform: translateX(-100%) translateY(-50%);
            transform: translateX(-100%) translateY(-50%);
    margin-left: -24px; }
    .euiRange__value.euiRange__value--left:before, .euiRange__value.euiRange__value--left:after {
      bottom: 50%;
      left: auto;
      right: -5px;
      -webkit-transform: translateY(50%) rotateZ(45deg);
              transform: translateY(50%) rotateZ(45deg); }
    .euiRange__value.euiRange__value--left::before {
      margin-right: -1px; }

/*
 *  Positioning
 */
.euiRange__wrapper--hasLevels .euiRange__levels {
  position: absolute;
  left: 0;
  right: 0;
  top: 22px; }

.euiRange__wrapper--hasRange .euiRange__range {
  position: absolute;
  left: 0;
  width: 100%;
  top: 18px;
  z-index: 0;
  overflow: hidden; }

.euiRange__wrapper--hasTicks .euiRange {
  height: 20px;
  /* 3 */ }

.euiRange__wrapper--hasTicks .euiRange__levels {
  top: 12px; }

.euiRange__wrapper--hasTicks .euiRange__range {
  top: 8px;
  left: 0; }

.euiRange__wrapper--hasTicks .euiRange__value {
  top: 9px; }

.euiRange__wrapper--hasTicks .euiRange__extraInput {
  margin-top: 0; }

.euiRange__wrapper--hasTicks .euiRange__ticks {
  position: absolute;
  left: 0;
  right: 0;
  top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000; }

.euiRange__valueWrapper {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(100% - 16px);
  margin-left: 8px; }

/*
 *  Input Range Customization by browser
 */
.euiRange {
  height: 40px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  width: 100%;
  position: relative;
  z-index: 2000;
  cursor: pointer; }
  .euiRange:disabled {
    cursor: not-allowed; }
    .euiRange:disabled::-webkit-slider-thumb {
      cursor: not-allowed;
      border-color: #8A8A8A;
      background-color: #8A8A8A;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .euiRange:disabled::-moz-range-thumb {
      cursor: not-allowed;
      border-color: #8A8A8A;
      background-color: #8A8A8A;
      box-shadow: none; }
    .euiRange:disabled::-ms-thumb {
      cursor: not-allowed;
      border-color: #8A8A8A;
      background-color: #8A8A8A;
      box-shadow: none; }
  .euiRange:focus::-webkit-slider-thumb {
    border-color: #4da1c0;
    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
  .euiRange:focus::-moz-range-thumb {
    border-color: #4da1c0;
    animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
  .euiRange:focus::-ms-thumb {
    border-color: #4da1c0;
    animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
  .euiRange:focus::-webkit-slider-runnable-track {
    background-color: #4da1c0;
    border-color: #4da1c0; }
  .euiRange:focus::-moz-range-track {
    background-color: #4da1c0;
    border-color: #4da1c0; }
  .euiRange:focus::-ms-fill-lower {
    background-color: #4da1c0;
    border-color: #4da1c0; }
  .euiRange:focus::-ms-fill-upper {
    background-color: #4da1c0;
    border-color: #4da1c0; }
  .euiRange:focus ~ .euiRange__range .euiRange__range__progress {
    background-color: #4da1c0; }
  .euiRange:focus ~ .euiRange__valueWrapper .euiRange__value {
    -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
    .euiRange:focus ~ .euiRange__valueWrapper .euiRange__value.euiRange__value--right {
      -webkit-transform: translateX(0) translateY(-50%) scale(1.1);
              transform: translateX(0) translateY(-50%) scale(1.1); }
    .euiRange:focus ~ .euiRange__valueWrapper .euiRange__value.euiRange__value--left {
      -webkit-transform: translateX(-100%) translateY(-50%) scale(1.1);
              transform: translateX(-100%) translateY(-50%) scale(1.1); }
  .euiRange::-webkit-slider-thumb {
    cursor: pointer;
    padding: 7px;
    border: 1px solid #666666;
    background: #222 no-repeat center;
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms;
    transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms;
    border-color: #8A8A8A;
    padding: 0;
    height: 16px;
    width: 16px; }
  .euiRange::-moz-range-thumb {
    cursor: pointer;
    padding: 7px;
    border: 1px solid #666666;
    background: #222 no-repeat center;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms;
    transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms;
    border-color: #8A8A8A;
    padding: 0;
    height: 16px;
    width: 16px; }
  .euiRange::-ms-thumb {
    cursor: pointer;
    padding: 7px;
    border: 1px solid #666666;
    background: #222 no-repeat center;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms;
    transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms;
    border-color: #8A8A8A;
    padding: 0;
    height: 16px;
    width: 16px; }
  .euiRange::-webkit-slider-runnable-track {
    height: 2px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    width: 100%;
    background: #8A8A8A;
    border: 0 solid #8A8A8A;
    border-radius: 4px; }
  .euiRange::-moz-range-track {
    height: 2px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    width: 100%;
    background: #8A8A8A;
    border: 0 solid #8A8A8A;
    border-radius: 4px; }
  .euiRange::-ms-fill-lower {
    height: 2px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    width: 100%;
    background: #8A8A8A;
    border: 0 solid #8A8A8A;
    border-radius: 4px; }
  .euiRange::-ms-fill-upper {
    height: 2px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    width: 100%;
    background: #8A8A8A;
    border: 0 solid #8A8A8A;
    border-radius: 4px; }
  .euiRange::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -7px; }
  .euiRange::-ms-thumb {
    margin-top: 0; }
  .euiRange::-ms-track {
    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__wrapper--hasRange .euiRange::-webkit-slider-runnable-track,
.euiRange__wrapper--hasTicks .euiRange::-webkit-slider-runnable-track {
  background-color: rgba(138, 138, 138, 0.4);
  border-color: rgba(138, 138, 138, 0.4); }

.euiRange__wrapper--hasRange .euiRange::-moz-range-track,
.euiRange__wrapper--hasTicks .euiRange::-moz-range-track {
  background-color: rgba(138, 138, 138, 0.4);
  border-color: rgba(138, 138, 138, 0.4); }

.euiRange__wrapper--hasRange .euiRange::-ms-fill-lower,
.euiRange__wrapper--hasTicks .euiRange::-ms-fill-lower {
  background-color: rgba(138, 138, 138, 0.4);
  border-color: rgba(138, 138, 138, 0.4); }

.euiRange__wrapper--hasRange .euiRange::-ms-fill-upper,
.euiRange__wrapper--hasTicks .euiRange::-ms-fill-upper {
  background-color: rgba(138, 138, 138, 0.4);
  border-color: rgba(138, 138, 138, 0.4); }

/**
 * 1. Leave room for caret.
 * 2. Ensure the descenders don't get cut off
 */
.euiSelect {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #1b1b1b;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  /* 3 */
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  line-height: 1em;
  color: #DDD;
  border-radius: 0;
  /* 1 */
  line-height: 40px;
  /* 2 */
  padding-top: 0;
  /* 2 */
  padding-bottom: 0;
  /* 2 */ }
  .euiSelect--fullWidth {
    max-width: 100%; }
  .euiSelect--compressed {
    height: 32px; }
  .euiSelect--inGroup {
    height: 38px;
    /* 2 */ }
  .euiSelect--inGroup.euiSelect--compressed {
    height: 30px;
    /* 2 */ }
  .euiSelect--compressed {
    padding-top: 8px;
    padding-bottom: 8px; }
  .euiSelect--inGroup {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .euiSelect:invalid {
    /* 4 */
    background-image: linear-gradient(to top, #bf4d4d, #bf4d4d 2px, transparent 2px, transparent 100%);
    background-size: 100%; }
  .euiSelect:focus {
    /* 4 */
    background-color: #111111;
    background-image: linear-gradient(to top, #4da1c0, #4da1c0 2px, transparent 2px, transparent 100%);
    background-size: 100% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
  .euiSelect:disabled {
    cursor: not-allowed;
    color: #444;
    background: #1f1f1f;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
    .euiSelect:disabled::-webkit-input-placeholder {
      color: #444; }
    .euiSelect:disabled:-ms-input-placeholder {
      color: #444; }
    .euiSelect:disabled::-ms-input-placeholder {
      color: #444; }
    .euiSelect:disabled::placeholder {
      color: #444; }
  .euiSelect[readOnly] {
    cursor: default;
    background: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 0; }
  .euiSelect, .euiSelect[readOnly] {
    padding-right: 40px; }
  .euiSelect-isLoading {
    padding-right: 56px; }
  .euiSelect--compressed {
    line-height: 32px;
    /* 2 */
    padding-top: 0;
    /* 2 */
    padding-bottom: 0;
    /* 2 */ }
  .euiSelect--inGroup {
    line-height: 38px;
    /* 2 */ }
  .euiSelect--inGroup.euiSelect--compressed {
    line-height: 30px;
    /* 2 */ }
  .euiSelect::-ms-expand {
    display: none; }
  .euiSelect:focus::-ms-value {
    color: #DDD;
    background: transparent; }

.euiSwitch {
  position: relative;
  display: inline-block;
  min-height: 20px;
  /**
   * 1. The input is "hidden" but still focusable.
   * 2. Make sure it's still hidden when [disabled].
   */
  /**
   * 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: 20px;
    font-size: 14px;
    vertical-align: middle; }
  .euiSwitch .euiSwitch__input,
  .euiSwitch .euiSwitch__input[disabled] {
    position: absolute;
    opacity: 0;
    /* 1 */
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .euiSwitch .euiSwitch__input:focus + .euiSwitch__body .euiSwitch__thumb {
    border-color: #4da1c0;
    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
  .euiSwitch .euiSwitch__body {
    pointer-events: none;
    width: 44px;
    height: 20px;
    background-color: #4da1c0;
    display: inline-block;
    position: relative;
    border-radius: 20px;
    vertical-align: middle; }
  .euiSwitch .euiSwitch__thumb {
    position: absolute;
    padding: 9px;
    border: 1px solid #666666;
    background: #222 no-repeat center;
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    border-radius: 18px;
    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms;
    transition: background-color 150ms ease-in, border-color 150ms ease-in, background-image 0s ease-out 150ms;
    display: inline-block;
    left: 24px;
    -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: 20px; }
  .euiSwitch .euiSwitch__icon {
    position: absolute;
    right: -34px;
    top: 2px;
    bottom: 0;
    width: 42px;
    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: #DDD; }
  .euiSwitch .euiSwitch__icon--checked {
    right: auto;
    left: -8px;
    fill: #222; }
  .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:disabled ~ .euiSwitch__body,
  .euiSwitch .euiSwitch__input:checked:disabled ~ .euiSwitch__body {
    background: #333; }
    .euiSwitch .euiSwitch__input:disabled ~ .euiSwitch__body .euiSwitch__thumb,
    .euiSwitch .euiSwitch__input:checked:disabled ~ .euiSwitch__body .euiSwitch__thumb {
      border-color: #333;
      background-color: #333;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-color: #242424; }
    .euiSwitch .euiSwitch__input:disabled ~ .euiSwitch__body .euiSwitch__icon,
    .euiSwitch .euiSwitch__input:checked:disabled ~ .euiSwitch__body .euiSwitch__icon {
      fill: #9f9f9f; }
    .euiSwitch .euiSwitch__input:disabled ~ .euiSwitch__body + label,
    .euiSwitch .euiSwitch__input:checked:disabled ~ .euiSwitch__body + label {
      color: #444; }
  .euiSwitch .euiSwitch__input:not(:checked):not(:disabled) ~ .euiSwitch__body {
    background-color: rgba(68, 68, 68, 0.7); }
  .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: -34px; }

.euiTextArea {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #1b1b1b;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  /* 3 */
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  border: none;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 12px;
  line-height: 1em;
  color: #DDD;
  border-radius: 0;
  line-height: 1.5; }
  .euiTextArea--fullWidth {
    max-width: 100%; }
  .euiTextArea--compressed {
    height: 32px; }
  .euiTextArea--inGroup {
    height: 38px;
    /* 2 */ }
  .euiTextArea--inGroup.euiTextArea--compressed {
    height: 30px;
    /* 2 */ }
  .euiTextArea--compressed {
    padding-top: 8px;
    padding-bottom: 8px; }
  .euiTextArea--inGroup {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .euiTextArea:invalid {
    /* 4 */
    background-image: linear-gradient(to top, #bf4d4d, #bf4d4d 2px, transparent 2px, transparent 100%);
    background-size: 100%; }
  .euiTextArea:focus {
    /* 4 */
    background-color: #111111;
    background-image: linear-gradient(to top, #4da1c0, #4da1c0 2px, transparent 2px, transparent 100%);
    background-size: 100% 100%;
    /* 3 */
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
  .euiTextArea:disabled {
    cursor: not-allowed;
    color: #444;
    background: #1f1f1f;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
    .euiTextArea:disabled::-webkit-input-placeholder {
      color: #444; }
    .euiTextArea:disabled:-ms-input-placeholder {
      color: #444; }
    .euiTextArea:disabled::-ms-input-placeholder {
      color: #444; }
    .euiTextArea:disabled::placeholder {
      color: #444; }
  .euiTextArea[readOnly] {
    cursor: default;
    background: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 0; }
  .euiTextArea, .euiTextArea--compressed {
    height: auto; }

.euiTextArea--resizeVertical {
  resize: vertical; }

.euiTextArea--resizeHorizontal {
  resize: horizontal; }

.euiTextArea--resizeBoth {
  resize: both; }

.euiTextArea--resizeNone {
  resize: none; }

.euiHeader {
  position: relative;
  z-index: 1000;
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #222;
  border-bottom: 1px solid #333; }

.euiHeaderProfile {
  padding: 16px; }

.euiHeaderLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.euiHeaderLinks__list {
  white-space: nowrap;
  overflow: hidden; }
  @media only screen and (max-width: 574px) {
    .euiHeaderLinks__list {
      display: none; } }
  @media only screen and (min-width: 575px) and (max-width: 767px) {
    .euiHeaderLinks__list {
      display: none; } }

.euiHeaderLinks__mobile {
  display: none !important;
  position: absolute !important;
  right: 0; }
  @media only screen and (max-width: 574px) {
    .euiHeaderLinks__mobile {
      display: block !important; } }
  @media only screen and (min-width: 575px) and (max-width: 767px) {
    .euiHeaderLinks__mobile {
      display: block !important; } }

.euiHeaderLink {
  text-align: left;
  display: inline-block;
  height: 64px;
  line-height: 64px;
  padding: 0 8px;
  text-align: left; }
  .euiHeaderLink:hover {
    text-decoration: underline; }
  .euiHeaderLink:focus {
    text-decoration: underline;
    background: #191919; }

.euiHeaderLinks__mobileList .euiHeaderLink {
  display: block;
  height: auto;
  line-height: 1.5;
  padding: 8px; }
  .euiHeaderLinks__mobileList .euiHeaderLink > span {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

.euiHeaderLogo {
  text-align: left;
  position: relative;
  height: 64px;
  line-height: 64px;
  padding: 0 16px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap; }
  .euiHeaderLogo:hover {
    text-decoration: underline; }
  .euiHeaderLogo:focus {
    text-decoration: underline;
    background: #191919; }
  .euiHeaderLogo:focus, .euiHeaderLogo:hover {
    text-decoration: none; }

.euiHeaderLogo__icon {
  opacity: 1;
  position: relative;
  top: -2px; }

.euiHeaderLogo__text {
  color: white;
  font-size: 18.0px;
  font-size: 1.28571rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 2rem;
  padding-left: 16px;
  font-weight: 600; }

@media only screen and (max-width: 574px) {
  .euiHeaderLogo {
    height: 48px;
    line-height: 48px;
    padding: 0 12px; }
  .euiHeaderLogo__icon.euiIcon--xLarge {
    width: 24px;
    height: 24px; }
  .euiHeaderLogo__text {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    line-height: 1.5rem;
    font-weight: 400; } }

.euiHeaderAlert {
  min-width: 300px;
  position: relative;
  padding: 16px;
  border-top: 1px solid #333; }
  .euiHeaderAlert .euiHeaderAlert__dismiss {
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    -webkit-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in; }
  .euiHeaderAlert:hover .euiHeaderAlert__dismiss,
  .euiHeaderAlert .euiHeaderAlert__dismiss:focus {
    opacity: 1; }
  .euiHeaderAlert .euiHeaderAlert__title {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    line-height: 1.5rem;
    padding-right: 24px; }
  .euiHeaderAlert .euiHeaderAlert__text {
    font-size: 12.0px;
    font-size: 0.85714rem;
    line-height: 1.5;
    margin-bottom: 8px; }
  .euiHeaderAlert .euiHeaderAlert__action {
    font-size: 12.0px;
    font-size: 0.85714rem;
    line-height: 1.5; }
  .euiHeaderAlert .euiHeaderAlert__date {
    font-size: 12.0px;
    font-size: 0.85714rem;
    line-height: 1.5;
    color: #8A8A8A; }

.euiHeaderBreadcrumbs {
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.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: #242424; }
  .euiHeaderSectionItem:after {
    position: absolute;
    content: "";
    top: 16px;
    bottom: 0;
    background: #333;
    left: 0; }

.euiHeaderSectionItem__button {
  height: 64px;
  min-width: 64px;
  text-align: center;
  font-size: 0; }
  .euiHeaderSectionItem__button:focus {
    background: #191919; }

.euiHeaderSectionItem--borderLeft:after {
  left: 0;
  width: 1px; }

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

.euiHeaderNotification {
  position: absolute;
  top: 18%;
  right: 18%;
  -webkit-box-shadow: 0 0 0 1px #222;
          box-shadow: 0 0 0 1px #222; }

@media only screen and (max-width: 574px) {
  .euiHeaderSectionItem,
  .euiHeaderSectionItem__button {
    height: 48px;
    min-width: 48px; }
  .euiHeaderSectionItem--borderLeft:after,
  .euiHeaderSectionItem--borderRight:after {
    display: none; }
  .euiHeaderNotification {
    min-width: 0;
    border-radius: 8px;
    width: 8px;
    height: 8px;
    color: #DD0A73;
    overflow: hidden; } }

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

.euiHorizontalRule {
  border: none;
  height: 1.1px;
  background-color: #333; }
  .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: #191919; }

.euiIcon--text {
  fill: #DDD; }

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

.euiIcon--primary {
  fill: #4da1c0; }

.euiIcon--secondary {
  fill: #017F75; }

.euiIcon--success {
  fill: #017F75; }

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

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

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

.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; }

/**
 * 1. Fix for IE where the image correctly resizes in width but doesn't collapse it's height
      (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
 */
.euiImage {
  display: inline-block;
  max-width: 100%;
  position: relative;
  min-height: 1px;
  /* 1 */ }
  .euiImage.euiImage--hasShadow .euiImage__img {
    -webkit-box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 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.
 * 2. If it has a BetaBadge, make sure only the first letter shows
 */
.euiKeyPadMenuItem {
  display: block;
  padding: 4px;
  height: 96px;
  width: 96px;
  color: #8A8A8A;
  border: 1px solid #333;
  border-color: transparent;
  border-radius: 4px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  /* 1 */
  -webkit-transition: border-color 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: border-color 150ms ease-in, -webkit-box-shadow 150ms ease-in;
  transition: border-color 150ms ease-in, box-shadow 150ms ease-in;
  transition: border-color 150ms ease-in, box-shadow 150ms ease-in, -webkit-box-shadow 150ms ease-in; }
  .euiKeyPadMenuItem:hover, .euiKeyPadMenuItem:focus {
    border-color: #333;
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
    .euiKeyPadMenuItem:hover .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:focus .euiKeyPadMenuItem__icon {
      -webkit-transform: translateY(0);
              transform: translateY(0); }

.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--hasBetaBadge .euiKeyPadMenuItem__inner {
    position: relative; }
    .euiKeyPadMenuItem--hasBetaBadge .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__betaBadgeWrapper {
      position: absolute;
      top: 8px;
      right: 8px;
      z-index: 3; }
      .euiKeyPadMenuItem--hasBetaBadge .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__betaBadgeWrapper .euiKeyPadMenuItem__betaBadge:not(.euiBetaBadge--iconOnly) {
        width: 24px;
        padding: 0 8.0px;
        /* 2 */
        overflow: hidden;
        /* 2 */
        letter-spacing: 3rem;
        /* 2 */ }

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

.euiKeyPadMenuItem__label {
  font-size: 12.0px;
  font-weight: 600;
  line-height: 16px;
  text-align: center; }

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

.euiLink.euiLink--subdued {
  color: #8A8A8A; }
  .euiLink.euiLink--subdued:hover {
    color: #717171; }
  .euiLink.euiLink--subdued:focus {
    outline: solid 3px rgba(138, 138, 138, 0.1);
    background-color: rgba(138, 138, 138, 0.1); }

.euiLink.euiLink--primary {
  color: #4da1c0; }
  .euiLink.euiLink--primary:hover {
    color: #3985a1; }
  .euiLink.euiLink--primary:focus {
    outline: solid 3px rgba(77, 161, 192, 0.1);
    background-color: rgba(77, 161, 192, 0.1); }

.euiLink.euiLink--secondary {
  color: #017F75; }
  .euiLink.euiLink--secondary:hover {
    color: #014c46; }
  .euiLink.euiLink--secondary:focus {
    outline: solid 3px rgba(1, 127, 117, 0.1);
    background-color: rgba(1, 127, 117, 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: #c06c4c; }
  .euiLink.euiLink--warning:hover {
    color: #a15538; }
  .euiLink.euiLink--warning:focus {
    outline: solid 3px rgba(192, 108, 76, 0.1);
    background-color: rgba(192, 108, 76, 0.1); }

.euiLink.euiLink--danger {
  color: #bf4d4d; }
  .euiLink.euiLink--danger:hover {
    color: #a03939; }
  .euiLink.euiLink--danger:focus {
    outline: solid 3px rgba(191, 77, 77, 0.1);
    background-color: rgba(191, 77, 77, 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 #FFF;
            box-shadow: 0 0 8px #FFF;
    -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: #FFF;
    -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: #4da1c0; }
  .euiLoadingChart__bar:nth-child(2) {
    background-color: #017F75;
    -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: #F5F5F5;
    -webkit-animation-delay: .3s;
            animation-delay: .3s; }

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

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

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

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

.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 #333;
  border-color: #4da1c0 #333 #333 #333;
  -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); } }

/**
 * 1. Fix IE overflow issue (min-height) by adding a separate wrapper for the
 *    flex display. https://github.com/philipwalton/flexbugs#flexbug-3
 */
.euiModal {
  -webkit-box-shadow: 0 64px 64px 0 rgba(0, 0, 0, 0.2), 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2), 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 64px 64px 0 rgba(0, 0, 0, 0.2), 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2), 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1 */
  position: relative;
  background-color: #222;
  border: 1px solid #333;
  border-top-color: #333333;
  border-radius: 4px;
  z-index: 8000;
  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 .euiModal__flex {
    /* 1 */
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 75vh; }

.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;
  padding: 24px 40px 12px 24px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 0 16px 16px -8px #222;
          box-shadow: 0 16px 16px -8px #222;
  z-index: 2; }

.euiModalHeader__title {
  color: white;
  font-size: 24.0px;
  font-size: 1.71429rem;
  line-height: 1.25;
  font-weight: 600;
  line-height: 2.5rem; }

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

.euiModalFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 24px 24px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 0 -16px 16px -8px #222;
          box-shadow: 0 -16px 16px -8px #222;
  z-index: 2; }
  .euiModalFooter > * + * {
    margin-left: 16px; }

.euiModalHeader + .euiModalBody {
  padding-top: 12px; }

.euiModal__closeIcon {
  background-color: rgba(34, 34, 34, 0.9);
  position: absolute;
  right: 17px;
  top: 17px;
  z-index: 3; }

@-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); } }

@media only screen and (max-width: 574px) {
  .euiModal {
    position: fixed;
    width: calc(100vw + 2px);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none; }
    .euiModal .euiModal__flex {
      /* 1 */
      max-height: 100vh; }
  .euiModalHeader {
    width: 100vw; }
  .euiModalFooter {
    background: #242424;
    padding: 12px 24px;
    width: 100vw;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch; }
    .euiModalFooter > * {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .euiModalFooter > * + * {
        margin-left: 0; }
  .euiModal__closeIcon {
    position: fixed;
    top: 28px; }
  .euiModalBody {
    width: 100vw; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiModal {
    position: fixed;
    width: calc(100vw + 2px);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none; }
    .euiModal .euiModal__flex {
      /* 1 */
      max-height: 100vh; }
  .euiModalHeader {
    width: 100vw; }
  .euiModalFooter {
    background: #242424;
    padding: 12px 24px;
    width: 100vw;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch; }
    .euiModalFooter > * {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .euiModalFooter > * + * {
        margin-left: 0; }
  .euiModal__closeIcon {
    position: fixed;
    top: 28px; }
  .euiModalBody {
    width: 100vw; } }

.euiOverlayMask {
  position: fixed;
  z-index: 6000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  background: rgba(51, 51, 51, 0.8); }

.euiBody-hasOverlayMask {
  overflow: hidden; }

.euiPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  background-color: #242424; }
  .euiPage--restrictWidth-default, .euiPage--restrictWidth-custom {
    margin-left: auto;
    margin-right: auto; }
  .euiPage--restrictWidth-default {
    max-width: 1000px; }
  @media only screen and (max-width: 574px) {
    .euiPage {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (min-width: 575px) and (max-width: 767px) {
    .euiPage {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.euiPageBody {
  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-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%; }
  .euiPageBody--restrictWidth-default, .euiPageBody--restrictWidth-custom {
    margin-left: auto;
    margin-right: auto; }
  .euiPageBody--restrictWidth-default {
    max-width: 1000px; }

.euiPageContent {
  width: 100%;
  /** TEMPORARILY REMOVING
  // At small screens, the content extends edge to edge, so remove the side borders and shadow
  @include euiBreakpoint('xs', 's') {
    .euiPanel:not(.euiPageContent--horizontalCenter) { // Override panel styles without the need for !important
      // border-radius: 0;
      // border-left: none;
      // border-right: none;
      // box-shadow: none;
    }
  }
  **/ }
  .euiPageContent.euiPageContent--verticalCenter {
    -ms-flex-item-align: center;
        align-self: center;
    margin-top: auto;
    margin-bottom: auto;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .euiPageContent.euiPageContent--horizontalCenter {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }

/**
 * Padding map referenced in:
 *  - Popover
 *  - PageContentHeader
 *  - PageContentHeaderSection
*/
.euiPageContentHeader {
  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; }
  .euiPageContent[class*="paddingSmall"] .euiPageContentHeader {
    margin-bottom: 8px; }
  .euiPageContent[class*="paddingMedium"] .euiPageContentHeader {
    margin-bottom: 16px; }
  .euiPageContent[class*="paddingLarge"] .euiPageContentHeader {
    margin-bottom: 24px; }

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

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiPageContentHeader--responsive {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }

/**
 * Padding map referenced in:
 *  - Popover
 *  - PageContentHeader
 *  - PageContentHeaderSection
*/
.euiPageContentHeaderSection + .euiPageContentHeaderSection {
  margin-left: 32px; }

@media only screen and (max-width: 574px) {
  .euiPageContent[class*="paddingSmall"] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 4px; }
  .euiPageContent[class*="paddingMedium"] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 8px; }
  .euiPageContent[class*="paddingLarge"] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 12px; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiPageContent[class*="paddingSmall"] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 4px; }
  .euiPageContent[class*="paddingMedium"] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 8px; }
  .euiPageContent[class*="paddingLarge"] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 12px; } }

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

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

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .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: 574px) {
  .euiPageHeader {
    padding: 16px 0;
    margin-bottom: 0; }
  .euiPageHeader--responsive {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

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

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

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

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiPageHeader--responsive .euiPageHeaderSection {
    width: 100%; }
    .euiPageHeader--responsive .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;
  text-align: center;
  border-radius: 4px; }

.euiPaginationButton-isActive {
  pointer-events: none;
  color: #4da1c0;
  text-decoration: underline;
  font-weight: 700; }

.euiPaginationButton-isPlaceholder:disabled .euiButtonEmpty__content {
  cursor: default; }

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

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

/**
 * Padding map referenced in:
 *  - Popover
 *  - PageContentHeader
 *  - PageContentHeaderSection
*/
/**
 *  Mixin for use in:
 *  - EuiCard
 *  - EuiPageContent
*/
/**
 * 1. Extend beta badges to at least 40% of the container's width
 */
.euiPanel {
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
  background-color: #222;
  border: 1px solid #333;
  border-radius: 4px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .euiPanel.euiPanel--flexGrowZero {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .euiPanel.euiPanel--isClickable {
    display: block;
    width: 100%;
    text-align: left;
    -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); }
    .euiPanel.euiPanel--isClickable:hover, .euiPanel.euiPanel--isClickable:focus {
      -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      -webkit-transform: translateY(-2px);
              transform: translateY(-2px);
      cursor: pointer; }
  .euiPanel.euiPanel--shadow {
    -webkit-box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
    .euiPanel.euiPanel--shadow.euiPanel--isClickable:hover, .euiPanel.euiPanel--shadow.euiPanel--isClickable:focus {
      -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }

.euiPanel.euiPanel--hasBetaBadge {
  position: relative; }
  .euiPanel.euiPanel--hasBetaBadge .euiPanel__betaBadgeWrapper {
    position: absolute;
    top: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 3;
    min-width: 40%;
    /* 1 */
    max-width: calc(100% - 32px); }
    .euiPanel.euiPanel--hasBetaBadge .euiPanel__betaBadgeWrapper .euiToolTipAnchor,
    .euiPanel.euiPanel--hasBetaBadge .euiPanel__betaBadgeWrapper .euiPanel__betaBadge {
      width: 100%;
      /* 1 */ }
    .euiPanel.euiPanel--hasBetaBadge .euiPanel__betaBadgeWrapper .euiPanel__betaBadge {
      overflow: hidden;
      text-overflow: ellipsis; }

.euiPanel.euiPanel--paddingSmall {
  padding: 8px; }
  .euiPanel.euiPanel--paddingSmall .euiPanel__betaBadgeWrapper {
    max-width: calc(100% - 16px); }

.euiPanel.euiPanel--paddingMedium {
  padding: 16px; }
  .euiPanel.euiPanel--paddingMedium .euiPanel__betaBadgeWrapper {
    max-width: calc(100% - 32px); }

.euiPanel.euiPanel--paddingLarge {
  padding: 24px; }
  .euiPanel.euiPanel--paddingLarge .euiPanel__betaBadgeWrapper {
    max-width: calc(100% - 48px); }

.euiPopover {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  max-width: 100%; }

.euiPopover__anchor {
  display: inline-block; }

/**
 * 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) 450ms;
  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) 450ms;
  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) 450ms;
  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) 450ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
  opacity: 0;
  /* 2 */
  visibility: hidden;
  /* 2 */
  -webkit-transform: translateY(0) translateX(0) translateZ(0);
          transform: translateY(0) translateX(0) translateZ(0);
  /* 2 */ }
  .euiPopover__panel.euiPopover__panel-isOpen {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .euiPopover__panel .euiPopover__panel__arrow {
    position: absolute;
    width: 0;
    height: 0; }
    .euiPopover__panel .euiPopover__panel__arrow:before {
      position: absolute;
      content: "";
      height: 0;
      width: 0; }
    .euiPopover__panel .euiPopover__panel__arrow:after {
      position: absolute;
      content: "";
      height: 0;
      width: 0; }
    .euiPopover__panel .euiPopover__panel__arrow.euiPopover__panel__arrow-top:before {
      bottom: -11px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-top: 12px solid #333; }
    .euiPopover__panel .euiPopover__panel__arrow.euiPopover__panel__arrow-top:after {
      bottom: -10px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-top: 12px solid #222; }
    .euiPopover__panel .euiPopover__panel__arrow.euiPopover__panel__arrow-right:before {
      left: -12px;
      top: 50%;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-right: 12px solid #333; }
    .euiPopover__panel .euiPopover__panel__arrow.euiPopover__panel__arrow-right:after {
      left: -11px;
      top: 50%;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-right: 12px solid #222; }
    .euiPopover__panel .euiPopover__panel__arrow.euiPopover__panel__arrow-bottom:before {
      top: -12px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #333; }
    .euiPopover__panel .euiPopover__panel__arrow.euiPopover__panel__arrow-bottom:after {
      top: -11px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #222; }
    .euiPopover__panel .euiPopover__panel__arrow.euiPopover__panel__arrow-left:before {
      right: -11px;
      top: 50%;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 12px solid #333; }
    .euiPopover__panel .euiPopover__panel__arrow.euiPopover__panel__arrow-left:after {
      right: -10px;
      top: 50%;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 12px solid #222; }

.euiPopover__panel.euiPopover__panel-withTitle .euiPopover__panel__arrow.euiPopover__panel__arrow-bottom:after {
  border-bottom-color: #242424; }

.euiPopover__panel.euiPopover__panel-withTitle .euiPopover__panel__arrow.euiPopover__panel__arrow-right:after {
  border-right-color: #242424; }

.euiPopover__panel.euiPopover__panel-withTitle .euiPopover__panel__arrow.euiPopover__panel__arrow-left:after {
  border-left-color: #242424; }

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

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

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

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

/**
 * Padding map referenced in:
 *  - Popover
 *  - PageContentHeader
 *  - PageContentHeaderSection
*/
.euiPopoverTitle {
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 1.5rem;
  background-color: #242424;
  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; }

/**
 * 1. Portal content is absolutely positioned (e.g. tooltips, popovers, flyouts).
 */
.euiBody-hasPortalContent {
  position: relative;
  /* 1 */ }

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

.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: #333; }
  .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--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; }

.euiProgress--primary.euiProgress--native::-webkit-progress-value {
  background-color: #4da1c0; }

.euiProgress--primary.euiProgress--native::-moz-progress-bar {
  background-color: #4da1c0; }

.euiProgress--primary.euiProgress--indeterminate:before {
  background-color: #4da1c0; }

.euiProgress--secondary.euiProgress--native::-webkit-progress-value {
  background-color: #017F75; }

.euiProgress--secondary.euiProgress--native::-moz-progress-bar {
  background-color: #017F75; }

.euiProgress--secondary.euiProgress--indeterminate:before {
  background-color: #017F75; }

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

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

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

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

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

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

.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: #444; }

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

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

@-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 #333;
  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: #4da1c0; }

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

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

.euiSideNav__hideButton {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #333;
  background: #222;
  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: 574px) {
  /**
   * 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; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  /**
   * 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: #FFF;
  /* 2 */ }
  .euiSideNavItemButton.euiSideNavItemButton--isClickable:hover {
    text-decoration: underline; }
  .euiSideNavItemButton.euiSideNavItemButton--isClickable:focus {
    background-color: #191919 !important;
    color: #4da1c0 !important; }
  .euiSideNavItemButton.euiSideNavItemButton-isSelected .euiSideNavItemButton__label {
    color: #4da1c0;
    font-weight: 600;
    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: #8A8A8A;
  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: #333;
    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: white;
      font-size: 14px;
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 600;
      line-height: 1.5rem; }
  .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: #333; }
  .euiSideNavItem--branch > .euiSideNavItem__items {
    margin-left: 16px; }

.euiSideNavItem--hasChildItems > .euiSideNavItemButton-isOpen .euiSideNavItemButton__label {
  color: #FFF; }

.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 .euiStep__circle {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #222;
  background-color: #4da1c0;
  font-size: 14px;
  font-weight: 600;
  margin-right: 16px;
  vertical-align: top;
  /* 1 */ }
  .euiStep .euiStep__circle.euiStep__circle--incomplete {
    background-color: transparent;
    border: solid 2px #4da1c0;
    color: #8A8A8A; }
  .euiStep .euiStep__circle.euiStep__circle--complete {
    -webkit-animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
            animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1); }
  .euiStep .euiStep__circle .euiStep__circleIcon {
    position: relative;
    top: -2px; }

.euiStep .euiStep__title {
  font-weight: 600;
  display: inline-block; }

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

.euiSubSteps {
  padding: 16px;
  background-color: #272f32;
  margin-bottom: 16px; }
  .euiSubSteps > *:last-child {
    margin-bottom: 0; }
  .euiText .euiSubSteps ol,
  .euiSubSteps ol {
    list-style-type: lower-alpha; }

/**
 * 1. Ensure the connecting lines stays behind the number
 * 2. Make each step the same width
 * 3. Make the content of each step align to the top, even if the steps are of varying heights,
 *    e.g. due to some of their titles wrapping to multiple lines
 */
.euiStepsHorizontal {
  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;
  background: rgba(36, 36, 36, 0.5); }

.euiStepHorizontal {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /* 2 */
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%;
  /* 2 */
  padding: 24px 16px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 3 */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 3 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 3 */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* 3 */
  cursor: pointer;
  position: relative; }
  .euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number, .euiStepHorizontal:hover:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number {
    background: #4da1c0;
    color: #222;
    -webkit-transition: background-color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: background-color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimateLarge;
            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimateLarge; }
  .euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__title, .euiStepHorizontal:hover:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__title {
    text-decoration: underline; }
  .euiStepHorizontal.euiStepHorizontal-isDisabled {
    cursor: not-allowed; }
  .euiStepHorizontal::before, .euiStepHorizontal::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    top: 40px;
    background-color: #333;
    z-index: 0;
    /* 1 */ }
  .euiStepHorizontal::before {
    left: 0; }
  .euiStepHorizontal::after {
    right: 0; }
  .euiStepHorizontal:first-of-type::before {
    display: none; }
  .euiStepHorizontal:last-of-type::after {
    display: none; }

.euiStepHorizontal__number {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #222;
  background-color: #4da1c0;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  /* 1 */
  z-index: 1000;
  /* 1 */
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out; }
  .euiStepHorizontal__number > .euiIcon {
    position: relative;
    top: -2px; }

.euiStepHorizontal__title {
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: 8px;
  font-weight: 400;
  text-align: center; }
  .euiStepHorizontal-isDisabled .euiStepHorizontal__title {
    color: #8A8A8A; }

.euiStepHorizontal-isIncomplete .euiStepHorizontal__number {
  background-color: #333;
  color: #8A8A8A; }

.euiStepHorizontal-isComplete::before, .euiStepHorizontal-isComplete::after {
  height: 2px;
  background-color: #4da1c0; }

.euiStepHorizontal-isSelected .euiStepHorizontal__number {
  -webkit-box-shadow: 0 2px 2px -1px rgba(101, 150, 168, 0.3);
          box-shadow: 0 2px 2px -1px rgba(101, 150, 168, 0.3); }

.euiStepHorizontal-isSelected::before {
  height: 2px;
  background-color: #4da1c0; }

@media only screen and (max-width: 574px) {
  .euiStepHorizontal {
    padding-top: 16px; }
    .euiStepHorizontal:before, .euiStepHorizontal:after {
      top: 32px; }
  .euiStepHorizontal__title {
    display: none; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiStepHorizontal {
    padding-top: 16px; }
    .euiStepHorizontal:before, .euiStepHorizontal:after {
      top: 32px; }
  .euiStepHorizontal__title {
    display: none; } }

/**
 * 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%;
  table-layout: fixed;
  border: none;
  border-collapse: collapse;
  background-color: #222; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .euiTable--compressed .euiTableCellContent {
    font-size: 12.0px;
    font-size: 0.85714rem;
    line-height: 1.5;
    padding: 4px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiTable--compressed .euiTableCellContent {
    font-size: 12.0px;
    font-size: 0.85714rem;
    line-height: 1.5;
    padding: 4px; } }

@media only screen and (min-width: 1200px) {
  .euiTable--compressed .euiTableCellContent {
    font-size: 12.0px;
    font-size: 0.85714rem;
    line-height: 1.5;
    padding: 4px; } }

.euiTableHeaderCell {
  vertical-align: middle;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.5rem;
  font-weight: 600;
  border-top: none; }
  .euiTableHeaderCell .euiTableHeaderButton {
    text-align: left;
    font-weight: 600; }
  .euiTableHeaderCell .euiTableCellContent__text {
    font-size: 12.0px;
    font-size: 0.85714rem;
    line-height: 1.5;
    color: white;
    font-weight: 700; }

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

.euiTableSortIcon {
  margin-left: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .euiTableHeaderButton-isSorted .euiTableSortIcon {
    fill: white; }

.euiTableHeaderCellCheckbox {
  vertical-align: middle;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  border-top: none;
  width: 32px;
  vertical-align: middle; }

.euiTableRow:hover {
  background-color: #1d1d1d; }

.euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
  background-color: #1d1d1d; }

.euiTableRow.euiTableRow-isExpandedRow.euiTableRow-isSelectable .euiTableCellContent {
  padding-left: 40px; }

.euiTableRow.euiTableRow-isSelected {
  background-color: #191919; }
  .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
    background-color: #191919; }
  .euiTableRow.euiTableRow-isSelected:hover,
  .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
    background-color: #171717; }

.euiTableRowCell {
  vertical-align: middle;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  color: #DDD; }
  .euiTableRowCell.euiTableRowCell--isMobileHeader {
    display: none; }

.euiTableRowCellCheckbox {
  vertical-align: middle;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  border-top: none;
  width: 32px;
  vertical-align: middle; }

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

/**
   * 1. Prevent very long single words (e.g. the name of a field in a document) from overflowing
   *    the cell.
   */
.euiTableCellContent__text {
  min-width: 0;
  text-overflow: ellipsis;
  word-break: break-all;
  /* 1 */
  word-break: break-word;
  /* 1 */ }

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

.euiTableCellContent--alignCenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }

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

.euiTableCellContent--overflowingContent {
  overflow: visible;
  white-space: normal;
  word-break: break-word;
  /**
   * 1. Prevent very long single words (e.g. the name of a field in a document) from overflowing
   *    the cell.
   */ }
  .euiTableCellContent--overflowingContent .euiTableCellContent__text {
    overflow: visible;
    /* 1 */ }

.euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
  opacity: 0; }
  .euiTableRow:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem, .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:hover, .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:focus {
    opacity: 1; }

.euiTableRow-isExpandedRow .euiTableCellContent {
  overflow: hidden;
  -webkit-animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow;
          animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow; }

@-webkit-keyframes growExpandedRow {
  0% {
    max-height: 0; }
  100% {
    max-height: 1000px; } }

@keyframes growExpandedRow {
  0% {
    max-height: 0; }
  100% {
    max-height: 1000px; } }

/**
 *  Mixin for use in:
 *  - EuiCard
 *  - EuiPageContent
*/
@media only screen and (max-width: 574px) {
  .euiTable.euiTable--responsive thead {
    display: none; }
  .euiTable.euiTable--responsive .euiTableRow {
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
    background-color: #222;
    border: 1px solid #333;
    border-radius: 4px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
      display: block;
      width: 100%;
      text-align: left;
      -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); }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
        -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
                box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
        cursor: pointer; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow {
      -webkit-box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow.euiTableRow--isClickable:focus {
        -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
                box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
  .euiTable.euiTable--responsive .euiTableRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8px;
    margin-bottom: 8px; }
    .euiTable.euiTable--responsive .euiTableRow:hover {
      background-color: transparent; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
      background-image: linear-gradient(to right, rgba(68, 68, 68, 0.1) 0px, rgba(68, 68, 68, 0.1) 1px, transparent 1px, transparent 100%);
      background-size: 40px 100%;
      background-position-x: right;
      background-repeat: no-repeat;
      padding-right: 40px;
      position: relative; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
      min-width: 0;
      width: 24px;
      position: absolute;
      top: 16px;
      right: 8px; }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before,
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
        display: none; }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent,
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
        padding: 0; }
        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink,
        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
          padding: 4px; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
      top: auto;
      bottom: 16px; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
      padding-left: 36px;
      position: relative; }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
        position: absolute;
        left: 4px;
        top: 12px; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
      background-color: #191919; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
      background-image: linear-gradient(to right, rgba(68, 68, 68, 0.1) 0px, rgba(68, 68, 68, 0.1) 1px, transparent 1px, transparent 100%);
      background-size: 40px 100%;
      background-position-x: right;
      background-repeat: no-repeat;
      -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
              box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
      margin-top: -16px;
      position: relative;
      z-index: 2;
      border-top: none;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding-left: 8px; }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
        background-color: #222; }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
        width: calc(100% - 40px); }
        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
          display: none; }
  .euiTable.euiTable--responsive .euiTableRowCell {
    display: block;
    /* IE requires block to grow and wrap. */
    min-width: 50%;
    border: none; }
    .euiTable.euiTable--responsive .euiTableRowCell::before {
      content: attr(data-header);
      display: block;
      font-size: 9.625px;
      font-size: 0.6875rem;
      color: #8A8A8A;
      padding: 8px;
      padding-bottom: 0;
      margin-bottom: -8px;
      min-height: 24px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .euiTable.euiTable--responsive .euiTableRowCell:only-child::before {
      min-height: 0; }
    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileHeader {
      font-size: 14px;
      font-size: 1rem;
      line-height: 1.5;
      display: block;
      width: 100%; }
      .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileHeader::before {
        display: none; }
    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileFullWidth {
      width: 100%; }
      .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileFullWidth .euiTableCellContent--alignCenter {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center; }
    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--hideForMobile {
      display: none; }
  .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
    border: none; }
  .euiTable.euiTable--responsive .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
    opacity: 1; }
    .euiTable.euiTable--responsive .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:disabled,
    .euiTable.euiTable--responsive .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem button:disabled {
      opacity: 0; }
  .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiTable.euiTable--responsive thead {
    display: none; }
  .euiTable.euiTable--responsive .euiTableRow {
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
    background-color: #222;
    border: 1px solid #333;
    border-radius: 4px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
      display: block;
      width: 100%;
      text-align: left;
      -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); }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
        -webkit-box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
                box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
        cursor: pointer; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow {
      -webkit-box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow.euiTableRow--isClickable:focus {
        -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
                box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
  .euiTable.euiTable--responsive .euiTableRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8px;
    margin-bottom: 8px; }
    .euiTable.euiTable--responsive .euiTableRow:hover {
      background-color: transparent; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
      background-image: linear-gradient(to right, rgba(68, 68, 68, 0.1) 0px, rgba(68, 68, 68, 0.1) 1px, transparent 1px, transparent 100%);
      background-size: 40px 100%;
      background-position-x: right;
      background-repeat: no-repeat;
      padding-right: 40px;
      position: relative; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
      min-width: 0;
      width: 24px;
      position: absolute;
      top: 16px;
      right: 8px; }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before,
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
        display: none; }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent,
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
        padding: 0; }
        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink,
        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
          padding: 4px; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
      top: auto;
      bottom: 16px; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
      padding-left: 36px;
      position: relative; }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
        position: absolute;
        left: 4px;
        top: 12px; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
      background-color: #191919; }
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
      background-image: linear-gradient(to right, rgba(68, 68, 68, 0.1) 0px, rgba(68, 68, 68, 0.1) 1px, transparent 1px, transparent 100%);
      background-size: 40px 100%;
      background-position-x: right;
      background-repeat: no-repeat;
      -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
              box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
      margin-top: -16px;
      position: relative;
      z-index: 2;
      border-top: none;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding-left: 8px; }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
        background-color: #222; }
      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
        width: calc(100% - 40px); }
        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
          display: none; }
  .euiTable.euiTable--responsive .euiTableRowCell {
    display: block;
    /* IE requires block to grow and wrap. */
    min-width: 50%;
    border: none; }
    .euiTable.euiTable--responsive .euiTableRowCell::before {
      content: attr(data-header);
      display: block;
      font-size: 9.625px;
      font-size: 0.6875rem;
      color: #8A8A8A;
      padding: 8px;
      padding-bottom: 0;
      margin-bottom: -8px;
      min-height: 24px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .euiTable.euiTable--responsive .euiTableRowCell:only-child::before {
      min-height: 0; }
    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileHeader {
      font-size: 14px;
      font-size: 1rem;
      line-height: 1.5;
      display: block;
      width: 100%; }
      .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileHeader::before {
        display: none; }
    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileFullWidth {
      width: 100%; }
      .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileFullWidth .euiTableCellContent--alignCenter {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center; }
    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--hideForMobile {
      display: none; }
  .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
    border: none; }
  .euiTable.euiTable--responsive .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
    opacity: 1; }
    .euiTable.euiTable--responsive .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:disabled,
    .euiTable.euiTable--responsive .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem button:disabled {
      opacity: 0; }
  .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

.euiTableHeaderMobile,
.euiTableHeaderCell--isMobileHeader {
  display: none; }

@media only screen and (max-width: 574px) {
  .euiTableHeaderMobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 8px 0; }
  .euiTableSortMobile {
    display: block; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiTableHeaderMobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 8px 0; }
  .euiTableSortMobile {
    display: block; } }

.euiTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #333;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden; }
  .euiTabs::-webkit-scrollbar {
    width: 16px;
    height: 16px; }
  .euiTabs::-webkit-scrollbar-thumb {
    background-color: rgba(138, 138, 138, 0.5);
    border: 6px solid transparent;
    background-clip: content-box; }
  .euiTabs::-webkit-scrollbar-corner, .euiTabs::-webkit-scrollbar-track {
    background-color: transparent; }
  .euiTabs::-webkit-scrollbar {
    height: 3px; }
  .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;
  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: #DDD;
    text-decoration: underline; }
  .euiTab:focus {
    background-color: #191919;
    text-decoration: underline; }
  .euiTab.euiTab-isDisabled {
    color: #444; }
    .euiTab.euiTab-isDisabled:hover {
      cursor: not-allowed;
      text-decoration: none;
      color: #444; }
  .euiTab.euiTab-isSelected {
    cursor: default;
    color: #4da1c0; }
    .euiTab.euiTab-isSelected:after {
      position: absolute;
      bottom: -1px;
      left: 0;
      content: ' ';
      width: 100%;
      height: 2px;
      background-color: #4da1c0;
      -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;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -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 + .euiTitle {
  margin-top: 24px; }

.euiTitle--uppercase {
  text-transform: uppercase; }

.euiTitle--xxxsmall {
  color: white;
  font-size: 12.0px;
  font-size: 0.85714rem;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.5rem; }

.euiTitle--xxsmall {
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.5rem; }

.euiTitle--xsmall {
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 1.5rem; }

.euiTitle--small {
  color: white;
  font-size: 18.0px;
  font-size: 1.28571rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 2rem; }

.euiTitle--medium {
  color: white;
  font-size: 24.0px;
  font-size: 1.71429rem;
  line-height: 1.25;
  font-weight: 600;
  line-height: 2.5rem; }

.euiTitle--large {
  color: white;
  font-size: 32.0px;
  font-size: 2.28571rem;
  line-height: 1.25;
  font-weight: 600;
  line-height: 3rem; }

/**
 * 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: 368px;
  /* 3 */
  padding-right: 16px;
  padding-left: 32px;
  max-height: 100vh;
  /* 1 */ }
  .euiGlobalToastList::-webkit-scrollbar {
    width: 16px;
    height: 16px; }
  .euiGlobalToastList::-webkit-scrollbar-thumb {
    background-color: rgba(138, 138, 138, 0.5);
    border: 6px solid transparent;
    background-clip: content-box; }
  .euiGlobalToastList::-webkit-scrollbar-corner, .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: 574px) {
  /**
   * 1. Mobile we make these 100%. Matching change happens on the item as well.
   */
  .euiGlobalToastList {
    left: 0;
    padding-left: 16px;
    width: 100%;
    /* 1 */ } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  /**
   * 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 64px 64px 0 rgba(0, 0, 0, 0.2), 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2), 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 64px 64px 0 rgba(0, 0, 0, 0.2), 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2), 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  padding: 16px;
  background-color: #222;
  border: 1px solid #333;
  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: #4d4d4d; }
  .euiToast__closeButton:hover svg {
    fill: white; }
  .euiToast__closeButton:focus {
    background-color: #191919;
    opacity: 1; }
    .euiToast__closeButton:focus svg {
      fill: #4da1c0; }

.euiToast--primary {
  border-top: 2px solid #4da1c0; }

.euiToast--success {
  border-top: 2px solid #017F75; }

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

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

/**
 * 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 {
  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: white;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  /* 1 */ }

.euiToastHeader__title {
  color: white;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 1.5rem;
  font-weight: 600; }

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

/**
 * 1. Prevent long lines from overflowing.
 */
.euiToastBody {
  word-wrap: break-word;
  /* 1 */ }

.euiToggle {
  position: relative; }
  .euiToggle .euiToggle__input {
    position: absolute;
    opacity: 0;
    /* 1 */
    width: 100%;
    height: 100%;
    cursor: pointer; }
    .euiToggle .euiToggle__input:disabled {
      cursor: not-allowed; }

/*
 * 1. Shift arrow 1px more than half it's size to account for border radius
 */
.euiToolTip {
  -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  position: absolute;
  /* 1 */
  border-radius: 4px;
  padding: 12px;
  background-color: #1a1a1a;
  color: #FFF;
  max-width: 256px;
  opacity: 0;
  -webkit-animation: euiToolTipTop 350ms ease-out 250ms forwards;
          animation: euiToolTipTop 350ms ease-out 250ms forwards;
  z-index: 9000;
  /* 1 */
  /* 1 */ }
  .euiToolTip .euiToolTip__arrow {
    content: "";
    position: absolute;
    -webkit-transform-origin: center;
            transform-origin: center;
    border-radius: 2px;
    background-color: #1a1a1a;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-7px) rotateZ(45deg);
            transform: translateY(-7px) rotateZ(45deg);
    /* 1 */ }
  .euiToolTip.euiToolTip--right {
    -webkit-animation-name: euiToolTipRight;
            animation-name: euiToolTipRight; }
    .euiToolTip.euiToolTip--right .euiToolTip__arrow {
      -webkit-transform: translateX(-5px) rotateZ(45deg);
              transform: translateX(-5px) rotateZ(45deg);
      /* 1 */ }
  .euiToolTip.euiToolTip--bottom {
    -webkit-animation-name: euiToolTipBottom;
            animation-name: euiToolTipBottom; }
    .euiToolTip.euiToolTip--bottom .euiToolTip__arrow {
      -webkit-transform: translateY(-5px) rotateZ(45deg);
              transform: translateY(-5px) rotateZ(45deg);
      /* 1 */ }
  .euiToolTip.euiToolTip--left {
    -webkit-animation-name: euiToolTipLeft;
            animation-name: euiToolTipLeft; }
    .euiToolTip.euiToolTip--left .euiToolTip__arrow {
      -webkit-transform: translateX(-7px) rotateZ(45deg);
              transform: translateX(-7px) rotateZ(45deg);
      /* 1 */ }
  .euiToolTip .euiToolTip__title {
    font-weight: 700;
    border-bottom: solid 1px #333333;
    padding-bottom: 4px;
    margin-bottom: 4px; }

.euiToolTipAnchor {
  display: inline-block; }

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

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

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

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

@-webkit-keyframes euiToolTipLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes euiToolTipLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes euiToolTipRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(16px);
            transform: translateX(16px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes euiToolTipRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(16px);
            transform: translateX(16px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.euiText {
  color: #DDD;
  font-weight: 400;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  color: inherit;
  line-height: 1.5rem; }
  .euiText a {
    color: #4da1c0; }
    .euiText a:hover {
      color: #3985a1;
      text-decoration: underline; }
  .euiText img {
    display: block;
    width: 100%; }
  .euiText ul {
    list-style: disc; }
  .euiText ol {
    list-style: decimal; }
  .euiText blockquote {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: Georgia,Times,Times New Roman,serif;
    font-style: italic; }
    .euiText blockquote p:last-child {
      margin-bottom: 0; }
    .euiText blockquote:before, .euiText blockquote:after {
      position: absolute;
      content: "";
      height: 2px;
      width: 50%;
      right: 0;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      background: #8A8A8A; }
    .euiText blockquote:before {
      top: 0; }
    .euiText blockquote:after {
      bottom: 0; }
  .euiText h1 {
    color: white;
    font-size: 32.0px;
    font-size: 2.28571rem;
    line-height: 1.25;
    font-weight: 600;
    line-height: 3rem; }
  .euiText h2 {
    color: white;
    font-size: 24.0px;
    font-size: 1.71429rem;
    line-height: 1.25;
    font-weight: 600;
    line-height: 2.5rem; }
  .euiText h3 {
    color: white;
    font-size: 18.0px;
    font-size: 1.28571rem;
    line-height: 1.5;
    font-weight: 600;
    line-height: 2rem; }
  .euiText h4,
  .euiText dt {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    line-height: 1.5rem; }
  .euiText h5 {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    line-height: 1.5rem; }
  .euiText h6 {
    color: white;
    font-size: 12.0px;
    font-size: 0.85714rem;
    line-height: 1.5;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: uppercase; }
  .euiText pre {
    white-space: pre-wrap; }
  .euiText pre,
  .euiText pre code {
    display: block; }
  .euiText pre,
  .euiText code {
    background: #2B2B2D;
    color: #CDD3D8; }
  .euiText code {
    display: inline-block;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-weight: 400; }
  .euiText p,
  .euiText ul,
  .euiText ol,
  .euiText dl,
  .euiText blockquote,
  .euiText img,
  .euiText pre {
    margin-bottom: 1.5rem; }
  .euiText ul, .euiText ol {
    margin-left: 1.5rem; }
  .euiText blockquote {
    padding: 1.5rem;
    font-size: 1.125rem; }
  .euiText h1,
  .euiText h2,
  .euiText h3,
  .euiText h4,
  .euiText h5,
  .euiText h6 {
    margin-bottom: 0.5rem; }
  .euiText dd + dt {
    margin-top: 1rem; }
  .euiText * + h2,
  .euiText * + h3,
  .euiText * + h4,
  .euiText * + h5,
  .euiText * + h6 {
    margin-top: 2rem; }
  .euiText h1 {
    font-size: 2.25rem;
    line-height: 3rem; }
  .euiText h2 {
    font-size: 1.75rem;
    line-height: 2.5rem; }
  .euiText h3 {
    font-size: 1.25rem;
    line-height: 2rem; }
  .euiText h4,
  .euiText dt,
  .euiText dl.eui-definitionListReverse dd {
    font-size: 1rem;
    line-height: 1.5rem; }
  .euiText dl.eui-definitionListReverse dt {
    font-size: 0.75rem;
    color: #DDD; }
  .euiText h5 {
    font-size: 0.875rem;
    line-height: 1rem; }
  .euiText h6 {
    font-size: 0.75rem;
    line-height: 1rem; }
  .euiText small {
    font-size: 0.875rem; }
  .euiText pre {
    padding: 14px; }
  .euiText code {
    font-size: 0.9rem; }
  .euiText.euiText--constrainedWidth {
    max-width: 36em;
    min-width: 75%; }
  .euiText.euiText--small {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5rem; }
    .euiText.euiText--small p,
    .euiText.euiText--small ul,
    .euiText.euiText--small ol,
    .euiText.euiText--small dl,
    .euiText.euiText--small blockquote,
    .euiText.euiText--small img,
    .euiText.euiText--small pre {
      margin-bottom: 1.5rem; }
    .euiText.euiText--small ul, .euiText.euiText--small ol {
      margin-left: 1.5rem; }
    .euiText.euiText--small blockquote {
      padding: 1.5rem;
      font-size: 1.125rem; }
    .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-bottom: 0.5rem; }
    .euiText.euiText--small dd + dt {
      margin-top: 1rem; }
    .euiText.euiText--small * + h2,
    .euiText.euiText--small * + h3,
    .euiText.euiText--small * + h4,
    .euiText.euiText--small * + h5,
    .euiText.euiText--small * + h6 {
      margin-top: 2rem; }
    .euiText.euiText--small h1 {
      font-size: 2.25rem;
      line-height: 3rem; }
    .euiText.euiText--small h2 {
      font-size: 1.75rem;
      line-height: 2.5rem; }
    .euiText.euiText--small h3 {
      font-size: 1.25rem;
      line-height: 2rem; }
    .euiText.euiText--small h4,
    .euiText.euiText--small dt,
    .euiText.euiText--small dl.eui-definitionListReverse dd {
      font-size: 1rem;
      line-height: 1.5rem; }
    .euiText.euiText--small dl.eui-definitionListReverse dt {
      font-size: 0.75rem;
      color: #DDD; }
    .euiText.euiText--small h5 {
      font-size: 0.875rem;
      line-height: 1rem; }
    .euiText.euiText--small h6 {
      font-size: 0.75rem;
      line-height: 1rem; }
    .euiText.euiText--small small {
      font-size: 0.875rem; }
    .euiText.euiText--small pre {
      padding: 14px; }
    .euiText.euiText--small code {
      font-size: 0.9rem; }
  .euiText.euiText--extraSmall {
    font-size: 12.0px;
    font-size: 0.85714rem;
    line-height: 1.28571rem; }
    .euiText.euiText--extraSmall p,
    .euiText.euiText--extraSmall ul,
    .euiText.euiText--extraSmall ol,
    .euiText.euiText--extraSmall dl,
    .euiText.euiText--extraSmall blockquote,
    .euiText.euiText--extraSmall img,
    .euiText.euiText--extraSmall pre {
      margin-bottom: 1.28571rem; }
    .euiText.euiText--extraSmall ul, .euiText.euiText--extraSmall ol {
      margin-left: 1.28571rem; }
    .euiText.euiText--extraSmall blockquote {
      padding: 1.28571rem;
      font-size: 0.96429rem; }
    .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-bottom: 0.42857rem; }
    .euiText.euiText--extraSmall dd + dt {
      margin-top: 0.85714rem; }
    .euiText.euiText--extraSmall * + h2,
    .euiText.euiText--extraSmall * + h3,
    .euiText.euiText--extraSmall * + h4,
    .euiText.euiText--extraSmall * + h5,
    .euiText.euiText--extraSmall * + h6 {
      margin-top: 1.71429rem; }
    .euiText.euiText--extraSmall h1 {
      font-size: 1.92857rem;
      line-height: 2.57143rem; }
    .euiText.euiText--extraSmall h2 {
      font-size: 1.5rem;
      line-height: 2.14286rem; }
    .euiText.euiText--extraSmall h3 {
      font-size: 1.07143rem;
      line-height: 1.71429rem; }
    .euiText.euiText--extraSmall h4,
    .euiText.euiText--extraSmall dt,
    .euiText.euiText--extraSmall dl.eui-definitionListReverse dd {
      font-size: 0.85714rem;
      line-height: 1.28571rem; }
    .euiText.euiText--extraSmall dl.eui-definitionListReverse dt {
      font-size: 0.64286rem;
      color: #DDD; }
    .euiText.euiText--extraSmall h5 {
      font-size: 0.75rem;
      line-height: 0.85714rem; }
    .euiText.euiText--extraSmall h6 {
      font-size: 0.64286rem;
      line-height: 0.85714rem; }
    .euiText.euiText--extraSmall small {
      font-size: 0.75rem; }
    .euiText.euiText--extraSmall pre {
      padding: 12.0px; }
    .euiText.euiText--extraSmall code {
      font-size: 0.77143rem; }
  .euiText > :last-child {
    margin-bottom: 0 !important; }

.euiTextColor--default {
  color: #DDD; }

.euiTextColor--subdued {
  color: #aeaeae; }

.euiTextColor--secondary {
  color: #7cbdb9; }

.euiTextColor--accent {
  color: #f094c1; }

.euiTextColor--warning {
  color: #d7a28f; }

.euiTextColor--danger {
  color: #dc9f9f; }

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

.euiTextAlign--left {
  text-align: left; }

.euiTextAlign--right {
  text-align: right; }

.euiTextAlign--center {
  text-align: center; }

/* react-vis scss styles copied and pasted from react-vis lib */
.rv-xy-plot {
  color: #c3c3c3;
  position: relative; }
  .rv-xy-plot canvas {
    pointer-events: none; }
  .rv-xy-plot .rv-xy-canvas {
    pointer-events: none;
    position: absolute; }

.rv-xy-plot__inner {
  display: block; }

.rv-xy-plot__axis__line {
  fill: none;
  stroke-width: 2px;
  stroke: #e6e6e9; }

.rv-xy-plot__axis__tick__line {
  stroke: #e6e6e9; }

.rv-xy-plot__axis__tick__text {
  fill: #6b6b76;
  font-size: 11px; }

.rv-xy-plot__axis__title text {
  fill: #6b6b76;
  font-size: 11px; }

.rv-xy-plot__grid-lines__line {
  stroke: #e6e6e9; }

.rv-xy-plot__circular-grid-lines__line {
  fill-opacity: 0;
  stroke: #e6e6e9; }

.rv-xy-plot__series,
.rv-xy-plot__series path {
  pointer-events: all; }

.rv-xy-plot__series--line {
  fill: none;
  stroke: #000;
  stroke-width: 2px; }

.rv-crosshair {
  position: absolute;
  font-size: 11px;
  pointer-events: none; }

.rv-crosshair__line {
  background: #47d3d9;
  width: 1px; }

.rv-crosshair__inner {
  position: absolute;
  text-align: left;
  top: 0; }

.rv-crosshair__inner__content {
  border-radius: 4px;
  background: #3a3a48;
  color: #fff;
  font-size: 12px;
  padding: 7px 10px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

.rv-crosshair__inner--left {
  right: 4px; }

.rv-crosshair__inner--right {
  left: 4px; }

.rv-crosshair__title {
  font-weight: bold;
  white-space: nowrap; }

.rv-crosshair__item {
  white-space: nowrap; }

.rv-hint {
  position: absolute;
  pointer-events: none; }

.rv-hint__content {
  border-radius: 4px;
  padding: 7px 10px;
  font-size: 12px;
  background: #3a3a48;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: left;
  white-space: nowrap; }

.rv-discrete-color-legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  font-size: 12px; }
  .rv-discrete-color-legend.horizontal {
    white-space: nowrap; }

.rv-discrete-color-legend-item {
  color: #3a3a48;
  border-radius: 1px;
  padding: 9px 10px; }
  .rv-discrete-color-legend-item.horizontal {
    display: inline-block; }
    .rv-discrete-color-legend-item.horizontal .rv-discrete-color-legend-item__title {
      margin-left: 0;
      display: block; }

.rv-discrete-color-legend-item__color {
  background: #dcdcdc;
  display: inline-block;
  height: 2px;
  vertical-align: middle;
  width: 14px; }

.rv-discrete-color-legend-item__title {
  margin-left: 10px; }

.rv-discrete-color-legend-item.disabled {
  color: #b8b8b8; }

.rv-discrete-color-legend-item.clickable {
  cursor: pointer; }
  .rv-discrete-color-legend-item.clickable:hover {
    background: #f9f9f9; }

.rv-search-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.rv-search-wrapper__form {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0; }

.rv-search-wrapper__form__input {
  width: 100%;
  color: #a6a6a5;
  border: 1px solid #e5e5e4;
  padding: 7px 10px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  margin: 0 0 9px;
  outline: 0; }

.rv-search-wrapper__contents {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto; }

.rv-continuous-color-legend {
  font-size: 12px; }
  .rv-continuous-color-legend .rv-gradient {
    height: 4px;
    border-radius: 2px;
    margin-bottom: 5px; }

.rv-continuous-size-legend {
  font-size: 12px; }
  .rv-continuous-size-legend .rv-bubbles {
    text-align: justify;
    overflow: hidden;
    margin-bottom: 5px;
    width: 100%; }
  .rv-continuous-size-legend .rv-bubble {
    background: #d8d9dc;
    display: inline-block;
    vertical-align: bottom; }
  .rv-continuous-size-legend .rv-spacer {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%; }

.rv-legend-titles {
  height: 16px;
  position: relative; }

.rv-legend-titles__left,
.rv-legend-titles__right,
.rv-legend-titles__center {
  position: absolute;
  white-space: nowrap;
  overflow: hidden; }

.rv-legend-titles__center {
  display: block;
  text-align: center;
  width: 100%; }

.rv-legend-titles__right {
  right: 0; }

.rv-radial-chart .rv-xy-plot__series--label {
  pointer-events: none; }

.rv-treemap {
  font-size: 12px;
  position: relative; }

.rv-treemap__leaf {
  overflow: hidden;
  position: absolute; }

.rv-treemap__leaf--circle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.rv-treemap__leaf__content {
  overflow: hidden;
  padding: 10px;
  text-overflow: ellipsis; }

.euiAreaSeries {
  stroke-width: 0; }

.euiBarSeries rect {
  stroke-width: 1;
  stroke: white !important;
  rx: 2;
  ry: 2; }

.euiBarSeries--highDataVolume rect {
  stroke-width: 0;
  rx: 0;
  ry: 0; }

.euiBarSeries--hoverEnabled rect:hover {
  cursor: pointer; }

.euiHistogramSeries rect {
  stroke-width: 1;
  stroke: white !important;
  rx: 2;
  ry: 2; }

.euiHistogramSeries--highDataVolume rect {
  stroke-width: 0;
  rx: 0;
  ry: 0; }

.euiHistogramSeries--hoverEnabled rect:hover {
  cursor: pointer; }

.rv-xy-plot__grid-lines__line {
  stroke-dasharray: 5 5;
  stroke-opacity: 0.3;
  pointer-events: none; }

.euiLegendTitle {
  color: white;
  font-size: 24.0px;
  font-size: 1.71429rem;
  line-height: 1.25;
  font-weight: 600;
  line-height: 2.5rem;
  font-size: 18.0px;
  font-size: 1.28571rem;
  line-height: 1.5; }

.euiLegendContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.euiLegendContent {
  white-space: nowrap;
  color: gray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.euiLegendTruncatedLabel {
  display: inline-block; }

.euiLegendSeriesValue {
  margin-left: 5px;
  display: inline-block;
  color: black; }

.euiLegendMoreSeriesContainer {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  color: gray; }

.euiLegendItemContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: gray;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 4px;
  opacity: 1;
  font-size: 16.0px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .euiLegendItemContainer:last-of-type {
    margin-right: 0; }

.euiLegendItemIndicator {
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin-right: 4px; }

.euiLineAnnotations__line {
  stroke: red;
  stroke-width: 2px;
  opacity: 0.3; }

.euiLineAnnotations__text {
  font-size: 12.0px;
  fill: red;
  stroke-width: 0;
  opacity: 0.3;
  alignment-baseline: text-after-edge; }

.rv-xy-plot__inner {
  overflow: visible; }
