oj-sp-list-item-template {
  word-break: break-word;
}

oj-sp-list-item-template:not(.oj-complete) {
  visibility: hidden;
}

oj-sp-list-item-template .oj-sp-list-item-template-badge {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

oj-sp-list-item-template .oj-sp-list-item-template-meta-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 7rem;
}

oj-sp-list-item-template .oj-sp-list-item-template-inner-leading-visual {
  vertical-align: middle;
}

oj-sp-list-item-template .oj-sp-list-item-template-leading-icon {
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

oj-sp-list-item-template .oj-sp-list-item-template-leading-visual {
  text-align: end;
}

/** ER: JET-38038, please remove when the ER is resolved */
@media screen and (max-width: 599.9px) {
  oj-sp-list-item-template .oj-sp-list-item-template-main-texts-container {
    width: 100%;
  }

  oj-sp-list-item-template .oj-sp-list-item-template-meta-text-container {
    width: 100%;
  }
}

/** End ER: JET-38038 **/

oj-sp-list-item-template .oj-sp-list-item-template-overline-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

oj-sp-list-item-template .oj-sp-list-item-template-flex-shrink {
  min-width: 0;
}

oj-sp-list-item-template .oj-sp-list-item-template-overflow-menu {
  display: none;
}

oj-sp-list-item-template .oj-sp-list-item-template-text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/** BUG: JET-38780 for text trucation in text slots */
oj-sp-list-item-template .oj-sp-list-item-template-list-item-layout .oj-listitemlayout-textslots {
  min-width: 0;
}

oj-sp-list-item-template .oj-sp-list-item-template-list-item-layout .oj-listitemlayout-content,
oj-sp-list-item-template .oj-sp-list-item-template-list-item-layout .oj-listitemlayout-main,
oj-sp-list-item-template .oj-sp-list-item-template-list-item-layout .oj-listitemlayout-allslots {
  width: 100%;
}

/** End BUG: JET-38780 */

/** BUG JET-40241 */

oj-sp-list-item-template .oj-sp-list-item-template-list-item-layout .oj-listitemlayout {
  padding: 0;
}

oj-sp-list-item-template .oj-sp-list-item-template-list-item-layout .oj-listitemlayout-horizontal-padding {
  padding: 0;
}

oj-sp-list-item-template .oj-sp-list-item-template-list-item-layout .oj-listitemlayout-grid {
  padding: 2px;
}


/** End  ODES-2099 */


.oj-sp-list-item-template-badge-top-container {
  flex: 1 1 100%;
}

.oj-sp-list-item-template-toolbar-container {
  flex: 0 1 auto;
}

.oj-sp-list-item-template-primary-col {
  flex: 1 1 1px;
  min-width: 0;
  overflow: hidden;
}

.oj-sp-list-item-template-secondary-col,
.oj-sp-list-item-template-tertiary-col {
  flex: 1 1 100%;
  min-width: 0;
  overflow: hidden;
}

@media screen and (max-width: 599.9px) { /** sm-only */
  html:not([dir=rtl]) .oj-sp-list-item-template-sm-only-selector-width {
    padding-left: 2.75rem;
  }

  html[dir=rtl] .oj-sp-list-item-template-sm-only-selector-width {
    padding-right: 2.75rem;
  }

  .oj-sp-list-item-template-sm-only-avatar-width {
    padding: 0 1.875rem;
  }

  .oj-sp-list-item-template-sm-only-icon-width {
    padding: 0 1.25rem; /* 1.2rem is calulated based on a 24px leading visual icon */
  }
}

@media print and (orientation: portrait), screen and (min-width: 600px) and (max-width: 1023.9px) { /** md-only */
  html:not([dir=rtl]) .oj-sp-list-item-template-md-only-selector-width {
    padding-left: 2.75rem;
  }

  html[dir=rtl] .oj-sp-list-item-template-md-only-selector-width {
    padding-right: 2.75rem;
  }

  .oj-sp-list-item-template-md-only-avatar-width {
    padding: 0 1.875rem;
  }

  .oj-sp-list-item-template-md-only-icon-width {
    padding: 0 1.25rem; /* 1.2rem is calulated based on a 24px leading visual icon */
  }

  html:not([dir=rtl]) .oj-sp-list-item-template-md-only-toolbar-width {
    padding-right: 3.75rem;
  }

  html[dir=rtl] .oj-sp-list-item-template-md-only-toolbar-width {
    padding-left: 3.75rem;
  }
}

@media print, screen and (min-width: 600px) { /** md */
  .oj-sp-list-item-template-md-badge-fixed {
    flex: 0 0 auto;
  }

  .oj-sp-list-item-template-md-badge-grow {
    flex: 1 1 0%;
  }

  .oj-sp-list-item-template-secondary-col,
  .oj-sp-list-item-template-tertiary-col {
    flex: 1 1 1px;
  }

  .oj-sp-list-item-template-md-col-half {
    flex: 0.5 0.5 1px;
  }

  .oj-sp-list-item-template-row-break {
    flex: 1 1 100%;
  }
}

@media print and (orientation: landscape), screen and (min-width: 1024px) { /** lg */
  .oj-sp-list-item-template-lg-badge-fixed {
    flex: 0 0 auto;
  }

  .oj-sp-list-item-template-lg-col-half {
    flex: 0.5 0.5 0%;
  }

  .oj-sp-list-item-template-lg-order-6 {
    order: 6 !important;
  }
}