/* stylelint-disable color-function-notation */
/* stylelint-disable color-function-alias-notation */
@media print, screen {
  :root {
    --ds-rw-ask-oracle-bottom-spacing: 48px !important;
    --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;
  }
}

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

oj-sp-in-app-navigation.oj-color-invert .oj-bg-neutral-30 {
  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;
}

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

.ds-waterfall-layout {
  min-width: 100px;
}

.ds-list-view {
  min-width: 100px;
}

#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));
}

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

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

/* End of notifications */

/* 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;
  padding-left: 30px;
  padding-right: 20px;
}

/* 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-hidden {
  display: none !important;
  visibility: hidden !important;
}

.listOverflow {
  overflow: visible;
}

.ds-legal-links {
  position: fixed;
  bottom: calc((var(--ds-rw-ask-oracle-bottom-spacing)/2) + 9px);
  height: 0;
  left: calc(var(--oj-sp-rw-ask-oracle-branding-icon-position) - 222px);
  z-index: 1;
}

.oj-sp-ao-popup-content .oj-sp-rw-notification-toaster {
  z-index: 1;
}

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

.ds-waterfall-layout .oj-sp-profile-card-mobile-mode,
.ds-list-view .oj-sp-profile-card-mobile-mode {
  z-index: 0;
}

.ds-animation-skeleton {
  max-height: unset !important;
}

.animation-skeleton-node {
  height: 25px;
}

@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;
  }

  .oj-sp-smart-filters .oj-sp-smart-filters-applied-filter-chip {
    max-width: calc(100vw - 7.5rem);
  }
}

.integrations-span {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: "Oracle Sans", sans-serif;
}

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

.ds-table .oj-table-body-row .dsActionMenu,
.oj-table-body-row:not(:hover) .ds-show-on-hover {
  visibility: hidden;
}

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

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

.ds-scrolling-subregion-container {
  position: relative;
  min-height: 50px;
}

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

.no-access-container {
  height: calc(100vh - (var(--ds-rw-ask-oracle-bottom-spacing)));
}

.no-access-container-full {
  height: 100vh;
}

.ds-loading-skeleton {
  overflow-y: hidden !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;
}

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

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

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

/* START - Override for the empty state */

.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%;
}

/* START - Override for the empty state */

.ds-page-loading-dialog {
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 1000;
  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;
}

oj-sp-profile-card .oj-sp-profile-card-secondary-text-container {
  max-height: unset !important;
}

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

.ds-smart-search-container-height {
  height: var(--oj-sp-smart-search-page-main-content-height);
}

.ds-page-template-container-height {
  height: var(--oj-sp-page-template-content-height);
}

oj-c-menu-button.oj-typography-body-md .ButtonLayoutStyles_text__kvn4il0 {
  font-size: var(--oj-typography-body-md-font-size) !important;
  font-weight: 400 !important;
  line-height: var(--oj-typography-body-md-line-height) !important;
}

oj-sp-profile-card {
  cursor: pointer;
}


/* No data container CSS Start */
.notifications-list .oj-sp-notification-empty-container-wrapper {
  height: 100%;
}

.notifications-list .oj-sp-notification-empty-container-wrapper .oj-sp-notification-empty-container {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.notifications-list .oj-sp-notification-empty-container-wrapper .oj-sp-notification-empty-container::after {
  content: '';
  height: var(--oj-sp-rw-ask-oracle-button-box-size);
  left: 0;
  width: 100%;
  pointer-events: none;
  position: absolute;
}

.notifications-list .oj-sp-notification-empty-container-wrapper .oj-sp-notification-empty-container .oj-sp-notification-empty-image {
  width: 160px;
  max-width: 160px;
  opacity: 0;
  animation: oj-sp-rw-ao-opacity-animate 150ms var(--oj-animation-ease-in-out) 150ms forwards; /* stylelint-disable-line no-unknown-animations */
  margin: 0 auto;
}

.notifications-list .oj-sp-notification-empty-container-wrapper .oj-sp-notification-empty-container .oj-sp-notification-empty-title {
  position: relative;
  transform: translate3d(0, 50px, 0);
  animation: noDataTitleAnimate 150ms var(--oj-animation-ease-in-out) 200ms forwards;
}

.notifications-list .oj-sp-notification-empty-title {
  color: rgba(245, 244, 242, 100%);
}

.ogl-recommendation-card{
  padding: 25px;
}