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

@-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-textBreakWord {
  word-break: break-all !important;
  word-break: break-word !important; }

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

.eui-textBreakNormal {
  word-break: normal !important; }

.eui-textOverflowWrap {
  overflow-wrap: break-word !important; }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .eui-textOverflowWrap {
      word-break: break-all !important; } }

.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: none;
  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;
  font-size: inherit;
  color: 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; }

html {
  scrollbar-width: thin;
  scrollbar-color: rgba(138, 138, 138, 0.5) transparent; }

.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;
  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: #cbd7db;
  color: #000; }

.euiBadge--secondary {
  background-color: #70dad1;
  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
 * 2. Fix for IE to ensure badges are visible outside of a <button> tag
 */
.euiBetaBadge {
  display: inline-block;
  padding: 0 16px;
  border-radius: 24px;
  -webkit-box-shadow: inset 0 0 0 1px #333;
          box-shadow: inset 0 0 0 1px #333;
  vertical-align: super;
  font-size: 12.0px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  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 .euiButton__icon,
    .euiButton .euiButton__content .euiButton__spinner {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .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 .euiButton__icon,
    .euiButton.euiButton--iconRight .euiButton__content .euiButton__spinner {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .euiButton.euiButton--iconRight .euiButton__content > * + * {
      margin-left: 0;
      /* 1 */
      margin-right: 8px;
      /* 1 */ }
  .euiButton:hover, .euiButton:active {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 4px 8px 0 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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0 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: #7cbdb7;
  border-color: #017D73; }
  .euiButton--secondary.euiButton--fill {
    background-color: #017D73;
    border-color: #017D73;
    color: #FFF; }
    .euiButton--secondary.euiButton--fill:enabled:hover, .euiButton--secondary.euiButton--fill:enabled:focus {
      background-color: #01645c;
      border-color: #01645c; }
    .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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
      background-color: rgba(1, 125, 115, 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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0 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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0 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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0 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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0 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 .euiButton__icon,
    .euiButtonEmpty .euiButtonEmpty__content .euiButton__spinner {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .euiButtonEmpty .euiButtonEmpty__content > * + * {
      margin-left: 8px;
      /* 1 */ }
  .euiButtonEmpty .euiButtonEmpty__text {
    text-overflow: ellipsis;
    overflow: hidden; }
  .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 .euiButton__icon,
    .euiButtonEmpty.euiButtonEmpty--iconRight .euiButtonEmpty__content .euiButton__spinner {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .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: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  min-height: 24px;
  min-width: 24px;
  line-height: 0;
  padding: 4px;
  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: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: #017D73; }
  .euiButtonIcon--success:focus {
    background-color: rgba(1, 125, 115, 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, 125, 115, 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: #01645c;
  border-color: #01645c; }

.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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0 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 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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; }
    .euiBreadcrumbs--responsive .euiBreadcrumbSeparator:nth-last-child(-n+1),
    .euiBreadcrumbs--responsive .euiBreadcrumb:nth-last-child(-n+1) {
      /* 1 */
      display: inline-block; } }

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

.euiBreadcrumbs--truncate {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden; }
  .euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed) {
    max-width: 160px;
    min-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center; }
    .euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed).euiBreadcrumb--last {
      max-width: none; }
  .euiBreadcrumbs--truncate .euiBreadcrumbSeparator {
    -webkit-transform: translateY(0) rotate(15deg);
            transform: translateY(0) rotate(15deg); }

.euiBreadcrumb--truncate {
  white-space: nowrap;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  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: #017D73;
  background-color: #002623; }
  .euiCallOut--success .euiCallOutHeader__icon {
    fill: #66b2ab; }
  .euiCallOut--success .euiCallOutHeader__title {
    color: #66b2ab; }

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

.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;
  line-height: 1.5rem;
  font-weight: 600;
  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;
    line-height: 1.5rem;
    font-weight: 700;
    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
 * 2. Fix for IE to ensure badges are visible outside of a <button> tag
 */
.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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0 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);
    border-bottom-color: #333; }
    .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 where the image correctly resizes in width but doesn't collapse it's height
      (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
 * 3. 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;
  min-height: 1px;
  /* 2 */ }
  .euiCard.euiCard--hasBetaBadge {
    position: relative;
    overflow: visible;
    /* 2 */ }
    .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;
        background-color: #222; }
  .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.euiCard--hasBottomGraphic {
    position: relative;
    padding-bottom: 56px; }

.euiCard__top {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  /* 1 */
  position: relative;
  min-height: 1px;
  /* 2 */ }
  .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 {
    color: white;
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 1.5rem;
    display: block;
    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;
  /* 3 */ }

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

.euiCard__graphic {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%;
  overflow: hidden;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.euiCodeBlock {
  display: block;
  position: relative;
  background: #2B2B2D;
  color: #CDD3D8;
  /**
  ** 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: #2B2B2D; }
    .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 #000;
          box-shadow: inset 0 0 0 1px #000;
  display: inline-block; }

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

.euiColorPicker__emptySwatch svg line {
  stroke: #BF4D4D;
  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; }

/**
 * 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 to 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--fullWidth {
    max-width: 100%; }
  .euiComboBox--compressed {
    height: 32px; }
  .euiComboBox--inGroup {
    height: 38px;
    /* 2 */ }
  .euiComboBox--inGroup.euiComboBox--compressed {
    height: 30px;
    /* 2 */ }
  .euiComboBox--compressed,
  .euiComboBox .euiFormControlLayout--compressed {
    height: auto; }
  .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;
    font-size: 14px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 1em;
    color: #DDD;
    border: none;
    border-radius: 0;
    padding: 12px;
    max-width: 400px;
    width: 100%;
    height: auto;
    padding: 4px;
    padding-right: 40px;
    /* 2 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* 1 */ }
    .euiComboBox .euiComboBox__inputWrap::-webkit-input-placeholder {
      color: #8A8A8A; }
    .euiComboBox .euiComboBox__inputWrap:-ms-input-placeholder {
      color: #8A8A8A; }
    .euiComboBox .euiComboBox__inputWrap::-ms-input-placeholder {
      color: #8A8A8A; }
    .euiComboBox .euiComboBox__inputWrap::placeholder {
      color: #8A8A8A; }
    .euiComboBox .euiComboBox__inputWrap--withIcon {
      padding-left: 40px; }
    .euiComboBox .euiComboBox__inputWrap--fullWidth {
      max-width: 100%; }
    .euiComboBox .euiComboBox__inputWrap--compressed {
      height: 32px; }
    .euiComboBox .euiComboBox__inputWrap--inGroup {
      height: 38px;
      /* 2 */ }
    .euiComboBox .euiComboBox__inputWrap--inGroup.euiComboBox .euiComboBox__inputWrap--compressed {
      height: 30px;
      /* 2 */ }
    .euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
      padding-right: 56px;
      /* 2 */ }
    .euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap) {
      height: auto;
      /* 3 */
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      /* 1 */
      -ms-flex-line-pack: start;
          align-content: flex-start; }
      .euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap):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.euiComboBox--compressed .euiComboBox__inputWrap {
    line-height: 32px;
    /* 2 */
    padding-top: 0;
    padding-bottom: 0; }

.euiComboBox__input {
  max-width: 100%; }
  .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;
  vertical-align: baseline; }
  .euiComboBoxPill--plainText {
    max-width: 100%;
    /* 1 */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    /* 2 */
    line-height: 24px;
    font-size: 14px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    padding: 0 4px;
    color: #DDD;
    vertical-align: middle;
    display: inline-block; }

.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
 * 4. Using specificity to override panel shadow
 */
.euiComboBoxOptionsList {
  max-width: 400px;
  width: 100%;
  height: auto;
  /* 3 */
  z-index: 8001;
  position: absolute;
  /* 2 */
  top: 0;
  /* 2 */ }
  .euiComboBoxOptionsList--fullWidth {
    max-width: 100%; }
  .euiComboBoxOptionsList--compressed {
    height: 32px; }
  .euiComboBoxOptionsList--inGroup {
    height: 38px;
    /* 2 */ }
  .euiComboBoxOptionsList--inGroup.euiComboBoxOptionsList--compressed {
    height: 30px;
    /* 2 */ }
  .euiComboBoxOptionsList .ReactVirtualized__List {
    scrollbar-width: thin; }
    .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.euiComboBoxOptionsList--bottom {
    /* 4 */
    -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); }
  .euiComboBoxOptionsList.euiComboBoxOptionsList--top {
    /* 4 */
    -webkit-box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.2); }

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

.euiComboBoxOptionsList--top {
  border-radius: 4px 4px 0 0 !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.euiComboBoxOption-isFocused {
    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;
  max-width: 100%;
  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; }

.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;
  line-height: 1.5rem;
  font-weight: 700;
  padding: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid #333;
  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; }

.euiContextMenu__itemLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .euiContextMenu__itemLayout.euiContextMenu__itemLayout--bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .euiContextMenu__itemLayout.euiContextMenu__itemLayout--top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .euiContextMenu__itemLayout .euiContextMenu__icon {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

/* 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.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 .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 0 12px -1px rgba(0, 0, 0, 0.2), 0 0 4px -1px rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 12px -1px rgba(0, 0, 0, 0.2), 0 0 4px -1px rgba(0, 0, 0, 0.2), 0 0 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;
  text-indent: -999em;
  overflow: hidden; }
  .react-datepicker__navigation--previous {
    background-position: center;
    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, .react-datepicker__navigation--previous:focus {
      border-radius: 4px;
      -webkit-transform: scale(1.2) rotate(90deg);
              transform: scale(1.2) rotate(90deg); }
    .react-datepicker__navigation--previous:hover {
      background-color: #242424;
      -webkit-box-shadow: 0 0 0 2px #242424;
              box-shadow: 0 0 0 2px #242424; }
    .react-datepicker__navigation--previous:focus {
      background-color: #191919;
      -webkit-box-shadow: 0 0 0 2px #191919;
              box-shadow: 0 0 0 2px #191919; }
    .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
      cursor: not-allowed;
      opacity: .2; }
  .react-datepicker__navigation--next {
    background-position: center;
    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, .react-datepicker__navigation--next:focus {
      border-radius: 4px;
      -webkit-transform: scale(1.2) rotate(-90deg);
              transform: scale(1.2) rotate(-90deg); }
    .react-datepicker__navigation--next:hover {
      background-color: #242424;
      -webkit-box-shadow: 0 0 0 2px #242424;
              box-shadow: 0 0 0 2px #242424; }
    .react-datepicker__navigation--next:focus {
      background-color: #191919;
      -webkit-box-shadow: 0 0 0 2px #191919;
              box-shadow: 0 0 0 2px #191919; }
    .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;
  border-radius: 4px; }

.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;
    scrollbar-width: thin; }
    .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, .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:focus {
            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: #017D73;
    color: #FFF; }
    .react-datepicker__day--highlighted:hover {
      background-color: #01645c; }
  .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__screenReaderOnly {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.react-datepicker__year-option--preselected,
.react-datepicker__month-option--preselected {
  background: #191919; }

.react-datepicker__year-option--selected_year.react-datepicker__year-option--preselected,
.react-datepicker__month-option--selected_month.react-datepicker__month-option--preselected {
  background: #4DA1C0; }

.react-datepicker__time-list-item--preselected,
.react-datepicker__year-option--preselected,
.react-datepicker__month-option--preselected {
  background: #0c0c0c; }

.react-datepicker__time-container--focus {
  background: #191919; }

.react-datepicker__month-read-view:focus,
.react-datepicker__year-read-view:focus {
  text-decoration: underline; }

.react-datepicker__month--accessible:focus {
  background: #191919; }

.react-datepicker__navigation:focus {
  background-color: #191919; }

.react-datepicker__year-option--selected_year,
.react-datepicker__month-option--selected_month {
  background: #4DA1C0;
  color: #222;
  font-weight: 700;
  border-radius: 4px; }

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

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

/**
 * 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 > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .euiDatePickerRange .euiFieldText.euiDatePicker {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-align: center; }
  .euiDatePickerRange .react-datepicker-popper .euiFieldText.euiDatePicker {
    text-align: left; }
  .euiDatePickerRange--inGroup {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0; }
    .euiDatePickerRange--inGroup .euiDatePicker {
      height: 38px; }
  .euiDatePickerRange > .euiDatePickerRange__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 12px;
    padding-right: 12px; }
  .euiDatePickerRange > .euiDatePickerRange__delimeter {
    line-height: 1 !important;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 6px;
    padding-right: 6px; }

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

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

.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;
  line-height: 1.5rem;
  font-weight: 700; }

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

.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 0;
  border: none;
  border-bottom: 2px dotted #333;
  font-size: 14px;
  cursor: pointer; }
  .euiExpressionButton:focus {
    border-bottom: solid 2px #00A69B; }

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

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

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

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

/**
 * 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
 * 3. Make sure the quantity doesn't get an underline on hover
 */
.euiFacetButton {
  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;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  border: 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 */ }
  .euiFacetButton:hover:not(:disabled) {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }
  .euiFacetButton:hover:not(:disabled), .euiFacetButton:focus {
    text-decoration: underline; }
  .euiFacetButton: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); }
  .euiFacetButton:active:not(:disabled) {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
  .euiFacetButton .euiFacetButton__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; }
    .euiFacetButton .euiFacetButton__content .euiButton__icon,
    .euiFacetButton .euiFacetButton__content .euiButton__spinner {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .euiFacetButton .euiFacetButton__content > * + * {
      margin-left: 8px;
      /* 1 */ }
  .euiFacetButton .euiFacetButton__text {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 40px; }
  .euiFacetButton .euiFacetButton__spinner,
  .euiFacetButton .euiFacetButton__quantity,
  .euiFacetButton .euiFacetButton__icon {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .euiFacetButton .euiFacetButton__quantity,
  .euiFacetButton .euiFacetButton__icon {
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in; }
  .euiFacetButton .euiFacetButton__quantity {
    line-height: 20px;
    height: 20px;
    min-width: 24px; }
  .euiFacetButton.euiFacetButton--unSelected .euiFacetButton__quantity,
  .euiFacetButton:disabled .euiFacetButton__quantity {
    background-color: #707070;
    color: #FFF; }
  .euiFacetButton:hover, .euiFacetButton:focus {
    text-decoration: none !important;
    /* 3 */ }
    .euiFacetButton:hover:not(:disabled) .euiFacetButton__text, .euiFacetButton:focus:not(:disabled) .euiFacetButton__text {
      text-decoration: underline;
      /* 3 */ }
  .euiFacetButton:focus {
    background-color: #242424; }
  .euiFacetButton:disabled {
    color: #424242;
    pointer-events: none; }
    .euiFacetButton:disabled .euiFacetButton__content {
      pointer-events: auto;
      cursor: not-allowed; }
    .euiFacetButton:disabled .euiFacetButton__icon,
    .euiFacetButton:disabled .euiFacetButton__quantity {
      opacity: .5; }
    .euiFacetButton:disabled:focus {
      background-color: transparent; }
    .euiFacetButton:disabled:hover, .euiFacetButton:disabled:focus {
      text-decoration: none; }

.euiFacetButton--isSelected .euiFacetButton__text {
  font-weight: 700; }

.euiFacetGroup--horizontal .euiFacetButton {
  height: 32px; }
  .euiFacetGroup--horizontal .euiFacetButton:not(:last-of-type) {
    margin-right: 24px; }

/**
 * 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.
 */
/**
 * 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 {
  width: 288px; }

/**
 * 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;
  display: block;
  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 {
  scrollbar-width: thin;
  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 */ }
    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .euiFlexGroup .euiFlexItem {
        min-width: 1px; } }

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

.euiFlexGrid--gutterSmall.euiFlexGrid--single > .euiFlexItem {
  -ms-flex-preferred-size: calc(100% - 8px);
      flex-basis: calc(100% - 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); }

.euiFlexGrid--gutterMedium.euiFlexGrid--single > .euiFlexItem {
  -ms-flex-preferred-size: calc(100% - 16px);
      flex-basis: calc(100% - 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); }

.euiFlexGrid--gutterLarge.euiFlexGrid--single > .euiFlexItem {
  -ms-flex-preferred-size: calc(100% - 24px);
      flex-basis: calc(100% - 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); }

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

@media only screen and (max-width: 574px) {
  .euiFlexGrid {
    margin-left: 0 !important;
    margin-right: 0 !important; } }

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiFlexGrid {
    margin-left: 0 !important;
    margin-right: 0 !important; } }

/**
 * 1. Allow EuiPanels to expand to fill the item.
 * 2. IE11 hack forces inner content of flex items to respect a higher parent's width (mostly) and
 *    not cause weird wrapping issues.
 */
.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.
   */ }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .euiFlexItem {
      min-width: 1px;
      /* 2 */ } }
  .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--responsive > .euiFlexItem {
    width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important; } }

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

.euiFlyout {
  border-left: 1px solid #333;
  -webkit-box-shadow: 0 40px 64px 0 rgba(0, 0, 0, 0.1), 0 24px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 40px 64px 0 rgba(0, 0, 0, 0.1), 0 24px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  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
 */
.euiFlyout--small {
  min-width: 384px;
  width: 25vw; }
  .euiFlyout--small.euiFlyout--maxWidth-default {
    max-width: 575px; }

.euiFlyout--medium {
  min-width: 537.6px;
  width: 50vw; }
  .euiFlyout--medium.euiFlyout--maxWidth-default {
    max-width: 768px; }

.euiFlyout--large {
  min-width: 691.2px;
  width: 75vw; }
  .euiFlyout--large.euiFlyout--maxWidth-default {
    max-width: 992px; }

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

/**
 * 1. Only small flyouts should NOT takover the entire screen
 * 2. If a custom maxWidth is set, we need to override it.
 */
@media only screen and (max-width: 574px) {
  .euiFlyout:not(.euiFlyout--small) {
    /* 1 */
    left: 0;
    min-width: 0;
    width: auto;
    border-left: none;
    max-width: 100vw !important;
    /* 2 */ }
  .euiFlyout--small {
    width: 80vw;
    min-width: 0;
    /* 1 */
    max-width: 80vw !important;
    /* 2 */ } }

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

.euiFlyoutBody {
  scrollbar-width: thin;
  -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 {
  -webkit-box-shadow: 0 -16px 16px -8px #222;
          box-shadow: 0 -16px 16px -8px #222;
  z-index: 2;
  background: #242424;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 16px 24px; }

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

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

/**
 * 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 {
      -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);
      padding: 7px;
      border: 1px solid #666666;
      background: #222 no-repeat center;
      border-radius: 4px;
      -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
      transition: background-color 150ms ease-in, border-color 150ms ease-in;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 3px; }
    .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 {
      -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;
      border-color: #4DA1C0; }
  .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 {
      width: 16px;
      height: 16px;
      /* 1 */
      position: absolute;
      /* 1 */
      opacity: 0;
      /* 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;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1em;
  color: #DDD;
  border: none;
  border-radius: 0;
  padding: 12px; }
  .euiFieldNumber--fullWidth {
    max-width: 100%; }
  .euiFieldNumber--compressed {
    height: 32px; }
  .euiFieldNumber--inGroup {
    height: 38px;
    /* 2 */ }
  .euiFieldNumber--inGroup.euiFieldNumber--compressed {
    height: 30px;
    /* 2 */ }
  .euiFieldNumber::-webkit-input-placeholder {
    color: #8A8A8A; }
  .euiFieldNumber:-ms-input-placeholder {
    color: #8A8A8A; }
  .euiFieldNumber::-ms-input-placeholder {
    color: #8A8A8A; }
  .euiFieldNumber::placeholder {
    color: #8A8A8A; }
  .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: rgba(0, 0, 0, 0.12);
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiFieldNumber--withIcon {
    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;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1em;
  color: #DDD;
  border: none;
  border-radius: 0;
  padding: 12px;
  padding-left: 40px; }
  .euiFieldPassword--fullWidth {
    max-width: 100%; }
  .euiFieldPassword--compressed {
    height: 32px; }
  .euiFieldPassword--inGroup {
    height: 38px;
    /* 2 */ }
  .euiFieldPassword--inGroup.euiFieldPassword--compressed {
    height: 30px;
    /* 2 */ }
  .euiFieldPassword::-webkit-input-placeholder {
    color: #8A8A8A; }
  .euiFieldPassword:-ms-input-placeholder {
    color: #8A8A8A; }
  .euiFieldPassword::-ms-input-placeholder {
    color: #8A8A8A; }
  .euiFieldPassword::placeholder {
    color: #8A8A8A; }
  .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: rgba(0, 0, 0, 0.12);
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .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;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1em;
  color: #DDD;
  border: none;
  border-radius: 0;
  padding: 12px;
  padding-left: 40px;
  -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::-webkit-input-placeholder {
    color: #8A8A8A; }
  .euiFieldSearch:-ms-input-placeholder {
    color: #8A8A8A; }
  .euiFieldSearch::-ms-input-placeholder {
    color: #8A8A8A; }
  .euiFieldSearch::placeholder {
    color: #8A8A8A; }
  .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: rgba(0, 0, 0, 0.12);
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .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;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1em;
  color: #DDD;
  border: none;
  border-radius: 0;
  padding: 12px;
  /* 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::-webkit-input-placeholder {
    color: #8A8A8A; }
  .euiFieldText:-ms-input-placeholder {
    color: #8A8A8A; }
  .euiFieldText::-ms-input-placeholder {
    color: #8A8A8A; }
  .euiFieldText::placeholder {
    color: #8A8A8A; }
  .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: rgba(0, 0, 0, 0.12);
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiFieldText--withIcon {
    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;
      padding-left: 40px;
      /* 3 */
      text-align: left; }
  .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 {
      width: 16px;
      height: 16px;
      pointer-events: all;
      background-color: #8A8A8A;
      border-radius: 16px;
      line-height: 0;
      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; }
  .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 {
    padding-right: 40px;
    /* 3 */ }
  .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; }

/**
 * 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 {
  width: 16px;
  height: 16px;
  pointer-events: all;
  background-color: #8A8A8A;
  border-radius: 16px;
  line-height: 0; }
  .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; }

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

.euiFormControlLayoutCustomIcon--clickable {
  width: 16px;
  height: 16px;
  pointer-events: all; }
  .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 {
      -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);
      padding: 7px;
      border: 1px solid #666666;
      background: #222 no-repeat center;
      border-radius: 14px;
      -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
      transition: background-color 150ms ease-in, border-color 150ms ease-in;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 3px; }
    .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 {
      -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;
      border-color: #4DA1C0; }
  .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 {
      width: 16px;
      height: 16px;
      /* 1 */
      position: absolute;
      /* 1 */
      opacity: 0;
      /* 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 {
    width: 4px;
    height: 4px;
    content: '';
    background-color: #8A8A8A;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 2px); }
  .euiRange__tick-isCustom {
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .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, 125, 115, 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: 2px 8px;
  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: 8px;
  right: 8px;
  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 {
    -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;
    border-color: #4DA1C0; }
  .euiRange:focus::-moz-range-thumb {
    animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
    border-color: #4DA1C0; }
  .euiRange:focus::-ms-thumb {
    animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
    border-color: #4DA1C0; }
  .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 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); }
    .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 {
    -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);
    padding: 7px;
    border: 1px solid #666666;
    background: #222 no-repeat center;
    border-radius: 14px;
    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
    transition: background-color 150ms ease-in, border-color 150ms ease-in;
    cursor: pointer;
    border-color: #8A8A8A;
    padding: 0;
    height: 16px;
    width: 16px; }
  .euiRange::-moz-range-thumb {
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    padding: 7px;
    border: 1px solid #666666;
    background: #222 no-repeat center;
    border-radius: 14px;
    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
    transition: background-color 150ms ease-in, border-color 150ms ease-in;
    cursor: pointer;
    border-color: #8A8A8A;
    padding: 0;
    height: 16px;
    width: 16px; }
  .euiRange::-ms-thumb {
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    padding: 7px;
    border: 1px solid #666666;
    background: #222 no-repeat center;
    border-radius: 14px;
    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
    transition: background-color 150ms ease-in, border-color 150ms ease-in;
    cursor: pointer;
    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 {
  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;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1em;
  color: #DDD;
  border: none;
  border-radius: 0;
  padding: 12px;
  padding-right: 40px;
  /* 1 */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  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::-webkit-input-placeholder {
    color: #8A8A8A; }
  .euiSelect:-ms-input-placeholder {
    color: #8A8A8A; }
  .euiSelect::-ms-input-placeholder {
    color: #8A8A8A; }
  .euiSelect::placeholder {
    color: #8A8A8A; }
  .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: rgba(0, 0, 0, 0.12);
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .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; }

/*
 * 1. Make popover the same width as the form control
 * 2. Style popover similar to combobox
 * 3. Use attribute selector to match popover position without needing the full popover class name
 */
.euiSuperSelect {
  width: 100%; }
  .euiSuperSelect:not(.euiSuperSelect--fullWidth) {
    /* 1 */
    max-width: 400px !important; }
  .euiSuperSelect .euiSuperSelect__popoverAnchor {
    display: block; }

.euiSuperSelect__popoverPanel[class*='bottom'] {
  /* 3 */
  border-top-color: rgba(51, 51, 51, 0.8);
  border-top-right-radius: 0;
  /* 2 */
  border-top-left-radius: 0;
  /* 2 */ }

.euiSuperSelect__popoverPanel[class*='top'] {
  /* 3 */
  -webkit-box-shadow: 0 0 12px -1px rgba(0, 0, 0, 0.2), 0 0 4px -1px rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 12px -1px rgba(0, 0, 0, 0.2), 0 0 4px -1px rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.2);
  /* 2 */
  border-bottom-color: rgba(51, 51, 51, 0.8);
  border-bottom-right-radius: 0;
  /* 2 */
  border-bottom-left-radius: 0;
  /* 2 */ }

.euiSuperSelect__item:hover, .euiSuperSelect__item:focus {
  text-decoration: none;
  background-color: #191919; }

.euiSuperSelect__item--hasDividers:not(:last-of-type) {
  border-bottom: 1px solid #333; }

/**
 * 1. Leave room for caret.
 * 2. Ensure the descenders don't get cut off
 * 3. Makes sure the height is correct when there's no selection
 */
.euiSuperSelectControl {
  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;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1em;
  color: #DDD;
  border: none;
  border-radius: 0;
  padding: 12px;
  padding-right: 40px;
  /* 1 */
  display: block;
  /* 3 */
  text-align: left;
  line-height: 40px;
  /* 2 */
  padding-top: 0;
  /* 2 */
  padding-bottom: 0;
  /* 2 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .euiSuperSelectControl--fullWidth {
    max-width: 100%; }
  .euiSuperSelectControl--compressed {
    height: 32px; }
  .euiSuperSelectControl--inGroup {
    height: 38px;
    /* 2 */ }
  .euiSuperSelectControl--inGroup.euiSuperSelectControl--compressed {
    height: 30px;
    /* 2 */ }
  .euiSuperSelectControl::-webkit-input-placeholder {
    color: #8A8A8A; }
  .euiSuperSelectControl:-ms-input-placeholder {
    color: #8A8A8A; }
  .euiSuperSelectControl::-ms-input-placeholder {
    color: #8A8A8A; }
  .euiSuperSelectControl::placeholder {
    color: #8A8A8A; }
  .euiSuperSelectControl--compressed {
    padding-top: 8px;
    padding-bottom: 8px; }
  .euiSuperSelectControl--inGroup {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .euiSuperSelectControl:invalid {
    /* 4 */
    background-image: linear-gradient(to top, #BF4D4D, #BF4D4D 2px, transparent 2px, transparent 100%);
    background-size: 100%; }
  .euiSuperSelectControl: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); }
  .euiSuperSelectControl: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); }
    .euiSuperSelectControl:disabled::-webkit-input-placeholder {
      color: #444; }
    .euiSuperSelectControl:disabled:-ms-input-placeholder {
      color: #444; }
    .euiSuperSelectControl:disabled::-ms-input-placeholder {
      color: #444; }
    .euiSuperSelectControl:disabled::placeholder {
      color: #444; }
  .euiSuperSelectControl[readOnly] {
    cursor: default;
    background: rgba(0, 0, 0, 0.12);
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiSuperSelectControl-isLoading {
    padding-right: 56px; }
  .euiSuperSelectControl--compressed {
    line-height: 32px;
    /* 2 */
    padding-top: 0;
    /* 2 */
    padding-bottom: 0;
    /* 2 */ }
  .euiSuperSelectControl.euiSuperSelect--isOpen__button {
    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); }

.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 {
    -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;
    border-color: #4DA1C0; }
  .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 {
    -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);
    padding: 9px;
    border: 1px solid #666666;
    background: #222 no-repeat center;
    border-radius: 18px;
    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
    transition: background-color 150ms ease-in, border-color 150ms ease-in;
    position: absolute;
    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-color: rgba(68, 68, 68, 0.7); }
    .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: rgba(68, 68, 68, 0.7); }
    .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;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1em;
  color: #DDD;
  border: none;
  border-radius: 0;
  padding: 12px;
  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::-webkit-input-placeholder {
    color: #8A8A8A; }
  .euiTextArea:-ms-input-placeholder {
    color: #8A8A8A; }
  .euiTextArea::-ms-input-placeholder {
    color: #8A8A8A; }
  .euiTextArea::placeholder {
    color: #8A8A8A; }
  .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: rgba(0, 0, 0, 0.12);
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiTextArea, .euiTextArea--compressed {
    height: auto; }

.euiTextArea--resizeVertical {
  resize: vertical; }

.euiTextArea--resizeHorizontal {
  resize: horizontal; }

.euiTextArea--resizeBoth {
  resize: both; }

.euiTextArea--resizeNone {
  resize: none; }

.euiHeader {
  -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);
  position: relative;
  z-index: 1000;
  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; }

.euiHeaderLinks__mobile {
  display: none !important;
  position: absolute !important;
  right: 0; }

@media only screen and (max-width: 574px) {
  .euiHeaderLinks__mobile {
    display: block !important; }
  .euiHeaderLinks__list {
    display: none; } }

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

.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;
  line-height: 2rem;
  font-weight: 600;
  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;
    line-height: 1.5rem;
    font-weight: 600;
    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;
    line-height: 1.5rem;
    font-weight: 600;
    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;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

@media only screen and (max-width: 574px) {
  .euiHeaderBreadcrumbs {
    margin-left: 8px;
    margin-right: 8px; } }

.euiHeaderSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

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

.euiHeaderSection--dontGrow {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.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 {
    width: 8px;
    height: 8px;
    min-width: 0;
    border-radius: 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 svg {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  .euiIcon:focus {
    opacity: 1;
    background: #191919; }

.euiIcon--app {
  fill: #DDD; }
  .euiIcon--app .euiIcon__fillSecondary {
    fill: #017D73; }
  .euiIcon--app.euiIcon--primary {
    fill: #4DA1C0; }
    .euiIcon--app.euiIcon--primary .euiIcon__fillSecondary {
      fill: #4DA1C0; }

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

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

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

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

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

.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 {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center; }

.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 {
    -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-color: #333; }
    .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: #017D73; }
  .euiLink.euiLink--secondary:hover {
    color: #014a44; }
  .euiLink.euiLink--secondary:focus {
    outline: solid 3px rgba(1, 125, 115, 0.1);
    background-color: rgba(1, 125, 115, 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: .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: .1; }
  100% {
    opacity: 0; } }

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

@-webkit-keyframes euiLoadingKibanaPulsate {
  0% {
    opacity: .15; }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: .05; }
  100% {
    opacity: .15; } }

@keyframes euiLoadingKibanaPulsate {
  0% {
    opacity: .15; }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: .05; }
  100% {
    opacity: .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: #017D73;
    -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
 * 2. IE has trouble with min-widths on flex elements. Use the pixel value
 *    from our forms since that's usually the smallest we want them.
 */
.euiModal {
  border: 1px solid #333;
  -webkit-box-shadow: 0 40px 64px 0 rgba(0, 0, 0, 0.1), 0 24px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 40px 64px 0 rgba(0, 0, 0, 0.1), 0 24px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1 */
  position: relative;
  background-color: #222;
  border-radius: 4px;
  z-index: 8000;
  min-width: 400px;
  -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--maxWidth-default {
  max-width: 768px; }

.euiModal--confirmation {
  min-width: 400px; }

.euiModalHeader {
  -webkit-box-shadow: 0 16px 16px -8px #222;
          box-shadow: 0 16px 16px -8px #222;
  z-index: 2;
  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; }

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

.euiModalBody {
  scrollbar-width: thin;
  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 {
  -webkit-box-shadow: 0 -16px 16px -8px #222;
          box-shadow: 0 -16px 16px -8px #222;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 24px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .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) !important;
    max-width: none !important;
    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) !important;
    max-width: none !important;
    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
 * 2. Fix for IE to ensure badges are visible outside of a <button> tag
 */
.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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
              box-shadow: 0 4px 8px 0 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);
    border-bottom-color: #333; }
    .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;
  overflow: visible;
  /* 2 */ }
  .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;
      background-color: #222; }

.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.
 * 3. Make sure the panel stays within the window.
 */
.euiPopover__panel {
  position: absolute;
  z-index: 2000;
  min-width: 112px;
  /* 1 */
  max-width: calc(100vw - 32px);
  /* 3 */
  -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 */
  -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1), 0 6px 12px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1), 0 6px 12px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
  .euiPopover__panel.euiPopover__panel-isOpen {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .euiPopover__panel .euiPopover__panelArrow {
    position: absolute;
    width: 0;
    height: 0; }
    .euiPopover__panel .euiPopover__panelArrow:before {
      position: absolute;
      content: '';
      height: 0;
      width: 0; }
    .euiPopover__panel .euiPopover__panelArrow:after {
      position: absolute;
      content: '';
      height: 0;
      width: 0; }
    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
      bottom: -11px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-top: 12px solid #333; }
    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
      bottom: -10px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-top: 12px solid #222; }
    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
      left: -12px;
      top: 50%;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-right: 12px solid #333; }
    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
      left: -11px;
      top: 50%;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-right: 12px solid #222; }
    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
      top: -12px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #333; }
    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
      top: -11px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #222; }
    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
      right: -11px;
      top: 50%;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 12px solid #333; }
    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--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-noArrow .euiPopover__panelArrow {
    display: none; }

.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;
  line-height: 1.5rem;
  font-weight: 700;
  padding: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid #333;
  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: #017D73; }

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

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

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

.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;
      line-height: 1.5rem;
      font-weight: 600; }
  .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; }

.euiStat .euiStat__title {
  color: #FFF; }
  .euiStat .euiStat__title--subdued {
    color: #8A8A8A; }
  .euiStat .euiStat__title--primary {
    color: #4DA1C0; }
  .euiStat .euiStat__title--secondary {
    color: #017D73; }
  .euiStat .euiStat__title--danger {
    color: #BF4D4D; }
  .euiStat .euiStat__title--accent {
    color: #DD0A73; }

.euiStat.euiStat--leftAligned {
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.euiStat.euiStat--centerAligned {
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.euiStat.euiStat--rightAligned {
  text-align: right;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.euiStepNumber {
  width: 32px;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #222;
  background-color: #4DA1C0;
  font-size: 14px;
  font-weight: 600; }
  .euiStepNumber .euiStepNumber__icon {
    position: relative;
    top: -2px; }
  .euiStepNumber--complete .euiStepNumber__icon {
    stroke: currentColor;
    stroke-width: .5px; }
  .euiStepNumber.euiStepNumber-isHollow {
    background-color: transparent;
    border: 2px solid #4DA1C0; }
  .euiStepNumber--warning {
    color: #d9a795;
    background-color: #3a2017; }
    .euiStepNumber--warning.euiStepNumber-isHollow {
      border-color: #C06C4C; }
  .euiStepNumber--danger {
    color: #dc9f9f;
    background-color: #391717; }
    .euiStepNumber--danger.euiStepNumber-isHollow {
      border-color: #BF4D4D; }
  .euiStepNumber--disabled {
    color: #b2b2b2;
    background-color: #333; }
    .euiStepNumber--disabled.euiStepNumber-isHollow {
      border-color: #333; }
  .euiStepNumber--incomplete {
    color: #b2b2b2;
    background-color: #333; }
    .euiStepNumber--incomplete.euiStepNumber-isHollow {
      border-color: #333; }

/**
 * 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 {
  margin-right: 16px;
  vertical-align: top;
  /* 1 */ }
  .euiStep .euiStep__circle[class*='complete'], .euiStep .euiStep__circle[class*='warning'], .euiStep .euiStep__circle[class*='danger'] {
    -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[class*='incomplete'] {
    border-color: #4DA1C0;
    -webkit-animation: none;
            animation: none; }

.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: #242424;
  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 {
    -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;
    -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); }
  .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 {
  position: relative;
  /* 1 */
  z-index: 1000;
  /* 1 */
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out; }

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

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

.euiStepHorizontal-isSelected .euiStepHorizontal__number:not([class*='danger']):not([class*='warning']) {
  -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; } }

.euiTableFooterCell,
.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;
  line-height: 1.5rem;
  font-weight: 700;
  font-weight: 600;
  border-top: none; }
  .euiTableFooterCell .euiTableHeaderButton,
  .euiTableHeaderCell .euiTableHeaderButton {
    text-align: left;
    font-weight: 600; }
  .euiTableFooterCell .euiTableCellContent__text,
  .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;
  width: 32px;
  vertical-align: middle;
  border-top: none; }

.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;
  width: 32px;
  vertical-align: middle; }

.euiTableFooterCell {
  background-color: #242424;
  border-bottom: none; }

/**
 * 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.
 * 4. Prevent very long single words (e.g. the name of a field in a document) from overflowing
 *    the cell.
 */
.euiTableCellContent {
  overflow: hidden;
  /* 4 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 1 */
  padding: 8px;
  /* 2 */ }

.euiTableCellContent__text {
  overflow-wrap: break-word;
  /* 4 */
  min-width: 0;
  text-overflow: ellipsis; }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .euiTableCellContent__text {
      word-break: break-all; } }

.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,
.euiTableFooterCell,
.euiTableCellContent--truncateText {
  white-space: nowrap;
  /* 3 */ }
  .euiTableHeaderCell .euiTableCellContent__text,
  .euiTableFooterCell .euiTableCellContent__text,
  .euiTableCellContent--truncateText .euiTableCellContent__text {
    overflow: hidden; }

.euiTableCellContent--overflowingContent {
  overflow: visible;
  white-space: normal;
  word-break: break-all;
  word-break: break-word; }

.euiTableCellContent--showOnHover > *:not(:first-child) {
  margin-left: 8px; }

.euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: .7;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }

.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide,
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled,
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:hover,
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:focus,
.euiTableRow:hover .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  opacity: 0; }

.euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled), .euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled):hover, .euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled):focus {
  opacity: 1;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%); }

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

.euiTableRow-isClickable:hover {
  background-color: rgba(77, 161, 192, 0.05);
  cursor: pointer; }

.euiTableRow-isClickable:focus {
  background-color: rgba(77, 161, 192, 0.1); }

/**
 *  Mixin for use in:
 *  - EuiCard
 *  - EuiPageContent
*/
@media only screen and (max-width: 574px) {
  .euiTable.euiTable--responsive thead {
    display: none; }
  .euiTable.euiTable--responsive tfoot {
    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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
                box-shadow: 0 4px 8px 0 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);
      border-bottom-color: #333; }
      .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) 0, 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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        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) 0, 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[data-header]::before {
      font-size: 9.625px;
      font-size: 0.6875rem;
      content: attr(data-header);
      display: block;
      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 .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
    display: none; }
  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
    opacity: 1;
    -webkit-filter: none;
            filter: none;
    margin-left: 0;
    margin-bottom: 8px; }
  .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 tfoot {
    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 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
                box-shadow: 0 4px 8px 0 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);
      border-bottom-color: #333; }
      .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) 0, 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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        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) 0, 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[data-header]::before {
      font-size: 9.625px;
      font-size: 0.6875rem;
      content: attr(data-header);
      display: block;
      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 .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
    display: none; }
  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
    opacity: 1;
    -webkit-filter: none;
            filter: none;
    margin-left: 0;
    margin-bottom: 8px; }
  .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 {
  scrollbar-width: thin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  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:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #333;
    content: ''; }
  .euiTabs::-webkit-scrollbar {
    height: 3px; }
  .euiTabs.euiTabs--small .euiTab {
    font-size: 14px;
    font-size: 1rem;
    padding: 8px; }
  .euiTabs.euiTabs--expand .euiTab {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0%;
        flex-basis: 0%; }

.euiTab {
  font-size: 16.0px;
  font-size: 1.14286rem;
  line-height: 1.5;
  position: relative;
  cursor: pointer;
  padding: 12px 16px;
  background-color: transparent;
  -webkit-transition: color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), background-color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), background-color 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:focus:before {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #333;
      content: ''; }
  .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: 0;
      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;
  line-height: 1.5rem;
  font-weight: 700; }

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

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

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

.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 {
  scrollbar-width: thin;
  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 {
  border: 1px solid #333;
  -webkit-box-shadow: 0 40px 64px 0 rgba(0, 0, 0, 0.1), 0 24px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 40px 64px 0 rgba(0, 0, 0, 0.1), 0 24px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 16px;
  background-color: #222;
  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 #017D73; }

.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;
  line-height: 1.5rem;
  font-weight: 600;
  font-weight: 600; }

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

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

.euiToken {
  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; }
  .euiToken svg {
    width: 100%;
    height: 100%;
    margin: auto; }

.euiToken--circle {
  border-radius: 50%; }

.euiToken--square {
  border-radius: 3px; }

.euiToken--small {
  width: 16px;
  height: 16px; }
  .euiToken--small.euiToken--rectangle {
    padding: 0 4px; }

.euiToken--medium {
  width: 24px;
  height: 24px; }
  .euiToken--medium.euiToken--rectangle {
    padding: 0 8px; }

.euiToken--large {
  width: 32px;
  height: 32px; }
  .euiToken--large.euiToken--rectangle {
    padding: 0 8px; }

.euiToken--rectangle {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.euiToken--tokenTint01 {
  -webkit-box-shadow: 0 0 0 1px #4DA1C0;
          box-shadow: 0 0 0 1px #4DA1C0;
  background-color: #17303a; }
  .euiToken--tokenTint01.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint01.euiToken--fill {
    background-color: #4DA1C0; }
    .euiToken--tokenTint01.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint01 svg {
    fill: #7cbad1; }

.euiToken--tokenTint02 {
  -webkit-box-shadow: 0 0 0 1px #DD0A73;
          box-shadow: 0 0 0 1px #DD0A73;
  background-color: #420323; }
  .euiToken--tokenTint02.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint02.euiToken--fill {
    background-color: #DD0A73; }
    .euiToken--tokenTint02.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint02 svg {
    fill: #e7549d; }

.euiToken--tokenTint03 {
  -webkit-box-shadow: 0 0 0 1px #490092;
          box-shadow: 0 0 0 1px #490092;
  background-color: #16002c; }
  .euiToken--tokenTint03.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint03.euiToken--fill {
    background-color: #490092; }
    .euiToken--tokenTint03.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint03 svg {
    fill: #a17cc6; }

.euiToken--tokenTint04 {
  -webkit-box-shadow: 0 0 0 1px #F98510;
          box-shadow: 0 0 0 1px #F98510;
  background-color: #4b2805; }
  .euiToken--tokenTint04.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint04.euiToken--fill {
    background-color: #F98510; }
    .euiToken--tokenTint04.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint04 svg {
    fill: #f99732; }

.euiToken--tokenTint05 {
  -webkit-box-shadow: 0 0 0 1px #3185FC;
          box-shadow: 0 0 0 1px #3185FC;
  background-color: #0f284c; }
  .euiToken--tokenTint05.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint05.euiToken--fill {
    background-color: #3185FC; }
    .euiToken--tokenTint05.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint05 svg {
    fill: #7db2fc; }

.euiToken--tokenTint06 {
  -webkit-box-shadow: 0 0 0 1px #E6C220;
          box-shadow: 0 0 0 1px #E6C220;
  background-color: #453a0a; }
  .euiToken--tokenTint06.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint06.euiToken--fill {
    background-color: #E6C220; }
    .euiToken--tokenTint06.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint06 svg {
    fill: #E6C220; }

.euiToken--tokenTint07 {
  -webkit-box-shadow: 0 0 0 1px #00B3A4;
          box-shadow: 0 0 0 1px #00B3A4;
  background-color: #003631; }
  .euiToken--tokenTint07.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint07.euiToken--fill {
    background-color: #00B3A4; }
    .euiToken--tokenTint07.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint07 svg {
    fill: #0db7a9; }

.euiToken--tokenTint08 {
  -webkit-box-shadow: 0 0 0 1px #920000;
          box-shadow: 0 0 0 1px #920000;
  background-color: #2c0000; }
  .euiToken--tokenTint08.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint08.euiToken--fill {
    background-color: #920000; }
    .euiToken--tokenTint08.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint08 svg {
    fill: #c06e6e; }

.euiToken--tokenTint09 {
  -webkit-box-shadow: 0 0 0 1px #F0F;
          box-shadow: 0 0 0 1px #F0F;
  background-color: #4d004d; }
  .euiToken--tokenTint09.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint09.euiToken--fill {
    background-color: #F0F; }
    .euiToken--tokenTint09.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint09 svg {
    fill: #F0F; }

.euiToken--tokenTint10 {
  -webkit-box-shadow: 0 0 0 1px #26AB00;
          box-shadow: 0 0 0 1px #26AB00;
  background-color: #0b3300; }
  .euiToken--tokenTint10.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint10.euiToken--fill {
    background-color: #26AB00; }
    .euiToken--tokenTint10.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint10 svg {
    fill: #5fc144; }

.euiToken--tokenTint11 {
  -webkit-box-shadow: 0 0 0 1px #4C1604;
          box-shadow: 0 0 0 1px #4C1604;
  background-color: #170701; }
  .euiToken--tokenTint11.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint11.euiToken--fill {
    background-color: #4C1604; }
    .euiToken--tokenTint11.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint11 svg {
    fill: #9f8278; }

.euiToken--tokenTint12 {
  -webkit-box-shadow: 0 0 0 1px #666;
          box-shadow: 0 0 0 1px #666;
  background-color: #1f1f1f; }
  .euiToken--tokenTint12.euiToken--no-border {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .euiToken--tokenTint12.euiToken--fill {
    background-color: #666; }
    .euiToken--tokenTint12.euiToken--fill svg {
      fill: #FFF; }
  .euiToken--tokenTint12 svg {
    fill: #b1b1b1; }

.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.1), 0 6px 12px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1), 0 6px 12px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #1a1a1a;
  color: #FFF;
  z-index: 9000;
  max-width: 256px;
  overflow-wrap: break-word;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 12px;
  -webkit-animation: euiToolTipTop 350ms ease-out 250ms forwards;
          animation: euiToolTipTop 350ms ease-out 250ms forwards;
  position: absolute;
  opacity: 0;
  /* 1 */
  /* 1 */ }
  .euiToolTip.euiToolTip--delayLong {
    -webkit-animation-delay: 1250ms;
            animation-delay: 1250ms; }
  .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; }
  .euiToolTipAnchor *[disabled] {
    pointer-events: none; }

@-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 a:focus {
      text-decoration: underline;
      outline: solid 3px rgba(77, 161, 192, 0.1);
      background-color: rgba(77, 161, 192, 0.1); }
  .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;
    line-height: 2rem;
    font-weight: 600; }
  .euiText h4,
  .euiText dt {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    line-height: 1.5rem;
    font-weight: 600; }
  .euiText h5 {
    color: white;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    line-height: 1.5rem;
    font-weight: 700; }
  .euiText h6 {
    color: white;
    font-size: 12.0px;
    font-size: 0.85714rem;
    line-height: 1.5;
    line-height: 1.5rem;
    font-weight: 700;
    text-transform: uppercase; }
  .euiText pre {
    white-space: pre-wrap;
    background: #2B2B2D;
    color: #CDD3D8; }
  .euiText pre,
  .euiText pre code {
    display: block; }
  .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 .eui-definitionListReverse dd {
    font-size: 1rem;
    line-height: 1.5rem; }
  .euiText .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 .eui-definitionListReverse dd {
      font-size: 1rem;
      line-height: 1.5rem; }
    .euiText.euiText--small .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 .eui-definitionListReverse dd {
      font-size: 0.85714rem;
      line-height: 1.28571rem; }
    .euiText.euiText--extraSmall .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,
  .euiText .euiTextColor > :last-child {
    margin-bottom: 0 !important; }

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

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

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

.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 */
.euiSeriesChartContainer .rv-xy-plot {
  color: #c3c3c3;
  position: relative; }
  .euiSeriesChartContainer .rv-xy-plot canvas {
    pointer-events: none; }
  .euiSeriesChartContainer .rv-xy-plot .rv-xy-canvas {
    pointer-events: none;
    position: absolute; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.euiSeriesChartContainer .rv-xy-plot {
  width: 100% !important;
  height: 100% !important; }

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

.euiAreaSeries {
  stroke-width: 0 !important; }

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

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

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