/* iOS possible fix
@media screen and (max-width: 767px) {
input, select, textarea {
	font-size: 16px !important;
}
}
*/
/* Common Typography */
:root {
  /*font-family: var(--sapFontFamily);*/
  font-family: "Inter";
}

.ui5-table-row[selected] + .ui5-table-row ui5-table-cell {
  --border-top: 1px solid var(--_enso_color_blue_300);
}

.ui5-table-row:last-child[selected] ui5-table-cell {
  --border-bottom: 1px solid var(--_enso_color_blue_300);
}

.body-short-01 {
  font-family: "Inter";
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  color: var(--_enso_color_midnight_700);
}

.body-short-02 {
  font-family: "Inter";
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: var(--_enso_color_midnight_700);
}

.body-long-01 {
  font-family: "Inter";
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.01rem;
  color: var(--_enso_color_midnight_700);
}

.body-long-02 {
  font-family: "Inter";
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: var(--_enso_color_midnight_700);
}

.code-01 {
  font-family: "Source Code Pro";
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  color: var(--_enso_color_midnight_700);
}

.code-02 {
  font-family: "Source Code Pro";
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: var(--_enso_color_midnight_700);
}

.label-01 {
  font-family: "Inter";
  font-size: 0.75rem !important;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  color: var(--_enso_color_midnight_600);
}

.caption-01 {
  font-family: "Inter";
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  color: var(--_enso_color_midnight_700);
}

.helper-text-01 {
  font-family: "Inter";
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  color: var(--_enso_color_midnight_700);
}

.heading-01 {
  font-family: "Inter";
  font-size: 0.875rem !important;
  line-height: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.16px;
}

.heading-02 {
  font-family: "Inter";
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  letter-spacing: 0.16px;
}

.heading-03 {
  font-family: "Inter";
  font-size: 1.25rem !important;
  line-height: 1.625rem;
  font-weight: 400;
  letter-spacing: 0px;
}

.heading-04 {
  font-family: "Inter";
  font-size: 1.75rem !important;
  line-height: 2.25rem;
  font-weight: 400;
  letter-spacing: 0px;
}

.heading-05 {
  font-family: "Inter";
  font-size: 2rem !important;
  line-height: 2.5rem;
  font-weight: 400;
  letter-spacing: 0px;
}

.heading-06 {
  font-family: "Inter";
  font-size: 2.625rem !important;
  line-height: 3.125rem;
  font-weight: 300;
  letter-spacing: 0px;
}

.heading-07 {
  font-family: "Inter";
  font-size: 2.625rem !important;
  line-height: 3.125rem;
  font-weight: 300;
  letter-spacing: 0px;
}

/* End Typography*/
/* globals */
.ms-n1 {
  margin-left: -0.25rem;
}

.ms-n2 {
  margin-left: -0.5rem;
}

.ms-n3 {
  margin-left: -1rem;
}

.ms-n4 {
  margin-left: -1.5rem;
}

.show-more {
  position: absolute;
  top: -3.7rem;
  right: 0.5rem;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.menu-item {
  border-left: 1px solid var(--_enso_color_gray_300);
  padding-left: 0.6rem;
  padding-right: 0.5rem;
  cursor: pointer;
}

.menu-item:focused {
  outline: none !important;
}

.single-menu-item {
  border: 1px solid var(--_enso_color_gray_300);
  padding-left: 0.6rem;
  padding-right: 0.5rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 0.25rem;
  margin-top: -5px;
}

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

.gray-container {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
  background: var(--_enso_color_midnight_25);
}

.page-separator {
  height: 1px;
  width: 100%;
  border-bottom: 3px solid var(--_enso_color_gray_200);
}

.page-separator-small {
  height: 1px;
  width: 100%;
  border-bottom: 1px solid var(--_enso_color_gray_200);
}

.top-shadow {
  width: 100%;
  height: 0.5rem;
  background-color: #FAFBFD;
  box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.3);
}

.bottom-border {
  border-bottom: 1px solid var(--_enso_color_gray_200);
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.box-1 {
  width: 0.25rem;
  height: 0.25rem;
}

.box-2 {
  width: 0.5rem;
  height: 0.5rem;
}

.box-3 {
  width: 1rem;
  height: 1rem;
}

.box-4 {
  width: 1.5rem;
  height: 1.5rem;
}

.box-5 {
  width: 3rem;
  height: 3rem;
}

/* colors */
.white {
  color: var(--_enso_color_white);
}

.gray-50 {
  color: var(--_enso_color_gray_50);
}

.gray-100 {
  color: var(--_enso_color_gray_100);
}

.gray-200 {
  color: var(--_enso_color_gray_200);
}

.gray-300 {
  color: var(--_enso_color_gray_300);
}

.gray-400 {
  color: var(--_enso_color_gray_400);
}

.gray-500, .gray {
  color: var(--_enso_color_gray_500);
}

.gray-600 {
  color: var(--_enso_color_gray_600);
}

.gray-700 {
  color: var(--_enso_color_gray_700);
}

.gray-800 {
  color: var(--_enso_color_gray_800);
}

.gray-900 {
  color: var(--_enso_color_gray_900);
}

.midnight-25 {
  color: var(--_enso_color_midnight_25);
}

.midnight-50 {
  color: var(--_enso_color_midnight_50);
}

.midnight-100 {
  color: var(--_enso_color_midnight_100);
}

.midnight-200 {
  color: var(--_enso_color_midnight_200);
}

.midnight-300 {
  color: var(--_enso_color_midnight_300);
}

.midnight-400 {
  color: var(--_enso_color_midnight_400);
}

.midnight-500 {
  color: var(--_enso_color_midnight_500);
}

.midnight-600 {
  color: var(--_enso_color_midnight_600);
}

.midnight-700 {
  color: var(--_enso_color_midnight_700);
}

.midnight-800 {
  color: var(--_enso_color_midnight_800);
}

.midnight-900 {
  color: var(--_enso_color_midnight_900);
}

.blue-50 {
  color: var(--_enso_color_blue_50);
}

.blue-100 {
  color: var(--_enso_color_blue_100);
}

.blue-200 {
  color: var(--_enso_color_blue_200);
}

.blue-300 {
  color: var(--_enso_color_blue_300);
}

.blue-400 {
  color: var(--_enso_color_blue_400);
}

.blue-500 {
  color: var(--_enso_color_blue_500);
}

.blue-600 {
  color: var(--_enso_color_blue_600);
}

.blue-700, .blue {
  color: var(--_enso_color_blue_700);
}

.blue-800 {
  color: var(--_enso_color_blue_800);
}

.blue-900 {
  color: var(--_enso_color_blue_900);
}

.red-50 {
  color: var(--_enso_color_red_50);
}

.red-100 {
  color: var(--_enso_color_red_100);
}

.red-200 {
  color: var(--_enso_color_red_200);
}

.red-300 {
  color: var(--_enso_color_red_300);
}

.red-400 {
  color: var(--_enso_color_red_400);
}

.red-500 {
  color: var(--_enso_color_red_500);
}

.red-600 {
  color: var(--_enso_color_red_600);
}

.red-700, .red {
  color: var(--_enso_color_red_700);
}

.red-800 {
  color: var(--_enso_color_red_800);
}

.red-900 {
  color: var(--_enso_color_red_900);
}

.orange-50 {
  color: var(--_enso_color_orange_50);
}

.orange-100 {
  color: var(--_enso_color_orange_100);
}

.orange-200 {
  color: var(--_enso_color_orange_200);
}

.orange-300 {
  color: var(--_enso_color_orange_300);
}

.orange-400 {
  color: var(--_enso_color_orange_400);
}

.orange-500 {
  color: var(--_enso_color_orange_500);
}

.orange-600 {
  color: var(--_enso_color_orange_600);
}

.orange-700 {
  color: var(--_enso_color_orange_700);
}

.orange-800, .orange {
  color: var(--_enso_color_orange_800);
}

.orange-900 {
  color: var(--_enso_color_orange_900);
}

.green-50 {
  color: var(--_enso_color_green_50);
}

.green-100 {
  color: var(--_enso_color_green_100);
}

.green-200 {
  color: var(--_enso_color_green_200);
}

.green-300 {
  color: var(--_enso_color_green_300);
}

.green-400 {
  color: var(--_enso_color_green_400);
}

.green-500, .green {
  color: var(--_enso_color_green_500);
}

.green-600 {
  color: var(--_enso_color_green_600);
}

.green-700 {
  color: var(--_enso_color_green_700);
}

.green-800 {
  color: var(--_enso_color_green_800);
}

.green-900 {
  color: var(--_enso_color_green_900);
}

/*https://codepen.io/fdsea/pen/BMPeVR*/
[data-tooltip] {
  position: relative;
  z-index: 100;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 5px); /* 5px is the size of the arrow */
  pointer-events: none;
  transition: 0.2s;
  will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
  content: attr(data-tooltip);
  z-index: 999;
  padding: 4px 16px;
  min-width: 50px;
  max-width: 300px;
  width: max-content;
  width: -moz-max-content;
  border-radius: 2px;
  font-size: 12px;
  background-color: var(--_enso_color_midnight_900);
  color: var(--_enso_color_white);
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%, -5px);
}

/* Tooltip arrow */
[data-tooltip]:after {
  content: "";
  border-style: solid;
  border-width: 5px 5px 0px 5px; /* CSS triangle */
  border-color: var(--_enso_color_midnight_900) transparent transparent transparent;
  transform: translateX(-50%);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location=left]:before,
[data-tooltip-location=left]:after {
  left: auto;
  right: calc(100% + 5px);
  bottom: 50%;
}

/* Tooltip */
[data-tooltip-location=left]:before {
  transform: translate(-5px, 50%) scale(0.5);
}

[data-tooltip-location=left]:hover:before {
  transform: translate(-5px, 50%) scale(1);
}

/* Arrow */
[data-tooltip-location=left]:after {
  border-width: 5px 0px 5px 5px;
  border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
  transform-origin: left;
  transform: translateY(50%) scaleX(0);
}

[data-tooltip-location=left]:hover:after {
  transform: translateY(50%) scaleX(1);
}

/* RIGHT */
[data-tooltip-location=right]:before,
[data-tooltip-location=right]:after {
  left: calc(100% + 5px);
  bottom: 50%;
}

[data-tooltip-location=right]:before {
  transform: translate(5px, 50%) scale(0.5);
}

[data-tooltip-location=right]:hover:before {
  transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location=right]:after {
  border-width: 5px 5px 5px 0px;
  border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
  transform-origin: right;
  transform: translateY(50%) scaleX(0);
}

[data-tooltip-location=right]:hover:after {
  transform: translateY(50%) scaleX(1);
}

/* BOTTOM */
[data-tooltip-location=bottom]:before,
[data-tooltip-location=bottom]:after {
  top: calc(100% + 5px);
  bottom: auto;
}

[data-tooltip-location=bottom]:before {
  transform: translate(-50%, 5px) scale(0.5);
}

[data-tooltip-location=bottom]:hover:before {
  transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location=bottom]:after {
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
  transform-origin: bottom;
}

/*This has to be refactored*/
.ui5-link-root {
  white-space: none;
}

.fs-14 {
  font-size: 14px;
}

.panel-title-button-default-width {
  min-width: 200px;
}

.cursor-pointer {
  cursor: pointer;
}

.no-wrap {
  white-space: nowrap;
}

.ui5-enso-nestedselect-outer-item {
  display: flex;
  font-size: 16px;
  color: var(--_enso_color_midnight_800);
  font-weight: 500;
  height: 32px;
  padding-left: 15px;
  /* padding-right: 15px; */
  align-items: center;
}

.ui5-enso-nestedselect-outer-item[selected] {
  background: #F8F9FB;
}

.ui5-enso-nestedselect-inner-item {
  display: flex;
  font-size: 16px;
  color: var(--_enso_color_midnight_800);
  font-weight: 500;
  height: 32px;
  padding-left: 15px;
  align-items: center;
}

.ui5-enso-nestedselect-inner-item[selected] {
  background: #F8F9FB;
}

.ui5-enso-nestedselect-inner-container {
  display: none;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(150, 160, 175);
  border-radius: 4px;
  width: 240px;
  position: absolute;
  top: 0px;
  left: 100%;
  margin-left: 2px !important;
  pointer-events: all;
  overflow: auto;
  max-height: 255px;
}

.ui5-enso-nestedselect-check-icon {
  position: absolute;
  right: 0;
  padding-right: 15px;
}

@media screen and (max-width: 768px) {
  .ui5-enso-nestedselect-outer-item {
    padding-right: 15px;
  }
}
.background-midnight-800 {
  background: var(--_enso_color_midnight_800);
}

/*# sourceMappingURL=global.css.map */