/* V18 style overrides/additions: */
#ibm-leadspace-head {
  background-color: #f5f5f5;
  background-position-x: 50%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}
header.theme-1 > #ibm-leadspace-head {
  background-image: url("lsbg1p.jpg");
  background-position-y: 100%;
}
header.theme-2 > #ibm-leadspace-head {
  background-image: url("lsbg2p.jpg");
  background-position-y: 70%;
}
header.theme-3 > #ibm-leadspace-head {
  background-image: url("lsbg3p.jpg");
  background-position-y: 20%;
}
header.theme-4 > #ibm-leadspace-head {
  background-image: url("lsbg4p.jpg");
}
header.theme-5 > #ibm-leadspace-head {
  background-image: url("lsbg5p.jpg");
  background-position-y: 80%;
}
header.theme-6 > #ibm-leadspace-head {
  background-image: url("lsbg6p.jpg");
}
header.theme-7 > #ibm-leadspace-head {
  background-image: url("lsbg7p.jpg");
  background-position-y: 40%;
}
header.theme-8 > #ibm-leadspace-head {
  background-image: url("lsbg8p.jpg");
  background-position-y: 20%;
}
header.theme-9 > #ibm-leadspace-head {
  background-image: url("lsbg9p.jpg");
  background-position-y: 40%;
}
#ibm-leadspace-body span.ibm-h4 {
  display: block;
  width: calc(100% - 1rem);
}

.tipso_bubble a:link {
  text-decoration: underline;
}

.ibm-padding-top-0_5 {
  padding-top: .5rem;
}
/* Custom styles */
.plc--display-flex {
  display: flex;
  justify-content: stretch;
}
.plc--align-items--center {
  align-items: center;
}
.plc--display-flex--wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
}
.text--pre-wrap {
  white-space: pre-wrap;
}

#plc--content dl dt {
  color: #777677; /* ibm-textcolor-gray-50 */
}
#plc--content dl dt:after {
  content: ":";
}

#plc--feeds-data-module.plc--my-products > h2 {
  color: #a53725; /* Northstar orange-60 */
  transition: color 0.5s ease-out;
}
#plc--selected-count > b {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 0.25rem;
  margin-right: 0.125rem;
  min-width: 1.8em;
  line-height: 1.8em;
  background-color: #a53725; /* Northstar orange-60 */
  color: #fff;
  text-align: center;
  transition: background-color 0.5s ease-out;
}
header.theme-1
  + #ibm-content-wrapper
  #plc--feeds-data-module.plc--my-products
  > h2,
header.theme-2
  + #ibm-content-wrapper
  #plc--feeds-data-module.plc--my-products
  > h2 {
  color: #00b4a0; /* Northstar teal-40 */
}
header.theme-1 + #ibm-content-wrapper #plc--selected-count > b,
header.theme-2 + #ibm-content-wrapper #plc--selected-count > b {
  background-color: #00b4a0; /* Northstar teal-40 */
}
header.theme-4
  + #ibm-content-wrapper
  #plc--feeds-data-module.plc--my-products
  > h2 {
  color: #006d5d; /* Northstar teal-60 */
}
header.theme-4 + #ibm-content-wrapper #plc--selected-count > b {
  background-color: #006d5d; /* Northstar teal-60 */
}
header.theme-5
  + #ibm-content-wrapper
  #plc--feeds-data-module.plc--my-products
  > h2 {
  color: #a6266e; /* Northstar magenta-60 */
}
header.theme-5 + #ibm-content-wrapper #plc--selected-count > b {
  background-color: #a6266e; /* Northstar magenta-60 */
}
header.theme-7
  + #ibm-content-wrapper
  #plc--feeds-data-module.plc--my-products
  > h2 {
  color: #2d660a; /* Northstar green-60 */
}
header.theme-7 + #ibm-content-wrapper #plc--selected-count > b {
  background-color: #2d660a; /* Northstar green-60 */
}
header.theme-9
  + #ibm-content-wrapper
  #plc--feeds-data-module.plc--my-products
  > h2 {
  color: #576161; /* Northstar cool-gray-60 */
}
header.theme-9 + #ibm-content-wrapper #plc--selected-count > b {
  background-color: #576161; /* Northstar cool-gray-60 */
}

details {
  margin-bottom: 1rem;
}
summary > * {
  display: inline;
  margin-left: 0.25rem;
}
summary {
  cursor: pointer;
  display: list-item;
  margin-bottom: 0.5rem;
}
summary:focus {
  outline: none;
  border: 1px dotted;
}
summary::marker {
  font-family: icons-ibm-v12;
  font-size: 1.5rem;
  content: "\f18c";
}
details[open] > summary::marker {
  content: "\f1d5";
}

#plc--query {
  width: 100%;
}

#plc--results-table thead [class^="sorting"]:hover {
  text-decoration-style: dotted;
}

#plc--search-results input[type="checkbox"] + label {
  line-height: 2rem;
  top: -0.125rem;
}

#plc--search-results > .ibm-columns label {
  margin-right: 1rem;
  /* line-height: 2.5rem; */
}

#plc--search-results .ibm-pagination {
  margin-right: 1rem;
}

#plc--search-results .ibm-pagination > li {
  float: none;
}

.plc--sortval {
  display: none;
}

.plc--flag::after {
  content: "**";
}

.plc--disabled-link {
  pointer-events: none;
  cursor: default;
  color: #aeaeae; /* Northstar gray-30 */
}

.plc--table-wrapper {
  overflow-x: auto;
}

#plc--searchform p.ibm-btn-row.ibm-ind-link {
  display: flex;
  flex-wrap: wrap;
}

#plc--searchform p.ibm-btn-row.ibm-ind-link span {
  margin-right: 1rem;
}

/****** Special features ******/
#plc--spinner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 2000;
  background-color: #fffc;
  display: grid;
  place-content: center;
}

#plc--toast {
  position: fixed;
  bottom: 40vh;
  left: 50%;
  height: auto;
  width: auto;
  min-width: 200px;
  margin-left: -100px;
  padding: 10px;
  text-align: center;
  background-color: #323232;
  border: 1px solid #fff;
  color: #fff;
}
/* Transition styles for toast notification */
.toast-fade-enter-active {
  transform: translateY(5rem);
  transition: all 0.5s ease-out;
}
.toast-fade-leave-active {
  transition: all 0.15s ease-in;
}
.toast-fade-enter-to {
  transform: translateY(0);
}
.toast-fade-enter {
  opacity: 0;
}
.toast-fade-leave-to {
  opacity: 0;
  transform: translateY(-5rem);
}

.no-focus-ring:focus {
  outline: none;
}

/* Transition styles for Days selector on data access form */
#plc--custom-data-days {
  transform: scaleY(0);
  opacity: 0;
}
.days-slide-enter-active {
  transform-origin: top;
  transition: all 0.5s ease-out;
}
.days-slide-leave-active {
  position: absolute;
  transform-origin: top;
  transition: all 0.5s ease-in;
}
.days-slide-move {
  transition: all 0.5s ease-out;
}
.days-slide-leave-active ~ .days-slide-move {
  transition-delay: 0.15s;
}
.days-slide-enter-to {
  transform: scaleY(1);
  opacity: 1;
}
.days-slide-enter {
  transform: scaleY(0);
  opacity: 0;
}
.days-slide-leave-to {
  transform: scaleY(0);
  opacity: 0;
}
/* Error page bee display/animation */
.ibm-error > .ibm-bee-link {
  display: inline-block;
  color: black;
  position: relative;
  top: -1.75rem;
  /* left: 1rem; */
  animation-name: turning-bee, bouncing-bee;
  animation-duration: 5s, 0.5s;
  animation-timing-function: ease-in-out, ease-in-out;
  animation-iteration-count: 1, 5;
  animation-delay: 3s, 8s;
  animation-direction: normal, alternate;
  animation-fill-mode: forwards, both;
  transform-origin: 0.75rem 1.25rem;
}
@keyframes turning-bee {
  0% {
    transform: rotate(0) translateY(0);
  }
  100% {
    transform: rotate(180deg) translateY(0.25rem);
  }
}
@keyframes bouncing-bee {
  0% {
    tranform: rotate(180deg) translateY(0.25rem);
  }
  50% {
    transform: rotate(180deg) translateY(0.5rem);
  }
  100% {
    transform: rotate(180deg) translateY(0.25rem);
  }
}

/* Small screen overrides */
html.ibm-grid-small #plc--details-page--product-names {
  display: none;
}
html.ibm-grid-small #plc--searchform input,
html.ibm-grid-small #plc--searchform button {
  width: 380px;
}

html.ibm-grid-small #plc--searchform p.ibm-ind-link {
  padding-top: 0;
}