@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.cal-active {
  color: hsl(210, 100%, 60%);
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/* rightPanelCard.scss */
.right-panel-card, .drawer-card {
  height: 100%;
  max-width: 100%;
}
.right-panel-card-container {
  height: 100%;
  padding: 10px 10px 0 10px;
}
.right-panel-card-container--as-callout {
  padding: 0;
}
.right-panel-card--active {
  border: 2px solid #888;
}
.right-panel-card--inactive {
  border: 2px solid #888;
}
.right-panel-card .bp3-tab-list > *:not(:last-child), .drawer-card .bp3-tab-list > *:not(:last-child) {
  margin-right: 0px;
}
.right-panel-card .bp3-tab-list > .bp3-tab, .drawer-card .bp3-tab-list > .bp3-tab {
  min-width: 35px;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
}
.right-panel-card .bp3-tab-list > .bp3-tab[aria-selected=true], .drawer-card .bp3-tab-list > .bp3-tab[aria-selected=true] {
  color: unset;
}
.right-panel-card .esri-icon svg path, .drawer-card .esri-icon svg path {
  fill: white;
}
.right-panel-card__button, .drawer-card-button {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
@media screen and (min-width: 1024px) {
  .right-panel-card__button, .drawer-card-button {
    height: 35px;
  }
}
@media screen and (min-width: 1366px) {
  .right-panel-card__button, .drawer-card-button {
    height: 35px;
  }
}
@media screen and (min-width: 1920px) {
  .right-panel-card__button, .drawer-card-button {
    height: 35px;
  }
}
@media screen and (min-width: 2560px) {
  .right-panel-card__button, .drawer-card-button {
    height: 40px;
  }
}
.right-panel-card__button, .drawer-card-button {
  background: #333333 !important;
}
.right-panel-card__button__title {
  display: flex;
}
.right-panel-card__button__title__globe-name {
  color: #0f9960;
}
.right-panel-card__button .bp3-button-group .bp3-button, .drawer-card-button .bp3-button-group .bp3-button {
  color: white;
}
.right-panel-card__collapse.full-height {
  height: 100%;
  transition: none;
}
.right-panel-card__collapse {
  transition: none;
}
.right-panel-card__callout {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  height: calc(100% - 20px);
  overflow-y: auto;
}

.popup-portal > .draggable-popover {
  border: 1px solid #555 !important;
  background-color: var(--popover-transparent) !important;
}
.popup-portal .drawer-card > .right-panel-card__button, .popup-portal .drawer-card > .drawer-card-button {
  background: #333 !important;
  cursor: move;
}

.right-panel-card__button, .drawer-card-button {
  color: #ccc !important;
  padding: 5px;
  padding-left: 10px;
  background-color: #333 !important;
}
.right-panel-card__button .bp3-button-text, .drawer-card-button .bp3-button-text {
  min-width: 0;
}

.slim-card.drawer-card {
  color: #ccc;
}
.slim-card.drawer-card .bp3-tag {
  color: #ccc !important;
}
.slim-card.drawer-card > .right-panel-card__button, .slim-card.drawer-card > .drawer-card-button {
  color: #ccc !important;
  padding: 0px;
  padding-left: 10px;
  background-color: #222 !important;
}
.slim-card.drawer-card .bp3-callout {
  padding: 0px;
}

.drawer-wraper .hide-card-drawer {
  width: 0 !important;
  visibility: hidden;
}
.drawer-wraper .bp3-drawer {
  background: rgba(51, 51, 51, 0.8);
  border-left: 1px solid #555555;
}
.drawer-wraper .card-drag-handle {
  cursor: grab;
}
.drawer-wraper .card-drag-handle:active {
  cursor: grabbing;
}
.drawer-wraper > .drawer-button {
  position: absolute;
  top: 20px;
  z-index: 11;
}
.drawer-wraper > .drawer-button > .bp3-button {
  border: 1px solid #373a3d;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.card-title-with-scr-name {
  display: flex;
  column-gap: 5px;
}
.card-title-with-scr-name__scr-name {
  color: rgb(15, 153, 96);
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.form-file-drop.files-dropzone {
  outline: 1px dashed #b5b5b5;
  padding: 5px;
  background-color: none;
  -webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
}

.form-file-drop.files-dropzone.files-dropzone-active {
  outline: 1px dashed rgb(157, 157, 157);
  background-color: rgba(139, 155, 101, 0.316);
}
@use "@styles/base/_colors.scss" as colors;
/* Collection default theme */
/* Grid default theme */
/* Table default theme */
.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ReactVirtualized__Table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}

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

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}

.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

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

.ReactVirtualized__Table__sortableHeaderIcon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */
.rst__rowWrapper {
  padding: 10px 10px 10px 0;
  height: 100%;
  box-sizing: border-box;
}

.rst__rtl.rst__rowWrapper {
  padding: 10px 0 10px 10px;
}

.rst__row {
  height: 100%;
  white-space: nowrap;
  display: flex;
}

.rst__row > * {
  box-sizing: border-box;
}

/**
 * The outline of where the element will go if dropped, displayed while dragging
 */
.rst__rowLandingPad,
.rst__rowCancelPad {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.rst__rowLandingPad > *,
.rst__rowCancelPad > * {
  opacity: 0 !important;
}

.rst__rowLandingPad::before,
.rst__rowCancelPad::before {
  background-color: lightblue;
  border: 3px dashed white;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/**
 * Alternate appearance of the landing pad when the dragged location is invalid
 */
.rst__rowCancelPad::before {
  background-color: #e6a8ad;
}

/**
 * Nodes matching the search conditions are highlighted
 */
.rst__rowSearchMatch {
  outline: solid 3px #0080ff;
}

/**
 * The node that matches the search conditions and is currently focused
 */
.rst__rowSearchFocus {
  outline: solid 3px #fc6421;
}

.rst__rowContents,
.rst__rowLabel,
.rst__rowToolbar,
.rst__moveHandle,
.rst__toolbarButton {
  display: inline-block;
  vertical-align: middle;
}

.rst__rowContents {
  position: relative;
  height: 100%;
  border: solid #bbb 1px;
  border-left: none;
  box-shadow: 0 2px 2px -2px;
  padding: 0 5px 0 10px;
  border-radius: 2px;
  min-width: 230px;
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
}

.rst__rtl.rst__rowContents {
  border-right: none;
  border-left: solid #bbb 1px;
  padding: 0 10px 0 5px;
}

.rst__rowContentsDragDisabled {
  border-left: solid #bbb 1px;
}

.rst__rtl.rst__rowContentsDragDisabled {
  border-right: solid #bbb 1px;
  border-left: solid #bbb 1px;
}

.rst__rowLabel {
  flex: 0 1 auto;
  padding-right: 20px;
}

.rst__rtl.rst__rowLabel {
  padding-left: 20px;
  padding-right: inherit;
}

.rst__rowToolbar {
  flex: 0 1 auto;
  display: flex;
}

.rst__moveHandle,
.rst__loadingHandle {
  height: 100%;
  width: 44px;
  background: #d9d9d9 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSIgPjxwYXRoIGQ9Ik0xNCAxNS43aDE0LjQiLz48cGF0aCBkPSJNMTQgMjEuNGgxNC40Ii8+PHBhdGggZD0iTTE0IDI3LjFoMTQuNCIvPjwvZz4KPC9zdmc+) no-repeat center;
  border: solid #aaa 1px;
  box-shadow: 0 2px 2px -2px;
  cursor: move;
  border-radius: 1px;
  z-index: 1;
}

.rst__loadingHandle {
  cursor: default;
  background: #d9d9d9;
}

@keyframes pointFade {
  0%, 19.999%, 100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
.rst__loadingCircle {
  width: 80%;
  height: 80%;
  margin: 10%;
  position: relative;
}

.rst__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.rst__rtl.rst__loadingCirclePoint {
  right: 0;
  left: initial;
}

.rst__loadingCirclePoint::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  animation: pointFade 800ms infinite ease-in-out both;
}

.rst__loadingCirclePoint:nth-of-type(1) {
  transform: rotate(0deg);
}

.rst__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}

.rst__loadingCirclePoint:nth-of-type(1)::before,
.rst__loadingCirclePoint:nth-of-type(7)::before {
  animation-delay: -800ms;
}

.rst__loadingCirclePoint:nth-of-type(2) {
  transform: rotate(30deg);
}

.rst__loadingCirclePoint:nth-of-type(8) {
  transform: rotate(210deg);
}

.rst__loadingCirclePoint:nth-of-type(2)::before,
.rst__loadingCirclePoint:nth-of-type(8)::before {
  animation-delay: -666ms;
}

.rst__loadingCirclePoint:nth-of-type(3) {
  transform: rotate(60deg);
}

.rst__loadingCirclePoint:nth-of-type(9) {
  transform: rotate(240deg);
}

.rst__loadingCirclePoint:nth-of-type(3)::before,
.rst__loadingCirclePoint:nth-of-type(9)::before {
  animation-delay: -533ms;
}

.rst__loadingCirclePoint:nth-of-type(4) {
  transform: rotate(90deg);
}

.rst__loadingCirclePoint:nth-of-type(10) {
  transform: rotate(270deg);
}

.rst__loadingCirclePoint:nth-of-type(4)::before,
.rst__loadingCirclePoint:nth-of-type(10)::before {
  animation-delay: -400ms;
}

.rst__loadingCirclePoint:nth-of-type(5) {
  transform: rotate(120deg);
}

.rst__loadingCirclePoint:nth-of-type(11) {
  transform: rotate(300deg);
}

.rst__loadingCirclePoint:nth-of-type(5)::before,
.rst__loadingCirclePoint:nth-of-type(11)::before {
  animation-delay: -266ms;
}

.rst__loadingCirclePoint:nth-of-type(6) {
  transform: rotate(150deg);
}

.rst__loadingCirclePoint:nth-of-type(12) {
  transform: rotate(330deg);
}

.rst__loadingCirclePoint:nth-of-type(6)::before,
.rst__loadingCirclePoint:nth-of-type(12)::before {
  animation-delay: -133ms;
}

.rst__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}

.rst__loadingCirclePoint:nth-of-type(13) {
  transform: rotate(360deg);
}

.rst__loadingCirclePoint:nth-of-type(7)::before,
.rst__loadingCirclePoint:nth-of-type(13)::before {
  animation-delay: 0ms;
}

.rst__rowTitle {
  font-weight: bold;
}

.rst__rowTitleWithSubtitle {
  font-size: 85%;
  display: block;
  height: 0.8rem;
}

.rst__rowSubtitle {
  font-size: 70%;
  line-height: 1;
}

.rst__collapseButton,
.rst__expandButton {
  appearance: none;
  border: none;
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #000;
  width: 16px;
  height: 16px;
  padding: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.rst__rtl.rst__collapseButton,
.rst__rtl.rst__expandButton {
  transform: translate(50%, -50%);
}

.rst__collapseButton:focus,
.rst__expandButton:focus {
  outline: none;
  box-shadow: 0 0 0 1px #000, 0 0 1px 3px #83bef9;
}

.rst__collapseButton:hover:not(:active),
.rst__expandButton:hover:not(:active) {
  background-size: 24px;
  height: 20px;
  width: 20px;
}

.rst__collapseButton {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48L2c+Cjwvc3ZnPg==) no-repeat center;
}

.rst__expandButton {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48cGF0aCBkPSJNOSA0LjV2OSIvPjwvZz4KPC9zdmc+) no-repeat center;
}

/**
 * Line for under a node with children
 */
.rst__lineChildren {
  height: 100%;
  display: inline-block;
  position: absolute;
}

.rst__lineChildren::after {
  content: "";
  position: absolute;
  background-color: black;
  width: 1px;
  left: 50%;
  bottom: 0;
  height: 10px;
}

.rst__rtl.rst__lineChildren::after {
  right: 50%;
  left: initial;
}

.rst__placeholder {
  position: relative;
  height: 68px;
  max-width: 300px;
  padding: 10px;
}

.rst__placeholder,
.rst__placeholder > * {
  box-sizing: border-box;
}

.rst__placeholder::before {
  border: 3px dashed #d9d9d9;
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  z-index: -1;
}

/**
 * The outline of where the element will go if dropped, displayed while dragging
 */
.rst__placeholderLandingPad,
.rst__placeholderCancelPad {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.rst__placeholderLandingPad *,
.rst__placeholderCancelPad * {
  opacity: 0 !important;
}

.rst__placeholderLandingPad::before,
.rst__placeholderCancelPad::before {
  background-color: lightblue;
  border-color: white;
}

/**
 * Alternate appearance of the landing pad when the dragged location is invalid
 */
.rst__placeholderCancelPad::before {
  background-color: #e6a8ad;
}

/**
 * Extra class applied to VirtualScroll through className prop
 */
.rst__virtualScrollOverride {
  overflow: auto !important;
}

.rst__virtualScrollOverride * {
  box-sizing: border-box;
}

.ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}

.rst__rtl .ReactVirtualized__Grid__innerScrollContainer {
  direction: rtl;
}

.ReactVirtualized__Grid {
  outline: none;
}

.rst__node {
  min-width: 100%;
  white-space: nowrap;
  position: relative;
  text-align: left;
}

.rst__node.rst__rtl {
  text-align: right;
}

.rst__nodeContent {
  position: absolute;
  top: 0;
  bottom: 0;
}

/* ==========================================================================
   Scaffold

    Line-overlaid blocks used for showing the tree structure
   ========================================================================== */
.rst__lineBlock,
.rst__absoluteLineBlock {
  height: 100%;
  position: relative;
  display: inline-block;
}

.rst__absoluteLineBlock {
  position: absolute;
  top: 0;
}

.rst__lineHalfHorizontalRight::before,
.rst__lineFullVertical::after,
.rst__lineHalfVerticalTop::after,
.rst__lineHalfVerticalBottom::after {
  position: absolute;
  content: "";
  background-color: black;
}

/**
 * +-----+
 * |     |
 * |  +--+
 * |     |
 * +-----+
 */
.rst__lineHalfHorizontalRight::before {
  height: 1px;
  top: 50%;
  right: 0;
  width: 50%;
}

.rst__rtl.rst__lineHalfHorizontalRight::before {
  left: 0;
  right: initial;
}

/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  |  |
 * +--+--+
 */
.rst__lineFullVertical::after,
.rst__lineHalfVerticalTop::after,
.rst__lineHalfVerticalBottom::after {
  width: 1px;
  left: 50%;
  top: 0;
  height: 100%;
}

/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  |  |
 * +--+--+
 */
.rst__rtl.rst__lineFullVertical::after,
.rst__rtl.rst__lineHalfVerticalTop::after,
.rst__rtl.rst__lineHalfVerticalBottom::after {
  right: 50%;
  left: initial;
}

/**
 * +-----+
 * |  |  |
 * |  +  |
 * |     |
 * +-----+
 */
.rst__lineHalfVerticalTop::after {
  height: 50%;
}

/**
 * +-----+
 * |     |
 * |  +  |
 * |  |  |
 * +-----+
 */
.rst__lineHalfVerticalBottom::after {
  top: auto;
  bottom: 0;
  height: 50%;
}

/* Highlight line for pointing to dragged row destination
   ========================================================================== */
/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  |  |
 * +--+--+
 */
.rst__highlightLineVertical {
  z-index: 3;
}

.rst__highlightLineVertical::before {
  position: absolute;
  content: "";
  background-color: #36c2f6;
  width: 8px;
  margin-left: -4px;
  left: 50%;
  top: 0;
  height: 100%;
}

.rst__rtl.rst__highlightLineVertical::before {
  margin-left: initial;
  margin-right: -4px;
  left: initial;
  right: 50%;
}

@keyframes arrow-pulse {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  30% {
    transform: translate(0, 300%);
    opacity: 1;
  }
  70% {
    transform: translate(0, 700%);
    opacity: 1;
  }
  100% {
    transform: translate(0, 1000%);
    opacity: 0;
  }
}
.rst__highlightLineVertical::after {
  content: "";
  position: absolute;
  height: 0;
  margin-left: -4px;
  left: 50%;
  top: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid white;
  animation: arrow-pulse 1s infinite linear both;
}

.rst__rtl.rst__highlightLineVertical::after {
  margin-left: initial;
  margin-right: -4px;
  right: 50%;
  left: initial;
}

/**
 * +-----+
 * |     |
 * |  +--+
 * |  |  |
 * +--+--+
 */
.rst__highlightTopLeftCorner::before {
  z-index: 3;
  content: "";
  position: absolute;
  border-top: solid 8px #36c2f6;
  border-left: solid 8px #36c2f6;
  box-sizing: border-box;
  height: calc(50% + 4px);
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: calc(50% + 4px);
}

.rst__rtl.rst__highlightTopLeftCorner::before {
  border-right: solid 8px #36c2f6;
  border-left: none;
  left: 0;
  right: initial;
}

/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  +->|
 * +-----+
 */
.rst__highlightBottomLeftCorner {
  z-index: 3;
}

.rst__highlightBottomLeftCorner::before {
  content: "";
  position: absolute;
  border-bottom: solid 8px #36c2f6;
  border-left: solid 8px #36c2f6;
  box-sizing: border-box;
  height: calc(100% + 4px);
  top: 0;
  right: 12px;
  width: calc(50% - 8px);
}

.rst__rtl.rst__highlightBottomLeftCorner::before {
  border-right: solid 8px #36c2f6;
  border-left: none;
  left: 12px;
  right: initial;
}

.rst__highlightBottomLeftCorner::after {
  content: "";
  position: absolute;
  height: 0;
  right: 0;
  top: 100%;
  margin-top: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #36c2f6;
}

.rst__rtl.rst__highlightBottomLeftCorner::after {
  left: 0;
  right: initial;
  border-right: 12px solid #36c2f6;
  border-left: none;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.progressBarContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.playButtons {
  display: flex;
  gap: 10px;
  align-items: center;
}
.playButtons__play {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
.playButtons__stepForward, .playButtons__stepBackward {
  cursor: pointer;
  background: #fff;
  padding: 6px;
  border-radius: 50%;
}

.progressBar {
  width: 100%;
  cursor: pointer;
  position: relative;
  height: fit-content;
}
.progressBar__bar {
  width: 100%;
  height: 15px;
  border-radius: 10px;
}
.progressBar__footer {
  display: flex;
}
.progressBar__footer div {
  flex: 1;
  box-sizing: border-box;
  padding: 0 8px;
  min-width: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.progressBar__footer div:last-child {
  border-right: none !important;
  border-bottom: none !important;
}
.progressBar__tooltip {
  position: absolute;
  padding: 10px;
  top: -45px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 10px 1px #000;
  min-width: 50px;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
}
.progressBar__tooltip::selection {
  color: none;
  background: none;
}
.progressBar__tooltip::-moz-selection {
  color: none;
  background: none;
}
.progressBar__tooltip::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top-width: 8px;
  border-top-style: solid;
  border-top-color: inherit;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: calc(50% - 8px);
  top: 100%;
}
.progressBar__tooltip.side::before {
  top: calc(50% - 8px);
}
.progressBar__tooltip.side.left {
  left: -60px;
}
.progressBar__tooltip.side.left::before {
  border-top: 8px solid transparent;
  border-left-width: 8px;
  border-left-style: solid;
  border-left-color: inherit;
  border-bottom: 8px solid transparent;
  left: 100%;
}
.progressBar__tooltip.side.right {
  right: -60px;
}
.progressBar__tooltip.side.right::before {
  border-top: 8px solid transparent;
  border-right-width: 8px;
  border-right-style: solid;
  border-right-color: inherit;
  border-bottom: 8px solid transparent;
  border-left: none !important;
  left: auto !important;
  right: 100%;
}
.progressBar__mousemoveTooltip {
  position: absolute;
  padding: 6px;
  background: #52565e;
  cursor: pointer;
  color: white;
  font-size: 12px;
  top: -35px;
  min-width: 40px;
  text-align: center;
  white-space: nowrap;
}
.progressBar__mousemoveTooltip::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 6px solid #52565e;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  left: calc(50% - 6px);
  top: 100%;
}
.progressBar__mousemoveTooltip.side::before {
  top: calc(50% - 6px);
}
.progressBar__mousemoveTooltip.side.left {
  left: -50px;
}
.progressBar__mousemoveTooltip.side.left::before {
  border-top: 6px solid transparent;
  border-left: 6px solid #52565e;
  border-bottom: 6px solid transparent;
  left: 100% !important;
}
.progressBar__mousemoveTooltip.side.right {
  right: -50px;
}
.progressBar__mousemoveTooltip.side.right::before {
  border-top: 6px solid transparent !important;
  border-right: 6px solid #52565e !important;
  border-bottom: 6px solid transparent !important;
  border-left: none !important;
  left: auto !important;
  right: 100% !important;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.custom-switch-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px 10px 20px;
  margin: 0;
  cursor: pointer;
  transition: background-color 0.5s ease;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border: 1px solid transparent;
}
.custom-switch-button:hover {
  background-color: #222;
}
.custom-switch-button__selected {
  background-color: #161616;
  border: 1px solid hsl(210, 100%, 38%);
}
.custom-switch-button__selected:hover {
  background-color: #161616;
}
.custom-switch-button__disabled {
  opacity: 0.5;
  cursor: default;
}
.custom-switch-button__container {
  display: flex;
  align-items: center;
  gap: 5px;
}
.custom-switch-button__container--imageContainer {
  display: inline-flex;
  align-items: end;
  font-size: 10px;
  min-width: 40px;
}
.custom-switch-button__right {
  display: flex;
  align-items: center;
  gap: 5px;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.centered-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.dms-input-container {
  margin-bottom: 0.5rem;
  border: 1px solid black;
  padding: 4px 8px;
  border-radius: 1px;
}
.dms-input-container.dark {
  color: hsl(210, 100%, 96%);
}
.dms-input-container.dark .dms-label {
  color: hsl(210, 100%, 96%);
}
.dms-input-container.dark .dms-number-inputs {
  background-color: rgba(16, 22, 26, 0.3);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.3);
}
.dms-input-container.dark .dms-number-inputs:hover {
  background-color: rgba(16, 22, 26, 0.4);
}
.dms-input-container.dark .dms-number-inputs input {
  color: hsl(210, 100%, 96%);
}
.dms-input-container.dark .dms-number-inputs span {
  color: #bfccd6 !important;
}
.dms-input-container.dark .dms-direction-select {
  background-color: rgba(16, 22, 26, 0.3);
  color: hsl(210, 100%, 96%);
}
.dms-input-container.dark .dms-direction-select:hover {
  background-color: rgba(16, 22, 26, 0.4);
}
.dms-input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dms-input-group {
  display: flex;
  gap: 4px;
  align-items: center;
}
.dms-input:not(.dms-input-container):not(.dms-input-wrapper):not(.dms-input-group) {
  padding: 8px 12px;
  border: 1px solid black;
  border-radius: 0;
  font-size: 12px;
  width: 200px;
}
.dms-input:not(.dms-input-container):not(.dms-input-wrapper):not(.dms-input-group):focus {
  border: 1px solid hsl(210, 100%, 45%);
}
.dms-input:not(.dms-input-container):not(.dms-input-wrapper):not(.dms-input-group).error {
  border-color: hsl(0, 65%, 50%);
}

.dms-label {
  font-weight: 400;
  color: #bfccd6 !important;
  font-size: 12px;
  margin-bottom: 0;
}

.dms-number-inputs {
  display: flex;
  align-items: center;
  gap: 1px;
  background: rgba(16, 22, 26, 0.3);
  border-radius: 1px;
  padding: 0 0 0 5px;
  height: 30px;
  border: 1px solid black;
  color: hsl(210, 100%, 96%);
  font-size: 12px;
  font-weight: 400;
  transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  outline: none;
  min-width: 140px;
}
.dms-number-inputs:focus-within {
  border: 1px solid hsl(210, 100%, 45%);
}
.dms-number-inputs input {
  border: none;
  outline: none;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: 400;
  color: hsl(210, 100%, 96%);
  background: transparent;
  vertical-align: middle;
  -moz-appearance: textfield;
}
.dms-number-inputs input::-webkit-outer-spin-button, .dms-number-inputs input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.dms-number-inputs input::placeholder {
  color: rgba(167, 182, 194, 0.6);
}
.dms-number-inputs span {
  color: #bfccd6 !important;
  font-weight: 400;
  user-select: none;
  font-size: 12px;
  padding: 0 1px;
  line-height: 30px;
  vertical-align: middle;
}

.dms-direction-select {
  height: 30px;
  line-height: 30px;
  padding: 0 25px 0 10px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid black;
  color: hsl(210, 100%, 96%);
  font-size: 12px;
  font-weight: 400;
  transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  outline: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27%23bfccd6%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 8px;
  cursor: pointer;
  appearance: none;
  min-width: 45px;
  vertical-align: middle;
  width: 6.2ch;
}
.dms-direction-select:focus {
  border: 1px solid hsl(210, 100%, 45%);
}

.dms-error {
  color: hsl(0, 65%, 50%);
  font-size: 11px;
  margin-top: 4px;
  line-height: 1.1;
}

.dms-lat-degree {
  width: 2ch !important;
}

.dms-long-degree {
  width: 3ch !important;
}

.dms-minute {
  width: 2ch !important;
}

.dms-second {
  width: 2ch !important;
}

.dms-second-decimal {
  width: 3ch !important;
}

.deg-lat-degree {
  width: 2ch !important;
}

.deg-long-degree {
  width: 3ch !important;
}

.deg-degreeDec {
  width: 6ch !important;
}

.dm-minute {
  width: 2ch !important;
}

.dm-minute-dec {
  width: 6ch !important;
}

.utm-lat-degree {
  width: 7ch !important;
}

.utm-long-degree {
  width: 6ch !important;
}

.utm-degreeDec {
  width: 2ch !important;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.commonCoordDialog {
  width: 350px !important;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.coord-form-cmp__btn {
  border: none !important;
}
.coord-form-cmp__btn:hover {
  background-color: #222 !important;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.text-editor .bp3-input {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
  border: none;
  border-radius: 0;
}

.deg-editor .dms-number-inputs {
  background-color: #616161;
  height: 28px;
  border: none;
  border-radius: 0;
  width: auto;
  min-width: 90px;
}
.deg-editor .dms-number-inputs span {
  line-height: 28px;
}
.deg-editor .dms-number-inputs .deg-lat-degree, .deg-editor .dms-number-inputs .deg-long-degree, .deg-editor .dms-number-inputs .deg-degreeDec {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
  background-color: transparent;
}

.dms-editor .dms-number-inputs {
  background-color: #616161;
  height: 28px;
  border: none;
  border-radius: 0;
  min-width: 125px;
}
.dms-editor .dms-number-inputs span {
  line-height: 28px;
}
.dms-editor .dms-number-inputs .dms-lat-degree, .dms-editor .dms-number-inputs .dms-long-degree, .dms-editor .dms-number-inputs .dms-minute, .dms-editor .dms-number-inputs .dms-second, .dms-editor .dms-number-inputs .dms-second-decimal, .dms-editor .dms-number-inputs .dm-minute, .dms-editor .dms-number-inputs .dm-minute-dec {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
  background-color: transparent;
}
.dms-editor .dms-direction-select {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
}

.utm-editor .dms-number-inputs {
  background-color: #616161;
  height: 28px;
  border: none;
  border-radius: 0;
  min-width: 90px;
}
.utm-editor .dms-number-inputs span {
  line-height: 28px;
}
.utm-editor .dms-number-inputs .utm-lat-degree, .utm-editor .dms-number-inputs .utm-long-degree, .utm-editor .dms-number-inputs .utm-degreeDec {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
  background-color: transparent;
}

.utm-zone-number-editor .flyToCoordinate__utm--input-group {
  width: 65px;
  border: none !important;
}
.utm-zone-number-editor .flyToCoordinate__utm--input-group .bp3-input {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
}
.utm-zone-number-editor .flyToCoordinate__utm--input-group .flyToCoordinate__utm--input-group__popover--menu--icon {
  margin-top: 7px !important;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.drawing-coord-input-table {
  display: flex;
  flex-direction: column;
  flex-basis: 325px;
  margin-bottom: 15px;
}
.drawing-coord-input-table > div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.drawing-coord-input-table > div > .ag-root-wrapper {
  flex: 1;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/**
 * Token Usage Indicator Styles
 * Cursor IDE-inspired design
 */
.token-usage {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  cursor: help;
}
.token-usage:hover {
  background: rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}
.token-usage--success {
  color: #0d8050;
}
.token-usage--success .bp5-icon {
  color: #0d8050;
}
.token-usage--warning {
  color: #bf7326;
  background: rgba(191, 115, 38, 0.08);
  border-color: rgba(191, 115, 38, 0.2);
}
.token-usage--warning .bp5-icon {
  color: #bf7326;
}
.token-usage--danger {
  color: #c23030;
  background: rgba(194, 48, 48, 0.08);
  border-color: rgba(194, 48, 48, 0.2);
}
.token-usage--danger .bp5-icon {
  color: #c23030;
}
.token-usage--danger {
  animation: pulse-danger 2s ease-in-out infinite;
}
.token-usage__text {
  display: flex;
  align-items: center;
  white-space: nowrap;
  letter-spacing: -0.02em;
}
.token-usage__bar {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.1);
}
.token-usage__bar .bp5-progress-bar {
  height: 4px;
  border-radius: 2px;
}
.token-usage__bar .bp5-progress-bar .bp5-progress-meter {
  border-radius: 2px;
  transition: width 0.3s ease;
}
.token-usage__tooltip {
  max-width: 280px;
  padding: 4px;
}
.token-usage__tooltip-title {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.95);
}
.token-usage__tooltip-stats {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
.token-usage__tooltip-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.75);
}
.token-usage__tooltip-row span:first-child {
  color: rgba(255, 255, 255, 0.6);
}
.token-usage__tooltip-value {
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
}
.token-usage__tooltip-warning {
  margin-top: 8px;
  padding: 8px;
  background: rgba(191, 115, 38, 0.15);
  border-radius: 4px;
  font-size: 11px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.9);
}

.bp5-dark .token-usage {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}
.bp5-dark .token-usage:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
}
.bp5-dark .token-usage--success {
  color: #3dcc91;
}
.bp5-dark .token-usage--success .bp5-icon {
  color: #3dcc91;
}
.bp5-dark .token-usage--warning {
  color: #ffb366;
  background: rgba(255, 179, 102, 0.08);
  border-color: rgba(255, 179, 102, 0.2);
}
.bp5-dark .token-usage--warning .bp5-icon {
  color: #ffb366;
}
.bp5-dark .token-usage--danger {
  color: #ff7373;
  background: rgba(255, 115, 115, 0.08);
  border-color: rgba(255, 115, 115, 0.2);
}
.bp5-dark .token-usage--danger .bp5-icon {
  color: #ff7373;
}
.bp5-dark .token-usage__bar {
  background: rgba(255, 255, 255, 0.1);
}

@keyframes pulse-danger {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(194, 48, 48, 0.4);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(194, 48, 48, 0);
  }
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/**
 * AI thinking border — tank-tread segments crawling on a muted steel ring.
 */
.ai-chat-shell {
  position: relative;
  height: 100%;
  isolation: isolate;
  --ai-tread-width: 3.5px;
  --ai-tread-march-duration: 6.2s;
}
.ai-chat-shell__border {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  padding: var(--ai-tread-width);
  overflow: hidden;
  transition: opacity 0.4s ease, padding 0.45s cubic-bezier(0.34, 1.1, 0.64, 1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.ai-chat-shell__border-base {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(160deg, rgba(72, 82, 98, 0.72) 0%, rgba(48, 54, 66, 0.88) 45%, rgba(38, 44, 54, 0.92) 55%, rgba(72, 82, 98, 0.72) 100%);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.35);
}
.ai-chat-shell__border-tread {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 240%;
  height: 240%;
  transform: translate(-50%, -50%);
  animation: ai-tread-march var(--ai-tread-march-duration) linear infinite;
  will-change: transform;
}
.ai-chat-shell__border-tread--lead {
  background: conic-gradient(from 0deg, transparent 0deg, transparent 278deg, rgba(70, 78, 92, 0.25) 288deg, rgba(110, 124, 142, 0.65) 300deg, rgba(165, 180, 198, 0.95) 312deg, rgba(210, 220, 232, 0.88) 318deg, rgba(150, 165, 182, 0.7) 326deg, rgba(85, 96, 112, 0.35) 338deg, transparent 348deg, transparent 360deg);
}
.ai-chat-shell__border-tread--trail {
  opacity: 0.55;
  animation-delay: calc(var(--ai-tread-march-duration) * -0.5);
  background: conic-gradient(from 0deg, transparent 0deg, transparent 282deg, rgba(60, 68, 80, 0.2) 292deg, rgba(95, 108, 124, 0.5) 304deg, rgba(130, 145, 162, 0.75) 314deg, rgba(170, 182, 196, 0.55) 320deg, rgba(90, 102, 118, 0.3) 332deg, transparent 342deg, transparent 360deg);
}
.ai-chat-shell--thinking .ai-chat-shell__border {
  opacity: 1;
  padding: var(--ai-tread-width);
}
.ai-chat-shell--thinking > .ai-chat, .ai-chat-shell--thinking > .bp5-card.ai-chat {
  border-color: rgba(32, 38, 48, 0.95);
  transition: border-color 0.35s ease;
}
.ai-chat-shell > .ai-chat,
.ai-chat-shell > .bp5-card {
  position: relative;
  z-index: 1;
  height: 100%;
  transition: border-color 0.35s ease;
}

@keyframes ai-tread-march {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ai-chat-shell__border-tread {
    animation: none;
  }
  .ai-chat-shell--thinking .ai-chat-shell__border-tread--lead {
    background: conic-gradient(from 0deg, transparent 0deg, rgba(140, 155, 172, 0.5) 90deg, transparent 180deg, rgba(140, 155, 172, 0.5) 270deg, transparent 360deg);
  }
  .ai-chat-shell--thinking .ai-chat-shell__border-tread--trail {
    display: none;
  }
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/**
 * AI Assistant Chat Styles - Modern UI
 */
:root {
  --ai-chat-bg: #0d1117;
  --ai-chat-surface: #161b22;
  --ai-chat-surface-elevated: #21262d;
  --ai-chat-border: #30363d;
  --ai-chat-text-primary: #e6edf3;
  --ai-chat-text-secondary: #8b949e;
  --ai-chat-text-muted: #6e7681;
  --ai-chat-accent: #58a6ff;
  --ai-chat-accent-gradient: linear-gradient(135deg, #58a6ff 0%, #8b5cf6 100%);
  --ai-chat-user-bg: linear-gradient(135deg, #3d4f5f 0%, #4a5d6e 100%);
  --ai-chat-success: #3fb950;
  --ai-chat-danger: #f85149;
  --ai-chat-radius: 12px;
  --ai-chat-radius-sm: 8px;
  --ai-chat-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.ai-chat {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 400px;
  background: var(--ai-chat-bg);
  border-radius: var(--ai-chat-radius);
  overflow: hidden;
  border: 1px solid var(--ai-chat-border);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
.ai-chat__model-selector {
  width: 320px;
  max-height: 480px;
  display: flex;
  flex-direction: column;
  background: var(--ai-chat-surface);
  border: 1px solid var(--ai-chat-border);
  border-radius: var(--ai-chat-radius-sm);
  overflow: hidden;
}
.ai-chat__model-selector-header {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 12px;
  background: var(--ai-chat-surface);
  border-bottom: 1px solid var(--ai-chat-border);
  backdrop-filter: blur(10px);
}
.ai-chat__model-selector-header .bp5-input-group .bp5-input {
  background: var(--ai-chat-bg);
  border: 1px solid var(--ai-chat-border);
  color: var(--ai-chat-text-primary);
  font-size: 13px;
  border-radius: 6px;
  transition: var(--ai-chat-transition);
}
.ai-chat__model-selector-header .bp5-input-group .bp5-input:focus {
  border-color: var(--ai-chat-accent);
  box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.1);
}
.ai-chat__model-selector-header .bp5-input-group .bp5-input::placeholder {
  color: var(--ai-chat-text-muted);
}
.ai-chat__model-selector-header .bp5-input-group .bp5-icon {
  color: var(--ai-chat-text-muted);
}
.ai-chat__model-selector-header .bp5-input-group .bp5-button {
  color: var(--ai-chat-text-muted);
}
.ai-chat__model-selector-header .bp5-input-group .bp5-button:hover {
  color: var(--ai-chat-text-primary);
}
.ai-chat__model-selector-menu {
  max-height: 400px;
  overflow-y: auto;
  padding: 4px;
}
.ai-chat__model-selector-menu::-webkit-scrollbar {
  width: 6px;
}
.ai-chat__model-selector-menu::-webkit-scrollbar-track {
  background: transparent;
}
.ai-chat__model-selector-menu::-webkit-scrollbar-thumb {
  background: var(--ai-chat-border);
  border-radius: 3px;
}
.ai-chat__model-selector-menu::-webkit-scrollbar-thumb:hover {
  background: var(--ai-chat-text-muted);
}
.ai-chat__model-selector-menu .bp5-menu-item {
  border-radius: 6px;
  color: var(--ai-chat-text-secondary);
  transition: var(--ai-chat-transition);
  margin-bottom: 2px;
}
.ai-chat__model-selector-menu .bp5-menu-item:hover {
  background: var(--ai-chat-surface-elevated);
  color: var(--ai-chat-text-primary);
}
.ai-chat__model-selector-menu .bp5-menu-item.bp5-active {
  background: rgba(88, 166, 255, 0.15);
  color: var(--ai-chat-accent);
}
.ai-chat__model-selector-menu .bp5-menu-item.bp5-active .bp5-icon {
  color: var(--ai-chat-accent);
}
.ai-chat__model-selector-menu .bp5-menu-item .bp5-icon {
  color: var(--ai-chat-text-muted);
}
.ai-chat__model-tag-group {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.ai-chat__model-tag {
  background: rgba(88, 166, 255, 0.15) !important;
  color: var(--ai-chat-accent) !important;
  border-radius: 4px;
  font-size: 11px;
  padding: 2px 6px;
}
.ai-chat__model-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.ai-chat__model-item-title {
  font-weight: 500;
  color: var(--ai-chat-text-primary);
}
.ai-chat__model-item-meta {
  font-size: 11px;
  opacity: 0.6;
}
.ai-chat__image-attachment {
  margin-bottom: 8px;
  padding: 8px;
  border: 1px solid var(--ai-chat-border);
  border-radius: var(--ai-chat-radius-sm);
  background: var(--ai-chat-surface);
}
.ai-chat__image-attachment-preview {
  display: block;
  width: 100%;
  max-height: 140px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid var(--ai-chat-border);
}
.ai-chat__image-attachment-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-size: 12px;
  color: var(--ai-chat-text-secondary);
}
.ai-chat__image-attachment-meta span {
  flex: 1;
}
.ai-chat__vision-active {
  color: var(--ai-chat-accent) !important;
}
.ai-chat__context-toggle {
  font-weight: 600 !important;
  font-size: 15px !important;
  color: var(--ai-chat-text-primary) !important;
  padding: 4px 8px !important;
}
.ai-chat__context-toggle:hover {
  background: rgba(88, 166, 255, 0.1) !important;
}
.ai-chat__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  background: var(--ai-chat-surface);
  border-bottom: 1px solid var(--ai-chat-border);
  backdrop-filter: blur(10px);
}
.ai-chat__header-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 15px;
  color: var(--ai-chat-text-primary);
  letter-spacing: -0.01em;
}
.ai-chat__header-title .bp5-icon {
  background: var(--ai-chat-accent-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.ai-chat__header-actions {
  display: flex;
  gap: 2px;
}
.ai-chat__header-actions .bp5-button {
  color: var(--ai-chat-text-secondary);
  border-radius: var(--ai-chat-radius-sm);
  transition: var(--ai-chat-transition);
}
.ai-chat__header-actions .bp5-button:hover {
  background: var(--ai-chat-surface-elevated);
  color: var(--ai-chat-text-primary);
}
.ai-chat__messages {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  scroll-behavior: smooth;
}
.ai-chat__messages::-webkit-scrollbar {
  width: 6px;
}
.ai-chat__messages::-webkit-scrollbar-track {
  background: transparent;
}
.ai-chat__messages::-webkit-scrollbar-thumb {
  background: var(--ai-chat-border);
  border-radius: 3px;
}
.ai-chat__messages::-webkit-scrollbar-thumb:hover {
  background: var(--ai-chat-text-muted);
}
.ai-chat__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: var(--ai-chat-text-secondary);
  padding: 32px;
}
.ai-chat__empty .bp5-icon {
  background: var(--ai-chat-accent-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 20px;
  opacity: 0.8;
}
.ai-chat__empty h3 {
  margin: 0 0 8px;
  color: var(--ai-chat-text-primary);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.ai-chat__empty p {
  margin: 0 0 28px;
  max-width: 320px;
  line-height: 1.6;
  font-size: 14px;
}
.ai-chat__suggestions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 320px;
}
.ai-chat__suggestions p {
  font-size: 12px;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ai-chat-text-muted);
}
.ai-chat__suggestions .bp5-button {
  text-align: left;
  white-space: normal;
  height: auto;
  padding: 12px 16px;
  background: var(--ai-chat-surface);
  border: 1px solid var(--ai-chat-border);
  border-radius: var(--ai-chat-radius-sm);
  color: var(--ai-chat-text-secondary);
  font-size: 13px;
  transition: var(--ai-chat-transition);
}
.ai-chat__suggestions .bp5-button:hover {
  background: var(--ai-chat-surface-elevated);
  border-color: var(--ai-chat-accent);
  color: var(--ai-chat-text-primary);
  transform: translateY(-1px);
}
.ai-chat__input {
  padding: 14px 16px 12px;
  background: var(--ai-chat-surface);
  border-top: 1px solid var(--ai-chat-border);
}
.ai-chat__input-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.ai-chat__composer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  background: var(--ai-chat-bg);
  border: 1px solid var(--ai-chat-border);
  border-radius: var(--ai-chat-radius);
  transition: var(--ai-chat-transition);
}
.ai-chat__composer:focus-within {
  border-color: var(--ai-chat-accent);
  box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.12);
}
.ai-chat__composer-input {
  width: 100%;
  min-height: 24px;
  max-height: 128px;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  resize: none;
  overflow-y: auto;
  overflow-x: hidden;
  background: transparent;
  color: var(--ai-chat-text-primary);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.ai-chat__composer-input::placeholder {
  color: var(--ai-chat-text-muted);
}
.ai-chat__composer-input:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.ai-chat__composer-input::-webkit-scrollbar {
  width: 4px;
}
.ai-chat__composer-input::-webkit-scrollbar-thumb {
  background: var(--ai-chat-border);
  border-radius: 2px;
}
.ai-chat__composer-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  padding-top: 4px;
  border-top: 1px solid rgba(48, 54, 61, 0.6);
}
.ai-chat__composer-toolbar .bp5-button {
  border-radius: var(--ai-chat-radius-sm);
  transition: var(--ai-chat-transition);
}
.ai-chat__send-button.bp5-intent-primary {
  background: var(--ai-chat-accent-gradient) !important;
  color: white !important;
}
.ai-chat__send-button.bp5-intent-primary:hover:not(:disabled) {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(88, 166, 255, 0.3);
}
.ai-chat__send-button.bp5-intent-primary:disabled {
  opacity: 0.45;
  background: var(--ai-chat-surface-elevated) !important;
  color: var(--ai-chat-text-muted) !important;
}
.ai-chat__listening {
  margin-bottom: 10px;
  padding: 10px 12px;
  background: var(--ai-chat-surface-elevated);
  border: 1px solid var(--ai-chat-accent);
  border-radius: var(--ai-chat-radius-sm);
  animation: pulse 2s ease-in-out infinite;
}
.ai-chat__listening-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ai-chat-accent);
  font-weight: 500;
  font-size: 13px;
}
.ai-chat__interim-text {
  margin-top: 8px;
  padding: 8px;
  background: var(--ai-chat-bg);
  border-radius: var(--ai-chat-radius-sm);
  color: var(--ai-chat-text-secondary);
  font-style: italic;
  font-size: 13px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.ai-chat__mic-active {
  animation: mic-pulse 1.5s ease-in-out infinite;
  color: var(--ai-chat-danger) !important;
}
.ai-chat__voice-mode-active {
  animation: mic-pulse 1.5s ease-in-out infinite;
  color: var(--ai-chat-success) !important;
}
.ai-chat--voice-mode .ai-chat__input {
  border-top-color: rgba(63, 185, 80, 0.35);
}
.ai-chat__voice-mode-banner {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  padding: 8px 12px;
  background: rgba(63, 185, 80, 0.12);
  border: 1px solid rgba(63, 185, 80, 0.25);
  border-radius: var(--ai-chat-radius-sm);
  color: var(--ai-chat-success);
  font-size: 13px;
}
.ai-chat__voice-mode-banner span {
  flex: 1;
}
.ai-chat__voice-mode-banner .bp5-button {
  color: var(--ai-chat-text-secondary);
}
.ai-chat__stop-button {
  color: #ff6b6b !important;
  transition: var(--ai-chat-transition);
}
.ai-chat__stop-button:hover:not(:disabled) {
  background: rgba(255, 107, 107, 0.15) !important;
}
.ai-chat__cot-toggle {
  transition: var(--ai-chat-transition);
}
.ai-chat__cot-toggle--active .bp5-icon {
  color: var(--ai-chat-success) !important;
}
.ai-chat__cot-toggle:hover {
  background: rgba(88, 166, 255, 0.1) !important;
}
.ai-chat__context-indicator {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--ai-chat-text-muted);
  padding: 4px 8px;
  background: var(--ai-chat-surface-elevated);
  border-radius: 4px;
}
.ai-chat__context-indicator .bp5-icon {
  color: var(--ai-chat-accent);
}
.ai-chat__error {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  margin-bottom: 10px;
  background: rgba(248, 81, 73, 0.1);
  border: 1px solid rgba(248, 81, 73, 0.3);
  border-radius: var(--ai-chat-radius-sm);
  color: var(--ai-chat-danger);
  font-size: 13px;
  animation: slideDown 0.2s ease-out;
}
.ai-chat__error .bp5-icon {
  flex-shrink: 0;
}
.ai-chat__error span {
  flex: 1;
}
.ai-chat__error .bp5-button {
  color: var(--ai-chat-danger);
}
.ai-chat__error .bp5-button:hover {
  background: rgba(248, 81, 73, 0.1);
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ai-model-capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.ai-model-capabilities__tag {
  font-size: 10px !important;
  letter-spacing: 0.02em;
}

.chat-message {
  display: flex;
  gap: 10px;
  animation: messageIn 0.3s ease-out;
}
@keyframes messageIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.chat-message--user {
  flex-direction: row-reverse;
}
.chat-message--user .chat-message__avatar {
  background: var(--ai-chat-user-bg);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.chat-message--user .chat-message__bubble {
  background: var(--ai-chat-user-bg);
  color: white;
  border-radius: var(--ai-chat-radius) var(--ai-chat-radius) 4px var(--ai-chat-radius);
}
.chat-message--user .chat-message__footer {
  justify-content: flex-end;
}
.chat-message--assistant .chat-message__avatar {
  background: var(--ai-chat-accent-gradient);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.chat-message--assistant .chat-message__bubble {
  background: var(--ai-chat-surface);
  border: 1px solid var(--ai-chat-border);
  color: var(--ai-chat-text-primary);
  border-radius: var(--ai-chat-radius) var(--ai-chat-radius) var(--ai-chat-radius) 4px;
}
.chat-message--error .chat-message__bubble {
  border-color: var(--ai-chat-danger);
  background: rgba(248, 81, 73, 0.05);
}
.chat-message__avatar {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: var(--ai-chat-transition);
}
.chat-message__avatar .bp5-icon {
  color: white;
}
.chat-message__content-wrapper {
  max-width: 75%;
  min-width: 180px;
  display: flex;
  flex-direction: column;
}
.chat-message__bubble {
  padding: 14px 18px;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: var(--ai-chat-transition);
}
.chat-message__content {
  line-height: 1.6;
  word-wrap: break-word;
  font-size: 14px;
  will-change: contents;
}
.chat-message__content code {
  background: rgba(0, 0, 0, 0.4);
  padding: 2px 8px;
  border-radius: 4px;
  font-family: "JetBrains Mono", "Fira Code", monospace;
  font-size: 12px;
}
.chat-message__content pre {
  background: rgba(0, 0, 0, 0.4);
  padding: 14px;
  border-radius: var(--ai-chat-radius-sm);
  overflow-x: auto;
  margin: 12px 0;
}
.chat-message__content pre code {
  background: none;
  padding: 0;
}
.chat-message__content strong {
  font-weight: 600;
  color: var(--ai-chat-accent);
}
.chat-message__images {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.chat-message__image {
  max-width: 100%;
  max-height: 220px;
  object-fit: contain;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(0, 0, 0, 0.2);
}
.chat-message__loading {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 0;
}
.chat-message__loading .loading-dot {
  width: 6px;
  height: 6px;
  background: var(--ai-chat-text-secondary);
  border-radius: 50%;
  animation: dotPulse 1.4s ease-in-out infinite;
}
.chat-message__loading .loading-dot:nth-child(1) {
  animation-delay: 0s;
}
.chat-message__loading .loading-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.chat-message__loading .loading-dot:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes dotPulse {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
.chat-message__cursor {
  display: inline-block;
  margin-left: 2px;
  animation: cursorPulse 1s ease-in-out infinite;
  color: var(--ai-chat-accent);
  font-weight: bold;
  opacity: 1;
  transform-origin: center;
}
@keyframes cursorPulse {
  0%, 100% {
    opacity: 1;
    transform: scaleY(1);
  }
  50% {
    opacity: 0.3;
    transform: scaleY(0.8);
  }
}
.chat-message__error-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding: 6px 10px;
  background: rgba(248, 81, 73, 0.1);
  border-radius: 6px;
  font-size: 12px;
  color: var(--ai-chat-danger);
}
.chat-message__actions {
  margin-top: 14px;
  padding: 14px;
  background: var(--ai-chat-surface-elevated);
  border-radius: var(--ai-chat-radius-sm);
  border: 1px solid var(--ai-chat-border);
}
.chat-message__actions-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ai-chat-text-muted);
  margin-bottom: 12px;
}
.chat-message__actions-label .bp5-icon {
  color: var(--ai-chat-accent);
}
.chat-message__actions-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.chat-message__actions-list .bp5-button {
  background: var(--ai-chat-surface) !important;
  border: 1px solid var(--ai-chat-border);
  border-radius: var(--ai-chat-radius-sm);
  color: var(--ai-chat-text-primary);
  font-size: 13px;
  padding: 8px 14px;
  transition: var(--ai-chat-transition);
}
.chat-message__actions-list .bp5-button:hover {
  border-color: var(--ai-chat-accent);
  background: var(--ai-chat-bg) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(88, 166, 255, 0.15);
}
.chat-message__actions-list .bp5-button .bp5-icon {
  color: var(--ai-chat-accent);
}
.chat-message__tools {
  margin-top: 10px;
}
.chat-message__tools > .bp5-button {
  color: var(--ai-chat-text-secondary);
  font-size: 12px;
}
.chat-message__tools > .bp5-button:hover {
  color: var(--ai-chat-text-primary);
}
.chat-message__tools-list {
  padding: 10px 0;
}
.chat-message__tool-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
}
.chat-message__tool-error {
  font-size: 12px;
  color: var(--ai-chat-danger);
}
.chat-message__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 4px;
}
.chat-message__time {
  font-size: 11px;
  color: var(--ai-chat-text-muted);
}
.chat-message__feedback {
  display: flex;
  gap: 2px;
  opacity: 0;
  transition: var(--ai-chat-transition);
}
.chat-message:hover .chat-message__feedback {
  opacity: 1;
}
.chat-message__feedback .bp5-button {
  color: var(--ai-chat-text-muted);
  padding: 4px;
  border-radius: 6px;
}
.chat-message__feedback .bp5-button:hover {
  color: var(--ai-chat-accent);
  background: var(--ai-chat-surface-elevated);
}

@keyframes pulse {
  0%, 100% {
    border-color: var(--ai-chat-accent);
    box-shadow: 0 0 0 0 rgba(88, 166, 255, 0.4);
  }
  50% {
    border-color: var(--ai-chat-accent);
    box-shadow: 0 0 0 8px rgba(88, 166, 255, 0);
  }
}
@keyframes mic-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/**
 * AI Assistant Floating Button Styles
 * The container (#ai-assistant-floating-root) is positioned by inline styles injected in index.js
 */
.ai-floating-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}

.ai-floating-button {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ai-floating-button:hover {
  transform: scale(1.05);
}
.ai-floating-button--active .ai-floating-button__button {
  box-shadow: 0 0 20px rgba(45, 114, 210, 0.5) !important;
}
.ai-floating-button__button {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, #2d72d2 0%, #1c4f91 100%) !important;
  border: none !important;
}
.ai-floating-button__button:hover {
  background: linear-gradient(135deg, #3d82e2 0%, #2c5fa1 100%) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important;
}
.ai-floating-button__button:active {
  transform: scale(0.95);
}
.ai-floating-button__button .bp5-icon,
.ai-floating-button__button .bp4-icon,
.ai-floating-button__button .bp3-icon {
  color: white !important;
  transition: transform 0.2s ease;
}
.ai-floating-button__button:hover .bp5-icon, .ai-floating-button__button:hover .bp4-icon, .ai-floating-button__button:hover .bp3-icon {
  transform: scale(1.1);
}

.ai-floating-chat {
  width: 400px;
  height: 550px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  overflow: hidden;
  animation: slideUp 0.25s ease;
  background: var(--dark-gray1, #1c2127);
}
.ai-floating-chat .ai-chat-shell {
  height: 100%;
  border-radius: 12px;
  --ai-chat-radius: 12px;
}
.ai-floating-chat .ai-chat {
  height: 100%;
  border-radius: 12px;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Pulse animation for button when chat is closed */
.ai-floating-button:not(.ai-floating-button--active) .ai-floating-button__button {
  animation: subtle-pulse 3s ease-in-out infinite;
}

@keyframes subtle-pulse {
  0%, 100% {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  }
  50% {
    box-shadow: 0 4px 24px rgba(45, 114, 210, 0.5);
  }
}
/* Responsive adjustments */
@media (max-width: 480px) {
  .ai-floating-chat {
    width: calc(100vw - 48px);
    height: 70vh;
    max-height: 500px;
  }
}
@use "@styles/base/_colors.scss" as colors;
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.player__container {
  display: flex;
  flex-direction: column;
  padding: 1em 1em;
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0.9), rgba(0, 0, 0, 0.95));
  height: 60px;
}
.player__container .noUi-handle-upper {
  display: none !important;
}
.player__button {
  transition: all 0.2s ease;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 90px !important;
  background-color: #1DB954 !important;
  width: 32px !important;
  height: 32px !important;
  border: none;
  cursor: pointer;
}
.player__button:svg {
  color: black !important;
}
.player__button:hover {
  background-color: #1ed760 !important;
  transform: scale(1.05);
}
.player__button:active {
  transform: scale(0.95);
}
.player__control {
  min-width: 36px !important;
  font-size: 10px !important;
  padding: 4px 6px !important;
  border-radius: 4px !important;
  background-color: #222222 !important;
  color: rgba(255, 255, 255, 0.8);
  border: none;
  cursor: pointer;
}
.player__control:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.player__control-button {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.player__time-picker {
  width: 30px;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-speed-dialog {
  border: 2px solid #888;
}

.timeline-wrapper .loader {
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  position: absolute;
  bottom: calc(100% + 48px);
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.timeline-wrapper .timeline-footer {
  position: absolute;
  width: 100%;
  height: 20px;
  top: 10px;
  overflow: hidden;
}
.timeline-wrapper .timeline-footer .timeline-footer-line {
  position: absolute;
  height: 20px;
  width: 1px;
  background-color: white;
}
.timeline-wrapper .timeline-footer .timeline-footer-text {
  color: white;
  position: absolute;
  transform: translateX(-50%);
}
.timeline-wrapper .timeline-content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.timeline-wrapper .timeline-content button {
  flex-shrink: 0;
}
.timeline-wrapper .timeline {
  width: 100%;
  border: none !important;
  cursor: pointer;
}
.timeline-wrapper .timeline .timeline-mousemove-tooltip {
  position: absolute;
  top: -35px;
  color: white;
  background: #52565e;
  font-size: 12px;
  min-width: 40px;
  text-align: center;
  white-space: nowrap;
  padding: 6px;
  transform: translateX(-50%);
}
.timeline-wrapper .timeline .timeline-mousemove-tooltip::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 6px solid #52565e;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  left: calc(50% - 6px);
  top: 100%;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.player__container {
  display: flex;
  flex-direction: column;
  padding: 1em 1em;
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0.9), rgba(0, 0, 0, 0.95));
  height: 60px;
}
.player__container .noUi-handle-upper {
  display: none !important;
}
.player__button {
  transition: all 0.2s ease;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 90px !important;
  background-color: #1DB954 !important;
  width: 32px !important;
  height: 32px !important;
  border: none;
  cursor: pointer;
}
.player__button:svg {
  color: black !important;
}
.player__button:hover {
  background-color: #1ed760 !important;
  transform: scale(1.05);
}
.player__button:active {
  transform: scale(0.95);
}
.player__control {
  min-width: 36px !important;
  font-size: 10px !important;
  padding: 4px 6px !important;
  border-radius: 4px !important;
  background-color: #222222 !important;
  color: rgba(255, 255, 255, 0.8);
  border: none;
  cursor: pointer;
}
.player__control:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.player__control-button {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.player__time-picker {
  width: 30px;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.forecast-wind-settings {
  padding: 5px 10px;
}

.meteorology-change-opacity {
  width: 100%;
  padding: 5px 10px;
  transition: background-color 0.5s ease;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
.meteorology-change-opacity:hover {
  background-color: #222;
}

.meteorology-picker {
  position: absolute;
  z-index: 3;
  width: 0;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.meteorology-picker--content {
  padding: 5px 40px 5px 20px;
  background-color: rgba(68, 65, 65, 0.84);
  cursor: move;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  box-sizing: border-box;
  min-height: 31.84px;
  width: fit-content;
  position: relative;
  transform: translateX(-1px);
}
.meteorology-picker--content-loading {
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translate(-100%, -50%);
}
.meteorology-picker--content-metric {
  font-size: 17px;
  white-space: nowrap;
  display: flex;
  gap: 6px;
  align-items: center;
}
.meteorology-picker--content-metric-nodata {
  font-size: 14px;
  color: #ccc;
}
.meteorology-picker--content-metric--row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.meteorology-picker--content-metric--row-field.secondary {
  font-size: 15px;
  color: #ccc;
  fill: #ccc !important;
}
.meteorology-picker--content-metric--row-field > div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.meteorology-picker--content-info {
  background-color: #137cbd;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.meteorology-picker--content-close {
  position: absolute;
  right: -30px;
  top: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(68, 65, 65, 0.84);
}
.meteorology-picker--content-source {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 5px;
  position: absolute;
  top: -5px;
  left: 0;
  transform: translateY(-100%);
  text-shadow: -2px -2px 2px rgba(0, 0, 0, 0.4), 2px -2px 2px rgba(0, 0, 0, 0.4), -2px 2px 2px rgba(0, 0, 0, 0.4), 2px 2px 2px rgba(0, 0, 0, 0.4), -3px 0px 2px rgba(0, 0, 0, 0.4), 3px 0px 2px rgba(0, 0, 0, 0.4), 0px -3px 2px rgba(0, 0, 0, 0.4), 0px 3px 2px rgba(0, 0, 0, 0.4);
  text-wrap: nowrap;
  font-weight: 500;
  font-size: 15px;
}
.meteorology-picker--content-source img {
  filter: drop-shadow(-2px 2px 2px black);
}
.meteorology-picker--line {
  position: relative;
  height: 125px;
  border-left: 2px solid rgba(68, 65, 65, 0.84);
  width: 2px;
  transform: translateX(-50%);
  cursor: move;
}
.meteorology-picker--line::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  right: 0;
  width: 20px;
  height: 140px;
}
.meteorology-picker--line::after {
  display: block;
  position: absolute;
  left: -5px;
  transform: translateY(-50%);
  top: 100%;
  background-color: white;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  content: "";
}
.meteorology-picker::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%) scale(2.5);
  top: 100%;
  background: none;
  border: 0.1px solid white;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  opacity: 0.5;
  animation: pulse 3000ms infinite;
}

.meteogram-loading-spinner {
  flex: 1;
}

.color-range-slider {
  width: 100%;
  margin-right: 30px !important;
  height: 18px !important;
  border-radius: 15px;
  box-shadow: none;
  border: 1px solid grey;
  background: transparent !important;
}
.color-range-slider .noUi-handle {
  height: 25px !important;
  width: 25px !important;
  border-radius: 50% !important;
  border: none !important;
  top: 18px !important;
  box-shadow: none !important;
  transform: translateY(calc(-100% + 3.5px)) !important;
  border: 1px solid black !important;
}
.color-range-slider .noUi-handle::before {
  content: none !important;
}
.color-range-slider .noUi-handle::after {
  content: none !important;
}
.color-range-slider .noUi-connects {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  padding: 0 10px;
  border-radius: 15px;
  font-size: 14px;
}
.color-range-slider .noUi-connects .noUi-connect {
  filter: brightness(0.8);
}
.color-range-slider .noUi-connects p {
  margin: 0;
}
.color-range-slider .noUi-tooltip {
  font-size: 11px !important;
  padding: 1px 5px !important;
}

.forecast-timeline-container--floating .timeline-wrapper .timeline .noUi-tooltip {
  font-size: 11px !important;
  padding: 6px 8px !important;
}

.forecast-timeline-container--small-floating .player__container {
  height: 50px !important;
}
.forecast-timeline-container--small-floating .timeline-wrapper .timeline .noUi-tooltip {
  font-size: 10px !important;
  padding: 4px 6px !important;
}
.forecast-timeline-container--small-floating .timeline-wrapper .timeline-content .player__button {
  width: 24px !important;
  height: 24px !important;
}
.forecast-timeline-container--small-floating .timeline-wrapper .timeline-content .player__button svg {
  width: 12px !important;
  height: 12px !important;
}
.forecast-timeline-container--small-floating .timeline-wrapper .timeline-content .player__control {
  font-size: 8px !important;
  padding: 2px 4px !important;
  min-width: 28px !important;
}
.forecast-timeline-container--small-floating .color-range-slider .noUi-connects {
  font-size: 10px !important;
  padding: 0 5px !important;
}
.forecast-timeline-container--small-floating .color-range-slider .noUi-connect {
  font-size: 10px !important;
  height: 40px !important;
}
.forecast-timeline-container--small-floating .color-range-slider .noUi-touch-area {
  font-size: 10px !important;
  height: 40px !important;
}
.forecast-timeline-container--small-floating .color-range-slider .noUi-tooltip {
  font-size: 8px !important;
  padding: 1px 3px !important;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.forecast-timeline-container {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  box-sizing: border-box;
  bottom: 30px;
}
.forecast-timeline-container--floating {
  bottom: 0;
}
.forecast-timeline-container--small-floating {
  bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.forecast-timeline-container__legend {
  display: flex;
  justify-content: flex-end;
  height: 20px;
  margin-bottom: 5px;
  margin-right: 25px;
}
.forecast-timeline-container__legend--small-floating {
  height: 20px;
  margin-right: 25px;
}
.forecast-timeline-container__legend-item {
  width: 30%;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/**
 * AI Assistant Panel Styles
 */
.ai-assistant-panel {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--dark-gray1, #1c2127);
}
.ai-assistant-panel .ai-chat-shell {
  flex: 1;
  min-height: 0;
  border-radius: 0;
}
.ai-assistant-panel .ai-chat {
  flex: 1;
  border-radius: 0;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.bi-form-dimension-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.bi-form-measure-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.bi-form-measure-item-form, .bi-form-measure-item-form-options {
  display: flex;
  flex-direction: row;
  justify-content: "space-between";
  align-items: stretch;
  column-gap: 1px;
}
.bi-form-measure-item-form > .bp3-button, .bi-form-measure-item-form-options > .bp3-button {
  flex: 1;
}
.bi-form-measure-item-form {
  margin-bottom: 5px;
}
.bi-form-measure-item-form__col {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
}
.bi-form__select-wrapper {
  flex: 1;
}
.bi-form__select-button {
  width: 100% !important;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.generic-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  position: relative;
  cursor: pointer;
  border: 1px solid rgba(0, 107.1, 214.2, 0);
  z-index: 20;
  padding-top: 0.5em;
  padding-bottom: 0.25em;
  padding-inline: 0.5em;
  margin: 0 0.1em;
  color: white;
  height: 60px;
  min-width: 70px;
  box-sizing: border-box;
}
.generic-menu-item--inline {
  flex-direction: row !important;
  width: 100% !important;
  height: fit-content !important;
  margin: 0 !important;
}
.generic-menu-item:hover {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  border: 1px solid rgb(0, 107.1, 214.2);
  border-radius: 0px;
}
.generic-menu-item:hover > .generic-menu-item__sub-menu {
  display: block;
}
.generic-menu-item--border-bottom {
  border-bottom: 2px solid hsl(210, 100%, 60%) !important;
  border-radius: 1.5px;
}
.generic-menu-item--border-bottom-2 {
  border-bottom: 1.4px solid transparent !important;
  border-radius: 1.5px;
}
.generic-menu-item--box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.generic-menu-item--box-inline {
  flex-direction: row !important;
  align-items: center;
  gap: 5px;
  justify-content: flex-start !important;
}
.generic-menu-item--disabled {
  pointer-events: none;
  opacity: 0.5;
}
@media screen and (min-width: 1366px) {
  .generic-menu-item:not(.generic-menu-item__icon) > span {
    font-size: 1rem;
    font-weight: 400;
  }
}
@media screen and (min-width: 1920px) {
  .generic-menu-item:not(.generic-menu-item__icon) > span {
    font-size: 1.2rem;
    font-weight: 400;
  }
}
@media screen and (min-width: 2560px) {
  .generic-menu-item:not(.generic-menu-item__icon) {
    min-width: 75px;
  }
  .generic-menu-item:not(.generic-menu-item__icon) > span {
    font-size: 1.3rem;
    font-weight: 400;
  }
}
.generic-menu-item:not(.generic-menu-item__icon) > :not(span) {
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: 20ch;
}
.generic-menu-item__icon {
  padding: 0;
  flex-shrink: 0;
  justify-self: center;
  margin-right: 0;
  font-size: unset !important;
  font-weight: unset !important;
}
.generic-menu-item__icon:has(svg) {
  fill: rgb(167, 182, 194);
  color: rgb(167, 182, 194);
}
.generic-menu-item__icon img,
.generic-menu-item__icon svg {
  max-width: none;
}
.generic-menu-item__text--container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  min-height: 10px;
  font-size: 1.1rem;
  font-weight: 400;
  margin-top: auto;
}
.generic-menu-item__text--container-inline {
  margin-top: 0 !important;
}
.generic-menu-item__text--container > span {
  max-width: 20ch;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.generic-menu-item__text--container > span.is-long {
  max-width: 16ch;
  font-size: clamp(0.75rem, 0.6rem + 0.5vw, 0.88rem);
  letter-spacing: 1px;
  line-height: 1;
}
.generic-menu-item__sub-menu {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  min-width: 150px;
  z-index: 9999;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
@use "@styles/base/_colors.scss" as colors;
.card-inner-table > thead > tr > th,
.card-inner-table > tbody > tr > td {
  vertical-align: middle;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.distance-ring-card-menu {
  display: flex;
  justify-content: space-around;
  padding: 0px 0 !important;
  background-color: transparent !important;
}
.distance-ring-card-menu__item-image {
  width: 50px;
  height: 50px;
  margin-right: 0 !important;
}
.distance-ring-card-info-tab-panel {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  margin-top: 2px;
  padding-bottom: 2px;
}
.distance-ring-card-info-tab-panel__track-info-section {
  display: flex;
  column-gap: 5px;
  text-wrap: nowrap;
}
.distance-ring-card-info-tab-panel__offset-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 8px;
}
.distance-ring-card-info-tab-panel__offset-section > *:first-child {
  grid-column: span 2;
}
.distance-ring-card-info-tab-panel__header-section {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  column-gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #555;
}
.distance-ring-card-info-tab-panel__header-input {
  flex: 1;
  min-width: 0;
}
.distance-ring-card-info-tab-panel__header-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 22px;
}
.distance-ring-card-info-tab-panel__input-grid [bp=grid] {
  row-gap: 5.5px !important;
}
.distance-ring-card-info-tab-panel__input-grid .bp3-form-group {
  margin-bottom: 0px !important;
}
.distance-ring-card-info-tab-panel__input-grid label {
  margin-bottom: 2px !important;
}
.distance-ring-card-info-tab-panel__input-grid > div {
  padding-bottom: 0px !important;
}
.distance-ring-card-info-tab-panel__input-grid .m-b-10 {
  margin-bottom: 0px !important;
}
.distance-ring-card-info-tab-panel__input-grid .m-b-0 {
  margin-bottom: 0 !important;
}
.distance-ring-card-info-tab-panel__actions-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  margin-top: 2px;
}
.distance-ring-card-info-tab-panel__action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  min-width: 120px;
}
.distance-ring-card-info-tab-panel .custom-table-style, .distance-ring-card-list-tab-panel .custom-table-style {
  height: 300px;
}
.distance-ring-card-info-tab-panel .custom-table-style .ag-theme-balham.ag-grid-full-height, .distance-ring-card-list-tab-panel .custom-table-style .ag-theme-balham.ag-grid-full-height {
  height: 300px !important;
}
.distance-ring-card-list-tab-panel {
  height: 300px;
}
.distance-ring-card-tabs > .bp3-tab-list {
  border-bottom: 1px solid #555 !important;
}

.distance-ring-card-info-tab-panel [bp=grid] {
  display: grid;
  gap: 0px !important;
  row-gap: 5.5px !important;
  column-gap: 16px !important;
}
.distance-ring-card-info-tab-panel [bp=grid] > [bp="6"] {
  grid-column: span 6;
}
.distance-ring-card-info-tab-panel [bp=grid] > [bp="12"] {
  grid-column: span 12;
}
.distance-ring-card-info-tab-panel .bp3-tab-list {
  padding: 2px 0 !important;
}
.distance-ring-card-info-tab-panel .bp3-tab-panel {
  padding: 2px 0 !important;
  margin-top: 0px !important;
}
.distance-ring-card-info-tab-panel .card-inner-table {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.distance-ring-theme-tab__section {
  padding: 10px 8px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 5px;
  transition: background 0.2s ease;
}
.distance-ring-theme-tab__section:hover {
  background: rgba(255, 255, 255, 0.04);
}
.distance-ring-theme-tab__slider-container {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.distance-ring-theme-tab__slider-container .bp3-form-group {
  margin-bottom: 0;
}
.distance-ring-theme-tab__slider-container .bp3-form-group label {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 8px;
  font-size: 13px;
  display: block;
  text-align: center;
}
.distance-ring-theme-tab__slider-container .bp3-form-group > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
}
.distance-ring-theme-tab__slider-container .bp3-slider {
  width: 85%;
}
.distance-ring-theme-tab__slider-container .bp3-slider .bp3-slider-track {
  background: rgba(255, 255, 255, 0.1);
}
.distance-ring-theme-tab__slider-container .bp3-slider .bp3-slider-progress {
  background: linear-gradient(90deg, #137cbd, #2b95d6);
}
.distance-ring-theme-tab__slider-container .bp3-slider .bp3-slider-handle {
  background: #137cbd;
  box-shadow: 0 2px 8px rgba(19, 124, 189, 0.4);
}
.distance-ring-theme-tab__slider-container .bp3-slider .bp3-slider-handle:hover {
  background: #2b95d6;
}
.distance-ring-theme-tab__switch-container {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px 12px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  height: 100%;
  transition: all 0.2s ease;
}
.distance-ring-theme-tab__switch-container:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.distance-ring-theme-tab__switch-container .bp3-control {
  margin-bottom: 0;
}
.distance-ring-theme-tab__switch-container .bp3-control .bp3-control-indicator {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.distance-ring-theme-tab__switch-container input:checked ~ .bp3-control-indicator {
  background: #137cbd;
  border-color: #137cbd;
}
.distance-ring-theme-tab__controls-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
.distance-ring-theme-tab__text-settings {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.distance-ring-theme-tab__text-settings > * {
  flex: 1;
}

/* .numeric-input-with-unit {
  display: flex;
  align-items: center;
  column-gap: 8px;
} */
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.input-right-element {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 100%;
}
.input-right-element-container {
  display: flex;
  padding: 0 4px;
  column-gap: 3px;
}
.bp3-input-group .input-right-element-container {
  height: 30px;
}
.bp3-input-group.bp3-small .input-right-element-container {
  height: 24px;
}
.bp3-input-group.bp3-large .input-right-element-container {
  height: 40px;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.drawing-card-container {
  height: 100%;
  padding: 10px 10px 0 10px;
}
.drawing-card-container--as-callout {
  padding: 0;
}
.drawing-card__symbol-button.bp3-button {
  height: 60px;
  width: 60px;
  padding: 0 !important;
  overflow: hidden;
}
.drawing-card__symbol-button.bp3-button:hover {
  background-color: rgba(51, 153, 255, 0.15) !important;
}
.drawing-card__symbol-button.bp3-button.bp3-active {
  background-color: rgba(51, 153, 255, 0.3) !important;
}
.drawing-card__icon-size-input {
  width: 90px;
  margin-bottom: 0 !important;
}
.drawing-card__slider {
  row-gap: 10px;
}
.drawing-card__slider .bp3-form-content {
  flex: 1;
  padding: 0 10px;
}
.drawing-card__description-textarea {
  position: relative;
}
.drawing-card__description-textarea textarea.bp3-input {
  min-height: 150px;
  width: 100%;
  resize: vertical;
}
.drawing-card__border-width-input {
  width: 90px;
}
.drawing-card__border-width-input .bp3-button {
  width: 60px !important;
}
.drawing-card__border-style-input .bp3-button {
  width: 103px !important;
}
.drawing-card__vertical-switch {
  height: 100%;
  margin-bottom: 7px !important;
}
.drawing-card__vertical-switch .bp3-label {
  margin-bottom: 0 !important;
}
.drawing-card__vertical-switch .bp3-form-content {
  display: flex;
  align-items: center;
}
.drawing-card__vertical-switch .bp3-form-content .bp3-control.bp3-switch {
  margin-top: 7px;
  margin-bottom: 0;
  padding-top: 0;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.drawing-card-general-tab-content {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
.drawing-card-general-tab-content .title-input-right-el-container {
  display: flex;
  column-gap: 5px;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.text-settings-container {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.text-settings-container-section--inputs {
  display: flex;
  row-gap: 6px;
  column-gap: 10px;
  align-items: end;
  flex-wrap: wrap;
  width: 100%;
}
.text-settings-container .bp3-form-group {
  margin-bottom: 0;
}
.text-settings__show-text-switch {
  display: inline-block !important;
}
.text-settings__font-family-select {
  flex: 1 1 auto;
  width: 100px;
}
.text-settings__font-family-select input {
  padding-right: 30px !important;
}
.text-settings__color-input {
  flex-shrink: 0;
}
.text-settings__color-input input[type=color] {
  padding: 0;
  height: 30px !important;
  width: 30px !important;
}
.text-settings__size-input {
  width: 60px;
  flex-shrink: 0;
}
.text-settings__style-button-group {
  width: 88px;
  flex-shrink: 0;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.color-picker-component-wrapper {
  width: 40px;
}
.color-picker-component-wrapper > div {
  width: 100%;
}
.color-picker-component-with-switch {
  display: flex;
  align-items: center;
  width: 100%;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.resize-handle {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: transparent;
  cursor: ns-resize;
  z-index: 10;
}
.resize-handle::after {
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 0;
  right: 0;
  background-color: transparent;
  cursor: ns-resize;
}
.resize-handle:hover, .resize-handle:active {
  height: 2.5px;
  background-color: rgb(0, 120, 212);
}

.container-style {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  color: white;
}

.header-style {
  display: flex;
  align-items: center;
  background: #060d14 !important;
  box-shadow: 0px 4px 4px 0px rgba(42, 42, 42, 0.15);
  justify-content: space-between;
  transition: none;
  font-size: 1rem;
  padding: 0.25em 0.5em;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  background-color: #292929 !important;
  border: 1px solid #292929 !important;
  z-index: 10;
}
.header-style:hover:not(.selected) {
  background: rgb(30, 30, 30) !important;
  border: 1px solid rgba(80, 80, 80, 0.6) !important;
}
.header-style.selected, .header-style--selected {
  background: black !important;
  border: 1px solid rgba(80, 80, 80, 0.6) !important;
}
.header-style.is-open:not(.selected) {
  border: 1px solid rgba(80, 80, 80, 0.6) !important;
}

.child {
  width: 100%;
  height: 100%;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.drawing-card-numerator {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.drawing-card-numerator__content {
  display: flex;
  column-gap: 8px;
}
.drawing-card-numerator__content .bp3-form-group, .drawing-card-numerator__content .bp3-label {
  margin-bottom: 0 !important;
}
.drawing-card-numerator__text-input {
  flex-shrink: 0;
  width: 60px;
}
.drawing-card-numerator__value-input, .drawing-card-numerator__increment-input {
  flex-shrink: 0;
  width: 90px;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.drawing-card-military-symbols-draggable-popover.draggable-popover {
  z-index: 19 !important;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.drawing-border-style-preview {
  display: flex;
  column-gap: 4px;
  justify-content: center;
  align-items: center;
  height: 19px;
  width: 100%;
}
.drawing-border-style-preview div {
  height: 1px;
  background-color: white;
}
.drawing-border-style-preview--solid div {
  display: none;
}
.drawing-border-style-preview--solid div:first-child {
  display: block;
  width: 56px;
}
.drawing-border-style-preview--dashed-long div {
  width: 8px;
}
.drawing-border-style-preview--dashed-long div:nth-child(5), .drawing-border-style-preview--dashed-long div:nth-child(6) {
  display: none;
}
.drawing-border-style-preview--dashed-short div {
  width: 4px;
}
.drawing-border-style-preview--dashed-one-long-one-short div:nth-child(odd) {
  width: 8px;
}
.drawing-border-style-preview--dashed-one-long-one-short div:nth-child(even) {
  width: 4px;
}
.drawing-border-style-preview--dashed-one-long-two-short div {
  width: 4px;
}
.drawing-border-style-preview--dashed-one-long-two-short div:nth-child(1), .drawing-border-style-preview--dashed-one-long-two-short div:nth-child(4) {
  width: 8px;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.drawing-card-theme-tab {
  padding-top: 10px;
}
.drawing-card-theme-tab__grid {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 22px;
  row-gap: 8px;
  padding-right: 20px;
}
.drawing-card-theme-tab__grid--visibility {
  width: 300px;
}
.drawing-card-theme-tab .header-style {
  background-color: #2b2b2b !important;
}
.drawing-card-theme-tab .header-style:hover {
  background-color: #2f2f2f !important;
}
.drawing-card-point-theme-properties-section {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.drawing-card-point-theme-properties-section__symbol {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  row-gap: 8px;
}
.drawing-card-point-theme-properties-section__symbol .point-symbol-switch {
  grid-column: span 2;
}
.drawing-card-point-theme-properties-section__symbol .point-symbol-switch .bp3-switch {
  display: inline-block;
}
.drawing-card-drawing-line-and-fill-settings-section {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.drawing-card-drawing2d-theme-properties-section {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.drawing-card-drawing2d-theme-properties-section__border {
  display: flex;
  column-gap: 10px;
}
.drawing-card-drawing3d-theme-properties-section {
  display: flex;
  column-gap: 10px;
}
.drawing-card-drawing-3d-height-settings-section {
  display: flex;
  column-gap: 10px;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
._4w_app_card [bp=grid] {
  display: grid;
  gap: 0px !important;
  row-gap: 5.5px !important;
  column-gap: 16px !important;
}
._4w_app_card [bp=grid] > [bp="6"] {
  grid-column: span 6;
}
._4w_app_card [bp=grid] > [bp="12"] {
  grid-column: span 12;
}
._4w_app_card-menu {
  display: flex;
  justify-content: space-around;
  padding: 2px 0 !important;
  background-color: transparent !important;
}
._4w_app_card-menu__item-image {
  width: 50px;
  height: 50px;
  margin-right: 0 !important;
}
._4w_app_card-info-tab-panel {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  margin-top: 10px;
  padding-bottom: 20px;
}
._4w_app_card-info-tab-panel__track-info-section {
  display: flex;
  column-gap: 5px;
  text-wrap: nowrap;
}
._4w_app_card-info-tab-panel__offset-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 8px;
}
._4w_app_card-info-tab-panel__offset-section > *:first-child {
  grid-column: span 2;
}
._4w_app_card-info-tab-panel__header-section {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  column-gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #555;
}
._4w_app_card-info-tab-panel__header-input {
  flex: 1;
  min-width: 0;
}
._4w_app_card-info-tab-panel__header-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 22px;
}
._4w_app_card-info-tab-panel__divider {
  border-bottom: 1px solid #555 !important;
  margin-top: 0px !important;
}
._4w_app_card-info-tab-panel__actions-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
._4w_app_card-info-tab-panel__action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  min-width: 120px;
}
._4w_app_card-list-tab-panel {
  height: 325px;
}
._4w_app_card-tabs > .bp3-tab-list {
  border-bottom: 1px solid #555 !important;
}
._4w_app_card-theme-tab-panel__color-settings {
  display: flex;
  column-gap: 10px;
}

._4w_app_card-info-tab-panel [bp=grid] {
  display: grid;
  gap: 0px !important;
  row-gap: 5.5px !important;
  column-gap: 16px !important;
}
._4w_app_card-info-tab-panel [bp=grid] > [bp="6"] {
  grid-column: span 6;
}
._4w_app_card-info-tab-panel [bp=grid] > [bp="12"] {
  grid-column: span 12;
}
._4w_app_card-info-tab-panel .bp3-tab-list {
  padding: 2px 0 !important;
}
._4w_app_card-info-tab-panel .bp3-tab-panel {
  padding: 2px 0 !important;
  margin-top: 0px !important;
}
._4w_app_card-info-tab-panel .card-inner-table {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

._4w-theme-tab__section {
  padding: 10px 8px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 5px;
  transition: background 0.2s ease;
}
._4w-theme-tab__section:hover {
  background: rgba(255, 255, 255, 0.04);
}
._4w-theme-tab__color-picker-wrapper {
  background: rgba(0, 0, 0, 0.15);
  padding: 8px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
._4w-theme-tab__color-picker-wrapper:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
._4w-theme-tab__color-picker-wrapper .bp3-form-group {
  margin-bottom: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._4w-theme-tab__color-picker-wrapper label {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 6px;
  font-size: 13px;
}
._4w-theme-tab__slider-container {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._4w-theme-tab__slider-container .bp3-form-group {
  margin-bottom: 0;
}
._4w-theme-tab__slider-container .bp3-form-group label {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 8px;
  font-size: 13px;
  display: block;
  text-align: center;
}
._4w-theme-tab__slider-container .bp3-form-group > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
}
._4w-theme-tab__slider-container .bp3-slider {
  width: 85%;
}
._4w-theme-tab__slider-container .bp3-slider .bp3-slider-track {
  background: rgba(255, 255, 255, 0.1);
}
._4w-theme-tab__slider-container .bp3-slider .bp3-slider-progress {
  background: linear-gradient(90deg, #137cbd, #2b95d6);
}
._4w-theme-tab__slider-container .bp3-slider .bp3-slider-handle {
  background: #137cbd;
  box-shadow: 0 2px 8px rgba(19, 124, 189, 0.4);
}
._4w-theme-tab__slider-container .bp3-slider .bp3-slider-handle:hover {
  background: #2b95d6;
}
._4w-theme-tab__switch-container {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px 12px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  height: 100%;
  transition: all 0.2s ease;
}
._4w-theme-tab__switch-container:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
._4w-theme-tab__switch-container .bp3-control {
  margin-bottom: 0;
}
._4w-theme-tab__switch-container .bp3-control .bp3-control-indicator {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
._4w-theme-tab__switch-container input:checked ~ .bp3-control-indicator {
  background: #137cbd;
  border-color: #137cbd;
}
._4w-theme-tab__controls-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
._4w-theme-tab__text-settings {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
._4w-theme-tab__text-settings > * {
  flex: 1;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.radar-analysis-card-menu {
  display: flex;
  justify-content: space-around;
  padding: 0px 0 !important;
  background-color: transparent !important;
}
.radar-analysis-card-menu__item-image {
  width: 50px;
  height: 50px;
  margin-right: 0 !important;
}
.radar-analysis-card-info-tab-panel {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  margin-top: 2px;
  padding-bottom: 2px;
}
.radar-analysis-card-info-tab-panel__header-section {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  column-gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #555;
}
.radar-analysis-card-info-tab-panel__header-input {
  flex: 1;
  min-width: 0;
}
.radar-analysis-card-info-tab-panel__header-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 22px;
}
.radar-analysis-card-info-tab-panel__track-info-section {
  display: flex;
  column-gap: 5px;
  text-wrap: nowrap;
}
.radar-analysis-card-info-tab-panel__offset-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 8px;
}
.radar-analysis-card-info-tab-panel__offset-section > *:first-child {
  grid-column: span 2;
}
.radar-analysis-card-info-tab-panel__tab-panel-content {
  margin-top: 0px;
}
.radar-analysis-card-info-tab-panel__error-message {
  color: #db3737;
  font-size: 12px;
}
.radar-analysis-card-info-tab-panel__delete-all-button {
  margin-right: 4px;
}
.radar-analysis-card-info-tab-panel__input-grid [bp=grid] {
  row-gap: 5.5px !important;
}
.radar-analysis-card-info-tab-panel__input-grid .bp3-form-group {
  margin-bottom: 0px !important;
}
.radar-analysis-card-info-tab-panel__input-grid label {
  margin-bottom: 2px !important;
}
.radar-analysis-card-info-tab-panel__input-grid > div {
  padding-bottom: 0px !important;
}
.radar-analysis-card-info-tab-panel__input-grid .m-b-10 {
  margin-bottom: 0px !important;
}
.radar-analysis-card-info-tab-panel__input-grid .m-b-0 {
  margin-bottom: 0 !important;
}
.radar-analysis-card-info-tab-panel__actions-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  margin-top: 2px;
}
.radar-analysis-card-info-tab-panel__action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  min-width: 120px;
}
.radar-analysis-card-info-tab-panel__action-button--cancel {
  color: #ff0000 !important;
}
.radar-analysis-card-info-tab-panel__action-button--cancel span {
  margin-left: 6px;
}
.radar-analysis-card-info-tab-panel__action-button--cancel {
  /* // Hover durumunda da kırmızı arka plan
  &:hover {
    background-color: rgba(255, 0, 0, 0.2) !important;
    border-color: #ff0000 !important;
  }

  // Focus durumunda da kırmızı border
  &:focus {
    border-color: #ff0000 !important;
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.3) !important;
  } */
}
.radar-analysis-card-info-tab-panel .custom-table-style, .radar-analysis-card-list-tab-panel .custom-table-style {
  height: 300px;
}
.radar-analysis-card-info-tab-panel .custom-table-style .ag-theme-balham.ag-grid-full-height, .radar-analysis-card-list-tab-panel .custom-table-style .ag-theme-balham.ag-grid-full-height {
  height: 300px !important;
}
.radar-analysis-card-list-tab-panel {
  height: 300px;
}
.radar-analysis-card-tabs > .bp3-tab-list {
  border-bottom: 1px solid #555 !important;
}

.radar-analysis-ring-table-container {
  padding-inline: 0px !important;
  margin-top: 8px;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  box-shadow: 0 0 10px 0 rgba(31, 31, 31, 0.5) !important;
  border: 1.5px solid #484848;
  overflow: auto;
}

.radar-analysis-ring-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.radar-analysis-ring-table thead th {
  font-size: 12px;
  font-weight: 500;
  background: linear-gradient(to bottom, #2c2c2c, #1a1a1a) !important;
  color: #fff;
  padding: 4px 8px;
  border: 1px solid #484848;
  text-align: center;
  line-height: 1.2;
}
.radar-analysis-ring-table tbody tr {
  background-color: transparent;
}
.radar-analysis-ring-table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.radar-analysis-ring-table tbody td {
  font-size: 12px;
  border: 1px solid #484848;
  padding: 4px 8px !important;
  color: white !important;
  background-color: transparent;
  text-align: center;
  vertical-align: middle;
}
.radar-analysis-ring-table tbody td.row-indexer {
  background: linear-gradient(359deg, rgb(33, 33, 33) 0%, rgb(0, 0, 0) 9%, rgb(58, 58, 58) 78%);
  color: #8a9299;
  font-weight: 500;
}

.radar-analysis-coordinate-display {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 10px;
  background: linear-gradient(to bottom, #2c2c2c, #1a1a1a);
  border: 1px solid #484848;
  border-radius: 3px;
  font-family: "Consolas", "Courier New", monospace;
  font-size: 12px;
  color: #e0e0e0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
.radar-analysis-coordinate-display__label {
  color: #8a9299;
  font-weight: 600;
  min-width: 15px;
  text-align: right;
}
.radar-analysis-coordinate-display__value {
  color: #04acfb;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-variant-numeric: tabular-nums;
}
.radar-analysis-coordinate-display__separator {
  color: #555;
  font-weight: 300;
}

.card-inner-table > thead > tr > th,
.card-inner-table > tbody > tr > td {
  vertical-align: middle;
}

/* .numeric-input-with-unit {
  display: flex;
  align-items: center;
  column-gap: 8px;
} */
.radar-analysis-card-info-tab-panel__action-button--cancel.status-find-button:hover {
  background-color: rgba(255, 0, 0, 0.2) !important;
  border-color: #ff0000 !important;
}
.radar-analysis-card-info-tab-panel__action-button--cancel.status-find-button:focus {
  border-color: #ff0000 !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.3) !important;
}

.ra-status-span {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 35px;
}
.ra-status-span--success {
  color: #0f9960;
}
.ra-status-span--danger {
  color: #db3737;
}

.btn-ra-cancel-container {
  display: flex;
  align-items: center;
  gap: 4px;
}

.btn-ra-cancel-analysis {
  letter-spacing: 1px;
  font-size: 12px;
  color: #ffffff !important;
}

.radar-analysis-delete-button {
  transition: all 0.2s ease;
}
.radar-analysis-delete-button:hover {
  transform: scale(1.15);
}
.radar-analysis-delete-button:hover svg {
  fill: #ff0000 !important;
  color: #ff0000 !important;
}
.radar-analysis-delete-button:active {
  transform: scale(0.95);
}

.radar-analysis-export-button {
  transition: all 0.2s ease;
}
.radar-analysis-export-button:hover:not(:disabled) {
  transform: scale(1.15);
}
.radar-analysis-export-button:hover:not(:disabled) svg {
  fill: #0f9960 !important;
  color: #0f9960 !important;
}
.radar-analysis-export-button:active:not(:disabled) {
  transform: scale(0.95);
}
.radar-analysis-export-button:disabled {
  cursor: not-allowed;
}

.radar-analysis-card-info-tab-panel [bp=grid] {
  display: grid;
  gap: 0px !important;
  row-gap: 5.5px !important;
  column-gap: 16px !important;
}
.radar-analysis-card-info-tab-panel [bp=grid] > [bp="6"] {
  grid-column: span 6;
}
.radar-analysis-card-info-tab-panel [bp=grid] > [bp="12"] {
  grid-column: span 12;
}
.radar-analysis-card-info-tab-panel .bp3-tab-list {
  padding: 2px 0 !important;
}
.radar-analysis-card-info-tab-panel .bp3-tab-panel {
  padding: 2px 0 !important;
  margin-top: 0px !important;
}
.radar-analysis-card-info-tab-panel .card-inner-table {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.text-editor .bp3-input {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
  border: none;
  border-radius: 0;
}

.deg-editor .dms-number-inputs {
  background-color: #616161;
  height: 28px;
  border: none;
  border-radius: 0;
  width: auto;
  min-width: 90px;
}
.deg-editor .dms-number-inputs span {
  line-height: 28px;
}
.deg-editor .dms-number-inputs .deg-lat-degree, .deg-editor .dms-number-inputs .deg-long-degree, .deg-editor .dms-number-inputs .deg-degreeDec {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
  background-color: transparent;
}

.dms-editor .dms-number-inputs {
  background-color: #616161;
  height: 28px;
  border: none;
  border-radius: 0;
  min-width: 125px;
}
.dms-editor .dms-number-inputs span {
  line-height: 28px;
}
.dms-editor .dms-number-inputs .dms-lat-degree, .dms-editor .dms-number-inputs .dms-long-degree, .dms-editor .dms-number-inputs .dms-minute, .dms-editor .dms-number-inputs .dms-second, .dms-editor .dms-number-inputs .dms-second-decimal, .dms-editor .dms-number-inputs .dm-minute, .dms-editor .dms-number-inputs .dm-minute-dec {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
  background-color: transparent;
}
.dms-editor .dms-direction-select {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
}

.utm-editor .dms-number-inputs {
  background-color: #616161;
  height: 28px;
  border: none;
  border-radius: 0;
  min-width: 90px;
}
.utm-editor .dms-number-inputs span {
  line-height: 28px;
}
.utm-editor .dms-number-inputs .utm-lat-degree, .utm-editor .dms-number-inputs .utm-long-degree, .utm-editor .dms-number-inputs .utm-degreeDec {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
  background-color: transparent;
}

.utm-zone-number-editor .flyToCoordinate__utm--input-group {
  width: 65px;
  border: none !important;
}
.utm-zone-number-editor .flyToCoordinate__utm--input-group .bp3-input {
  height: 28px;
  font-size: 12px;
  line-height: 16px;
}
.utm-zone-number-editor .flyToCoordinate__utm--input-group .flyToCoordinate__utm--input-group__popover--menu--icon {
  margin-top: 7px !important;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.button {
  display: inline-flex;
  border-radius: 0px;
  border: 1px solid transparent;
  position: relative;
  transition: all 0ms ease-in-out;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  font-weight: 500;
  text-decoration: none;
  vertical-align: middle;
  width: auto;
}
.bp3-select .button {
  width: auto !important;
  min-width: auto !important;
}
.button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(19, 124, 189, 0.3);
}
.button:focus:not(:focus-visible) {
  box-shadow: none;
}
.button:focus-visible {
  box-shadow: 0 0 0 2px rgba(19, 124, 189, 0.3);
}
.button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.button__content--hidden {
  visibility: hidden;
}
.button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button__icon--left {
  margin-right: var(--icon-margin, 6px);
}
.button__icon--right {
  margin-left: var(--icon-margin, 6px);
}
.button__text {
  display: inline-block;
}
.button__spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background-color: inherit;
}
.button__spinner-inner {
  width: var(--spinner-size, 16px);
  height: var(--spinner-size, 16px);
  border: 2px solid white !important;
  border-top-color: hsl(210, 100%, 45%) !important;
  border-radius: 50% !important;
  animation: button-spin 0.8s linear infinite !important;
}
.button--default {
  background-color: #161616;
  color: white;
  border-color: black;
}
.button--default:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(0, 114.75, 229.5, 0.5);
  transition: none;
}
.button--default:active:not(.button--disabled):not(.button--loading), .button--default.button--active:not(.button--disabled):not(.button--loading) {
  background-color: hsl(210, 100%, 32%);
}
.button--default .button__spinner-inner {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
}
.button--main-theme {
  background-color: #222;
  color: #ffffff;
  border-color: rgb(85, 85, 85);
}
.button--main-theme:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(0, 114.75, 229.5, 0.5);
  transition: none;
}
.button--main-theme:active:not(.button--disabled):not(.button--loading), .button--main-theme.button--active:not(.button--disabled):not(.button--loading) {
  background-color: hsl(210, 100%, 32%);
}
.button--main-theme .button__spinner-inner {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
}
.button--primary {
  background-color: #137cbd;
  color: #ffffff;
  border-color: #137cbd;
}
.button--primary:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(16.6706730769, 108.7980769231, 165.8293269231, 0.5);
  transition: none;
}
.button--primary:active:not(.button--disabled):not(.button--loading), .button--primary.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgb(14.3413461538, 93.5961538462, 142.6586538462);
}
.button--primary .button__spinner-inner {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
}
.button--success {
  background-color: #0f9960;
  color: #ffffff;
  border-color: #0f9960;
}
.button--success:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(12.7232142857, 129.7767857143, 81.4285714286, 0.5);
  transition: none;
}
.button--success:active:not(.button--disabled):not(.button--loading), .button--success.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgb(10.4464285714, 106.5535714286, 66.8571428571);
}
.button--success .button__spinner-inner {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
}
.button--warning {
  background-color: #d9822b;
  color: #ffffff;
  border-color: #d9822b;
}
.button--warning:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(198.856, 117.25, 35.644, 0.5);
  transition: none;
}
.button--warning:active:not(.button--disabled):not(.button--loading), .button--warning.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgb(177.232, 104.5, 31.768);
}
.button--warning .button__spinner-inner {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
}
.button--danger {
  background-color: #db3737;
  color: #ffffff;
  border-color: #db3737;
}
.button--danger:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(210.593220339, 37.906779661, 37.906779661, 0.5);
  transition: none;
}
.button--danger:active:not(.button--disabled):not(.button--loading), .button--danger.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgb(188.9830508475, 34.0169491525, 34.0169491525);
}
.button--danger .button__spinner-inner {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
}
.button--minimal {
  background-color: transparent;
  border-color: transparent;
}
.button--minimal.button--default {
  color: #161616;
}
.button--minimal.button--default:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(22, 22, 22, 0.1);
}
.button--minimal.button--default:active:not(.button--disabled):not(.button--loading), .button--minimal.button--default.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(22, 22, 22, 0.2);
}
.button--minimal.button--default .button__spinner-inner {
  border: 2px solid rgba(22, 22, 22, 0.3);
  border-top-color: #161616;
}
.button--minimal.button--main-theme {
  color: #222;
}
.button--minimal.button--main-theme:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(34, 34, 34, 0.1);
}
.button--minimal.button--main-theme:active:not(.button--disabled):not(.button--loading), .button--minimal.button--main-theme.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(34, 34, 34, 0.2);
}
.button--minimal.button--main-theme .button__spinner-inner {
  border: 2px solid rgba(34, 34, 34, 0.3);
  border-top-color: #222;
}
.button--minimal.button--primary {
  color: #137cbd;
}
.button--minimal.button--primary:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(19, 124, 189, 0.1);
}
.button--minimal.button--primary:active:not(.button--disabled):not(.button--loading), .button--minimal.button--primary.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(19, 124, 189, 0.2);
}
.button--minimal.button--primary .button__spinner-inner {
  border: 2px solid rgba(19, 124, 189, 0.3);
  border-top-color: #137cbd;
}
.button--minimal.button--success {
  color: #0f9960;
}
.button--minimal.button--success:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(15, 153, 96, 0.1);
}
.button--minimal.button--success:active:not(.button--disabled):not(.button--loading), .button--minimal.button--success.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(15, 153, 96, 0.2);
}
.button--minimal.button--success .button__spinner-inner {
  border: 2px solid rgba(15, 153, 96, 0.3);
  border-top-color: #0f9960;
}
.button--minimal.button--warning {
  color: #d9822b;
}
.button--minimal.button--warning:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(217, 130, 43, 0.1);
}
.button--minimal.button--warning:active:not(.button--disabled):not(.button--loading), .button--minimal.button--warning.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(217, 130, 43, 0.2);
}
.button--minimal.button--warning .button__spinner-inner {
  border: 2px solid rgba(217, 130, 43, 0.3);
  border-top-color: #d9822b;
}
.button--minimal.button--danger {
  color: #db3737;
}
.button--minimal.button--danger:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(219, 55, 55, 0.1);
}
.button--minimal.button--danger:active:not(.button--disabled):not(.button--loading), .button--minimal.button--danger.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(219, 55, 55, 0.2);
}
.button--minimal.button--danger .button__spinner-inner {
  border: 2px solid rgba(219, 55, 55, 0.3);
  border-top-color: #db3737;
}
.button--outlined {
  background-color: transparent;
}
.button--outlined.button--default {
  color: #161616;
  border-color: #161616;
}
.button--outlined.button--default:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(22, 22, 22, 0.1);
}
.button--outlined.button--default:active:not(.button--disabled):not(.button--loading), .button--outlined.button--default.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(22, 22, 22, 0.2);
}
.button--outlined.button--default .button__spinner-inner {
  border: 2px solid rgba(22, 22, 22, 0.3);
  border-top-color: #161616;
}
.button--outlined.button--main-theme {
  color: #222;
  border-color: #222;
}
.button--outlined.button--main-theme:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(34, 34, 34, 0.1);
}
.button--outlined.button--main-theme:active:not(.button--disabled):not(.button--loading), .button--outlined.button--main-theme.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(34, 34, 34, 0.2);
}
.button--outlined.button--main-theme .button__spinner-inner {
  border: 2px solid rgba(34, 34, 34, 0.3);
  border-top-color: #222;
}
.button--outlined.button--primary {
  color: #137cbd;
  border-color: #137cbd;
}
.button--outlined.button--primary:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(19, 124, 189, 0.1);
}
.button--outlined.button--primary:active:not(.button--disabled):not(.button--loading), .button--outlined.button--primary.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(19, 124, 189, 0.2);
}
.button--outlined.button--primary .button__spinner-inner {
  border: 2px solid rgba(19, 124, 189, 0.3);
  border-top-color: #137cbd;
}
.button--outlined.button--success {
  color: #0f9960;
  border-color: #0f9960;
}
.button--outlined.button--success:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(15, 153, 96, 0.1);
}
.button--outlined.button--success:active:not(.button--disabled):not(.button--loading), .button--outlined.button--success.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(15, 153, 96, 0.2);
}
.button--outlined.button--success .button__spinner-inner {
  border: 2px solid rgba(15, 153, 96, 0.3);
  border-top-color: #0f9960;
}
.button--outlined.button--warning {
  color: #d9822b;
  border-color: #d9822b;
}
.button--outlined.button--warning:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(217, 130, 43, 0.1);
}
.button--outlined.button--warning:active:not(.button--disabled):not(.button--loading), .button--outlined.button--warning.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(217, 130, 43, 0.2);
}
.button--outlined.button--warning .button__spinner-inner {
  border: 2px solid rgba(217, 130, 43, 0.3);
  border-top-color: #d9822b;
}
.button--outlined.button--danger {
  color: #db3737;
  border-color: #db3737;
}
.button--outlined.button--danger:hover:not(.button--disabled):not(.button--loading) {
  background-color: rgba(219, 55, 55, 0.1);
}
.button--outlined.button--danger:active:not(.button--disabled):not(.button--loading), .button--outlined.button--danger.button--active:not(.button--disabled):not(.button--loading) {
  background-color: rgba(219, 55, 55, 0.2);
}
.button--outlined.button--danger .button__spinner-inner {
  border: 2px solid rgba(219, 55, 55, 0.3);
  border-top-color: #db3737;
}
.button--full-width {
  width: 100%;
  display: flex;
}
.button--disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.button--loading {
  cursor: wait;
  pointer-events: none;
}
.button--sm {
  font-size: 0.75rem;
  height: 1.5rem;
  padding: 0.5rem 0.5rem;
  --icon-margin: 0.333em;
  --spinner-size: 12px;
}
.button--sm .button__icon svg {
  width: 1.167em;
  height: 1.167em;
}
.button--sm.button--icon-only {
  width: 1.5rem;
  min-width: 1.5rem;
  max-width: 1.5rem;
  padding: 2px;
  aspect-ratio: 1;
  flex-shrink: 0;
  flex-grow: 0;
}
.button--sm.button--icon-only .button__icon {
  margin: 0 !important;
}
.button--sm.button--icon-only .button__icon svg {
  width: 0.9375rem;
  height: 0.9375rem;
  max-width: none;
  max-height: none;
}
.button--sm.button--icon-only[style*="--custom-icon-only-size"] {
  width: var(--custom-icon-only-size);
  min-width: var(--custom-icon-only-size);
  max-width: var(--custom-icon-only-size);
  height: var(--custom-icon-only-size);
}
.button--sm.button--icon-only[style*="--custom-icon-only-size"] .button__icon svg {
  width: calc(var(--custom-icon-only-size) * 0.6);
  height: calc(var(--custom-icon-only-size) * 0.6);
}
.button--sm.button--icon-only.button--full-width {
  width: 100%;
  max-width: none;
  aspect-ratio: unset;
}
.button--sm.button--icon-only.button--full-width[style*="--custom-icon-only-size"] {
  width: 100%;
  max-width: none;
}
.button--sm.button--icon-only.button--full-width[style*="--custom-icon-only-size"] .button__icon svg {
  width: 0.9375rem;
  height: 0.9375rem;
}
.button--md {
  font-size: 0.875rem;
  height: 2rem;
  padding: 0.5rem 0.75rem;
  --icon-margin: 0.429em;
  --spinner-size: 16px;
}
.button--md .button__icon svg {
  width: 1.143em;
  height: 1.143em;
}
.button--md.button--icon-only {
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
  padding: 4px;
  aspect-ratio: 1;
  flex-shrink: 0;
  flex-grow: 0;
}
.button--md.button--icon-only .button__icon {
  margin: 0 !important;
}
.button--md.button--icon-only .button__icon svg {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  max-width: none;
  max-height: none;
}
.button--md.button--icon-only[style*="--custom-icon-only-size"] {
  width: var(--custom-icon-only-size);
  min-width: var(--custom-icon-only-size);
  max-width: var(--custom-icon-only-size);
  height: var(--custom-icon-only-size);
}
.button--md.button--icon-only[style*="--custom-icon-only-size"] .button__icon svg {
  width: calc(var(--custom-icon-only-size) * 0.6);
  height: calc(var(--custom-icon-only-size) * 0.6);
}
.button--md.button--icon-only.button--full-width {
  width: 100%;
  max-width: none;
  aspect-ratio: unset;
}
.button--md.button--icon-only.button--full-width[style*="--custom-icon-only-size"] {
  width: 100%;
  max-width: none;
}
.button--md.button--icon-only.button--full-width[style*="--custom-icon-only-size"] .button__icon svg {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}
.button--lg {
  font-size: 1rem;
  height: 2.5rem;
  padding: 1rem 1rem;
  --icon-margin: 0.5em;
  --spinner-size: 20px;
}
.button--lg .button__icon svg {
  width: 1.125em;
  height: 1.125em;
}
.button--lg.button--icon-only {
  width: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  padding: 6px;
  aspect-ratio: 1;
  flex-shrink: 0;
  flex-grow: 0;
}
.button--lg.button--icon-only .button__icon {
  margin: 0 !important;
}
.button--lg.button--icon-only .button__icon svg {
  width: 1.5913430936rem;
  height: 1.5913430936rem;
  max-width: none;
  max-height: none;
}
.button--lg.button--icon-only[style*="--custom-icon-only-size"] {
  width: var(--custom-icon-only-size);
  min-width: var(--custom-icon-only-size);
  max-width: var(--custom-icon-only-size);
  height: var(--custom-icon-only-size);
}
.button--lg.button--icon-only[style*="--custom-icon-only-size"] .button__icon svg {
  width: calc(var(--custom-icon-only-size) * 0.6);
  height: calc(var(--custom-icon-only-size) * 0.6);
}
.button--lg.button--icon-only.button--full-width {
  width: 100%;
  max-width: none;
  aspect-ratio: unset;
}
.button--lg.button--icon-only.button--full-width[style*="--custom-icon-only-size"] {
  width: 100%;
  max-width: none;
}
.button--lg.button--icon-only.button--full-width[style*="--custom-icon-only-size"] .button__icon svg {
  width: 1.5913430936rem;
  height: 1.5913430936rem;
}
.button--sm-fh {
  font-size: 0.75rem;
  height: 100%;
  padding: 0.25rem 0.25rem;
  --icon-margin: 0.333em;
  --spinner-size: 12px;
}
.button--sm-fh .button__icon svg {
  width: 1.167em;
  height: 1.167em;
}
.button--sm-fh.button--icon-only {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 2px;
  aspect-ratio: 1;
  flex-shrink: 0;
  flex-grow: 0;
}
.button--sm-fh.button--icon-only .button__icon {
  margin: 0 !important;
}
.button--sm-fh.button--icon-only .button__icon svg {
  width: 1em;
  height: 1em;
  max-width: none;
  max-height: none;
}
.button--sm-fh.button--icon-only[style*="--custom-icon-only-size"] {
  width: var(--custom-icon-only-size);
  min-width: var(--custom-icon-only-size);
  max-width: var(--custom-icon-only-size);
  height: var(--custom-icon-only-size);
}
.button--sm-fh.button--icon-only[style*="--custom-icon-only-size"] .button__icon svg {
  width: calc(var(--custom-icon-only-size) * 0.6);
  height: calc(var(--custom-icon-only-size) * 0.6);
}
.button--sm-fh.button--icon-only.button--full-width {
  width: 100%;
  max-width: none;
  aspect-ratio: unset;
}
.button--sm-fh.button--icon-only.button--full-width[style*="--custom-icon-only-size"] {
  width: 100%;
  max-width: none;
}
.button--sm-fh.button--icon-only.button--full-width[style*="--custom-icon-only-size"] .button__icon svg {
  width: 1em;
  height: 1em;
}
.button--md-fh {
  font-size: 0.875rem;
  height: 100%;
  padding: 0.25rem 0.5em;
  --icon-margin: 0.429em;
  --spinner-size: 16px;
}
.button--md-fh .button__icon svg {
  width: 1.143em;
  height: 1.143em;
}
.button--md-fh.button--icon-only {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 4px;
  aspect-ratio: 1;
  flex-shrink: 0;
  flex-grow: 0;
}
.button--md-fh.button--icon-only .button__icon {
  margin: 0 !important;
}
.button--md-fh.button--icon-only .button__icon svg {
  width: 1.2em;
  height: 1.2em;
  max-width: none;
  max-height: none;
}
.button--md-fh.button--icon-only[style*="--custom-icon-only-size"] {
  width: var(--custom-icon-only-size);
  min-width: var(--custom-icon-only-size);
  max-width: var(--custom-icon-only-size);
  height: var(--custom-icon-only-size);
}
.button--md-fh.button--icon-only[style*="--custom-icon-only-size"] .button__icon svg {
  width: calc(var(--custom-icon-only-size) * 0.6);
  height: calc(var(--custom-icon-only-size) * 0.6);
}
.button--md-fh.button--icon-only.button--full-width {
  width: 100%;
  max-width: none;
  aspect-ratio: unset;
}
.button--md-fh.button--icon-only.button--full-width[style*="--custom-icon-only-size"] {
  width: 100%;
  max-width: none;
}
.button--md-fh.button--icon-only.button--full-width[style*="--custom-icon-only-size"] .button__icon svg {
  width: 1.2em;
  height: 1.2em;
}
.button--lg-fh {
  font-size: 1rem;
  height: 100%;
  padding: 0.75em 1.5em;
  --icon-margin: 0.5em;
  --spinner-size: 20px;
}
.button--lg-fh.button--icon-only {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 6px;
  aspect-ratio: 1;
  flex-shrink: 0;
  flex-grow: 0;
}
.button--lg-fh.button--icon-only .button__icon {
  margin: 0 !important;
}
.button--lg-fh.button--icon-only .button__icon svg {
  width: 1.5em;
  height: 1.5em;
  max-width: none;
  max-height: none;
}
.button--lg-fh.button--icon-only[style*="--custom-icon-only-size"] {
  width: var(--custom-icon-only-size);
  min-width: var(--custom-icon-only-size);
  max-width: var(--custom-icon-only-size);
  height: var(--custom-icon-only-size);
}
.button--lg-fh.button--icon-only[style*="--custom-icon-only-size"] .button__icon svg {
  width: calc(var(--custom-icon-only-size) * 0.6);
  height: calc(var(--custom-icon-only-size) * 0.6);
}
.button--lg-fh.button--icon-only.button--full-width {
  width: 100%;
  max-width: none;
  aspect-ratio: unset;
}
.button--lg-fh.button--icon-only.button--full-width[style*="--custom-icon-only-size"] {
  width: 100%;
  max-width: none;
}
.button--lg-fh.button--icon-only.button--full-width[style*="--custom-icon-only-size"] .button__icon svg {
  width: 1.5em;
  height: 1.5em;
}

@keyframes button-spin {
  to {
    transform: rotate(360deg);
  }
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.scaled-print-card {
  padding: 10px 10px 0 10px;
}
.scaled-print-card--as-popup {
  padding: unset;
  height: 100%;
}
.scaled-print-card-popup-content--hidden {
  visibility: hidden;
}
.scaled-print-card__icon {
  margin-left: 8px;
}
.scaled-print-card .right-panel-card__callout {
  overflow: hidden;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.quick-print-card-popup-content {
  bottom: 0;
  background-color: transparent;
  z-index: 10;
  cursor: not-allowed;
}
.quick-print-card-container {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  row-gap: 12px;
}
@use "@styles/base/_colors.scss" as colors;
.card-inner-table > thead > tr > th,
.card-inner-table > tbody > tr > td {
  vertical-align: middle;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.taktik-sekiller-card-menu {
  display: flex;
  justify-content: space-around;
  padding: 2px 0 !important;
  background-color: transparent !important;
}
.taktik-sekiller-card-menu__item-image {
  width: 50px;
  height: 50px;
  margin-right: 0 !important;
}
.taktik-sekiller-card-info-tab-panel {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  margin-top: 10px;
}
.taktik-sekiller-card-info-tab-panel__track-info-section {
  display: flex;
  column-gap: 5px;
  text-wrap: nowrap;
}
.taktik-sekiller-card-info-tab-panel__offset-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 8px;
}
.taktik-sekiller-card-info-tab-panel__offset-section > *:first-child {
  grid-column: span 2;
}
.taktik-sekiller-card-info-tab-panel__divider {
  border-bottom: 1px solid #555 !important;
  margin-top: 0px !important;
}
.taktik-sekiller-card-info-tab-panel__actions-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}
.taktik-sekiller-card-info-tab-panel__action-button--add {
  grid-column: 2/3;
}
.taktik-sekiller-card-info-tab-panel__action-button--save {
  grid-column: 1/2;
}
.taktik-sekiller-card-list-tab-panel {
  height: 325px;
}
.taktik-sekiller-card-tabs > .bp3-tab-list {
  border-bottom: 1px solid #555 !important;
}

/* .numeric-input-with-unit {
  display: flex;
  align-items: center;
  column-gap: 8px;
} */
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.suspicious_alert--icon {
  color: hsl(120, 40%, 44%);
}
.suspicious_alert--icon-off {
  color: white;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.visibility-analysis-card-menu {
  display: flex;
  justify-content: space-around;
  padding: 0px 0 !important;
  background-color: transparent !important;
}
.visibility-analysis-card-menu__item-image {
  width: 50px;
  height: 50px;
  margin-right: 0 !important;
}
.visibility-analysis-card-info-tab-panel {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  margin-top: 2px;
  padding-bottom: 2px;
}
.visibility-analysis-card-info-tab-panel__header-section {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  column-gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #555;
}
.visibility-analysis-card-info-tab-panel__header-input {
  flex: 1;
  min-width: 0;
}
.visibility-analysis-card-info-tab-panel__header-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 22px;
}
.visibility-analysis-card-info-tab-panel__track-info-section {
  display: flex;
  column-gap: 5px;
  text-wrap: nowrap;
}
.visibility-analysis-card-info-tab-panel__offset-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 8px;
}
.visibility-analysis-card-info-tab-panel__offset-section > *:first-child {
  grid-column: span 2;
}
.visibility-analysis-card-info-tab-panel__actions-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}
.visibility-analysis-card-info-tab-panel__action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  min-width: 120px;
}
.visibility-analysis-card-info-tab-panel__action-button--cancel {
  color: #ff0000 !important;
  /* // Hover durumunda da kırmızı arka plan
  &:hover {
    background-color: rgba(255, 0, 0, 0.2) !important;
    border-color: #ff0000 !important;
  }

  // Focus durumunda da kırmızı border
  &:focus {
    border-color: #ff0000 !important;
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.3) !important;
  } */
}
.visibility-analysis-card-info-tab-panel .custom-table-style, .visibility-analysis-card-list-tab-panel .custom-table-style {
  height: 300px;
}
.visibility-analysis-card-info-tab-panel .custom-table-style .ag-theme-balham.ag-grid-full-height, .visibility-analysis-card-list-tab-panel .custom-table-style .ag-theme-balham.ag-grid-full-height {
  height: 300px !important;
}
.visibility-analysis-card-list-tab-panel {
  height: 300px;
}
.visibility-analysis-card-tabs > .bp3-tab-list {
  border-bottom: 1px solid #555 !important;
}

.card-inner-table > thead > tr > th,
.card-inner-table > tbody > tr > td {
  vertical-align: middle;
}

/* .numeric-input-with-unit {
  display: flex;
  align-items: center;
  column-gap: 8px;
} */
.visibility-analysis-card-info-tab-panel__action-button--cancel.status-find-button:hover {
  background-color: rgba(255, 0, 0, 0.2) !important;
  border-color: #ff0000 !important;
}
.visibility-analysis-card-info-tab-panel__action-button--cancel.status-find-button:focus {
  border-color: #ff0000 !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.3) !important;
}

.analysis-status-span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.analysis-status-span--success {
  color: #0f9960;
}
.analysis-status-span--danger {
  color: #db3737;
}

.btn-cancel-container {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}

.analysis-progress-text {
  font-size: 12px;
  font-weight: 600;
  color: #48aff0;
  margin-right: 4px;
}

.btn-cancel-analysis {
  letter-spacing: 1px;
  font-size: 12px;
  color: #fff !important;
}

.visibility-analysis-delete-button {
  transition: all 0.2s ease;
}
.visibility-analysis-delete-button:hover {
  transform: scale(1.15);
}
.visibility-analysis-delete-button:hover svg {
  fill: #ff0000 !important;
  color: #ff0000 !important;
}
.visibility-analysis-delete-button:active {
  transform: scale(0.95);
}

.visibility-analysis-export-button {
  transition: all 0.2s ease;
}
.visibility-analysis-export-button:hover:not(:disabled) {
  transform: scale(1.15);
}
.visibility-analysis-export-button:hover:not(:disabled) svg {
  fill: #0f9960 !important;
  color: #0f9960 !important;
}
.visibility-analysis-export-button:active:not(:disabled) {
  transform: scale(0.95);
}
.visibility-analysis-export-button:disabled {
  cursor: not-allowed;
}

.visibility-analysis-theme-tab__section {
  padding: 10px 8px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 5px;
  transition: background 0.2s ease;
}
.visibility-analysis-theme-tab__section:hover {
  background: rgba(255, 255, 255, 0.04);
}
.visibility-analysis-theme-tab__color-picker-wrapper {
  background: rgba(0, 0, 0, 0.15);
  padding: 8px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.visibility-analysis-theme-tab__color-picker-wrapper:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.visibility-analysis-theme-tab__color-picker-wrapper .bp3-form-group {
  margin-bottom: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.visibility-analysis-theme-tab__color-picker-wrapper label {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 6px;
  font-size: 13px;
}
.visibility-analysis-theme-tab__control-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px 0;
}
.visibility-analysis-theme-tab__slider-container {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.visibility-analysis-theme-tab__slider-container .bp3-form-group {
  margin-bottom: 0;
}
.visibility-analysis-theme-tab__slider-container .bp3-form-group label {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 8px;
  font-size: 13px;
  display: block;
  text-align: center;
}
.visibility-analysis-theme-tab__slider-container .bp3-form-group > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
}
.visibility-analysis-theme-tab__slider-container .bp3-slider {
  width: 85%;
}
.visibility-analysis-theme-tab__slider-container .bp3-slider .bp3-slider-track {
  background: rgba(255, 255, 255, 0.1);
}
.visibility-analysis-theme-tab__slider-container .bp3-slider .bp3-slider-progress {
  background: linear-gradient(90deg, #137cbd, #2b95d6);
}
.visibility-analysis-theme-tab__slider-container .bp3-slider .bp3-slider-handle {
  background: #137cbd;
  box-shadow: 0 2px 8px rgba(19, 124, 189, 0.4);
}
.visibility-analysis-theme-tab__slider-container .bp3-slider .bp3-slider-handle:hover {
  background: #2b95d6;
}
.visibility-analysis-theme-tab__switch-container {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px 12px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  height: 100%;
  transition: all 0.2s ease;
}
.visibility-analysis-theme-tab__switch-container:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.visibility-analysis-theme-tab__switch-container .bp3-control {
  margin-bottom: 0;
}
.visibility-analysis-theme-tab__switch-container .bp3-control .bp3-control-indicator {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.visibility-analysis-theme-tab__switch-container input:checked ~ .bp3-control-indicator {
  background: #137cbd;
  border-color: #137cbd;
}
.visibility-analysis-theme-tab__select-container {
  background: rgba(0, 0, 0, 0.15);
  padding: 8px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.visibility-analysis-theme-tab__select-container .bp3-form-group {
  margin-bottom: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.visibility-analysis-theme-tab__select-container .bp3-form-group label {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 6px;
  font-size: 13px;
}
.visibility-analysis-theme-tab__select-container .bp3-button {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.2s ease;
}
.visibility-analysis-theme-tab__select-container .bp3-button:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
}
.visibility-analysis-theme-tab__controls-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
.visibility-analysis-theme-tab__text-settings {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.visibility-analysis-theme-tab__text-settings > * {
  flex: 1;
}

.visibility-analysis-card-info-tab-panel [bp=grid] {
  display: grid;
  gap: 0px !important;
  row-gap: 5.5px !important;
  column-gap: 16px !important;
}
.visibility-analysis-card-info-tab-panel [bp=grid] > [bp="6"] {
  grid-column: span 6;
}
.visibility-analysis-card-info-tab-panel [bp=grid] > [bp="12"] {
  grid-column: span 12;
}
.visibility-analysis-card-info-tab-panel .bp3-tab-list {
  padding: 2px 0 !important;
}
.visibility-analysis-card-info-tab-panel .bp3-tab-panel {
  padding: 2px 0 !important;
  margin-top: 0px !important;
}
.visibility-analysis-card-info-tab-panel .card-inner-table {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.visibility-analysis-card .ag-theme-balham .ag-details-row .ag-details-row-cell {
  padding: 0 !important;
}
.visibility-analysis-card .ag-theme-balham .ag-details-row .ag-theme-balham {
  width: 100% !important;
  height: 200px !important;
}
.visibility-analysis-card .ag-theme-balham .ag-group-expanded,
.visibility-analysis-card .ag-theme-balham .ag-group-contracted {
  cursor: pointer !important;
  padding: 8px !important;
  margin: -8px !important;
}
.visibility-analysis-card .ag-theme-balham .ag-cell-wrapper {
  cursor: pointer;
}

.analysis-points-table {
  max-height: 300px;
  overflow-y: auto;
}
.analysis-points-table .ag-row-group,
.analysis-points-table .ag-row-group.ag-row-odd,
.analysis-points-table .ag-row-group.ag-row-even {
  background-color: #011f31 !important;
  font-weight: 600;
}
.analysis-points-table .ag-row-group:hover,
.analysis-points-table .ag-row-group.ag-row-odd:hover,
.analysis-points-table .ag-row-group.ag-row-even:hover {
  background-color: #011f31 !important;
}
.analysis-points-table .ag-group-expanded,
.analysis-points-table .ag-group-contracted {
  margin-left: 8px !important;
}
.analysis-points-table .ag-cell-expandable {
  padding-left: 4px !important;
}
@use "@styles/base/_colors.scss" as colors;
.card-inner-table > thead > tr > th,
.card-inner-table > tbody > tr > td {
  vertical-align: middle;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.vrm-ebl-card-menu {
  display: flex;
  justify-content: space-around;
  padding: 2px 0 !important;
  background-color: transparent !important;
}
.vrm-ebl-card-menu__item-image {
  width: 50px;
  height: 50px;
  margin-right: 0 !important;
}
.vrm-ebl-card-info-tab-panel {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  margin-top: 10px;
}
.vrm-ebl-card-info-tab-panel__track-info-section {
  display: flex;
  column-gap: 5px;
  text-wrap: nowrap;
}
.vrm-ebl-card-info-tab-panel__offset-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 8px;
}
.vrm-ebl-card-info-tab-panel__offset-section > *:first-child {
  grid-column: span 2;
}
.vrm-ebl-card-info-tab-panel__header-section {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  column-gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #555;
}
.vrm-ebl-card-info-tab-panel__header-input {
  flex: 1;
  min-width: 0;
}
.vrm-ebl-card-info-tab-panel__header-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 22px;
}
.vrm-ebl-card-info-tab-panel__divider {
  border-bottom: 1px solid #555 !important;
  margin-top: 0px !important;
}
.vrm-ebl-card-info-tab-panel__actions-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.vrm-ebl-card-info-tab-panel__action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  min-width: 120px;
}
.vrm-ebl-card-list-tab-panel {
  height: 325px;
}
.vrm-ebl-card-delete-button {
  transition: all 0.2s ease;
}
.vrm-ebl-card-delete-button:hover {
  transform: scale(1.15);
}
.vrm-ebl-card-delete-button:hover svg {
  fill: #ff0000 !important;
  color: #ff0000 !important;
}
.vrm-ebl-card-delete-button:active {
  transform: scale(0.95);
}
.vrm-ebl-card-tabs > .bp3-tab-list {
  border-bottom: 1px solid #555 !important;
}

.vrm-ebl-card-info-tab-panel [bp=grid] {
  display: grid;
  gap: 0px !important;
  row-gap: 5.5px !important;
  column-gap: 16px !important;
}
.vrm-ebl-card-info-tab-panel [bp=grid] > [bp="6"] {
  grid-column: span 6;
}
.vrm-ebl-card-info-tab-panel [bp=grid] > [bp="12"] {
  grid-column: span 12;
}
.vrm-ebl-card-info-tab-panel .bp3-tab-list {
  padding: 2px 0 !important;
}
.vrm-ebl-card-info-tab-panel .bp3-tab-panel {
  padding: 2px 0 !important;
  margin-top: 0px !important;
}
.vrm-ebl-card-info-tab-panel .card-inner-table {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.vrm-ebl-theme-tab__section {
  padding: 10px 8px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 5px;
  transition: background 0.2s ease;
}
.vrm-ebl-theme-tab__section:hover {
  background: rgba(255, 255, 255, 0.04);
}
.vrm-ebl-theme-tab__color-picker-wrapper {
  background: rgba(0, 0, 0, 0.15);
  padding: 8px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.vrm-ebl-theme-tab__color-picker-wrapper:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.vrm-ebl-theme-tab__color-picker-wrapper .bp3-form-group {
  margin-bottom: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.vrm-ebl-theme-tab__color-picker-wrapper label {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 6px;
  font-size: 13px;
}
.vrm-ebl-theme-tab__slider-container {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vrm-ebl-theme-tab__slider-container .bp3-form-group {
  margin-bottom: 0;
}
.vrm-ebl-theme-tab__slider-container .bp3-form-group label {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 8px;
  font-size: 13px;
  display: block;
  text-align: center;
}
.vrm-ebl-theme-tab__slider-container .bp3-form-group > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
}
.vrm-ebl-theme-tab__slider-container .bp3-slider {
  width: 85%;
}
.vrm-ebl-theme-tab__slider-container .bp3-slider .bp3-slider-track {
  background: rgba(255, 255, 255, 0.1);
}
.vrm-ebl-theme-tab__slider-container .bp3-slider .bp3-slider-progress {
  background: linear-gradient(90deg, #137cbd, #2b95d6);
}
.vrm-ebl-theme-tab__slider-container .bp3-slider .bp3-slider-handle {
  background: #137cbd;
  box-shadow: 0 2px 8px rgba(19, 124, 189, 0.4);
}
.vrm-ebl-theme-tab__slider-container .bp3-slider .bp3-slider-handle:hover {
  background: #2b95d6;
}
.vrm-ebl-theme-tab__switch-container {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px 12px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  height: 100%;
  transition: all 0.2s ease;
}
.vrm-ebl-theme-tab__switch-container:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.vrm-ebl-theme-tab__switch-container .bp3-control {
  margin-bottom: 0;
}
.vrm-ebl-theme-tab__switch-container .bp3-control .bp3-control-indicator {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.vrm-ebl-theme-tab__switch-container input:checked ~ .bp3-control-indicator {
  background: #137cbd;
  border-color: #137cbd;
}
.vrm-ebl-theme-tab__controls-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
.vrm-ebl-theme-tab__text-settings {
  background: rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.vrm-ebl-theme-tab__text-settings > * {
  flex: 1;
}

/* .numeric-input-with-unit {
  display: flex;
  align-items: center;
  column-gap: 8px;
} */
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.error-boundary {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding: 18px 30px;
  row-gap: 12px;
}
.error-boundary__title {
  white-space: pre-wrap;
  margin: 0;
}
.error-boundary__component-stack {
  flex: 1;
  padding: 10px;
  margin: 0;
  overflow: auto;
  background-color: rgb(41, 41, 41) !important;
  white-space: pre-wrap;
  border: none;
}
.error-boundary__retry-button {
  width: auto;
}
@use "@styles/base/_colors.scss" as colors;
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
@charset "UTF-8";
@use "@styles/base/_colors.scss" as colors;
/* Slider */
.slick-loading .slick-list {
  background: #fff url(/assets/ajax-loader..gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url(/assets/slick..eot);
  src: url(/assets/slick..eot?#iefix) format("embedded-opentype"), url(/assets/slick..woff) format("woff"), url(/assets/slick..ttf) format("truetype"), url(/assets/node_modules/slick-carousel/slick/fonts/slick.svg#slick) format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.image-carousel {
  padding: 0 25px;
  overflow: hidden;
}
@media (min-width: 350px) {
  .image-carousel {
    width: 80%;
    margin: 0 auto;
  }
}
.image-carousel .slick-slider,
.image-carousel .slick-list,
.image-carousel .slick-track {
  max-height: inherit;
}
.image-carousel .slick-track {
  display: flex !important;
  align-items: center;
}
.image-carousel .slick-slide {
  max-height: inherit;
}
.image-carousel .slick-slide > div {
  max-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-carousel img {
  cursor: pointer;
  max-width: 100%;
  max-height: inherit;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.drop-container {
  width: 300px;
  border: 1px dashed rgb(85, 85, 85);
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 4px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drop-container.dragging-over {
  background-color: rgba(72, 175, 228, 0.1490196078);
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.borderPanel__right {
  padding: 0.15em 0.15em !important;
  margin: 0px 0px !important;
}
.borderPanel .panel__text {
  font-size: 1.1rem;
  font-weight: 500;
}
.borderPanel__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .borderPanel__container {
    height: 30px;
  }
}
@media screen and (min-width: 1366px) {
  .borderPanel__container {
    height: 35px;
  }
}
@media screen and (min-width: 1920px) {
  .borderPanel__container {
    height: 35px;
  }
}
@media screen and (min-width: 2560px) {
  .borderPanel__container {
    height: 40px;
  }
}
.borderPanel__container {
  padding: 0em 0.75em !important;
  margin: 0 0;
}
.borderPanel__icon {
  width: 16px;
  height: 16px;
}
.borderPanel__icon--container {
  display: flex;
  gap: 10px;
}

.bp3-dark2 .borderPanel__container {
  background-color: #0f1214 !important;
  box-shadow: 0px 4px 4px 0px rgba(29, 139, 223, 0.25);
}

.bp3-dark .borderPanel__container {
  background-color: rgb(41, 41, 41) !important;
  box-shadow: 0px 4px 4px 0px rgba(60, 59, 59, 0.6);
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.notification-layout {
  display: flex;
  flex-wrap: nowrap;
  width: 400px;
}
.notification-layout > .notification-img {
  padding-left: 1.1rem;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notification-layout > .notification-content {
  display: flex;
  flex-flow: column nowrap;
  margin: 0.5rem 3rem 0.5rem 2rem;
}
.notification-layout > .notification-content > .notification-body {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  width: 27.3rem;
}
.notification-layout > .notification-content > .notification-body > .title {
  font-family: inherit;
  line-height: 1.2;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 !important;
}
.notification-layout > .notification-content > .meta {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  margin-top: 0.5rem;
}
.notification-layout > .notification-content > .meta > div > .title {
  font-family: inherit;
  font-size: 0.875rem;
  margin: 0;
}

.tab-count {
  position: absolute;
  top: -13px;
  right: -13px;
}

.minimal-toaster-container .minimal-header-toaster {
  height: 5rem;
  overflow: hidden;
}
.minimal-toaster-container .minimal-header-toaster .bp3-toast-message {
  padding: 5px;
}
.minimal-toaster-container .minimal-header-toaster .left-container {
  flex-direction: column;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 8px;
  padding-top: 5px;
}
@use "@styles/base/_colors.scss" as colors;
.video-player-container {
  width: 100%;
  margin-bottom: 20px;
}

.video-main {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}

.video-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.video-info {
  padding: 15px;
}

.video-player-placeholder {
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f8fa;
}
@charset "UTF-8";
@use "@styles/base/_colors.scss" as colors;
.video-list {
  padding: 10px;
  height: 100%;
  overflow-y: auto;
}

.video-list-item {
  margin-bottom: 10px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  transition: transform 0.2s ease;
}

.video-list-item:hover {
  transform: translateX(5px);
}

.video-list-item.selected {
  background-color: #e1e8ed;
}

.video-thumbnail {
  width: 130px;
  height: 94px;
  flex-shrink: 0;
  border-radius: 3px;
  overflow: hidden;
}

.video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-details {
  flex: 1;
  min-width: 0;
  padding: 5px 0;
}

.video-description {
  color: #5c7080;
  margin-top: 5px;
  font-size: 0.9em;
  line-height: 1.4;
}

/* Tablet ve mobil için düzenlemeler */
@media (max-width: 1024px) {
  .video-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 15px;
    padding: 15px;
  }
  .video-list-item {
    margin-bottom: 0;
  }
}
/* Mobil için düzenlemeler */
@media (max-width: 768px) {
  .video-thumbnail {
    width: 120px;
    height: 67px;
  }
}
@charset "UTF-8";
@use "@styles/base/_colors.scss" as colors;
.video-gallery {
  display: flex;
  gap: 20px;
  height: 100%;
  width: 100%;
  flex-direction: column;
  padding-top: 10px;
  overflow: scroll;
}

.video-gallery-main {
  flex: 0;
  min-width: 0; /* Flexbox taşmasını önlemek için */
}

.video-gallery-list {
  margin: 0 10px 10px 10px;
  height: 53%;
  flex-shrink: 0;
  overflow-y: auto;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 1px 1px rgba(16, 22, 26, 0.2);
}

/* Tablet ve mobil cihazlar için responsive tasarım */
@media (max-width: 1024px) {
  .video-gallery {
    flex-direction: column;
  }
  .video-gallery-list {
    width: 100%;
    height: 400px; /* Liste için sabit yükseklik */
  }
}
/* Mobil cihazlar için ek düzenlemeler */
@media (max-width: 768px) {
  .video-gallery-list {
    height: 300px;
  }
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.tabset__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/* ------------------------------------------------------------------
   IMPORTS
------------------------------------------------------------------ */
/* ------------------------------------------------------------------
   NAV WRAPPERS
------------------------------------------------------------------ */
.nav-tabs-group {
  width: 100%;
  height: 48px;
}

.nav-options-group {
  margin-top: 10px !important;
  height: 10px !important;
}

/* ------------------------------------------------------------------
   TOP HEADER
------------------------------------------------------------------ */
.top__header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  justify-content: space-end;
  height: auto !important;
  width: 100%;
  margin: 0 0;
}
.top__header__user--btn {
  display: flex;
  flex-direction: row;
  letter-spacing: 0.8px;
  font-weight: 500;
  font-size: 1.2rem;
  cursor: pointer;
  gap: 0.5em;
  align-items: center;
  border-radius: 2px;
  color: hsl(210, 100%, 60%);
  user-select: none;
}
.top__header__user--btn div {
  white-space: nowrap;
}
.top__header__user--icon {
  color: hsl(210, 100%, 60%);
}
.top__header--icon {
  color: white;
}
.top__header {
  /* --- Blueprint override’ları --- */
}
.top__header .bp3-menu.menu-t {
  overflow: unset !important;
}
.top__header .bp3-button {
  min-height: unset !important;
  min-width: unset !important;
}
.top__header .bp3-navbar-group {
  height: 25px !important;
}
.top__header {
  /* --- alt gruplar --- */
}
.top__header-nav-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 200px;
  height: 100%;
  margin-bottom: auto;
  background-color: #0f1214 !important;
  /* left side main buttons container */
}
.top__header-nav-group .bp3-overflow-list {
  align-items: flex-end;
  gap: 2px;
}
.top__header-nav-right {
  margin-left: auto;
  margin-right: 5px;
  display: flex;
  align-items: center;
}
.top__header-title {
  margin: 0 0;
  font-size: 1.05rem;
  text-align: center;
  color: #a7b4c5;
  letter-spacing: 6px;
}
.top__header-login {
  margin-left: auto;
}
.top__header-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.top__header-logo-img {
  margin: auto 0 1em;
  height: auto;
  max-height: 40px;
  max-width: 40px;
}

/* ------------------------------------------------------------------
   MENU TABS
------------------------------------------------------------------ */
.menu-tabs {
  user-select: none;
  width: 100%;
  background-color: #0f1214;
  margin-top: 10px !important;
  text-align: center !important;
  padding-top: 1px;
  height: 30px !important;
  border-bottom: 1px solid #555;
  /* -------- TAB -------- */
}
.menu-tabs__tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  padding: 0.35em 0.85em;
  letter-spacing: 1.2px;
  border: none;
  font-weight: 600;
  font-size: 1.1rem;
  color: white !important;
  cursor: pointer;
  background-color: transparent !important;
  transition: none;
}
.menu-tabs__tab:hover {
  color: hsl(210, 100%, 60%) !important;
  transition: none;
}
.menu-tabs__tab {
  white-space: nowrap;
  /* -- SELECTED TAB -- */
}
.menu-tabs__tab--selected {
  display: block;
  padding: 0.35em 0.85em;
  letter-spacing: 1.2px;
  border: none;
  font-weight: 600;
  font-size: 1.1rem;
  color: white !important;
  cursor: pointer;
  background-color: transparent !important;
  transition: none;
}
.menu-tabs__tab--selected:hover {
  color: hsl(210, 100%, 60%) !important;
  transition: none;
}
.menu-tabs__tab--selected {
  border-top: 2px solid hsl(210, 100%, 60%);
  background-color: #3a3a3a !important;
}
.bp3-dark2 .menu-tabs__tab--selected {
  border-top: 2px solid hsl(210, 100%, 60%);
  background-color: #16242e !important;
}
.menu-tabs__tab {
  /* -- Blue­print’in aria seçimi -- */
}
.menu-tabs__tab[aria-selected=true] {
  border-right: 1px solid #444;
  border-left: 1px solid #444;
  background-color: #444 !important;
  color: hsl(210, 100%, 60%) !important;
  box-shadow: none !important;
  padding: 0.5em 0.5em;
  font-size: 1rem !important;
  position: relative;
}
.menu-tabs__tab {
  /* -- LIGHT MODİFİYE -- */
}
.menu-tabs__tab--light {
  display: block;
  padding: 0.35em 0.85em;
  letter-spacing: 1.2px;
  border: none;
  font-weight: 600;
  font-size: 1.1rem;
  color: white !important;
  cursor: pointer;
  background-color: transparent !important;
  transition: none;
}
.menu-tabs__tab--light:hover {
  color: hsl(210, 100%, 60%) !important;
  transition: none;
}
.menu-tabs__tab--light {
  background-color: transparent !important;
  border-bottom: none !important;
  color: #ffffff !important !important;
  text-decoration-color: #555 !important;
  height: 24px !important;
}
.menu-tabs__tab--light[aria-selected=true] {
  background-color: #ffffff !important;
  border-top: 3px solid hsl(210, 100%, 60%) !important;
  color: hsl(210, 100%, 60%) !important;
  box-shadow: none !important;
  height: 24px !important;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.header-draw {
  display: flex;
  height: 100%;
}
.header-draw-menu {
  display: flex;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
.modal__overlay--hidden {
  opacity: 0;
  visibility: hidden;
}
.modal__overlay--visible {
  opacity: 1;
  visibility: visible;
}

.rnd-modal {
  border-radius: 0 !important;
  display: flex;
}
.rnd-modal .x {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: s-resize;
  z-index: 10;
}
.rnd-modal .modal__content {
  border: 1px solid #333333;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.rnd-modal .modal__header {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  border-bottom: 2px solid #333333;
  user-select: none;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.rnd-modal .modal__header-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1em;
  flex-grow: 1;
  min-width: 0;
}
.rnd-modal .modal__title {
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  transition: font-size 0.2s ease, line-height 0.2s ease;
}
.rnd-modal .modal__status {
  display: inline-flex;
  font-size: 1em;
  color: #999;
  opacity: 0.8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}
.rnd-modal .modal__status::after {
  content: ".";
  animation: typing-dots-text 1.2s steps(3, end) infinite;
}
@keyframes typing-dots-text {
  0% {
    content: "";
  }
  33% {
    content: ".";
  }
  66% {
    content: "..";
  }
  100% {
    content: "...";
  }
}
.rnd-modal--has-status .modal__header {
  padding-top: 4px;
  padding-bottom: 4px;
}
.rnd-modal--has-status .modal__title {
  line-height: 1.2;
}
.rnd-modal--has-status.rnd-modal--sm .modal__header {
  min-height: 46px;
  height: 46px;
}
.rnd-modal--has-status.rnd-modal--md .modal__header {
  min-height: 54px;
  height: 54px;
}
.rnd-modal--has-status.rnd-modal--lg .modal__header {
  min-height: 58px;
  height: 58px;
}
.rnd-modal .modal__buttons {
  display: flex;
  align-items: center;
  gap: 0;
  height: 100%;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.rnd-modal .modal__side-actions {
  position: absolute;
  right: -36px;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  z-index: 2;
}
.rnd-modal .side-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  background: #333333;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.15s ease;
  border-radius: 0;
}
.rnd-modal .side-action-btn:hover {
  background-color: rgb(89.25, 89.25, 89.25);
}
.rnd-modal .side-action-btn--active {
  background-color: #4a90e2;
}
.rnd-modal .side-action-btn--active:hover {
  background-color: rgb(117.9571428571, 170.9571428571, 233.0428571429);
}
.rnd-modal .side-action-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.rnd-modal .side-action-btn:disabled:hover {
  background-color: #333333;
}
.rnd-modal .modal__body {
  padding: 15px;
  flex: 1;
  overflow: auto;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: inherit;
  margin-top: 0;
}
.rnd-modal .modal__body.full-height {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.rnd-modal .modal__body.full-height > * {
  flex: 1;
  min-height: 0;
}
.rnd-modal .modal__footer {
  padding: 8px;
  border-top: 1px solid #333333;
  background-color: rgb(25.5, 25.5, 25.5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  min-height: 40px;
}
.rnd-modal .modal__footer .footer-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
}
.rnd-modal .modal__footer .footer-button {
  padding: 6px 12px;
  border: 1px solid #4a90e2;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  border-radius: 4px;
  font-size: 0.875rem;
  transition: all 0.15s ease;
}
.rnd-modal .modal__footer .footer-button:hover {
  background-color: #4a90e2;
}
.rnd-modal .modal__footer .footer-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.rnd-modal .modal__footer .footer-button:disabled:hover {
  background: transparent;
}
.rnd-modal--padding-none .modal__body {
  padding: 0;
}
.rnd-modal--padding-xs .modal__body {
  padding: 4px;
}
.rnd-modal--padding-sm .modal__body {
  padding: 8px;
}
.rnd-modal--padding-md .modal__body {
  padding: 15px;
}
.rnd-modal--padding-lg .modal__body {
  padding: 24px;
}
.rnd-modal--padding-xl .modal__body {
  padding: 32px;
}
.rnd-modal .close-btn,
.rnd-modal .expand-btn,
.rnd-modal .minimize-btn,
.rnd-modal .custom-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #ffffff;
  transition: background-color 0.15s ease;
  outline: none;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}
.rnd-modal .close-btn:focus,
.rnd-modal .expand-btn:focus,
.rnd-modal .minimize-btn:focus,
.rnd-modal .custom-btn button:focus {
  outline: none;
}
.rnd-modal .close-btn svg,
.rnd-modal .expand-btn svg,
.rnd-modal .minimize-btn svg,
.rnd-modal .custom-btn button svg {
  display: block;
  shape-rendering: crispEdges;
  transform: translate(0, 0);
}
.rnd-modal .close-btn img,
.rnd-modal .expand-btn img,
.rnd-modal .minimize-btn img,
.rnd-modal .custom-btn button img {
  display: block;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}
.rnd-modal .close-btn:hover {
  background-color: #d0021b;
}
.rnd-modal .expand-btn:hover,
.rnd-modal .minimize-btn:hover,
.rnd-modal .custom-btn button:hover {
  background-color: #333333;
}
.rnd-modal--sm .modal__header {
  min-height: 28px;
  height: 28px;
}
.rnd-modal--sm .modal__title {
  font-size: 1rem;
  font-weight: 500 !important;
  letter-spacing: 0.06em;
}
.rnd-modal--sm .close-btn,
.rnd-modal--sm .expand-btn,
.rnd-modal--sm .minimize-btn,
.rnd-modal--sm .custom-btn button {
  min-width: 28px;
  height: 28px;
  padding: 0;
}
.rnd-modal--sm .close-btn svg, .rnd-modal--sm .close-btn img,
.rnd-modal--sm .expand-btn svg,
.rnd-modal--sm .expand-btn img,
.rnd-modal--sm .minimize-btn svg,
.rnd-modal--sm .minimize-btn img,
.rnd-modal--sm .custom-btn button svg,
.rnd-modal--sm .custom-btn button img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.rnd-modal--sm .side-action-btn {
  width: 28px;
  height: 28px;
}
.rnd-modal--sm .modal__side-actions {
  right: -29px;
}
.rnd-modal--sm .modal__status {
  font-size: 0.65em;
}
.rnd-modal--md .modal__header {
  min-height: 36px;
  height: 36px;
}
.rnd-modal--md .modal__title {
  font-size: 1.225rem;
  letter-spacing: 1.45px;
}
.rnd-modal--md .close-btn,
.rnd-modal--md .expand-btn,
.rnd-modal--md .minimize-btn,
.rnd-modal--md .custom-btn button {
  min-width: 36px;
  height: 36px;
  padding: 0;
}
.rnd-modal--md .close-btn svg, .rnd-modal--md .close-btn img,
.rnd-modal--md .expand-btn svg,
.rnd-modal--md .expand-btn img,
.rnd-modal--md .minimize-btn svg,
.rnd-modal--md .minimize-btn img,
.rnd-modal--md .custom-btn button svg,
.rnd-modal--md .custom-btn button img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.rnd-modal--md .side-action-btn {
  width: 36px;
  height: 36px;
}
.rnd-modal--md .modal__side-actions {
  right: -37px;
}
.rnd-modal--lg .modal__header {
  min-height: 40px;
  height: 40px;
}
.rnd-modal--lg .modal__title {
  font-size: 1.35rem;
  letter-spacing: 1.6px;
}
.rnd-modal--lg .close-btn,
.rnd-modal--lg .expand-btn,
.rnd-modal--lg .minimize-btn,
.rnd-modal--lg .custom-btn button {
  min-width: 40px;
  height: 40px;
  padding: 0;
}
.rnd-modal--lg .close-btn svg, .rnd-modal--lg .close-btn img,
.rnd-modal--lg .expand-btn svg,
.rnd-modal--lg .expand-btn img,
.rnd-modal--lg .minimize-btn svg,
.rnd-modal--lg .minimize-btn img,
.rnd-modal--lg .custom-btn button svg,
.rnd-modal--lg .custom-btn button img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.rnd-modal--lg .side-action-btn {
  width: 40px;
  height: 40px;
}
.rnd-modal--lg .modal__side-actions {
  right: -41px;
}
.rnd-modal--lg .modal__status {
  font-size: 0.8em;
}
.rnd-modal--fullscreen {
  border: none;
  border-radius: 0;
  width: 100% !important;
  height: 100% !important;
  transform: translate(0px, 0px) !important;
}
.rnd-modal--fullscreen .modal__content {
  border: none;
}
.rnd-modal--collapsed {
  width: 300px !important;
}
.rnd-modal--collapsed .modal__content {
  overflow: visible;
}
.rnd-modal--collapsed .modal__header {
  border-bottom: none;
}
.rnd-modal--collapsed .modal__body {
  display: none;
}
.rnd-modal--collapsed .modal__side-actions {
  display: none;
}
.rnd-modal--collapsed .modal__status {
  display: block;
}
.rnd-modal--collapsed ~ .modal__external-side-panel {
  display: none !important;
}
.rnd-modal--collapsed ~ .modal__external-side-panel .react-resizable-handle {
  display: none !important;
}
.rnd-modal--collapsed ~ .modal__external-side-panel .modal__header {
  cursor: move;
}
.rnd-modal--animating .modal__content,
.rnd-modal--animating .modal__body,
.rnd-modal--animating .modal__header {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.rnd-modal--active .modal__content {
  border-color: #4a90e2;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.rnd-modal--active .modal__status.typing {
  opacity: 1;
  color: rgb(127.7826086957, 211.6304347826, 249.2173913043);
}
.rnd-modal:hover .modal__content {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.modal-dragging {
  user-select: none;
}
.modal-dragging * {
  user-select: none;
  cursor: move !important;
}

.rnd-modal .react-resizable-handle-se:hover::after {
  border-color: #4a90e2;
}

.rnd-modal--collapsed .react-resizable-handle,
.rnd-modal--fullscreen .react-resizable-handle {
  display: none !important;
}

.rnd-modal--active {
  z-index: 1000;
}

@media (max-width: 768px) {
  .rnd-modal--sm .modal__title {
    font-size: 0.8rem;
  }
  .rnd-modal--sm .modal__status {
    font-size: 0.6em;
  }
  .rnd-modal--md .modal__title {
    font-size: 1rem;
  }
  .rnd-modal--md .modal__status {
    font-size: 0.7em;
  }
  .rnd-modal--lg .modal__title {
    font-size: 1.1rem;
  }
  .rnd-modal--lg .modal__status {
    font-size: 0.75em;
  }
}
.modal__buttons button:focus-visible {
  outline: 2px solid #4a90e2;
  outline-offset: -2px;
}

.p-0 {
  padding: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.p-1 {
  padding: 4px !important;
}

.pt-1 {
  padding-top: 4px !important;
}

.pr-1 {
  padding-right: 4px !important;
}

.pb-1 {
  padding-bottom: 4px !important;
}

.pl-1 {
  padding-left: 4px !important;
}

.px-1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.p-2 {
  padding: 8px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pr-2 {
  padding-right: 8px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

.px-2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.p-3 {
  padding: 12px !important;
}

.pt-3 {
  padding-top: 12px !important;
}

.pr-3 {
  padding-right: 12px !important;
}

.pb-3 {
  padding-bottom: 12px !important;
}

.pl-3 {
  padding-left: 12px !important;
}

.px-3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.p-4 {
  padding: 16px !important;
}

.pt-4 {
  padding-top: 16px !important;
}

.pr-4 {
  padding-right: 16px !important;
}

.pb-4 {
  padding-bottom: 16px !important;
}

.pl-4 {
  padding-left: 16px !important;
}

.px-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.p-5 {
  padding: 20px !important;
}

.pt-5 {
  padding-top: 20px !important;
}

.pr-5 {
  padding-right: 20px !important;
}

.pb-5 {
  padding-bottom: 20px !important;
}

.pl-5 {
  padding-left: 20px !important;
}

.px-5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.p-6 {
  padding: 24px !important;
}

.pt-6 {
  padding-top: 24px !important;
}

.pr-6 {
  padding-right: 24px !important;
}

.pb-6 {
  padding-bottom: 24px !important;
}

.pl-6 {
  padding-left: 24px !important;
}

.px-6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.p-7 {
  padding: 28px !important;
}

.pt-7 {
  padding-top: 28px !important;
}

.pr-7 {
  padding-right: 28px !important;
}

.pb-7 {
  padding-bottom: 28px !important;
}

.pl-7 {
  padding-left: 28px !important;
}

.px-7 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.py-7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.p-8 {
  padding: 32px !important;
}

.pt-8 {
  padding-top: 32px !important;
}

.pr-8 {
  padding-right: 32px !important;
}

.pb-8 {
  padding-bottom: 32px !important;
}

.pl-8 {
  padding-left: 32px !important;
}

.px-8 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.py-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.p-9 {
  padding: 36px !important;
}

.pt-9 {
  padding-top: 36px !important;
}

.pr-9 {
  padding-right: 36px !important;
}

.pb-9 {
  padding-bottom: 36px !important;
}

.pl-9 {
  padding-left: 36px !important;
}

.px-9 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.py-9 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.p-10 {
  padding: 40px !important;
}

.pt-10 {
  padding-top: 40px !important;
}

.pr-10 {
  padding-right: 40px !important;
}

.pb-10 {
  padding-bottom: 40px !important;
}

.pl-10 {
  padding-left: 40px !important;
}

.px-10 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.debug-modal .modal__content {
  border: 2px dashed red !important;
}
.debug-modal .modal__header {
  background-color: rgba(255, 0, 0, 0.1) !important;
}
.debug-modal .modal__body {
  background-color: rgba(0, 255, 0, 0.1) !important;
}

.modal__body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.modal__body::-webkit-scrollbar-track {
  background: #2c2c2c;
}

.modal__body::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 4px;
  border: 2px solid #2c2c2c;
}

.modal__body::-webkit-scrollbar-thumb:hover {
  background-color: #777;
}

.modal__body::-webkit-scrollbar-corner {
  background: transparent;
}

.message-bubble {
  animation: bubble-appear 0.3s ease-out;
}
.message-bubble:hover {
  transform: scale(1.1);
}
.message-bubble:active {
  transform: scale(0.95);
}

@keyframes bubble-appear {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/**
 * InfoSocket Component Styles
 *
 * Main container for the info socket panel system with nested tabs,
 * scrollable content areas, and sticky navigation elements.
 *
 * Architecture:
 * - Mobile-first responsive design with flexbox layout
 * - Hierarchical component structure with BEM-like naming
 * - Accessibility-compliant focus states and keyboard navigation
 * - Performance-optimized with hardware acceleration hints
 */
/**
 * Flex container with full height and overflow handling
 */
/**
 * Sticky positioning with z-index management
 * @param {number} $z-index - Z-index value for stacking context
 */
/**
 * Accessible focus states
 */
/**
 * Root wrapper component
 * Establishes the main layout structure and flex context
 */
.info-socket-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background-color: transparent !important;
  /**
   * Outer container that reserves space for footer
   * Ensures proper layout distribution between content and footer
   */
}
.info-socket-wrapper .panel-container-outer {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  flex: 1;
}
.info-socket-wrapper {
  /**
   * Main panel container with header, content, and footer areas
   * Coordinates the overall panel layout structure
   */
}
.info-socket-wrapper .panel-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  position: relative;
  background-color: transparent !important;
  /**
   * Scrollable content wrapper
   * Handles content overflow with custom scrollbars
   */
}
.info-socket-wrapper .panel-container .panel-wrapper {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  will-change: scroll-position;
}
.info-socket-wrapper .panel-container {
  /**
   * Fixed footer with action buttons
   * Remains visible at bottom regardless of content height
   */
}
.info-socket-wrapper .panel-container .footer-wrapper {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  background: transparent;
  padding: 0.25rem 0;
  border-top: 1px solid #333333;
  text-align: center;
  z-index: 10;
  /**
   * Button styling within footer
   */
}
.info-socket-wrapper .panel-container .footer-wrapper .piri-button {
  background-color: #2a2a2a !important;
  border: 1px solid #333333 !important;
  padding: 4px !important;
  cursor: pointer;
  color: #c2c2c2 !important;
  transition: all 0.2s ease !important;
}
.info-socket-wrapper .panel-container .footer-wrapper .piri-button:not(:last-child) {
  margin-right: 0.25rem;
}
.info-socket-wrapper .panel-container .footer-wrapper .piri-button:hover:not(:disabled) {
  background-color: #333333 !important;
  color: white !important;
}
.info-socket-wrapper .panel-container .footer-wrapper .piri-button {
  /**
   * Disabled state styling
   * Provides clear visual feedback for non-interactive buttons
   */
}
.info-socket-wrapper .panel-container .footer-wrapper .piri-button:disabled, .info-socket-wrapper .panel-container .footer-wrapper .piri-button[aria-disabled=true] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.info-socket-wrapper .bp3-tabs {
  background-color: transparent !important;
}
.info-socket-wrapper {
  /**
   * BlueprintJS tab list base styling
   * Handles empty tab visibility and base appearance
   */
}
.info-socket-wrapper .bp3-tab-list {
  /**
   * Hide tab list if it contains empty tabs
   * Modern CSS selector for improved UX
   */
}
.info-socket-wrapper .bp3-tab-list:has(.bp3-tab:empty) {
  display: none;
}
.info-socket-wrapper {
  /**
   * Primary tab list styling
   * Main navigation tabs with sticky positioning
   */
}
.info-socket-wrapper .bp3-tab-list {
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.5rem;
  height: 32px !important;
  padding: 0.25rem 0.5rem;
  background-color: transparent !important;
  border-bottom: 1px solid #333333;
  overflow-x: auto;
  overflow-y: hidden;
  position: sticky;
  top: 0;
  z-index: 100;
  will-change: transform;
  /**
   * Individual tab styling
   */
}
.info-socket-wrapper .bp3-tab-list .bp3-tab {
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s ease;
}
.info-socket-wrapper .bp3-tab-list .bp3-tab:focus-visible {
  outline: 2px solid hsl(210, 100%, 60%);
  outline-offset: 2px;
  border-radius: 2px;
}
.info-socket-wrapper .bp3-tab-list .bp3-tab {
  /**
   * Hover state for better interactivity
   */
}
.info-socket-wrapper .bp3-tab-list .bp3-tab:hover:not([aria-selected=true]) {
  border-bottom-color: rgba(51, 153, 255, 0.5) !important;
}
.info-socket-wrapper {
  /**
   * Horizontal tab container
   * Manages vertical layout of tab list and panels
   */
}
.info-socket-wrapper .bp3-tabs.horizontal-tab-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  flex-grow: 1;
  padding-bottom: unset;
  /**
   * Tab list within horizontal layout
   * Prevents header from shrinking
   */
}
.info-socket-wrapper .bp3-tabs.horizontal-tab-list > .bp3-tab-list {
  padding-bottom: unset;
  flex-shrink: 0;
}
.info-socket-wrapper {
  /**
   * Tab panel content area
   * Main content container with overflow handling
   */
}
.info-socket-wrapper .bp3-tab-panel {
  margin-top: 0 !important;
  flex: 1;
  overflow: hidden;
  background-color: transparent !important;
}
.info-socket-wrapper {
  /**
   * Nested tab styling
   * Supports multiple levels of tab navigation
   */
}
.info-socket-wrapper .bp3-tab-panel .bp3-tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  /**
   * Nested tab list
   * Lower z-index to maintain proper stacking
   */
}
.info-socket-wrapper .bp3-tab-panel .bp3-tabs .bp3-tab-list {
  position: sticky;
  top: 0;
  z-index: 50;
  margin-inline: 0.5em !important;
  flex-shrink: 0;
}
.info-socket-wrapper .bp3-tab-panel .bp3-tabs {
  /**
   * Nested tab panel
   * Independent scrolling context
   */
}
.info-socket-wrapper .bp3-tab-panel .bp3-tabs .bp3-tab-panel {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

/**
 * Tablet and larger screens
 */
@media screen and (min-width: 768px) {
  .info-socket-wrapper .bp3-tab-list {
    justify-content: flex-start;
    gap: 1rem;
  }
  .info-socket-wrapper .panel-container .footer-wrapper {
    padding: 0.5rem 0;
  }
}
/**
 * Desktop screens
 */
@media screen and (min-width: 1024px) {
  .info-socket-wrapper .bp3-tab-list {
    padding: 0.5rem 1rem;
  }
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.kinematics {
  color: #ffffff;
  padding: 0.5em 0.5em;
  margin: 0.5em;
  max-height: 100% !important;
  display: flex;
  flex-direction: column;
  gap: 5px;
  /* Container queries için gerekli */
  container-type: inline-size;
}
.kinematics__header {
  text-align: center;
  font-weight: 400;
  margin: 0;
  /* Başlık, container genişliğine göre ölçeklensin */
}
@container (width > 600px) {
  .kinematics__header {
    font-size: clamp(0.7rem, 1cqw + 0.9rem, 1.25rem);
  }
}
@container (width <= 600px) {
  .kinematics__header {
    font-size: clamp(0.65rem, 2cqw + 0.75rem, 1rem);
  }
}
.kinematics {
  /* Tek kolon satır yerleşimi: hücreler alt alta */
}
.kinematics__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}
.kinematics {
  /* Her item kendi içinde label+value grid'i */
}
.kinematics__item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "label value";
  align-items: center;
  gap: 0.2rem;
  border-bottom: 1px solid #333333;
  padding: 0.25rem 0;
  gap: 5px;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  /* Grid child'ların kesinlikle sınırda kalması */
}
.kinematics__item .kinematics__label,
.kinematics__item .kinematics__value {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
  max-width: 100%;
}
.kinematics__item {
  /* Container genişliğine göre font ölçekle */
}
@container (width > 600px) {
  .kinematics__item {
    font-size: clamp(0.7rem, 1cqw + 0.6rem, 1.2rem);
  }
}
@container (width <= 600px) {
  .kinematics__item {
    font-size: clamp(0.9rem, 3.7cqw + 0.1rem, 1rem);
  }
}
.kinematics__item {
  /* 500px üstü: çift hücreli eşit kolonlar */
}
@container (width > 500px) {
  .kinematics__item {
    grid-template-columns: 1fr 1fr;
  }
  .kinematics__item .kinematics__label,
  .kinematics__item .kinematics__value {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    min-width: 0;
    max-width: 100%;
  }
}
.kinematics__item {
  /* 330px üstü: yan yana */
}
@container (width > 330px) {
  .kinematics__item {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "label value";
  }
  .kinematics__item .kinematics__value {
    text-align: right;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }
}
.kinematics__item {
  /* 330px'den küçük ekranlarda alt alta (stack) */
}
@container (width <= 250px) {
  .kinematics__item {
    grid-template-columns: 1fr;
    grid-template-areas: "label" "value";
    align-items: start;
  }
  .kinematics__item .kinematics__value,
  .kinematics__item .kinematics__label {
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.25;
    margin-top: 0.15rem;
  }
}
.kinematics__item:last-child {
  border-bottom: none;
}
.kinematics__label {
  grid-area: label;
  font-weight: 400;
  color: #c2c2c2;
  /* Label fazla büyüyüp sağ kolonu ezmesin */
  max-width: 100%;
}
.kinematics__value {
  grid-area: value;
  font-weight: 400;
  color: #ffffff;
  text-align: right;
  text-shadow: 0 0px 6px rgba(234.6, 244.8, 255, 0.25);
  font-weight: 600;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
  max-width: 100%;
  line-height: 1.2;
  hyphens: auto;
}
.kinematics {
  /* Tüm bilgiler tek kolon tam genişlik */
}
.kinematics__item--half {
  grid-column: span 1;
}
.kinematics {
  /* Tüm bilgiler tek kolon tam genişlik */
}
.kinematics__item:not(.kinematics__item--half) {
  grid-column: span 1;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.json-to-table {
  color: #ffffff;
  padding: 0.5em 0.5em;
  margin: 0.5em;
  max-height: 100% !important;
  display: flex;
  flex-direction: column;
  gap: 5px;
  /* Container Queries */
  container-type: inline-size;
}
.json-to-table__header {
  text-align: center;
  font-weight: 400;
  margin: 0;
}
@container (width > 600px) {
  .json-to-table__header {
    font-size: clamp(0.7rem, 1cqw + 0.9rem, 1.25rem);
  }
}
@container (width <= 600px) {
  .json-to-table__header {
    font-size: clamp(0.65rem, 2cqw + 0.75rem, 1rem);
  }
}
.json-to-table {
  /* Ana grid list - tek kolon */
}
.json-to-table__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}
.json-to-table {
  /* Item */
}
.json-to-table__item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "label value";
  align-items: center;
  gap: 0.2rem;
  border-bottom: 1px solid #333333;
  padding: 0.25rem 0;
  gap: 5px;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
  max-width: 100%;
  /* Container genişliğine göre font ölçekle */
}
@container (width > 600px) {
  .json-to-table__item {
    font-size: clamp(0.7rem, 1cqw + 0.6rem, 1.2rem);
  }
}
@container (width <= 600px) {
  .json-to-table__item {
    font-size: clamp(0.9rem, 3.7cqw + 0.1rem, 1.1rem);
  }
}
@container (width > 330px) {
  .json-to-table__item {
    grid-template-columns: 1fr 1fr;
  }
  .json-to-table__item .json-to-table__value {
    text-align: right;
  }
}
@container (width <= 250px) {
  .json-to-table__item {
    grid-template-columns: 1fr;
    grid-template-areas: "label" "value";
    align-items: start;
  }
  .json-to-table__item .json-to-table__value,
  .json-to-table__item .json-to-table__label {
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.25;
    margin-top: 0.15rem;
  }
}
.json-to-table__item:last-child {
  border-bottom: none;
}
.json-to-table__label {
  grid-area: label;
  font-weight: 400;
  color: #c2c2c2;
}
.json-to-table__value {
  grid-area: value;
  font-weight: 400;
  color: #ffffff;
  text-align: right;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
  max-width: 100%;
  line-height: 1.2;
  text-shadow: 0 0px 6px rgba(234.6, 244.8, 255, 0.25);
  font-weight: 600;
  hyphens: auto;
}
.json-to-table {
  /* Tüm itemler tek kolon tam genişlik */
}
.json-to-table__item--half {
  grid-column: span 1;
}
.json-to-table {
  /* Tüm itemler tek kolon tam genişlik */
}
.json-to-table__item:not(.json-to-table__item--half) {
  grid-column: span 1;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.info-card__container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.info-card__title-active {
  font-weight: 600;
  color: hsl(210, 100%, 60%);
}
.info-card__button {
  margin-left: 4px;
  height: 100%;
}
.info-card__button--active .bp3-button-text {
  color: #0f9960;
}
.info-card__button--copy:hover .bp3-icon {
  color: hsl(210, 100%, 60%);
}
.info-card__invalid-type {
  padding: 20px;
  text-align: center;
  color: #db3737;
}
.info-card__content-wrapper {
  display: flex;
  height: 100%;
  max-height: 450px !important;
  height: 420px !important;
  min-height: 0;
}
.info-card__content-wrapper--with-sidebar {
  gap: 0;
}
.info-card__sidebar-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.info-card__divider {
  margin: 0;
  height: 100%;
}
.info-card__main-content {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #161616 !important;
  margin: 0;
  border: none;
}
.info-card__resize-handle {
  width: 3px;
  background-color: transparent;
  cursor: ew-resize;
  position: relative;
  z-index: 10;
  margin: 0 -2px;
  transition: background-color 0.2s;
}
.info-card__resize-handle:hover {
  background-color: hsl(210, 100%, 60%);
}
.info-card__resize-handle:active {
  background-color: hsl(210, 100%, 60%);
  width: 3px;
}
.info-card__track-sidebar {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  max-height: none !important;
  background-color: #161616;
  overflow-y: auto;
  transition: width 0.3s ease;
}
.info-card__track-sidebar--collapsed .bp3-tree-node-content {
  padding: 4px;
  justify-content: center;
}
.info-card__track-sidebar--collapsed .bp3-tree-node-caret-none {
  display: none;
}
.info-card__track-sidebar--collapsed .info-card__track-sidebar-header {
  justify-content: center;
  padding: 0.25em 0.25em;
}
.info-card__track-sidebar--collapsed .info-card__track-sidebar-toggle {
  margin: 0;
}
.info-card__track-sidebar-header {
  font-size: 13px;
  font-weight: 600;
  color: #f5f8fa;
  background: transparent !important;
  padding: 0.25em 0.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 32px;
}
.info-card__track-sidebar-title {
  opacity: 1;
  transition: opacity 0.2s;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  color: hsl(210, 100%, 80%);
  letter-spacing: 0.02em;
}
.info-card__track-sidebar-nav {
  display: flex;
  gap: 2px;
  margin-left: auto;
  padding: 2px;
  background: transparent;
  border-radius: 3px;
}
.info-card__track-sidebar-nav-btn {
  background-color: #2a2a2a;
  border: 1px solid #333333;
  padding: 4px;
  cursor: pointer;
  color: #c2c2c2;
  transition: all 0.2s ease;
}
.info-card__track-sidebar-nav-btn:hover:not(:disabled) {
  background-color: #333333;
  color: white;
}
.info-card__track-sidebar-nav-btn:active:not(:disabled) {
  background-color: #333333;
  transform: scale(0.95);
}
.info-card__track-sidebar-nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.info-card__track-sidebar-nav-btn .bp3-icon {
  color: inherit;
}
.info-card__track-sidebar-nav-btn .bp3-icon svg {
  width: 16px;
  height: 16px;
}
.info-card__track-sidebar-toggle {
  color: #f5f8fa;
  transition: background 0.2s;
  margin-left: 4px;
}
.info-card__track-sidebar-toggle:hover, .info-card__track-sidebar-toggle:focus {
  background: rgba(255, 255, 255, 0.08);
}
.info-card__track-sidebar-toggle--collapsed {
  margin-left: 0;
}
.info-card__track-sidebar-footer {
  padding: 2px;
  border-top: 1px solid #333333;
  background: #161616;
}
.info-card__track-sidebar-footer .bp3-button {
  font-size: 12px;
}
.info-card__track-sidebar-footer .bp3-button.bp3-intent-danger:hover {
  background: hsl(0, 0%, 50%);
}
.info-card__tree-group-label {
  display: flex;
  align-items: center;
  gap: 6px;
}
.info-card__tree-group-title {
  font-size: 13px;
}
.info-card__tree-item-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 4px;
}
.info-card__tree-item-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: normal;
  color: inherit;
}
.info-card__tree-item-title--active {
  font-weight: bold;
  color: black;
  background-color: hsl(0, 0%, 30%);
}
.info-card__tree-item-delete {
  opacity: 0 !important;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.bp3-tree-node-content:hover .info-card__tree-item-delete {
  opacity: 1 !important;
  pointer-events: auto;
}
.info-card__tree-item-icon--active {
  color: hsl(210, 100%, 60%);
}

.horizontal-tab-list .bp3-tab-panel {
  background-color: #161616 !important;
}
.horizontal-tab-list .bp3-tab {
  border-bottom: none !important;
}
.horizontal-tab-list .bp3-tab::after {
  display: none !important;
}
.horizontal-tab-list .bp3-tab[aria-selected=false] {
  color: rgba(255, 255, 255, 0.6) !important;
  opacity: 0.7;
}
.horizontal-tab-list .bp3-tab[aria-selected=true] {
  color: white !important;
  opacity: 1;
}

.info-card__keyboard-hint {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.info-card__keyboard-hint--visible {
  opacity: 1;
}
.info-card__keyboard-hint div {
  margin: 2px 0;
  white-space: nowrap;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.drawing-info-card {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 8px;
  height: 100%;
}
.drawing-info-card__title {
  font-size: 17px;
}
.drawing-info-card__form-group {
  display: flex;
  column-gap: 4px;
}
.drawing-info-card__form-group .info-label {
  margin-bottom: 0;
}
.drawing-info-card__form-group--vertical {
  flex-direction: column;
  row-gap: 4px;
}
.drawing-info-card__multi-point-table {
  flex: 1 !important;
}
.drawing-info-card__description-box {
  min-height: 140px;
  padding: 8px 12px;
  background-color: rgb(31, 31, 31);
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: rgba(19, 124, 189, 0) 0 0 0 0, rgba(19, 124, 189, 0) 0 0 0 0, rgba(19, 124, 189, 0) 0 0 0 0, rgba(0, 0, 0, 0.3) 0 0 0 1px inset, rgba(0, 0, 0, 0.4) 0 1px 1px inset;
  color: rgb(245, 248, 250);
  white-space: pre-line;
}
.drawing-info-card__description-box--empty {
  color: rgba(255, 255, 255, 0.5);
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.button-group {
  display: inline-flex;
  position: relative;
  gap: var(--button-group-gap);
}
.button-group__button {
  position: relative;
}
.button-group__button:focus {
  z-index: 1;
}
.button-group:not(.button-group--vertical) > .button-group__button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-group:not(.button-group--vertical) > .button-group__button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group--vertical {
  flex-direction: column;
}
.button-group--vertical .button-group__button:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.button-group--vertical .button-group__button:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group--full-width {
  display: flex;
  width: 100%;
}
.button-group--full-width .button-group__button {
  flex: 1 1 auto;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.app__footer {
  padding: 2.5px 0em;
  background-color: rgb(34, 34, 34);
  z-index: auto !important;
}

.bp3-dark .app__footer {
  background-color: black !important;
}

.bp3-dialog {
  width: 750px;
}

.tab-title-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

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

.custom-close-button {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  margin-left: 5px;
  margin-top: auto;
  margin-bottom: auto;
}

.header-divider {
  display: block;
  padding: 0.15em 0em;
}
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown .dropdown__menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  background: #000000;
  height: 100px;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 10px;
  z-index: 1000;
}
@use "@styles/base/_colors.scss" as colors;
.flexlayout__layout {
  --color-text: black;
  --color-background: white;
  --color-base: white;
  --color-1: rgb(247.35, 247.35, 247.35);
  --color-2: rgb(239.7, 239.7, 239.7);
  --color-3: rgb(232.05, 232.05, 232.05);
  --color-4: rgb(224.4, 224.4, 224.4);
  --color-5: rgb(216.75, 216.75, 216.75);
  --color-6: rgb(209.1, 209.1, 209.1);
  --color-drag1: rgb(95, 134, 196);
  --color-drag2: rgb(119, 166, 119);
  --color-drag1-background: rgba(95, 134, 196, 0.1);
  --color-drag2-background: rgba(119, 166, 119, 0.075);
  --font-size: medium;
  --font-family: Roboto, Arial, sans-serif;
  --color-overflow: gray;
  --color-icon: gray;
  --color-tabset-background: var(--color-background);
  --color-tabset-background-selected: var(--color-1);
  --color-tabset-background-maximized: var(--color-2);
  --color-tabset-divider-line: var(--color-4);
  --color-tabset-header-background: var(--color-background);
  --color-tabset-header: var(--color-text);
  --color-border-tab-content: var(--color-background);
  --color-border-background: var(--color-background);
  --color-border-divider-line: var(--color-4);
  --color-tab-content: var(--color-background);
  --color-tab-selected: var(--color-text);
  --color-tab-selected-background: var(--color-4);
  --color-tab-unselected: gray;
  --color-tab-unselected-background: transparent;
  --color-tab-textbox: var(--color-text);
  --color-tab-textbox-background: var(--color-3);
  --color-border-tab-selected: var(--color-text);
  --color-border-tab-selected-background: var(--color-4);
  --color-border-tab-unselected: gray;
  --color-border-tab-unselected-background: var(--color-2);
  --color-splitter: var(--color-1);
  --color-splitter-hover: var(--color-4);
  --color-splitter-drag: var(--color-4);
  --color-drag-rect-border: #ccc;
  --color-drag-rect-background: var(--color-5);
  --color-drag-rect: var(--color-text);
  --color-popup-border: var(--color-6);
  --color-popup-unselected: var(--color-text);
  --color-popup-unselected-background: white;
  --color-popup-selected: var(--color-text);
  --color-popup-selected-background: var(--color-3);
  --color-edge-marker: #aaa;
  --color-edge-icon: #555;
  --color-mini-scroll-indicator: rgba(128, 128, 128, 0.5);
  --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.7);
  --size-mini-scroll-indicator: 3px;
  --color-toolbar-button-hover: var(--color-3);
}

/*
    base classes
*/
.flexlayout__layout {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  background-color: var(--color-background);
}

.flexlayout__layout_overlay {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
}

.flexlayout__layout_tab_stamps {
  position: absolute;
  top: -10000px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.flexlayout__layout_moveables {
  visibility: hidden;
  position: absolute;
  width: 100px;
  height: 100px;
  top: -20000px;
}

.flexlayout__layout_main {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
  position: relative;
}

.flexlayout__layout_border_container {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
}

.flexlayout__layout_border_container_inner {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
}

.flexlayout__splitter {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-splitter);
  touch-action: none;
  z-index: 10;
}

@media (hover: hover) {
  .flexlayout__splitter:hover {
    background-color: var(--color-splitter-hover);
    transition: background-color ease-in 0.1s;
    transition-delay: 0.05s;
    border-radius: 5px;
  }
}
.flexlayout__splitter_drag {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  border-radius: 5px;
  background-color: var(--color-splitter-drag);
}

.flexlayout__splitter_handle {
  background-color: #ccc;
  border-radius: 3px;
}

.flexlayout__splitter_handle_horz {
  width: 3px;
  height: 30px;
}

.flexlayout__splitter_handle_vert {
  width: 30px;
  height: 3px;
}

.flexlayout__splitter_extra {
  touch-action: none;
  background-color: transparent;
}

.flexlayout__outline_rect {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  border: 2px solid var(--color-drag1);
  background: var(--color-drag1-background);
  border-radius: 5px;
  z-index: 1000;
}

.flexlayout__outline_rect_edge {
  pointer-events: none;
  border: 2px solid var(--color-drag2);
  background: var(--color-drag2-background);
  border-radius: 5px;
  z-index: 1000;
  box-sizing: border-box;
}

.flexlayout__edge_rect {
  position: absolute;
  z-index: 1000;
  background-color: var(--color-edge-marker);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexlayout__drag_rect {
  color: var(--color-drag-rect);
  background-color: var(--color-drag-rect-background);
  border: 2px solid var(--color-drag-rect-border);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  padding: 0.3em 0.8em;
  word-wrap: break-word;
  font-size: var(--font-size);
  font-family: var(--font-family);
}

.flexlayout__row {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.flexlayout__tabset {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--color-tabset-background);
  box-sizing: border-box;
  font-family: var(--font-family);
  overflow: hidden;
  flex-grow: 1;
}

.flexlayout__tabset_container {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}

.flexlayout__tabset_tab_divider {
  width: 4px;
}

.flexlayout__tabset_content {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
  box-sizing: border-box;
  position: relative;
}

.flexlayout__tabset_leading {
  display: flex;
}

.flexlayout__tabset_header {
  display: flex;
  align-items: center;
  padding: 3px 3px 3px 5px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-tabset-divider-line);
  color: var(--color-tabset-header);
  background-color: var(--color-tabset-header-background);
  font-size: var(--font-size);
}

.flexlayout__tabset_header_content {
  flex-grow: 1;
}

.flexlayout__tabset_tabbar_outer {
  box-sizing: border-box;
  background-color: var(--color-tabset-background);
  overflow: hidden;
  display: flex;
  font-size: var(--font-size);
}

.flexlayout__tabset_tabbar_outer_top {
  padding: 0px 2px 0px 2px;
  border-bottom: 1px solid var(--color-tabset-divider-line);
}

.flexlayout__tabset_tabbar_outer_bottom {
  padding: 0px 2px 0px 2px;
  border-top: 1px solid var(--color-tabset-divider-line);
}

.flexlayout__tabset_tabbar_inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  scrollbar-width: none;
}

.flexlayout__tabset_tabbar_inner::-webkit-scrollbar {
  display: none;
}

.flexlayout__tabset_tabbar_inner_tab_container {
  position: relative;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}

.flexlayout__tabset_tabbar_inner_tab_container_top {
  border-top: 2px solid transparent;
}

.flexlayout__tabset_tabbar_inner_tab_container_bottom {
  border-bottom: 2px solid transparent;
}

.flexlayout__tabset-selected {
  background-color: var(--color-tabset-background-selected);
}

.flexlayout__tabset-maximized {
  background-color: var(--color-tabset-background-maximized);
}

.flexlayout__tab_button_stamp {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  white-space: nowrap;
  box-sizing: border-box;
}

.flexlayout__tab {
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--color-tab-content);
  color: var(--color-text);
  position: relative;
}

.flexlayout__tab_moveable {
  position: relative;
  height: 100%;
  min-width: 1px;
  min-height: 1px;
  overflow: auto;
  box-sizing: border-box;
}

.flexlayout__tab_overlay {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2392156863);
}

.flexlayout__tab_button {
  display: flex;
  gap: 0.3em;
  align-items: center;
  box-sizing: border-box;
  padding: 3px 0.5em;
  cursor: pointer;
}

.flexlayout__tab_button_stretch {
  background-color: transparent;
  color: var(--color-tab-selected);
  width: 100%;
  padding: 3px 0em;
  text-wrap: nowrap;
  display: flex;
  gap: 0.3em;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}

@media (hover: hover) {
  .flexlayout__tab_button_stretch:hover {
    color: var(--color-tab-selected);
  }
}
.flexlayout__tab_button--selected {
  background-color: var(--color-tab-selected-background);
  color: var(--color-tab-selected);
}

@media (hover: hover) {
  .flexlayout__tab_button:hover {
    color: var(--color-tab-selected);
  }
}
.flexlayout__tab_button--unselected {
  background-color: var(--color-tab-unselected-background);
  color: var(--color-tab-unselected);
}

.flexlayout__tab_button_leading {
  display: flex;
}

.flexlayout__tab_button_content {
  display: flex;
  text-wrap: nowrap;
}

.flexlayout__tab_button_textbox {
  border: none;
  font-family: var(--font-family);
  font-size: var(--font-size);
  color: var(--color-tab-textbox);
  background-color: var(--color-tab-textbox-background);
  border: 1px inset var(--color-1);
  border-radius: 3px;
  width: 10em;
}

.flexlayout__tab_button_textbox:focus {
  outline: none;
}

.flexlayout__tab_button_trailing {
  display: flex;
  visibility: hidden;
  border-radius: 4px;
}

.flexlayout__tab_button_trailing:hover {
  background-color: var(--color-toolbar-button-hover);
}

@media (hover: hover) {
  .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {
    visibility: visible;
  }
}
.flexlayout__tab_button--selected .flexlayout__tab_button_trailing {
  visibility: visible;
}

.flexlayout__tab_button_overflow {
  display: flex;
  align-items: center;
  border: none;
  color: var(--color-overflow);
  font-size: inherit;
  background-color: transparent;
  width: 2em;
  overflow: hidden;
}

.flexlayout__tab_toolbar {
  display: flex;
  align-items: center;
  gap: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.3em;
}

.flexlayout__tab_toolbar_icon {
  border: none;
  outline: none;
  font-size: inherit;
  margin: 0px;
  background-color: transparent;
  padding: 1px;
}

.flexlayout__tab_toolbar_button {
  border: none;
  outline: none;
  font-size: inherit;
  margin: 0px;
  background-color: transparent;
  border-radius: 4px;
  padding: 1px;
}

@media (hover: hover) {
  .flexlayout__tab_toolbar_button:hover {
    background-color: var(--color-toolbar-button-hover);
  }
}
.flexlayout__tab_toolbar_sticky_buttons_container {
  display: flex;
  gap: 0.3em;
  padding-left: 5px;
  align-items: center;
}

.flexlayout__border {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  font-size: var(--font-size);
  font-family: var(--font-family);
  color: var(--color-border);
  background-color: var(--color-border-background);
}

.flexlayout__border_tab_contents {
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--color-border-tab-content);
}

.flexlayout__border_leading {
  display: flex;
}

.flexlayout__border_top {
  border-bottom: 1px solid var(--color-border-divider-line);
  align-items: center;
}

.flexlayout__border_bottom {
  border-top: 1px solid var(--color-border-divider-line);
  align-items: center;
}

.flexlayout__border_left {
  border-right: 1px solid var(--color-border-divider-line);
  align-content: center;
  flex-direction: column;
}

.flexlayout__border_right {
  border-left: 1px solid var(--color-border-divider-line);
  align-content: center;
  flex-direction: column;
}

.flexlayout__border_inner {
  position: relative;
  box-sizing: border-box;
  align-items: center;
  display: flex;
  flex-grow: 1;
  scrollbar-width: none;
}

.flexlayout__border_inner::-webkit-scrollbar {
  display: none;
}

.flexlayout__border_inner_tab_container {
  white-space: nowrap;
  display: flex;
  padding-left: 2px;
  padding-right: 2px;
  box-sizing: border-box;
  position: absolute;
}

.flexlayout__border_inner_tab_container_right {
  transform-origin: top left;
  transform: rotate(90deg);
}

.flexlayout__border_inner_tab_container_left {
  flex-direction: row-reverse;
  transform-origin: top right;
  transform: rotate(-90deg);
}

.flexlayout__border_tab_divider {
  width: 4px;
}

.flexlayout__border_button {
  display: flex;
  gap: 0.3em;
  align-items: center;
  cursor: pointer;
  padding: 3px 0.5em;
  margin: 2px 0px;
  box-sizing: border-box;
  white-space: nowrap;
}

.flexlayout__border_button--selected {
  background-color: var(--color-border-tab-selected-background);
  color: var(--color-border-tab-selected);
}

@media (hover: hover) {
  .flexlayout__border_button:hover {
    color: var(--color-border-tab-selected);
  }
}
.flexlayout__border_button--unselected {
  background-color: var(--color-border-tab-unselected-background);
  color: var(--color-border-tab-unselected);
}

.flexlayout__border_button_leading {
  display: flex;
}

.flexlayout__border_button_content {
  display: flex;
}

.flexlayout__border_button_trailing {
  display: flex;
  border-radius: 4px;
  visibility: hidden;
}

@media (hover: hover) {
  .flexlayout__border_button:hover .flexlayout__border_button_trailing {
    visibility: visible;
  }
}
.flexlayout__border_button--selected .flexlayout__border_button_trailing {
  visibility: visible;
}

.flexlayout__border_toolbar {
  display: flex;
  gap: 0.3em;
  align-items: center;
}

.flexlayout__border_toolbar_left, .flexlayout__border_toolbar_right {
  flex-direction: column;
  padding-top: 0.5em;
  padding-bottom: 0.3em;
}

.flexlayout__border_toolbar_top, .flexlayout__border_toolbar_bottom {
  padding-left: 0.5em;
  padding-right: 0.3em;
}

.flexlayout__border_toolbar_button {
  border: none;
  outline: none;
  font-size: inherit;
  background-color: transparent;
  border-radius: 4px;
  padding: 1px;
}

@media (hover: hover) {
  .flexlayout__border_toolbar_button:hover {
    background-color: var(--color-toolbar-button-hover);
  }
}
.flexlayout__border_toolbar_button_overflow {
  display: flex;
  align-items: center;
  border: none;
  color: var(--color-overflow);
  font-size: inherit;
  background-color: transparent;
  width: 1.5em;
}

.flexlayout__popup_menu {
  font-size: var(--font-size);
  font-family: var(--font-family);
}

.flexlayout__popup_menu_item {
  padding: 2px 0.5em;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 2px;
}

.flexlayout__popup_menu_item--selected {
  font-weight: 500;
  background-color: var(--color-tab-selected-background);
  color: var(--color-tab-selected);
}

@media (hover: hover) {
  .flexlayout__popup_menu_item:hover {
    background-color: var(--color-6);
  }
}
.flexlayout__popup_menu_container {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--color-popup-border);
  color: var(--color-popup-unselected);
  background: var(--color-popup-unselected-background);
  border-radius: 3px;
  position: absolute;
  z-index: 1000;
  max-height: 50%;
  min-width: 100px;
  overflow: auto;
  padding: 2px;
}

.flexlayout__floating_window _body {
  height: 100%;
}

.flexlayout__floating_window_content {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.flexlayout__floating_tab {
  position: absolute;
  background: var(--color-tab-content);
  border: 1px solid var(--color-tabset-divider-line);
  border-radius: 5px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  z-index: 1000;
  overflow: hidden;
  font-family: var(--font-family);
  font-size: var(--font-size);
}

.flexlayout__floating_tab_header {
  background: var(--color-tabset-background);
  border-bottom: 1px solid var(--color-tabset-divider-line);
  padding: 0px 2px 0px 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: grab;
  user-select: none;
  min-height: 32px;
  box-sizing: border-box;
}

.flexlayout__floating_tab_header:active {
  cursor: grabbing;
}

.flexlayout__floating_tab_title {
  font-weight: normal;
  color: var(--color-tab-selected);
  padding: 3px 0.5em;
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flexlayout__floating_tab_content {
  flex: 1;
  overflow: auto;
  background: var(--color-tab-content);
  box-sizing: border-box;
}

.flexlayout__error_boundary_container {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: center;
}

.flexlayout__error_boundary_content {
  display: flex;
  align-items: center;
}

.flexlayout__border_sizer {
  position: absolute;
  top: -30000px;
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: var(--font-size);
  font-family: var(--font-family);
}

.flexlayout__mini_scrollbar {
  position: absolute;
  background-color: var(--color-mini-scroll-indicator);
  border-radius: 5px;
  width: var(--size-mini-scroll-indicator);
  height: var(--size-mini-scroll-indicator);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.flexlayout__mini_scrollbar:hover {
  background-color: var(--color-mini-scroll-indicator-hovered);
  transition: background-color 0.3s ease-in-out;
}

.flexlayout__mini_scrollbar_container {
  position: relative;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}

@media (hover: hover) {
  .flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar {
    opacity: 1;
    visibility: visible;
  }
}
/* ======================== End of Base Classes =========================== */
/* 
    light theme overrides 
*/

@use "@styles/base/_colors.scss" as colors;
.flexlayout__layout {
  --color-text: #eeeeee;
  --color-background: black;
  --color-base: black;
  --color-1: rgb(17.85, 17.85, 17.85);
  --color-2: rgb(25.5, 25.5, 25.5);
  --color-3: rgb(38.25, 38.25, 38.25);
  --color-4: #333333;
  --color-5: rgb(63.75, 63.75, 63.75);
  --color-6: rgb(76.5, 76.5, 76.5);
  --color-drag1: rgb(207, 232, 255);
  --color-drag2: rgb(183, 209, 181);
  --color-drag1-background: rgba(128, 128, 128, 0.15);
  --color-drag2-background: rgba(128, 128, 128, 0.15);
  --font-size: medium;
  --font-family: Roboto, Arial, sans-serif;
  --color-overflow: gray;
  --color-icon: gray;
  --color-tabset-background: var(--color-1);
  --color-tabset-background-selected: var(--color-1);
  --color-tabset-background-maximized: var(--color-6);
  --color-tabset-divider-line: var(--color-4);
  --color-tabset-header-background: var(--color-1);
  --color-tabset-header: var(--color-text);
  --color-border-tab-content: var(--color-background);
  --color-border-background: var(--color-1);
  --color-border-divider-line: var(--color-4);
  --color-tab-content: var(--color-background);
  --color-tab-selected: var(--color-text);
  --color-tab-selected-background: var(--color-4);
  --color-tab-unselected: gray;
  --color-tab-unselected-background: transparent;
  --color-tab-textbox: var(--color-text);
  --color-tab-textbox-background: var(--color-3);
  --color-border-tab-selected: var(--color-text);
  --color-border-tab-selected-background: var(--color-4);
  --color-border-tab-unselected: gray;
  --color-border-tab-unselected-background: var(--color-2);
  --color-splitter: var(--color-2);
  --color-splitter-hover: var(--color-4);
  --color-splitter-drag: var(--color-5);
  --color-drag-rect-border: var(--color-4);
  --color-drag-rect-background: var(--color-1);
  --color-drag-rect: var(--color-text);
  --color-popup-border: var(--color-6);
  --color-popup-unselected: var(--color-text);
  --color-popup-unselected-background: var(--color-background);
  --color-popup-selected: var(--color-text);
  --color-popup-selected-background: var(--color-4);
  --color-edge-marker: gray;
  --color-edge-icon: #eee;
  --color-mini-scroll-indicator: rgba(128, 128, 128, 0.5);
  --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.8);
  --size-mini-scroll-indicator: 3px;
  --color-toolbar-button-hover: var(--color-4);
}

/*
    base classes
*/
.flexlayout__layout {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  background-color: var(--color-background);
}

.flexlayout__layout_overlay {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
}

.flexlayout__layout_tab_stamps {
  position: absolute;
  top: -10000px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.flexlayout__layout_moveables {
  visibility: hidden;
  position: absolute;
  width: 100px;
  height: 100px;
  top: -20000px;
}

.flexlayout__layout_main {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
  position: relative;
}

.flexlayout__layout_border_container {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
}

.flexlayout__layout_border_container_inner {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
}

.flexlayout__splitter {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-splitter);
  touch-action: none;
  z-index: 10;
}

@media (hover: hover) {
  .flexlayout__splitter:hover {
    background-color: var(--color-splitter-hover);
    transition: background-color ease-in 0.1s;
    transition-delay: 0.05s;
    border-radius: 5px;
  }
}
.flexlayout__splitter_drag {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  border-radius: 5px;
  background-color: var(--color-splitter-drag);
}

.flexlayout__splitter_handle {
  background-color: #ccc;
  border-radius: 3px;
}

.flexlayout__splitter_handle_horz {
  width: 3px;
  height: 30px;
}

.flexlayout__splitter_handle_vert {
  width: 30px;
  height: 3px;
}

.flexlayout__splitter_extra {
  touch-action: none;
  background-color: transparent;
}

.flexlayout__outline_rect {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  border: 2px solid var(--color-drag1);
  background: var(--color-drag1-background);
  border-radius: 5px;
  z-index: 1000;
}

.flexlayout__outline_rect_edge {
  pointer-events: none;
  border: 2px solid var(--color-drag2);
  background: var(--color-drag2-background);
  border-radius: 5px;
  z-index: 1000;
  box-sizing: border-box;
}

.flexlayout__edge_rect {
  position: absolute;
  z-index: 1000;
  background-color: var(--color-edge-marker);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexlayout__drag_rect {
  color: var(--color-drag-rect);
  background-color: var(--color-drag-rect-background);
  border: 2px solid var(--color-drag-rect-border);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  padding: 0.3em 0.8em;
  word-wrap: break-word;
  font-size: var(--font-size);
  font-family: var(--font-family);
}

.flexlayout__row {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.flexlayout__tabset {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--color-tabset-background);
  box-sizing: border-box;
  font-family: var(--font-family);
  overflow: hidden;
  flex-grow: 1;
}

.flexlayout__tabset_container {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}

.flexlayout__tabset_tab_divider {
  width: 4px;
}

.flexlayout__tabset_content {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
  box-sizing: border-box;
  position: relative;
}

.flexlayout__tabset_leading {
  display: flex;
}

.flexlayout__tabset_header {
  display: flex;
  align-items: center;
  padding: 3px 3px 3px 5px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-tabset-divider-line);
  color: var(--color-tabset-header);
  background-color: var(--color-tabset-header-background);
  font-size: var(--font-size);
}

.flexlayout__tabset_header_content {
  flex-grow: 1;
}

.flexlayout__tabset_tabbar_outer {
  box-sizing: border-box;
  background-color: var(--color-tabset-background);
  overflow: hidden;
  display: flex;
  font-size: var(--font-size);
}

.flexlayout__tabset_tabbar_outer_top {
  padding: 0px 2px 0px 2px;
  border-bottom: 1px solid var(--color-tabset-divider-line);
}

.flexlayout__tabset_tabbar_outer_bottom {
  padding: 0px 2px 0px 2px;
  border-top: 1px solid var(--color-tabset-divider-line);
}

.flexlayout__tabset_tabbar_inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  scrollbar-width: none;
}

.flexlayout__tabset_tabbar_inner::-webkit-scrollbar {
  display: none;
}

.flexlayout__tabset_tabbar_inner_tab_container {
  position: relative;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}

.flexlayout__tabset_tabbar_inner_tab_container_top {
  border-top: 2px solid transparent;
}

.flexlayout__tabset_tabbar_inner_tab_container_bottom {
  border-bottom: 2px solid transparent;
}

.flexlayout__tabset-selected {
  background-color: var(--color-tabset-background-selected);
}

.flexlayout__tabset-maximized {
  background-color: var(--color-tabset-background-maximized);
}

.flexlayout__tab_button_stamp {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  white-space: nowrap;
  box-sizing: border-box;
}

.flexlayout__tab {
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--color-tab-content);
  color: var(--color-text);
  position: relative;
}

.flexlayout__tab_moveable {
  position: relative;
  height: 100%;
  min-width: 1px;
  min-height: 1px;
  overflow: auto;
  box-sizing: border-box;
}

.flexlayout__tab_overlay {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2392156863);
}

.flexlayout__tab_button {
  display: flex;
  gap: 0.3em;
  align-items: center;
  box-sizing: border-box;
  padding: 3px 0.5em;
  cursor: pointer;
}

.flexlayout__tab_button_stretch {
  background-color: transparent;
  color: var(--color-tab-selected);
  width: 100%;
  padding: 3px 0em;
  text-wrap: nowrap;
  display: flex;
  gap: 0.3em;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}

@media (hover: hover) {
  .flexlayout__tab_button_stretch:hover {
    color: var(--color-tab-selected);
  }
}
.flexlayout__tab_button--selected {
  background-color: var(--color-tab-selected-background);
  color: var(--color-tab-selected);
}

@media (hover: hover) {
  .flexlayout__tab_button:hover {
    color: var(--color-tab-selected);
  }
}
.flexlayout__tab_button--unselected {
  background-color: var(--color-tab-unselected-background);
  color: var(--color-tab-unselected);
}

.flexlayout__tab_button_leading {
  display: flex;
}

.flexlayout__tab_button_content {
  display: flex;
  text-wrap: nowrap;
}

.flexlayout__tab_button_textbox {
  border: none;
  font-family: var(--font-family);
  font-size: var(--font-size);
  color: var(--color-tab-textbox);
  background-color: var(--color-tab-textbox-background);
  border: 1px inset var(--color-1);
  border-radius: 3px;
  width: 10em;
}

.flexlayout__tab_button_textbox:focus {
  outline: none;
}

.flexlayout__tab_button_trailing {
  display: flex;
  visibility: hidden;
  border-radius: 4px;
}

.flexlayout__tab_button_trailing:hover {
  background-color: var(--color-toolbar-button-hover);
}

@media (hover: hover) {
  .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {
    visibility: visible;
  }
}
.flexlayout__tab_button--selected .flexlayout__tab_button_trailing {
  visibility: visible;
}

.flexlayout__tab_button_overflow {
  display: flex;
  align-items: center;
  border: none;
  color: var(--color-overflow);
  font-size: inherit;
  background-color: transparent;
  width: 2em;
  overflow: hidden;
}

.flexlayout__tab_toolbar {
  display: flex;
  align-items: center;
  gap: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.3em;
}

.flexlayout__tab_toolbar_icon {
  border: none;
  outline: none;
  font-size: inherit;
  margin: 0px;
  background-color: transparent;
  padding: 1px;
}

.flexlayout__tab_toolbar_button {
  border: none;
  outline: none;
  font-size: inherit;
  margin: 0px;
  background-color: transparent;
  border-radius: 4px;
  padding: 1px;
}

@media (hover: hover) {
  .flexlayout__tab_toolbar_button:hover {
    background-color: var(--color-toolbar-button-hover);
  }
}
.flexlayout__tab_toolbar_sticky_buttons_container {
  display: flex;
  gap: 0.3em;
  padding-left: 5px;
  align-items: center;
}

.flexlayout__border {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  font-size: var(--font-size);
  font-family: var(--font-family);
  color: var(--color-border);
  background-color: var(--color-border-background);
}

.flexlayout__border_tab_contents {
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--color-border-tab-content);
}

.flexlayout__border_leading {
  display: flex;
}

.flexlayout__border_top {
  border-bottom: 1px solid var(--color-border-divider-line);
  align-items: center;
}

.flexlayout__border_bottom {
  border-top: 1px solid var(--color-border-divider-line);
  align-items: center;
}

.flexlayout__border_left {
  border-right: 1px solid var(--color-border-divider-line);
  align-content: center;
  flex-direction: column;
}

.flexlayout__border_right {
  border-left: 1px solid var(--color-border-divider-line);
  align-content: center;
  flex-direction: column;
}

.flexlayout__border_inner {
  position: relative;
  box-sizing: border-box;
  align-items: center;
  display: flex;
  flex-grow: 1;
  scrollbar-width: none;
}

.flexlayout__border_inner::-webkit-scrollbar {
  display: none;
}

.flexlayout__border_inner_tab_container {
  white-space: nowrap;
  display: flex;
  padding-left: 2px;
  padding-right: 2px;
  box-sizing: border-box;
  position: absolute;
}

.flexlayout__border_inner_tab_container_right {
  transform-origin: top left;
  transform: rotate(90deg);
}

.flexlayout__border_inner_tab_container_left {
  flex-direction: row-reverse;
  transform-origin: top right;
  transform: rotate(-90deg);
}

.flexlayout__border_tab_divider {
  width: 4px;
}

.flexlayout__border_button {
  display: flex;
  gap: 0.3em;
  align-items: center;
  cursor: pointer;
  padding: 3px 0.5em;
  margin: 2px 0px;
  box-sizing: border-box;
  white-space: nowrap;
}

.flexlayout__border_button--selected {
  background-color: var(--color-border-tab-selected-background);
  color: var(--color-border-tab-selected);
}

@media (hover: hover) {
  .flexlayout__border_button:hover {
    color: var(--color-border-tab-selected);
  }
}
.flexlayout__border_button--unselected {
  background-color: var(--color-border-tab-unselected-background);
  color: var(--color-border-tab-unselected);
}

.flexlayout__border_button_leading {
  display: flex;
}

.flexlayout__border_button_content {
  display: flex;
}

.flexlayout__border_button_trailing {
  display: flex;
  border-radius: 4px;
  visibility: hidden;
}

@media (hover: hover) {
  .flexlayout__border_button:hover .flexlayout__border_button_trailing {
    visibility: visible;
  }
}
.flexlayout__border_button--selected .flexlayout__border_button_trailing {
  visibility: visible;
}

.flexlayout__border_toolbar {
  display: flex;
  gap: 0.3em;
  align-items: center;
}

.flexlayout__border_toolbar_left, .flexlayout__border_toolbar_right {
  flex-direction: column;
  padding-top: 0.5em;
  padding-bottom: 0.3em;
}

.flexlayout__border_toolbar_top, .flexlayout__border_toolbar_bottom {
  padding-left: 0.5em;
  padding-right: 0.3em;
}

.flexlayout__border_toolbar_button {
  border: none;
  outline: none;
  font-size: inherit;
  background-color: transparent;
  border-radius: 4px;
  padding: 1px;
}

@media (hover: hover) {
  .flexlayout__border_toolbar_button:hover {
    background-color: var(--color-toolbar-button-hover);
  }
}
.flexlayout__border_toolbar_button_overflow {
  display: flex;
  align-items: center;
  border: none;
  color: var(--color-overflow);
  font-size: inherit;
  background-color: transparent;
  width: 1.5em;
}

.flexlayout__popup_menu {
  font-size: var(--font-size);
  font-family: var(--font-family);
}

.flexlayout__popup_menu_item {
  padding: 2px 0.5em;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 2px;
}

.flexlayout__popup_menu_item--selected {
  font-weight: 500;
  background-color: var(--color-tab-selected-background);
  color: var(--color-tab-selected);
}

@media (hover: hover) {
  .flexlayout__popup_menu_item:hover {
    background-color: var(--color-6);
  }
}
.flexlayout__popup_menu_container {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--color-popup-border);
  color: var(--color-popup-unselected);
  background: var(--color-popup-unselected-background);
  border-radius: 3px;
  position: absolute;
  z-index: 1000;
  max-height: 50%;
  min-width: 100px;
  overflow: auto;
  padding: 2px;
}

.flexlayout__floating_window _body {
  height: 100%;
}

.flexlayout__floating_window_content {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.flexlayout__floating_tab {
  position: absolute;
  background: var(--color-tab-content);
  border: 1px solid var(--color-tabset-divider-line);
  border-radius: 5px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  z-index: 1000;
  overflow: hidden;
  font-family: var(--font-family);
  font-size: var(--font-size);
}

.flexlayout__floating_tab_header {
  background: var(--color-tabset-background);
  border-bottom: 1px solid var(--color-tabset-divider-line);
  padding: 0px 2px 0px 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: grab;
  user-select: none;
  min-height: 32px;
  box-sizing: border-box;
}

.flexlayout__floating_tab_header:active {
  cursor: grabbing;
}

.flexlayout__floating_tab_title {
  font-weight: normal;
  color: var(--color-tab-selected);
  padding: 3px 0.5em;
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flexlayout__floating_tab_content {
  flex: 1;
  overflow: auto;
  background: var(--color-tab-content);
  box-sizing: border-box;
}

.flexlayout__error_boundary_container {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: center;
}

.flexlayout__error_boundary_content {
  display: flex;
  align-items: center;
}

.flexlayout__border_sizer {
  position: absolute;
  top: -30000px;
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: var(--font-size);
  font-family: var(--font-family);
}

.flexlayout__mini_scrollbar {
  position: absolute;
  background-color: var(--color-mini-scroll-indicator);
  border-radius: 5px;
  width: var(--size-mini-scroll-indicator);
  height: var(--size-mini-scroll-indicator);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.flexlayout__mini_scrollbar:hover {
  background-color: var(--color-mini-scroll-indicator-hovered);
  transition: background-color 0.3s ease-in-out;
}

.flexlayout__mini_scrollbar_container {
  position: relative;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}

@media (hover: hover) {
  .flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar {
    opacity: 1;
    visibility: visible;
  }
}
/* ======================== End of Base Classes =========================== */
/* 
    dark theme overrides 
*/
.flexlayout__tabset_header {
  box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
}

.flexlayout__tabset-selected {
  background-image: linear-gradient(var(--color-background), var(--color-4));
}

.flexlayout__tabset-maximized {
  background-image: linear-gradient(var(--color-6), var(--color-2));
}

.flexlayout__tab_top {
  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.flexlayout__tab_bottom {
  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.flexlayout__border_button {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}


/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ReactVirtualized__Table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}
.rst__rowWrapper {
  padding: 10px 10px 10px 0;
  height: 100%;
  box-sizing: border-box;
}

.rst__rtl.rst__rowWrapper {
  padding: 10px 0 10px 10px;
}

.rst__row {
  height: 100%;
  white-space: nowrap;
  display: flex;
}
.rst__row > * {
  box-sizing: border-box;
}

/**
 * The outline of where the element will go if dropped, displayed while dragging
 */
.rst__rowLandingPad,
.rst__rowCancelPad {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.rst__rowLandingPad > *,
.rst__rowCancelPad > * {
  opacity: 0 !important;
}
.rst__rowLandingPad::before,
.rst__rowCancelPad::before {
  background-color: lightblue;
  border: 3px dashed white;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/**
 * Alternate appearance of the landing pad when the dragged location is invalid
 */
.rst__rowCancelPad::before {
  background-color: #e6a8ad;
}

/**
 * Nodes matching the search conditions are highlighted
 */
.rst__rowSearchMatch {
  outline: solid 3px #0080ff;
}

/**
 * The node that matches the search conditions and is currently focused
 */
.rst__rowSearchFocus {
  outline: solid 3px #fc6421;
}

.rst__rowContents,
.rst__rowLabel,
.rst__rowToolbar,
.rst__moveHandle,
.rst__toolbarButton {
  display: inline-block;
  vertical-align: middle;
}

.rst__rowContents {
  position: relative;
  height: 100%;
  border: solid #bbb 1px;
  border-left: none;
  box-shadow: 0 2px 2px -2px;
  padding: 0 5px 0 10px;
  border-radius: 2px;
  min-width: 230px;
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
}

.rst__rtl.rst__rowContents {
  border-right: none;
  border-left: solid #bbb 1px;
  padding: 0 10px 0 5px;
}

.rst__rowContentsDragDisabled {
  border-left: solid #bbb 1px;
}

.rst__rtl.rst__rowContentsDragDisabled {
  border-right: solid #bbb 1px;
  border-left: solid #bbb 1px;
}

.rst__rowLabel {
  flex: 0 1 auto;
  padding-right: 20px;
}
.rst__rtl.rst__rowLabel {
  padding-left: 20px;
  padding-right: inherit;
}

.rst__rowToolbar {
  flex: 0 1 auto;
  display: flex;
}

.rst__moveHandle,
.rst__loadingHandle {
  height: 100%;
  width: 44px;
  background: #d9d9d9
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSIgPjxwYXRoIGQ9Ik0xNCAxNS43aDE0LjQiLz48cGF0aCBkPSJNMTQgMjEuNGgxNC40Ii8+PHBhdGggZD0iTTE0IDI3LjFoMTQuNCIvPjwvZz4KPC9zdmc+)
    no-repeat center;
  border: solid #aaa 1px;
  box-shadow: 0 2px 2px -2px;
  cursor: move;
  border-radius: 1px;
  z-index: 1;
}

.rst__loadingHandle {
  cursor: default;
  background: #d9d9d9;
}

@keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

.rst__loadingCircle {
  width: 80%;
  height: 80%;
  margin: 10%;
  position: relative;
}

.rst__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.rst__rtl.rst__loadingCirclePoint {
  right: 0;
  left: initial;
}

.rst__loadingCirclePoint::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  animation: pointFade 800ms infinite ease-in-out both;
}
.rst__loadingCirclePoint:nth-of-type(1) {
  transform: rotate(0deg);
}
.rst__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.rst__loadingCirclePoint:nth-of-type(1)::before,
.rst__loadingCirclePoint:nth-of-type(7)::before {
  animation-delay: -800ms;
}
.rst__loadingCirclePoint:nth-of-type(2) {
  transform: rotate(30deg);
}
.rst__loadingCirclePoint:nth-of-type(8) {
  transform: rotate(210deg);
}
.rst__loadingCirclePoint:nth-of-type(2)::before,
.rst__loadingCirclePoint:nth-of-type(8)::before {
  animation-delay: -666ms;
}
.rst__loadingCirclePoint:nth-of-type(3) {
  transform: rotate(60deg);
}
.rst__loadingCirclePoint:nth-of-type(9) {
  transform: rotate(240deg);
}
.rst__loadingCirclePoint:nth-of-type(3)::before,
.rst__loadingCirclePoint:nth-of-type(9)::before {
  animation-delay: -533ms;
}
.rst__loadingCirclePoint:nth-of-type(4) {
  transform: rotate(90deg);
}
.rst__loadingCirclePoint:nth-of-type(10) {
  transform: rotate(270deg);
}
.rst__loadingCirclePoint:nth-of-type(4)::before,
.rst__loadingCirclePoint:nth-of-type(10)::before {
  animation-delay: -400ms;
}
.rst__loadingCirclePoint:nth-of-type(5) {
  transform: rotate(120deg);
}
.rst__loadingCirclePoint:nth-of-type(11) {
  transform: rotate(300deg);
}
.rst__loadingCirclePoint:nth-of-type(5)::before,
.rst__loadingCirclePoint:nth-of-type(11)::before {
  animation-delay: -266ms;
}
.rst__loadingCirclePoint:nth-of-type(6) {
  transform: rotate(150deg);
}
.rst__loadingCirclePoint:nth-of-type(12) {
  transform: rotate(330deg);
}
.rst__loadingCirclePoint:nth-of-type(6)::before,
.rst__loadingCirclePoint:nth-of-type(12)::before {
  animation-delay: -133ms;
}
.rst__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.rst__loadingCirclePoint:nth-of-type(13) {
  transform: rotate(360deg);
}
.rst__loadingCirclePoint:nth-of-type(7)::before,
.rst__loadingCirclePoint:nth-of-type(13)::before {
  animation-delay: 0ms;
}

.rst__rowTitle {
  font-weight: bold;
}

.rst__rowTitleWithSubtitle {
  font-size: 85%;
  display: block;
  height: 0.8rem;
}

.rst__rowSubtitle {
  font-size: 70%;
  line-height: 1;
}

.rst__collapseButton,
.rst__expandButton {
  appearance: none;
  border: none;
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #000;
  width: 16px;
  height: 16px;
  padding: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.rst__rtl.rst__collapseButton,
.rst__rtl.rst__expandButton {
  transform: translate(50%, -50%);
}
.rst__collapseButton:focus,
.rst__expandButton:focus {
  outline: none;
  box-shadow: 0 0 0 1px #000, 0 0 1px 3px #83bef9;
}
.rst__collapseButton:hover:not(:active),
.rst__expandButton:hover:not(:active) {
  background-size: 24px;
  height: 20px;
  width: 20px;
}

.rst__collapseButton {
  background: #fff
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48L2c+Cjwvc3ZnPg==)
    no-repeat center;
}

.rst__expandButton {
  background: #fff
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48cGF0aCBkPSJNOSA0LjV2OSIvPjwvZz4KPC9zdmc+)
    no-repeat center;
}

/**
 * Line for under a node with children
 */
.rst__lineChildren {
  height: 100%;
  display: inline-block;
  position: absolute;
}
.rst__lineChildren::after {
  content: '';
  position: absolute;
  background-color: black;
  width: 1px;
  left: 50%;
  bottom: 0;
  height: 10px;
}

.rst__rtl.rst__lineChildren::after {
  right: 50%;
  left: initial;
}

.rst__placeholder {
  position: relative;
  height: 68px;
  max-width: 300px;
  padding: 10px;
}
.rst__placeholder,
.rst__placeholder > * {
  box-sizing: border-box;
}
.rst__placeholder::before {
  border: 3px dashed #d9d9d9;
  content: '';
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  z-index: -1;
}

/**
 * The outline of where the element will go if dropped, displayed while dragging
 */
.rst__placeholderLandingPad,
.rst__placeholderCancelPad {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.rst__placeholderLandingPad *,
.rst__placeholderCancelPad * {
  opacity: 0 !important;
}
.rst__placeholderLandingPad::before,
.rst__placeholderCancelPad::before {
  background-color: lightblue;
  border-color: white;
}

/**
 * Alternate appearance of the landing pad when the dragged location is invalid
 */
.rst__placeholderCancelPad::before {
  background-color: #e6a8ad;
}

/**
 * Extra class applied to VirtualScroll through className prop
 */
.rst__virtualScrollOverride {
  overflow: auto !important;
}
.rst__virtualScrollOverride * {
  box-sizing: border-box;
}

.ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}

.rst__rtl .ReactVirtualized__Grid__innerScrollContainer {
  direction: rtl;
}

.ReactVirtualized__Grid {
  outline: none;
}

.rst__node {
  min-width: 100%;
  white-space: nowrap;
  position: relative;
  text-align: left;
}

.rst__node.rst__rtl {
  text-align: right;
}

.rst__nodeContent {
  position: absolute;
  top: 0;
  bottom: 0;
}

/* ==========================================================================
   Scaffold

    Line-overlaid blocks used for showing the tree structure
   ========================================================================== */
.rst__lineBlock,
.rst__absoluteLineBlock {
  height: 100%;
  position: relative;
  display: inline-block;
}

.rst__absoluteLineBlock {
  position: absolute;
  top: 0;
}

.rst__lineHalfHorizontalRight::before,
.rst__lineFullVertical::after,
.rst__lineHalfVerticalTop::after,
.rst__lineHalfVerticalBottom::after {
  position: absolute;
  content: '';
  background-color: black;
}

/**
 * +-----+
 * |     |
 * |  +--+
 * |     |
 * +-----+
 */
.rst__lineHalfHorizontalRight::before {
  height: 1px;
  top: 50%;
  right: 0;
  width: 50%;
}

.rst__rtl.rst__lineHalfHorizontalRight::before {
  left: 0;
  right: initial;
}

/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  |  |
 * +--+--+
 */
.rst__lineFullVertical::after,
.rst__lineHalfVerticalTop::after,
.rst__lineHalfVerticalBottom::after {
  width: 1px;
  left: 50%;
  top: 0;
  height: 100%;
}

/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  |  |
 * +--+--+
 */
.rst__rtl.rst__lineFullVertical::after,
.rst__rtl.rst__lineHalfVerticalTop::after,
.rst__rtl.rst__lineHalfVerticalBottom::after {
  right: 50%;
  left: initial;
}

/**
 * +-----+
 * |  |  |
 * |  +  |
 * |     |
 * +-----+
 */
.rst__lineHalfVerticalTop::after {
  height: 50%;
}

/**
 * +-----+
 * |     |
 * |  +  |
 * |  |  |
 * +-----+
 */
.rst__lineHalfVerticalBottom::after {
  top: auto;
  bottom: 0;
  height: 50%;
}

/* Highlight line for pointing to dragged row destination
   ========================================================================== */
/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  |  |
 * +--+--+
 */
.rst__highlightLineVertical {
  z-index: 3;
}
.rst__highlightLineVertical::before {
  position: absolute;
  content: '';
  background-color: #36c2f6;
  width: 8px;
  margin-left: -4px;
  left: 50%;
  top: 0;
  height: 100%;
}

.rst__rtl.rst__highlightLineVertical::before {
  margin-left: initial;
  margin-right: -4px;
  left: initial;
  right: 50%;
}

@keyframes arrow-pulse {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  30% {
    transform: translate(0, 300%);
    opacity: 1;
  }
  70% {
    transform: translate(0, 700%);
    opacity: 1;
  }
  100% {
    transform: translate(0, 1000%);
    opacity: 0;
  }
}
.rst__highlightLineVertical::after {
  content: '';
  position: absolute;
  height: 0;
  margin-left: -4px;
  left: 50%;
  top: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid white;
  animation: arrow-pulse 1s infinite linear both;
}

.rst__rtl.rst__highlightLineVertical::after {
  margin-left: initial;
  margin-right: -4px;
  right: 50%;
  left: initial;
}

/**
 * +-----+
 * |     |
 * |  +--+
 * |  |  |
 * +--+--+
 */
.rst__highlightTopLeftCorner::before {
  z-index: 3;
  content: '';
  position: absolute;
  border-top: solid 8px #36c2f6;
  border-left: solid 8px #36c2f6;
  box-sizing: border-box;
  height: calc(50% + 4px);
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: calc(50% + 4px);
}

.rst__rtl.rst__highlightTopLeftCorner::before {
  border-right: solid 8px #36c2f6;
  border-left: none;
  left: 0;
  right: initial;
}

/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  +->|
 * +-----+
 */
.rst__highlightBottomLeftCorner {
  z-index: 3;
}
.rst__highlightBottomLeftCorner::before {
  content: '';
  position: absolute;
  border-bottom: solid 8px #36c2f6;
  border-left: solid 8px #36c2f6;
  box-sizing: border-box;
  height: calc(100% + 4px);
  top: 0;
  right: 12px;
  width: calc(50% - 8px);
}

.rst__rtl.rst__highlightBottomLeftCorner::before {
  border-right: solid 8px #36c2f6;
  border-left: none;
  left: 12px;
  right: initial;
}

.rst__highlightBottomLeftCorner::after {
  content: '';
  position: absolute;
  height: 0;
  right: 0;
  top: 100%;
  margin-top: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #36c2f6;
}

.rst__rtl.rst__highlightBottomLeftCorner::after {
  left: 0;
  right: initial;
  border-right: 12px solid #36c2f6;
  border-left: none;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.bp3-context-menu2-virtual-target{
  position:fixed; }
.bp3-popover2{
  -webkit-box-shadow:0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
          box-shadow:0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  -webkit-transform:scale(1);
          transform:scale(1);
  border-radius:3px;
  display:inline-block;
  z-index:20; }
  .bp3-popover2 .bp3-popover2-arrow{
    height:30px;
    position:absolute;
    width:30px; }
    .bp3-popover2 .bp3-popover2-arrow::before{
      height:20px;
      margin:5px;
      width:20px; }
  .bp3-popover2 .bp3-popover2-content{
    background:#ffffff; }
  .bp3-popover2 .bp3-popover2-content,
  .bp3-popover2 .bp3-heading{
    color:inherit; }
  .bp3-popover2 .bp3-popover2-arrow::before{
    -webkit-box-shadow:1px 1px 6px rgba(16, 22, 26, 0.2);
            box-shadow:1px 1px 6px rgba(16, 22, 26, 0.2); }
  .bp3-popover2 .bp3-popover2-arrow-border{
    fill:#10161a;
    fill-opacity:0.1; }
  .bp3-popover2 .bp3-popover2-arrow-fill{
    fill:#ffffff; }
  .bp3-popover2-enter > .bp3-popover2, .bp3-popover2-appear > .bp3-popover2{
    -webkit-transform:scale(0.3);
            transform:scale(0.3); }
  .bp3-popover2-enter-active > .bp3-popover2, .bp3-popover2-appear-active > .bp3-popover2{
    -webkit-transform:scale(1);
            transform:scale(1);
    -webkit-transition-delay:0;
            transition-delay:0;
    -webkit-transition-duration:300ms;
            transition-duration:300ms;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    -webkit-transition-timing-function:cubic-bezier(0.54, 1.12, 0.38, 1.11);
            transition-timing-function:cubic-bezier(0.54, 1.12, 0.38, 1.11); }
  .bp3-popover2-exit > .bp3-popover2{
    -webkit-transform:scale(1);
            transform:scale(1); }
  .bp3-popover2-exit-active > .bp3-popover2{
    -webkit-transform:scale(0.3);
            transform:scale(0.3);
    -webkit-transition-delay:0;
            transition-delay:0;
    -webkit-transition-duration:300ms;
            transition-duration:300ms;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    -webkit-transition-timing-function:cubic-bezier(0.54, 1.12, 0.38, 1.11);
            transition-timing-function:cubic-bezier(0.54, 1.12, 0.38, 1.11); }
  .bp3-popover2 .bp3-popover2-content{
    border-radius:3px;
    position:relative; }
  .bp3-popover2.bp3-popover2-content-sizing .bp3-popover2-content{
    max-width:350px;
    padding:20px; }
  .bp3-popover2-target + .bp3-overlay .bp3-popover2.bp3-popover2-content-sizing{
    width:350px; }
  .bp3-popover2.bp3-minimal{
    margin:0 !important; }
    .bp3-popover2.bp3-minimal .bp3-popover2-arrow{
      display:none; }
    .bp3-popover2.bp3-minimal.bp3-popover2{
      -webkit-transform:scale(1);
              transform:scale(1); }
      .bp3-popover2-enter > .bp3-popover2.bp3-minimal.bp3-popover2, .bp3-popover2-appear > .bp3-popover2.bp3-minimal.bp3-popover2{
        -webkit-transform:scale(1);
                transform:scale(1); }
      .bp3-popover2-enter-active > .bp3-popover2.bp3-minimal.bp3-popover2, .bp3-popover2-appear-active > .bp3-popover2.bp3-minimal.bp3-popover2{
        -webkit-transform:scale(1);
                transform:scale(1);
        -webkit-transition-delay:0;
                transition-delay:0;
        -webkit-transition-duration:100ms;
                transition-duration:100ms;
        -webkit-transition-property:-webkit-transform;
        transition-property:-webkit-transform;
        transition-property:transform;
        transition-property:transform, -webkit-transform;
        -webkit-transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9);
                transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9); }
      .bp3-popover2-exit > .bp3-popover2.bp3-minimal.bp3-popover2{
        -webkit-transform:scale(1);
                transform:scale(1); }
      .bp3-popover2-exit-active > .bp3-popover2.bp3-minimal.bp3-popover2{
        -webkit-transform:scale(1);
                transform:scale(1);
        -webkit-transition-delay:0;
                transition-delay:0;
        -webkit-transition-duration:100ms;
                transition-duration:100ms;
        -webkit-transition-property:-webkit-transform;
        transition-property:-webkit-transform;
        transition-property:transform;
        transition-property:transform, -webkit-transform;
        -webkit-transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9);
                transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9); }
  .bp3-popover2.bp3-dark,
  .bp3-dark .bp3-popover2{
    -webkit-box-shadow:0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
            box-shadow:0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4); }
    .bp3-popover2.bp3-dark .bp3-popover2-content,
    .bp3-dark .bp3-popover2 .bp3-popover2-content{
      background:#30404d; }
    .bp3-popover2.bp3-dark .bp3-popover2-content,
    .bp3-popover2.bp3-dark .bp3-heading,
    .bp3-dark .bp3-popover2 .bp3-popover2-content,
    .bp3-dark .bp3-popover2 .bp3-heading{
      color:inherit; }
    .bp3-popover2.bp3-dark .bp3-popover2-arrow::before,
    .bp3-dark .bp3-popover2 .bp3-popover2-arrow::before{
      -webkit-box-shadow:1px 1px 6px rgba(16, 22, 26, 0.4);
              box-shadow:1px 1px 6px rgba(16, 22, 26, 0.4); }
    .bp3-popover2.bp3-dark .bp3-popover2-arrow-border,
    .bp3-dark .bp3-popover2 .bp3-popover2-arrow-border{
      fill:#10161a;
      fill-opacity:0.2; }
    .bp3-popover2.bp3-dark .bp3-popover2-arrow-fill,
    .bp3-dark .bp3-popover2 .bp3-popover2-arrow-fill{
      fill:#30404d; }

.bp3-popover2-arrow::before{
  border-radius:2px;
  content:"";
  display:block;
  position:absolute;
  -webkit-transform:rotate(45deg);
          transform:rotate(45deg); }

.bp3-overlay-backdrop.bp3-popover2-backdrop{
  background:rgba(255, 255, 255, 0); }

.bp3-popover2-transition-container{
  opacity:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  z-index:20; }
  .bp3-popover2-transition-container.bp3-popover2-enter, .bp3-popover2-transition-container.bp3-popover2-appear{
    opacity:0; }
  .bp3-popover2-transition-container.bp3-popover2-enter-active, .bp3-popover2-transition-container.bp3-popover2-appear-active{
    opacity:1;
    -webkit-transition-delay:0;
            transition-delay:0;
    -webkit-transition-duration:100ms;
            transition-duration:100ms;
    -webkit-transition-property:opacity;
    transition-property:opacity;
    -webkit-transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9);
            transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9); }
  .bp3-popover2-transition-container.bp3-popover2-exit{
    opacity:1; }
  .bp3-popover2-transition-container.bp3-popover2-exit-active{
    opacity:0;
    -webkit-transition-delay:0;
            transition-delay:0;
    -webkit-transition-duration:100ms;
            transition-duration:100ms;
    -webkit-transition-property:opacity;
    transition-property:opacity;
    -webkit-transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9);
            transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9); }
  .bp3-popover2-transition-container:focus{
    outline:none; }
  .bp3-popover2-transition-container.bp3-popover2-leave .bp3-popover2-content{
    pointer-events:none; }

span.bp3-popover2-target{
  display:inline-block; }
.bp3-button-group:not(.bp3-minimal) > .bp3-popover2-target:not(:first-child) .bp3-button{
  border-bottom-left-radius:0;
  border-top-left-radius:0; }

.bp3-button-group:not(.bp3-minimal) > .bp3-popover2-target:not(:last-child) .bp3-button{
  border-bottom-right-radius:0;
  border-top-right-radius:0;
  margin-right:-1px; }

.bp3-button-group .bp3-popover2-target{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto; }

.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-popover2-target:first-child .bp3-button{
  border-radius:3px 3px 0 0; }

.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-popover2-target:last-child .bp3-button{
  border-radius:0 0 3px 3px; }

.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-popover2-target:not(:last-child) .bp3-button{
  margin-bottom:-1px; }

.bp3-dark .bp3-button-group:not(.bp3-minimal) > .bp3-popover2-wrapper:not(:last-child) .bp3-button{
  margin-right:1px; }

.bp3-dark .bp3-button-group.bp3-vertical > .bp3-popover2-wrapper:not(:last-child) .bp3-button{
  margin-bottom:1px; }
.bp3-control-group .bp3-popover2-target{
  border-radius:inherit; }
label.bp3-label .bp3-popover2-target{
  display:block;
  margin-top:5px;
  text-transform:none; }
.bp3-submenu .bp3-popover2-target{
  display:block; }
  .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    border-radius:2px;
    color:inherit;
    line-height:20px;
    padding:5px 7px;
    text-decoration:none;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
    color:inherit; }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item > *{
      -webkit-box-flex:0;
          -ms-flex-positive:0;
              flex-grow:0;
      -ms-flex-negative:0;
          flex-shrink:0; }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item > .bp3-fill{
      -webkit-box-flex:1;
          -ms-flex-positive:1;
              flex-grow:1;
      -ms-flex-negative:1;
          flex-shrink:1; }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item::before,
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item > *{
      margin-right:7px; }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item:empty::before,
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item > :last-child{
      margin-right:0; }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item > .bp3-fill{
      word-break:break-word; }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item:hover{
      background-color:rgba(167, 182, 194, 0.3);
      cursor:pointer;
      text-decoration:none; }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-disabled{
      background-color:inherit;
      color:rgba(92, 112, 128, 0.6);
      cursor:not-allowed; }
    .bp3-dark .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item{
      color:inherit; }
      .bp3-dark .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item:hover{
        background-color:rgba(138, 155, 168, 0.15);
        color:inherit; }
      .bp3-dark .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-disabled{
        background-color:inherit;
        color:rgba(167, 182, 194, 0.6); }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary{
      color:#106ba3; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary .bp3-icon{
        color:inherit; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary .bp3-menu-item-label{
        color:#106ba3; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary:hover, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary.bp3-active{
        background-color:#137cbd; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary:active{
        background-color:#106ba3; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary:hover, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary:hover::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary:hover::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary:hover .bp3-menu-item-label, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary:active, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary:active::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary:active::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary:active .bp3-menu-item-label, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary.bp3-active, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary.bp3-active::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary.bp3-active::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-primary.bp3-active .bp3-menu-item-label{
        color:#ffffff; }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success{
      color:#0d8050; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success .bp3-icon{
        color:inherit; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success .bp3-menu-item-label{
        color:#0d8050; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success:hover, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success.bp3-active{
        background-color:#0f9960; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success:active{
        background-color:#0d8050; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success:hover, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success:hover::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success:hover::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success:hover .bp3-menu-item-label, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success:active, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success:active::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success:active::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success:active .bp3-menu-item-label, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success.bp3-active, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success.bp3-active::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success.bp3-active::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-success.bp3-active .bp3-menu-item-label{
        color:#ffffff; }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning{
      color:#bf7326; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning .bp3-icon{
        color:inherit; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning .bp3-menu-item-label{
        color:#bf7326; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning:hover, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning.bp3-active{
        background-color:#d9822b; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning:active{
        background-color:#bf7326; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning:hover, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning:hover::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning:hover::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning:hover .bp3-menu-item-label, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning:active, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning:active::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning:active::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning:active .bp3-menu-item-label, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning.bp3-active, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning.bp3-active::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning.bp3-active::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-warning.bp3-active .bp3-menu-item-label{
        color:#ffffff; }
    .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger{
      color:#c23030; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger .bp3-icon{
        color:inherit; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger .bp3-menu-item-label{
        color:#c23030; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger:hover, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger.bp3-active{
        background-color:#db3737; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger:active{
        background-color:#c23030; }
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger:hover, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger:hover::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger:hover::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger:hover .bp3-menu-item-label, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger:active, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger:active::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger:active::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger:active .bp3-menu-item-label, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger.bp3-active, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger.bp3-active::before, .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger.bp3-active::after,
      .bp3-submenu .bp3-popover2-target.bp3-popover2-open > .bp3-menu-item.bp3-intent-danger.bp3-active .bp3-menu-item-label{
        color:#ffffff; }

.bp3-submenu.bp3-popover2{
  -webkit-box-shadow:none;
          box-shadow:none;
  padding:0 5px; }
  .bp3-submenu.bp3-popover2 > .bp3-popover2-content{
    -webkit-box-shadow:0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
            box-shadow:0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2); }
  .bp3-dark .bp3-submenu.bp3-popover2, .bp3-submenu.bp3-popover2.bp3-dark{
    -webkit-box-shadow:none;
            box-shadow:none; }
    .bp3-dark .bp3-submenu.bp3-popover2 > .bp3-popover2-content, .bp3-submenu.bp3-popover2.bp3-dark > .bp3-popover2-content{
      -webkit-box-shadow:0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
              box-shadow:0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4); }
.bp3-tree-node-secondary-label .bp3-popover2-target{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex; }
.bp3-tooltip2{
  -webkit-box-shadow:0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
          box-shadow:0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  -webkit-transform:scale(1);
          transform:scale(1); }
  .bp3-tooltip2 .bp3-popover2-arrow{
    height:22px;
    position:absolute;
    width:22px; }
    .bp3-tooltip2 .bp3-popover2-arrow::before{
      height:14px;
      margin:4px;
      width:14px; }
  .bp3-tooltip2 .bp3-popover2-content{
    background:#394b59; }
  .bp3-tooltip2 .bp3-popover2-content,
  .bp3-tooltip2 .bp3-heading{
    color:#f5f8fa; }
  .bp3-tooltip2 .bp3-popover2-arrow::before{
    -webkit-box-shadow:1px 1px 6px rgba(16, 22, 26, 0.2);
            box-shadow:1px 1px 6px rgba(16, 22, 26, 0.2); }
  .bp3-tooltip2 .bp3-popover2-arrow-border{
    fill:#10161a;
    fill-opacity:0.1; }
  .bp3-tooltip2 .bp3-popover2-arrow-fill{
    fill:#394b59; }
  .bp3-popover2-enter > .bp3-tooltip2, .bp3-popover2-appear > .bp3-tooltip2{
    -webkit-transform:scale(0.8);
            transform:scale(0.8); }
  .bp3-popover2-enter-active > .bp3-tooltip2, .bp3-popover2-appear-active > .bp3-tooltip2{
    -webkit-transform:scale(1);
            transform:scale(1);
    -webkit-transition-delay:0;
            transition-delay:0;
    -webkit-transition-duration:100ms;
            transition-duration:100ms;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    -webkit-transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9);
            transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9); }
  .bp3-popover2-exit > .bp3-tooltip2{
    -webkit-transform:scale(1);
            transform:scale(1); }
  .bp3-popover2-exit-active > .bp3-tooltip2{
    -webkit-transform:scale(0.8);
            transform:scale(0.8);
    -webkit-transition-delay:0;
            transition-delay:0;
    -webkit-transition-duration:100ms;
            transition-duration:100ms;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    -webkit-transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9);
            transition-timing-function:cubic-bezier(0.4, 1, 0.75, 0.9); }
  .bp3-tooltip2 .bp3-popover2-content{
    padding:10px 12px; }
  .bp3-tooltip2.bp3-popover2-placement-top .bp3-popover2-arrow{
    -webkit-transform:translateY(-3px);
            transform:translateY(-3px); }
  .bp3-tooltip2.bp3-popover2-placement-left .bp3-popover2-arrow{
    -webkit-transform:translateX(-3px);
            transform:translateX(-3px); }
  .bp3-tooltip2.bp3-popover2-placement-bottom .bp3-popover2-arrow{
    -webkit-transform:translateY(3px);
            transform:translateY(3px); }
  .bp3-tooltip2.bp3-popover2-placement-right .bp3-popover2-arrow{
    -webkit-transform:translateX(3px);
            transform:translateX(3px); }
  .bp3-tooltip2.bp3-dark,
  .bp3-dark .bp3-tooltip2{
    -webkit-box-shadow:0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
            box-shadow:0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4); }
    .bp3-tooltip2.bp3-dark .bp3-popover2-content,
    .bp3-dark .bp3-tooltip2 .bp3-popover2-content{
      background:#e1e8ed; }
    .bp3-tooltip2.bp3-dark .bp3-popover2-content,
    .bp3-tooltip2.bp3-dark .bp3-heading,
    .bp3-dark .bp3-tooltip2 .bp3-popover2-content,
    .bp3-dark .bp3-tooltip2 .bp3-heading{
      color:#394b59; }
    .bp3-tooltip2.bp3-dark .bp3-popover2-arrow::before,
    .bp3-dark .bp3-tooltip2 .bp3-popover2-arrow::before{
      -webkit-box-shadow:1px 1px 6px rgba(16, 22, 26, 0.4);
              box-shadow:1px 1px 6px rgba(16, 22, 26, 0.4); }
    .bp3-tooltip2.bp3-dark .bp3-popover2-arrow-border,
    .bp3-dark .bp3-tooltip2 .bp3-popover2-arrow-border{
      fill:#10161a;
      fill-opacity:0.2; }
    .bp3-tooltip2.bp3-dark .bp3-popover2-arrow-fill,
    .bp3-dark .bp3-tooltip2 .bp3-popover2-arrow-fill{
      fill:#e1e8ed; }
  .bp3-tooltip2.bp3-intent-primary .bp3-popover2-content{
    background:#137cbd;
    color:#ffffff; }
  .bp3-tooltip2.bp3-intent-primary .bp3-popover2-arrow-fill{
    fill:#137cbd; }
  .bp3-tooltip2.bp3-intent-success .bp3-popover2-content{
    background:#0f9960;
    color:#ffffff; }
  .bp3-tooltip2.bp3-intent-success .bp3-popover2-arrow-fill{
    fill:#0f9960; }
  .bp3-tooltip2.bp3-intent-warning .bp3-popover2-content{
    background:#d9822b;
    color:#ffffff; }
  .bp3-tooltip2.bp3-intent-warning .bp3-popover2-arrow-fill{
    fill:#d9822b; }
  .bp3-tooltip2.bp3-intent-danger .bp3-popover2-content{
    background:#db3737;
    color:#ffffff; }
  .bp3-tooltip2.bp3-intent-danger .bp3-popover2-arrow-fill{
    fill:#db3737; }

.bp3-tooltip2-indicator{
  border-bottom:dotted 1px;
  cursor:help; }
.bp3-datepicker{
  background:#ffffff;
  border-radius:3px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:5px;
  position:relative;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none; }
  .bp3-datepicker .DayPicker{
    display:inline-block;
    min-width:210px;
    position:relative;
    vertical-align:top; }
    .bp3-datepicker .DayPicker:focus{
      outline:none; }
  .bp3-datepicker .bp3-datepicker-day-wrapper{
    border-radius:3px;
    padding:7px; }
  .bp3-datepicker .DayPicker-Month{
    border-collapse:collapse;
    border-spacing:0;
    display:inline-table;
    margin:0 5px 5px;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none; }
    .bp3-datepicker .DayPicker-Month + .bp3-datepicker .DayPicker-Month{
      margin-left:10px; }
  .bp3-datepicker .DayPicker-Caption{
    display:table-caption; }
  .bp3-datepicker .DayPicker-Weekdays{
    display:table-header-group; }
  .bp3-datepicker .DayPicker-WeekdaysRow{
    display:table-row; }
  .bp3-datepicker .DayPicker-Weekday{
    display:table-cell;
    height:30px;
    line-height:1;
    text-align:center;
    vertical-align:middle;
    width:30px;
    font-weight:600;
    padding-top:5px; }
    .bp3-datepicker .DayPicker-Weekday abbr[title]{
      text-decoration:none; }
  .bp3-datepicker .DayPicker-Body{
    display:table-row-group; }
  .bp3-datepicker .DayPicker-Week{
    display:table-row; }
  .bp3-datepicker .DayPicker-WeekNumber{
    display:table-cell;
    height:30px;
    line-height:1;
    text-align:center;
    vertical-align:middle;
    width:30px;
    color:rgba(92, 112, 128, 0.6);
    font-size:14px; }
  .bp3-datepicker .DayPicker-Day{
    display:table-cell;
    height:30px;
    line-height:1;
    text-align:center;
    vertical-align:middle;
    width:30px;
    border-radius:3px;
    cursor:pointer; }
    .bp3-datepicker .DayPicker-Day.DayPicker-Day--outside{
      color:rgba(92, 112, 128, 0.6); }
    .bp3-datepicker .DayPicker-Day.DayPicker-Day--isToday .bp3-datepicker-day-wrapper{
      border:1px solid rgba(16, 22, 26, 0.15); }
    .bp3-datepicker .DayPicker-Day:hover, .bp3-datepicker .DayPicker-Day:focus{
      background:#d8e1e8;
      color:#182026; }
    .bp3-datepicker .DayPicker-Day:active{
      background:#ced9e0; }
    .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected{
      background-color:#137cbd;
      border-radius:3px;
      color:#ffffff; }
      .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected:hover{
        background-color:#106ba3; }
    .bp3-datepicker .DayPicker-Day.DayPicker-Day--disabled{
      background:none;
      color:rgba(92, 112, 128, 0.6);
      cursor:not-allowed; }

.bp3-datepicker-navbar{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:30px;
  left:0;
  position:absolute;
  right:0;
  top:0; }
  .bp3-datepicker-navbar > .DayPicker-NavButton--prev{
    margin-right:auto; }
  .bp3-datepicker-navbar > .DayPicker-NavButton--next{
    margin-left:auto; }

.bp3-datepicker-caption{
  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;
  margin:0 25px 5px; }
  .bp3-datepicker-caption > *{
    -webkit-box-flex:0;
        -ms-flex-positive:0;
            flex-grow:0;
    -ms-flex-negative:0;
        flex-shrink:0; }
  .bp3-datepicker-caption > :first-child{
    -webkit-box-flex:1;
        -ms-flex-positive:1;
            flex-grow:1;
    -ms-flex-negative:1;
        flex-shrink:1; }
  .bp3-datepicker-caption select{
    font-weight:600;
    padding-left:5px;
    padding-right:16px; }
    .bp3-datepicker-caption select + .bp3-icon{
      right:2px; }
  .bp3-datepicker-caption + .bp3-divider{
    margin:0; }

.bp3-datepicker-month-select{
  -ms-flex-negative:1;
      flex-shrink:1; }

.bp3-datepicker-year-select{
  -ms-flex-negative:1;
      flex-shrink:1;
  min-width:60px; }

.bp3-datepicker-caption-measure{
  font-weight:600;
  padding-left:5px; }

.bp3-datepicker-footer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between; }

.bp3-dark .bp3-datepicker{
  background:#30404d; }
  .bp3-dark .bp3-datepicker .DayPicker-WeekNumber{
    color:rgba(167, 182, 194, 0.6); }
  .bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--outside{
    color:rgba(167, 182, 194, 0.6); }
  .bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--isToday .bp3-datepicker-day-wrapper{
    border:1px solid rgba(255, 255, 255, 0.15); }
  .bp3-dark .bp3-datepicker .DayPicker-Day:hover, .bp3-dark .bp3-datepicker .DayPicker-Day:focus{
    background:#5c7080;
    color:#ffffff; }
  .bp3-dark .bp3-datepicker .DayPicker-Day:active{
    background:#738694; }
  .bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected{
    background-color:#137cbd; }
    .bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected:hover{
      background-color:#2b95d6; }
  .bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--disabled{
    background:none;
    color:rgba(167, 182, 194, 0.6); }
  .bp3-dark .bp3-datepicker .bp3-datepicker-footer{
    border-top-color:rgba(16, 22, 26, 0.4); }

.bp3-datepicker-timepicker-wrapper{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column; }
.bp3-daterangepicker{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  white-space:nowrap; }
  .bp3-daterangepicker .DayPicker-NavButton--interactionDisabled{
    display:none; }
  .bp3-daterangepicker .bp3-daterangepicker-timepickers{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
        justify-content:space-around; }
  .bp3-daterangepicker.bp3-daterangepicker-contiguous .DayPicker{
    min-width:220px; }
  .bp3-daterangepicker.bp3-daterangepicker-single-month .DayPicker{
    min-width:210px; }
  .bp3-daterangepicker .DayPicker-Day{ }
    .bp3-daterangepicker .DayPicker-Day--outside{
      visibility:hidden; }
    .bp3-daterangepicker .DayPicker-Day--hovered-range{
      border-radius:0; }
      .bp3-daterangepicker .DayPicker-Day--hovered-range:not(.DayPicker-Day--selected):not(.DayPicker-Day--selected-range):not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--selected-range-end){
        background-color:#ebf1f5; }
    .bp3-daterangepicker .DayPicker-Day--selected-range{
      background-color:#ebf1f5;
      border-radius:0; }
      .bp3-daterangepicker .DayPicker-Day--selected-range:hover{
        background-color:#ced9e0; }
    .bp3-daterangepicker .DayPicker-Day--selected-range-start:not(.DayPicker-Day--selected-range-end):not(.DayPicker-Day--hovered-range-end){
      border-bottom-right-radius:0;
      border-top-right-radius:0; }
    .bp3-daterangepicker .DayPicker-Day--selected-range-end:not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--hovered-range-start){
      border-bottom-left-radius:0;
      border-top-left-radius:0; }
    .bp3-daterangepicker .DayPicker-Day--hovered-range-start:not(.DayPicker-Day--hovered-range-end){
      border-bottom-right-radius:0;
      border-top-right-radius:0; }
    .bp3-daterangepicker .DayPicker-Day--hovered-range-end:not(.DayPicker-Day--hovered-range-start){
      border-bottom-left-radius:0;
      border-top-left-radius:0; }
  .bp3-dark .bp3-daterangepicker .DayPicker-Day--hovered-range{ }
    .bp3-dark .bp3-daterangepicker .DayPicker-Day--hovered-range:not(.DayPicker-Day--selected):not(.DayPicker-Day--selected-range):not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--selected-range-end){
      background-color:#394b59; }
  .bp3-dark .bp3-daterangepicker .DayPicker-Day--selected-range{
    background-color:#394b59; }
    .bp3-dark .bp3-daterangepicker .DayPicker-Day--selected-range:hover{
      background-color:#5c7080; }

.bp3-menu.bp3-daterangepicker-shortcuts{
  min-width:120px;
  padding:0; }
.bp3-timepicker{
  white-space:nowrap; }
  .bp3-timepicker .bp3-timepicker-arrow-row{
    padding:0 1px; }
  .bp3-timepicker .bp3-timepicker-arrow-button{
    color:#5c7080;
    display:inline-block;
    padding:4px 0;
    text-align:center;
    width:33px; }
    .bp3-timepicker .bp3-timepicker-arrow-button:hover{
      color:#182026; }
    .bp3-dark .bp3-timepicker .bp3-timepicker-arrow-button{
      color:#a7b6c2; }
      .bp3-dark .bp3-timepicker .bp3-timepicker-arrow-button:hover{
        color:#f5f8fa; }
    .bp3-timepicker .bp3-timepicker-arrow-button + .bp3-timepicker-arrow-button{
      margin-left:11px; }
    .bp3-timepicker .bp3-timepicker-arrow-button:hover{
      cursor:pointer; }
  .bp3-timepicker .bp3-timepicker-input-row{
    background:#ffffff;
    border-radius:3px;
    -webkit-box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
            box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
    display:inline-block;
    height:30px;
    line-height:28px;
    padding:0 1px;
    vertical-align:middle; }
  .bp3-timepicker .bp3-timepicker-divider-text{
    color:#5c7080;
    display:inline-block;
    font-size:16px;
    text-align:center;
    width:11px; }
  .bp3-timepicker .bp3-timepicker-input{
    background:transparent;
    border:0;
    border-radius:3px;
    -webkit-box-shadow:0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0);
            box-shadow:0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0);
    color:#182026;
    height:28px;
    outline:0;
    padding:0;
    text-align:center;
    -webkit-transition:-webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
    transition:-webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
    transition:box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
    transition:box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9), -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
    width:33px; }
    .bp3-timepicker .bp3-timepicker-input:focus{
      -webkit-box-shadow:0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3);
              box-shadow:0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3); }
    .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary{
      -webkit-box-shadow:0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
              box-shadow:0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary:focus{
        -webkit-box-shadow:0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
                box-shadow:0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary[readonly]{
        -webkit-box-shadow:inset 0 0 0 1px #137cbd;
                box-shadow:inset 0 0 0 1px #137cbd; }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary:disabled, .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary.bp3-disabled{
        -webkit-box-shadow:none;
                box-shadow:none; }
      .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary{
        -webkit-box-shadow:0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
                box-shadow:0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary:focus{
          -webkit-box-shadow:0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
                  box-shadow:0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary[readonly]{
          -webkit-box-shadow:inset 0 0 0 1px #137cbd;
                  box-shadow:inset 0 0 0 1px #137cbd; }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary:disabled, .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-primary.bp3-disabled{
          -webkit-box-shadow:none;
                  box-shadow:none; }
    .bp3-timepicker .bp3-timepicker-input.bp3-intent-success{
      -webkit-box-shadow:0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
              box-shadow:0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-success:focus{
        -webkit-box-shadow:0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
                box-shadow:0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-success[readonly]{
        -webkit-box-shadow:inset 0 0 0 1px #0f9960;
                box-shadow:inset 0 0 0 1px #0f9960; }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-success:disabled, .bp3-timepicker .bp3-timepicker-input.bp3-intent-success.bp3-disabled{
        -webkit-box-shadow:none;
                box-shadow:none; }
      .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-success{
        -webkit-box-shadow:0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
                box-shadow:0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-success:focus{
          -webkit-box-shadow:0 0 0 1px #0f9960, 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
                  box-shadow:0 0 0 1px #0f9960, 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-success[readonly]{
          -webkit-box-shadow:inset 0 0 0 1px #0f9960;
                  box-shadow:inset 0 0 0 1px #0f9960; }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-success:disabled, .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-success.bp3-disabled{
          -webkit-box-shadow:none;
                  box-shadow:none; }
    .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning{
      -webkit-box-shadow:0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
              box-shadow:0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning:focus{
        -webkit-box-shadow:0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
                box-shadow:0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning[readonly]{
        -webkit-box-shadow:inset 0 0 0 1px #d9822b;
                box-shadow:inset 0 0 0 1px #d9822b; }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning:disabled, .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning.bp3-disabled{
        -webkit-box-shadow:none;
                box-shadow:none; }
      .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning{
        -webkit-box-shadow:0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
                box-shadow:0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning:focus{
          -webkit-box-shadow:0 0 0 1px #d9822b, 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
                  box-shadow:0 0 0 1px #d9822b, 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning[readonly]{
          -webkit-box-shadow:inset 0 0 0 1px #d9822b;
                  box-shadow:inset 0 0 0 1px #d9822b; }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning:disabled, .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-warning.bp3-disabled{
          -webkit-box-shadow:none;
                  box-shadow:none; }
    .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger{
      -webkit-box-shadow:0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
              box-shadow:0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger:focus{
        -webkit-box-shadow:0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
                box-shadow:0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger[readonly]{
        -webkit-box-shadow:inset 0 0 0 1px #db3737;
                box-shadow:inset 0 0 0 1px #db3737; }
      .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger:disabled, .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger.bp3-disabled{
        -webkit-box-shadow:none;
                box-shadow:none; }
      .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger{
        -webkit-box-shadow:0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
                box-shadow:0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger:focus{
          -webkit-box-shadow:0 0 0 1px #db3737, 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
                  box-shadow:0 0 0 1px #db3737, 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger[readonly]{
          -webkit-box-shadow:inset 0 0 0 1px #db3737;
                  box-shadow:inset 0 0 0 1px #db3737; }
        .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger:disabled, .bp3-dark .bp3-timepicker .bp3-timepicker-input.bp3-intent-danger.bp3-disabled{
          -webkit-box-shadow:none;
                  box-shadow:none; }
  .bp3-timepicker .bp3-timepicker-ampm-select{
    margin-left:5px; }
  .bp3-timepicker.bp3-disabled .bp3-timepicker-input-row{
    background:rgba(206, 217, 224, 0.5);
    -webkit-box-shadow:none;
            box-shadow:none;
    color:rgba(92, 112, 128, 0.6);
    cursor:not-allowed;
    resize:none; }
  .bp3-timepicker.bp3-disabled .bp3-timepicker-input,
  .bp3-timepicker.bp3-disabled .bp3-timepicker-divider-text{
    color:rgba(92, 112, 128, 0.6);
    cursor:not-allowed; }
  .bp3-timepicker.bp3-disabled .bp3-timepicker-arrow-button,
  .bp3-timepicker.bp3-disabled .bp3-timepicker-arrow-button:hover{
    color:rgba(92, 112, 128, 0.6);
    cursor:not-allowed; }

.bp3-dark .bp3-timepicker .bp3-timepicker-input-row{
  background:rgba(16, 22, 26, 0.3);
  -webkit-box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
          box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }

.bp3-dark .bp3-timepicker .bp3-timepicker-divider-text{
  color:#a7b6c2; }

.bp3-dark .bp3-timepicker .bp3-timepicker-input{
  color:#f5f8fa; }

.bp3-datepicker .bp3-timepicker{
  margin-bottom:10px;
  margin-top:5px; }
  .bp3-datepicker .bp3-timepicker:last-child{
    margin-bottom:5px; }
.bp3-datetimepicker{
  background-color:#ffffff;
  border-radius:3px;
  padding:10px;
  text-align:center; }
  .bp3-dark .bp3-datetimepicker{
    background:#30404d; }
    .bp3-dark .bp3-datetimepicker .bp3-datepicker{
      border-bottom:1px solid rgba(16, 22, 26, 0.4); }
  .bp3-datetimepicker .bp3-datepicker{
    border-bottom:1px solid rgba(16, 22, 26, 0.15);
    padding:0 0 10px; }
  .bp3-datetimepicker .bp3-timepicker{
    margin-top:10px; }

.bp3-dateinput-popover{
  padding:0; }
@charset "UTF-8";
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.header-divider {
  background-color: black !important;
}

.bp3-dark .img-icon {
  fill: rgb(167, 182, 194) !important;
  color: rgb(167, 182, 194) !important;
  filter: invert(76%) sepia(7%) saturate(5100%) hue-rotate(190deg) brightness(93%) contrast(90%) !important;
}

.bp3-dark .flexlayout__border.flex-layout-border {
  background-color: black !important;
}

.bp3-dark .header-divider {
  background-color: black !important;
}

.bp3-dark .app-footer {
  background-color: black !important;
}

.flexlayout__splitter.flexlayout__splitter_horz.flexlayout__splitter_border {
  background-color: black !important;
}

.bp3-dark section.header-divider + .flex-row.flex-content {
  background-color: rgb(30, 30, 30);
  /* Matches the background color of section.header-divider */
}

.bp3-dark .flex-tabs.flexlayout__tab_border.flexlayout__tab_border_left {
  overflow: auto !important;
}

.bp3-dark .bp3-slider-handle {
  border: 1px solid #ccc;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  font-family: Arial, sans-serif;
  letter-spacing: 1.5px;
  font-feature-settings: "locl" 1; /* Türkçe localization */
  font-language-override: "TUR";
}

button {
  background-color: unset;
  background: unset;
  border: unset;
}

#root {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow: hidden;
  background-color: black;
}

.portal-z {
  z-index: 2000;
}

/* @pirireis/flexlayout-react base styles */
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/* Main layout container */
.flexlayout__layout {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  font-size: 1.1rem !important;
}

.flexlayout__layout_overlay {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
}

.flexlayout__layout_tab_stamps {
  position: absolute;
  top: -10000px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.flexlayout__layout_moveables {
  visibility: hidden;
  position: absolute;
  width: 100px;
  height: 100px;
  top: -20000px;
}

.flexlayout__layout_main {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
  position: relative;
}

.flexlayout__layout_border_container {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
}

.flexlayout__layout_border_container_inner {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
}

.flexlayout__splitter_handle_horz {
  width: 3px;
  height: 30px;
}

.flexlayout__splitter_handle_vert {
  width: 30px;
  height: 3px;
}

.flexlayout__splitter_extra {
  touch-action: none;
  background-color: transparent;
}

.flexlayout__splitter_handle {
  border-radius: 3px;
}

.flexlayout__splitter {
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: none;
  z-index: 10;
}

.flexlayout__splitter_drag {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  border-radius: 5px;
}

/* Tabset container dimensions */
.flexlayout__tabset_container {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}

.flexlayout__tabset_content {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
  box-sizing: border-box;
  position: relative;
}

.flexlayout__tabset_header_content {
  flex-grow: 1;
}

/* Tabbar structure */
.flexlayout__tabset_tabbar_inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  border: none !important;
}

.flexlayout__tabset_tabbar_inner_tab_container {
  position: relative;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}

.flexlayout__tabset_tabbar_inner_tab_container_top {
  border-top: 0px solid transparent;
}

.flexlayout__tabset_tabbar_inner_tab_container_bottom {
  border-bottom: 2px solid transparent;
}

/* Tabbar outer dimensions */
.flexlayout__tabset_tabbar_outer {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  font-size: 1.1rem;
}

@media screen and (min-width: 1024px) {
  .flexlayout__tabset_tabbar_outer_top {
    height: 30px;
  }
}
@media screen and (min-width: 1366px) {
  .flexlayout__tabset_tabbar_outer_top {
    height: 35px;
  }
}
@media screen and (min-width: 1920px) {
  .flexlayout__tabset_tabbar_outer_top {
    height: 35px;
  }
}
@media screen and (min-width: 2560px) {
  .flexlayout__tabset_tabbar_outer_top {
    height: 40px;
  }
}
.flexlayout__tabset_tabbar_outer_top {
  padding: 0px 0px 0px 0px !important;
}

.flexlayout__tabset_tabbar_outer_bottom {
  padding: 0px 2px 0px 2px;
}

/* Tab divider */
.flexlayout__tabset_tab_divider {
  width: 4px;
}

/* Tab header */
.flexlayout__tabset_header {
  display: flex;
  align-items: center;
  padding: 3px 3px 3px 5px;
  box-sizing: border-box;
  font-size: 1.1rem;
  box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
}

/* Tabset base structure */
.flexlayout__tabset {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  font-family: var(--font-family);
  overflow: hidden;
  flex-grow: 1;
}

/* Tab container */
.flexlayout__tab {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  max-height: 100% !important;
}

.flexlayout__tab_border_right,
.flexlayout__tab_border_left .flexlayout__tab_moveable {
  border: 1px solid rgba(51, 153, 255, 0.5) !important;
}

.flexlayout__tab_moveable {
  position: relative;
  height: 100%;
  min-width: 1px;
  min-height: 1px;
  overflow: auto;
  box-sizing: border-box;
  overflow-x: none !important;
}

.flexlayout__tab_overlay {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2392156863);
}

/* Tab button structure */
.flexlayout__tab_button {
  display: flex;
  gap: 0.3em;
  align-items: center;
  box-sizing: border-box;
  padding: 3px 0.5em;
  cursor: pointer;
  width: auto;
  max-width: 250px;
}

.flexlayout__tab_button_stamp {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  white-space: nowrap;
  box-sizing: border-box;
}

.flexlayout__tab_button_stretch {
  width: 100%;
  padding: 3px 0em;
  text-wrap: nowrap;
  display: flex;
  gap: 0.3em;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}

.flexlayout__tab_button.more-tabs {
  display: flex !important;
  cursor: pointer !important;
  float: left !important;
  left: -2px !important;
  box-shadow: none !important;
  border: none !important;
}
@media screen and (min-width: 1024px) {
  .flexlayout__tab_button.more-tabs {
    height: 30px;
  }
}
@media screen and (min-width: 1366px) {
  .flexlayout__tab_button.more-tabs {
    height: 35px;
  }
}
@media screen and (min-width: 1920px) {
  .flexlayout__tab_button.more-tabs {
    height: 35px;
  }
}
@media screen and (min-width: 2560px) {
  .flexlayout__tab_button.more-tabs {
    height: 40px;
  }
}
.flexlayout__tab_button.more-tabs {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  vertical-align: top !important;
}

.flexlayout__tab_button--selected {
  font-weight: 500 !important;
  left: -2px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-align: center !important;
  min-width: unset !important;
  max-width: 500px !important;
  display: -webkit-flex !important;
  display: flex !important;
  cursor: pointer !important;
  -webkit-border-top-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
  float: left !important;
  vertical-align: top !important;
}

.flexlayout__tab_button_top {
  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.flexlayout__tab_button_bottom {
  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* Tab button parts */
.flexlayout__tab_button_leading {
  display: flex;
}

.flexlayout__tab_button_content {
  display: flex;
  font-size: 1.1rem;
  font-weight: 400;
  text-wrap: nowrap;
}
.flexlayout__tab_button_content .globe-name-tag {
  color: #0f9960;
  margin-left: 4px;
}
.flexlayout__tab_button_content .custom-close-button {
  border-radius: 90px;
  transform: none !important;
}
.flexlayout__tab_button_content .custom-close-button:hover, .flexlayout__tab_button_content .bp3-submenu .bp3-popover-target.bp3-popover-open > .custom-close-button.bp3-menu-item, .bp3-submenu .flexlayout__tab_button_content .bp3-popover-target.bp3-popover-open > .custom-close-button.bp3-menu-item {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.flexlayout__tab_button_content > div {
  font-size: 1.1rem;
}

.flexlayout__tab_button_textbox {
  border: none;
  font-family: var(--font-family);
  font-size: 1.1rem;
  border: 1px inset var(--color-1);
  border-radius: 3px;
  width: 10em;
}

.flexlayout__tab_button_textbox:focus {
  outline: none;
}

.flexlayout__tab_button_trailing {
  display: flex;
  visibility: hidden;
  border-radius: 4px;
}

@media (hover: hover) {
  .flexlayout__tab_button:hover .flexlayout__tab_button_trailing, .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button.bp3-menu-item .flexlayout__tab_button_trailing {
    visibility: visible;
  }
}
.flexlayout__tab_button--selected .flexlayout__tab_button_trailing {
  visibility: visible;
}

.flexlayout__tab_button_overflow {
  display: flex;
  align-items: center;
  border: none;
  font-size: inherit;
  background-color: transparent;
}

/* Tab toolbar */
.flexlayout__tab_toolbar {
  display: flex !important;
  align-items: center;
  gap: 0px !important;
  padding-left: 0.5em;
  padding-right: 0.3em;
}

.flexlayout__tab_toolbar_icon {
  border: none;
  outline: none;
  font-size: inherit;
  margin: 0px;
  background-color: transparent;
  padding: 1px;
}

.flexlayout__tab_toolbar_button {
  border: none;
  outline: none;
  font-size: inherit;
  margin: 0px;
  background-color: transparent;
  border-radius: 4px;
  padding: 1px;
}

.flexlayout__tab_toolbar_sticky_buttons_container {
  display: flex;
  gap: 0.3em;
  padding-left: 5px;
  align-items: center;
}

/* Tab header */
@media screen and (min-width: 1024px) {
  .flexlayout__tab_header_outer {
    height: 30px;
  }
}
@media screen and (min-width: 1366px) {
  .flexlayout__tab_header_outer {
    height: 35px;
  }
}
@media screen and (min-width: 1920px) {
  .flexlayout__tab_header_outer {
    height: 35px;
  }
}
@media screen and (min-width: 2560px) {
  .flexlayout__tab_header_outer {
    height: 40px;
  }
}
.flexlayout__tab_header_outer {
  z-index: 2 !important;
}

/* Floating tabs */
.flexlayout__tab_floating {
  overflow: auto;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexlayout__tab_floating_inner {
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flexlayout__tab_floating_inner div {
  margin-bottom: 5px;
  text-align: center;
}

/* Border base */
.flexlayout__border {
  box-sizing: border-box;
  display: flex;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

.flexlayout__border_inner,
.flexlayout__border {
  overflow: visible !important;
  z-index: 19 !important;
}

.flexlayout__border_tab_contents {
  box-sizing: border-box;
  overflow: hidden;
}

/* Border positioning - Sağ tarafın çalışan ayarları her iki tarafa uygulandı */
.flexlayout__border_top {
  align-items: center;
}

.flexlayout__border_bottom {
  align-items: center;
}

.flexlayout__border_left {
  align-content: center;
  flex-direction: column;
  visibility: visible !important;
  /* Sol border'ı görünür yap */
  display: flex !important;
}

.flexlayout__border_right {
  align-content: center;
  flex-direction: column;
}

.flexlayout__border_inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  flex-grow: 1;
}

/* Border inner positioning - Sol taraf sağ tarafın ayna görüntüsü */
.flexlayout__border_inner_left {
  top: 32.3px !important;
  width: 22px !important;
  right: 0.35px !important;
  /* Sol taraf için right kullan */
}

.flexlayout__border_inner_right {
  top: 27.3px !important;
  width: 22px !important;
  left: 0.35px !important;
}

/* Border inner button title - Her iki taraf için aynı */
.flexlayout__border_inner_left .flexlayout__border_button .flexlayout__border_button_content .title,
.flexlayout__border_inner_right .flexlayout__border_button .flexlayout__border_button_content .title {
  height: 20px !important;
  top: 0 !important;
}

/* Border button dimensions - Sağ tarafın çalışan ayarları */
.flexlayout__border_button {
  display: flex;
  gap: 0.3em;
  align-items: center;
  cursor: pointer;
  padding: 3px 0.5em;
  letter-spacing: 1.35px;
  box-shadow: none !important;
  margin: 2px 0px;
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: 0px !important;
  border-bottom: none !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  margin-top: 0 !important;
  height: 21px !important;
}

.flexlayout__border_button.flexlayout__border_button--selected {
  border-bottom: none !important;
}

.flexlayout__border_button.flexlayout__border_button--unselected {
  height: 20px !important;
}

/* Border button parts */
.flexlayout__border_button_leading {
  display: flex;
}

.flexlayout__border_button_content {
  display: flex;
}

.flexlayout__border_button_trailing {
  display: flex;
  border-radius: 4px;
  visibility: hidden;
}

/* Splitter handle kaldırma */
.flexlayout__splitter_handle.flexlayout__splitter_handle_horz,
.flexlayout__splitter_handle.flexlayout__splitter_handle_vert {
  display: none;
}

.flexlayout__splitter.flexlayout__splitter_horz.flexlayout__splitter_border:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__splitter.flexlayout__splitter_horz.flexlayout__splitter_border.bp3-menu-item {
  background-color: #1873ab !important;
}
.flexlayout__splitter.flexlayout__splitter_horz.flexlayout__splitter_border {
  width: 6px !important;
  min-width: unset !important;
}

@media (hover: hover) {
  .flexlayout__border_button:hover .flexlayout__border_button_trailing, .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__border_button.bp3-menu-item .flexlayout__border_button_trailing {
    visibility: visible;
  }
}
.flexlayout__border_button--selected .flexlayout__border_button_trailing {
  visibility: visible;
}

/* Border tab container - Sol taraf için sağ tarafın transform ayarları uygulandı */
.flexlayout__border_inner_tab_container {
  white-space: nowrap;
  display: flex;
  padding-left: 2px;
  padding-right: 2px;
  box-sizing: border-box;
  position: absolute;
  width: 10000px;
  background: transparent;
}
.flexlayout__border_inner_tab_container > div {
  background: transparent;
  left: 0px !important;
}

/* Sol taraf için sağ tarafın ayna transform ayarları */
.flexlayout__border_inner_tab_container_left {
  transform-origin: top right;
  /* Sol taraf için right origin */
  transform: rotate(-90deg);
  /* Sol taraf için ters yön */
  right: 19px !important;
  /* Sol taraf için right pozisyon */
  height: 22px !important;
  top: 0px;
}

.flexlayout__border_inner_tab_container_right {
  transform-origin: top left;
  transform: rotate(90deg);
  left: 19px !important;
  height: 22px !important;
  top: 0px;
}

.flexlayout__border .flexlayout__mini_scrollbar_container {
  overflow: visible !important;
}

/* Border tab divider */
.flexlayout__border_tab_divider {
  width: 4px;
}

/* Border toolbar */
.flexlayout__border_toolbar {
  display: flex;
  gap: 0.3em;
  align-items: center;
}

.flexlayout__border_toolbar_left,
.flexlayout__border_toolbar_right {
  flex-direction: column;
  padding-top: 0.5em;
  padding-bottom: 0.3em;
}

.flexlayout__border_toolbar_top,
.flexlayout__border_toolbar_bottom {
  padding-left: 0.5em;
  padding-right: 0.3em;
}

.flexlayout__border_toolbar_button {
  border: none;
  outline: none;
  font-size: inherit;
  background-color: transparent;
  border-radius: 4px;
  padding: 1px;
}

.flexlayout__border_toolbar_button_overflow {
  display: flex;
  align-items: center;
  border: none;
  font-size: inherit;
  background-color: transparent;
}

/* Custom border buttons - Sağ tarafın çalışan ayarları sol tarafa da uygulandı */
.left-border-buttons {
  transform: rotate(90deg) !important;
  /* Sol taraf için 90 derece */
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  /* Sol taraf için özel transform */
  overflow: visible !important;
  display: flex !important;
  background-image: none !important;
  justify-content: flex-end !important;
  border-bottom: 1px solid #555 !important;
  height: 25px !important;
}

.right-border-buttons {
  transform: rotate(180deg) !important;
  /* Sağ taraf için 180 derece */
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
  /* Sağ taraf için özel transform */
  overflow: visible !important;
  display: flex !important;
  background-image: none !important;
  justify-content: flex-start !important;
  height: 16px !important;
  margin-right: -8px;
}

.left-border-button {
  display: flex !important;
  width: 60px !important;
  height: 23px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border: none !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  transform: rotate(90deg) !important;
  /* Sol taraf için 90 derece */
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
}

.right-border-button {
  display: flex !important;
  width: 60px !important;
  height: 23px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border: none !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  transform: rotate(180deg) !important;
  /* Sağ taraf için 180 derece */
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
}

.left-border-button-selected {
  display: flex !important;
  width: fit-content !important;
  height: 25px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border-top: unset !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  cursor: default !important;
  transform: rotate(90deg) !important;
  /* Sol taraf için 90 derece */
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
}

.right-border-button-selected {
  display: flex !important;
  width: fit-content !important;
  height: 25px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border-top: unset !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  cursor: default !important;
  transform: rotate(180deg) !important;
  /* Sağ taraf için 180 derece */
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
}

.left-border-button-single-selected {
  display: flex !important;
  width: fit-content !important;
  height: 25px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border-top: unset !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  cursor: default !important;
  transform: rotate(90deg) !important;
  /* Sol taraf için 90 derece */
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
}

.right-border-button-single-selected {
  display: flex !important;
  width: fit-content !important;
  height: 25px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border-top: unset !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  cursor: default !important;
  transform: rotate(180deg) !important;
  /* Sağ taraf için 180 derece */
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
}

.left-border-button-single-selected .bp3-button-text,
.left-border-button-selected .bp3-button-text,
.right-border-button-single-selected .bp3-button-text,
.right-border-button-selected .bp3-button-text {
  width: 100%;
  font-family: unset !important;
}

/* Row structure */
.flexlayout__row {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

/* Flex tabs */
.flex-tabs {
  max-height: 100% !important;
  z-index: unset;
}

.flex-tabs.flexlayout__tab_border {
  max-height: 100%;
}

/* Popup menu */
.flexlayout__popup_menu {
  font-size: 1.1rem;
  font-family: var(--font-family);
}

.flexlayout__popup_menu_item {
  padding: 2px 0.5em;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 2px;
}

.flexlayout__popup_menu_container {
  border-radius: 3px;
  position: absolute;
  z-index: 1000;
  max-height: 50%;
  min-width: 100px;
  overflow: auto;
  padding: 2px;
}

/* Outline and drag rectangles */
.flexlayout__outline_rect {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: 1000;
}

.flexlayout__outline_rect_edge {
  pointer-events: none;
  border-radius: 5px;
  z-index: 1000;
  box-sizing: border-box;
}

.flexlayout__edge_rect {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexlayout__drag_rect {
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  padding: 0.3em 0.8em;
  word-wrap: break-word;
  font-size: 1.1rem;
  font-family: var(--font-family);
}

/* Sizers */
.flexlayout__tabset_sizer {
  padding-top: 5px;
  padding-bottom: 3px;
  font-size: 1.1rem;
  font-family: var(--font-family);
}

.flexlayout__tabset_header_sizer {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 1.1rem;
  font-family: var(--font-family);
}

.flexlayout__border_sizer {
  position: absolute;
  top: -30000px;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: 1.1rem;
  font-family: var(--font-family);
}

/* Floating window */
.flexlayout__floating_window_body {
  height: 100%;
}

.flexlayout__floating_window_content {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

/* Error boundary */
.flexlayout__error_boundary_container {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: center;
}

.flexlayout__error_boundary_content {
  display: flex;
  align-items: center;
}

.flexlayout__tabset_tabbar_outer_top {
  border-bottom: none !important;
}

.flexlayout__tabset_tab_divider {
  width: 0px !important;
  height: 0px !important;
}

/**
 * @file dark-theme-flexlayout.scss
 * @description Dark theme overrides for FlexLayout and BlueprintJS components.
 *              Optimized for minimal repetition, using placeholders, mixins, and grouping.
 * @author Your Name
 * @version 1.0.0
 */
/*============================================================================
  Placeholder Selectors
  ---------------------
  Define reusable style fragments to minimize duplication.
============================================================================*/
/**
 * %bg-dark-gray5
 * @group Placeholders
 * @description Applies the primary dark gray background.
 */
.bp3-dark .flexlayout__layout .flexlayout__tabset,
.bp3-dark .flexlayout__layout .flexlayout__tabset-maximized, .bp3-dark .flexlayout__tabset,
.bp3-dark .flexlayout__tabset-maximized {
  background-color: #0f1214 !important;
}

/**
 * %bg-dark-gray4
 * @group Placeholders
 * @description Applies the secondary dark gray background.
 */
/**
 * %border-button-base
 * @group Placeholders
 * @description Base styles for border buttons: background, text color, border, height.
 */
.bp3-dark .flexlayout__border_button {
  background-color: #0f1214 !important;
  color: #ffffff !important;
  border: 1px solid #616161 !important;
  height: 21px !important;
}

/**
 * %border-button-selected
 * @group Placeholders
 * @description Styles for selected border buttons: lighter gray background, blue border.
 */
.bp3-dark .flexlayout__border_button--selected {
  color: #d8d8d8 !important;
  background-color: rgb(58, 58, 58) !important;
  border: 1px solid rgba(51, 153, 255, 0.7) !important;
}

/**
 * %tab-base-styles
 * @group Placeholders
 * @description Base styles for VS Code-like tabs
 */
.bp3-dark .flexlayout__tab_button {
  background-color: #212121 !important !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0.5em 0.35em !important;
  margin: 1px !important;
  transition: none !important;
  min-width: 100px !important;
  max-height: 25px !important;
  border: 1px solid transparent !important;
  margin: auto 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  margin-right: 3px !important;
}
.bp3-dark .flexlayout__tab_button:has(svg) {
  padding-left: 0.5em !important;
}

/**
 * %tab-selected-styles
 * @group Placeholders
 * @description Selected tab styles with VS Code-like appearance
 */
.bp3-dark .flexlayout__tab_button--selected.more-tabs {
  background-color: rgba(25.5, 25.5, 25.5, 0.85) !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  font-weight: 400 !important;
  padding: 0.5em 0.35em !important;
  border-radius: 5px !important;
  z-index: 2 !important;
  max-height: 25px !important;
  margin: auto 0 !important;
  transition: none !important;
  margin-right: 3px !important;
  border: 1px solid rgba(17.85, 17.85, 17.85, 0.85) !important;
}
.bp3-dark .flexlayout__tab_button--selected.more-tabs:has(svg) {
  padding-left: 0.5em !important;
}

/**
 * %tab-hover-styles
 * @group Placeholders
 * @description Hover styles for tabs
 */
.bp3-dark .flexlayout__tab_button:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button.bp3-menu-item {
  background-color: #37373d !important;
  color: #ffffff !important;
  transition: all 0.2s ease !important;
}

/**
 * @mixin tab-close-button
 * @group Mixins
 * @description Styles for tab close buttons
 */
/**
 * %splitter-base
 * @group Placeholders
 * @description Base styles for FlexLayout splitters: background and z-index.
 */
.bp3-dark .flexlayout__splitter {
  background-color: #000000 !important;
  z-index: 1 !important;
}

/**
 * %splitter-hover
 * @group Placeholders
 * @description Hover state for splitters: slightly lighter background.
 */
.bp3-dark .flexlayout__splitter:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__splitter.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .flexlayout__splitter.bp3-menu-item {
  background-color: hsl(210, 100%, 30%) !important;
}

/**
 * %splitter-drag
 * @group Placeholders
 * @description Drag state for splitters: dark primary background.
 */
.bp3-dark .flexlayout__splitter.flexlayout__splitter_drag {
  background-color: hsl(210, 100%, 38%) !important;
}

/**
 * %outline-rect
 * @group Placeholders
 * @description Outline rectangle: gray border with inset shadow.
 */
.bp3-dark .flexlayout__layout .flexlayout__outline_rect {
  border: 2px solid #bfccd6 !important !important;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2) !important;
}

/**
 * %outline-rect-edge
 * @group Placeholders
 * @description Outline edge rectangle: darker gray border with inset shadow.
 */
.bp3-dark .flexlayout__layout .flexlayout__outline_rect_edge {
  border: 2px solid #a8a8a8 !important;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2) !important;
}

/**
 * %drag-rect
 * @group Placeholders
 * @description Drag rectangle: medium shadow and gray4 background.
 */
.bp3-dark .flexlayout__layout .flexlayout__drag_rect {
  border: 2px solid #a8a8a8 !important;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.3) !important;
  background-color: #a7b6c2 !important !important;
}

/**
 * %edge-rect
 * @group Placeholders
 * @description Edge rectangle: subtle inset shadow with gray5 background.
 */
.bp3-dark .flexlayout__layout .flexlayout__edge_rect {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background-color: #bfccd6 !important !important;
}

/**
 * %popup-menu-base
 * @group Placeholders
 * @description Base styles for popup menu containers: border, shadow, background.
 */
.bp3-dark .flexlayout__layout .flexlayout__popup_menu_container {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid #616161 !important;
  background: #0f1214 !important;
}

/*============================================================================
  Mixins
  ------
  Define reusable blocks that may include nested or pseudo-class rules.
============================================================================*/
/**
 * @mixin border-button-unselected-hover
 * @group Mixins
 * @description Adds hover state color change for unselected border buttons.
 */
/*============================================================================
  Dark Theme Overrides (.bp3-dark namespace)
  -----------------------------------------
  All FlexLayout overrides for dark mode, nested under .bp3-dark.
============================================================================*/
.bp3-dark {
  /*============================================================================
    Tabset Header Height Adjustment
  =============================================================================*/
}
.bp3-dark .flexlayout__tabset_tabbar_outer_top {
  background-color: rgb(41, 41, 41) !important;
}
.bp3-dark {
  /*============================================================================
    Tabset Container & Globe-Selected Logic
  =============================================================================*/
}
.bp3-dark .flexlayout__tabset_container {
  /* Non-globe-selected tabset container border */
}
.bp3-dark .flexlayout__tabset_container .flexlayout__tabset:not(.flexlayout__tabset_globe-selected) .flexlayout__tabset_container {
  border: 0px solid #505050 !important;
}
.bp3-dark .flexlayout__tabset_container .flexlayout__tabset:not(.flexlayout__tabset_globe-selected) {
  /* Remove borders inside ag-theme-balham grids */
}
.bp3-dark .flexlayout__tabset_container .flexlayout__tabset:not(.flexlayout__tabset_globe-selected) .ag-theme-balham .ag-root,
.bp3-dark .flexlayout__tabset_container .flexlayout__tabset:not(.flexlayout__tabset_globe-selected) .ag-theme-balham .ag-status-bar {
  border: none !important;
}
.bp3-dark .flexlayout__tabset_container {
  /* Globe-selected tabset styling */
}
.bp3-dark .flexlayout__tabset_container .flexlayout__tabset_globe-selected {
  border-top: 1.3px solid rgb(39, 205, 19);
  border-left: 1.3px solid rgb(39, 205, 19);
  border-right: 1.3px solid rgb(39, 205, 19);
  border-bottom: 0px solid transparent !important;
}
.bp3-dark .flexlayout__tabset_container:not(:has(.flexlayout__tabset_globe-selected)) {
  border: 1.3px solid hsl(0, 0%, 50%) !important;
}
.bp3-dark {
  /*============================================================================
    Tabset & Tab Backgrounds
  =============================================================================*/
}
.bp3-dark .flexlayout__tabset-selected {
  background-image: none;
}
.bp3-dark {
  /*============================================================================
    Individual Tab Buttons
  =============================================================================*/
}
.bp3-dark .flexlayout__tab_button.flexlayout__tab_button_top.flexlayout__tab_button--selected.single-tab {
  background-color: transparent !important;
}
.bp3-dark .flexlayout__tab_button {
  transition: background-color 0.5s cubic-bezier(0.4, 1, 0.75, 0.9) !important;
}
.bp3-dark .flexlayout__tab_button--unselected {
  color: #a8a8a8 !important;
  background-color: #212121 !important !important;
}
.bp3-dark .flexlayout__tab_button--unselected:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button--unselected.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button--unselected.bp3-menu-item {
  color: #ffffff !important;
  background-color: #37373d !important;
}
.bp3-dark .flexlayout__tab_button_trailing {
  margin-left: auto !important;
  width: 1.5em !important;
  height: 1.5em !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  border: none !important;
}
.bp3-dark .flexlayout__tab_button_trailing:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button_trailing.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button_trailing.bp3-menu-item {
  background-color: white !important;
}
.bp3-dark .flexlayout__tab_button_trailing svg {
  margin-top: auto !important;
  margin-bottom: auto !important;
  width: 1.3em !important;
  height: 1.3em !important;
}
.bp3-dark {
  /*============================================================================
    Tabset Header Text & Toolbar
  =============================================================================*/
}
.bp3-dark .flexlayout__tabset_header,
.bp3-dark .flexlayout__tab_header_outer {
  color: #ffffff !important !important;
  background-color: #0f1214 !important;
}
.bp3-dark .flexlayout__tab_toolbar {
  background-color: transparent !important;
}
.bp3-dark {
  /*============================================================================
    Global Splitter Styles
  ============================================================================*/
}
.bp3-dark {
  /*============================================================================
    Border Button Variants
  ============================================================================*/
  /**
     * .flexlayout__border_button
     * @description Base and variant styles for border buttons in FlexLayout.
     */
}
.bp3-dark .flexlayout__border_button--unselected {
  color: #a8a8a8 !important;
}
.bp3-dark .flexlayout__border_button--unselected:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__border_button--unselected.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .flexlayout__border_button--unselected.bp3-menu-item {
  color: #ffffff !important;
  transition: none !important;
}
.bp3-dark {
  /*============================================================================
    Border Tab Contents & Containers
  ============================================================================*/
}
.bp3-dark .flexlayout__border_tab_contents {
  background-color: #333 !important;
}
.bp3-dark .flexlayout__border_top {
  background-color: #000000 !important;
  border-bottom: 1px solid #0f1214 !important;
}
.bp3-dark .flexlayout__border_bottom {
  background-color: #000000 !important;
  border-top: 1px solid #424242 !important !important;
  border: 1px solid #555 !important;
}
.bp3-dark .flexlayout__border_left,
.bp3-dark .flexlayout__border_right {
  background-color: #0f1214 !important;
}
.bp3-dark {
  /*============================================================================
    FlexLayout Wrapper Overrides
  ============================================================================*/
}
.bp3-dark .flexlayout__layout {
  background-color: #0f1214;
  /* Bottom border inside layout */
}
.bp3-dark .flexlayout__layout .flexlayout__border_bottom {
  border: 1px solid #555 !important;
}
.bp3-dark .flexlayout__layout {
  /* Drag splitter inside layout */
}
.bp3-dark .flexlayout__layout .flexlayout__splitter_drag {
  background-color: hsl(210, 100%, 38%) !important;
}
.bp3-dark .flexlayout__layout {
  /* Outline and Edge Rectangles */
}
.bp3-dark .flexlayout__layout {
  /* Reapply Tabset backgrounds inside layout */
}
.bp3-dark .flexlayout__layout {
  /* Popup Menu Overrides */
}
.bp3-dark .flexlayout__layout .flexlayout__popup_menu_item {
  color: #bfccd6 !important !important;
}
.bp3-dark .flexlayout__layout .flexlayout__popup_menu_item:hover, .bp3-dark .flexlayout__layout .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__popup_menu_item.bp3-menu-item, .bp3-submenu .bp3-dark .flexlayout__layout .bp3-popover-target.bp3-popover-open > .flexlayout__popup_menu_item.bp3-menu-item {
  background-color: #424242 !important !important;
}
.bp3-dark .flexlayout__layout {
  /* Border Top & Bottom within layout */
}
.bp3-dark .flexlayout__layout .flexlayout__border_top {
  background-color: #000000 !important;
  border-bottom: 1px solid #0f1214 !important;
}
.bp3-dark .flexlayout__layout .flexlayout__border_bottom {
  background-color: #000000 !important;
  border-top: 1px solid #424242 !important !important;
}
.bp3-dark .flexlayout__layout .flexlayout__border_left,
.bp3-dark .flexlayout__layout .flexlayout__border_right {
  background-color: #0f1214 !important;
}
.bp3-dark .flexlayout__layout {
  /*============================================================================
    Custom Left/Right Border Buttons (fix: restore borders)
  ============================================================================*/
  /**
       * Add a consistent 1px solid border to left/right border buttons.
       * This ensures the border isn't lost when overriding background-color.
       */
  /**
       * Base styles for left/right border buttons:
       * - Restore border that was removed in refactoring
       * - Retain dark background and hover logic
       */
}
.bp3-dark .flexlayout__layout .right-border-button,
.bp3-dark .flexlayout__layout .left-border-button {
  background-color: #222 !important;
  border: 1px solid #616161 !important;
  color: #ffffff !important;
}
.bp3-dark .flexlayout__layout .right-border-button:hover, .bp3-dark .flexlayout__layout .bp3-submenu .bp3-popover-target.bp3-popover-open > .right-border-button.bp3-menu-item, .bp3-submenu .bp3-dark .flexlayout__layout .bp3-popover-target.bp3-popover-open > .right-border-button.bp3-menu-item,
.bp3-dark .flexlayout__layout .left-border-button:hover,
.bp3-dark .flexlayout__layout .bp3-submenu .bp3-popover-target.bp3-popover-open > .left-border-button.bp3-menu-item,
.bp3-submenu .bp3-dark .flexlayout__layout .bp3-popover-target.bp3-popover-open > .left-border-button.bp3-menu-item {
  background-color: #333 !important;
  color: hsl(210, 100%, 60%) !important;
}
.bp3-dark .flexlayout__layout {
  /**
       * Selected variants also need the same border in their "single-selected" and "selected" states.
       */
}
.bp3-dark .flexlayout__layout .right-border-button-single-selected,
.bp3-dark .flexlayout__layout .right-border-button-selected {
  color: #ebf1f5 !important;
  background-color: #333 !important;
  border: 1px solid #616161 !important;
}
.bp3-dark .flexlayout__layout .right-border-button-selected,
.bp3-dark .flexlayout__layout .left-border-button-selected {
  color: hsl(210, 100%, 60%) !important;
  background-color: #333 !important;
  border: 1px solid #616161 !important;
}
.bp3-dark .flexlayout__layout .left-border-button-single-selected {
  color: #ffffff !important;
  background-color: #333 !important;
  border: 1px solid #616161 !important;
}
.bp3-dark {
  /*============================================================================
    BlueprintJS Button Overrides
  ============================================================================*/
}
.bp3-dark .bp3-button.bp3-small > svg,
.bp3-dark .bp3-small .bp3-button > svg {
  min-width: 16px !important;
  min-height: 16px !important;
}
.bp3-dark .flexlayout__tabset_tabbar_inner {
  border: none;
}

/* @include baseMixin();
@include light_theme();
@include dark_theme(); */
/* flexlayout-overrides */
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/* Main layout container */
.flexlayout__layout {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  font-size: 1.1rem !important;
}

.flexlayout__layout_overlay {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
}

.flexlayout__layout_tab_stamps {
  position: absolute;
  top: -10000px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.flexlayout__layout_moveables {
  visibility: hidden;
  position: absolute;
  width: 100px;
  height: 100px;
  top: -20000px;
}

.flexlayout__layout_main {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
  position: relative;
}

.flexlayout__layout_border_container {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
}

.flexlayout__layout_border_container_inner {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
}

.flexlayout__splitter_handle_horz {
  width: 3px;
  height: 30px;
}

.flexlayout__splitter_handle_vert {
  width: 30px;
  height: 3px;
}

.flexlayout__splitter_extra {
  touch-action: none;
  background-color: transparent;
}

.flexlayout__splitter_handle {
  border-radius: 3px;
}

.flexlayout__splitter {
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: none;
  z-index: 10;
}

.flexlayout__splitter_drag {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  border-radius: 5px;
}

/* Tabset container dimensions */
.flexlayout__tabset_container {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}

.flexlayout__tabset_content {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
  box-sizing: border-box;
  position: relative;
}

.flexlayout__tabset_header_content {
  flex-grow: 1;
}

/* Tabbar structure */
.flexlayout__tabset_tabbar_inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  border: none !important;
}

.flexlayout__tabset_tabbar_inner_tab_container {
  position: relative;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}

.flexlayout__tabset_tabbar_inner_tab_container_top {
  border-top: 0px solid transparent;
}

.flexlayout__tabset_tabbar_inner_tab_container_bottom {
  border-bottom: 2px solid transparent;
}

/* Tabbar outer dimensions */
.flexlayout__tabset_tabbar_outer {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  font-size: 1.1rem;
}

@media screen and (min-width: 1024px) {
  .flexlayout__tabset_tabbar_outer_top {
    height: 30px;
  }
}
@media screen and (min-width: 1366px) {
  .flexlayout__tabset_tabbar_outer_top {
    height: 35px;
  }
}
@media screen and (min-width: 1920px) {
  .flexlayout__tabset_tabbar_outer_top {
    height: 35px;
  }
}
@media screen and (min-width: 2560px) {
  .flexlayout__tabset_tabbar_outer_top {
    height: 40px;
  }
}
.flexlayout__tabset_tabbar_outer_top {
  padding: 0px 0px 0px 0px !important;
}

.flexlayout__tabset_tabbar_outer_bottom {
  padding: 0px 2px 0px 2px;
}

/* Tab divider */
.flexlayout__tabset_tab_divider {
  width: 4px;
}

/* Tab header */
.flexlayout__tabset_header {
  display: flex;
  align-items: center;
  padding: 3px 3px 3px 5px;
  box-sizing: border-box;
  font-size: 1.1rem;
  box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
}

/* Tabset base structure */
.flexlayout__tabset {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  font-family: var(--font-family);
  overflow: hidden;
  flex-grow: 1;
}

/* Tab container */
.flexlayout__tab {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  max-height: 100% !important;
}

.flexlayout__tab_border_right,
.flexlayout__tab_border_left .flexlayout__tab_moveable {
  border: 1px solid rgba(51, 153, 255, 0.5) !important;
}

.flexlayout__tab_moveable {
  position: relative;
  height: 100%;
  min-width: 1px;
  min-height: 1px;
  overflow: auto;
  box-sizing: border-box;
  overflow-x: none !important;
}

.flexlayout__tab_overlay {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2392156863);
}

/* Tab button structure */
.flexlayout__tab_button {
  display: flex;
  gap: 0.3em;
  align-items: center;
  box-sizing: border-box;
  padding: 3px 0.5em;
  cursor: pointer;
  width: auto;
  max-width: 250px;
}

.flexlayout__tab_button_stamp {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  white-space: nowrap;
  box-sizing: border-box;
}

.flexlayout__tab_button_stretch {
  width: 100%;
  padding: 3px 0em;
  text-wrap: nowrap;
  display: flex;
  gap: 0.3em;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}

.flexlayout__tab_button.more-tabs {
  display: flex !important;
  cursor: pointer !important;
  float: left !important;
  left: -2px !important;
  box-shadow: none !important;
  border: none !important;
}
@media screen and (min-width: 1024px) {
  .flexlayout__tab_button.more-tabs {
    height: 30px;
  }
}
@media screen and (min-width: 1366px) {
  .flexlayout__tab_button.more-tabs {
    height: 35px;
  }
}
@media screen and (min-width: 1920px) {
  .flexlayout__tab_button.more-tabs {
    height: 35px;
  }
}
@media screen and (min-width: 2560px) {
  .flexlayout__tab_button.more-tabs {
    height: 40px;
  }
}
.flexlayout__tab_button.more-tabs {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  vertical-align: top !important;
}

.flexlayout__tab_button--selected {
  font-weight: 500 !important;
  left: -2px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-align: center !important;
  min-width: unset !important;
  max-width: 500px !important;
  display: -webkit-flex !important;
  display: flex !important;
  cursor: pointer !important;
  -webkit-border-top-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
  float: left !important;
  vertical-align: top !important;
}

.flexlayout__tab_button_top {
  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.flexlayout__tab_button_bottom {
  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* Tab button parts */
.flexlayout__tab_button_leading {
  display: flex;
}

.flexlayout__tab_button_content {
  display: flex;
  font-size: 1.1rem;
  font-weight: 400;
  text-wrap: nowrap;
}
.flexlayout__tab_button_content .globe-name-tag {
  color: #0f9960;
  margin-left: 4px;
}
.flexlayout__tab_button_content .custom-close-button {
  border-radius: 90px;
  transform: none !important;
}
.flexlayout__tab_button_content .custom-close-button:hover, .flexlayout__tab_button_content .bp3-submenu .bp3-popover-target.bp3-popover-open > .custom-close-button.bp3-menu-item, .bp3-submenu .flexlayout__tab_button_content .bp3-popover-target.bp3-popover-open > .custom-close-button.bp3-menu-item {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.flexlayout__tab_button_content > div {
  font-size: 1.1rem;
}

.flexlayout__tab_button_textbox {
  border: none;
  font-family: var(--font-family);
  font-size: 1.1rem;
  border: 1px inset var(--color-1);
  border-radius: 3px;
  width: 10em;
}

.flexlayout__tab_button_textbox:focus {
  outline: none;
}

.flexlayout__tab_button_trailing {
  display: flex;
  visibility: hidden;
  border-radius: 4px;
}

@media (hover: hover) {
  .flexlayout__tab_button:hover .flexlayout__tab_button_trailing, .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button.bp3-menu-item .flexlayout__tab_button_trailing {
    visibility: visible;
  }
}
.flexlayout__tab_button--selected .flexlayout__tab_button_trailing {
  visibility: visible;
}

.flexlayout__tab_button_overflow {
  display: flex;
  align-items: center;
  border: none;
  font-size: inherit;
  background-color: transparent;
}

/* Tab toolbar */
.flexlayout__tab_toolbar {
  display: flex !important;
  align-items: center;
  gap: 0px !important;
  padding-left: 0.5em;
  padding-right: 0.3em;
}

.flexlayout__tab_toolbar_icon {
  border: none;
  outline: none;
  font-size: inherit;
  margin: 0px;
  background-color: transparent;
  padding: 1px;
}

.flexlayout__tab_toolbar_button {
  border: none;
  outline: none;
  font-size: inherit;
  margin: 0px;
  background-color: transparent;
  border-radius: 4px;
  padding: 1px;
}

.flexlayout__tab_toolbar_sticky_buttons_container {
  display: flex;
  gap: 0.3em;
  padding-left: 5px;
  align-items: center;
}

/* Tab header */
@media screen and (min-width: 1024px) {
  .flexlayout__tab_header_outer {
    height: 30px;
  }
}
@media screen and (min-width: 1366px) {
  .flexlayout__tab_header_outer {
    height: 35px;
  }
}
@media screen and (min-width: 1920px) {
  .flexlayout__tab_header_outer {
    height: 35px;
  }
}
@media screen and (min-width: 2560px) {
  .flexlayout__tab_header_outer {
    height: 40px;
  }
}
.flexlayout__tab_header_outer {
  z-index: 2 !important;
}

/* Floating tabs */
.flexlayout__tab_floating {
  overflow: auto;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexlayout__tab_floating_inner {
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flexlayout__tab_floating_inner div {
  margin-bottom: 5px;
  text-align: center;
}

/* Border base */
.flexlayout__border {
  box-sizing: border-box;
  display: flex;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

.flexlayout__border_inner,
.flexlayout__border {
  overflow: visible !important;
  z-index: 19 !important;
}

.flexlayout__border_tab_contents {
  box-sizing: border-box;
  overflow: hidden;
}

/* Border positioning - Sağ tarafın çalışan ayarları her iki tarafa uygulandı */
.flexlayout__border_top {
  align-items: center;
}

.flexlayout__border_bottom {
  align-items: center;
}

.flexlayout__border_left {
  align-content: center;
  flex-direction: column;
  visibility: visible !important;
  /* Sol border'ı görünür yap */
  display: flex !important;
}

.flexlayout__border_right {
  align-content: center;
  flex-direction: column;
}

.flexlayout__border_inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  flex-grow: 1;
}

/* Border inner positioning - Sol taraf sağ tarafın ayna görüntüsü */
.flexlayout__border_inner_left {
  top: 32.3px !important;
  width: 22px !important;
  right: 0.35px !important;
  /* Sol taraf için right kullan */
}

.flexlayout__border_inner_right {
  top: 27.3px !important;
  width: 22px !important;
  left: 0.35px !important;
}

/* Border inner button title - Her iki taraf için aynı */
.flexlayout__border_inner_left .flexlayout__border_button .flexlayout__border_button_content .title,
.flexlayout__border_inner_right .flexlayout__border_button .flexlayout__border_button_content .title {
  height: 20px !important;
  top: 0 !important;
}

/* Border button dimensions - Sağ tarafın çalışan ayarları */
.flexlayout__border_button {
  display: flex;
  gap: 0.3em;
  align-items: center;
  cursor: pointer;
  padding: 3px 0.5em;
  letter-spacing: 1.35px;
  box-shadow: none !important;
  margin: 2px 0px;
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: 0px !important;
  border-bottom: none !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  margin-top: 0 !important;
  height: 21px !important;
}

.flexlayout__border_button.flexlayout__border_button--selected {
  border-bottom: none !important;
}

.flexlayout__border_button.flexlayout__border_button--unselected {
  height: 20px !important;
}

/* Border button parts */
.flexlayout__border_button_leading {
  display: flex;
}

.flexlayout__border_button_content {
  display: flex;
}

.flexlayout__border_button_trailing {
  display: flex;
  border-radius: 4px;
  visibility: hidden;
}

/* Splitter handle kaldırma */
.flexlayout__splitter_handle.flexlayout__splitter_handle_horz,
.flexlayout__splitter_handle.flexlayout__splitter_handle_vert {
  display: none;
}

.flexlayout__splitter.flexlayout__splitter_horz.flexlayout__splitter_border:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__splitter.flexlayout__splitter_horz.flexlayout__splitter_border.bp3-menu-item {
  background-color: #1873ab !important;
}
.flexlayout__splitter.flexlayout__splitter_horz.flexlayout__splitter_border {
  width: 6px !important;
  min-width: unset !important;
}

@media (hover: hover) {
  .flexlayout__border_button:hover .flexlayout__border_button_trailing, .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__border_button.bp3-menu-item .flexlayout__border_button_trailing {
    visibility: visible;
  }
}
.flexlayout__border_button--selected .flexlayout__border_button_trailing {
  visibility: visible;
}

/* Border tab container - Sol taraf için sağ tarafın transform ayarları uygulandı */
.flexlayout__border_inner_tab_container {
  white-space: nowrap;
  display: flex;
  padding-left: 2px;
  padding-right: 2px;
  box-sizing: border-box;
  position: absolute;
  width: 10000px;
  background: transparent;
}
.flexlayout__border_inner_tab_container > div {
  background: transparent;
  left: 0px !important;
}

/* Sol taraf için sağ tarafın ayna transform ayarları */
.flexlayout__border_inner_tab_container_left {
  transform-origin: top right;
  /* Sol taraf için right origin */
  transform: rotate(-90deg);
  /* Sol taraf için ters yön */
  right: 19px !important;
  /* Sol taraf için right pozisyon */
  height: 22px !important;
  top: 0px;
}

.flexlayout__border_inner_tab_container_right {
  transform-origin: top left;
  transform: rotate(90deg);
  left: 19px !important;
  height: 22px !important;
  top: 0px;
}

.flexlayout__border .flexlayout__mini_scrollbar_container {
  overflow: visible !important;
}

/* Border tab divider */
.flexlayout__border_tab_divider {
  width: 4px;
}

/* Border toolbar */
.flexlayout__border_toolbar {
  display: flex;
  gap: 0.3em;
  align-items: center;
}

.flexlayout__border_toolbar_left,
.flexlayout__border_toolbar_right {
  flex-direction: column;
  padding-top: 0.5em;
  padding-bottom: 0.3em;
}

.flexlayout__border_toolbar_top,
.flexlayout__border_toolbar_bottom {
  padding-left: 0.5em;
  padding-right: 0.3em;
}

.flexlayout__border_toolbar_button {
  border: none;
  outline: none;
  font-size: inherit;
  background-color: transparent;
  border-radius: 4px;
  padding: 1px;
}

.flexlayout__border_toolbar_button_overflow {
  display: flex;
  align-items: center;
  border: none;
  font-size: inherit;
  background-color: transparent;
}

/* Custom border buttons - Sağ tarafın çalışan ayarları sol tarafa da uygulandı */
.left-border-buttons {
  transform: rotate(90deg) !important;
  /* Sol taraf için 90 derece */
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  /* Sol taraf için özel transform */
  overflow: visible !important;
  display: flex !important;
  background-image: none !important;
  justify-content: flex-end !important;
  border-bottom: 1px solid #555 !important;
  height: 25px !important;
}

.right-border-buttons {
  transform: rotate(180deg) !important;
  /* Sağ taraf için 180 derece */
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
  /* Sağ taraf için özel transform */
  overflow: visible !important;
  display: flex !important;
  background-image: none !important;
  justify-content: flex-start !important;
  height: 16px !important;
  margin-right: -8px;
}

.left-border-button {
  display: flex !important;
  width: 60px !important;
  height: 23px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border: none !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  transform: rotate(90deg) !important;
  /* Sol taraf için 90 derece */
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
}

.right-border-button {
  display: flex !important;
  width: 60px !important;
  height: 23px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border: none !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  transform: rotate(180deg) !important;
  /* Sağ taraf için 180 derece */
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
}

.left-border-button-selected {
  display: flex !important;
  width: fit-content !important;
  height: 25px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border-top: unset !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  cursor: default !important;
  transform: rotate(90deg) !important;
  /* Sol taraf için 90 derece */
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
}

.right-border-button-selected {
  display: flex !important;
  width: fit-content !important;
  height: 25px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border-top: unset !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  cursor: default !important;
  transform: rotate(180deg) !important;
  /* Sağ taraf için 180 derece */
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
}

.left-border-button-single-selected {
  display: flex !important;
  width: fit-content !important;
  height: 25px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border-top: unset !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  cursor: default !important;
  transform: rotate(90deg) !important;
  /* Sol taraf için 90 derece */
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
}

.right-border-button-single-selected {
  display: flex !important;
  width: fit-content !important;
  height: 25px !important;
  min-height: 12px !important;
  font-size: 1.1rem !important;
  border-top: unset !important;
  margin-bottom: 5px !important;
  border-radius: 0 !important;
  z-index: 999 !important;
  cursor: default !important;
  transform: rotate(180deg) !important;
  /* Sağ taraf için 180 derece */
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
}

.left-border-button-single-selected .bp3-button-text,
.left-border-button-selected .bp3-button-text,
.right-border-button-single-selected .bp3-button-text,
.right-border-button-selected .bp3-button-text {
  width: 100%;
  font-family: unset !important;
}

/* Row structure */
.flexlayout__row {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

/* Flex tabs */
.flex-tabs {
  max-height: 100% !important;
  z-index: unset;
}

.flex-tabs.flexlayout__tab_border {
  max-height: 100%;
}

/* Popup menu */
.flexlayout__popup_menu {
  font-size: 1.1rem;
  font-family: var(--font-family);
}

.flexlayout__popup_menu_item {
  padding: 2px 0.5em;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 2px;
}

.flexlayout__popup_menu_container {
  border-radius: 3px;
  position: absolute;
  z-index: 1000;
  max-height: 50%;
  min-width: 100px;
  overflow: auto;
  padding: 2px;
}

/* Outline and drag rectangles */
.flexlayout__outline_rect {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: 1000;
}

.flexlayout__outline_rect_edge {
  pointer-events: none;
  border-radius: 5px;
  z-index: 1000;
  box-sizing: border-box;
}

.flexlayout__edge_rect {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexlayout__drag_rect {
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  padding: 0.3em 0.8em;
  word-wrap: break-word;
  font-size: 1.1rem;
  font-family: var(--font-family);
}

/* Sizers */
.flexlayout__tabset_sizer {
  padding-top: 5px;
  padding-bottom: 3px;
  font-size: 1.1rem;
  font-family: var(--font-family);
}

.flexlayout__tabset_header_sizer {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 1.1rem;
  font-family: var(--font-family);
}

.flexlayout__border_sizer {
  position: absolute;
  top: -30000px;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: 1.1rem;
  font-family: var(--font-family);
}

/* Floating window */
.flexlayout__floating_window_body {
  height: 100%;
}

.flexlayout__floating_window_content {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

/* Error boundary */
.flexlayout__error_boundary_container {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: center;
}

.flexlayout__error_boundary_content {
  display: flex;
  align-items: center;
}

.flexlayout__tabset_tabbar_outer_top {
  border-bottom: none !important;
}

.flexlayout__tabset_tab_divider {
  width: 0px !important;
  height: 0px !important;
}

/**
 * @file dark-theme-flexlayout.scss
 * @description Dark theme overrides for FlexLayout and BlueprintJS components.
 *              Optimized for minimal repetition, using placeholders, mixins, and grouping.
 * @author Your Name
 * @version 1.0.0
 */
/*============================================================================
  Placeholder Selectors
  ---------------------
  Define reusable style fragments to minimize duplication.
============================================================================*/
/**
 * %bg-dark-gray5
 * @group Placeholders
 * @description Applies the primary dark gray background.
 */
.bp3-dark .flexlayout__tabset,
.bp3-dark .flexlayout__tabset-maximized, .bp3-dark .flexlayout__layout .flexlayout__tabset,
.bp3-dark .flexlayout__layout .flexlayout__tabset-maximized {
  background-color: #0f1214 !important;
}

/**
 * %bg-dark-gray4
 * @group Placeholders
 * @description Applies the secondary dark gray background.
 */
/**
 * %border-button-base
 * @group Placeholders
 * @description Base styles for border buttons: background, text color, border, height.
 */
.bp3-dark .flexlayout__border_button {
  background-color: #0f1214 !important;
  color: #ffffff !important;
  border: 1px solid #616161 !important;
  height: 21px !important;
}

/**
 * %border-button-selected
 * @group Placeholders
 * @description Styles for selected border buttons: lighter gray background, blue border.
 */
.bp3-dark .flexlayout__border_button--selected {
  color: #d8d8d8 !important;
  background-color: rgb(58, 58, 58) !important;
  border: 1px solid rgba(51, 153, 255, 0.7) !important;
}

/**
 * %tab-base-styles
 * @group Placeholders
 * @description Base styles for VS Code-like tabs
 */
.bp3-dark .flexlayout__tab_button {
  background-color: #212121 !important !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0.5em 0.35em !important;
  margin: 1px !important;
  transition: none !important;
  min-width: 100px !important;
  max-height: 25px !important;
  border: 1px solid transparent !important;
  margin: auto 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  margin-right: 3px !important;
}
.bp3-dark .flexlayout__tab_button:has(svg) {
  padding-left: 0.5em !important;
}

/**
 * %tab-selected-styles
 * @group Placeholders
 * @description Selected tab styles with VS Code-like appearance
 */
.bp3-dark .flexlayout__tab_button--selected.more-tabs {
  background-color: rgba(25.5, 25.5, 25.5, 0.85) !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  font-weight: 400 !important;
  padding: 0.5em 0.35em !important;
  border-radius: 5px !important;
  z-index: 2 !important;
  max-height: 25px !important;
  margin: auto 0 !important;
  transition: none !important;
  margin-right: 3px !important;
  border: 1px solid rgba(17.85, 17.85, 17.85, 0.85) !important;
}
.bp3-dark .flexlayout__tab_button--selected.more-tabs:has(svg) {
  padding-left: 0.5em !important;
}

/**
 * %tab-hover-styles
 * @group Placeholders
 * @description Hover styles for tabs
 */
.bp3-dark .flexlayout__tab_button:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button.bp3-menu-item {
  background-color: #37373d !important;
  color: #ffffff !important;
  transition: all 0.2s ease !important;
}

/**
 * @mixin tab-close-button
 * @group Mixins
 * @description Styles for tab close buttons
 */
/**
 * %splitter-base
 * @group Placeholders
 * @description Base styles for FlexLayout splitters: background and z-index.
 */
.bp3-dark .flexlayout__splitter {
  background-color: #000000 !important;
  z-index: 1 !important;
}

/**
 * %splitter-hover
 * @group Placeholders
 * @description Hover state for splitters: slightly lighter background.
 */
.bp3-dark .flexlayout__splitter:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__splitter.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .flexlayout__splitter.bp3-menu-item {
  background-color: hsl(210, 100%, 30%) !important;
}

/**
 * %splitter-drag
 * @group Placeholders
 * @description Drag state for splitters: dark primary background.
 */
.bp3-dark .flexlayout__splitter.flexlayout__splitter_drag {
  background-color: hsl(210, 100%, 38%) !important;
}

/**
 * %outline-rect
 * @group Placeholders
 * @description Outline rectangle: gray border with inset shadow.
 */
.bp3-dark .flexlayout__layout .flexlayout__outline_rect {
  border: 2px solid #bfccd6 !important !important;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2) !important;
}

/**
 * %outline-rect-edge
 * @group Placeholders
 * @description Outline edge rectangle: darker gray border with inset shadow.
 */
.bp3-dark .flexlayout__layout .flexlayout__outline_rect_edge {
  border: 2px solid #a8a8a8 !important;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2) !important;
}

/**
 * %drag-rect
 * @group Placeholders
 * @description Drag rectangle: medium shadow and gray4 background.
 */
.bp3-dark .flexlayout__layout .flexlayout__drag_rect {
  border: 2px solid #a8a8a8 !important;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.3) !important;
  background-color: #a7b6c2 !important !important;
}

/**
 * %edge-rect
 * @group Placeholders
 * @description Edge rectangle: subtle inset shadow with gray5 background.
 */
.bp3-dark .flexlayout__layout .flexlayout__edge_rect {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background-color: #bfccd6 !important !important;
}

/**
 * %popup-menu-base
 * @group Placeholders
 * @description Base styles for popup menu containers: border, shadow, background.
 */
.bp3-dark .flexlayout__layout .flexlayout__popup_menu_container {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid #616161 !important;
  background: #0f1214 !important;
}

/*============================================================================
  Mixins
  ------
  Define reusable blocks that may include nested or pseudo-class rules.
============================================================================*/
/**
 * @mixin border-button-unselected-hover
 * @group Mixins
 * @description Adds hover state color change for unselected border buttons.
 */
/*============================================================================
  Dark Theme Overrides (.bp3-dark namespace)
  -----------------------------------------
  All FlexLayout overrides for dark mode, nested under .bp3-dark.
============================================================================*/
.bp3-dark {
  /*============================================================================
    Tabset Header Height Adjustment
  =============================================================================*/
}
.bp3-dark .flexlayout__tabset_tabbar_outer_top {
  background-color: rgb(41, 41, 41) !important;
}
.bp3-dark {
  /*============================================================================
    Tabset Container & Globe-Selected Logic
  =============================================================================*/
}
.bp3-dark .flexlayout__tabset_container {
  /* Non-globe-selected tabset container border */
}
.bp3-dark .flexlayout__tabset_container .flexlayout__tabset:not(.flexlayout__tabset_globe-selected) .flexlayout__tabset_container {
  border: 0px solid #505050 !important;
}
.bp3-dark .flexlayout__tabset_container .flexlayout__tabset:not(.flexlayout__tabset_globe-selected) {
  /* Remove borders inside ag-theme-balham grids */
}
.bp3-dark .flexlayout__tabset_container .flexlayout__tabset:not(.flexlayout__tabset_globe-selected) .ag-theme-balham .ag-root,
.bp3-dark .flexlayout__tabset_container .flexlayout__tabset:not(.flexlayout__tabset_globe-selected) .ag-theme-balham .ag-status-bar {
  border: none !important;
}
.bp3-dark .flexlayout__tabset_container {
  /* Globe-selected tabset styling */
}
.bp3-dark .flexlayout__tabset_container .flexlayout__tabset_globe-selected {
  border-top: 1.3px solid rgb(39, 205, 19);
  border-left: 1.3px solid rgb(39, 205, 19);
  border-right: 1.3px solid rgb(39, 205, 19);
  border-bottom: 0px solid transparent !important;
}
.bp3-dark .flexlayout__tabset_container:not(:has(.flexlayout__tabset_globe-selected)) {
  border: 1.3px solid hsl(0, 0%, 50%) !important;
}
.bp3-dark {
  /*============================================================================
    Tabset & Tab Backgrounds
  =============================================================================*/
}
.bp3-dark .flexlayout__tabset-selected {
  background-image: none;
}
.bp3-dark {
  /*============================================================================
    Individual Tab Buttons
  =============================================================================*/
}
.bp3-dark .flexlayout__tab_button.flexlayout__tab_button_top.flexlayout__tab_button--selected.single-tab {
  background-color: transparent !important;
}
.bp3-dark .flexlayout__tab_button {
  transition: background-color 0.5s cubic-bezier(0.4, 1, 0.75, 0.9) !important;
}
.bp3-dark .flexlayout__tab_button--unselected {
  color: #a8a8a8 !important;
  background-color: #212121 !important !important;
}
.bp3-dark .flexlayout__tab_button--unselected:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button--unselected.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button--unselected.bp3-menu-item {
  color: #ffffff !important;
  background-color: #37373d !important;
}
.bp3-dark .flexlayout__tab_button_trailing {
  margin-left: auto !important;
  width: 1.5em !important;
  height: 1.5em !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  border: none !important;
}
.bp3-dark .flexlayout__tab_button_trailing:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button_trailing.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .flexlayout__tab_button_trailing.bp3-menu-item {
  background-color: white !important;
}
.bp3-dark .flexlayout__tab_button_trailing svg {
  margin-top: auto !important;
  margin-bottom: auto !important;
  width: 1.3em !important;
  height: 1.3em !important;
}
.bp3-dark {
  /*============================================================================
    Tabset Header Text & Toolbar
  =============================================================================*/
}
.bp3-dark .flexlayout__tabset_header,
.bp3-dark .flexlayout__tab_header_outer {
  color: #ffffff !important !important;
  background-color: #0f1214 !important;
}
.bp3-dark .flexlayout__tab_toolbar {
  background-color: transparent !important;
}
.bp3-dark {
  /*============================================================================
    Global Splitter Styles
  ============================================================================*/
}
.bp3-dark {
  /*============================================================================
    Border Button Variants
  ============================================================================*/
  /**
     * .flexlayout__border_button
     * @description Base and variant styles for border buttons in FlexLayout.
     */
}
.bp3-dark .flexlayout__border_button--unselected {
  color: #a8a8a8 !important;
}
.bp3-dark .flexlayout__border_button--unselected:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__border_button--unselected.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .flexlayout__border_button--unselected.bp3-menu-item {
  color: #ffffff !important;
  transition: none !important;
}
.bp3-dark {
  /*============================================================================
    Border Tab Contents & Containers
  ============================================================================*/
}
.bp3-dark .flexlayout__border_tab_contents {
  background-color: #333 !important;
}
.bp3-dark .flexlayout__border_top {
  background-color: #000000 !important;
  border-bottom: 1px solid #0f1214 !important;
}
.bp3-dark .flexlayout__border_bottom {
  background-color: #000000 !important;
  border-top: 1px solid #424242 !important !important;
  border: 1px solid #555 !important;
}
.bp3-dark .flexlayout__border_left,
.bp3-dark .flexlayout__border_right {
  background-color: #0f1214 !important;
}
.bp3-dark {
  /*============================================================================
    FlexLayout Wrapper Overrides
  ============================================================================*/
}
.bp3-dark .flexlayout__layout {
  background-color: #0f1214;
  /* Bottom border inside layout */
}
.bp3-dark .flexlayout__layout .flexlayout__border_bottom {
  border: 1px solid #555 !important;
}
.bp3-dark .flexlayout__layout {
  /* Drag splitter inside layout */
}
.bp3-dark .flexlayout__layout .flexlayout__splitter_drag {
  background-color: hsl(210, 100%, 38%) !important;
}
.bp3-dark .flexlayout__layout {
  /* Outline and Edge Rectangles */
}
.bp3-dark .flexlayout__layout {
  /* Reapply Tabset backgrounds inside layout */
}
.bp3-dark .flexlayout__layout {
  /* Popup Menu Overrides */
}
.bp3-dark .flexlayout__layout .flexlayout__popup_menu_item {
  color: #bfccd6 !important !important;
}
.bp3-dark .flexlayout__layout .flexlayout__popup_menu_item:hover, .bp3-dark .flexlayout__layout .bp3-submenu .bp3-popover-target.bp3-popover-open > .flexlayout__popup_menu_item.bp3-menu-item, .bp3-submenu .bp3-dark .flexlayout__layout .bp3-popover-target.bp3-popover-open > .flexlayout__popup_menu_item.bp3-menu-item {
  background-color: #424242 !important !important;
}
.bp3-dark .flexlayout__layout {
  /* Border Top & Bottom within layout */
}
.bp3-dark .flexlayout__layout .flexlayout__border_top {
  background-color: #000000 !important;
  border-bottom: 1px solid #0f1214 !important;
}
.bp3-dark .flexlayout__layout .flexlayout__border_bottom {
  background-color: #000000 !important;
  border-top: 1px solid #424242 !important !important;
}
.bp3-dark .flexlayout__layout .flexlayout__border_left,
.bp3-dark .flexlayout__layout .flexlayout__border_right {
  background-color: #0f1214 !important;
}
.bp3-dark .flexlayout__layout {
  /*============================================================================
    Custom Left/Right Border Buttons (fix: restore borders)
  ============================================================================*/
  /**
       * Add a consistent 1px solid border to left/right border buttons.
       * This ensures the border isn't lost when overriding background-color.
       */
  /**
       * Base styles for left/right border buttons:
       * - Restore border that was removed in refactoring
       * - Retain dark background and hover logic
       */
}
.bp3-dark .flexlayout__layout .right-border-button,
.bp3-dark .flexlayout__layout .left-border-button {
  background-color: #222 !important;
  border: 1px solid #616161 !important;
  color: #ffffff !important;
}
.bp3-dark .flexlayout__layout .right-border-button:hover, .bp3-dark .flexlayout__layout .bp3-submenu .bp3-popover-target.bp3-popover-open > .right-border-button.bp3-menu-item, .bp3-submenu .bp3-dark .flexlayout__layout .bp3-popover-target.bp3-popover-open > .right-border-button.bp3-menu-item,
.bp3-dark .flexlayout__layout .left-border-button:hover,
.bp3-dark .flexlayout__layout .bp3-submenu .bp3-popover-target.bp3-popover-open > .left-border-button.bp3-menu-item,
.bp3-submenu .bp3-dark .flexlayout__layout .bp3-popover-target.bp3-popover-open > .left-border-button.bp3-menu-item {
  background-color: #333 !important;
  color: hsl(210, 100%, 60%) !important;
}
.bp3-dark .flexlayout__layout {
  /**
       * Selected variants also need the same border in their "single-selected" and "selected" states.
       */
}
.bp3-dark .flexlayout__layout .right-border-button-single-selected,
.bp3-dark .flexlayout__layout .right-border-button-selected {
  color: #ebf1f5 !important;
  background-color: #333 !important;
  border: 1px solid #616161 !important;
}
.bp3-dark .flexlayout__layout .right-border-button-selected,
.bp3-dark .flexlayout__layout .left-border-button-selected {
  color: hsl(210, 100%, 60%) !important;
  background-color: #333 !important;
  border: 1px solid #616161 !important;
}
.bp3-dark .flexlayout__layout .left-border-button-single-selected {
  color: #ffffff !important;
  background-color: #333 !important;
  border: 1px solid #616161 !important;
}
.bp3-dark {
  /*============================================================================
    BlueprintJS Button Overrides
  ============================================================================*/
}
.bp3-dark .bp3-button.bp3-small > svg,
.bp3-dark .bp3-small .bp3-button > svg {
  min-width: 16px !important;
  min-height: 16px !important;
}
.bp3-dark .flexlayout__tabset_tabbar_inner {
  border: none;
}

/* noUI */
.player__container .noUi-target .noUi-handle {
  background-color: #FFFFFF !important;
  width: 13px !important;
  height: 13px !important;
  border-radius: 50% !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
  cursor: pointer !important;
}
.player__container .noUi-target .noUi-handle:hover, .player__container .noUi-target .bp3-submenu .bp3-popover-target.bp3-popover-open > .noUi-handle.bp3-menu-item, .bp3-submenu .player__container .noUi-target .bp3-popover-target.bp3-popover-open > .noUi-handle.bp3-menu-item {
  background-color: #FFFFFF !important;
  transform: scale(1.1);
}
.player__container .noUi-target .noUi-handle:active {
  transform: scale(0.95);
}
.player__container .noUi-target .noUi-handle::before, .player__container .noUi-target .noUi-handle::after {
  display: none !important;
}
.player__container .noUi-target .noUi-connect {
  background-color: #FFFFFF !important;
}
.player__container .noUi-target {
  background-color: #7F7F7F !important;
  height: 4px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 2px !important;
}

.noUi-tooltip {
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0.95), rgba(0, 0, 0, 0.98)) !important;
  color: white !important;
  border: 1px solid #000 !important;
  opacity: 1 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
}

/* blueprintjs-overrides */
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.bp3-input-group.bp3-focus, .bp3-input-group.bp3-active, .bp3-input-group:focus-within {
  box-shadow: none !important;
}
.bp3-input-group .bp3-input-action .bp3-button {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}

.bp3-text-area {
  resize: vertical;
}

.bp3-file-input {
  border-radius: 1.5px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-file-input .bp3-file-upload-input {
  border-radius: 1.5px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}

.bp3-numeric-input .bp3-button-group.bp3-vertical .bp3-button {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}

.bp3-select,
.bp3-popover-wrapper,
.bp3-html-select,
.bp3-select .bp3-button,
.bp3-select .bp3-menu,
.bp3-select .bp3-menu-item,
.bp3-select .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item,
.bp3-submenu .bp3-select .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}

input.bp3-input {
  color: white !important;
  font-weight: 400 !important;
}

input::placeholder,
.bp3-input::placeholder {
  color: hsl(210, 20%, 86%) !important;
  font-weight: 400 !important;
}

.bp3-input {
  border-radius: 1px !important;
  border: 1px solid rgb(0, 0, 0) !important;
  box-shadow: none !important;
}

.bp3-input:focus {
  border: 1px solid hsl(210, 100%, 60%) !important;
  box-shadow: none !important;
  outline: none;
}

.bp3-input-group {
  display: flex;
}

.bp3-label {
  color: hsl(0, 0%, 70%) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
}
table .bp3-label {
  margin-bottom: unset !important;
}

/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.bp3-tab {
  color: hsl(0, 0%, 70%) !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
}
.bp3-tab[aria-selected=true] {
  color: inherit !important;
}

.bp3-dark .bp3-tab[aria-selected=true] {
  box-shadow: inset 0 -2px 0 hsl(210, 100%, 60%) !important;
  border-radius: 0.5px;
}

.bp3-tab-indicator {
  color: transparent;
  height: 2px !important;
  box-shadow: inset 0 -2px 0 hsl(210, 100%, 60%) !important;
  border-radius: 0.5px;
}

.bp3-tab {
  overflow: unset !important;
}

.bp3-tab-panel {
  margin-top: 6px !important;
  height: 100% !important;
}

.bp3-tab-panel table {
  border-collapse: collapse;
  width: 100% !important;
}

.bp3-tabs.bp3-vertical > .bp3-tab-panel {
  padding-left: 8px !important;
}

.bp3-callout .bp3-tabs {
  height: 100% !important;
}

.bp3-tabs.horizontal-tab-list > .bp3-tab-list {
  overflow-x: auto;
  user-select: none;
  padding-bottom: 4px;
}
.bp3-tabs.horizontal-tab-list > .bp3-tab-list::-webkit-scrollbar {
  width: 7px;
  height: 4px;
}
.bp3-tabs.horizontal-tab-list > .bp3-tab-list::-webkit-scrollbar-thumb {
  background-color: #48aff0;
}

/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.bp3-popover {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.bp3-popover-arrow {
  box-shadow: none !important;
}

.bp3-popover-content {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  transition: none !important;
}

.bp3-popover2 {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.bp3-popover2-content {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  transition: none !important;
}

.bp3-popover2-arrow {
  box-shadow: none !important;
}

.bp3-tooltip {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.bp3-tooltip2 {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.bp3-context-menu {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-context-menu .bp3-menu {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-context-menu .bp3-menu .bp3-menu-item, .bp3-context-menu .bp3-menu .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item, .bp3-submenu .bp3-context-menu .bp3-menu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-context-menu .bp3-menu .bp3-menu-item:hover:not(.bp3-disabled):not(:disabled), .bp3-context-menu .bp3-menu .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item:not(.bp3-disabled):not(:disabled), .bp3-submenu .bp3-context-menu .bp3-menu .bp3-popover-target.bp3-popover-open > .bp3-menu-item:not(.bp3-disabled):not(:disabled) {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-context-menu .bp3-menu .bp3-menu-item:active:not(.bp3-disabled):not(:disabled) {
  box-shadow: none !important;
}
.bp3-context-menu .bp3-menu .bp3-menu-item:active:not(.bp3-disabled):not(:disabled):focus:not(.bp3-disabled):not(:disabled):not(.bp3-button) {
  border: 1px solid hsl(210, 100%, 45%) !important;
  box-shadow: none !important;
}
.bp3-context-menu .bp3-menu .bp3-menu-item:active:not(.bp3-disabled):not(:disabled) {
  transition: none !important;
}
.bp3-context-menu .bp3-menu .bp3-menu-item:focus {
  box-shadow: none !important;
  transition: none !important;
  outline: none !important;
}

.bp3-select-popover,
.bp3-multi-select-popover,
.bp3-suggest-popover {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

.bp3-datepicker {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-datepicker .bp3-datepicker-day {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-datepicker .bp3-datepicker-month-select,
.bp3-datepicker .bp3-datepicker-year-select {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}

.bp3-toast {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.bp3-popover.bp3-dark.bp3-popover-content-sizing.with-blue-border {
  opacity: 0.86 !important;
}

.bp3-dark.bp3-popover .bp3-menu {
  background-color: #212121 !important;
}

.bp3-multi-select-popover .bp3-menu {
  max-height: 300px;
  overflow: auto;
}

.bp3-popover .bp3-popover-arrow::before {
  display: none !important;
}

.bp3-popover-arrow-border {
  fill: #555 !important;
  fill-opacity: 1 !important;
}

.bp3-popover.status-bar-popover > .bp3-popover-content {
  background: none;
  border: none;
  border-radius: 3px;
  overflow: hidden;
}

.with-blue-border .bp3-popover-content {
  border: 1px solid hsl(210, 100%, 45%);
  background-color: rgb(31, 31, 31) !important;
  border-radius: 0px !important;
  width: 100%;
  min-width: 250px;
  padding: 0px !important;
  padding-bottom: 20px !important;
  opacity: 1 !important;
}

.header-line-popover .bp3-popover-content {
  padding: 2px !important;
  border: 1px solid #555 !important;
  z-index: 10000 !important;
}

.header-line-popover .bp3-popover-arrow {
  top: -10px !important;
  z-index: 99999999999999 !important;
}

.header-profile-analysis-popover .bp3-popover-content {
  padding: 2px !important;
  max-width: 335px !important;
  border: 1px solid #555 !important;
}

.header-military-symbol-popover .bp3-popover-content {
  max-width: 85vh !important;
  padding: 2px !important;
  border: 1px solid #555 !important;
}
.header-military-symbol-popover .bp3-popover-content .military-symbol-tab .bp3-tab-list {
  margin-right: 5px !important;
}

.filter-popover .bp3-popover-content {
  border: 1px solid #555;
}

.tree-popover {
  border: 1px solid #555 !important;
}

.tree-popover .bp3-popover-arrow {
  top: unset !important;
  z-index: 99999999999999 !important;
}

/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.bp3-dialog {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.bp3-dialog-header {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-dialog-header .bp3-dialog-close-button {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-dialog-header .bp3-dialog-close-button:hover:not(.bp3-disabled):not(:disabled), .bp3-dialog-header .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-dialog-close-button.bp3-menu-item:not(.bp3-disabled):not(:disabled), .bp3-submenu .bp3-dialog-header .bp3-popover-target.bp3-popover-open > .bp3-dialog-close-button.bp3-menu-item:not(.bp3-disabled):not(:disabled) {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-dialog-header .bp3-dialog-close-button:active:not(.bp3-disabled):not(:disabled) {
  box-shadow: none !important;
}
.bp3-dialog-header .bp3-dialog-close-button:active:not(.bp3-disabled):not(:disabled):focus:not(.bp3-disabled):not(:disabled):not(.bp3-button) {
  border: 1px solid hsl(210, 100%, 45%) !important;
  box-shadow: none !important;
}
.bp3-dialog-header .bp3-dialog-close-button:active:not(.bp3-disabled):not(:disabled) {
  transition: none !important;
}
.bp3-dialog-header .bp3-dialog-close-button:focus {
  box-shadow: none !important;
  transition: none !important;
  outline: none !important;
}

.bp3-dialog-body {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  overflow: auto;
  transition: none !important;
}

.bp3-dialog-footer {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  transition: none !important;
}
.bp3-dialog-footer .bp3-dialog-footer-actions .bp3-button {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}

.bp3-overlay-backdrop {
  transition: none !important;
}

.bp3-alert {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-alert .bp3-alert-body {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-alert .bp3-alert-footer {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-alert .bp3-alert-footer .bp3-button {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}

.bp3-drawer {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.bp3-drawer-header {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-drawer-header .bp3-drawer-close-button {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-drawer-header .bp3-drawer-close-button:hover:not(.bp3-disabled):not(:disabled), .bp3-drawer-header .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-drawer-close-button.bp3-menu-item:not(.bp3-disabled):not(:disabled), .bp3-submenu .bp3-drawer-header .bp3-popover-target.bp3-popover-open > .bp3-drawer-close-button.bp3-menu-item:not(.bp3-disabled):not(:disabled) {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-drawer-header .bp3-drawer-close-button:active:not(.bp3-disabled):not(:disabled) {
  box-shadow: none !important;
}
.bp3-drawer-header .bp3-drawer-close-button:active:not(.bp3-disabled):not(:disabled):focus:not(.bp3-disabled):not(:disabled):not(.bp3-button) {
  border: 1px solid hsl(210, 100%, 45%) !important;
  box-shadow: none !important;
}
.bp3-drawer-header .bp3-drawer-close-button:active:not(.bp3-disabled):not(:disabled) {
  transition: none !important;
}
.bp3-drawer-header .bp3-drawer-close-button:focus {
  box-shadow: none !important;
  transition: none !important;
  outline: none !important;
}

.bp3-drawer-body {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  overflow: auto;
}

.bp3-dialog.bp3-dark {
  background-color: var(--popover-transparent) !important;
}

div.new-dialog.bp3-dialog {
  border: 1px solid #888 !important;
  background-color: var(--popover-transparent) !important;
  width: 750px;
}

.new-dialog .bp3-dialog-header button.bp3-button.bp3-dialog-close-button,
button.bp3-button.bp3-dialog-close-button:hover,
.bp3-submenu .bp3-popover-target.bp3-popover-open > button.bp3-button.bp3-dialog-close-button.bp3-menu-item {
  background: none !important;
  cursor: pointer !important;
}

.new-dialog .bp3-dialog-header button.bp3-button.bp3-dialog-close-button span.bp3-icon {
  color: #777 !important;
}

.new-dialog .bp3-dialog-header button.bp3-button.bp3-dialog-close-button:hover span.bp3-icon, .new-dialog .bp3-dialog-header .bp3-submenu .bp3-popover-target.bp3-popover-open > button.bp3-button.bp3-dialog-close-button.bp3-menu-item span.bp3-icon, .bp3-submenu .new-dialog .bp3-dialog-header .bp3-popover-target.bp3-popover-open > button.bp3-button.bp3-dialog-close-button.bp3-menu-item span.bp3-icon {
  color: #ffffff !important;
}

.new-dialog .bp3-dialog-header h4.bp3-heading {
  font-size: 17px;
  font-weight: 400;
}

.draggable-popover .new-dialog .bp3-dialog-header {
  cursor: move;
  user-select: none;
}

.draggable-dialog-header-handle {
  cursor: move !important;
  user-select: none !important;
}

/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.bp3-html-select {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-html-select select {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-html-select select:focus {
  box-shadow: none !important;
}
.bp3-html-select select:disabled {
  transition: none !important;
}
.bp3-html-select::after {
  transition: none !important;
}
.bp3-html-select:hover select, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-html-select.bp3-menu-item select {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-html-select.bp3-large select {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-html-select.bp3-small select {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-html-select.bp3-fill select {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-html-select.bp3-minimal select:hover:not(.bp3-disabled):not(:disabled), .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item:not(.bp3-disabled):not(:disabled), .bp3-submenu .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-menu-item:not(.bp3-disabled):not(:disabled) {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-html-select.bp3-minimal select:active:not(.bp3-disabled):not(:disabled) {
  box-shadow: none !important;
}
.bp3-html-select.bp3-minimal select:active:not(.bp3-disabled):not(:disabled):focus:not(.bp3-disabled):not(:disabled):not(.bp3-button) {
  border: 1px solid hsl(210, 100%, 45%) !important;
  box-shadow: none !important;
}
.bp3-html-select.bp3-minimal select:active:not(.bp3-disabled):not(:disabled) {
  transition: none !important;
}
.bp3-html-select.bp3-minimal select:focus {
  box-shadow: none !important;
  transition: none !important;
  outline: none !important;
}
.bp3-html-select.bp3-minimal::after {
  transition: none !important;
}

.bp3-html-select select[multiple] {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-html-select select[multiple] option {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-html-select select[multiple] option:checked {
  box-shadow: none !important;
}

/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.bp3-button:not(.bp3-control-indicator) {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  background-image: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  transition: none !important;
}

.bp3-button[class*=bp3-icon-]:not(.bp3-control-indicator) {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
  background-image: none !important;
  border-radius: 0px !important;
}

.bp3-button-group .bp3-button:not(.bp3-control-indicator) {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-button-group .bp3-button:not(.bp3-control-indicator):first-child, .bp3-button-group .bp3-button:not(.bp3-control-indicator):last-child {
  border-radius: 0px !important;
}
.bp3-button-group.bp3-vertical .bp3-button:not(.bp3-control-indicator):first-child, .bp3-button-group.bp3-vertical .bp3-button:not(.bp3-control-indicator):last-child {
  border-radius: 0px !important;
}

.bp3-navbar .bp3-button:not(.bp3-control-indicator) {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}

.bp3-button:not(.bp3-control-indicator).bp3-minimal {
  background-image: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-minimal:hover:not(.bp3-disabled):not(:disabled), .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not(.bp3-control-indicator).bp3-minimal:not(.bp3-disabled):not(:disabled) {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-minimal:active:not(.bp3-disabled):not(:disabled) {
  box-shadow: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-minimal:active:not(.bp3-disabled):not(:disabled):focus:not(.bp3-disabled):not(:disabled):not(.bp3-button) {
  border: 1px solid hsl(210, 100%, 45%) !important;
  box-shadow: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-minimal:active:not(.bp3-disabled):not(:disabled) {
  transition: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-minimal:focus {
  box-shadow: none !important;
  transition: none !important;
  outline: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-outlined {
  background-image: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-outlined:hover:not(.bp3-disabled), .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not(.bp3-control-indicator).bp3-outlined:not(.bp3-disabled) {
  box-shadow: none !important;
  transition: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-loading {
  background-image: none !important;
  transition: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-loading:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not(.bp3-control-indicator).bp3-loading {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-intent-success, .bp3-button:not(.bp3-control-indicator).bp3-intent-warning, .bp3-button:not(.bp3-control-indicator).bp3-intent-danger {
  background-image: none !important;
}
.bp3-button:not(.bp3-control-indicator).bp3-intent-success:hover:not(.bp3-disabled), .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not(.bp3-control-indicator).bp3-intent-success:not(.bp3-disabled), .bp3-button:not(.bp3-control-indicator).bp3-intent-warning:hover:not(.bp3-disabled), .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not(.bp3-control-indicator).bp3-intent-warning:not(.bp3-disabled), .bp3-button:not(.bp3-control-indicator).bp3-intent-danger:hover:not(.bp3-disabled), .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not(.bp3-control-indicator).bp3-intent-danger:not(.bp3-disabled) {
  box-shadow: none !important;
  transition: none !important;
}

/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.bp3-multi-select .bp3-tag {
  border-radius: 1.5px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-multi-select .bp3-tag .bp3-tag-remove {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-multi-select .bp3-tag .bp3-tag-remove:hover:not(.bp3-disabled):not(:disabled), .bp3-multi-select .bp3-tag .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag-remove.bp3-menu-item:not(.bp3-disabled):not(:disabled), .bp3-submenu .bp3-multi-select .bp3-tag .bp3-popover-target.bp3-popover-open > .bp3-tag-remove.bp3-menu-item:not(.bp3-disabled):not(:disabled) {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-multi-select .bp3-tag .bp3-tag-remove:active:not(.bp3-disabled):not(:disabled) {
  box-shadow: none !important;
}
.bp3-multi-select .bp3-tag .bp3-tag-remove:active:not(.bp3-disabled):not(:disabled):focus:not(.bp3-disabled):not(:disabled):not(.bp3-button) {
  border: 1px solid hsl(210, 100%, 45%) !important;
  box-shadow: none !important;
}
.bp3-multi-select .bp3-tag .bp3-tag-remove:active:not(.bp3-disabled):not(:disabled) {
  transition: none !important;
}
.bp3-multi-select .bp3-tag .bp3-tag-remove:focus {
  box-shadow: none !important;
  transition: none !important;
  outline: none !important;
}

.bp3-suggest .bp3-input-action .bp3-button {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}

.bp3-omnibar .bp3-input {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}

.bp3-select-popover .bp3-menu .bp3-menu-item, .bp3-select-popover .bp3-menu .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item, .bp3-submenu .bp3-select-popover .bp3-menu .bp3-popover-target.bp3-popover-open > .bp3-menu-item,
.bp3-multi-select-popover .bp3-menu .bp3-menu-item,
.bp3-multi-select-popover .bp3-menu .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item,
.bp3-submenu .bp3-multi-select-popover .bp3-menu .bp3-popover-target.bp3-popover-open > .bp3-menu-item,
.bp3-suggest-popover .bp3-menu .bp3-menu-item,
.bp3-suggest-popover .bp3-menu .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item,
.bp3-submenu .bp3-suggest-popover .bp3-menu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  border-radius: 0px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: none !important;
  background-image: none !important;
}
.bp3-select-popover .bp3-menu .bp3-menu-item.bp3-selected,
.bp3-multi-select-popover .bp3-menu .bp3-menu-item.bp3-selected,
.bp3-suggest-popover .bp3-menu .bp3-menu-item.bp3-selected {
  box-shadow: none !important;
  transition: none !important;
}

.bp3-minimal.bp3-select .bp3-button:hover:not(.bp3-disabled):not(:disabled), .bp3-minimal.bp3-select .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not(.bp3-disabled):not(:disabled), .bp3-submenu .bp3-minimal.bp3-select .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not(.bp3-disabled):not(:disabled), .bp3-minimal.bp3-html-select select:hover:not(.bp3-disabled):not(:disabled), .bp3-minimal.bp3-html-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item:not(.bp3-disabled):not(:disabled), .bp3-submenu .bp3-minimal.bp3-html-select .bp3-popover-target.bp3-popover-open > select.bp3-menu-item:not(.bp3-disabled):not(:disabled) {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  box-shadow: none !important;
  transition: none !important;
}
.bp3-minimal.bp3-select .bp3-button:active:not(.bp3-disabled):not(:disabled), .bp3-minimal.bp3-html-select select:active:not(.bp3-disabled):not(:disabled) {
  box-shadow: none !important;
}
.bp3-minimal.bp3-select .bp3-button:active:not(.bp3-disabled):not(:disabled):focus:not(.bp3-disabled):not(:disabled):not(.bp3-button), .bp3-minimal.bp3-html-select select:active:not(.bp3-disabled):not(:disabled):focus:not(.bp3-disabled):not(:disabled):not(.bp3-button) {
  border: 1px solid hsl(210, 100%, 45%) !important;
  box-shadow: none !important;
}
.bp3-minimal.bp3-select .bp3-button:active:not(.bp3-disabled):not(:disabled), .bp3-minimal.bp3-html-select select:active:not(.bp3-disabled):not(:disabled) {
  transition: none !important;
}
.bp3-minimal.bp3-select .bp3-button:focus, .bp3-minimal.bp3-html-select select:focus {
  box-shadow: none !important;
  transition: none !important;
  outline: none !important;
}

.bp3-select.bp3-loading .bp3-button {
  transition: none !important;
}
.bp3-select.bp3-loading .bp3-button:hover, .bp3-select.bp3-loading .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item, .bp3-submenu .bp3-select.bp3-loading .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  box-shadow: none !important;
  transition: none !important;
}

/* Açılır menü */
.bp3-popover-wrapper .bp3-button:not([class*=bp3-intent-]) {
  background-image: none !important;
  border-radius: 0px;
}

.bp3-popover2-content {
  padding: 0;
  color: #fff !important;
}

.bp3-tooltip .bp3-popover-content {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
  border: 1px solid #555 !important;
}

.bp3-tooltip .bp3-popover-arrow-fill {
  fill: #2a2a2a !important;
}

/* vendors */
/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/*@import "./node-content-renderer";*/
.rst__nodeContent {
  right: 0;
}

.rst__tree {
  color: #ced9e0;
  /*margin-left: 10px;*/
}

.rowWrapper {
  padding: 1px 3px 3px 0;
  height: 100%;
  box-sizing: border-box;
  cursor: default;
  /*margin-left: 3px;*/
}
.rowWrapper:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .rowWrapper.bp3-menu-item {
  opacity: 0.7;
}
.rowWrapper:active {
  opacity: 1;
}

.rowWrapperDragDisabled {
  cursor: default;
}
.rowWrapperDragDisabled:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .rowWrapperDragDisabled.bp3-menu-item {
  opacity: 1;
}

.row {
  height: 100%;
  white-space: nowrap;
  display: flex;
}
.row > * {
  box-sizing: border-box;
}

/**
 * The outline of where the element will go if dropped, displayed while dragging
 */
.rowLandingPad, .rowCancelPad {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.rowLandingPad *, .rowCancelPad * {
  opacity: 0 !important;
}
.rowLandingPad::before, .rowCancelPad::before {
  background-color: rgba(43, 149, 214, 0.4) !important;
  border: 2px dashed steelblue;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/**
 * Alternate appearance of the landing pad when the dragged location is invalid
 */
.rowCancelPad::before {
  border: 2px dashed #e46767 !important;
  background-color: #d24343 !important;
}

/**
 * Nodes matching the search conditions are highlighted
 */
.rowSearchMatch {
  outline: solid 3px #0080ff;
}

/**
 * The node that matches the search conditions and is currently focused
 */
.rowSearchFocus {
  outline: solid 3px #fc6421;
}

.toolbarButton, .moveHandle, .loadingHandle, .rowToolbar, .rowLabel, .rowContents {
  display: inline-block;
  vertical-align: middle;
}

.rowContents {
  position: relative;
  height: 100%;
  padding: 0 5px 0 2px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-color: #222;
  min-width: auto !important;
}

.rowLabel {
  flex: 0 1 auto;
  padding-right: 20px;
  padding-left: 3px;
  transition: none;
  cursor: default;
}

.rowGroup {
  transition: none !important;
  border: 1px solid transparent;
}
.rowGroup.selected {
  background-color: rgba(51, 153, 255, 0.5) !important;
  border: 1px solid hsl(210, 100%, 60%);
  transition: none !important;
}
.rowGroup.selected.cutStyle {
  opacity: 0.6 !important;
}
.rowGroup.deselectedStyle {
  background-color: rgba(214, 43, 128, 0.4) !important;
  border: 1px solid steelblue;
  transition: none !important;
}

.rowGroup:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .rowGroup.bp3-menu-item {
  transition: none !important;
}

.rowWrapper:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .rowWrapper.bp3-menu-item {
  opacity: 1 !important;
}

.rowToolbar {
  flex: 0 1 auto;
  display: flex;
  transition: none;
  background-color: inherit;
  margin-left: 2px;
  cursor: default;
}
.rowToolbar.selected {
  background-color: rgba(43, 149, 214, 0.4) !important;
  border: 1.2px dotted #06122f;
  border-right: none;
}

.rowToolbar > span {
  margin-left: -2px;
  cursor: default;
  transition: none !important;
}

.moveHandle, .loadingHandle {
  height: 100%;
  width: 44px;
  background: #d9d9d9 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSIgPjxwYXRoIGQ9Ik0xNCAxNS43aDE0LjQiLz48cGF0aCBkPSJNMTQgMjEuNGgxNC40Ii8+PHBhdGggZD0iTTE0IDI3LjFoMTQuNCIvPjwvZz4KPC9zdmc+) no-repeat center;
  border: solid #aaa 1px;
  box-shadow: 0 2px 2px -2px;
  cursor: move;
  border-radius: 1px;
  z-index: 1;
}

.loadingHandle {
  cursor: default;
  background: #d9d9d9;
}

@keyframes pointFade {
  0%, 19.999%, 100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
.loadingCircle {
  width: 80%;
  height: 80%;
  margin: 10%;
  position: relative;
}

.loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.loadingCirclePoint:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  animation: pointFade 800ms infinite ease-in-out both;
}
.loadingCirclePoint:nth-of-type(1) {
  transform: rotate(0deg);
}
.loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.loadingCirclePoint:nth-of-type(1):before, .loadingCirclePoint:nth-of-type(7):before {
  animation-delay: -800ms;
}
.loadingCirclePoint:nth-of-type(2) {
  transform: rotate(30deg);
}
.loadingCirclePoint:nth-of-type(8) {
  transform: rotate(210deg);
}
.loadingCirclePoint:nth-of-type(2):before, .loadingCirclePoint:nth-of-type(8):before {
  animation-delay: -666.6666666667ms;
}
.loadingCirclePoint:nth-of-type(3) {
  transform: rotate(60deg);
}
.loadingCirclePoint:nth-of-type(9) {
  transform: rotate(240deg);
}
.loadingCirclePoint:nth-of-type(3):before, .loadingCirclePoint:nth-of-type(9):before {
  animation-delay: -533.3333333333ms;
}
.loadingCirclePoint:nth-of-type(4) {
  transform: rotate(90deg);
}
.loadingCirclePoint:nth-of-type(10) {
  transform: rotate(270deg);
}
.loadingCirclePoint:nth-of-type(4):before, .loadingCirclePoint:nth-of-type(10):before {
  animation-delay: -400ms;
}
.loadingCirclePoint:nth-of-type(5) {
  transform: rotate(120deg);
}
.loadingCirclePoint:nth-of-type(11) {
  transform: rotate(300deg);
}
.loadingCirclePoint:nth-of-type(5):before, .loadingCirclePoint:nth-of-type(11):before {
  animation-delay: -266.6666666667ms;
}
.loadingCirclePoint:nth-of-type(6) {
  transform: rotate(150deg);
}
.loadingCirclePoint:nth-of-type(12) {
  transform: rotate(330deg);
}
.loadingCirclePoint:nth-of-type(6):before, .loadingCirclePoint:nth-of-type(12):before {
  animation-delay: -133.3333333333ms;
}
.loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.loadingCirclePoint:nth-of-type(13) {
  transform: rotate(360deg);
}
.loadingCirclePoint:nth-of-type(7):before, .loadingCirclePoint:nth-of-type(13):before {
  animation-delay: 0ms;
}

.rowTitle {
  cursor: default;
  user-select: none;
  color: #fff;
  margin-left: 1px;
  font-size: 1rem;
}

.rowTitleWithSubtitle {
  font-size: 1rem;
  display: block;
  height: 0.8rem;
}

.rowSubtitle {
  font-size: 1rem;
  line-height: 1;
}

.collapseButton,
.expandButton {
  appearance: none;
  position: absolute;
  width: 16px;
  height: 16px;
  padding: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  color: #d0d0d0 !important;
}
.collapseButton > svg,
.expandButton > svg {
  width: 14px;
}
.collapseButton:focus,
.expandButton:focus {
  box-shadow: 0 0 0 1px #000, 0 0 1px 3px #83bef9;
}
.collapseButton {
  color: #8a9ba8 !important;
}

/**
 * Line for under a node with children
 */
.lineChildren {
  height: 100%;
  display: inline-block;
  position: absolute;
}
.lineChildren::after {
  content: "";
  position: absolute;
  background-color: black;
  width: 1px;
  left: 50%;
  bottom: 0;
  height: 10px;
}

/**
  Collapse
 */
.tree-panel-container {
  display: flex;
  overflow: auto;
  flex-direction: column;
  background-color: rgb(58, 58, 58);
  height: 100%;
  width: 100%;
}
.tree-panel-container .tree-container {
  overflow: hidden;
  height: 100%;
}

.panel-class {
  height: 100% !important;
  /*   border-left: 1px solid #555;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555; */
}

.navigation-bar-open {
  padding: 0;
  transition: height 0.15s ease;
  height: 105px;
  border-bottom: 1px solid #222;
  box-shadow: 1px 1px #222 !important;
}

.navigation-bar-closed {
  padding: 0;
  transition: height 0.15s ease;
  border-bottom: 1px solid #222;
  box-shadow: 1px 1px #222 !important;
  height: 35px !important;
}
.navigation-bar-closed .center-header {
  display: none;
}

.application-panel-menu {
  max-height: 100%;
  border: 1px solid #555;
  border-bottom: none;
  background-color: #333 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
}

.start-dialog-menu-header {
  padding: 0;
  box-shadow: 1px 1px #444 !important;
}

.start-dialog-menu-header-content {
  display: flex;
  width: 100%;
  height: 100%;
}

.start-dialog-menu-header-back-button-container {
  width: 10%;
  background-color: #333;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.start-dialog-menu-header-label {
  width: 90%;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  font-weight: bold;
  background-color: #444;
}

.start-dialog-menu-body {
  height: 100%;
  display: flex;
}

.start-dialog-menu-body-menu {
  width: 10%;
  background-color: #333333;
}

.start-dialog-menu-body-content {
  width: 90%;
}

.start-dialog-menu-header-back-button {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-radius: 100px;
}

.treeCheckBox span:before {
  background-color: #333 !important;
  background-image: none !important;
  border: 1px solid #666 !important;
}

.treeCheckBox span:hover:before, .treeCheckBox .bp3-submenu .bp3-popover-target.bp3-popover-open > span.bp3-menu-item:before, .bp3-submenu .treeCheckBox .bp3-popover-target.bp3-popover-open > span.bp3-menu-item:before {
  transition: none !important;
  border: 1px solid #ced9e0 !important;
}

.half-checked-parent-cb > .treeCheckBox span:before,
.half-checked-parent-cb > .propagation-block > .treeCheckBox span:before {
  background-color: #ced9e0 !important;
  -webkit-box-shadow: inset 0 0 2px 2px #333 !important;
  box-shadow: inset 0 0 2px 2px #333 !important;
}

.half-checked-parent-cb > .treeCheckBox input:checked ~ span:before,
.half-checked-parent-cb > .propagation-block > .treeCheckBox input:checked ~ span:before {
  background-color: unset !important;
}

.bp3-control.bp3-checkbox input:checked ~ .bp3-control-indicator:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z%27 fill=%27%23fff%27/%3E%3C/svg%3E");
}

.treeCheckBox input {
  position: absolute !important;
  opacity: 0 !important;
}

.treeCheckBox input:checked ~ span:after {
  content: "" !important;
  position: absolute !important;
  display: none !important;
}

.treeCheckBox input:checked ~ span:after {
  display: block !important;
}

.treeCheckBox span:after {
  left: 5px !important;
  top: 1px !important;
  width: 5px !important;
  height: 10px !important;
  border: solid #48aff0 !important;
  border-width: 0 2px 2px 0 !important;
  -webkit-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
}

.menu {
  background-color: #333 !important;
  border-bottom: 1px solid #444;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  border-top: 1px solid #444;
  border-radius: 0;
}

.border-close-button {
  padding-right: 3px;
  padding-left: 2px;
  cursor: pointer;
}

.border-close-button:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .border-close-button.bp3-menu-item {
  color: #48aff0;
}

.border-more-button {
  cursor: pointer;
}

.border-more-button:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .border-more-button.bp3-menu-item {
  color: #48aff0;
}

.bp3-popover2.bp3-dark .bp3-popover2-content,
.bp3-dark .bp3-popover2 .bp3-popover2-content {
  background-color: #222;
}

.p3-popover2.bp3-dark .bp3-popover2-arrow-fill,
.bp3-dark .bp3-popover2 .bp3-popover2-arrow-fill {
  fill: #222;
}

.rst__lineHalfHorizontalRight::before,
.rst__lineFullVertical::after,
.rst__lineHalfVerticalTop::after,
.rst__lineHalfVerticalBottom::after {
  border-left: 1px dotted #555;
  border-bottom: 1px dotted #555;
  background-color: #555 !important;
}

.lineChildren::after {
  border-left: 1px dotted #555;
  border-bottom: 1px dotted #555;
  background-color: #555 !important;
}

.treeCheckBox {
  border-radius: 0 !important;
  border: none !important;
  margin: 0;
}
.treeCheckBox > span {
  border-radius: 0 !important;
  background-color: #222 !important;
  color: #0080ff !important;
  border: none !important;
  box-shadow: none !important;
}
.treeCheckBox .bp3-control-indicator {
  width: 13px;
  height: 13px;
  margin-left: -22px;
}
.treeCheckBox .bp3-control-indicator:before {
  width: 13px;
  height: 13px;
  cursor: default !important;
}

.toolbarButton {
  width: 19px;
}

.bp3-control .bp3-control-indicator {
  cursor: default !important;
}

.rowToolbar .bp3-control {
  cursor: default !important;
}

.text-connection-tabs {
  margin-top: 5px;
  /*    display: flex;
   justify-content: center;
   border-bottom: 1px solid #4e4e4e; */
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.text-connection-tabs .bp3-tab-list {
  justify-content: center;
}
.text-connection-tabs .bp3-tab-panel {
  margin-top: 20px !important;
}

.example-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

#myGrid {
  flex: 1 1 0px;
  width: 100%;
}

.fa-folder {
  color: darkorange;
}

.fa-file-pdf {
  color: red;
}

.fa-file-excel {
  color: green;
}

.fa-file-audio {
  color: blue;
}

.filename {
  padding: 5px;
  color: black;
  font-size: 16px;
}

#myGrid .ag-header {
  display: none !important;
}

.permission-ag-grid .ag-header {
  display: block !important;
}
.permission-ag-grid .ag-cell {
  display: flex !important;
  align-items: center !important;
}

.editable {
  border: 2px dashed #1873ab;
  animation: editableAnimation infinite 3s;
}

@keyframes editableAnimation {
  from {
    border: 2px dashed transparent;
  }
  to {
    border: 2px dashed #1873ab;
  }
}
.not-editable {
  border: 2px solid transparent;
}

.ag-theme-alpine-dark .ag-row-odd,
.ag-theme-alpine-dark .ag-row {
  background-color: #333;
  border: 1px solid #333;
}

.ag-row-focus {
  background-color: #555555 !important;
}

.ag-theme-alpine-dark .ag-row-odd:hover, .ag-theme-alpine-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-row-odd.bp3-menu-item, .bp3-submenu .ag-theme-alpine-dark .bp3-popover-target.bp3-popover-open > .ag-row-odd.bp3-menu-item,
.ag-theme-alpine-dark .ag-row:hover,
.ag-theme-alpine-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-row.bp3-menu-item,
.bp3-submenu .ag-theme-alpine-dark .bp3-popover-target.bp3-popover-open > .ag-row.bp3-menu-item {
  background-color: #555555;
}
.ag-theme-alpine-dark .ag-group-contracted,
.ag-theme-alpine-dark .ag-group-expanded,
.ag-theme-alpine-dark .ag-selection-checkbox {
  margin-right: 0 !important;
}
.ag-theme-alpine-dark .ag-checkbox .ag-input-wrapper {
  background-color: transparent !important;
}
.ag-theme-alpine-dark .ag-checkbox-input-wrapper {
  font-size: 14px !important;
  line-height: 14px !important;
  width: 14px !important;
  height: 14px !important;
}
.ag-theme-alpine-dark .ag-checkbox-input-wrapper::after {
  color: #666;
}

/*  .ag-selection-checkbox {
  border: 1px solid grey;
  width: 18px;
   border-radius: 4px;
 }
 */
.ag-row-hover {
  background-color: #555555 !important;
  color: white !important;
}

.ag-theme-alpine-dark .ag-root-wrapper {
  border: none;
}

.ag-root-wrapper {
  background-color: #333 !important;
}

#myGrid .ag-body-horizontal-scroll-viewport {
  overflow: hidden;
}

.permission-span::before {
  content: " ▽";
  color: #bdbdbd;
  position: absolute;
  right: 5px;
  font-size: 8px;
  bottom: -6px;
}
.permission-span {
  position: relative;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 11px;
  width: 130px;
  height: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.ag-theme-alpine-dark .ag-checkbox .ag-input-wrapper,
.ag-theme-alpine-dark .ag-radio-button .ag-input-wrapper {
  outline: none !important;
  box-shadow: none !important;
}

.ag-grid-custom-checkbox {
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  width: 14px;
  height: 14px;
  position: relative;
}
.ag-grid-custom-checkbox::after {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  content: " ";
  background-color: #333333;
  border: 1px solid #666;
  display: flex;
  /* padding: 0px 1px; */
  justify-content: center;
  align-items: center;
}
.ag-grid-custom-checkbox:hover::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-grid-custom-checkbox.bp3-menu-item::after {
  border: 1px solid #d6d6d6 !important;
}
.ag-grid-custom-checkbox:checked::after {
  content: "✓";
  font-size: 11px;
  color: #48aff0;
  font-weight: bold;
}

.some-children-checked {
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  width: 14px;
  height: 14px;
  position: relative;
}
.some-children-checked::after {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  content: " ";
  background-color: #f5f5f5;
  padding: 4px;
  border: 2px solid #666;
  display: flex;
  /* padding: 0px 1px; */
  justify-content: center;
  align-items: center;
}
.some-children-checked:hover::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .some-children-checked.bp3-menu-item::after {
  border: 1px solid #d6d6d6 !important;
  background-color: #333333;
}
.some-children-checked:checked::after {
  content: "✓";
  font-size: 11px;
  color: #48aff0;
  font-weight: bold;
}

#myGrid .ag-icon-tree-open:before {
  content: "" !important;
  font-size: 15px;
  color: #ced9e0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ced9e0;
  display: flex;
  height: 0;
  width: 0;
}
#myGrid .ag-icon-tree-closed:before {
  content: "" !important;
  font-size: 15px;
  color: #ced9e0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 4px solid #ced9e0;
  display: flex;
  height: 0;
  width: 0;
}

#myGrid .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  height: 30px;
  display: flex;
  align-items: center;
  flex: none;
  width: 15px;
  padding-left: 5px;
}

.ag-theme-alpine-dark .ag-invisible {
  width: 0 !important;
}

#myGrid .hover-over {
  background-color: pink;
}

#myGrid .ag-ltr .ag-row-level-1 .ag-row-group-leaf-indent {
  margin-left: 16px !important;
}

.ag-theme-alpine-dark .ag-ltr .ag-row-level-3 .ag-row-group-leaf-indent {
  margin-left: 16px !important;
}

.ag-theme-alpine-dark .ag-ltr .ag-row-level-4 .ag-row-group-leaf-indent {
  margin-left: 16px !important;
}

/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
/**
 ****************************
 * Generic Styles
 ****************************
*/
ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
  display: block;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-faded {
  opacity: 0.3;
}

.ag-width-half {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  user-select: none !important;
}

.ag-selectable {
  user-select: text !important;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}
.ag-root-wrapper .ag-watermark {
  position: absolute;
  bottom: 10px;
  right: 25px;
  opacity: 0.5;
  transition: opacity 1s ease-out 3s;
}
.ag-root-wrapper .ag-watermark:before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDk0cHgiIGhlaWdodD0iMjM5cHgiIHZpZXdCb3g9IjAgMCA0OTQgMjM5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ny4xICg0NTQyMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+TG9nbzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0wLjYxMjg0OTkzMSwxMDggTDAuNjEyODQ5OTMxLDY3LjQ1OTYzNzQgTDAuNjEyODQ5OTMxLDY3LjQ1OTYzNzQgQzAuNjEyODQ5OTMxLDYyLjEwMDY1MzYgMy40NzE4MzM3OCw1Ny4xNDg3NDgzIDguMTEyODQ5OTMsNTQuNDY5MjU2NCBMOTguMzA2NDI1LDIuMzk1OTcxNTcgTDk4LjMwNjQyNSwyLjM5NTk3MTU3IEMxMDIuOTQ3NDQxLC0wLjI4MzUyMDM1OCAxMDguNjY1NDA5LC0wLjI4MzUyMDM1OCAxMTMuMzA2NDI1LDIuMzk1OTcxNTcgTDExMy4zMDY0MjUsMi4zOTU5NzE1NyBMMjAzLjUsNTQuNDY5MjU2NCBMMjAzLjUsNTQuNDY5MjU2NCBDMjA4LjE0MTAxNiw1Ny4xNDg3NDgzIDIxMSw2Mi4xMDA2NTM2IDIxMSw2Ny40NTk2Mzc0IEwyMTEsMTM4IEwxODEsMTM4IEwxODAuOTk3MDQxLDkzLjk5OTk5OTggTDE4MC45OTYwMzIsOTMuOTk5OTk5OSBDMTgwLjk5NTQ3NSw4NS43MTYxMjI2IDE3NC4yNzk5MDksNzkuMDAxMDA4NyAxNjUuOTk2MDMyLDc5LjAwMTAwODcgTDEyMiw3OC45OTk5OTk5IEMxMTMuNzE1NzI5LDc4Ljk5OTk5OTkgMTA3LDg1LjcxNTcyODYgMTA3LDkzLjk5OTk5OTkgTDEwNywxMzYuMDE1NjIzIEwxMDcsMTM2LjAxNTYyMyBDMTA3LDE0NC4yOTk4OTUgMTEzLjcxNTcyOSwxNTEuMDE1NjIzIDEyMiwxNTEuMDE1NjIzIEwxNjgsMTUxLjAxNTYyMyBMMTY4LDE2MyBDMTY4LDE2NC42NTY4NTQgMTY2LjY1Njg1NCwxNjYgMTY1LDE2NiBMMTIwLDE2NiBMMTIwLDE3OSBMMTY1Ljk5NjAzMiwxNzkgTDE2NS45OTYwMzIsMTc4Ljk5Nzg3NyBDMTc0LjI3OTQ3NCwxNzguOTk3ODc3IDE4MC45OTQ4NiwxNzIuMjgzNDQyIDE4MC45OTYwMzIsMTY0IEwxODEsMTUwLjk2MDU1NCBMMjExLDE1MC45NjA1NTQgTDIxMSwxNzEuNjA2MjA3IEwyMTEsMTcxLjYwNjIwNyBDMjExLDE3Ni45NjUxOTEgMjA4LjE0MTAxNiwxODEuOTE3MDk2IDIwMy41LDE4NC41OTY1ODggTDExMy4zMDY0MjUsMjM2LjY2OTg3MyBMMTEzLjMwNjQyNSwyMzYuNjY5ODczIEMxMDguNjY1NDA5LDIzOS4zNDkzNjUgMTAyLjk0NzQ0MSwyMzkuMzQ5MzY1IDk4LjMwNjQyNSwyMzYuNjY5ODczIEw4LjExMjg0OTkzLDE4NC41OTY1ODggTDguMTEyODQ5OTMsMTg0LjU5NjU4OCBDMy40NzE4MzM3OCwxODEuOTE3MDk2IDAuNjEyODQ5OTMxLDE3Ni45NjUxOTEgMC42MTI4NDk5MzEsMTcxLjYwNjIwNyBMMC42MTI4NDk5MzEsMTIxIEwyNywxMjEgTDI3LDEzNiBDMjcsMTQ0LjI4NDI3MSAzMy43MTU3Mjg3LDE1MSA0MiwxNTEgTDQyLDE1MSBMMTAwLDE1MSBMMTAwLDk0IEMxMDAsODUuNzE1NzI4OCA5My4yODQyNzEyLDc5IDg1LDc5IEwyNyw3OSBMMjcsOTIgTDg0LDkyIEM4NS42NTY4NTQyLDkyIDg3LDkzLjM0MzE0NTggODcsOTUgTDg3LDk1IEw4NywxMDggTDAuNjEyODQ5OTMxLDEwOCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkxvZ28iPgogICAgICAgICAgICA8cGF0aCBkPSJNNDc3LDU1IEw0OTQsNTUgTDQ5NCwxNTEgTDQzNSwxNTEgQzQyNi43MTU3MjksMTUxIDQyMCwxNDQuMjg0MjcxIDQyMCwxMzYgTDQyMCw5NiBDNDIwLDg3LjcxNTcyODggNDI2LjcxNTcyOSw4MSA0MzUsODEgTDQzNSw4MSBMNDc3LDgxIEw0NzcsNTUgWiBNNDQwLDk4IEM0MzguMzQzMTQ2LDk4IDQzNyw5OS4zNDMxNDU4IDQzNywxMDEgTDQzNywxMzEgQzQzNywxMzIuNjU2ODU0IDQzOC4zNDMxNDYsMTM0IDQ0MCwxMzQgTDQ3NywxMzQgTDQ3Nyw5OCBMNDQwLDk4IFoiIGlkPSJkIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTYuMDAwMDAwLCA1NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTYiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCAyNiAxNyAyNiAxNyA5NiAwIDk2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC03IiBmaWxsPSIjRTExRjIyIiBwb2ludHM9IjAgMS4xMzY4NjgzOGUtMTMgMTcgMS4xMzY4NjgzOGUtMTMgMTcgMTcgMCAxNyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMzEsMTUxIEwzNDgsMTUxIEwzNDgsMTAxIEwzNDgsMTAxIEMzNDgsOTkuMzQzMTQ1OCAzNDkuMzQzMTQ2LDk4IDM1MSw5OCBMMzg5LDk4IEwzODksODEgTDM0Niw4MSBMMzQ2LDgxIEMzMzcuNzE1NzI5LDgxIDMzMSw4Ny43MTU3Mjg4IDMzMSw5NiBMMzMxLDE1MSBaIiBpZD0iciIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzI0LDg2IEwzMjQsNzYgTDMyNCw3NiBDMzI0LDY3LjcxNTcyODggMzE3LjI4NDI3MSw2MSAzMDksNjEgTDI0OSw2MSBMMjQ5LDYxIEMyNDAuNzE1NzI5LDYxIDIzNCw2Ny43MTU3Mjg4IDIzNCw3NiBMMjM0LDEzNiBMMjM0LDEzNiBDMjM0LDE0NC4yODQyNzEgMjQwLjcxNTcyOSwxNTEgMjQ5LDE1MSBMMzA5LDE1MSBMMzA5LDE1MSBDMzE3LjI4NDI3MSwxNTEgMzI0LDE0NC4yODQyNzEgMzI0LDEzNiBMMzI0LDEwMCBMMjg3LDEwMCBMMjg3LDExNyBMMzA3LDExNyBMMzA3LDEzMSBMMzA3LDEzMSBDMzA3LDEzMi42NTY4NTQgMzA1LjY1Njg1NCwxMzQgMzA0LDEzNCBMMjU0LDEzNCBMMjU0LDEzNCBDMjUyLjM0MzE0NiwxMzQgMjUxLDEzMi42NTY4NTQgMjUxLDEzMSBMMjUxLDgxIEwyNTEsODEgQzI1MSw3OS4zNDMxNDU4IDI1Mi4zNDMxNDYsNzggMjU0LDc4IEwzMDQsNzggTDMwNCw3OCBDMzA1LjY1Njg1NCw3OCAzMDcsNzkuMzQzMTQ1OCAzMDcsODEgTDMwNyw4NiBMMzI0LDg2IFoiIGlkPSJHIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJhZyI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRTExRjIyIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJnIiBmaWxsPSIjRTExRjIyIiB4PSIxMjAiIHk9IjkyIiB3aWR0aD0iNDgiIGhlaWdodD0iNDYiIHJ4PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAsMTIxIEw4NywxMjEgTDg3LDEzOCBMNDMsMTM4IEw0MywxMzggQzQxLjM0MzE0NTgsMTM4IDQwLDEzNi42NTY4NTQgNDAsMTM1IEw0MCwxMjEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRTExRjIyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  filter: invert(50%);
  background-repeat: no-repeat;
  background-size: 110px 60px;
  display: block;
  height: 60px;
  width: 110px;
}
.ag-root-wrapper .ag-watermark .ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact;
  font-size: 19px;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

/**
 ****************************
 * Viewports
 ****************************
*/
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-pinned-left-cols-viewport,
.ag-center-cols-viewport,
.ag-pinned-right-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-virtual-list-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

@media print {
  .ag-layout-normal {
    display: none;
  }
  .ag-root-wrapper,
  .ag-root-wrapper-body,
  .ag-root,
  .ag-body-viewport,
  .ag-center-cols-container,
  .ag-center-cols-viewport,
  .ag-center-cols-clipper,
  .ag-body-horizontal-scroll-viewport,
  .ag-virtual-list-viewport {
    height: auto !important;
    overflow: visible !important;
    display: block !important;
  }
}
.ag-body-viewport {
  display: flex;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ag-body-viewport:not(.ag-layout-print).ag-force-vertical-scroll {
  overflow-y: scroll;
}

.ag-pinned-left-cols-viewport, .ag-pinned-right-cols-viewport {
  flex-grow: 1000;
}

.ag-center-cols-viewport {
  width: 100%;
  overflow-x: auto;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

/**
 ****************************
 * Containers
 ****************************
*/
.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container {
  position: relative;
}

.ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-body-viewport .ag-center-cols-clipper {
  min-height: 100%;
}
.ag-body-viewport.ag-layout-auto-height .ag-center-cols-clipper, .ag-body-viewport.ag-layout-auto-height .ag-center-cols-container {
  min-height: 50px;
}
.ag-body-viewport .ag-center-cols-container {
  display: block;
}
.ag-body-viewport.ag-layout-print {
  flex: none;
}
.ag-body-viewport.ag-layout-print .ag-center-cols-clipper {
  min-width: 100%;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container {
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

/**
 ****************************
 * Scrollers
 ****************************
*/
.ag-center-cols-clipper {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ag-body-horizontal-scroll {
  min-height: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  position: relative;
}

.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}

.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  flex-grow: 1000;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

/**
 ****************************
 * Headers
 ****************************
*/
.ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
}
.ag-header .ag-header-cell-sortable, .ag-pinned-left-header .ag-header-cell-sortable, .ag-pinned-right-header .ag-header-cell-sortable {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-header-icon {
  display: flex;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
  overflow: hidden;
}

.ag-header-overlay {
  display: block;
  position: absolute;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-group-cell-label, .ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  align-items: center;
  text-overflow: ellipsis;
  align-self: stretch;
}

.ag-header-cell-label .ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-numeric-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 4px;
}

.ag-header-expand-icon {
  padding-left: 4px;
}

.ag-header-select-all {
  display: flex;
}

/**
 ****************************
 * Columns
 ****************************
*/
.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

/**
 ****************************
 * Column Panel
 ****************************
*/
.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 4;
  flex-shrink: 1;
  flex-basis: 0;
}
.ag-column-select-panel .ag-primary-cols-header-panel {
  display: flex;
  flex: none;
}
.ag-column-select-panel .ag-primary-cols-header-panel .ag-column-name-filter {
  flex: 1 1 auto;
}
.ag-column-select-panel .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper {
  flex: 1 1 auto;
}
.ag-column-select-panel .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper input {
  width: 100%;
}
.ag-column-select-panel .ag-primary-cols-list-panel {
  flex: 1 1 auto;
  overflow: auto;
}

.ag-column-drop {
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}
.ag-column-drop .ag-column-drop-list {
  display: flex;
  align-items: center;
}
.ag-column-drop .ag-column-drop-list .ag-column-drop-cell {
  display: flex;
  align-items: center;
}
.ag-column-drop .ag-column-drop-list .ag-column-drop-cell .ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 0;
  align-items: stretch;
}
.ag-column-drop.ag-column-drop-vertical > div {
  display: flex;
  align-items: center;
}
.ag-column-drop.ag-column-drop-vertical .ag-column-drop-list {
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop.ag-column-drop-vertical .ag-column-drop-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-filter-panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.ag-filter-panel .ag-filter-toolpanel-header {
  display: flex;
}
.ag-filter-panel .ag-filter-toolpanel-header div:not(.ag-input-wrapper) {
  display: flex;
  align-items: center;
}
.ag-filter-panel .ag-group-item {
  flex-direction: column;
}

/**
 ****************************
 * Rows
 ****************************
*/
.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
}

.ag-row-no-animation .ag-row {
  transition: background-color 0.1s;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

/**
 ****************************
 * Cells
 ****************************
*/
.ag-cell {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}
.ag-cell-wrapper .ag-cell-value, .ag-cell-wrapper .ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-full-width-row.ag-row-group .ag-cell-wrapper {
  align-items: center;
}

.ag-cell-with-height {
  height: 100%;
}

.ag-group-cell-entire-row {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.ag-footer-cell-entire-row {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-edit-input, .ag-cell-inline-editing .ag-input-wrapper {
  height: 100%;
  width: 100%;
  line-height: normal;
}

/**
 ****************************
 * Filters
 ****************************
*/
.ag-set-filter-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.ag-set-filter-item > div, .ag-set-filter-item > span {
  display: flex;
}

.ag-filter .ag-filter-checkbox {
  pointer-events: none;
}
.ag-filter .ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}
.ag-filter .ag-filter-filter {
  flex: 1 1 auto;
}

/**
 ****************************
 * Floating Filter
 ****************************
*/
.ag-floating-filter-full-body .ag-react-container, .ag-floating-filter-body .ag-react-container {
  height: 100%;
}

.ag-floating-filter-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}
.ag-floating-filter-body input {
  margin: 0;
  flex: 1 1 auto;
  max-height: calc(100% - 1px);
}

.ag-floating-filter-full-body {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}
.ag-floating-filter-full-body input {
  margin: 0;
  width: 100%;
}
.ag-floating-filter-full-body input[type=range] {
  height: 100%;
}

.ag-floating-filter {
  display: inline-block;
  position: absolute;
}

.ag-floating-filter-input {
  width: 100%;
}

.ag-floating-filter-input:read-only {
  background-color: #eee;
}

.ag-floating-filter-menu {
  position: absolute;
  user-select: none;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

/**
 ****************************
 * Drag & Drop
 ****************************
*/
.ag-dnd-ghost {
  display: flex;
  align-items: center;
  background: #e5e5e5;
  border: 1px solid black;
  cursor: move;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
  padding: 3px;
  position: absolute;
  text-overflow: ellipsis;
  user-select: none;
  z-index: 10;
}

.ag-dnd-ghost-icon {
  padding: 2px;
}

/**
 ****************************
 * Overlay
 ****************************
*/
.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  pointer-events: none;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ag-overlay-wrapper.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 30px;
}

/**
 ****************************
 * Popup
 ****************************
*/
.ag-popup > div {
  z-index: 5;
}

.ag-popup-backdrop {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.ag-popup-editor {
  position: absolute;
  user-select: none;
  z-index: 1;
}

/**
 ****************************
 * Virtual Lists
 ****************************
*/
.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}
.ag-virtual-list-item span:empty:not(.ag-icon) {
  border-left: 1px solid transparent;
}

/**
 ****************************
 * Floating Top and Bottom
 ****************************
*/
.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
  flex-grow: 1000;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
  flex-grow: 1000;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
  flex-grow: 1000;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
  flex-grow: 1000;
}

/**
 ****************************
 * Dialog
 ****************************
*/
.ag-dialog, .ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.ag-dialog .ag-title-bar, .ag-panel .ag-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}
.ag-dialog .ag-title-bar .ag-title-bar-title, .ag-panel .ag-title-bar .ag-title-bar-title {
  flex: 1 1 auto;
}
.ag-dialog .ag-title-bar .ag-title-bar-buttons, .ag-panel .ag-title-bar .ag-title-bar-buttons {
  display: flex;
}
.ag-dialog .ag-title-bar .ag-title-bar-buttons .ag-button, .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button {
  cursor: pointer;
}
.ag-dialog .ag-panel-content-wrapper, .ag-panel .ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
.ag-dialog .ag-panel-content-wrapper > div, .ag-panel .ag-panel-content-wrapper > div {
  width: 100%;
  height: 100%;
}

.ag-dialog {
  position: absolute;
}
.ag-dialog .ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.ag-dialog .ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-dialog .ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-dialog .ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-dialog .ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-dialog .ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-dialog .ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-dialog .ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-dialog .ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-dialog .ag-message-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ag-dialog .ag-message-box .ag-message-box-content {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
}
.ag-dialog .ag-message-box .ag-message-box-button-bar {
  display: flex;
  justify-content: center;
}

/**
 ****************************
 * Tooltip
 ****************************
*/
.ag-tooltip {
  position: absolute;
  pointer-events: none;
  z-index: 99999;
}

.ag-chart-tooltip {
  display: table;
  position: absolute;
  user-select: none;
  pointer-events: none;
  white-space: nowrap;
  z-index: 99999;
  font: 12px Verdana, sans-serif;
  color: black;
  background: rgb(244, 244, 244);
  border-radius: 5px;
  box-shadow: 0 0 1px rgba(3, 3, 3, 0.7), 0.5vh 0.5vh 1vh rgba(3, 3, 3, 0.25);
  opacity: 0;
  transform: scale(0.9);
  transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition-property: opacity, transform;
}
.ag-chart-tooltip.visible {
  opacity: 1;
  transform: scale(1);
}
.ag-chart-tooltip .title {
  font-weight: bold;
  padding: 7px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  background-color: #888888;
}
.ag-chart-tooltip .content {
  padding: 7px;
  line-height: 1.7em;
}

/**
 ****************************
 * Animations
 ****************************
*/
.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

/**
 ****************************
 * Menu
 ****************************
*/
.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
  width: 200px;
}

.ag-menu-list {
  display: table;
}

.ag-menu-option, .ag-menu-separator {
  display: table-row;
}
.ag-menu-option > span, .ag-menu-separator > span {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-column-select-wrapper .ag-column-select-panel {
  height: 100%;
}

/**
 ****************************
 * Rich Select
 ****************************
*/
.ag-rich-select {
  cursor: default;
  outline: none;
}
.ag-rich-select .ag-rich-select-value {
  display: flex;
  align-items: center;
}
.ag-rich-select .ag-rich-select-value > span {
  flex: 1 1 auto;
}
.ag-rich-select .ag-rich-select-value > span.ag-icon {
  order: 1;
  flex: none;
}
.ag-rich-select .ag-rich-select-list {
  position: relative;
}
.ag-rich-select .ag-rich-select-list .ag-virtual-list-item {
  display: flex;
}
.ag-rich-select .ag-rich-select-list .ag-virtual-list-item .ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
}

/**
 ****************************
 * Pagination
 ****************************
*/
.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.ag-paging-panel .ag-paging-row-summary-panel {
  display: flex;
}
.ag-paging-panel .ag-paging-row-summary-panel span {
  margin: 0 3px;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}
.ag-paging-page-summary-panel .ag-disabled {
  pointer-events: none;
}
.ag-paging-page-summary-panel .ag-paging-button {
  position: relative;
  overflow: hidden;
}
.ag-paging-page-summary-panel .ag-paging-button button {
  position: absolute;
}

/**
 ****************************
 * Tool Panel
 ****************************
*/
.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  cursor: default;
  user-select: none;
  width: 200px;
}

.ag-column-tool-panel-column,
.ag-column-tool-panel-column-group {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-tool-panel-column .ag-column-tool-panel-column,
.ag-column-tool-panel-column .ag-column-tool-panel-column-group,
.ag-column-tool-panel-column-group .ag-column-tool-panel-column,
.ag-column-tool-panel-column-group .ag-column-tool-panel-column-group {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: col-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize, .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  transform: translateX(3px);
  right: 0;
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize, .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  transform: translateX(-3px);
  left: 0;
}

.loading-filter {
  background-color: #e6e6e6;
  height: 100%;
  padding: 5px;
  position: absolute;
  top: 34px;
  width: 100%;
  z-index: 1;
}

.ag-details-row {
  height: 100%;
  width: 100%;
}

.ag-details-grid {
  height: 100%;
  width: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
}

.ag-numeric-header .ag-cell-label-container {
  flex-direction: row;
}

/**
 ****************************
 * Side Bar
 ****************************
*/
.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}
.ag-side-bar.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}
.ag-side-bar .ag-side-buttons div button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ag-side-bar .ag-side-buttons div button span:not(.ag-icon) {
  writing-mode: tb;
  writing-mode: vertical-lr;
}
.ag-side-bar .ag-side-buttons div button .ag-icon {
  display: inline;
}
.ag-side-bar .panel-container {
  width: 180px;
}
.ag-side-bar.full-width .panel-container {
  width: 200px;
}

.ag-rtl .ag-side-bar .ag-side-buttons button span:not(.ag-icon) {
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

/**
 ****************************
 * Status Bar
 ****************************
*/
.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.ag-status-bar .ag-status-panel {
  display: inline-flex;
}
.ag-status-bar .ag-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

/**
 ****************************
 * Widgets
 ****************************
*/
.ag-group-component {
  position: relative;
  flex: 1 1 100%;
}
.ag-group-component .ag-group-component-title-bar,
.ag-group-component .ag-group-component-title {
  display: flex;
  align-items: center;
}
.ag-group-component .ag-group-component-toolbar {
  display: flex;
  align-items: center;
}
.ag-group-component .ag-group-component-container {
  display: flex;
  flex-direction: column;
}
.ag-group-component .ag-group-component-container .ag-group-subgroup {
  display: flex;
  align-self: stretch;
}
.ag-group-component .ag-column-group-icons > span {
  display: block;
}
.ag-group-component .ag-group-item {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.ag-group-component.ag-alignment-stretch .ag-group-item {
  align-items: stretch;
}
.ag-group-component.ag-alignment-start .ag-group-item {
  align-items: flex-start;
}
.ag-group-component.ag-alignment-end .ag-group-item {
  align-items: flex-end;
}
.ag-group-component.ag-disabled .ag-group-component-container {
  pointer-events: none;
}
.ag-group-component.ag-collapsed .ag-group-component-toolbar, .ag-group-component.ag-collapsed .ag-group-component-container {
  display: none;
}

.ag-toggle-button .ag-input-wrapper .ag-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ag-input-field input, .ag-input-field select, .ag-input-field textarea {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-picker-field > .ag-wrapper, .ag-slider > .ag-wrapper, .ag-angle-select > .ag-wrapper {
  display: flex;
}
.ag-picker-field > .ag-wrapper > div, .ag-slider > .ag-wrapper > div, .ag-angle-select > .ag-wrapper > div {
  flex: 1 1 auto;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}
.ag-angle-select .ag-angle-select-field .ag-parent-circle {
  display: block;
  position: relative;
}
.ag-angle-select .ag-angle-select-field .ag-child-circle {
  position: absolute;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}
.ag-picker-field > .ag-wrapper > button {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
}

.ag-color-picker > .ag-wrapper {
  align-items: stretch;
  overflow: hidden;
}
.ag-color-picker button {
  cursor: pointer;
}

.ag-labeled.ag-label-align-right label {
  order: 1;
}
.ag-labeled.ag-label-align-right > div {
  flex: none;
}
.ag-labeled.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-labeled.ag-label-align-top > div {
  align-self: stretch;
}

.ag-color-panel {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.ag-color-panel .ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  cursor: default;
}
.ag-color-panel .ag-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ag-color-panel .ag-spectrum-val {
  cursor: pointer;
}
.ag-color-panel .ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}
.ag-color-panel .ag-spectrum-hue {
  cursor: default;
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.ag-color-panel .ag-spectrum-alpha {
  cursor: default;
}
.ag-color-panel .ag-spectrum-hue-background {
  width: 100%;
  height: 100%;
}
.ag-color-panel .ag-spectrum-alpha-background {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  width: 100%;
  height: 100%;
}
.ag-color-panel .ag-hue-alpha {
  cursor: pointer;
}
.ag-color-panel .ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}
.ag-color-panel .ag-spectrum-text-value {
  display: inline-block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}
.ag-color-panel .ag-spectrum-text-value:focus {
  outline: none;
  outline-offset: 0;
}
.ag-color-panel .ag-recent-colors {
  display: flex;
}
.ag-color-panel .ag-recent-colors > div {
  cursor: pointer;
}

.ag-ltr .ag-toolpanel-indent-1 {
  padding-left: 10px;
}

.ag-rtl .ag-toolpanel-indent-1 {
  padding-right: 10px;
}

.ag-ltr .ag-row-group-indent-1 {
  padding-left: 10px;
}

.ag-rtl .ag-row-group-indent-1 {
  padding-right: 10px;
}

.ag-ltr .ag-toolpanel-indent-2 {
  padding-left: 20px;
}

.ag-rtl .ag-toolpanel-indent-2 {
  padding-right: 20px;
}

.ag-ltr .ag-row-group-indent-2 {
  padding-left: 20px;
}

.ag-rtl .ag-row-group-indent-2 {
  padding-right: 20px;
}

.ag-ltr .ag-toolpanel-indent-3 {
  padding-left: 30px;
}

.ag-rtl .ag-toolpanel-indent-3 {
  padding-right: 30px;
}

.ag-ltr .ag-row-group-indent-3 {
  padding-left: 30px;
}

.ag-rtl .ag-row-group-indent-3 {
  padding-right: 30px;
}

.ag-ltr .ag-toolpanel-indent-4 {
  padding-left: 40px;
}

.ag-rtl .ag-toolpanel-indent-4 {
  padding-right: 40px;
}

.ag-ltr .ag-row-group-indent-4 {
  padding-left: 40px;
}

.ag-rtl .ag-row-group-indent-4 {
  padding-right: 40px;
}

.ag-ltr .ag-toolpanel-indent-5 {
  padding-left: 50px;
}

.ag-rtl .ag-toolpanel-indent-5 {
  padding-right: 50px;
}

.ag-ltr .ag-row-group-indent-5 {
  padding-left: 50px;
}

.ag-rtl .ag-row-group-indent-5 {
  padding-right: 50px;
}

.ag-ltr .ag-toolpanel-indent-6 {
  padding-left: 60px;
}

.ag-rtl .ag-toolpanel-indent-6 {
  padding-right: 60px;
}

.ag-ltr .ag-row-group-indent-6 {
  padding-left: 60px;
}

.ag-rtl .ag-row-group-indent-6 {
  padding-right: 60px;
}

.ag-ltr .ag-toolpanel-indent-7 {
  padding-left: 70px;
}

.ag-rtl .ag-toolpanel-indent-7 {
  padding-right: 70px;
}

.ag-ltr .ag-row-group-indent-7 {
  padding-left: 70px;
}

.ag-rtl .ag-row-group-indent-7 {
  padding-right: 70px;
}

.ag-ltr .ag-toolpanel-indent-8 {
  padding-left: 80px;
}

.ag-rtl .ag-toolpanel-indent-8 {
  padding-right: 80px;
}

.ag-ltr .ag-row-group-indent-8 {
  padding-left: 80px;
}

.ag-rtl .ag-row-group-indent-8 {
  padding-right: 80px;
}

.ag-ltr .ag-toolpanel-indent-9 {
  padding-left: 90px;
}

.ag-rtl .ag-toolpanel-indent-9 {
  padding-right: 90px;
}

.ag-ltr .ag-row-group-indent-9 {
  padding-left: 90px;
}

.ag-rtl .ag-row-group-indent-9 {
  padding-right: 90px;
}

.ag-ltr .ag-toolpanel-indent-10 {
  padding-left: 100px;
}

.ag-rtl .ag-toolpanel-indent-10 {
  padding-right: 100px;
}

.ag-ltr .ag-row-group-indent-10 {
  padding-left: 100px;
}

.ag-rtl .ag-row-group-indent-10 {
  padding-right: 100px;
}

.ag-ltr .ag-toolpanel-indent-11 {
  padding-left: 110px;
}

.ag-rtl .ag-toolpanel-indent-11 {
  padding-right: 110px;
}

.ag-ltr .ag-row-group-indent-11 {
  padding-left: 110px;
}

.ag-rtl .ag-row-group-indent-11 {
  padding-right: 110px;
}

.ag-ltr .ag-toolpanel-indent-12 {
  padding-left: 120px;
}

.ag-rtl .ag-toolpanel-indent-12 {
  padding-right: 120px;
}

.ag-ltr .ag-row-group-indent-12 {
  padding-left: 120px;
}

.ag-rtl .ag-row-group-indent-12 {
  padding-right: 120px;
}

.ag-ltr .ag-toolpanel-indent-13 {
  padding-left: 130px;
}

.ag-rtl .ag-toolpanel-indent-13 {
  padding-right: 130px;
}

.ag-ltr .ag-row-group-indent-13 {
  padding-left: 130px;
}

.ag-rtl .ag-row-group-indent-13 {
  padding-right: 130px;
}

.ag-ltr .ag-toolpanel-indent-14 {
  padding-left: 140px;
}

.ag-rtl .ag-toolpanel-indent-14 {
  padding-right: 140px;
}

.ag-ltr .ag-row-group-indent-14 {
  padding-left: 140px;
}

.ag-rtl .ag-row-group-indent-14 {
  padding-right: 140px;
}

.ag-ltr .ag-toolpanel-indent-15 {
  padding-left: 150px;
}

.ag-rtl .ag-toolpanel-indent-15 {
  padding-right: 150px;
}

.ag-ltr .ag-row-group-indent-15 {
  padding-left: 150px;
}

.ag-rtl .ag-row-group-indent-15 {
  padding-right: 150px;
}

.ag-ltr .ag-toolpanel-indent-16 {
  padding-left: 160px;
}

.ag-rtl .ag-toolpanel-indent-16 {
  padding-right: 160px;
}

.ag-ltr .ag-row-group-indent-16 {
  padding-left: 160px;
}

.ag-rtl .ag-row-group-indent-16 {
  padding-right: 160px;
}

.ag-ltr .ag-toolpanel-indent-17 {
  padding-left: 170px;
}

.ag-rtl .ag-toolpanel-indent-17 {
  padding-right: 170px;
}

.ag-ltr .ag-row-group-indent-17 {
  padding-left: 170px;
}

.ag-rtl .ag-row-group-indent-17 {
  padding-right: 170px;
}

.ag-ltr .ag-toolpanel-indent-18 {
  padding-left: 180px;
}

.ag-rtl .ag-toolpanel-indent-18 {
  padding-right: 180px;
}

.ag-ltr .ag-row-group-indent-18 {
  padding-left: 180px;
}

.ag-rtl .ag-row-group-indent-18 {
  padding-right: 180px;
}

.ag-ltr .ag-toolpanel-indent-19 {
  padding-left: 190px;
}

.ag-rtl .ag-toolpanel-indent-19 {
  padding-right: 190px;
}

.ag-ltr .ag-row-group-indent-19 {
  padding-left: 190px;
}

.ag-rtl .ag-row-group-indent-19 {
  padding-right: 190px;
}

.ag-ltr .ag-toolpanel-indent-20 {
  padding-left: 200px;
}

.ag-rtl .ag-toolpanel-indent-20 {
  padding-right: 200px;
}

.ag-ltr .ag-row-group-indent-20 {
  padding-left: 200px;
}

.ag-rtl .ag-row-group-indent-20 {
  padding-right: 200px;
}

.ag-ltr .ag-toolpanel-indent-21 {
  padding-left: 210px;
}

.ag-rtl .ag-toolpanel-indent-21 {
  padding-right: 210px;
}

.ag-ltr .ag-row-group-indent-21 {
  padding-left: 210px;
}

.ag-rtl .ag-row-group-indent-21 {
  padding-right: 210px;
}

.ag-ltr .ag-toolpanel-indent-22 {
  padding-left: 220px;
}

.ag-rtl .ag-toolpanel-indent-22 {
  padding-right: 220px;
}

.ag-ltr .ag-row-group-indent-22 {
  padding-left: 220px;
}

.ag-rtl .ag-row-group-indent-22 {
  padding-right: 220px;
}

.ag-ltr .ag-toolpanel-indent-23 {
  padding-left: 230px;
}

.ag-rtl .ag-toolpanel-indent-23 {
  padding-right: 230px;
}

.ag-ltr .ag-row-group-indent-23 {
  padding-left: 230px;
}

.ag-rtl .ag-row-group-indent-23 {
  padding-right: 230px;
}

.ag-ltr .ag-toolpanel-indent-24 {
  padding-left: 240px;
}

.ag-rtl .ag-toolpanel-indent-24 {
  padding-right: 240px;
}

.ag-ltr .ag-row-group-indent-24 {
  padding-left: 240px;
}

.ag-rtl .ag-row-group-indent-24 {
  padding-right: 240px;
}

.ag-ltr .ag-toolpanel-indent-25 {
  padding-left: 250px;
}

.ag-rtl .ag-toolpanel-indent-25 {
  padding-right: 250px;
}

.ag-ltr .ag-row-group-indent-25 {
  padding-left: 250px;
}

.ag-rtl .ag-row-group-indent-25 {
  padding-right: 250px;
}

.ag-ltr .ag-toolpanel-indent-26 {
  padding-left: 260px;
}

.ag-rtl .ag-toolpanel-indent-26 {
  padding-right: 260px;
}

.ag-ltr .ag-row-group-indent-26 {
  padding-left: 260px;
}

.ag-rtl .ag-row-group-indent-26 {
  padding-right: 260px;
}

.ag-ltr .ag-toolpanel-indent-27 {
  padding-left: 270px;
}

.ag-rtl .ag-toolpanel-indent-27 {
  padding-right: 270px;
}

.ag-ltr .ag-row-group-indent-27 {
  padding-left: 270px;
}

.ag-rtl .ag-row-group-indent-27 {
  padding-right: 270px;
}

.ag-ltr .ag-toolpanel-indent-28 {
  padding-left: 280px;
}

.ag-rtl .ag-toolpanel-indent-28 {
  padding-right: 280px;
}

.ag-ltr .ag-row-group-indent-28 {
  padding-left: 280px;
}

.ag-rtl .ag-row-group-indent-28 {
  padding-right: 280px;
}

.ag-ltr .ag-toolpanel-indent-29 {
  padding-left: 290px;
}

.ag-rtl .ag-toolpanel-indent-29 {
  padding-right: 290px;
}

.ag-ltr .ag-row-group-indent-29 {
  padding-left: 290px;
}

.ag-rtl .ag-row-group-indent-29 {
  padding-right: 290px;
}

.ag-ltr .ag-toolpanel-indent-30 {
  padding-left: 300px;
}

.ag-rtl .ag-toolpanel-indent-30 {
  padding-right: 300px;
}

.ag-ltr .ag-row-group-indent-30 {
  padding-left: 300px;
}

.ag-rtl .ag-row-group-indent-30 {
  padding-right: 300px;
}

.ag-ltr .ag-toolpanel-indent-31 {
  padding-left: 310px;
}

.ag-rtl .ag-toolpanel-indent-31 {
  padding-right: 310px;
}

.ag-ltr .ag-row-group-indent-31 {
  padding-left: 310px;
}

.ag-rtl .ag-row-group-indent-31 {
  padding-right: 310px;
}

.ag-ltr .ag-toolpanel-indent-32 {
  padding-left: 320px;
}

.ag-rtl .ag-toolpanel-indent-32 {
  padding-right: 320px;
}

.ag-ltr .ag-row-group-indent-32 {
  padding-left: 320px;
}

.ag-rtl .ag-row-group-indent-32 {
  padding-right: 320px;
}

.ag-ltr .ag-toolpanel-indent-33 {
  padding-left: 330px;
}

.ag-rtl .ag-toolpanel-indent-33 {
  padding-right: 330px;
}

.ag-ltr .ag-row-group-indent-33 {
  padding-left: 330px;
}

.ag-rtl .ag-row-group-indent-33 {
  padding-right: 330px;
}

.ag-ltr .ag-toolpanel-indent-34 {
  padding-left: 340px;
}

.ag-rtl .ag-toolpanel-indent-34 {
  padding-right: 340px;
}

.ag-ltr .ag-row-group-indent-34 {
  padding-left: 340px;
}

.ag-rtl .ag-row-group-indent-34 {
  padding-right: 340px;
}

.ag-ltr .ag-toolpanel-indent-35 {
  padding-left: 350px;
}

.ag-rtl .ag-toolpanel-indent-35 {
  padding-right: 350px;
}

.ag-ltr .ag-row-group-indent-35 {
  padding-left: 350px;
}

.ag-rtl .ag-row-group-indent-35 {
  padding-right: 350px;
}

.ag-ltr .ag-toolpanel-indent-36 {
  padding-left: 360px;
}

.ag-rtl .ag-toolpanel-indent-36 {
  padding-right: 360px;
}

.ag-ltr .ag-row-group-indent-36 {
  padding-left: 360px;
}

.ag-rtl .ag-row-group-indent-36 {
  padding-right: 360px;
}

.ag-ltr .ag-toolpanel-indent-37 {
  padding-left: 370px;
}

.ag-rtl .ag-toolpanel-indent-37 {
  padding-right: 370px;
}

.ag-ltr .ag-row-group-indent-37 {
  padding-left: 370px;
}

.ag-rtl .ag-row-group-indent-37 {
  padding-right: 370px;
}

.ag-ltr .ag-toolpanel-indent-38 {
  padding-left: 380px;
}

.ag-rtl .ag-toolpanel-indent-38 {
  padding-right: 380px;
}

.ag-ltr .ag-row-group-indent-38 {
  padding-left: 380px;
}

.ag-rtl .ag-row-group-indent-38 {
  padding-right: 380px;
}

.ag-ltr .ag-toolpanel-indent-39 {
  padding-left: 390px;
}

.ag-rtl .ag-toolpanel-indent-39 {
  padding-right: 390px;
}

.ag-ltr .ag-row-group-indent-39 {
  padding-left: 390px;
}

.ag-rtl .ag-row-group-indent-39 {
  padding-right: 390px;
}

.ag-ltr .ag-toolpanel-indent-40 {
  padding-left: 400px;
}

.ag-rtl .ag-toolpanel-indent-40 {
  padding-right: 400px;
}

.ag-ltr .ag-row-group-indent-40 {
  padding-left: 400px;
}

.ag-rtl .ag-row-group-indent-40 {
  padding-right: 400px;
}

.ag-ltr .ag-toolpanel-indent-41 {
  padding-left: 410px;
}

.ag-rtl .ag-toolpanel-indent-41 {
  padding-right: 410px;
}

.ag-ltr .ag-row-group-indent-41 {
  padding-left: 410px;
}

.ag-rtl .ag-row-group-indent-41 {
  padding-right: 410px;
}

.ag-ltr .ag-toolpanel-indent-42 {
  padding-left: 420px;
}

.ag-rtl .ag-toolpanel-indent-42 {
  padding-right: 420px;
}

.ag-ltr .ag-row-group-indent-42 {
  padding-left: 420px;
}

.ag-rtl .ag-row-group-indent-42 {
  padding-right: 420px;
}

.ag-ltr .ag-toolpanel-indent-43 {
  padding-left: 430px;
}

.ag-rtl .ag-toolpanel-indent-43 {
  padding-right: 430px;
}

.ag-ltr .ag-row-group-indent-43 {
  padding-left: 430px;
}

.ag-rtl .ag-row-group-indent-43 {
  padding-right: 430px;
}

.ag-ltr .ag-toolpanel-indent-44 {
  padding-left: 440px;
}

.ag-rtl .ag-toolpanel-indent-44 {
  padding-right: 440px;
}

.ag-ltr .ag-row-group-indent-44 {
  padding-left: 440px;
}

.ag-rtl .ag-row-group-indent-44 {
  padding-right: 440px;
}

.ag-ltr .ag-toolpanel-indent-45 {
  padding-left: 450px;
}

.ag-rtl .ag-toolpanel-indent-45 {
  padding-right: 450px;
}

.ag-ltr .ag-row-group-indent-45 {
  padding-left: 450px;
}

.ag-rtl .ag-row-group-indent-45 {
  padding-right: 450px;
}

.ag-ltr .ag-toolpanel-indent-46 {
  padding-left: 460px;
}

.ag-rtl .ag-toolpanel-indent-46 {
  padding-right: 460px;
}

.ag-ltr .ag-row-group-indent-46 {
  padding-left: 460px;
}

.ag-rtl .ag-row-group-indent-46 {
  padding-right: 460px;
}

.ag-ltr .ag-toolpanel-indent-47 {
  padding-left: 470px;
}

.ag-rtl .ag-toolpanel-indent-47 {
  padding-right: 470px;
}

.ag-ltr .ag-row-group-indent-47 {
  padding-left: 470px;
}

.ag-rtl .ag-row-group-indent-47 {
  padding-right: 470px;
}

.ag-ltr .ag-toolpanel-indent-48 {
  padding-left: 480px;
}

.ag-rtl .ag-toolpanel-indent-48 {
  padding-right: 480px;
}

.ag-ltr .ag-row-group-indent-48 {
  padding-left: 480px;
}

.ag-rtl .ag-row-group-indent-48 {
  padding-right: 480px;
}

.ag-ltr .ag-toolpanel-indent-49 {
  padding-left: 490px;
}

.ag-rtl .ag-toolpanel-indent-49 {
  padding-right: 490px;
}

.ag-ltr .ag-row-group-indent-49 {
  padding-left: 490px;
}

.ag-rtl .ag-row-group-indent-49 {
  padding-right: 490px;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}
.ag-ltr .ag-header-cell-resize {
  right: -4px;
}
.ag-ltr .ag-pinned-right-header .ag-header-cell-resize {
  left: -4px;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-header-cell-resize {
  left: -4px;
}
.ag-rtl .ag-pinned-left-header .ag-header-cell-resize {
  right: -4px;
}
.ag-rtl .ag-group-component .ag-column-group-icons .ag-column-group-closed-icon {
  transform: rotate(180deg);
}
.ag-rtl .ag-filter-toolpanel-instance .ag-filter-toolpanel-header .ag-icon-tree-closed {
  transform: rotate(180deg);
}
.ag-rtl .ag-primary-cols-header-panel .ag-icon-tree-closed,
.ag-rtl .ag-filter-toolpanel-header.ag-filter-header .ag-icon-tree-closed {
  transform: rotate(180deg);
}
.ag-rtl .ag-header-group-cell .ag-header-icon.ag-header-expand-icon-expanded,
.ag-rtl .ag-header-group-cell .ag-header-icon.ag-header-expand-icon-collapsed,
.ag-rtl .ag-cell-wrapper .ag-group-contracted {
  transform: rotate(180deg);
}

@media print {
  .ag-body-viewport {
    display: block;
  }
  .ag-row {
    page-break-inside: avoid;
  }
}
.ag-body .ag-pinned-left-cols-viewport, .ag-body .ag-body-viewport, .ag-body .ag-pinned-right-cols-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-chart {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ag-chart .ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}
.ag-chart .ag-chart-components-wrapper .ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}
.ag-chart .ag-chart-components-wrapper .ag-chart-canvas-wrapper canvas {
  display: block;
}
.ag-chart .ag-chart-components-wrapper .ag-chart-menu {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ag-chart:not(.ag-has-menu):hover .ag-chart-menu, .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-chart.bp3-menu-item:not(.ag-has-menu) .ag-chart-menu {
  opacity: 1;
  pointer-events: all;
}
.ag-chart .ag-chart-docked-container {
  position: relative;
  width: 0;
  min-width: 0;
  transition: min-width 0.4s;
}
.ag-chart .ag-chart-docked-container .ag-panel {
  border-width: 0 0 0 1px;
}

.ag-chart-tabbed-menu > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ag-chart-tabbed-menu .ag-tab-header {
  flex: none;
  user-select: none;
  cursor: default;
}
.ag-chart-tabbed-menu .ag-tab-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
}
.ag-chart-tabbed-menu .ag-tab-body > div {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.ag-chart-tabbed-menu .ag-tab-body {
  overflow: hidden;
}
.ag-chart-tabbed-menu .ag-chart-settings {
  overflow-x: hidden;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar {
  width: 100%;
  display: flex;
  height: 30px;
  align-items: center;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
  opacity: 0.2;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item.ag-selected {
  opacity: 1;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-prev-btn,
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-next-btn {
  position: relative;
  flex: none;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-prev-btn button,
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-next-btn button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component {
  flex: none;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component-container {
  flex-direction: row;
  flex-wrap: wrap;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component-container .ag-chart-mini-thumbnail {
  flex: none;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper.ag-animating, .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail {
  cursor: pointer;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail canvas {
  display: block;
}
.ag-chart-tabbed-menu .ag-chart-data-wrapper,
.ag-chart-tabbed-menu .ag-chart-format-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  user-select: none;
}
.ag-chart-tabbed-menu .ag-chart-data-wrapper > div,
.ag-chart-tabbed-menu .ag-chart-format-wrapper > div {
  display: flex;
  margin: 0;
  padding-bottom: 2px;
}
.ag-chart-tabbed-menu .ag-chart-data-wrapper > div:not(:first-child),
.ag-chart-tabbed-menu .ag-chart-format-wrapper > div:not(:first-child) {
  margin-top: 0;
}
.ag-chart-tabbed-menu .ag-chart-format-wrapper {
  overflow-x: hidden;
}
.ag-chart-tabbed-menu .ag-chart-format-wrapper .ag-group-component .ag-group-subgroup {
  justify-content: space-between;
}

.ag-chart .ag-chart-canvas-wrapper.ag-chart-empty > canvas {
  visibility: hidden;
}
.ag-chart .ag-chart-canvas-wrapper.ag-chart-empty .ag-chart-empty-text {
  display: flex;
}
.ag-chart .ag-chart-empty-text {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ag-chart .ag-chart-menu {
  opacity: 0;
  pointer-events: none;
}
.ag-chart .ag-chart-menu > span {
  opacity: 0.5;
  line-height: 24px;
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin: 2px 0;
  cursor: pointer;
}
.ag-chart .ag-chart-menu > span:hover, .ag-chart .bp3-submenu .ag-chart-menu.bp3-popover-target.bp3-popover-open > span.bp3-menu-item, .bp3-submenu .ag-chart .ag-chart-menu.bp3-popover-target.bp3-popover-open > span.bp3-menu-item {
  border-radius: 5px;
}
.ag-chart .ag-chart-docked-container {
  min-width: 0;
  width: 0;
}

.ag-chart-tabbed-menu .ag-tab-body {
  padding: 0;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar {
  padding: 0 10px;
  user-select: none;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector {
  padding: 0 10px;
}
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
  cursor: pointer;
}

.ag-grid-height-fix {
  height: calc(100% - 34px) !important;
  overflow: auto;
  min-height: 200px;
}

.ag-grid-height-fix2 {
  height: calc(50% - 15px) !important;
  overflow: auto;
}

.ag-grid-height-fix3 {
  height: calc(100% - 85px) !important;
  overflow: auto;
  min-height: 200px;
}

.ag-grid-height-fix-history {
  height: calc(100% - 120px) !important;
  overflow: auto;
}

.ag-grid-full-height {
  height: 100% !important;
  overflow: auto;
}

@font-face {
  font-family: "agGridBalham";
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABiwAAsAAAAALDAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAn0AAATCahlq/09TLzIAAAOIAAAAPgAAAFZWTFJ+Y21hcAAAA8gAAAINAAAF1HcMY7RnbHlmAAAF2AAADvMAABlsXuKk82hlYWQAABTMAAAALwAAADZ2zsSBaGhlYQAAFPwAAAAbAAAAJAfTBDNobXR4AAAVGAAAABIAAAEsv2gAAGxvY2EAABUsAAAAcQAAAJg8aUIQbWF4cAAAFaAAAAAfAAAAIAFhAHVuYW1lAAAVwAAAATUAAAJG0OP3eXBvc3QAABb4AAABtgAAAo9jrTZLeJx9lLtyE0EQRe9q18YP+YExBgSYNxiDDSy7K61lybZeCBcBAUVAkZgEqHI5ogj4AkICvoJvIOADCAiJ+AKKmJDTvTIyrjKa0mim+/ad7js9UiBpQnfVVKnTe/RE07s7b/ZUUaTiY/6D62D39csdje3v8EX+O6YgeqoZXdUzvdXXoBS8Ct4Hn0tLYTN8F34Mv4e/okwhuItaBT+p+4xEKXOsTFXVlKukUWwJ6zXVQYfM626d02mNuKernk5xakJMzxmXta2bmoWn7TwtbYLKGMbZYu4zlsnuaESuW/BXyaapIs9z5HlC43pAji3yaBBdxzuHb4uTY2La+NqaB2+oyJXs6znznNdmkdUBLuObqOP72HdlVNhHrcNfg9/4Vjh1317jpJSIO7BXQW245mc0dSRrofEyNzFJdAZHDHfDNTX2MvEpFWS6wsoqT6m8DH5Nj/XCs+oMYlqucqHJCtUN7W3ny6nzoLUBVx/sKjkMrXZjtzkr5p6s6gqYPX3QJ33RN/3QT/0OomBax7TASalXuQn/1n/VG+Psw+gu3vW/Vqt2lL44jPoXMU5GNdcnwdcbqGynlanN9MlYx1gzx0+Sp+G7ZJNzYxOcMdxH7GLPIsU2wmiyT4idHvRvnTHlyvfomhnuyzrReqeiJbCLzl90ao7252G0VZFtxXWsE3HW79HULnmVs+7J+B53j70cY7U+XtMF9IqpvuoaPsR/CYvxDi2X/QXk5FOngyLvu6732z2wOfUM87COWaTLMlS1F2H9uu1vy6Kv4S+yTHXDWbe9F5fgajjiOnVXBy9+Xie9xsbglhc8IvH4wF9t8U+ReUTd30qbrK2v+n8A5GJ1egAAAHicY2Bk6mWcwMDKwMBUxbSHgYGhB0IzPmAwZGQCijKwMjNgBQFprikMDgy6H82YXwC5UWASqBFEAADV/ApqAAB4nLXUZ1IbQRCG4VdIZGFyxpEcRJCQyDnzx2fAmcKBwpnz+Ry+w5wAf73dPgCu8lQ9++1Mzc7O7qoF1AN5mZMC1HWQ0xm5Fo3msvE8Ldl4gd/qF2miTuclLrnmNtXu7jRa4oIrblIu6/1tOc0uMsIENfX2KbPLJgdUOaXCNivssMUha6xyzDIbmnfEOevsccKZrq/T3QvaYwONum+zdtKqFdt4QDsddNJFNz300kc/AwwyxLDu94jHPOEpzzR3lDHGtYNJpjR7mhlm9UwlnReZZ0HHRfWWtNkG7tf27znfWnl386B6WtnWk28drq3qoTdqR+freydn/7DYf2hFO+R/Re859mWdPe1FKMuLsCsvw6a8CgfyOlTlTTiVt6Ei78K2XIYVuQo78j5syYdwKB/DmnwKq3IdjuUmLMvnsCFfgv0yv4Yj+RbO5XtYlx9hT36GE7kN+oAp56xuUp3DMu+szlLBWa2lemc1mBoclo0OyyaHZbPDssVZbaZWh2XR2ZdMbQ7LBw7Ldodlh8Oy02HZ5bDsdlj2OCx7HZZ9Dst+h+WAw3LQYTnksBx2WI44LB861TMpqLJJQTVOCqp2UlDdk0L2HkYdlmMOy3GH5YTDctJhOeWwnHbZO5lx2Nisw8bmHDZWcvbfmuad1VJacNk6iy7b55LD5pYdNrfisjnLDruu6rI1a46lP5OArvAAAAB4nO1Ze3Abx3m/b48ACOJ9wOEAkHgeHiRexBsiSB4kSqJJStaTpKyxLFXV0xHtWKocZSzBrh+RLVmeONJYSVpN6nQm8VgzzWSaqcbTSEnGydj01GJUN+nUcqZ/OGkiu62iVJrOGA0u/fbuAJGyGjv5u8Td7bd33367++33+O2SYRn8Y7/FfosRmDyzg2EgQASOtRJDVyxLEsQpkWpUF9HbQM+7hAAIXTEJqhybhURcjOh1Ylnk3YL20xuUH18sF/lwolStVJG3Uq3EE/RXDrOO/tVJ6OqC5Op++efyz2/XwC//KrYMgO0iJRECEBBLxGRCevrB5f8DZ+tNcJpCAavbZO/x2EJxq9Csyyegy8BbV1h5vT4QzHF+gCPsq3cTDX6lNlaJbXt5/Rc+0xatdcOyzTpr48xut9nJ9Y25LR6/VbDXG6ZBPuoy58xOm6PPE3WFxJVUVaDo6yvsV5ggwzgFQ6IqGMIOpUg4wkpRDTuUQnDMT6TPnElPgGVpKd/U6j+9+/vOd4vWH3mDdTHdWNH6EeGnxzPvvJM5LpFzx9PvvJM+Li+jw1LGdoA9wLiYAaaM/BG6HC66NAW6DiW6DoYCrbvoF2VdKvSLE+WiZJSfqMKtvVtmCsViYWbL221i78zkeDKVSo5PnqcEJJGa+Ubmm9/MfEN5sgeWsCuEtJRdoeSb7Rb4ZDpj9rAepAyMCXVadIj0rhZ58Uqj8eHhwx88+ih5UN5HJlqvNZu323zAXmOcTIJBMQMQyULZUZKgGC4EgHe4rMCGI1ZKBeg7iX7NggFQf8CWWn+e35zLbc4TtRxsNfwFP17kaaXsl7e/XfwqfPY2R15pwf61P+9vHcMHXuQZfPwGOQtfhUfuHFPq04+JDaNffNKIVrR+REY+eThydkIxlyVjYaDdvRjuDEl3t5GUFgmnnT11xyjYa4u/0nL8zhFoevg8u5vRocV6GMYIBsEIbDUIamxwuQuVMjVE8u/yjtouuQXS/Pyb3zaZvDZ3fnXebfPC6/D1Yfwg/xBG5+cliyXQG/dG8vmIN9YX6MwPLrBWxWaYmOgoGhxFB1xoNi823iMFSZ6CC8jSpYwlo/GZGJvK69RuoPeFev27knSxXm9dliRs21q4fXf8nZxhdTgfnAv1D3JavpH+xS/ScEsttTnfi37nZEQmR3tpK3q4o3wWoyUSbnxTwU9x7F2xDT6M78nf3EpNppKTaVqkJuO/jVcqykPuWp6cTMFL8r5YuYHfoKgwpOTL+CCFSlz+EWWFkXhFNhMuNZGql2O3x/0GeYP6FCzx7kVuS0KL3VGnzOM8e56JoAWXmFFmDNviamUBrYXaSgEFYdhXKtRsSiivWIZIvFQpuF16tk0424QRBCjDC/bchh0bBgc35GKR/fsjsRyld2zI2fdB4ZnWqlixOFksRtXifaPFwlksMCA3t0CRfCcSx2ZKc9u+fYvlyJfTxEJbTBZbN9USJmhTzgIvyx9tgUIap2NQ5rSHnUVrNDM8E1DmNohxJqKnpliK68phnm1XDHTQdPA6dEtYXHndF4uVolFyonXzrEr6HB5PxOslFvkvYK/c5YtGS7EYudS6SSxgo3Qpun/zZjhFeUsx3ou8Ee/0NCxTX+zfvGidtPiu5Y0icWrxHdaq8R3m77RFdCuDEchpNED5BtjJv1CLtIMdWdR1fIWtoTUOMWuZGWY7XcdqEVO7mqGpNVghoeblqpIB0DQEK9hASeS0qleMuFQFCeqQJdimUqTG7DLE0IupMdRV2xAjBhB3PMhte/XJqMXB9fpC8dH05JrzG6dXbczbnUaTyW5P10fSUm6tAPGN63fu2eZ29dUmR3YPp+HZ3BoBAodf+qs1Ym1yeE8tJS/4UvekBhNpX3IiOZggv8mz7Lrn7uuLBJJ9YS8KjnEuPjc825t1efgAP5oaTX85eF+ZbJVGXXxA39OXGt49PFmT/zG0tUwmHh5lIxF8MzJZu9o/iBJ96cRgCgumEx9eYUWml8kyw6gpBf1oKtIvVg/iGMFK2tpRNWJAbaBjo5bQkQXNS/xt14BWRx9rHvrMZw9t3VDQdFH/wRysfeHhoKaLjU+KVAETtZ212s7DO4eGdv5zcmJ6Iqk8WLEz+XVR0WpbXtuiTXxmd1edjM6tVifu9z26ns42OIQiVDn/BEkqJEnUopMXMmwGsR5mKNDm6QdDtaJNNj4KYZ1Lw3N8tayaRqXMZmDAM1b1dF8EIGDwVMa8A+Rg63K3QqGJqF/JtUTOP5zzGc1/dmrmUM3U7c2PBnLR1XWH0Zcf9eeiTw9u7s/5a3mf0aGNhzQVeza2LVrnEB3kI82q5T+ROobtls1wC31YmQO53onpTpxNL6IxUcm76NlVsVwUFt2xT6g3lfh/OwvcvdJsqH91rZS0EofTvQRDl9HnRpkVzGpm8g9F004cDY01sTvKPxI3n2s04Ij8JgzJJzqUGalbND/+cVC59Z+SJNW1e5EPkV8xfTjvaWY/zpnazhIn0iIM/QkRNf5oOwY18mi2l1Df8S6taVaJUGpDISLqDVaiNcEvWYDWi/seLxtNFs7l7f3Cjcb2uUGjyerke/tGNq+ahV73nnXb4nqj2cZNHd3+udlVa8NKpTI7to0UUoW+sNnsGRhLre6fdHsAzJbeUCqUBZLlY1GI+Mek8T4HiQX5EPklKYw+ybn5gBDgttuNlfohp9sd9AScA5wNJGJIZKdtnN1jH+esdvNAdsLGOTCGuzlUp9URjJbCfQFXyKDTd8UC4X4xGHZ5uvV10BmSQ7luTqcT+dqgQcd+zB9UtEFRCklpiONfJamNOlr/jd7Q9ulDbC9aoYP6EAIK6kasUE2g5VQTJFGHE/KR+kn5KsQXFvINeF8ONPLkRemidBLiEJevLhTQmgttWQcRxySZLUp8QBM1oLFaQVmLSh3K8UQe18YKuFAB3NvV0fVxkZwRhQtf0uXMah9oaxd+wNd5JYYqUkTiQUwY7u3p6Zvzb+6Plgx6t5czs1zM3mez2sXUsaFkcC7j8QvJ3cl7/QcGhT4hFegGQ8zLmzjaJFUFwcWBieVEa5+rx7QyGx8gq41mXe+mgbj/gN9psYzGxXEfx4oxLsonduXy0VSvYAsdyD47nA2CMYRSnxnOhQJGky64OyOgVKfVtj7rL7uUNmFn9IFMfr3T/v86uZtO1Hj3PPv8x2IwQyMWxZk6vJXohXdVqxuQxggoPTKfnofX0/Np8DabrYVmcw3SZDu+xUi8vRlEAq90ASPMdizxmn+12cH9pEVajJ7BrbEzSB3EEBsERLfV/2DfHT+08RD8g1bOX2Vp+TW10DB6hvy4vc8E9I72j820vojZTLvBW0d/qLfXPoL4QOlP60jrFn7cpXT0JbW//3q3C4uD8P132fGDmw5pbQ+QTeoehfam48Nl9kCLI9dbG7GXsxcxhmp853GPovpvGwGi26ubfaidyr53NXtqBfzdCqTeGzwFG55OXb6cehoutRbgkkrjCKmcp9gjjJtJM8uY5Qruo7EYs4xbMU+0SWqFVYkItGrQa/aKyV+xQWSjbxPxQTCCW4m6g+AOAiitMHQrUVmoxqH5wOzGh3rMyfi9k6/d98DK0eWExEIPP79iw8Sq+43GWHzTukvrZpJid/fW8akt10N6/frRsalSPgGPyb8uzg0kbQ7npbGhfvl41OTxVWqbjFKpwLu53wXZz5FS/pXte+7fsKwc493S0Nemt0yt2FWpk3TyhQ0z967PpnTJzOzkzMYXU5m3RifHG5GoQedzw1H5y/beWLxUG36bBNzy8frpFSsHMjqJHegfkYZ/16Ot/xx7FK20nxlBzSiHIUo24sWPb4bFzk4AwpE4vqoMA65fseBGRj05aLZ6g7NBr9XciAxF8IJbatl0UJTvBZNsxg2Brw5HJNwtsH7O5bFynNXj4pBJntIaXcCHwxPy4NV6OeaFC75ooxH1yVPeWCe2H8MxRxBRMNDJo7gGtKgDXS4ll9KIhH5HIV0QDHGcFajrVxXcRQXOw8bTQLp0Rn9tsLqr22b2coILAvzy1fsR0bEuPiOcxQTzb06judt+rtJfcICvWyDQTV7q7jHZrJz9J/D4acSvNnO/yWja6Qt4ep2cVX6/b8a8R6/zllM5wYQSyBftdqfVfc7Ksr3yL/WuhKfEnUV0YejmfkKn07MIK4VwJVYw48waxA33MzuZvf8HXgo73MpBoo5CpiBCa9UzeATfBlE9glOBRMwlFMsJvaFYriYBNVJEsMcXqXXH9KKBL1bjIl/8fWAKHmu9+evriHSMrW5A3BOCv+9Jz0ynjcnx/sPG9MxMumd5tOALQOstOHYUoFEvrUH09VgdLj1G+VEdQ8knvr/snid+L7z6bestvRHZr1922LEzOAo2Rbjxkf57UsSYnsZ+EB843cnA+LLHvzdVfuKjSmxH/dixCAVhAMca8HjHPtayazGeCai7Ii/yYhmjbLloQLJIz2GxSjY1mxfp0UizKTWbZBOlm3VKS01NxjX2mnJmqJ0Y2qlJhahK7XecGEZonR7sVuDWc4cPrly1auXBw2BvU88d2burNjJS27X3OhLDw0iw1+gH+cZSZmkJDyVG2mdo7bFIf9Bo7jjPVHg+7RDh23c5qfzU45anZpa2pMLuxGUUy2EKwCQoIEDDLJJgD8pXT9blI3CifjLfkAPwfiO/sIDo7upJisxOUki2sKDJmUP8YcHIzoAjjPsjlxsDVaXs0LWzBetpvbY5HyETkbz8nbnalSu1uWkU9TOIyj+jJ2cQ7ZsbvnJleA7OdM6wdeSMcqZFqkKV7ZJvKLCS7KXbLiSYO/mAnh/hPiOtbseeUssOz+vt8zEBeeTTf5s+DmPkJSQyz8JYR1aGuOgqO1EHF5Vk65Q657kPsXO47incNzHOCG6QcBeKmYseMmCkxvzkRCwVIBj0Eobb2CsBFGUJSnig/4BQaZroxFcIiRLyl7DsQ6JTKHn+Q2LPCn73pj/dFZUykvhg0hM2dPM+KQNfH1jnx1eOjHdwlnM4gkgHQ3p3765lmMOjKOCcPP8BCgQ9OQfVD4n8eYRNyB9UBJl77dm+6FQvCpoKKXLcrK6Q7t+KcurB2W39+WGc4f8CdkccOAB4nGNgZGBgAOIL59kPxPPbfGXgZn4BFIjifLyvAUEzMDC/BIkzcDAwgXgAYKgL6QB4nGNgZGBgfsHAACH//2d+ycDIgAq8AXBtBQ4AeJxjYGBgYH4x9DE9AAD62iz8AAB4nGNgAIIZDBcYnjE6MEYxLmF8xaTBFMWUxzSBaRHTG2Y25gLmA8zXmF+x1LF8Y7VjjWBdxKbAdoztATsb+wQOKY4wjhKOPo41HAc4nnCWcJ7jsuC6x83A7ca9hvsC9y8ePh4FHhMeJ55tpEMAZDotzAAAAHicY2BkYGDwZshk4GEAASYg5gJCBob/YD4DABuIAdcAeJx1jz9OwzAYxV9oWkSLEBISYsMTC1L6Z2Do2KHZO3RgcxsnbZXEkeNW6sYxOAHHYOQInIJD8BK+oUKqLTk///zeJwXALb4QoFkBrtuzWRe45O2PO6Q74ZD8KNzFAM/CPfoX4T7tTHjAZsEJQXhF84A34Qvc4F24Q/8hHJI/hbu4x7dwj/5HuI9lEAoP8BS86ix222Sm840uFibb59qdqlNeGldvbanG0ehUx6Y0TnuTqNVR1Yds4n2qUmcLNbelN3luVeXszqx9tPG+mg6HqfhobQtoZIjhsEXCP9fIseFZYAHDlz3vmq/nUuf8km2Hmt6ihMIYEUZn0zHTZdvQ8PwmbKxw5FnjwM6E1iPlPWXGsqEwbyc36Zzb0lTt245mTR9xdtOqMMWQO/2Xj5jipF9al2jJAAAAeJxtkulu2zAQhP3FkqM4SeO6bXrf96G26X2n95W+BEPRMhGJFEjKR56+RFwECND9szOD5exgwc5SZ1H9zv9rhyW6JKT0WCZjhT6rrLHOMTYYcJwhJzjJKTY5zRnOco7zXOAil7jMFa5yjevc4Ca3uM0d7nKP+zwg5yGPeMwWT3jKM57zgpe84jVveMs73vOBbT7yic984Svf+M4PfvKL3+zwp7MqytKpUgRtTU84Z6e+K7zsSWGkqlI5Fi4M5FjJvV07yw+AKjYPBW0KFZSrtRFBDQ/l1vybXJO2si5vdCSuF0lbm+VF831pTXBCBlUk0jbzVDrrfVe2ISlEEEmhvMzUrBFxR7Gi5ir3lfDjbkS9ka7i2nSknQ9J6XSTls62zfqRPEkcD0mlRqFXaRPTZIuWby1XVhTalFktZrrW+yqplWmz+OyApRG0PjHWqFVjQy6qyk5VkTbRT3UbbdJGT2xImqr1AxedbL7bhmBNbkejjaOCSZ0uxyHxYqL6vo5WeWGnJlvAtklCvM0wOKWOHjNrzSItghKHIqCxGKZ4JBVj9thlFr9AQU1Lw5wR+0w6nb+gD68QAAA=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQmoZav8AAAE4AAAEwk9TLzJWTFJ+AAAF/AAAAFZjbWFwdwxjtAAAB4AAAAXUZ2x5Zl7ipPMAAA3sAAAZbGhlYWR2zsSBAAAA4AAAADZoaGVhB9MEMwAAALwAAAAkaG10eL9oAAAAAAZUAAABLGxvY2E8aUIQAAANVAAAAJhtYXhwAWEAdQAAARgAAAAgbmFtZdDj93kAACdYAAACRnBvc3RjrTZLAAApoAAAAo8AAQAAA+gAAAAAA+gAAP//A+kAAQAAAAAAAAAAAAAAAAAAAEsAAQAAAAEAANDPqjhfDzz1AAsD6AAAAVoJ476AAAABWgnjvoAAAAAAA+kD6AAAAAgAAgAAAAAAAAABAAAASwBpAAwAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQRWAA8AJABaAHYAzAECAWgBiAG8AigDPgN6A5QD2APuBDYAAwAIACAALgABAAsAMwAzADQANQAzADIANgA3ADgAOQACAAYANAA0ADgAOgA7AAMAAwA7ADwAAgAGABIAGAAFADQAOABFAEYAFwAEADQANwBGAAMACAAqAEoAKQAQADIAQwA3ADgAQgBAAEUANgA2ADgAOQBCADgASABIACoADwAyAEMANwA4AEIAQABFADYANgA4ADkAQgA4ADkAKwAFADcAMwA+ADYAAwAIABwALgATAAkARwA1AEIAOwA9ADIAOwA+ABIACABBAEYAMgA5AEMANQBDABQAAwBHADUABAAKADAASABcADAAEgA0ADUANQBCADcAOQBDADUANgA1ADQARAA3ADkAMgA2ADUADAALADQANQA1AEIAPAA9ADgAOwA1AEMALQAJADQANQA1AEIAOABGADUAOQAvAAQANwA8AD8AAQAEABkADQA5AEMANQA2ADUANABEADcAOQAyADYANQADAAgAIAAqACQACwA4ADYAQgAyAD0APQA4ADoANQBDAAwABAA1AEEANgAjAAQAOAA5ADUABQAMACQAOgBQAGIADAALAEQAMgA9AD0AQgA0ADcAMwA+ADYALQAKAEQAMgA9AD0AQgBDADgAOgA5ABIACgBEADIAPQA9AEIAPQA1AEgANgAuAAgARAAyAD0APQBCAEUARgAsAAQAMgBKADUADAAaAEgAbgCQAKoAwADQAN4A7AD4AQQBDgAHABYAPgA1ADwAPwBAADgAQQBCADcAOQBDADUANgA1ADQARAA3ADkAMgA2ADUACAASAD4ANQA8AD8AQAA4AEEAQgBFADkAPAA+ADUAPAA/ADUAQwAGABAAPgA1ADwAPwBAADgAQQBCADwAPgA1ADwAPwA1AEMACQAMADgAPQA4ADQAQgBGADcAPAA/ADUANAAMAAoAOAA5ADYANAAyADwANgA1AEMACwAHADgAPQBFAEQAOQA7AAoABgA4AD0ARQBEADkABAAGADIAOQA8ADUAPQAFAAUAPgAyADQANgAOAAUANAA4ADsAOwANAAQAOABGAEcADwADAEUANgAEAAoAGgAoADIAHgAHADgAMgBDADcAOQAzAB0ABgA3ADkAPwA1AEMAGgAEADIAOwA2ABsABAA1AEgANgACAAYAEAAQAAQAMgA2ADIAEQAEADUAOwA8AAQACgAcAC4AOgAfAAgAMgBBADcARAA3AEkANQAhAAgANwA5ADcARAA3AEkANQAiAAUANwA5AEUAOwAgAAQANQA5AEUAAQAEADEACAA5AD0ANwA5AD8ANQBDAAUADAAeACoANgBAABIACAA0ADUASgA3ADgARQA7ACUABQAyADsANgA1ACcABQA3AEoAOAA2ACgABAA9AEUAOwAmAAMANwA5AAIABgAUABUABgA3AD0ANgA1ADQAFgAFADcANAA7ADYAAQAPADIAMwA0ADUANgA3ADkAOwA8AD0AQwBEAEUARgBIAAAAAQKNAZAABQAAAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAC3xNgPoAAAAWgPoAAAAAAABAAAAAAAAAAAAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAMAAAAsAAAABAAAAhAAAQAAAAABCgADAAEAAAAsAAMACgAAAhAABADeAAAADAAIAAIABAAtAGkAcAB68Tb//wAAAC0AYQBrAHLxAf//AAAAAAAAAAAAAAABAAwADAAcACYANgAAAEIAMgBAADwAQwA1AEgAMwA+ADcAPwA9AEQAOQA4AEYANAA7ADYARQBKADoAQQBHAEkAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAeAB8AIAAhACIADAAjACQAJQAmACcAKAASACkAKgArACwALQASAAwALgAvAAwAMAAtADEAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMkA8QzVIMz43AD89RDk4RgA0OzZFSjpBR0kAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAA8QAAAAAAAAATwAAAC0AAAAtAAAAQgAAAGEAAABhAAAAMgAAAGIAAABiAAAAQAAAAGMAAABjAAAAPAAAAGQAAABkAAAAQwAAAGUAAABlAAAANQAAAGYAAABmAAAASAAAAGcAAABnAAAAMwAAAGgAAABoAAAAPgAAAGkAAABpAAAANwAAAGsAAABrAAAAPwAAAGwAAABsAAAAPQAAAG0AAABtAAAARAAAAG4AAABuAAAAOQAAAG8AAABvAAAAOAAAAHAAAABwAAAARgAAAHIAAAByAAAANAAAAHMAAABzAAAAOwAAAHQAAAB0AAAANgAAAHUAAAB1AAAARQAAAHYAAAB2AAAASgAAAHcAAAB3AAAAOgAAAHgAAAB4AAAAQQAAAHkAAAB5AAAARwAAAHoAAAB6AAAASQAA8QEAAPEBAAAAAQAA8QIAAPECAAAAAgAA8QMAAPEDAAAAAwAA8QQAAPEEAAAABAAA8QUAAPEFAAAABQAA8QYAAPEGAAAABgAA8QcAAPEHAAAABwAA8QgAAPEIAAAACAAA8QkAAPEJAAAACQAA8QoAAPEKAAAACgAA8QsAAPELAAAACwAA8QwAAPEMAAAADAAA8Q0AAPENAAAADQAA8Q4AAPEOAAAADgAA8Q8AAPEPAAAADwAA8RAAAPEQAAAAEAAA8REAAPERAAAAEQAA8RIAAPESAAAAEgAA8RMAAPETAAAAEwAA8RQAAPEUAAAAFAAA8RUAAPEVAAAAFQAA8RYAAPEWAAAAFgAA8RcAAPEXAAAAFwAA8RgAAPEYAAAAGAAA8RkAAPEZAAAAGQAA8RoAAPEaAAAAGgAA8RsAAPEbAAAAGwAA8RwAAPEcAAAAHAAA8R0AAPEdAAAAHgAA8R4AAPEeAAAAHwAA8R8AAPEfAAAAIAAA8SAAAPEgAAAAIQAA8SEAAPEhAAAAIgAA8SIAAPEiAAAADAAA8SMAAPEjAAAAIwAA8SQAAPEkAAAAJAAA8SUAAPElAAAAJQAA8SYAAPEmAAAAJgAA8ScAAPEnAAAAJwAA8SgAAPEoAAAAKAAA8SkAAPEpAAAAEgAA8SoAAPEqAAAAKQAA8SsAAPErAAAAKgAA8SwAAPEsAAAAKwAA8S0AAPEtAAAALAAA8S4AAPEuAAAALQAA8S8AAPEvAAAAEgAA8TAAAPEwAAAADAAA8TEAAPExAAAALgAA8TIAAPEyAAAALwAA8TMAAPEzAAAADAAA8TQAAPE0AAAAMAAA8TUAAPE1AAAALQAA8TYAAPE2AAAAMQAAAAAAmADQAOYBQAFaAaQB6gIoAloCbgKQAqIC7AMGA3ADwAPWA+oEfgT2BT4FWAWiBiAGxgbgBwYHkAgaCFYIdAiOCKwIwAjkCXQJzgo4Ct4LAAtGC6wL0Av6DA4MIAw0DEIMtgy2DLYMtgy2DLYMtgy2DLYMtgy2DLYMtgy2DLYMtgy2DLYMtgy2DLYMtgy2DLYMtgy2AAMAAAAAA64DrgAXADEAXwAAAR4CFxIDDgIHBCUuAicCEz4CNyQFIgYPAQYVFBceARcEJT4BNxIDLgEnJiMiBgUjNSMVFhcWFxYXFhcWBgcGBwYHBhUzNTMVISc0NzY3PgE3Njc2JicmJyYnNSEDEShFKgEEBAEqRSj+4/7jKEUqAQQEASpFKAEd/uclOAEBAwQCNCMBHgEeIzQCCwsCNCNUaUD7AZY/+gETCyAeDhYLEAoYDyAmDhf6P/6JAQQHFQ5BDhUGBh4fMBIdAQF3A6kBKkUo/uP+4yhFKgEEBAEqRSgBHQEdKEUqAQRCNiVcoE+FaiM0AgsLAjQjAR4BHiM0AgMD+j8DDxIMFhYMExIcQhYNGB0OFxA/fQsvFSQUDDAMEw8RHBgkFCAjQwAAAAABAAAAAAOYA5gAHwAAExcHJzcXByERByc3FwcnESEnNxcHJzchETcXByc3FxHISCyTkyxIAQ1ILJOTLEgBDUgsk5MsSP7zSCyTkyxIAdVILJOTLEgBDUgsk5MsSP7zSCyTkyxI/vNILJOTLEgBDQAAAQAAAAACxgMUAAgAAAEHJzcXBycRIwHVhi3S0i2GPgKchizS0iyG/jgAAAADAAAAAANrA2sAFAApADUAAAEiBwYHBhQXFhcWMjc2NzY0JyYnJgcyFxYXFhQHBgcGJicmJyY2NzY3NhM3FwcXBycHJzcnNwH0ZldVMjMzMlVXzFdVMjMzMlVXZlVJRiorKypGSapJRiorASoqRklVpS2mpi2lpS2mpi0DazMyVVfMV1UyMzMyVVfMV1UyMz4rKkZJqklGKisBKipGSapJRior/vOmLaWlLaamLaWlLQAAAAADAAAAAAMYAxgAAwAHAAsAABMzESMTMxEjNzMVI9B9fep0dOl1dQJp/mcCSP24+voAAAAAAwAAAAAD6QPoABMAJwAtAAApASIuATURND4BMyEyHgEVERQOAQMhIg4BFREUHgEzITI+ATURNC4BBwEnNxcBAzT9gDFTMDBTMQKAMVMwMFMv/X0dMh0dMh0Cgx0yHR0yKP5ezDOZAW8wUzECgDFTMDBTMf2AMVMwA6IdMR39fB0xHR0xHQKEHTEd8f5ezDKZAXAAAAMAAAAAA+kD6AATACcAKwAAKQEiLgE1ETQ+ATMhMh4BFREUDgEDISIOARURFB4BMyEyPgE1ETQuAQMhNSEDNP2AMVMwMFMxAoAxUzAwUy/9fR0yHR0yHQKDHTIdHTJB/cQCPDBTMQKAMVMwMFMx/YAxUzADoh0xHf18HTEdHTEdAoQdMR3+LkgAAAAAAgAAAAAD6QPoABMAJwAAATIeARURFA4BIyEiLgE1ETQ+ATMFISIOARURFB4BMyEyPgE1ETQuAQM0MVMwMFMx/YAxUzAwUzECgv19HTIdHTIdAoMdMh0dMgPoMFMx/YAxUzAwUzECgDFTMEYdMR39fB0xHR0xHQKEHTEdAAMAAAAAA3gDZAAFAAgAGAAACQEHFwkBAzcfAQYHBgcGFRQWMjY1NCcmJwLr/l86Y/79AT7IyMewCwsZDxYxRTEWDxkBwgGhO2P+/f7DAT3IyD4NDR4bJhkiMTEiGSUcHgAAAAACAAAAAAG2Aw4AAwAHAAAlIxEzBxEzEQG2+vq8fdsCMj7+SgG2AAAABAAAAAADLQMOAAMABwALAA8AACUjETMTIxEzEyMRMwEjETMBtj8/uz4+vD8//c0+PtsCMv3OAjL9zgIy/c4CMgAAAAABAAAAAAKTAwUABQAACQEnNyc3ApL+8Czk5CwB9P7wLOTkLAADAAAAAANNA2sAEwAjADAAACUjIi4BNRE0PgE7ATIeARURFA4BAyMiBhURFBY7ATI2NRE0JgEjETQ+ATMhFSEiBhUCrfQrSSsqSSz0K0krK0km/CY2Nib8JjY2/gRAKkkrAZX+ZyU1fStJKwEzK0krK0kr/s0rSSsCMjYm/sQmNjYmATwmNv4MAhIrSCs/NSUAAAAAAQAAAAACxgLGAAsAAAE3FwcXBycHJzcnNwH0pS2mpi2lpS2mpi0CIKYtpaUtpqYtpaUtAAUAAAAAA6oDqgAiACsANAA9AEIAAAE2NTQuASIOARQeATMyNxcHJiMiDgEUHgEyPgE1NCc3ATM1ASImNDYyFhQGAyImNDYyFhQGEyImNDYyFhQGCQEXATUBjRAwUF9QLy9QMCUiaGgiJTBQLy9QX1AwEGcBMoT9RCUzM0kzMyQlMzNJMzPiCQ0NEg0NASn++lcBMwKzIiYvUDAwUF9QLw9nZxAwUF9QLy9QMCUiaP7NLAINM0kzM0kz/fMzSTMzSTMBSA0SDQ0SDQGg/vlXATIsAAAABwAAAAADZQNWAAgADAAVAB4AIgArAC8AABMiBhQWMjY0JgU1IRUDIgYUFjI2NCYHMhYUBiImNDYFITUhATIWFAYiJjQ2BSE1IcIaJSU0JCQCif3zlholJTQkJBoRGBgiGRkCDf6aAWb+BBokJDQlJQK9/fMCDQEPJDQlJTQkaFNTAYwlNCQkNCUVGSIZGSIZVFQBOCU0JCQ0JWhTAAAAAAEAAAAAAsYDFAAIAAABNxcHJzcXETMCE4Yt0tIthj4BTIYs0tIshgHIAAAAAQAAAAACkwMFAAUAAAEHFwcJAQKS5OQs/vABEALY5OQsARABEAAAAAUAAAAAA6cDOgAjADkATABVAF4AAAE2NzMeAhcHBgcGBwYHFwcnDgEnJicmJyYnNzY3Njc2Nyc3Fw4BDwEWFxYXFjc2NycGIyIuATU0NwE+AT8BLgIGBxc2MzIeARUUByUGFRQeATMyPwE2NTQuASMiBwEjX2kSXKmBJA0REhsaICY9LElLqlFURFExEBMJCwsQECw/PCw+MEwXASZRT2FlXBYUHDpJPGQ7LAGHMEsXAR50lZ9LIzpJO2U6K/7OGitHKy8nLBoqSCovJwLxMQMDTohYHCIeKhwhGT0sSSUSFBUwO1YbLhQYFR4VPSs9LJcfWDUCWT49FBUeBgocKztkO0k6/tEgWTUCSG49AyIiKztkPEk62igvKkgqGiwnLytIKhoAAAAABAAAAAADpwMjABsALgA7AEwAAAEeAhcHBgcGBwYHBicmJyYnJic3Njc2Nz4BNxcOAg8BFhcWFxY3PgE/AS4CBzIeARQOASIuATQ+ARc1NC4BIg4BHQEUHgEyPgE1Af1cqYEkDRESGxpLbWpvcllQMhATCQsLEBA/wGwBTI1uHwEmUU9hZVxRgSMBHnSVSDphOjphdGE5OWHWKkhUSCoqSFRIKgMjA06IWBwiHiocTiQjDg9AOlcbLhQYFR4VVWQEPwI9bEUCWT49FBUdGnVPAkhuPR85YXRhOjphdGE50wEqSCoqSCoCKkgqKkgqAAAAAgAAAAADLQMtABcAKwAAAQYHBgcGBwYdAQc3NicmJyYnJicmPQEhBRQXFhcWFxYXFTc1Njc2NzY3NjUDLQEpGEI3GAi8AQECAQcYNkIZKQJx/c0IGDZCGSkBPgEpGEI3GAgC6CcwHTswGgkMc4xVcjoLCBkxPR4wJEU/EQkaMT0dMCSDL1MoMB06MRoJEQAAAgAAAAAC+gMFAAUACQAAAQcXBwkBBREjEQL55OQs/vABEP5gPgLY5OQsARABEBb+DAH0AAwAAAAAAy0C7gADAAcACwAPABMAFwAbAB8AIwAnACsALwAANyM1MxcjNTMXIzUzFyM1MyUjNTMXIzUzFyM1MxcjNTMlIzUzFyM1MxcjNTMXIzUz+j4+vD8/uz4+vD8//c0+Prw/P7s+Prw/P/3NPj68Pz+7Pj68Pz/6fX19fX19fT99fX19fX19Pn19fX19fX0AAAAIAAAAAAOuA64AFwAxADUAOQA9AEEARQBJAAABHgIXEgMOAgcEJS4CJwITPgI3JAUiBg8BBhUUFx4BFwQlPgE3EgMuAScmIyIGEyM1MwUhNSElIzUzBSE1ISUjNTMFITUhAxEoRSoBBAQBKkUo/uP+4yhFKgEEBAEqRSgBHf7nJTgBAQMEAjQjAR4BHiM0AgsLAjQjVGlA+5x9fQF3/scBOf6JfX0Bd/7HATn+DH19AfT+SgG2A6kBKkUo/uP+4yhFKgEEBAEqRSgBHQEdKEUqAQRCNiVcoE+FaiM0AgsLAjQjAR4BHiM0AgMD/e0+Pj4/Pj4+Pz4+PgAAAAAEAAAAAAOnAucAHAA5AFQAaAAAARYXFhcHBgcGBwYHBicmJyYnNzY3Njc2NzY3NjcXIgcGBwYHFxYXFhcWFxY3Njc2NycmJyYnJicmJxcWFxYXFhUUBwYHBgcGJy4BJyYnJjc2NzY3NhciIwYHDgIWFxY3Njc2LgEnLgEB/ZBnfjUJCw0SFBkbhfB9XmwvCQsOExUbHDxTRFYBGxZlTlwmBgkMDxJKe152VkRMIQYJDA8SNlZCXAIyKzIcIQwMGClCK0UoSRYYAQEMDRsgKyAuAQIuFSUkASIdQj5GHBECJR8VIALmAjI9gRIWFR4XHhJeEAk2P3ITFhYfGB4TKRIPAT4CBycuVA8SEBgQRhIOEAwpLkgPEhEXETMWEgEdAQ4RHyQ0IRweFCAHBQYEJR4hKCMfIRQYCAY/AQUHKjkwCBIFBSMVOi8HBQMAAAIAAAAAAvoDBQAFAAkAAAkBJzcnNwEjETMCK/7wLOTkLAHePj4B9P7wLOTkLP32AfQAAAACAAAAAANyAxsACAARAAABByEVIRcHCQEDFzcnITUhNycCJz8Bif53P4r+2gEmzs4xfQHi/h59MQKQPrw+igEmASb+2s4yfT59MgAAAgAAAAADcQNrACoAVwAAAQYHFx4BBwYPAQ4BJy4BJyY2PwE1JicxBwYHDgEXFhceATc2PwE+AScmJxMiBg8BDgEXFhc3NjcnLgE3Nj8BPgEXHgEHFAYPARcWFzE3Njc+AScuAScmIwIYCQEHIRsKChxsHVMoJDQHBhYZEgwDEiUQHA8OECMrfDkqH2wtGB0XKmQqTR1rLxccFyseCAEHJRkVCxJsHVMoKzcBFxQSAQsDEiMOHBQKC0MuJikCRQkMBRtSKSYdax0TDQ09JiNGGhIDIyUSJBUnYzAxJCsbFw8gay6HOy4fAQkgHWsvhDswIB4JCwUfZC0XEmwdEw4PTy4dNRQSAyMlEiETJF0tMU8TEAAAAgAAAAADcQNrACoAVwAAAQYHFx4BBwYPAQ4BJy4BJyY2PwE1JicxBwYHDgEXFhceATc2PwE+AScmJxMiBg8BDgEXFhc3NjcnLgE3Nj8BPgEXHgEHFAYPARcWFzE3Njc+AScuAScmIwIYCQEHIRsKChxsHVMoJDQHBhYZEgwDEiUQHA8OECMrfDkqH2wtGB0XKmQqTR1rLxccFyseCAEHJRkVCxJsHVMoKzcBFxQSAQsDEiMOHBQKC0MuJikCRQkMBRtSKSYdax0TDQ09JiNGGhIDIyUSJBUnYzAxJCsbFw8gay6HOy4fAQkgHWsvhDswIB4JCwUfZC0XEmwdEw4PTy4dNRQSAyMlEiETJF0tMU8TEAAACAAAAAADiwOLAAMABwALAA8AEwAXABsAHwAAJSM1MycHJzcFByc3JSM1MwUjNTM3Byc3BQcnNwcjNTMCEz4+cMgsyAHCLMgsARn6+v3O+vpLLMgsAl7ILMj6Pj5e+h/ILMjILMgsMj4+Pl4syCwsyCzIqfoAAAAAAgAAAAAC/QL9AAYADQAAEx8BJzcnByUvARcHFzfsA9lGclFyAcsD2UZyUXIByNoDRnJRcp7aA0ZyUXIAAwAAAAADLQLPAAMABwALAAABITUhNSE1ITUhNSEDLf2PAnH9jwJx/Y8CcQEZP30+fT8AAAIAAAAAAyIDIwAGAA0AACUvARcHFzcTHwEnNycHAc8E2UZyUXKRA9lGclFy8tkERnJRcQG/2QNGcVJyAAIAAAAAA2sCUgADAAcAAAEhNSEFFSE1A2v9EgLu/VECcQGWvD8+PgACAAAAAAOqAw4ACAARAAABNxcHJzcXETMBIxEHJzcXBycBOowu29oujEEBtUGMLtvbL4wBUIMrzc0rgwG9/c4BvYMrzc0rgwAGAAAAAAOCA3cAFgAsADgAQABMAFUAAAEWFx4BFxYHBgcOAScmJy4BNzY3PgIXBgcOAQcGFxYXHgE3Njc2Jy4BJyYjFxYHDgEHBicmLwEJARY2NzY3Ni8BFh8BAS4BNzY3NjcXBgcGBwYXNyYB+l1WUW0KDComTUm4WF1DPUACAiUgbotBUEhEWwkJJSZSTr1OVSojCAhZRkpX7iAGBk89Qko0MScBev7vM2wpKg8RE71COSj+hiQLGBo2OlIJPjQyFRYS/x8DdgI0MadeZVtQODUlFRY+OZ5UV0pBYzY/AiwqjVBVTU8uKwUqLVZJVVGQKy3JPUlGfSIkBwUaFgF7/pcQGyUmNDo7zAIeFv6GP5JBQyktBT4DKSg8Pjv/CgADAAAAAANsA3sAHwAoADwAAAE0JyYnJiIHBgcGFSMiDgEVERQeATMhMj4BNRE0LgEjBzIWFAYiJjQ2ASEiJjURNDY7ARUhNTMyFhURFAYCcQwOGR9WHxkODH0iOSIiOSIB9CI5IiI5IvoRGRkiGRkBC/4MGiQkGj8Bdz4aJSUDHRIUGA4SEg4YFBIiOSL+SiI5IiI5IgG2IjkiERggGBggGP2gJRkBthokfX0kGv5KGSUAAAACAAAAAAN8A3sAIgA9AAABJzc2NzY3Njc2FzcmNzY3Nj8BAQcGJwcXFhcWBwYPAScHJwEGBwYfAQcmBwYHATc2NzYvATcXFjMWNzY3JwFRkgECBAUJHTovN2MIDwwZEhcUAR4VQEVoAQECAxQVLReW5CwB5RMJDAgQnDYoMhEBGggXAgEIApUICgsPDhIQ1AF+kgkLCw8MKAsJC2EaHhgbExIO/uIcVQxlBgUZNSswFwuW5CwCjxAQEw4WnA4DAxv+5gYUJxg0EpYEBAEHCBLUAAAAAAoAAAAAA64DrgAXACAAKABBAEYASwBUAFsAYQBmAAABHgIXEgMOAgcEJS4CJwITPgI3JAUhERY3PgE3NgUUFx4BHwE1AQcnNxcHJxUUDgEHIxcHJzcXBxY3Njc2NyUUFzM1JwYHMzU3KgEGDwEzNTMlFTMnLgEnJQYjBxUzNyYjFTMDEShFKgEEBAEqRSj+4/7jKEUqAQQEASpFKAEdAXr9x+/uIzQCCf0IAQI0IyABugosVVQsCSpGKHQJLFVVLApAJDIaHgH9yQF8ewEBfT80SzgBAXo/Ab16AQI0I/7iHDkqf784R38DqQEqRSj+4/7jKEUqAQQEASpFKAEdAR0oRSoBBPz9yQYJAjQj7s0RECM0AgF7AQ8JLFVVLAlwKEcrAgksVFUsCgEFBxMWKh5GOH6+SjV/+TYlXz98fCIjNAIDAQF8fQF+AAAAAgAAAAADTANMAAsAFwAAATMVIxUjNSM1MzUzBxUjFTMVMzUzNSM1AlL6+rz6+rx9+vo++voCUrz6+rz6P/o++vo++gACAAAAAAPoA+gAFAApAAABIgcGBwYQFxYXFiA3Njc2ECcmJyYHMhcWFxYUBwYHBiInJicmNDc2NzYB9Ih0cUNERENxdAEQdHFDRERDcXSId2ZjOjw8OmNm7mZjOjs7OmNmA+hEQ3F0/vB0cUNERENxdAEQdHFDRD48OmNm7mZjOjs7OmNm7mZjOjwAAAMAAAAAA+gD6AAUACkAPgAAASIHBgcGEBcWFxYgNzY3NhAnJicmBzIXFhcWFAcGBwYiJyYnJjQ3Njc2ARQHBgcGJicmJyY2NzY3NjIXFhcWAfSIdHFDRERDcXQBEHRxQ0REQ3F0iHdmYzo8PDpjZu5mYzo7OzpjZgGwKypGSapJRiorASoqRkmqSUYqKwPoRENxdP7wdHFDRERDcXQBEHRxQ0Q+PDpjZu5mYzo7OzpjZu5mYzo8/kpVSUYqKwEqKkZJqklGKisrKkZJAAIAAAAAA3IDGwAIABEAAAkBJzchNSEnNwcXIRUhBxc3JwNx/tqKP/53AYk/ijF9/h4B4n0xzs4B9P7aij68PoqKfT59Ms7OAAIAAAAAA2wDawANABYAAAERIREjERQWMyEyNjURBTcXByc3FxEzAxj9uFMxIgJIIjH+s2w60NA6bFQB9P7cAST+3CIxMSIBJBxsO9DQO2wBkwAAAAEAAAAAAwUCkwAFAAAJAjcXNwME/vD+8Czk5AJm/vABECzk5AAAAAABAAAAAAMFApMABQAAAQcnBycBAwQs5OQsARABgizk5CwBEAABAAAAAAMFAsIABQAACQEnNxcBAwT+krIshgFCApX+krIthwFCAAAAAQAAAAADLQIUAAMAABMhFSG8AnH9jwITPgAAAAMAAAAAA20DbAAUACsARQAAEyIPAQYUFxYBFxYyPwE2NCcmAScmEw4BFx4CNj8BJwcOAScuAScmNj8BJwEiBg8BFzc+ATc2FhcWBg8BFzc+ASYnLgEjpwICJAICmwE46gIFAiQCApv+yOoCEC4XHRZSYmMkPi0+I2kqGCEHCBUaPi0BoSlOHT4tPhEtGS9WEhERHz4tPh8gBhYbYzgDawIkAgUCnP7I6QICJAEGApwBN+oC/nguhzstPhEfJD4tPiMMGxAuHCRKGz4tAUogHT4tPhEWAwUyLChZHz4tPx9WXCgxOwAAAAAAABAAxgABAAAAAAABAAwAAAABAAAAAAACAAcADAABAAAAAAADAAwAEwABAAAAAAAEAAwAHwABAAAAAAAFAAsAKwABAAAAAAAGAAwANgABAAAAAAAKACsAQgABAAAAAAALABMAbQADAAEECQABABgAgAADAAEECQACAA4AmAADAAEECQADABgApgADAAEECQAEABgAvgADAAEECQAFABYA1gADAAEECQAGABgA7AADAAEECQAKAFYBBAADAAEECQALACYBWmFnR3JpZEJhbGhhbVJlZ3VsYXJhZ0dyaWRCYWxoYW1hZ0dyaWRCYWxoYW1WZXJzaW9uIDEuMGFnR3JpZEJhbGhhbUdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAGEAZwBHAHIAaQBkAEIAYQBsAGgAYQBtAFIAZQBnAHUAbABhAHIAYQBnAEcAcgBpAGQAQgBhAGwAaABhAG0AYQBnAEcAcgBpAGQAQgBhAGwAaABhAG0AVgBlAHIAcwBpAG8AbgAgADEALgAwAGEAZwBHAHIAaQBkAEIAYQBsAGgAYQBtAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASwECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjASQBJQEmAScBKAEpASoBKwEsAS0BLgEvATABMQEyATMBNAE1ATYBNwE4ATkBOgE7ATwBPQE+AT8BQAFBAUIBQwFEAUUBRgFHAUgBSQFKAUsBTAALYWdncmVnYXRpb24GYXJyb3dzA2FzYwZjYW5jZWwFY2hhcnQQY2hlY2tib3gtY2hlY2tlZBZjaGVja2JveC1pbmRldGVybWluYXRlEmNoZWNrYm94LXVuY2hlY2tlZAxjb2xvci1waWNrZXIGY29sdW1uB2NvbHVtbnMKY29udHJhY3RlZARjb3B5BWNyb3NzA2N1dARkYXRhBGRlc2MIZXhwYW5kZWQJZXllLXNsYXNoA2V5ZQZmaWx0ZXIFZmlyc3QEZ3JpcAVncm91cA1pbmRldGVybWluYXRlBGxhc3QEbGVmdAZsaW5rZWQIbGlua2VkLTEHbG9hZGluZwhtYXhpbWl6ZQRtZW51CG1pbmltaXplBW1pbnVzBG5vbmULbm90LWFsbG93ZWQFcGFzdGUDcGluBXBpdm90BHBsdXMQcmFkaW8tYnV0dG9uLW9mZg9yYWRpby1idXR0b24tb24FcmlnaHQEc2F2ZQpzbWFsbC1kb3duCHNtYWxsLXVwBHRpY2sSdHJlZS1pbmRldGVybWluYXRlCHVubGlua2VkAWEBZwFyAWUBdAFpAW8BbgF3AXMBYwFsAWgBawFiAXgBLQFkAW0BdQFwAXkBZgF6AXYAAAA=) format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* bottom toolbar of ag-grid table has unusual border on texts, it is removed here */
.bp3-dark .ag-theme-balham .ag-paging-panel {
  border-top: none !important;
}

.bp3-dark .ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-right {
  border-right: none !important;
}

.bp3-dark {
  /* AG Grid Balham Teması Özel Stilleri */
}
.bp3-dark .ag-theme-balham {
  /* ag balham header override */
}
.bp3-dark .ag-theme-balham .ag-header,
.bp3-dark .ag-theme-balham .ag-status-bar {
  background-color: #060d14 !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
}
.bp3-dark .ag-theme-balham .ag-header-cell {
  background-color: #060d14 !important;
  color: #ffffff !important;
  /* header cell text stylings */
}
.bp3-dark .ag-theme-balham .ag-header-cell svg {
  fill: white;
}
.bp3-dark .ag-theme-balham .ag-header-cell input {
  color: #ffffff !important !important;
  border: 1px solid hsl(210, 100%, 60%);
  outline: none;
}
.bp3-dark .ag-theme-balham .ag-header-cell input::placeholder {
  color: hsl(210, 100%, 90%);
}
.bp3-dark .ag-theme-balham .ag-header-cell input:focus {
  border: 1px solid hsl(210, 100%, 45%);
}
.bp3-dark .ag-theme-balham .ag-center-cols-container .ag-row:nth-child(1) .ag-header-cell::after {
  background-color: hsl(30, 30%, 86%) !important;
  line-height: 50px !important;
}
.bp3-dark .ag-theme-balham .ag-center-cols-container .ag-row:nth-child(2) .ag-header-cell::after {
  background-color: hsl(30, 30%, 86%) !important;
  line-height: 50px !important;
}
.bp3-dark .ag-theme-balham .bp3-input-group .bp3-icon-calendar {
  margin-top: 7px !important;
}
.bp3-dark .ag-theme-balham .ag-header-container .ag-header-row:nth-child(2) .ag-header-cell {
  background: rgba(0, 96.9, 193.8, 0.5) !important;
  border-left: none !important;
  border-right: none !important;
}
.bp3-dark .ag-theme-balham .ag-header-container .ag-header-row:nth-child(2) .ag-header-cell::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 15% !important;
  /* %20'den başla */
  bottom: 20% !important;
  /* %20'de bitir */
  width: 1px !important;
  background-color: rgba(255, 252, 252, 0.3) !important;
}
.bp3-dark .ag-theme-balham .ag-header-cell {
  border-right: 0.1px solid hsl(210, 35%, 14%) !important;
  border-bottom: none !important;
  border-top: none !important;
}
.bp3-dark .ag-theme-balham .ag-header-cell:last-of-type {
  border-right: none !important;
}
.bp3-dark .ag-theme-balham .ag-header-row {
  border-bottom: 0.1px solid hsl(210, 35%, 14%) !important;
  border-top: none !important;
}
.bp3-dark .ag-theme-balham .ag-header-row:last-of-type {
  border: none !important;
}
.bp3-dark .ag-theme-balham .ag-header-row:nth-child(2) .ag-header-cell .ag-header-cell::after,
.bp3-dark .ag-theme-balham .ag-header-row:nth-child(2) .ag-header-cell .ag-header-group-cell::after {
  display: none !important;
}
.bp3-dark .ag-theme-balham {
  /* Status bar tüm text'leri beyaz */
}
.bp3-dark .ag-theme-balham .ag-status-bar,
.bp3-dark .ag-theme-balham .ag-status-bar * {
  color: white !important;
}
.bp3-dark .ag-theme-balham {
  /* Status bar ikonları beyaz */
}
.bp3-dark .ag-theme-balham .ag-status-bar .ag-icon {
  color: white !important;
}
.bp3-dark .ag-theme-balham {
  /* Status bar panel'leri beyaz text */
}
.bp3-dark .ag-theme-balham .ag-status-bar .ag-status-name-value,
.bp3-dark .ag-theme-balham .ag-status-bar .ag-status-name-value-label,
.bp3-dark .ag-theme-balham .ag-status-bar .ag-status-name-value-value {
  color: white !important;
}
.bp3-dark .ag-theme-balham .ag-paging-panel * {
  color: white !important;
  fill: white !important;
}
.bp3-dark .ag-theme-balham .ag-row-odd,
.bp3-dark .ag-theme-balham .ag-row-even {
  background-color: red;
}
.bp3-dark .ag-theme-balham {
  /* Tüm satırlara uygulanan genel boyut özellikleri (renkler hariç) */
}
.bp3-dark .ag-theme-balham .ag-row {
  height: 35px;
  line-height: 35px;
}
.bp3-dark .ag-theme-balham {
  /* wrapper yerine doğrudan input’u hedefliyoruz */
}
.bp3-dark .ag-theme-balham .bp3-input-group .bp3-input,
.bp3-dark .ag-theme-balham .bp3-datepicker .bp3-input {
  padding-block: 1.15em !important;
  align-items: center !important;
  border-radius: 1px !important;
  border: 1.6px solid hsl(210, 100%, 42%) !important;
}
.bp3-dark .ag-theme-balham .ag-floating-filter-input {
  border-radius: 1px !important;
  padding-block: 0.45em !important;
  border: 1.6px solid hsl(210, 100%, 42%) !important;
  /* make border and background more grayish */
}
.bp3-dark .ag-theme-balham .ag-floating-filter-input:disabled {
  background-color: rgba(58.14, 76.5, 94.86, 0.8) !important;
  border: 1.6px solid rgba(102, 127.5, 153, 0.4) !important;
}
.bp3-dark .ag-theme-balham {
  /*     & .bp3-input-group:not(.bp3-datepicker) .bp3-input {
    padding-left: .5em !important;
  }

  /* 2) Tarih seçici için resetle */
  /*   .bp3-datepicker .bp3-input {
    padding-left: initial !important;
  } */
}
.bp3-dark .ag-theme-balham .ag-cell {
  padding: 0px 8px;
  line-height: 35px;
  font-size: 14px;
}
.bp3-dark .ag-theme-balham {
  /* AG Grid Filter Modern Override */
}
.bp3-dark .ag-theme-balham .ag-tab-body,
.bp3-dark .ag-theme-balham .bp3-datepicker {
  background: #1f2937 !important;
}
.bp3-dark .ag-theme-balham {
  /* Filter panel genel styling */
}
.bp3-dark .ag-theme-balham .ag-filter-body-wrapper .ag-set-filter-list {
  border-radius: 0px !important;
}
.bp3-dark .ag-theme-balham .ag-filter-body-wrapper .ag-filter-header-container {
  border-bottom: none !important;
}
.bp3-dark .ag-theme-balham .ag-filter-toolpanel-group-container,
.bp3-dark .ag-theme-balham .ag-set-filter-list {
  background: #1f2937 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  border: 1px solid #374151 !important;
  overflow: hidden !important;
}
.bp3-dark .ag-theme-balham {
  /* Filter başlık alanı */
}
.bp3-dark .ag-theme-balham .ag-filter-toolpanel-group-title-bar {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
  color: white !important;
  padding: 16px 20px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-bottom: none !important;
  letter-spacing: 0.5px !important;
}
.bp3-dark .ag-theme-balham {
  /* Arama input alanı */
}
.bp3-dark .ag-theme-balham .ag-filter-toolpanel-search {
  padding: 12px 16px !important;
  background: #1f2937 !important;
  border-bottom: 1px solid #374151 !important;
}
.bp3-dark .ag-theme-balham .ag-filter-toolpanel-search input {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1px solid #4b5563 !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  background: #111827 !important;
  color: #f3f4f6 !important;
  transition: all 0.2s ease !important;
}
.bp3-dark .ag-theme-balham .ag-filter-header-container {
  padding-bottom: 0px !important;
}
.bp3-dark .ag-theme-balham .ag-filter-toolpanel-search input:focus {
  outline: none !important;
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2) !important;
  background: #1f2937 !important;
}
.bp3-dark .ag-theme-balham .ag-filter-toolpanel-search input::placeholder {
  color: #6b7280 !important;
}
.bp3-dark .ag-theme-balham {
  /* Checkbox listesi */
}
.bp3-dark .ag-theme-balham .ag-set-filter-list {
  max-height: 300px !important;
  background: #1f2937 !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.bp3-dark .ag-theme-balham {
  /* Checkbox item'ları */
}
.bp3-dark .ag-theme-balham .ag-set-filter-item {
  padding: 0.5em 0.5em !important;
  border-bottom: 1px solid #374151 !important;
  font-size: 1.2rem;
  letter-spacing: 1.05px;
  display: flex !important;
  gap: 0.3em !important;
  align-items: center !important;
  background: #1f2937 !important;
  margin-right: 0 !important;
}
.bp3-dark .ag-theme-balham .ag-tab-selected {
  background-color: #111827 !important;
  border-radius: 4px !important;
}
.bp3-dark .ag-theme-balham .ag-set-filter-item:hover, .bp3-dark .ag-theme-balham .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-set-filter-item.bp3-menu-item, .bp3-submenu .bp3-dark .ag-theme-balham .bp3-popover-target.bp3-popover-open > .ag-set-filter-item.bp3-menu-item {
  background: #374151 !important;
}
.bp3-dark .ag-theme-balham .ag-set-filter-item:last-child {
  border-bottom: none !important;
}
.bp3-dark .ag-theme-balham {
  /* Checkbox styling */
}
.bp3-dark .ag-theme-balham .ag-checkbox-input-wrapper {
  margin-right: 12px !important;
}
.bp3-dark .ag-theme-balham .ag-checkbox-input {
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #6b7280 !important;
  border-radius: 4px !important;
  background: white !important;
  transition: all 0.2s ease !important;
}
.bp3-dark .ag-theme-balham .ag-checkbox-input:checked {
  background: #6366f1 !important;
  border-color: #6366f1 !important;
}
.bp3-dark .ag-theme-balham .ag-checkbox-input:checked::after {
  content: "✓" !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: bold !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
.bp3-dark .ag-theme-balham {
  /* Label text */
}
.bp3-dark .ag-theme-balham .ag-set-filter-item-value {
  font-size: 14px !important;
  color: #f9fafb !important;
  font-weight: 500 !important;
}
.bp3-dark .ag-theme-balham {
  /* Seçili item'ları vurgula */
}
.bp3-dark .ag-theme-balham .ag-set-filter-item.ag-set-filter-item-selected {
  background: #1e40af !important;
  border-left: 3px solid #6366f1 !important;
}
.bp3-dark .ag-theme-balham {
  /* Scrollbar styling */
}
.bp3-dark .ag-theme-balham .ag-set-filter-list::-webkit-scrollbar {
  width: 1px !important;
}
.bp3-dark .ag-theme-balham .ag-set-filter-list::-webkit-scrollbar-track {
  background: transparent !important;
}
.bp3-dark .ag-theme-balham .ag-set-filter-list::-webkit-scrollbar-thumb {
  background: #4b5563 !important;
  border-radius: 2px !important;
}
.bp3-dark .ag-theme-balham .ag-set-filter-list::-webkit-scrollbar-thumb:hover, .bp3-dark .ag-theme-balham .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-set-filter-list.bp3-menu-item::-webkit-scrollbar-thumb, .bp3-submenu .bp3-dark .ag-theme-balham .bp3-popover-target.bp3-popover-open > .ag-set-filter-list.bp3-menu-item::-webkit-scrollbar-thumb {
  background: #6b7280 !important;
}
.bp3-dark .ag-theme-balham {
  /* Alt boşluğu kaldır */
}
.bp3-dark .ag-theme-balham .ag-set-filter-list .ag-virtual-list-viewport {
  padding-bottom: 0 !important;
  margin: 0 0;
}
.bp3-dark .ag-theme-balham .ag-virtual-list-container {
  padding-bottom: 0 !important;
}
.bp3-dark .ag-theme-balham {
  /* Filter panel alt boşluğunu kaldır */
}
.bp3-dark .ag-theme-balham .ag-set-filter {
  padding-bottom: 0 !important;
}
.bp3-dark .ag-theme-balham .ag-filter-toolpanel-group-level-0 {
  margin-bottom: 0 !important;
}
.bp3-dark .ag-theme-balham {
  /* Filter butonları */
}
.bp3-dark .ag-theme-balham .ag-filter-apply-panel {
  padding: 16px 20px !important;
  background: #1f2937 !important;
  border-top: 1px solid #374151 !important;
  display: flex !important;
  gap: 8px !important;
}
.bp3-dark .ag-theme-balham .ag-button {
  padding: 8px 16px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
}
.bp3-dark .ag-theme-balham .ag-standard-button {
  background: #6366f1 !important;
  color: white !important;
}
.bp3-dark .ag-theme-balham .ag-standard-button:hover, .bp3-dark .ag-theme-balham .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-standard-button.bp3-menu-item, .bp3-submenu .bp3-dark .ag-theme-balham .bp3-popover-target.bp3-popover-open > .ag-standard-button.bp3-menu-item {
  background: #5856eb !important;
}
.bp3-dark .ag-theme-balham {
  /* Select All / Clear All butonları */
}
.bp3-dark .ag-theme-balham .ag-set-filter-select-all,
.bp3-dark .ag-theme-balham .ag-set-filter-clear-all {
  color: #6366f1 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 8px 20px !important;
  background: #1f2937 !important;
  border-bottom: 1px solid #374151 !important;
}
.bp3-dark .ag-theme-balham .ag-set-filter-select-all:hover, .bp3-dark .ag-theme-balham .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-set-filter-select-all.bp3-menu-item, .bp3-submenu .bp3-dark .ag-theme-balham .bp3-popover-target.bp3-popover-open > .ag-set-filter-select-all.bp3-menu-item,
.bp3-dark .ag-theme-balham .ag-set-filter-clear-all:hover,
.bp3-dark .ag-theme-balham .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-set-filter-clear-all.bp3-menu-item,
.bp3-submenu .bp3-dark .ag-theme-balham .bp3-popover-target.bp3-popover-open > .ag-set-filter-clear-all.bp3-menu-item {
  background: #374151 !important;
  color: #818cf8 !important;
}
.bp3-dark .ag-theme-balham {
  /* filter input styling */
}
.bp3-dark .ag-theme-balham input.ag-filter-filter,
.bp3-dark .ag-theme-balham .ag-filter-select {
  border-radius: 1px !important;
  padding: 0.25em 0.25em;
  font-size: 1.2rem;
  background-color: hsl(210, 35%, 14%) !important;
  margin: 0.25em 0.25em;
}
.bp3-dark .ag-theme-balham .ag-filter-apply-panel.ag-hidden {
  display: none !important;
}
.bp3-dark .ag-theme-balham .ag-menu {
  min-width: 230px !important;
}
.bp3-dark .ag-theme-balham .ag-popup,
.bp3-dark .ag-theme-balham .ag-menu {
  transition: none !important;
  background-color: #161616 !important;
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
}
.bp3-dark .ag-theme-balham .ag-menu-list {
  padding: 0px 4px !important;
}
.bp3-dark .ag-theme-balham .ag-menu-list,
.bp3-dark .ag-theme-balham .ag-menu-option {
  transition: none !important;
  animation: none !important;
}
.bp3-dark .ag-theme-balham .ag-menu-option {
  background-color: rgb(22, 22, 22) !important;
}
.bp3-dark .ag-theme-balham .ag-menu-option:hover, .bp3-dark .ag-theme-balham .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-menu-option.bp3-menu-item, .bp3-submenu .bp3-dark .ag-theme-balham .bp3-popover-target.bp3-popover-open > .ag-menu-option.bp3-menu-item {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
  outline: 1px solid hsl(210, 100%, 42%) !important;
}
.bp3-dark .ag-theme-balham .ag-menu-separator {
  background: hsl(210, 100%, 60%) !important;
  height: 1px !important;
}
.bp3-dark .ag-theme-balham .ag-menu-option-text {
  font-size: 1.4rem !important;
}
.bp3-dark .ag-theme-balham .ag-overlay-loading-center, .bp3-dark .ag-theme-balham .ag-select-agg-func-popup, .bp3-dark .ag-theme-balham .ag-popup-editor, .bp3-dark .ag-theme-balham .ag-cell.ag-cell-inline-editing, .bp3-dark .ag-theme-balham .ag-theme-balham.ag-dnd-ghost, .bp3-dark .ag-theme-balham .ag-menu {
  border: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-tab-header .ag-tab {
  border: 1px solid transparent;
  border-bottom-width: 0;
  margin: 4px;
  margin-bottom: 0;
  padding: 4px 8px;
}
.bp3-dark .ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected {
  background-color: #444;
  border-bottom: 2px solid #00B0FF;
  border-bottom: 2px solid #444;
  border-color: #424242;
}
.bp3-dark .ag-theme-balham {
  -webkit-font-smoothing: antialiased;
  background-color: #333;
  color: #F5F5F5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
}
.bp3-dark .ag-theme-balham label {
  margin-bottom: 0;
}
.bp3-dark .ag-theme-balham * {
  box-sizing: border-box;
}
.bp3-dark .ag-theme-balham *:focus,
.bp3-dark .ag-theme-balham * *:before,
.bp3-dark .ag-theme-balham * *:after {
  outline: none;
  box-sizing: border-box;
}
.bp3-dark .ag-theme-balham .ag-tab {
  box-sizing: content-box;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-1 {
  padding-left: 10px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-1 {
  padding-right: 10px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-1 {
  padding-left: 10px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-1 {
  padding-right: 10px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-2 {
  padding-left: 20px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-2 {
  padding-right: 20px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-2 {
  padding-left: 20px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-2 {
  padding-right: 20px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-3 {
  padding-left: 30px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-3 {
  padding-right: 30px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-3 {
  padding-left: 30px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-3 {
  padding-right: 30px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-4 {
  padding-left: 40px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-4 {
  padding-right: 40px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-4 {
  padding-left: 40px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-4 {
  padding-right: 40px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-5 {
  padding-left: 50px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-5 {
  padding-right: 50px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-5 {
  padding-left: 50px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-5 {
  padding-right: 50px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-6 {
  padding-left: 60px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-6 {
  padding-right: 60px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-6 {
  padding-left: 60px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-6 {
  padding-right: 60px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-7 {
  padding-left: 70px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-7 {
  padding-right: 70px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-7 {
  padding-left: 70px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-7 {
  padding-right: 70px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-8 {
  padding-left: 80px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-8 {
  padding-right: 80px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-8 {
  padding-left: 80px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-8 {
  padding-right: 80px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-9 {
  padding-left: 90px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-9 {
  padding-right: 90px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-9 {
  padding-left: 90px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-9 {
  padding-right: 90px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-10 {
  padding-left: 100px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-10 {
  padding-right: 100px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-10 {
  padding-left: 100px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-10 {
  padding-right: 100px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-11 {
  padding-left: 110px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-11 {
  padding-right: 110px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-11 {
  padding-left: 110px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-11 {
  padding-right: 110px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-12 {
  padding-left: 120px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-12 {
  padding-right: 120px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-12 {
  padding-left: 120px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-12 {
  padding-right: 120px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-13 {
  padding-left: 130px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-13 {
  padding-right: 130px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-13 {
  padding-left: 130px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-13 {
  padding-right: 130px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-14 {
  padding-left: 140px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-14 {
  padding-right: 140px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-14 {
  padding-left: 140px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-14 {
  padding-right: 140px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-15 {
  padding-left: 150px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-15 {
  padding-right: 150px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-15 {
  padding-left: 150px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-15 {
  padding-right: 150px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-16 {
  padding-left: 160px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-16 {
  padding-right: 160px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-16 {
  padding-left: 160px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-16 {
  padding-right: 160px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-17 {
  padding-left: 170px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-17 {
  padding-right: 170px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-17 {
  padding-left: 170px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-17 {
  padding-right: 170px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-18 {
  padding-left: 180px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-18 {
  padding-right: 180px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-18 {
  padding-left: 180px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-18 {
  padding-right: 180px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-19 {
  padding-left: 190px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-19 {
  padding-right: 190px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-19 {
  padding-left: 190px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-19 {
  padding-right: 190px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-20 {
  padding-left: 200px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-20 {
  padding-right: 200px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-20 {
  padding-left: 200px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-20 {
  padding-right: 200px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-21 {
  padding-left: 210px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-21 {
  padding-right: 210px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-21 {
  padding-left: 210px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-21 {
  padding-right: 210px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-22 {
  padding-left: 220px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-22 {
  padding-right: 220px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-22 {
  padding-left: 220px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-22 {
  padding-right: 220px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-23 {
  padding-left: 230px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-23 {
  padding-right: 230px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-23 {
  padding-left: 230px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-23 {
  padding-right: 230px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-24 {
  padding-left: 240px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-24 {
  padding-right: 240px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-24 {
  padding-left: 240px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-24 {
  padding-right: 240px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-25 {
  padding-left: 250px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-25 {
  padding-right: 250px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-25 {
  padding-left: 250px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-25 {
  padding-right: 250px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-26 {
  padding-left: 260px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-26 {
  padding-right: 260px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-26 {
  padding-left: 260px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-26 {
  padding-right: 260px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-27 {
  padding-left: 270px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-27 {
  padding-right: 270px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-27 {
  padding-left: 270px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-27 {
  padding-right: 270px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-28 {
  padding-left: 280px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-28 {
  padding-right: 280px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-28 {
  padding-left: 280px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-28 {
  padding-right: 280px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-29 {
  padding-left: 290px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-29 {
  padding-right: 290px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-29 {
  padding-left: 290px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-29 {
  padding-right: 290px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-30 {
  padding-left: 300px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-30 {
  padding-right: 300px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-30 {
  padding-left: 300px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-30 {
  padding-right: 300px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-31 {
  padding-left: 310px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-31 {
  padding-right: 310px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-31 {
  padding-left: 310px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-31 {
  padding-right: 310px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-32 {
  padding-left: 320px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-32 {
  padding-right: 320px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-32 {
  padding-left: 320px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-32 {
  padding-right: 320px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-33 {
  padding-left: 330px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-33 {
  padding-right: 330px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-33 {
  padding-left: 330px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-33 {
  padding-right: 330px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-34 {
  padding-left: 340px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-34 {
  padding-right: 340px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-34 {
  padding-left: 340px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-34 {
  padding-right: 340px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-35 {
  padding-left: 350px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-35 {
  padding-right: 350px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-35 {
  padding-left: 350px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-35 {
  padding-right: 350px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-36 {
  padding-left: 360px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-36 {
  padding-right: 360px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-36 {
  padding-left: 360px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-36 {
  padding-right: 360px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-37 {
  padding-left: 370px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-37 {
  padding-right: 370px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-37 {
  padding-left: 370px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-37 {
  padding-right: 370px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-38 {
  padding-left: 380px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-38 {
  padding-right: 380px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-38 {
  padding-left: 380px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-38 {
  padding-right: 380px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-39 {
  padding-left: 390px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-39 {
  padding-right: 390px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-39 {
  padding-left: 390px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-39 {
  padding-right: 390px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-40 {
  padding-left: 400px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-40 {
  padding-right: 400px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-40 {
  padding-left: 400px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-40 {
  padding-right: 400px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-41 {
  padding-left: 410px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-41 {
  padding-right: 410px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-41 {
  padding-left: 410px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-41 {
  padding-right: 410px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-42 {
  padding-left: 420px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-42 {
  padding-right: 420px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-42 {
  padding-left: 420px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-42 {
  padding-right: 420px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-43 {
  padding-left: 430px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-43 {
  padding-right: 430px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-43 {
  padding-left: 430px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-43 {
  padding-right: 430px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-44 {
  padding-left: 440px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-44 {
  padding-right: 440px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-44 {
  padding-left: 440px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-44 {
  padding-right: 440px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-45 {
  padding-left: 450px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-45 {
  padding-right: 450px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-45 {
  padding-left: 450px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-45 {
  padding-right: 450px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-46 {
  padding-left: 460px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-46 {
  padding-right: 460px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-46 {
  padding-left: 460px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-46 {
  padding-right: 460px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-47 {
  padding-left: 470px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-47 {
  padding-right: 470px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-47 {
  padding-left: 470px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-47 {
  padding-right: 470px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-48 {
  padding-left: 480px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-48 {
  padding-right: 480px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-48 {
  padding-left: 480px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-48 {
  padding-right: 480px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-toolpanel-indent-49 {
  padding-left: 490px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-toolpanel-indent-49 {
  padding-right: 490px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-indent-49 {
  padding-left: 490px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-indent-49 {
  padding-right: 490px;
}
.bp3-dark .ag-theme-balham .ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}
.bp3-dark .ag-theme-balham .ag-checkbox,
.bp3-dark .ag-theme-balham .ag-radio-button,
.bp3-dark .ag-theme-balham .ag-toggle-button {
  display: flex;
  align-items: center;
  cursor: default;
}
.bp3-dark .ag-theme-balham .ag-checkbox label,
.bp3-dark .ag-theme-balham .ag-radio-button label,
.bp3-dark .ag-theme-balham .ag-toggle-button label {
  cursor: default;
}
.bp3-dark .ag-theme-balham .ag-checkbox label:empty,
.bp3-dark .ag-theme-balham .ag-radio-button label:empty,
.bp3-dark .ag-theme-balham .ag-toggle-button label:empty {
  margin: 0;
}
.bp3-dark .ag-theme-balham .ag-checkbox:not(.ag-label-align-left) label,
.bp3-dark .ag-theme-balham .ag-radio-button:not(.ag-label-align-left) label,
.bp3-dark .ag-theme-balham .ag-toggle-button:not(.ag-label-align-left) label {
  margin-left: 4px;
}
.bp3-dark .ag-theme-balham .ag-cell {
  -webkit-font-smoothing: subpixel-antialiased;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-row-group-leaf-indent {
  margin-left: 10px;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell {
  border-right: 1px solid transparent;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-first-right-pinned:not(.ag-cell-range-left),
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-first-right-pinned:not(.ag-cell-range-left),
.bp3-dark .ag-theme-balham .ag-ltr .ag-root:not(.ag-has-focus) .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left) {
  border-left: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned:not(.ag-cell-range-right),
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-last-left-pinned:not(.ag-cell-range-right),
.bp3-dark .ag-theme-balham .ag-ltr .ag-root:not(.ag-has-focus) .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right) {
  border-right: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-value-change-delta {
  padding-right: 2px;
}
.bp3-dark .ag-theme-balham .ag-value-change-delta-up {
  color: #43a047;
}
.bp3-dark .ag-theme-balham .ag-value-change-delta-down {
  color: #e53935;
}
.bp3-dark .ag-theme-balham .ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}
.bp3-dark .ag-theme-balham .ag-value-change-value-highlight {
  background-color: rgba(22, 160, 133, 0.5);
  transition: background-color 0.1s;
}
.bp3-dark .ag-theme-balham .ag-input-wrapper input:not([type]),
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=text],
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=number],
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=tel],
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=date],
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=datetime-local] {
  border-width: 1px;
  border-style: solid;
  border-color: #ecf0f1;
}
.bp3-dark .ag-theme-balham .ag-input-wrapper input:not([type]):disabled,
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=text]:disabled,
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=number]:disabled,
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=tel]:disabled,
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=date]:disabled,
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=datetime-local]:disabled {
  color: rgba(245, 245, 245, 0.38);
  background-color: rgba(48, 46, 46, 0.3);
  border-color: rgba(236, 240, 241, 0.3);
}
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=date] {
  flex: 1 1 auto;
}
.bp3-dark .ag-theme-balham .ag-input-wrapper input[type=range] {
  padding: 0;
}
.bp3-dark .ag-theme-balham .ag-input-wrapper textarea {
  border-width: 1px;
  border-style: solid;
  border-color: #ecf0f1;
}
.bp3-dark .ag-theme-balham .ag-input-wrapper textarea:disabled {
  color: rgba(245, 245, 245, 0.38);
  background-color: rgba(48, 46, 46, 0.3);
  border-color: rgba(236, 240, 241, 0.3);
}
.bp3-dark .ag-theme-balham .ag-header {
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
  color: rgba(245, 245, 245, 0.64);
  font-weight: 600;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  border-bottom: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-pinned-right-header {
  border-left: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-pinned-left-header {
  border-right: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-header-row {
  border: none;
  height: 32px;
}
.bp3-dark .ag-theme-balham .ag-row {
  border-style: solid;
  border-color: #424242;
  height: 28px;
  border-width: 0;
}
.bp3-dark .ag-theme-balham .ag-row:not(.ag-row-first) {
  border-width: 1px 0 0;
}
.bp3-dark .ag-theme-balham .ag-row.ag-row-last {
  border-bottom-width: 1px;
}
.bp3-dark .ag-theme-balham .ag-row-odd {
  background-color: #555;
}
.bp3-dark .ag-theme-balham .ag-row-even {
  background-color: #333;
}
.bp3-dark .ag-theme-balham .ag-horizontal-left-spacer {
  border-right: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-horizontal-left-spacer.ag-scroller-corner {
  border-right: none;
}
.bp3-dark .ag-theme-balham .ag-horizontal-right-spacer {
  border-left: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-horizontal-right-spacer.ag-scroller-corner {
  border-left: none;
}
.bp3-dark .ag-theme-balham .ag-row-hover {
  background-color: rgb(61.2272727273, 70.7515151515, 73.4727272727);
}
.bp3-dark .ag-theme-balham .ag-numeric-cell {
  text-align: right;
}
.bp3-dark .ag-theme-balham .ag-header-cell-label .ag-header-icon {
  margin-left: 4px;
  opacity: 0.87;
}
.bp3-dark .ag-theme-balham .ag-header-cell,
.bp3-dark .ag-theme-balham .ag-header-group-cell {
  border-style: solid;
  border-color: #424242;
  padding-left: 12px;
  padding-right: 12px;
}
.bp3-dark .ag-theme-balham .ag-header-cell.ag-header-cell-moving,
.bp3-dark .ag-theme-balham .ag-header-group-cell.ag-header-cell-moving {
  background-color: #444;
}
.bp3-dark .ag-theme-balham .ag-header-cell,
.bp3-dark .ag-theme-balham .ag-header-group-cell {
  border-width: 0;
}
.bp3-dark .ag-theme-balham .ag-header-cell:not(.ag-header-group-cell-no-group),
.bp3-dark .ag-theme-balham .ag-header-group-cell:not(.ag-header-group-cell-no-group) {
  border-top-width: 1px;
}
.bp3-dark .ag-theme-balham .ag-header-row:first-child .ag-header-cell,
.bp3-dark .ag-theme-balham .ag-header-row:first-child .ag-header-group-cell {
  border-top-width: 0;
}
.bp3-dark .ag-theme-balham .ag-header-cell-resize {
  cursor: col-resize;
}
.bp3-dark .ag-theme-balham .ag-header-select-all {
  margin-right: 12px;
}
.bp3-dark .ag-theme-balham .ag-cell {
  line-height: 26px;
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid transparent;
  padding-left: 11px;
  padding-right: 11px;
}
.bp3-dark .ag-theme-balham .ag-row-drag {
  cursor: move;
  cursor: grab;
  min-width: 28px;
}
.bp3-dark .ag-theme-balham .ag-row-dragging,
.bp3-dark .ag-theme-balham .ag-row-dragging .ag-row-drag {
  cursor: move;
}
.bp3-dark .ag-theme-balham .ag-column-drag {
  cursor: move;
  cursor: grab;
}
.bp3-dark .ag-theme-balham .ag-row-dragging {
  opacity: 0.5;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.bp3-dark .ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus.ag-cell-range-single-cell,
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell-focus.ag-cell-range-single-cell.ag-cell-range-handle,
.bp3-dark .ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.bp3-dark .ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus.ag-cell-range-single-cell,
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell-focus.ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid #00B0FF;
  outline: initial;
}
.bp3-dark .ag-theme-balham .ag-header-cell-resize {
  width: 8px;
}
.bp3-dark .ag-theme-balham .ag-menu {
  background: #333;
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
  padding: 0;
}
.bp3-dark .ag-theme-balham .ag-menu .ag-menu-list {
  cursor: default;
  margin-bottom: 4px;
  margin-top: 4px;
  width: 100%;
}
.bp3-dark .ag-theme-balham .ag-menu .ag-menu-option-active {
  background-color: rgb(61.2272727273, 70.7515151515, 73.4727272727);
}
.bp3-dark .ag-theme-balham .ag-menu .ag-menu-option-disabled {
  opacity: 0.5;
}
.bp3-dark .ag-theme-balham .ag-menu .ag-menu-option-text {
  margin-left: 4px;
}
.bp3-dark .ag-theme-balham .ag-menu .ag-menu-option-icon {
  padding-left: 4px;
  padding-right: 4px;
  min-width: 24px;
}
.bp3-dark .ag-theme-balham .ag-menu .ag-menu-option-shortcut {
  padding-left: 8px;
}
.bp3-dark .ag-theme-balham .ag-menu .ag-menu-separator {
  height: 8px;
}
.bp3-dark .ag-theme-balham .ag-menu .ag-menu-separator > span {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%271%27%20height%3D%278px%27%20viewBox%3D%270%200%201%208px%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cline%20x1%3D%270%27%20y1%3D%274px%27%20x2%3D%271%27%20y2%3D%274px%27%20stroke-width%3D%271%27%20stroke%3D%27%23424242%27%2F%3E%3C%2Fsvg%3E");
}
.bp3-dark .ag-theme-balham .ag-menu .ag-menu-option-popup-pointer {
  width: 24px;
  text-align: center;
}
.bp3-dark .ag-theme-balham.ag-dnd-ghost {
  background: #333;
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
  border: 1px solid #424242;
  color: rgba(245, 245, 245, 0.64);
  font-weight: 600;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  height: 32px !important;
  line-height: 32px;
  margin: 0;
  padding: 0 8px;
  transform: translateY(8px);
}
.bp3-dark .ag-theme-balham.ag-dnd-ghost span,
.bp3-dark .ag-theme-balham.ag-dnd-ghost div {
  height: 100%;
  margin: 0;
  padding: 0;
}
.bp3-dark .ag-theme-balham.ag-dnd-ghost .ag-dnd-ghost-icon {
  margin-right: 4px;
  opacity: 0.87;
}
.bp3-dark .ag-theme-balham .ag-tab-header {
  background: rgb(27.8873239437, 30.985915493, 32.1126760563);
  min-width: 220px;
  width: 100%;
  display: flex;
}
.bp3-dark .ag-theme-balham .ag-tab-header .ag-tab {
  display: flex;
  border-bottom: 2px solid transparent;
  height: 16px;
  flex: none;
  align-items: center;
  justify-content: center;
}
.bp3-dark .ag-theme-balham .ag-tab-body {
  padding: 2px 0;
}
.bp3-dark .ag-theme-balham .ag-tab-body .ag-menu-list {
  margin-bottom: 0;
  margin-top: 0;
}
.bp3-dark .ag-theme-balham .ag-tab-body .ag-menu-list > div:first-child > span {
  padding-top: 0;
}
.bp3-dark .ag-theme-balham .ag-tab-body .ag-menu-list > div:last-child > span {
  padding-bottom: 0;
}
.bp3-dark .ag-theme-balham .ag-tab-body .ag-menu-list > div:last-child > .ag-menu-option-popup-pointer {
  background-position-y: 0;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-filter-select,
.bp3-dark .ag-theme-balham .ag-filter .ag-filter-body {
  margin-bottom: 4px;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-filter-body {
  margin-top: 0;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-filter-filter {
  margin-left: 4px;
  margin-right: 4px;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-filter-select {
  margin: 4px;
}
.bp3-dark .ag-theme-balham .ag-filter input[type=radio] {
  margin: 0 3px 0 6px;
  width: 12px;
  height: 17px;
  vertical-align: top;
}
.bp3-dark .ag-theme-balham .ag-filter input[type=text],
.bp3-dark .ag-theme-balham .ag-filter input[type=date] {
  padding-left: 4px;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-set-filter-list {
  height: 168px;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-set-filter-item {
  height: 28px;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-set-filter-item > div,
.bp3-dark .ag-theme-balham .ag-filter .ag-set-filter-item > span {
  margin-left: 5px;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-filter-header-container {
  border-bottom: 1px solid #424242;
  padding-bottom: 2px;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  padding: 4px;
  padding-top: 8px;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-filter-apply-panel button {
  line-height: 1.5;
}
.bp3-dark .ag-theme-balham .ag-filter .ag-filter-apply-panel button + button {
  margin-left: 8px;
}
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group,
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column {
  height: 16px;
}
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-select-checkbox,
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-tool-panel-column-label,
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-group-icons,
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column .ag-column-select-checkbox,
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column .ag-column-tool-panel-column-label,
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column .ag-column-group-icons {
  margin-left: 4px;
  margin-right: 4px;
}
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-primary-cols-list-panel {
  border-top: 1px solid #424242;
  padding-top: 4px;
}
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-primary-cols-list-panel > div {
  cursor: pointer;
}
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column.ag-toolpanel-add-group-indent {
  margin-left: 14px;
}
.bp3-dark .ag-theme-balham .ag-primary-cols-header-panel {
  border-top: 1px solid #424242;
  height: 32px;
  align-items: center;
}
.bp3-dark .ag-theme-balham .ag-primary-cols-header-panel > div {
  cursor: pointer;
  margin: 0 4px;
}
.bp3-dark .ag-theme-balham .ag-primary-cols-header-panel .ag-filter-body {
  margin-left: 4px;
  margin-right: 4px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper {
  border-right: 0;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel {
  color: rgba(245, 245, 245, 0.64);
  font-weight: 600;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header.ag-filter-header {
  min-height: 32px;
  height: 32px;
  border-bottom: 1px solid #424242;
  box-sizing: content-box;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header > div:not(.ag-input-wrapper) {
  margin: 0 2px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header > div.ag-input-wrapper {
  padding-left: 4px;
  padding-right: 4px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header > div.ag-input-wrapper input {
  width: 100%;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-list-panel {
  flex: 1 1 auto;
  overflow: auto;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-list-panel > div.ag-first-group-visible > .ag-group-component > .ag-group-component-title-bar {
  border-top: none;
  min-height: calc(32px - 1px);
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-list-panel > div.ag-last-group-visible > .ag-group-component.ag-collapsed {
  border-bottom: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component {
  border: none;
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component .ag-group-component-title-bar {
  min-height: 32px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component .ag-group-component-title-bar .ag-group-component-title {
  white-space: nowrap;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component .ag-group-component-title-bar .ag-column-group-icons {
  margin: 0 4px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component.ag-level-0 > .ag-group-component-title-bar {
  border: 0 solid #424242;
  border-top-width: 1px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component.ag-has-filter > .ag-group-component-title-bar .ag-group-component-title:after {
  content: "\f115";
  font-family: "agGridBalham";
  font-size: 16px;
  margin-left: 4px;
  color: #ecf0f1;
  font-weight: normal;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container {
  margin-left: 0;
  padding: 0;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance) {
  margin-top: 0;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item .ag-group-component-title-bar {
  background-color: #333;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item .ag-filter-toolpanel-header {
  padding: 2px 0;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item .ag-filter-toolpanel-body:not(:empty) {
  margin: 4px 0;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item .ag-filter-toolpanel-body .ag-filter-air {
  border: 1px solid #424242;
  padding-top: 4px;
  color: #F5F5F5;
  font-weight: 400;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance),
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component {
  border-top: none;
  margin-bottom: 0;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance) .ag-group-component-title-bar,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component .ag-group-component-title-bar {
  min-height: unset;
  height: unset;
  margin: 4px 0;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-pivot-mode-panel {
  height: 32px;
  display: flex;
  flex: none;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-pivot-mode-panel .ag-pivot-mode-select {
  display: flex;
  align-items: center;
  margin-left: 4px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-column-select-panel {
  border-bottom: 1px solid #424242;
  padding-bottom: 3px;
  padding-top: 0;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop {
  border-bottom: 1px solid #424242;
  padding: 4px 0;
  padding-bottom: 8px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
  color: rgba(245, 245, 245, 0.38);
  font-weight: 600;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  padding-left: 24px;
  padding-right: 4px;
  margin-top: 4px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-list {
  cursor: default;
  margin-top: 4px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop > div:first-child > span:first-child {
  margin-left: 4px;
  margin-right: 4px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop.ag-last-column-drop {
  border-bottom-width: 0;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header > div:not(.ag-input-wrapper) {
  padding-left: 2px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item {
  margin-top: 4px;
  margin-right: 2px;
  margin-bottom: 4px;
  margin-left: 0;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-1 .ag-filter-toolpanel-header,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-1 .ag-filter-toolpanel-header {
  padding-left: 1rem;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-2 .ag-group-component-title-bar,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-2 .ag-group-component-title-bar {
  padding-left: 1rem;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-2 .ag-filter-toolpanel-header,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-2 .ag-filter-toolpanel-header {
  padding-left: 2rem;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-3 .ag-group-component-title-bar,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-3 .ag-group-component-title-bar {
  padding-left: 2rem;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-3 .ag-filter-toolpanel-header,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-3 .ag-filter-toolpanel-header {
  padding-left: 3rem;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-4 .ag-group-component-title-bar,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-4 .ag-group-component-title-bar {
  padding-left: 3rem;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-4 .ag-filter-toolpanel-header,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-4 .ag-filter-toolpanel-header {
  padding-left: 4rem;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-5 .ag-group-component-title-bar,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-5 .ag-group-component-title-bar {
  padding-left: 4rem;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-5 .ag-filter-toolpanel-header,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-5 .ag-filter-toolpanel-header {
  padding-left: 5rem;
}
.bp3-dark .ag-theme-balham .ag-numeric-header .ag-header-cell-label .ag-header-icon {
  margin-left: 0;
  margin-right: 4px;
}
.bp3-dark .ag-theme-balham .ag-paging-panel {
  border-top: 1px solid #424242;
  color: rgba(245, 245, 245, 0.64);
  height: 32px;
  padding: 0 12px;
}
.bp3-dark .ag-theme-balham .ag-paging-panel > span {
  margin-left: 16px;
}
.bp3-dark .ag-theme-balham .ag-paging-page-summary-panel .ag-icon {
  width: 16px;
  height: 16px;
}
.bp3-dark .ag-theme-balham .ag-paging-page-summary-panel .ag-paging-button button {
  cursor: pointer;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
}
.bp3-dark .ag-theme-balham .ag-paging-page-summary-panel .ag-paging-button.ag-disabled .ag-icon {
  color: rgba(245, 245, 245, 0.38);
  opacity: 0.38;
}
.bp3-dark .ag-theme-balham .ag-paging-page-summary-panel .ag-paging-button.ag-disabled button {
  cursor: default;
}
.bp3-dark .ag-theme-balham .ag-paging-page-summary-panel span {
  margin: 0 4px;
}
.bp3-dark .ag-theme-balham .ag-row-selected {
  background-color: rgb(0, 88, 127.5);
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell),
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell) {
  border: 1px solid transparent;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top,
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right,
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom,
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left,
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus) {
  background-color: rgba(0, 176, 255, 0.2);
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart {
  background-color: rgba(45, 166, 255, 0.5);
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: rgba(26, 177, 74, 0.5);
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected-1:not(.ag-cell-focus) {
  background-color: rgba(0, 176, 255, 0.3);
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected-2:not(.ag-cell-focus) {
  background-color: rgba(0, 176, 255, 0.4);
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected-3:not(.ag-cell-focus) {
  background-color: rgba(0, 176, 255, 0.5);
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected-4:not(.ag-cell-focus) {
  background-color: rgba(0, 176, 255, 0.6);
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-selection-fill-top,
.bp3-dark .ag-theme-balham .ag-rtl .ag-selection-fill-top {
  border-top: 1px dashed #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-selection-fill-top.ag-cell.ag-cell-range-selected,
.bp3-dark .ag-theme-balham .ag-rtl .ag-selection-fill-top.ag-cell.ag-cell-range-selected {
  border-top: 1px dashed #0f0f0f;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-selection-fill-right,
.bp3-dark .ag-theme-balham .ag-rtl .ag-selection-fill-right {
  border-right: 1px dashed #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-selection-fill-right.ag-cell.ag-cell-range-selected,
.bp3-dark .ag-theme-balham .ag-rtl .ag-selection-fill-right.ag-cell.ag-cell-range-selected {
  border-right: 1px dashed #0f0f0f;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-selection-fill-bottom,
.bp3-dark .ag-theme-balham .ag-rtl .ag-selection-fill-bottom {
  border-bottom: 1px dashed #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-selection-fill-bottom.ag-cell.ag-cell-range-selected,
.bp3-dark .ag-theme-balham .ag-rtl .ag-selection-fill-bottom.ag-cell.ag-cell-range-selected {
  border-bottom: 1px dashed #0f0f0f;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-selection-fill-left,
.bp3-dark .ag-theme-balham .ag-rtl .ag-selection-fill-left {
  border-left: 1px dashed #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-selection-fill-left.ag-cell.ag-cell-range-selected,
.bp3-dark .ag-theme-balham .ag-rtl .ag-selection-fill-left.ag-cell.ag-cell-range-selected {
  border-left: 1px dashed #0f0f0f;
}
.bp3-dark .ag-theme-balham .ag-range-handle, .bp3-dark .ag-theme-balham .ag-fill-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  right: -1px;
  background-color: #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-fill-handle {
  cursor: cell;
}
.bp3-dark .ag-theme-balham .ag-range-handle {
  cursor: nwse-resize;
}
.bp3-dark .ag-theme-balham .ag-cell.ag-cell-inline-editing {
  padding: 12px;
  height: 40px;
}
.bp3-dark .ag-theme-balham .ag-cell.ag-cell-inline-editing {
  background: #333;
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
}
.bp3-dark .ag-theme-balham .ag-popup-editor {
  background: #333;
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
  padding: 0;
}
.bp3-dark .ag-theme-balham .ag-popup-editor .ag-large-textarea textarea {
  height: auto;
  padding: 12px;
}
.bp3-dark .ag-theme-balham .ag-virtual-list-container .ag-virtual-list-item {
  height: 28px;
}
.bp3-dark .ag-theme-balham .ag-rich-select {
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
}
.bp3-dark .ag-theme-balham .ag-rich-select .ag-rich-select-list {
  width: 100%;
  min-width: 200px;
  height: 182px;
}
.bp3-dark .ag-theme-balham .ag-rich-select .ag-rich-select-value {
  padding: 0 4px 0 12px;
  height: 28px;
}
.bp3-dark .ag-theme-balham .ag-rich-select .ag-virtual-list-item {
  cursor: default;
  height: 28px;
}
.bp3-dark .ag-theme-balham .ag-rich-select .ag-virtual-list-item:hover, .bp3-dark .ag-theme-balham .ag-rich-select .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-virtual-list-item.bp3-menu-item, .bp3-submenu .bp3-dark .ag-theme-balham .ag-rich-select .bp3-popover-target.bp3-popover-open > .ag-virtual-list-item.bp3-menu-item {
  background-color: rgb(61.2272727273, 70.7515151515, 73.4727272727);
}
.bp3-dark .ag-theme-balham .ag-rich-select .ag-rich-select-row {
  padding-left: 12px;
}
.bp3-dark .ag-theme-balham .ag-rich-select .ag-rich-select-row-selected {
  background-color: rgb(0, 88, 127.5);
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-floating-filter-button {
  margin-left: 12px;
}
.bp3-dark .ag-theme-balham .ag-floating-filter-button button {
  appearance: none;
  background: transparent;
  border: 0;
  height: 16px;
  padding: 0;
  width: 16px;
}
.bp3-dark .ag-theme-balham .ag-selection-checkbox:not(.ag-hidden) ~ .ag-cell-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-selection-checkbox:not(.ag-hidden) + .ag-group-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-group-expanded:not(.ag-hidden) ~ .ag-cell-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-group-expanded:not(.ag-hidden) + .ag-group-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-group-contracted:not(.ag-hidden) ~ .ag-cell-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-group-contracted:not(.ag-hidden) + .ag-group-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-group-checkbox:not(.ag-invisible) ~ .ag-cell-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-group-checkbox:not(.ag-invisible) + .ag-group-value:not(:empty) {
  margin-left: 12px;
}
.bp3-dark .ag-theme-balham .ag-selection-checkbox:not(.ag-hidden) ~ .ag-group-checkbox,
.bp3-dark .ag-theme-balham .ag-group-expanded:not(.ag-hidden) ~ .ag-group-checkbox,
.bp3-dark .ag-theme-balham .ag-group-contracted:not(.ag-hidden) ~ .ag-group-checkbox,
.bp3-dark .ag-theme-balham .ag-group-checkbox:not(.ag-invisible) ~ .ag-group-checkbox {
  margin-left: 12px;
}
.bp3-dark .ag-theme-balham .ag-group-child-count {
  margin-left: 2px;
}
.bp3-dark .ag-theme-balham .ag-selection-checkbox span {
  position: relative;
}
.bp3-dark .ag-theme-balham .ag-column-drop-horizontal {
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
  height: 28px;
  padding-left: 12px;
}
.bp3-dark .ag-theme-balham .ag-column-drop-horizontal .ag-icon-group,
.bp3-dark .ag-theme-balham .ag-column-drop-horizontal .ag-icon-pivot {
  margin-right: 12px;
}
.bp3-dark .ag-theme-balham .ag-column-drop-horizontal .ag-icon-small-left,
.bp3-dark .ag-theme-balham .ag-column-drop-horizontal .ag-icon-small-right {
  margin: 0 4px;
  opacity: 0.64;
}
.bp3-dark .ag-theme-balham .ag-column-drop-horizontal .ag-column-drop-empty-message {
  opacity: 0.38;
}
.bp3-dark .ag-theme-balham .ag-column-drop-cell {
  background: rgb(49.6363636364, 57.3575757576, 59.5636363636);
  border-radius: 16px;
  min-height: 16px;
  padding: 0 2px;
}
.bp3-dark .ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-text {
  margin: 0 4px;
}
.bp3-dark .ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button {
  min-width: 16px;
  margin: 0 2px;
  opacity: 0.64;
}
.bp3-dark .ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button:hover, .bp3-dark .ag-theme-balham .ag-column-drop-cell .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-column-drop-cell-button.bp3-menu-item, .bp3-submenu .bp3-dark .ag-theme-balham .ag-column-drop-cell .bp3-popover-target.bp3-popover-open > .ag-column-drop-cell-button.bp3-menu-item {
  opacity: 0.87;
}
.bp3-dark .ag-theme-balham .ag-column-drop-cell .ag-column-drag {
  margin-left: 8px;
}
.bp3-dark .ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell {
  margin-top: 4px;
}
.bp3-dark .ag-theme-balham .ag-select-agg-func-popup {
  background: #333;
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
  background: #333;
  height: 70px;
  padding: 0;
}
.bp3-dark .ag-theme-balham .ag-select-agg-func-popup .ag-virtual-list-item {
  cursor: default;
  line-height: 20px;
  padding-left: 8px;
}
.bp3-dark .ag-theme-balham .ag-set-filter-list,
.bp3-dark .ag-theme-balham .ag-menu-column-select-wrapper {
  width: auto;
}
.bp3-dark .ag-theme-balham .ag-column-drop-vertical > .ag-column-drop-cell {
  margin-left: 4px;
  margin-top: 0;
}
.bp3-dark .ag-theme-balham .ag-cell-data-changed {
  background-color: rgba(22, 160, 133, 0.5) !important;
}
.bp3-dark .ag-theme-balham .ag-cell-data-changed-animation {
  background-color: transparent;
  transition: background-color 1s;
}
.bp3-dark .ag-theme-balham .ag-row-stub {
  background-color: inherit;
}
.bp3-dark .ag-theme-balham .ag-stub-cell {
  padding-left: 12px;
  padding-top: 4px;
}
.bp3-dark .ag-theme-balham .ag-stub-cell .ag-loading-icon {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bp3-dark .ag-theme-balham .ag-stub-cell .ag-loading-text {
  margin-left: 4px;
  margin-top: 4px;
}
.bp3-dark .ag-theme-balham .ag-floating-top {
  border-bottom: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-floating-bottom {
  border-top: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-floating-top,
.bp3-dark .ag-theme-balham .ag-floating-bottom {
  background-color: inherit;
}
.bp3-dark .ag-theme-balham .ag-floating-top .ag-row,
.bp3-dark .ag-theme-balham .ag-floating-bottom .ag-row {
  background-color: inherit;
}
.bp3-dark .ag-theme-balham .ag-status-bar {
  background: #333;
  border: 1px solid #424242;
  border-top-width: 0;
  color: rgba(245, 245, 245, 0.38);
  font-weight: 600;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  padding-right: 16px;
  padding-left: 16px;
  line-height: 1.5;
}
.bp3-dark .ag-theme-balham .ag-name-value-value {
  color: #F5F5F5;
}
.bp3-dark .ag-theme-balham .ag-status-bar-center {
  text-align: center;
}
.bp3-dark .ag-theme-balham .ag-name-value {
  margin-left: 4px;
  margin-right: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.bp3-dark .ag-theme-balham .ag-details-row {
  padding: 20px;
}
.bp3-dark .ag-theme-balham .ag-overlay-loading-wrapper {
  background-color: rgba(51, 51, 51, 0.5);
}
.bp3-dark .ag-theme-balham .ag-overlay-loading-center {
  background: #333;
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-right, .bp3-dark .ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-left {
  border-left: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-right .ag-side-button.ag-selected button, .bp3-dark .ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-left .ag-side-button.ag-selected button {
  margin-right: -1px;
  padding-right: 1px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-right .ag-tool-panel-wrapper, .bp3-dark .ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-left .ag-tool-panel-wrapper {
  border-left: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-left, .bp3-dark .ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-right {
  border-right: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-left .ag-side-button.ag-selected button, .bp3-dark .ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-right .ag-side-button.ag-selected button {
  margin-left: -1px;
  padding-left: 1px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-left .ag-tool-panel-wrapper, .bp3-dark .ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-side-bar {
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
  border: 1px solid #424242;
  border-left-width: 0;
  position: relative;
}
.bp3-dark .ag-theme-balham .ag-side-bar .ag-side-buttons {
  padding-top: 16px;
  background: #333;
  width: 20px;
  position: relative;
}
.bp3-dark .ag-theme-balham .ag-side-bar .ag-side-buttons .ag-side-button button {
  background: transparent;
  border: 0;
  color: #F5F5F5;
  padding: 8px 0 8px 0;
  width: calc(100% + 1px);
  margin: 0;
  min-height: 72px;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: transparent;
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
}
.bp3-dark .ag-theme-balham .ag-side-bar .ag-side-buttons .ag-selected button {
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
  border-color: #424242;
}
.bp3-dark .ag-theme-balham .ag-side-bar .ag-panel-container {
  border-right: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-side-bar.full-width .ag-panel-container {
  border-right: 0;
}
.bp3-dark .ag-theme-balham .ag-side-bar .ag-column-drop {
  min-height: 50px;
}
.bp3-dark .ag-theme-balham .ag-primary-cols-filter-wrapper {
  margin-left: 4px;
  margin-right: 4px;
}
.bp3-dark .ag-theme-balham .ag-group-component {
  background-color: #333;
  padding: 0px;
  border: 0 solid rgb(78.75, 78.75, 78.75);
  border-top-width: 1px;
}
.bp3-dark .ag-theme-balham .ag-group-component.ag-disabled > .ag-group-component-label .ag-group-component-title,
.bp3-dark .ag-theme-balham .ag-group-component.ag-disabled > .ag-group-component-container {
  opacity: 0.5;
}
.bp3-dark .ag-theme-balham .ag-group-component .ag-group-component-title-bar {
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
  height: 16px;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  height: 26px;
}
.bp3-dark .ag-theme-balham .ag-group-component:not(.ag-collapsible) > div {
  margin-left: 0;
}
.bp3-dark .ag-theme-balham .ag-group-component:not(.ag-collapsible) > .ag-group-component-title-bar {
  margin-left: 0;
  padding: 4px;
}
.bp3-dark .ag-theme-balham .ag-group-component:not(.ag-collapsible) > .ag-group-component-title-bar .ag-column-group-icons {
  display: none;
}
.bp3-dark .ag-theme-balham .ag-group-component .ag-group-component-toolbar {
  background-color: rgb(45.9, 45.9, 45.9);
  padding: 4px;
  border: 0 solid #424242;
}
.bp3-dark .ag-theme-balham .ag-group-component > .ag-group-component-container {
  margin-left: 8px;
  padding: 4px;
}
.bp3-dark .ag-theme-balham .ag-group-component .ag-group-item {
  margin: 2px 0;
}
.bp3-dark .ag-theme-balham .ag-group-component .ag-group-item .ag-group-component-title-bar {
  height: 18px;
}
.bp3-dark .ag-theme-balham .ag-labeled label {
  margin-right: 4px;
  white-space: nowrap;
}
.bp3-dark .ag-theme-balham .ag-labeled.ag-label-align-top label {
  margin-bottom: 2px;
}
.bp3-dark .ag-theme-balham .ag-slider > .ag-wrapper > div:not(:first-of-type),
.bp3-dark .ag-theme-balham .ag-angle-select > .ag-wrapper > div:not(:first-of-type) {
  margin-left: 8px;
}
.bp3-dark .ag-theme-balham .ag-angle-select .ag-angle-select-field .ag-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
  background-color: #ffffff;
}
.bp3-dark .ag-theme-balham .ag-angle-select .ag-angle-select-field .ag-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: #4c4c4c;
}
.bp3-dark .ag-theme-balham .ag-toggle-button .ag-input-wrapper {
  height: 16px;
  width: 40px;
  background-color: #333;
  border: 1px solid #ecf0f1;
  border-radius: 500rem;
}
.bp3-dark .ag-theme-balham .ag-toggle-button .ag-input-wrapper .ag-icon {
  width: 16px;
  height: 16px;
  border: 1px solid #ecf0f1;
  border-radius: 500rem;
  right: calc(100% - 16px);
}
.bp3-dark .ag-theme-balham .ag-toggle-button.ag-selected .ag-input-wrapper {
  background-color: #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-toggle-button.ag-selected .ag-input-wrapper .ag-icon {
  background: #333;
  right: -1px;
}
.bp3-dark .ag-theme-balham .ag-color-picker > .ag-wrapper {
  border: 1px solid #424242;
  border-radius: 5px;
}
.bp3-dark .ag-theme-balham .ag-color-picker > .ag-wrapper > div {
  width: 16px;
  height: 16px;
}
.bp3-dark .ag-theme-balham .ag-color-picker > .ag-wrapper button {
  background-color: #333;
}
.bp3-dark .ag-theme-balham .ag-color-picker > .ag-wrapper button:hover, .bp3-dark .ag-theme-balham .ag-color-picker > .ag-wrapper .bp3-submenu .bp3-popover-target.bp3-popover-open > button.bp3-menu-item, .bp3-submenu .bp3-dark .ag-theme-balham .ag-color-picker > .ag-wrapper .bp3-popover-target.bp3-popover-open > button.bp3-menu-item {
  background-color: rgb(61.2272727273, 70.7515151515, 73.4727272727);
}
.bp3-dark .ag-theme-balham .ag-dialog.ag-color-dialog {
  border-radius: 5px;
}
.bp3-dark .ag-theme-balham .ag-color-panel {
  padding: 4px;
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-spectrum-tools {
  padding: 10px;
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 1px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-spectrum-hue-background {
  border-radius: 2px;
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-spectrum-alpha-background {
  border-radius: 2px;
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-hue-alpha {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: rgb(248, 248, 248);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-spectrum-text-value {
  font-weight: bold;
  line-height: 20px;
  color: #333;
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-spectrum-text-value:focus {
  border: 1px solid #0d77e4;
  padding: 2px;
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-recent-colors > div {
  margin: 0 3px;
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-recent-colors > div:first-child {
  margin-left: 0;
}
.bp3-dark .ag-theme-balham .ag-color-panel .ag-recent-colors > div:last-child {
  margin-right: 0;
}
.bp3-dark .ag-theme-balham.ag-popup > div:not(.ag-tooltip-custom) {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.bp3-dark .ag-theme-balham .ag-panel {
  background-color: #333;
  border: 1px solid #424242;
}
.ag-dragging-range-handle .bp3-dark .ag-theme-balham .ag-panel.ag-dialog, .ag-dragging-fill-handle .bp3-dark .ag-theme-balham .ag-panel.ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}
.bp3-dark .ag-theme-balham .ag-panel .ag-title-bar {
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
  border-bottom: 1px solid rgb(91.5, 91.5, 91.5);
  color: rgba(245, 245, 245, 0.64);
  height: 32px;
  font-size: 12px;
  font-weight: 600;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  padding: 5px 10px;
  padding-left: 12px;
}
.bp3-dark .ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button {
  height: 20px;
  width: 20px;
}
.bp3-dark .ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button .ag-icon {
  line-height: 20px;
  font-size: 20px;
}
.bp3-dark .ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button {
  border-radius: 5px;
}
.bp3-dark .ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button:hover, .bp3-dark .ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-button.bp3-menu-item, .bp3-submenu .bp3-dark .ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .bp3-popover-target.bp3-popover-open > .ag-button.bp3-menu-item, .bp3-dark .ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button.ag-has-popup {
  background-color: rgb(4.1830985915, 4.6478873239, 4.8169014085);
}
.bp3-dark .ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button:not(:last-child) {
  margin-right: 5px;
}
.bp3-dark .ag-theme-balham .ag-panel .ag-message-box .ag-message-box-button-bar {
  height: 30px;
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
  padding: 2px;
}
.bp3-dark .ag-theme-balham .ag-panel .ag-message-box .ag-message-box-button-bar button {
  border-radius: 2px;
}
.bp3-dark .ag-theme-balham .ag-tooltip {
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
  color: #F5F5F5;
  border-radius: 2px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(51.5915492958, 57.323943662, 59.4084507042);
  transition: opacity 1s;
}
.bp3-dark .ag-theme-balham .ag-tooltip.ag-tooltip-hiding {
  opacity: 0;
}
.bp3-dark .ag-theme-balham .ag-chart .ag-chart-menu {
  border-radius: 5px;
  background: #333;
}
.bp3-dark .ag-theme-balham .ag-chart .ag-chart-menu > span:hover, .bp3-dark .ag-theme-balham .ag-chart .bp3-submenu .ag-chart-menu.bp3-popover-target.bp3-popover-open > span.bp3-menu-item, .bp3-submenu .bp3-dark .ag-theme-balham .ag-chart .ag-chart-menu.bp3-popover-target.bp3-popover-open > span.bp3-menu-item {
  background-color: rgb(25.5, 25.5, 25.5);
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-group-component-container {
  margin-left: 0;
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail {
  border: 1px solid #424242;
  border-radius: 5px;
  margin: 5px;
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail:nth-child(2n+2):not(:last-child) {
  margin-left: auto;
  margin-right: auto;
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail:nth-child(3n+1) {
  margin-left: 2px;
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail:nth-child(3n) {
  margin-right: 2px;
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail.ag-selected {
  border-color: #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
  background: #F5F5F5;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item.ag-selected {
  background: #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-data .ag-data-select-checkbox .ag-column-drag {
  margin-left: 4px;
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-data .ag-chart-data-wrapper .ag-toggle-button.ag-group-item {
  margin: 4.8px 0;
}
.bp3-dark .ag-theme-balham .ag-chart-tabbed-menu .ag-chart-format .ag-chart-format-wrapper .ag-group-item {
  margin: 4.8px 0;
}
.bp3-dark .ag-theme-balham .ag-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "agGridBalham";
  display: block;
  speak: none;
  font-size: 16px;
  color: #ecf0f1;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bp3-dark .ag-theme-balham .ag-icon-aggregation:before {
  content: "\f101";
}
.bp3-dark .ag-theme-balham .ag-icon-arrows:before {
  content: "\f102";
}
.bp3-dark .ag-theme-balham .ag-icon-asc:before {
  content: "\f103";
}
.bp3-dark .ag-theme-balham .ag-icon-cancel:before {
  content: "\f104";
}
.bp3-dark .ag-theme-balham .ag-icon-chart:before {
  content: "\f105";
}
.bp3-dark .ag-theme-balham .ag-icon-checkbox-checked:before {
  content: "\f106";
}
.bp3-dark .ag-theme-balham .ag-icon-checkbox-indeterminate:before {
  content: "\f107";
}
.bp3-dark .ag-theme-balham .ag-icon-checkbox-unchecked:before {
  content: "\f108";
}
.bp3-dark .ag-theme-balham .ag-icon-color-picker:before {
  content: "\f109";
}
.bp3-dark .ag-theme-balham .ag-icon-column:before {
  content: "\f10a";
}
.bp3-dark .ag-theme-balham .ag-icon-columns:before {
  content: "\f10b";
}
.bp3-dark .ag-theme-balham .ag-icon-contracted:before {
  content: "\f10c";
}
.bp3-dark .ag-theme-balham .ag-icon-copy:before {
  content: "\f10d";
}
.bp3-dark .ag-theme-balham .ag-icon-cross:before {
  content: "\f10e";
}
.bp3-dark .ag-theme-balham .ag-icon-cut:before {
  content: "\f10f";
}
.bp3-dark .ag-theme-balham .ag-icon-data:before {
  content: "\f110";
}
.bp3-dark .ag-theme-balham .ag-icon-desc:before {
  content: "\f111";
}
.bp3-dark .ag-theme-balham .ag-icon-expanded:before {
  content: "\f112";
}
.bp3-dark .ag-theme-balham .ag-icon-eye-slash:before {
  content: "\f113";
}
.bp3-dark .ag-theme-balham .ag-icon-eye:before {
  content: "\f114";
}
.bp3-dark .ag-theme-balham .ag-icon-filter:before {
  content: "\f115";
}
.bp3-dark .ag-theme-balham .ag-icon-first:before {
  content: "\f116";
}
.bp3-dark .ag-theme-balham .ag-icon-grip:before {
  content: "\f117";
}
.bp3-dark .ag-theme-balham .ag-icon-group:before {
  content: "\f118";
}
.bp3-dark .ag-theme-balham .ag-icon-indeterminate:before {
  content: "\f119";
}
.bp3-dark .ag-theme-balham .ag-icon-last:before {
  content: "\f11a";
}
.bp3-dark .ag-theme-balham .ag-icon-left:before {
  content: "\f11b";
}
.bp3-dark .ag-theme-balham .ag-icon-linked:before {
  content: "\f11c";
}
.bp3-dark .ag-theme-balham .ag-icon-loading:before {
  content: "\f11d";
}
.bp3-dark .ag-theme-balham .ag-icon-maximize:before {
  content: "\f11e";
}
.bp3-dark .ag-theme-balham .ag-icon-menu:before {
  content: "\f11f";
}
.bp3-dark .ag-theme-balham .ag-icon-minimize:before {
  content: "\f120";
}
.bp3-dark .ag-theme-balham .ag-icon-minus:before {
  content: "\f121";
}
.bp3-dark .ag-theme-balham .ag-icon-next:before {
  content: "\f122";
}
.bp3-dark .ag-theme-balham .ag-icon-none:before {
  content: "\f123";
}
.bp3-dark .ag-theme-balham .ag-icon-not-allowed:before {
  content: "\f124";
}
.bp3-dark .ag-theme-balham .ag-icon-paste:before {
  content: "\f125";
}
.bp3-dark .ag-theme-balham .ag-icon-pin:before {
  content: "\f126";
}
.bp3-dark .ag-theme-balham .ag-icon-pivot:before {
  content: "\f127";
}
.bp3-dark .ag-theme-balham .ag-icon-plus:before {
  content: "\f128";
}
.bp3-dark .ag-theme-balham .ag-icon-previous:before {
  content: "\f129";
}
.bp3-dark .ag-theme-balham .ag-icon-radio-button-off:before {
  content: "\f12a";
}
.bp3-dark .ag-theme-balham .ag-icon-radio-button-on:before {
  content: "\f12b";
}
.bp3-dark .ag-theme-balham .ag-icon-right:before {
  content: "\f12c";
}
.bp3-dark .ag-theme-balham .ag-icon-save:before {
  content: "\f12d";
}
.bp3-dark .ag-theme-balham .ag-icon-small-down:before {
  content: "\f12e";
}
.bp3-dark .ag-theme-balham .ag-icon-small-left:before {
  content: "\f12f";
}
.bp3-dark .ag-theme-balham .ag-icon-small-right:before {
  content: "\f130";
}
.bp3-dark .ag-theme-balham .ag-icon-small-up:before {
  content: "\f131";
}
.bp3-dark .ag-theme-balham .ag-icon-tick:before {
  content: "\f132";
}
.bp3-dark .ag-theme-balham .ag-icon-tree-closed:before {
  content: "\f133";
}
.bp3-dark .ag-theme-balham .ag-icon-tree-indeterminate:before {
  content: "\f134";
}
.bp3-dark .ag-theme-balham .ag-icon-tree-open:before {
  content: "\f135";
}
.bp3-dark .ag-theme-balham .ag-icon-unlinked:before {
  content: "\f136";
}
.bp3-dark .ag-theme-balham .ag-icon-checkbox-checked,
.bp3-dark .ag-theme-balham .ag-icon-checkbox-indeterminate,
.bp3-dark .ag-theme-balham .ag-icon-checkbox-unchecked {
  background-color: #444;
  line-height: 16px;
  border-radius: 3px;
}
.bp3-dark .ag-theme-balham .ag-icon-checkbox-checked-readonly,
.bp3-dark .ag-theme-balham .ag-icon-checkbox-indeterminate-readonly,
.bp3-dark .ag-theme-balham .ag-icon-checkbox-unchecked-readonly {
  cursor: default;
  opacity: 0.38;
}
.bp3-dark .ag-theme-balham .ag-icon-checkbox-checked {
  color: #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-icon-checkbox-checked-readonly:before {
  content: "\f106";
}
.bp3-dark .ag-theme-balham .ag-icon-checkbox-indeterminate-readonly:before {
  content: "\f107";
}
.bp3-dark .ag-theme-balham .ag-icon-checkbox-unchecked-readonly:before {
  content: "\f108";
}
.bp3-dark .ag-theme-balham .ag-icon-row-drag:before {
  content: "\f117";
}
.bp3-dark .ag-theme-balham .ag-right-arrow:before {
  content: "\f11b";
}
.bp3-dark .ag-theme-balham .ag-icon-radio-button-on {
  color: #00B0FF;
}
.bp3-dark .ag-theme-balham .ag-right-arrow:before {
  content: "\f12c";
}
.bp3-dark .ag-theme-balham .ag-rtl {
  text-align: right;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-numeric-cell {
  text-align: left;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-checkbox:not(.ag-label-align-left) label,
.bp3-dark .ag-theme-balham .ag-rtl .ag-radio-button:not(.ag-label-align-left) label,
.bp3-dark .ag-theme-balham .ag-rtl .ag-toggle-button:not(.ag-label-align-left) label {
  margin-right: 4px;
  margin-left: 0;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-pivot-mode-panel .ag-pivot-mode-select {
  margin-right: 4px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
  padding-left: 4px;
  padding-right: 16px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-select-checkbox,
.bp3-dark .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-group-icons,
.bp3-dark .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column .ag-column-select-checkbox,
.bp3-dark .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column .ag-column-group-icons {
  margin-left: 4px;
  margin-right: 4px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-group-closed-icon {
  display: block;
  transform: rotate(180deg);
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column.ag-toolpanel-add-group-indent {
  margin-left: 0;
  margin-right: 14px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-header-select-all {
  margin-left: 12px;
  margin-right: 0;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-selection-checkbox + .ag-cell-value:not(:empty), .bp3-dark .ag-theme-balham .ag-rtl .ag-selection-checkbox + .ag-group-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-rtl .ag-group-checkbox + .ag-cell-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-rtl .ag-group-checkbox + .ag-group-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-rtl .ag-group-expanded + .ag-cell-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-rtl .ag-group-expanded + .ag-group-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-rtl .ag-group-contracted + .ag-cell-value:not(:empty),
.bp3-dark .ag-theme-balham .ag-rtl .ag-group-contracted + .ag-group-value:not(:empty) {
  margin-right: 12px;
  margin-left: initial;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-selection-checkbox + .ag-group-checkbox,
.bp3-dark .ag-theme-balham .ag-rtl .ag-group-checkbox + .ag-group-checkbox,
.bp3-dark .ag-theme-balham .ag-rtl .ag-group-expanded + .ag-group-checkbox,
.bp3-dark .ag-theme-balham .ag-rtl .ag-group-contracted + .ag-group-checkbox {
  margin-right: 12px;
  margin-left: initial;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-group-child-count {
  margin-left: unset;
  margin-right: 2px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-column-drop-horizontal {
  padding-right: 12px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-column-drop-horizontal .ag-icon-group,
.bp3-dark .ag-theme-balham .ag-rtl .ag-column-drop-horizontal .ag-icon-pivot {
  margin-left: 12px;
  margin-right: 0;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-floating-filter-button {
  margin-right: 12px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-set-filter-item > div,
.bp3-dark .ag-theme-balham .ag-rtl .ag-set-filter-item > span {
  margin-left: 0;
  margin-right: 5px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-header .ag-header-cell-resize::after {
  border-left: 1px solid #424242;
  border-right: 0;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-row-group-leaf-indent {
  margin-right: 28px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell {
  border-left: 1px solid transparent;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell:not(.ag-cell-focus).ag-cell-first-right-pinned:not(.ag-cell-range-left),
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-first-right-pinned:not(.ag-cell-range-left),
.bp3-dark .ag-theme-balham .ag-rtl .ag-root:not(.ag-has-focus) .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left) {
  border-left: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned:not(.ag-cell-range-right),
.bp3-dark .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-last-left-pinned:not(.ag-cell-range-right),
.bp3-dark .ag-theme-balham .ag-rtl .ag-root:not(.ag-has-focus) .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right) {
  border-right: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-side-bar {
  border-right-width: 0;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-side-bar .ag-panel-container {
  border-left: 1px solid #424242;
  border-right: 0;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-side-bar.full-width .ag-panel-container {
  border-left: 0;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header > div:not(.ag-input-wrapper) {
  padding-right: 2px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 0;
  margin-left: 2px;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-1 .ag-filter-toolpanel-header,
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-1 .ag-filter-toolpanel-header {
  padding-right: 1rem;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-2 .ag-group-component-title-bar,
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-2 .ag-group-component-title-bar {
  padding-right: 1rem;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-2 .ag-filter-toolpanel-header,
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-2 .ag-filter-toolpanel-header {
  padding-right: 2rem;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-3 .ag-group-component-title-bar,
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-3 .ag-group-component-title-bar {
  padding-right: 2rem;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-3 .ag-filter-toolpanel-header,
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-3 .ag-filter-toolpanel-header {
  padding-right: 3rem;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-4 .ag-group-component-title-bar,
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-4 .ag-group-component-title-bar {
  padding-right: 3rem;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-4 .ag-filter-toolpanel-header,
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-4 .ag-filter-toolpanel-header {
  padding-right: 4rem;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-5 .ag-group-component-title-bar,
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-5 .ag-group-component-title-bar {
  padding-right: 4rem;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-5 .ag-filter-toolpanel-header,
.bp3-dark .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item > .ag-group-component.ag-level-5 .ag-filter-toolpanel-header {
  padding-right: 5rem;
}
.bp3-dark .ag-theme-balham .sass-variables::after {
  content: '{ "autoSizePadding": "12px", "headerHeight": "32px", "groupPaddingSize": "28px", "footerPaddingAddition": "16px", "virtualItemHeight": "28px", "aggFuncPopupHeight": "98px", "checkboxIndentWidth": "20px", "leafNodePadding": "12px", "rowHeight": "28px", "gridSize": "4px", "iconSize": "16px" }';
  display: none;
}
.bp3-dark .ag-theme-balham .ag-cell-highlight {
  background-color: #00B0FF !important;
}
.bp3-dark .ag-theme-balham .ag-header-cell-resize::after {
  height: 80%;
  margin-top: 8px;
}
.bp3-dark .ag-theme-balham .ag-header-cell::after,
.bp3-dark .ag-theme-balham .ag-header-group-cell::after {
  border-right: 1px solid rgba(66, 66, 66, 0.5);
  content: " ";
  height: 16px;
  margin-top: 8px;
  position: absolute;
  text-indent: -2000px;
  top: 0;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-header-cell::after,
.bp3-dark .ag-theme-balham .ag-ltr .ag-header-group-cell::after {
  right: 0;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-header-cell::after,
.bp3-dark .ag-theme-balham .ag-rtl .ag-header-group-cell::after {
  left: 0;
}
.bp3-dark .ag-theme-balham .ag-column-drop-horizontal.ag-column-drop {
  border: 1px solid #424242;
  border-bottom: 0;
}
.bp3-dark .ag-theme-balham .ag-ltr .ag-column-drop-horizontal.ag-column-drop.ag-width-half:first-child {
  border-right: 0;
}
.bp3-dark .ag-theme-balham .ag-rtl .ag-column-drop-horizontal.ag-column-drop.ag-width-half:first-child {
  border-left: 0;
}
.bp3-dark .ag-theme-balham .ag-row {
  border-color: rgb(91.5, 91.5, 91.5);
}
.bp3-dark .ag-theme-balham .ag-row-selected {
  border-color: rgb(0, 88, 127.5);
}
.bp3-dark .ag-theme-balham .ag-column-drop-cell {
  min-height: 24px;
}
.bp3-dark .ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button {
  margin-bottom: 2px;
  margin-top: 2px;
}
.bp3-dark .ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button:hover, .bp3-dark .ag-theme-balham .ag-column-drop-cell .bp3-submenu .bp3-popover-target.bp3-popover-open > .ag-column-drop-cell-button.bp3-menu-item, .bp3-submenu .bp3-dark .ag-theme-balham .ag-column-drop-cell .bp3-popover-target.bp3-popover-open > .ag-column-drop-cell-button.bp3-menu-item {
  opacity: 1;
}
.bp3-dark .ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell {
  margin-left: 8px;
  margin-right: 8px;
}
.bp3-dark .ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell .ag-column-drop-cell-text {
  margin-left: 8px;
}
.bp3-dark .ag-theme-balham .ag-column-drop-horizontal {
  background-color: rgb(27.8873239437, 30.985915493, 32.1126760563);
  height: 32px;
}
.bp3-dark .ag-theme-balham .ag-column-drop-horizontal .ag-column-drop-cell-text {
  margin-left: 8px;
}
.bp3-dark .ag-theme-balham .ag-root {
  border: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-column-select-panel .ag-column-tool-panel-column-group,
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-column-select-panel .ag-column-tool-panel-column {
  min-height: 20px;
}
.bp3-dark .ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop {
  padding-bottom: 8px;
  padding-top: 8px;
}
.bp3-dark .ag-theme-balham .ag-menu-option {
  height: 28px;
}
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group,
.bp3-dark .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column {
  height: 20px;
}
.bp3-dark .ag-theme-balham .ag-tab-header {
  border-bottom: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-tab-header .ag-tab {
  margin-bottom: -2px;
}
.bp3-dark .ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected {
  background-color: #444;
  border-bottom-color: transparent;
}
.bp3-dark .ag-theme-balham .ag-tab-body,
.bp3-dark .ag-theme-balham .ag-popup-editor,
.bp3-dark .ag-theme-balham .ag-menu {
  background-color: #444;
  color: #F5F5F5;
}
.bp3-dark .ag-theme-balham .ag-cell.ag-cell-inline-editing {
  height: 28px;
  padding: 0;
}
.bp3-dark .ag-theme-balham .ag-details-row {
  background-color: #444;
}
.bp3-dark .ag-theme-balham .ag-overlay-loading-wrapper {
  background-color: rgba(255, 255, 255, 0.5);
}
.bp3-dark .ag-theme-balham .ag-overlay-loading-center {
  background-color: #444;
  border: 1px solid #424242;
  color: #F5F5F5;
  padding: 16px;
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected-1:not(.ag-cell-focus) {
  background-color: rgba(0, 176, 255, 0.3);
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected-2:not(.ag-cell-focus) {
  background-color: rgba(0, 176, 255, 0.4);
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected-3:not(.ag-cell-focus) {
  background-color: rgba(0, 176, 255, 0.5);
}
.bp3-dark .ag-theme-balham .ag-cell-range-selected-4:not(.ag-cell-focus) {
  background-color: rgba(0, 176, 255, 0.6);
}
.bp3-dark .ag-theme-balham .ag-rich-select-value {
  border-bottom: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-filter-apply-panel {
  border-top: 1px solid #424242;
}
.bp3-dark .ag-theme-balham .ag-group-expanded .ag-icon-expanded:empty:before {
  content: "\f135";
}
.bp3-dark .ag-theme-balham input,
.bp3-dark .ag-theme-balham select {
  background-color: hsl(0, 0%, 30%);
  color: #ffffff;
}
.bp3-dark .ag-theme-balham .ag-filter-toolpanel-body {
  background-color: #414141;
}
.bp3-dark .ag-theme-balham .ag-angle-select .ag-angle-select-field .ag-parent-circle {
  background-color: white;
}
.bp3-dark .ag-theme-balham .ag-angle-select .ag-angle-select-field .ag-child-circle {
  background-color: #444;
}
.bp3-dark .ag-theme-balham .ag-menu .ag-menu-separator > span {
  background-image: none;
  border-top: 1px solid hsl(0, 0%, 30%);
}

.bp3-dark .ag-theme-balham .ag-row-odd,
.ag-row-even {
  background-color: rgb(30, 30, 30);
}

.bp3-dark .ag-theme-balham .ag-row-selected {
  background-color: #005880 !important;
  color: white !important;
}

.bp3-dark .ag-theme-balham .ag-cell-data-changed {
  background-color: rgba(0, 87, 128, 0.5921568627) !important;
}

.ag-grid-minimal-panel .ag-status-bar {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.ag-grid-minimal-panel .ag-status-bar span.ag-icon {
  margin: 0px !important;
}
.ag-grid-minimal-panel .ag-status-bar .ag-paging-panel {
  height: 25px !important;
  padding: 0px !important;
}
.ag-grid-minimal-panel .ag-status-bar .ag-paging-panel > span {
  margin-left: 3px !important;
}
.ag-grid-minimal-panel .hide-on-minimal {
  display: none;
}
.ag-grid-minimal-panel .show-on-minimal {
  display: block !important;
}

.tree-edit-panel {
  height: 100%;
  display: flex;
  flex-flow: column;
  padding: 15px;
}
.tree-edit-panel .buttons-container {
  padding: 15px;
  display: flex;
  justify-content: flex-end;
}
.tree-edit-panel .buttons-container button {
  flex: 0.2;
  margin-left: 4px;
}
.tree-edit-panel .side-by-side-container {
  height: 100%;
  display: flex;
}
.tree-edit-panel .side-by-side-container .tree-container {
  flex: 1;
  width: auto;
  /* min-width: 400px;*/
  border-style: double;
  border-color: gray;
  padding: 11px;
}
.tree-edit-panel .side-by-side-container .tree-container > .rst__tree {
  height: calc(100% - 40px) !important;
}
.tree-edit-panel .side-by-side-container .form-container {
  flex: 3;
  /* padding: 15px;*/
}

/*

Copyright 2015-present Palantir Technologies, Inc. All rights reserved.
Licensed under the Apache License, Version 2.0.

*/
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2858142857;
  text-transform: none;
  color: #666;
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif;
}

p {
  margin-bottom: 10px;
  margin-top: 0;
}

small {
  font-size: 12px;
}

strong {
  font-weight: 600;
}

::selection {
  background: rgba(125, 188, 255, 0.6);
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
Headings

Markup:
<div>
  <h1 class="@ns-heading">H1 heading</h1>
  <h2 class="@ns-heading">H2 heading</h2>
  <h3 class="@ns-heading">H3 heading</h3>
  <h4 class="@ns-heading">H4 heading</h4>
  <h5 class="@ns-heading">H5 heading</h5>
  <h6 class="@ns-heading">H6 heading</h6>
</div>

Styleguide headings
*/
.bp3-heading {
  color: #666;
  font-weight: 600;
}
.bp3-dark .bp3-heading {
  color: #f5f8fa;
}
.bp3-heading {
  margin: 0 0 10px;
  padding: 0;
}

.bp3-running-text h1, h1.bp3-heading {
  font-size: 36px;
  line-height: 40px;
}

.bp3-running-text h2, h2.bp3-heading {
  font-size: 28px;
  line-height: 32px;
}

.bp3-running-text h3, h3.bp3-heading {
  font-size: 22px;
  line-height: 25px;
}

.bp3-running-text h4, h4.bp3-heading {
  font-size: 18px;
  line-height: 21px;
}

.bp3-running-text h5, h5.bp3-heading {
  font-size: 16px;
  line-height: 19px;
}

.bp3-running-text h6, h6.bp3-heading {
  font-size: 14px;
  line-height: 16px;
}

/*
UI text

Markup:
<div class="{{.modifier}}">
  More than a decade ago, we set out to create products that would transform
  the way organizations use their data. Today, our products are deployed at
  the most critical government, commercial, and non-profit institutions in
  the world to solve problems we hadn’t even dreamed of back then.
</div>

.bp3-ui-text - Default Blueprint font styles, applied to the `<body>` tag and available as a class for nested resets.
.bp3-monospace-text - Use a monospace font (ideal for code).
.bp3-running-text - Increase line height ideal for longform text. See [Running text](#core/typography.running-text) below for additional features.
.bp3-text-large - Use a larger font size.
.bp3-text-small - Use a smaller font size.
.bp3-text-muted - Change text color to a gentler gray.
.bp3-text-disabled - Change text color to a transparent, faded gray.
.bp3-text-overflow-ellipsis - Truncate a single line of text with an ellipsis if it overflows its container.

Styleguide ui-text
*/
.bp3-ui-text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2858142857;
  text-transform: none;
}

.bp3-monospace-text {
  font-family: monospace;
  text-transform: none;
}

.bp3-text-muted {
  color: #5c7080;
}
.bp3-dark .bp3-text-muted {
  color: #a7b6c2;
}

.bp3-text-disabled {
  color: rgba(92, 112, 128, 0.6);
}
.bp3-dark .bp3-text-disabled {
  color: rgba(167, 182, 194, 0.6);
}

.bp3-text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

/*
Running text

Markup:
<div class="@ns-running-text {{.modifier}}">
  <p>
    We build products that make people better at their most important
    work — the kind of work you read about on the front page of the
    newspaper, not just the technology section.
  </p>
  <ul>
    <li>Item the <code>first</code>.</li>
    <li>Item the <strong>second</strong></code>.</li>
    <li>Item the <a href="#core/typography.running-text">third</a>.</li>
  </ul>
  <h3>Scale, Speed, Agility</h3>
  <p>
    A successful data transformation requires the whole organization — users, the IT shop, and
    leadership — to operate in lockstep. With Foundry, the enterprise comes together to
    transform the organization and turn data into a competitive advantage.
  </p>
</div>

.bp3-text-large - Use larger font size.

Styleguide running-text
*/
.bp3-running-text {
  font-size: 14px;
  line-height: 1.5;
}
.bp3-running-text h1 {
  color: #666;
  font-weight: 600;
}
.bp3-dark .bp3-running-text h1 {
  color: #f5f8fa;
}
.bp3-running-text h1 {
  margin-bottom: 20px;
  margin-top: 40px;
}
.bp3-running-text h2 {
  color: #666;
  font-weight: 600;
}
.bp3-dark .bp3-running-text h2 {
  color: #f5f8fa;
}
.bp3-running-text h2 {
  margin-bottom: 20px;
  margin-top: 40px;
}
.bp3-running-text h3 {
  color: #666;
  font-weight: 600;
}
.bp3-dark .bp3-running-text h3 {
  color: #f5f8fa;
}
.bp3-running-text h3 {
  margin-bottom: 20px;
  margin-top: 40px;
}
.bp3-running-text h4 {
  color: #666;
  font-weight: 600;
}
.bp3-dark .bp3-running-text h4 {
  color: #f5f8fa;
}
.bp3-running-text h4 {
  margin-bottom: 20px;
  margin-top: 40px;
}
.bp3-running-text h5 {
  color: #666;
  font-weight: 600;
}
.bp3-dark .bp3-running-text h5 {
  color: #f5f8fa;
}
.bp3-running-text h5 {
  margin-bottom: 20px;
  margin-top: 40px;
}
.bp3-running-text h6 {
  color: #666;
  font-weight: 600;
}
.bp3-dark .bp3-running-text h6 {
  color: #f5f8fa;
}
.bp3-running-text h6 {
  margin-bottom: 20px;
  margin-top: 40px;
}
.bp3-running-text hr {
  border: none;
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
  margin: 20px 0;
}
.bp3-dark .bp3-running-text hr {
  border-color: rgba(255, 255, 255, 0.15);
}
.bp3-running-text p {
  margin: 0 0 10px;
  padding: 0;
}
.bp3-text-large {
  font-size: 16px;
}

.bp3-text-small {
  font-size: 12px;
}

/*
Links

Simply use an `<a href="">` tag as you normally would. No class is necessary for Blueprint styles.
Links are underlined only when hovered.

Putting an icon inside a link will cause it to inherit the link's text color.

Styleguide typography.links
*/
a {
  color: #106ba3;
  text-decoration: none;
}
a:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > a.bp3-menu-item {
  color: #106ba3;
  cursor: pointer;
  text-decoration: underline;
}
a .bp3-icon, a .bp3-icon-standard, a .bp3-icon-large {
  color: inherit;
}
a code, .bp3-dark a code {
  color: inherit;
}
.bp3-dark a, .bp3-dark a:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > a.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > a.bp3-menu-item {
  color: #48aff0;
}
.bp3-dark a .bp3-icon, .bp3-dark a .bp3-icon-standard, .bp3-dark a .bp3-icon-large, .bp3-dark a:hover .bp3-icon, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > a.bp3-menu-item .bp3-icon, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > a.bp3-menu-item .bp3-icon, .bp3-dark a:hover .bp3-icon-standard, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > a.bp3-menu-item .bp3-icon-standard, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > a.bp3-menu-item .bp3-icon-standard, .bp3-dark a:hover .bp3-icon-large, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > a.bp3-menu-item .bp3-icon-large, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > a.bp3-menu-item .bp3-icon-large {
  color: inherit;
}

/*
Preformatted text

Markup:
<div>
  <p>Use the <code class="@ns-code">&lt;code></code> tag for snippets of code.</p>
  <pre class="@ns-code-block">Use the &lt;pre> tag for blocks of code.</pre>
  <pre class="@ns-code-block"><code>// code sample
export function hasModifier(
  modifiers: ts.ModifiersArray,
  ...modifierKinds: ts.SyntaxKind[],
) {
  if (modifiers == null || modifierKinds == null) {
    return false;
  }
  return modifiers.some(m => modifierKinds.some(k => m.kind === k));
}</code></pre>
</div>

Styleguide preformatted
*/
.bp3-code, .bp3-running-text code {
  font-family: monospace;
  text-transform: none;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2);
  color: #5c7080;
  font-size: smaller;
  padding: 2px 5px;
}
.bp3-dark .bp3-code, .bp3-dark .bp3-running-text code, .bp3-running-text .bp3-dark code {
  background: rgba(16, 22, 26, 0.3);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #a7b6c2;
}
a > .bp3-code, .bp3-running-text a > code {
  color: #137cbd;
}
.bp3-dark a > .bp3-code, .bp3-dark .bp3-running-text a > code, .bp3-running-text .bp3-dark a > code {
  color: inherit;
}

.bp3-code-block, .bp3-running-text pre {
  font-family: monospace;
  text-transform: none;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
  color: #666;
  display: block;
  font-size: 13px;
  line-height: 1.4;
  margin: 10px 0;
  padding: 13px 15px 12px;
  word-break: break-all;
  word-wrap: break-word;
}
.bp3-dark .bp3-code-block, .bp3-dark .bp3-running-text pre, .bp3-running-text .bp3-dark pre {
  background: rgba(16, 22, 26, 0.3);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}
.bp3-code-block > code, .bp3-running-text pre > code {
  background: none;
  box-shadow: none;
  color: inherit;
  font-size: inherit;
  padding: 0;
}

.bp3-key, .bp3-running-text kbd {
  align-items: center;
  background: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #5c7080;
  display: inline-flex;
  font-family: inherit;
  font-size: 12px;
  height: 24px;
  justify-content: center;
  line-height: 24px;
  min-width: 24px;
  padding: 3px 6px;
  vertical-align: middle;
}
.bp3-key .bp3-icon, .bp3-running-text kbd .bp3-icon, .bp3-key .bp3-icon-standard, .bp3-running-text kbd .bp3-icon-standard, .bp3-key .bp3-icon-large, .bp3-running-text kbd .bp3-icon-large {
  margin-right: 5px;
}
.bp3-dark .bp3-key, .bp3-dark .bp3-running-text kbd, .bp3-running-text .bp3-dark kbd {
  background: #222;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4);
  color: #a7b6c2;
}

/*
Block quotes

Markup:
<blockquote class="@ns-blockquote">
  Premium Aerotec is a key supplier for Airbus, producing 30 million parts per year,
  which is huge complexity. Skywise helps us manage all the production steps.
  It gives Airbus much better visibility into where the product is in the supply chain,
  and it lets us immediately see our weak points so we can react on the spot.
</blockquote>

Styleguide blockquote
*/
.bp3-blockquote, .bp3-running-text blockquote {
  border-left: solid 4px rgba(167, 182, 194, 0.5);
  margin: 0 0 10px;
  padding: 0 20px;
}
.bp3-dark .bp3-blockquote, .bp3-dark .bp3-running-text blockquote, .bp3-running-text .bp3-dark blockquote {
  border-color: rgba(115, 134, 148, 0.5);
}

/*
Lists

Markup:
<ol class="{{.modifier}}">
  <li>Item the first</li>
  <li>Item the second</li>
  <li>
    Item the third
    <ul class="{{.modifier}}">
      <li>Item the fourth</li>
      <li>Item the fifth</li>
    </ul>
  </li>
</ol>

.bp3-list - Add a little spacing between items for readability.
.bp3-list-unstyled - Remove all list styling (including indicators) so you can add your own.

Styleguide lists
*/
.bp3-list, .bp3-running-text ul,
.bp3-running-text ol {
  margin: 10px 0;
  padding-left: 30px;
}
.bp3-list li:not(:last-child), .bp3-running-text ul li:not(:last-child),
.bp3-running-text ol li:not(:last-child) {
  margin-bottom: 5px;
}
.bp3-list ol, .bp3-running-text ul ol,
.bp3-running-text ol ol,
.bp3-list ul,
.bp3-running-text ul ul,
.bp3-running-text ol ul {
  margin-top: 5px;
}

.bp3-list-unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bp3-list-unstyled li {
  padding: 0;
}

/*
Right-to-left text

Markup:
<h5 class="@ns-heading">Arabic:</h5>
<p class="@ns-rtl">
  لكل لأداء بمحاولة من. مدينة الواقعة يبق أي, وإعلان وقوعها، حول كل, حدى عجّل مشروط الخاسرة قد.
  من الذود تكبّد بين, و لها واحدة الأراضي. عل الصفحة والروسية يتم, أي للحكومة استعملت شيء. أم وصل زهاء اليا
</p>
<h5 class="@ns-heading">Hebrew:</h5>
<p class="@ns-rtl">
  כדי על עזרה יידיש הבהרה, מלא באגים טכניים דת. תנך או ברית ביולי. כתב בה הטבע למנוע, דת כלים פיסיקה החופשית זכר.
  מתן החלל מאמרשיחהצפה ב. הספרות אנציקלופדיה אם זכר, על שימושי שימושיים תאולוגיה עזה
</p>

Styleguide rtl
*/
.bp3-rtl {
  text-align: right;
}

.bp3-dark {
  color: #f5f8fa;
}

:focus {
  outline: rgba(19, 124, 189, 0.6) auto 2px;
  outline-offset: 2px;
  -moz-outline-radius: 6px;
}

.bp3-focus-disabled :focus {
  /* stylelint-disable declaration-no-important */
  outline: none !important;
}
.bp3-focus-disabled :focus ~ .bp3-control-indicator {
  outline: none !important;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
.bp3-alert {
  max-width: 400px;
  padding: 20px;
}

.bp3-alert-body {
  display: flex;
}
.bp3-alert-body .bp3-icon {
  font-size: 40px;
  margin-right: 20px;
  margin-top: 0;
}

.bp3-alert-contents {
  word-break: break-word;
}

.bp3-alert-footer {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 10px;
}
.bp3-alert-footer .bp3-button {
  margin-left: 10px;
}

/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Breadcrumbs

Markup:
<ul class="bp3-breadcrumbs">
  <li><a class="bp3-breadcrumbs-collapsed" href="#"></a></li>
  <li><a class="bp3-breadcrumb bp3-disabled">Folder one</a></li>
  <li><a class="bp3-breadcrumb" href="#">Folder two</a></li>
  <li><a class="bp3-breadcrumb" href="#">Folder three</a></li>
  <li><span class="bp3-breadcrumb bp3-breadcrumb-current">File</span></li>
</ul>

Styleguide breadcrumbs
*/
.bp3-breadcrumbs {
  align-items: center;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bp3-breadcrumbs > li {
  align-items: center;
  display: flex;
}
.bp3-breadcrumbs > li::after {
  background: "transparent";
  content: "";
  display: block;
  height: 16px;
  margin: 0 5px;
  width: 16px;
}
.bp3-breadcrumbs > li:last-of-type::after {
  display: none;
}

.bp3-breadcrumb,
.bp3-breadcrumb-current,
.bp3-breadcrumbs-collapsed {
  align-items: center;
  display: inline-flex;
  font-size: 16px;
}

.bp3-breadcrumb,
.bp3-breadcrumbs-collapsed {
  color: #5c7080;
}

.bp3-breadcrumb:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-breadcrumb.bp3-menu-item {
  text-decoration: none;
}
.bp3-breadcrumb.bp3-disabled {
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-breadcrumb .bp3-icon {
  margin-right: 5px;
}

.bp3-breadcrumb-current {
  color: inherit;
  font-weight: 600;
}
.bp3-breadcrumb-current .bp3-input {
  font-size: inherit;
  font-weight: inherit;
  vertical-align: baseline;
}

.bp3-breadcrumbs-collapsed {
  background: #ced9e0;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 2px;
  padding: 1px 5px;
  vertical-align: text-bottom;
}
.bp3-breadcrumbs-collapsed::before {
  background: "transparent" center no-repeat;
  content: "";
  display: block;
  height: 16px;
  width: 16px;
}
.bp3-breadcrumbs-collapsed:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-breadcrumbs-collapsed.bp3-menu-item {
  background: #bfccd6;
  color: #666;
  text-decoration: none;
}

.bp3-dark .bp3-breadcrumb,
.bp3-dark .bp3-breadcrumbs-collapsed {
  color: #a7b6c2;
}
.bp3-dark .bp3-breadcrumbs > li::after {
  color: #a7b6c2;
}
.bp3-dark .bp3-breadcrumb.bp3-disabled {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-breadcrumb-current {
  color: #f5f8fa;
}
.bp3-dark .bp3-breadcrumbs-collapsed {
  background: rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-breadcrumbs-collapsed:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-breadcrumbs-collapsed.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-breadcrumbs-collapsed.bp3-menu-item {
  background: rgba(16, 22, 26, 0.6);
  color: #f5f8fa;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
/*
Button

Markup:
<a role="button" class="bp3-button {{.modifier}}" {{:modifier}} tabindex="0">Anchor</a>
<button type="button" class="bp3-button bp3-icon-add {{.modifier}}" {{:modifier}}>Button</button>

:disabled - Disabled state
.bp3-active - Active appearance
.bp3-disabled - Disabled appearance
.bp3-intent-primary - Primary intent
.bp3-intent-success - Success intent
.bp3-intent-warning - Warning intent
.bp3-intent-danger - Danger intent
.bp3-minimal - More subtle appearance
.bp3-outlined - Subtle yet structured appearance
.bp3-large - Larger size
.bp3-small - Smaller size
.bp3-fill - Fill parent container

Styleguide button
*/
.bp3-button {
  display: inline-flex;
  flex-direction: row;
}
.bp3-button > * {
  flex-grow: 0;
  flex-shrink: 0;
}
.bp3-button > .bp3-fill {
  flex-grow: 1;
  flex-shrink: 1;
}
.bp3-button::before,
.bp3-button > * {
  margin-right: 7px;
}
.bp3-button:empty::before,
.bp3-button > :last-child {
  margin-right: 0;
}
.bp3-button {
  align-items: center;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  justify-content: center;
  padding: 5px 10px;
  text-align: left;
  vertical-align: middle;
  min-height: 30px;
  min-width: 30px;
}
.bp3-button:empty {
  /* stylelint-disable-next-line declaration-no-important */
  padding: 0 !important;
}
.bp3-button:disabled, .bp3-button.bp3-disabled {
  cursor: not-allowed;
}
.bp3-button.bp3-fill {
  display: flex;
  width: 100%;
}
.bp3-button.bp3-align-right, .bp3-align-right .bp3-button {
  text-align: right;
}
.bp3-button.bp3-align-left, .bp3-align-left .bp3-button {
  text-align: left;
}
.bp3-button:not([class*=bp3-intent-]) {
  background-color: #f5f8fa;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #666;
}
.bp3-button:not([class*=bp3-intent-]):hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not([class*=bp3-intent-]) {
  background-clip: padding-box;
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}
.bp3-button:not([class*=bp3-intent-]):active, .bp3-button:not([class*=bp3-intent-]).bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-button:not([class*=bp3-intent-]):disabled, .bp3-button:not([class*=bp3-intent-]).bp3-disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
  outline: none;
}
.bp3-button:not([class*=bp3-intent-]):disabled.bp3-active, .bp3-button:not([class*=bp3-intent-]):disabled.bp3-active:hover, .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active, .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active:hover {
  background: rgba(206, 217, 224, 0.7);
}
.bp3-button.bp3-intent-primary {
  background-color: #137cbd;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}
.bp3-button.bp3-intent-primary:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-primary.bp3-menu-item, .bp3-button.bp3-intent-primary:active, .bp3-button.bp3-intent-primary.bp3-active {
  color: #ffffff;
}
.bp3-button.bp3-intent-primary:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-primary.bp3-menu-item {
  background-color: #106ba3;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}
.bp3-button.bp3-intent-primary:active, .bp3-button.bp3-intent-primary.bp3-active {
  background-color: #0e5a8a;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-button.bp3-intent-primary:disabled, .bp3-button.bp3-intent-primary.bp3-disabled {
  background-color: rgba(19, 124, 189, 0.5);
  background-image: none;
  border-color: transparent;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.6);
}
.bp3-button.bp3-intent-success {
  background-color: #0f9960;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}
.bp3-button.bp3-intent-success:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-success.bp3-menu-item, .bp3-button.bp3-intent-success:active, .bp3-button.bp3-intent-success.bp3-active {
  color: #ffffff;
}
.bp3-button.bp3-intent-success:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-success.bp3-menu-item {
  background-color: #0d8050;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}
.bp3-button.bp3-intent-success:active, .bp3-button.bp3-intent-success.bp3-active {
  background-color: #0a6640;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-button.bp3-intent-success:disabled, .bp3-button.bp3-intent-success.bp3-disabled {
  background-color: rgba(15, 153, 96, 0.5);
  background-image: none;
  border-color: transparent;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.6);
}
.bp3-button.bp3-intent-warning {
  background-color: #d9822b;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}
.bp3-button.bp3-intent-warning:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-warning.bp3-menu-item, .bp3-button.bp3-intent-warning:active, .bp3-button.bp3-intent-warning.bp3-active {
  color: #ffffff;
}
.bp3-button.bp3-intent-warning:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-warning.bp3-menu-item {
  background-color: #bf7326;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}
.bp3-button.bp3-intent-warning:active, .bp3-button.bp3-intent-warning.bp3-active {
  background-color: #a66321;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-button.bp3-intent-warning:disabled, .bp3-button.bp3-intent-warning.bp3-disabled {
  background-color: rgba(217, 130, 43, 0.5);
  background-image: none;
  border-color: transparent;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.6);
}
.bp3-button.bp3-intent-danger {
  background-color: #db3737;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}
.bp3-button.bp3-intent-danger:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-danger.bp3-menu-item, .bp3-button.bp3-intent-danger:active, .bp3-button.bp3-intent-danger.bp3-active {
  color: #ffffff;
}
.bp3-button.bp3-intent-danger:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-danger.bp3-menu-item {
  background-color: #c23030;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}
.bp3-button.bp3-intent-danger:active, .bp3-button.bp3-intent-danger.bp3-active {
  background-color: #a82a2a;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-button.bp3-intent-danger:disabled, .bp3-button.bp3-intent-danger.bp3-disabled {
  background-color: rgba(219, 55, 55, 0.5);
  background-image: none;
  border-color: transparent;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.6);
}
.bp3-button[class*=bp3-intent-] .bp3-button-spinner .bp3-spinner-head {
  stroke: #ffffff;
}
.bp3-button.bp3-large, .bp3-large .bp3-button {
  min-height: 40px;
  min-width: 40px;
}
.bp3-button.bp3-large::before,
.bp3-button.bp3-large > *, .bp3-large .bp3-button::before,
.bp3-large .bp3-button > * {
  margin-right: 10px;
}
.bp3-button.bp3-large:empty::before,
.bp3-button.bp3-large > :last-child, .bp3-large .bp3-button:empty::before,
.bp3-large .bp3-button > :last-child {
  margin-right: 0;
}
.bp3-button.bp3-large, .bp3-large .bp3-button {
  font-size: 16px;
  padding: 5px 15px;
}
.bp3-button.bp3-small, .bp3-small .bp3-button {
  min-height: 24px;
  min-width: 24px;
  padding: 0 7px;
}
.bp3-button.bp3-loading {
  position: relative;
}
.bp3-button.bp3-loading[class*=bp3-icon-]::before {
  visibility: hidden;
}
.bp3-button.bp3-loading .bp3-button-spinner {
  margin: 0;
  position: absolute;
}
.bp3-button.bp3-loading > :not(.bp3-button-spinner) {
  visibility: hidden;
}
.bp3-button[class*=bp3-icon-]::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #5c7080;
}
.bp3-button .bp3-icon, .bp3-button .bp3-icon-standard, .bp3-button .bp3-icon-large {
  color: #5c7080;
}
.bp3-button .bp3-icon.bp3-align-right, .bp3-button .bp3-icon-standard.bp3-align-right, .bp3-button .bp3-icon-large.bp3-align-right {
  margin-left: 7px;
}
.bp3-button .bp3-icon:first-child:last-child,
.bp3-button .bp3-spinner + .bp3-icon:last-child {
  margin: 0 -7px;
}
.bp3-dark .bp3-button:not([class*=bp3-intent-]) {
  background-color: #222;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}
.bp3-dark .bp3-button:not([class*=bp3-intent-]):hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not([class*=bp3-intent-]), .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not([class*=bp3-intent-]), .bp3-dark .bp3-button:not([class*=bp3-intent-]):active, .bp3-dark .bp3-button:not([class*=bp3-intent-]).bp3-active {
  color: #f5f8fa;
}
.bp3-dark .bp3-button:not([class*=bp3-intent-]):hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not([class*=bp3-intent-]), .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item:not([class*=bp3-intent-]) {
  background-color: #333;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-button:not([class*=bp3-intent-]):active, .bp3-dark .bp3-button:not([class*=bp3-intent-]).bp3-active {
  background-color: #555;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-button:not([class*=bp3-intent-]):disabled, .bp3-dark .bp3-button:not([class*=bp3-intent-]).bp3-disabled {
  background-color: rgba(34, 34, 34, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-button:not([class*=bp3-intent-]):disabled.bp3-active, .bp3-dark .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active {
  background: rgba(34, 34, 34, 0.7);
}
.bp3-dark .bp3-button:not([class*=bp3-intent-]) .bp3-button-spinner .bp3-spinner-head {
  background: rgba(16, 22, 26, 0.5);
  stroke: #8a9ba8;
}
.bp3-dark .bp3-button:not([class*=bp3-intent-])[class*=bp3-icon-]::before {
  color: #a7b6c2;
}
.bp3-dark .bp3-button:not([class*=bp3-intent-]) .bp3-icon:not([class*=bp3-intent-]), .bp3-dark .bp3-button:not([class*=bp3-intent-]) .bp3-icon-standard:not([class*=bp3-intent-]), .bp3-dark .bp3-button:not([class*=bp3-intent-]) .bp3-icon-large:not([class*=bp3-intent-]) {
  color: #a7b6c2;
}
.bp3-dark .bp3-button[class*=bp3-intent-] {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-button[class*=bp3-intent-]:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button[class*=bp3-intent-].bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button[class*=bp3-intent-].bp3-menu-item {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-button[class*=bp3-intent-]:active, .bp3-dark .bp3-button[class*=bp3-intent-].bp3-active {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-button[class*=bp3-intent-]:disabled, .bp3-dark .bp3-button[class*=bp3-intent-].bp3-disabled {
  background-image: none;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.3);
}
.bp3-dark .bp3-button[class*=bp3-intent-] .bp3-button-spinner .bp3-spinner-head {
  stroke: #8a9ba8;
}
.bp3-button:disabled::before,
.bp3-button:disabled .bp3-icon, .bp3-button:disabled .bp3-icon-standard, .bp3-button:disabled .bp3-icon-large, .bp3-button.bp3-disabled::before,
.bp3-button.bp3-disabled .bp3-icon, .bp3-button.bp3-disabled .bp3-icon-standard, .bp3-button.bp3-disabled .bp3-icon-large, .bp3-button[class*=bp3-intent-]::before,
.bp3-button[class*=bp3-intent-] .bp3-icon, .bp3-button[class*=bp3-intent-] .bp3-icon-standard, .bp3-button[class*=bp3-intent-] .bp3-icon-large {
  /* stylelint-disable-next-line declaration-no-important */
  color: inherit !important;
}
.bp3-button.bp3-minimal {
  background: none;
  box-shadow: none;
}
.bp3-button.bp3-minimal:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-menu-item {
  background: rgba(167, 182, 194, 0.3);
  box-shadow: none;
  color: #666;
  text-decoration: none;
}
.bp3-button.bp3-minimal:active, .bp3-button.bp3-minimal.bp3-active {
  background: rgba(115, 134, 148, 0.3);
  box-shadow: none;
  color: #666;
}
.bp3-button.bp3-minimal:disabled, .bp3-button.bp3-minimal:disabled:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-menu-item:disabled, .bp3-button.bp3-minimal.bp3-disabled, .bp3-button.bp3-minimal.bp3-disabled:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-disabled.bp3-menu-item {
  background: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-button.bp3-minimal:disabled.bp3-active, .bp3-button.bp3-minimal:disabled:hover.bp3-active, .bp3-button.bp3-minimal.bp3-disabled.bp3-active, .bp3-button.bp3-minimal.bp3-disabled:hover.bp3-active {
  background: rgba(115, 134, 148, 0.3);
}
.bp3-dark .bp3-button.bp3-minimal {
  background: none;
  box-shadow: none;
  color: inherit;
}
.bp3-dark .bp3-button.bp3-minimal:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-menu-item, .bp3-dark .bp3-button.bp3-minimal:active, .bp3-dark .bp3-button.bp3-minimal.bp3-active {
  background: none;
  box-shadow: none;
}
.bp3-dark .bp3-button.bp3-minimal:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-menu-item {
  background: rgba(138, 155, 168, 0.15);
}
.bp3-dark .bp3-button.bp3-minimal:active, .bp3-dark .bp3-button.bp3-minimal.bp3-active {
  background: rgba(138, 155, 168, 0.3);
  color: #f5f8fa;
}
.bp3-dark .bp3-button.bp3-minimal:disabled, .bp3-dark .bp3-button.bp3-minimal:disabled:hover, .bp3-dark .bp3-button.bp3-minimal.bp3-disabled, .bp3-dark .bp3-button.bp3-minimal.bp3-disabled:hover {
  background: none;
  color: rgba(167, 182, 194, 0.6);
  cursor: not-allowed;
}
.bp3-dark .bp3-button.bp3-minimal:disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal:disabled:hover.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-disabled:hover.bp3-active {
  background: rgba(138, 155, 168, 0.3);
}
.bp3-button.bp3-minimal.bp3-intent-primary {
  color: #106ba3;
}
.bp3-button.bp3-minimal.bp3-intent-primary:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-primary.bp3-menu-item, .bp3-button.bp3-minimal.bp3-intent-primary:active, .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active {
  background: none;
  box-shadow: none;
  color: #106ba3;
}
.bp3-button.bp3-minimal.bp3-intent-primary:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-primary.bp3-menu-item {
  background: rgba(19, 124, 189, 0.15);
  color: #106ba3;
}
.bp3-button.bp3-minimal.bp3-intent-primary:active, .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active {
  background: rgba(19, 124, 189, 0.3);
  color: #106ba3;
}
.bp3-button.bp3-minimal.bp3-intent-primary:disabled, .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled {
  background: none;
  color: rgba(16, 107, 163, 0.5);
}
.bp3-button.bp3-minimal.bp3-intent-primary:disabled.bp3-active, .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled.bp3-active {
  background: rgba(19, 124, 189, 0.3);
}
.bp3-button.bp3-minimal.bp3-intent-primary .bp3-button-spinner .bp3-spinner-head {
  stroke: #106ba3;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary {
  color: #48aff0;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-primary.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-primary.bp3-menu-item {
  background: rgba(19, 124, 189, 0.2);
  color: #48aff0;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active {
  background: rgba(19, 124, 189, 0.3);
  color: #48aff0;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:disabled, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled {
  background: none;
  color: rgba(72, 175, 240, 0.5);
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled.bp3-active {
  background: rgba(19, 124, 189, 0.3);
}
.bp3-button.bp3-minimal.bp3-intent-success {
  color: #0d8050;
}
.bp3-button.bp3-minimal.bp3-intent-success:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-success.bp3-menu-item, .bp3-button.bp3-minimal.bp3-intent-success:active, .bp3-button.bp3-minimal.bp3-intent-success.bp3-active {
  background: none;
  box-shadow: none;
  color: #0d8050;
}
.bp3-button.bp3-minimal.bp3-intent-success:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-success.bp3-menu-item {
  background: rgba(15, 153, 96, 0.15);
  color: #0d8050;
}
.bp3-button.bp3-minimal.bp3-intent-success:active, .bp3-button.bp3-minimal.bp3-intent-success.bp3-active {
  background: rgba(15, 153, 96, 0.3);
  color: #0d8050;
}
.bp3-button.bp3-minimal.bp3-intent-success:disabled, .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled {
  background: none;
  color: rgba(13, 128, 80, 0.5);
}
.bp3-button.bp3-minimal.bp3-intent-success:disabled.bp3-active, .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled.bp3-active {
  background: rgba(15, 153, 96, 0.3);
}
.bp3-button.bp3-minimal.bp3-intent-success .bp3-button-spinner .bp3-spinner-head {
  stroke: #0d8050;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success {
  color: #3dcc91;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-success.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-success.bp3-menu-item {
  background: rgba(15, 153, 96, 0.2);
  color: #3dcc91;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-success.bp3-active {
  background: rgba(15, 153, 96, 0.3);
  color: #3dcc91;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:disabled, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled {
  background: none;
  color: rgba(61, 204, 145, 0.5);
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled.bp3-active {
  background: rgba(15, 153, 96, 0.3);
}
.bp3-button.bp3-minimal.bp3-intent-warning {
  color: #bf7326;
}
.bp3-button.bp3-minimal.bp3-intent-warning:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-warning.bp3-menu-item, .bp3-button.bp3-minimal.bp3-intent-warning:active, .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active {
  background: none;
  box-shadow: none;
  color: #bf7326;
}
.bp3-button.bp3-minimal.bp3-intent-warning:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-warning.bp3-menu-item {
  background: rgba(217, 130, 43, 0.15);
  color: #bf7326;
}
.bp3-button.bp3-minimal.bp3-intent-warning:active, .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active {
  background: rgba(217, 130, 43, 0.3);
  color: #bf7326;
}
.bp3-button.bp3-minimal.bp3-intent-warning:disabled, .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled {
  background: none;
  color: rgba(191, 115, 38, 0.5);
}
.bp3-button.bp3-minimal.bp3-intent-warning:disabled.bp3-active, .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled.bp3-active {
  background: rgba(217, 130, 43, 0.3);
}
.bp3-button.bp3-minimal.bp3-intent-warning .bp3-button-spinner .bp3-spinner-head {
  stroke: #bf7326;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning {
  color: #ffb366;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-warning.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-warning.bp3-menu-item {
  background: rgba(217, 130, 43, 0.2);
  color: #ffb366;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active {
  background: rgba(217, 130, 43, 0.3);
  color: #ffb366;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:disabled, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled {
  background: none;
  color: rgba(255, 179, 102, 0.5);
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled.bp3-active {
  background: rgba(217, 130, 43, 0.3);
}
.bp3-button.bp3-minimal.bp3-intent-danger {
  color: #c23030;
}
.bp3-button.bp3-minimal.bp3-intent-danger:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-danger.bp3-menu-item, .bp3-button.bp3-minimal.bp3-intent-danger:active, .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active {
  background: none;
  box-shadow: none;
  color: #c23030;
}
.bp3-button.bp3-minimal.bp3-intent-danger:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-danger.bp3-menu-item {
  background: rgba(219, 55, 55, 0.15);
  color: #c23030;
}
.bp3-button.bp3-minimal.bp3-intent-danger:active, .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active {
  background: rgba(219, 55, 55, 0.3);
  color: #c23030;
}
.bp3-button.bp3-minimal.bp3-intent-danger:disabled, .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled {
  background: none;
  color: rgba(194, 48, 48, 0.5);
}
.bp3-button.bp3-minimal.bp3-intent-danger:disabled.bp3-active, .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled.bp3-active {
  background: rgba(219, 55, 55, 0.3);
}
.bp3-button.bp3-minimal.bp3-intent-danger .bp3-button-spinner .bp3-spinner-head {
  stroke: #c23030;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger {
  color: #ff7373;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-danger.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-minimal.bp3-intent-danger.bp3-menu-item {
  background: rgba(219, 55, 55, 0.2);
  color: #ff7373;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active {
  background: rgba(219, 55, 55, 0.3);
  color: #ff7373;
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:disabled, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled {
  background: none;
  color: rgba(255, 115, 115, 0.5);
}
.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled.bp3-active {
  background: rgba(219, 55, 55, 0.3);
}
.bp3-button.bp3-outlined {
  background: none;
  box-shadow: none;
}
.bp3-button.bp3-outlined:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-menu-item {
  background: rgba(167, 182, 194, 0.3);
  box-shadow: none;
  color: #666;
  text-decoration: none;
}
.bp3-button.bp3-outlined:active, .bp3-button.bp3-outlined.bp3-active {
  background: rgba(115, 134, 148, 0.3);
  box-shadow: none;
  color: #666;
}
.bp3-button.bp3-outlined:disabled, .bp3-button.bp3-outlined:disabled:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-menu-item:disabled, .bp3-button.bp3-outlined.bp3-disabled, .bp3-button.bp3-outlined.bp3-disabled:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-disabled.bp3-menu-item {
  background: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-button.bp3-outlined:disabled.bp3-active, .bp3-button.bp3-outlined:disabled:hover.bp3-active, .bp3-button.bp3-outlined.bp3-disabled.bp3-active, .bp3-button.bp3-outlined.bp3-disabled:hover.bp3-active {
  background: rgba(115, 134, 148, 0.3);
}
.bp3-dark .bp3-button.bp3-outlined {
  background: none;
  box-shadow: none;
  color: inherit;
}
.bp3-dark .bp3-button.bp3-outlined:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-menu-item, .bp3-dark .bp3-button.bp3-outlined:active, .bp3-dark .bp3-button.bp3-outlined.bp3-active {
  background: none;
  box-shadow: none;
}
.bp3-dark .bp3-button.bp3-outlined:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-menu-item {
  background: rgba(138, 155, 168, 0.15);
}
.bp3-dark .bp3-button.bp3-outlined:active, .bp3-dark .bp3-button.bp3-outlined.bp3-active {
  background: rgba(138, 155, 168, 0.3);
  color: #f5f8fa;
}
.bp3-dark .bp3-button.bp3-outlined:disabled, .bp3-dark .bp3-button.bp3-outlined:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover {
  background: none;
  color: rgba(167, 182, 194, 0.6);
  cursor: not-allowed;
}
.bp3-dark .bp3-button.bp3-outlined:disabled.bp3-active, .bp3-dark .bp3-button.bp3-outlined:disabled:hover.bp3-active, .bp3-dark .bp3-button.bp3-outlined.bp3-disabled.bp3-active, .bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover.bp3-active {
  background: rgba(138, 155, 168, 0.3);
}
.bp3-button.bp3-outlined.bp3-intent-primary {
  color: #106ba3;
}
.bp3-button.bp3-outlined.bp3-intent-primary:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-primary.bp3-menu-item, .bp3-button.bp3-outlined.bp3-intent-primary:active, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active {
  background: none;
  box-shadow: none;
  color: #106ba3;
}
.bp3-button.bp3-outlined.bp3-intent-primary:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-primary.bp3-menu-item {
  background: rgba(19, 124, 189, 0.15);
  color: #106ba3;
}
.bp3-button.bp3-outlined.bp3-intent-primary:active, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active {
  background: rgba(19, 124, 189, 0.3);
  color: #106ba3;
}
.bp3-button.bp3-outlined.bp3-intent-primary:disabled, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled {
  background: none;
  color: rgba(16, 107, 163, 0.5);
}
.bp3-button.bp3-outlined.bp3-intent-primary:disabled.bp3-active, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled.bp3-active {
  background: rgba(19, 124, 189, 0.3);
}
.bp3-button.bp3-outlined.bp3-intent-primary .bp3-button-spinner .bp3-spinner-head {
  stroke: #106ba3;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary {
  color: #48aff0;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-primary.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-primary.bp3-menu-item {
  background: rgba(19, 124, 189, 0.2);
  color: #48aff0;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active {
  background: rgba(19, 124, 189, 0.3);
  color: #48aff0;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled {
  background: none;
  color: rgba(72, 175, 240, 0.5);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:disabled.bp3-active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled.bp3-active {
  background: rgba(19, 124, 189, 0.3);
}
.bp3-button.bp3-outlined.bp3-intent-success {
  color: #0d8050;
}
.bp3-button.bp3-outlined.bp3-intent-success:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-success.bp3-menu-item, .bp3-button.bp3-outlined.bp3-intent-success:active, .bp3-button.bp3-outlined.bp3-intent-success.bp3-active {
  background: none;
  box-shadow: none;
  color: #0d8050;
}
.bp3-button.bp3-outlined.bp3-intent-success:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-success.bp3-menu-item {
  background: rgba(15, 153, 96, 0.15);
  color: #0d8050;
}
.bp3-button.bp3-outlined.bp3-intent-success:active, .bp3-button.bp3-outlined.bp3-intent-success.bp3-active {
  background: rgba(15, 153, 96, 0.3);
  color: #0d8050;
}
.bp3-button.bp3-outlined.bp3-intent-success:disabled, .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled {
  background: none;
  color: rgba(13, 128, 80, 0.5);
}
.bp3-button.bp3-outlined.bp3-intent-success:disabled.bp3-active, .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled.bp3-active {
  background: rgba(15, 153, 96, 0.3);
}
.bp3-button.bp3-outlined.bp3-intent-success .bp3-button-spinner .bp3-spinner-head {
  stroke: #0d8050;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success {
  color: #3dcc91;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-success.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-success.bp3-menu-item {
  background: rgba(15, 153, 96, 0.2);
  color: #3dcc91;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success.bp3-active {
  background: rgba(15, 153, 96, 0.3);
  color: #3dcc91;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled {
  background: none;
  color: rgba(61, 204, 145, 0.5);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:disabled.bp3-active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled.bp3-active {
  background: rgba(15, 153, 96, 0.3);
}
.bp3-button.bp3-outlined.bp3-intent-warning {
  color: #bf7326;
}
.bp3-button.bp3-outlined.bp3-intent-warning:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-warning.bp3-menu-item, .bp3-button.bp3-outlined.bp3-intent-warning:active, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active {
  background: none;
  box-shadow: none;
  color: #bf7326;
}
.bp3-button.bp3-outlined.bp3-intent-warning:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-warning.bp3-menu-item {
  background: rgba(217, 130, 43, 0.15);
  color: #bf7326;
}
.bp3-button.bp3-outlined.bp3-intent-warning:active, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active {
  background: rgba(217, 130, 43, 0.3);
  color: #bf7326;
}
.bp3-button.bp3-outlined.bp3-intent-warning:disabled, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled {
  background: none;
  color: rgba(191, 115, 38, 0.5);
}
.bp3-button.bp3-outlined.bp3-intent-warning:disabled.bp3-active, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled.bp3-active {
  background: rgba(217, 130, 43, 0.3);
}
.bp3-button.bp3-outlined.bp3-intent-warning .bp3-button-spinner .bp3-spinner-head {
  stroke: #bf7326;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning {
  color: #ffb366;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-warning.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-warning.bp3-menu-item {
  background: rgba(217, 130, 43, 0.2);
  color: #ffb366;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active {
  background: rgba(217, 130, 43, 0.3);
  color: #ffb366;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled {
  background: none;
  color: rgba(255, 179, 102, 0.5);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:disabled.bp3-active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled.bp3-active {
  background: rgba(217, 130, 43, 0.3);
}
.bp3-button.bp3-outlined.bp3-intent-danger {
  color: #c23030;
}
.bp3-button.bp3-outlined.bp3-intent-danger:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-danger.bp3-menu-item, .bp3-button.bp3-outlined.bp3-intent-danger:active, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active {
  background: none;
  box-shadow: none;
  color: #c23030;
}
.bp3-button.bp3-outlined.bp3-intent-danger:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-danger.bp3-menu-item {
  background: rgba(219, 55, 55, 0.15);
  color: #c23030;
}
.bp3-button.bp3-outlined.bp3-intent-danger:active, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active {
  background: rgba(219, 55, 55, 0.3);
  color: #c23030;
}
.bp3-button.bp3-outlined.bp3-intent-danger:disabled, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled {
  background: none;
  color: rgba(194, 48, 48, 0.5);
}
.bp3-button.bp3-outlined.bp3-intent-danger:disabled.bp3-active, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled.bp3-active {
  background: rgba(219, 55, 55, 0.3);
}
.bp3-button.bp3-outlined.bp3-intent-danger .bp3-button-spinner .bp3-spinner-head {
  stroke: #c23030;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger {
  color: #ff7373;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-danger.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-intent-danger.bp3-menu-item {
  background: rgba(219, 55, 55, 0.2);
  color: #ff7373;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active {
  background: rgba(219, 55, 55, 0.3);
  color: #ff7373;
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled {
  background: none;
  color: rgba(255, 115, 115, 0.5);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:disabled.bp3-active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled.bp3-active {
  background: rgba(219, 55, 55, 0.3);
}
.bp3-button.bp3-outlined {
  border: 1px solid rgba(102, 102, 102, 0.2);
  box-sizing: border-box;
}
.bp3-button.bp3-outlined:disabled, .bp3-button.bp3-outlined.bp3-disabled, .bp3-button.bp3-outlined:disabled:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-menu-item:disabled, .bp3-button.bp3-outlined.bp3-disabled:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-outlined.bp3-disabled.bp3-menu-item {
  border-color: rgba(92, 112, 128, 0.1);
}
.bp3-dark .bp3-button.bp3-outlined {
  border-color: rgba(255, 255, 255, 0.4);
}
.bp3-dark .bp3-button.bp3-outlined:disabled, .bp3-dark .bp3-button.bp3-outlined:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover {
  border-color: rgba(255, 255, 255, 0.2);
}
.bp3-button.bp3-outlined.bp3-intent-primary {
  border-color: rgba(16, 107, 163, 0.6);
}
.bp3-button.bp3-outlined.bp3-intent-primary:disabled, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled {
  border-color: rgba(16, 107, 163, 0.2);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary {
  border-color: rgba(72, 175, 240, 0.6);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled {
  border-color: rgba(72, 175, 240, 0.2);
}
.bp3-button.bp3-outlined.bp3-intent-success {
  border-color: rgba(13, 128, 80, 0.6);
}
.bp3-button.bp3-outlined.bp3-intent-success:disabled, .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled {
  border-color: rgba(13, 128, 80, 0.2);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success {
  border-color: rgba(61, 204, 145, 0.6);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled {
  border-color: rgba(61, 204, 145, 0.2);
}
.bp3-button.bp3-outlined.bp3-intent-warning {
  border-color: rgba(191, 115, 38, 0.6);
}
.bp3-button.bp3-outlined.bp3-intent-warning:disabled, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled {
  border-color: rgba(191, 115, 38, 0.2);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning {
  border-color: rgba(255, 179, 102, 0.6);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled {
  border-color: rgba(255, 179, 102, 0.2);
}
.bp3-button.bp3-outlined.bp3-intent-danger {
  border-color: rgba(194, 48, 48, 0.6);
}
.bp3-button.bp3-outlined.bp3-intent-danger:disabled, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled {
  border-color: rgba(194, 48, 48, 0.2);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger {
  border-color: rgba(255, 115, 115, 0.6);
}
.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled {
  border-color: rgba(255, 115, 115, 0.2);
}

a.bp3-button {
  text-align: center;
  text-decoration: none;
  transition: none;
}
a.bp3-button, a.bp3-button:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > a.bp3-button.bp3-menu-item, a.bp3-button:active {
  color: #666;
}
a.bp3-button.bp3-disabled {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-button-text {
  flex: 0 1 auto;
}

.bp3-button.bp3-align-left .bp3-button-text, .bp3-button.bp3-align-right .bp3-button-text,
.bp3-button-group.bp3-align-left .bp3-button-text,
.bp3-button-group.bp3-align-right .bp3-button-text {
  flex: 1 1 auto;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
/*
Button groups

Markup:
<div class="bp3-button-group {{.modifier}}">
  <button type="button" class="bp3-button bp3-intent-success">Save</button>
  <button type="button" class="bp3-button bp3-intent-success bp3-icon-caret-down"></button>
</div>
<div class="bp3-button-group {{.modifier}}">
  <a class="bp3-button bp3-icon-database" tabindex="0" role="button">Queries</a>
  <a class="bp3-button bp3-icon-function" tabindex="0" role="button">Functions</a>
  <a class="bp3-button" tabindex="0" role="button">
    Options <span class="bp3-icon-standard bp3-icon-caret-down bp3-align-right"></span>
  </a>
</div>
<div class="bp3-button-group {{.modifier}}">
  <a class="bp3-button bp3-icon-chart" tabindex="0" role="button"></a>
  <a class="bp3-button bp3-icon-control" tabindex="0" role="button"></a>
  <a class="bp3-button bp3-icon-graph" tabindex="0" role="button"></a>
  <a class="bp3-button bp3-icon-camera" tabindex="0" role="button"></a>
  <a class="bp3-button bp3-icon-map" tabindex="0" role="button"></a>
  <a class="bp3-button bp3-icon-code" tabindex="0" role="button"></a>
  <a class="bp3-button bp3-icon-th" tabindex="0" role="button"></a>
  <a class="bp3-button bp3-icon-time" tabindex="0" role="button"></a>
  <a class="bp3-button bp3-icon-compressed" tabindex="0" role="button"></a>
</div>

.bp3-fill - Buttons expand equally to fill container
.bp3-large - Use large buttons
.bp3-minimal - Use minimal buttons
.bp3-vertical - Vertical layout

Styleguide button-group
*/
.bp3-button-group {
  display: inline-flex;
}
.bp3-button-group .bp3-button {
  flex: 0 0 auto;
  position: relative;
  z-index: 4;
}
.bp3-button-group .bp3-button:focus {
  z-index: 5;
}
.bp3-button-group .bp3-button:hover, .bp3-button-group .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item, .bp3-submenu .bp3-button-group .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item {
  z-index: 6;
}
.bp3-button-group .bp3-button:active, .bp3-button-group .bp3-button.bp3-active {
  z-index: 7;
}
.bp3-button-group .bp3-button:disabled, .bp3-button-group .bp3-button.bp3-disabled {
  z-index: 3;
}
.bp3-button-group .bp3-button[class*=bp3-intent-] {
  z-index: 9;
}
.bp3-button-group .bp3-button[class*=bp3-intent-]:focus {
  z-index: 10;
}
.bp3-button-group .bp3-button[class*=bp3-intent-]:hover, .bp3-button-group .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button[class*=bp3-intent-].bp3-menu-item, .bp3-submenu .bp3-button-group .bp3-popover-target.bp3-popover-open > .bp3-button[class*=bp3-intent-].bp3-menu-item {
  z-index: 11;
}
.bp3-button-group .bp3-button[class*=bp3-intent-]:active, .bp3-button-group .bp3-button[class*=bp3-intent-].bp3-active {
  z-index: 12;
}
.bp3-button-group .bp3-button[class*=bp3-intent-]:disabled, .bp3-button-group .bp3-button[class*=bp3-intent-].bp3-disabled {
  z-index: 8;
}
.bp3-button-group:not(.bp3-minimal) > .bp3-popover-wrapper:not(:first-child) .bp3-button,
.bp3-button-group:not(.bp3-minimal) > .bp3-button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.bp3-button-group:not(.bp3-minimal) > .bp3-popover-wrapper:not(:last-child) .bp3-button,
.bp3-button-group:not(.bp3-minimal) > .bp3-button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.bp3-button-group.bp3-minimal .bp3-button {
  background: none;
  box-shadow: none;
}
.bp3-button-group.bp3-minimal .bp3-button:hover, .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item, .bp3-submenu .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item {
  background: rgba(167, 182, 194, 0.3);
  box-shadow: none;
  color: #666;
  text-decoration: none;
}
.bp3-button-group.bp3-minimal .bp3-button:active, .bp3-button-group.bp3-minimal .bp3-button.bp3-active {
  background: rgba(115, 134, 148, 0.3);
  box-shadow: none;
  color: #666;
}
.bp3-button-group.bp3-minimal .bp3-button:disabled, .bp3-button-group.bp3-minimal .bp3-button:disabled:hover, .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled, .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled:hover {
  background: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-button-group.bp3-minimal .bp3-button:disabled.bp3-active, .bp3-button-group.bp3-minimal .bp3-button:disabled:hover.bp3-active, .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled.bp3-active, .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled:hover.bp3-active {
  background: rgba(115, 134, 148, 0.3);
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button {
  background: none;
  box-shadow: none;
  color: inherit;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:hover, .bp3-dark .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button:active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-active {
  background: none;
  box-shadow: none;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:hover, .bp3-dark .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item {
  background: rgba(138, 155, 168, 0.15);
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-active {
  background: rgba(138, 155, 168, 0.3);
  color: #f5f8fa;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:disabled, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button:disabled:hover, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled:hover {
  background: none;
  color: rgba(167, 182, 194, 0.6);
  cursor: not-allowed;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button:disabled.bp3-active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button:disabled:hover.bp3-active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled.bp3-active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-disabled:hover.bp3-active {
  background: rgba(138, 155, 168, 0.3);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary {
  color: #106ba3;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover, .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-primary.bp3-menu-item, .bp3-submenu .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-primary.bp3-menu-item, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-active {
  background: none;
  box-shadow: none;
  color: #106ba3;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover, .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-primary.bp3-menu-item, .bp3-submenu .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-primary.bp3-menu-item {
  background: rgba(19, 124, 189, 0.15);
  color: #106ba3;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-active {
  background: rgba(19, 124, 189, 0.3);
  color: #106ba3;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:disabled, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-disabled {
  background: none;
  color: rgba(16, 107, 163, 0.5);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:disabled.bp3-active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-disabled.bp3-active {
  background: rgba(19, 124, 189, 0.3);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary .bp3-button-spinner .bp3-spinner-head {
  stroke: #106ba3;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary {
  color: #48aff0;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover, .bp3-dark .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-primary.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-primary.bp3-menu-item {
  background: rgba(19, 124, 189, 0.2);
  color: #48aff0;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-active {
  background: rgba(19, 124, 189, 0.3);
  color: #48aff0;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:disabled, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-disabled {
  background: none;
  color: rgba(72, 175, 240, 0.5);
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:disabled.bp3-active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-disabled.bp3-active {
  background: rgba(19, 124, 189, 0.3);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success {
  color: #0d8050;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover, .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-success.bp3-menu-item, .bp3-submenu .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-success.bp3-menu-item, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-active {
  background: none;
  box-shadow: none;
  color: #0d8050;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover, .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-success.bp3-menu-item, .bp3-submenu .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-success.bp3-menu-item {
  background: rgba(15, 153, 96, 0.15);
  color: #0d8050;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-active {
  background: rgba(15, 153, 96, 0.3);
  color: #0d8050;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:disabled, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-disabled {
  background: none;
  color: rgba(13, 128, 80, 0.5);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:disabled.bp3-active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-disabled.bp3-active {
  background: rgba(15, 153, 96, 0.3);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success .bp3-button-spinner .bp3-spinner-head {
  stroke: #0d8050;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success {
  color: #3dcc91;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover, .bp3-dark .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-success.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-success.bp3-menu-item {
  background: rgba(15, 153, 96, 0.2);
  color: #3dcc91;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-active {
  background: rgba(15, 153, 96, 0.3);
  color: #3dcc91;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:disabled, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-disabled {
  background: none;
  color: rgba(61, 204, 145, 0.5);
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:disabled.bp3-active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-disabled.bp3-active {
  background: rgba(15, 153, 96, 0.3);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning {
  color: #bf7326;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover, .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-warning.bp3-menu-item, .bp3-submenu .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-warning.bp3-menu-item, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-active {
  background: none;
  box-shadow: none;
  color: #bf7326;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover, .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-warning.bp3-menu-item, .bp3-submenu .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-warning.bp3-menu-item {
  background: rgba(217, 130, 43, 0.15);
  color: #bf7326;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-active {
  background: rgba(217, 130, 43, 0.3);
  color: #bf7326;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:disabled, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-disabled {
  background: none;
  color: rgba(191, 115, 38, 0.5);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:disabled.bp3-active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-disabled.bp3-active {
  background: rgba(217, 130, 43, 0.3);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning .bp3-button-spinner .bp3-spinner-head {
  stroke: #bf7326;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning {
  color: #ffb366;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover, .bp3-dark .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-warning.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-warning.bp3-menu-item {
  background: rgba(217, 130, 43, 0.2);
  color: #ffb366;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-active {
  background: rgba(217, 130, 43, 0.3);
  color: #ffb366;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:disabled, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-disabled {
  background: none;
  color: rgba(255, 179, 102, 0.5);
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:disabled.bp3-active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-disabled.bp3-active {
  background: rgba(217, 130, 43, 0.3);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger {
  color: #c23030;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:hover, .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-danger.bp3-menu-item, .bp3-submenu .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-danger.bp3-menu-item, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-active {
  background: none;
  box-shadow: none;
  color: #c23030;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:hover, .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-danger.bp3-menu-item, .bp3-submenu .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-danger.bp3-menu-item {
  background: rgba(219, 55, 55, 0.15);
  color: #c23030;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-active {
  background: rgba(219, 55, 55, 0.3);
  color: #c23030;
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:disabled, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-disabled {
  background: none;
  color: rgba(194, 48, 48, 0.5);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:disabled.bp3-active, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-disabled.bp3-active {
  background: rgba(219, 55, 55, 0.3);
}
.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger .bp3-button-spinner .bp3-spinner-head {
  stroke: #c23030;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger {
  color: #ff7373;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:hover, .bp3-dark .bp3-button-group.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-danger.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-button-group.bp3-minimal .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-intent-danger.bp3-menu-item {
  background: rgba(219, 55, 55, 0.2);
  color: #ff7373;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-active {
  background: rgba(219, 55, 55, 0.3);
  color: #ff7373;
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:disabled, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-disabled {
  background: none;
  color: rgba(255, 115, 115, 0.5);
}
.bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:disabled.bp3-active, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-disabled.bp3-active {
  background: rgba(219, 55, 55, 0.3);
}
.bp3-button-group .bp3-popover-wrapper,
.bp3-button-group .bp3-popover-target {
  display: flex;
  flex: 1 1 auto;
}
.bp3-button-group {
  /*
  Responsive

  Markup:
  <div class="bp3-button-group bp3-large bp3-fill">
    <a class="bp3-button bp3-intent-primary bp3-fixed" tabindex="0" role="button">Start</a>
    <a class="bp3-button bp3-intent-primary" tabindex="0" role="button">Left</a>
    <a class="bp3-button bp3-intent-primary bp3-active" tabindex="0" role="button">Middle</a>
    <a class="bp3-button bp3-intent-primary" tabindex="0" role="button">Right</a>
    <a class="bp3-button bp3-intent-primary bp3-fixed" tabindex="0" role="button">End</a>
  </div>
  <br />
  <div class="bp3-button-group bp3-fill">
    <button class="bp3-button bp3-icon-arrow-left"></button>
    <button class="bp3-button bp3-fill">Middle</button>
    <button class="bp3-button bp3-icon-arrow-right"></button>
  </div>

  Styleguide button-group}-fill
  */
}
.bp3-button-group.bp3-fill {
  display: flex;
  width: 100%;
}
.bp3-button-group .bp3-button.bp3-fill, .bp3-button-group.bp3-fill .bp3-button:not(.bp3-fixed) {
  flex: 1 1 auto;
}
.bp3-button-group {
  /*
  Vertical button groups

  Markup:
  <div class="bp3-button-group bp3-vertical">
    <a class="bp3-button bp3-icon-search-template" role="button" tabindex="0"></a>
    <a class="bp3-button bp3-icon-zoom-in" role="button" tabindex="0"></a>
    <a class="bp3-button bp3-icon-zoom-out" role="button" tabindex="0"></a>
    <a class="bp3-button bp3-icon-zoom-to-fit" role="button" tabindex="0"></a>
  </div>
  <div class="bp3-button-group bp3-vertical">
    <button type="button" class="bp3-button bp3-active">Home</button>
    <button type="button" class="bp3-button">Pages</button>
    <button type="button" class="bp3-button">Blog</button>
    <button type="button" class="bp3-button">Calendar</button>
  </div>
  <div class="bp3-button-group bp3-vertical bp3-align-left bp3-large">
    <button type="button" class="bp3-button bp3-intent-primary bp3-icon-document">Text</button>
    <button type="button" class="bp3-button bp3-intent-primary bp3-icon-media bp3-active">Media</button>
    <button type="button" class="bp3-button bp3-intent-primary bp3-icon-link">Sources</button>
  </div>

  Styleguide button-group-vertical
  */
}
.bp3-button-group.bp3-vertical {
  align-items: stretch;
  flex-direction: column;
  vertical-align: top;
}
.bp3-button-group.bp3-vertical.bp3-fill {
  height: 100%;
  width: unset;
}
.bp3-button-group.bp3-vertical .bp3-button {
  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
  width: 100%;
}
.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-popover-wrapper:first-child .bp3-button,
.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-button:first-child {
  border-radius: 3px 3px 0 0;
}
.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-popover-wrapper:last-child .bp3-button,
.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-button:last-child {
  border-radius: 0 0 3px 3px;
}
.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-popover-wrapper:not(:last-child) .bp3-button,
.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-button:not(:last-child) {
  margin-bottom: -1px;
}
.bp3-button-group.bp3-align-left .bp3-button {
  text-align: left;
}
.bp3-dark .bp3-button-group:not(.bp3-minimal) > .bp3-popover-wrapper:not(:last-child) .bp3-button,
.bp3-dark .bp3-button-group:not(.bp3-minimal) > .bp3-button:not(:last-child) {
  margin-right: 1px;
}
.bp3-dark .bp3-button-group.bp3-vertical > .bp3-popover-wrapper:not(:last-child) .bp3-button,
.bp3-dark .bp3-button-group.bp3-vertical > .bp3-button:not(:last-child) {
  margin-bottom: 1px;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Callout

Markup:
<div class="bp3-callout {{.modifier}}">
  <h4 class="bp3-heading">Callout Heading</h4>
  It's dangerous to go alone! Take this.
</div>

.bp3-intent-primary - Primary intent
.bp3-intent-success - Success intent
.bp3-intent-warning - Warning intent
.bp3-intent-danger  - Danger intent
.bp3-icon-info-sign - With an icon

Styleguide callout
*/
.bp3-callout {
  font-size: 14px;
  line-height: 1.5;
  background-color: rgba(138, 155, 168, 0.15);
  border-radius: 3px;
  padding: 10px 12px 9px;
  position: relative;
  width: 100%;
}
.bp3-callout[class*=bp3-icon-] {
  padding-left: 40px;
}
.bp3-callout[class*=bp3-icon-]::before {
  font-family: "Icons20", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #5c7080;
  left: 10px;
  position: absolute;
  top: 10px;
}
.bp3-callout.bp3-callout-icon {
  padding-left: 40px;
}
.bp3-callout.bp3-callout-icon > .bp3-icon:first-child {
  color: #5c7080;
  left: 10px;
  position: absolute;
  top: 10px;
}
.bp3-callout .bp3-heading {
  line-height: 20px;
  margin-bottom: 5px;
  margin-top: 0;
}
.bp3-callout .bp3-heading:last-child {
  margin-bottom: 0;
}
.bp3-dark .bp3-callout {
  background-color: rgba(138, 155, 168, 0.2);
}
.bp3-dark .bp3-callout[class*=bp3-icon-]::before {
  color: #a7b6c2;
}
.bp3-callout.bp3-intent-primary {
  background-color: rgba(19, 124, 189, 0.15);
}
.bp3-callout.bp3-intent-primary[class*=bp3-icon-]::before,
.bp3-callout.bp3-intent-primary > .bp3-icon:first-child,
.bp3-callout.bp3-intent-primary .bp3-heading {
  color: #106ba3;
}
.bp3-dark .bp3-callout.bp3-intent-primary {
  background-color: rgba(19, 124, 189, 0.25);
}
.bp3-dark .bp3-callout.bp3-intent-primary[class*=bp3-icon-]::before,
.bp3-dark .bp3-callout.bp3-intent-primary > .bp3-icon:first-child,
.bp3-dark .bp3-callout.bp3-intent-primary .bp3-heading {
  color: #48aff0;
}
.bp3-callout.bp3-intent-success {
  background-color: rgba(15, 153, 96, 0.15);
}
.bp3-callout.bp3-intent-success[class*=bp3-icon-]::before,
.bp3-callout.bp3-intent-success > .bp3-icon:first-child,
.bp3-callout.bp3-intent-success .bp3-heading {
  color: #0d8050;
}
.bp3-dark .bp3-callout.bp3-intent-success {
  background-color: rgba(15, 153, 96, 0.25);
}
.bp3-dark .bp3-callout.bp3-intent-success[class*=bp3-icon-]::before,
.bp3-dark .bp3-callout.bp3-intent-success > .bp3-icon:first-child,
.bp3-dark .bp3-callout.bp3-intent-success .bp3-heading {
  color: #3dcc91;
}
.bp3-callout.bp3-intent-warning {
  background-color: rgba(217, 130, 43, 0.15);
}
.bp3-callout.bp3-intent-warning[class*=bp3-icon-]::before,
.bp3-callout.bp3-intent-warning > .bp3-icon:first-child,
.bp3-callout.bp3-intent-warning .bp3-heading {
  color: #bf7326;
}
.bp3-dark .bp3-callout.bp3-intent-warning {
  background-color: rgba(217, 130, 43, 0.25);
}
.bp3-dark .bp3-callout.bp3-intent-warning[class*=bp3-icon-]::before,
.bp3-dark .bp3-callout.bp3-intent-warning > .bp3-icon:first-child,
.bp3-dark .bp3-callout.bp3-intent-warning .bp3-heading {
  color: #ffb366;
}
.bp3-callout.bp3-intent-danger {
  background-color: rgba(219, 55, 55, 0.15);
}
.bp3-callout.bp3-intent-danger[class*=bp3-icon-]::before,
.bp3-callout.bp3-intent-danger > .bp3-icon:first-child,
.bp3-callout.bp3-intent-danger .bp3-heading {
  color: #c23030;
}
.bp3-dark .bp3-callout.bp3-intent-danger {
  background-color: rgba(219, 55, 55, 0.25);
}
.bp3-dark .bp3-callout.bp3-intent-danger[class*=bp3-icon-]::before,
.bp3-dark .bp3-callout.bp3-intent-danger > .bp3-icon:first-child,
.bp3-dark .bp3-callout.bp3-intent-danger .bp3-heading {
  color: #ff7373;
}
.bp3-running-text .bp3-callout {
  margin: 20px 0;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Cards

Markup:
<div class="bp3-card {{.modifier}}">
  We build products that make people better at their most important work.
</div>

.bp3-elevation-0 - Ground floor. This level provides just a gentle border shadow.
.bp3-elevation-1 - First. Subtle drop shadow intended for static containers.
.bp3-elevation-2 - Second. An even stronger shadow, moving on up.
.bp3-elevation-3 - Third. For containers overlaying content temporarily.
.bp3-elevation-4 - Fourth. The strongest shadow, usually for overlay containers on top of backdrops.
.bp3-interactive - On hover, increase elevation and use pointer cursor.

Styleguide card
*/
.bp3-card {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
  padding: 20px;
  transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9), box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-card.bp3-dark, .bp3-dark .bp3-card {
  background-color: #333;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
}

.bp3-elevation-0 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
}
.bp3-elevation-0.bp3-dark, .bp3-dark .bp3-elevation-0 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
}

.bp3-elevation-1 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-elevation-1.bp3-dark, .bp3-dark .bp3-elevation-1 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4);
}

.bp3-elevation-2 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 1px 1px rgba(16, 22, 26, 0.2), 0 2px 6px rgba(16, 22, 26, 0.2);
}
.bp3-elevation-2.bp3-dark, .bp3-dark .bp3-elevation-2 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.4), 0 2px 6px rgba(16, 22, 26, 0.4);
}

.bp3-elevation-3 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}
.bp3-elevation-3.bp3-dark, .bp3-dark .bp3-elevation-3 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}

.bp3-elevation-4 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
}
.bp3-elevation-4.bp3-dark, .bp3-dark .bp3-elevation-4 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
}

.bp3-card.bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-card.bp3-interactive.bp3-menu-item {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  cursor: pointer;
}
.bp3-card.bp3-interactive:hover.bp3-dark, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-card.bp3-interactive.bp3-dark.bp3-menu-item, .bp3-dark .bp3-card.bp3-interactive:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-card.bp3-interactive.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-card.bp3-interactive.bp3-menu-item {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}
.bp3-card.bp3-interactive:active {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2);
  opacity: 0.9;
  transition-duration: 0;
}
.bp3-card.bp3-interactive:active.bp3-dark, .bp3-dark .bp3-card.bp3-interactive:active {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4);
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
.bp3-collapse {
  height: 0;
  overflow-y: hidden;
  transition: height 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-collapse .bp3-collapse-body {
  transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-collapse .bp3-collapse-body[aria-hidden=true] {
  display: none;
}

.bp3-context-menu .bp3-popover-target {
  display: block;
}

.bp3-context-menu-popover-target {
  position: fixed;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
.bp3-divider {
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  margin: 5px;
}
.bp3-dark .bp3-divider {
  border-color: rgba(16, 22, 26, 0.4);
}

/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Dialog

Markup:
<!-- this container element fills its parent and centers the .bp3-dialog within it -->
<div class="bp3-dialog-container">
  <div class="bp3-dialog">
    <div class="bp3-dialog-header">
      <span class="bp3-icon-large bp3-icon-inbox"></span>
      <h4 class="bp3-heading">Dialog header</h4>
      <button aria-label="Close" class="bp3-dialog-close-button bp3-button bp3-minimal bp3-icon-cross"></button>
    </div>
    <div class="bp3-dialog-body">
      This dialog hasn't been wired up with any open or close interactions.
      It's just an example of markup and styles.
    </div>
    <div class="bp3-dialog-footer">
      <div class="bp3-dialog-footer-actions">
        <button type="button" class="bp3-button">Secondary button</button>
        <button type="submit" class="bp3-button bp3-intent-primary">Primary button</button>
      </div>
    </div>
  </div>
</div>

Styleguide dialog
*/
.bp3-dialog-container {
  opacity: 1;
  transform: scale(1);
}
.bp3-dialog-container.bp3-overlay-enter > .bp3-dialog, .bp3-dialog-container.bp3-overlay-appear > .bp3-dialog {
  opacity: 0;
  transform: scale(0.5);
}
.bp3-dialog-container.bp3-overlay-enter-active > .bp3-dialog, .bp3-dialog-container.bp3-overlay-appear-active > .bp3-dialog {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0;
  transition-duration: 300ms;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
}
.bp3-dialog-container.bp3-overlay-exit > .bp3-dialog {
  opacity: 1;
  transform: scale(1);
}
.bp3-dialog-container.bp3-overlay-exit-active > .bp3-dialog {
  opacity: 0;
  transform: scale(0.5);
  transition-delay: 0;
  transition-duration: 300ms;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
}
.bp3-dialog-container {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100%;
  pointer-events: none;
  user-select: none;
  width: 100%;
}

.bp3-dialog {
  background: #ebf1f5;
  border-radius: 6px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
  display: flex;
  flex-direction: column;
  margin: 30px 0;
  padding-bottom: 20px;
  pointer-events: all;
  user-select: text;
  width: 500px;
}
.bp3-dialog:focus {
  outline: 0;
}
.bp3-dialog.bp3-dark, .bp3-dark .bp3-dialog {
  background: #444;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}

.bp3-dialog-header {
  align-items: center;
  background: #ffffff;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);
  display: flex;
  flex: 0 0 auto;
  min-height: 40px;
  padding-left: 20px;
  padding-right: 5px;
  z-index: 0;
}
.bp3-dialog-header .bp3-icon-large,
.bp3-dialog-header .bp3-icon {
  color: #5c7080;
  flex: 0 0 auto;
  margin-right: 10px;
}
.bp3-dialog-header .bp3-heading {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  flex: 1 1 auto;
  line-height: inherit;
  margin: 0;
}
.bp3-dialog-header .bp3-heading:last-child {
  margin-right: 20px;
}
.bp3-dark .bp3-dialog-header {
  background: #333;
  box-shadow: 0 1px 0 rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-dialog-header .bp3-icon-large,
.bp3-dark .bp3-dialog-header .bp3-icon {
  color: #a7b6c2;
}

.bp3-dialog-body {
  flex: 1 1 auto;
  line-height: 18px;
  margin: 20px;
}

.bp3-dialog-footer {
  flex: 0 0 auto;
  margin: 0 20px;
}

.bp3-dialog-footer-actions {
  display: flex;
  justify-content: flex-end;
}
.bp3-dialog-footer-actions .bp3-button {
  margin-left: 10px;
}

/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
.bp3-multistep-dialog-panels {
  display: flex;
}
.bp3-multistep-dialog-panels:first-child .bp3-dialog-step-container:first-child {
  border-radius: 6px 0 0 0;
}
.bp3-multistep-dialog-panels:first-child .bp3-multistep-dialog-right-panel {
  border-top-right-radius: 6px;
}

.bp3-multistep-dialog-left-panel {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.bp3-dark .bp3-multistep-dialog-left-panel {
  background: #555;
}

.bp3-multistep-dialog-right-panel {
  background-color: #f5f8fa;
  border-left: 1px solid rgba(16, 22, 26, 0.15);
  border-radius: 0 0 6px 0;
  flex: 3;
  min-width: 0;
}
.bp3-dark .bp3-multistep-dialog-right-panel {
  background-color: #444;
  border-left: 1px solid rgba(16, 22, 26, 0.4);
}

.bp3-multistep-dialog-footer {
  background-color: #ffffff;
  border-radius: 0 0 6px 0;
  border-top: 1px solid rgba(16, 22, 26, 0.15);
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.bp3-dark .bp3-multistep-dialog-footer {
  background: #333;
  border-top: 1px solid rgba(16, 22, 26, 0.4);
}
.bp3-multistep-dialog-footer .bp3-dialog-footer-actions {
  flex-grow: 1;
}

.bp3-dialog-step-container {
  background-color: #f5f8fa;
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
}
.bp3-dark .bp3-dialog-step-container {
  background: #444;
  border-bottom: 1px solid rgba(16, 22, 26, 0.4);
}
.bp3-dialog-step-container.bp3-dialog-step-viewed {
  background-color: #ffffff;
}
.bp3-dark .bp3-dialog-step-container.bp3-dialog-step-viewed {
  background: #333;
}

.bp3-dialog-step {
  align-items: center;
  background-color: #f5f8fa;
  border-radius: 6px;
  cursor: not-allowed;
  display: flex;
  margin: 4px;
  padding: 6px 14px;
}
.bp3-dark .bp3-dialog-step {
  background: #444;
}
.bp3-dialog-step-viewed .bp3-dialog-step {
  background-color: #ffffff;
  cursor: pointer;
}
.bp3-dark .bp3-dialog-step-viewed .bp3-dialog-step {
  background: #333;
}
.bp3-dialog-step:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-dialog-step.bp3-menu-item {
  background-color: #f5f8fa;
}
.bp3-dark .bp3-dialog-step:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-dialog-step.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-dialog-step.bp3-menu-item {
  background: #444;
}

.bp3-dialog-step-icon {
  align-items: center;
  background-color: rgba(92, 112, 128, 0.6);
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  height: 25px;
  justify-content: center;
  width: 25px;
}
.bp3-dark .bp3-dialog-step-icon {
  background-color: rgba(167, 182, 194, 0.6);
}
.bp3-active.bp3-dialog-step-viewed .bp3-dialog-step-icon {
  background-color: #2b95d6;
}
.bp3-dialog-step-viewed .bp3-dialog-step-icon {
  background-color: #8a9ba8;
}

.bp3-dialog-step-title {
  color: rgba(92, 112, 128, 0.6);
  flex: 1;
  padding-left: 10px;
}
.bp3-dark .bp3-dialog-step-title {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-active.bp3-dialog-step-viewed .bp3-dialog-step-title {
  color: #2b95d6;
}
.bp3-dialog-step-viewed:not(.bp3-active) .bp3-dialog-step-title {
  color: #666;
}
.bp3-dark .bp3-dialog-step-viewed:not(.bp3-active) .bp3-dialog-step-title {
  color: #f5f8fa;
}

/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
.bp3-drawer {
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.bp3-drawer:focus {
  outline: 0;
}
.bp3-drawer.bp3-position-top.bp3-overlay-enter, .bp3-drawer.bp3-position-top.bp3-overlay-appear {
  transform: translateY(-100%);
}
.bp3-drawer.bp3-position-top.bp3-overlay-enter-active, .bp3-drawer.bp3-position-top.bp3-overlay-appear-active {
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 200ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer.bp3-position-top.bp3-overlay-exit {
  transform: translateY(0);
}
.bp3-drawer.bp3-position-top.bp3-overlay-exit-active {
  transform: translateY(-100%);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer.bp3-position-top {
  height: 50%;
  left: 0;
  right: 0;
  top: 0;
}
.bp3-drawer.bp3-position-bottom.bp3-overlay-enter, .bp3-drawer.bp3-position-bottom.bp3-overlay-appear {
  transform: translateY(100%);
}
.bp3-drawer.bp3-position-bottom.bp3-overlay-enter-active, .bp3-drawer.bp3-position-bottom.bp3-overlay-appear-active {
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 200ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer.bp3-position-bottom.bp3-overlay-exit {
  transform: translateY(0);
}
.bp3-drawer.bp3-position-bottom.bp3-overlay-exit-active {
  transform: translateY(100%);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer.bp3-position-bottom {
  bottom: 0;
  height: 50%;
  left: 0;
  right: 0;
}
.bp3-drawer.bp3-position-left.bp3-overlay-enter, .bp3-drawer.bp3-position-left.bp3-overlay-appear {
  transform: translateX(-100%);
}
.bp3-drawer.bp3-position-left.bp3-overlay-enter-active, .bp3-drawer.bp3-position-left.bp3-overlay-appear-active {
  transform: translateX(0);
  transition-delay: 0;
  transition-duration: 200ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer.bp3-position-left.bp3-overlay-exit {
  transform: translateX(0);
}
.bp3-drawer.bp3-position-left.bp3-overlay-exit-active {
  transform: translateX(-100%);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer.bp3-position-left {
  bottom: 0;
  left: 0;
  top: 0;
  width: 50%;
}
.bp3-drawer.bp3-position-right.bp3-overlay-enter, .bp3-drawer.bp3-position-right.bp3-overlay-appear {
  transform: translateX(100%);
}
.bp3-drawer.bp3-position-right.bp3-overlay-enter-active, .bp3-drawer.bp3-position-right.bp3-overlay-appear-active {
  transform: translateX(0);
  transition-delay: 0;
  transition-duration: 200ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer.bp3-position-right.bp3-overlay-exit {
  transform: translateX(0);
}
.bp3-drawer.bp3-position-right.bp3-overlay-exit-active {
  transform: translateX(100%);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer.bp3-position-right {
  bottom: 0;
  right: 0;
  top: 0;
  width: 50%;
}
.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-enter, .bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-appear {
  transform: translateX(100%);
}
.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-enter-active, .bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-appear-active {
  transform: translateX(0);
  transition-delay: 0;
  transition-duration: 200ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-exit {
  transform: translateX(0);
}
.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-exit-active {
  transform: translateX(100%);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical) {
  bottom: 0;
  right: 0;
  top: 0;
  width: 50%;
}
.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-enter, .bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-appear {
  transform: translateY(100%);
}
.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-enter-active, .bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-appear-active {
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 200ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-exit {
  transform: translateY(0);
}
.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-exit-active {
  transform: translateY(100%);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical {
  bottom: 0;
  height: 50%;
  left: 0;
  right: 0;
}
.bp3-drawer.bp3-dark, .bp3-dark .bp3-drawer {
  background: #333;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}

.bp3-drawer-header {
  align-items: center;
  border-radius: 0;
  box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);
  display: flex;
  flex: 0 0 auto;
  min-height: 40px;
  padding: 5px;
  padding-left: 20px;
  position: relative;
}
.bp3-drawer-header .bp3-icon-large,
.bp3-drawer-header .bp3-icon {
  color: #5c7080;
  flex: 0 0 auto;
  margin-right: 10px;
}
.bp3-drawer-header .bp3-heading {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  flex: 1 1 auto;
  line-height: inherit;
  margin: 0;
}
.bp3-drawer-header .bp3-heading:last-child {
  margin-right: 20px;
}
.bp3-dark .bp3-drawer-header {
  box-shadow: 0 1px 0 rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-drawer-header .bp3-icon-large,
.bp3-dark .bp3-drawer-header .bp3-icon {
  color: #a7b6c2;
}

.bp3-drawer-body {
  flex: 1 1 auto;
  line-height: 18px;
  overflow: auto;
}

.bp3-drawer-footer {
  box-shadow: inset 0 1px 0 rgba(16, 22, 26, 0.15);
  flex: 0 0 auto;
  padding: 10px 20px;
  position: relative;
}
.bp3-dark .bp3-drawer-footer {
  box-shadow: inset 0 1px 0 rgba(16, 22, 26, 0.4);
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
.bp3-editable-text {
  cursor: text;
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
}
.bp3-editable-text::before {
  bottom: -3px;
  left: -3px;
  position: absolute;
  right: -3px;
  top: -3px;
  border-radius: 3px;
  content: "";
  transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9), box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-editable-text:hover::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-menu-item::before {
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15);
}
.bp3-editable-text.bp3-editable-text-editing::before {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-editable-text.bp3-disabled::before {
  box-shadow: none;
}
.bp3-editable-text.bp3-intent-primary .bp3-editable-text-input,
.bp3-editable-text.bp3-intent-primary .bp3-editable-text-content {
  color: #137cbd;
}
.bp3-editable-text.bp3-intent-primary:hover::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-primary.bp3-menu-item::before {
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(19, 124, 189, 0.4);
}
.bp3-editable-text.bp3-intent-primary.bp3-editable-text-editing::before {
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-editable-text.bp3-intent-success .bp3-editable-text-input,
.bp3-editable-text.bp3-intent-success .bp3-editable-text-content {
  color: #0f9960;
}
.bp3-editable-text.bp3-intent-success:hover::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-success.bp3-menu-item::before {
  box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px rgba(15, 153, 96, 0.4);
}
.bp3-editable-text.bp3-intent-success.bp3-editable-text-editing::before {
  box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-editable-text.bp3-intent-warning .bp3-editable-text-input,
.bp3-editable-text.bp3-intent-warning .bp3-editable-text-content {
  color: #d9822b;
}
.bp3-editable-text.bp3-intent-warning:hover::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-warning.bp3-menu-item::before {
  box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px rgba(217, 130, 43, 0.4);
}
.bp3-editable-text.bp3-intent-warning.bp3-editable-text-editing::before {
  box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-editable-text.bp3-intent-danger .bp3-editable-text-input,
.bp3-editable-text.bp3-intent-danger .bp3-editable-text-content {
  color: #db3737;
}
.bp3-editable-text.bp3-intent-danger:hover::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-danger.bp3-menu-item::before {
  box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px rgba(219, 55, 55, 0.4);
}
.bp3-editable-text.bp3-intent-danger.bp3-editable-text-editing::before {
  box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-editable-text:hover::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-menu-item::before {
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}
.bp3-dark .bp3-editable-text.bp3-editable-text-editing::before {
  background-color: rgba(16, 22, 26, 0.3);
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-editable-text.bp3-disabled::before {
  box-shadow: none;
}
.bp3-dark .bp3-editable-text.bp3-intent-primary .bp3-editable-text-content {
  color: #48aff0;
}
.bp3-dark .bp3-editable-text.bp3-intent-primary:hover::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-primary.bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-primary.bp3-menu-item::before {
  box-shadow: 0 0 0 0 rgba(72, 175, 240, 0), 0 0 0 0 rgba(72, 175, 240, 0), inset 0 0 0 1px rgba(72, 175, 240, 0.4);
}
.bp3-dark .bp3-editable-text.bp3-intent-primary.bp3-editable-text-editing::before {
  box-shadow: 0 0 0 1px #48aff0, 0 0 0 3px rgba(72, 175, 240, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-editable-text.bp3-intent-success .bp3-editable-text-content {
  color: #3dcc91;
}
.bp3-dark .bp3-editable-text.bp3-intent-success:hover::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-success.bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-success.bp3-menu-item::before {
  box-shadow: 0 0 0 0 rgba(61, 204, 145, 0), 0 0 0 0 rgba(61, 204, 145, 0), inset 0 0 0 1px rgba(61, 204, 145, 0.4);
}
.bp3-dark .bp3-editable-text.bp3-intent-success.bp3-editable-text-editing::before {
  box-shadow: 0 0 0 1px #3dcc91, 0 0 0 3px rgba(61, 204, 145, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-editable-text.bp3-intent-warning .bp3-editable-text-content {
  color: #ffb366;
}
.bp3-dark .bp3-editable-text.bp3-intent-warning:hover::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-warning.bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-warning.bp3-menu-item::before {
  box-shadow: 0 0 0 0 rgba(255, 179, 102, 0), 0 0 0 0 rgba(255, 179, 102, 0), inset 0 0 0 1px rgba(255, 179, 102, 0.4);
}
.bp3-dark .bp3-editable-text.bp3-intent-warning.bp3-editable-text-editing::before {
  box-shadow: 0 0 0 1px #ffb366, 0 0 0 3px rgba(255, 179, 102, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-editable-text.bp3-intent-danger .bp3-editable-text-content {
  color: #ff7373;
}
.bp3-dark .bp3-editable-text.bp3-intent-danger:hover::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-danger.bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-editable-text.bp3-intent-danger.bp3-menu-item::before {
  box-shadow: 0 0 0 0 rgba(255, 115, 115, 0), 0 0 0 0 rgba(255, 115, 115, 0), inset 0 0 0 1px rgba(255, 115, 115, 0.4);
}
.bp3-dark .bp3-editable-text.bp3-intent-danger.bp3-editable-text-editing::before {
  box-shadow: 0 0 0 1px #ff7373, 0 0 0 3px rgba(255, 115, 115, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

.bp3-editable-text-input,
.bp3-editable-text-content {
  color: inherit;
  display: inherit;
  font: inherit;
  letter-spacing: inherit;
  max-width: inherit;
  min-width: inherit;
  position: relative;
  resize: none;
  text-transform: inherit;
  vertical-align: top;
}

.bp3-editable-text-input::placeholder {
  color: rgba(92, 112, 128, 0.6);
  opacity: 1;
}
.bp3-editable-text-input {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  white-space: pre-wrap;
  width: 100%;
}
.bp3-editable-text-input:focus {
  outline: none;
}
.bp3-editable-text-input::-ms-clear {
  display: none;
}

.bp3-editable-text-content {
  overflow: hidden;
  padding-right: 2px;
  text-overflow: ellipsis;
  white-space: pre;
}
.bp3-editable-text-editing > .bp3-editable-text-content {
  left: 0;
  position: absolute;
  visibility: hidden;
}
.bp3-editable-text-placeholder > .bp3-editable-text-content {
  color: rgba(92, 112, 128, 0.6);
}
.bp3-dark .bp3-editable-text-placeholder > .bp3-editable-text-content {
  color: rgba(167, 182, 194, 0.6);
}

.bp3-editable-text.bp3-multiline {
  display: block;
}
.bp3-editable-text.bp3-multiline .bp3-editable-text-content {
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
.bp3-divider {
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  margin: 5px;
}
.bp3-dark .bp3-divider {
  border-color: rgba(16, 22, 26, 0.4);
}

/*
Control groups

Markup:
<div class="bp3-control-group">
  <button class="bp3-button bp3-icon-filter">Filter</button>
  <input type="text" class="bp3-input" placeholder="Find filters..." />
</div>
<div class="bp3-control-group">
  <div class="bp3-select">
    <select>
      <option selected>Filter...</option>
      <option value="1">Issues</option>
      <option value="2">Requests</option>
      <option value="3">Projects</option>
    </select>
  </div>
  <div class="bp3-input-group">
    <span class="bp3-icon bp3-icon-search"></span>
    <input type="text" class="bp3-input" value="from:ggray to:allorca" />
  </div>
</div>
<div class="bp3-control-group">
  <div class="bp3-input-group">
    <span class="bp3-icon bp3-icon-people"></span>
    <input type="text" class="bp3-input" placeholder="Find collaborators..." style="padding-right:94px" />
    <div class="bp3-input-action">
      <button class="bp3-button bp3-minimal bp3-intent-primary">
        can view<span class="bp3-icon-standard bp3-icon-caret-down bp3-align-right"></span>
      </button>
    </div>
  </div>
  <button class="bp3-button bp3-intent-primary">Add</button>
</div>
<div class="bp3-control-group">
  <div class="bp3-select">
    <select>
      <option selected value="dollar">$</option>
      <option value="euro">€</option>
    </select>
  </div>
  <div class="bp3-control-group bp3-numeric-input">
    <div class="bp3-input-group">
      <input type="text" autocomplete="off" class="bp3-input" style="padding-right: 10px;" value="1">
    </div>
    <div class="bp3-button-group bp3-vertical bp3-fixed">
      <button type="button" class="bp3-button">
        <span icon="chevron-up" class="bp3-icon bp3-icon-chevron-up">
          <svg data-icon="chevron-up" width="16" height="16" viewBox="0 0 16 16"><desc>chevron-up</desc><path d="M12.71 9.29l-4-4C8.53 5.11 8.28 5 8 5s-.53.11-.71.29l-4 4a1.003 1.003 0 001.42 1.42L8 7.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71z" fill-rule="evenodd"></path></svg>
        </span>
      </button>
      <button type="button" class="bp3-button">
        <span icon="chevron-down" class="bp3-icon bp3-icon-chevron-down">
          <svg data-icon="chevron-down" width="16" height="16" viewBox="0 0 16 16"><desc>chevron-down</desc><path d="M12 5c-.28 0-.53.11-.71.29L8 8.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42l4 4c.18.18.43.29.71.29s.53-.11.71-.29l4-4A1.003 1.003 0 0012 5z" fill-rule="evenodd"></path></svg>
        </span>
      </button>
    </div>
  </div>
</div>

Styleguide control-group
*/
.bp3-control-group {
  transform: translateZ(0);
  display: flex;
  flex-direction: row;
}
.bp3-control-group > * {
  flex-grow: 0;
  flex-shrink: 0;
}
.bp3-control-group > .bp3-fill {
  flex-grow: 1;
  flex-shrink: 1;
}
.bp3-control-group {
  align-items: stretch;
}
.bp3-control-group .bp3-button,
.bp3-control-group .bp3-html-select,
.bp3-control-group .bp3-input,
.bp3-control-group .bp3-select {
  position: relative;
}
.bp3-control-group .bp3-input {
  border-radius: inherit;
  z-index: 2;
}
.bp3-control-group .bp3-input:focus {
  border-radius: 3px;
  z-index: 14;
}
.bp3-control-group .bp3-input[class*=bp3-intent] {
  z-index: 13;
}
.bp3-control-group .bp3-input[class*=bp3-intent]:focus {
  z-index: 15;
}
.bp3-control-group .bp3-input[readonly], .bp3-control-group .bp3-input:disabled, .bp3-control-group .bp3-input.bp3-disabled {
  z-index: 1;
}
.bp3-control-group .bp3-input-group[class*=bp3-intent] .bp3-input {
  z-index: 13;
}
.bp3-control-group .bp3-input-group[class*=bp3-intent] .bp3-input:focus {
  z-index: 15;
}
.bp3-control-group .bp3-button,
.bp3-control-group .bp3-html-select select,
.bp3-control-group .bp3-select select {
  transform: translateZ(0);
  border-radius: inherit;
  z-index: 4;
}
.bp3-control-group .bp3-button:focus,
.bp3-control-group .bp3-html-select select:focus,
.bp3-control-group .bp3-select select:focus {
  z-index: 5;
}
.bp3-control-group .bp3-button:hover, .bp3-control-group .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item, .bp3-submenu .bp3-control-group .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item,
.bp3-control-group .bp3-html-select select:hover,
.bp3-control-group .bp3-html-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-submenu .bp3-control-group .bp3-html-select .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-control-group .bp3-select select:hover,
.bp3-control-group .bp3-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-submenu .bp3-control-group .bp3-select .bp3-popover-target.bp3-popover-open > select.bp3-menu-item {
  z-index: 6;
}
.bp3-control-group .bp3-button:active,
.bp3-control-group .bp3-html-select select:active,
.bp3-control-group .bp3-select select:active {
  z-index: 7;
}
.bp3-control-group .bp3-button[readonly], .bp3-control-group .bp3-button:disabled, .bp3-control-group .bp3-button.bp3-disabled,
.bp3-control-group .bp3-html-select select[readonly],
.bp3-control-group .bp3-html-select select:disabled,
.bp3-control-group .bp3-html-select select.bp3-disabled,
.bp3-control-group .bp3-select select[readonly],
.bp3-control-group .bp3-select select:disabled,
.bp3-control-group .bp3-select select.bp3-disabled {
  z-index: 3;
}
.bp3-control-group .bp3-button[class*=bp3-intent],
.bp3-control-group .bp3-html-select select[class*=bp3-intent],
.bp3-control-group .bp3-select select[class*=bp3-intent] {
  z-index: 9;
}
.bp3-control-group .bp3-button[class*=bp3-intent]:focus,
.bp3-control-group .bp3-html-select select[class*=bp3-intent]:focus,
.bp3-control-group .bp3-select select[class*=bp3-intent]:focus {
  z-index: 10;
}
.bp3-control-group .bp3-button[class*=bp3-intent]:hover, .bp3-control-group .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button[class*=bp3-intent].bp3-menu-item, .bp3-submenu .bp3-control-group .bp3-popover-target.bp3-popover-open > .bp3-button[class*=bp3-intent].bp3-menu-item,
.bp3-control-group .bp3-html-select select[class*=bp3-intent]:hover,
.bp3-control-group .bp3-html-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select[class*=bp3-intent].bp3-menu-item,
.bp3-submenu .bp3-control-group .bp3-html-select .bp3-popover-target.bp3-popover-open > select[class*=bp3-intent].bp3-menu-item,
.bp3-control-group .bp3-select select[class*=bp3-intent]:hover,
.bp3-control-group .bp3-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select[class*=bp3-intent].bp3-menu-item,
.bp3-submenu .bp3-control-group .bp3-select .bp3-popover-target.bp3-popover-open > select[class*=bp3-intent].bp3-menu-item {
  z-index: 11;
}
.bp3-control-group .bp3-button[class*=bp3-intent]:active,
.bp3-control-group .bp3-html-select select[class*=bp3-intent]:active,
.bp3-control-group .bp3-select select[class*=bp3-intent]:active {
  z-index: 12;
}
.bp3-control-group .bp3-button[class*=bp3-intent][readonly], .bp3-control-group .bp3-button[class*=bp3-intent]:disabled, .bp3-control-group .bp3-button[class*=bp3-intent].bp3-disabled,
.bp3-control-group .bp3-html-select select[class*=bp3-intent][readonly],
.bp3-control-group .bp3-html-select select[class*=bp3-intent]:disabled,
.bp3-control-group .bp3-html-select select[class*=bp3-intent].bp3-disabled,
.bp3-control-group .bp3-select select[class*=bp3-intent][readonly],
.bp3-control-group .bp3-select select[class*=bp3-intent]:disabled,
.bp3-control-group .bp3-select select[class*=bp3-intent].bp3-disabled {
  z-index: 8;
}
.bp3-control-group .bp3-input-group > .bp3-icon,
.bp3-control-group .bp3-input-group > .bp3-button,
.bp3-control-group .bp3-input-group > .bp3-input-left-container,
.bp3-control-group .bp3-input-group > .bp3-input-action {
  z-index: 16;
}
.bp3-control-group .bp3-select::after,
.bp3-control-group .bp3-html-select::after,
.bp3-control-group .bp3-select > .bp3-icon,
.bp3-control-group .bp3-html-select > .bp3-icon {
  z-index: 17;
}
.bp3-control-group .bp3-select:focus-within {
  z-index: 5;
}
.bp3-control-group:not(.bp3-vertical) > *:not(.bp3-divider) {
  margin-right: -1px;
}
.bp3-control-group:not(.bp3-vertical) > .bp3-divider:not(:first-child) {
  margin-left: 6px;
}
.bp3-dark .bp3-control-group:not(.bp3-vertical) > *:not(.bp3-divider) {
  margin-right: 0;
}
.bp3-dark .bp3-control-group:not(.bp3-vertical) > .bp3-button + .bp3-button {
  margin-left: 1px;
}
.bp3-control-group .bp3-popover-wrapper,
.bp3-control-group .bp3-popover-target {
  border-radius: inherit;
}
.bp3-control-group > :first-child {
  border-radius: 3px 0 0 3px;
}
.bp3-control-group > :last-child {
  border-radius: 0 3px 3px 0;
  margin-right: 0;
}
.bp3-control-group > :only-child {
  border-radius: 3px;
  margin-right: 0;
}
.bp3-control-group .bp3-input-group .bp3-button {
  border-radius: 3px;
}
.bp3-control-group .bp3-numeric-input:not(:first-child) .bp3-input-group {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.bp3-control-group {
  /*
  Responsive control groups

  Markup:
  <div class="bp3-control-group">
    <div class="bp3-input-group bp3-fill">
      <span class="bp3-icon bp3-icon-people"></span>
      <input type="text" class="bp3-input" placeholder="Find collaborators..." />
    </div>
    <button class="bp3-button bp3-intent-primary">Add</button>
  </div>
  <div class="bp3-control-group bp3-fill">
    <button class="bp3-button bp3-icon-minus bp3-fixed"></button>
    <input type="text" class="bp3-input" placeholder="Enter a value..." />
    <button class="bp3-button bp3-icon-plus bp3-fixed"></button>
  </div>

  Styleguide control-group-fill
  */
}
.bp3-control-group.bp3-fill {
  width: 100%;
}
.bp3-control-group > .bp3-fill {
  flex: 1 1 auto;
}
.bp3-control-group.bp3-fill > *:not(.bp3-fixed) {
  flex: 1 1 auto;
}
.bp3-control-group {
  /*
  Vertical control groups

  Markup:
  <div class="bp3-control-group bp3-vertical" style="width: 300px;">
    <div class="bp3-input-group bp3-large">
      <span class="bp3-icon bp3-icon-person"></span>
      <input type="text" class="bp3-input" placeholder="Username" />
    </div>
    <div class="bp3-input-group bp3-large">
      <span class="bp3-icon bp3-icon-lock"></span>
      <input type="password" class="bp3-input" placeholder="Password" />
    </div>
    <button class="bp3-button bp3-large bp3-intent-primary">Login</button>
  </div>

  Styleguide control-group-vertical
  */
}
.bp3-control-group.bp3-vertical {
  flex-direction: column;
}
.bp3-control-group.bp3-vertical > * {
  margin-top: -1px;
}
.bp3-control-group.bp3-vertical > :first-child {
  border-radius: 3px 3px 0 0;
  margin-top: 0;
}
.bp3-control-group.bp3-vertical > :last-child {
  border-radius: 0 0 3px 3px;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
.bp3-control input:checked ~ .bp3-control-indicator {
  background-color: #137cbd;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}
.bp3-control:hover input:checked ~ .bp3-control-indicator, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-menu-item input:checked ~ .bp3-control-indicator {
  background-color: #106ba3;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}
.bp3-control input:not(:disabled):active:checked ~ .bp3-control-indicator {
  background: #0e5a8a;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-control input:disabled:checked ~ .bp3-control-indicator {
  background: rgba(19, 124, 189, 0.5);
  box-shadow: none;
}
.bp3-dark .bp3-control input:checked ~ .bp3-control-indicator {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-control:hover input:checked ~ .bp3-control-indicator, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-menu-item input:checked ~ .bp3-control-indicator, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-menu-item input:checked ~ .bp3-control-indicator {
  background-color: #106ba3;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-control input:not(:disabled):active:checked ~ .bp3-control-indicator {
  background-color: #0e5a8a;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-control input:disabled:checked ~ .bp3-control-indicator {
  background: rgba(14, 90, 138, 0.5);
  box-shadow: none;
}
.bp3-control:not(.bp3-align-right) {
  padding-left: 26px;
}
.bp3-control:not(.bp3-align-right) .bp3-control-indicator {
  margin-left: -26px;
}
.bp3-control.bp3-align-right {
  padding-right: 26px;
}
.bp3-control.bp3-align-right .bp3-control-indicator {
  margin-right: -26px;
}
.bp3-control {
  cursor: pointer;
  display: block;
  margin-bottom: 10px;
  position: relative;
  text-transform: none;
}
.bp3-control.bp3-disabled {
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-control.bp3-inline {
  display: inline-block;
  margin-right: 20px;
}
.bp3-control input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.bp3-control .bp3-control-indicator {
  background-clip: padding-box;
  background-color: #f5f8fa;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  border: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  height: 1em;
  margin-right: 10px;
  margin-top: -3px;
  position: relative;
  user-select: none;
  vertical-align: middle;
  width: 1em;
}
.bp3-control .bp3-control-indicator::before {
  content: "";
  display: block;
  height: 1em;
  width: 1em;
}
.bp3-control:hover .bp3-control-indicator, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-menu-item .bp3-control-indicator {
  background-color: #ebf1f5;
}
.bp3-control input:not(:disabled):active ~ .bp3-control-indicator {
  background: #d8e1e8;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-control input:disabled ~ .bp3-control-indicator {
  background: rgba(206, 217, 224, 0.5);
  box-shadow: none;
  cursor: not-allowed;
}
.bp3-control input:focus ~ .bp3-control-indicator {
  outline: rgba(19, 124, 189, 0.6) auto 2px;
  outline-offset: 2px;
  -moz-outline-radius: 6px;
}
.bp3-control.bp3-align-right .bp3-control-indicator {
  float: right;
  margin-left: 10px;
  margin-top: 1px;
}
.bp3-control.bp3-large:not(.bp3-align-right) {
  padding-left: 30px;
}
.bp3-control.bp3-large:not(.bp3-align-right) .bp3-control-indicator {
  margin-left: -30px;
}
.bp3-control.bp3-large.bp3-align-right {
  padding-right: 30px;
}
.bp3-control.bp3-large.bp3-align-right .bp3-control-indicator {
  margin-right: -30px;
}
.bp3-control.bp3-large {
  font-size: 16px;
}
.bp3-control.bp3-large .bp3-control-indicator {
  font-size: 20px;
}
.bp3-control.bp3-large.bp3-align-right .bp3-control-indicator {
  margin-top: 0;
}
.bp3-control {
  /*
  Checkbox

  Markup:
  <label class="bp3-control bp3-checkbox {{.modifier}}">
    <input type="checkbox" {{:modifier}} />
    <span class="bp3-control-indicator"></span>
    Checkbox
  </label>

  :checked  - Checked
  :disabled - Disabled. Also add <code>.bp3-disabled</code> to <code>.bp3-control</code> to change text color (not shown below).
  :indeterminate - Indeterminate. Note that this style can only be achieved via JavaScript
                   <code>input.indeterminate = true</code>.
  .bp3-align-right - Right-aligned indicator
  .bp3-large - Large

  Styleguide checkbox
  */
}
.bp3-control.bp3-checkbox input:indeterminate ~ .bp3-control-indicator {
  background-color: #137cbd;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}
.bp3-control.bp3-checkbox:hover input:indeterminate ~ .bp3-control-indicator, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-checkbox.bp3-menu-item input:indeterminate ~ .bp3-control-indicator {
  background-color: #106ba3;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}
.bp3-control.bp3-checkbox input:not(:disabled):active:indeterminate ~ .bp3-control-indicator {
  background: #0e5a8a;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-control.bp3-checkbox input:disabled:indeterminate ~ .bp3-control-indicator {
  background: rgba(19, 124, 189, 0.5);
  box-shadow: none;
}
.bp3-dark .bp3-control.bp3-checkbox input:indeterminate ~ .bp3-control-indicator {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-control.bp3-checkbox:hover input:indeterminate ~ .bp3-control-indicator, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-checkbox.bp3-menu-item input:indeterminate ~ .bp3-control-indicator, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-checkbox.bp3-menu-item input:indeterminate ~ .bp3-control-indicator {
  background-color: #106ba3;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-control.bp3-checkbox input:not(:disabled):active:indeterminate ~ .bp3-control-indicator {
  background-color: #0e5a8a;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-control.bp3-checkbox input:disabled:indeterminate ~ .bp3-control-indicator {
  background: rgba(14, 90, 138, 0.5);
  box-shadow: none;
}
.bp3-control.bp3-checkbox .bp3-control-indicator {
  border-radius: 3px;
}
.bp3-control.bp3-checkbox input:checked ~ .bp3-control-indicator::before {
  background-image: "transparent";
}
.bp3-control.bp3-checkbox input:indeterminate ~ .bp3-control-indicator::before {
  background-image: "transparent";
}
.bp3-control {
  /*
  Radio

  Markup:
  <label class="bp3-control bp3-radio {{.modifier}}">
    <input type="radio" name="docs-radio-regular" {{:modifier}} />
    <span class="bp3-control-indicator"></span>
    Radio
  </label>

  :checked  - Selected
  :disabled - Disabled. Also add <code>.bp3-disabled</code> to <code>.bp3-control</code> to change text color (not shown below).
  .bp3-align-right - Right-aligned indicator
  .bp3-large - Large

  Styleguide radio
  */
}
.bp3-control.bp3-radio .bp3-control-indicator {
  border-radius: 50%;
}
.bp3-control.bp3-radio input:checked ~ .bp3-control-indicator::before {
  background-image: radial-gradient(#ffffff, #ffffff 28%, transparent 32%);
}
.bp3-control.bp3-radio input:checked:disabled ~ .bp3-control-indicator::before {
  opacity: 0.5;
}
.bp3-control.bp3-radio input:focus ~ .bp3-control-indicator {
  -moz-outline-radius: 16px;
}
.bp3-control {
  /*
  Switch

  Markup:
  <label class="bp3-control bp3-switch {{.modifier}}">
    <input type="checkbox" {{:modifier}} />
    <span class="bp3-control-indicator"></span>
    Switch
  </label>

  :checked  - Selected
  :disabled - Disabled. Also add <code>.bp3-disabled</code> to <code>.bp3-control</code> to change text color (not shown below).
  .bp3-align-right - Right-aligned indicator
  .bp3-large - Large

  Styleguide switch
  */
  /* stylelint-disable-next-line order/order */
}
.bp3-control.bp3-switch input ~ .bp3-control-indicator {
  background: rgba(167, 182, 194, 0.5);
}
.bp3-control.bp3-switch:hover input ~ .bp3-control-indicator, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-switch.bp3-menu-item input ~ .bp3-control-indicator {
  background: rgba(115, 134, 148, 0.5);
}
.bp3-control.bp3-switch input:not(:disabled):active ~ .bp3-control-indicator {
  background: rgba(92, 112, 128, 0.5);
}
.bp3-control.bp3-switch input:disabled ~ .bp3-control-indicator {
  background: rgba(206, 217, 224, 0.5);
}
.bp3-control.bp3-switch input:disabled ~ .bp3-control-indicator::before {
  background: rgba(255, 255, 255, 0.8);
}
.bp3-control.bp3-switch input:checked ~ .bp3-control-indicator {
  background: #137cbd;
}
.bp3-control.bp3-switch:hover input:checked ~ .bp3-control-indicator, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-switch.bp3-menu-item input:checked ~ .bp3-control-indicator {
  background: #106ba3;
}
.bp3-control.bp3-switch input:checked:not(:disabled):active ~ .bp3-control-indicator {
  background: #0e5a8a;
}
.bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator {
  background: rgba(19, 124, 189, 0.5);
}
.bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator::before {
  background: rgba(255, 255, 255, 0.8);
}
.bp3-control.bp3-switch:not(.bp3-align-right) {
  padding-left: 38px;
}
.bp3-control.bp3-switch:not(.bp3-align-right) .bp3-control-indicator {
  margin-left: -38px;
}
.bp3-control.bp3-switch.bp3-align-right {
  padding-right: 38px;
}
.bp3-control.bp3-switch.bp3-align-right .bp3-control-indicator {
  margin-right: -38px;
}
.bp3-control.bp3-switch .bp3-control-indicator {
  border: none;
  border-radius: 1.75em;
  /* stylelint-disable-next-line declaration-no-important */
  box-shadow: none !important;
  min-width: 1.75em;
  transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  width: auto;
}
.bp3-control.bp3-switch .bp3-control-indicator::before {
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  height: calc(1em - 4px);
  left: 0;
  margin: 2px;
  position: absolute;
  transition: left 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  width: calc(1em - 4px);
}
.bp3-control.bp3-switch input:checked ~ .bp3-control-indicator::before {
  left: calc(100% - 1em);
}
.bp3-control.bp3-switch.bp3-large:not(.bp3-align-right) {
  padding-left: 45px;
}
.bp3-control.bp3-switch.bp3-large:not(.bp3-align-right) .bp3-control-indicator {
  margin-left: -45px;
}
.bp3-control.bp3-switch.bp3-large.bp3-align-right {
  padding-right: 45px;
}
.bp3-control.bp3-switch.bp3-large.bp3-align-right .bp3-control-indicator {
  margin-right: -45px;
}
.bp3-dark .bp3-control.bp3-switch input ~ .bp3-control-indicator {
  background: rgba(16, 22, 26, 0.5);
}
.bp3-dark .bp3-control.bp3-switch:hover input ~ .bp3-control-indicator, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-switch.bp3-menu-item input ~ .bp3-control-indicator, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-switch.bp3-menu-item input ~ .bp3-control-indicator {
  background: rgba(16, 22, 26, 0.7);
}
.bp3-dark .bp3-control.bp3-switch input:not(:disabled):active ~ .bp3-control-indicator {
  background: rgba(16, 22, 26, 0.9);
}
.bp3-dark .bp3-control.bp3-switch input:disabled ~ .bp3-control-indicator {
  background: rgba(34, 34, 34, 0.5);
}
.bp3-dark .bp3-control.bp3-switch input:disabled ~ .bp3-control-indicator::before {
  background: rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-control.bp3-switch input:checked ~ .bp3-control-indicator {
  background: #137cbd;
}
.bp3-dark .bp3-control.bp3-switch:hover input:checked ~ .bp3-control-indicator, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-switch.bp3-menu-item input:checked ~ .bp3-control-indicator, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-switch.bp3-menu-item input:checked ~ .bp3-control-indicator {
  background: #106ba3;
}
.bp3-dark .bp3-control.bp3-switch input:checked:not(:disabled):active ~ .bp3-control-indicator {
  background: #0e5a8a;
}
.bp3-dark .bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator {
  background: rgba(14, 90, 138, 0.5);
}
.bp3-dark .bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator::before {
  background: rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-control.bp3-switch .bp3-control-indicator::before {
  background: #222;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-control.bp3-switch input:checked ~ .bp3-control-indicator::before {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-control.bp3-switch .bp3-switch-inner-text {
  font-size: 0.7em;
  text-align: center;
}
.bp3-control.bp3-switch .bp3-control-indicator-child:first-child {
  line-height: 0;
  margin-left: 0.5em;
  margin-right: 1.2em;
  visibility: hidden;
}
.bp3-control.bp3-switch .bp3-control-indicator-child:last-child {
  line-height: 1em;
  margin-left: 1.2em;
  margin-right: 0.5em;
  visibility: visible;
}
.bp3-control.bp3-switch input:checked ~ .bp3-control-indicator .bp3-control-indicator-child:first-child {
  line-height: 1em;
  visibility: visible;
}
.bp3-control.bp3-switch input:checked ~ .bp3-control-indicator .bp3-control-indicator-child:last-child {
  line-height: 0;
  visibility: hidden;
}
.bp3-dark .bp3-control {
  color: #f5f8fa;
}
.bp3-dark .bp3-control.bp3-disabled {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-control .bp3-control-indicator {
  background-color: #222;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-control:hover .bp3-control-indicator, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-menu-item .bp3-control-indicator, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-control.bp3-menu-item .bp3-control-indicator {
  background-color: #333;
}
.bp3-dark .bp3-control input:not(:disabled):active ~ .bp3-control-indicator {
  background: #555;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-control input:disabled ~ .bp3-control-indicator {
  background: rgba(34, 34, 34, 0.5);
  box-shadow: none;
  cursor: not-allowed;
}
.bp3-dark .bp3-control.bp3-checkbox input:disabled:checked ~ .bp3-control-indicator, .bp3-dark .bp3-control.bp3-checkbox input:disabled:indeterminate ~ .bp3-control-indicator {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-control {
  /*
  Inline labels

  Markup:
  <div>
    <label class="bp3-label">A group of related options</label>
    <label class="bp3-control bp3-checkbox bp3-inline">
      <input type="checkbox" />
      <span class="bp3-control-indicator"></span>
      First
    </label>
    <label class="bp3-control bp3-checkbox bp3-inline">
      <input type="checkbox" />
      <span class="bp3-control-indicator"></span>
      Second
    </label>
    <label class="bp3-control bp3-checkbox bp3-inline">
      <input type="checkbox" />
      <span class="bp3-control-indicator"></span>
      Third
    </label>
  </div>

  Styleguide checkbox-inline
  */
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
/* stylelint-disable @blueprintjs/no-color-literal */
/*
File input

Markup:
<label class="bp3-file-input {{.modifier}}">
  <input type="file" {{:modifier}}/>
  <span class="bp3-file-upload-input">Choose file...</span>
</label>

:disabled - Disabled
.bp3-large - Larger size
.bp3-fill - Take up full width of parent element
.bp3-file-input-has-selection - User has made a selection

Styleguide file-input
*/
.bp3-file-input {
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
}
.bp3-file-input input {
  margin: 0;
  min-width: 200px;
  opacity: 0;
}
.bp3-file-input input:disabled + .bp3-file-upload-input, .bp3-file-input input.bp3-disabled + .bp3-file-upload-input {
  background: rgba(206, 217, 224, 0.5);
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
  resize: none;
}
.bp3-file-input input:disabled + .bp3-file-upload-input::after, .bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
  outline: none;
}
.bp3-file-input input:disabled + .bp3-file-upload-input::after.bp3-active, .bp3-file-input input:disabled + .bp3-file-upload-input::after.bp3-active:hover, .bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after.bp3-active, .bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after.bp3-active:hover {
  background: rgba(206, 217, 224, 0.7);
}
.bp3-dark .bp3-file-input input:disabled + .bp3-file-upload-input, .bp3-dark .bp3-file-input input.bp3-disabled + .bp3-file-upload-input {
  background: rgba(34, 34, 34, 0.5);
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-file-input input:disabled + .bp3-file-upload-input::after, .bp3-dark .bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after {
  background-color: rgba(34, 34, 34, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-file-input input:disabled + .bp3-file-upload-input::after.bp3-active, .bp3-dark .bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after.bp3-active {
  background: rgba(34, 34, 34, 0.7);
}
.bp3-file-input.bp3-file-input-has-selection .bp3-file-upload-input {
  color: #666;
}
.bp3-dark .bp3-file-input.bp3-file-input-has-selection .bp3-file-upload-input {
  color: #f5f8fa;
}
.bp3-file-input.bp3-fill {
  width: 100%;
}
.bp3-file-input.bp3-large, .bp3-large .bp3-file-input {
  height: 40px;
}
.bp3-file-input .bp3-file-upload-input-custom-text::after {
  content: attr(bp3-button-text);
}

.bp3-file-upload-input::placeholder {
  color: rgba(92, 112, 128, 0.6);
  opacity: 1;
}
.bp3-file-upload-input {
  appearance: none;
  background: #ffffff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #666;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  outline: none;
  padding: 0 10px;
  transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  vertical-align: middle;
}
.bp3-file-upload-input:focus, .bp3-file-upload-input.bp3-active {
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-file-upload-input[type=search], .bp3-file-upload-input.bp3-round {
  border-radius: 30px;
  box-sizing: border-box;
  padding-left: 10px;
}
.bp3-file-upload-input[readonly] {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
}
.bp3-file-upload-input:disabled, .bp3-file-upload-input.bp3-disabled {
  background: rgba(206, 217, 224, 0.5);
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
  resize: none;
}
.bp3-file-upload-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: rgba(92, 112, 128, 0.6);
  left: 0;
  padding-right: 80px;
  position: absolute;
  right: 0;
  top: 0;
  user-select: none;
}
.bp3-file-upload-input::after {
  background-color: #f5f8fa;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #666;
}
.bp3-file-upload-input::after:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-file-upload-input.bp3-menu-item::after {
  background-clip: padding-box;
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}
.bp3-file-upload-input::after:active, .bp3-file-upload-input::after.bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-file-upload-input::after:disabled, .bp3-file-upload-input::after.bp3-disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
  outline: none;
}
.bp3-file-upload-input::after:disabled.bp3-active, .bp3-file-upload-input::after:disabled.bp3-active:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-file-upload-input.bp3-menu-item::after:disabled.bp3-active, .bp3-file-upload-input::after.bp3-disabled.bp3-active, .bp3-file-upload-input::after.bp3-disabled.bp3-active:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-file-upload-input.bp3-menu-item::after.bp3-disabled.bp3-active {
  background: rgba(206, 217, 224, 0.7);
}
.bp3-file-upload-input::after {
  min-height: 24px;
  min-width: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  border-radius: 3px;
  content: "Browse";
  line-height: 24px;
  margin: 3px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
}
.bp3-file-upload-input:hover::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-file-upload-input.bp3-menu-item::after {
  background-clip: padding-box;
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}
.bp3-file-upload-input:active::after {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-large .bp3-file-upload-input {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}
.bp3-large .bp3-file-upload-input[type=search], .bp3-large .bp3-file-upload-input.bp3-round {
  padding: 0 15px;
}
.bp3-large .bp3-file-upload-input {
  padding-right: 95px;
}
.bp3-large .bp3-file-upload-input::after {
  min-height: 30px;
  min-width: 30px;
  line-height: 30px;
  margin: 5px;
  width: 85px;
}
.bp3-dark .bp3-file-upload-input::placeholder {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-file-upload-input {
  background: rgba(16, 22, 26, 0.3);
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}
.bp3-dark .bp3-file-upload-input:focus {
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-file-upload-input[readonly] {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-file-upload-input:disabled, .bp3-dark .bp3-file-upload-input.bp3-disabled {
  background: rgba(34, 34, 34, 0.5);
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-file-upload-input {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-file-upload-input::after {
  background-color: #222;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}
.bp3-dark .bp3-file-upload-input::after:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-file-upload-input.bp3-menu-item::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-file-upload-input.bp3-menu-item::after, .bp3-dark .bp3-file-upload-input::after:active, .bp3-dark .bp3-file-upload-input::after.bp3-active {
  color: #f5f8fa;
}
.bp3-dark .bp3-file-upload-input::after:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-file-upload-input.bp3-menu-item::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-file-upload-input.bp3-menu-item::after {
  background-color: #333;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-file-upload-input::after:active, .bp3-dark .bp3-file-upload-input::after.bp3-active {
  background-color: #555;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-file-upload-input::after:disabled, .bp3-dark .bp3-file-upload-input::after.bp3-disabled {
  background-color: rgba(34, 34, 34, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-file-upload-input::after:disabled.bp3-active, .bp3-dark .bp3-file-upload-input::after.bp3-disabled.bp3-active {
  background: rgba(34, 34, 34, 0.7);
}
.bp3-dark .bp3-file-upload-input::after .bp3-button-spinner .bp3-spinner-head {
  background: rgba(16, 22, 26, 0.5);
  stroke: #8a9ba8;
}
.bp3-dark .bp3-file-upload-input:hover::after, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-file-upload-input.bp3-menu-item::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-file-upload-input.bp3-menu-item::after {
  background-color: #333;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-file-upload-input:active::after {
  background-color: #555;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

/* stylelint-disable-next-line no-duplicate-selectors */
.bp3-file-upload-input::after {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
/*
Form groups

Markup:
<div class="bp3-form-group {{.modifier}}">
  <label class="bp3-label" for="form-group-input">
    Label
    <span class="bp3-text-muted">(required)</span>
  </label>
  <div class="bp3-form-content">
    <div class="bp3-input-group {{.modifier}}">
      <span class="bp3-icon bp3-icon-calendar"></span>
      <input id="form-group-input" type="text" {{:modifier}} class="bp3-input"
             style="width: 200px;" placeholder="Placeholder text" dir="auto" />
    </div>
    <div class="bp3-form-helper-text">Please enter a value</div>
  </div>
</div>

:disabled - Disable the input.
.bp3-disabled - Disabled styles. Input must be disabled separately via attribute.
.bp3-inline - Label and content appear side by side.
.bp3-intent-primary - Apply intent to form group and input separately.

Styleguide form-group
*/
.bp3-form-group {
  display: flex;
  flex-direction: column;
  margin: 0 0 15px;
}
.bp3-form-group label.bp3-label {
  margin-bottom: 5px;
}
.bp3-form-group .bp3-control {
  margin-top: 7px;
}
.bp3-form-group .bp3-form-group-sub-label,
.bp3-form-group .bp3-form-helper-text {
  color: #5c7080;
  font-size: 12px;
}
.bp3-form-group .bp3-form-group-sub-label {
  margin-bottom: 5px;
}
.bp3-form-group .bp3-form-helper-text {
  margin-top: 5px;
}
.bp3-form-group {
  /* stylelint-disable-next-line order/declaration-block-order */
}
.bp3-form-group.bp3-intent-primary .bp3-form-group-sub-label,
.bp3-form-group.bp3-intent-primary .bp3-form-helper-text {
  color: #106ba3;
}
.bp3-form-group.bp3-intent-success .bp3-form-group-sub-label,
.bp3-form-group.bp3-intent-success .bp3-form-helper-text {
  color: #0d8050;
}
.bp3-form-group.bp3-intent-warning .bp3-form-group-sub-label,
.bp3-form-group.bp3-intent-warning .bp3-form-helper-text {
  color: #bf7326;
}
.bp3-form-group.bp3-intent-danger .bp3-form-group-sub-label,
.bp3-form-group.bp3-intent-danger .bp3-form-helper-text {
  color: #c23030;
}
.bp3-form-group.bp3-inline {
  align-items: flex-start;
  flex-direction: row;
}
.bp3-form-group.bp3-inline.bp3-large label.bp3-label {
  line-height: 40px;
  margin: 0 10px 0 0;
}
.bp3-form-group.bp3-inline label.bp3-label {
  line-height: 30px;
  margin: 0 10px 0 0;
}
.bp3-form-group.bp3-disabled .bp3-label,
.bp3-form-group.bp3-disabled .bp3-text-muted,
.bp3-form-group.bp3-disabled .bp3-form-group-sub-label,
.bp3-form-group.bp3-disabled .bp3-form-helper-text {
  /* stylelint-disable-next-line declaration-no-important */
  color: rgba(92, 112, 128, 0.6) !important;
}
.bp3-dark .bp3-form-group.bp3-intent-primary .bp3-form-group-sub-label,
.bp3-dark .bp3-form-group.bp3-intent-primary .bp3-form-helper-text {
  color: #48aff0;
}
.bp3-dark .bp3-form-group.bp3-intent-success .bp3-form-group-sub-label,
.bp3-dark .bp3-form-group.bp3-intent-success .bp3-form-helper-text {
  color: #3dcc91;
}
.bp3-dark .bp3-form-group.bp3-intent-warning .bp3-form-group-sub-label,
.bp3-dark .bp3-form-group.bp3-intent-warning .bp3-form-helper-text {
  color: #ffb366;
}
.bp3-dark .bp3-form-group.bp3-intent-danger .bp3-form-group-sub-label,
.bp3-dark .bp3-form-group.bp3-intent-danger .bp3-form-helper-text {
  color: #ff7373;
}
.bp3-dark .bp3-form-group .bp3-form-helper-text {
  color: #a7b6c2;
}
.bp3-dark .bp3-form-group.bp3-disabled .bp3-label,
.bp3-dark .bp3-form-group.bp3-disabled .bp3-text-muted,
.bp3-dark .bp3-form-group.bp3-disabled .bp3-form-group-sub-label,
.bp3-dark .bp3-form-group.bp3-disabled .bp3-form-helper-text {
  /* stylelint-disable-next-line declaration-no-important */
  color: rgba(167, 182, 194, 0.6) !important;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
/*
Input groups

Markup:
<div class="bp3-input-group {{.modifier}}">
  <span class="bp3-icon bp3-icon-filter"></span>
  <input type="text" class="bp3-input" {{:modifier}} placeholder="Filter histogram..." />
</div>
<div class="bp3-input-group {{.modifier}}">
  <input type="password" class="bp3-input" {{:modifier}} placeholder="Enter your password..." />
  <button class="bp3-button bp3-minimal bp3-intent-warning bp3-icon-lock" {{:modifier}}></button>
</div>
<div class="bp3-input-group {{.modifier}}">
  <span class="bp3-icon bp3-icon-search"></span>
  <input type="text" class="bp3-input" {{:modifier}} placeholder="Search" />
  <button class="bp3-button bp3-minimal bp3-intent-primary bp3-icon-arrow-right" {{:modifier}}></button>
</div>

:disabled - Disabled input. Must be added separately to the <code>&#60;input&#62;</code> and <code>&#60;button&#62;</code>. Also add <code>.bp3-disabled</code> to <code>.bp3-input-group</code> for icon coloring (not shown below).
.bp3-round - Rounded caps. Button will also be rounded.
.bp3-large - Large group. Children will adjust size accordingly.
.bp3-small - Small group. Children will adjust size accordingly.
.bp3-intent-primary - Primary intent. (All 4 intents are supported.)
.bp3-fill - Take up full width of parent element.

Styleguide input-group
*/
.bp3-input-group {
  display: block;
  position: relative;
}
.bp3-input-group .bp3-input {
  position: relative;
  width: 100%;
}
.bp3-input-group .bp3-input:not(:first-child) {
  padding-left: 30px;
}
.bp3-input-group .bp3-input:not(:last-child) {
  padding-right: 30px;
}
.bp3-input-group .bp3-input-action,
.bp3-input-group > .bp3-input-left-container,
.bp3-input-group > .bp3-button,
.bp3-input-group > .bp3-icon {
  position: absolute;
  top: 0;
}
.bp3-input-group .bp3-input-action:first-child,
.bp3-input-group > .bp3-input-left-container:first-child,
.bp3-input-group > .bp3-button:first-child,
.bp3-input-group > .bp3-icon:first-child {
  left: 0;
}
.bp3-input-group .bp3-input-action:last-child,
.bp3-input-group > .bp3-input-left-container:last-child,
.bp3-input-group > .bp3-button:last-child,
.bp3-input-group > .bp3-icon:last-child {
  right: 0;
}
.bp3-input-group .bp3-button {
  min-height: 24px;
  min-width: 24px;
  margin: 3px;
  padding: 0 7px;
}
.bp3-input-group .bp3-button:empty {
  padding: 0;
}
.bp3-input-group > .bp3-input-left-container,
.bp3-input-group > .bp3-icon {
  z-index: 1;
}
.bp3-input-group > .bp3-input-left-container > .bp3-icon,
.bp3-input-group > .bp3-icon {
  color: #5c7080;
}
.bp3-input-group > .bp3-input-left-container > .bp3-icon:empty,
.bp3-input-group > .bp3-icon:empty {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.bp3-input-group > .bp3-input-left-container > .bp3-icon,
.bp3-input-group > .bp3-icon,
.bp3-input-group .bp3-input-action > .bp3-spinner {
  margin: 7px;
}
.bp3-input-group .bp3-tag {
  margin: 5px;
}
.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:not(:hover):not(:focus),
.bp3-input-group .bp3-input:not(:focus) + .bp3-input-action .bp3-button.bp3-minimal:not(:hover):not(:focus) {
  color: #5c7080;
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.bp3-dark .bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:not(:hover):not(:focus),
.bp3-dark .bp3-input-group .bp3-input:not(:focus) + .bp3-input-action .bp3-button.bp3-minimal:not(:hover):not(:focus) {
  color: #a7b6c2;
}
.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:not(:hover):not(:focus) .bp3-icon, .bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:not(:hover):not(:focus) .bp3-icon-standard, .bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:not(:hover):not(:focus) .bp3-icon-large,
.bp3-input-group .bp3-input:not(:focus) + .bp3-input-action .bp3-button.bp3-minimal:not(:hover):not(:focus) .bp3-icon,
.bp3-input-group .bp3-input:not(:focus) + .bp3-input-action .bp3-button.bp3-minimal:not(:hover):not(:focus) .bp3-icon-standard,
.bp3-input-group .bp3-input:not(:focus) + .bp3-input-action .bp3-button.bp3-minimal:not(:hover):not(:focus) .bp3-icon-large {
  color: #5c7080;
}
.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:disabled,
.bp3-input-group .bp3-input:not(:focus) + .bp3-input-action .bp3-button.bp3-minimal:disabled {
  /* stylelint-disable declaration-no-important */
  color: rgba(92, 112, 128, 0.6) !important;
}
.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:disabled .bp3-icon, .bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:disabled .bp3-icon-standard, .bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:disabled .bp3-icon-large,
.bp3-input-group .bp3-input:not(:focus) + .bp3-input-action .bp3-button.bp3-minimal:disabled .bp3-icon,
.bp3-input-group .bp3-input:not(:focus) + .bp3-input-action .bp3-button.bp3-minimal:disabled .bp3-icon-standard,
.bp3-input-group .bp3-input:not(:focus) + .bp3-input-action .bp3-button.bp3-minimal:disabled .bp3-icon-large {
  color: rgba(92, 112, 128, 0.6) !important;
}
.bp3-input-group.bp3-disabled {
  cursor: not-allowed;
}
.bp3-input-group.bp3-disabled .bp3-icon {
  color: rgba(92, 112, 128, 0.6);
}
.bp3-input-group.bp3-large .bp3-button {
  min-height: 30px;
  min-width: 30px;
  margin: 5px;
}
.bp3-input-group.bp3-large > .bp3-input-left-container > .bp3-icon,
.bp3-input-group.bp3-large > .bp3-icon,
.bp3-input-group.bp3-large .bp3-input-action > .bp3-spinner {
  margin: 12px;
}
.bp3-input-group.bp3-large .bp3-input {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}
.bp3-input-group.bp3-large .bp3-input[type=search], .bp3-input-group.bp3-large .bp3-input.bp3-round {
  padding: 0 15px;
}
.bp3-input-group.bp3-large .bp3-input:not(:first-child) {
  padding-left: 40px;
}
.bp3-input-group.bp3-large .bp3-input:not(:last-child) {
  padding-right: 40px;
}
.bp3-input-group.bp3-small .bp3-button {
  min-height: 20px;
  min-width: 20px;
  margin: 2px;
}
.bp3-input-group.bp3-small .bp3-tag {
  min-height: 20px;
  min-width: 20px;
  margin: 2px;
}
.bp3-input-group.bp3-small > .bp3-input-left-container > .bp3-icon,
.bp3-input-group.bp3-small > .bp3-icon,
.bp3-input-group.bp3-small .bp3-input-action > .bp3-spinner {
  margin: 4px;
}
.bp3-input-group.bp3-small .bp3-input {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  padding-left: 8px;
  padding-right: 8px;
}
.bp3-input-group.bp3-small .bp3-input[type=search], .bp3-input-group.bp3-small .bp3-input.bp3-round {
  padding: 0 12px;
}
.bp3-input-group.bp3-small .bp3-input:not(:first-child) {
  padding-left: 24px;
}
.bp3-input-group.bp3-small .bp3-input:not(:last-child) {
  padding-right: 24px;
}
.bp3-input-group.bp3-fill {
  flex: 1 1 auto;
  width: 100%;
}
.bp3-input-group.bp3-round .bp3-button,
.bp3-input-group.bp3-round .bp3-input,
.bp3-input-group.bp3-round .bp3-tag {
  border-radius: 30px;
}
.bp3-dark .bp3-input-group .bp3-icon {
  color: #a7b6c2;
}
.bp3-dark .bp3-input-group.bp3-disabled .bp3-icon {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-input-group.bp3-intent-primary .bp3-input {
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input-group.bp3-intent-primary .bp3-input:focus {
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input-group.bp3-intent-primary .bp3-input[readonly] {
  box-shadow: inset 0 0 0 1px #137cbd;
}
.bp3-input-group.bp3-intent-primary .bp3-input:disabled, .bp3-input-group.bp3-intent-primary .bp3-input.bp3-disabled {
  box-shadow: none;
}
.bp3-input-group.bp3-intent-primary > .bp3-icon {
  color: #106ba3;
}
.bp3-dark .bp3-input-group.bp3-intent-primary > .bp3-icon {
  color: #48aff0;
}
.bp3-input-group.bp3-intent-success .bp3-input {
  box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input-group.bp3-intent-success .bp3-input:focus {
  box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input-group.bp3-intent-success .bp3-input[readonly] {
  box-shadow: inset 0 0 0 1px #0f9960;
}
.bp3-input-group.bp3-intent-success .bp3-input:disabled, .bp3-input-group.bp3-intent-success .bp3-input.bp3-disabled {
  box-shadow: none;
}
.bp3-input-group.bp3-intent-success > .bp3-icon {
  color: #0d8050;
}
.bp3-dark .bp3-input-group.bp3-intent-success > .bp3-icon {
  color: #3dcc91;
}
.bp3-input-group.bp3-intent-warning .bp3-input {
  box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input-group.bp3-intent-warning .bp3-input:focus {
  box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input-group.bp3-intent-warning .bp3-input[readonly] {
  box-shadow: inset 0 0 0 1px #d9822b;
}
.bp3-input-group.bp3-intent-warning .bp3-input:disabled, .bp3-input-group.bp3-intent-warning .bp3-input.bp3-disabled {
  box-shadow: none;
}
.bp3-input-group.bp3-intent-warning > .bp3-icon {
  color: #bf7326;
}
.bp3-dark .bp3-input-group.bp3-intent-warning > .bp3-icon {
  color: #ffb366;
}
.bp3-input-group.bp3-intent-danger .bp3-input {
  box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input-group.bp3-intent-danger .bp3-input:focus {
  box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input-group.bp3-intent-danger .bp3-input[readonly] {
  box-shadow: inset 0 0 0 1px #db3737;
}
.bp3-input-group.bp3-intent-danger .bp3-input:disabled, .bp3-input-group.bp3-intent-danger .bp3-input.bp3-disabled {
  box-shadow: none;
}
.bp3-input-group.bp3-intent-danger > .bp3-icon {
  color: #c23030;
}
.bp3-dark .bp3-input-group.bp3-intent-danger > .bp3-icon {
  color: #ff7373;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Text inputs

Markup:
<input class="bp3-input {{.modifier}}" {{:modifier}} type="text" placeholder="Text input" dir="auto" />

:disabled - Disabled
:readonly - Readonly
.bp3-round - Rounded ends
.bp3-large - Larger size
.bp3-small - Small size
.bp3-intent-primary - Primary intent
.bp3-intent-success - Success intent
.bp3-intent-warning - Warning intent
.bp3-intent-danger - Danger intent
.bp3-fill - Take up full width of parent element

Styleguide input
*/
.bp3-input::placeholder {
  color: rgba(92, 112, 128, 0.6);
  opacity: 1;
}
.bp3-input {
  appearance: none;
  background: #ffffff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #666;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  outline: none;
  padding: 0 10px;
  transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  vertical-align: middle;
}
.bp3-input:focus, .bp3-input.bp3-active {
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input[type=search], .bp3-input.bp3-round {
  border-radius: 30px;
  box-sizing: border-box;
  padding-left: 10px;
}
.bp3-input[readonly] {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
}
.bp3-input:disabled, .bp3-input.bp3-disabled {
  background: rgba(206, 217, 224, 0.5);
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
  resize: none;
}
.bp3-input.bp3-large {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}
.bp3-input.bp3-large[type=search], .bp3-input.bp3-large.bp3-round {
  padding: 0 15px;
}
.bp3-input.bp3-small {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  padding-left: 8px;
  padding-right: 8px;
}
.bp3-input.bp3-small[type=search], .bp3-input.bp3-small.bp3-round {
  padding: 0 12px;
}
.bp3-input.bp3-fill {
  flex: 1 1 auto;
  width: 100%;
}
.bp3-dark .bp3-input::placeholder {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-input {
  background: rgba(16, 22, 26, 0.3);
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}
.bp3-dark .bp3-input:focus {
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-input[readonly] {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-input:disabled, .bp3-dark .bp3-input.bp3-disabled {
  background: rgba(34, 34, 34, 0.5);
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}
.bp3-input.bp3-intent-primary {
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input.bp3-intent-primary:focus {
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input.bp3-intent-primary[readonly] {
  box-shadow: inset 0 0 0 1px #137cbd;
}
.bp3-input.bp3-intent-primary:disabled, .bp3-input.bp3-intent-primary.bp3-disabled {
  box-shadow: none;
}
.bp3-dark .bp3-input.bp3-intent-primary {
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-input.bp3-intent-primary:focus {
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-input.bp3-intent-primary[readonly] {
  box-shadow: inset 0 0 0 1px #137cbd;
}
.bp3-dark .bp3-input.bp3-intent-primary:disabled, .bp3-dark .bp3-input.bp3-intent-primary.bp3-disabled {
  box-shadow: none;
}
.bp3-input.bp3-intent-success {
  box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input.bp3-intent-success:focus {
  box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input.bp3-intent-success[readonly] {
  box-shadow: inset 0 0 0 1px #0f9960;
}
.bp3-input.bp3-intent-success:disabled, .bp3-input.bp3-intent-success.bp3-disabled {
  box-shadow: none;
}
.bp3-dark .bp3-input.bp3-intent-success {
  box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-input.bp3-intent-success:focus {
  box-shadow: 0 0 0 1px #0f9960, 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-input.bp3-intent-success[readonly] {
  box-shadow: inset 0 0 0 1px #0f9960;
}
.bp3-dark .bp3-input.bp3-intent-success:disabled, .bp3-dark .bp3-input.bp3-intent-success.bp3-disabled {
  box-shadow: none;
}
.bp3-input.bp3-intent-warning {
  box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input.bp3-intent-warning:focus {
  box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input.bp3-intent-warning[readonly] {
  box-shadow: inset 0 0 0 1px #d9822b;
}
.bp3-input.bp3-intent-warning:disabled, .bp3-input.bp3-intent-warning.bp3-disabled {
  box-shadow: none;
}
.bp3-dark .bp3-input.bp3-intent-warning {
  box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-input.bp3-intent-warning:focus {
  box-shadow: 0 0 0 1px #d9822b, 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-input.bp3-intent-warning[readonly] {
  box-shadow: inset 0 0 0 1px #d9822b;
}
.bp3-dark .bp3-input.bp3-intent-warning:disabled, .bp3-dark .bp3-input.bp3-intent-warning.bp3-disabled {
  box-shadow: none;
}
.bp3-input.bp3-intent-danger {
  box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input.bp3-intent-danger:focus {
  box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input.bp3-intent-danger[readonly] {
  box-shadow: inset 0 0 0 1px #db3737;
}
.bp3-input.bp3-intent-danger:disabled, .bp3-input.bp3-intent-danger.bp3-disabled {
  box-shadow: none;
}
.bp3-dark .bp3-input.bp3-intent-danger {
  box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-input.bp3-intent-danger:focus {
  box-shadow: 0 0 0 1px #db3737, 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-input.bp3-intent-danger[readonly] {
  box-shadow: inset 0 0 0 1px #db3737;
}
.bp3-dark .bp3-input.bp3-intent-danger:disabled, .bp3-dark .bp3-input.bp3-intent-danger.bp3-disabled {
  box-shadow: none;
}
.bp3-input::-ms-clear {
  display: none;
}

/*
Search inputs

Markup:
<div class="bp3-input-group {{.modifier}}">
  <span class="bp3-icon bp3-icon-search"></span>
  <input class="bp3-input" {{:modifier}} type="search" placeholder="Search input" dir="auto" />
</div>

:disabled - Disabled. Also add <code>.bp3-disabled</code> to <code>.bp3-input-group</code> for icon coloring (not shown below).
.bp3-large - Large
.bp3-small - Small

Styleguide input-search
*/
/*
Textareas

Markup:
<textarea class="bp3-input {{.modifier}}" {{:modifier}} dir="auto"></textarea>

:disabled - Disabled
:readonly - Readonly
.bp3-large - Larger font size
.bp3-small - Small font size
.bp3-intent-primary - Primary intent
.bp3-intent-danger  - Danger intent
.bp3-fill  - Take up full width of parent element

Styleguide textarea
*/
/* stylelint-disable-next-line selector-no-qualifying-type */
textarea.bp3-input {
  max-width: 100%;
  padding: 10px;
}
textarea.bp3-input, textarea.bp3-input.bp3-large, textarea.bp3-input.bp3-small {
  height: auto;
  line-height: inherit;
}
textarea.bp3-input.bp3-small {
  padding: 8px;
}
.bp3-dark textarea.bp3-input::placeholder {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark textarea.bp3-input {
  background: rgba(16, 22, 26, 0.3);
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}
.bp3-dark textarea.bp3-input:focus {
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark textarea.bp3-input[readonly] {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark textarea.bp3-input:disabled, .bp3-dark textarea.bp3-input.bp3-disabled {
  background: rgba(34, 34, 34, 0.5);
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Labels

Markup:
<div>
  <label class="bp3-label {{.modifier}}">
    Label A
    <span class="bp3-text-muted">(optional)</span>
    <input {{:modifier}} class="bp3-input" style="width: 200px;" type="text" placeholder="Text input" dir="auto" />
  </label>
  <label class="bp3-label {{.modifier}}">
    Label B
    <div class="bp3-input-group {{.modifier}}">
      <span class="bp3-icon bp3-icon-calendar"></span>
      <input {{:modifier}} class="bp3-input" style="width: 200px;" type="text" placeholder="Input group" dir="auto" />
    </div>
  </label>
  <label class="bp3-label {{.modifier}}">
    Label C
    <div class="bp3-select {{.modifier}}">
      <select {{:modifier}}>
        <option selected>Choose an item...</option>
        <option value="1">One</option>
      </select>
    </div>
  </label>
</div>

:disabled - Disable the input.
.bp3-disabled - Disabled styles. Input must be disabled separately via attribute.
.bp3-inline - Label and content appear side by side.

Styleguide label
*/
label.bp3-label {
  display: block;
  margin-bottom: 15px;
  margin-top: 0;
}
label.bp3-label .bp3-html-select,
label.bp3-label .bp3-input,
label.bp3-label .bp3-select,
label.bp3-label .bp3-slider,
label.bp3-label .bp3-popover-wrapper {
  display: block;
  margin-top: 5px;
  text-transform: none;
}
label.bp3-label .bp3-button-group {
  margin-top: 5px;
}
label.bp3-label .bp3-select select,
label.bp3-label .bp3-html-select select {
  font-weight: 400;
  vertical-align: top;
  width: 100%;
}
label.bp3-label.bp3-disabled,
label.bp3-label.bp3-disabled .bp3-text-muted {
  color: rgba(92, 112, 128, 0.6);
}
label.bp3-label.bp3-inline {
  line-height: 30px;
}
label.bp3-label.bp3-inline .bp3-html-select,
label.bp3-label.bp3-inline .bp3-input,
label.bp3-label.bp3-inline .bp3-input-group,
label.bp3-label.bp3-inline .bp3-select,
label.bp3-label.bp3-inline .bp3-popover-wrapper {
  display: inline-block;
  margin: 0 0 0 5px;
  vertical-align: top;
}
label.bp3-label.bp3-inline .bp3-button-group {
  margin: 0 0 0 5px;
}
label.bp3-label.bp3-inline .bp3-input-group .bp3-input {
  margin-left: 0;
}
label.bp3-label.bp3-inline.bp3-large {
  line-height: 40px;
}
label.bp3-label:not(.bp3-inline) .bp3-popover-target {
  display: block;
}
.bp3-dark label.bp3-label {
  color: #f5f8fa;
}
.bp3-dark label.bp3-label.bp3-disabled,
.bp3-dark label.bp3-label.bp3-disabled .bp3-text-muted {
  color: rgba(167, 182, 194, 0.6);
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
.bp3-numeric-input .bp3-button-group.bp3-vertical > .bp3-button {
  flex: 1 1 14px;
  min-height: 0;
  padding: 0;
  width: 30px;
}
.bp3-numeric-input .bp3-button-group.bp3-vertical > .bp3-button:first-child {
  border-radius: 0 3px 0 0;
}
.bp3-numeric-input .bp3-button-group.bp3-vertical > .bp3-button:last-child {
  border-radius: 0 0 3px 0;
}
.bp3-numeric-input .bp3-button-group.bp3-vertical:first-child > .bp3-button:first-child {
  border-radius: 3px 0 0 0;
}
.bp3-numeric-input .bp3-button-group.bp3-vertical:first-child > .bp3-button:last-child {
  border-radius: 0 0 0 3px;
}
.bp3-numeric-input.bp3-large .bp3-button-group.bp3-vertical > .bp3-button {
  width: 40px;
}

form {
  display: block;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
.bp3-html-select select,
.bp3-select select {
  display: inline-flex;
  flex-direction: row;
}
.bp3-html-select select > *,
.bp3-select select > * {
  flex-grow: 0;
  flex-shrink: 0;
}
.bp3-html-select select > .bp3-fill,
.bp3-select select > .bp3-fill {
  flex-grow: 1;
  flex-shrink: 1;
}
.bp3-html-select select::before,
.bp3-select select::before,
.bp3-html-select select > *,
.bp3-select select > * {
  margin-right: 7px;
}
.bp3-html-select select:empty::before,
.bp3-select select:empty::before,
.bp3-html-select select > :last-child,
.bp3-select select > :last-child {
  margin-right: 0;
}
.bp3-html-select select,
.bp3-select select {
  align-items: center;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  justify-content: center;
  padding: 5px 10px;
  text-align: left;
  vertical-align: middle;
  background-color: #f5f8fa;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #666;
}
.bp3-html-select select:hover, .bp3-html-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-submenu .bp3-html-select .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-select select:hover,
.bp3-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-submenu .bp3-select .bp3-popover-target.bp3-popover-open > select.bp3-menu-item {
  background-clip: padding-box;
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}
.bp3-html-select select:active,
.bp3-select select:active, .bp3-html-select select.bp3-active,
.bp3-select select.bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-html-select select:disabled,
.bp3-select select:disabled, .bp3-html-select select.bp3-disabled,
.bp3-select select.bp3-disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
  outline: none;
}
.bp3-html-select select:disabled.bp3-active,
.bp3-select select:disabled.bp3-active, .bp3-html-select select.bp3-disabled.bp3-active,
.bp3-select select.bp3-disabled.bp3-active {
  background: rgba(206, 217, 224, 0.7);
}
.bp3-html-select select,
.bp3-select select {
  /* stylelint-disable property-no-vendor-prefix */
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 3px;
  height: 30px;
  padding: 0 25px 0 10px;
  width: 100%;
  /* stylelint-enable property-no-vendor-prefix */
}

.bp3-html-select.bp3-minimal select,
.bp3-select.bp3-minimal select {
  background: none;
  box-shadow: none;
}
.bp3-html-select.bp3-minimal select:hover, .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-select.bp3-minimal select:hover,
.bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-menu-item {
  background: rgba(167, 182, 194, 0.3);
  box-shadow: none;
  color: #666;
  text-decoration: none;
}
.bp3-html-select.bp3-minimal select:active,
.bp3-select.bp3-minimal select:active, .bp3-html-select.bp3-minimal select.bp3-active,
.bp3-select.bp3-minimal select.bp3-active {
  background: rgba(115, 134, 148, 0.3);
  box-shadow: none;
  color: #666;
}
.bp3-html-select.bp3-minimal select:disabled,
.bp3-select.bp3-minimal select:disabled, .bp3-html-select.bp3-minimal select.bp3-disabled,
.bp3-select.bp3-minimal select.bp3-disabled {
  background: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-html-select.bp3-minimal select:disabled.bp3-active,
.bp3-select.bp3-minimal select:disabled.bp3-active, .bp3-html-select.bp3-minimal select.bp3-disabled.bp3-active,
.bp3-select.bp3-minimal select.bp3-disabled.bp3-active {
  background: rgba(115, 134, 148, 0.3);
}
.bp3-dark .bp3-html-select.bp3-minimal select, .bp3-html-select.bp3-minimal .bp3-dark select,
.bp3-dark .bp3-select.bp3-minimal select,
.bp3-select.bp3-minimal .bp3-dark select {
  background: none;
  box-shadow: none;
  color: inherit;
}
.bp3-dark .bp3-html-select.bp3-minimal select:hover, .bp3-dark .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-html-select.bp3-minimal .bp3-dark select:hover, .bp3-html-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-dark .bp3-select.bp3-minimal select:hover,
.bp3-dark .bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-select.bp3-minimal .bp3-dark select:hover,
.bp3-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-dark .bp3-html-select.bp3-minimal select:active, .bp3-html-select.bp3-minimal .bp3-dark select:active,
.bp3-dark .bp3-select.bp3-minimal select:active,
.bp3-select.bp3-minimal .bp3-dark select:active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-active {
  background: none;
  box-shadow: none;
}
.bp3-dark .bp3-html-select.bp3-minimal select:hover, .bp3-dark .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-html-select.bp3-minimal .bp3-dark select:hover, .bp3-html-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-dark .bp3-select.bp3-minimal select:hover,
.bp3-dark .bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-select.bp3-minimal .bp3-dark select:hover,
.bp3-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-menu-item {
  background: rgba(138, 155, 168, 0.15);
}
.bp3-dark .bp3-html-select.bp3-minimal select:active, .bp3-html-select.bp3-minimal .bp3-dark select:active,
.bp3-dark .bp3-select.bp3-minimal select:active,
.bp3-select.bp3-minimal .bp3-dark select:active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-active {
  background: rgba(138, 155, 168, 0.3);
  color: #f5f8fa;
}
.bp3-dark .bp3-html-select.bp3-minimal select:disabled, .bp3-html-select.bp3-minimal .bp3-dark select:disabled,
.bp3-dark .bp3-select.bp3-minimal select:disabled,
.bp3-select.bp3-minimal .bp3-dark select:disabled, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-disabled, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-disabled,
.bp3-dark .bp3-select.bp3-minimal select.bp3-disabled,
.bp3-select.bp3-minimal .bp3-dark select.bp3-disabled {
  background: none;
  color: rgba(167, 182, 194, 0.6);
  cursor: not-allowed;
}
.bp3-dark .bp3-html-select.bp3-minimal select:disabled.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select:disabled.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select:disabled.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select:disabled.bp3-active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-disabled.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-disabled.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-disabled.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-disabled.bp3-active {
  background: rgba(138, 155, 168, 0.3);
}
.bp3-html-select.bp3-minimal select.bp3-intent-primary,
.bp3-select.bp3-minimal select.bp3-intent-primary {
  color: #106ba3;
}
.bp3-html-select.bp3-minimal select.bp3-intent-primary:hover, .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item,
.bp3-select.bp3-minimal select.bp3-intent-primary:hover,
.bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item, .bp3-html-select.bp3-minimal select.bp3-intent-primary:active,
.bp3-select.bp3-minimal select.bp3-intent-primary:active, .bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-active {
  background: none;
  box-shadow: none;
  color: #106ba3;
}
.bp3-html-select.bp3-minimal select.bp3-intent-primary:hover, .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item,
.bp3-select.bp3-minimal select.bp3-intent-primary:hover,
.bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item {
  background: rgba(19, 124, 189, 0.15);
  color: #106ba3;
}
.bp3-html-select.bp3-minimal select.bp3-intent-primary:active,
.bp3-select.bp3-minimal select.bp3-intent-primary:active, .bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-active {
  background: rgba(19, 124, 189, 0.3);
  color: #106ba3;
}
.bp3-html-select.bp3-minimal select.bp3-intent-primary:disabled,
.bp3-select.bp3-minimal select.bp3-intent-primary:disabled, .bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-disabled,
.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-disabled {
  background: none;
  color: rgba(16, 107, 163, 0.5);
}
.bp3-html-select.bp3-minimal select.bp3-intent-primary:disabled.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-primary:disabled.bp3-active, .bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-disabled.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-disabled.bp3-active {
  background: rgba(19, 124, 189, 0.3);
}
.bp3-html-select.bp3-minimal select.bp3-intent-primary .bp3-button-spinner .bp3-spinner-head,
.bp3-select.bp3-minimal select.bp3-intent-primary .bp3-button-spinner .bp3-spinner-head {
  stroke: #106ba3;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary {
  color: #48aff0;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary:hover, .bp3-dark .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary:hover, .bp3-html-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary:hover,
.bp3-dark .bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary:hover,
.bp3-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-intent-primary.bp3-menu-item {
  background: rgba(19, 124, 189, 0.2);
  color: #48aff0;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary:active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary:active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary:active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary:active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary.bp3-active {
  background: rgba(19, 124, 189, 0.3);
  color: #48aff0;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary:disabled, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary:disabled,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary:disabled,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary:disabled, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-disabled, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary.bp3-disabled,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary.bp3-disabled,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary.bp3-disabled {
  background: none;
  color: rgba(72, 175, 240, 0.5);
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary:disabled.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary:disabled.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary:disabled.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary:disabled.bp3-active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-disabled.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-primary.bp3-disabled.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-primary.bp3-disabled.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-primary.bp3-disabled.bp3-active {
  background: rgba(19, 124, 189, 0.3);
}
.bp3-html-select.bp3-minimal select.bp3-intent-success,
.bp3-select.bp3-minimal select.bp3-intent-success {
  color: #0d8050;
}
.bp3-html-select.bp3-minimal select.bp3-intent-success:hover, .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item,
.bp3-select.bp3-minimal select.bp3-intent-success:hover,
.bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item, .bp3-html-select.bp3-minimal select.bp3-intent-success:active,
.bp3-select.bp3-minimal select.bp3-intent-success:active, .bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-success.bp3-active {
  background: none;
  box-shadow: none;
  color: #0d8050;
}
.bp3-html-select.bp3-minimal select.bp3-intent-success:hover, .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item,
.bp3-select.bp3-minimal select.bp3-intent-success:hover,
.bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item {
  background: rgba(15, 153, 96, 0.15);
  color: #0d8050;
}
.bp3-html-select.bp3-minimal select.bp3-intent-success:active,
.bp3-select.bp3-minimal select.bp3-intent-success:active, .bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-success.bp3-active {
  background: rgba(15, 153, 96, 0.3);
  color: #0d8050;
}
.bp3-html-select.bp3-minimal select.bp3-intent-success:disabled,
.bp3-select.bp3-minimal select.bp3-intent-success:disabled, .bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-disabled,
.bp3-select.bp3-minimal select.bp3-intent-success.bp3-disabled {
  background: none;
  color: rgba(13, 128, 80, 0.5);
}
.bp3-html-select.bp3-minimal select.bp3-intent-success:disabled.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-success:disabled.bp3-active, .bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-disabled.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-success.bp3-disabled.bp3-active {
  background: rgba(15, 153, 96, 0.3);
}
.bp3-html-select.bp3-minimal select.bp3-intent-success .bp3-button-spinner .bp3-spinner-head,
.bp3-select.bp3-minimal select.bp3-intent-success .bp3-button-spinner .bp3-spinner-head {
  stroke: #0d8050;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success {
  color: #3dcc91;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success:hover, .bp3-dark .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success:hover, .bp3-html-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success:hover,
.bp3-dark .bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success:hover,
.bp3-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-intent-success.bp3-menu-item {
  background: rgba(15, 153, 96, 0.2);
  color: #3dcc91;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success:active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success:active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success:active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success:active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success.bp3-active {
  background: rgba(15, 153, 96, 0.3);
  color: #3dcc91;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success:disabled, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success:disabled,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success:disabled,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success:disabled, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-disabled, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success.bp3-disabled,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success.bp3-disabled,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success.bp3-disabled {
  background: none;
  color: rgba(61, 204, 145, 0.5);
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success:disabled.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success:disabled.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success:disabled.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success:disabled.bp3-active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-disabled.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-success.bp3-disabled.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-success.bp3-disabled.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-success.bp3-disabled.bp3-active {
  background: rgba(15, 153, 96, 0.3);
}
.bp3-html-select.bp3-minimal select.bp3-intent-warning,
.bp3-select.bp3-minimal select.bp3-intent-warning {
  color: #bf7326;
}
.bp3-html-select.bp3-minimal select.bp3-intent-warning:hover, .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item,
.bp3-select.bp3-minimal select.bp3-intent-warning:hover,
.bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item, .bp3-html-select.bp3-minimal select.bp3-intent-warning:active,
.bp3-select.bp3-minimal select.bp3-intent-warning:active, .bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-active {
  background: none;
  box-shadow: none;
  color: #bf7326;
}
.bp3-html-select.bp3-minimal select.bp3-intent-warning:hover, .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item,
.bp3-select.bp3-minimal select.bp3-intent-warning:hover,
.bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item {
  background: rgba(217, 130, 43, 0.15);
  color: #bf7326;
}
.bp3-html-select.bp3-minimal select.bp3-intent-warning:active,
.bp3-select.bp3-minimal select.bp3-intent-warning:active, .bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-active {
  background: rgba(217, 130, 43, 0.3);
  color: #bf7326;
}
.bp3-html-select.bp3-minimal select.bp3-intent-warning:disabled,
.bp3-select.bp3-minimal select.bp3-intent-warning:disabled, .bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-disabled,
.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-disabled {
  background: none;
  color: rgba(191, 115, 38, 0.5);
}
.bp3-html-select.bp3-minimal select.bp3-intent-warning:disabled.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-warning:disabled.bp3-active, .bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-disabled.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-disabled.bp3-active {
  background: rgba(217, 130, 43, 0.3);
}
.bp3-html-select.bp3-minimal select.bp3-intent-warning .bp3-button-spinner .bp3-spinner-head,
.bp3-select.bp3-minimal select.bp3-intent-warning .bp3-button-spinner .bp3-spinner-head {
  stroke: #bf7326;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning {
  color: #ffb366;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning:hover, .bp3-dark .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning:hover, .bp3-html-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning:hover,
.bp3-dark .bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning:hover,
.bp3-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-intent-warning.bp3-menu-item {
  background: rgba(217, 130, 43, 0.2);
  color: #ffb366;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning:active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning:active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning:active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning:active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning.bp3-active {
  background: rgba(217, 130, 43, 0.3);
  color: #ffb366;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning:disabled, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning:disabled,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning:disabled,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning:disabled, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-disabled, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning.bp3-disabled,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning.bp3-disabled,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning.bp3-disabled {
  background: none;
  color: rgba(255, 179, 102, 0.5);
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning:disabled.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning:disabled.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning:disabled.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning:disabled.bp3-active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-disabled.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-warning.bp3-disabled.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-warning.bp3-disabled.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-warning.bp3-disabled.bp3-active {
  background: rgba(217, 130, 43, 0.3);
}
.bp3-html-select.bp3-minimal select.bp3-intent-danger,
.bp3-select.bp3-minimal select.bp3-intent-danger {
  color: #c23030;
}
.bp3-html-select.bp3-minimal select.bp3-intent-danger:hover, .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item,
.bp3-select.bp3-minimal select.bp3-intent-danger:hover,
.bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item, .bp3-html-select.bp3-minimal select.bp3-intent-danger:active,
.bp3-select.bp3-minimal select.bp3-intent-danger:active, .bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-active {
  background: none;
  box-shadow: none;
  color: #c23030;
}
.bp3-html-select.bp3-minimal select.bp3-intent-danger:hover, .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item,
.bp3-select.bp3-minimal select.bp3-intent-danger:hover,
.bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item {
  background: rgba(219, 55, 55, 0.15);
  color: #c23030;
}
.bp3-html-select.bp3-minimal select.bp3-intent-danger:active,
.bp3-select.bp3-minimal select.bp3-intent-danger:active, .bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-active {
  background: rgba(219, 55, 55, 0.3);
  color: #c23030;
}
.bp3-html-select.bp3-minimal select.bp3-intent-danger:disabled,
.bp3-select.bp3-minimal select.bp3-intent-danger:disabled, .bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-disabled,
.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-disabled {
  background: none;
  color: rgba(194, 48, 48, 0.5);
}
.bp3-html-select.bp3-minimal select.bp3-intent-danger:disabled.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-danger:disabled.bp3-active, .bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-disabled.bp3-active,
.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-disabled.bp3-active {
  background: rgba(219, 55, 55, 0.3);
}
.bp3-html-select.bp3-minimal select.bp3-intent-danger .bp3-button-spinner .bp3-spinner-head,
.bp3-select.bp3-minimal select.bp3-intent-danger .bp3-button-spinner .bp3-spinner-head {
  stroke: #c23030;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger {
  color: #ff7373;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger:hover, .bp3-dark .bp3-html-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-html-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger:hover, .bp3-html-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item, .bp3-submenu .bp3-html-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger:hover,
.bp3-dark .bp3-select.bp3-minimal .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-select.bp3-minimal .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger:hover,
.bp3-select.bp3-minimal .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item,
.bp3-submenu .bp3-select.bp3-minimal .bp3-dark .bp3-popover-target.bp3-popover-open > select.bp3-intent-danger.bp3-menu-item {
  background: rgba(219, 55, 55, 0.2);
  color: #ff7373;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger:active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger:active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger:active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger:active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger.bp3-active {
  background: rgba(219, 55, 55, 0.3);
  color: #ff7373;
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger:disabled, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger:disabled,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger:disabled,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger:disabled, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-disabled, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger.bp3-disabled,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger.bp3-disabled,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger.bp3-disabled {
  background: none;
  color: rgba(255, 115, 115, 0.5);
}
.bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger:disabled.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger:disabled.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger:disabled.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger:disabled.bp3-active, .bp3-dark .bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-disabled.bp3-active, .bp3-html-select.bp3-minimal .bp3-dark select.bp3-intent-danger.bp3-disabled.bp3-active,
.bp3-dark .bp3-select.bp3-minimal select.bp3-intent-danger.bp3-disabled.bp3-active,
.bp3-select.bp3-minimal .bp3-dark select.bp3-intent-danger.bp3-disabled.bp3-active {
  background: rgba(219, 55, 55, 0.3);
}

.bp3-html-select.bp3-large select,
.bp3-select.bp3-large select {
  font-size: 16px;
  height: 40px;
  padding-right: 35px;
}

.bp3-dark .bp3-html-select select,
.bp3-dark .bp3-select select {
  background-color: #222;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}
.bp3-dark .bp3-html-select select:hover, .bp3-dark .bp3-html-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-html-select .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-dark .bp3-select select:hover,
.bp3-dark .bp3-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-select .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-dark .bp3-html-select select:active,
.bp3-dark .bp3-select select:active, .bp3-dark .bp3-html-select select.bp3-active,
.bp3-dark .bp3-select select.bp3-active {
  color: #f5f8fa;
}
.bp3-dark .bp3-html-select select:hover, .bp3-dark .bp3-html-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-html-select .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-dark .bp3-select select:hover,
.bp3-dark .bp3-select .bp3-submenu .bp3-popover-target.bp3-popover-open > select.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-select .bp3-popover-target.bp3-popover-open > select.bp3-menu-item {
  background-color: #333;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-html-select select:active,
.bp3-dark .bp3-select select:active, .bp3-dark .bp3-html-select select.bp3-active,
.bp3-dark .bp3-select select.bp3-active {
  background-color: #555;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-html-select select:disabled,
.bp3-dark .bp3-select select:disabled, .bp3-dark .bp3-html-select select.bp3-disabled,
.bp3-dark .bp3-select select.bp3-disabled {
  background-color: rgba(34, 34, 34, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-html-select select:disabled.bp3-active,
.bp3-dark .bp3-select select:disabled.bp3-active, .bp3-dark .bp3-html-select select.bp3-disabled.bp3-active,
.bp3-dark .bp3-select select.bp3-disabled.bp3-active {
  background: rgba(34, 34, 34, 0.7);
}
.bp3-dark .bp3-html-select select .bp3-button-spinner .bp3-spinner-head,
.bp3-dark .bp3-select select .bp3-button-spinner .bp3-spinner-head {
  background: rgba(16, 22, 26, 0.5);
  stroke: #8a9ba8;
}

.bp3-html-select select:disabled,
.bp3-select select:disabled {
  background-color: rgba(206, 217, 224, 0.5);
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}

.bp3-select::after, .bp3-html-select .bp3-icon,
.bp3-select .bp3-icon {
  color: #5c7080;
  pointer-events: none;
  position: absolute;
  right: 7px;
  top: 7px;
}
.bp3-disabled.bp3-select::after, .bp3-html-select .bp3-disabled.bp3-icon,
.bp3-select .bp3-disabled.bp3-icon {
  color: rgba(92, 112, 128, 0.6);
}

/*
HTML select

Markup:
<div class="bp3-html-select {{.modifier}}">
  <select {{:modifier}}>
    <option selected>Choose an item...</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
  </select>
  <span class="bp3-icon bp3-icon-double-caret-vertical"></span>
</div>

:disabled - Disabled. Also add <code>.bp3-disabled</code> to <code>.bp3-select</code> for icon coloring (not shown below).
.bp3-fill - Expand to fill parent container
.bp3-large - Large size
.bp3-minimal - Minimal appearance

Styleguide select
*/
.bp3-html-select,
.bp3-select {
  display: inline-block;
  letter-spacing: normal;
  position: relative;
  vertical-align: middle;
}
.bp3-html-select select::-ms-expand,
.bp3-select select::-ms-expand {
  display: none;
}
.bp3-html-select .bp3-icon,
.bp3-select .bp3-icon {
  color: #5c7080;
}
.bp3-html-select .bp3-icon:hover, .bp3-html-select .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-icon.bp3-menu-item, .bp3-submenu .bp3-html-select .bp3-popover-target.bp3-popover-open > .bp3-icon.bp3-menu-item,
.bp3-select .bp3-icon:hover,
.bp3-select .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-icon.bp3-menu-item,
.bp3-submenu .bp3-select .bp3-popover-target.bp3-popover-open > .bp3-icon.bp3-menu-item {
  color: #666;
}
.bp3-dark .bp3-html-select .bp3-icon,
.bp3-dark .bp3-select .bp3-icon {
  color: #a7b6c2;
}
.bp3-dark .bp3-html-select .bp3-icon:hover, .bp3-dark .bp3-html-select .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-icon.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-html-select .bp3-popover-target.bp3-popover-open > .bp3-icon.bp3-menu-item,
.bp3-dark .bp3-select .bp3-icon:hover,
.bp3-dark .bp3-select .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-icon.bp3-menu-item,
.bp3-submenu .bp3-dark .bp3-select .bp3-popover-target.bp3-popover-open > .bp3-icon.bp3-menu-item {
  color: #f5f8fa;
}
.bp3-html-select.bp3-large::after,
.bp3-html-select.bp3-large .bp3-icon,
.bp3-select.bp3-large::after,
.bp3-select.bp3-large .bp3-icon {
  right: 12px;
  top: 12px;
}
.bp3-html-select.bp3-fill,
.bp3-html-select.bp3-fill select,
.bp3-select.bp3-fill,
.bp3-select.bp3-fill select {
  width: 100%;
}
.bp3-dark .bp3-html-select option,
.bp3-dark .bp3-select option {
  background-color: #333;
  color: #f5f8fa;
}
.bp3-dark .bp3-html-select option:disabled,
.bp3-dark .bp3-select option:disabled {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-html-select::after,
.bp3-dark .bp3-select::after {
  color: #a7b6c2;
}

.bp3-select::after {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\e6c6";
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Tables

Markup:
<table class="bp3-html-table {{.modifier}}">
  <thead>
    <tr>
      <th>Project</th>
      <th>Description</th>
      <th>Technologies</th>
      <th>Contributors</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Blueprint</td>
      <td>CSS framework and UI toolkit</td>
      <td>Sass, TypeScript, React</td>
      <td>268</td>
    </tr>
    <tr>
      <td>TSLint</td>
      <td>Static analysis linter for TypeScript</td>
      <td>TypeScript</td>
      <td>403</td>
    </tr>
    <tr>
      <td>Plottable</td>
      <td>Composable charting library built on top of D3</td>
      <td>SVG, TypeScript, D3</td>
      <td>737</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan=3>Total</td>
      <td>1408</td>
    </tr>
  </tfoot>
</table>

.bp3-html-table-bordered - Bordered appearance
.bp3-html-table-condensed - Condensed smaller appearance
.bp3-html-table-striped - Striped appearance
.bp3-interactive - Enables hover styles on rows
.bp3-small - Small, condensed appearance for this element _and all child elements_

Styleguide html-table
*/
table.bp3-html-table, .bp3-running-text table {
  border-spacing: 0;
  font-size: 14px;
}
table.bp3-html-table th, .bp3-running-text table th,
table.bp3-html-table td,
.bp3-running-text table td {
  padding: 11px;
  text-align: left;
  vertical-align: top;
}
table.bp3-html-table th, .bp3-running-text table th {
  color: #666;
  font-weight: 600;
}
table.bp3-html-table td, .bp3-running-text table td {
  color: #666;
}
table.bp3-html-table tbody tr:first-child th, .bp3-running-text table tbody tr:first-child th,
table.bp3-html-table tbody tr:first-child td,
.bp3-running-text table tbody tr:first-child td,
table.bp3-html-table tfoot tr:first-child th,
.bp3-running-text table tfoot tr:first-child th,
table.bp3-html-table tfoot tr:first-child td,
.bp3-running-text table tfoot tr:first-child td {
  box-shadow: inset 0 1px 0 0 rgba(16, 22, 26, 0.15);
}
table.bp3-html-table, .bp3-running-text table {
  /* stylelint-disable selector-max-compound-selectors */
}
.bp3-dark table.bp3-html-table th, .bp3-dark .bp3-running-text table th, .bp3-running-text .bp3-dark table th {
  color: #f5f8fa;
}
.bp3-dark table.bp3-html-table td, .bp3-dark .bp3-running-text table td, .bp3-running-text .bp3-dark table td {
  color: #f5f8fa;
}
.bp3-dark table.bp3-html-table tbody tr:first-child th, .bp3-dark .bp3-running-text table tbody tr:first-child th, .bp3-running-text .bp3-dark table tbody tr:first-child th,
.bp3-dark table.bp3-html-table tbody tr:first-child td,
.bp3-dark .bp3-running-text table tbody tr:first-child td,
.bp3-running-text .bp3-dark table tbody tr:first-child td,
.bp3-dark table.bp3-html-table tfoot tr:first-child th,
.bp3-dark .bp3-running-text table tfoot tr:first-child th,
.bp3-running-text .bp3-dark table tfoot tr:first-child th,
.bp3-dark table.bp3-html-table tfoot tr:first-child td,
.bp3-dark .bp3-running-text table tfoot tr:first-child td,
.bp3-running-text .bp3-dark table tfoot tr:first-child td {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
}
table.bp3-html-table, .bp3-running-text table {
  /* stylelint-enable selector-max-compound-selectors */
}

table.bp3-html-table.bp3-html-table-condensed th,
table.bp3-html-table.bp3-html-table-condensed td, table.bp3-html-table.bp3-small th,
table.bp3-html-table.bp3-small td {
  padding-bottom: 6px;
  padding-top: 6px;
}
table.bp3-html-table.bp3-html-table-striped tbody tr:nth-child(odd) td {
  background: rgba(191, 204, 214, 0.15);
}
table.bp3-html-table.bp3-html-table-bordered th:not(:first-child) {
  box-shadow: inset 1px 0 0 0 rgba(16, 22, 26, 0.15);
}
table.bp3-html-table.bp3-html-table-bordered tbody tr td,
table.bp3-html-table.bp3-html-table-bordered tfoot tr td {
  box-shadow: inset 0 1px 0 0 rgba(16, 22, 26, 0.15);
}
table.bp3-html-table.bp3-html-table-bordered tbody tr td:not(:first-child),
table.bp3-html-table.bp3-html-table-bordered tfoot tr td:not(:first-child) {
  box-shadow: inset 1px 1px 0 0 rgba(16, 22, 26, 0.15);
}
table.bp3-html-table.bp3-html-table-bordered.bp3-html-table-striped tbody tr:not(:first-child) td {
  box-shadow: none;
}
table.bp3-html-table.bp3-html-table-bordered.bp3-html-table-striped tbody tr:not(:first-child) td:not(:first-child) {
  box-shadow: inset 1px 0 0 0 rgba(16, 22, 26, 0.15);
}
table.bp3-html-table.bp3-interactive tbody tr:hover td, table.bp3-html-table.bp3-interactive tbody .bp3-submenu .bp3-popover-target.bp3-popover-open > tr.bp3-menu-item td, .bp3-submenu table.bp3-html-table.bp3-interactive tbody .bp3-popover-target.bp3-popover-open > tr.bp3-menu-item td {
  background-color: rgba(191, 204, 214, 0.3);
  cursor: pointer;
}
table.bp3-html-table.bp3-interactive tbody tr:active td {
  background-color: rgba(191, 204, 214, 0.4);
}
.bp3-dark table.bp3-html-table {
  /* stylelint-disable selector-max-compound-selectors */
}
.bp3-dark table.bp3-html-table.bp3-html-table-striped tbody tr:nth-child(odd) td {
  background: rgba(92, 112, 128, 0.15);
}
.bp3-dark table.bp3-html-table.bp3-html-table-bordered th:not(:first-child) {
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.15);
}
.bp3-dark table.bp3-html-table.bp3-html-table-bordered tbody tr td,
.bp3-dark table.bp3-html-table.bp3-html-table-bordered tfoot tr td {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
}
.bp3-dark table.bp3-html-table.bp3-html-table-bordered tbody tr td:not(:first-child),
.bp3-dark table.bp3-html-table.bp3-html-table-bordered tfoot tr td:not(:first-child) {
  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.15);
}
.bp3-dark table.bp3-html-table.bp3-html-table-bordered.bp3-html-table-striped tbody tr:not(:first-child) td {
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.15);
  /* stylelint-disable max-nesting-depth */
}
.bp3-dark table.bp3-html-table.bp3-html-table-bordered.bp3-html-table-striped tbody tr:not(:first-child) td:first-child {
  box-shadow: none;
}
.bp3-dark table.bp3-html-table.bp3-interactive tbody tr:hover td, .bp3-dark table.bp3-html-table.bp3-interactive tbody .bp3-submenu .bp3-popover-target.bp3-popover-open > tr.bp3-menu-item td, .bp3-submenu .bp3-dark table.bp3-html-table.bp3-interactive tbody .bp3-popover-target.bp3-popover-open > tr.bp3-menu-item td {
  background-color: rgba(92, 112, 128, 0.3);
  cursor: pointer;
}
.bp3-dark table.bp3-html-table.bp3-interactive tbody tr:active td {
  background-color: rgba(92, 112, 128, 0.4);
}
.bp3-dark table.bp3-html-table {
  /* stylelint-enable selector-max-compound-selectors */
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
.bp3-key-combo {
  display: flex;
  flex-direction: row;
}
.bp3-key-combo > * {
  flex-grow: 0;
  flex-shrink: 0;
}
.bp3-key-combo > .bp3-fill {
  flex-grow: 1;
  flex-shrink: 1;
}
.bp3-key-combo::before,
.bp3-key-combo > * {
  margin-right: 5px;
}
.bp3-key-combo:empty::before,
.bp3-key-combo > :last-child {
  margin-right: 0;
}
.bp3-key-combo {
  align-items: center;
}

.bp3-hotkey-dialog {
  padding-bottom: 0;
  top: 40px;
}
.bp3-hotkey-dialog .bp3-dialog-body {
  margin: 0;
  padding: 0;
}
.bp3-hotkey-dialog .bp3-hotkey-label {
  flex-grow: 1;
}

.bp3-hotkey-column {
  margin: auto;
  max-height: 80vh;
  overflow-y: auto;
  padding: 30px;
}
.bp3-hotkey-column .bp3-heading {
  margin-bottom: 20px;
}
.bp3-hotkey-column .bp3-heading:not(:first-child) {
  margin-top: 40px;
}

.bp3-hotkey {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
}
.bp3-hotkey:not(:last-child) {
  margin-bottom: 10px;
}

/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
.bp3-icon {
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: text-bottom;
}
.bp3-icon:not(:empty)::before {
  /* stylelint-disable */
  content: "" !important;
  content: unset !important;
  /* stylelint-enable */
}
.bp3-icon > svg {
  display: block;
}
.bp3-icon > svg:not([fill]) {
  fill: currentColor;
}

.bp3-icon.bp3-intent-primary, .bp3-icon-standard.bp3-intent-primary, .bp3-icon-large.bp3-intent-primary {
  color: #106ba3;
}
.bp3-dark .bp3-icon.bp3-intent-primary, .bp3-dark .bp3-icon-standard.bp3-intent-primary, .bp3-dark .bp3-icon-large.bp3-intent-primary {
  color: #48aff0;
}
.bp3-icon.bp3-intent-success, .bp3-icon-standard.bp3-intent-success, .bp3-icon-large.bp3-intent-success {
  color: #0d8050;
}
.bp3-dark .bp3-icon.bp3-intent-success, .bp3-dark .bp3-icon-standard.bp3-intent-success, .bp3-dark .bp3-icon-large.bp3-intent-success {
  color: #3dcc91;
}
.bp3-icon.bp3-intent-warning, .bp3-icon-standard.bp3-intent-warning, .bp3-icon-large.bp3-intent-warning {
  color: #bf7326;
}
.bp3-dark .bp3-icon.bp3-intent-warning, .bp3-dark .bp3-icon-standard.bp3-intent-warning, .bp3-dark .bp3-icon-large.bp3-intent-warning {
  color: #ffb366;
}
.bp3-icon.bp3-intent-danger, .bp3-icon-standard.bp3-intent-danger, .bp3-icon-large.bp3-intent-danger {
  color: #c23030;
}
.bp3-dark .bp3-icon.bp3-intent-danger, .bp3-dark .bp3-icon-standard.bp3-intent-danger, .bp3-dark .bp3-icon-large.bp3-intent-danger {
  color: #ff7373;
}

span.bp3-icon-standard {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

span.bp3-icon-large {
  font-family: "Icons20", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

span.bp3-icon:empty {
  font-family: "Icons20";
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
span.bp3-icon:empty::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.bp3-icon-add::before {
  content: "\e63e";
}

.bp3-icon-add-column-left::before {
  content: "\e6f9";
}

.bp3-icon-add-column-right::before {
  content: "\e6fa";
}

.bp3-icon-add-row-bottom::before {
  content: "\e6f8";
}

.bp3-icon-add-row-top::before {
  content: "\e6f7";
}

.bp3-icon-add-to-artifact::before {
  content: "\e67c";
}

.bp3-icon-add-to-folder::before {
  content: "\e6d2";
}

.bp3-icon-airplane::before {
  content: "\e74b";
}

.bp3-icon-align-center::before {
  content: "\e603";
}

.bp3-icon-align-justify::before {
  content: "\e605";
}

.bp3-icon-align-left::before {
  content: "\e602";
}

.bp3-icon-align-right::before {
  content: "\e604";
}

.bp3-icon-alignment-bottom::before {
  content: "\e727";
}

.bp3-icon-alignment-horizontal-center::before {
  content: "\e726";
}

.bp3-icon-alignment-left::before {
  content: "\e722";
}

.bp3-icon-alignment-right::before {
  content: "\e724";
}

.bp3-icon-alignment-top::before {
  content: "\e725";
}

.bp3-icon-alignment-vertical-center::before {
  content: "\e723";
}

.bp3-icon-annotation::before {
  content: "\e6f0";
}

.bp3-icon-application::before {
  content: "\e735";
}

.bp3-icon-applications::before {
  content: "\e621";
}

.bp3-icon-archive::before {
  content: "\e907";
}

.bp3-icon-arrow-bottom-left::before {
  content: "↙";
}

.bp3-icon-arrow-bottom-right::before {
  content: "↘";
}

.bp3-icon-arrow-down::before {
  content: "↓";
}

.bp3-icon-arrow-left::before {
  content: "←";
}

.bp3-icon-arrow-right::before {
  content: "→";
}

.bp3-icon-arrow-top-left::before {
  content: "↖";
}

.bp3-icon-arrow-top-right::before {
  content: "↗";
}

.bp3-icon-arrow-up::before {
  content: "↑";
}

.bp3-icon-arrows-horizontal::before {
  content: "↔";
}

.bp3-icon-arrows-vertical::before {
  content: "↕";
}

.bp3-icon-asterisk::before {
  content: "*";
}

.bp3-icon-automatic-updates::before {
  content: "\e65f";
}

.bp3-icon-badge::before {
  content: "\e6e3";
}

.bp3-icon-ban-circle::before {
  content: "\e69d";
}

.bp3-icon-bank-account::before {
  content: "\e76f";
}

.bp3-icon-barcode::before {
  content: "\e676";
}

.bp3-icon-blank::before {
  content: "\e900";
}

.bp3-icon-blocked-person::before {
  content: "\e768";
}

.bp3-icon-bold::before {
  content: "\e606";
}

.bp3-icon-book::before {
  content: "\e6b8";
}

.bp3-icon-bookmark::before {
  content: "\e61a";
}

.bp3-icon-box::before {
  content: "\e6bf";
}

.bp3-icon-briefcase::before {
  content: "\e674";
}

.bp3-icon-bring-data::before {
  content: "\e90a";
}

.bp3-icon-build::before {
  content: "\e72d";
}

.bp3-icon-calculator::before {
  content: "\e70b";
}

.bp3-icon-calendar::before {
  content: "\e62b";
}

.bp3-icon-camera::before {
  content: "\e69e";
}

.bp3-icon-caret-down::before {
  content: "⌄";
}

.bp3-icon-caret-left::before {
  content: "〈";
}

.bp3-icon-caret-right::before {
  content: "〉";
}

.bp3-icon-caret-up::before {
  content: "⌃";
}

.bp3-icon-cell-tower::before {
  content: "\e770";
}

.bp3-icon-changes::before {
  content: "\e623";
}

.bp3-icon-chart::before {
  content: "\e67e";
}

.bp3-icon-chat::before {
  content: "\e689";
}

.bp3-icon-chevron-backward::before {
  content: "\e6df";
}

.bp3-icon-chevron-down::before {
  content: "\e697";
}

.bp3-icon-chevron-forward::before {
  content: "\e6e0";
}

.bp3-icon-chevron-left::before {
  content: "\e694";
}

.bp3-icon-chevron-right::before {
  content: "\e695";
}

.bp3-icon-chevron-up::before {
  content: "\e696";
}

.bp3-icon-circle::before {
  content: "\e66a";
}

.bp3-icon-circle-arrow-down::before {
  content: "\e68e";
}

.bp3-icon-circle-arrow-left::before {
  content: "\e68c";
}

.bp3-icon-circle-arrow-right::before {
  content: "\e68b";
}

.bp3-icon-circle-arrow-up::before {
  content: "\e68d";
}

.bp3-icon-citation::before {
  content: "\e61b";
}

.bp3-icon-clean::before {
  content: "\e7c5";
}

.bp3-icon-clipboard::before {
  content: "\e61d";
}

.bp3-icon-cloud::before {
  content: "☁";
}

.bp3-icon-cloud-download::before {
  content: "\e690";
}

.bp3-icon-cloud-upload::before {
  content: "\e691";
}

.bp3-icon-code::before {
  content: "\e661";
}

.bp3-icon-code-block::before {
  content: "\e6c5";
}

.bp3-icon-cog::before {
  content: "\e645";
}

.bp3-icon-collapse-all::before {
  content: "\e763";
}

.bp3-icon-column-layout::before {
  content: "\e6da";
}

.bp3-icon-comment::before {
  content: "\e68a";
}

.bp3-icon-comparison::before {
  content: "\e637";
}

.bp3-icon-compass::before {
  content: "\e79c";
}

.bp3-icon-compressed::before {
  content: "\e6c0";
}

.bp3-icon-confirm::before {
  content: "\e639";
}

.bp3-icon-console::before {
  content: "\e79b";
}

.bp3-icon-contrast::before {
  content: "\e6cb";
}

.bp3-icon-control::before {
  content: "\e67f";
}

.bp3-icon-credit-card::before {
  content: "\e649";
}

.bp3-icon-cross::before {
  content: "✗";
}

.bp3-icon-crown::before {
  content: "\e7b4";
}

.bp3-icon-cube::before {
  content: "\e7c8";
}

.bp3-icon-cube-add::before {
  content: "\e7c9";
}

.bp3-icon-cube-remove::before {
  content: "\e7d0";
}

.bp3-icon-curved-range-chart::before {
  content: "\e71b";
}

.bp3-icon-cut::before {
  content: "\e6ef";
}

.bp3-icon-dashboard::before {
  content: "\e751";
}

.bp3-icon-data-lineage::before {
  content: "\e908";
}

.bp3-icon-database::before {
  content: "\e683";
}

.bp3-icon-delete::before {
  content: "\e644";
}

.bp3-icon-delta::before {
  content: "Δ";
}

.bp3-icon-derive-column::before {
  content: "\e739";
}

.bp3-icon-desktop::before {
  content: "\e6af";
}

.bp3-icon-diagnosis::before {
  content: "\e90d";
}

.bp3-icon-diagram-tree::before {
  content: "\e7b3";
}

.bp3-icon-direction-left::before {
  content: "\e681";
}

.bp3-icon-direction-right::before {
  content: "\e682";
}

.bp3-icon-disable::before {
  content: "\e600";
}

.bp3-icon-document::before {
  content: "\e630";
}

.bp3-icon-document-open::before {
  content: "\e71e";
}

.bp3-icon-document-share::before {
  content: "\e71f";
}

.bp3-icon-dollar::before {
  content: "$";
}

.bp3-icon-dot::before {
  content: "•";
}

.bp3-icon-double-caret-horizontal::before {
  content: "\e6c7";
}

.bp3-icon-double-caret-vertical::before {
  content: "\e6c6";
}

.bp3-icon-double-chevron-down::before {
  content: "\e703";
}

.bp3-icon-double-chevron-left::before {
  content: "\e6ff";
}

.bp3-icon-double-chevron-right::before {
  content: "\e701";
}

.bp3-icon-double-chevron-up::before {
  content: "\e702";
}

.bp3-icon-doughnut-chart::before {
  content: "\e6ce";
}

.bp3-icon-download::before {
  content: "\e62f";
}

.bp3-icon-drag-handle-horizontal::before {
  content: "\e716";
}

.bp3-icon-drag-handle-vertical::before {
  content: "\e715";
}

.bp3-icon-draw::before {
  content: "\e66b";
}

.bp3-icon-drive-time::before {
  content: "\e615";
}

.bp3-icon-duplicate::before {
  content: "\e69c";
}

.bp3-icon-edit::before {
  content: "✎";
}

.bp3-icon-eject::before {
  content: "⏏";
}

.bp3-icon-endorsed::before {
  content: "\e75f";
}

.bp3-icon-envelope::before {
  content: "✉";
}

.bp3-icon-equals::before {
  content: "\e7d9";
}

.bp3-icon-eraser::before {
  content: "\e773";
}

.bp3-icon-error::before {
  content: "\e648";
}

.bp3-icon-euro::before {
  content: "€";
}

.bp3-icon-exchange::before {
  content: "\e636";
}

.bp3-icon-exclude-row::before {
  content: "\e6ea";
}

.bp3-icon-expand-all::before {
  content: "\e764";
}

.bp3-icon-export::before {
  content: "\e633";
}

.bp3-icon-eye-off::before {
  content: "\e6cc";
}

.bp3-icon-eye-on::before {
  content: "\e75a";
}

.bp3-icon-eye-open::before {
  content: "\e66f";
}

.bp3-icon-fast-backward::before {
  content: "\e6a8";
}

.bp3-icon-fast-forward::before {
  content: "\e6ac";
}

.bp3-icon-feed::before {
  content: "\e656";
}

.bp3-icon-feed-subscribed::before {
  content: "\e78f";
}

.bp3-icon-film::before {
  content: "\e6a1";
}

.bp3-icon-filter::before {
  content: "\e638";
}

.bp3-icon-filter-keep::before {
  content: "\e78c";
}

.bp3-icon-filter-list::before {
  content: "\e6ee";
}

.bp3-icon-filter-open::before {
  content: "\e7d7";
}

.bp3-icon-filter-remove::before {
  content: "\e78d";
}

.bp3-icon-flag::before {
  content: "⚑";
}

.bp3-icon-flame::before {
  content: "\e7a9";
}

.bp3-icon-flash::before {
  content: "\e6b3";
}

.bp3-icon-floppy-disk::before {
  content: "\e6b7";
}

.bp3-icon-flow-branch::before {
  content: "\e7c1";
}

.bp3-icon-flow-end::before {
  content: "\e7c4";
}

.bp3-icon-flow-linear::before {
  content: "\e7c0";
}

.bp3-icon-flow-review::before {
  content: "\e7c2";
}

.bp3-icon-flow-review-branch::before {
  content: "\e7c3";
}

.bp3-icon-flows::before {
  content: "\e659";
}

.bp3-icon-folder-close::before {
  content: "\e652";
}

.bp3-icon-folder-new::before {
  content: "\e7b0";
}

.bp3-icon-folder-open::before {
  content: "\e651";
}

.bp3-icon-folder-shared::before {
  content: "\e653";
}

.bp3-icon-folder-shared-open::before {
  content: "\e670";
}

.bp3-icon-follower::before {
  content: "\e760";
}

.bp3-icon-following::before {
  content: "\e761";
}

.bp3-icon-font::before {
  content: "\e6b4";
}

.bp3-icon-fork::before {
  content: "\e63a";
}

.bp3-icon-form::before {
  content: "\e795";
}

.bp3-icon-full-circle::before {
  content: "\e685";
}

.bp3-icon-full-stacked-chart::before {
  content: "\e75e";
}

.bp3-icon-fullscreen::before {
  content: "\e699";
}

.bp3-icon-function::before {
  content: "\e6e5";
}

.bp3-icon-gantt-chart::before {
  content: "\e6f4";
}

.bp3-icon-geolocation::before {
  content: "\e640";
}

.bp3-icon-geosearch::before {
  content: "\e613";
}

.bp3-icon-git-branch::before {
  content: "\e72a";
}

.bp3-icon-git-commit::before {
  content: "\e72b";
}

.bp3-icon-git-merge::before {
  content: "\e729";
}

.bp3-icon-git-new-branch::before {
  content: "\e749";
}

.bp3-icon-git-pull::before {
  content: "\e728";
}

.bp3-icon-git-push::before {
  content: "\e72c";
}

.bp3-icon-git-repo::before {
  content: "\e748";
}

.bp3-icon-glass::before {
  content: "\e6b1";
}

.bp3-icon-globe::before {
  content: "\e666";
}

.bp3-icon-globe-network::before {
  content: "\e7b5";
}

.bp3-icon-graph::before {
  content: "\e673";
}

.bp3-icon-graph-remove::before {
  content: "\e609";
}

.bp3-icon-greater-than::before {
  content: "\e7e1";
}

.bp3-icon-greater-than-or-equal-to::before {
  content: "\e7e2";
}

.bp3-icon-grid::before {
  content: "\e6d0";
}

.bp3-icon-grid-view::before {
  content: "\e6e4";
}

.bp3-icon-group-objects::before {
  content: "\e60a";
}

.bp3-icon-grouped-bar-chart::before {
  content: "\e75d";
}

.bp3-icon-hand::before {
  content: "\e6de";
}

.bp3-icon-hand-down::before {
  content: "\e6bb";
}

.bp3-icon-hand-left::before {
  content: "\e6bc";
}

.bp3-icon-hand-right::before {
  content: "\e6b9";
}

.bp3-icon-hand-up::before {
  content: "\e6ba";
}

.bp3-icon-header::before {
  content: "\e6b5";
}

.bp3-icon-header-one::before {
  content: "\e793";
}

.bp3-icon-header-two::before {
  content: "\e794";
}

.bp3-icon-headset::before {
  content: "\e6dc";
}

.bp3-icon-heart::before {
  content: "♥";
}

.bp3-icon-heart-broken::before {
  content: "\e7a2";
}

.bp3-icon-heat-grid::before {
  content: "\e6f3";
}

.bp3-icon-heatmap::before {
  content: "\e614";
}

.bp3-icon-help::before {
  content: "?";
}

.bp3-icon-helper-management::before {
  content: "\e66d";
}

.bp3-icon-highlight::before {
  content: "\e6ed";
}

.bp3-icon-history::before {
  content: "\e64a";
}

.bp3-icon-home::before {
  content: "⌂";
}

.bp3-icon-horizontal-bar-chart::before {
  content: "\e70c";
}

.bp3-icon-horizontal-bar-chart-asc::before {
  content: "\e75c";
}

.bp3-icon-horizontal-bar-chart-desc::before {
  content: "\e71d";
}

.bp3-icon-horizontal-distribution::before {
  content: "\e720";
}

.bp3-icon-id-number::before {
  content: "\e771";
}

.bp3-icon-image-rotate-left::before {
  content: "\e73a";
}

.bp3-icon-image-rotate-right::before {
  content: "\e73b";
}

.bp3-icon-import::before {
  content: "\e632";
}

.bp3-icon-inbox::before {
  content: "\e629";
}

.bp3-icon-inbox-filtered::before {
  content: "\e7d1";
}

.bp3-icon-inbox-geo::before {
  content: "\e7d2";
}

.bp3-icon-inbox-search::before {
  content: "\e7d3";
}

.bp3-icon-inbox-update::before {
  content: "\e7d4";
}

.bp3-icon-info-sign::before {
  content: "ℹ";
}

.bp3-icon-inheritance::before {
  content: "\e7d5";
}

.bp3-icon-inner-join::before {
  content: "\e7a3";
}

.bp3-icon-insert::before {
  content: "\e66c";
}

.bp3-icon-intersection::before {
  content: "\e765";
}

.bp3-icon-ip-address::before {
  content: "\e772";
}

.bp3-icon-issue::before {
  content: "\e774";
}

.bp3-icon-issue-closed::before {
  content: "\e776";
}

.bp3-icon-issue-new::before {
  content: "\e775";
}

.bp3-icon-italic::before {
  content: "\e607";
}

.bp3-icon-join-table::before {
  content: "\e738";
}

.bp3-icon-key::before {
  content: "\e78e";
}

.bp3-icon-key-backspace::before {
  content: "\e707";
}

.bp3-icon-key-command::before {
  content: "\e705";
}

.bp3-icon-key-control::before {
  content: "\e704";
}

.bp3-icon-key-delete::before {
  content: "\e708";
}

.bp3-icon-key-enter::before {
  content: "\e70a";
}

.bp3-icon-key-escape::before {
  content: "\e709";
}

.bp3-icon-key-option::before {
  content: "\e742";
}

.bp3-icon-key-shift::before {
  content: "\e706";
}

.bp3-icon-key-tab::before {
  content: "\e757";
}

.bp3-icon-known-vehicle::before {
  content: "\e73c";
}

.bp3-icon-lab-test::before {
  content: "\e90e";
}

.bp3-icon-label::before {
  content: "\e665";
}

.bp3-icon-layer::before {
  content: "\e6cf";
}

.bp3-icon-layers::before {
  content: "\e618";
}

.bp3-icon-layout::before {
  content: "\e60c";
}

.bp3-icon-layout-auto::before {
  content: "\e60d";
}

.bp3-icon-layout-balloon::before {
  content: "\e6d3";
}

.bp3-icon-layout-circle::before {
  content: "\e60e";
}

.bp3-icon-layout-grid::before {
  content: "\e610";
}

.bp3-icon-layout-group-by::before {
  content: "\e611";
}

.bp3-icon-layout-hierarchy::before {
  content: "\e60f";
}

.bp3-icon-layout-linear::before {
  content: "\e6c3";
}

.bp3-icon-layout-skew-grid::before {
  content: "\e612";
}

.bp3-icon-layout-sorted-clusters::before {
  content: "\e6d4";
}

.bp3-icon-learning::before {
  content: "\e904";
}

.bp3-icon-left-join::before {
  content: "\e7a4";
}

.bp3-icon-less-than::before {
  content: "\e7e3";
}

.bp3-icon-less-than-or-equal-to::before {
  content: "\e7e4";
}

.bp3-icon-lifesaver::before {
  content: "\e7c7";
}

.bp3-icon-lightbulb::before {
  content: "\e6b0";
}

.bp3-icon-link::before {
  content: "\e62d";
}

.bp3-icon-list::before {
  content: "☰";
}

.bp3-icon-list-columns::before {
  content: "\e7b9";
}

.bp3-icon-list-detail-view::before {
  content: "\e743";
}

.bp3-icon-locate::before {
  content: "\e619";
}

.bp3-icon-lock::before {
  content: "\e625";
}

.bp3-icon-log-in::before {
  content: "\e69a";
}

.bp3-icon-log-out::before {
  content: "\e64c";
}

.bp3-icon-manual::before {
  content: "\e6f6";
}

.bp3-icon-manually-entered-data::before {
  content: "\e74a";
}

.bp3-icon-map::before {
  content: "\e662";
}

.bp3-icon-map-create::before {
  content: "\e741";
}

.bp3-icon-map-marker::before {
  content: "\e67d";
}

.bp3-icon-maximize::before {
  content: "\e635";
}

.bp3-icon-media::before {
  content: "\e62c";
}

.bp3-icon-menu::before {
  content: "\e762";
}

.bp3-icon-menu-closed::before {
  content: "\e655";
}

.bp3-icon-menu-open::before {
  content: "\e654";
}

.bp3-icon-merge-columns::before {
  content: "\e74f";
}

.bp3-icon-merge-links::before {
  content: "\e60b";
}

.bp3-icon-minimize::before {
  content: "\e634";
}

.bp3-icon-minus::before {
  content: "−";
}

.bp3-icon-mobile-phone::before {
  content: "\e717";
}

.bp3-icon-mobile-video::before {
  content: "\e69f";
}

.bp3-icon-moon::before {
  content: "\e754";
}

.bp3-icon-more::before {
  content: "\e62a";
}

.bp3-icon-mountain::before {
  content: "\e7b1";
}

.bp3-icon-move::before {
  content: "\e693";
}

.bp3-icon-mugshot::before {
  content: "\e6db";
}

.bp3-icon-multi-select::before {
  content: "\e680";
}

.bp3-icon-music::before {
  content: "\e6a6";
}

.bp3-icon-new-drawing::before {
  content: "\e905";
}

.bp3-icon-new-grid-item::before {
  content: "\e747";
}

.bp3-icon-new-layer::before {
  content: "\e902";
}

.bp3-icon-new-layers::before {
  content: "\e903";
}

.bp3-icon-new-link::before {
  content: "\e65c";
}

.bp3-icon-new-object::before {
  content: "\e65d";
}

.bp3-icon-new-person::before {
  content: "\e6e9";
}

.bp3-icon-new-prescription::before {
  content: "\e78b";
}

.bp3-icon-new-text-box::before {
  content: "\e65b";
}

.bp3-icon-ninja::before {
  content: "\e675";
}

.bp3-icon-not-equal-to::before {
  content: "\e7e0";
}

.bp3-icon-notifications::before {
  content: "\e624";
}

.bp3-icon-notifications-updated::before {
  content: "\e7b8";
}

.bp3-icon-numbered-list::before {
  content: "\e746";
}

.bp3-icon-numerical::before {
  content: "\e756";
}

.bp3-icon-office::before {
  content: "\e69b";
}

.bp3-icon-offline::before {
  content: "\e67a";
}

.bp3-icon-oil-field::before {
  content: "\e73f";
}

.bp3-icon-one-column::before {
  content: "\e658";
}

.bp3-icon-outdated::before {
  content: "\e7a8";
}

.bp3-icon-page-layout::before {
  content: "\e660";
}

.bp3-icon-panel-stats::before {
  content: "\e777";
}

.bp3-icon-panel-table::before {
  content: "\e778";
}

.bp3-icon-paperclip::before {
  content: "\e664";
}

.bp3-icon-paragraph::before {
  content: "\e76c";
}

.bp3-icon-path::before {
  content: "\e753";
}

.bp3-icon-path-search::before {
  content: "\e65e";
}

.bp3-icon-pause::before {
  content: "\e6a9";
}

.bp3-icon-people::before {
  content: "\e63d";
}

.bp3-icon-percentage::before {
  content: "\e76a";
}

.bp3-icon-person::before {
  content: "\e63c";
}

.bp3-icon-phone::before {
  content: "☎";
}

.bp3-icon-pie-chart::before {
  content: "\e684";
}

.bp3-icon-pin::before {
  content: "\e646";
}

.bp3-icon-pivot::before {
  content: "\e6f1";
}

.bp3-icon-pivot-table::before {
  content: "\e6eb";
}

.bp3-icon-play::before {
  content: "\e6ab";
}

.bp3-icon-plus::before {
  content: "+";
}

.bp3-icon-polygon-filter::before {
  content: "\e6d1";
}

.bp3-icon-power::before {
  content: "\e6d9";
}

.bp3-icon-predictive-analysis::before {
  content: "\e617";
}

.bp3-icon-prescription::before {
  content: "\e78a";
}

.bp3-icon-presentation::before {
  content: "\e687";
}

.bp3-icon-print::before {
  content: "⎙";
}

.bp3-icon-projects::before {
  content: "\e622";
}

.bp3-icon-properties::before {
  content: "\e631";
}

.bp3-icon-property::before {
  content: "\e65a";
}

.bp3-icon-publish-function::before {
  content: "\e752";
}

.bp3-icon-pulse::before {
  content: "\e6e8";
}

.bp3-icon-random::before {
  content: "\e698";
}

.bp3-icon-record::before {
  content: "\e6ae";
}

.bp3-icon-redo::before {
  content: "\e6c4";
}

.bp3-icon-refresh::before {
  content: "\e643";
}

.bp3-icon-regression-chart::before {
  content: "\e758";
}

.bp3-icon-remove::before {
  content: "\e63f";
}

.bp3-icon-remove-column::before {
  content: "\e755";
}

.bp3-icon-remove-column-left::before {
  content: "\e6fd";
}

.bp3-icon-remove-column-right::before {
  content: "\e6fe";
}

.bp3-icon-remove-row-bottom::before {
  content: "\e6fc";
}

.bp3-icon-remove-row-top::before {
  content: "\e6fb";
}

.bp3-icon-repeat::before {
  content: "\e692";
}

.bp3-icon-reset::before {
  content: "\e7d6";
}

.bp3-icon-resolve::before {
  content: "\e672";
}

.bp3-icon-rig::before {
  content: "\e740";
}

.bp3-icon-right-join::before {
  content: "\e7a5";
}

.bp3-icon-ring::before {
  content: "\e6f2";
}

.bp3-icon-rotate-document::before {
  content: "\e6e1";
}

.bp3-icon-rotate-page::before {
  content: "\e6e2";
}

.bp3-icon-satellite::before {
  content: "\e76b";
}

.bp3-icon-saved::before {
  content: "\e6b6";
}

.bp3-icon-scatter-plot::before {
  content: "\e73e";
}

.bp3-icon-search::before {
  content: "\e64b";
}

.bp3-icon-search-around::before {
  content: "\e608";
}

.bp3-icon-search-template::before {
  content: "\e628";
}

.bp3-icon-search-text::before {
  content: "\e663";
}

.bp3-icon-segmented-control::before {
  content: "\e6ec";
}

.bp3-icon-select::before {
  content: "\e616";
}

.bp3-icon-selection::before {
  content: "⦿";
}

.bp3-icon-send-to::before {
  content: "\e66e";
}

.bp3-icon-send-to-graph::before {
  content: "\e736";
}

.bp3-icon-send-to-map::before {
  content: "\e737";
}

.bp3-icon-series-add::before {
  content: "\e796";
}

.bp3-icon-series-configuration::before {
  content: "\e79a";
}

.bp3-icon-series-derived::before {
  content: "\e799";
}

.bp3-icon-series-filtered::before {
  content: "\e798";
}

.bp3-icon-series-search::before {
  content: "\e797";
}

.bp3-icon-settings::before {
  content: "\e6a2";
}

.bp3-icon-share::before {
  content: "\e62e";
}

.bp3-icon-shield::before {
  content: "\e7b2";
}

.bp3-icon-shop::before {
  content: "\e6c2";
}

.bp3-icon-shopping-cart::before {
  content: "\e6c1";
}

.bp3-icon-signal-search::before {
  content: "\e909";
}

.bp3-icon-sim-card::before {
  content: "\e718";
}

.bp3-icon-slash::before {
  content: "\e769";
}

.bp3-icon-small-cross::before {
  content: "\e6d7";
}

.bp3-icon-small-minus::before {
  content: "\e70e";
}

.bp3-icon-small-plus::before {
  content: "\e70d";
}

.bp3-icon-small-tick::before {
  content: "\e6d8";
}

.bp3-icon-snowflake::before {
  content: "\e7b6";
}

.bp3-icon-social-media::before {
  content: "\e671";
}

.bp3-icon-sort::before {
  content: "\e64f";
}

.bp3-icon-sort-alphabetical::before {
  content: "\e64d";
}

.bp3-icon-sort-alphabetical-desc::before {
  content: "\e6c8";
}

.bp3-icon-sort-asc::before {
  content: "\e6d5";
}

.bp3-icon-sort-desc::before {
  content: "\e6d6";
}

.bp3-icon-sort-numerical::before {
  content: "\e64e";
}

.bp3-icon-sort-numerical-desc::before {
  content: "\e6c9";
}

.bp3-icon-split-columns::before {
  content: "\e750";
}

.bp3-icon-square::before {
  content: "\e686";
}

.bp3-icon-stacked-chart::before {
  content: "\e6e7";
}

.bp3-icon-star::before {
  content: "★";
}

.bp3-icon-star-empty::before {
  content: "☆";
}

.bp3-icon-step-backward::before {
  content: "\e6a7";
}

.bp3-icon-step-chart::before {
  content: "\e70f";
}

.bp3-icon-step-forward::before {
  content: "\e6ad";
}

.bp3-icon-stop::before {
  content: "\e6aa";
}

.bp3-icon-stopwatch::before {
  content: "\e901";
}

.bp3-icon-strikethrough::before {
  content: "\e7a6";
}

.bp3-icon-style::before {
  content: "\e601";
}

.bp3-icon-swap-horizontal::before {
  content: "\e745";
}

.bp3-icon-swap-vertical::before {
  content: "\e744";
}

.bp3-icon-symbol-circle::before {
  content: "\e72e";
}

.bp3-icon-symbol-cross::before {
  content: "\e731";
}

.bp3-icon-symbol-diamond::before {
  content: "\e730";
}

.bp3-icon-symbol-square::before {
  content: "\e72f";
}

.bp3-icon-symbol-triangle-down::before {
  content: "\e733";
}

.bp3-icon-symbol-triangle-up::before {
  content: "\e732";
}

.bp3-icon-tag::before {
  content: "\e61c";
}

.bp3-icon-take-action::before {
  content: "\e6ca";
}

.bp3-icon-taxi::before {
  content: "\e79e";
}

.bp3-icon-text-highlight::before {
  content: "\e6dd";
}

.bp3-icon-th::before {
  content: "\e667";
}

.bp3-icon-th-derived::before {
  content: "\e669";
}

.bp3-icon-th-disconnect::before {
  content: "\e7d8";
}

.bp3-icon-th-filtered::before {
  content: "\e7c6";
}

.bp3-icon-th-list::before {
  content: "\e668";
}

.bp3-icon-thumbs-down::before {
  content: "\e6be";
}

.bp3-icon-thumbs-up::before {
  content: "\e6bd";
}

.bp3-icon-tick::before {
  content: "✓";
}

.bp3-icon-tick-circle::before {
  content: "\e779";
}

.bp3-icon-time::before {
  content: "⏲";
}

.bp3-icon-timeline-area-chart::before {
  content: "\e6cd";
}

.bp3-icon-timeline-bar-chart::before {
  content: "\e620";
}

.bp3-icon-timeline-events::before {
  content: "\e61e";
}

.bp3-icon-timeline-line-chart::before {
  content: "\e61f";
}

.bp3-icon-tint::before {
  content: "\e6b2";
}

.bp3-icon-torch::before {
  content: "\e677";
}

.bp3-icon-tractor::before {
  content: "\e90c";
}

.bp3-icon-train::before {
  content: "\e79f";
}

.bp3-icon-translate::before {
  content: "\e759";
}

.bp3-icon-trash::before {
  content: "\e63b";
}

.bp3-icon-tree::before {
  content: "\e7b7";
}

.bp3-icon-trending-down::before {
  content: "\e71a";
}

.bp3-icon-trending-up::before {
  content: "\e719";
}

.bp3-icon-truck::before {
  content: "\e90b";
}

.bp3-icon-two-columns::before {
  content: "\e657";
}

.bp3-icon-unarchive::before {
  content: "\e906";
}

.bp3-icon-underline::before {
  content: "⎁";
}

.bp3-icon-undo::before {
  content: "⎌";
}

.bp3-icon-ungroup-objects::before {
  content: "\e688";
}

.bp3-icon-unknown-vehicle::before {
  content: "\e73d";
}

.bp3-icon-unlock::before {
  content: "\e626";
}

.bp3-icon-unpin::before {
  content: "\e650";
}

.bp3-icon-unresolve::before {
  content: "\e679";
}

.bp3-icon-updated::before {
  content: "\e7a7";
}

.bp3-icon-upload::before {
  content: "\e68f";
}

.bp3-icon-user::before {
  content: "\e627";
}

.bp3-icon-variable::before {
  content: "\e6f5";
}

.bp3-icon-vertical-bar-chart-asc::before {
  content: "\e75b";
}

.bp3-icon-vertical-bar-chart-desc::before {
  content: "\e71c";
}

.bp3-icon-vertical-distribution::before {
  content: "\e721";
}

.bp3-icon-video::before {
  content: "\e6a0";
}

.bp3-icon-volume-down::before {
  content: "\e6a4";
}

.bp3-icon-volume-off::before {
  content: "\e6a3";
}

.bp3-icon-volume-up::before {
  content: "\e6a5";
}

.bp3-icon-walk::before {
  content: "\e79d";
}

.bp3-icon-warning-sign::before {
  content: "\e647";
}

.bp3-icon-waterfall-chart::before {
  content: "\e6e6";
}

.bp3-icon-widget::before {
  content: "\e678";
}

.bp3-icon-widget-button::before {
  content: "\e790";
}

.bp3-icon-widget-footer::before {
  content: "\e792";
}

.bp3-icon-widget-header::before {
  content: "\e791";
}

.bp3-icon-wrench::before {
  content: "\e734";
}

.bp3-icon-zoom-in::before {
  content: "\e641";
}

.bp3-icon-zoom-out::before {
  content: "\e642";
}

.bp3-icon-zoom-to-fit::before {
  content: "\e67b";
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
.bp3-submenu > .bp3-popover-wrapper {
  display: block;
}
.bp3-submenu .bp3-popover-target {
  display: block;
}
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
}
.bp3-submenu.bp3-popover {
  box-shadow: none;
  padding: 0 5px;
}
.bp3-submenu.bp3-popover > .bp3-popover-content {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-submenu.bp3-popover, .bp3-submenu.bp3-popover.bp3-dark {
  box-shadow: none;
}
.bp3-dark .bp3-submenu.bp3-popover > .bp3-popover-content, .bp3-submenu.bp3-popover.bp3-dark > .bp3-popover-content {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}

/*
Menus

Markup:
<ul class="bp3-menu {{.modifier}} bp3-elevation-1">
  <li>
    <a class="bp3-menu-item bp3-icon-people" tabindex="0">Share...</a>
  </li>
  <li>
    <a class="bp3-menu-item bp3-icon-circle-arrow-right" tabindex="0">Move...</a>
  </li>
  <li>
    <a class="bp3-menu-item bp3-icon-edit" tabindex="0">Rename</a>
  </li>
  <li class="bp3-menu-divider"></li>
  <li>
    <a class="bp3-menu-item bp3-icon-trash bp3-intent-danger" tabindex="0">Delete</a>
  </li>
</ul>

.bp3-large - Large size (only supported on <code>.bp3-menu</code>)

Styleguide menu
*/
.bp3-menu {
  background: #ffffff;
  border-radius: 3px;
  color: #666;
  list-style: none;
  margin: 0;
  min-width: 180px;
  padding: 5px;
  text-align: left;
}

.bp3-menu-divider {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
  display: block;
  margin: 5px;
}
.bp3-dark .bp3-menu-divider {
  border-top-color: rgba(255, 255, 255, 0.15);
}

.bp3-menu-item, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  display: flex;
  flex-direction: row;
}
.bp3-menu-item > *, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > * {
  flex-grow: 0;
  flex-shrink: 0;
}
.bp3-menu-item > .bp3-fill, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > .bp3-fill {
  flex-grow: 1;
  flex-shrink: 1;
}
.bp3-menu-item::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item::before,
.bp3-menu-item > *,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > * {
  margin-right: 7px;
}
.bp3-menu-item:empty::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item:empty::before,
.bp3-menu-item > :last-child,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > :last-child {
  margin-right: 0;
}
.bp3-menu-item, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  align-items: flex-start;
  border-radius: 2px;
  color: inherit;
  line-height: 20px;
  padding: 5px 7px;
  text-decoration: none;
  user-select: none;
}
.bp3-menu-item > .bp3-fill, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > .bp3-fill {
  word-break: break-word;
}
.bp3-menu-item:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  background-color: rgba(167, 182, 194, 0.3);
  cursor: pointer;
  text-decoration: none;
}
.bp3-menu-item.bp3-disabled, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item {
  background-color: inherit;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-dark .bp3-menu-item, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  color: inherit;
}
.bp3-dark .bp3-menu-item:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  background-color: rgba(138, 155, 168, 0.15);
  color: inherit;
}
.bp3-dark .bp3-menu-item.bp3-disabled, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item {
  background-color: inherit;
  color: rgba(167, 182, 194, 0.6);
}
.bp3-menu-item.bp3-intent-primary, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item {
  color: #106ba3;
}
.bp3-menu-item.bp3-intent-primary .bp3-icon, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item .bp3-icon {
  color: inherit;
}
.bp3-menu-item.bp3-intent-primary::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::before, .bp3-menu-item.bp3-intent-primary::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::after,
.bp3-menu-item.bp3-intent-primary .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item .bp3-menu-item-label {
  color: #106ba3;
}
.bp3-menu-item.bp3-intent-primary:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary, .bp3-menu-item.bp3-intent-primary.bp3-active {
  background-color: #137cbd;
}
.bp3-menu-item.bp3-intent-primary:active, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item:active {
  background-color: #106ba3;
}
.bp3-menu-item.bp3-intent-primary:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary, .bp3-menu-item.bp3-intent-primary:hover::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary::before, .bp3-menu-item.bp3-intent-primary:hover::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary::after,
.bp3-menu-item.bp3-intent-primary:hover .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary .bp3-menu-item-label, .bp3-menu-item.bp3-intent-primary:active, .bp3-menu-item.bp3-intent-primary:active::before, .bp3-menu-item.bp3-intent-primary:active::after,
.bp3-menu-item.bp3-intent-primary:active .bp3-menu-item-label, .bp3-menu-item.bp3-intent-primary.bp3-active, .bp3-menu-item.bp3-intent-primary.bp3-active::before, .bp3-menu-item.bp3-intent-primary.bp3-active::after,
.bp3-menu-item.bp3-intent-primary.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-menu-item.bp3-intent-success, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item {
  color: #0d8050;
}
.bp3-menu-item.bp3-intent-success .bp3-icon, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item .bp3-icon {
  color: inherit;
}
.bp3-menu-item.bp3-intent-success::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::before, .bp3-menu-item.bp3-intent-success::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::after,
.bp3-menu-item.bp3-intent-success .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item .bp3-menu-item-label {
  color: #0d8050;
}
.bp3-menu-item.bp3-intent-success:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success, .bp3-menu-item.bp3-intent-success.bp3-active {
  background-color: #0f9960;
}
.bp3-menu-item.bp3-intent-success:active, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item:active {
  background-color: #0d8050;
}
.bp3-menu-item.bp3-intent-success:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success, .bp3-menu-item.bp3-intent-success:hover::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success::before, .bp3-menu-item.bp3-intent-success:hover::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success::after,
.bp3-menu-item.bp3-intent-success:hover .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success .bp3-menu-item-label, .bp3-menu-item.bp3-intent-success:active, .bp3-menu-item.bp3-intent-success:active::before, .bp3-menu-item.bp3-intent-success:active::after,
.bp3-menu-item.bp3-intent-success:active .bp3-menu-item-label, .bp3-menu-item.bp3-intent-success.bp3-active, .bp3-menu-item.bp3-intent-success.bp3-active::before, .bp3-menu-item.bp3-intent-success.bp3-active::after,
.bp3-menu-item.bp3-intent-success.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-menu-item.bp3-intent-warning, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item {
  color: #bf7326;
}
.bp3-menu-item.bp3-intent-warning .bp3-icon, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item .bp3-icon {
  color: inherit;
}
.bp3-menu-item.bp3-intent-warning::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::before, .bp3-menu-item.bp3-intent-warning::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::after,
.bp3-menu-item.bp3-intent-warning .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item .bp3-menu-item-label {
  color: #bf7326;
}
.bp3-menu-item.bp3-intent-warning:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning, .bp3-menu-item.bp3-intent-warning.bp3-active {
  background-color: #d9822b;
}
.bp3-menu-item.bp3-intent-warning:active, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item:active {
  background-color: #bf7326;
}
.bp3-menu-item.bp3-intent-warning:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning, .bp3-menu-item.bp3-intent-warning:hover::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning::before, .bp3-menu-item.bp3-intent-warning:hover::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning::after,
.bp3-menu-item.bp3-intent-warning:hover .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning .bp3-menu-item-label, .bp3-menu-item.bp3-intent-warning:active, .bp3-menu-item.bp3-intent-warning:active::before, .bp3-menu-item.bp3-intent-warning:active::after,
.bp3-menu-item.bp3-intent-warning:active .bp3-menu-item-label, .bp3-menu-item.bp3-intent-warning.bp3-active, .bp3-menu-item.bp3-intent-warning.bp3-active::before, .bp3-menu-item.bp3-intent-warning.bp3-active::after,
.bp3-menu-item.bp3-intent-warning.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-menu-item.bp3-intent-danger, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item {
  color: #c23030;
}
.bp3-menu-item.bp3-intent-danger .bp3-icon, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item .bp3-icon {
  color: inherit;
}
.bp3-menu-item.bp3-intent-danger::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::before, .bp3-menu-item.bp3-intent-danger::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::after,
.bp3-menu-item.bp3-intent-danger .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item .bp3-menu-item-label {
  color: #c23030;
}
.bp3-menu-item.bp3-intent-danger:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger, .bp3-menu-item.bp3-intent-danger.bp3-active {
  background-color: #db3737;
}
.bp3-menu-item.bp3-intent-danger:active, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item:active {
  background-color: #c23030;
}
.bp3-menu-item.bp3-intent-danger:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger, .bp3-menu-item.bp3-intent-danger:hover::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger::before, .bp3-menu-item.bp3-intent-danger:hover::after, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger::after,
.bp3-menu-item.bp3-intent-danger:hover .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger .bp3-menu-item-label, .bp3-menu-item.bp3-intent-danger:active, .bp3-menu-item.bp3-intent-danger:active::before, .bp3-menu-item.bp3-intent-danger:active::after,
.bp3-menu-item.bp3-intent-danger:active .bp3-menu-item-label, .bp3-menu-item.bp3-intent-danger.bp3-active, .bp3-menu-item.bp3-intent-danger.bp3-active::before, .bp3-menu-item.bp3-intent-danger.bp3-active::after,
.bp3-menu-item.bp3-intent-danger.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-menu-item::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-right: 7px;
}
.bp3-menu-item::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item::before,
.bp3-menu-item > .bp3-icon,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > .bp3-icon {
  color: #5c7080;
  margin-top: 2px;
}
.bp3-menu-item .bp3-menu-item-label, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item .bp3-menu-item-label {
  color: #5c7080;
}
.bp3-menu-item:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  color: inherit;
}
.bp3-menu-item.bp3-active, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-active.bp3-menu-item, .bp3-menu-item:active, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item:active {
  background-color: rgba(115, 134, 148, 0.3);
}
.bp3-menu-item, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  /* stylelint-disable declaration-no-important */
}
.bp3-menu-item.bp3-disabled, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item {
  background-color: inherit !important;
  color: rgba(92, 112, 128, 0.6) !important;
  cursor: not-allowed !important;
  outline: none !important;
}
.bp3-menu-item.bp3-disabled::before, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item::before,
.bp3-menu-item.bp3-disabled > .bp3-icon,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item > .bp3-icon,
.bp3-menu-item.bp3-disabled .bp3-menu-item-label,
.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item .bp3-menu-item-label {
  color: rgba(92, 112, 128, 0.6) !important;
}
.bp3-menu-item, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  /* stylelint-enable declaration-no-important */
}
.bp3-large .bp3-menu-item, .bp3-large .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item, .bp3-submenu .bp3-large .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  font-size: 16px;
  line-height: 22px;
  padding: 9px 7px;
}
.bp3-large .bp3-menu-item .bp3-icon, .bp3-large .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item .bp3-icon, .bp3-submenu .bp3-large .bp3-popover-target.bp3-popover-open > .bp3-menu-item .bp3-icon {
  margin-top: 3px;
}
.bp3-large .bp3-menu-item::before, .bp3-large .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item::before, .bp3-submenu .bp3-large .bp3-popover-target.bp3-popover-open > .bp3-menu-item::before {
  font-family: "Icons20", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-right: 10px;
  margin-top: 1px;
}

button.bp3-menu-item, .bp3-submenu .bp3-popover-target.bp3-popover-open > button.bp3-menu-item {
  background: none;
  border: none;
  text-align: left;
  width: 100%;
}

/*
Menu headers

Markup:
<ul class="bp3-menu bp3-elevation-1">
  <li class="bp3-menu-header"><h6 class="bp3-heading">Layouts</h6></li>
  <li><button type="button" class="bp3-menu-item bp3-icon-layout-auto">Auto</button></li>
  <li><button type="button" class="bp3-menu-item bp3-icon-layout-circle">Circle</button></li>
  <li><button type="button" class="bp3-menu-item bp3-icon-layout-grid">Grid</button></li>
  <li class="bp3-menu-header"><h6 class="bp3-heading">Views</h6></li>
  <li><button type="button" class="bp3-menu-item bp3-icon-history">History</button></li>
  <li><button type="button" class="bp3-menu-item bp3-icon-star">Favorites</button></li>
  <li><button type="button" class="bp3-menu-item bp3-icon-envelope">Messages</button></li>
</ul>

Styleguide menu-header
*/
.bp3-menu-header {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
  display: block;
  margin: 5px;
}
.bp3-dark .bp3-menu-header {
  border-top-color: rgba(255, 255, 255, 0.15);
}
.bp3-menu-header {
  cursor: default;
  padding-left: 2px;
}
.bp3-menu-header:first-of-type {
  border-top: none;
}
.bp3-menu-header > h6 {
  color: #666;
  font-weight: 600;
}
.bp3-dark .bp3-menu-header > h6 {
  color: #f5f8fa;
}
.bp3-menu-header > h6 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  line-height: 17px;
  margin: 0;
  padding: 10px 7px 0 1px;
}
.bp3-menu-header:first-of-type > h6 {
  padding-top: 0;
}
.bp3-large .bp3-menu-header > h6 {
  font-size: 18px;
  padding-bottom: 5px;
  padding-top: 15px;
}
.bp3-large .bp3-menu-header:first-of-type > h6 {
  padding-top: 0;
}

.bp3-dark .bp3-menu {
  background: #333;
  color: #f5f8fa;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item {
  color: #48aff0;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary .bp3-icon {
  color: inherit;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::before, .bp3-dark .bp3-menu-item.bp3-intent-primary::after, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::after,
.bp3-dark .bp3-menu-item.bp3-intent-primary .bp3-menu-item-label {
  color: #48aff0;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary, .bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active {
  background-color: #137cbd;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary:active {
  background-color: #106ba3;
}
.bp3-dark .bp3-menu-item.bp3-intent-primary:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary, .bp3-dark .bp3-menu-item.bp3-intent-primary:hover::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary::before, .bp3-dark .bp3-menu-item.bp3-intent-primary:hover::after, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary::after,
.bp3-dark .bp3-menu-item.bp3-intent-primary:hover .bp3-menu-item-label,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary .bp3-menu-item-label,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-primary .bp3-menu-item-label, .bp3-dark .bp3-menu-item.bp3-intent-primary:active, .bp3-dark .bp3-menu-item.bp3-intent-primary:active::before, .bp3-dark .bp3-menu-item.bp3-intent-primary:active::after,
.bp3-dark .bp3-menu-item.bp3-intent-primary:active .bp3-menu-item-label, .bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active, .bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active::before, .bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active::after,
.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-dark .bp3-menu-item.bp3-intent-success, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item {
  color: #3dcc91;
}
.bp3-dark .bp3-menu-item.bp3-intent-success .bp3-icon {
  color: inherit;
}
.bp3-dark .bp3-menu-item.bp3-intent-success::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::before, .bp3-dark .bp3-menu-item.bp3-intent-success::after, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::after,
.bp3-dark .bp3-menu-item.bp3-intent-success .bp3-menu-item-label {
  color: #3dcc91;
}
.bp3-dark .bp3-menu-item.bp3-intent-success:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success, .bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active {
  background-color: #0f9960;
}
.bp3-dark .bp3-menu-item.bp3-intent-success:active {
  background-color: #0d8050;
}
.bp3-dark .bp3-menu-item.bp3-intent-success:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success, .bp3-dark .bp3-menu-item.bp3-intent-success:hover::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success::before, .bp3-dark .bp3-menu-item.bp3-intent-success:hover::after, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success::after,
.bp3-dark .bp3-menu-item.bp3-intent-success:hover .bp3-menu-item-label,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success .bp3-menu-item-label,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-success .bp3-menu-item-label, .bp3-dark .bp3-menu-item.bp3-intent-success:active, .bp3-dark .bp3-menu-item.bp3-intent-success:active::before, .bp3-dark .bp3-menu-item.bp3-intent-success:active::after,
.bp3-dark .bp3-menu-item.bp3-intent-success:active .bp3-menu-item-label, .bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active, .bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active::before, .bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active::after,
.bp3-dark .bp3-menu-item.bp3-intent-success.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item {
  color: #ffb366;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning .bp3-icon {
  color: inherit;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::before, .bp3-dark .bp3-menu-item.bp3-intent-warning::after, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::after,
.bp3-dark .bp3-menu-item.bp3-intent-warning .bp3-menu-item-label {
  color: #ffb366;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning, .bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active {
  background-color: #d9822b;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning:active {
  background-color: #bf7326;
}
.bp3-dark .bp3-menu-item.bp3-intent-warning:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning, .bp3-dark .bp3-menu-item.bp3-intent-warning:hover::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning::before, .bp3-dark .bp3-menu-item.bp3-intent-warning:hover::after, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning::after,
.bp3-dark .bp3-menu-item.bp3-intent-warning:hover .bp3-menu-item-label,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning .bp3-menu-item-label,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-warning .bp3-menu-item-label, .bp3-dark .bp3-menu-item.bp3-intent-warning:active, .bp3-dark .bp3-menu-item.bp3-intent-warning:active::before, .bp3-dark .bp3-menu-item.bp3-intent-warning:active::after,
.bp3-dark .bp3-menu-item.bp3-intent-warning:active .bp3-menu-item-label, .bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active, .bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active::before, .bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active::after,
.bp3-dark .bp3-menu-item.bp3-intent-warning.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item {
  color: #ff7373;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger .bp3-icon {
  color: inherit;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::before, .bp3-dark .bp3-menu-item.bp3-intent-danger::after, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::after,
.bp3-dark .bp3-menu-item.bp3-intent-danger .bp3-menu-item-label {
  color: #ff7373;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger, .bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active {
  background-color: #db3737;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger:active {
  background-color: #c23030;
}
.bp3-dark .bp3-menu-item.bp3-intent-danger:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger, .bp3-dark .bp3-menu-item.bp3-intent-danger:hover::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger::before, .bp3-dark .bp3-menu-item.bp3-intent-danger:hover::after, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger::after, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger::after,
.bp3-dark .bp3-menu-item.bp3-intent-danger:hover .bp3-menu-item-label,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger .bp3-menu-item-label,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item.bp3-intent-danger .bp3-menu-item-label, .bp3-dark .bp3-menu-item.bp3-intent-danger:active, .bp3-dark .bp3-menu-item.bp3-intent-danger:active::before, .bp3-dark .bp3-menu-item.bp3-intent-danger:active::after,
.bp3-dark .bp3-menu-item.bp3-intent-danger:active .bp3-menu-item-label, .bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active, .bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active::before, .bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active::after,
.bp3-dark .bp3-menu-item.bp3-intent-danger.bp3-active .bp3-menu-item-label {
  color: #ffffff;
}
.bp3-dark .bp3-menu-item::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item::before,
.bp3-dark .bp3-menu-item > .bp3-icon,
.bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > .bp3-icon,
.bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item > .bp3-icon {
  color: #a7b6c2;
}
.bp3-dark .bp3-menu-item .bp3-menu-item-label, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item .bp3-menu-item-label, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item .bp3-menu-item-label {
  color: #a7b6c2;
}
.bp3-dark .bp3-menu-item.bp3-active, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-active.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-active.bp3-menu-item, .bp3-dark .bp3-menu-item:active, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item:active, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item:active {
  background-color: rgba(138, 155, 168, 0.3);
}
.bp3-dark .bp3-menu-item, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  /* stylelint-disable declaration-no-important */
}
.bp3-dark .bp3-menu-item.bp3-disabled, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item {
  color: rgba(167, 182, 194, 0.6) !important;
}
.bp3-dark .bp3-menu-item.bp3-disabled::before, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item::before, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-disabled.bp3-menu-item::before,
.bp3-dark .bp3-menu-item.bp3-disabled > .bp3-icon,
.bp3-dark .bp3-menu-item.bp3-disabled .bp3-menu-item-label {
  color: rgba(167, 182, 194, 0.6) !important;
}
.bp3-dark .bp3-menu-item, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  /* stylelint-enable declaration-no-important */
}
.bp3-dark .bp3-menu-divider,
.bp3-dark .bp3-menu-header {
  border-color: rgba(255, 255, 255, 0.15);
}
.bp3-dark .bp3-menu-header > h6 {
  color: #f5f8fa;
}

.bp3-label .bp3-menu {
  margin-top: 5px;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Navbars

Markup:
<nav class="bp3-navbar {{.modifier}}">
  <div class="bp3-navbar-group bp3-align-left">
    <div class="bp3-navbar-heading">Blueprint</div>
    <input class="bp3-input" placeholder="Search files..." type="text" />
  </div>
  <div class="bp3-navbar-group bp3-align-right">
    <button class="bp3-button bp3-minimal bp3-icon-home">Home</button>
    <button class="bp3-button bp3-minimal bp3-icon-document">Files</button>
    <span class="bp3-navbar-divider"></span>
    <button class="bp3-button bp3-minimal bp3-icon-user"></button>
    <button class="bp3-button bp3-minimal bp3-icon-notifications"></button>
    <button class="bp3-button bp3-minimal bp3-icon-cog"></button>
  </div>
</nav>

.bp3-dark - Dark theme

Styleguide navbar
*/
.bp3-navbar {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2);
  height: 50px;
  padding: 0 15px;
  position: relative;
  width: 100%;
  z-index: 10;
}
.bp3-navbar.bp3-dark, .bp3-dark .bp3-navbar {
  background-color: #222;
}
.bp3-navbar.bp3-dark {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-navbar {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-navbar.bp3-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.bp3-navbar-heading {
  font-size: 16px;
  margin-right: 15px;
}

.bp3-navbar-group {
  align-items: center;
  display: flex;
  height: 50px;
}
.bp3-navbar-group.bp3-align-left {
  float: left;
}
.bp3-navbar-group.bp3-align-right {
  float: right;
}

.bp3-navbar-divider {
  border-left: 1px solid rgba(16, 22, 26, 0.15);
  height: 20px;
  margin: 0 10px;
}
.bp3-dark .bp3-navbar-divider {
  border-left-color: rgba(255, 255, 255, 0.15);
}

/*
Fixed width

Markup:
<nav class="bp3-navbar bp3-dark">
  <div style="margin: 0 auto; width: 480px;"> <!-- ADD ME -->
    <div class="bp3-navbar-group bp3-align-left">
      <div class="bp3-navbar-heading">Blueprint</div>
    </div>
    <div class="bp3-navbar-group bp3-align-right">
      <button class="bp3-button bp3-minimal bp3-icon-home">Home</button>
      <button class="bp3-button bp3-minimal bp3-icon-document">Files</button>
      <span class="bp3-navbar-divider"></span>
      <button class="bp3-button bp3-minimal bp3-icon-user"></button>
      <button class="bp3-button bp3-minimal bp3-icon-notifications"></button>
      <button class="bp3-button bp3-minimal bp3-icon-cog"></button>
    </div>
  </div>
</nav>

Styleguide navbar-container
*/
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Non-ideal state

Markup:
<div class="bp3-non-ideal-state">
  <div class="bp3-non-ideal-state-visual">
    <span class="bp3-icon bp3-icon-folder-open"></span>
  </div>
  <h4 class="bp3-heading">This folder is empty</h4>
  <div>Create a new file to populate the folder.</div>
  <button class="bp3-button bp3-intent-primary">Create</button>
</div>

Styleguide non-ideal-state
*/
.bp3-non-ideal-state {
  display: flex;
  flex-direction: column;
}
.bp3-non-ideal-state > * {
  flex-grow: 0;
  flex-shrink: 0;
}
.bp3-non-ideal-state > .bp3-fill {
  flex-grow: 1;
  flex-shrink: 1;
}
.bp3-non-ideal-state::before,
.bp3-non-ideal-state > * {
  margin-bottom: 20px;
}
.bp3-non-ideal-state:empty::before,
.bp3-non-ideal-state > :last-child {
  margin-bottom: 0;
}
.bp3-non-ideal-state {
  align-items: center;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.bp3-non-ideal-state > * {
  max-width: 400px;
}

.bp3-non-ideal-state-visual {
  color: rgba(92, 112, 128, 0.6);
  font-size: 60px;
}
.bp3-dark .bp3-non-ideal-state-visual {
  color: rgba(167, 182, 194, 0.6);
}

.bp3-overflow-list {
  display: flex;
  flex-wrap: nowrap;
  min-width: 0;
}

.bp3-overflow-list-spacer {
  flex-shrink: 1;
  width: 1px;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
body.bp3-overlay-open {
  overflow: hidden;
}

.bp3-overlay {
  bottom: 0;
  left: 0;
  position: static;
  right: 0;
  top: 0;
  z-index: 20;
}
.bp3-overlay:not(.bp3-overlay-open) {
  pointer-events: none;
}
.bp3-overlay.bp3-overlay-container {
  overflow: hidden;
  position: fixed;
}
.bp3-overlay.bp3-overlay-container.bp3-overlay-inline {
  position: absolute;
}
.bp3-overlay.bp3-overlay-scroll-container {
  overflow: auto;
  position: fixed;
}
.bp3-overlay.bp3-overlay-scroll-container.bp3-overlay-inline {
  position: absolute;
}
.bp3-overlay.bp3-overlay-inline {
  display: inline;
  overflow: visible;
}

.bp3-overlay-content {
  position: fixed;
  z-index: 20;
}
.bp3-overlay-inline .bp3-overlay-content, .bp3-overlay-scroll-container .bp3-overlay-content {
  position: absolute;
}

.bp3-overlay-backdrop {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  opacity: 1;
}
.bp3-overlay-backdrop.bp3-overlay-enter, .bp3-overlay-backdrop.bp3-overlay-appear {
  opacity: 0;
}
.bp3-overlay-backdrop.bp3-overlay-enter-active, .bp3-overlay-backdrop.bp3-overlay-appear-active {
  opacity: 1;
  transition-delay: 0;
  transition-duration: 200ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-overlay-backdrop.bp3-overlay-exit {
  opacity: 1;
}
.bp3-overlay-backdrop.bp3-overlay-exit-active {
  opacity: 0;
  transition-delay: 0;
  transition-duration: 200ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-overlay-backdrop {
  background-color: rgba(16, 22, 26, 0.7);
  overflow: auto;
  user-select: none;
  z-index: 20;
}
.bp3-overlay-backdrop:focus {
  outline: none;
}
.bp3-overlay-inline .bp3-overlay-backdrop {
  position: absolute;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
.bp3-panel-stack {
  overflow: hidden;
  position: relative;
}

.bp3-panel-stack-header {
  align-items: center;
  box-shadow: 0 1px rgba(16, 22, 26, 0.15);
  display: flex;
  flex-shrink: 0;
  height: 30px;
  z-index: 1;
}
.bp3-dark .bp3-panel-stack-header {
  box-shadow: 0 1px rgba(255, 255, 255, 0.15);
}
.bp3-panel-stack-header > span {
  align-items: stretch;
  display: flex;
  flex: 1;
}
.bp3-panel-stack-header .bp3-heading {
  margin: 0 5px;
}

.bp3-button.bp3-panel-stack-header-back {
  margin-left: 5px;
  padding-left: 0;
  white-space: nowrap;
}
.bp3-button.bp3-panel-stack-header-back .bp3-icon {
  margin: 0 2px;
}

.bp3-panel-stack-view {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ffffff;
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  display: flex;
  flex-direction: column;
  margin-right: -1px;
  overflow-y: auto;
  z-index: 1;
}
.bp3-dark .bp3-panel-stack-view {
  background-color: #333;
}
.bp3-panel-stack-view:nth-last-child(n+4) {
  display: none;
}

.bp3-panel-stack-push .bp3-panel-stack-enter, .bp3-panel-stack-push .bp3-panel-stack-appear {
  transform: translateX(100%);
  opacity: 0;
}
.bp3-panel-stack-push .bp3-panel-stack-enter-active, .bp3-panel-stack-push .bp3-panel-stack-appear-active {
  transform: translate(0%);
  opacity: 1;
  transition-delay: 0;
  transition-duration: 400ms;
  transition-property: transform, opacity;
  transition-timing-function: ease;
}
.bp3-panel-stack-push .bp3-panel-stack-exit {
  transform: translate(0%);
  opacity: 1;
}
.bp3-panel-stack-push .bp3-panel-stack-exit-active {
  transform: translateX(-50%);
  opacity: 0;
  transition-delay: 0;
  transition-duration: 400ms;
  transition-property: transform, opacity;
  transition-timing-function: ease;
}

.bp3-panel-stack-pop .bp3-panel-stack-enter, .bp3-panel-stack-pop .bp3-panel-stack-appear {
  transform: translateX(-50%);
  opacity: 0;
}
.bp3-panel-stack-pop .bp3-panel-stack-enter-active, .bp3-panel-stack-pop .bp3-panel-stack-appear-active {
  transform: translate(0%);
  opacity: 1;
  transition-delay: 0;
  transition-duration: 400ms;
  transition-property: transform, opacity;
  transition-timing-function: ease;
}
.bp3-panel-stack-pop .bp3-panel-stack-exit {
  transform: translate(0%);
  opacity: 1;
}
.bp3-panel-stack-pop .bp3-panel-stack-exit-active {
  transform: translateX(100%);
  opacity: 0;
  transition-delay: 0;
  transition-duration: 400ms;
  transition-property: transform, opacity;
  transition-timing-function: ease;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
.bp3-panel-stack2 {
  overflow: hidden;
  position: relative;
}

.bp3-panel-stack2-header {
  align-items: center;
  box-shadow: 0 1px rgba(16, 22, 26, 0.15);
  display: flex;
  flex-shrink: 0;
  height: 30px;
  z-index: 1;
}
.bp3-dark .bp3-panel-stack2-header {
  box-shadow: 0 1px rgba(255, 255, 255, 0.15);
}
.bp3-panel-stack2-header > span {
  align-items: stretch;
  display: flex;
  flex: 1;
}
.bp3-panel-stack2-header .bp3-heading {
  margin: 0 5px;
}

.bp3-button.bp3-panel-stack2-header-back {
  margin-left: 5px;
  padding-left: 0;
  white-space: nowrap;
}
.bp3-button.bp3-panel-stack2-header-back .bp3-icon {
  margin: 0 2px;
}

.bp3-panel-stack2-view {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ffffff;
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  display: flex;
  flex-direction: column;
  margin-right: -1px;
  overflow-y: auto;
  z-index: 1;
}
.bp3-dark .bp3-panel-stack2-view {
  background-color: #333;
}
.bp3-panel-stack2-view:nth-last-child(n+4) {
  display: none;
}

.bp3-panel-stack2-push .bp3-panel-stack2-enter, .bp3-panel-stack2-push .bp3-panel-stack2-appear {
  transform: translateX(100%);
  opacity: 0;
}
.bp3-panel-stack2-push .bp3-panel-stack2-enter-active, .bp3-panel-stack2-push .bp3-panel-stack2-appear-active {
  transform: translate(0%);
  opacity: 1;
  transition-delay: 0;
  transition-duration: 400ms;
  transition-property: transform, opacity;
  transition-timing-function: ease;
}
.bp3-panel-stack2-push .bp3-panel-stack2-exit {
  transform: translate(0%);
  opacity: 1;
}
.bp3-panel-stack2-push .bp3-panel-stack2-exit-active {
  transform: translateX(-50%);
  opacity: 0;
  transition-delay: 0;
  transition-duration: 400ms;
  transition-property: transform, opacity;
  transition-timing-function: ease;
}

.bp3-panel-stack2-pop .bp3-panel-stack2-enter, .bp3-panel-stack2-pop .bp3-panel-stack2-appear {
  transform: translateX(-50%);
  opacity: 0;
}
.bp3-panel-stack2-pop .bp3-panel-stack2-enter-active, .bp3-panel-stack2-pop .bp3-panel-stack2-appear-active {
  transform: translate(0%);
  opacity: 1;
  transition-delay: 0;
  transition-duration: 400ms;
  transition-property: transform, opacity;
  transition-timing-function: ease;
}
.bp3-panel-stack2-pop .bp3-panel-stack2-exit {
  transform: translate(0%);
  opacity: 1;
}
.bp3-panel-stack2-pop .bp3-panel-stack2-exit-active {
  transform: translateX(100%);
  opacity: 0;
  transition-delay: 0;
  transition-duration: 400ms;
  transition-property: transform, opacity;
  transition-timing-function: ease;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
.bp3-popover .bp3-popover-arrow {
  height: 30px;
  position: absolute;
  width: 30px;
}
.bp3-popover .bp3-popover-arrow::before {
  height: 20px;
  margin: 5px;
  width: 20px;
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-popover {
  margin-bottom: 17px;
  margin-top: -17px;
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-popover > .bp3-popover-arrow {
  bottom: -11px;
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-popover > .bp3-popover-arrow svg {
  transform: rotate(-90deg);
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-popover {
  margin-left: 17px;
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-popover > .bp3-popover-arrow {
  left: -11px;
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-popover > .bp3-popover-arrow svg {
  transform: rotate(0);
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-popover {
  margin-top: 17px;
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-popover > .bp3-popover-arrow {
  top: -11px;
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-popover > .bp3-popover-arrow svg {
  transform: rotate(90deg);
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-popover {
  margin-left: -17px;
  margin-right: 17px;
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-popover > .bp3-popover-arrow {
  right: -11px;
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-popover > .bp3-popover-arrow svg {
  transform: rotate(180deg);
}
.bp3-tether-element-attached-middle > .bp3-popover > .bp3-popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.bp3-tether-element-attached-center > .bp3-popover > .bp3-popover-arrow {
  right: 50%;
  transform: translateX(50%);
}
.bp3-popover {
  /* stylelint-disable-next-line max-line-length */
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-top > .bp3-popover > .bp3-popover-arrow {
  top: -0.3933982644px;
}
.bp3-popover {
  /* stylelint-disable-next-line max-line-length */
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-right > .bp3-popover > .bp3-popover-arrow {
  right: -0.3933982644px;
}
.bp3-popover {
  /* stylelint-disable-next-line max-line-length */
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-left > .bp3-popover > .bp3-popover-arrow {
  left: -0.3933982644px;
}
.bp3-popover {
  /* stylelint-disable-next-line max-line-length */
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-bottom > .bp3-popover > .bp3-popover-arrow {
  bottom: -0.3933982644px;
}
.bp3-tether-element-attached-top.bp3-tether-element-attached-left > .bp3-popover {
  transform-origin: top left;
}
.bp3-tether-element-attached-top.bp3-tether-element-attached-center > .bp3-popover {
  transform-origin: top center;
}
.bp3-tether-element-attached-top.bp3-tether-element-attached-right > .bp3-popover {
  transform-origin: top right;
}
.bp3-tether-element-attached-middle.bp3-tether-element-attached-left > .bp3-popover {
  transform-origin: center left;
}
.bp3-tether-element-attached-middle.bp3-tether-element-attached-center > .bp3-popover {
  transform-origin: center center;
}
.bp3-tether-element-attached-middle.bp3-tether-element-attached-right > .bp3-popover {
  transform-origin: center right;
}
.bp3-tether-element-attached-bottom.bp3-tether-element-attached-left > .bp3-popover {
  transform-origin: bottom left;
}
.bp3-tether-element-attached-bottom.bp3-tether-element-attached-center > .bp3-popover {
  transform-origin: bottom center;
}
.bp3-tether-element-attached-bottom.bp3-tether-element-attached-right > .bp3-popover {
  transform-origin: bottom right;
}
.bp3-popover {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}
.bp3-popover .bp3-popover-content {
  background: #ffffff;
}
.bp3-popover .bp3-popover-content,
.bp3-popover .bp3-heading {
  color: inherit;
}
.bp3-popover .bp3-popover-arrow::before {
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2);
}
.bp3-popover .bp3-popover-arrow-border {
  fill: #10161a;
  fill-opacity: 0.1;
}
.bp3-popover .bp3-popover-arrow-fill {
  fill: #ffffff;
}
.bp3-popover {
  transform: scale(1);
}
.bp3-popover-enter > .bp3-popover, .bp3-popover-appear > .bp3-popover {
  transform: scale(0.3);
}
.bp3-popover-enter-active > .bp3-popover, .bp3-popover-appear-active > .bp3-popover {
  transform: scale(1);
  transition-delay: 0;
  transition-duration: 300ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
}
.bp3-popover-exit > .bp3-popover {
  transform: scale(1);
}
.bp3-popover-exit-active > .bp3-popover {
  transform: scale(0.3);
  transition-delay: 0;
  transition-duration: 300ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
}
.bp3-popover {
  border-radius: 3px;
  display: inline-block;
  z-index: 20;
}
.bp3-popover .bp3-popover-content {
  border-radius: 3px;
  position: relative;
}
.bp3-popover.bp3-popover-content-sizing .bp3-popover-content {
  max-width: 350px;
  padding: 20px;
}
.bp3-popover-target + .bp3-overlay .bp3-popover.bp3-popover-content-sizing {
  width: 350px;
}
.bp3-popover.bp3-minimal {
  margin: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.bp3-popover.bp3-minimal .bp3-popover-arrow {
  display: none;
}
.bp3-popover.bp3-minimal.bp3-popover {
  transform: scale(1);
}
.bp3-popover-enter > .bp3-popover.bp3-minimal.bp3-popover, .bp3-popover-appear > .bp3-popover.bp3-minimal.bp3-popover {
  transform: scale(1);
}
.bp3-popover-enter-active > .bp3-popover.bp3-minimal.bp3-popover, .bp3-popover-appear-active > .bp3-popover.bp3-minimal.bp3-popover {
  transform: scale(1);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-popover-exit > .bp3-popover.bp3-minimal.bp3-popover {
  transform: scale(1);
}
.bp3-popover-exit-active > .bp3-popover.bp3-minimal.bp3-popover {
  transform: scale(1);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-popover.bp3-dark, .bp3-dark .bp3-popover {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}
.bp3-popover.bp3-dark .bp3-popover-content, .bp3-dark .bp3-popover .bp3-popover-content {
  background: #333;
}
.bp3-popover.bp3-dark .bp3-popover-content,
.bp3-popover.bp3-dark .bp3-heading, .bp3-dark .bp3-popover .bp3-popover-content,
.bp3-dark .bp3-popover .bp3-heading {
  color: inherit;
}
.bp3-popover.bp3-dark .bp3-popover-arrow::before, .bp3-dark .bp3-popover .bp3-popover-arrow::before {
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
}
.bp3-popover.bp3-dark .bp3-popover-arrow-border, .bp3-dark .bp3-popover .bp3-popover-arrow-border {
  fill: #10161a;
  fill-opacity: 0.2;
}
.bp3-popover.bp3-dark .bp3-popover-arrow-fill, .bp3-dark .bp3-popover .bp3-popover-arrow-fill {
  fill: #333;
}

.bp3-popover-arrow::before {
  border-radius: 2px;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
}

.bp3-tether-pinned .bp3-popover-arrow {
  display: none;
}

.bp3-popover-backdrop {
  background: rgba(255, 255, 255, 0);
}

.bp3-transition-container {
  opacity: 1;
}
.bp3-transition-container.bp3-popover-enter, .bp3-transition-container.bp3-popover-appear {
  opacity: 0;
}
.bp3-transition-container.bp3-popover-enter-active, .bp3-transition-container.bp3-popover-appear-active {
  opacity: 1;
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-transition-container.bp3-popover-exit {
  opacity: 1;
}
.bp3-transition-container.bp3-popover-exit-active {
  opacity: 0;
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-transition-container {
  display: flex;
  z-index: 20;
}
.bp3-transition-container:focus {
  outline: none;
}
.bp3-transition-container.bp3-popover-leave .bp3-popover-content {
  pointer-events: none;
}
.bp3-transition-container[data-x-out-of-boundaries] {
  display: none;
}

span.bp3-popover-target {
  display: inline-block;
}

.bp3-popover-wrapper.bp3-fill {
  width: 100%;
}

.bp3-portal {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Progress bars

Markup:
<div class="bp3-progress-bar {{.modifier}}">
  <div class="bp3-progress-meter" style="width: 25%"></div>
</div>
<div class="bp3-progress-bar bp3-intent-primary {{.modifier}}">
  <div class="bp3-progress-meter" style="width: 50%"></div>
</div>
<div class="bp3-progress-bar bp3-intent-success {{.modifier}}">
  <div class="bp3-progress-meter" style="width: 75%"></div>
</div>
<div class="bp3-progress-bar bp3-intent-danger {{.modifier}}">
  <div class="bp3-progress-meter" style="width: 100%"></div>
</div>

.bp3-no-stripes   - No stripes
.bp3-no-animation - No animation

Styleguide progress-bar
*/
@keyframes linear-progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
.bp3-progress-bar {
  background: rgba(92, 112, 128, 0.2);
  border-radius: 40px;
  display: block;
  height: 8px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.bp3-progress-bar .bp3-progress-meter {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%);
  background-color: rgba(92, 112, 128, 0.8);
  background-size: 30px 30px;
  border-radius: 40px;
  height: 100%;
  position: absolute;
  transition: width 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
  width: 100%;
}
.bp3-progress-bar:not(.bp3-no-animation):not(.bp3-no-stripes) .bp3-progress-meter {
  animation: linear-progress-bar-stripes 300ms linear infinite reverse;
}
.bp3-progress-bar.bp3-no-stripes .bp3-progress-meter {
  background-image: none;
}

.bp3-dark .bp3-progress-bar {
  background: rgba(16, 22, 26, 0.5);
}
.bp3-dark .bp3-progress-bar .bp3-progress-meter {
  background-color: #8a9ba8;
}

.bp3-progress-bar.bp3-intent-primary .bp3-progress-meter {
  background-color: #137cbd;
}

.bp3-progress-bar.bp3-intent-success .bp3-progress-meter {
  background-color: #0f9960;
}

.bp3-progress-bar.bp3-intent-warning .bp3-progress-meter {
  background-color: #d9822b;
}

.bp3-progress-bar.bp3-intent-danger .bp3-progress-meter {
  background-color: #db3737;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Skeletons

Markup:
<div class="bp3-card">
  <h5 class="bp3-heading"><a class="{{.modifier}}" href="#" tabindex="-1">Card heading</a></h5>
  <p class="{{.modifier}}">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget tortor felis.
    Fusce dapibus metus in dapibus mollis. Quisque eget ex diam.
  </p>
  <button type="button" class="bp3-button bp3-icon-add {{.modifier}}" tabindex="-1">Submit</button>
</div>

.bp3-skeleton - Render this element as a skeleton, an outline of its true self.

Styleguide skeleton
*/
@keyframes skeleton-glow {
  from {
    background: rgba(206, 217, 224, 0.2);
    border-color: rgba(206, 217, 224, 0.2);
  }
  to {
    background: rgba(92, 112, 128, 0.2);
    border-color: rgba(92, 112, 128, 0.2);
  }
}
/* stylelint-disable declaration-no-important */
.bp3-skeleton {
  animation: 1000ms linear infinite alternate skeleton-glow;
  background: rgba(206, 217, 224, 0.2);
  background-clip: padding-box !important;
  border-color: rgba(206, 217, 224, 0.2) !important;
  border-radius: 2px;
  box-shadow: none !important;
  color: transparent !important;
  cursor: default;
  pointer-events: none;
  user-select: none;
}
.bp3-skeleton::before, .bp3-skeleton::after,
.bp3-skeleton * {
  visibility: hidden !important;
}

/* stylelint-enable declaration-no-important */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
.bp3-slider {
  height: 40px;
  min-width: 150px;
  width: 100%;
  cursor: default;
  outline: none;
  position: relative;
  user-select: none;
}
.bp3-slider:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-slider.bp3-menu-item {
  cursor: pointer;
}
.bp3-slider:active {
  cursor: grabbing;
}
.bp3-slider.bp3-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bp3-slider.bp3-slider-unlabeled {
  height: 16px;
}

.bp3-slider-track,
.bp3-slider-progress {
  height: 6px;
  left: 0;
  right: 0;
  top: 5px;
  position: absolute;
}

.bp3-slider-track {
  border-radius: 3px;
  overflow: hidden;
}

.bp3-slider-progress {
  background: rgba(92, 112, 128, 0.2);
}
.bp3-dark .bp3-slider-progress {
  background: rgba(16, 22, 26, 0.5);
}
.bp3-slider-progress.bp3-intent-primary {
  background-color: #137cbd;
}
.bp3-slider-progress.bp3-intent-success {
  background-color: #0f9960;
}
.bp3-slider-progress.bp3-intent-warning {
  background-color: #d9822b;
}
.bp3-slider-progress.bp3-intent-danger {
  background-color: #db3737;
}

.bp3-slider-handle {
  background-color: #f5f8fa;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #666;
}
.bp3-slider-handle:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-slider-handle.bp3-menu-item {
  background-clip: padding-box;
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}
.bp3-slider-handle:active, .bp3-slider-handle.bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-slider-handle:disabled, .bp3-slider-handle.bp3-disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
  outline: none;
}
.bp3-slider-handle:disabled.bp3-active, .bp3-slider-handle:disabled.bp3-active:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-slider-handle.bp3-menu-item:disabled.bp3-active, .bp3-slider-handle.bp3-disabled.bp3-active, .bp3-slider-handle.bp3-disabled.bp3-active:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-slider-handle.bp3-disabled.bp3-active.bp3-menu-item {
  background: rgba(206, 217, 224, 0.7);
}
.bp3-slider-handle {
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  cursor: pointer;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
.bp3-slider-handle:focus {
  z-index: 1;
}
.bp3-slider-handle:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-slider-handle.bp3-menu-item {
  background-clip: padding-box;
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  cursor: grab;
  z-index: 2;
}
.bp3-slider-handle.bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 1px rgba(16, 22, 26, 0.1);
  cursor: grabbing;
}
.bp3-disabled .bp3-slider-handle {
  background: #bfccd6;
  box-shadow: none;
  pointer-events: none;
}
.bp3-dark .bp3-slider-handle {
  background-color: #222;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #f5f8fa;
}
.bp3-dark .bp3-slider-handle:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-slider-handle.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-slider-handle.bp3-menu-item, .bp3-dark .bp3-slider-handle:active, .bp3-dark .bp3-slider-handle.bp3-active {
  color: #f5f8fa;
}
.bp3-dark .bp3-slider-handle:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-slider-handle.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-slider-handle.bp3-menu-item {
  background-color: #333;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-slider-handle:active, .bp3-dark .bp3-slider-handle.bp3-active {
  background-color: #555;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-slider-handle:disabled, .bp3-dark .bp3-slider-handle.bp3-disabled {
  background-color: rgba(34, 34, 34, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-slider-handle:disabled.bp3-active, .bp3-dark .bp3-slider-handle.bp3-disabled.bp3-active {
  background: rgba(34, 34, 34, 0.7);
}
.bp3-dark .bp3-slider-handle .bp3-button-spinner .bp3-spinner-head {
  background: rgba(16, 22, 26, 0.5);
  stroke: #8a9ba8;
}
.bp3-dark .bp3-slider-handle, .bp3-dark .bp3-slider-handle:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-slider-handle.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-slider-handle.bp3-menu-item {
  background-color: #222;
}
.bp3-dark .bp3-slider-handle.bp3-active {
  background-color: #444;
}
.bp3-dark .bp3-disabled .bp3-slider-handle {
  background: #5c7080;
  border-color: #5c7080;
  box-shadow: none;
}
.bp3-slider-handle .bp3-slider-label {
  background: #222;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  color: #f5f8fa;
  margin-left: 8px;
}
.bp3-dark .bp3-slider-handle .bp3-slider-label {
  background: #e1e8ed;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  color: #222;
}
.bp3-disabled .bp3-slider-handle .bp3-slider-label {
  box-shadow: none;
}
.bp3-slider-handle.bp3-start, .bp3-slider-handle.bp3-end {
  width: 8px;
}
.bp3-slider-handle.bp3-start {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.bp3-slider-handle.bp3-end {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 8px;
}
.bp3-slider-handle.bp3-end .bp3-slider-label {
  margin-left: 0;
}

.bp3-slider-label {
  transform: translate(-50%, 20px);
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 2px 5px;
  position: absolute;
  vertical-align: top;
}

.bp3-slider.bp3-vertical {
  height: 150px;
  min-width: 40px;
  width: 40px;
}
.bp3-slider.bp3-vertical .bp3-slider-track,
.bp3-slider.bp3-vertical .bp3-slider-progress {
  bottom: 0;
  height: auto;
  left: 5px;
  top: 0;
  width: 6px;
}
.bp3-slider.bp3-vertical .bp3-slider-progress {
  top: auto;
}
.bp3-slider.bp3-vertical .bp3-slider-label {
  transform: translate(20px, 50%);
}
.bp3-slider.bp3-vertical .bp3-slider-handle {
  top: auto;
}
.bp3-slider.bp3-vertical .bp3-slider-handle .bp3-slider-label {
  margin-left: 0;
  margin-top: -8px;
}
.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-end, .bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start {
  height: 8px;
  margin-left: 0;
  width: 16px;
}
.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start {
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
}
.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start .bp3-slider-label {
  transform: translate(20px);
}
.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-end {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  margin-bottom: 8px;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
@keyframes pt-spinner-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bp3-spinner {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: visible;
  vertical-align: middle;
}
.bp3-spinner svg {
  display: block;
}
.bp3-spinner path {
  fill-opacity: 0;
}
.bp3-spinner .bp3-spinner-head {
  stroke: rgba(92, 112, 128, 0.8);
  stroke-linecap: round;
  transform-origin: center;
  transition: stroke-dashoffset 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-spinner .bp3-spinner-track {
  stroke: rgba(92, 112, 128, 0.2);
}

.bp3-spinner-animation {
  animation: pt-spinner-animation 500ms linear infinite;
}
.bp3-no-spin > .bp3-spinner-animation {
  animation: none;
}

.bp3-dark .bp3-spinner .bp3-spinner-head {
  stroke: #8a9ba8;
}
.bp3-dark .bp3-spinner .bp3-spinner-track {
  stroke: rgba(16, 22, 26, 0.5);
}

.bp3-spinner.bp3-intent-primary .bp3-spinner-head {
  stroke: #137cbd;
}

.bp3-spinner.bp3-intent-success .bp3-spinner-head {
  stroke: #0f9960;
}

.bp3-spinner.bp3-intent-warning .bp3-spinner-head {
  stroke: #d9822b;
}

.bp3-spinner.bp3-intent-danger .bp3-spinner-head {
  stroke: #db3737;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Tabs

Markup:
<div class="bp3-tabs">
    <ul class="bp3-tab-list {{.modifier}}" role="tablist">
        <li class="bp3-tab" role="tab" aria-selected="true">Selected tab</li>
        <li class="bp3-tab" role="tab">Another tab</li>
        <li class="bp3-tab" role="tab" aria-disabled="true">Disabled tab</li>
    </ul>
    <div class="bp3-tab-panel" role="tabpanel">Selected panel</div>
    <div class="bp3-tab-panel" role="tabpanel" aria-hidden="true">Another panel</div>
    <div class="bp3-tab-panel" role="tabpanel" aria-hidden="true">Disabled panel</div>
</div>

.bp3-large - Large tabs

Styleguide tabs
*/
.bp3-tabs.bp3-vertical {
  display: flex;
}
.bp3-tabs.bp3-vertical > .bp3-tab-list {
  align-items: flex-start;
  flex-direction: column;
}
.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab {
  border-radius: 3px;
  padding: 0 10px;
  width: 100%;
}
.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab[aria-selected=true] {
  background-color: rgba(19, 124, 189, 0.2);
  box-shadow: none;
}
.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab-indicator-wrapper .bp3-tab-indicator {
  background-color: rgba(19, 124, 189, 0.2);
  border-radius: 3px;
  bottom: 0;
  height: auto;
  left: 0;
  right: 0;
  top: 0;
}
.bp3-tabs.bp3-vertical > .bp3-tab-panel {
  margin-top: 0;
  padding-left: 20px;
}

.bp3-tab-list {
  align-items: flex-end;
  border: none;
  display: flex;
  flex: 0 0 auto;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  /* stylelint-disable-next-line selector-no-universal */
}
.bp3-tab-list > *:not(:last-child) {
  margin-right: 20px;
}

.bp3-tab {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: #666;
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 30px;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.bp3-tab a {
  color: inherit;
  display: block;
  text-decoration: none;
}
.bp3-tab-indicator-wrapper ~ .bp3-tab {
  /* stylelint-disable declaration-no-important */
  background-color: transparent !important;
  box-shadow: none !important;
  /* stylelint-enable declaration-no-important */
}
.bp3-tab[aria-disabled=true] {
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-tab[aria-selected=true] {
  border-radius: 0;
  box-shadow: inset 0 -3px 0 #106ba3;
}
.bp3-tab[aria-selected=true], .bp3-tab:not([aria-disabled=true]):hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tab.bp3-menu-item:not([aria-disabled=true]) {
  color: #106ba3;
}
.bp3-tab:focus {
  -moz-outline-radius: 0;
}
.bp3-large > .bp3-tab {
  font-size: 16px;
  line-height: 40px;
}

.bp3-tab-panel {
  margin-top: 20px;
}
.bp3-tab-panel[aria-hidden=true] {
  display: none;
}

.bp3-tab-indicator-wrapper {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(0), translateY(0);
  transition: height, transform, width;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-tab-indicator-wrapper .bp3-tab-indicator {
  background-color: #106ba3;
  bottom: 0;
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
}
.bp3-tab-indicator-wrapper.bp3-no-animation {
  transition: none;
}

.bp3-dark .bp3-tab {
  color: #f5f8fa;
}
.bp3-dark .bp3-tab[aria-disabled=true] {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-tab[aria-selected=true] {
  box-shadow: inset 0 -3px 0 #48aff0;
}
.bp3-dark .bp3-tab[aria-selected=true], .bp3-dark .bp3-tab:not([aria-disabled=true]):hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tab.bp3-menu-item:not([aria-disabled=true]), .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-tab.bp3-menu-item:not([aria-disabled=true]) {
  color: #48aff0;
}
.bp3-dark .bp3-tab-indicator {
  background-color: #48aff0;
}

.bp3-flex-expander {
  flex: 1 1;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
Tags

Markup:
<span class="bp3-tag {{.modifier}}">125</span>
<span class="bp3-tag {{.modifier}}">Done</span>
<span class="bp3-tag {{.modifier}}">
  Tracking
  <button class="bp3-tag-remove"></button>
</span>
<span class="bp3-tag {{.modifier}}">
  Crushed
  <button class="bp3-tag-remove"></button>
</span>
<span class="bp3-tag {{.modifier}}">
  A rather long string of text that wraps to multiple lines
  demonstrates the position of the remove button.
  <button class="bp3-tag-remove"></button>
</span>

.bp3-large - Large
.bp3-minimal - Minimal appearance
.bp3-round - Rounded corners, ideal for badges
.bp3-interactive - Hover and active effects
.bp3-intent-primary - Primary intent
.bp3-intent-success - Success intent
.bp3-intent-warning - Warning intent
.bp3-intent-danger  - Danger intent

Styleguide tag
*/
.bp3-tag.bp3-interactive {
  cursor: pointer;
}
.bp3-tag.bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-interactive.bp3-menu-item {
  background-color: rgba(92, 112, 128, 0.85);
}
.bp3-tag.bp3-interactive.bp3-active, .bp3-tag.bp3-interactive:active {
  background-color: rgba(92, 112, 128, 0.7);
}
.bp3-tag {
  display: inline-flex;
  flex-direction: row;
}
.bp3-tag > * {
  flex-grow: 0;
  flex-shrink: 0;
}
.bp3-tag > .bp3-fill {
  flex-grow: 1;
  flex-shrink: 1;
}
.bp3-tag::before,
.bp3-tag > * {
  margin-right: 4px;
}
.bp3-tag:empty::before,
.bp3-tag > :last-child {
  margin-right: 0;
}
.bp3-tag {
  align-items: center;
  background-color: #5c7080;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  color: #f5f8fa;
  font-size: 12px;
  line-height: 16px;
  max-width: 100%;
  min-height: 20px;
  min-width: 20px;
  padding: 2px 6px;
  position: relative;
}
.bp3-tag:focus {
  outline: rgba(19, 124, 189, 0.6) auto 2px;
  outline-offset: 0;
  -moz-outline-radius: 6px;
}
.bp3-tag.bp3-round {
  border-radius: 30px;
  padding-left: 8px;
  padding-right: 8px;
}
.bp3-dark .bp3-tag.bp3-interactive {
  cursor: pointer;
}
.bp3-dark .bp3-tag.bp3-interactive:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-interactive.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-interactive.bp3-menu-item {
  background-color: rgba(191, 204, 214, 0.85);
}
.bp3-dark .bp3-tag.bp3-interactive.bp3-active, .bp3-dark .bp3-tag.bp3-interactive:active {
  background-color: rgba(191, 204, 214, 0.7);
}
.bp3-dark .bp3-tag {
  background-color: #bfccd6;
  color: #666;
}
.bp3-dark .bp3-tag > .bp3-icon, .bp3-dark .bp3-tag .bp3-icon-standard, .bp3-dark .bp3-tag .bp3-icon-large {
  fill: currentColor;
}
.bp3-tag > .bp3-icon, .bp3-tag .bp3-icon-standard, .bp3-tag .bp3-icon-large {
  fill: #ffffff;
}
.bp3-tag.bp3-large::before,
.bp3-tag.bp3-large > *, .bp3-large .bp3-tag::before,
.bp3-large .bp3-tag > * {
  margin-right: 7px;
}
.bp3-tag.bp3-large:empty::before,
.bp3-tag.bp3-large > :last-child, .bp3-large .bp3-tag:empty::before,
.bp3-large .bp3-tag > :last-child {
  margin-right: 0;
}
.bp3-tag.bp3-large, .bp3-large .bp3-tag {
  font-size: 14px;
  line-height: 20px;
  min-height: 30px;
  min-width: 30px;
  padding: 5px 10px;
}
.bp3-tag.bp3-large.bp3-round, .bp3-large .bp3-tag.bp3-round {
  padding-left: 12px;
  padding-right: 12px;
}
.bp3-tag.bp3-intent-primary.bp3-interactive {
  cursor: pointer;
}
.bp3-tag.bp3-intent-primary.bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-intent-primary.bp3-interactive.bp3-menu-item {
  background-color: rgba(19, 124, 189, 0.85);
}
.bp3-tag.bp3-intent-primary.bp3-interactive.bp3-active, .bp3-tag.bp3-intent-primary.bp3-interactive:active {
  background-color: rgba(19, 124, 189, 0.7);
}
.bp3-tag.bp3-intent-primary {
  background: #137cbd;
  color: #ffffff;
}
.bp3-tag.bp3-intent-success.bp3-interactive {
  cursor: pointer;
}
.bp3-tag.bp3-intent-success.bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-intent-success.bp3-interactive.bp3-menu-item {
  background-color: rgba(15, 153, 96, 0.85);
}
.bp3-tag.bp3-intent-success.bp3-interactive.bp3-active, .bp3-tag.bp3-intent-success.bp3-interactive:active {
  background-color: rgba(15, 153, 96, 0.7);
}
.bp3-tag.bp3-intent-success {
  background: #0f9960;
  color: #ffffff;
}
.bp3-tag.bp3-intent-warning.bp3-interactive {
  cursor: pointer;
}
.bp3-tag.bp3-intent-warning.bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-intent-warning.bp3-interactive.bp3-menu-item {
  background-color: rgba(217, 130, 43, 0.85);
}
.bp3-tag.bp3-intent-warning.bp3-interactive.bp3-active, .bp3-tag.bp3-intent-warning.bp3-interactive:active {
  background-color: rgba(217, 130, 43, 0.7);
}
.bp3-tag.bp3-intent-warning {
  background: #d9822b;
  color: #ffffff;
}
.bp3-tag.bp3-intent-danger.bp3-interactive {
  cursor: pointer;
}
.bp3-tag.bp3-intent-danger.bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-intent-danger.bp3-interactive.bp3-menu-item {
  background-color: rgba(219, 55, 55, 0.85);
}
.bp3-tag.bp3-intent-danger.bp3-interactive.bp3-active, .bp3-tag.bp3-intent-danger.bp3-interactive:active {
  background-color: rgba(219, 55, 55, 0.7);
}
.bp3-tag.bp3-intent-danger {
  background: #db3737;
  color: #ffffff;
}
.bp3-tag.bp3-fill {
  display: flex;
  width: 100%;
}
.bp3-tag.bp3-minimal > .bp3-icon, .bp3-tag.bp3-minimal .bp3-icon-standard, .bp3-tag.bp3-minimal .bp3-icon-large {
  fill: #5c7080;
}
.bp3-tag.bp3-minimal:not([class*=bp3-intent-]).bp3-interactive {
  cursor: pointer;
}
.bp3-tag.bp3-minimal:not([class*=bp3-intent-]).bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-menu-item:not([class*=bp3-intent-]).bp3-interactive {
  background-color: rgba(92, 112, 128, 0.3);
}
.bp3-tag.bp3-minimal:not([class*=bp3-intent-]).bp3-interactive.bp3-active, .bp3-tag.bp3-minimal:not([class*=bp3-intent-]).bp3-interactive:active {
  background-color: rgba(92, 112, 128, 0.4);
}
.bp3-tag.bp3-minimal:not([class*=bp3-intent-]) {
  background-color: rgba(138, 155, 168, 0.2);
  color: #666;
}
.bp3-dark .bp3-tag.bp3-minimal:not([class*=bp3-intent-]).bp3-interactive {
  cursor: pointer;
}
.bp3-dark .bp3-tag.bp3-minimal:not([class*=bp3-intent-]).bp3-interactive:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-menu-item:not([class*=bp3-intent-]).bp3-interactive, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-menu-item:not([class*=bp3-intent-]).bp3-interactive {
  background-color: rgba(191, 204, 214, 0.3);
}
.bp3-dark .bp3-tag.bp3-minimal:not([class*=bp3-intent-]).bp3-interactive.bp3-active, .bp3-dark .bp3-tag.bp3-minimal:not([class*=bp3-intent-]).bp3-interactive:active {
  background-color: rgba(191, 204, 214, 0.4);
}
.bp3-dark .bp3-tag.bp3-minimal:not([class*=bp3-intent-]) {
  color: #f5f8fa;
}
.bp3-dark .bp3-tag.bp3-minimal:not([class*=bp3-intent-]) > .bp3-icon, .bp3-dark .bp3-tag.bp3-minimal:not([class*=bp3-intent-]) .bp3-icon-standard, .bp3-dark .bp3-tag.bp3-minimal:not([class*=bp3-intent-]) .bp3-icon-large {
  fill: #a7b6c2;
}
.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive {
  cursor: pointer;
}
.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive.bp3-menu-item {
  background-color: rgba(19, 124, 189, 0.25);
}
.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive.bp3-active, .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive:active {
  background-color: rgba(19, 124, 189, 0.35);
}
.bp3-tag.bp3-minimal.bp3-intent-primary {
  background-color: rgba(19, 124, 189, 0.15);
  color: #106ba3;
}
.bp3-tag.bp3-minimal.bp3-intent-primary > .bp3-icon, .bp3-tag.bp3-minimal.bp3-intent-primary .bp3-icon-standard, .bp3-tag.bp3-minimal.bp3-intent-primary .bp3-icon-large {
  fill: #137cbd;
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive {
  cursor: pointer;
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive.bp3-menu-item {
  background-color: rgba(19, 124, 189, 0.35);
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive.bp3-active, .bp3-dark .bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive:active {
  background-color: rgba(19, 124, 189, 0.45);
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-primary {
  background-color: rgba(19, 124, 189, 0.25);
  color: #48aff0;
}
.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive {
  cursor: pointer;
}
.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive.bp3-menu-item {
  background-color: rgba(15, 153, 96, 0.25);
}
.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive.bp3-active, .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive:active {
  background-color: rgba(15, 153, 96, 0.35);
}
.bp3-tag.bp3-minimal.bp3-intent-success {
  background-color: rgba(15, 153, 96, 0.15);
  color: #0d8050;
}
.bp3-tag.bp3-minimal.bp3-intent-success > .bp3-icon, .bp3-tag.bp3-minimal.bp3-intent-success .bp3-icon-standard, .bp3-tag.bp3-minimal.bp3-intent-success .bp3-icon-large {
  fill: #0f9960;
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive {
  cursor: pointer;
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive.bp3-menu-item {
  background-color: rgba(15, 153, 96, 0.35);
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive.bp3-active, .bp3-dark .bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive:active {
  background-color: rgba(15, 153, 96, 0.45);
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-success {
  background-color: rgba(15, 153, 96, 0.25);
  color: #3dcc91;
}
.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive {
  cursor: pointer;
}
.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive.bp3-menu-item {
  background-color: rgba(217, 130, 43, 0.25);
}
.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive.bp3-active, .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive:active {
  background-color: rgba(217, 130, 43, 0.35);
}
.bp3-tag.bp3-minimal.bp3-intent-warning {
  background-color: rgba(217, 130, 43, 0.15);
  color: #bf7326;
}
.bp3-tag.bp3-minimal.bp3-intent-warning > .bp3-icon, .bp3-tag.bp3-minimal.bp3-intent-warning .bp3-icon-standard, .bp3-tag.bp3-minimal.bp3-intent-warning .bp3-icon-large {
  fill: #d9822b;
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive {
  cursor: pointer;
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive.bp3-menu-item {
  background-color: rgba(217, 130, 43, 0.35);
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive.bp3-active, .bp3-dark .bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive:active {
  background-color: rgba(217, 130, 43, 0.45);
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-warning {
  background-color: rgba(217, 130, 43, 0.25);
  color: #ffb366;
}
.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive {
  cursor: pointer;
}
.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive.bp3-menu-item {
  background-color: rgba(219, 55, 55, 0.25);
}
.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive.bp3-active, .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive:active {
  background-color: rgba(219, 55, 55, 0.35);
}
.bp3-tag.bp3-minimal.bp3-intent-danger {
  background-color: rgba(219, 55, 55, 0.15);
  color: #c23030;
}
.bp3-tag.bp3-minimal.bp3-intent-danger > .bp3-icon, .bp3-tag.bp3-minimal.bp3-intent-danger .bp3-icon-standard, .bp3-tag.bp3-minimal.bp3-intent-danger .bp3-icon-large {
  fill: #db3737;
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive {
  cursor: pointer;
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive.bp3-menu-item {
  background-color: rgba(219, 55, 55, 0.35);
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive.bp3-active, .bp3-dark .bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive:active {
  background-color: rgba(219, 55, 55, 0.45);
}
.bp3-dark .bp3-tag.bp3-minimal.bp3-intent-danger {
  background-color: rgba(219, 55, 55, 0.25);
  color: #ff7373;
}

.bp3-tag-remove {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  margin-bottom: -2px;
  /* stylelint-disable-next-line declaration-no-important */
  margin-right: -6px !important;
  margin-top: -2px;
  opacity: 0.5;
  padding: 2px;
  padding-left: 0;
}
.bp3-tag-remove:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tag-remove.bp3-menu-item {
  background: none;
  opacity: 0.8;
  text-decoration: none;
}
.bp3-tag-remove:active {
  opacity: 1;
}
.bp3-tag-remove:empty::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\e6d7";
}
.bp3-large .bp3-tag-remove {
  /* stylelint-disable-next-line declaration-no-important */
  margin-right: -10px !important;
  padding: 0 5px 0 0;
}
.bp3-large .bp3-tag-remove:empty::before {
  font-family: "Icons20", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
.bp3-tag-input {
  display: flex;
  flex-direction: row;
}
.bp3-tag-input > * {
  flex-grow: 0;
  flex-shrink: 0;
}
.bp3-tag-input > .bp3-tag-input-values {
  flex-grow: 1;
  flex-shrink: 1;
}
.bp3-tag-input {
  align-items: flex-start;
  cursor: text;
  height: auto;
  line-height: inherit;
  min-height: 30px;
  padding-left: 5px;
  padding-right: 0;
}
.bp3-tag-input .bp3-tag-input-icon {
  color: #5c7080;
  margin-left: 2px;
  margin-right: 7px;
  margin-top: 7px;
}
.bp3-tag-input .bp3-tag-input-values {
  display: flex;
  flex-direction: row;
}
.bp3-tag-input .bp3-tag-input-values > * {
  flex-grow: 0;
  flex-shrink: 0;
}
.bp3-tag-input .bp3-tag-input-values > .bp3-fill {
  flex-grow: 1;
  flex-shrink: 1;
}
.bp3-tag-input .bp3-tag-input-values::before,
.bp3-tag-input .bp3-tag-input-values > * {
  margin-right: 5px;
}
.bp3-tag-input .bp3-tag-input-values:empty::before,
.bp3-tag-input .bp3-tag-input-values > :last-child {
  margin-right: 0;
}
.bp3-tag-input .bp3-tag-input-values {
  align-items: center;
  align-self: stretch;
  flex-wrap: wrap;
  margin-right: 7px;
  margin-top: 5px;
  min-width: 0;
}
.bp3-tag-input .bp3-tag-input-values:first-child .bp3-input-ghost:first-child {
  padding-left: 5px;
}
.bp3-tag-input .bp3-tag-input-values > * {
  margin-bottom: 5px;
}
.bp3-tag-input .bp3-tag {
  overflow-wrap: break-word;
}
.bp3-tag-input .bp3-tag.bp3-active {
  outline: rgba(19, 124, 189, 0.6) auto 2px;
  outline-offset: 0;
  -moz-outline-radius: 6px;
}
.bp3-tag-input .bp3-input-ghost {
  flex: 1 1 auto;
  line-height: 20px;
  width: 80px;
}
.bp3-tag-input .bp3-input-ghost:disabled, .bp3-tag-input .bp3-input-ghost.bp3-disabled {
  cursor: not-allowed;
}
.bp3-tag-input .bp3-button,
.bp3-tag-input .bp3-spinner {
  margin: 3px;
  margin-left: 0;
}
.bp3-tag-input .bp3-button {
  min-height: 24px;
  min-width: 24px;
  padding: 0 7px;
}
.bp3-tag-input.bp3-large::before,
.bp3-tag-input.bp3-large > * {
  margin-right: 10px;
}
.bp3-tag-input.bp3-large:empty::before,
.bp3-tag-input.bp3-large > :last-child {
  margin-right: 0;
}
.bp3-tag-input.bp3-large {
  height: auto;
  min-height: 40px;
}
.bp3-tag-input.bp3-large .bp3-tag-input-icon {
  margin-left: 5px;
  margin-top: 10px;
}
.bp3-tag-input.bp3-large .bp3-input-ghost {
  line-height: 30px;
}
.bp3-tag-input.bp3-large .bp3-button {
  min-height: 30px;
  min-width: 30px;
  padding: 5px 10px;
  margin: 5px;
  margin-left: 0;
}
.bp3-tag-input.bp3-large .bp3-spinner {
  margin: 8px;
  margin-left: 0;
}
.bp3-tag-input.bp3-active {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-tag-input.bp3-active.bp3-intent-primary {
  box-shadow: 0 0 0 1px #106ba3, 0 0 0 3px rgba(16, 107, 163, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-tag-input.bp3-active.bp3-intent-success {
  box-shadow: 0 0 0 1px #0d8050, 0 0 0 3px rgba(13, 128, 80, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-tag-input.bp3-active.bp3-intent-warning {
  box-shadow: 0 0 0 1px #bf7326, 0 0 0 3px rgba(191, 115, 38, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-tag-input.bp3-active.bp3-intent-danger {
  box-shadow: 0 0 0 1px #c23030, 0 0 0 3px rgba(194, 48, 48, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-dark .bp3-tag-input .bp3-tag-input-icon, .bp3-tag-input.bp3-dark .bp3-tag-input-icon {
  color: #a7b6c2;
}
.bp3-dark .bp3-tag-input .bp3-input-ghost::placeholder, .bp3-tag-input.bp3-dark .bp3-input-ghost::placeholder {
  color: rgba(167, 182, 194, 0.6);
}
.bp3-dark .bp3-tag-input .bp3-input-ghost, .bp3-tag-input.bp3-dark .bp3-input-ghost {
  color: #f5f8fa;
}
.bp3-dark .bp3-tag-input.bp3-active, .bp3-tag-input.bp3-dark.bp3-active {
  background-color: rgba(16, 22, 26, 0.3);
  box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-tag-input.bp3-active.bp3-intent-primary, .bp3-tag-input.bp3-dark.bp3-active.bp3-intent-primary {
  box-shadow: 0 0 0 1px #106ba3, 0 0 0 3px rgba(16, 107, 163, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-tag-input.bp3-active.bp3-intent-success, .bp3-tag-input.bp3-dark.bp3-active.bp3-intent-success {
  box-shadow: 0 0 0 1px #0d8050, 0 0 0 3px rgba(13, 128, 80, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-tag-input.bp3-active.bp3-intent-warning, .bp3-tag-input.bp3-dark.bp3-active.bp3-intent-warning {
  box-shadow: 0 0 0 1px #bf7326, 0 0 0 3px rgba(191, 115, 38, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}
.bp3-dark .bp3-tag-input.bp3-active.bp3-intent-danger, .bp3-tag-input.bp3-dark.bp3-active.bp3-intent-danger {
  box-shadow: 0 0 0 1px #c23030, 0 0 0 3px rgba(194, 48, 48, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

.bp3-input-ghost::placeholder {
  color: rgba(92, 112, 128, 0.6);
  opacity: 1;
}
.bp3-input-ghost {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}
.bp3-input-ghost:focus {
  /* stylelint-disable-next-line declaration-no-important */
  outline: none !important;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
.bp3-toast.bp3-toast-enter, .bp3-toast.bp3-toast-appear {
  transform: translateY(-40px);
}
.bp3-toast.bp3-toast-enter-active, .bp3-toast.bp3-toast-appear-active {
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 300ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
}
.bp3-toast.bp3-toast-enter ~ .bp3-toast, .bp3-toast.bp3-toast-appear ~ .bp3-toast {
  transform: translateY(-40px);
}
.bp3-toast.bp3-toast-enter-active ~ .bp3-toast, .bp3-toast.bp3-toast-appear-active ~ .bp3-toast {
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 300ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
}
.bp3-toast.bp3-toast-exit {
  opacity: 1;
  filter: blur(0);
}
.bp3-toast.bp3-toast-exit-active {
  opacity: 0;
  filter: blur(10px);
  transition-delay: 0;
  transition-duration: 300ms;
  transition-property: opacity, filter;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-toast.bp3-toast-exit ~ .bp3-toast {
  transform: translateY(0);
}
.bp3-toast.bp3-toast-exit-active ~ .bp3-toast {
  transform: translateY(-40px);
  transition-delay: 50ms;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-toast {
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  display: flex;
  margin: 20px 0 0;
  max-width: 500px;
  min-width: 300px;
  pointer-events: all;
  /* stylelint-disable-next-line declaration-no-important */
  position: relative !important;
}
.bp3-toast .bp3-button-group {
  flex: 0 0 auto;
  padding: 5px;
  padding-left: 0;
}
.bp3-toast > .bp3-icon {
  color: #5c7080;
  margin: 12px;
  margin-right: 0;
}
.bp3-toast.bp3-dark, .bp3-dark .bp3-toast {
  background-color: #222;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}
.bp3-toast.bp3-dark > .bp3-icon, .bp3-dark .bp3-toast > .bp3-icon {
  color: #a7b6c2;
}
.bp3-toast[class*=bp3-intent-] a {
  color: rgba(255, 255, 255, 0.7);
}
.bp3-toast[class*=bp3-intent-] a:hover, .bp3-toast[class*=bp3-intent-] .bp3-submenu .bp3-popover-target.bp3-popover-open > a.bp3-menu-item, .bp3-submenu .bp3-toast[class*=bp3-intent-] .bp3-popover-target.bp3-popover-open > a.bp3-menu-item {
  color: #ffffff;
}
.bp3-toast[class*=bp3-intent-] > .bp3-icon {
  color: #ffffff;
}
.bp3-toast {
  /* stylelint-disable declaration-no-important */
}
.bp3-toast[class*=bp3-intent-] .bp3-button, .bp3-toast[class*=bp3-intent-] .bp3-button::before,
.bp3-toast[class*=bp3-intent-] .bp3-button .bp3-icon, .bp3-toast[class*=bp3-intent-] .bp3-button:active {
  color: rgba(255, 255, 255, 0.7) !important;
}
.bp3-toast[class*=bp3-intent-] .bp3-button:focus {
  outline-color: rgba(255, 255, 255, 0.5);
}
.bp3-toast[class*=bp3-intent-] .bp3-button:hover, .bp3-toast[class*=bp3-intent-] .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item, .bp3-submenu .bp3-toast[class*=bp3-intent-] .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}
.bp3-toast[class*=bp3-intent-] .bp3-button:active {
  background-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}
.bp3-toast[class*=bp3-intent-] .bp3-button::after {
  background: rgba(255, 255, 255, 0.3) !important;
}
.bp3-toast {
  /* stylelint-enable declaration-no-important */
}
.bp3-toast.bp3-intent-primary {
  background-color: #137cbd;
  color: #ffffff;
}
.bp3-toast.bp3-intent-success {
  background-color: #0f9960;
  color: #ffffff;
}
.bp3-toast.bp3-intent-warning {
  background-color: #d9822b;
  color: #ffffff;
}
.bp3-toast.bp3-intent-danger {
  background-color: #db3737;
  color: #ffffff;
}

.bp3-toast-message {
  flex: 1 1 auto;
  padding: 11px;
  word-break: break-word;
}

.bp3-toast-container {
  align-items: center;
  /* stylelint-disable-next-line declaration-no-important */
  display: flex !important;
  flex-direction: column;
  left: 0;
  overflow: hidden;
  padding: 0 20px 20px;
  pointer-events: none;
  right: 0;
  z-index: 40;
}
.bp3-toast-container.bp3-toast-container-in-portal {
  position: fixed;
}
.bp3-toast-container.bp3-toast-container-inline {
  position: absolute;
}
.bp3-toast-container.bp3-toast-container-top {
  top: 0;
}
.bp3-toast-container.bp3-toast-container-bottom {
  bottom: 0;
  flex-direction: column-reverse;
  top: auto;
}
.bp3-toast-container.bp3-toast-container-left {
  align-items: flex-start;
}
.bp3-toast-container.bp3-toast-container-right {
  align-items: flex-end;
}

.bp3-toast-container-bottom .bp3-toast.bp3-toast-enter:not(.bp3-toast-enter-active), .bp3-toast-container-bottom .bp3-toast.bp3-toast-enter:not(.bp3-toast-enter-active) ~ .bp3-toast, .bp3-toast-container-bottom .bp3-toast.bp3-toast-appear:not(.bp3-toast-appear-active), .bp3-toast-container-bottom .bp3-toast.bp3-toast-appear:not(.bp3-toast-appear-active) ~ .bp3-toast, .bp3-toast-container-bottom .bp3-toast.bp3-toast-exit-active ~ .bp3-toast, .bp3-toast-container-bottom .bp3-toast.bp3-toast-leave-active ~ .bp3-toast {
  transform: translateY(60px);
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
.bp3-tooltip .bp3-popover-arrow {
  height: 22px;
  position: absolute;
  width: 22px;
}
.bp3-tooltip .bp3-popover-arrow::before {
  height: 14px;
  margin: 4px;
  width: 14px;
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-tooltip {
  margin-bottom: 11px;
  margin-top: -11px;
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-tooltip > .bp3-popover-arrow {
  bottom: -8px;
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-tooltip > .bp3-popover-arrow svg {
  transform: rotate(-90deg);
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-tooltip {
  margin-left: 11px;
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-tooltip > .bp3-popover-arrow {
  left: -8px;
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-tooltip > .bp3-popover-arrow svg {
  transform: rotate(0);
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-tooltip {
  margin-top: 11px;
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-tooltip > .bp3-popover-arrow {
  top: -8px;
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-tooltip > .bp3-popover-arrow svg {
  transform: rotate(90deg);
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-tooltip {
  margin-left: -11px;
  margin-right: 11px;
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-tooltip > .bp3-popover-arrow {
  right: -8px;
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-tooltip > .bp3-popover-arrow svg {
  transform: rotate(180deg);
}
.bp3-tether-element-attached-middle > .bp3-tooltip > .bp3-popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.bp3-tether-element-attached-center > .bp3-tooltip > .bp3-popover-arrow {
  right: 50%;
  transform: translateX(50%);
}
.bp3-tooltip {
  /* stylelint-disable-next-line max-line-length */
}
.bp3-tether-element-attached-top.bp3-tether-target-attached-top > .bp3-tooltip > .bp3-popover-arrow {
  top: -0.2218253939px;
}
.bp3-tooltip {
  /* stylelint-disable-next-line max-line-length */
}
.bp3-tether-element-attached-right.bp3-tether-target-attached-right > .bp3-tooltip > .bp3-popover-arrow {
  right: -0.2218253939px;
}
.bp3-tooltip {
  /* stylelint-disable-next-line max-line-length */
}
.bp3-tether-element-attached-left.bp3-tether-target-attached-left > .bp3-tooltip > .bp3-popover-arrow {
  left: -0.2218253939px;
}
.bp3-tooltip {
  /* stylelint-disable-next-line max-line-length */
}
.bp3-tether-element-attached-bottom.bp3-tether-target-attached-bottom > .bp3-tooltip > .bp3-popover-arrow {
  bottom: -0.2218253939px;
}
.bp3-tether-element-attached-top.bp3-tether-element-attached-left > .bp3-tooltip {
  transform-origin: top left;
}
.bp3-tether-element-attached-top.bp3-tether-element-attached-center > .bp3-tooltip {
  transform-origin: top center;
}
.bp3-tether-element-attached-top.bp3-tether-element-attached-right > .bp3-tooltip {
  transform-origin: top right;
}
.bp3-tether-element-attached-middle.bp3-tether-element-attached-left > .bp3-tooltip {
  transform-origin: center left;
}
.bp3-tether-element-attached-middle.bp3-tether-element-attached-center > .bp3-tooltip {
  transform-origin: center center;
}
.bp3-tether-element-attached-middle.bp3-tether-element-attached-right > .bp3-tooltip {
  transform-origin: center right;
}
.bp3-tether-element-attached-bottom.bp3-tether-element-attached-left > .bp3-tooltip {
  transform-origin: bottom left;
}
.bp3-tether-element-attached-bottom.bp3-tether-element-attached-center > .bp3-tooltip {
  transform-origin: bottom center;
}
.bp3-tether-element-attached-bottom.bp3-tether-element-attached-right > .bp3-tooltip {
  transform-origin: bottom right;
}
.bp3-tooltip {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}
.bp3-tooltip .bp3-popover-content {
  background: #222;
}
.bp3-tooltip .bp3-popover-content,
.bp3-tooltip .bp3-heading {
  color: #f5f8fa;
}
.bp3-tooltip .bp3-popover-arrow::before {
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2);
}
.bp3-tooltip .bp3-popover-arrow-border {
  fill: #10161a;
  fill-opacity: 0.1;
}
.bp3-tooltip .bp3-popover-arrow-fill {
  fill: #222;
}
.bp3-tooltip {
  transform: scale(1);
}
.bp3-popover-enter > .bp3-tooltip, .bp3-popover-appear > .bp3-tooltip {
  transform: scale(0.8);
}
.bp3-popover-enter-active > .bp3-tooltip, .bp3-popover-appear-active > .bp3-tooltip {
  transform: scale(1);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-popover-exit > .bp3-tooltip {
  transform: scale(1);
}
.bp3-popover-exit-active > .bp3-tooltip {
  transform: scale(0.8);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-tooltip .bp3-popover-content {
  padding: 10px 12px;
}
.bp3-tooltip.bp3-dark, .bp3-dark .bp3-tooltip {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}
.bp3-tooltip.bp3-dark .bp3-popover-content, .bp3-dark .bp3-tooltip .bp3-popover-content {
  background: #e1e8ed;
}
.bp3-tooltip.bp3-dark .bp3-popover-content,
.bp3-tooltip.bp3-dark .bp3-heading, .bp3-dark .bp3-tooltip .bp3-popover-content,
.bp3-dark .bp3-tooltip .bp3-heading {
  color: #222;
}
.bp3-tooltip.bp3-dark .bp3-popover-arrow::before, .bp3-dark .bp3-tooltip .bp3-popover-arrow::before {
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
}
.bp3-tooltip.bp3-dark .bp3-popover-arrow-border, .bp3-dark .bp3-tooltip .bp3-popover-arrow-border {
  fill: #10161a;
  fill-opacity: 0.2;
}
.bp3-tooltip.bp3-dark .bp3-popover-arrow-fill, .bp3-dark .bp3-tooltip .bp3-popover-arrow-fill {
  fill: #e1e8ed;
}
.bp3-tooltip.bp3-intent-primary .bp3-popover-content {
  background: #137cbd;
  color: #ffffff;
}
.bp3-tooltip.bp3-intent-primary .bp3-popover-arrow-fill {
  fill: #137cbd;
}
.bp3-tooltip.bp3-intent-success .bp3-popover-content {
  background: #0f9960;
  color: #ffffff;
}
.bp3-tooltip.bp3-intent-success .bp3-popover-arrow-fill {
  fill: #0f9960;
}
.bp3-tooltip.bp3-intent-warning .bp3-popover-content {
  background: #d9822b;
  color: #ffffff;
}
.bp3-tooltip.bp3-intent-warning .bp3-popover-arrow-fill {
  fill: #d9822b;
}
.bp3-tooltip.bp3-intent-danger .bp3-popover-content {
  background: #db3737;
  color: #ffffff;
}
.bp3-tooltip.bp3-intent-danger .bp3-popover-arrow-fill {
  fill: #db3737;
}

.bp3-tooltip-indicator {
  border-bottom: dotted 1px;
  cursor: help;
}

/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/* stylelint-disable @blueprintjs/no-color-literal */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
/*
Trees

Markup:
<div class="bp3-tree bp3-elevation-0">
  <ul class="bp3-tree-node-list bp3-tree-root">
    <li class="bp3-tree-node bp3-tree-node-expanded">
      <div class="bp3-tree-node-content">
        <span class="bp3-tree-node-caret bp3-tree-node-caret-open bp3-icon-standard"></span>
        <span class="bp3-tree-node-icon bp3-icon-standard bp3-icon-folder-close"></span>
        <span class="bp3-tree-node-label">Label</span>
        <span class="bp3-tree-node-secondary-label">Secondary label</span>
      </div>
      <ul class="bp3-tree-node-list">
        <li class="bp3-tree-node">
          <div class="bp3-tree-node-content">
            <span class="bp3-tree-node-caret-none bp3-icon-standard"></span>
            <span class="bp3-tree-node-icon bp3-icon-standard bp3-icon-document"></span>
          <span class="bp3-tree-node-label">A Document</span>
          </div>
        </li>
        <li class="bp3-tree-node">
          <div class="bp3-tree-node-content">
            <span class="bp3-tree-node-caret-none bp3-icon-standard"></span>
            <span class="bp3-tree-node-icon bp3-icon-standard bp3-icon-document"></span>
            <span class="bp3-tree-node-label">Another Document</span>
          </div>
        </li>
      </ul>
    </li>
  </ul>
</div>

Styleguide tree
*/
.bp3-tree .bp3-icon, .bp3-tree .bp3-icon-standard, .bp3-tree .bp3-icon-large {
  color: #5c7080;
}
.bp3-tree .bp3-icon.bp3-intent-primary, .bp3-tree .bp3-icon-standard.bp3-intent-primary, .bp3-tree .bp3-icon-large.bp3-intent-primary {
  color: #137cbd;
}
.bp3-tree .bp3-icon.bp3-intent-success, .bp3-tree .bp3-icon-standard.bp3-intent-success, .bp3-tree .bp3-icon-large.bp3-intent-success {
  color: #0f9960;
}
.bp3-tree .bp3-icon.bp3-intent-warning, .bp3-tree .bp3-icon-standard.bp3-intent-warning, .bp3-tree .bp3-icon-large.bp3-intent-warning {
  color: #d9822b;
}
.bp3-tree .bp3-icon.bp3-intent-danger, .bp3-tree .bp3-icon-standard.bp3-intent-danger, .bp3-tree .bp3-icon-large.bp3-intent-danger {
  color: #db3737;
}

.bp3-tree-node-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.bp3-tree-root {
  background-color: transparent;
  cursor: default;
  padding-left: 0;
  position: relative;
}

.bp3-tree-node-content-0 {
  padding-left: 0px;
}

.bp3-tree-node-content-1 {
  padding-left: 23px;
}

.bp3-tree-node-content-2 {
  padding-left: 46px;
}

.bp3-tree-node-content-3 {
  padding-left: 69px;
}

.bp3-tree-node-content-4 {
  padding-left: 92px;
}

.bp3-tree-node-content-5 {
  padding-left: 115px;
}

.bp3-tree-node-content-6 {
  padding-left: 138px;
}

.bp3-tree-node-content-7 {
  padding-left: 161px;
}

.bp3-tree-node-content-8 {
  padding-left: 184px;
}

.bp3-tree-node-content-9 {
  padding-left: 207px;
}

.bp3-tree-node-content-10 {
  padding-left: 230px;
}

.bp3-tree-node-content-11 {
  padding-left: 253px;
}

.bp3-tree-node-content-12 {
  padding-left: 276px;
}

.bp3-tree-node-content-13 {
  padding-left: 299px;
}

.bp3-tree-node-content-14 {
  padding-left: 322px;
}

.bp3-tree-node-content-15 {
  padding-left: 345px;
}

.bp3-tree-node-content-16 {
  padding-left: 368px;
}

.bp3-tree-node-content-17 {
  padding-left: 391px;
}

.bp3-tree-node-content-18 {
  padding-left: 414px;
}

.bp3-tree-node-content-19 {
  padding-left: 437px;
}

.bp3-tree-node-content-20 {
  padding-left: 460px;
}

.bp3-tree-node-content {
  align-items: center;
  display: flex;
  height: 30px;
  padding-right: 5px;
  width: 100%;
}
.bp3-tree-node-content:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tree-node-content.bp3-menu-item {
  background-color: rgba(191, 204, 214, 0.4);
}

.bp3-tree-node-caret,
.bp3-tree-node-caret-none {
  min-width: 30px;
}

.bp3-tree-node-caret {
  color: #5c7080;
}
.bp3-tree-node-caret:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tree-node-caret.bp3-menu-item {
  color: #666;
}
.bp3-dark .bp3-tree-node-caret {
  color: #a7b6c2;
}
.bp3-dark .bp3-tree-node-caret:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tree-node-caret.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-tree-node-caret.bp3-menu-item {
  color: #f5f8fa;
}
.bp3-tree-node-caret {
  cursor: pointer;
  padding: 7px;
  transform: rotate(0deg);
  transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp3-tree-node-caret.bp3-tree-node-caret-open {
  transform: rotate(90deg);
}
.bp3-tree-node-caret.bp3-icon-standard::before {
  content: "\e695";
}

.bp3-tree-node-icon {
  margin-right: 7px;
  position: relative;
}

.bp3-tree-node-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  flex: 1 1 auto;
  position: relative;
  user-select: none;
}
.bp3-tree-node-label span {
  display: inline;
}

.bp3-tree-node-secondary-label {
  padding: 0 5px;
  user-select: none;
}
.bp3-tree-node-secondary-label .bp3-popover-wrapper,
.bp3-tree-node-secondary-label .bp3-popover-target {
  align-items: center;
  display: flex;
}

.bp3-tree-node.bp3-disabled .bp3-tree-node-content {
  background-color: inherit;
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}
.bp3-tree-node.bp3-disabled .bp3-tree-node-caret,
.bp3-tree-node.bp3-disabled .bp3-tree-node-icon {
  color: rgba(92, 112, 128, 0.6);
  cursor: not-allowed;
}

.bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content {
  background-color: #137cbd;
}
.bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content,
.bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content .bp3-icon, .bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content .bp3-icon-standard, .bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content .bp3-icon-large {
  color: #ffffff;
}
.bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content .bp3-tree-node-caret::before {
  color: rgba(255, 255, 255, 0.7);
}
.bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content .bp3-tree-node-caret:hover::before, .bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tree-node-caret.bp3-menu-item::before, .bp3-submenu .bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content .bp3-popover-target.bp3-popover-open > .bp3-tree-node-caret.bp3-menu-item::before {
  color: #ffffff;
}

.bp3-dark .bp3-tree-node-content:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-tree-node-content.bp3-menu-item, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-tree-node-content.bp3-menu-item {
  background-color: rgba(92, 112, 128, 0.3);
}
.bp3-dark .bp3-tree .bp3-icon, .bp3-dark .bp3-tree .bp3-icon-standard, .bp3-dark .bp3-tree .bp3-icon-large {
  color: #a7b6c2;
}
.bp3-dark .bp3-tree .bp3-icon.bp3-intent-primary, .bp3-dark .bp3-tree .bp3-icon-standard.bp3-intent-primary, .bp3-dark .bp3-tree .bp3-icon-large.bp3-intent-primary {
  color: #137cbd;
}
.bp3-dark .bp3-tree .bp3-icon.bp3-intent-success, .bp3-dark .bp3-tree .bp3-icon-standard.bp3-intent-success, .bp3-dark .bp3-tree .bp3-icon-large.bp3-intent-success {
  color: #0f9960;
}
.bp3-dark .bp3-tree .bp3-icon.bp3-intent-warning, .bp3-dark .bp3-tree .bp3-icon-standard.bp3-intent-warning, .bp3-dark .bp3-tree .bp3-icon-large.bp3-intent-warning {
  color: #d9822b;
}
.bp3-dark .bp3-tree .bp3-icon.bp3-intent-danger, .bp3-dark .bp3-tree .bp3-icon-standard.bp3-intent-danger, .bp3-dark .bp3-tree .bp3-icon-large.bp3-intent-danger {
  color: #db3737;
}
.bp3-dark .bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content {
  background-color: #137cbd;
}

body.bp3-dark {
  background-color: #333;
}

.bp3-select-popover .bp3-menu {
  max-width: 400px;
  max-height: 300px;
  overflow: auto;
  padding: 0;
}

.bp3-select-popover.bp3-select-match-target-width {
  width: 100%;
}
.bp3-select-popover.bp3-select-match-target-width .bp3-menu {
  max-width: none;
  min-width: 0;
}

.drawer-card .bp3-select-popover .bp3-menu {
  max-width: 300px;
}

.bp3-menu {
  margin: 0;
  border-radius: 0px;
  background: #ffffff;
  min-width: 180px;
  padding: 5px;
  list-style: none;
  text-align: left;
  color: #666;
  overflow: auto;
}

html {
  box-sizing: border-box;
}

*,
::after,
::before {
  box-sizing: inherit;
}

[bp~=container] {
  width: 100%;
  margin: 0 auto;
  display: block;
  max-width: 1000px;
}

[bp~=grid] {
  display: grid !important;
  grid-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
}

[bp~=vertical-start] {
  align-items: start;
}

[bp~=vertical-center] {
  align-items: center;
}

[bp~=vertical-end] {
  align-items: end;
}

[bp~=between] {
  justify-content: center;
}

[bp~=gap-none] {
  grid-gap: 0;
  margin-bottom: 0;
}

[bp~=gap-xs] {
  grid-gap: 4px;
}

[bp~=gap-sm] {
  grid-gap: 8px;
}

[bp~=gap-column-none] {
  grid-column-gap: 0;
}

[bp~=gap-row-none] {
  grid-row-gap: 0;
  margin-bottom: 0;
}

[bp~=first] {
  order: -1;
}

[bp~=last] {
  order: 12;
}

[bp~=hide] {
  display: none !important;
}

[bp~=show] {
  display: initial !important;
}

[bp~=grid][bp*="@"],
[bp~=grid][bp*="@lg"],
[bp~=grid][bp*="@md"],
[bp~=grid][bp*="@sm"],
[bp~=grid][bp*="@xl"] {
  grid-template-columns: 12fr;
}

[bp~="10@lg"],
[bp~="10@md"],
[bp~="10@sm"],
[bp~="10@xl"],
[bp~="11@lg"],
[bp~="11@md"],
[bp~="11@sm"],
[bp~="11@xl"],
[bp~="12@lg"],
[bp~="12@md"],
[bp~="12@sm"],
[bp~="12@xl"],
[bp~="1@lg"],
[bp~="1@md"],
[bp~="1@sm"],
[bp~="1@xl"],
[bp~="2@lg"],
[bp~="2@md"],
[bp~="2@sm"],
[bp~="2@xl"],
[bp~="3@lg"],
[bp~="3@md"],
[bp~="3@sm"],
[bp~="3@xl"],
[bp~="4@lg"],
[bp~="4@md"],
[bp~="4@sm"],
[bp~="4@xl"],
[bp~="5@lg"],
[bp~="5@md"],
[bp~="5@sm"],
[bp~="5@xl"],
[bp~="6@lg"],
[bp~="6@md"],
[bp~="6@sm"],
[bp~="6@xl"],
[bp~="7@lg"],
[bp~="7@md"],
[bp~="7@sm"],
[bp~="7@xl"],
[bp~="8@lg"],
[bp~="8@md"],
[bp~="8@sm"],
[bp~="8@xl"],
[bp~="9@lg"],
[bp~="9@md"],
[bp~="9@sm"],
[bp~="9@xl"] {
  grid-column: span 12;
}

[bp~=grid][bp~="1"] {
  grid-template-columns: repeat(12, 1fr);
}

[bp~="1"] {
  grid-column: span 1/span 1;
}

[bp~=grid][bp~="2"] {
  grid-template-columns: repeat(6, 1fr);
}

[bp~="2"] {
  grid-column: span 2/span 2;
}

[bp~=grid][bp~="3"] {
  grid-template-columns: repeat(4, 1fr);
}

[bp~="3"] {
  grid-column: span 3/span 3;
}

[bp~=grid][bp~="4"] {
  grid-template-columns: repeat(3, 1fr);
}

[bp~="4"] {
  grid-column: span 4/span 4;
}

[bp~=grid][bp~="5"] {
  grid-template-columns: repeat(2.4, 1fr);
}

[bp~="5"] {
  grid-column: span 5/span 5;
}

[bp~=grid][bp~="6"] {
  grid-template-columns: repeat(2, 1fr);
}

[bp~="6"] {
  grid-column: span 6/span 6;
}

[bp~=grid][bp~="7"] {
  grid-template-columns: repeat(1.71429, 1fr);
}

[bp~="7"] {
  grid-column: span 7/span 7;
}

[bp~=grid][bp~="8"] {
  grid-template-columns: repeat(1.5, 1fr);
}

[bp~="8"] {
  grid-column: span 8/span 8;
}

[bp~=grid][bp~="9"] {
  grid-template-columns: repeat(1.33333, 1fr);
}

[bp~="9"] {
  grid-column: span 9/span 9;
}

[bp~=grid][bp~="10"] {
  grid-template-columns: repeat(1.2, 1fr);
}

[bp~="10"] {
  grid-column: span 10/span 10;
}

[bp~=grid][bp~="11"] {
  grid-template-columns: repeat(1.09091, 1fr);
}

[bp~="11"] {
  grid-column: span 11/span 11;
}

[bp~=grid][bp~="12"] {
  grid-template-columns: repeat(1, 1fr);
}

[bp~="12"] {
  grid-column: span 12/span 12;
}

[bp~=offset-1] {
  grid-column-start: 1;
}

[bp~=offset-2] {
  grid-column-start: 2;
}

[bp~=offset-3] {
  grid-column-start: 3;
}

[bp~=offset-4] {
  grid-column-start: 4;
}

[bp~=offset-5] {
  grid-column-start: 5;
}

[bp~=offset-6] {
  grid-column-start: 6;
}

[bp~=offset-7] {
  grid-column-start: 7;
}

[bp~=offset-8] {
  grid-column-start: 8;
}

[bp~=offset-9] {
  grid-column-start: 9;
}

[bp~=offset-10] {
  grid-column-start: 10;
}

[bp~=offset-11] {
  grid-column-start: 11;
}

[bp~=offset-12] {
  grid-column-start: 12;
}

@media (min-width: 480px) {
  [bp~=grid][bp~="1@sm"] {
    grid-template-columns: repeat(12, 1fr);
  }
  [bp~="1@sm"] {
    grid-column: span 1/span 1;
  }
  [bp~=grid][bp~="2@sm"] {
    grid-template-columns: repeat(6, 1fr);
  }
  [bp~="2@sm"] {
    grid-column: span 2/span 2;
  }
  [bp~=grid][bp~="3@sm"] {
    grid-template-columns: repeat(4, 1fr);
  }
  [bp~="3@sm"] {
    grid-column: span 3/span 3;
  }
  [bp~=grid][bp~="4@sm"] {
    grid-template-columns: repeat(3, 1fr);
  }
  [bp~="4@sm"] {
    grid-column: span 4/span 4;
  }
  [bp~=grid][bp~="5@sm"] {
    grid-template-columns: repeat(2.4, 1fr);
  }
  [bp~="5@sm"] {
    grid-column: span 5/span 5;
  }
  [bp~=grid][bp~="6@sm"] {
    grid-template-columns: repeat(2, 1fr);
  }
  [bp~="6@sm"] {
    grid-column: span 6/span 6;
  }
  [bp~=grid][bp~="7@sm"] {
    grid-template-columns: repeat(1.71429, 1fr);
  }
  [bp~="7@sm"] {
    grid-column: span 7/span 7;
  }
  [bp~=grid][bp~="8@sm"] {
    grid-template-columns: repeat(1.5, 1fr);
  }
  [bp~="8@sm"] {
    grid-column: span 8/span 8;
  }
  [bp~=grid][bp~="9@sm"] {
    grid-template-columns: repeat(1.33333, 1fr);
  }
  [bp~="9@sm"] {
    grid-column: span 9/span 9;
  }
  [bp~=grid][bp~="10@sm"] {
    grid-template-columns: repeat(1.2, 1fr);
  }
  [bp~="10@sm"] {
    grid-column: span 10/span 10;
  }
  [bp~=grid][bp~="11@sm"] {
    grid-template-columns: repeat(1.09091, 1fr);
  }
  [bp~="11@sm"] {
    grid-column: span 11/span 11;
  }
  [bp~=grid][bp~="12@sm"] {
    grid-template-columns: repeat(1, 1fr);
  }
  [bp~="12@sm"] {
    grid-column: span 12/span 12;
  }
  [bp~="offset-1@sm"] {
    grid-column-start: 1;
  }
  [bp~="offset-2@sm"] {
    grid-column-start: 2;
  }
  [bp~="offset-3@sm"] {
    grid-column-start: 3;
  }
  [bp~="offset-4@sm"] {
    grid-column-start: 4;
  }
  [bp~="offset-5@sm"] {
    grid-column-start: 5;
  }
  [bp~="offset-6@sm"] {
    grid-column-start: 6;
  }
  [bp~="offset-7@sm"] {
    grid-column-start: 7;
  }
  [bp~="offset-8@sm"] {
    grid-column-start: 8;
  }
  [bp~="offset-9@sm"] {
    grid-column-start: 9;
  }
  [bp~="offset-10@sm"] {
    grid-column-start: 10;
  }
  [bp~="offset-11@sm"] {
    grid-column-start: 11;
  }
  [bp~="offset-12@sm"] {
    grid-column-start: 12;
  }
  [bp~="hide@sm"] {
    display: none !important;
  }
  [bp~="show@sm"] {
    display: initial !important;
  }
  [bp~="first@sm"] {
    order: -1;
  }
  [bp~="last@sm"] {
    order: 12;
  }
}
@media (min-width: 720px) {
  [bp~=grid][bp~="1@md"] {
    grid-template-columns: repeat(12, 1fr);
  }
  [bp~="1@md"] {
    grid-column: span 1/span 1;
  }
  [bp~=grid][bp~="2@md"] {
    grid-template-columns: repeat(6, 1fr);
  }
  [bp~="2@md"] {
    grid-column: span 2/span 2;
  }
  [bp~=grid][bp~="3@md"] {
    grid-template-columns: repeat(4, 1fr);
  }
  [bp~="3@md"] {
    grid-column: span 3/span 3;
  }
  [bp~=grid][bp~="4@md"] {
    grid-template-columns: repeat(3, 1fr);
  }
  [bp~="4@md"] {
    grid-column: span 4/span 4;
  }
  [bp~=grid][bp~="5@md"] {
    grid-template-columns: repeat(2.4, 1fr);
  }
  [bp~="5@md"] {
    grid-column: span 5/span 5;
  }
  [bp~=grid][bp~="6@md"] {
    grid-template-columns: repeat(2, 1fr);
  }
  [bp~="6@md"] {
    grid-column: span 6/span 6;
  }
  [bp~=grid][bp~="7@md"] {
    grid-template-columns: repeat(1.71429, 1fr);
  }
  [bp~="7@md"] {
    grid-column: span 7/span 7;
  }
  [bp~=grid][bp~="8@md"] {
    grid-template-columns: repeat(1.5, 1fr);
  }
  [bp~="8@md"] {
    grid-column: span 8/span 8;
  }
  [bp~=grid][bp~="9@md"] {
    grid-template-columns: repeat(1.33333, 1fr);
  }
  [bp~="9@md"] {
    grid-column: span 9/span 9;
  }
  [bp~=grid][bp~="10@md"] {
    grid-template-columns: repeat(1.2, 1fr);
  }
  [bp~="10@md"] {
    grid-column: span 10/span 10;
  }
  [bp~=grid][bp~="11@md"] {
    grid-template-columns: repeat(1.09091, 1fr);
  }
  [bp~="11@md"] {
    grid-column: span 11/span 11;
  }
  [bp~=grid][bp~="12@md"] {
    grid-template-columns: repeat(1, 1fr);
  }
  [bp~="12@md"] {
    grid-column: span 12/span 12;
  }
  [bp~="offset-1@md"] {
    grid-column-start: 1;
  }
  [bp~="offset-2@md"] {
    grid-column-start: 2;
  }
  [bp~="offset-3@md"] {
    grid-column-start: 3;
  }
  [bp~="offset-4@md"] {
    grid-column-start: 4;
  }
  [bp~="offset-5@md"] {
    grid-column-start: 5;
  }
  [bp~="offset-6@md"] {
    grid-column-start: 6;
  }
  [bp~="offset-7@md"] {
    grid-column-start: 7;
  }
  [bp~="offset-8@md"] {
    grid-column-start: 8;
  }
  [bp~="offset-9@md"] {
    grid-column-start: 9;
  }
  [bp~="offset-10@md"] {
    grid-column-start: 10;
  }
  [bp~="offset-11@md"] {
    grid-column-start: 11;
  }
  [bp~="offset-12@md"] {
    grid-column-start: 12;
  }
  [bp~="hide@md"] {
    display: none !important;
  }
  [bp~="show@md"] {
    display: initial !important;
  }
  [bp~="first@md"] {
    order: -1;
  }
  [bp~="last@md"] {
    order: 12;
  }
}
@media (min-width: 960px) {
  [bp~=grid][bp~="1@lg"] {
    grid-template-columns: repeat(12, 1fr);
  }
  [bp~="1@lg"] {
    grid-column: span 1/span 1;
  }
  [bp~=grid][bp~="2@lg"] {
    grid-template-columns: repeat(6, 1fr);
  }
  [bp~="2@lg"] {
    grid-column: span 2/span 2;
  }
  [bp~=grid][bp~="3@lg"] {
    grid-template-columns: repeat(4, 1fr);
  }
  [bp~="3@lg"] {
    grid-column: span 3/span 3;
  }
  [bp~=grid][bp~="4@lg"] {
    grid-template-columns: repeat(3, 1fr);
  }
  [bp~="4@lg"] {
    grid-column: span 4/span 4;
  }
  [bp~=grid][bp~="5@lg"] {
    grid-template-columns: repeat(2.4, 1fr);
  }
  [bp~="5@lg"] {
    grid-column: span 5/span 5;
  }
  [bp~=grid][bp~="6@lg"] {
    grid-template-columns: repeat(2, 1fr);
  }
  [bp~="6@lg"] {
    grid-column: span 6/span 6;
  }
  [bp~=grid][bp~="7@lg"] {
    grid-template-columns: repeat(1.71429, 1fr);
  }
  [bp~="7@lg"] {
    grid-column: span 7/span 7;
  }
  [bp~=grid][bp~="8@lg"] {
    grid-template-columns: repeat(1.5, 1fr);
  }
  [bp~="8@lg"] {
    grid-column: span 8/span 8;
  }
  [bp~=grid][bp~="9@lg"] {
    grid-template-columns: repeat(1.33333, 1fr);
  }
  [bp~="9@lg"] {
    grid-column: span 9/span 9;
  }
  [bp~=grid][bp~="10@lg"] {
    grid-template-columns: repeat(1.2, 1fr);
  }
  [bp~="10@lg"] {
    grid-column: span 10/span 10;
  }
  [bp~=grid][bp~="11@lg"] {
    grid-template-columns: repeat(1.09091, 1fr);
  }
  [bp~="11@lg"] {
    grid-column: span 11/span 11;
  }
  [bp~=grid][bp~="12@lg"] {
    grid-template-columns: repeat(1, 1fr);
  }
  [bp~="12@lg"] {
    grid-column: span 12/span 12;
  }
  [bp~="offset-1@lg"] {
    grid-column-start: 1;
  }
  [bp~="offset-2@lg"] {
    grid-column-start: 2;
  }
  [bp~="offset-3@lg"] {
    grid-column-start: 3;
  }
  [bp~="offset-4@lg"] {
    grid-column-start: 4;
  }
  [bp~="offset-5@lg"] {
    grid-column-start: 5;
  }
  [bp~="offset-6@lg"] {
    grid-column-start: 6;
  }
  [bp~="offset-7@lg"] {
    grid-column-start: 7;
  }
  [bp~="offset-8@lg"] {
    grid-column-start: 8;
  }
  [bp~="offset-9@lg"] {
    grid-column-start: 9;
  }
  [bp~="offset-10@lg"] {
    grid-column-start: 10;
  }
  [bp~="offset-11@lg"] {
    grid-column-start: 11;
  }
  [bp~="offset-12@lg"] {
    grid-column-start: 12;
  }
  [bp~="hide@lg"] {
    display: none !important;
  }
  [bp~="show@lg"] {
    display: initial !important;
  }
  [bp~="first@lg"] {
    order: -1;
  }
  [bp~="last@lg"] {
    order: 12;
  }
}
@media (min-width: 1440px) {
  [bp~=grid][bp~="1@xl"] {
    grid-template-columns: repeat(12, 1fr);
  }
  [bp~="1@xl"] {
    grid-column: span 1/span 1;
  }
  [bp~=grid][bp~="2@xl"] {
    grid-template-columns: repeat(6, 1fr);
  }
  [bp~="2@xl"] {
    grid-column: span 2/span 2;
  }
  [bp~=grid][bp~="3@xl"] {
    grid-template-columns: repeat(4, 1fr);
  }
  [bp~="3@xl"] {
    grid-column: span 3/span 3;
  }
  [bp~=grid][bp~="4@xl"] {
    grid-template-columns: repeat(3, 1fr);
  }
  [bp~="4@xl"] {
    grid-column: span 4/span 4;
  }
  [bp~=grid][bp~="5@xl"] {
    grid-template-columns: repeat(2.4, 1fr);
  }
  [bp~="5@xl"] {
    grid-column: span 5/span 5;
  }
  [bp~=grid][bp~="6@xl"] {
    grid-template-columns: repeat(2, 1fr);
  }
  [bp~="6@xl"] {
    grid-column: span 6/span 6;
  }
  [bp~=grid][bp~="7@xl"] {
    grid-template-columns: repeat(1.71429, 1fr);
  }
  [bp~="7@xl"] {
    grid-column: span 7/span 7;
  }
  [bp~=grid][bp~="8@xl"] {
    grid-template-columns: repeat(1.5, 1fr);
  }
  [bp~="8@xl"] {
    grid-column: span 8/span 8;
  }
  [bp~=grid][bp~="9@xl"] {
    grid-template-columns: repeat(1.33333, 1fr);
  }
  [bp~="9@xl"] {
    grid-column: span 9/span 9;
  }
  [bp~=grid][bp~="10@xl"] {
    grid-template-columns: repeat(1.2, 1fr);
  }
  [bp~="10@xl"] {
    grid-column: span 10/span 10;
  }
  [bp~=grid][bp~="11@xl"] {
    grid-template-columns: repeat(1.09091, 1fr);
  }
  [bp~="11@xl"] {
    grid-column: span 11/span 11;
  }
  [bp~=grid][bp~="12@xl"] {
    grid-template-columns: repeat(1, 1fr);
  }
  [bp~="12@xl"] {
    grid-column: span 12/span 12;
  }
  [bp~="offset-1@xl"] {
    grid-column-start: 1;
  }
  [bp~="offset-2@xl"] {
    grid-column-start: 2;
  }
  [bp~="offset-3@xl"] {
    grid-column-start: 3;
  }
  [bp~="offset-4@xl"] {
    grid-column-start: 4;
  }
  [bp~="offset-5@xl"] {
    grid-column-start: 5;
  }
  [bp~="offset-6@xl"] {
    grid-column-start: 6;
  }
  [bp~="offset-7@xl"] {
    grid-column-start: 7;
  }
  [bp~="offset-8@xl"] {
    grid-column-start: 8;
  }
  [bp~="offset-9@xl"] {
    grid-column-start: 9;
  }
  [bp~="offset-10@xl"] {
    grid-column-start: 10;
  }
  [bp~="offset-11@xl"] {
    grid-column-start: 11;
  }
  [bp~="offset-12@xl"] {
    grid-column-start: 12;
  }
  [bp~="hide@xl"] {
    display: none !important;
  }
  [bp~="show@xl"] {
    display: initial !important;
  }
  [bp~="first@xl"] {
    order: -1;
  }
  [bp~="last@xl"] {
    order: 12;
  }
}
[bp~=flex] {
  flex-wrap: wrap;
  display: flex;
}

[bp~=fill] {
  flex: 1 1 0%;
  flex-basis: 0%;
}

[bp~=fit] {
  flex-basis: auto;
}

[bp~=float-center] {
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none;
}

[bp~=float-left] {
  float: left;
}

[bp~=float-right] {
  float: right;
}

[bp~=clear-fix]::after {
  content: "";
  display: table;
  clear: both;
}

[bp~=text-left] {
  text-align: left;
}

[bp~=text-right] {
  text-align: right;
}

[bp~=text-center] {
  text-align: center;
}

[bp~="1--max"] {
  max-width: 83.33333px !important;
}

[bp~="2--max"] {
  max-width: 166.66667px !important;
}

[bp~="3--max"] {
  max-width: 250px !important;
}

[bp~="4--max"] {
  max-width: 333.33333px !important;
}

[bp~="5--max"] {
  max-width: 416.66667px !important;
}

[bp~="6--max"] {
  max-width: 500px !important;
}

[bp~="7--max"] {
  max-width: 583.33333px !important;
}

[bp~="8--max"] {
  max-width: 666.66667px !important;
}

[bp~="9--max"] {
  max-width: 750px !important;
}

[bp~="10--max"] {
  max-width: 833.33333px !important;
}

[bp~="11--max"] {
  max-width: 916.66667px !important;
}

[bp~="12--max"] {
  max-width: 1000px !important;
}

[bp~=full-width] {
  width: 100%;
}

[bp~=full-height] {
  height: 100%;
}

@media (max-width: 480px) {
  [bp~="full-width-until@sm"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 720px) {
  [bp~="full-width-until@md"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 960px) {
  [bp~="full-width-until@lg"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 1440px) {
  [bp~="full-width-until@xl"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}
[bp~=margin--xs] {
  margin: 4px !important;
}

[bp~=margin-top--xs] {
  margin-top: 4px !important;
}

[bp~=margin-bottom--xs] {
  margin-bottom: 4px !important;
}

[bp~=margin-right--xs] {
  margin-right: 4px !important;
}

[bp~=margin-left--xs] {
  margin-left: 4px !important;
}

[bp~=padding--xs] {
  padding: 4px !important;
}

[bp~=padding-top--xs] {
  padding-top: 4px !important;
}

[bp~=padding-bottom--xs] {
  padding-bottom: 4px !important;
}

[bp~=padding-right--xs] {
  padding-right: 4px !important;
}

[bp~=padding-left--xs] {
  padding-left: 4px !important;
}

[bp~=margin--sm] {
  margin: 8px !important;
}

[bp~=margin-top--sm] {
  margin-top: 8px !important;
}

[bp~=margin-bottom--sm] {
  margin-bottom: 8px !important;
}

[bp~=margin-right--sm] {
  margin-right: 8px !important;
}

[bp~=margin-left--sm] {
  margin-left: 8px !important;
}

[bp~=padding--sm] {
  padding: 8px !important;
}

[bp~=padding-top--sm] {
  padding-top: 8px !important;
}

[bp~=padding-bottom--sm] {
  padding-bottom: 8px !important;
}

[bp~=padding-right--sm] {
  padding-right: 8px !important;
}

[bp~=padding-left--sm] {
  padding-left: 8px !important;
}

[bp~=margin] {
  margin: 16px !important;
}

[bp~=margin-top] {
  margin-top: 16px !important;
}

[bp~=margin-bottom] {
  margin-bottom: 16px !important;
}

[bp~=margin-right] {
  margin-right: 16px !important;
}

[bp~=margin-left] {
  margin-left: 16px !important;
}

[bp~=padding] {
  padding: 16px !important;
}

[bp~=padding-top] {
  padding-top: 16px !important;
}

[bp~=padding-bottom] {
  padding-bottom: 16px !important;
}

[bp~=padding-right] {
  padding-right: 16px !important;
}

[bp~=padding-left] {
  padding-left: 16px !important;
}

[bp~=margin--lg] {
  margin: 24px !important;
}

[bp~=margin-top--lg] {
  margin-top: 24px !important;
}

[bp~=margin-bottom--lg] {
  margin-bottom: 24px !important;
}

[bp~=margin-right--lg] {
  margin-right: 24px !important;
}

[bp~=margin-left--lg] {
  margin-left: 24px !important;
}

[bp~=padding--lg] {
  padding: 24px !important;
}

[bp~=padding-top--lg] {
  padding-top: 24px !important;
}

[bp~=padding-bottom--lg] {
  padding-bottom: 24px !important;
}

[bp~=padding-right--lg] {
  padding-right: 24px !important;
}

[bp~=padding-left--lg] {
  padding-left: 24px !important;
}

[bp~=margin--none] {
  margin: 0 !important;
}

[bp~=margin-top--none] {
  margin-top: 0 !important;
}

[bp~=margin-bottom--none] {
  margin-bottom: 0 !important;
}

[bp~=margin-right--none] {
  margin-right: 0 !important;
}

[bp~=margin-left--none] {
  margin-left: 0 !important;
}

[bp~=padding--none] {
  padding: 0 !important;
}

[bp~=padding-top--none] {
  padding-top: 0 !important;
}

[bp~=padding-bottom--none] {
  padding-bottom: 0 !important;
}

[bp~=padding-right--none] {
  padding-right: 0 !important;
}

[bp~=padding-left--none] {
  padding-left: 0 !important;
}

#table {
  border-collapse: collapse;
  width: 100%;
  display: inline-table;
  /*  max-height: 30vh;
     overflow-y: auto;
     overflow-x: auto; */
}

#table::-webkit-scrollbar-thumb {
  background: #515f6b !important;
}

#table::-webkit-scrollbar {
  width: 9px;
}

#table td,
#table th {
  border: 1px solid #272727;
  background-color: #333333;
  padding: 7px;
  text-align: center;
}

#table tr:nth-child(even) {
  background-color: #333333;
}

#table tr:hover, #table .bp3-submenu .bp3-popover-target.bp3-popover-open > tr.bp3-menu-item, .bp3-submenu #table .bp3-popover-target.bp3-popover-open > tr.bp3-menu-item {
  background-color: #30404d;
}

#table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  color: white;
  background-color: #333333;
  font-size: 12px;
  font-weight: normal;
}

.info-popover {
  z-index: 999;
  position: absolute;
  justify-content: center;
  min-width: 500px;
  border-radius: 6px;
  border: 1px solid #888;
}

.info-popover-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  height: 42.5px;
  padding: 5px 5px 5px 45px;
  background-color: #333333;
  cursor: all-scroll;
  border-radius: 6px;
}

.info-popover-content {
  z-index: 1;
  padding-right: 15px;
  background-color: #333;
}

.bp3-slider.tooltip-top {
  margin-top: 24px;
}

.bp3-slider.tooltip-top .bp3-slider-handle .bp3-slider-label {
  white-space: nowrap;
  transform: translate(-50%, -25px);
}

.bp3-dark {
  /* Mevcut MUI Palette */
  /* Secondary colors (green) */
  /* Error colors (red) */
  /* Warning colors (orange) */
  /* YENİ RENK PALETLERİ */
  /* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
  /* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
  /* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
  /* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
  /* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
  /* MUI: grey[600] */
  /* MUI: grey[700] */
  /* MUI: grey[800] */
  /* DEFAULT IMPLEMENTATION FOR DEFAULT BP3-DARK THEME AND WILL BE OWERRITEN */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.bp3-dark .bp3-menu-divider,
.bp3-dark .ribbon-menu-divider {
  margin: 0em 0.2em !important;
  color: #585858 !important;
}
.bp3-dark .menu-t {
  background-color: rgb(58, 58, 58);
  color: white;
  display: flex;
  position: sticky;
  z-index: 20;
  height: 60px;
}
.bp3-dark .menu-t .menu-item-img {
  align-self: center;
}
.bp3-dark .search-tabset .flexlayout__tabset_tabbar_inner > .flexlayout__tab_button:first-child {
  background-color: red !important;
}
.bp3-dark ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 0px;
}
.bp3-dark ::-webkit-scrollbar-track {
  background: #222;
}
.bp3-dark ::-webkit-scrollbar-thumb {
  background: #666;
}
.bp3-dark ::-webkit-scrollbar-thumb:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item::-webkit-scrollbar-thumb, .bp3-submenu .bp3-dark .bp3-popover-target.bp3-popover-open > .bp3-menu-item::-webkit-scrollbar-thumb {
  background: #444;
}
.bp3-dark ::-webkit-scrollbar-corner {
  background-color: #666;
}
.bp3-dark .popover-class-table {
  height: auto;
  background-color: transparent;
}
.bp3-dark .draggable-popover {
  background-color: rgb(71, 71, 71);
}
.bp3-dark .rc-collapse {
  background-color: #333;
  border-radius: 0;
  border: 0 none #333;
  border-bottom: 1px solid #333;
}
.bp3-dark .rc-collapse > .rc-collapse-item > .rc-collapse-header {
  color: white;
  background-color: #333;
  border: 1px solid rgba(138, 155, 168, 0.3);
  height: 3vh;
}
.bp3-dark .rc-collapse > .rc-collapse-item > .rc-collapse-header .arrow {
  border-left: 4px solid white;
  border-top: 4px solid transparent;
}
.bp3-dark .rc-collapse > .rc-collapse-item-active > .rc-collapse-header .arrow {
  border-top: 4px solid white;
  border-left: 4px solid transparent;
}
.bp3-dark .rc-collapse-content {
  background-color: rgba(78, 78, 78, 0.9882352941);
}
.bp3-dark .rc-collapse-item:last-child > .rc-collapse-content {
  border-radius: 0;
}

.mrkay-container {
  height: 100%;
  position: relative;
  margin-top: 1px;
}

/* Mevcut MUI Palette */
/* Secondary colors (green) */
/* Error colors (red) */
/* Warning colors (orange) */
/* YENİ RENK PALETLERİ */
/* Daha fazla koyu arka plan seçenekleri - 3 ana grup */
/* Mor (Purple) Renk Serisi - Koyu tonlar vurgulanmış */
/* Sarı (Yellow) Renk Serisi - Koyu tonlar vurgulanmış */
/* Turkuaz (Teal) Renk Serisi - Koyu tonlar vurgulanmış */
/* Slate Renk Serisi - 4 ana ton (mavi-gri tonları) */
/* MUI: grey[600] */
/* MUI: grey[700] */
/* MUI: grey[800] */
.m-t-0 {
  margin-top: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.m-0 {
  margin: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-5 {
  padding: 5px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-15 {
  padding: 15px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-25 {
  padding: 25px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.p-35 {
  padding: 35px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.p-45 {
  padding: 45px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.p-50 {
  padding: 50px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.m-b-75 {
  margin-bottom: 75px !important;
}

.p-b-75 {
  padding-bottom: 75px !important;
}

.m-l-75 {
  margin-left: 75px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.m-r-75 {
  margin-right: 75px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.p-75 {
  padding: 75px !important;
}

.m-75 {
  margin: 75px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

.p-100 {
  padding: 100px !important;
}

.m-100 {
  margin: 100px !important;
}

.w-100 {
  width: 100% !important;
}

.text-wrap {
  text-wrap: wrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.center-flex {
  display: flex;
  align-items: safe center;
  justify-content: center;
  height: 100%;
  margin: 10px;
}

.center-flex > * {
  margin: auto;
}

.full-height {
  height: 100% !important;
}

.full-height > .bp3-collapse-body {
  height: 100%;
}

.noselect {
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.scroller {
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 3px;
}

.scroller::-webkit-scrollbar {
  width: 3px !important;
  height: 3px !important;
}

/* Modern browsers with `scrollbar-*` support */
@supports (scrollbar-width: auto) {
  .scroller {
    scrollbar-width: var(--scrollbar-width);
  }
}
/* Legacy browsers with `::-webkit-scrollbar-*` support */
@supports selector(::-webkit-scrollbar) {
  .scroller::-webkit-scrollbar {
    max-width: var(--scrollbar-width-legacy);
    max-height: var(--scrollbar-width-legacy);
  }
}
.scale-down-0-7 {
  scale: 0.7;
}

.flex-box {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.flex-box > .flex-row.flex-header {
  flex: 0 1 auto;
}

.flex-box > .flex-row.flex-content {
  flex: 1 1 auto;
}

.flex-box > .flex-row.flex-fixed-content {
  flex: 1 1 0;
}

.flex-box > .flex-row.flex-section {
  flex: 1;
}

.flex-box > .flex-row.flex-footer {
  flex: 0 1 auto;
}

.p-relative {
  position: relative;
}

.z-index-120 {
  z-index: 120;
}

.text-overflow-ellipsis > .bp3-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.span-text-ellipsis .bp3-button-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100px;
}

.custom-flash {
  animation: flash-red 2s;
}

@keyframes flash-red {
  from {
    background-color: #f33434;
  }
  to {
    background-color: transparent;
  }
}
.dragging-table-item-helper {
  display: table;
  z-index: 9999 !important;
}

.text-secondary {
  color: rgba(221, 221, 221, 0.8666666667) !important;
}

.text-bold {
  font-weight: bold !important;
}

:root {
  --popover-transparent: rgba(68, 68, 68, 0.8) !important;
}

.bp3-dark .bp3-menu {
  opacity: 0.95 !important;
}

.flex-row.flex-footer .bp3-menu.footer-menu {
  background-color: #2e2e2e !important;
  padding: 0 0 !important;
  margin-top: 0.3em !important;
}

.bp3-transition-container {
  z-index: 999000 !important;
}

.bp3-popover.bp3-dark.bp3-popover-content-sizing.with-blue-border {
  opacity: 0.86 !important;
}

.hint-div {
  position: absolute;
  z-index: 19;
  background-color: rgba(85, 85, 85, 0.8);
  padding: 5px;
}

.draw-buttons-broadcast-div {
  position: absolute;
  z-index: 19;
  padding-top: 2px;
  left: 50%;
  margin-left: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.draw-buttons-broadcast-div > label {
  margin-bottom: 0;
}

.json-to-table {
  height: inherit;
}

table.json-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.2rem;
  height: inherit;
}
table.json-table td,
table.json-table th {
  padding: 4px;
  border: 1px solid rgba(190, 190, 190, 0.5);
}
table.json-table td {
  text-align: left;
}
table.json-table tr:nth-child(even) {
  background-color: rgba(238, 238, 238, 0) !important;
}
table.json-table th[scope=col] {
  background-color: #696969;
  color: #fff;
}
table.json-table th[scope=row] {
  background-color: #d7d9f2;
}
table.json-table caption {
  caption-side: top;
}

.popover-opacity-slider {
  margin-top: 5px;
  height: 90% !important;
}

.bp3-menu-item, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  line-height: 19px !important;
}

.start-dialog-menu {
  width: inherit;
  margin: 0 0 !important;
}

.start-dialog-portal-menu > .bp3-overlay > .bp3-dialog-container {
  display: -webkit-box;
}

.bp3-transition-container {
  z-index: 110;
}

.border-panel-class {
  height: 100%;
  width: 100%;
}

.footer {
  background-color: #000;
  height: 35px;
  display: flex;
  align-items: center;
}

.draw-panel-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.draw-panel-header {
  display: flex;
  justify-content: flex-end;
}

.bp3-menu {
  z-index: 200 !important;
}

.svg-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bp3-overlay-open .bp3-context-menu.bp3-overlay-content {
  z-index: 9999 !important;
}

.bp3-dark .bp3-datepicker {
  background: #333333;
}

.date-input .bp3-datepicker-caption {
  margin: 0 10px 5px;
  justify-content: space-between;
  flex-direction: row;
  display: flex;
}

.bp3-toast {
  z-index: 1000 !important;
}

.toolbar {
  margin: 12px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.toolbar-button {
  margin: 0px 12px;
}

.bp3-navbar .nav-tabs-group .bp3-button.bp3-minimal {
  margin-bottom: -2px;
  border-radius: 0;
}

.menu-tab[aria-selected=true]:after {
  content: "";
  width: 7px;
  height: 25px;
  border: 1px solid #555;
  position: absolute;
  border-top: 0;
  border-left: 0;
  -moz-border-radius: 0 0 10px 2px;
  -webkit-border-radius: 0 0 10px 2px;
  left: -6px;
}

.menu-tab[aria-selected=true]:before {
  content: "";
  width: 7px;
  height: 25px;
  border: 1px solid #555;
  position: absolute;
  border-top: 0;
  border-right: 0;
  -moz-border-radius: 0 0 2px 10px !important;
  -webkit-border-radius: 0 0 2px 10px !important;
  right: -6px;
}

.infoDataTabs .bp3-tab-panel {
  margin-top: 0px !important;
}

.application-search-input svg {
  width: 14px;
  height: 14px;
  margin-top: 1px;
}

.setting-menu {
  padding: 0;
  overflow: hidden;
}

.bp3-dark .setting-menu-header-item {
  display: flex;
  align-items: center;
  background-color: #333;
  margin: 0 !important;
  padding: 4px !important;
  cursor: pointer;
}
.bp3-dark .setting-menu-header-item h6 {
  padding: 0 !important;
  padding-left: 4px !important;
}

.setting-menu-items .bp3-menu-item, .setting-menu-items .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item, .bp3-submenu .setting-menu-items .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  padding: 0 !important;
  padding-left: 4px !important;
  cursor: default;
}

.settings-select {
  width: 160px !important;
}

.settings-select-wide {
  width: 270px !important;
}

.form-select {
  width: 240px !important;
}

.setting-menu-items .bp3-menu-item:hover, .setting-menu-items .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item, .bp3-submenu .setting-menu-items .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  background-color: unset !important;
}

.bp3-dark .setting-menu-items {
  display: flex;
  align-items: center;
  padding-left: 20px;
  background-color: #222 !important;
}

.menu-item-img {
  width: 28px;
  height: 28px;
}

.setting-menu-item {
  font-size: 13px;
}

.setting-menu-items:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .setting-menu-items.bp3-menu-item {
  background-color: #2e5770 !important;
  font-size: 13px;
}

.setting-menu .active-tab {
  background-color: #137cbd !important;
  font-size: 13px;
}

.setting-no-button {
  border: unset !important;
  box-shadow: unset !important;
  background-image: unset !important;
  background-color: unset !important;
}

.status-find-button {
  border: 1px solid #777;
  border-radius: 1px !important;
  font-size: 12px;
  text-align: center !important;
  background-image: none !important;
}
.status-find-button:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .status-find-button.bp3-menu-item {
  background-color: rgba(0, 114.75, 229.5, 0.5) !important;
}

.setting-save-button {
  border: 1px solid #777 !important;
  border-radius: 3px !important;
  font-size: 12px;
  width: 80px;
  text-align: center !important;
}

/* BlueprintJS 3 dark temada unchecked radio buton arka planını beyaz yap */
.bp3-dark .bp3-control.bp3-radio input:not(:checked) ~ .bp3-control-indicator {
  background-color: #dcdedf !important;
}

.setting-save-button:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .setting-save-button.bp3-menu-item {
  border: 1px solid #04acfb !important;
  background-color: rgba(19, 124, 189, 0.2) !important;
}

.setting-cancel-button {
  border: 1px solid #fff !important;
  border-radius: 3px !important;
  font-size: 12px;
  width: 80px;
  text-align: center !important;
}

.bp3-dark .application-panel {
  top: 0;
  position: sticky;
  background-color: #333;
}

.setting-selection-box {
  height: 100%;
  overflow: auto;
}

.App {
  background-color: #333333 !important;
}

.color-input .bp3-input {
  padding: 0px !important;
}

input[type=color] {
  -webkit-appearance: none;
  border: none;
  height: 26px !important;
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 4px !important;
}

input[type=color]::-webkit-color-swatch {
  border: none;
}

.bp3-editable-text-editing {
  outline-offset: 0px !important;
  outline: rgb(19, 124, 189) auto 2px !important;
  border-radius: 3px !important;
  background-color: #222;
}

.font-options-input {
  margin-top: 6px;
}

.font-options-input .bp3-control {
  margin-bottom: 4px !important;
}

.App .react-draggable {
  resize: unset !important;
}

.elements {
  list-style: none;
  padding-left: 0;
}

.elements .element-button {
  display: flex !important;
  align-items: center !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0);
  color: #ffffff;
  padding: 10px;
  background-color: #333 !important;
  border-radius: 4px;
}

.elements p {
  max-width: none;
  font-weight: bold;
  margin: 0;
}

.form-builder .bp3-card {
  padding: 0px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: transparent !important;
  box-shadow: unset !important;
}

.buttonGroup-0-2-1 {
  display: none;
}

.draw-panel-content .buttonGroup-0-2-1 {
  display: block !important;
  width: 100;
}

.draw-panel-content .buttonGroup-0-2-1 .bp3-button {
  float: right;
  margin-top: 40;
  border: 1px solid #777 !important;
  border-radius: 3px !important;
  font-size: 12px;
  width: 80px;
  text-align: center !important;
  background-color: #222 !important;
}

.draw-panel-content .buttonGroup-0-2-1 .bp3-button:hover, .draw-panel-content .buttonGroup-0-2-1 .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item, .bp3-submenu .draw-panel-content .buttonGroup-0-2-1 .bp3-popover-target.bp3-popover-open > .bp3-button.bp3-menu-item {
  border: 1px solid #04acfb !important;
  background-color: rgba(19, 124, 189, 0.2) !important;
}

.form-item-group .bp3-form-group {
  margin: 0 0 10px !important;
  display: inline-block !important;
  width: 100% !important;
}

.form-item-group .bp3-input-group .bp3-input {
  width: 240px !important;
}

.draw-panel-content .bp3-form-helper-text {
  display: none !important;
}

.collapse-button .bp3-button.bp3-fill {
  box-shadow: none !important;
}
.collapse-button .bp3-button {
  border-radius: 0px !important;
}

.collapse-button-styleForm {
  background-color: #333;
  justify-content: left;
  border: 1px solid rgba(138, 155, 168, 0.3);
}

span.interactive-icon {
  cursor: pointer;
}

span.interactive-icon:hover svg, .bp3-submenu .bp3-popover-target.bp3-popover-open > span.interactive-icon.bp3-menu-item svg {
  color: #48aff0 !important;
}

.interactive-item-container .interactive-item span.interactive-icon {
  display: none;
  cursor: pointer;
}
.interactive-item-container .interactive-item span.interactive-icon:hover svg, .interactive-item-container .interactive-item .bp3-submenu .bp3-popover-target.bp3-popover-open > span.interactive-icon.bp3-menu-item svg, .bp3-submenu .interactive-item-container .interactive-item .bp3-popover-target.bp3-popover-open > span.interactive-icon.bp3-menu-item svg {
  color: #48aff0 !important;
}
.interactive-item-container .interactive-item:hover span.interactive-icon, .interactive-item-container .bp3-submenu .bp3-popover-target.bp3-popover-open > .interactive-item.bp3-menu-item span.interactive-icon, .bp3-submenu .interactive-item-container .bp3-popover-target.bp3-popover-open > .interactive-item.bp3-menu-item span.interactive-icon {
  display: flex;
  align-items: center;
}

.infoDataTabs .bp3-tab-list {
  overflow: auto !important;
  height: 450px !important;
  background: rgba(0, 0, 0, 0.3);
}
.infoDataTabs .bp3-tab-list *:not(:last-child) {
  margin-right: 0px !important;
}

#table {
  border-collapse: collapse;
  width: 100%;
  display: inline-table;
  /*  max-height: 30vh;
   overflow-y: auto;
   overflow-x: auto; */
}

#table::-webkit-scrollbar-thumb {
  background: #515f6b !important;
}

#table::-webkit-scrollbar {
  width: 9px;
}

#table td,
#table th {
  border: 1px solid #272727;
  background-color: #333333;
  padding: 7px;
  text-align: center;
}

#table tr:nth-child(even) {
  background-color: #333333;
}

#table tr:hover, #table .bp3-submenu .bp3-popover-target.bp3-popover-open > tr.bp3-menu-item, .bp3-submenu #table .bp3-popover-target.bp3-popover-open > tr.bp3-menu-item {
  background-color: #30404d;
}

#table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  color: white;
  background-color: #333333;
  font-size: 12px;
  font-weight: normal;
}

.bottomFlexBar {
  margin-left: 291px;
  background-color: #333333 !important;
}

.label-collapse-button {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  border: 1px solid #5e6871;
  padding-left: 0px;
  border-radius: 3px;
}

.collapse-button-simple {
  padding: 5px;
  gap: 5px;
}

.label-collapse-button-icon {
  cursor: pointer;
}

.label-collapse-button-text {
  flex: 1;
  cursor: pointer;
}
.label-collapse-button-text .bp3-button {
  min-width: 36px;
}

.label-collapse-button-right-button .bp3-button {
  min-width: 36px;
}

.label-collapse-content {
  border: 1px solid #5e6871;
  border-top: none;
  height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.label-collapse-content .bp3-input {
  height: 24px;
  padding: 0 9px;
}
.label-collapse-content .bp3-form-group {
  flex-direction: none;
  margin: 0;
  justify-content: space-between;
}
.label-collapse-content .bp3-menu {
  height: 20vh !important;
  overflow-y: scroll !important;
}

.rule-list-div {
  display: flex;
  border: "1px solid #555";
  margin-bottom: "20px";
  gap: 8px;
}

.rule-container {
  width: 75vh;
}

.bp3-dark .bp3-collapse-body .bp3-callout {
  background-color: rgb(65, 65, 65);
  font-size: 1rem !important;
}

.bp3-toast-container.bp3-toast-container-right.bp3-toast-container-top {
  padding-top: 32px;
}

[bp~=inline-container] {
  margin-left: 0px;
}

.bp3-menu-item .badge, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item .badge {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 29px;
  padding: 0px;
  border-radius: 10px;
  text-align: center;
}

table.bp3-html-table.minimal-table td {
  padding: 5px !important;
}
table.bp3-html-table.minimal-table th {
  background: linear-gradient(359deg, rgb(33, 33, 33) 0%, rgb(0, 0, 0) 9%, rgb(39, 38, 38) 78%);
  font-weight: 500;
  font-size: 11px;
}
table.bp3-html-table.muted-first-columns tbody tr td:first-child, table.bp3-html-table.muted-first-columns thead tr th:first-child {
  color: #a7b6c2 !important;
}
table.bp3-html-table.sticky-header thead > tr {
  position: sticky;
  top: 0px;
  z-index: 1;
  background-color: #2f2f2f;
}

.inline-form .bp3-input {
  height: 24px;
  padding: 0 9px;
}
.inline-form .bp3-form-group {
  flex-direction: none;
  margin: 0;
  justify-content: space-between;
}
.inline-form .bp3-menu {
  height: 20vh !important;
  overflow-y: scroll !important;
}

.coordinate-form .bp3-form-group.bp3-inline label.bp3-label {
  color: rgba(221, 221, 221, 0.8666666667);
}
.coordinate-form .bp3-form-group.bp3-inline label.bp3-label.keep-default-color {
  color: inherit;
}
.coordinate-form .bp3-form-content {
  align-self: center;
}
.coordinate-form .bp3-form-group {
  justify-content: flex-end;
  margin: 0px;
  gap: 10px;
}
.coordinate-form .status-find-button-scale {
  height: 54px;
  width: 100px;
}
.coordinate-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  margin-bottom: 3px;
}

.form-content-space-between .bp3-form-group.bp3-inline label.bp3-label {
  color: rgba(221, 221, 221, 0.8666666667);
}
.form-content-space-between .bp3-form-group label.bp3-label {
  color: rgba(221, 221, 221, 0.8666666667);
}
.form-content-space-between .bp3-form-group {
  justify-content: space-between;
  margin: 0 0 8px;
}
.form-content-space-between .bp3-label {
  line-height: 20px;
}
.form-content-space-between .label-collapse-content {
  height: 18vh;
}

.date-input-group .bp3-input-group {
  width: 200px;
}

.slider-container > :first-child {
  min-width: 60px !important;
}

.application-builder-collapse-button .bp3-button-text {
  flex: 1;
}

.annotation-tree-placeholder {
  display: none;
}

.custom-tabs .bp3-tab-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 800px;
  gap: 5px;
}

.measurement-type-radio > .bp3-label {
  margin-bottom: 5px;
}

.small-unit-input > .numeric-input-with-unit > div > .bp3-numeric-input > .bp3-input-group > input {
  height: 26px !important;
  padding-left: 3px;
  font-size: 12px;
  padding-right: 3px;
  min-width: 70px;
}

.small-unit-input > .numeric-input-with-unit > div > .bp3-numeric-input > .bp3-button-group {
  height: 26px !important;
}

.common-coord-dialog-portal {
  pointer-events: none !important;
}
.common-coord-dialog-portal .bp3-dialog {
  pointer-events: auto !important;
}
.common-coord-dialog-portal .bp3-overlay-backdrop {
  pointer-events: none !important;
}

/* components */
.map-controls-wrapper {
  position: absolute;
  z-index: 9;
  left: 0;
  margin-top: 15px;
  margin-left: 15px;
}
.map-controls-wrapper > .map-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.map-controls-icon {
  background-color: #191919;
  padding: 10px;
  margin-top: 5px;
  border-radius: 50% !important;
  border: 1px solid #474747;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}
.map-controls-icon:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .map-controls-icon.bp3-menu-item {
  background-color: #474747 !important;
}
.map-controls-icon:focus {
  outline: none !important;
  box-shadow: none !important;
}

.search-input-popover {
  box-shadow: none !important;
}
.search-input-popover > .bp3-popover-content {
  margin-left: 5px;
}

.search-input-popover .bp3-popover-arrow {
  top: unset !important;
}

.bp3-form-content .bp3-input-group {
  display: block !important;
}

.search-place-input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
}

.search-place-input .bp3-input-group.bp3-input {
  height: 35px;
  padding: 0;
}

.search-place-div {
  max-height: 300px;
  overflow: auto;
  border: 1px solid #555;
  border-top: none;
}

.search-place-text {
  cursor: pointer;
  padding: 4px;
  font-size: 12px;
  transition: 0.2ms !important;
}

.search-place-text:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .search-place-text.bp3-menu-item {
  background-color: #474747;
}

::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #090909;
  border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item::-webkit-scrollbar-thumb {
  background: #555;
}

#form-group-input::placeholder {
  color: #999999;
  opacity: 1; /* Firefox */
}

#form-group-inputt:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
  background-color: #191919;
}

#form-group-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999999;
  background-color: #191919;
}

.right-menu-tooltip {
  font-size: 12px;
  color: #fff;
}

.search-place-input {
  width: 380px;
  height: 45px;
}
.search-place-input .bp3-input-group {
  height: 45px !important;
}
.search-place-input .bp3-input-action {
  height: 45px;
  display: flex;
}

.search-place-div .selected {
  background-color: #555;
  border-radius: 5px;
}

.search-place-div .search-place-item {
  padding: 2px;
  cursor: pointer !important;
  margin-bottom: 2px !important;
}
.search-place-div .search-place-item .search-place-name {
  margin-left: 5px;
}
.search-place-div .search-place-item .search-place-adress {
  margin-left: 20px;
  font-size: 12px;
  color: #999;
}
.search-place-div .search-place-item:hover, .search-place-div .bp3-submenu .bp3-popover-target.bp3-popover-open > .search-place-item.bp3-menu-item, .bp3-submenu .search-place-div .bp3-popover-target.bp3-popover-open > .search-place-item.bp3-menu-item {
  background-color: #222 !important;
}

.Container {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: auto !important;
}

.AddressContainer {
  text-align: center !important;
  display: inline-block !important;
  height: 40px !important;
}

.ChartContainer {
  margin: 5px;
  flex: 1 !important;
  display: flex !important;
  height: 100% !important;
  /*  width: 95% !important; */
  min-height: 200px !important;
  min-width: 50px !important;
}
.ChartContainer > .echarts {
  flex: 1 !important;
  height: 100% !important;
}

.echarts-container {
  height: 100%;
  margin: 0 !important;
  padding-bottom: 65px;
  width: 95% !important;
}
.echarts-container .echarts-for-react {
  width: 100%;
  height: inherit !important;
}

.editCard__icon {
  width: 24px;
  height: 24px;
}

.symbol-editor-container {
  margin-top: 10px;
}
.symbol-editor-container .bp3-select-match-target-width {
  width: 100%;
  overflow-y: auto;
  max-height: 500px;
}
.symbol-editor-container .bp3-input-group.bp3-fill .bp3-input {
  padding-left: 40px !important;
  cursor: pointer;
}
.symbol-editor-container .bp3-select-popover .bp3-menu {
  max-width: 100%;
}
.symbol-editor-container .flex-container {
  display: flex;
  border: 1px solid #161515;
  background-color: #302f2e;
  /* padding: 2px 0 2px 0; */
  justify-content: space-evenly;
  flex-wrap: wrap;
  border-radius: 5px;
}
.symbol-editor-container .flex-container .flex-row {
  display: flex;
  justify-content: space-between;
}
.symbol-editor-container .flex-container .flex-item-container {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}
.symbol-editor-container .flex-container .item-box {
  width: 32px;
  height: 50px;
  gap: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.symbol-editor-container .flex-container .item-box:hover, .symbol-editor-container .flex-container .bp3-submenu .bp3-popover-target.bp3-popover-open > .item-box.bp3-menu-item, .bp3-submenu .symbol-editor-container .flex-container .bp3-popover-target.bp3-popover-open > .item-box.bp3-menu-item {
  background-color: rgba(138, 155, 168, 0.15);
  border-radius: 3px;
}
.symbol-editor-container .flex-container .item-box-numbersidc {
  width: 35px;
  height: 40px;
  gap: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.symbol-editor-container .flex-container .item-box-numbersidc:hover, .symbol-editor-container .flex-container .bp3-submenu .bp3-popover-target.bp3-popover-open > .item-box-numbersidc.bp3-menu-item, .bp3-submenu .symbol-editor-container .flex-container .bp3-popover-target.bp3-popover-open > .item-box-numbersidc.bp3-menu-item {
  background-color: rgba(138, 155, 168, 0.15);
  border-radius: 3px;
}
.symbol-editor-container .flex-container .item-box-extended {
  width: 40px;
  height: 40px;
  gap: 2px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.symbol-editor-container .flex-container .item-box-extended:hover, .symbol-editor-container .flex-container .bp3-submenu .bp3-popover-target.bp3-popover-open > .item-box-extended.bp3-menu-item, .bp3-submenu .symbol-editor-container .flex-container .bp3-popover-target.bp3-popover-open > .item-box-extended.bp3-menu-item {
  background-color: rgba(138, 155, 168, 0.15);
  border-radius: 3px;
}
.symbol-editor-container .flex-container .selected-item-box {
  background-color: rgba(138, 155, 168, 0.15);
  border-radius: 3px;
}
.symbol-editor-container .flex-container .bp3-button {
  min-width: 10px;
  width: 10px;
}
.symbol-editor-container .svg-small {
  width: 22px;
  height: 22px;
  view-box: "0 0 $width $height";
}
.symbol-editor-container .svg-medium {
  width: 25px;
  height: 25px;
  view-box: "0 0 $width $height";
}
.symbol-editor-container .svg-large {
  width: 30px;
  height: 30px;
  view-box: "0 0 $width $height";
}
.symbol-editor-container .svg-view {
  width: 60;
  height: 60px;
  view-box: "0 0 $width $height";
}
.symbol-editor-container .button-group {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 10px 0;
}
.symbol-editor-container .button-group .bp3-menu {
  min-width: 100px;
}
.symbol-editor-container .button-group button {
  border: 1px solid #777 !important;
  border-radius: 3px !important;
  font-size: 12px;
  text-align: center !important;
}
.symbol-editor-container .button-group button:hover, .symbol-editor-container .button-group .bp3-submenu .bp3-popover-target.bp3-popover-open > button.bp3-menu-item, .bp3-submenu .symbol-editor-container .button-group .bp3-popover-target.bp3-popover-open > button.bp3-menu-item {
  border: 1px solid #04acfb !important;
  background-color: rgba(19, 124, 189, 0.2) !important;
}
.symbol-editor-container .image-view {
  margin-bottom: 3px;
  border: 1px solid #161515;
  background-color: #302f2e;
  border-radius: 5px;
  padding: 5px;
}
.symbol-editor-container .image-view .icon-image {
  position: relative;
  height: 100px;
  width: 100%;
  margin-top: 5px;
}
.symbol-editor-container .image-view .icon-image svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.symbol-editor-container .image-view .bp3-menu {
  min-width: 100px;
}
.symbol-editor-container .bp3-form-group {
  margin: 0 0 5px;
}

.input-left-element {
  display: flex;
  align-items: center;
  height: 30px;
  cursor: pointer;
}
.input-left-element img {
  height: 20px;
  vertical-align: middle;
  margin: 0 10px 0 5px;
}

.symbols-tree {
  /*  display: flex;
   min-width: 60vh;
   border: 1px solid rgba(138, 155, 168, 0.3);
  height: 100%; */
}

.div-tree {
  height: 45vh;
  min-width: 32vh;
}
.div-tree .rowTitle {
  cursor: default;
  user-select: none;
  color: #fff;
  margin-left: 3px;
  margin-top: 3px;
  font-size: 13px;
  width: 25vh;
  text-overflow: ellipsis;
  display: inline-block;
  overflow-x: hidden;
}

.custom-navbar-style .bp3-navbar {
  box-shadow: none;
  height: 30px;
  padding: 0px;
  background-color: transparent !important;
}
.custom-navbar-style .bp3-navbar-group {
  height: 30px;
}
.custom-navbar-style .bp3-navbar-heading {
  font-size: 14px;
}

.symbol-settings {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.symbol-settings .bp3-form-group.bp3-inline {
  align-items: center;
}
.symbol-settings .bp3-input-group {
  width: 100px;
}

.grid-container .style-settings {
  display: flex;
  flex-direction: column;
  border: 1px solid #333333;
  padding: 15px 10px;
  border-radius: 5px;
  position: relative;
  margin-top: 15px;
}
.grid-container .style-settings .style-settings-label {
  position: absolute;
  top: -10px;
  left: 10%;
  transform: translateX(-50%);
  padding: 0px 10px;
  background-color: #444444;
}

.otherSymbols {
  height: 45vh;
  overflow: overlay;
  margin-top: 10px;
}
.otherSymbols .spritesContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2px;
  padding: 2px;
}
.otherSymbols .spritesContainer .sprite {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.otherSymbols .spritesContainer .sprite:hover, .otherSymbols .spritesContainer .bp3-submenu .bp3-popover-target.bp3-popover-open > .sprite.bp3-menu-item, .bp3-submenu .otherSymbols .spritesContainer .bp3-popover-target.bp3-popover-open > .sprite.bp3-menu-item {
  background-color: #435662;
}
.otherSymbols .spritesContainer .sprite.selected {
  background-color: #435662;
}

.bp3-tab {
  font-size: 13px;
}

.sprite-gallery {
  text-align: center;
}

.sprite-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* Resimleri sola hizalama */
}

.sprite-image {
  position: relative;
  margin: 10px;
  cursor: pointer;
}

.sprite-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 5px;
}

.sprite-image.selected {
  border: 1px solid #01fa7f; /* Seçilen simge için sınır rengi ve kalınlığı */
}

.spacer {
  display: block;
  width: 100%;
  height: 10px;
}

.spacer-w-3 {
  display: block;
  width: 3px;
}

.spacer-h-5 {
  display: block;
  width: 100%;
  height: 5px;
}