:root {
  --text-color: var(--cds-text-01);

	--border-width: 1px;
	--border-radius: 3px;
	--border-color: var(--cds-border-subtle);
	--font-family:  'Inter',
			Roboto, -apple-system,
			BlinkMacSystemFont, "Segoe UI",
			Oxygen-Sans, Ubuntu, Cantarell,
			"Helvetica Neue", sans-serif;
	--font-family-heading:  'Overpass',
			Roboto, -apple-system,
			BlinkMacSystemFont, "Segoe UI",
			Oxygen-Sans, Ubuntu, Cantarell,
			"Helvetica Neue", sans-serif;


  --cds-field-01: #fff;
  --primary-overlay: rgba(15, 99, 254, 0.18);

  --image-background: repeating-conic-gradient(var(--border-color) 0% 25%, transparent 0% 50%) 50% / 20px 20px;
}

html[theme="white"] {
  --scrollbar-thub: #c9c9c9;
}


html[theme="g100"] {
  --scrollbar-thub: #545454;
}


.material-icons,
.material-icons-outlined,
.material-icons-two-tone,
.material-icons-round,
.material-icons-sharp {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
}

.material-icons {
  font-family: 'Material Icons';
}

.material-icons-outlined,
.material-icons.material-icons--outlined {
  font-family: 'Material Icons Outlined';
}

.material-icons-two-tone,
.material-icons.material-icons--two-tone {
  font-family: 'Material Icons Two Tone';
}

.material-icons-round,
.material-icons.material-icons--round {
  font-family: 'Material Icons Round';
}

.material-icons-sharp,
.material-icons.material-icons--sharp {
  font-family: 'Material Icons Sharp';
}

html, body {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
}

html[theme="g100"] {
  color-scheme: dark;
}

body {
	color: var(--text-color);
	margin: 0;
	box-sizing: border-box;
	font-family: var(--font-family);
}

a {
	color: var(--text-color);
	text-decoration: none;
}

/* Text */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family-heading);
}

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

/* Inputs */

.bx--text-input {
  border: 1px solid var(--border-color);
}

/* Theming */

.bx--header~.bx--content {
  margin-top: 0;
  padding-top: 3rem;
}

.bx--content {
  background-color: initial;
}

/* Modals */

.bx--modal-content {
  margin-bottom: 0;
}

.bx--modal-footer .bx--btn {
  border-radius: 0;
}

/* Buttons */

.bx--btn--primary,
.bx--btn--secondary,
.bx--btn--ghost,
.bx--btn--tertiary {
  min-height: 2.4rem;
  height: 2.4rem;
  max-width: 100vw;
}


.bx--modal-container,
.bx--btn--primary,
.bx--btn--secondary,
.bx--btn--danger,
.bx--btn--tertiary,
.bx--btn--ghost,
.bx--text-input {
  border-radius: var(--border-radius);
}

@media only screen and (max-width: 600px) {
  .shell-content {
    margin-left: 0;
  }
}

/* Breadcrumb */

.bx--breadcrumb-item {
  user-select: none;
}

@media only screen and (max-width: 600px) {
  .bx--breadcrumb {
    display: flex;
  }

  .bx--breadcrumb-item {
    margin-bottom: .4rem;
  }
}

/* Datatables */

.bx--data-table-container {
  max-height: calc(100vh - 132px);
  overflow-y: auto;
  padding-top: 0;
}

.bx--toolbar-content .bx--btn--primary,
.bx--toolbar-content .bx--btn--tertiary {
  border-radius: 0;
}

.bx--toolbar-content .bx--btn--primary,
.bx--toolbar-content .bx--btn--tertiary {
  min-height: initial;
  height: initial;
  margin-left: initial;
}

.bx--data-table tbody {
  cursor: pointer;
}

.bx--data-table-container::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background: rgba(0,0,0,.2);
  background: var(--scrollbar-thub);
  background-clip: padding-box;
}

.bx--data-table tbody {
  border-bottom: 0;
}

.bx--data-table-container::-webkit-scrollbar-corner {
  background: var(--cds-layer-accent, #e0e0e0);
}

.bx--data-table-container::-webkit-scrollbar {
  width: 14px;
  height: 18px;
  background: var(--cds-layer-accent, #e0e0e0);
}

.bx--data-table td, .bx--data-table tbody th {
  border-bottom: 0;
}

.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected td,
tr.bx--data-table--selected td {
  border-bottom: 0;
}

tr.bx--data-table--selected td {
  border-top: 0;
  border-bottom: 0;
  /* background-color: var(--cds-button-primary-active); */
}

/* Datatable sticky header */

.bx--data-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

/* Accordion */

.bx--accordion__content {
  padding-right: 0 !important;
}

/* Treeview */

.bx--tree-node__label {
  cursor: pointer;
  user-select: none;
  border-radius: var(--border-radius);
}

.bx--tree .bx--tree-node:focus>.bx--tree-node__label {
  outline: 0;
  outline-offset: 0;
}

/* Breadcrumb */

.breadcrumb .bx--link {
  font-weight: 500;
}

.bx--breadcrumb {
  padding: 0.6rem 0.8rem;
  min-height: 2.4rem;
  background-color: var(--cds-ui-03);
  border-radius: var(--border-radius);
  cursor: pointer;
}
.bx--breadcrumb .bx--link:hover {
  text-decoration: none;
}

.bx--breadcrumb-item [aria-current=page],
.bx--breadcrumb-item.bx--breadcrumb-item--current .bx--link {
  cursor: pointer;
}

.bx--link:active,
.bx--link:active:visited,
.bx--link:active:visited:hover {
  text-decoration: none;
}

.bx--breadcrumb .bx--link:focus {
  outline: 0;
}

/* menu */

.bx--menu {
  border-radius: var(--border-radius);
}

.bx--menu--open:focus {
  outline: 0;
}

/* Popover */

.bx--popover, .bx--popover-contents {
  border-radius: var(--border-radius);
}

/* Tree */

.bx--tree .bx--tree-leaf-node {
  margin: 0.4 0;
}

.bx--tree-node__label {
  overflow: hidden;
}

/* Prismjs */

pre {
  border: 1px solid var(--cds-border-subtle);
}

pre[class^="language-"] {
  border-radius: var(--border-radius);
}