@media print, screen {
  :root {
    --ds-rw-ask-oracle-bottom-spacing: 48px !important;
    /* stylelint-disable-next-line color-function-notation */
    --oj-collection-free-space-bg-color: rgb(var(--oj-palette-neutral-rgb-10));
  }
}

@media print, screen and (min-width: 1024px) {
  :root {
    --ds-rw-ask-oracle-bottom-spacing: 64px !important;
  }
}

.spectra-redwood-container {
  /* stylelint-disable-next-line color-function-notation */
  background-color: rgb(var(--oj-palette-neutral-rgb-10));
  min-height: calc(100vh - var(--ds-rw-ask-oracle-bottom-spacing));
  max-height: calc(100vh - var(--ds-rw-ask-oracle-bottom-spacing));
}

.spectra-redwood-container>div:nth-child(2) {
  box-shadow: var(--oj-core-box-shadow-md);
}

.spectra-redwood-container .ds-item-overview .oj-sp-item-overview-container,
.spectra-redwood-container .ds-item-overview .group-detail-content-area {
  box-shadow: var(--oj-core-box-shadow-md);
  border-radius: 0.375rem;
}

.ds-last-flex-container {
  box-shadow: var(--oj-core-box-shadow-md);
  overflow: auto;
  min-height: 0;
  min-width: 0;
}

oj-sp-item-overview-page .oj-sp-item-overview-page-container {
  min-height: calc(100vh - var(--ds-rw-ask-oracle-bottom-spacing)) !important;
}

oj-sp-ask-oracle .oj-sp-rw-notification-toaster-content {
  word-break: keep-all !important;
}

oj-sp-in-app-navigation.oj-color-invert .oj-bg-neutral-30 {
  /* stylelint-disable-next-line color-function-notation */
  background-color: rgb(var(--oj-palette-neutral-rgb-170)) !important;
}

oj-sp-in-app-navigation .oj-sp-in-app-navigation-container {
  z-index: 1 !important;
}

#mainNavigationTabBar.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  border-color: #f5f4f2;
}

.dsListViewWithGrouping .oj-listview-group-item {
  padding-bottom: unset;
  padding-left: unset;
}

.dsListViewWithGrouping .oj-listview-item {
  min-height: unset;
  padding-top: unset;
  padding-bottom: unset;
  padding-left: unset;
}

.dsListViewWithGrouping .oj-listitemlayout-grid {
  min-height: unset;
}

.dsListViewWithGrouping .oj-listitemlayout-vertical-padding {
  padding-top: unset;
  padding-bottom: 2px;
}

.dsListViewWithGrouping .oj-listitemlayout-horizontal-padding {
  padding-left: unset;
}

.dsListViewWithGrouping .oj-listview-group {
  margin-top: 0;
}

.dsListViewWithGrouping .oj-listview-no-data-message {
  background-color: transparent;
}

.dsStoreItemCollateralList .oj-listview-group-item {
  padding-bottom: 10px;
}

.dsStoreItemCollateralList .oj-listview-item-element {
  padding-bottom: 10px;
}

.dsScreenshotPopup.oj-popup {
  border: none;
  box-shadow: none;
  background-color: transparent;
}

.dsScreenshotPopup .oj-popup-content {
  padding: 0;
}

/* Notifications implementation in shell page */

#ojspAskOracle_ao-notification-slot {
  overflow-y: auto;
  height: calc(100vh - var(--oj-sp-rw-shell-header-height));
}

.notifications-title {
  font-size: 0.75rem !important;
  font-weight: 400;
  height: 3rem;
  box-sizing: border-box;
  padding: 1rem 2.1rem;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.3333;
  color: #fff;
}

/* Extra top padding to replace the search - temporary */
oj-sp-ask-oracle .oj-sp-ask-oracle-nl-notif-content {
  padding-top: 2rem;
}

/* End of notifications */

/* remove bottom padding for resultions under 1440px */
oj-sp-ask-oracle .oj-sp-rw-ask-oracle-page-container {
  padding-bottom: 0 !important;
}

/* Extra container for oracle infinity tag */
.oracle-infinity-container {
  display: none;
}

.ds-list-item-cards .oj-listview-group-container {
  margin-bottom: 1rem !important;
}

.ds-list-item-cards .oj-listview-card-group {
  justify-content: space-evenly;
}

/* This is a workaround to fix the issue related with placeholder cards
see for more info https://proddev-demo-srv.slack.com/archives/CFXE9SXR7/p1624901398296600 */
.oj-waterfalllayout-skeleton {
  visibility: collapse;
}

.ds-visibility-hidden {
  visibility: hidden !important;
}

.ds-hidden {
  display: none !important;
  visibility: hidden !important;
}

.ds-selectable-table-cell {
  user-select: text;
}

.listOverflow {
  overflow: visible;
}

.ds-legal-links {
  position: absolute;
  bottom: calc((var(--ds-rw-ask-oracle-bottom-spacing)/2) - 7px);
  z-index: auto;
  right: calc((100% - var(--oj-sp-rw-ask-oracle-branding-icon-position)) + 5px);
}

.ds-legal-links a {
  text-decoration: none;
}

@media only screen and (max-width: 599px) {
  .oj-navigationlist-page-level {
    max-width: calc(100% - (var(--oj-sp-rw-ask-oracle-button-box-size)));
    padding-left: 0 !important;
  }

  .ds-legal-links {
    display: none;
  }
}

.filter-chip-bar {
  margin-top: 8px;
  display: flex;
}

.ds-typography-subheading-xxs {
  color: var(--oj-core-text-color-primary);
  font-size: 0.85rem !important;
}

.ds-main-search-table-container {
  overflow: hidden;
  position: relative;
  min-height: 0;
  width: 1px;
  min-width: 100%;
}

.ds-main-search-table {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  user-select: text;
}

.ds-main-search-table-container-overflow {
  overflow: auto;
  position: relative;
  min-height: 0;
  width: 1px;
  min-width: 100%;
}

.ds-main-search-table .oj-table-body-row:hover .dsActionMenu {
  visibility: visible;
}

.ds-main-search-table .oj-table-body-row:not(:hover) .dsActionMenu {
  visibility: hidden;
}

.oj-table-body-row:hover .ds-copy-icon {
  visibility: visible;
  cursor: pointer;
}

.oj-table-body-row .ds-copy-icon {
  visibility: hidden;
}

.ds-comment-list .oj-listitemlayout-leading {
  align-self: start;
}

.ds-page-loading-dialog {
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 1000;
  /* stylelint-disable-next-line color-function-notation */
  background-color: rgb(var(--oj-palette-neutral-rgb-180), 0.75);
  justify-content: center;
  align-items: center;
  display: none;
  left: 0;
  bottom: 0;
}

.ds-page-loading-dialog div[class^='ProgressCircleStyles_indeterminate'],
.ds-page-loading-dialog div[class*=' ProgressCircleStyles_indeterminate'] {
  border-color: #fff;
}

.ds-scrolling-subregion-container {
  position: relative;
}

.ds-scrolling-subregion-container>:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: auto;
}

.oj-listview-no-data-message {
  background-color: transparent;
}

@media screen and (min-width: 600px) {
  .oj-dialog {
    min-width: 30rem;
  }
}

.ds-animation-skeleton-node {
  margin-top: 2em;
  margin-bottom: 2em;
  height: 18px;
}

.ds-overflow-ellipse {
  text-overflow: ellipsis;
}

.ds-link-ellipse {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ds-cursor-pointer {
  cursor: pointer;
}

.ds-loading-skeleton {
  overflow-y: hidden !important;
}

/* START - Override for the empty state */

/* fullPage + Smart Search as template in the page */
.ds-smart-search-container-height {
  height: var(--oj-sp-smart-search-page-main-content-height);
}

/* fullPage + General overview as template in the page */
.ds-page-template-container-height {
  height: var(--oj-sp-page-template-content-height);
}

.ds-empty-state {
  display: grid;
}

.oj-table .oj-table-no-data-container .oj-table-body {
  vertical-align: baseline;
}

.oj-table .oj-table-no-data-container .oj-table-body .ds-empty-state {
  display: inline-table;
  height: 100%;
  width: 100%;
}

/* ENDS - Override for the empty state */

.ds-expandable-helper .oj-sp-expandable-list-item-detail {
  margin: 0 !important;
}

.ds-table {
  --oj-core-gutter-start: 0;
  --oj-core-gutter-end: 0;
  
  min-height: calc(6 * var(--oj-collection-list-row-height));
  width: 100%;
  user-select: text;
}

.ds-table .oj-table-body-row .dsActionMenu {
  visibility: hidden;
}

.ds-table .oj-table-body-row:hover .dsActionMenu {
  visibility: visible;
  cursor: pointer;
}

.ds-table .oj-table-body-row:focus-within .dsActionMenu {
  visibility: visible;
}

#template-attributes-table th[title="Actions"] .oj-table-column-header {
  visibility: hidden;
}

[id^="template-attributes-table"] {
  padding: 0;
}

.ds-deployment-users-table .oj-form-control-inherit:not(.oj-form-control-default) oj-input-date-time:not([label-hint]).oj-form-control,
.ds-deployment-users-table .oj-form-control-inherit:not(.oj-form-control-default) oj-input-date-time:not([label-hint]).oj-text-field {
  height: unset;
}

.oj-sp-general-drawer-template-header-wrapper {
  z-index: 1 !important;
}

/* Hide the additional padding in the final paragraph of a rich text comment. This makes the comment spacing vertically consistent */
.ds-comment-text p:last-of-type {
  margin-bottom: 0;
}

/* Hide the label above the rich text input. The label takes up vertical space even when unused, so hiding it allows us to have better control of sizing */
.ds-input-rich-text-hide-label .oj-sp-input-rich-text-2-label{
  display: none;
}

.ds-table {
  --oj-core-gutter-start: 0;
  --oj-core-gutter-end: 0;
  user-select: text;
}

