/*
 * Copyright OpenSearch Contributors
 * SPDX-License-Identifier: Apache-2.0
 */

.dscSidebar__container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.dscIndexPattern__container {
  display: flex;
  align-items: center;
  height: $euiSize * 3;
  margin-top: -$euiSizeS;
}

.dscIndexPattern__triggerButton {
  @include euiTitle('xs');
  line-height: $euiSizeXXL;
}

.dscFieldList {
  list-style: none;
  margin-bottom: 0;
}

.dscFieldListHeader {
  padding: $euiSizeS $euiSizeS 0 $euiSizeS;
  background-color: lightOrDarkTheme(tint($euiColorPrimary, 90%), $euiColorLightShade);
}

.dscFieldList--popular {
  background-color: lightOrDarkTheme(tint($euiColorPrimary, 90%), $euiColorLightShade);
}

.dscFieldChooser__toggle {
  color: $euiColorMediumShade;
  margin-left: $euiSizeS  !important;
}

/**
 * 1. Only visually hide the action, so that it's still accessible to screen readers.
 * 2. When tabbed to, this element needs to be visible for keyboard accessibility.
 */
.dscSidebarItem__action {
  opacity: 0;
  /* 1 */
  transition: none;

  &:focus {
    opacity: 1;
    /* 2 */
  }

  font-size: $euiFontSizeXS;
  padding: 2px 6px !important;
  height: 22px !important;
  min-width: auto !important;

  .euiButton__content {
    padding: 0 4px;
  }
}

.dscFieldSearch {
  padding: $euiSizeS;
}

.dscFieldSearch__toggleButton {
  width: calc(100% - #{$euiSizeS});
  color: $euiColorPrimary;
  padding-left: $euiSizeXS;
  margin-left: $euiSizeXS;
}

.dscFieldSearch__filterWrapper {
  flex-grow: 0;
}

.dscFieldSearch__formWrapper {
  padding: $euiSizeM;
}

.dscFieldDetails {
  color: $euiTextColor;
  margin-bottom: $euiSizeS;
}

.dscSidebarItem__fieldPopoverPanel {
  min-width: 300px;
  max-width: 600px;
  max-height: 600px;
  overflow-y: scroll;
}

.override_timestamp_loading {
  vertical-align: middle;
}

.explorerFieldSelector {
  padding: $euiSizeS;
}

// #vis__mainContent {
//   .explorer__insights, .explorer__configPanel-markdown {
//     .explorerFieldSelector,
//     .explorer__vizDataConfig {
//       padding: $euiSizeS;
//       overflow: auto;

//       &__fieldGroups {
//         @include euiYScrollWithShadows;

//         overflow-y: auto;
//         margin-right: -$euiSizeS;
//         padding-right: $euiSizeS;
//         margin-top: $euiSizeS;
//       }

//       &__fieldGroup {
//         margin-top: $euiSizeS;

//         &:first-child {
//           margin-top: 0;
//         }
//       }
//     }

//     // .explorerFieldSelector {
//     //   @include euiYScrollWithShadows;
//     //   .sidebar-list {
//     //     height: 100%;
//     //   }
//     // }
//     .metricsSideBar {
//       @include euiYScrollWithShadows;
//       .sidebarHeight{
//       .sidebar-list {
//         height: 100%;
//       }
//     }
//     }
//   }
// }

#vis__mainContent .explorer__insights {
  min-height: 0;
  display: grid;
  grid-template-columns: 50% 50%;
  height: 100%;
}

.sidebarHeight {
  line-height: normal;
  overflow: auto;
  max-height: 100vh;
}

.metricsList {
  line-height: normal;
}

.metricsListContainer {
  margin-left: 15px;
  margin-right: 5px;
}

.tokenMargin {
  vertical-align: middle;
}

#metrics__mainContent {
.dscAppContainer{
.metricsSideBar {
  padding: $euiSizeS;
      overflow: auto;

      &__fieldGroups {
        @include euiYScrollWithShadows;

        overflow-y: auto;
        margin-right: -$euiSizeS;
        padding-right: $euiSizeS;
        margin-top: $euiSizeS;
      }

      &__fieldGroup {
        margin-top: $euiSizeS;

        &:first-child {
          margin-top: 0;
        }
      }
    }
    .metricsSideBar {
  @include euiYScrollWithShadows;
  .sidebar-list {
    height: 100%;
  }
}}}