/*
 * Copyright (c) 2025 Eclipse Dirigible contributors
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v2.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v20.html
 *
 * SPDX-FileCopyrightText: Eclipse Dirigible contributors
 * SPDX-License-Identifier: EPL-2.0
 */
:root {
  --bkIconTabBarCompactHeight: 2.375rem;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  overflow: hidden;
}

body {
  background-color: var(--sapBackgroundColor, #f7f7f7);
  font-size: var(--sapFontSize, .875rem);
  line-height: var(--sapContent_LineHeight, 1.4);
  color: var(--sapTextColor, #303030);
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  overflow: auto;
}

@media (prefers-color-scheme: dark) {
  body {
    background: var(--sapBackgroundColor, #1d1d1d);
    color: var(--sapTextColor, #fff);
  }
}

a:link:not([class]) {
  color: var(--sapLinkColor, #996f09);
}

a:visited:not([class]) {
  color: var(--sapLink_Visited_Color, #996f09);
}

a:hover:not([class]) {
  color: var(--sapLink_Hover_Color, #996f09);
}

a:active:not([class]) {
  color: var(--sapLink_Active_Color, #996f09);
}

.bk-hidden {
  display: none;
}

.bk-invisible {
  visibility: hidden;
}

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

iframe {
  display: block;
  border: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

[ng\:cloak],
[ng-cloak],
.ng-cloak {
  display: none !important;
}

ng-transclude:empty {
  display: none;
}

/* Backdrop, used internally */

.bk-backdrop {
  display: none;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
}

.bk-backdrop--active .bk-backdrop {
  display: block;
}

.bk-backdrop--active .fd-popover__control,
.fd-button-split {
  /* Just below the dialogs, just above the backdrop */
  position: relative;
  z-index: 210;
}

.bk-backdrop--active .fd-popover__body,
.fd-menu {
  z-index: 215;
}

.bk-backdrop--active .fd-menu {
  position: relative;
}

.fd-code {
  font-family: var(--sapContent_MonospaceFontFamily);
}

.fd-code b {
  font-family: var(--sapContent_MonospaceBoldFontFamily);
}

/* Icon fixes */
.fd-list__icon [class*="sap-icon"]:first-child,
.fd-list__icon[class*="sap-icon"]:first-child {
  background-color: transparent;
}

/* SVG icon support */
.bk-icon--svg {
  display: inline-block;
  box-sizing: border-box;
}

.sap-icon ng-include {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.fd-button .bk-icon--svg svg {
  color: var(--fdButtonColor);
  fill: var(--fdButtonColor);
}

.bk-icon--svg svg {
  box-sizing: border-box;
  color: var(--sapTextColor, #303030);
  fill: var(--sapTextColor, #303030);
  width: 1rem;
  height: 1rem;
  overflow: visible;
}

.bk-icon--svg.bk-icon--scale svg {
  width: 100%;
  height: 100%;
}

.bk-icon--svg.bk-icon--svg-lg svg {
  width: 1.25rem;
  height: 1.25rem;
}

.bk-icon--svg-lg::before {
  font-size: 1.25rem;
}

/* Menu and List svg icon */
.fd-menu i.bk-icon--svg svg,
.fd-list i.bk-icon--svg svg {
  color: var(--sapContent_NonInteractiveIconColor, #656565);
  fill: var(--sapContent_NonInteractiveIconColor, #656565);
}

/* Vertical navigation svg icon */
.fd-list__navigation-item i.bk-icon--svg svg {
  color: var(--fdVerticalNav_Icon_Color, #303030);
  fill: var(--fdVerticalNav_Icon_Color, #303030);
}

.fd-list__navigation-item:hover i.bk-icon--svg svg {
  color: var(--sapList_TextColor, #303030);
  fill: var(--sapList_TextColor, #303030);
}

.fd-list__navigation-item--indicated i.bk-icon--svg svg {
  fill: var(--sapSelectedColor, #fecc04);
  color: var(--sapSelectedColor, #fecc04);
}

/* Loader */

.bk-loader {
  --bkLoader_Size: 1rem;
  --bkLoader_BorderWidth: 0.125rem;
  --bkLoader_Color: var(--fdBusy_Indicator_Dot_Color);
  display: block;
  border: var(--bkLoader_BorderWidth) solid transparent;
  border-radius: 50%;
  border-top: var(--bkLoader_BorderWidth) solid var(--bkLoader_Color);
  border-bottom: var(--bkLoader_BorderWidth) solid var(--bkLoader_Color);
  box-sizing: border-box;
  width: var(--bkLoader_Size);
  height: var(--bkLoader_Size);
  -webkit-animation: loader 1.6s linear infinite;
  animation: loader 1.6s linear infinite;
}

.bk-loader--l {
  --bkLoader_Size: 2rem;
  --bkLoader_BorderWidth: 0.25rem;
}

.bk-loader--contrast {
  --bkLoader_Color: var(--fdBusy_Indicator_Dot_Contrast_Color);
}

.fd-list__item>.bk-loader:first-child {
  -webkit-margin-start: -0.125rem;
  margin-inline-start: -0.125rem;
  -webkit-margin-end: 0.875rem;
  margin-inline-end: 0.875rem;
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* General helper classes */
.bk-pointer {
  cursor: pointer;
}

.bk-padding--tiny {
  padding: 0.5rem;
}

.bk-padding,
.bk-padding--sm {
  padding: 1rem;
}

.bk-padding--md {
  padding: 2rem;
}

.bk-padding--lg {
  padding: 3rem;
}

.bk-padding-top-bottom--tiny {
  padding-block: 0.5rem;
}

.bk-padding-top-bottom--sm {
  padding-block: 1rem;
}

.bk-padding-top-bottom--md {
  padding-block: 2rem;
}

.bk-padding-top-bottom--lg {
  padding-block: 3rem;
}

.bk-padding-bottom--tiny {
  padding-bottom: 0.5rem;
}

.bk-padding-bottom--sm {
  padding-bottom: 1rem;
}

.bk-padding-bottom--md {
  padding-bottom: 2rem;
}

.bk-padding-bottom--lg {
  padding-bottom: 3rem;
}

.bk-padding-top--tiny {
  padding-top: 0.5rem;
}

.bk-padding-top--sm {
  padding-top: 1rem;
}

.bk-padding-top--md {
  padding-top: 2rem;
}

.bk-padding-top--lg {
  padding-top: 3rem;
}

.bk-margin-inline--none {
  margin-inline: 0;
}

.bk-border-box {
  box-sizing: border-box;
}

.bk-preformatted {
  white-space: pre;
}

.bk-text--subtitle {
  color: var(--sapTile_TextColor);
}

.bk-text--ellipsis {
  text-overflow: ellipsis;
}

[class*=sap-icon][rotate="90"]:not(.fd-list__icon) {
  transform: rotate(90deg);
}

.fd-list__icon[rotate="90"]::before {
  transform: rotate(90deg);
}

[class*=sap-icon][rotate="180"]:not(.fd-list__icon) {
  transform: rotate(180deg);
}

[class*=sap-icon].fd-list__icon[rotate="180"]::before {
  transform: rotate(180deg);
}

[class*=sap-icon][rotate="270"]:not(.fd-list__icon) {
  transform: rotate(270deg);
}

.fd-list__icon[rotate="270"]::before {
  transform: rotate(270deg);
}

.bk-opacity-7 {
  opacity: .7;
}

.bk-float-right {
  float: right;
}

.bk-float-left {
  float: left;
}

.bk-scroll-hidden {
  overflow: hidden;
}

.bk-fill-parent {
  width: 100%;
  height: 100%;
}

.bk-full-height {
  height: 100%;
}

.bk-full-width {
  width: 100%;
}

.bk-vbox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.bk-vbox>.fd-container {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.bk-vbox>.fd-title {
  overflow: inherit;
}

.bk-vbox>.fd-toolbar {
  flex-shrink: 0;
}

.bk-hbox {
  display: flex;
  flex-direction: row;
}

.bk-hbox>.fd-container {
  flex: 0;
}

.bk-hbox>.fd-title {
  overflow: inherit;
}

.bk-hbox>.fd-toolbar {
  flex-shrink: 0;
}

.bk-flex-end {
  justify-content: flex-end;
}

.bk-flex-between {
  justify-content: space-between;
}

.bk-flex-content-center {
  align-content: center;
}

.bk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
}

.bk-grid--cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.bk-grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bk-grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bk-grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bk-grid--cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.bk-grid--cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.bk-grid--cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.bk-grid--cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.bk-grid--cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.bk-grid--cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.bk-grid--cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.bk-grid--cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.bk-grid--justify-items-start {
  justify-items: start;
}

.bk-grid--justify-items-center {
  justify-items: center;
}

.bk-grid--justify-items-end {
  justify-items: end;
}

.bk-grid--justify-items-stretch {
  justify-items: stretch;
}

.bk-grid--align-items-start {
  align-items: start;
}

.bk-grid--align-items-center {
  align-items: center;
}

.bk-grid--align-items-end {
  align-items: end;
}

.bk-grid--align-items-stretch {
  align-items: stretch;
}

.bk-grid--place-items-center {
  place-items: center;
}

.bk-grid--place-items-stretch {
  place-items: stretch;
}

.bk-grid--place-content-start {
  place-content: start;
}

.bk-grid--place-content-center {
  place-content: center;
}

.bk-grid--place-content-end {
  place-content: end;
}

.bk-grid--place-content-between {
  place-content: space-between;
}

.bk-grid--place-content-around {
  place-content: space-around;
}

.bk-grid--place-content-evenly {
  place-content: space-evenly;
}

.bk-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bk-center--horizontal {
  display: flex;
  justify-content: center;
}

.bk-center--vertical {
  display: flex;
  align-items: center;
}

.bk-contain-image {
  -o-object-fit: contain;
  object-fit: contain;
  margin: auto;
  max-width: 100%;
}

.bk-stretch {
  flex-grow: 1;
  flex-basis: 0;
  min-height: 0;
}

.bk-flex--nowrap {
  flex-wrap: nowrap;
}

.bk-box--space-around {
  justify-content: space-around;
}

.bk-box--space-between {
  justify-content: space-between;
}

.bk-box--space-evenly {
  justify-content: space-evenly;
}

.bk-box--space-stretch {
  justify-content: stretch;
}

.bk-box--items-start {
  align-items: flex-start;
}

.bk-box--items-center {
  align-items: center;
}

.bk-box--items-end {
  align-items: flex-end;
}

.bk-box--items-stretch>* {
  width: 100%;
}

.bk-box--gap {
  gap: .5rem;
}

.bk-box--gap-m {
  gap: 1rem;
}

.bk-box--gap-l {
  gap: 1.5rem;
}

.bk-box--gap-xl {
  gap: 2rem;
}

.bk-box--gap-xxl {
  gap: 3rem;
}

.bk-no-border {
  border: none !important;
}

.bk-no-border--top {
  border-top: none !important;
}

.bk-no-border--bottom {
  border-bottom: none !important;
}

.bk-no-border--left {
  border-left: none !important;
}

.bk-no-border--right {
  border-right: none !important;
}

.bk-list-border {
  border: solid var(--sapList_BorderWidth, 0.0625rem) var(--sapList_BorderColor, #dedede);
}

.bk-list-border--top {
  border-top: solid var(--sapList_BorderWidth, 0.0625rem) var(--sapList_BorderColor, #dedede);
}

.bk-list-border--bottom {
  border-bottom: solid var(--sapList_BorderWidth, 0.0625rem) var(--sapList_BorderColor, #dedede);
}

.bk-list-border--left {
  border-left: solid var(--sapList_BorderWidth, 0.0625rem) var(--sapList_BorderColor, #dedede);
}

.bk-list-border--right {
  border-right: solid var(--sapList_BorderWidth, 0.0625rem) var(--sapList_BorderColor, #dedede);
}

.bk-border {
  border: solid 0.0625rem var(--sapGroup_TitleBorderColor, #d9d9d9);
}

.bk-border--top {
  border-top: solid 0.0625rem var(--sapGroup_TitleBorderColor, #d9d9d9);
}

.bk-border--bottom {
  border-bottom: solid 0.0625rem var(--sapGroup_TitleBorderColor, #d9d9d9);
}

.bk-border--left {
  border-left: solid 0.0625rem var(--sapGroup_TitleBorderColor, #d9d9d9);
}

.bk-border--right {
  border-right: solid 0.0625rem var(--sapGroup_TitleBorderColor, #d9d9d9);
}

.bk-page-header-bg {
  background: var(--sapPageHeader_Background, #fff);
}

.bk-padding-top--none {
  padding-top: 0 !important;
}

.bk-padding-end--none {
  padding-right: 0 !important;
}

.bk-padding-bottom--none {
  padding-bottom: 0 !important;
}

.bk-padding-begin--none {
  padding-left: 0 !important;
}

.bk-padding--none {
  padding-block: 0 !important;
  padding-inline: 0 !important;
  padding: 0 !important;
}

.bk-checkered-bg {
  background-image:
    linear-gradient(45deg, #949494 25%, transparent 25%, transparent 75%, #949494 75%),
    linear-gradient(45deg, #949494 25%, #c1c1c1 25%, #c1c1c1 75%, #949494 75%);
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
}

.bk-font--italic {
  font-style: italic;
}

.bk-font--small {
  font-size: var(--sapFontSmallSize);
}

.bk-font--normal {
  font-size: var(--sapFontSize);
}

.bk-font--large {
  font-size: var(--sapFontLargeSize);
}

.bk-restrict-width--sm {
  max-width: 600px;
}

.bk-restrict-width {
  max-width: 1024px;
}

.bk-restrict-width--lg {
  max-width: 1280px;
}

.bk-restrict-width--xl {
  max-width: 1600px;
}

.bk-color-fill--negative,
.bk-color-fill--negative>svg {
  fill: var(--sapNegativeColor)
}

.bk-color-fill--critical,
.bk-color-fill--critical>svg {
  fill: var(--sapCriticalColor)
}

.bk-color-fill--positive,
.bk-color-fill--positive>svg {
  fill: var(--sapPositiveColor)
}

.bk-color-fill--informative,
.bk-color-fill--informative>svg {
  fill: var(--sapInformativeColor)
}

.bk-color-bg--negative {
  background-color: var(--sapNegativeColor)
}

.bk-color-bg--critical {
  background-color: var(--sapCriticalColor)
}

.bk-color-bg--positive {
  background-color: var(--sapPositiveColor)
}

.bk-color-bg--informative {
  background-color: var(--sapInformativeColor)
}

.bk-color--negative {
  color: var(--sapNegativeColor)
}

.bk-color--critical {
  color: var(--sapCriticalColor)
}

.bk-color--positive {
  color: var(--sapPositiveColor)
}

.bk-color--informative {
  color: var(--sapInformativeColor)
}

/* fd-tile-container additions */
.fd-tile-container--buttons>.fd-button {
  margin-right: .5rem;
}

.fd-tile-container--buttons>.fd-button:last-child {
  margin-right: 0;
}

/* fd-page helper classes */
.bk-page__content-card {
  padding: 2rem;
}

.bk-page__content-card>.fd-card {
  margin: auto;
  max-width: 1024px;
  min-height: auto;
}

/* fd-wizard helper classes */
.bk-flex--wizard {
  display: flex;
  flex-direction: column;
}

/* fd-icon-tab-bar additions */
.fd-icon-tab-bar__item--overflow+.bk-icon-tab-bar__item--buttons {
  margin: 0 0 0 .5rem;
}

.bk-icon-tab-bar__item--buttons {
  white-space: nowrap;
}

:not(.fd-icon-tab-bar__item--overflow)+.bk-icon-tab-bar__item--buttons-right {
  margin-left: auto;
}

.bk-icon-tab-bar {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bk-icon-tab-bar-tab-hidden {
  visibility: hidden !important;
  position: absolute !important;
}

.bk-icon-tab-bar--unfocused .fd-icon-tab-bar__item {
  opacity: var(--bkIconTabBar_UnfocusedOpacity, 0.7);
}

.bk-icon-tab-hint {
  opacity: .75;
  margin-left: 0.5em;
  white-space: pre;
  font-size: var(--sapFontSmallSize, .75rem);
  font-style: italic;
}

.bk-icon-tab-bar.is-compact>.fd-icon-tab-bar__header {
  height: var(--bkIconTabBarCompactHeight);
  min-height: var(--bkIconTabBarCompactHeight);
}

.bk-icon-tab-bar.is-compact>.fd-icon-tab-bar__header .fd-icon-tab-bar__tab {
  padding: .688rem .188rem;
}

.bk-icon-tab-bar.is-compact>.fd-icon-tab-bar__header .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab {
  padding-right: 2.188rem;
}

.bk-icon-tab-bar-scrollable::-webkit-scrollbar {
  display: none;
}

.bk-icon-tab-bar-scrollable {
  display: flex;
  flex-direction: row;
  -webkit-mask-image: linear-gradient(to left, transparent, black 1rem);
  mask-image: linear-gradient(to left, transparent, black 1rem);
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.fd-icon-tab-bar--sm .bk-icon-tab-bar-scrollable,
.fd-icon-tab-bar--md .bk-icon-tab-bar-scrollable,
.fd-icon-tab-bar--lg .bk-icon-tab-bar-scrollable,
.fd-icon-tab-bar--xl .bk-icon-tab-bar-scrollable,
.fd-icon-tab-bar--xxl .bk-icon-tab-bar-scrollable {
  margin-left: -1rem;
  padding-left: 1rem;
  -webkit-mask-image: linear-gradient(to right, transparent, black 1rem, black calc(100% - 1rem), transparent 100%);
  mask-image: linear-gradient(to right, transparent, black 1rem, black calc(100% - 1rem), transparent 100%);
}

/* input, step input, combobox and select additions */

.fd-input[type="color"] {
  padding: 0;
}

.fd-input[type="color"]::-moz-color-swatch {
  border: none;
}

.fd-input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
  border-radius: 0;
}

.fd-input[type="color"]::-webkit-color-swatch {
  border: none;
}

.fd-step-input.is-readonly,
.fd-step-input[aria-readonly="true"],
.fd-step-input[readonly],
.fd-select__control.is-readonly,
.fd-select__control[aria-readonly="true"],
.fd-select__control[readonly],
.fd-input.is-readonly,
.fd-input[aria-readonly="true"],
.fd-input[readonly] {
  --sapField_BorderStyle: dashed;
}

.bk-form-item--horizontal>.fd-popover {
  flex: 1;
}

div.fd-input-group.is-readonly,
div.fd-input-group[aria-readonly="true"],
div.fd-input-group[readonly] {
  pointer-events: none;
  --sapField_BorderStyle: dashed;
}

div.fd-popover__body--dropdown[aria-hidden="true"] {
  display: none;
}

/* Tile additions */
.fd-tile.bk-tile--container {
  padding: 0 !important;
}

.fd-tile.bk-tile--container>*:first-child {
  padding: 0 !important;
  border-top-left-radius: var(--sapElement_BorderCornerRadius);
  border-top-right-radius: var(--sapElement_BorderCornerRadius);
}

.fd-tile.bk-tile--container>*:last-child {
  padding: 0 !important;
  border-bottom-left-radius: var(--sapElement_BorderCornerRadius);
  border-bottom-right-radius: var(--sapElement_BorderCornerRadius);
}

/* Button additions and fixes */
.bk-button--round {
  border-radius: 50%;
}

.bk-button--round.fd-button--compact {
  min-width: 1.625rem;
  padding: 0px;
}

.bk-button-split--compact::after {
  --fdButtonSplit_Separator_Offset: 1.875rem;
  --fdButton_Menu_Transparent_Separator_Height: 0.875rem;
}

/* Tool header fixes */
.fd-button--tool-header {
  width: auto;
  max-width: none;
}

.fd-tool-header__product-name {
  padding-left: .5rem;
  padding-right: .5rem;
}

/* Menu fixes and additions */
.bk-submenu--left {
  margin: .25rem 0 0 .25rem;
}

.bk-menu__sublist--overflow {
  overflow-y: auto;
  max-height: 264px;
  flex-wrap: nowrap;
  background-color: var(--sapList_Background, #fff);
}

.bk-menu__sublist--overflow .fd-menu__separator {
  padding-top: .0625rem;
}

/* Form label fix for 0.30.2 */
.fd-form-label--colon {
  padding-right: .25rem;
}

.fd-container.fd-form-layout-grid-container .fd-row .fd-col-md--2>.fd-form-label.fd-form-label--required.fd-form-label--colon {
  padding-right: .75rem;
}

/* fd-container additions */
.bk-col--fit {
  max-width: fit-content;
  min-width: fit-content;
}

/* fd-form-layout-grid-container fixes */
.fd-container.fd-form-layout-grid-container .fd-row .fd-col {
  overflow: visible;
}

.fd-container.fd-form-layout-grid-container .fd-popover__body {
  z-index: 210;
}

.fd-container.fd-form-layout-grid-container .fd-input-group {
  margin: 0;
}

.fd-form-group.fd-container.fd-form-layout-grid-container ng-transclude {
  width: 100%;
}

.fd-container.fd-form-layout-grid-container .fd-row .fd-col .fd-popover {
  width: 100%;
}

/* fd-form-item fixes */
.fd-container.fd-form-layout-grid-container>.fd-form-item>.fd-col:has(.fd-input-group) {
  margin-block: var(--fdInput_Field_Margin_Block, .25rem);
}

.fd-popover__control.is-expanded>*,
.fd-popover__control[aria-expanded="true"]>* {
  margin: var(--fdInput_Field_Margin, .25rem 0);
}

.fd-popover__control.is-expanded>*[class*="-compact"],
.fd-popover__control.is-expanded>*[class*="-condensed"],
.fd-popover__control[aria-expanded="true"]>*[class*="-compact"],
.fd-popover__control[aria-expanded="true"]>*[class*="-condensed"] {
  --fdInput_Field_Margin: .1875rem 0;
}

.fd-popover__control>.fd-step-input {
  width: 100%;
}

.fd-container.fd-form-layout-grid-container .fd-row .fd-col .fd-select__control {
  margin: 0;
}

/* Combobox and Select (when in toolbar) margin fixes */
.fd-toolbar .fd-popover .fd-input-group {
  margin: 0;
}

/* Checkbox readonly fix */

.fd-checkbox.is-display+.fd-checkbox__label,
.fd-checkbox[readonly]+.fd-checkbox__label {
  pointer-events: none;
}

/* Table fixes and additions*/
.bk-table--fixed {
  table-layout: fixed;
}

.fd-table .fd-table__cell .fd-select__control {
  margin: 0;
}

.fd-table--no-outer-border .fd-table__cell--no-data {
  border: none;
  border-style: none !important;
}

.bk-table--no-outer-horizontal-borders .fd-table__header .fd-table__cell {
  border-top: hidden;
}

.bk-table--no-outer-horizontal-borders .fd-table__body .fd-table__row:last-child .fd-table__cell {
  border-bottom: hidden;
}

.bk-table--no-outer-vertical-borders .fd-table__header .fd-table__cell:first-child,
.bk-table--no-outer-vertical-borders .fd-table__body .fd-table__cell:first-child {
  border-left: hidden;
}

.bk-table--no-outer-vertical-borders .fd-table__header .fd-table__cell:last-child,
.bk-table--no-outer-vertical-borders .fd-table__body .fd-table__cell:last-child {
  border-right: hidden;
}

.bk-table__header-sticky th.fd-table__cell {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: inset 0 1px 0 var(--sapList_BorderColor), inset 0 -1px 0 var(--sapList_BorderColor);
  border-bottom: hidden;
  border-top: hidden;
  z-index: 1;
}

.bk-table--no-outer-horizontal-borders .bk-table__header-sticky th.fd-table__cell,
.fd-table--no-outer-border .bk-table__header-sticky th.fd-table__cell {
  box-shadow: inset 0 1px 0 var(--sapList_HeaderBackground), inset 0 -1px 0 var(--sapList_BorderColor);
}

.bk-table__footer-sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

/* Keep only until the base library is upgraded to 0.39.0 */
.fd-table__header .fd-table__cell.fd-table__cell--non-interactive:active,
.fd-table__header .fd-table__cell.fd-table__cell--non-interactive:hover {
  background-color: var(--sapList_HeaderBackground);
  color: var(--sapList_HeaderTextColor);
}

/* Message page fixes */
.fd-message-page {
  height: auto;
  min-height: 100%;
}

/* Link fixes */
.fd-link--emphasized {
  font-weight: bold;
}

/* Tokenizer fixes */
.fd-tokenizer .fd-tokenizer__indicator {
  margin-right: .3125rem;
}

/* Vertical nav fixes */
.fd-vertical-nav__main-navigation .fd-list__navigation-item--condensed:first-child,
.fd-vertical-nav__main-navigation .fd-list__navigation-item:first-child {
  border-top: none;
}